@charset "euc-kr";
/* CSS Document basic*/
.bgimg { background-image: url(/skin/v1.0/image/first/bg_img.png); min-height: 100%; background-position: center; background-size: cover;}
/*first*/
.main1{width:50%;}
.main2{position: absolute; top: 20px; right: 30px;
    width: 300px;
    height: 440px;}
.main_theme{font-size: 22px; color: #fff;letter-spacing: -1px;line-height: 1.38;
    display: inline-block;
    float: left;
    margin-top: 80px;}

.login_btn {
border-radius: 5px;
    height: 34px;
    width: 200px;
    background: #2f2725;
    font-size: 16px;
    color: #fff;
}

.notice_left{float: left; width:700px;}
.notice_right{float: right; width:470px;}

.mainBgr{
	background-image: url(/skin/v1.0/image/first/bg_img.jpg);
    height: 500px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;}

.mainBgr p span{font-family: 'gmarketSans'; display: block}
.mainBgr p .bigTxt{font-weight: 600;font-size: 65px;}
.mainBgr p .smallTxt{font-weight: 400;font-size: 35px;}

.mainBgr .mainBgr_table{float: right;width: 350px;text-align: center;border-spacing: 0px;}
.mainBgr .mainBgr_table tr th{
    font-weight: 600;
    font-size: 20px;
    background: #c9bc9cad;
    border-bottom: 1px solid #c1b79d;}
.mainBgr .mainBgr_table tr th a {cursor: pointer;display: inline-block;width: 100%;height: 100%;}
.mainBgr .mainBgr_table tr th p {color: #fff;font-family: 'gmarketSans'; font-weight: 400}
.mainBgr .mainBgr_table tr th div{display: inline-block;height: 100%;}
.mainBgr .mainBgr_table tr th div img{width:50px;margin-top:25px;}

.loginContainer{    
	height: 100px;
    line-height: 100px;
	background: #e5e5e5;
}

input[type="checkbox"] {margin-right: 3px;
    margin-bottom: 2px;
}

.quick ul {
    background-color: rgba(255, 255, 255, 0.54);
    text-align: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    /*width: 470px;*/
	width: 550px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}
.quick ul:hover, .quick ul:active{ background-color:#f7f7f7;}
.quick ul li {
    display: inline-block;
    padding: 16px 5px;
    padding-bottom: 7px;
    line-height: 200%;
    font-weight: bold;
    vertical-align: middle;
	width: 117px;
}
.bottom_padding {
    padding-bottom: 40px;
}

header {
    overflow: hidden;

}

/*
header .wrappage {
    padding: 18px;
}
*/

#tab_bid{border: 1px solid #dadada;margin-top: 40px;width: 100%;}
#tab_notice {width: 100%;background: #fff;border: 1px solid #dadada;margin-top: 40px;
    box-sizing: border-box;}

.tab_select {
    background: #f5f5f5;
    border-width: 0 0 1px 0;
    display: block;
    margin: 0 0 0.7em;
    overflow: hidden;
	border-bottom: 1px solid #dadada;
}

.contactContainer{    
	width: 100%;
    height: 190px;
    display: inline-block;
    margin-top: 20px;
    border: 1px solid #dadada;
    box-sizing: border-box;
}

.contactContainer > img{width: 90px;margin-top: 43px;margin-left: 35px;display: inline-block;}

.contactTxt{display: inline-block;
    width: 310px;
    height: 100%;
    float: right;}

.contactTxt p{font-size: 14px;
    margin-top: 3px;
    font-weight: bold;}

.bottomContainer{height: 300px;
    background: #f5f7fa;
    margin-top: 30px;
    overflow: hidden;
    margin-bottom: 60px;

    text-align: center;
}
.bottomContainer .bottomBox{width:26%;height:100%;box-sizing: border-box;display: inline-block;}
.bottomContainer .bottomBox ul li{    
	float: left;
    width: 100%;
    border-bottom: 1px solid #dadada;
    height: 60px;
    padding-left: 20px;
    box-sizing: border-box;
    padding-right: 10px;}
.bottomContainer .bottomBox ul li a{cursor: pointer}
.bottomContainer .bottomBox ul li:last-child{border: none;}

.bottomContainer .bottomBox ul{overflow: hidden;margin-top: 25px;background: #fff;box-sizing: border-box;border-radius: 5px;border: 1px solid #dadada;}
.bottomContainer .bottomBox .firstBox li a{display: inline-block;width:100%;cursor: pointer;
    height: 100%;}
.bottomContainer .firstBox li a span{float: left;font-size: 16px;font-weight: bold;line-height: 60px;}
.bottomContainer .firstBox li a img{float: right;margin-top: 15px;width: 20px;}
.bottomContainer .secondBox ul li a{width:100%;height: 100%; display: inline-block;}
.bottomContainer .secondBox ul li a img{width:50px;margin-top: 10px;}
.bottomContainer .secondBox ul li a span{display: inline-block;font-size: 13px; color: #666}
.bottomContainer .secondBox ul li a span:first-child{font-size:16px; font-weight: bold;}
.thirdBox{overflow: hidden;
    height: 242px;
    margin-top: 25px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 5px;
    padding-left: 20px;
	text-align: left;
    border: 1px solid #dadada;}
.thirdBox select{        
	width: 250px;
    margin-top: 5px;
    height: 30px;
    border: 1px solid #dadada;
    border-radius: 5px;
    text-align: left;}
.tab_select > li {
float: left;
    margin: 0 0 -1px 0;
    width: 120px;
    text-align: center;
    height: 40px;
    border-right: 1px solid #dadada;
}

.tab_select > li:last-child {
    background-image: none;
}

.tab_select > li a {
    border-color: #dadada;
    border-bottom-color: transparent;
    color: #999999;
	font-weight: 600;
    width: 100%;
    height: 100%;
	line-height: 40px;
    font-size: 15px;
}

.tc-selected li {
    padding-left: 10px;
    font-size: 14.5px;
}



.tc-selected li {
    padding-left: 10px;
    margin: 0 0 0.34em;
    font-size: 14.5px;
    margin-bottom: 12px;
    height: 30px; 
    line-height: 30px;
}
.tc-selected li a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    color: #000;
    height: 30px;
    line-height: 30px;
    float: left;
}

.more { position: absolute; top: 0px; right: 10px; font-size: 15px;}
.join {width: 150px;
    /* padding: 15px 0; */
	font-size: 16px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    background: #2f2725;
}

.logout{margin-bottom: 35px;}

.infoChange_btn{position: absolute; top:78px;right: 0;}
.infoChange_btn img{vertical-align: middle; padding-right: 3px;}
.loginForm .id,.loginForm .pw {
    width: 200px;
    /* padding: 15px 0; */
    color: #000;
    border: 0.3px solid rgba(224, 224, 224, 0.84);
    padding-left: 10px;
    height: 35px;
    box-sizing: border-box;
    border-radius: 5px;}


.info_wrap,.info_bg{width:304px;}
.info_bg{height: 117px; margin-bottom: 30px;}
.info_wrap{font-weight: normal; font-size: 14px; color:#fff; top:3px; left:10px; line-height: 2.0;}


.info_second img{vertical-align: middle;width: 25px;margin-bottom: 2px;}


.info_third span{display: block; line-height: 1.1;}

.consultation, .accountNumber{    
	width: 100%;
    text-align: center;
    background: #fff;
    color: #000;
    border-radius: 5px;
    margin-top: 50px;}
.consultation img{float: left;margin-left: 40px;margin-top: 15px;}
.accountNumber{margin-top: 15px;padding-top: 10px;float: left;}
.consultation div{float: left;margin-top: 12px;margin-left: 10px;text-align: left;}
.consultation .info_second{font-size: 18px;text-align: left;line-height: 1;}
.consultation .info_first{font-size:26px; font-weight: bold; line-height: 1.3;display: block;color:#f16600}
.accountNumber .info_first{font-size:22px; font-weight: bold; line-height: 1.3;}
.accountNumber .info_second{font-weight: 500;font-size: 18px;display: block;}
.consultation .info_third{float: left;width: 100%;margin-bottom: 10px;color: #999999}
.accountNumber .info_third{float: left;width: 100%;font-size: 14px;color: #999999;margin-bottom: 10px;}