@CHARSET "UTF-8";

/*** Base ***/

body{}

body, div, p, ol, ul, li, img, a, h1, h2, h3, h4, h5, h6, h7, h8, h9, form, span, iframe, dl, dt, dd, input, textarea{
	font-family: "Malgun Gothic", 돋움, Dotum, AppleGothic, Arial, Helvetica, 굴림, sans-serif;
	font-size:12px;
	color:#000000;
	margin:0;
	padding:0;
	word-break:break-all;
	
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
}



a{
	text-decoration:none;
	/*outline:none;
	selector-dummy: expression(this.hideFocus=true);*/
}
a:hover{
	color:#e51837;
	font-weight:bold;
}
a:focus {
	outline:#bbb 1px dotted;
}

#wrap{
	min-width:1080px;
}

/*** header (top) ***/

#head_wrap{
	height:80px;
	background:#ffffff;
	border-bottom:3px solid #f57c1f;
}

#header{
	width:1080px;
	margin:0 auto;
	height:80px;
	max-height:80px !important;
	position:relative;
	margin-bottom:5px;
}

.toplogin{ 
	position:absolute;
	right:0;
	margin:4px 0 0 0;
	padding:0;
	list-style:none;
}
.toplogin:after{
	clear:both;
	content:"";
}
.toplogin .on{ 
	display:inline-block;
}
.toplogin .off{ 
	display:none;
}
.toplogin li{
	float:left;
	cursor:pointer;
	background:url(images/user_main_top2.png) no-repeat;
}
.toplogin li a{
	display:block;
	width:100%;
	height:100%;
	text-indent: -9999px;
}
.toplogin li.join{ 
	width:33px;
	height:15px;
	margin-top:1px;
	background-position: 0px -68px;
}
.toplogin li.join:hover{ 
	background-position: 0px -96px;
}
.toplogin li.login{ 
	width:46px;
	height:15px;
	margin-top:1px;
	background-position: -33px -68px;
}
.toplogin li.login:hover{ 
	background-position: -33px -96px;
}
.toplogin li.map{ 
	width:59px;
	height:15px;
	margin-top:1px;
	background-position: -78px -68px;
}
.toplogin li.map:hover{ 
	background-position: -78px -96px;
}
.toplogin li.logout{ 
	width:58px;
	height:15px;
	margin-top:1px;
	background-position: -131px -68px;
}
.toplogin li.logout:hover{ 
	background-position: -131px -96px;
}
.toplogin li.uinfo{ 
	background:none;
	font-size:11px;
	color:#555555;
	font-weight:bold;
	padding:0 5px 0 0;
	line-height:15px;
	cursor:auto;
}
.toplogin li.uinfo a{ 
	font-size:11px;
	color:#555555;
	font-weight:bold;
	text-indent:0;
	margin-top:-1px;
}
.toplogin li.uinfo a:hover{ 
	color:#7988cb;
	font-weight:bold;
}
.toplogin li.lang{
	font-size:0;
	background:none;
}
.toplogin li.lang .langs{
	font-size:11px;
	color:#999;
	border:1px solid #ccc;
}

.mainmenu{ 
	margin:5px 0 0 10px;
	padding:11px 0 0 0;
	list-style:none;
}
.mainmenu:after{
	clear:both;
	content:"";
}
.mainmenu li{
	float:left;
	cursor:pointer;
	background:url(images/user_main_top2.png) no-repeat;
}
.mainmenu li a{
	display:block;
	width:100%;
	height:100%;
	text-indent: -9999px;
	font-size: 14px;
	font-weight: bold;
}
.mainmenu li.logo{	
	width:130px;
	height:55px;
	margin:0 145px 0 35px;
	background-position: 0px 0px;
}
.mainmenu li.logo:hover{ 
	background-position: 0px 0px;
}
.mainmenu.login li.logo{ 
	width:130px;
	height:55px;
	margin:0 80px 0 35px;
	background-position: 0px 0px;
}
.mainmenu.login li.logo:hover{ 
	background-position: 0px 0px;
}
.mainmenu li.menu1{ 
	width:218px;
	height:35px;
	background-position: 0px -180px;
	margin-top:20px;
}
.mainmenu li.menu1.on,
.mainmenu li.menu1:hover{ 
	background-position: 0px -219px;
}
.mainmenu li.menu2{ 
	width:177px;
	height:35px;
	background-position: -219px -180px;
	margin-top:20px;
}
.mainmenu li.menu2.on,
.mainmenu li.menu2:hover{ 
	background-position: -219px -219px;
}
.mainmenu li.menu3{ 
	width:190px;
	height:35px;
	background-position: -395px -180px;
	margin-top:20px;
}
.mainmenu li.menu3.on,
.mainmenu li.menu3:hover{ 
	background-position: -395px -219px;
}
.mainmenu li.menu4{ 
	width:191px;
	height:35px;
	background-position: -585px -180px;
	margin-top:20px;
	display:none;
}
.mainmenu.login li.menu4{ 
	display:inline-block;
}
.mainmenu li.menu4.on,
.mainmenu li.menu4:hover{ 
	background-position: -585px -219px;
}


#sub_wrap{
	top:-10px;
	/*margin-top:-10px;*/
	/*background:#ffffff;*/
	/* background:url(images/user_main_top1.png); */
	/* border-bottom:2px solid #e51837; */
	z-index:49;
	display:block;
	position:relative;
	overflow:hidden;
}
#sub_wrap.off{
	display:none;
}
#sub_wrap:after{
	clear:both;
	content:"";
}
#submenu{
	width:1080px;
	margin:0 auto;
	margin-bottom:5px;
	overflow:hidden;
}
#submenu:after{
	clear:both;
	content:"";
}
#submenu a{
	color:#666;
	cursor:pointer;
	line-height:15px;
}
#submenu a:hover{
	color:#F60;
}
#submenu dl{
	padding:0 0 18px 0;
}
#submenu dt{
	text-indent:-9999px;
	height:1px;
}
#submenu dd{
	text-align: left;
	line-height: 12px;
	margin-bottom: 10px;
}
#submenu dd a{
	position: relative;
	zoom: 1;
	display: inline-block;
	padding-left: 12px;
}
#submenu dd a:hover{
	font-weight:normal;
	background:url(images/user_main_top2.png) 0px -267px;
}
#submenu dd.onhover{
	font-weight:normal;
	color:#F60;
	background:url(images/user_main_top2.png) 0px -267px;
}

