@charset "utf-8";
/* ------------------------------------------------------------
* Name      : main.css
* Desc      : common Style Sheet
* Created   : 2013-06-04
* Updated   :
------------------------------------------------------------ */

body {
    height: 100%;
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 0;
    font-size: 12px;    
    line-height: 1;
    font-family: -apple-system, BlinkMacSystemFont, 'Dotum', Arial, verdana, sans-serif;
/*    font-family: -apple-system, BlinkMacSystemFont, 'Dotum', Arial, verdana, sans-serif;*/
    color: #111;
    overflow-Y: scroll;
}
td, th {
    font-size: 1em;
    line-height: 15px;
} 
optgroup label {
    font-style: normal;
    font-weight: normal;
}
form, p, blockquote, dl, dd, dt {
    margin: 0;
    padding: 0;
}
ul, li, ol {
    list-style: none;
    margin: 0;
    padding: 0px;
}
fieldset {
    margin: 0;
    padding: 0;
    border: 0
}
legend {
    display: none;
}
img, input.type-image, a img {
    border: 0 none;
}
h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
}

/* 2024.05.16 추가 */
/* margin */
.mg_l_05 {margin-left: 5px;}
.mg_l_10 {margin-left: 10px;}
.mg_l_15 {margin-left: 15px;}
.mg_l_20 {margin-left: 20px;}
.mg_l_25 {margin-left: 25px;}
.mg_l_30 {margin-left: 30px;}
.mg_r_05 {margin-right: 5px;}
.mg_r_10 {margin-right: 10px;}
.mg_r_15 {margin-right: 15px;}
.mg_r_20 {margin-right: 20px;}
.mg_r_25 {margin-right: 25px;}
.mg_r_30 {margin-right: 30px;}
.mg_t_05 {margin-top: 5px;}
.mg_t_10 {margin-top: 10px;}
.mg_t_15 {margin-top: 15px;}
.mg_t_20 {margin-top: 20px;}
.mg_t_25 {margin-top: 25px;}
.mg_t_30 {margin-top: 30px;}
.mg_b_05 {margin-bottom: 5px;}
.mg_b_10 {margin-bottom: 10px;}
.mg_b_15 {margin-bottom: 15px;}
.mg_b_20 {margin-bottom: 20px;}
.mg_b_25 {margin-bottom: 25px;}
.mg_b_30 {margin-bottom: 30px;}

/* height */
.h10 {height: 10px !important;}
.h20 {height: 20px !important;}
.h30 {height: 30px !important;}
.h40 {height: 40px !important;}
.h50 {height: 50px !important;}
.h60 {height: 60px !important;}
.h70 {height: 70px !important;}
.h80 {height: 80px !important;}
.h90 {height: 90px !important;}
/* 2024.05.16 추가끝 */

/* 2024.09.10 */
.text_b{
   font-weight: bold;
   margin: 5px 0;
}
.tt{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
/* 2024.09.10 e */

/*INPUT*/
textarea {
    border: none;
    background: #f2f2f2;
    padding: 10px;
    line-height: 18px;
}
input, textarea {
    vertical-align: middle;
    font-size: 1em;
    color: #000;
    font-family: -apple-system, BlinkMacSystemFont, 'Dotum', Arial, verdana, sans-serif;
    margin: 0;
}
input.text {
    border: 1px solid #d2d2d2;
    padding: 2px 0 0 10px;
    height: 20px;
    color: #111;
}
input.text2 {
    background: #f2f2f2;
    border: none;
    padding: 2px 0 0 10px;
    height: 22px;
    color: #666;
}
input.radio {
    vertical-align: middle;
}
input.checkbox {
    border: 0 none;
}
select {
    vertical-align: middle;
    color: #111;
    font-family: -apple-system, BlinkMacSystemFont, 'Dotum', Arial, verdana, sans-serif;
    padding: 0;
    margin: 0;
    height: 23px;
    background: #fff;
    border: 1px solid #e2e3ea;
    border-top: 1px solid #abadb3;
    font-size: 12px;
    padding: 1px 1px 1px 5px;
}
table {
    border-collapse: collapse;
    width: 100%;
}
table caption {
    display: none;
}
hr {
    display: none;
}
/*btn*/
.btnType1 {
    clear: both;
    text-align: left;
}
.btnType2 {
    clear: both;
    width: 715px;
    text-align: center;
}
.btnType3 {
    clear: both;
    text-align: right;
    padding: 0 25px 0 0;
}
.btnType4 {
    text-align: center;
    margin-bottom: 0px;
}
/*2013.12.18 add*/ .mg-t10 {
    margin-top: 10px;
}
.mg-t30 {
    margin-top: 30px;
}
/*LINK*/
a:link, a:visited {
    color: #666;
    text-decoration: none
}
a:hover, a:active, a:focus {
    color: #0155c3;
    text-decoration: underline;
}
/*comment*/
.comment {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.blind {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}
/*id:after{content:"";display:block;clear:both;height:0;visibility:hidden;}*/
/*contents*/
#wrapper {
    width: 100%;
    position: relative;
    background: url("../../images/common/bg_wrap.gif") repeat-x left 93px;
}
#header {}
#header, #container, #footer {
    clear: both;
}
#skipNavi {
    width: 960px;
    margin: 0 auto;
    position: relative;
    z-index: 992;
}
#skipNavi ul {
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 993;
    padding: 0;
}
#skipNavi ul li {
    display: inline;
}
#skipNavi ul li a {
    color: #a8a8a8;
    font-size: 11px;
}
#skipNavi .cnt {
    background: url("../../images/common/icon_cnt.gif") no-repeat left center;
    padding: 0 10px 0 15px;
}
#skipNavi .menu {
    background: url("../../images/common/icon_bar02.gif") no-repeat left center;
    padding: 0 10px 0 10px;
}
#skipNavi .login {
    background: url("../../images/common/icon_logout.gif") no-repeat left center;
    padding: 0 8px 0 15px;
}
#skipNavi .join {
    background: url("../../images/common/icon_join.gif") no-repeat left center;
    padding: 0 0 0 20px;
}
.headerWrap {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    height: 96px;
    z-index: 990;
}
.headerWrap h1 {
    padding: 32px 0 0 25px;
}
.headerWrap .naviArea {
    position: absolute;
    top: 0;
    left: 0;
    width: 1000px;
    z-index: 990;
    background: #fff;
    padding-bottom: 0;
    overflow: hidden;
    height: 80px;
}
.headerWrap .naviArea.gnbOn {
    position: absolute;
    top: 0;
    left: 0;
    width: 1000px;
    z-index: 992;
    background: #fff;
    border-bottom: 3px solid #4672c7;
/*    background: #fff url("../../images/common/bg_gnbNavi.png") repeat-x left bottom;*/
    padding-bottom: 14px;
    overflow: hidden;
    height: 280px;
    opacity: 0.98;
    filter: alpha(opacity=98);
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.3);
}
.headerWrap .naviArea ul.gnbNavi {
    position: relative;
    float: left;
    margin: -16px 0 0 320px;
}
.headerWrap .naviArea ul.gnbNavi li.gnb1 {
    width: 210px;
}
.headerWrap .naviArea ul.gnbNavi li.gnb2 {
    width: 200px;
}
.headerWrap .naviArea ul.gnbNavi li.gnb3 {
    width: 120px;
}
.headerWrap .naviArea ul.gnbNavi li.gnb4 {
    width: 140px;
}
.headerWrap .naviArea ul.gnbNavi li {
    float: left;
}
.headerWrap .naviArea ul.gnbNavi li > a {
    height: 20px;
    letter-spacing: -1px;
    display: inline-block;
    overflow: hidden;
}
.headerWrap .naviArea ul.gnbNavi li > a:focus img, .headerWrap .naviArea ul.gnbNavi li > a:hover img, .headerWrap .naviArea ul.gnbNavi li.on a img, .headerWrap .naviArea ul.gnbNavi li.selectOn a img {
    margin-top: -20px;
}
.headerWrap .naviArea ul.gnbNavi li ul {
    position: relative;
    margin: 25px 0 0 0;
}
.headerWrap .naviArea ul.gnbNavi li ul.subDepth {
    height: 180px;
}
.headerWrap .naviArea ul.gnbNavi li ul.subDepth li {
    display: block;
    float: left;
    width: 100%;
    height: 21px;
    line-height: 22px;
    padding: 0 0 0 10px;
    background: url("../../images/common/icon_bul01.gif") no-repeat left 8px;
}
.headerWrap .naviArea ul.gnbNavi li ul.subDepth li > a {
    font-size: 13px;
    width:180px;
    color: #636363;
}
.headerWrap .naviArea ul.gnbNavi li ul.subDepth li > a:hover, 
.headerWrap .naviArea ul.gnbNavi li ul.subDepth li > a:focus, 
.headerWrap .naviArea ul.gnbNavi li ul.subDepth li.on a {
    color: #0155c3;
    text-decoration: underline;
}
.headerWrap .naviArea p {
    position: absolute;
    top: 18px;
    right: 15px;
}
.headerWrap .naviArea p a {
    background: url("../../images/common/icon_bar.png") no-repeat left 2px;
    padding-left: 10px;
    margin-left: 7px;
}
.headerWrap .naviArea p a.first-child {
    background: none;
}
#footer {
    border-top: 1px solid #c2c2c2;
    width: 100%;
    clear: both;
}
.footerWrap {
    clear: both;
    position: relative;
    width: 1000px;
    height: 115px;
    margin: 0 auto;
}
.footerWrap ul.quickUrl {
    display: block;
    overflow: hidden;
    margin: 21px 0 0 20px;
    width: 100%;
}
.footerWrap ul.quickUrl li {
    float: left;
    padding: 0 10px 0 10px;
    background: url("../../images/common/icon_bar01.gif") no-repeat left top;
    line-height: 14px;
}
.footerWrap ul.quickUrl li.first-child {
    background: none;
    padding: 0 10px 0 0;
}
.footerWrap ul.quickUrl li a strong {
    color: #0155c3;
}
.footerWrap address {
    clear: both;
    display: block;
    margin: 20px 0 0 20px;
    color: #8a8a8a;
    font-size: 12px;
    line-height: 16px;
    font-style: normal;
}
.footerWrap .copyright {
    display: block;
    color: #a5a5a5;
    font-size: 11px;
    line-height: 18px;
    margin: 5px 0 0 20px;
}
.footerWrap .linkFamilySite {
    position: absolute;
    top: 35px;
    *top: 55px;
    right: 20px;
}
.footerWrap .linkFamilySite > a {
    height: 30px;
    display: block;
    overflow: hidden;
}
.footerWrap .linkFamilySite > a img {
    margin-top: -30px;
}
.footerWrap .linkFamilySite > a.over img {
    margin-top: 0px;
}
.footerWrap .linkFamilySite ul#linkUrl {
    position: absolute;
    bottom: 30px;
    right: 0;
    width: 181px;
    border: 1px solid #dbdbdb;
    border-bottom: none;
    margin-top: -1px;
    padding-bottom: 2px;
    background: #fff;
    overflow: hidden;
}
.footerWrap .linkFamilySite ul#linkUrl li {
    font-size: 12px;
    margin: 0 10px;
    padding: 5px 0 3px 5px;
    border-top: 1px solid #eee;
    line-height: 18px;
}
.footerWrap .linkFamilySite ul#linkUrl li.first-child {
    border: none;
}
/**/
/*content*/
.wrap {}
.wrap_cnt {
    width: 100%;
    margin: 0 auto;
}
.content {
    width: 100%;
    min-width: 1000px;
    box-sizing: border-box;
    padding-top: 60px;
    word-break: keep-all;
}
.content__tit {
    margin-top: 80px;
    font-size: 34px;
    font-weight: 600;
    text-align: center;
    color: #333333;
    line-height: 1;
}
/**/
/*main*/
.mainWrap {
    width: 100%;
    min-width: 960px;
    margin: 0 auto;
    overflow: hidden; 
}
.main_group {
    margin: 0;
    padding: 50px 0 0;       
    background: #4672c7 ;
}
.main_inner {
    margin: 0 auto;
    width: 960px;
    height: 660px; 
	background: url("../../images/main_bg_vs_01.png") 180px 0 no-repeat;
	background-size: 600px auto;
} 
.main_visual {
    width: 570px;
    float: left;
}
.main_visual .title p {
    margin: 0;
    letter-spacing: -1px;
    padding: 20px 0 0 0;
}
.main_visual .txt1 {
    font-size: 46px;
    color: #fff;
    font-weight: 600;
}
.main_visual .txt2 {
    font-size: 16px;
    color: #d3f0ff;
    line-height: 24px;
}
.quick_service_area {
    margin: 50px 0 0;
}
.quick_service_area h3 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    color: #fff;
    margin-bottom: 30px;
}
.main_visual .quick_menu {
    padding: 0;
}
.main_visual .quick_menu > ul {
    display: table;
    width: 100%;
}
.main_visual .quick_menu > ul > li {
    float: left;
    width: 140px;
    margin: 0 18px 15px;

}
.main_visual .quick_menu > ul > li > a {
    display: block;
	text-align: center;
	color: #fff;
}
.main_visual .quick_menu > ul > li [class*="icon_svc"] {
    display: inline-block;
    position: relative;
    width: 120px;
    height: 120px;
    text-align: center;
}
.main_visual .quick_menu > ul > li [class*="icon_svc"]:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    box-shadow: 0 3px 5px #3d64ae;
    background: #fff url("../../images/service_icon.png")no-repeat;
}
.main_visual .quick_menu > ul > li .icon_svc01:before {
    background-position: 0 0;
} /* 사용내역조회 */
.main_visual .quick_menu > ul > li .icon_svc02:before {
    background-position: -120px 0;
} /* 잔액합치기 */
.main_visual .quick_menu > ul > li .icon_svc03:before {
    background-position: -240px 0;
} /* 내번호등록 */
.main_visual .quick_menu > ul > li .icon_svc04:before {
    background-position: -360px 0;
} /* 구입충전 */
.main_visual .quick_menu > ul > li .icon_svc05:before {
    background-position: -480px 0;
} /* 내번호잔액조회 */
.main_visual .quick_menu > ul > li .icon_svc06:before {
    background-position: -600px 0;
} /* 비밀번호변경 */
.main_visual .quick_menu > ul > li a:hover .icon_svc01:before, 
.main_visual .quick_menu > ul > li a:focus .icon_svc01:before {
    background-position: 0 -120px;
}
.main_visual .quick_menu > ul > li a:hover .icon_svc02:before, 
.main_visual .quick_menu > ul > li a:focus .icon_svc02:before {
    background-position: -120px -120px;
}
.main_visual .quick_menu > ul > li a:hover .icon_svc03:before, 
.main_visual .quick_menu > ul > li a:focus .icon_svc03:before {
    background-position: -240px -120px;
}
.main_visual .quick_menu > ul > li a:hover .icon_svc04:before, 
.main_visual .quick_menu > ul > li a:focus .icon_svc04:before {
    background-position: -360px -120px;
}
.main_visual .quick_menu > ul > li a:hover .icon_svc05:before, 
.main_visual .quick_menu > ul > li a:focus .icon_svc05:before {
    background-position: -480px -120px;
}
.main_visual .quick_menu > ul > li a:hover .icon_svc06:before, 
.main_visual .quick_menu > ul > li a:focus .icon_svc06:before {
    background-position: -600px -120px;
}
.main_visual .quick_menu > ul > li p {
    margin-top: 15px;
    font-size: 15px;
    letter-spacing: -1px;
	text-align: center;
	box-sizing: border-box;
}

