/**
	login skin css
*/

.access{width: 400px; height:500px; margin: 50px auto;}
.loginform li {display: block;margin: 0px; clear: both; margin: 15px;}
.loginform li>span {float: left;width: 25%;text-align: right;padding-right: 20px;margin-top: 5px;color: #000;font-weight: bold;}

#contents {
    clear: both;
    padding-bottom: 180px;
}
@media screen and (max-width:768px){
	#contents {
		position: relative;
		width: 98%;
		margin-top: 200px;
	}
}
#contents {
    position: relative;
    width: 98%;
}


/* 모서리 둥근 탭메뉴 */
.tab-menu-round{ clear:both; background:url('/assets/images/bg_tabmenu_grade.gif') 0 bottom repeat-x;}
.tab-menu-round:after{ content:''; clear:both; display:block;}
*+html .tab-menu-round{ zoom:1;}
.tab-menu-round > li{ float:left; position:relative; line-height:37px; margin-left:1px; background:#898987; color:#fdfcf0; text-align:center; }
.tab-menu-round > li:before, .tab-menu-round > li:after{content:''; position:absolute; top:0; display:block; width:5px; height:5px; }
.tab-menu-round > li:before{ left:0; background-position:0 0; }
.tab-menu-round > li:after{ right:0; background-position:-5px 0; }
.tab-menu-round > li:first-child{ margin-left:0;}
.tab-menu-round > li > a{ display:block; color:#ffffff; font-size:13px; font-weight:bold;}
.tab-menu-round > li.on{ background:#f02564;}

/* 로그인 */
.wrap-login{ position:relative;padding:1px 30px 0;}
.wrap-login h3{height:auto;margin:0;background:none;line-height:1.2;text-align:left; color:#222222; font-size:15px;}
.wrap-login h3 >  strong{ color:#f02564;}
.sect-login{ margin-top: 60px;width:100%; }
.wrap-login .tab-menu-round > li{ width:100px;border-top-left-radius: 5px;
    border-top-right-radius: 5px;}
.box-login{padding:70px 0 0 0; border-bottom:2px solid #898987;padding-top:50px;height: auto;padding-bottom: 50px;}
.box-login > p{ font-size:11px;}
.box-login .login{position:relative;margin-top:15px;text-align: -webkit-center;text-align: -moz-center;}
.box-login .login input[type="text"], .box-login .login input[type="password"]{ /*display:block;*/ width:135px; height:35px; padding:0 5px 0 10px; border:2px solid #b5b5b5; line-height:33px;}
.box-login .login input[type="text"]{ margin-bottom:5px; /* background:url('/assets/images/sprite_icon.png') 12px -230px no-repeat;*/}
.box-login .login input[type="password"]{ /*background:url('/assets/images/sprite_icon.png') 12px -261px no-repeat;*/}

/* 로그인 최종버전 */
.box-login button[type="submit"] > span {display:block;/*width:258px;*/height:36px;border:1px solid #f02564; color:#f2f0e5; font-size:15px; font-weight:500;}
.box-login .login > button[type="submit"] {position:absolute; top:0; left:198px; display:block; width:100px; height:86px; padding:2px; background:#f02564; line-height:78px; text-align:center;}
.sect-login > .box-login fieldset {text-align: center;position:relative;}


/*140804 로그인 UI 수정 및 캡챠 시작 */
.box-login .login input[type="text"], .box-login .login input[type="password"] {width:40%}
.box-login button[type="submit"] {width: 40%;height:42px;line-height:37px;left:0;position: static;margin-top: 5px;padding:2px; background:#f02564; text-align:center;border: 0px;}
.box-login fieldset > .login-option {margin-top: 10px;}
.box-login fieldset > .login-option a {background-position:right 2px!important;}
.box-login fieldset > .login-option a {

    margin-left: 5px;
    padding-right: 8px;
    background: url('/assets/images/bg_arrow03.png') right 1px no-repeat;
    font-size: 12px;
    text-decoration: underline;
}
.box-login fieldset > .login-option a {
    background-position: right 2px!important;
}
.sect-login > .box-login fieldset .save-id {position:absolute;top:166px;left:-3px}
.sect-login > .box-login.login_1408 form#form2_capcha fieldset .save-id {top:203px!important}

div[class^="sect-"] {
    clear: both;
    zoom: 1;
}
.sect-loginguide{ margin-top:10px; }
.box-useguide{ height:60px; padding:0 20px; border:1px solid #d5d4ca;}
.box-useguide > strong:first-child{ padding-left:0; font-size:13px; line-height:62px; color:#222222;}
.box-useguide > span{ display:inline-block; color:#666666; line-height:62px;width:208px;white-space:nowrap;}
.box-useguide .round { width:140px; font-size:12px;}
.round.red {
    border: 2px solid #f02564;
    color: #f02564;
	padding:5px;
}

.round.block {
    border: 2px solid #2e2e2e;
    color: #2e2e2e;
	padding:5px;
}
.useguide{
text-align:center;
}
.useguide li{
	float:left;
	padding:20px;
}
li.useguide2 {
    border: 2px solid #f02564;
    color: #f02564;
	padding: 3px 16px 3px 16px;
    margin-top: 16px;
	border-radius: 6px;
}
.loginred {
	font-weight:bold;
    color: #f02564;
}
li.useguide4 {
    border: 2px solid #2e2e2e;
    color: #2e2e2e;
	padding: 3px 16px 3px 16px;
    margin-top: 16px;
	border-radius: 6px;
}
.loginblock {
	font-weight:bold;
    color: #2e2e2e;
}
.pc_login_box {
	display:block;
}
.mo_login_box {
	display:none;
}
@media screen and (max-width:768px){

	.pc_login_box {
		display:none;
	}
	.mo_login_box {
		display:block;
	}

	.box-login .login input[type="text"], .box-login .login input[type="password"] {
		width: 70%;
	}
	.box-login button[type="submit"] {
		width: 70%;
		height: 42px;
		line-height: 37px;
		left: 0;
		position: static;
		margin-top: 5px;
		padding: 2px;
		background: #f02564;
		text-align: center;
		border: 0px;
	}
	.box-useguide > strong:first-child {
		padding: 0;
		font-size: 13px;
		line-height: 0px;
		color: #222222;
	}
	.box-useguide > span {
		display: inline-block;
		color: #666666;
		line-height: 62px;
		width: 208px;
		white-space: nowrap;
	}
	.box-useguide {
		height: 120px;
		padding: 10px;
		border: 1px solid #d5d4ca;
		padding-top: 15px;
	}
	.useguide li {
		float: left;
		padding: 12px;
	}
	.box-useguide2 {
	margin-top: -44px;

		text-align: center;
		width: 100%;
		height: 60px;
		padding: 0px;
	}
	.useguide2 {
		width: 100%;
		border: 2px solid #f02564;
		color: #f02564;
		padding: 2% 5% 2% 5%;
		margin-top: 16px;
		border-radius: 6px;
	}
	.useguide3 {
		padding: 2px 10px 2px 10px;
		margin-top: 16px;
	}
	.useguide4 {
		width: 100%;
		border: 2px solid #2e2e2e;
		color: #2e2e2e;
		padding: 2% 5% 2% 5%;
		margin-top: 16px;
		border-radius: 6px;
	}
}