#sub_wrap_bean{
	top:-10px;
	/*margin-top:-10px;*/
	background:#ffffff;
	/*background:url(images/user_main_top1.png);*/
	border-bottom:3px solid #e51837;
	z-index:48;
	display:block;
	position:relative;
	overflow:hidden;
}

#sub_wrap2{
	top:-10px;
	/*margin-top:-10px;*/
	/*background:#ffffff;*/
	/* background:url(images/user_main_top1.png); */
	/* border-bottom:2px solid #e51837; */
	z-index:49;
	display:block;
	position:relative;
	overflow:hidden;
}
#sub_wrap2.off{
	display:none;
}
#sub_wrap2:after{
	clear:both;
	content:"";
}
#submenu2{
	width:1080px;
	margin:0 auto;
	margin-bottom:5px;
	overflow:hidden;
}
#submenu2:after{
	clear:both;
	content:"";
}
#submenu2 a{
	color:#666;
	cursor:pointer;
	line-height:15px;
}
#submenu2 a:hover{
	color:#F60;
}
#submenu2 dl{
	padding:0 0 18px 0;
}
#submenu2 dt{
	text-indent:-9999px;
	height:1px;
}
#submenu2 dd{
	text-align: left;
	line-height: 12px;
	margin-bottom: 10px;
}
#submenu2 dd a{
	position: relative;
	zoom: 1;
	display: inline-block;
	padding-left: 12px;
}
#submenu2 dd a:hover{
	font-weight:normal;
	background:url(images/user_main_top2.png) 0px -267px;
}
#submenu2 dd.onhover{
	font-weight:normal;
	color:#F60;
	background:url(images/user_main_top2.png) 0px -267px;
}

#sub_wrap3{
	top:-10px;
	/*margin-top:-10px;*/
	/*background:#ffffff;*/
	/* background:url(images/user_main_top1.png); */
	/* border-bottom:2px solid #e51837; */
	z-index:49;
	display:block;
	position:relative;
	overflow:hidden;
}
#sub_wrap3.off{
	display:none;
}
#sub_wrap3:after{
	clear:both;
	content:"";
}
#submenu3{
	width:1080px;
	margin:0 auto;
	margin-bottom:5px;
	overflow:hidden;
}
#submenu3:after{
	clear:both;
	content:"";
}
#submenu3 a{
	color:#666;
	cursor:pointer;
	line-height:15px;
}
#submenu3 a:hover{
	color:#F60;
}
#submenu3 dl{
	padding:0 0 18px 0;
}
#submenu3 dt{
	text-indent:-9999px;
	height:1px;
}
#submenu3 dd{
	text-align: left;
	line-height: 12px;
	margin-bottom: 10px;
}
#submenu3 dd a{
	position: relative;
	zoom: 1;
	display: inline-block;
	padding-left: 12px;
}
#submenu3 dd a:hover{
	font-weight:normal;
	background:url(images/user_main_top2.png) 0px -267px;
}
#submenu3 dd.onhover{
	font-weight:normal;
	color:#F60;
	background:url(images/user_main_top2.png) 0px -267px;
}

#sub_wrap4{
	top:-10px;
	/*margin-top:-10px;*/
	/*background:#ffffff;*/
	/* background:url(images/user_main_top1.png); */
	/* border-bottom:2px solid #e51837; */
	z-index:49;
	display:block;
	position:relative;
	overflow:hidden;
}
#sub_wrap4.off{
	display:none;
}
#sub_wrap4:after{
	clear:both;
	content:"";
}
#submenu4{
	width:1080px;
	margin:0 auto;
	margin-bottom:5px;
	overflow:hidden;
}
#submenu4:after{
	clear:both;
	content:"";
}
#submenu4 a{
	color:#666;
	cursor:pointer;
	line-height:15px;
}
#submenu4 a:hover{
	color:#F60;
}
#submenu4 dl{
	padding:0 0 18px 0;
}
#submenu4 dt{
	text-indent:-9999px;
	height:1px;
}
#submenu4 dd{
	text-align: left;
	line-height: 12px;
	margin-bottom: 10px;
}
#submenu4 dd a{
	position: relative;
	zoom: 1;
	display: inline-block;
	padding-left: 12px;
}
#submenu4 dd a:hover{
	font-weight:normal;
	background:url(images/user_main_top2.png) 0px -267px;
}
#submenu4 dd.onhover{
	font-weight:normal;
	color:#F60;
	background:url(images/user_main_top2.png) 0px -267px;
}

.mainmenu1{ 
	padding:0;
	list-style:none;
	float:left;
	width:222px;
}
.mainmenu1:after{
	clear:both;
	content:"";
}
.mainmenu2{ 
	padding:0;
	list-style:none;
	float:left;
	width:175px;
}
.mainmenu3{ 
	padding:0;
	list-style:none;
	float:left;
	width:187px;
}
.mainmenu3:after{
	clear:both;
	content:"";
}
.mainmenu4{ 
	padding:0;
	list-style:none;
	float:left;
	width:125px;
}
.mainmenu4:after{
	clear:both;
	content:"";
}
#sub_wrap.off{
	display:none;
}
#sub_wrap.on{
	display:block;
}
#sub_wrap #submenu .mainmenu1{
	margin-left:340px;
}
#sub_wrap2.off{
	display:none;
}
#sub_wrap2.on{
	display:block;
}
#sub_wrap2 #submenu2 .mainmenu2{
	margin-left:340px;
}
#sub_wrap3.off{
	display:none;
}
#sub_wrap3.on{
	display:block;
}
#sub_wrap3 #submenu3 .mainmenu3{
	margin-left:340px;
}
/*#sub_wrap #submenu .mainmenu2 .loginmenu2_1{
	display:none;
}
#sub_wrap #submenu .mainmenu2 .loginmenu2_2{
	display:none;
}
#sub_wrap #submenu .mainmenu4{
	display:none;
}*/
#sub_wrap.login #submenu .mainmenu1{
	margin-left:275px;
}
/*#sub_wrap.login #submenu .mainmenu2 .loginmenu2_1{
	display:block;
}
#sub_wrap.login #submenu .mainmenu2 .loginmenu2_2{
	display:block;
}
#sub_wrap.login #submenu .mainmenu4{
	display:inline-block;
}*/
#sub_wrap #submenu .on {
	display:inline-block;
}
#sub_wrap #submenu .off {
	display:none;
}
#sub_wrap2 #submenu2 .on {
	display:inline-block;
}
#sub_wrap2 #submenu2 .off {
	display:none;
}
#sub_wrap3 #submenu3 .on {
	display:inline-block;
}
#sub_wrap3 #submenu3 .off {
	display:none;
}
#sub_wrap4 #submenu4 .on {
	display:inline-block;
}
#sub_wrap4 #submenu4 .off {
	display:none;
}
#sub_wrap_bean #submenuBean .on {
	display:inline-block;
}
#sub_wrap_bean #submenuBean .off {
	display:none;
}

