div,p{margin:0;padding:0;}

.common-login-wrap{
	height:60px;
	padding:0 30px;
	font-family:'noto3','dotum';
	letter-spacing:-1px;
	text-align:center;
	color:#FFF;
	background:#262c3a;
}

.common-login-wrap .login-media-width:after{
	clear:both;
	content:"";
	display:table;
}
.common-login-wrap a{
	color:#FFF;
	text-decoration:none;
}
.common-login-wrap a:hover,
.common-login-wrap a:focus,
.common-login-wrap a:visited{
	color:#FFF;
}
/*[시작] 좌- 브랜드사이트*/
.common-login-wrap .brand-list{
	float:left;
	margin-top:15px;
}

.common-login-wrap .brand-list li{
	position:relative;
	float:left;
	height:30px;
	line-height:30px;
	padding-left:10px;
	margin-left:5px;
}	

.common-login-wrap .brand-list li:before{
	content:"\00B7";
	display:block;
	position:absolute;
	top:0;
	left:0;
	font-size:14px;
	text-align:center;
}

.common-login-wrap .brand-list li:first-child:before{
	display:none;
}
.common-login-wrap .brand-list li:first-child{
	margin-left:0;
	padding-left:0;
}

.common-login-wrap .brand-list li a{
	display:block;
	height:26px;
	line-height:26px;
	font-size:15px;
	text-decoration:none;
	text-align:center;
	color:#FFF;
}
/*[종료] 좌- 브랜드사이트*/


.common-login-wrap .member-util{
	margin-top:13px;
	float:right;
}

.common-login-wrap .member-util .login-options{
	float:left;
}

.common-login-wrap .member-util .login-options-item{
	position:relative;
	display:block;
	float:left;
	height:31px;
	padding:0 4px;
	margin-right:8px;
	line-height:31px;
	font-size:13px;
	color:#fff;

}
.common-login-wrap .member-util .login-options-item:hover{
	color:#fff;
}

.common-login-wrap .member-util .login-options-item input[type='checkbox'] {
	visibility:hidden;
	position:absolute;
    left:0;
	top:10px;
	z-index:-1;
}
.common-login-wrap .member-util .login-options-item input[type='checkbox'] +label {
	display:block;
	height:31px;
	line-height:31px;
	padding-left:28px;
	cursor:pointer;
	background:url(/_skin/sidae/images/popkon/new/chk_off.png) 0 center no-repeat #262c3a;
}
.common-login-wrap .member-util .login-options-item input[type='checkbox']:checked +label {
	background:url(/_skin/sidae/images/popkon/new/chk_on.png) 0 center no-repeat #262c3a;
}

.common-login-wrap .member-util .login-inputs{
	position:relative;
	float:right;
}


.common-login-wrap .member-util .login-inputs-item{
	display:block;
	float:left;
	margin-right:3px;
}

.common-login-wrap .member-util .login-inputs-item3,
.common-login-wrap .member-util .login-inputs-item4,
.common-login-wrap .member-util .login-inputs-item5{
	position:relative;
	font-size:13px;
}

.common-login-wrap .member-util .login-inputs-item3 span,
.common-login-wrap .member-util .login-inputs-item4 span,
.common-login-wrap .member-util .login-inputs-item5 span{
	position:absolute;
	top:0;
	left:5px;
	line-height:31px;
	color:#ccc;
}

.common-login-wrap .member-util .login-inputs-item5.adm-qm{
	display:none;
	position:absolute;
	left:356px;
	top:35px;
	z-index:999999999999999;
}

.common-login-wrap .member-util .login-inputs-item input[type='text'],
.common-login-wrap .member-util .login-inputs-item input[type='password']{
	width:103px;
	height:21px;
	padding:5px;
	color:#333;
	font-family:"dotum";
	border:none;
}

.common-login-wrap .member-util .login-inputs-item6,
.common-login-wrap .member-util .login-inputs-item7{
	width: 85px;
    height: 31px;
	line-height:31px;
	font-size: 13px;
	color: #FFF;
	border: none;
	background: #4c4c4c;
    cursor: pointer;
}

