@import url('https://fonts.googleapis.com/css?family=Roboto:100');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:700,800');


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


html, body{width:100%; overflow-x: hidden; letter-spacing: -0.25px;}
* {margin: 0; padding: 0; box-sizing: border-box; word-break: keep-all;}
body{ background:#fff; font-size: 16px; text-align:left; font-weight:300; font-family:  'Noto', 'Sans-serif', sans-serif;  word-break:break-all;  cursor: default;}
img,fieldset,iframe{border:0;}
img {vertical-align: middle;}
ul, li {list-style: none; outline: none;}
input,textarea,select,button{border: 0; font-size: inherit; font-family: inherit; font-size: inherit; resize: none;}
em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0; border:0;}
button * {position:relative; overflow:hidden;}
hr{visibility: hidden;}
legend{*width:0}
a {color: inherit;}
table{border-collapse:collapse;border-spacing:0}

/* HTML5 Reset */
section,nav,menu,article,aside,footer,header,figure,figcaption,details,address  {display:block;}
select, option {-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
select::-ms-expand {display: none;} 
input:focus, textarea:focus, select:focus {outline: none;}
input, textarea {border: 0; font-size: inherit; font-family: inherit; font-size: inherit; resize: none;}
ul, li {list-style: none; outline: none;}
a {border: 0; text-decoration:none}
a, span {display: inline-block;}

/* img[src$=".gif"], img[src$=".png"], img[src$=".jpg"] {
  image-rendering: -moz-crisp-edges;         Firefox
  image-rendering:   -o-crisp-edges;         Opera
  image-rendering: -webkit-optimize-contrast;Webkit (non-standard naming)
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;  IE (non-standard property)
} */


/*********************************************
* loading Box
*********************************************/
.loadingWrap { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; display:none; }
.loadingBg {background: none repeat scroll 0 0 #fff; height: 100%; left: 0; filter:alpha(opacity=50);-moz-opacity:0.50; opacity: 0.5; position: absolute; top: 0; width: 100%; }
.loading {border: 1px solid #BBA07C;margin-left: -500px;
background: #f2f2f2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f2f2f2 0%, #fcfcfc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 0%,#fcfcfc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f2f2 0%,#fcfcfc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f2f2 0%,#fcfcfc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-8 */
position:fixed;top:-1px;left:50%;width:1000px;height:51px;line-height:50px;z-index:9999;text-align:center;}
.loading p {color:#525252;font-weight:bold;letter-spacing:-0.03em;}

/*********************************************
* Main Event Popup
*********************************************/
.pop_notice_set{position :absolute;top:140px;z-index:5000}
.pop_notice_set.ld{position: fixed; z-index: 999; top: 40%; left: 20px;}
.pop_notice_set .pop_notice{/* float: left; */ background :#fff;position:relative}
.pop_notice_set .pop_notice .pop_notice_content{width: auto; /* max-width: 460px; min-height: 200px; */ border: 1px solid #3d3d3d;background :#fff;text-align:left;padding:5px 5px 30px }
.pop_notice_set .pop_notice .pop_notice_content p{margin:10px;line-height:1.4}
.pop_notice_set .pop_notice .pop_notice_content img{width: 100%; /* min-width: 200px */}
.pop_notice_set .pop_notice .pop_notice_footer{position: absolute; left: 0; bottom: 0; right: 0; border-width: 0 1px 1px;border-style :solid;border-color:#3d3d3d;background:#ededed;height:30px;line-height:22px;padding:0 10px 0 ;text-align :left}
.pop_notice_set .pop_notice .pop_notice_footer input{vertical-align: middle}
.pop_notice_set .pop_notice .pop_notice_footer label{color: #ADACAC; vertical-align: middle; display: inline-block}
.pop_notice_set .pop_notice .pop_notice_footer a.btn_close,.pop_notice_set .pop_notice .pop_notice_footer a.notToday{display :inline-block;padding:0 15px 0 14px;background :url(/Reanworld_common/images/homepage/common/ico_close.gif) 0 50% no-repeat;font-family:dotum;font-size:11px}
.pop_notice_set .pop_notice .pop_notice_content.bg01{width: 383px; height: 319px; background: url(/images/homepage/common/bg_ind_pop.jpg) no-repeat!important}
.pop_notice_set .pop_notice .pop_notice_content.bg02{width: 383px; height: 319px; background: url(/images/homepage/common/bg_ind_pop02.jpg) no-repeat!important}
.pop_notice_set .pop_notice .pop_notice_content.bg03{width: 383px; height: 319px; background: url(/images/homepage/common/bg_ind_pop03.jpg) no-repeat!important}
.pop_notice_set .pop_notice .pop_notice_content.bg01 p,.pop_notice_set .pop_notice .pop_notice_content.bg02 p,.pop_notice_set .pop_notice .pop_notice_content.bg03 p{margin:13px 16px}

.pop_notice_set .youtube-banner {width: 500px; height: 250px;}
.pop_notice_set .landing-banner {width: 300px; height: 150px;}