/*** layoutbox (left, contents) ***/
#container{
	width:100%;
}


/*** main contents ***/
#maincon{ 
	width:1080px;
	height:440px;
	position:relative;
	margin:0 auto;
	text-align:center;
	z-index:20;
}
#maincon h1{	
	display:block;
	width:1080px;
	height:440px;
	background:url(images/user_main_con.png) no-repeat 275px -580px;
	text-indent:-9999px;
	font-size:0;
}
.mainbtns{
	list-style:none;
	width:1080px;
	position:absolute;
	bottom:60px;
	left:0px;
}
.mainbtns:after{
	clear:both;
	content:"";
}
.mainbtns li{
	float:left;
	cursor:pointer;
	background:url(images/user_main_con.png) no-repeat;
	margin-right:10px;
}
.mainbtns li a{
	display:block;
	width:100%;
	height:100%;
	text-indent: -9999px;
}
.mainbtns li.mainbtn1{ 
	width:255px;
	height:245px;
	background-position: -1px 3px;
	margin-left:10px;
}
.mainbtns li.mainbtn1:hover{ 
	background-position: -1px -250px;
}
.mainbtns li.mainbtn1.onhover{ 
	background-position: -1px -250px;
}
.mainbtns li.mainbtn2{ 
	width:255px;
	height:245px;
	background-position: -260px 3px;
}
.mainbtns li.mainbtn2:hover{ 
	background-position: -260px -250px;
}
.mainbtns li.mainbtn2.onhover{ 
	background-position: -260px -250px;
}
.mainbtns li.mainbtn3{ 
	width:255px;
	height:245px;
	background-position: -521px 3px;
}
.mainbtns li.mainbtn3:hover{ 
	background-position: -521px -250px;
}
.mainbtns li.mainbtn3.onhover{ 
	background-position: -521px -250px;
}
.mainbtns li.mainbtn4{ 
	width:255px;
	height:245px;
	background-position: -781px 3px;
}
.mainbtns li.mainbtn4:hover{ 
	background-position: -781px -250px;
}
.mainbtns li.mainbtn4.onhover{ 
	background-position: -781px -250px;
}

#maincon2_wrap{
	height:165px;
	background:url(images/user_main_bcon2.png) repeat-x;
}
#maincon2{ 
	width:1080px;
	margin:0 auto;
	position:relative;
}
.mainnoti{
	position:absolute;
	top:15px;
	left:5px;
	width:430px;
	display:inline-block;
}
.mainnoti .noti1 {
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
.notitit{
	height:35px;
	list-style:none;
	background:url(images/user_main_bcon1.png) no-repeat 0px -106px;
}
.notitit:after{
	clear:both;
	content:"";
}
.notitit dt a{
	position:absolute;
	text-indent: 0;
	font-size:0;
	background:url(images/user_main_bcon1.png) no-repeat;
	cursor:pointer;
}
.notitit dt.tit1{ 
	width:70px;
}
.notitit dt.tit1 a{ 
	width:70px;
	height:25px;
	background-position: 0px 0px;
	top:0;
	left:0;
	z-index:31;
}
.notitit dt.tit1 a.on,
.notitit dt.tit1 a.onhover, 
.notitit dt.tit1 a:focus, 
.notitit dt.tit1 a:hover{ 
	background-position: 0px -25px;
}
.notitit dt.tit2{ 
	width:70px;
}
.notitit dt.tit2 a{ 
	width:70px;
	height:25px;
	background-position: -70px 0px;
	top:0;
	left:70px;
	z-index:29;
}
.notitit dt.tit2 a.on,
.notitit dt.tit2 a.onhover,  
.notitit dt.tit2 a:focus, 
.notitit dt.tit2 a:hover{ 
	background-position: -70px -25px;
}
.notitit dd {
	position:absolute;
	top:25px;
	left:0;
}
.notitit .d_none {
	display:none;
}
.notitit .d_block {
	display:block;
}

.notitit dd.more {
	z-index:30;
}
.notitit dd.more a{ 
	width:20px;
	height:25px;
	background:url(images/user_main_bcon1.png) no-repeat;
	background-position: 6px -55px;
	position:absolute;
	font-size:0;
	text-indent:0;
	top:-25px;
	left:410px;
}
.notitit dd.more a.on,
.notitit dd.more a.onhover,  
.notitit dd.more a:focus, 
.notitit dd.more a:hover{ 
	background-position: -75px -55px;
}
.notilist{
	width:430px;
	list-style:none;
	position:absolute;
	top:18px;
	left:0;
}
.notilist:after{
	clear:both;
	content:"";
}
.notilist li{	
	background:url(images/user_main_bcon1.png) 2px -150px no-repeat;
	height:19px;
	line-height:15px;
}
.notilist li a{
	font-weight:bold;
	color:#ffffff;
	position: relative;
	zoom: 1;
	display: inline-block;
	padding-left:13px;
	line-height:15px;
}
.notilist li a.onhover, 
.notilist li a:focus, 
.notilist li a:hover{
	color:#ffa13d;
}
.notilist li .txt{
	font-size:11px;
	color:#999999;
	line-height:15px;
}
.notilist li .date{
	font-size:11px;
	color:#999999;
	float:right;
	line-height:16px;
}
.notilist li .dday{
	width:35px;
	text-align:center;
	background:url(images/user_main_bcon1.png) 0px -182px no-repeat;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	margin-right:5px;
	float:right;
	line-height:16px;
}

li .dday{
	width:35px;
	text-align:center;
	background:url(images/user_main_bcon1.png) 0px -182px no-repeat;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	margin-right:5px;
	float:right;
	line-height:16px;
}

li .ddayEnd{
	width:35px;
	text-align:center;
	background:#616161;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	margin-right:5px;
	float:right;
	line-height:16px;
}


.mainbtns2{
	position:absolute;
	list-style:none;
	float:right;
	top:15px;
	right:0px;
}

.mainbtns2:after{
	clear:both;
	content:"";
}
.mainbtns2 li{
	float:left;
	cursor:pointer;
	background:url(images/user_main_bcon1.png) no-repeat;
	margin-right:20px;
}
.mainbtns2 li a{
	display:block;
	width:100%;
	height:100%;
	text-indent: -9999px;
}
.mainbtns2 li.btn_db{ 
	width:265px;
	height:125px;
	background-position: -480px 0px;
	margin-left:25px;
	font-size:0;
	text-indent:-9999px;
}
.mainbtns2 li.btn_db:hover{ 
	background-position: -480px 0px;
}
.mainbtns2 li.btn_db.onhover{ 
	background-position: -480px 0px;
}
.mainbtns2 li.btn_hi{ 
	width:255px;
	height:125px;
	background-position: -480px -170px;
	margin-left:30px;
	font-size:0;
	text-indent:-9999px;
}
.mainbtns2 li.btn_hi:hover{ 
	background-position: -480px -170px;
}
.mainbtns2 li.btn_hi.onhover{ 
	background-position: -480px -170px;
}

/*** footer ***/
#footer{
	width:1080px;
	height:45px;
	margin:0 auto;
	border-top: 1px solid #eeeeee;
	position:relative;
}
.copyright{
	background:url(images/user_main_footer.png) no-repeat 0px 0px;
	width:93px;
	height:30px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:26px;
	left:5px;
}

