/*** 나눔바른고딕 ***/

@font-face {
  font-family: 'NanumBarunGothic-L';
  font-style: normal;
  font-weight: normal;
  src: url('https://mookas.com/fonts_new/NanumBarunGothicLight.eot');
  src: url('https://mookas.com/fonts_new/NanumBarunGothicLight.eot?#iefix') format('embedded-opentype'),
       url('https://mookas.com/fonts_new/NanumBarunGothicLight.woff2') format('woff2'),
       url('https://mookas.com/fonts_new/NanumBarunGothicLight.woff') format('woff'),
       url('https://mookas.com/fonts_new/NanumBarunGothicLight.ttf') format('truetype');
}

@font-face {
  font-family: 'NanumBarunGothic-R';
  font-style: normal;
  font-weight: normal;
  src: url('https://mookas.com/fonts_new/NanumBarunGothic.eot');
  src: url('https://mookas.com/fonts_new/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
       url('https://mookas.com/fonts_new/NanumBarunGothic.woff2') format('woff2'),
       url('https://mookas.com/fonts_new/NanumBarunGothic.woff') format('woff'),
       url('https://mookas.com/fonts_new/NanumBarunGothic.ttf') format('truetype');
}

@font-face {
  font-family: 'NanumBarunGothic-B';
  font-style: normal;
  font-weight: normal;
  src: url('https://mookas.com/fonts_new/NanumBarunGothicBold.eot');
  src: url('https://mookas.com/fonts_new/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
       url('https://mookas.com/fonts_new/NanumBarunGothicBold.woff2') format('woff2'),
       url('https://mookas.com/fonts_new/NanumBarunGothicBold.woff') format('woff'),
       url('https://mookas.com/fonts_new/NanumBarunGothicBold.ttf') format('truetype');
}

@font-face {
  font-family: 'NanumSquare-B';
  src: url('https://mookas.com/fonts_new/nanumsquareb.eot');
  src: url('https://mookas.com/fonts_new/nanumsquareb.eot?#iefix') format('embedded-opentype'), 
url('https://mookas.com/fonts_new/nanumsquareb.woff') format('woff'), 
url('https://mookas.com/fonts_new/nanumsquareb.ttf') format('truetype'), 
url('https://mookas.com/fonts_new/nanumsquareb.svg#nanumsquarebregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.login_title {float:right; color:#0091db;
    display: inline-block;
    font-size: 18px;
    padding: 5px 0 12px;
    font-family: 'NanumSquare-B', "맑은 고딕", "Malgun Gothic", "Dotum", "돋움", sans-serif;
    letter-spacing: -0.04em;
}

.pd5 {padding: 5px;}
.pd10 {padding: 10px;}

.pt0 {padding-top:0px !important}
.pt5 {padding-top:5px}
.pt10 {padding-top:10px}
.pt12 {padding-top:12px}
.pt15 {padding-top:15px}
.pt20 {padding-top:20px}

.pb0 {padding-bottom:0px !important}
.pb5 {padding-bottom:5px}
.pb10 {padding-bottom:10px}
.pb15 {padding-bottom:15px}
.pb20 {padding-bottom:20px}
.pb30 {padding-bottom:30px !important}

.m0 {margin:0}

.mtb20 {margin:20px 0}
.mtb25 {margin:25px 0}
.mtb30 {margin:30px 0}
.mtb35 {margin:35px 0}
.mtb40 {margin:40px 0}

.ml5 {margin-left:5px}
.ml10 {margin-left:10px}
.ml15 {margin-left:15px}
.ml20 {margin-left:20px}

.mr5 {margin-right:5px}
.mr10 {margin-right:10px}
.mr15 {margin-right:15px}
.mr20 {margin-right:20px}

.mt1 {margin-top:1px}
.mt2 {margin-top:2px}
.mt3 {margin-top:3px}
.mt4 {margin-top:4px}
.mt5 {margin-top:5px}
.mt6 {margin-top:6px}
.mt7 {margin-top:7px}
.mt8 {margin-top:8px}
.mt9 {margin-top:9px}
.mt10 {margin-top:10px !important}
.mt10mb10 {margin:10px 0;}
.mt11 {margin-top:11px}
.mt13 {margin-top:13px}
.mt15 {margin-top:15px}
.mt18 {margin-top:18px !important}
.mt20 {margin-top:20px}
.mt25 {margin-top:25px}
.mt30 {margin-top:30px}
.mt35 {margin-top:35px}
.mt54 {margin-top:54px}

.mb0 {margin-bottom:0px !important}
.mb2 {margin-bottom:2px !important}
.mb3 {margin-bottom:3px !important}
.mb5 {margin-bottom:5px}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px}
.mb20 {margin-bottom:20px !important}
.mb25 {margin-bottom:25px}
.mb30 {margin-bottom:30px}		

		body {
		   font-family: 'NanumBarunGothic-R', Gulim, sans-serif; color:#111;
		    font-size: 14px;
		    line-height: 1.43;
		    min-height: 100%;
		    margin: 0px;
		    padding: 0px;
		/*     background-color: rgb(11, 65, 130); */
		}
		.container {
		    position: absolute; 
		    width: 100%;
		    min-height: 100%;
		/*     background: linear-gradient(0deg, #ffffff 1%, #f39f1e 100%);	 */
		}
		.login_wrap {
			margin: 25px 0;
		}
		.mgt50 {
			margin-top: 50px;
		}
		.form-signin { 
		    margin: 0 auto 25px;
		    width: 425px;
		    background-color: #f5f5f5;
		    padding: 30px 40px;
		    margin-top: 20px;
		    border-top: 1px solid #0091db;
		    border-bottom: 1px solid #0091db;
		    /*box-shadow: 0 1px 5px 0 rgba(0,0,0,0.15);
		    -moz-border-radius-topleft: 2px;
		    -webkit-border-top-left-radius: 2px;
		    border-top-left-radius: 2px;
		    -moz-border-radius-topright: 2px;
		    -webkit-border-top-right-radius: 2px;
		    border-top-right-radius: 2px;
		    -moz-border-radius-bottomleft: 8px;
		    -webkit-border-bottom-left-radius: 8px;
		    border-bottom-left-radius: 8px;
		    -moz-border-radius-bottomright: 8px;
		    -webkit-border-bottom-right-radius: 8px;
		    border-bottom-right-radius: 8px;*/
		} 
		.logo {
			width: 150px;
			height: auto;
			max-width: 100%;
			margin-bottom: 25px;
			vertical-align: -webkit-baseline-middle;
		}
		.txt_hde {
		    color: #0756a5;
		    font-size: 15px;
		    font-weight: bold;
		}
		.img_section {
			margin: 0 auto 25px;
			color: #fff;
			font-size: 17px;
		}
		.img_section img {
			width: 40px;
			height: auto;
		}
		.form-signin-heading {
			font-size: 20px; 
			text-align:center;
			margin-bottom: 30px;
		}
		
		.form-control {
			position: relative;
			font-size: 12px;
			height: auto;
			padding: 10px;
    border-radius: 0px !important;
-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075) !important;
    box-shadow: inset 0 0 0 rgba(0,0,0,.075) !important;
		}
		
		.form-signin p {
			margin-top: 10px;
			font-size: 15px;
			color: #fff;
			text-shadow: rgba(0,0,0,1) 0px 0px 1px;
		} 
		.btn { border-radius: 0px !important;}
		.btn-social {    padding-top: 10px;    padding-bottom: 10px;}
		.btn-social>:first-child {    line-height: 40px; width: 38px;}
		.btn-primary {
			margin-top: 15px;
			background-color: #0091db;
			height: 45px;	
			/*font-weight: bold;*/
		} 
		.btn-primary:hover, .btn-primary:focus {
			background-color: #FFF;
			color: #0091db;
		}
		.text-error {
			margin: 0;
			color: #8C8C8C;
			font-size: 12px;
			font-style: italic;
		}
		.register {
			margin-top: 10px;
			text-align: center;
		}
		.mgt10 {
			margin-top: 10px;
		}
		nomg {
			margin: 0;
		}
		a {
/*
		    display: inline-block;
		    padding: 3px 6px;
		    line-height: 100%;
		    border: 1px solid transparent;
		    border-radius: 2px;
		    color: #FFFFFF;
		    text-shadow: #3B3523 0px 0px .3px;
		    background-color: #99c2dc;
		    border-color: #99c2dc;
		    font-size: 12px;
		    font-weight: bold;			
			text-decoration:none !important;
			text-align: center;
*/
		}
		a:hover, a:focus {
			color: #f39f1e;
		}
		h2 {
			color: #A9A9A9; 
			margin: 0;
			margin-bottom: 20px;
			font-size: 20px;
			font-weight: 200;
		}
		.help_box {
			margin-top: 15px;
		}
		.help-block {
		    color: #999;
		    font-size: 12px;
		    margin-top: 7px;
		    margin-bottom: 7px;
		}
		code {
		    color: #c7254e;
		    background-color: #f9f2f4;
		    border-radius: 3px;
		}
        .bg-danger {
		    margin-bottom: 15px;
		    padding: 10px;
		    font-size: 12px;
		    color: #4d4d4d;
		    border-left: 2px solid #F44336;
		    -moz-border-radius-topright: 3px;
		    -webkit-border-top-right-radius: 3px;
		    border-top-right-radius: 3px;
		    -moz-border-radius-bottomright: 3px;
		    -webkit-border-bottom-right-radius: 3px;
		    border-bottom-right-radius: 3px;
		}
		.langue {
			font-size: 10px;
			color: #a5a5a5;
		}
		.translate {
			margin: 0px auto;
			text-align: center;			
		}
		.translate span {
		    cursor: pointer;
		    padding: 5px 10px;
		    background-color: #fffff;
		    font-size: 11px;
		    -moz-border-radius: 2px;
		    -webkit-border-radius: 2px;
		    border-radius: 2px;
		    -moz-box-shadow: inset 0px 0px 1px rgba(0,0,0,1);
		    -webkit-box-shadow: inset 0px 0px 1px rgba(0,0,0,1);
		    box-shadow: inset 0px 0px 1px rgba(0,0,0,1);
		} 
		.translate span:hover {
		    background-color: #f1f1f1;
		    color: #fffff;
		}
		.nopd {
			padding: 0;
		}
		.pdt10 {
			padding-top: 10px;
		}
		.control-group .error {
			font-size: 11px; 
			color: #f3511e;
			font-weight: bold;
		}
		.control-group .error:before {
			content: "\f071";
			margin-right: 5px;
			font-weight: bold;
		    display: inline-block;
		    font: normal normal normal 14px/1 FontAwesome;
		    font-size: inherit;
		    text-rendering: auto;
		    -webkit-font-smoothing: antialiased;
		    -moz-osx-font-smoothing: grayscale;	
		}
		.btn-naver {
		    color: #fff;
		    background-color: #2aa900;
		    border-color: rgba(0,0,0,0.2);
		}
		.btn-naver:hover, .btn-naver:focus { 
		    background-color: #259100;
		}
		.btn-kakao {
		    color: #2c1717;
		    background-color: #f9ec00;
		    border-color: rgba(0,0,0,0.2);
		    text-shadow: #3B3523 0px 0px 0px;
		}
		.btn-kakao:hover, .btn-kakao:focus { 
		    background-color: #dacf00;
		}
		.extra_wrap {
		    margin: 0 auto 0;
		    width: 425px;
		    padding: 0;
		    margin-top: 20px;
		    text-align: center;			
		}
		.extra_wrap img {
			width: 35px;
			height: auto;
			margin-bottom: 15px;
		}
		.social_swal_wrap {
			padding: 0 10%;
		}
		.sweet-alert {
			top: 40%;
		}
		.control-group {
			margin-top: 10px;
		}
		label {
			color: #111;
		    font-weight: 400 !important;
		}
		.expired {
			text-align: center;
		}
		.expired h1 {
			margin: 0;
		}
		.expired h3 {
			margin-top:0px;
		}
		.expired p {
			color: #797979;
			margin: 0;
			padding: 0;
			text-shadow: 0 0;
			line-height: 115%;
		}
		.expired a {
		    color: #ffffff;
		    background-color: #337ab7;
		    padding: 6px 10px;
		    -moz-border-radius: 4px;
		    -webkit-border-radius: 4px;
		    border-radius: 4px;
		    font-size: 13px;
		}
		@media screen and (max-width:640px) { 	
			.container {
    margin: 0;
    padding: 0;
    				
			}
			.form-signin, .extra_wrap {
				width: 100%;
			}
			.sweet-alert .btn-social {
				font-size: 10px;
			}
			.social_swal_wrap .btn-social>:first-child {
				line-height: 26px;
			}
			.sweet-alert button {
				font-size: 10px;				
				padding: 5px 20px;
				margin: 10px 5px 0 5px;				
			}
			.sweet-alert h2 {
				font-size: 20px;
				line-height: 120%;
				margin: 10px 0;
			}
			.sweet-alert .social_swal_wrap {
				font-size: 10px;
			}
			.sweet-alert p {
				font-size: 12px;
			}
		
		} 
		iframe {
			display: none !important;
		}
		.pointer {
			cursor: pointer;
		}

.club_check {
	background-color: transparent;
	padding: 0;
	margin: 0;
	color: #1da1f2;
    font-weight: bold;	
}
.club_check span {
	margin-left: 0;
	color: #fff;
}
.club_check span .fa-stack-1x {
	margin-top: 1px;
}
.club_check .fa-inverse {
	color: #1da1f2;
	
}