@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

/*
@font-face {
   font-family: 'Spoqa Han Sans';
   src: url(/font/1f7521e7db160fd4182a7ae6a4ddbd37.eot);
   src: url(/font/1f7521e7db160fd4182a7ae6a4ddbd37.eot?#iefix) format("embedded-opentype"), url(/font/8fc218f494d6e2209ae0fc7d23770a7c.woff2) format("woff2"), url(/font/a6b79ce32080d32b0d85bac2e4fbdcc4.woff) format("woff"), url(/font/1b37d90b132291f1acbe2fd2a5abfc59.ttf) format("truetype"), url(/font/8a05c102e2f973e9751b8402dc18eb08.svg#SpoqaHanSans) format("svg");
   font-weight: 700
 }
*/

html{
  overflow-x: hidden;
}

body {
  font-family: "Malgun Gothic", "맑은 고딕", "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

a {
  color: #000;
}

button{
  border: none;
  background: none;
  padding: 0;
}

input, textarea {
  font-family: "Malgun Gothic", "맑은 고딕", "Noto Sans KR", sans-serif;
  font-size: 13px;
}

.bold { font-weight: bold; }
.clear{ clear: both; height: 0; overflow: hidden; }
.spoqa { font-family: "Spoqa Han Sans", sans-serif; font-weight: 700; }
.fw-bold { font-weight: bold; }
.fc-orange { color: #fe5d1e; }
.fc-gray { color: #888; }

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10009;
}
.popup.dim {
  background-color: rgba(0,0,0,0.7);  
}
.popup .inner-wrap {
	position: absolute;
  top: 50%;
  left: 50%;
  letter-spacing: -1px;
  word-break: keep-all;
  background-color: #fff;
  border: 1px solid #d2d2d2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.popup .inner-wrap > a.popup-close {
  display: block;
	position: absolute;
  top: 22px;
  right: 22px;
  width: 16px;
  height: 16px;
  font-size: 0;
  background-image: url("/images/LPTV_2018/common/icon_popup_close.png");
  background-repeat: no-repeat;
}
.popup .inner-wrap > h1 {
  margin-top: 5px;
  font-size: 24px;
  font-weight: bold;
  color: #3176ce;
  text-align: center;
}
.popup .inner-wrap > h2 {
  margin-top: 5px;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  color: #343434;
  text-align: center;
}
.popup .inner-wrap > p {
  margin-top: 15px;
  font-size: 16px;
  color: #343434;
  text-align: center;
}

.popup .inner-wrap > p hr {
  border: none;
  margin: 0;
  margin-top: 8px;
}
.popup .inner-wrap hr {
  margin: 15px 0;
  border-top: 1px solid #b5b5b5;
}
.popup .inner-wrap .btn-wrap {
  margin-top: 32px;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup .inner-wrap .btn-wrap a {
  display: inline-block;
  margin: 0 5px;
  font-size: 18px;
  font-weight: bold;
  color: #fefefe;
  line-height: 48px;
  text-align: center;
}
.popup .inner-wrap .btn-wrap a.half {
  width: calc(50% - 10px);
}
.popup .inner-wrap .btn-wrap a.blue {
  background-color: #3176ce;
}
.popup .inner-wrap .btn-wrap a.light-blue {
  background-color: #508cda;
}
.popup .inner-wrap .btn-wrap a.gray {
  background-color: #81848e;
}

/** 프로그램 권한 **/
.popup .inner-wrap.authority-program {
  width: 560px;
	margin: -145px 0 0 -280px;
  padding: 55px 70px;
}

/** 휴대폰 재인증 **/
.popup .inner-wrap.phone-recertifi {
  width: 530px;
  margin: -283px 0 0 -265px;
  padding: 57px 50px 45px 50px;
}
.popup .inner-wrap.phone-recertifi .contents {
  padding-top: 15px;
}
.popup .inner-wrap.phone-recertifi .contents p {
  margin-top: 5px;
  line-height: 1.6;
}
.popup .inner-wrap.phone-recertifi .contents p:first-of-type {
  padding-bottom: 5px;
  line-height: 1.7;
}

/** 서비스 종료 **/
.popup .inner-wrap.end-service {
  width: 530px;
  margin: -283px 0 0 -265px;
  padding: 57px 50px 45px 50px;
	letter-spacing: -1px;
}
.popup .inner-wrap.end-service h2 {
	font-size: 20px;
	text-align: center;
	color: #3176ce;
}
.popup .inner-wrap.end-service h2 span {
	font-weight: bold;
}
.popup .inner-wrap.end-service h1 {
	margin-top: 2px;
	margin-bottom: 12px;
	font-size: 33px;
	color: #111;
}
.popup .inner-wrap.end-service .contents {
  padding-top: 15px;
	text-align: center;
}
.popup .inner-wrap.end-service .contents p {
  margin-top: 5px;
	font-size: 16px;
  line-height: 1.5;
}
.popup .inner-wrap.end-service .contents p span {
	font-weight: bold;
	color: #ff1864;
}
.popup .inner-wrap.end-service .contents p:first-of-type {
	padding-top: 15px;
  padding-bottom: 5px;
}