.copyright2{
	display:block;
	position:absolute;
	top:20px;
	left:100px;
	width:390px;
	height:30px;
	color:#949494;
}
.banner_wa{
	display:block;
	position:absolute;
	top:5px;
	right:10px;
	width:78px;
	height:55px;
}
.banner_wa a{
	display:inline-block;
	width:78px;
	height:55px;
}
.banner_wa img{
	border:0;
}
.f_btns{ 
	padding:0;
	list-style:none;
	display:block;
	position:absolute;
	top:25px;
	right:98px;
}
.f_btns:after{
	clear:both;
	content:"";
}
.f_btns li{
	float:left;
	cursor:pointer;
	background:url(images/user_main_footer.png) no-repeat;
}
.f_btns li a{
	display:block;
	width:100%;
	height:100%;
	text-indent: -9999px;
}
.f_btns li.bottombtn1{ 
	width:87px;
	height:14px;
	background-position: 0px -81px;
}
.f_btns li.bottombtn1:hover{ 
	background-position: 0px -81px;
}
.f_btns li.bottombtn1.onhover{ 
	background-position: 0px -81px;
}
.f_btns li.bottombtn2{ 
	width:99px;
	height:14px;
	background-position: -87px -58px;
}
.f_btns li.bottombtn2:hover{ 
	background-position: -87px -81px;
}
.f_btns li.bottombtn2.onhover{ 
	background-position: -87px -81px;
}
.f_btns li.bottombtn3{ 
	width:79px;
	height:14px;
	background-position: -184px -58px;
}
.f_btns li.bottombtn3:hover{ 
	background-position: -184px -81px;
}
.f_btns li.bottombtn3.onhover{ 
	background-position: -184px -81px;
}
.f_btns li.bottombtn4{ 
	width:61px;
	height:14px;
	background-position: -265px -58px;
	position:relative;
}
.f_btns li.bottombtn4:hover{ 
	background-position: -265px -81px;
}
.f_btns li.bottombtn4.onhover{ 
	background-position: -265px -81px;
}
.f_fsite {
	position:absolute;
	/* top:-82px; */
	top:-80px;
	right:-1px;
	/* width:95px; */
	width:100px;
	border:1px solid #ccc;
	background:#ffffff;
	padding:12px 0;
}
.f_fsite dd{
	display:block;
	background:none;
	margin:0 12px;
}
.f_fsite a {
	color:#777;
	font-size:11px;
	line-height:18px;
	text-indent:0 !important;
	letter-spacing:-0.1em;
}
.f_fsite a.onhover,
.f_fsite a:focus,
.f_fsite a:hover {
	color:#e51837;
	font-weight:bold;
}
.f_fsite .blankpop {
	width:10px;
	height:10px;
	background:url(images/user_main_footer.png) no-repeat 0 -112px;
	font-size:0;
	text-indent:-9999px;
	display:inline-block;
	vertical-align:middle;
}



/** login **/
#login_wrap{
	background:url(images/login_bg.gif) no-repeat;
	width:538px;
	height:294px;
	margin:200px auto;
	position:relative;
}
#login_wrap.user{
	background:url(images/login_bg2.gif) no-repeat;
	width:538px;
	height:458px;
	margin:50px auto;
	position:relative;
}
#login_wrap .loginid{
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}
#login_wrap .loginpass{
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}
#login_wrap .idinput{
	top:130px;
	left:260px;
	position:absolute;
	
	overflow:hidden;
	padding:0px 6px !important;
	margin:0 2px 0 2px !important;
	line-height:20px;
	height:23px;
	width:165px;
	border: 1px solid #ffffff;
	vertical-align:middle;
	font-family: "Malgun Gothic", 돋움, Helvetica, 굴림, sans-serif;
	font-size: 12px;
  	color: #000000;
  	
  	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#login_wrap.user .idinput{
	top:83px;
	left:260px;
	position:absolute;
}
#login_wrap .idinput.af-hover{
	border: 1px solid #ff9416;
	background: #ffffff;
}
#login_wrap .idinput:focus{
	border: 1px solid #ff9416;
	background: #ffffff;
}
#login_wrap .pwinput{
	top:165px;
	left:260px;
	position:absolute;
	
	overflow:hidden;
	padding:0px 6px !important;
	margin:0 2px 0 2px !important;
	line-height:20px;
	height:23px;
	width:165px;
	vertical-align:middle;
	font-family: "Malgun Gothic", 돋움, Helvetica, 굴림, sans-serif;
	border: 1px solid #ffffff;
	font-size: 12px;
  	color: #000000;
  	
  	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#login_wrap.user .pwinput{
	top:118px;
	left:260px;
	position:absolute;
}
#login_wrap .pwinput.af-hover{
	border: 1px solid #ff9416;
	background: #ffffff;
}
#login_wrap .pwinput:focus{
	border: 1px solid #ff9416;
	background: #ffffff;
}
#login_wrap .btn_login{
	top:124px;
	left:440px;
	position:absolute;
	
	width:75px;
	height:70px;
	background:url(images/login_btn.gif) no-repeat 2px 2px;
	padding:0px;
	border:0px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	margin:0;
	cursor:pointer;
}
#login_wrap.user .btn_login{
	top:78px;
	left:440px;
	position:absolute;
}
#login_wrap .btn_login.af-hover{
	background:url(images/login_btn_over.gif) no-repeat 2px 2px;
}
#login_wrap .btn_login.af-pressed{
	background:url(images/login_btn.gif) no-repeat 2px 2px;
	border:0px none;
}