.sub_visual {
    position: relative;
    width: 330px;
	float: right;
	margin-left: 50px;
}

.mainWrap .login_box {
    padding: 42px 30px;
    width: 330px;
    height: 160px;
    background: rgba(255, 255, 255, 0.6);
    margin-left: 0;
    border-radius: 10px;
    box-shadow: 0 3px 5px #3d64ae;
    box-sizing: border-box;
}
.mainWrap .login_box p {
    clear: both;
    float: left;
    width: 100%;
    margin: 0;
}
.mainWrap .login_box a.btn_login {
    display: block;
    width: 100%;
    height: 58px;
    background-color: #003fff;
    padding: 20px 30px;
    border-radius: 5px;
    line-height: 22px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    box-sizing: border-box;
}
.mainWrap .login_box a.btn_login:hover {
    text-decoration: none;
    background-color: #0031c5;
    
}
.mainWrap .login_box .login.membership {
    margin-top: 10px;
	width: 100%;
	padding: 0;
	text-align: center;
	line-height: 1.1em;
}
.mainWrap .login_box .login.membership a {
    display: inline-block;
    padding: 5px 0;
    font-size: 12px;
	color: #555;
    vertical-align: middle;
    box-sizing: border-box;
}
.mainWrap .login_box .login.membership a + a {
    margin-left: 8px;
}
.mainWrap .login_box .login.membership span {
    display: inline-block;
    width:12px;
    height: 20px;
    vertical-align: middle;
}

/* 210929 */
.mainWrap .login_box .login.membership span.icon_join {
    background: url("../../images/common/icon_join.png") no-repeat center 3px;
	margin-left: 5px;
     
}
.mainWrap .login_box .login.membership span.icon_find {
    background: url("../../images/common/icon_find.png") no-repeat center 3px;
}
.mainWrap .login_box .login.membership span.icon_bar {
    width: 1px;
    height: 12px;
    background:#999;
    margin: 0 5px 0;
}
.mainWrap .login_box .login.membership a.id_join {
    margin-right: 30px;    
}
.mainWrap .login_box .login.membership a.id_find {
}
.mainWrap .login_box .login.membership a.pw_find {
}
.mainWrap .login_box .login.membership span.icon_mychg {
    background: url("../../images/common/icon_my.png") no-repeat center 3px;
	margin-left: 8px;
}
.mainWrap .login_box .login.membership span.icon_log_out {
    background: url("../../images/common/icon_logout.png") no-repeat center 3px;
}
.mainWrap .login_box .login.membership  a.my_info {
	padding-right: 30px;
}
.mainWrap .login_box .login.membership  a.log_out {	
}
.mainWrap .login_box .logout .bg_logout {
	display: block;
	width: 270px;
    height: 58px;
	background: #fff;
	padding: 20px 30px;
    border-radius: 5px;
    line-height: 22px;
    text-align: center;
    box-sizing: border-box;

}
.mainWrap .login_box .logout strong {
	font-size: 18px;
    font-weight: bold;
}
.mainWrap .login_box .logout p {
    clear: both;
    float: left;
    margin: 0;
}


.mainWrap .link_box {
	overflow: hidden;
    width: 330px;
    height: 360px;
    background: #fff;
	margin-top: 40px;
    padding: 10px 15px;
    border-radius: 10px;
    box-sizing: border-box;
    box-shadow: 0 3px 5px #3d64ae;
}
.mainWrap .link_box ul {
	text-align: center;
}
.mainWrap .link_box ul li {
	height:80px;
    padding: 15px 0 5px 0;
	margin-top: 10px;
    border-bottom: 1px solid #c2c2c2;
}
.mainWrap .link_box ul li:last-child {
    border-bottom:none;
}
.mainWrap .link_box  a {
    display: block;    
}

.mainWrap .cs_inner {
    margin: 0 auto;
    width: 960px;
    clear: both;
}
.mainWrap .cs_group {
    overflow: hidden;
    margin-bottom: 40px;
}

.mainWrap .cs_group .faq_box {
    overflow: hidden;
}
.mainWrap .cs_group .faq_box ul {
    width: 560px;
    overflow: hidden;
    float: left;
	padding: 50px 0;
}
.mainWrap .cs_group .faq_box ul li {
    display: block;
    width: 180px;
    border-right: 1px solid #c2c2c2;
    float: left;
}
.mainWrap .cs_group .faq_box ul li:last-child {
    border-right: none;
}
.mainWrap .cs_group .faq_box ul li a {
    display: block;
    padding: 18px 0;
    text-align: center;
	color: #747474;	
}
.mainWrap .cs_group .faq_box ul li a:hover {
    text-decoration: none;
}
.mainWrap .cs_group .faq_box ul li a span {
    display: block;
    margin-top: 18px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -1px;
}
.mainWrap .cs_group .cs_box {
    width: 330px;
    height: 160px;
    background: #fff;
    padding: 35px 10px;
    border-radius: 20px;
    box-sizing: border-box;
    box-shadow: 0 2px 5px #ccc;
    float: right;
	margin: 30px 10px 36px 0;
	text-align: center;
}

.mainWrap .news_box {
    margin: 0;
    padding: 20px 20px 20px 50px;
    width: 100%;
	height: 60px;
    background: #f8f8f8;
	line-height: 1.2;
	float: left;
    box-sizing: border-box;
}
.mainWrap .news_box dl {
    display: block;
    width: 700px;
    height: 20px;
    float: left;
}
.mainWrap .news_box dt,
.mainWrap .news_box dd,
.mainWrap .news_box dd span {
    display: inline-block;
    line-height: 20px;
    float: left;
}
.mainWrap .news_box dt {
    width: 100px;
    font-size: 15px;
    font-weight: bold;
}
.mainWrap .news_box dd {
    width: 500px;
    font-size: 13px;
}
.mainWrap .news_box dd a {
    display: block;
    width:100%;
    height: 20px;
    font-size: 14px;
}
.mainWrap .news_box dd .date {
    margin-right: 20px;
    color: #747474;
}
.mainWrap .news_box dd .title {
/*    color: #414141;	*/
}

.mainWrap .news_box dd a:hover span {
    color: #111;
}

.mainWrap .news_box .more {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../../images/main_icon_more.png") no-repeat center;
    overflow: hidden;
    text-indent: -9999px;
    float: right;
}

