@charset "utf-8";

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Rufina');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


@font-face{
   font-family:"Noto Sans KR";
   font-style:normal;
   font-weight:300;
   src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@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:600;
   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');
}



*{margin:0;padding:0}
html,body{width:100%;height:100%}
html{overflow-y:scroll; font-family:"Noto Sans KR", "나눔고딕","NanumGothic",'Nanum Gothic',"돋움",dotum,sans-serif;}
body{*word-break:break-all;-ms-word-break:break-all; font-family:"Noto Sans KR", "나눔고딕","NanumGothic",'Nanum Gothic',"돋움",dotum,sans-serif;}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option{color:#555;font-family:"Noto Sans KR", "나눔고딕","NanumGothic",'Nanum Gothic',"돋움",dotum,sans-serif;font-size:13px;font-weight:normal}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{color:#555;text-decoration:none;cursor:pointer}
/* a:hover{color:#555; text-decoration:none} */
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
button img{*left:auto}
textarea{overflow:auto}
/* html:first-child select{height:20px;padding-right:6px} */
option{padding-right:6px}
.input_text, textarea{*margin:-1px 0;padding-right:1px}
.input_check, .input_radio{width:13px;height:13px}
.blind, legend, caption{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
/*.clear {clear:both;}*/
.clear:after {
	clear:both;
	content: "";
	display:block;
}
#bg{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	display:none;
	z-index:1001;
	}

/* font */
.msrt {font-family:'Montserrat';}


#wrap, #container {width:100%;position: relative; min-width:1280px; overflow:hidden;}
#contents {position:relative;}


/* header */
#header {width:100%; height:100px; background:#ffffff;}
#header .gnb {width:1280px; height:100px; margin:0 auto; position:relative;}
#header .gnb h1 {display:inline-block;  position:absolute; top:25px; left:0; z-index:1000;}
#header .gnb h1 a {display:inline-block;}
#header .gnb > .top_menu {position:absolute; right:250px; top:41px;}
#header .gnb > .top_menu > ul > li {display:inline-block; margin-right:15px;}
#header .gnb > .top_menu > ul > li:last-child {margin-right:0;}
#header .gnb > .top_menu > ul > li > a {font-size:14px; color:#8a8a8a; font-weight:300;}

#header .gnb .login_btn {display:inline-block; font-size:14px; color:#8a8a8a; position:absolute; top:50%; transform:translateY(-50%); right:240px;}
#header .gnb .login_out {display:inline-block; font-size:14px; color:#8a8a8a; position:absolute; top:50%; transform:translateY(-50%); right:240px;}

/* login_popup */
.login_popup {display:none; position:absolute; top:280px; left:50%; transform:translateX(-50%); z-index:100002; text-align:center; background:#ffffff; padding:70px 195px; border:5px solid #f0f1f6; box-sizing:border-box;}
.login_popup h2 {font-size:45px; letter-spacing:0.25px; color:#000000; margin-bottom:5px;}
.login_popup p {font-size:18px; letter-spacing:0.25px; color:#666666; font-weight:300; margin-bottom:35px;}
.login_popup table {width:475px;}
.login_popup table tr th {font-size:16px; letter-spacing:0.25px; color:#000000; font-weight:500; text-align:left;}
.login_popup table tr td {padding:8px 0;}
.login_popup table tr td input {width:370px; height:45px; border:3px solid #ebebeb; box-sizing:border-box; padding-left:10px;}
.login_popup .btn_wrap {text-align:center; margin-top:45px; overflow:hidden;}
.login_popup .btn_wrap button.login_ok {display:inline-block;appearance:none;background:#292f6d;color:#ffffff;font-size:14px;letter-spacing:0.2px;border:0;width: 100%;line-height:60px;margin-right:10px;}
.login_popup .btn_wrap a.login_close {display:inline-block; background:#e1e1e1; color:#333333; font-size:14px; letter-spacing:0.2px; width:232px; line-height:60px; float:left;}



.search_btn {display:inline-block; position:absolute; right:0; top:26px;}
.search_btn a {display:inline-block; width:190px; height:50px; text-align:center; line-height:50px; background:#292f6d; font-size:17px; letter-spacing:0.2px; color:#ffffff;}
.search_btn a:before {content:""; display:inline-block; width:19px; height:19px; background:url("/mpv/images/common/search_icon.png") no-repeat center; margin-right:12px; position:relative; top:3px;}

.search_window {width:100%; height:100%; background:#ffffff; position:absolute; top:-100%; left:0; z-index:1000;transition:all 0.4s; z-index:1001;}
.search_window.on {top:0;}
.search_window button[type="submit"] {
	position:absolute; 
	left:0; 
	top:50%;
	transform:translateY(-50%);
	z-index:1001; 
	width:30px; 
	height:30px;  
	background:none; 
	border:0; 
	padding:0; 
	-webkit-appearance: button; /* for input */
	-webkit-user-select: none; /* for button */
	-moz-user-select: none;
	-ms-user-select: none;
	outline:0;
	}
.search_window input[type="text"] {
	border:0; 
	width:100%; 
	height:50px; 
	padding-left:45px; 
	box-sizing:border-box; 
	z-index:1000; 
	font-size:18px; 
	color:#8a8a8a; 
	font-weight:300; 
	position:absolute; 
	top:50%; 
	left:0; 
	transform:translateY(-50%);
	outline:0;
	}
.search_window input[type="text"]::-webkit-search-cancel-button {
	width:18px; 
	height:18px; 
	background:url("/mpv/images/page/search_cancel.png") no-repeat center; 
	-webkit-appearance: none; 
	position:relative; 
	right:20px;
	display:none;
	}
.search_window input[type="text"]::-ms-clear {
	width:18px; 
	height:18px; 
	background:url("/mpv/images/page/search_cancel.png") no-repeat center; 
	-webkit-appearance: none; 
	position:relative; 
	right:20px;
	display:none;
	}
.search_window button[type="reset"] {
	display:inline-block; 
	position:absolute; 
	top:50%; 
	transform:translateY(-50%); 
	right:0; 
	z-index:1001;
	background:none; 
	border:0; 
	padding:0; 
	-webkit-appearance: button; /* for input */
	-webkit-user-select: none; /* for button */
	-moz-user-select: none;
	-ms-user-select: none;
	outline:0;
	}

/* footer */
#footer{width:100%; min-width:1280px; background:#25262a; padding:40px 0 20px; margin:0 auto; position:relative;}
#footer .footer_wrap {width:1280px; margin:0 auto 30px; position:relative;}
#footer .footer_wrap ul li {display:block; margin-bottom:15px; font-size:13px; letter-spacing:0.5px; color:rgba(255,255,255,0.3); text-transform:uppercase; font-weight:300;} 
#footer .footer_wrap ul li:last-child {margin-bottom:0;}
#footer .footer_wrap ul li span.tit {font-size:13px; letter-spacing:0.5px; color:rgba(255,255,255,0.6); display:inline-block; margin-right:24px;}
#footer .footer_wrap div.family_site {display:inline-block; position:absolute; top:0; right:0;}
#footer .footer_wrap div.family_site select {width:244px; height:36px; outline:0; border:1px solid rgba(255,255,255,0.3); box-sizing:border-box; background:none; color:rgba(255,255,255,0.4); padding-left:10px;}
#footer div.copyright {text-transform:uppercase; text-align:center; border-top:1px solid rgba(255,255,255,0.03); padding-top:20px; font-size:13px; letter-spacing:0.5px; color:rgba(255,255,255,0.2); font-weight:300;}



/* pager */
.m00 .pager {margin:120px 0 100px;}
.m00 .pager ul {text-align:center; font-size:0;}
.m00 .pager ul li {display:inline-block; width:38px; height:38px; font-size:16px; line-height:38px; border:1px solid #c9c9c9;}
.m00 .pager ul li a {display:inline-block;}
.m00 .pager ul li a img {vertical-align:top;}
.m00 .pager ul li.prev {margin-right:28px;}
.m00 .pager ul li.next {margin-right:3px; margin-left:26px;}
.m00 .pager ul li.num {margin-right:2px;}
.m00 .pager ul li.num a {color:rgba(0,0,0,0.5); display:inline-block; width:100%; height:100%;}
.m00 .pager ul li.num.on {border:1px solid #272b69;}
.m00 .pager ul li.num.on a {color:#ffffff; background:#272b69; }

/* 팝업 */
.pop_today_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}
.pop_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/*로딩 이미지*/
#loading_img{text-align:center;display:none;width:100%;margin:10px 0px 10px 0px;}