#login_wrap .btn_box{
	top:205px;
	left:166px;
	position:absolute;
}
#login_wrap.user .btn_box{
	top:155px;
	left:166px;
	position:absolute;
}
#login_wrap .btn_box .btn_pack,
#login_wrap .btn_box .btn_pack *{
	display:inline-block;
	overflow:visible;
	position:relative;
	margin:0;
	padding:0;
	border:0;
	background:url('images/btn_pack.png') no-repeat;
	font-family: "Malgun Gothic", 돋움, Dotum, AppleGothic, Arial, Helvetica, 굴림, sans-serif;
	color:#666;
	font-weight:bold;
	text-decoration:none !important;
	vertical-align:top;
	white-space:nowrap;
	margin-right:3px;
	left:4px;
	cursor:pointer;
	_cursor:hand;
}
#login_wrap .btn_box .btn_pack.small,
#login_wrap .btn_box .btn_pack.small *{
	height:24px;
	line-height:24px;
}
#login_wrap .btn_box .btn_pack.small{
	background-position:left 0;
}
#login_wrap .btn_box .btn_pack.small *{
	padding:0 10px 0 6px; !important;
	background-position:right top;
	font-size:11px;
	color:#888;
}
#login_wrap .btn_box .btn_pack *:hover,
#login_wrap .btn_box .btn_pack *:active,
#login_wrap .btn_box .btn_pack *:focus{
	color:#555;
}

#login_wrap .txt_box{
	top:245px;
	width:100%;
	position:absolute;
	border:1px solid #ccc;
	padding:10px 0;
  	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:none;
}
#login_wrap .txt_box p{	
	color:#666;
	margin:10px 15px;
	line-height:15px;
}

