@charset "euc-kr";
/****** 기본색상이 기준이 되는곳은 ***** 으로추가 ******
#a58666; 갈색 이전기본톤 --> #384A71
#2c97e1 (44, 151, 225); 푸른색 이전기본톤 --> #323D56
군청톤3단계 #323D56 > #384A71 > #7F8AA3
****** 기본색상이 기준이 되는곳은 ***** 으로추가 ******/
/*==================================================================================================================================================================*/
/*import.css 에있던것 시작*/
/*==================================================================================================================================================================*/
/*=================================================================================
* Default Tag Style
=================================================================================*/
html, body {margin:0; padding:0;}
body {background:#ececec;font-size:12px; color:#333; line-height:18px;font-family:Nanum,"돋움", Dotum, AppleGothic, sans-serif;}
div, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, fieldset, p, a, iframe, span, img, input, table, th, td {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:12px;}
ol, ul {list-style:none;}
fieldset {border:none;}
legend {display:none;}
img {border:0;vertical-align:middle;}
table, th, td {border-collapse:collapse;}
input, select, textarea, input.check, input.radio {margin:0; padding:0;vertical-align:middle;font-size:12px;line-height:20px;}
input.text, textarea.text {border-top:0px solid #a2a2a2;border-right:0px solid #d8d8d8;border-bottom:1px dashed #d8d8d8;border-left:0px solid #a2a2a2;padding:2px 0 5px 0;margin-left:2px;margin-right:2px;padding-left:0px}
input.text2, textarea.text2 {border-top:1px solid #BDBDBD;border-right:1px solid #BDBDBD;border-bottom:1px solid #BDBDBD;border-left:1px solid #BDBDBD;padding:2px 0 5px 0;margin-left:2px;margin-right:2px;padding-left:2px;height:16px}
input.image {}
select {height:18px;border:1px solid #a7a7a7;height:22px;min-width:80px;}
input.check {vertical-align:middle;margin-top:-2px;}
input.radio {vertical-align:middle;margin-top:-2px;}
input.file {height:25px;}
input.button {height:23px;padding:0 10px 0 10px;margin-left:2px;}
a:link, a:visited {color:#333;text-decoration:none;}
a:hover, a:active {color:#333;text-decoration:none;}
.pagination{
display:inline-block;
padding-left:0;
margin:20px 0px 10px 10px;
border-radius:4px
}
.pagination>li{
display:inline
}
.pagination>li>a,.pagination>li>span{
position:relative;
float:left;
padding:3px 8px;
margin-left:-1px;
line-height:1.42857143;
color:rgba(0, 120, 203, 1);
text-decoration:none;
background-color:#fff;
border:1px solid #ddd;
}
.pagination>li:first-child>a,.pagination>li:first-child>span{
margin-left:0;
border-top-left-radius:4px;
border-bottom-left-radius:4px
}
.pagination>li:last-child>a,.pagination>li:last-child>span{
border-top-right-radius:4px;
border-bottom-right-radius:4px
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{
color:#31160c;
background-color:#eee;
border-color:#ddd
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{
z-index:2;
color:#fff;
cursor:default;
background-color:#323D56; /* rgba(44, 151, 225, 1);*/
border-color:rgba(0, 120, 203, 1)
}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{
color:#777;
cursor:not-allowed;
background-color:#fff;
border-color:#ddd
}
.pagination-lg>li>a,.pagination-lg>li>span{
padding:10px 16px;
font-size:18px;
}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{
border-top-left-radius:6px;
border-bottom-left-radius:6px
}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{
border-top-right-radius:6px;
border-bottom-right-radius:6px
}
.pagination-sm>li>a,.pagination-sm>li>span{
padding:5px 10px;
font-size:12px
}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{
border-top-left-radius:3px;
border-bottom-left-radius:3px
}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{
border-top-right-radius:3px;
border-bottom-right-radius:3px
}
.pager{padding-left:0;
margin:20px 0;
text-align:center;
list-style:none
}
.pager li{
display:inline
}
.pager li>a,.pager li>span{
display:inline-block;
padding:5px 14px;
background-color:#fff;
border:1px solid #ddd;
border-radius:15px
}
.pager li>a:focus,.pager li>a:hover{
text-decoration:none;background-color:#eee
}
.pager .next>a,.pager .next>span{
float:right
}
.pager .previous>a,.pager .previous>span{
float:left
}
.button.b-close,.button.bClose{background-color:#2b91af;border-radius:7px 7px 7px 7px;box-shadow:none;font:bold 131% sans-serif;padding:0 6px 2px;position:absolute;right:-7px;top:-7px}
#tsPopUPElement,#tsPopUPElement2,.bMulti{background-color:#fff;border-radius:10px 10px 10px 10px;box-shadow:0 0 25px 5px #999;color:#111;display:none;min-width:450px;padding:25px}#tsPopUPElement .logo{color:#2b91af;font:bold 325% 'Petrona',sans}#tsPopUPElement,.bMulti{min-height:250px}#tsPopUPElement2 iframe{background:url('loader.gif') center center no-repeat;min-height:240px;min-width:450px}.loading{background:url('loader.gif') center center no-repeat}.bMulti p{font:500% 'Petrona',sans-serif;padding:45px 0 0;text-align:center}.bMulti a{left:175px;position:absolute;top:175px}.lt-ie9 .bModal{background-color:#000}.github{background:url('images/github.png') 0 0 no-repeat;height:149px;width:149px;opacity:.6;position:fixed;right:0;top:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.35s;-moz-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;transition-timing-function:ease-out}
#loading-div-background
{
display:none;
position:fixed;
top:0;
left:0;
background:black;
width:100%;
height:100%;
}
#loading-div
{
width: 300px;
height: 200px;
background-color: #0c0b0b;
text-align:center;
position:absolute;
left: 50%;
top: 50%;
margin-left:-150px;
margin-top: -100px;
}
/*==================================================================================================================================================================*/
/*import.css 에있던것 끝*/
/*==================================================================================================================================================================*/
/*==================================================================================================================================================================*/
/*layout.css 에있던것 시작*/
/*==================================================================================================================================================================*/
div, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, fieldset, p, a, iframe, span, img, input, table, th, td {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:12px;}
ol, ul {list-style:none;}
fieldset {border:none;}
legend {display:none;}
/*#wrapper {width:100%;}
#header {position:relative;z-index:1000;}
#header:after {display:block; content:"";clear:both;}
#logo-box:after {display:block; content:"";clear:both;}
#header #logo-box h1 {float:left;}
#header #logo-box ul {float:right;margin-top:25px;}
#header #logo-box li {float:left;}*/
#util-wrapper {background:#a58666;overflow:hidden;}
#util-wrapper {background:#ffffff;overflow:hidden;}
#util-wrapper .meddle-box {width:1000px;margin:0 auto;}
#util-wrapper .meddle-box ul {float:right;}
#util-wrapper .meddle-box ul li {float:left;}
/*#gnb-wrapper {background:#fff;border-bottom:1px solid #bebebd;overflow:hidden;}
#gnb-wrapper .meddle-box {width:1000px;margin:0 auto;}
#gnb-wrapper .meddle-box h1 {float:left;}
#gnb {position:relative;float:right;margin-top:15px;}
#gnb:after {display:block; content:"";clear:both;}
#gnb li {position:relative;float:left;}
#gnb ul li ul {position:absolute; top:45px; left:0;display:none;height:140px;border-right:1px solid #ddd;}
#gnb ul li ul li {border-right:none;}
#gnb ul li ul li:first-child {padding:15px 0 0 0;}
#gnb ul li ul li.last {padding:0 0 15px 0;}
#gnb ul li ul li a {display:block;padding:2px 0 2px 0;}*/
/*
padding:90px 으로조절
*/
#middle {position:relative;min-height:600px;padding:120px 0 50px 0;overflow:hidden;background:#fff no-repeat center top;border-bottom:1px solid #cbcbca;}
#middle:after {display:block; content:"";clear:both;}
#middle .meddle-box {width:1000px;margin:0 auto;}
#middle .meddle-box .mem-ly {width:1000px;}
#middle .main-content {width:1000px;margin:0 auto;}
#middle .main-content .mem-ly {width:1000px;}
#middle .meddle-box1 {width:200px; height:200px;float:left;margin:0 auto;}
#middle .meddle-box1 .mem-ly {width:1000px;}
#leftMenu {margin-right:34px;float:left;}
#leftMenu h2 {padding:0 0 0 0;}/*{padding:19px 0 0 0;}*/
#leftMenu-txt .LMTitle {display:none;} /* **** 추가된 왼쪽매뉴 타이틀 추가 전 이전으로 할경우*/
#leftMenu-txt {margin-right:34px;float:left;width:200px;}
#leftMenu-txt .LMTitle { display:block;background:#323D56;font-size:18px;color:#ffffff; border:1px solid #dadada;border-top:none;padding:0 10px 11px 15px; line-height:63px;font-weight:600;} /*레프트메뉴상단타이틀 ****#323D56 안쓸경우 주석 */
#leftMenu-txt h2 {padding:0 0 0 0;}/*{padding:19px 0 0 0;}*/
#leftMenu-txt h2 {display:none;} /* **** 왼쪽메뉴 이전건 안보이도록 처리 타이틀 이미지형식 */
#leftMenu-txt ul li .dep01 {display:block;background:#fff;border:1px solid #dadada;border-top:none;padding:11px 0 11px 15px;font-family:'NanumBold';color:#686868;font-size:12.3px;} /*왼쪽메뉴1차*/
#leftMenu-txt ul li .dep02 {display:block;background:#0100FF;border:1px solid #dadada;border-top:none;padding:11px 0 11px 15px;font-family:'NanumBold';color:#686868;font-size:12.3px;} /*왼쪽넴뉴2차*/
#leftMenu-txt ul li.active .dep01 {background:#393939 url('../tem/left_dep01_bullet.gif') no-repeat right 50%;border:none;color:#fff;}
#leftMenu-txt ul li ul {border-left:1px solid #dadada;border-right:1px solid #dadada;background:#efefef;}
/*#leftMenu-txt ul li ul li a {display:block;padding:6px 0 6px 23px;border-bottom:1px solid #dadada;color:#686868;background:url('../tem/left_s_bullet_off.gif') no-repeat 15px 50%;}
#leftMenu-txt ul li ul li.on a {background:url('../tem/left_s_bullet_on.gif') no-repeat 15px 50%;color:#755c43;font-family:'NanumBold';}*/
/*다시설정*/
#leftMenu-txt ul li .dep01 {display:block;background:#384A71;border:1px solid #dadada;border-top:none;padding:11px 0 11px 15px;color:#ffffff;font-size:12.3px;} /*왼쪽메뉴1차 ****#384A71 */
#leftMenu-txt ul li .dep02 {display:block;background:#7F8AA3;border:1px solid #dadada;border-top:none;padding:5px 0 5px 35px;color:#ffffff;font-size:12.3px;} /*왼쪽넴뉴2차 ****#7F8AA3 */
#leftMenu-txt ul li.active .dep01 {background:#393939 url('../tem/left_dep01_bullet.gif') no-repeat right 50%;border:none;color:#fff;}
#leftMenu-txt ul li ul {border-left:1px solid #dadada;border-right:1px solid #dadada;background:#efefef;}
/*#leftMenu-txt ul li ul li a {display:block;padding:6px 0 6px 23px;border-bottom:1px solid #dadada;color:#686868;background:url('../tem/left_s_bullet_off.gif') no-repeat 15px 50%;}
#leftMenu-txt ul li ul li.on a {background:url('../tem/left_s_bullet_on.gif') no-repeat 15px 50%;color:#755c43;font-family:'NanumBold';}*/
/* 메뉴선태시 표시*/
#leftMenu-txt ul li .dep01_set {display:block;border:1px solid #dadada;border-top:none;padding:11px 0 11px 15px;color:#ffffff;font-size:12.3px;font-weight: 700;background:#323D56; color:white} /*왼쪽메뉴1차선택시 추가 **** */
#leftMenu-txt ul li .dep02_set {display:block;border:1px solid #dadada;border-top:none;padding:5px 0 5px 35px;color:#ffffff;font-size:12.3px;font-weight: 700;background:#384A71; color:white} /*왼쪽넴뉴2차 ****#7F8AA3 */
/*기본 메인 */
#content-box {position:relative;width:762px;float:left;}
#content-box01 {position:relative;width:630px;}
#content-box01 table{font-weight:400;}
#content-box-900 {position:relative;width:900px;float:left;}
#print #middle {width:640px;background:#fff;margin:0 auto; }
#print #middle .meddle-box {width:100%;}
#title-box {position:relative;padding:0px 0 10px 0;margin-bottom:0px;border-bottom:3px solid #EFEFEF;} /*#content-box*****/
#title-box h2 {}
#title-box p {font-size: 20px; font-weight: 600; padding: 25px 0 0 0; color: #154A7B;} /*타이틀 기본 없었고 이미지 였음 **** */
#title-box .location {position:absolute; bottom:30px; right:0;color:#999999;font-size:11px;background:url('../../assets/img/common/ico_home.gif') no-repeat left 3px;padding:0 0 0 13px;}
#title-box .location span {color:#666;}
/*메인상단타이틀 ****#323D56 안쓸경우 주석 */
#title-box .MTitle { display:none;} /*메인상단타이틀 ****#323D56 안쓸경우 주석 */
.MMTitle { display:none;} /*메인중단타이틀 ****#323D56 안쓸경우 주석 */
#title-box .MTitle { display:block;background:#ffffff;font-size:18px;color:#154A7B;vertical-align:bottom; border-top:none;padding:0 0px 0px 0px; line-height:40px;font-weight:600;width:350px;} /*메인상단타이틀 ****#323D56 안쓸경우 주석 */
#title-box h2 img { display:block;} /*메인상단타이틀 ****#323D56 기존 이미지 주석처리 안쓸경우 주석처리 */
.MMTitle { display:block;background:#ffffff;font-size:18px;color:#154A7B;vertical-align:bottom; border-top:none; padding:0 0px 0px 0px; font-weight:600;width:350px;} /*메인상단타이틀 ****#323D56 안쓸경우 주석 */
/*메인중단타이틀 ****#323D56 안쓸경우 location 에 bottom:60px;으로추가 주석 */
#footer {position:relative;padding:20px 0 30px 0;width:100%;text-align:center;}
#footer:after {display:block; content:"";clear:both;}
#footer .meddle-box {width:1000px;margin:0 auto;}
#footer .meddle-box .btn {margin-left:220px;}
#footer .meddle-box .btn li { float:left;padding:0 10px 0 10px;background:url('../../assets/img/common/btm_btn_line.gif') no-repeat left top;}
#footer .meddle-box .btn li.first {background:none;}
#popup-box {width:348px; height:400px; border:0; background:#A58666}
#popup-bg {width:348px; height:83px}
#popup-img {padding:35px 26px 30px 42px;}
#popup-ing {padding:51px 26px 6px 42px;}
/*==================================================================================================================================================================*/
/*layout.css 에있던것 끝*/
/*==================================================================================================================================================================*/
/*==================================================================================================================================================================*/
/*board.css 에있던것 시작*/
/*==================================================================================================================================================================*/
.board-tp-01 {table-layout:fixed;width:100%;border-top:2px solid #384A71;} /* **** 기본색상 #a58666, #384A71 */
.board-tp-01 caption {display:none;}
.board-tp-01 thead tr th {background:#f3f3f3;padding:8px 0 7px 0;border-bottom:1px solid #dadada;border-left:1px solid #dadada;}
.board-tp-01 tbody tr th {}
.board-tp-01 tbody tr td {border-left:1px solid #dadada;border-bottom:1px solid #dadada;padding:5px 0 5px 0;text-align:center;color:#666;}
.board-tp-01 tbody tr td.left {text-align:left;padding-left:5px;}
.board-tp-01 tbody tr td.right, .board-tp-01 tfoot tr td.right, .board-tp-01 tfoot tr td.right {text-align:right;padding-right:5px;}
.board-tp-01 thead tr th.first, .board-tp-01 tbody tr td.first, .board-tp-01 tfoot tr td.first {border-left:none;}
.board-tp-01 thead tr th.gray, .board-tp-01 tbody tr td.gray, .board-tp-01 tfoot tr td.gray {background:#f8ede2;}
.board-tp-01 tfoot tr th {background:#f3f3f3;padding:8px 0 7px 0;border-bottom:1px solid #dadada;border-left:1px solid #dadada;}
.board-tp-01 tfoot tr td {background:#f3f3f3;border-left:1px solid #dadada;border-bottom:1px solid #dadada;padding:7px 0 5px 0;text-align:center;color:#666;}
.board-tp-02 {border-top:2px solid #384A71;} /* **** 기본색상 #a58666, #384A71 */
.board-tp-02 caption {display:none;}
.board-tp-02 thead tr th {background:#f3f3f3;padding:8px 0 7px 0;border-bottom:1px solid #dadada;border-left:1px solid #dadada;}
.board-tp-02 tbody tr td {border-left:1px solid #dadada;border-bottom:1px solid #dadada;padding:5px 5px 5px 5px;text-align:center;color:#666;}
.board-tp-02 tbody tr td.left {text-align:left;padding-left:5px;}
.board-tp-02 tbody tr td.right, .board-tp-01 tfoot tr td.right, .board-tp-01 tfoot tr td.right {text-align:right;padding-right:5px;}
.board-tp-02 thead tr th.first, .board-tp-01 tbody tr td.first, .board-tp-01 tfoot tr td.first {border-left:none;}
.board-tp-02 thead tr th.gray, .board-tp-01 tbody tr td.gray, .board-tp-01 tfoot tr td.gray {background:#f8ede2;}
/*
.board-tp-01 tfoot tr th {border:1px solid #dadada;border-top:2px solid #393939;border-bottom:2px solid #393939;padding:10px 0 10px 0;text-align:center;background:#ebe9d4;}
.board-tp-01 tfoot tr td {border:1px solid #dadada;border-top:2px solid #393939;border-bottom:2px solid #393939;padding:10px 0 10px 0;text-align:center;background:#ebe9d4;}
.board-tp-01 tfoot tr th.left-bdr, .board-tp-01 tfoot tr td.left-bdr {border-left:2px solid #393939;}
.board-tp-01 tfoot tr th.right-bdr, .board-tp-01 tfoot tr td.right-bdr {border-right:2px solid #393939;}
*/
.board-view {table-layout:fixed;width:100%;border-top:2px solid #384A71;} /* **** 기본색상 #a58666, #384A71 */
.board-view caption {display:none;}
.board-view tbody tr th {background:#f3f3f3;padding:8px 0 6px 0;border-bottom:1px solid #dadada;}
.board-view tbody tr td {border-bottom:1px solid #dadada;padding:8px 15px 6px 10px;text-align:left;color:#666;}
.board-view tbody tr td.subject {background:#f3f3f3;}
.board-view tbody tr td.subject strong {font-size:14px;color:#000099;}
.board-view tbody tr td.subject span {color:#d55500;}
.board-view tbody tr td.date {background:#f3f3f3;text-align:center;padding:10px 0 10px 0;}
.board-view tbody tr td.con-txt {padding:15px 15px 15px 15px;min-height:150px;vertical-align:top;line-height:22px;}
.board-view tbody tr td.con-txt .img-view {text-align:center;padding:0 0 15px 0;}
.board-view tbody tr td .file li {background:url('../../assets/img/common/ico_file.gif') no-repeat left 5px;padding:2px 0 2px 15px;}
.board-view tbody tr td .file li a {text-decoration:underline;color:#d55500}
.board-view .add li {padding:0 0 4px 0;}
.board-view .b-add {height:25px;padding:0 10px 0 10px;margin-bottom:5px;background:#000;color:#fff;border:1px solid #000;}
.board-view .add .b-del {height:25px;padding:0 10px 0 10px;margin-left:5px;}
/*=================================================================================
* 계산서 테이블
=================================================================================*/
.provider-table {table-layout:fixed;width:100%;border:1px solid #e52424;}
.provider-table caption {display:none;}
.provider-table thead tr th {background:#f3f3f3;padding:5px 0 5px 0;border:1px solid #e52424;}
.provider-table tbody tr th {background:#f5f5f5;padding:5px 0 5px 0;border:1px solid #e52424;}
.provider-table tbody tr th.gray {background:#e7e7e7;}
.provider-table tbody tr td {border:1px solid #e52424;padding:5px 0 5px 4px;text-align:left;color:#666;}
.provider-table tbody tr td.bLR {border-left:1px solid #666;border-top:1px solid #666;border-right:1px solid #666;padding:10px 0 10px 10px;font-weight:bold;color:#000;}
.provider-table tbody tr td.bLB {border-left:1px solid #666;border-top:1px solid #666;border-right:1px solid #666;padding:10px 0 10px 10px;font-weight:bold;color:#000;border-bottom:1px solid #226fef;}
.provider-table tbody tr td.tit-txt {font-size:18px;}
.provider-table tbody tr td.center {text-align:center;padding-left:0;}
.provider-table tbody tr th.bd-red, .provider-table tbody tr td.bd-red {border:1px solid #226fef;}
.provider-table tbody tr th.bdr-red, .provider-table tbody tr td.bdr-red {border-right:1px solid #226fef;}
.provider-table tbody tr th.bd-blue, .provider-table tbody tr td.bd-blue {border:1px solid #bdc4d4;}
.provider-table tbody tr th.bdr-blue, .provider-table tbody tr td.bdr-blue {border-right:1px solid #bdc4d4;}
.buyer-table {table-layout:fixed;width:100%;border:1px solid #e52424;}
.buyer-table {table-layout:fixed;width:100%;}
.buyer-table caption {display:none;}
.buyer-table thead tr th {background:#f3f3f3;padding:5px 0 5px 0;border:1px solid #226fef;}
.buyer-table tbody tr th {background:#f5f5f5;padding:5px 0 5px 0;border:1px solid #e52424;}
.buyer-table tbody tr th.gray {background:#e7e7e7;}
.buyer-table tbody tr td {border:1px solid #e52424;padding:5px 0 5px 4px;text-align:left;}
.buyer-table tbody tr td.center {text-align:center;}
.normal-table {table-layout:fixed;width:100%;border:1px solid #bcbcbc;}
.normal-table caption {display:none;}
.normal-table thead tr th {background:#e7e7e7;padding:9px 0 7px 0;border:1px solid #bcbcbc;color:#222;}
.normal-table tbody tr th {background:#e7e7e7;padding:9px 0 7px 0;border:1px solid #bcbcbc;}
.normal-table tbody tr td {border:1px solid #bcbcbc;padding:9px 0 7px 0;text-align:center;color:#666;}
.normal-table tbody tr td.left {text-align:left;padding-left:10px;}
.normal-table tbody tr td.right {text-align:right;padding-right:10px;}
.normal-table tbody tr td.center {text-align:center;}
.normal-table tbody tr td.gray {background:#e7e7e7;color:#333;}
.normal-table tbody tr td.gray02 {background:#f5f5f5;}
.broker-table {table-layout:fixed;width:100%;border:1px solid #00A870;}
.broker-table caption {display:none;}
.broker-table thead tr th {background:#f3f3f3;padding:5px 0 5px 0;border:1px solid #00A870;}
.broker-table tbody tr th {background:#f5f5f5;padding:5px 0 5px 0;border:1px solid #00A870;}
.broker-table tbody tr th.gray {background:#e7e7e7;}
.broker-table tbody tr td {border:1px solid #00A870;padding:5px 0 5px 4px;text-align:left;color:#666;}
.broker-table tbody tr td.bLR {border-left:1px solid #666;border-top:1px solid #666;border-right:1px solid #666;padding:10px 0 10px 10px;font-weight:bold;color:#000;}
.broker-table tbody tr td.tit-txt {font-size:18px;}
.broker-table tbody tr td.center {text-align:center;padding-left:0;}
/*.search-table {table-layout:fixed;width:100%;border-top:1px solid #bcbcbc;}*/
.search-table {table-layout:fixed;width:762px;border-top:1px solid #bcbcbc;}
.search-table caption {display:none;}
.search-table thead tr th {background:#f3f3f3;padding:9px 0 7px 0;border-left:1px solid #dadada;border-bottom:1px solid #dadada;color:#222;}
.search-table tbody tr th {background:#f3f3f3;padding:9px 0 7px 0;border-left:1px solid #dadada;border-bottom:1px solid #dadada;}
.search-table tbody tr td {border-left:1px solid #dadada;border-bottom:1px solid #dadada;padding:9px 0 7px 0;text-align:center;color:#666;}
.search-table tbody tr td.left {text-align:left;padding-left:10px;}
.search-table tbody tr td.right {text-align:right;padding-right:10px;}
.search-table tbody tr td.center {text-align:center;}
.search-table tbody tr td.gray {background:#e7e7e7;color:#333;}
.search-table tbody tr td.gray02 {background:#f5f5f5;}
.search-table tbody tr th.first, .search-table tbody tr td.first {border-left:none;}
.search-table tbody tr td.left-blank {text-align:left;font-weight:bold;font-size:18px;height:35px;cursor:pointer;color:black}
.transparent-table {table-layout:fixed;width:100%; }
.transparent-table caption {display:none;}
.transparent-table thead tr th {background:#f3f3f3;padding:9px 0 7px 0;border-left:1px solid #dadada;border-bottom:1px solid #dadada;color:#222;}
.transparent-table tbody tr th {background:#f3f3f3;padding:9px 0 7px 0;border-left:1px solid #dadada;border-bottom:1px solid #dadada;}
.transparent-table tbody tr td {border-left:0px solid #dadada;border-bottom:0px solid #dadada;padding:9px 0 7px 0;text-align:center;color:#666;}
.transparent-table tbody tr td.left {text-align:left;padding-left:10px;}
.transparent-table tbody tr td.right {text-align:right;padding-right:10px;}
.transparent-table tbody tr td.center {text-align:center;}
.transparent-table tbody tr td.gray {background:#e7e7e7;color:#333;}
.transparent-table tbody tr td.gray02 {background:#f5f5f5;}
.transparent-table tbody tr th.first, .search-table tbody tr td.first {border-left:none;}
/*=================================================================================
* 계산서 테이블e-mail
=================================================================================*/
.provider-table01 tr th{font-weight:normal; }
.provider-table01 tr { font-family:'Malgun Gothic';font-size:12px;color:#666;}
.provider-table01 {table-layout:fixed;width:100%;border:1px solid #e52424;}
.provider-table01 caption {display:none;}
.provider-table01 thead tr th {background:#f3f3f3;padding:5px 0 5px 0;border:1px solid #f6c3c2;}
.provider-table01 tbody tr th {background:#fff2f2;padding:5px 0 5px 0;border:1px solid #f6c3c2;}
.provider-table01 tbody tr th.gray {background:#e7e7e7;}
.provider-table01 tbody tr td {border:1px solid #f6c3c2;padding:5px 0 5px 4px;text-align:left;color:#333;}
.provider-table01 tbody tr td.bLR {padding:10px 0 10px 10px;color:#000;border-bottom:2px solid #50628a;border-right:1px solid #bdc4d4;border-top:none;border-left:none;}
.provider-table01 tbody tr td.bLB {padding:10px 0 10px 10px;color:#000;border-bottom:2px solid #50628a;border-right:1px solid #bdc4d4;border-top:none;border-left:none;}
.provider-table01 tbody tr td.tit-txt {font-size:18px;}
.provider-table01 tbody tr td.center {text-align:center;padding-left:0;}
.provider-table01 tbody tr th.bd-blue, .provider-table01 tbody tr td.bd-blue {border:1px solid #bdc4d4;}
.provider-table01 tbody tr th.bdr-blue, .provider-table01 tbody tr td.bdr-blue {border-right:1px solid #bdc4d4;}
.buyer-table01 tr th{font-weight:normal; }
.buyer-table01 tr{ font-family:'Malgun Gothic';font-size:12px;color:#333;}
.buyer-table01 {table-layout:fixed;width:100%;border:1px solid #bdc4d4;}
.buyer-table01 {table-layout:fixed;width:100%;}
.buyer-table01 caption {display:none;}
.buyer-table01 thead tr th {background:#f3f3f3;padding:5px 0 5px 0;border:1px solid #bdc4d4;}
.buyer-table01 tbody tr th {background:#f5f5f5;padding:5px 0 5px 0;border:1px solid #bdc4d4;}
.buyer-table01 tbody tr th.gray {background:#e7e7e7;}
.buyer-table01 tbody tr td {border:1px solid #bdc4d4;padding:5px 0 5px 4px;text-align:left;}
.buyer-table01 tbody tr td.center {text-align:center;}
.normal-table01 tr{font-family:'Malgun Gothic';font-size:12px;color:#333;}
.normal-table01 {table-layout:fixed;width:100%;border:1px solid #bcbcbc;}
.normal-table01 caption {display:none;}
.normal-table01 thead tr th {background:#f4f5f9;padding:5px 0 5px 0;border:1px solid #bcbcbc;color:#333;border-top:2px solid #50628a;}
.normal-table01 tbody tr th {background:#f4f5f9;padding:5px 0 5px 0;border:1px solid #bcbcbc;border-top: 2px solid #50628a;}
.normal-table01 tbody tr td {border:1px solid #bcbcbc;padding:5px 0 5px 0;text-align:center;color:#333;}
.normal-table01 tbody tr td.left {text-align:left;padding-left:10px;}
.normal-table01 tbody tr td.right {text-align:right;padding-right:10px;}
.normal-table01 tbody tr td.center {text-align:center;}
.normal-table01 tbody tr td.gray {background:#f4f5f9;padding:5px 10px 5px 0;border:1px solid #bcbcbc;color:#333;border-top:2px solid #50628a;}
.normal-table01 tbody tr td.gray02 {padding:5px 10px 5px 0;border:1px solid #bcbcbc;color:#333;}
.provider-table01 tbody tr th.bd-green, .provider-table01 tbody tr td.bd-green {border:1px solid #d7e5d0;}
/*=================================================================================
* 계산서 테이블
=================================================================================*/
.estimate-table {table-layout:fixed;width:100%;border:1px solid red;}
.estimate-table caption {display:none;}
.estimate-table thead tr th {background:#e7e7e7;padding:3px 0 3px 0;border:1px solid red;color:#ff0000;}
.estimate-table tbody tr th {background:#e7e7e7;padding:3px 0 3px 0;border:1px solid red;color:#ff0000;background-color:white;}
.estimate-table tbody tr th.back-red {background:#e7e7e7;padding:3px 0 3px 0;border:1px solid red;color:#ff0000;background:#FFEAEA;}
.estimate-table tbody tr td {padding:3px 0 3px 0;text-align:center;border:1px solid red;color:#666;height:20px;}
.estimate-table tbody tr td.none-border {padding:3px 0 3px 0;text-align:center;border:0px solid red;color:#666;}
/*.estimate-table tbody tr td.left {text-align:left;padding-left:10px;}
.estimate-table tbody tr td.right {text-align:right;padding-right:10px;}
.estimate-table tbody tr td.center {text-align:center;}
.estimate-table tbody tr td.gray {background:#e7e7e7;color:#333;}
.estimate-table tbody tr td.gray02 {background:#f5f5f5;}*/
.estimate-transparent-table {table-layout:fixed;width:100%;border:0px;}
.estimate-transparent-table caption {display:none;}
/*.estimate-transparent-table thead tr th {padding:9px 0 7px 0;border:0px;color:#ff0000;}*/
.estimate-transparent-table tbody tr th {padding:3px 0 3px 0;border:0px;color:#ff0000;background-color:white;}
.estimate-transparent-table tbody tr th.mrg-l5 {margin-left:5px}
.estimate-transparent-table tbody tr th span.mrg-l5 {margin-left:5px}
.estimate-transparent-table tbody tr td {padding:3px 0 3px 0;border:1px;text-align:left;margin-left:10px}
/*.estimate-transparent-table tbody tr td.left {text-align:left;padding-left:10px;}
.estimate-transparent-table tbody tr td.right {text-align:right;padding-right:10px;}
.estimate-transparent-table tbody tr td.center {text-align:center;}
.estimate-transparent-table tbody tr td.gray {background:#e7e7e7;color:#333;}
.estimate-transparent-table tbody tr td.gray02 {background:#f5f5f5;}*/
.transaction-table {table-layout:fixed;width:100%;border:1px solid red;}
.transaction-table caption {display:none;}
/*.transaction-table thead tr th {padding:3px 0 3px 0; border:1px solid blue;}*/
.transaction-table tbody tr th {padding:3px 0 3px 0; border:1px solid red;}
.transaction-table tbody tr td {padding:3px 0 3px 0; border:1px solid red;}
.list-table {table-layout:fixed;width:764px;border:1px solid #bcbcbc;}
.list-table caption {display:none;}
.list-table thead tr th {background:#e7e7e7;padding:9px 0 7px 0;border:1px solid #bcbcbc;color:#222;}
.list-table tbody tr th {background:#e7e7e7;padding:9px 0 7px 0;border:1px solid #bcbcbc;}
.list-table tbody tr td {border:1px solid #bcbcbc;padding:9px 0 7px 0;text-align:center;color:#666;}
.list-table tbody tr td.left {text-align:left;padding-left:10px;}
.list-table tbody tr td.right {text-align:right;padding-right:10px;}
.list-table tbody tr td.center {text-align:center;}
.list-table tbody tr td.gray {background:#e7e7e7;color:#333;}
.list-table tbody tr td.gray02 {background:#f5f5f5;}
/*==================================================================================================================================================================*/
/*board.css 에있던것 끝*/
/*==================================================================================================================================================================*/
/*==================================================================================================================================================================*/
/*content.css 에있던것 시작*/
/*==================================================================================================================================================================*/
.h2-box {position:relative;overflow:hidden;padding:0 0 20px 0;}
.h2-box h2 {background:url('../../assets/img/common/h2_bg.gif') no-repeat 4px top;padding:15px 0 0 0;}
.h2-box .btnR {position:absolute; top:15px; right:0px;}
/*=================================================================================
* 회원가입
=================================================================================*/
.mem-step-box {padding:0 0 40px 0;}
.mem-scroll-outer {background-color:#fcfcfc;border:1px solid #bcbcbc;padding:0px;width:940px;margin:0px 30px 0px 30px;}
.mem-scroll {width:auto;height:265px;overflow:auto;}
/*=================================================================================
* 정렬CSS
=================================================================================*/
.btn-box {position:relative;padding:20px 0 0 0;overflow:hidden;}
.btn-box1 {position:relative;padding:0px 0 0 0;overflow:hidden;}
.al {text-align:left !important;}
.ar {text-align:right !important;}
.ac {text-align:center !important;}
/*=================================================================================
* popup
=================================================================================*/
#pop-wrapper {}
#pop-wrapper .pop-tit {position:relative;background:#323D56;margin-bottom:18px;height:54px;} /* 색상지정 **** 푸른 2c97e1, 갈색톤 ,군청 323D56 */
#pop-wrapper .pop-tit > h2 {display:none;} /* **** 안나오도록 이전 이미지 타이틀*/
#pop-wrapper .pop-tit p {display: block;background: #323D56;font-size: 18px;color: #ffffff;padding: 10px 10px 0px 20px;line-height: 30px;font-weight: 600;} /***** h 대신 p추가 팝업 타이틀 안쓸때는 display:nene; 추가 */
#pop-wrapper .pop-tit .close {position:absolute; top:0px; right:0;}
#pop-wrapper #pd-box {padding:10px;}
#pop-wrapper #pd-box .pop-tab {overflow:hidden;margin-bottom:-1px;}
#pop-wrapper #pd-box .pop-tab li {float:left;margin-right:2px;}
#pop-wrapper #pd-box .border-box {border:1px solid #dadada;background:#f5f5f5;padding:14px;margin-bottom:0px;}
/*=================================================================================
* tab
=================================================================================*/
.tab {position:relative;overflow:hidden;background:url('../../assets/img/content/tab_bg.gif') repeat-x left top;margin-bottom:30px;}
.tab ul li {float:left;margin-right:2px;}
/*=================================================================================
* 건별 발행
=================================================================================*/
.relative-box {position:relative;overflow:hidden;}
.relative-box .txt {padding:3px 0 0 0;}
.LR-box {overflow:hidden;}
.LR-box .left {float:left;width:50%;}
.LR-box .right {float:right;width:50%;}
.file-box {border-top:1px solid #dadada;border-bottom:1px solid #dadada;margin-top:20px;}
.file-box label {border-right:1px solid #dadada;display:inline-block;padding:10px 16px 8px 16px;background:#f5f5f5;font-weight:bold;}
.sort-box {position:relative;overflow:hidden;border:3px solid #c9b29a;padding:15px;margin-bottom:20px;background:#f5f5f5;}
.sort-box label {display:block;font-weight:bold;padding-bottom:5px;color:#755c43;}
.sort-box .fl {margin-left:30px;}
.border-box {border:1px solid #dadada;background:#f5f5f5;padding:14px;margin-bottom:20px;}
.point-box {border:1px solid #dadada;background:#f5f5f5;padding:14px;margin-bottom:10px;font-size:14px;text-align:center;}
.point-box span.pd {padding:0 50px 0 50px;}
.dl-view {position:relative;overflow:hidden;background:#f3f3f3;border-bottom:1px solid #dadada;}
.dl-view dt, .dl-view dd {float:left;border-top:1px solid #dadada;padding:7px 0 7px 0;}
.dl-view dt {text-align:center;}
.dl-view dd {background:#fff;padding-left:5px;}
.dl-list {position:relative;overflow:hidden;border:1px solid #dadada;}
.dl-list dt, .dl-list dd {float:left;border-top:1px solid #dadada;padding:15px 0 15px 0;}
.dl-list dt.first, .dl-list dd.first {border-top:none;}
.dl-list dt {padding-left:20px;font-weight:bold;}
.dl-list dd {background:#fff;padding-right:15px;color:#888;}
.img-list-box {position:relative;overflow:hidden;border-bottom:1px solid #bcbcbc;padding:0 0 00px 0;}
.img-list-box .left {float:left;width:490px;}
.img-list-box .right {position:absolute; top:0px;bottom:0; right:0px;width:270px;margin:0 0 0 0px;background:#f5f5f5;padding:0 0 0 0;background:url('../../assets/img/common/dot_bg.gif') repeat left top;}
.img-list-box .left dl {float:left;position:relative;overflow:hidden;border:1px solid #bcbcbc;padding:15px;background:#f5f5f5;margin:0 20px 20px 0;}
.img-list-box .left dl dt {font-weight:bold;padding:0 0 5px 0;}
.img-list-box .left dl dd.pic {padding:10px 15px 10px 15px;background:#fff;border:1px solid #e7e7e7}
.img-list-box .left dl dd.btn {text-align:center;padding:10px 0 0 0;}
.img-list-box .left dl dd.size {font-size:11px;text-align:center;padding:5px 0 0 0;}
.img-list-box .right dl {position:relative;overflow:hidden;}
.img-list-box .right dl dt {font-weight:bold;padding:30px 0 10px 20px;}
.img-list-box .right dl dd {padding:0px 0 0px 20px;}
.img-list-box .right dl dd.pic {position:relative;height:240px;text-align:center;padding:60px 0 0 0;}
.img-list-box .right dl dd.pic img {border:1px solid #e7e7e7;}
.customer-box {overflow:hidden;}
.customer-box .left {float:left;width:43%;border:1px solid #e7e7e7;min-height:400px;}
.customer-box .right {float:right;width:55%;}
.customer-box .board-view {border-top:1px solid #384A71} /* **** 기본색상 #a58666, #384A71 */
.customer-menu-box {overflow:hidden;}
.customer-menu-box .left {float:left;width:42%;border:0px solid #e7e7e7;min-height:400px;}
.customer-menu-box .right {float:right;width:42%;}
.customer-menu-box .board-view {border-top:1px solid #384A71} /* **** 기본색상 #a58666, #384A71 */
.w150 {width:150px;}
.w200 {width:190px;}
.w561 {width:535px;}
.w606 {width:607px;}
span.line-L {display:inline-block;background:url('../../assets/img/common/line.gif') no-repeat left 2px;padding:0 0 0 12px;margin-left:10px}
.search-btn-box {
position: relative;
overflow: hidden;
background: #f3f3f3;
border: 1px solid #dadada;
padding: 10px;
}
.scroll {height:200px;overflow:auto;}
.bank-box {position:relative;overflow:hidden;}
.bank-box span {float:left;}
.bank-box div.right {float:left;width:600px;overflow:hidden;}
.bank-box div.right ul li {float:left;padding:0 0 4px 4px;}
.table-RL-box {overflow:hidden;}
.table-RL-box .left {float:left;width:48%;height:300px;border:1px solid #666;}
.table-RL-box .right {float:right;width:48%;}
.table-RL-box .right div.inBox {height:250px;border:1px solid #666;}
.table-RL-box .right .normal-table thead tr th {background:#f8ede2;}
.mem-out-box {border:1px solid #dadada;background:#f5f5f5;padding:25px;}
.mem-out-box ul li {padding:0 0 5px 0;}
.mem-out-box .tit {font-size:16px; font-weight:bold;padding:0 0 15px 0;color:#000;}
.card-box {border:1px solid #dadada;border-top:none;padding:25px;overflow:hidden;}
.card-box ul li {float:left;padding:0 5px 5px 0;}
.card-box ul li.pd0 {padding-right:0;}
.mem-ly .login-box {overflow:hidden;padding:10px 10px 0 10px;width:1060px;height:360px;margin-top:36px;}
.mem-ly .login-box .cbox {padding:10px;}
.mem-ly .login-box .left fieldset {position:relative;width:300px;margin:0 auto;margin-top:0px;}
.mem-ly .login-box .left {border:1px solid #e1e1e1;width:420px;min-height:330px;margin-left:130px;margin-top:-330px;}
.mem-ly .login-box .left h2, .login-box .right h2 {background:#f6f6f6;text-align:center;padding:20px 0 20px 0;}
.mem-ly .login-box .left {float:left;}
.mem-ly .login-box .left .btn {text-align:center;padding:30px 0 0 0;}
.mem-ly .login-box .left .btn img {margin:0 10px 0 10px;}
.mem-ly .login-box .right {border:1px solid #e1e1e1;width:420px;min-height:330px;margin-left:600px;margin-top:-10px;}
.mem-ly .login-box .right fieldset {position:relative;width:300px;margin:0 auto;margin-top:20px;}
.mem-ly .login-box .right .btn {position:absolute; top:10px;right:38px;}
.mem-ly .login-box .right .text {padding:8px 0 8px 5px;}
.mem-ly .login-box .right .btn-box {text-align:center;padding:20px 0 0 0;}
.mem-ly .login-box .loginsearch {border:1px solid #e1e1e1;width:892px;min-height:130px;margin-left:131px;margin-top:-10px;}
.mem-ly .login-box .loginsearch h3 {background:#f6f6f6;text-align:center;padding:10px 0 10px 0;}
.mem-ly .login-box .rightC fieldset {position:relative;width:300px;margin:0 auto;margin-top:0px;}
.mem-ly .login-box .rightC {border:1px solid #e1e1e1;width:420px;min-height:350px;margin-left:400px;margin-top:-10px;}
.mem-ly .login-box .rightC h2, .login-box .right h2 {background:#f6f6f6;text-align:center;padding:20px 0 20px 0;}
.mem-ly .login-box .rightC {float:left;}
.mem-ly .login-box .rightC .btn {text-align:center;padding:30px 0 0 0;}
.mem-ly .login-box .rightC .btn img {margin:0 10px 0 10px;}
.mem-ly .login-box .normal {float:none;}
.mem-ly .login-box .normal fieldset {position:relative;width:300px;margin:0 auto;margin-top:20px;}
.mem-ly .login-box .normal .btn {position:absolute; top:0px;right:0;}
.mem-ly .login-box .normal .text {padding:8px 0 8px 5px;}
.mem-ly .login-box .normal .btn-box {text-align:center;padding:20px 0 0 0;}
.mem-ly .login-box .message {margin-top:-14px; margin-left:2px;width:300px;height:50px; font-size:11px;}
/*==================================================================================================================================================================*/
/*content.css 에있던것 끝*/
/*==================================================================================================================================================================*/
/*==================================================================================================================================================================*/
/*commom.css 에있던것 시작*/
/*==================================================================================================================================================================*/
.blind {position:absolute; top:0px; left:-10000px;font-size:0;line-height:0;}
.red {color:#ff2400;}
.blue {color:#009bda;}
.orange {color:#f5791f;}
.bold {font-weight:bold;}
.f-gray {color:#888;}
.f-14 {font-size:14px;}
.fl {float:left;}
.fr {float:right;}
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}
.mgt40 {margin-top:40px !important;}
.mgt50 {margin-top:50px !important;}
.mgr10 {margin-right:10px !important;}
.mgr5 {margin-right:5px !important;}
.mgr20 {margin-right:20px !important;}
.mgr30 {margin-right:30px !important;}
.mgr50 {margin-right:50px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl20 {margin-left:20px !important;}
.mgl30 {margin-left:30px !important;}
.mgl40 {margin-left:40px !important;}
.pdl5{padding-left:5px !important;}
.pdl10{padding-left:10px !important;}
.pdl20{padding-left:20px !important;}
.pdr10 {padding-right:10px !important;}
.pdr15 {padding-right:15px !important;}
.pdr50 {padding-right:50px !important;}
.pdr70 {padding-right:70px !important;}
.pdt5 {padding-top:5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt12 {padding-top:12px !important;}
.pdt15 {padding-top:15px !important;}
.pdb10 {padding-bottom:10px !important;}
/*==================================================================================================================================================================*/
/*commom.css 에있던것 끝*/
/*==================================================================================================================================================================*/
/*==================================================================================================================================================================*/
/*commom02.css 에있던것 끝*/
/*==================================================================================================================================================================*/
.btn-default {display:inline-block;background:url('../tem/default_btn_bg.gif') no-repeat left top;padding:0 0 0 10px;}
.btn-default span {display:block;height:23px;background:url('../tem/default_btn_bg.gif') no-repeat right top;margin-left:3px;padding:4px 13px 0 0;font-family:'NanumBold';color:#222;}
.btn-s-default {display:inline-block;background:url('../tem/default_btn_s_bg.gif') no-repeat left top;padding:0 0 0 10px;}
.btn-s-default span {display:block;height:23px;background:url('../tem/default_btn_s_bg.gif') no-repeat right top;margin-left:3px;padding:2px 13px 0 0;font-family:'NanumBold';color:#222;}
.btn-yellow {display:inline-block;background:url('../tem/yellow_btn_bg.gif') no-repeat left top;padding:0 0 0 10px;}
.btn-yellow span {display:block;height:23px;background:url('../tem/yellow_btn_bg.gif') no-repeat right top;margin-left:3px;padding:2px 13px 0 0;font-family:'NanumBold';color:#fff;}
.btn-gray {display:inline-block;background:url('../tem/gray_btn_bg.gif') no-repeat left top;padding:0 0 0 10px;}
.btn-gray span {display:block;height:23px;background:url('../tem/gray_btn_bg.gif') no-repeat right top;margin-left:3px;padding:2px 13px 0 0;font-family:'NanumBold';color:#fff;}
.btn-black {display:inline-block;background:url('../tem/black_btn_bg.gif') no-repeat left top;padding:0 0 0 10px;font-size:11px;}
.btn-black span {display:block;height:20px;background:url('../tem/black_btn_bg.gif') no-repeat right top;margin-left:3px;padding:1px 13px 0 0;font-family:'NanumBold';color:#fff;}
.btn-big {display:inline-block;background:url('../tem/big_btn_bg.gif') no-repeat left top;padding:0 0 0 10px;font-size:14px;}
.btn-big span {display:block;height:30px;background:url('../tem/big_btn_bg.gif') no-repeat right top;margin-left:3px;padding:8px 13px 0 0;font-family:'NanumBold';color:#fff;}
.btn-big-blue {display:inline-block;background:url('../tem/blue_btn_bg.gif') no-repeat left top;padding:0 0 0 10px;font-size:14px;}
.btn-big-blue span {display:block;height:24px;background:url('../tem/blue_btn_bg.gif') no-repeat right top;margin-left:3px;padding:8px 13px 0 0;font-family:'NanumBold';color:#fff;}
.btn-big-yellow {display:inline-block;background:url('../tem/yellow_btn_bg01.jpg') no-repeat left top;padding:0 0 0 10px;font-size:14px;}
.btn-big-yellow span {display:block;height:30px;background:url('../tem/yellow_btn_bg01.jpg') no-repeat right top;margin-left:3px;padding:8px 13px 0 0;font-family:'NanumBold';color:#fff;}
.btn-big-gray {display:inline-block;background:url('../tem/gray_btn_bg01.gif') no-repeat left top;padding:0 0 0 10px;font-size:14px;}
.btn-big-gray span {display:block;height:30px;background:url('../tem/gray_btn_bg01.gif') no-repeat right top;margin-left:3px;padding:8px 13px 0 0;font-family:'NanumBold';color:#fff;}
.btn-blue {display:inline-block;background:url('../tem/blue_btn_bg.gif') no-repeat left top;padding:0 0 0 10px;}
.btn-blue span {display:block;height:23px;background:url('../tem/blue_btn_bg.gif') no-repeat right top;margin-left:3px;padding:2px 13px 0 0;font-family:'NanumBold';color:#fff;}
.btn-yellow3 {display:inline-block;background-image:url('../tem/yellow_btn_bg.gif');background-size:cover;padding:0 0 0 0;}
.btn-yellow3 span {display:block;height:23px;background-image:url('../tem/yellow_btn_bg.gif');background-size:cover; padding:2px 13px 0 0;font-family:'NanumBold';color:#fff;}
/*==================================================================================================================================================================*/
/*commom02.css 에있던것 끝*/
/*==================================================================================================================================================================*/
/*==================================================================================================================================================================*/
/*dhtmlwindow.css 에있던것 시작*/
/*==================================================================================================================================================================*/
.dhtmlwindow{
position: absolute;
border: 1px solid #000000;
visibility: hidden;
background-color: #ECECEC;
}
.drag-handle{ /*CSS for Drag Handle*/
padding: 0px;
text-indent: 0px;
font: bold 0px Arial;
background-color: #A58666;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 0px;
top: 0px;
cursor: hand;
cursor: pointer;
}
* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}
.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 0px solid brown;
background-color: white;
color: black;
height: 0px;
padding: 0px;
overflow: auto;
}
.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 0px solid gray;
background-color: #F8F8F8;
height: 0px; /*height of resize image*/
}
.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}
/*==================================================================================================================================================================*/
/*dhtmlwindow.css 에있던것 끝*/
/*==================================================================================================================================================================*/
/*==================================================================================================================================================================*/
/*custom.css 에있던것 시작*/
/*==================================================================================================================================================================*/
/* **************************************************
* common style
* ------------------------------------------------ */
body {font-family: 'NotoSans',sans-serif;font-size:12px;color: #555;font-weight:300;
letter-spacing:-0.75px;word-break:break-all}
@media screen and (min-width:768px) {
body{font-family: 'NotoSans',sans-serif;}
}
@media screen and (min-width: 1020px){
.content{margin:0 auto;max-width:1020px}
}
@media screen and (max-width: 1020px){
.content{padding-left:15px;padding-right:15px}
}
a {display: inline-block;
-webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
-moz-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
-ms-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
-o-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
/*a:focus,
a:hover{text-decoration: none}
a.no_cursor{cursor: default !important;}
a.call {color:inherit;}*/ /*전화번호 링크 시 컬러*/
img{display: inline-block;max-width:100%}
/* selectbox */
select::-ms-expand {border:none; background:#fff;} /*ie에서 select 화살표 기본값 삭제*/
/* display table */
.dis_table{width:100%;display:table;border-collapse: collapse}
.dis_table .tr{display:table-row}
.dis_table .td{display:table-cell;vertical-align:middle}
.dis_table .blank{width:20px}
.dis_table.bordered{border-top:1px solid #e1e3e6;border-left:1px solid #e1e3e6}
.dis_table.bordered .td{border-right:1px solid #e1e3e6;border-bottom:1px solid #e1e3e6;}
@media (max-width:767px) {
.dis_table.mobile .tr,
.dis_table.mobile .td{display:block}
}
p.title {font-size: 20px; line-height:28px; margin-bottom: 14px;font-weight:500;color:#1a345e}
.no_letter{letter-spacing: 0 !important}
@media screen and (max-width: 767px){
p.title{font-size:18px;line-height: 26px}
}
/* font setting */
.font_en{font-family: 'Open sans',sans-serif}
.font_ko{font-family: 'NotoSans',sans-serif}
/* button style setting */
.btn{min-width:160px;text-transform: none;border-radius:0}
.btn.no-minwidth{min-width:0}
.btn_area{margin-top:25px;text-align: center}
.btn > .fa{margin-right:8px}
.btn-xs{padding:3px;min-width:50px;font-size:11px;}
.btn-s{min-width:80px;}
.btn-white{border:1px solid #d6d6d6;background:#fff;color:#555}
.btn-white:hover,
.btn-white:focus{border-color: #384a71;background-color: #384a71;color:#fff}
.btn-dark{border:1px solid #4b4b4b;background:#4b4b4b;color:#fff !important}
.btn-primary{border-color:#384a71;background-color: #384a71;color:#fff}
.btn-primary:hover,
.btn-primary:focus{border-color:#095db3;background-color:#095db3}
.btn-outline-white{color:#fff;border:1px solid #fff;background:transparent;}
.btn-outline-white:hover,
.btn-outline-white:focus{color:#ddd;opacity: 0.9}
.btn-outline{color:#384a71;border-width:1px;background-color:transparent}
.btn-outline:hover,
.btn-outline:focus{color:#ff853b;border-color:#ff853b;background-color:transparent}
.btn-blue{border-color:#1197d8;background-color: #0e95d6;color:#fff}
.btn-blue:hover,
.btn-blue:focus{border-color:#0b7aaf;background-color:#0e95d6}
.btn-danger{border-color:#D62A27;background-color: #D62A27;color:#fff}
.btn-danger:hover,
.btn-danger:focus{border-color:#D62A27;background-color:#D62A27}
.btn.input{height: 40px}
.btn-group-sm>.btn, .btn-sm{border-radius: 0}
.dropdown-menu > li > a{padding:10px 12px}
/* dropdown 모바일에서 안먹히는 현상 */
.dropdown-backdrop{position: static;}
.cursor-default{cursor:default !important}
.toggleBtn{margin:0 0 0 5px;border-radius:2px;}
.toggleBtn:focus{background:#333}
/* form setting */
.form-control{border-color: #c3c3c3;box-shadow: none}
.form-control:hover,
.form-control:focus{border-color:#999;box-shadow: none}
.form-horizontal.basic .control-label{margin-bottom:3px;text-align: left}
.checkbox{margin-right:5px}
/* label style setting */
.label{
display:inline-block;padding:0 6px;
font-size:11px;line-height:20px;font-weight:600;text-shadow:-1px 0 rgba(0,0,0,.2)}
/* scroll box */
.overflow_auto{overflow:auto}
/* 말줄임 */
.text_over{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
/* 필수입력값 */
.star{display:inline-block;margin-left:4px;color:#D03030;vertical-align:middle}
/* 라인 */
.divider{margin:9px 0;height:1px;overflow:hidden;background-color:#e5e5e5}
.bar{display:inline-block;margin-left:10px;margin-right:10px;height:10px;border-left:1px solid #ddd;}
.right-line {position: relative; overflow: hidden; margin-top:0; color:#000; font-weight: 300; letter-spacing: 0;}
.right-line:after {content:""; position: absolute; top:55%; margin-left:20px; width:100%; height:1px; overflow: hidden; background:#ddd;}
@media screen and (max-width: 767px){
.board_thumb .contents{margin-bottom:20px}
ul.pagination{margin-bottom:10px}
ul.pagination > li > a{padding:5px 7px;min-width:25px;height:25px}
ul.pagination > li{margin-right: 3px}
.board_view article header{padding:15px 10px 11px}
.board_view article h1{font-size: 16px}
.board_view article .date{font-size: 13px;line-height:16px}
.board_view .body{padding:15px 5px}
.board_view footer .btn{padding-top:7px;padding-bottom: 7px;min-width:75px}
.quick_list .quick{padding-left:10px;}
.quick_list .subject{padding-left:10px;padding-right: 10px}
}
/* **************************************************
* ie8
* ------------------------------------------------ */
.ie8{text-align:center}
.ie8 h2{margin-top:140px;font-size:25px;line-height: 35px}
.ie8 .btn{margin-top:20px;}
#header{position: fixed;top:0;width:100%;height:120px;text-align: left;
border-bottom:1px solid #ddd;background: rgba(255,255,255,.95);z-index: 100;overflow: hidden;}
#header .logo{position: relative;display: inline-block;margin-left:20px;margin-top:14px;margin-bottom:12px;vertical-align: top}
#header .logo a{width: 159px;height: 43px;}
#header .navBg{position: absolute;top:119px;left:0;width:100%;height:250px;background: #fff;border-top:1px solid #eee;z-index:0}
#header .mMenu {display:none}
#header .mTop{display: none}
#header .gnbWrap{width:100%}
#header .gnbWrap:after{content:"";display: table;clear: both}
#header .login{position: absolute;top:22px;right:0;padding:5px 12px 4px;
list-style: none;font-size:12px}
#header .login li{float: left}
#header .login .middot{display:inline-block;margin-left:5px;margin-right:5px;}
#header .login a{color:#909090}
/*#gnb{position: static;width:100%;border-top: 1px solid #e8e8e8;}*/
#gnb{position: static;width:100%;border-top: 1px solid #e8e8e8;list-style: none;z-index:20;}
#gnb:after{content:"";display:table;clear: both}
#gnb a{transition:border-color .5s ease}
/*#gnb > li{float:left;position: relative;width:14.2857%; font-weight:bold;}*/
#gnb > li{float:left;position: relative;width:16%; font-weight:bold;}
#gnb li a{display:block}
/*#gnb li h2{margin:0;}*/
#gnb li h2{position:relative;margin:0;text-align:left; padding:0;font-size:15px; font-weight:bold;}
/*#gnb li h2:after{content:"";}*/
#gnb li h2:after{content:"\f105";position:absolute;top:12px;right:21px;font:14px 'FontAwesome';color:#9ac8ea}
#gnb li h2 > a{padding:17px 20px 17px;text-align: center;color:#505050;border-bottom:none;box-sizing: border-box}
#gnb li.on h2:after{content:"";}
#gnb li.on h2 a,
#gnb li.on h2 a:hover{color:#ff853b;/*border-bottom:2px solid #384a71;*/}
#gnb > li.on > ul{background: #fff;transition:all .5s ease}
#gnb > li > ul{display:block;top:0;height:250px;background-color: #fff;border-left:1px solid #e4e4e4;z-index: 20}
/*#gnb > li > ul {display:none;position:relative;left:0;top:0;padding-top:10px;padding-bottom:8px;width:auto;background:#095aad;}*/
#gnb > li:last-child > ul{border-right: 1px solid #e4e4e4}
#gnb ul{margin:0;padding:0;list-style: none;text-align: left;}
#gnb ul a{padding-left:20px; line-height:30px; color:#555;font-size:14px;}
#gnb ul a:hover{color:#0e95d6;}
#gnb ul ul{margin-bottom:5px;padding-left:3px;font-size:14px}
#gnb ul ul a:before{content:"\f105";margin-right:5px;font-family: 'FontAwesome';}
#container{max-width:1200px}
@media screen and (min-width: 900px) {
#header{position: fixed;top:0;width:100%;height:120px;text-align: left;
border-bottom:1px solid #ddd;background: rgba(255,255,255,.95);z-index: 100;overflow: hidden;}
#header .logo{position: relative;display: inline-block;margin-left:20px;margin-top:14px;margin-bottom:12px;vertical-align: top}
#header .logo a{width: 159px;height: 43px;}
#header .navBg{position: absolute;top:119px;left:0;width:100%;height:250px;background: #fff;border-top:1px solid #eee;z-index:0}
#header .mMenu {display:none}
#header .mTop{display: none}
#header .gnbWrap{width:100%}
#header .gnbWrap:after{content:"";display: table;clear: both}
#header .login{position: absolute;top:22px;right:0;padding:5px 12px 4px;
list-style: none;font-size:12px}
#header .login li{float: left}
#header .login .middot{display:inline-block;margin-left:5px;margin-right:5px;}
#header .login a{color:#909090}
#gnb{position: static;width:100%;border-top: 1px solid #e8e8e8;}
#gnb:after{content:"";display:table;clear: both}
#gnb a{transition:border-color .5s ease}
/*#gnb > li{float:left;position: relative;width:14.2857%;}*/
#gnb > li{float:left;position: relative;width:16%;}
#gnb li h2{margin:0;}
#gnb li h2:after{content:"";}
#gnb li h2 > a{padding:17px 20px 17px;text-align: center;color:#505050;border-bottom:none;box-sizing: border-box}
#gnb li.on h2:after{content:"";}
#gnb li.on h2 a,
#gnb li.on h2 a:hover{color:#ff853b;/*border-bottom:2px solid #384a71;*/}
#gnb > li.on > ul{background: #fff;transition:all .5s ease}
#gnb > li > ul{display:block;top:0;height:250px;background-color: #fff;border-left:1px solid #e4e4e4;z-index: 20}
#gnb > li:last-child > ul{border-right: 1px solid #e4e4e4}
#gnb ul a{padding-right:20px;color:#555;font-size:14px;}
#gnb ul a:hover{color:#0e95d6;}
#gnb ul ul{margin-bottom:5px;padding-left:3px;font-size:14px}
#gnb ul ul a:before{content:"\f105";margin-right:5px;font-family: 'FontAwesome';}
#container{max-width:1200px}
}
@media screen and (min-width: 1020px){
#header .gnbWrap{width:1020px;margin-left:auto;margin-right:auto}
}
@media screen and (max-width:1023px){
/*#header{position:static;width:100%}*/
#container{margin-left:0;}
}
.main_service .shortcuts .title{margin-bottom:0;padding-left:35px;line-height:50px;color:#fff;background-color:#323d56;}
.main_service .title .plus{display:block;width:50px;color:#ff853b;background-color:#293349}
.main_service .shortcuts ul{padding:15px 0;background-color:#384a71}
.main_service .shortcuts ul li{display:inline-block;width:49%;}
.main_service .shortcuts ul a{display:block;padding:10px 0 10px 20px;font-size:14px;color:#fff;}
.main_service .shortcuts ul a .fa{margin-right:8px;color:rgba(255, 255, 255, 0.58);}
/*220830추가 메뉴 마우스오버시*/
/*.main_service .shortcuts ul li a:hover{color:white;font-weight:bold;background: #323d56;} /*배경 상위 색상으로 #323d56;}*/
/*.main_service .shortcuts ul li a:hover{color:white;font-weight:bold;background: #ff853b} /*배경 오렌지색;}*/
.main_service .shortcuts ul li a:hover{color:#ff853b;font-weight:bold;background: #323d56} /*#323d56;}*/
@media screen and (max-width:767px){
.main_service .td{display:block;}
}
@media screen and (min-width:768px){
.main_service .shortcuts{width:255px}
.main_service .shortcuts .title{font-size:18px;line-height:63px;}
.main_service .title .plus{width:63px;}
.main_service .shortcuts ul li{width:100%;}
.main_service .shortcuts ul a{padding:10px 0 10px 35px;font-size:16px;color:#fff;}
/*220830추가 메뉴 마우스오버시*/
/*.main_service .shortcuts ul li a:hover{color:white;font-weight:bold;background: #323d56;} /*배경 상위 색상으로 #323d56;}*/
/*.main_service .shortcuts ul li a:hover{color:white;font-weight:bold;background: #ff853b} /*배경 오렌지색;}*/
.main_service .shortcuts ul li a:hover{color:#ff853b;font-weight:bold;background: #323d56} /*#323d56;}*/
}
@media screen and (min-width:1100px){
#main_slider_wrapper{margin-top:120px}
.main_notice .content .notice{padding-right:37px}
.main_notice .content .press{padding-left:37px}
}
@media (min-width:768px) {
.head .dis_table .image{text-align:right;}
.sub_about .responsive > .tr > .td{width:48%}
.sub_about .head .image > img{margin-top:-30px;}
.sub_pr .info{margin:0 auto;max-width:390px}
.sub_pr .info .td:first-child{padding-right:20px;font-size:18px;text-align: right}
.sub_pr .pr .play{padding-bottom:30px;}
.timeline-block:nth-of-type(2n) .timeline-content .bar_count:after{margin-left:2px;}
.timeline-block:nth-of-type(2n+1) .timeline-content .bar_count:after{margin-left:46px;}
}
@media (max-width:767px) {
.head .dis_table .td{display:block}
.head .dis_table .image{text-align:center}
.head .dis_table .image > img{margin-top:10px;max-width:100%}
.sub_pr .info .td:first-child{margin-bottom:0;}
.sub_pr .pr .tr{margin-bottom:50px;}
}
@media (max-width:468px) {
.sub_client .client li > img{width:130px}
.sub_client .client li:nth-child(even){margin-right:0}
}
/* tablet 여백
----------------------------------------------------------------------------- */
@media (max-width: 1217px){
#footer .content{padding:30px 15px 15px}
}
/* mobile 여백
----------------------------------------------------------------------------- */
@media (max-width: 767px) {
/* 모바일 margin-bottom 없애기 */
.no-margin-b-m{margin-bottom:0 !important}
/* 모바일만 margin넣기 */
.margin-b-m{margin-bottom:20px;}
h1{font-size:30px;}
h2{font-size:22px;}
/* tables */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {padding: 8px;font-size:13px}
/* tab-panel */
.tab-pane > .title{margin-top:0}
.page-top{padding-top:0}
.main-container{padding:10px 0}
.plan{margin-bottom:20px !important}
.plan ul li{padding:7px 0}
.box-style-1{margin:13px 0}
}
/*==================================================================================================================================================================*/
/*custom.css 에있던것 끝*/
/*==================================================================================================================================================================*/
/* index 하단베너등 추가분*/
#tile-bnr_back {/*position: relative;*/z-index: 1;color: #fff;width: 100%;margin: 0 auto;background: #f5fafe;/*float: left;*/display: inline-block;text-align: center;padding: 30px 0px 30px 0px;}
.tile-bnr {/*position: relative;*/z-index: 1;color: #fff;width: 1020px;margin: 0 auto;/*height: 380px; */}
.front-p2 .tile-bnr:after {display: block;content: '';clear: both;}
.cont-wrap {background: #f5fafe;padding-bottom: 40px;margin-bottom: 40px;}
.tile-bnr .tile-wrap0 {float: left;/*width: 340px;*/margin-left: 0px;}
.tile-bnr .tile-wrap {float: left;/*width: 300px;*/margin-left: 20px;}
.tile-bnr .tile.tile1 {/*background: url(./assets/imagesN/main/footbener1000.gif) no-repeat left top;*/width:325px;height:325px; background-image: url(/assets/imagesN/main/footbener1.png);background-size:cover;}
.tile-bnr .tile2.bg7 {width:325px;height:325px;background-image: url(/assets/imagesN/main/footbener2.png);background-size:cover;}
.tile_tile3 {width:325px;height:150px;background-image: url(/assets/imagesN/main/footbener5.png);background-size:cover;}
.tile_tile4 {width: 325px;height: 150px;background-image: url(/assets/imagesN/main/footbener6.png);background-size: cover;margin: 25px 0 0 0;}
.tile-bnr .tile.typeA {/*height: 300px;*/}
.tile-bnr .tile {position: relative;/*width: 300px;*/background: #fff;}
/*하단베너 타이틀*/
.frt-tit {display: block;margin: 40px 40px 20px 40px;font-weight: 800;font-size: 20px;letter-spacing: -1px;}
/*하단메너 내용*/
.frt-desc {display: block;margin: 40px 40px 20px 40px;font-weight: 800;}
/* **** 버튼등 추가 시작 */
/* **** 버튼등 추가 시작 추가 */
/* **** 기존이미지 사용이 하단 버튼 css 주석처리 */
.btn_0030 .btnFont0030 {display:none;} /*기존 버튼 사용시 필요로 추가 살려둠 */
/*버튼 높이30px publication_1.gif */
.btn_0030{cursor: pointer; display: inline-block;font-size:13px; width: 100px; height: 18px; vertical-align: middle; border: 1px solid #000000; font-weight: 700; margin-top: 0px; background-color: #323D56; color: #ffffff; padding: 5px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.btn_0030 img {display: none;}
.btn_0030 .btnFont0030 {display:block;text-align:center;vertical-align: middle;cursor: pointer;color: #ffffff;}
/* 추가 */
.btn_0023 .btnFont023 {display:none;} /*기존 버튼 사용시 필요로 추가 살려둠 */
/*버튼 높이23px publication_1.gif */
.btn_0023{cursor: pointer; display: inline-block;font-size:13px; width: 100px; height: 15px; vertical-align: middle; border: 1px solid #000000; font-weight: 700; margin-top: 0px; background-color: #323D56; color: #ffffff; padding:2px 3px 4px 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.btn_0023 img {display: none;}
.btn_0023 .btnFont0023 {display:block;text-align:center;vertical-align: middle;cursor: pointer;color: #ffffff;}
/* **** 버튼등 추가 끝 */
/* **** 버튼등 추가 끝 */
.text-center {text-align: center;}
/*jquery 달력*/
.ui-widget-header{border:1px solid #323D56;background:#384A71 repeat-x;color:#fff;font-weight:bold}
/*** mail.css 시작 */
/*** mail.css 시작 */
/*#middle {background:#fff no-repeat center top;padding:0 0 30px 0;}*/
/*#middle {background:#fff url('../../assets/img/main/visual_bg1.jpg') no-repeat center top;padding:0 0 30px 0;}*/
/*.meddle-box {position:relative;overflow:hidden;width:1000px;margin:0 auto;}*/
/*#middle1 {background:#fff no-repeat ;padding:0 0 30px 0;}
.meddle-box1 {position:relative;overflow:hidden;width:1000px;margin:0 auto;}*/
.login-box {position:relative;float:right;width:201px;height:266px;background:#fff;margin-top:130px;}
.login-box .login-tab li fieldset {position:absolute; top:65px; left:20px;width:290px;display:none;}
.login-box .login-tab li fieldset h2 {padding:0px 0 5px 0;font-size:14px;}
.login-box .login-tab li.on fieldset {display:block;}
.login-box .login-tab li fieldset .text {height:22px;}
.login-box .login-tab li fieldset .save {margin:5px 0 0 64px;}
.login-box .login-tab li {float:left; }
.login-box .btn-group {position:absolute; bottom:0px; left:0px;}
.login-box .btn-group li {float:left;}
.login-box .login-tab .btn {margin:10px auto 10px auto}
/*
.info-box {position:relative;float:left;width:280px;height:163px;border:1px solid #dadada;margin-top:71px;background:#fff;padding:25px;}
.info-box .user-box {position:relative;padding:0 0 10px 0;font-size:14px;line-height:22px;}
.info-box .user-box .name {font-weight:bold;}
.info-box .user-box .btn {position:absolute; top:0; right:0;}
.info-box .status {overflow:hidden;background:#f0f0f0;border:1px solid #dedede;padding:10px;}
.info-box .status dt {font-weight:bold;padding:0 0 10px 0;}
.info-box .status dd {float:left;width:120px;}
.info-box .status dd span {font-weight:bold;color:#fe4809;}
.info-box .btn-box {text-align:center;}
.info-box01 {position:relative;float:left;width:235px;height:60px;margin-top:15px;margin-right:15px;background:#fff;}
.info-box02 {position:relative;float:left;width:235px;height:50px;margin-top:15px;margin-right:15px;background:#fff;}
.user-box01 {position:relative;padding:0 0 10px 0;font-size:12px;line-height:22px;color:#888 }
.info-box01 .btn-box01 {text-align:center;}
.info-box02 {position:initial;float:right;width:235px;height:230px;margin-top:15px;margin-left:215px;background:#fff;padding:25px;}
.info-box-c {position:relative;float:none;margin-left:350px;margin-top:-110px;padding:15px;height:230px}
.visual-box {position:relative;overflow:hidden;width:750px;height:314px;float:left;text-align:center;background:#d5dfe3}
.visual-box .roll {position:absolute; top:0px; left:0px;}
.visual-box .circle-btn {position:relative;top:280px;margin:0 auto;display:inline;}
.visual-box .circle-btn li {display:inline;}
#banner-box {background:#ececec;border-top:1px solid #d3d3d3;overflow:hidden;}
#banner-box ul {width:1000px;margin:0 auto;}
#banner-box ul li {float:left;}
.board-box {float:left;position:relative;width:205px;height:185px;margin-right:1px;padding-top:10px;}
.board-box:after {display:block; content:"";clear:both;}
.board-box h2 {padding:0px 0 15px 3px;border-bottom:1px solid #dadada;}
.board-box ul {padding:0 0 0 0;margin-top:15px;}
.board-box ul li {padding:3px 0 3px 8px;background:url('../../assets/img/main/bullet.gif') no-repeat left 9px;}
.board-box ul li .subject {float:left;}
.board-box ul li .date {float:right;color:#888;}
.board-box ul li:after {display:block; content:"";clear:both;}
.board-box .more {position:absolute; top:35px; right:0px;}
.board-box1 {float:left;position:relative;width:205px;height:106px;margin-right:1px;padding-top:10px;padding:10px;}
.board-box1:after {display:block; content:"";clear:both;}
.board-box1 h2 {padding:0px 0 15px 3px;border-bottom:1px solid #dadada;}
.board-box1 ul {padding:0 0 0 0;margin-top:15px;}
.board-box1 ul li {padding:3px 0 3px 8px;background:url('../../assets/img/main/bullet.gif') no-repeat left 9px;}
.board-box1 ul li .subject {float:left;}
.board-box1 ul li .date {float:right;color:#888;}
.board-box1 ul li:after {display:block; content:"";clear:both;}
.board-box1 .more {position:absolute; top:35px; right:0px;}
.help-desk {padding:30px 0 0 0;}
.help-desk .more {position:absolute; top:35px; right:0px;}
.board-box2 {float:left;position:relative;width:205px;height:146px;margin-right:1px;padding-top:10px;}
.board-box2:after {display:block; content:"";clear:both;}
.board-box2 h5 {padding:0px 0 15px 3px;border-bottom:1px solid #dadada;}
.board-box2 h2 {padding:0px 0 15px 3px;border-bottom:1px solid #dadada;}
.board-box2 ul {padding:0 0 0 0;margin-top:15px;}
.board-box2 ul li {padding:3px 0 3px 8px;background:url('../../assets/img/main/bullet.gif') no-repeat left 9px;}
.board-box2 ul li .subject {float:left;}
.board-box2 ul li .date {float:right;color:#888;}
.board-box2 ul li:after {display:block; content:"";clear:both;}
.board-box2 .more {position:absolute; top:35px; right:0px;}
.help-desk {padding:30px 0 0 0;}
.help-desk .more {position:absolute; top:35px; right:0px;}
.visual1{
-webkit-animation-name: visual01;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 0s;
animation-name: visual01;
animation-duration:3s;
animation-iteration-count: 1;
animation-delay: 0s;
}
.visual2{
-webkit-animation-name: visual02;
-webkit-animation-duration: 7s;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 0s;
animation-name: visual02;
animation-duration: 7s;
animation-iteration-count: 1;
animation-delay: 0s;
float:left; margin-top:50px;text-align:left;margin-left:20px;
}
@-webkit-keyframes visual01 {
from {
margin-left: 0px;
}
to {
margin-left:0px;
}
}
@keyframes visual01 {
from {
margin-left: 0px;
}
to {
margin-left: 0px;
}
}
@-webkit-keyframes visual02 {
from {
margin-bottom: 0px;
}
to {
margin-bottom:0px;
}
}
@keyframes visual02 {
from {
margin-bottom: 0px;
}
to {
margin-bottom: 0px;
}
}
#chack{
background:url(/assets/img/main/chack01.gif) no-repeat 5px;
padding-left:20px;
}
*/
/*** mail.css 끝 */
/*** mail.css 끝 */