/*sub*/
#container {
    width: 100%;
}
.mainBody {
    background: #fff !important;
}
.subWrap {
    width: 1005px;
    margin: 0 auto 50px auto;
    position: relative;
}
.subWrap:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.locationMap {
    width: 100%;
    height: 33px;
    padding: 40px 0 30px 0;
}
.locationMap a {
    display: block;
    float: left;
}
.locationMap a.home {
    width: 16px;
    height: 16px;
    background: url("../../images/common/icon_home.gif") no-repeat left 4px;
    padding: 4px 0 0 0;
    margin: 0 15px 0 25px;
    font-size: 0;
}
.locationMap a.l2 {
    width: 125px;
    height: 25px;
    background: url("../../images/common/icon_step.gif") no-repeat left 4px;
    padding: 3px 25px 0 25px;
    text-align: center;
}
.locationMap a.l3 {
    width: 180px;
    height: 25px;
    background: url("../../images/common/icon_step.gif") no-repeat left 4px;
    padding: 0 0 0 30px;
}
#navSection {
    width: 195px;
    float: left;
    margin-left: 65px;
}
#navSection ul {
    width: 160px;
    overflow: hidden;
    text-align: left;
}
#navSection ul li {
    height: 30px;
    overflow: hidden;
    line-height: 14px;
    padding: 8px 0 0 18px;
    color: #636363;
    background: url("../../images/common/bg_nav.gif") no-repeat left top;
    box-sizing: border-box
}
#navSection ul li a {
    color: #636363;
}
#navSection ul li:hover, 
#navSection ul li:focus, 
#navSection ul li.on, 
#navSection ul li.current {
    background: url("../../images/common/bg_nav.gif") no-repeat left -30px;
}
#navSection ul li:hover a, 
#navSection ul li:focus a, 
#navSection ul li.on a, 
#navSection ul li.current a {
    color: #fff;
    font-weight: 400;
    text-decoration: none;
}
#articleSection {
    position: relative;
    width: 740px;
    float: left;
    margin: 0px;
}
#articleSection p.infotxt {
    line-height: 18px;
    width: 715px;
    color: #111;
}
#articleSection p.titleDeco {
    margin: -105px 0 0 0;
    line-height: 18px;
}
#articleSection p.descTit {
    margin: 50px 0 20px 0;
}
#articleSection p.underline {
    margin: 60px 0 0 0;
    border-bottom: 1px solid #b0b0b0;
}
#articleSection .descCnt {
    margin: 0;
    width: 715px;
    position: relative;
}
#articleSection .descCnt2 {
    margin: 0 0 30px 0;
    width: 715px;
    position: relative;
}
#articleSection .descCnt .go_siteUrl {
    position: absolute;
    top: 214px;
    left: 31px;
}
#articleSection .descCnt2 .go_buyUrl {
    position: absolute;
    top: 224px;
    left: 280px;
}
#articleSection .descCnt2 .go_chargeUrl {
    position: absolute;
    top: 244px;
    left: 280px;
}
#articleSection .descCnt3 ul {
    padding-left: 40px;
    line-height: 18px;
    margin: 30px 0 0 0;
}
#articleSection .descCnt3 ul li {
    padding-left: 10px;
    text-indent: -10px;
    margin-top: 0px;
}
#articleSection .descCnt3 ul p {
    display: block;
    width: 500px;
    font-weight: bold;
    margin-bottom: 0px;
    padding: 5px 0;
}
#articleSection .descCnt3 ul.time {
    background: url('../../images/cp_mcIros_img02.png') no-repeat;
}
#articleSection .descCnt3 ul.pay {
    background: url('../../images/cp_mcIros_img03.png') no-repeat;
}

/* 로그인 2022.04.25 수정 */
.loginArea {
    margin: 50px 0 0 0;
    background: url("../../images/common/bg_login.gif") no-repeat left top;
    width: 715px;
    height: 269px;
}
.loginArea .loginBox {
    display: block;
    width: 100%;
    padding: 40px 0 15px 0;
    overflow: hidden;
}
.loginArea .loginBox dl {
    clear: both;
    float: left;
    margin: 23px auto 0 170px;
    width: 350px;
    color: #4e555c;
    overflow: hidden;
}
.loginArea .loginBox dt {
    float: left;
    height: 33px;
    width: 60px;
    text-align: right;
    line-height: 26px;
    padding: 5px 0 0 20px;
}
.loginArea .loginBox dt label {
    padding: 0 10px 0 0;
}
.loginArea .loginBox dd {
    float: left;
    height: 38px;
    width: 250px;
}
.loginArea .loginBox dd input.text {
    width: 245px;
    background: url("../../images/common/bg_input.gif") no-repeat left top;
    height: 27px;
    padding: 2px 0 2px 10px;
}
.loginArea .loginBox p.btn {
    float: left;
    width: 100px;
    margin: 23px 0 0 0;
}
.loginArea ul {
    clear: both;
    display: block;
    width: 235px;
    margin: 0 auto;
}
.loginArea ul li {
    float: left;
    font-size: 11px;
}
.loginArea ul li a {
    color: #939393;
}
.loginArea ul li.join {
    background: url("../../images/common/icon_join.gif") no-repeat left top;
    padding: 0 7px 0 22px;
}
.loginArea ul li.find {
    background: url("../../images/common/icon_bar02.gif") no-repeat left top;
    padding: 0 7px 0 7px;
}


.login_certify {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}


button { 
    width: 150px;
    height: 40px;
    background-color: #dedede;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
button:hover{
    background-color: #2455bc;
    color: #fff;

}
.ipin_c {
    border: 0;
    outline: 0;
    cursor: pointer;
    border-radius: 5px; 
    margin-right: 10px;
}
.phone_c {
    border: 0;
    outline: 0;
    cursor: pointer;
    border-radius: 5px; 
    margin-left: 10px;
}
.login_certify .btn{
    width:100%; 
    display: block;
}
.login_certify .btn li {
    width:50%; 
    display: block; 
    float:left; 
    border-left:1px solid #e0e0e0; 
    box-sizing: border-box; 
    text-align: center;
}
.login_certify .btn li:first-child {
    border: 0 none;
}
.login_certify .btn li {}
.login_certify .btn li p{
    display:block; 
    margin:25px 0 0 0; 
    line-height:18px;
}
.login_certify .desc {
    clear: both; 
    width:100%; 
    padding:60px 60px 0 60px;
}
.login_certify .desc li{
    color:#636363; 
    line-height:18px; 
    text-indent:-10px; 
}
.login_certify .desc li strong{
    font-weight:normal; 
    color:#ff5745;
}

.loginArea.password{}
.loginArea.password .loginBox{
	padding-top: 65px; 
	text-align: center;
}
.loginArea.password .loginBox strong {
	border-bottom: 1px solid #0155c3; 
	padding:0 10px 20px;
}
/* 2022.04.25 추가 끝 */

/*2017.11.15 추가*/
#text1 {
    font-size: 13px;
}
#text2 {
    font-size: 13px;
    color: #FF0004;
}
#text3 {
    font-size: 13px;
    color: #000000;
    text-decoration: underline;
}
/*2017.11.15 추가끝*/