/** main **/
#mainwrap{
	width:1000px !important;
	margin:0 auto;
	padding:10px 0;
}
.main_tbox{
	width:1000px;
	height:105px;
	background:url(images/bg_admin_main_bgbox.png) 0px -450px no-repeat;
	padding: 5px;
	margin:10px 0 25px 0;
	position:relative;
}
.main_login{
	margin:20px 0 20px 5px;
	width:230px;
	height:60px;
	float:left;
	display:inline-block;
	text-align:center;
}
.main_login .infotext1{
	font-weight:bold;
	font-size:11px;
	color:#666;
	position:relative;
	top:3px;	
}
.main_login .infotext2{
	font-size:11px;
	color:#666;
	position:relative;
	top:3px;
}
.main_login .btn_logout{
	width:48px;
	height:17px;
	background:url(images/btn_logout.png) no-repeat -53px 0px;
	padding:0px;
	border:0px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	margin:0;
	cursor:pointer;
}
.main_login .btn_logout.af-hover{
	background:url(images/btn_logout.png) no-repeat;
}
.main_login .btn_logout.af-pressed{
	background:url(images/btn_logout.png) no-repeat;
}
.main_btn_txt{
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color:#999;
	position:absolute;
	top:50px;
	left:349px;
	width:70px;
	z-index:1;
}
.main_btn_txt .num{
	font-size:11px;
	color:#333;
}
.main_btns{
	margin:7px 15px;
	float:right;
	display:inline-block;
}
.main_btns .btn_main1{
	width:178px;
	height:76px;
	border:0;
	background:url(images/bg_admin_main_bgbtn.png) 0px 0px no-repeat;
	font-size:12px;
	color:#fff;
	line-height:0;
	margin:0;
	cursor:pointer;
	position:relative !important;
	vertical-align:top;
}
.main_btns .btn_main1.af-hover{
	background:url(images/bg_admin_main_bgbtn.png) -207px 0px no-repeat;
}
.main_btns .btn_main1.af-pressed{
	background:url(images/bg_admin_main_bgbtn.png) -207px 0px no-repeat;
}
.main_btns .btn_main2{
	width:178px;
	height:76px;
	background:url(images/bg_admin_main_bgbtn.png) 0px -93px no-repeat;
	padding:0px;
	border:0px;
	text-indent:-9999px;
	font-size:12px;
	line-height:0;
	margin:0;
	cursor:pointer;
}
.main_btns .btn_main2.af-hover{
	background:url(images/bg_admin_main_bgbtn.png) -207px -93px no-repeat;
}
.main_btns .btn_main2.af-pressed{
	background:url(images/bg_admin_main_bgbtn.png) -207px -93px no-repeat;
}
.main_btns .btn_main3{
	width:178px;
	height:76px;
	background:url(images/bg_admin_main_bgbtn.png) 0px -185px no-repeat;
	padding:0px;
	border:0px;
	text-indent:-9999px;
	font-size:12px;
	line-height:0;
	margin:0;
	cursor:pointer;
}
.main_btns .btn_main3.af-hover{
	background:url(images/bg_admin_main_bgbtn.png) -207px -185px no-repeat;
}
.main_btns .btn_main3.af-pressed{
	background:url(images/bg_admin_main_bgbtn.png) -207px -185px no-repeat;
}
.main_btns .btn_main4{
	width:178px;
	height:76px;
	background:url(images/bg_admin_main_bgbtn.png) 0px -278px no-repeat;
	padding:0px;
	border:0px;
	text-indent:-9999px;
	font-size:12px;
	line-height:0;
	margin:0;
	cursor:pointer;
}
.main_btns .btn_main4.af-hover{
	background:url(images/bg_admin_main_bgbtn.png) -207px -278px no-repeat;
}
.main_btns .btn_main4.af-pressed{
	background:url(images/bg_admin_main_bgbtn.png) -207px -278px no-repeat;
}
.main_mbox{
	clear:both;
}
.main_lbox{
	display:inline-block;
	float:left;
	width:355px;
	margin-left:5px;
}
.main_notice{
	padding:20px 0 12px 0;
	border-bottom:1px solid #eee;
}
.main_notice .title{
	height:30px;
	background:url(images/bg_admin_main_bgtxt.png) 0px 0px no-repeat;
}
.main_notice ul.list{
	height:140px;
}
.main_notice ul.list li{	
	background:url(images/bg_admin_main_bgtxt.png) -2px -196px no-repeat;
	height:23px;
	padding-left:14px;
}
.main_notice ul.list li a{
	color:#333333;
}
.main_notice ul.list li a:hover{
	color:#f6770f;
}
.main_notice ul.list li .date{
	font-size:10px;
	color:#999999;
	float:right;
}
.main_qna{
	padding:15px 0 5px 0;
}
.main_qna .title{
	height:32px;
	text-align:right;
	background:url(images/bg_admin_main_bgtxt.png) 0px -40px no-repeat;
}
.main_qna ul.list{
	height:140px;
}
.main_qna ul.list li.icon1{	
	background:url(images/bg_admin_main_bgtxt.png) 0px -231px no-repeat;
	height:27px;
	padding-left:55px;
}
.main_qna ul.list li.icon1 a{
	color:#333333;
	font-weight:bold;
}
.main_qna ul.list li.icon1 a:hover{
	color:#e43030;
}
.main_qna ul.list li.icon2{	
	background:url(images/bg_admin_main_bgtxt.png) 0px -269px no-repeat;
	height:27px;
	padding-left:55px;
}
.main_qna ul.list li.icon2 a{
	color:#333333;
}
.main_qna ul.list li.icon2 a:hover{
	color:#7da137;
}
.main_qna ul.list li .date{
	font-size:10px;
	color:#999999;
	float:right;
}
.main_rbox{
	display:inline-block;
	float:right;
	width:600px;
	height:425px;
	background:url(images/bg_admin_main_bgbox.png) 0px 0px no-repeat;
	margin:0 5px 35px 0;
	padding:19px 27px;
}
.main_recruite1{
	padding:0;
}
.main_recruite1 .title{
	height:32px;
	background:url(images/bg_admin_main_bgtxt.png) 0px -80px no-repeat;
}
.main_recruite1 ul.list{
	min-height:220px;
}
.main_recruite1 ul.list li{
	width:550px;
	height:68px;
	background:url(images/bg_admin_main_bgbox.png) 0px -590px no-repeat;
	padding:12px 20px;
}
.main_recruite1 ul.list li dl{
	display:inline-block;
}
.main_recruite1 ul.list li dl dd .dday{
	color:#fff;
	font-weight:bold;
	padding:0 11px;
	margin-right:5px;
}
.main_recruite1 ul.list li dl dd .txt{
	color:#555;
	margin-right:4px;
}
.main_recruite1 ul.list li dl dd .label{
	color:#999;
	background:url(images/bg_admin_main_bgtxt.png) -5px -170px no-repeat;
	padding-left:9px;
	margin-right:4px;
}
.main_recruite1 ul.list li dl dt{
	margin-top:1px;
}
.main_recruite1 ul.list li dl dt a{
	font-size:15px;
	color:#333;
	font-weight:bold;
}
.main_recruite1 ul.list li dl dt a:hover{
	color:#f6770f;
}
.main_recruite1 ul.list li .numinfo{
	float:right;
	font-size:11px;
	color:#888888;
	width:60px;
	text-align:center;
	line-height:15px;
	margin-top:1px;
}
.main_recruite1 ul.list li .numinfo .num{
	float:right;
	font-size:28px;
	color:#444;
	font-weight:bold;
	width:60px;
	text-align:center;
}
.main_recruite2{
	padding:20px 0 12px 0;
}
.main_recruite2 .title{
	height:30px;
	background:url(images/bg_admin_main_bgtxt.png) 0px -125px no-repeat;
}
.main_recruite2 .title .date{
	color:#fe8729;
	font-size:11px;
	font-weight:bold;
	margin-left:145px;
}
.main_recruite2 .listbox .numbox{
	width:68px;
	height:68px;
	background:url(images/bg_admin_main_bgbox.png) -656px -355px no-repeat;
	padding:19px 5px;
	text-align:center;
	display:inline-block;
	float:left;
	color:#333;
	margin-top:2px;
}
.main_recruite2 .listbox .numbox .num{
	font-size:25px;
	font-weight:bold;
}
.main_recruite2 .listbox ul.list{
	display:inline-block;
	float:right;
	height:70px;
	width:468px;
	margin-right:2px;
}
.main_recruite2 .listbox ul.list li{	
	background:url(images/bg_admin_main_bgtxt.png) -2px -196px no-repeat;
	height:23px;
	padding-left:14px;
}
.main_recruite2 .listbox ul.list li a{
	color:#333333;
}
.main_recruite2 .listbox ul.list li a:hover{
	color:#f6770f;
}
.main_recruite2 .listbox ul.list li .date{
	font-size:10px;
	color:#999999;
	float:right;
}
.title .tit{
	text-indent:-9999px;
	font-size:0;
}
.btnbox{
	float:right;
	padding:3px 0;
}
.main_btn_more{
	width:42px;
	height:15px;
	background:url(images/bg_admin_main_bgbtn.png) 0px -380px no-repeat;
	padding:0px;
	border:0px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	cursor:pointer;
}
.main_btn_more.af-hover{
	background:url(images/bg_admin_main_bgbtn.png) -207px -380px no-repeat;
}
.main_btn_more.af-pressed{
	background:url(images/bg_admin_main_bgbtn.png) -207px -380px no-repeat;
}