.common-login-wrap .member-util .member-info-common{
	float:left;
	line-height:31px;
	font-size:15px;
	letter-spacing:-.025em;
}
.common-login-wrap .member-util .member-info-common .user-name,
.common-login-wrap .member-util .member-info-common .info-chk,
.common-login-wrap .member-util .member-info-common .member-btns{
	float:left;
	margin-left:10px;
}

.common-login-wrap .member-util .member-info-common .info-chk li{
	float:left;
	position:relative;
	margin-left:8px;
	padding-left:8px;
}
.common-login-wrap .member-util .member-info-common .info-chk li:before{
	position:absolute;
	left:0;
	top:0;
	content:'|';
	display:block;
}
.common-login-wrap .member-util .member-info-common .info-chk li:first-child{
	margin-left:0;
	padding-left:0;
}
.common-login-wrap .member-util .member-info-common .info-chk li:first-child:before{
	display:none;
}
.common-login-wrap .member-util .member-info-common .member-btns li{
	float:left;
}
.common-login-wrap .member-util .member-info-common .btn-mypage,
.common-login-wrap .member-util .member-info-common .btn-modify,
.common-login-wrap .member-util .member-info-common .btn-logout{
	display:block;
	float:left;
    width: 83px;
    height: 32px;
    line-height: 32px;
    color: #FFF;
    text-align: center;
    border: none;
    cursor: pointer;
    font-size:13px;
    margin-left:3px;
    text-decoration:none;
}

.common-login-wrap .member-util .member-info-common .btn-mypage{
	color:#333;
	background:#FFF;
}

.common-login-wrap .member-util .member-info-common .btn-modify,
.common-login-wrap .member-util .member-info-common .btn-logout{
	background:#4c4c4c
}


/*2019-09-24 헤더 변경 */
.common-login-wrap .member-util .member-info-common .member-btns {
    position: relative;
}

.common-login-wrap .member-util .member-info-common .btn-mypage{
	color:#333;
	background:#FFF;
    position:relative;
}

.common-login-wrap .member-util .member-info-common .mymenu_btn{
    position:relative;
    text-align: left !important;
    padding-left: 10px;
    color:#000000;
}

.common-login-wrap .member-util .member-info-common .mymenu_btn:hover{
    font-family:'noto5';
}

.common-login-wrap .member-util .member-info-common .mymenu_btn:after {
    width:10px;
    height:8px;
    position:absolute;
    right:10px;
    top:12.5px;
    content:"";
    display:inline-block;
    background:url('/_skin/sidae/images/login/arrow.png')
}

.common-login-wrap .member-util .member-info-common .myroom_menu.on{
	display: block;
}

.common-login-wrap .member-util .member-info-common .myroom_menu {
    display:none;
    position:absolute;
    left:3px;
    top:32px;
    width:169px;
    background:#ffffff;
    z-index:9999;
    padding:16px;
    box-sizing:border-box;
}

.common-login-wrap .member-util .member-info-common .myroom_menu ul li {
    clear:both;
    height:20px;
    line-height:20px;
    width:100%;
    text-align:left;
    margin-bottom:5px;
}

.common-login-wrap .member-util .member-info-common .myroom_menu ul li > a {
    color:#000000;
    font-size:14px;
}

.common-login-wrap .member-util .member-info-common .myroom_menu ul li > a > span {
    margin-left:5px;
}

.common-login-wrap .member-util .member-info-common .myroom_menu ul li > a:hover{
    color:#d90000;
    border-bottom:1px solid #d90000;
    font-family:'noto5';
}

.common-login-wrap{
}



/**********************************************미디어쿼리*****************************************************/
@media(max-width: 1450px){
	.common-login-wrap .brand-list {
	}	

}

@media(max-width: 1200px){
	.common-login-wrap{
        width:100% !important;
		min-width:1100px;
		box-sizing:border-box;
    }
}