/*회원가입-본인확인 : 2018. 01. 26 수정*/
.joinStep{width:715px; padding:30px 0;}
.checkOver{width:715px; border-top:1px solid #0155c3; border-bottom:1px solid #b0b0b0; padding:0 0 40px 0; overflow:hidden;}
.checkOver .tit{padding:40px 0; text-align:center;}
.checkOver .btn{width:240px; float:left; padding:0 40px;}
.checkOver .btn strong{display:block; margin:25px 0 0 0; line-height:18px;}
.checkOver .desc{width:350px; float:left; padding:0 0 0 44px;}
.checkOver .desc ul li{color:#636363; line-height:18px; text-indent:-10px}
.checkOver .desc ul li strong{font-weight:normal; color:#ff5745;}

.certify {}
.certify .btn{width:100%; display: block;}
.certify .btn li {width:50%; display: block; float:left; border-left:1px solid #e0e0e0; box-sizing: border-box; text-align: center;}
.certify .btn li:first-child {border: 0 none;}
.certify .btn li {}
.certify .btn li p{display:block; margin:25px 0 0 0; line-height:18px;}
.certify .desc {clear: both; width:100%; padding:60px 60px 0 60px;}
.certify .desc li{color:#636363; line-height:18px; text-indent:-10px; }
.certify .desc li strong{font-weight:normal; color:#ff5745;}
/*수정 끝 */



/*회원가입-약관동의*/
.termsNagreement {
    width: 715px;
    margin-bottom: 30px
}
.termsNagreement .selectAll {
    border: 1px solid #0155c3;
    text-align: center;
    padding: 30px 0;
    color: #0155c3;
}
.termsNagreement .termsBox {
    margin: 50px 0 0 0;
}
.termsNagreement .termsBox .tit {
    border-bottom: 1px solid #0155c3;
    padding: 0 0 15px 0;
    margin-bottom: 20px;
}
.termsNagreement .termsBox .stit {
    padding: 0px 0 10px 30px;
    color: #111;
    font-weight: bold;
    margin-bottom: 0px;
}
.termsNagreement .termsBox .textBox {
    background: #f6f6f6;
    padding: 10px 30px;
    width: 655px;
    height: 140px;
    overflow: auto;
    font-size: 12px;
    line-height: 18px;
}
.termsNagreement .termsBox .textBox h3 {
    display: block;
    color: #636363;
    font-size: 12px;
}
.termsNagreement .termsBox .textBox ul li {
    padding-left: 35px;
    text-indent: -35px;
}
.termsNagreement .termsBox .textBox ul li span {}
.termsNagreement .termsBox .textBox p, .termsNagreement .termsBox .textBox ul {
    margin-bottom: 25px;
}
.termsNagreement .termsBox .textBox.shotBox {
    height: 75px;
}
.termsNagreement .termsBox .textBox.shotBox span {
    padding-left: 10px;
    text-indent: -10px;
}
.termsNagreement .termsBox .textBox.shotBox.strong span {
    padding-left: 10px;
    text-indent: -10px;
    color: #636363;
}
/*2013.12.18 aad*/ .termsNagreement .termsBox .textBox.shotBox dl {
    margin-top: -20px;
}
/*2013.12.18 aad*/ .termsNagreement .termsBox .textBox.shotBox dd {
    padding-left: 10px;
}
.termsNagreement .termsBox .agreeBox {
    text-align: right;
    color: #0155c3;
    font-weight: bold;
    border-bottom: 1px solid #e0e0e0;
    padding: 15px 0 20px 0;
}
.termsNagreement .termsBox .agreeBox.lastBox {
    border-color: #b0b0b0;
}
/*회원가입-정보입력*/
.joinForm {
    width: 715px;
    border-top: 1px solid #0155c3;
    margin-bottom: 30px;
}
.joinForm table {}
.joinForm table * {
    vertical-align: middle;
}
.joinForm table tbody th {
    height: 28px;
    padding: 5px 0 0 30px;
    color: #0155c3;
    font-weight: bold;
    border-bottom: 1px solid #e0e0e0;
    text-align: left;
}
.joinForm table tbody td {
    height: 28px;
    padding: 5px 0;
    border-bottom: 1px solid #e0e0e0;
    color: #111111;
}
.joinForm table tbody .desc {
    color: #636363;
}
.joinForm table tbody .underline th, .joinForm table tbody .underline td {
    border-color: #b0b0b0;
}
.joinForm table tbody td input.text {
    width: 180px;
    margin-right: 10px;
    background: #f2f2f2;
    border-color: #e0e0e0;
}
.joinForm table tbody td span.name {
    padding-left: 10px;
}
.joinForm table tbody td label {
    margin-right: 50px;
}
/*회원가입-가입완료*/
.joinComplete {
    border-top: 1px solid #0155c3;
    border-bottom: 1px solid #b0b0b0;
    margin-bottom: 30px;
    height: 320px;
    background: url("../../images/join_complete_img.jpg") no-repeat 57px 70px;
    overflow: hidden;
}
.joinComplete strong {
    display: block;
    padding: 100px 0 0 360px;
    font-size: 14px;
    text-decoration: underline;
    color: #111;
}
.joinComplete p {
    padding: 20px 0 0 360px;
}
/*MY PAGE-정보변경*/
.memberForm {
    width: 715px;
    border-top: 1px solid #0155c3;
    margin: 30px 0;
}
.memberForm table {}
.memberForm table * {
    vertical-align: middle;
}
.memberForm table tbody th {
    height: 15px;
    padding: 13px 0 0 30px;
    color: #0155c3;
    font-weight: bold;
    border-bottom: 1px solid #e0e0e0;
    text-align: left;
    vertical-align: top;
}
.memberForm table tbody td {
    height: 28px;
    padding: 5px 0;
    border-bottom: 1px solid #e0e0e0;
    color: #111111;
    font-weight: bold;
}
.memberForm table tbody .desc {
    color: #636363;
    font-weight: normal;
}
.memberForm table tbody .underline th, .memberForm table tbody .underline td {
    border-color: #b0b0b0;
}
.memberForm table tbody td input.text {
    width: 180px;
    margin-right: 10px;
    background: #f2f2f2;
    border-color: #e0e0e0;
}
.memberForm table tbody td span.if {
    padding-left: 10px;
}
.memberForm table tbody td label {
    margin-right: 50px;
}
.memberForm table tbody td textarea.text {
    width: 530px;
    height: 80px;
}
/*아이디찾기*/
.findIdArea {
    padding: 50px 0 30px 0;
}
.findIdArea dl {
    width: 715px;
    border-top: 1px solid #0155c3;
    border-bottom: 1px solid #b0b0b0;
    overflow: hidden;
    line-height: 24px;
}
.findIdArea dl dt {
    width: 100px;
    float: left;
    height: 26px;
    padding: 5px 0;
    font-weight: bold;
    color: #0155c3;
    text-align: center;
}
.findIdArea dl dd {
    width: 615px;
    float: left;
    height: 26px;
    padding: 5px 0;
}
.findIdArea dl .underline {
    border-bottom: 1px solid #e0e0e0;
}
.findIdArea dl dd .text {
    width: 280px;
    background: #f2f2f2;
    border-color: #e0e0e0;
}
/*아이디찾기-완료*/
.findComplete {
    border-top: 1px solid #0155c3;
    border-bottom: 1px solid #b0b0b0;
    margin: 50px 0 30px 0;
    ;
    min-height: 150px;
    background: url("../../images/mc_complete_img.png") no-repeat 57px 70px;
    padding: 30px 30px 30px 280px;
    overflow: hidden;
}
.findComplete p {
    display: block;
    margin: 0px;
    padding: 0 0 15px 0;
    text-align: center;
    color: #111;
    line-height: 18px;
}
.findComplete p.email {
    display: block;
    background: #f6f6f6;
    padding: 15px 0;
    font-size: 14px;
    color: #0155c3;
    font-weight: bold;
}
.findComplete p.info {
    display: block;
    padding: 20px 5px 0 5px;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    color: #636363;
}
/*구입,충전*/
.myCashLi {
    width: 685px;
    background: #f6f6f6;
    padding: 25px 0 25px 30px;
    margin: 30px 0 0 0;
    line-height: 14px;
    overflow: hidden;
}
.myCashLi * {
    vertical-align: -2px;
}
.myCashLi p {
    font-weight: bold;
    float: left;
    margin: 1px 35px 0 0;
}
.myCashLi ul {
    float: left;
}
.myCashLi ul li {
    float: left;
    margin-right: 20px;
}
.myCashLi ul li input {
    margin-right: 5px;
}
/* 2013.07.23 수정 및 추가 start */
.myCashbox {
    clear: both;
    margin: 30px 0 0 0;
    width: 715px;
    border-top: 1px solid #0155c3;
    line-height: 24px;
    overflow: hidden;
}
.myCashbox table {
    border-bottom: 1px solid #b0b0b0;
}
.myCashbox table * {
    vertical-align: -1px;
    line-height: 18px;
}
.myCashbox table th {
    border-top: 1px solid #e0e0e0;
    font-weight: bold;
    padding: 13px 0 3px 35px;
    color: #0155c3;
    text-align: left;
    vertical-align: top;
}
.myCashbox table td {
    border-top: 1px solid #e0e0e0;
    padding: 10px 0 6px 0;
    color: #111;
}
.myCashbox table tr.first-child th, .myCashbox table tr.first-child td {
    border-top: none;
}
.myCashbox table td input.text2 {
    width: 180px;
    background: #f2f2f2;
    border: 1px solid #e0e0e0;
}
.myCashbox table td label {
    margin: -2px 35px 0 0;
}
.myCashbox table td span {
    color: #636363;
}
.myCashbox dl {
    clear: both;
    text-align: center;
    padding: 50px 0 20px 0;
}
.myCashbox dl dt {
    padding: 0 0 30px 0;
    color: #ff5745;
    font-weight: bold;
}
.myCashbox dl dd {
    padding: 0;
    line-height: 20px;
    color: #111;
}
.myCashbox2 {
    clear: both;
    margin: 0;
    width: 715px;
    line-height: 24px;
    overflow: hidden;
}
.myCashbox2 table {
    border-bottom: 1px solid #b0b0b0;
} /* 중요!!! 수정하면 안됨! */
.myCashbox2 table * {
    vertical-align: -1px;
    line-height: 18px;
}
.myCashbox2 table th {
    border-top: 1px solid #e0e0e0;
    font-weight: bold;
    padding: 13px 0 3px 35px;
    color: #0155c3;
    text-align: left;
    vertical-align: top;
}
.myCashbox2 table td {
    border-top: 1px solid #e0e0e0;
    padding: 10px 0 6px 0;
    color: #111;
}
.myCashbox2 table tr.first-child th, .myCashbox2 table tr.first-child td {
    border-top: none;
}
.myCashbox2 table tr.underline th, .myCashbox2 table tr.underline td {
    border-color: #b0b0b0;
}
.myCashbox2 table td input.radio {
    margin-right: 5px;
}
.myCashbox2 table td input.text2 {
    width: 180px;
    background: #f2f2f2;
    border: 1px solid #e0e0e0;
}
.myCashbox2 table td label {
    margin: -2px 35px 0 0;
}
.myCashbox2 table td ul li {
    padding-left: 10px;
    text-indent: -10px;
    line-height: 18px;
    padding-bottom: 3px;
    color: #636363;
}
.myCashbox2 table td span {
    color: #636363;
}
.myCashbox2 dl {
    clear: both;
    text-align: center;
    padding: 50px 0 0 0;
    margin-bottom: 30px;
}
.myCashbox2 dl dt {
    padding: 0 0 30px 0;
    color: #ff5745;
    font-weight: bold;
}
.myCashbox2 dl dd {
    padding: 0 0 10px 0;
    line-height: 20px;
}
.myCashPay {
    clear: both;
    margin: 30px;
    width: 715px;
    line-height: 24px;
    overflow: hidden;
}
.myCashPay p {
    margin-bottom: 0px;
    font-weight: bold;
    color: #111;
}
.myCashPay table {
    border-top: 1px solid #0155c3;
    border-bottom: 1px solid #b0b0b0;
}
.myCashPay table * {
    vertical-align: -1px;
    line-height: 18px;
}
.myCashPay table th {
    border-top: 1px solid #e0e0e0;
    font-weight: bold;
    padding: 10px 0 6px 35px;
    color: #0155c3;
    text-align: left;
    vertical-align: top;
}
.myCashPay table td {
    border-top: 1px solid #e0e0e0;
    padding: 10px 0 6px 0;
    color: #111;
}
.myCashPay table tr.first-child th, .myCashPay table tr.first-child td {
    border-top: none;
}
/* 2013.07.23 수정 및 추가 end*/
.returnMoneyLi {
    width: 685px;
    background: #f6f6f6;
    padding: 25px 0 25px 30px;
    margin: 50px 0 0 0;
    line-height: 14px;
    overflow: hidden;
}
.returnMoneyLi p {
    float: left;
    margin: 5px 20px 0 0;
    font-weight: bold;
    color: #0155c3;
}
.returnMoneyLi select {
    float: left;
}
.returnMoneyBox {
    width: 680px;
    border-top: 1px solid #0155c3;
    border-bottom: 1px solid #b0b0b0;
    padding: 15px 0 10px 35px;
    line-height: 18px;
}
.returnMoneyBox p {
    font-weight: bold;
    margin-bottom: 10px;
    color: #111;
}
.returnMoneyBox .textBox {
    height: 180px;
    overflow: auto;
    line-height: 18px;
    padding: 0 10px;
}
.returnMoneyBox .textBox h3 {
    display: block;
    color: #636363;
    font-size: 12px;
    font-weight: normal;
}
.returnMoneyBox .textBox ul {
    margin-left: 10px;
    margin-bottom: 15px;
}
.returnMoneyBox .textBox ul li {
    padding: 0 0 3px 35px;
    text-indent: -35px;
}

/* 2024.05.16 추가 */

.returnMoneyBox1 {
    width: 680px;
    border-top: 1px solid #0155c3;
    padding: 15px 0 10px 35px;
    line-height: 18px;
}

.returnMoneyBox1 p {
    font-weight: bold;
    margin-bottom: 10px;
    color: #111;
}

/* 2024.05.16 끝 */


.returnMoneyBtn {
    width: 675px;
    padding: 15px 17px 40px 17px;
    color: #111;
    font-weight: bold;
}
.returnMoneyBtn p.more {
    width: 50%;
    float: left;
    text-align: left;
}
.returnMoneyBtn p.auth {
    width: 50%;
    float: right;
    text-align: right;
}
.returnMoneyBtn p.auth input.radio {
    margin-left: 30px;
}
/*잔액반환 결과*/
.returnCashBox {
    width: 645px;
    margin: 30px 0 20px 0;
    background: #f6f6f6;
    padding: 20px 35px 10px 35px;
}
.returnCashBox dl {
    width: 645px;
    margin: 0 auto;
    overflow: hidden;
    line-height: 24px;
}
.returnCashBox dl dt {
    float: left;
    height: 33px;
    font-weight: bold;
    color: #0155c3;
}
.returnCashBox dl dd {
    float: left;
    height: 33px;
    font-weight: bold;
    color: #111;
    padding: 0 60px 0 10px;
}
.returnSignBox {
    width: 645px;
    margin: 0 0 20px 0;
    padding-left: 30px;
    line-height: 25px;
    color: #111;
}
.returnPrintBox {
    width: 680px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #b0b0b0;
    padding: 15px 0 10px 35px;
    line-height: 18px;
    margin-bottom: 30px;
}
.returnPrintBox p {
    font-weight: bold;
    margin-bottom: 10px;
    color: #111;
}
.returnPrintBox strong {
    font-weight: bold;
    color: #ff5745;
}
/*잔액합치기*/
.cashMergeBox {
    width: 715px;
    border-top: 1px solid #0155c3;
    border-bottom: 1px solid #b0b0b0;
    padding: 0px;
    margin: 30px 0;
    line-height: 18px;
}
.cashMergeBox dl {
    width: 695px;
    margin: 0 auto;
    overflow: hidden;
    line-height: 18px;
    padding: 30px 0px 20px 20px;
}
.cashMergeBox dl dt {
    background: url("../../images/common/icon_take.gif") no-repeat 0px 5px;
    width: 110px;
    padding: 0 20px 0 35px;
    float: left;
    height: 33px;
    font-weight: bold;
    color: #0155c3;
}
.cashMergeBox dl dd {
    width: 500px;
    float: left;
    padding-top: 5px;
    height: 33px;
}
.cashMergeBox dl span {}
.cashMergeBox dl dt.send {
    background: url("../../images/common/icon_send.gif") no-repeat 0px 5px;
    color: #111;
}
.cashMergeBox input.text {
    width: 100px;
}
.cashMergeBox2 {
    width: 715px;
    padding: 0px;
    margin: 30px 0;
    line-height: 18px;
}
.cashMergeBox2 .sendcash {
    display: inline-block;
    background: url("../../images/cashMerge_img02.png") no-repeat right;
    margin: 0px;
    padding-right: 55px;
    width: 322px;
}
.cashMergeBox2 .sendtit {
    display: block;
    background: url("../../images/common/icon_send.gif") no-repeat 0px 5px;
    color: #111;
    padding: 7px 0 0 30px;
    height: 31px;
    font-weight: bold;
    margin-bottom: 0px;
}
.cashMergeBox2 .sendcash table {
    border-top: 1px solid #0155c3;
}
.cashMergeBox2 .sendcash th {
    border-bottom: 1px solid #e0e0e0;
    padding: 13px 0 10px 30px;
    color: #0636363;
    text-align: left;
    vertical-align: top;
}
.cashMergeBox2 .sendcash td {
    border-bottom: 1px solid #e0e0e0;
    padding: 13px 0 10px 0;
    color: #111;
}
.cashMergeBox2 .sendcash tr.underline th, .cashMergeBox2 .sendcash tr.underline td {
    border-color: #b0b0b0;
}
.cashMergeBox2 .takecash {
    display: inline-block;
    margin: 0px;
    width: 322px;
    padding-left: 10px;
}
.cashMergeBox2 .taketit {
    display: block;
    background: url("../../images/common/icon_take.gif") no-repeat 0px 5px;
    color: #0155c3;
    padding: 7px 0 0 30px;
    height: 31px;
    font-weight: bold;
    margin-bottom: 0px;
}
.cashMergeBox2 .takecash table {
    border-top: 1px solid #0155c3;
}
.cashMergeBox2 .takecash th {
    border-bottom: 1px solid #e0e0e0;
    padding: 13px 0 10px 30px;
    color: #0155c3;
    text-align: left;
    vertical-align: top;
}
.cashMergeBox2 .takecash td {
    border-bottom: 1px solid #e0e0e0;
    padding: 13px 0 10px 0;
    color: #111;
}
.cashMergeBox2 .takecash tr.underline th, .cashMergeBox2 .takecash tr.underline td {
    border-color: #b0b0b0;
}

/* 2024.05.16 추가 */
.myCashbox .btn_select {
    display: inline-block;
    width: 80px;
    height: 30px;
    border: 0;
    background: #234d9c;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
}

.myCashbox .btn_select:hover {
    text-decoration: none;
    background-color: #0031c5;
}

.myCashbox .btn_remove {
    display: inline-block;
    width: 50px;
    height: 30x;
    border: 0;
    background: #c2c2c2;
    color: #ffffff;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
}

.myCashbox .btn_remove:hover {
    text-decoration: none;
    background: #333333;
    color: #a8a8a8;
}

.myCashbox .btn_inner {
    display: inline-block;
    width: 80px;
    border: 1px solid #c2c2c2;
    background: #fff;
    color: #565656;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    text-decoration: none;
}

.myCashbox .btn_inner:hover {
    text-decoration: none;
    background-color: #b4d4ff;
}
.myCashbox .btn_inner:active {
    text-decoration: none;
}
/* 2024.05.16 추가끝 */

/*MY 전자민원캐시-완료*/
.mycashComplete {
    border-top: 1px solid #0155c3;
    border-bottom: 1px solid #b0b0b0;
    margin: 30px 0;
    height: 250px;
    background: url("../../images/mc_complete_img.png") no-repeat 57px 70px;
    overflow: hidden;
}
.mycashComplete .cash {
    display: block;
    margin: 75px 50px 0 280px;
    padding: 15px 0;
    font-size: 12px;
    text-align: center;
    color: #0155c3;
    font-weight: bold;
}
.mycashComplete .cash2 {
    display: block;
    margin: 55px 50px 0 280px;
    padding: 15px 0;
    font-size: 12px;
    text-align: center;
    color: #0155c3;
    font-weight: bold;
}
.mycashComplete .result {
    display: block;
    margin: 0 50px 0 280px;
    background: #f6f6f6;
    padding: 20px 0;
    font-size: 14px;
    text-align: center;
    color: #111;
    font-weight: bold;
}
.mycashComplete .info {
    display: block;
    margin: 0 50px 0 280px;
    padding: 15px 0;
    font-size: 12px;
    text-align: center;
    color: #636363;
    line-height: 18px;
}
/*고객센터-faq*/
.tabLi {
    margin: 50px 0 30px 0;
    overflow: hidden;
}
.tabLi ul {
    margin-left: -31px;
}
.tabLi ul li {
    float: left;
    height: 18px;
    overflow: hidden;
    padding: 0 30px;
    border-left: 1px solid #d0d0d0;
}
.tabLi ul li.on img {
    margin-top: -18px;
}
.faqBox {
    clear: both;
    margin: 30px 0 0 0;
    width: 715px;
}
.faqBox dl {
    line-height: 18px;
    border-top: 1px solid #0155c3;
    border-bottom: 1px solid #b0b0b0;
}
.faqBox dl dt.first-child {
    border-top: none;
}
.faqBox dl dt.selectD {
    font-weight: bold;
    color: #0155c3;
}
.faqBox dl dt {
    background: url("../../images/common/icon_q.gif") no-repeat 23px 9px;
    padding: 12px 0 8px 65px;
    border-top: 1px solid #e0e0e0;
    overflow: hidden;
    cursor: pointer;
}
.faqBox dl dd {
    background: url("../../images/common/icon_a.gif") no-repeat 23px 9px #f6f6f6;
    padding: 10px 30px 10px 65px;
    border-top: 1px solid #e0e0e0;
    overflow: hidden;
}
.faqBox dl dd strong {
    font-weight: normal;
    color: #0155c3;
}
.faqBox dl dd img {
    margin: 5px 0 10px 30px;
}
.faqBox dl dd ul {}
.faqBox dl dd ul li {
    padding-left: 10px;
    text-indent: -10px;
}
.faqBox dl dd span.link {
    display: inline-block;
    background: url("../../images/common/btn_link.png") no-repeat 0 1px;
    padding: 0 10px 0 22px;
    margin: 10px 0;
}
.faqBox dl dd span.link a, .faqBox dl dd span.link a:hover {
    text-decoration: none;
}
/*고객센터-관리안내*/
.tabLi2 {
    margin: 50px 0 30px 0;
    overflow: hidden;
}
.tabLi2 ul {
    margin-left: 0px;
}
.tabLi2 ul li {
    float: left;
    height: 72px;
    width: 90px;
    overflow: hidden;
    border-left: 1px solid #d0d0d0;
    text-align: center;
}
.tabLi2 ul li.on img {
    margin-top: -90px;
}
.tabCnt {
    clear: both;
    margin: 1px 0 0 0;
}
.tabCnt .infoBox {
    clear: both;
    margin: 30px 0 0 0;
    width: 655px;
    padding: 30px;
    border-top: 1px solid #0155c3;
    border-bottom: 1px solid #b0b0b0;
}
.tabCnt .infoBox h3 {
    display: block;
    color: #0155c3;
    font-size: 12px;
    padding-bottom: 5px;
}
.tabCnt .infoBox ul li {
    padding-left: 10px;
    text-indent: -10px;
    line-height: 18px;
}
.tabCnt .infoBox ul li span {}
.tabCnt .infoBox ul {
    margin-bottom: 20px;
}
.tabCnt .infoBox span.link {
    display: inline-block;
    background: url("../../images/common/btn_link.png") no-repeat 0 1px;
    padding: 4px 10px 0 22px;
    margin: 10px 0;
}
.tabCnt .infoBox span.link a, .tabCnt .infoBox span.link a:hover {
    text-decoration: none;
}
/*고객센터-전자금융거래약관*/ /*20201224 추가*/
.ruleBox1 {
    width: 655px;
    height: 70px;
    border-top: 1px solid #0155c3;
    border-bottom: 1px solid #e0e0e0;
    margin: 30px 0 0 0;
    padding: 20px 30px;
    line-height: 18px;
}
.ruleBox1 ul {
    float: left;
    width: 300px;
}
.ruleBox1 ul li {
    line-height: 18px;
}
.ruleBox1 ul li span {
    display: inline-block;
    width: 45px;
}
.ruleBox1 ul li a {
    color: #111;
}
.ruleTxt1 {
    padding: 30px 30px 0 30px;
    width: 655px;
    font-size: 12px;
    line-height: 18px;
    border-bottom: 1px solid #b0b0b0;
}
.ruleTxt1 div {
    position: relative;
    padding-bottom: 30px;
}
.ruleTxt1 h1 {
    display: block;
    color: #0155c3;
    font-size: 16px;
    padding: 20px 0 10px 0;
    height: 15px;
}
.ruleTxt1 h3 {
    display: block;
    color: #333333;
    font-size: 14px;
    padding: 20px 0 20px 0;
    height: 15px;
}
.ruleTxt1 ul {
    width: 100%;
    margin: 5px 0 0 15px;
    text-align: justify;
}
.ruleTxt1 ul li {
    padding-left: 20px;
    text-indent: -20px;
    padding-bottom: 5px;
}
.ruleTxt1 ul li ul {
    margin: 5px 0 0 0;
}
.ruleTxt1 ul li ul li {
    margin: 0;
}
.ruleTxt1 ul, p {
    margin-bottom: 15px;
}
.ruleTxt1 .top {
    position: absolute;
    top: 25px;
    right: 0;
    display: block;
    width: 655px;
    text-align: right;
    margin: 0 0 10px 20px;
    padding: 0px;
}

/*고객센터-약관 2024.09.10 수정*/
.ruleBox {
    width: 655px;
    height: 425px;
    border-top: 1px solid #0155c3;
    border-bottom: 1px solid #e0e0e0;
    margin: 30px 0 0 0;
    padding: 20px 30px;
    line-height: 18px;
}

.ruleBox ul {
    float: left;
    width: 300px;
}

.ruleBox ul li {
    line-height: 18px;
}

.ruleBox ul li span {
    display: inline-block;
    width: 45px;
}

.ruleBox ul li a {
    color: #111;
}

.ruleTxt {
    padding: 30px 30px 0 30px;
    width: 655px;
    font-size: 12px;
    line-height: 18px;
    border-bottom: 1px solid #b0b0b0;
    word-break: keep-all;
}/* 2024.09.10 e */

.ruleTxt h3 {
    display: block;
    color: #0155c3;
    font-size: 12px;
    padding-bottom: 10px;
    height: 15px;
}
.ruleTxt ul {
    width: 655px;
}
.ruleTxt ul li {
    padding-left: 35px;
    text-indent: -35px;
    padding-bottom: 7px;
}
.ruleTxt ul, p {
    margin-bottom: 20px;
}
.ruleTxt .top {
    display: block;
    width: 655px;
    text-align: right;
    margin: 0 0 10px 20px;
    padding: 0px;
}
/*고객센터-개인정보취급방침*/
.policyInfo {
    width: 645px;
    margin: 30px 0 20px 0;
    background: #f6f6f6;
    padding: 30px;
    line-height: 18px;
}
.policyBox {
    width: 655px;
    height: 125px;
    border-top: 1px solid #0155c3;
    border-bottom: 1px solid #e0e0e0;
    margin: 30px 0 0 0;
    padding: 20px 30px;
    line-height: 18px;
}
/*2017.11.15 수정*/
.policyBox ul {
    float: left;
    width: 270px;
}
.policyBox ul li {
    line-height: 18px;
}
.policyBox ul li span {
    display: inline-block;
    width: 40px;
}
.policyBox ul li a {
    color: #111;
}
/*2017.11.15 수정끝*/
.policyTxt {
    padding: 30px 30px 0 30px;
    width: 655px;
    font-size: 12px;
    line-height: 18px;
    border-bottom: 1px solid #b0b0b0;
}
.policyTxt h3 {
    display: block;
    color: #0155c3;
    font-size: 12px;
    padding-bottom: 10px;
    height: 15px;
}
.policyTxt h4 {
    display: block;
    color: #636363;
    font-size: 12px;
    padding-bottom: 5px;
    height: 15px;
    padding-left: 17px;
}
.policyTxt ul {
    width: 655px;
    margin-bottom: 10px;
}
.policyTxt ul li {
    padding-left: 30px;
    text-indent: -10px;
}
.policyTxt ul.list {
    width: 655px;
    margin-bottom: 10px;
    margin-left: 20px;
}
/*2013.12.18 add*/
.policyTxt dl {
    width: 655px;
    margin-bottom: 10px;
    padding-left: 30px;
}
.policyTxt dl dt {
    margin-top: 3px;
}
.policyTxt dl dd {
    padding-left: 20px;
    text-indent: -10px;
}
/*2013.12.18 add end*/
.policyTxt p {
    margin-bottom: 10px;
    padding-left: 40px;
}
.policyTxt .text {
    margin-bottom: 10px;
    padding-left: 20px;
}
/*2022.10.18 add*/
.policyTxt .text2 {
    padding-left: 30px;
}
/*2022.10.18 add end*/
.policyTxt .box {
    margin-bottom: 30px;
}
.policyTxt .top {
    display: block;
    width: 655px;
    text-align: right;
    margin: 0 0 10px 20px;
    padding: 0px;
}
/* ==========================================================================
   #TABLE 2022.10.18 add
   ========================================================================== */
   .policyTxt table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  .policyTxt caption {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
  }
  
.policyTxt table {
    clear: both; 
    border-top: 1px solid #cbcbcb; 
    border-left: 1px solid #cbcbcb; 
    margin-top: 10px;
    margin-bottom:20px;
}
.policyTxt table th,
.policyTxt table td {
    border-bottom: 1px solid #cbcbcb; 
    border-right: 1px solid #cbcbcb; 
    padding: 10px; 
    vertical-align:middle; 
}
.policyTxt table thead th {
    background: #ffffff;
    text-align: center;
}
/*2022.10.18 add end*/
/*style*/
.notice {
    width: 568px;
    border: 1px solid #e0e0e0;
    background: url("../../images/common/bg_notice.gif") no-repeat 30px 15px;
    margin: 40px 0 0 0;
    padding: 20px 20px 15px 125px;
    min-height: 60px;
}
.notice ul li {
    background: url("../../images/common/icon_bul02.gif") no-repeat left 6px;
    padding: 0 0 0 10px;
    color: #636363;
    line-height: 18px;
}
.notice ul li img {
    vertical-align: -1px;
}
.notice ul li table {
    border-top: none;
    width: 400px;
}
.notice ul li table th {
    background: #cedbec;
    height: 18px;
    text-align: center;
    padding: 3px 0 1px 0;
    font-size: 11px;
    border-right: 1px solid #fff;
}
.notice ul li table td {
    border-top: 1px solid #e0e0e0;
    padding: 3px 0 1px 30px;
    border-right: 1px solid #fff;
}
.notice2 {
    width: 545px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #b0b0b0;
    background: url("../../images/common/bg_notice.gif") no-repeat 30px 30px;
    margin: 40px 0 0 0;
    padding: 30px 25px 25px 145px;
}
.notice2 ul li {
    background: url("../../images/common/icon_bul02.gif") no-repeat left 6px;
    padding: 0 0 2px 10px;
    color: #636363;
    line-height: 18px;
}
.notice2 ul li img {
    vertical-align: -1px;
}
.message {
    clear: both;
    width: 715px;
    text-align: center;
    color: #ff5745;
    padding: 0 0 30px 0;
    margin: 0px;
}
.message2 {
    clear: both;
    width: 715px;
    text-align: center;
    color: #ff5745;
    padding: 30px 0 30px 0;
    margin: 0px;
}
.message3 {
    clear: both;
    width: 715px;
    text-align: center;
    padding: 0 0 30px 0;
    margin: 0px;
}
/*검색*/
.searchBox {
    width: 645px;
    margin: 30px 0 20px 0;
    background: #f6f6f6;
    padding: 20px 35px 10px 35px;
}
.searchBox dl {
    width: 645px;
    margin: 0 auto;
    overflow: hidden;
    line-height: 24px;
}
.searchBox dl dt {
    width: 130px;
    float: left;
    height: 33px;
}
.searchBox dl dd {
    width: 515px;
    float: left;
    height: 33px;
}
.searchBox dl dd span {
    color: #636363;
}
.searchBox dl p {
    padding: 0 0 0 130px;
}
.searchBox dl p span {
    letter-spacing: -0.1em;
}
.searchBox dl p img {
    vertical-align: middle;
}
.searchBox label {
    font-weight: bold;
    color: #0155c3;
}
.searchBox input.text {
    width: 100px;
}
/*table*/
.tbBox {
    padding-top: 30px;
}
.tbBox .unit {
    text-align: right;
    margin-bottom: 10px;
    color: #111;
}
.tbBox .annotation {
    margin-top: 20px;
    color: #111;
}
.tbBox table.listType {
    border-top: 1px solid #0155c3;
    border-bottom: 1px solid #b0b0b0
}
.tbBox table.listType thead th {
    color: #0155c3;
}
.tbBox table.listType tbody th {
    text-align: right;
    padding: 12px 20px 9px 0;
    border-top: 1px solid #d9dbdb;
    line-height: 15px;
}
.tbBox table.listType tbody td {
    text-align: left;
    padding: 12px 0 9px 20px;
    border-top: 1px solid #e0e0e0;
    line-height: 15px;
}
.infoBox {}
.infoBox table {
    border: 1px solid #0155c3;
}
.infoBox table thead th {
    background: #0155c3;
    color: #fff;
    text-align: left;
    padding: 10px 0 10px 30px;
}
.infoBox table tbody td {
    padding: 20px 30px;
    color: #111;
    border-left: 1px solid #0155c3;
    vertical-align: top;
    line-height: 18px;
}
.infoBox table tbody td span {
    color: #636363;
}
/*board*/
.tbBoard {
    padding-top: 30px;
}
.tbBoard p {
    background: url("../../images/common/icon_bul02.gif") no-repeat left 4px;
    margin: 20px 0 0 0;
    padding: 0 0 10px 10px;
    font-weight: bold;
    color: #111
} /* 2013.07.23 수정 */
.tbBoard .tit {
    color: #0155c3;
}
.tbBoard table.boardType {
    width: 715px;
    border-top: 1px solid #0155c3;
    border-bottom: 1px solid #b0b0b0;
}
.tbBoard table.boardType a:hover, .tbBoard table.boardType a:focus {
    text-decoration: none;
}
.tbBoard table.boardType thead th {
    border-bottom: 1px solid #b0b0b0;
    padding: 12px 0 8px 0;
    line-height: 16px;
    color: #0155c3;
    text-align: center;
}
.tbBoard table.boardType tbody td {
    border-top: 1px solid #e0e0e0;
    padding: 12px 0 8px 0;
    line-height: 16px;
    color: #111;
    text-align: center;
    color: #676767;
    text-align: center;
}
.tbBoard table.boardType tbody td strong {
    color: #111;
}
.tbBoard table.boardType tbody td.cash {
    text-align: right;
    padding-right: 30px;
    color: #111;
}
.tbBoard table.boardType tbody td.status {
    text-align: center;
    font-weight: bold;
    color: #111;
}
.tbBoard table.boardType tbody td.subject {
    text-align: left;
    padding-left: 20px;
}
.tbBoard table.boardType tbody td.subject a {
    display: block;
    width: 420px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
} /*留 */
.tbBoard table.boardType tbody td label strong {
    padding: 0 0 0 20px;
}
.tbBoard table.boardType2 {
    width: 715px;
    border-top: 1px solid #0155c3;
}
.tbBoard table.boardType2 thead th {
    border-bottom: 1px solid #b0b0b0;
    padding: 12px 0 8px 30px;
    line-height: 16px;
    color: #111;
    text-align: left;
}
.tbBoard table.boardType2 thead th.date {
    font-weight: normal;
    color: #636363;
    background: url("../../images/common/icon_bar02.gif") no-repeat left 45%;
    padding: 0 0 0 20px;
}
.tbBoard table.boardType2 tbody td.boardCnt {
    text-align: left;
    line-height: 18px;
    padding: 30px;
}
.tbBoard table.boardType3 {
    width: 715px;
    border-top: 1px solid #0155c3;
    margin-bottom: 30px;
}
.tbBoard table.boardType3 tbody th {
    height: 28px;
    padding: 5px 0 0 30px;
    color: #0155c3;
    font-weight: bold;
    border-bottom: 1px solid #e0e0e0;
    text-align: left;
}
.tbBoard table.boardType3 tbody td {
    height: 28px;
    padding: 5px 0;
    border-bottom: 1px solid #e0e0e0;
    color: #111111;
}
.tbBoard table.boardType3 tbody .desc {
    color: #636363;
}
.tbBoard table.boardType3 tbody .underline th, .tbBoard table.boardType3 tbody .underline td {
    border-color: #b0b0b0;
}
.tbBoard table.boardType3 tbody td input.text {
    width: 180px;
    margin-right: 10px;
    background: #f2f2f2;
    border-color: #e0e0e0;
}
.tbBoard table.boardType3 tbody td span.name {
    padding-left: 10px;
}
.tbBoard table.boardType3 tbody td label {
    margin-right: 50px;
}

/* 2022.05.31 추가 */
.tbBoard table.boardType tbody td .noti_btn_registration {
    display: inline-block;
    width: 50px;
    height: 30px;
    border: 0;
    background: #234d9c;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
}
.tbBoard table.boardType tbody td .noti_btn_registration:hover{
    text-decoration: none;
    background-color: #0031c5;
}
.tbBoard table.boardType tbody td .noti_btn_remove {
    display: inline-block;
    width: 50px;
    height: 30x;
    border: 0;
    background: #c2c2c2;
    color: #ffffff;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
}
.tbBoard table.boardType tbody td .noti_btn_remove:hover{
    text-decoration: none;
    background: #333333;
    color: #a8a8a8;
}
.tbBoard table.boardType tbody td .btn_re {
    display: inline-block;
    width: 50px;
    height: 30x;
    border: 1px solid #c2c2c2;
    background: #fff;
    color: #565656;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
}
.tbBoard table.boardType tbody td .btn_re:hover{
    text-decoration: none;
    background-color: #b4d4ff;
}


*2018 .03 .05 추가*/
.tbBoard table.boardType4{width:1000px; border-top:1px solid #0155c3; border-bottom:1px solid #b0b0b0;}
.tbBoard table.boardType4 a:hover, .tbBoard table.boardType a:focus{text-decoration:none;}
.tbBoard table.boardType4 thead th{border-bottom:1px solid #b0b0b0; padding:12px 0 8px 0; line-height:16px; color:#0155c3; text-align:left; padding-left:20px;}
.tbBoard table.boardType4 tbody td{border-top:1px solid #e0e0e0; padding:12px 0 8px 0; line-height:16px; color:#111; text-align:right; color:#676767; text-align:right;}
.tbBoard table.boardType4 tbody td.cash{text-align:center; padding-right:30px; color:#111;}
.tbBoard table.boardType4 tbody td.subject{text-align:left; padding-left:20px;}

.tbBoard2{padding-top:30px;}
.tbBoard2 p{margin:20px 0 0 0; padding:0 0 10px 10px;}
.tbBoard2 table.boardType5{width:1000px; border-top:1px solid #0155c3; border-bottom:1px solid #b0b0b0;}
.tbBoard2 table.boardType5 a:hover, .tbBoard table.boardType a:focus{text-decoration:none;}
.tbBoard2 table.boardType5 thead th{border-bottom:1px solid #b0b0b0; padding:12px 0 8px 0; line-height:16px; color:#0155c3; text-align:center;}
.tbBoard2 table.boardType5 tbody td{border-top:1px solid #e0e0e0; padding:12px 0 8px 0; line-height:16px; color:#111; text-align:center; color:#676767; text-align:center;}
.tbBoard2 table.boardType5 tbody td strong{color:#111;}
.tbBoard2 table.boardType5 tbody td.cash{text-align:right; padding-right:30px; color:#111;}
.tbBoard2 table.boardType5 tbody td.status{text-align:center; font-weight:bold; color:#111;}
.tbBoard2 table.boardType5 tbody td.subject{text-align:left; padding-left:20px;}
.tbBoard2 table.boardType5 tbody td.subject a{display:block; width:420px;
	overflow : hidden; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}/*留 */
.tbBoard2 table.boardType5 tbody td label strong{padding:0 0 0 20px;}

.tbBoard2 .CashBox{width:1000px; padding:5px;}
.tbBoard2 .CashBox p{line-height:18px;}
.tbBoard2 .CashBox p.list{width:390px; float:left; text-align:left; padding:0 0 5px 10px; margin:0px;}
.tbBoard2 .CashBox p.count{width:390px; float:right; text-align:right; padding:7px 10px 5px 10px; margin:0px;}
.tbBoard2 .CashBox p.down{width:305px; float:right; text-align:right; padding:7px 38px 0 0; margin:0px;}
/*2018-03-05 추가 끝*/

/* 2024.05.16 */
.m_tbBoard {
    font-size: 12px;
    padding: 20px;
}

.m_tbBoard p {
    background: url("../../images/common/icon_bul02.gif") no-repeat left 4px;
    margin: 20px 0 0 0;
    padding: 0 0 10px 10px;
    font-weight: bold;
    color: #111
}

.m_tbBoard .tit {
    color: #0155c3;
}
.m_tbBoard .tb_01 {
    width: 600px;
    height: 210px;
    overflow-x: hidden; 
    overflow-y: scroll;
    border-bottom: 1px solid #b0b0b0;
}

.m_tbBoard table.boardType {
    width: 600px;
    border-top: 1px solid #0155c3;
    border-bottom: 1px solid #b0b0b0;
}

.m_tbBoard table.boardType a:hover,
.m_tbBoard table.boardType a:focus {
    text-decoration: none;
}

.m_tbBoard table.boardType thead th {
    border-bottom: 1px solid #b0b0b0;
    padding: 12px 0 8px 0;
    line-height: 16px;
    color: #0155c3;
    text-align: center;
}

.m_tbBoard table.boardType tbody td {
    border-top: 1px solid #e0e0e0;
    padding: 12px 0 8px 0;
    line-height: 16px;
    color: #111;
    text-align: center;
    color: #676767;
    text-align: center;
}

.m_tbBoard table.boardType tbody td strong {
    color: #111;
}

.m_tbBoard table.boardType tbody td.cash {
    text-align: right;
    padding-right: 30px;
    color: #111;
}

.m_tbBoard table.boardType tbody td.status {
    text-align: center;
    font-weight: bold;
    color: #111;
}

.m_tbBoard table.boardType tbody td.subject {
    text-align: left;
    padding-left: 20px;
}

.m_tbBoard table.boardType tbody td.subject a {
    display: block;
    width: 420px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

/* 2024.05.23 삭제 */
/*
.m_tbBoard table.boardType tbody td label strong {
    padding: 0 0 0 20px;
}
*/

.m_tbBoard table.boardType2 {
    width: 715px;
    border-top: 1px solid #0155c3;
}

.m_tbBoard table.boardType2 thead th {
    border-bottom: 1px solid #b0b0b0;
    padding: 12px 0 8px 30px;
    line-height: 16px;
    color: #111;
    text-align: left;
}

.m_tbBoard table.boardType2 thead th.date {
    font-weight: normal;
    color: #636363;
    background: url("../../images/common/icon_bar02.gif") no-repeat left 45%;
    padding: 0 0 0 20px;
}

.m_tbBoard table.boardType2 tbody td.boardCnt {
    text-align: left;
    line-height: 18px;
    padding: 30px;
}

.m_tbBoard table.boardType3 {
    width: 715px;
    border-top: 1px solid #0155c3;
    margin-bottom: 30px;
}

.m_tbBoard table.boardType3 tbody th {
    height: 28px;
    padding: 5px 0 0 30px;
    color: #0155c3;
    font-weight: bold;
    border-bottom: 1px solid #e0e0e0;
    text-align: left;
}

.m_tbBoard table.boardType3 tbody td {
    height: 28px;
    padding: 5px 0;
    border-bottom: 1px solid #e0e0e0;
    color: #111111;
}

.m_tbBoard table.boardType3 tbody .desc {
    color: #636363;
}

.m_tbBoard table.boardType3 tbody .underline th,
.m_tbBoard table.boardType3 tbody .underline td {
    border-color: #b0b0b0;
}

.m_tbBoard table.boardType3 tbody td input.text {
    width: 180px;
    margin-right: 10px;
    background: #f2f2f2;
    border-color: #e0e0e0;
}

.m_tbBoard table.boardType3 tbody td span.name {
    padding-left: 10px;
}

.m_tbBoard table.boardType3 tbody td label {
    margin-right: 50px;
}

.m_tbBoard table.boardType tbody td .noti_btn_registration {
    display: inline-block;
    width: 50px;
    height: 30px;
    border: 0;
    background: #234d9c;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
}

.m_tbBoard table.boardType tbody td .noti_btn_registration:hover {
    text-decoration: none;
    background-color: #0031c5;
}

.m_tbBoard table.boardType tbody td .noti_btn_remove {
    display: inline-block;
    width: 50px;
    height: 30x;
    border: 0;
    background: #c2c2c2;
    color: #ffffff;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
}

.m_tbBoard table.boardType tbody td .noti_btn_remove:hover {
    text-decoration: none;
    background: #333333;
    color: #a8a8a8;
}

.m_tbBoard table.boardType tbody td .btn_re {
    display: inline-block;
    width: 50px;
    height: 30x;
    border: 1px solid #c2c2c2;
    background: #fff;
    color: #565656;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
}

.m_tbBoard table.boardType tbody td .btn_re:hover {
    text-decoration: none;
    background-color: #b4d4ff;
}
.m_tbBoard table.boardType4 {
    width: 1000px;
    border-top: 1px solid #0155c3;
    border-bottom: 1px solid #b0b0b0;
}

.m_tbBoard table.boardType4 a:hover,
.m_tbBoard table.boardType a:focus {
    text-decoration: none;
}

.m_tbBoard table.boardType4 thead th {
    border-bottom: 1px solid #b0b0b0;
    padding: 12px 0 8px 0;
    line-height: 16px;
    color: #0155c3;
    text-align: left;
    padding-left: 20px;
}

.m_tbBoard table.boardType4 tbody td {
    border-top: 1px solid #e0e0e0;
    padding: 12px 0 8px 0;
    line-height: 16px;
    color: #111;
    text-align: right;
    color: #676767;
    text-align: right;
}

.m_tbBoard table.boardType4 tbody td.cash {
    text-align: center;
    padding-right: 30px;
    color: #111;
}

.m_tbBoard table.boardType4 tbody td.subject {
    text-align: left;
    padding-left: 20px;
}
/* 2024.05.16 e */

/*paging*/
.paging {
    text-align: center;
    padding: 30px 25px 0 0;
}
.paging * {
    vertical-align: text-middle;
}
.paging .prevF a, .paging .prev a, .paging .nextE a, .paging .next a {
    padding: 0 6px;
}
.paging .numbering {
    padding: 0 10px;
}
.paging .numbering a {
    color: #636363;
    line-height: 30px;
    padding: 0 6px;
}
.paging .numbering a.current {
    font-weight: bold;
    color: #111;
}
/*게시판 상세 하단 바로 가기*/
.quickPass {
    width: 715px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #b0b0b0;
    background: url("../../images/common/icon_upDown.gif") no-repeat 84px 15px;
    overflow: hidden;
}
.quickPass ul li {
    border-top: 1px solid #e0e0e0;
    overflow: hidden;
    font-size: 12px;
    color: #676767;
}
.quickPass ul li span {
    width: 12%;
    float: left;
    text-align: center;
    padding: 14px 0 12px 0;
}
.quickPass ul li em {
    width: 85%;
    float: left;
    padding: 14px 0 12px 3%;
    font-style: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
} /*留먯쨪???곸슜*/
/*사이트맵*/
.sitemap {
    margin-left: -40px;
}
.sitemap dl {
    height: 360px;
    overflow: hidden;
    width: 210px;
    margin: 50px 0 0 40px;
    float: left
}
.sitemap dl.second {
    height: 300px;
}
.sitemap dl dt {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #0155c3;
}
.sitemap dl dd {
    margin: 0px;
    background: url("../../images/common/icon_bul03.gif") no-repeat left 18px;
    line-height: 20px;
    font-size: 12px;
    color: #636363;
    padding: 12px 0 7px 13px;
    border-bottom: 1px solid #e0e0e0;
}
.sitemap dl dd.endline {
    border-bottom: 1px solid #b0b0b0;
}
.sitemap dl dd a {
    text-decoration: none;
}
/*팝업*/
/*공지팝업 2014.11.27*/
#popWrapper {
    width: 100%;
    position: relative;
}
.popNotice {
    margin: 0 auto;
    padding: 0;
    min-width: 420px;
    text-align: center;
}
.popFooter {
    border-top: 1px solid #eaeaea;
    background: #f8f8f8;
    padding: 4px 12px;
    height: 21px;
}
.popFooter span.txt {
    display: block;
    float: left;
    font-size: 11px;
    padding-top: 3px;
    line-height: 16px;
}
.popFooter span.btn {
    display: block;
    float: right;
}
.popFooter label {
    padding: 0 5px;
    letter-spacing: -1px;
}
/*공지팝업 2014.11.27 추가끝*/
#pop_header {
    width: 100%;
    height: 45px;
    border-top: 2px solid #0155c3;
    border-bottom: 1px solid #eaeaea;
    background: #f6f6f6;
}
.pop_headerWrap {
    position: relative;
    height: 100%;
    width: 100%;
}
.pop_headerWrap .tit {
    float: left;
    height: 20px;
    color: #0155c3;
    font-weight: bold;
    line-height: 18px;
    margin: 17px 0 0 30px;
}
#pop_contents {
    padding: 10px 0;
    background: #FFFFFF;
}
.rulePop {
    padding: 0px;
    width: 735px;
    overflow: auto;
    height: 420px;
    border-bottom: 1px solid #CCC;
}
.mycash_pop {
    text-align: center;
    padding: 20px;
    position: relative;
}
.mycash_pop .myCashNum {
    margin: -190px 0 180px 110px;
    color: #ff5745;
    font-size: 14px;
    font-weight: bold;
}
.popTxt {
    width: 100%;
    padding: 20px 0 30px 0;
    text-align: center;
    line-height: 18px;
}
.popTxt strong {
    display: block;
    color: #ff5745;
}
.tbBoard .cashHistoryBox {
    width: 705px;
    padding: 5px;
}
.tbBoard .cashHistoryBox p.list {
    width: 390px;
    background: url("../../images/common/icon_bul02.gif") no-repeat left 10px;
    float: left;
    text-align: left;
    padding: 7px 0 0 10px;
    margin: 0px;
    font-weight: bold;
    color: #111;
}
.tbBoard .cashHistoryBox p.down {
    width: 305px;
    float: right;
    text-align: right;
    padding: 0 0 3px 0;
    margin: 0px;
}
/*비밀번호 변경*/
.pwChangeBox {
    width: 645px;
    margin: 0 0 20px 0;
    background: #f6f6f6;
    padding: 20px 35px;
}
.pwChangeBox p {
    color: #0155c3;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0px;
}
.pwChangeBox ul {
    width: 645px;
    margin: 0 auto;
    overflow: hidden;
    line-height: 14px;
}
.pwChangeBox ul li {
    width: 645px;
    color: #111;
    float: left;
    padding: 3px 0;
}
.pwChangeBox ul li span {
    display: block;
    padding: 3px 0 0 80px;
    line-height: 14px;
}
/*인보이스 추가 2013.12.05*/
#invoiceWrap {
    width: 560px;
    min-height: 800px;
    padding: 0 10px;
    margin: 0 auto;
}
#invoiceHeader {
    width: 100%;
    height: 60px;
    margin-top: 30px;
}
#invoiceHeader h1 {
    float: left;
}
#invoiceHeader .company {
    float: right;
    text-align: right;
    margin: 10px;
    line-height: 16px;
}
#invoiceContents {
    position: relative;
    width: 100%;
}
#invoiceContents h2 {
    margin: 50px 0 0 0;
    text-align: center;
}
ul.invoice {
    margin: 20px 15px;
    padding: 0;
    color: #000;
    border-bottom: 1px solid #8c8c8c;
}
ul.invoice li {
    display: block;
    padding-top: 50px;
}
ul.invoice li span.tit {
    display: block;
    float: left;
    width: 60px;
}
ul.invoice li span.tit2 {
    display: block;
    clear: both;
}
ul.invoice li p {
    display: block;
    float: left;
    width: 440px;
    padding: 0 0 0 20px;
    line-height: 16px;
}
ul.invoice li p.supplier {
    font-size: 14px;
    line-height: 20px;
    margin-top: -2px;
}
ul.invoice table {
    clear: both;
    width: 100%;
    margin: 10px 0 30px 0;
}
ul.invoice table th {
    text-align: center;
    border: 1px solid #cdcdcd;
    color: #666666;
    line-height: 26px;
}
ul.invoice table td {
    text-align: center;
    border: 1px solid #cdcdcd;
    line-height: 26px;
}
/*2021.03.31 수정*/
.invoiceDesc {
    clear: both;
    position: relative;
    margin: 10px 20px;
    color: #000;
    line-height: 46px;
}
.invoiceDesc img {
    position: absolute;
    padding: 7px 6px 5px 221px;
}
.invoiceDesc strong {
    padding: 15px 6px;
}
.invoiceSign {
    position: relative;
    text-align: center;
    width: 100%;
    margin-top: 30px;
}
.invoiceSign .print {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

/* ==========================================================================
   MODAL -2021.12.17 추가-
   ========================================================================== */
.modal_basic {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  font-size: 0;
  white-space: nowrap;
  text-align: center;
}

.modal_basic.is-expanded {
  display: block;
}

.modal_basic:before {
  content: '';
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 100%;
  vertical-align: middle;
}

.modal_bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-color: #000;
  opacity: .8;
  filter: alpha(opacity=80);
}

.modal_wrapper {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 16px;
  /**/
  white-space: normal;
  text-align: left;
  vertical-align: middle;
}

.modal_body {
  background-color: #fff;
  min-width: auto;
  border-radius: 8px;
  max-height: 80vh;
  background: #fff;
  /*높이가 작은레이어의경우  scroll*/
  /*overflow: scroll;*/
}
.use_guide {margin-top: 20px; overflow: hidden;}
.use_guide h4 {}
.use_guide .title {font-size: 16px; line-height: 24px;}
.use_guide .guide_img {display: block; margin-top: 10px;}
.use_guide .guide_thumb {display: block;}
.use_guide .guide_thumb img {display: block; margin: 0 auto; width: 100%; float: left;}

/*2024.01.22 */
.use_guide a {
    color: #003fff;
    font-size: 14px;
    font-weight: bold;
}/*2024.01.22 e */

.modal_contents {text-align: center; padding-bottom: 30px;}
.modal_contents .popup_title {display: block; padding: 20px; border-bottom: 2px solid #2455bc; border-top-left-radius: 8px; border-top-right-radius: 8px; position: relative; font-size: 18px;}
.modal_contents .popup_box {margin: 0; padding: 0 30px; overflow: hidden;}
.modal_contents .popup_box.scr {margin-top: 30px; overflow-y: scroll; height: 440px;}

/* 2022.05.31 추가 */
.modal_contents .popup_registration_box{
    display: block;
    padding: 30px 30px 0;
    overflow: hidden;

    line-height: normal;
}
.modal_contents .popup_registration_box p{
    display: block;
    line-height: 140%;
    font-size: 13px;
    margin: 15px 0 10px 10px;
    text-align: left;
    color: rgb(0, 0, 0);
}
.popup_registration_box table{
    border-collapse: collapse;
    font-size: 14px;
    border-bottom: 1px solid #c2c2c2;
}
.popup_registration_box table th{
   
}
.popup_registration_box table td{
    border-top: 1px solid #c2c2c2;
    height: 50px;
    margin-right: 10px;
    box-sizing: border-box;
}
.popup_registration_box table .tit_bg{
    background-color: #eaeaea;
    padding: 0 10px;
}
.popup_registration_box table td input{
    border: 0;
    height: 40px;
    font-size: 14px;
    float: left;
    margin-left: 10px;
}
.modal_contents .checkbox {
    display: inline-block;
    margin: 20px 0 0 0;
    padding: 0;
    overflow: hidden;
    text-decoration-color: #565656;
}
.modal_contents .checkbox.point input {
    vertical-align:top;
    position: relative;
    top: 1px;
}
.modal_contents .checkbox.point input[type=checkbox] + label {
    color: #2455bc;
}

/* 2024.05.16 */
.modal_contents .checkbox1 {
    display: inline-block;
    padding: 0;
    overflow: hidden;
    text-decoration-color: #565656;
}

.modal_contents .checkbox1.point input {
    vertical-align: top;
    position: relative;
    top: 1px;
}

.modal_contents .checkbox1.point input[type=checkbox]+label {
    color: #2455bc;
}
/* 2024.05.16 e */

.modal_contents .use_guide {
    margin:10px 30px ;
    width:300px
}




.modal_contents .checkbox {display: inline-block; margin: 20px 0 0 0; padding: 0; overflow: hidden; text-decoration-color: #565656;}
.modal_contents .checkbox.point input {vertical-align:top; position: relative; top: 1px;}
.modal_contents .checkbox.point input[type=checkbox] + label {color: #2455bc;}
.modal_contents .use_guide {margin:10px 30px ; width:300px}
.modal_contents .use_guide .guide_thumb {}
.modal_contents .use_guide .next {margin: 90px 0;}
.modal-close {}
.modal_btn {display: block; margin: 30px 10px 10px; text-align: center;}
.modal_btn .m_btn {display: inline-block; width:40%; height: 40px; background: #234d9c; color: #fff; font-size: 14px; line-height: 40px; text-align: center; font-weight: 700; border-radius: 2px;}
.modal_btn .m_btn:hover {text-decoration: none; background: #003fff; color: #fff;}
.modal_btn .m_btn.no {background: #101822; color: #4a5662; }
.modal_btn .m_btn.no:hover {background: #274155; color: #fff;}
.btn_x {display:block; width: 25px; height: 25px;  top:12px; right: 10px; background: url(../image/ico_close_x.png) no-repeat center; background-size: 12px; text-indent: -9999px;}

/*2024.01.22 */
.modal_memo {  margin-top: 10px; 
}
.modal_memo input {
    box-sizing: border-box;
    text-align: left;
    border: 1px solid #a8a8a8;
    height: 40px;
    width: 250px;    
    padding: 2px 0 0 10px;
    font-size: 14px;
}
/*2024.01.22 */

/*  2022.06.08 닫기버튼 추가 */
.modal-x {display:inline-block;*display:inline;}
.modal-x::before {
    display: inline-block;
    content: "\00d7"; 
    font-size:30px;
    font-weight: 100;
    color: #fff;
    position: absolute;
    top: -30px;
    right: 10px;
    padding: 0;
    border: 0;
}
/*  2022.06.08 닫기버튼 추가끝 */


.popup_desc {margin: 20px 10px; display: block; text-align: center;}
.buy_confirm {border: 1px solid #34495c; width: 350px;}
.buy_confirm li {border-top: 1px solid #34495c; overflow: hidden;}
.buy_confirm li:first-child {border-top: none;}
.buy_confirm li span {display: inline-block; padding: 5px 10px; height: 40px; font-size: 13px; line-height: 30px; float: left;  box-sizing: border-box; }
.buy_confirm li span.tit {width:30%; border-right: 1px solid #34495c; }
.buy_confirm li span.txt {width:70%; text-align: left;}
.font_p {color: #FF1418; font-size: 18px; font-weight: 600;}/*2021.12.17 수정끝*/


/*2024.01.22 */
.modal_btn .m_btn1 {
    display: block;
    width: 60%;
    height: 40px;
    background: #234d9c;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    font-weight: 700;
    border-radius: 2px;
    margin: 10px auto;
}

.modal_btn .m_btn1:hover {
    text-decoration: none;
    background: #003fff;
    color: #fff;
}

.modal_btn .m_btn.back {
    background: #b5b5b5;
    color: #606060;
}

.modal_btn .m_btn.back:hover {
    background: #949494;
    color: #fff;
}

.color_r {
    background: #c10a0a;
}
.color_g {
    background: #0fa623;
}

select.m_select {
	width: 95%;
    height: 32px; 
	line-height: 40px;
	border:none; 
    box-shadow: none; 
    font-size: 14px;
    background: url("../img/ico_open.png") no-repeat 100% center #fff;; 
}
select::-ms-expand { display:none; }

.select_box {
    box-sizing: border-box;
    text-align: left;
    border: 1px solid #a8a8a8;
	width: 250px;
	height: 40px; 
    margin-top: 20px;
    padding: 2px 0 0 10px;
    font-size: 16px;
    display: inline-block;
}

.select_box:hover {
	border: 1px solid #8F9BE0;
}

.select_box:after {
    content:''; 
    display: block; 
    width:30px; 
    height: 30px; 
    position: absolute; 
    top:0; 
    right: 0;  
    pointer-events: none;
}
.modal-x {
    display: inline-block;
}
.modal-x::before {
    display: inline-block;
    content: "\00d7";
    font-size: 30px;
    font-weight: 100;
    color: #fff;
    position: absolute;
    top: -30px;
    right: 10px;
    padding: 0;
    border: 0;
}
.account_info {
    padding-bottom: 20px;
}
.popup_box em {
    font-style: normal;
    font-size: 12px;
    line-height: 18px;
}
.btn_del {
    width: 70px;
    border: 0;
}
.btn_del:hover {
    background: #0155c3;
    color: #FFFFFF;
}
.modal_account {

}
/*2024.01.22 e */