/*** sub contents ***/
#contents{
	width:1080px;
	min-height:560px;
	margin:0 auto;
	overflow:auto;
	padding-bottom:30px;
}
#contents:after{
	clear:both;
	content:"";
}
#contents.mainhome{
	width:100%;
	padding-bottom:0;
}
#con_tit{
	width:1080px;
	min-height:100px;
	margin:0 auto;
	overflow:auto;
}
#con_tit:after{
	clear:both;
	content:"";
}
#con_tit h1{
	text-indent:-9999px;
	height:100px;
	width:300px;
	display:inline-block;
	float:left;
}
#con_tit h1.tit_m1_1{
	background:url(images/user_page_tit.png) no-repeat 0px 35px; /*채용절차안내*/
}
#con_tit h1.tit_m1_2{
	background:url(images/user_page_tit.png) no-repeat 0px -85px; /*직무소개*/
}
#con_tit h1.tit_m1_3{
	background:url(images/user_page_tit.png) no-repeat 0px -205px; /*인사제도*/
}
#con_tit h1.tit_m1_4{
	background:url(images/user_page_tit.png) no-repeat 0px -325px; /*채용활동*/
}
#con_tit h1.tit_m1_5{
	background:url(images/user_page_tit.png) no-repeat 0px -2845px; /*지원자도우미*/
}
#con_tit h1.tit_m2_1{
	background:url(images/user_page_tit.png) no-repeat 0px -445px; /*채용소식*/
}
#con_tit h1.tit_m2_2{
	background:url(images/user_page_tit.png) no-repeat 0px -565px; /*전형결과*/
}
#con_tit h1.tit_m2_3{
	background:url(images/user_page_tit.png) no-repeat 0px -685px; /*지원서 수정/전형결과 확인*/
}
#con_tit h1.tit_m2_4{
	background:url(images/user_page_tit.png) no-repeat 0px -805px; /*PT자료 등록*/
}
#con_tit h1.tit_m2_5{
	background:url(images/user_page_tit.png) no-repeat 0px -925px; /*Offer 확인/동의*/
}
#con_tit h1.tit_m2_6{
	background:url(images/user_page_tit.png) no-repeat 0px -1045px; /*건강검진 신청*/
}
#con_tit h1.tit_m2_7{
	background:url(images/user_page_tit.png) no-repeat 0px -2725px; /*회사설명회 참석신청*/
}
#con_tit h1.tit_m2_8{
	background:url(images/user_page_tit.png) no-repeat 0px -3085px; /*입사지원서*/
}
#con_tit h1.tit_m3_1{
	background:url(images/user_page_tit.png) no-repeat 0px -1165px; /*공지사항*/
}
#con_tit h1.tit_m3_2{
	background:url(images/user_page_tit.png) no-repeat 0px -1285px; /*FAQ*/
}
#con_tit h1.tit_m3_3{
	background:url(images/user_page_tit.png) no-repeat 0px -1405px; /*Q&A*/
}
#con_tit h1.tit_m3_4{
	background:url(images/user_page_tit.png) no-repeat 0px -1525px; /*비밀번호 변경*/
}
#con_tit h1.tit_m4_1{
	background:url(images/user_page_tit.png) no-repeat 0px -1645px; /*기록카드 등록*/
}
#con_tit h1.tit_m4_2{
	background:url(images/user_page_tit.png) no-repeat 0px -1765px; /*기록카드 수정*/
}
#con_tit h1.tit_m5_1{
	background:url(images/user_page_tit.png) no-repeat 0px -1885px; /*LOGIN*/
}
#con_tit h1.tit_m5_2{
	background:url(images/user_page_tit.png) no-repeat 0px -2005px; /*ID찾기*/
}
#con_tit h1.tit_m5_3{
	background:url(images/user_page_tit.png) no-repeat 0px -2125px; /*비밀번호 찾기*/
}
#con_tit h1.tit_m5_4{
	background:url(images/user_page_tit.png) no-repeat 0px -2245px; /*회원가입*/
}
#con_tit h1.tit_m5_5{
	background:url(images/user_page_tit.png) no-repeat 0px -2365px; /*개인정보 처리 방침*/
}
#con_tit h1.tit_m5_6{
	background:url(images/user_page_tit.png) no-repeat 0px -2485px; /*이메일 무단 수집 거부*/
}
#con_tit h1.tit_m5_7{
	background:url(images/user_page_tit.png) no-repeat 0px -2605px; /*서비스 이용약관*/
}
#con_tit h1.tit_m5_8{
	background:url(images/user_page_tit.png) no-repeat 0px -2965px; /*SITE MAP*/
}
#con_tit .navi{
	font-size:11px;
	float:right;
	color:#666;
	margin-top:40px;
}
#con_tit .navi a{
	color:#666;
}
#con_tit .navi a:hover{
	color:#f30028;
	font-weight:bold;
}
#con_tit .navi a:focus{
	color:#f30028;
	font-weight:bold;
}
#con_tit .navi a.onhover{
	color:#f30028;
	font-weight:bold;
}



