/* common */
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://cdn.jsdelivr.net/gh/eunchurn/NanumSquareNeo@0.0.6/nanumsquareneovar.css);
@import url(https://cdn.jsdelivr.net/gh/eunchurn/NanumSquareNeo@0.0.6/nanumsquareneo.css);

@font-face { font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/bebasneue/v2/JTUSjIg69CK48gW7PXooxW0.woff) format('woff'); }
@font-face {font-family: 'GmSansL'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'GmSansM'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'GmSansB'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal;}

@font-face { font-family: 'yg-jalnan'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; }

/* Pretendard */ 
@font-face { font-family: 'Pretendard'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Pretendard'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff'); font-weight: 700; font-style: normal; }


:root{
	font-size:16px;
	--main-color: #0055A2;
	--latest-color: #a1af81;
	--board-color: #004ea1;
	--font-color: #55a30f;
	--neo: NanumSquareNeo;
	--trans200 {-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
	--trans300 {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
	--trans400 {-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
	--trans500 {-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}

}


.view_vod		{ position:relative; top:0px; left:0; width:100%; padding-bottom:56.25%; padding-left:0; }
.view_vod iframe { position:absolute; width:100% !important; height:100% !important; left:0; }

/* clear */
.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix {display: inline-block;}
.clfix {display: block;}
* html .clfix {height: 1%;} /* hides from ie-mac */
.clfix{ zoom:1; } /*for ie 5.5-7*/



/* 페이지 skip css */
.cntskip_set			{position:relative; top:0; left:0; width:100%; text-align:center; border:0px solid red;}
.cntskip_set ol.skip_pos {display:inline-block; font-size:0;  letter-spacing:-0.05em; margin-top:30px; }
.cntskip_set ol.skip_pos li		{display:inline-block; vertical-align:middle; font-size:11px;}
.cntskip_set ol.skip_pos li a		{display:block; padding:7px; font-family:돋움;}
.cntskip_set ol.skip_pos li a.pg_al			{border:1px solid transparent; color:#000000;}
.cntskip_set ol.skip_pos li a.pg_al:hover	{color:#ef386c; }
.cntskip_set ol.skip_pos li a.pg_al:after	{content: "이전";}
.cntskip_set ol.skip_pos li a.pg_al_not			{border:1px solid transparent; color:#dddddd; cursor:default;}
.cntskip_set ol.skip_pos li a.pg_al_not:after	{content: "이전";}
.cntskip_set ol.skip_pos li a.all_l			{border:1px solid transparent; color:#000000;}
.cntskip_set ol.skip_pos li a.all_l:hover	{color:#ef386c; }
.cntskip_set ol.skip_pos li a.all_l:after	{content: "처음";}
.cntskip_set ol.skip_pos li a.pg_ar			{border:1px solid transparent; color:#000000;}
.cntskip_set ol.skip_pos li a.pg_ar:hover	{color:#ef386c; }
.cntskip_set ol.skip_pos li a.pg_ar:after	{content: "다음";}
.cntskip_set ol.skip_pos li a.pg_ar_not			{border:1px solid transparent; color:#dddddd; cursor:default;}
.cntskip_set ol.skip_pos li a.pg_ar_not:after	{content: "다음";}
.cntskip_set ol.skip_pos li a.all_r			{border:1px solid transparent; color:#000000;}
.cntskip_set ol.skip_pos li a.all_r:hover	{color:#ef386c; }
.cntskip_set ol.skip_pos li a.all_r:after	{content: "마지막";}
.cntskip_set ol.skip_pos li.pps_hset			{margin:0px 15px;}
.cntskip_hset			{margin:0px 15px;}
ol.skippage_no		{line-height:160%;}
ol.skippage_no li		{display:inline-block; vertical-align:middle;}
ol.skippage_no li.now	{color:#ef386c; padding:10px 15px; font-size:13px; font-family:tahoma;border:1px solid #e6e6e6; background:white;}
ol.skippage_no li a		{display:block; color:#898989; padding:7px 10px; font-size:13px; font-family:tahoma !important;border:1px solid transparent; background:transparent !important;}
ol.skippage_no li a:hover	{color:#ef386c; }

@media screen and (max-width : 1260px){
	.cntskip_set ol.skip_pos			{margin-top:10px; }
}

@media screen and (max-width : 900px){
	.cntskip_set ol.skip_pos			{margin-top:10px; }
}

@media screen and (max-width : 650px){
	.cntskip_set ol.skip_pos			{margin-top:15px; }
	.cntskip_hset .skippage_no			{display:none;}
}