@charset "UTF-8";

/* @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap&subset=korean'); */ 
/* @import url(https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800&display=swap); */
/* @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Jockey+One&display=swap'); */
/* @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400;500;700'); */
/* @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400;700');  */
/* 구글폰트 css */
/* @import url("../google/Nanum Gothic.css"); */
/* @import url("../google/Noto Sans KR.css"); */


@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 400;
  src: url('../../font/NanumMyeongjo.eot'); 
  src: url('../../font/NanumMyeongjo.eot?#iefix') format('embedded-opentype'),
       url('../../font/NanumMyeongjo.woff2') format('woff2'), 
       url('../../font/NanumMyeongjo.woff') format('woff'),
       url('../../font/NanumMyeongjo.ttf') format('truetype'), 
       url('../../font/NanumMyeongjo.svg#NanumMyeongjo') format('svg');
}

@font-face {
font-family:'Nanum Gothic';
font-style:normal;
font-weight:400;
src: url('../../font/NanumGothic.eot'); 
src: url('../../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
	 url(../../font/NanumGothic.woff2) format('woff2'),
	 url(../../font/NanumGothic.woff) format('woff'),
	 url(../../font/NanumGothic.otf) format('opentype');
}
@font-face {
font-family:'Nanum Gothic';
font-style:normal;
font-weight:bold;
src: url('../../font/NanumGothicBold.eot'); 
src: url('../../font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
	 url(../../font/NanumGothicBold.woff2) format('woff2'),
	 url(../../font/NanumGothicBold.woff) format('woff'),
	 url(../../font/NanumGothicBold.otf) format('opentype');
}
@font-face {
font-family:'Noto Sans KR';
font-style:normal;
font-weight:400;
src: url('../../font/NotoSansKR-Regular.eot'); 
src: url('../../font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
	 url(../../font/NotoSansKR-Regular.woff2) format('woff2'),
	 url(../../font/NotoSansKR-Regular.woff) format('woff'),
	 url(../../font/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
font-family:'Noto Sans KR';
font-style:normal;
font-weight:bold;
src: url('../../font/NotoSansKR-Bold.eot'); 
src: url('../../font/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
	 url(../../font/NotoSansKR-Bold.woff2) format('woff2'),
	 url(../../font/NotoSansKR-Bold.woff) format('woff'),
	 url(../../font/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
font-family:'Jockey One';
font-style:normal;
font-weight:normal;
src: url('../../font/JockeyOne.eot'); 
src: url('../../font/JockeyOne.eot?#iefix') format('embedded-opentype'),
	 url(../../font/JockeyOne.woff2) format('woff2'),
	 url(../../font/JockeyOne.woff) format('woff'),
	 url(../../font/JockeyOne.otf) format('opentype');
}

@font-face {
font-family:'Montserrat';
font-style:normal;
font-weight:400;
src: url('../../font/Montserrat.eot'); 
src: url('../../font/Montserrat.eot?#iefix') format('embedded-opentype'),
	 url(../../font/Montserrat.woff2) format('woff2'),
	 url(../../font/Montserrat.woff) format('woff'),
	 url(../../font/Montserrat.otf) format('opentype');
}


/* reset with normalize */
* {
	word-break:normal;
	box-sizing:border-box;
	-o-box-sizing:border-box;
   -ms-box-sizing:border-box;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   -webkit-text-size-adjust:none;
}

html, body {height:100%;}
body {
	margin:0;padding:0;
	color:#555;font-weight:400;font-size:15px;font-family:'Nanum Gothic', sans-serif;line-height:1.5em;letter-spacing:-.05em;
	background-color:#fff;
	word-break:keep-all;
	overflow-x:hidden;	
}
button:focus, a:focus, input:focus{outline: 1px dotted #a5a5a5;}
/* button:focus, a:focus, input:focus{outline: 1px dotted #f00;} */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,p,button,iframe,th,td,figure,aside {margin:0;padding:0;box-sizing:border-box;}
/* input {-webkit-appearance:none;} */
h1,h2,h3,h4,h5,h6 {font-weight:500;font-family:'Noto Sans KR', sans-serif;line-height:1.25em;letter-spacing:-.07em;}
img,fieldset,iframe,button {border:0 none;}
li {list-style:none;}
button {font-size:15px;font-family:'Nanum Gothic', sans-serif;background:transparent;cursor:pointer;vertical-align:middle;margin:0;}
button span {display:none;}
span{-webkit-appearance:none;	-moz-appearance:none;}
button, a {color:#555;transition:all .3s;}
input[type="text"] {
	font-family:'Nanum Gothic', sans-serif;
	/* remove input shadow */
	-webkit-appearance:none;
	-moz-appearance:none;
	-webkit-border-radius:0;
	/* appearance:none; 웹호환성 : 존재하지 않는 속성입니다 */
}
input:checked[type="checkbox"]{-webkit-appearance:checkbox;}
textarea{-webkit-appearance:none;	-moz-appearance:none; -webkit-border-radius:0;}
select{-moz-appearance:none; -webkit-border-radius:0;}
a {text-decoration:none;}
table, th, td {border-collapse:collapse;border-spacing:0;}
legend, hr {display:none;}
caption {position:absolute;text-indent:-9999px;height:0;font-size:0;line-height:0;}
form {display:inline;}

/* skip navigation */
#skipToContent{position:absolute;width:100%;z-index:10000;}
#skipToContent dt{overflow:hidden;height:0;font-size:1px;}
#skipToContent a{display:block;overflow:hidden;position:absolute;top:-80px;left:0;width:100%;height:40px;background:rgba(0,0,0,.75);font-size:13px;color:#fff;text-align:center;line-height:38px;transition:all 0.2s ease;z-index:10000;}
#skipToContent a:focus{top:0;}

/* common display */
.thumb {display:block;overflow:hidden;}
.cropimage {width:100%;height:100%;}
.icoButton {display:block;width:40px;height:40px;background-image:url('../../images/newMosf/common/icoNav.png');background-repeat:no-repeat;}
.icoBoard {
	width:24px;height:24px;
	font-size:0;text-indent:-9999px;vertical-align:middle;
	background-image:url('../../images/newMosf/content/icoBoard.png');background-repeat:no-repeat;
}
.icoHdr {display:block;width:60px;height:60px;background-image:url('../../images/newMosf/common/icoHdr.png');background-repeat:no-repeat;}
.icoPage  {background:url('../../images/newMosf/common/icoBoard.png') no-repeat;}
.icoFile  {background:url('../../images/newMosf/content/infoFile.png') no-repeat;}
.icoShare {
	width:40px;height:40px;
	font-size:0;text-indent:-9999px;vertical-align:middle;
	background-image:url('../../images/newMosf/content/icoShare.png');background-repeat:no-repeat;
}
.icoSocial { /* 블로그, 페이스북, 트위터, 유튜브 아이콘 : 전체메뉴 사용 */
	width:35px;height:35px;font-size:0;text-indent:-9999px;vertical-align:middle;
	background-image:url('../../images/newMosf/common/icoSocail.png');background-repeat:no-repeat;
}
.icoSmall {width:15px;height:13px;font-size:0;text-indent:0;vertical-align:middle;background-image:url('../../images/newMosf/common/icoSmall.png');background-repeat:no-repeat;}
.hid{overflow:hidden;display:block;visibility:hidden;position:absolute;width:1px;height:1px;font-size:1px;white-space:nowrap;}
.icoFav {background-image:url('../../images/newMosf/common/icoNav.png');background-repeat:no-repeat;}
.icoListOption {width:25px;height:25px;font-size:0;text-indent:-9999px;vertical-align:middle;background-image:url('../../images/newMosf/content/icoListOption.png');background-repeat:no-repeat;}

/* button */
.standButton {font-weight:400;line-height:35px;}
.btnGray  {color:#fff;background:#555;}
.btnWGray {color:#555;background:#dfdfdf;}
.btnDgray {color:#fff;background:#333;}
.btnBlue {color:#fff;background:#6fa3de;}
.btnGreen {color:#fff;background:#69c867;}
.btnPurple {color:#fff;background:#7f87cf;}

/* font style */
.fcBlue {color:#4a93e5;}
.fcGray {color:#999;}
.fcBlack {color:#333;}
.fcRed {color:#B65959 !important;}
.fcOrange {color:#f98437;}
.fcUline {text-decoration:underline;}
.fcBlod {font-weight:600;}

/* margin style */
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.ml15 {margin-left:15px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr50 {margin-right:50px;}
.mr80 {margin-right:80px !important;}
.mr100 {margin-right:100px;}

/* 기존 화면 UI를 위해 잠시 살려놓은 스타일 */
.imgTxt {position:absolute;font-size:0;width:0;height:0;white-space:nowrap;text-indent:-9999px;}

/* 사파리 기본 css제거 */
input[type=submit], input[type=button]{-webkit-appearance:none; -webkit-border-radius:0;}

/* Mobile Device */
@media all and (max-width:450px) {
/* 
	768px 미만 해상도의 모바일 기기를 위한 코드를 작성한다. 
	모든 해상도에서 이 코드가 실행됨. 
	미디어 쿼리를 지원하지 않는 모바일 기기를 위해 미디어 쿼리 구문을 사용하지 않는다. 
*/
	body {
		font-size:14px;
		-webkit-appearance:none;
		-webkit-text-size-adjust:none;
		-webkit-font-smoothing:antialiased;
		-webkit-overflow-scrolling:touch;
	}
	button {font-size:14px;}

}

/* Mobile Device */
@media all and (max-width:414px) {
	body,
	button {font-size:3.382vw; /* font-size:14px; */}

	/* margin style */
	.mt10 {margin-top:2.415vw !important;}
	.mt20 {margin-top:4.831vw !important;}
	.mt30 {margin-top:7.246vw !important;}
	.mt40 {margin-top:9.662vw !important;}
	.mt50 {margin-top:12.077vw !important;}
	.ml15 {margin-left:3.623vw;}
	.mr15 {margin-right:3.623vw;}
	.mr20 {margin-right:4.831vw;}
	.mr30 {margin-right:7.246vw;}
	.mr50 {margin-right:7.246vw;}
	.mr80 {margin-right:19.324vw !important;}
	.mr100 {margin-right:24.155vw;}

}
.mobileVer{display:none;}