/********* Datepicker ************/
.af-datepicker.af-default {
	background: #f0f0f0;
	background: -ms-linear-gradient(top, #ffffff 10%, #e0e0e0 100%);
	background: -moz-linear-gradient(top, #ffffff 10%, #e0e0e0 100%);
	background: -o-linear-gradient(top, #ffffff 10%, #e0e0e0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #e0e0e0));
	background: -webkit-linear-gradient(top, #ffffff 10%, #e0e0e0 100%);
	background: linear-gradient(to bottom, #ffffff 10%, #e0e0e0 100%);
	
	border-color: #666666;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	box-shadow: 1px 1px 5px #000000;
}
.af-datepicker .af-subHeader-year {
    width: 105px;
    height: 100%;
    float: left;
    margin: 0px !important;
    text-align:center;
}
.af-datepicker .af-subHeader-month {
    width: 90px;
    height: 100%;
    float: left;
    margin: 0px !important;
    text-align:center;
}

.af-datepicker.af-default .af-datepicker-header {
	color: #444;
	border-bottom-color: #cccccc;
}
.af-datepicker.af-default .af-datepicker-header .af-datepicker-control {
	color: #444;
	background-color: transparent;
}
.af-datepicker .af-current-year {
    /* float: left; */
    text-align: center;
    color:#000;
    font-weight: bold;
    line-height:19px;
    padding: 10px 3px !important;
    display:inline-block;
}

.af-datepicker .af-current-month {
    /* float: left; */
    text-align: center;
    color:#000;
    font-weight: bold;
    line-height:19px;
    padding: 10px 3px !important;
    display:inline-block;
}

.af-datepicker .af-current-year-select {
    width: 63px;
    *width: 55px;
    margin-right:0px;
    margin-left:0px;
    display:inline-block;
    line-height:16px;
}
.af-datepicker .af-current-month-select {
    width: 48px;
    *width: 40px;
    margin-right:2px;
    margin-left:2px;
    display:inline-block;
    line-height:16px;
}
.af-datepicker.af-default .af-prev-year .af-datepicker-control,
.af-datepicker.af-default .af-prev-month .af-datepicker-control {
	background:url('images/datepicker_prev_normal.png') no-repeat center center;
}
.af-datepicker.af-default .af-prev-year .af-datepicker-control.af-hover,
.af-datepicker.af-default .af-prev-month .af-datepicker-control.af-hover {
	background:url('images/datepicker_prev_hover.png') no-repeat center center;
}
.af-datepicker.af-default .af-prev-year .af-datepicker-control.af-pressed,
.af-datepicker.af-default .af-prev-month .af-datepicker-control.af-pressed {
	background:url('images/datepicker_prev_pressed.png') no-repeat center center;
}
.af-datepicker.af-default .af-prev-year .af-datepicker-control.af-disabled,
.af-datepicker.af-default .af-prev-month .af-datepicker-control.af-disabled {
	background:url('images/datepicker_btn_prev_disabled.png') no-repeat center center;
	cursor: default;
}
.af-datepicker.af-default .af-next-year .af-datepicker-control,
.af-datepicker.af-default .af-next-month .af-datepicker-control {
	background:url('images/datepicker_next_normal.png') no-repeat center center;
}
.af-datepicker.af-default .af-next-year .af-datepicker-control.af-hover,
.af-datepicker.af-default .af-next-month .af-datepicker-control.af-hover {
	background:url('images/datepicker_next_hover.png') no-repeat center center;
}
.af-datepicker.af-default .af-next-year .af-datepicker-control.af-pressed,
.af-datepicker.af-default .af-next-month .af-datepicker-control.af-pressed {
	background:url('images/datepicker_next_pressed.png') no-repeat center center;
}
.af-datepicker.af-default .af-next-year .af-datepicker-control.af-disabled,
.af-datepicker.af-default .af-next-month .af-datepicker-control.af-disabled {
	background:url('images/datepicker_btn_next_disabled.png') no-repeat center center;
	cursor: default;
}
.af-datepicker.af-default .af-btn-close .af-datepicker-control {
	background:url('images/datepicker_close_normal.png') no-repeat center center;
}
.af-datepicker.af-default .af-btn-close .af-datepicker-control.af-hover {
	background:url('images/datepicker_close_hover.png') no-repeat center center;
}
.af-datepicker.af-default .af-btn-close .af-datepicker-control.af-pressed {
	background:url('images/datepicker_close_pressed.png') no-repeat center center;
}
.af-datepicker.af-default .af-datepicker-tableCell{
	border-color: #999999;
	background-color: #ffffff;
}
.af-datepicker.af-default .af-datepicker-day,
.af-datepicker.af-default .af-datepicker-month
 {
	color: #000000;
	background-color: #ffffff;
}
.af-datepicker.af-default .af-datepicker-day.holiday {
	color: #ff6363;
}
.af-datepicker.af-default .af-datepicker-day.saturday {
	color: #1594ff;
}
.af-datepicker.af-default .af-datepicker-day.af-hover,
.af-datepicker.af-default .af-datepicker-month.af-hover {
	color: #ffffff;
	background-color: #ff9416;
}
.af-datepicker.af-default .af-datepicker-day.af-pressed, 
.af-datepicker.af-default .af-datepicker-month.af-pressed {
	color: #ffffff;
	background-color: #333333;
}
.af-datepicker.af-default .af-datepicker-day.af-disabled{
	color: #d3d3d3;
	cursor: default;
}
.af-datepicker.af-default .af-today{
	color: #ffffff;
	background-color: #f56619;
	font-weight:bold;
}
.af-datepicker.af-default .af-datepicker-weekdays {
	color: #666666;
}
.af-datepicker.af-default .af-datepicker-weekdays.holiday {
	color: #ff4223;
}
.af-datepicker.af-default .af-datepicker-weekdays.saturday {
	color: #239aff;
}
/*
.recruit03_wrap .promotion {display: table;width: 100%;margin-top: 30px;line-height: 1;}
.recruit03_wrap .promotion > li {position: relative;margin: 0 0 20px 0;text-align: center;vertical-align: top;}
.recruit03_wrap .promotion > li p.tit {max-width:229px;padding: 10px 0;margin: 0 auto 17px;font-size: 17px;font-weight: bold;color: #fff;background-color: #f07722;border-radius: 20px;}
.recruit03_wrap .promotion > li div.ico {margin-bottom: 10px;}
.recruit03_wrap .promotion > li div.ico img {width: 46px; height:59px;}
.recruit03_wrap .promotion > li div.step {max-width:229px;margin: 0 auto 10px;height: 35px;background: url(../images/ico_recruit04_04.svg) no-repeat center 0;background-size: 213px 35px;}
.recruit03_wrap .promotion > li div.step:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
.recruit03_wrap .promotion > li div.step ol {display: table;width: 100%;height: 100%;}
.recruit03_wrap .promotion > li div.step li {display: table-cell;width: 33.33333%;vertical-align: middle;font-size: 15px;font-weight: bold;color: #fff;text-align: left;}
.recruit03_wrap .promotion > li div.step li:nth-child(1) {padding-left: 31px;}
.recruit03_wrap .promotion > li div.step li:nth-child(2) {padding-left: 24px;}
.recruit03_wrap .promotion > li div.step li:nth-child(3) {padding-left: 16px;}
.recruit03_wrap .promotion > li p.txt1 {font-size: 15px;color: #000;line-height: 1.2;}
.recruit03_wrap .promotion > li:nth-child(3) div.ico {margin: 24px 0 30px 0;}
.recruit03_wrap .promotion > li:nth-child(3) div.ico img {width: 63px;height: 63px;}
.recruit03_wrap .promotion .mileage {width: 148px;height: 148px;padding: 20px 0 0 0;margin: 0 auto;border:5px #d31e39 solid;border-radius: 50%;font-size: 15px;font-weight: bold;color: #d31e39;}
.recruit03_wrap .promotion .mileage .pic {margin-bottom: 8px;}
.recruit03_wrap .promotion .mileage .pic img {width: 44px;height: 59px;}
*/
