/****************************************************************************

        소스명 : login_pop.css
        용  도 : 스타일 >> 안드로이드 방송실행창
        날  짜 : 2017.04.12
        작성인 : 김혜진

*******************************************************************************/
@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/*--------------------------------------------------------*/
/* CSS RESET 						  */
/*--------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, a,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
ul li{list-style:none;}
ol li{list-style:none;}
a {margin: 0 !; padding: 0; border: 0; vertical-align: baseline; background: transparent; text-decoration: none;}
a img, li img{vertical-align:top;}

/*--------------------------------------------------------*/
/* FONT SYSTEM                                            */
/*--------------------------------------------------------*/
p {
	font-size: 14px;
	font-weight: 400;
}

h1 {
	font-size: 26px;
	font-weight: 500;
}

h2 {
	font-size: 24px;
	font-weight: 700;
}

h3 {
	font-size: 17px;
	font-weight: 700;
}

h4 {
	font-size: 15px;
	font-weight: 700;
}

h5 {
	font-size: 14px;
	font-weight: 700;
}

/*--------------------------------------------------------*/
/* 바디 스타일 						  */
/*--------------------------------------------------------*/
body{
	font-family: 'Noto Sans KR', sans-serif; 
	line-height: 1.5;
	letter-spacing: -0.025em;
	-webkit-font-smoothing: antialiased;
		font-smoothing: antialiased;
}

html, body{
	width: 100%;
    height: 100%;
}

/*--------------------------------------------------------*/
/* 로그인 페이지 스타일 				  */
/*--------------------------------------------------------*/
.login_wrap{
	width:100%;
	height: 100%;
	background-color: #f2f2f2;
	
}

.login_container{
	padding: 15px;
}

.logo_img{
	width:175px;
	margin:auto;
	padding: 50px 0 10px 0;
}
.login_btn_img a img{
	width: 300px;
	padding: 10px 0;
}

.login_btn_img{
	width: 300px;
	margin: 0 auto;
}

.login_tf *{
	text-align: center;
	padding: 3px 0;
}

.login_tf{
	padding: 0 0 30px 0;
}

/*비회원 로그인*/
.login_btn_img span{
	background-color: #929292;
	width: 127px;
	height: 1px; 
	display: block;
	float: left;
	margin: 30px 0 0 0;
}

.login_btn_img p{
	float: left;
	margin: 20px 10px 15px 10px;
	color: #828282;
}

.login_exex_btn{
	clear: both;
	text-align: center;
}
.login_exex_btn a{
	color: #727272;
	font-size: 14px;
   	font-weight: 500;
	text-decoration: underline;
}

.login_exex_btn a:hover{
    color: #3b5997;
}

/*비회원 로그인 창*/
.nonmember{
	width: 270px;
	margin: 0 auto;
	margin-top: 60px;
}

.nonmember label{
	margin: 0 0 0 11px;
}


.nonmember input:not(.nonmember_btn){
	width: 176px;
    height: 20px;
    padding: 2px;
    margin: 11px;
}

.nonmember .nonmember_btn{
	width: 270px;
	height: 40px;
	color: #fff;
	background-color: #3b5997;
	border: none;
	margin: 60px 0;
	cursor: pointer;
	font-weight: 600;
	font-size: 14px;
	transition: all 0.3s ease;
}

.nonmember .nonmember_btn:hover{
	background-color: #0c2964;
}


.app_btn{
	width: 300px;
	padding: 10px 0;
	display: inline-block;
	color: #fff;
	margin: 0 auto;
	background-color: #3b5997;
	font-weight: 500;
	font-size: 14px;
}

.app_btn:hover{
	background-color: #0c2964;
}