/*
Project :
Author  :
Date    :
*/

/* Common */
*{
	-webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
}
html, body {
	font-family: '돋움', Dotum, sans-serif;font-size:12px;-webkit-font-smoothing: antialiased;background: #fff;line-height:1; color:#333333;
}#menu
img{border:0;margin:0;padding:0;}
a{margin:0;padding:0;}
a[name]{height:0;}

.fleft{float:left;}
.fright{float:right;}
.alternative{z-index: -1;width: 0;height: 0;overflow: hidden;visibility: hidden;}
.txtleft{text-align:left !important;}
.txtcenter{text-align:center !important;}
.txtright{text-align:right !important;}
.txtbold{font-weight:bold !important;}
.prelative{position:relative;}
.pabsolute{position:absolute !important;}
.line_height{ line-height:0px;}
.verttop{ vertical-align:top;}
.vertbottom{ vertical-align:bottom;}
ul, li{ margin:0;}
li img { vertical-align:middle; }
.maright{ margin-right:20px;}
.maleft{ margin-left:20px !important;}
.maleft5{ margin-left:5px;}
.maleft10{ margin-left:10px;}
.maleft14{ margin-left:14px;}
.total{ background-color:#f2f2f2; }
.matop{ margin-top:40px;}
.matop10{ margin-top:10px;}
.matop70{ margin-top:70px;}
.matoplf{ margin-top:14px;}
.matoplf25{ margin-top:25px;}
.fontcolorw{ color:#FFF;}
.fontcolorr{ color:#d73f34;}
.fontcolory{ color:#fed836;}
.paddtop20{ padding-top:20px;}
#note_pr_m img{max-width:100%;}
.fontfno{font-family: 'NotoSans';}


/* Layout */
.container{position:relative;width:1170px;margin:0 auto; text-align:center; }
.container-fluid{position:relative;width:100%;margin:0 auto;  text-align:center;}
.bgtotal{ background: url(/event/images/note_pr/bgtotal.png);}

/* Header */
/*.top{ background-color:#e01d19  rgba(224,29,25,.78); height:85px; }*/
.show_m{ display:none;}
/*.top{ position:fixed; height:60px; z-index: 99998; }*/

#note_pr_m h1{ font-size:40px; margin:15px 0; letter-spacing:-1px; }
#note_pr_m h2{ font-size:35px; margin:15px 0 8px; line-height:40px; letter-spacing:-1px; }
#note_pr_m h3{ font-size:16px; line-height:28px; font-weight:400; margin-bottom:30px; }
.section{text-align:center!important;  font-family: 'NotoSans'; font-weight:400;}
#note_pr_m .intro .introarea{ padding:0 20px; overflow:hidden;  }

#note_pr_m .fullpage01{ background: url(/event/images/note_pr/topbg.png) 50% ; text-align:center; margin:0 auto; position:relative; background-size:cover;}
     #note_pr_m .fullpage01 .top .toplogo{ position:fixed; top:20px;  left:-5px;}
	 #note_pr_m .fullpage01 .top .toplogo img{ width:70%;}
	 #note_pr_m .fullpage01 .intro{ margin-top:-80px; }
	 #note_pr_m .fullpage01 h4{ color:#FFF; font-weight:400; font-size:18px;}
	 #note_pr_m .fullpage01 p{ color:#FFF; font-weight:400; font-size:16px; line-height:25px; margin-top:10px;}
	 #note_pr_m .fullpage01 .intro> ul{ display:inline-block; margin-top:30px;}
	 #note_pr_m .fullpage01 .intro> ul li{ max-width:100%; margin:8px 0; }
	 #note_pr_m .fullpage01 .intro .scroll{ position: absolute; bottom:80px;  text-align:center;  right:45%; }
	 #note_pr_m .fullpage01 .intro .text{ position:absolute; background-color:#e02c1f; padding:15px; color:#FFF; font-size:13px; font-weight:400; bottom:0; width:100%; line-height:20px; }

#note_pr_m .area01{ background-color:#f0f0f0; text-align:center; margin:0 auto}
	 #note_pr_m .area01 .intro ul{ display:inline-block; text-align:center; margin:0 auto; margin-top:35px;width:252px;}
	 #note_pr_m .area01 .intro ul li{ float:left;  font-size:15px; margin-right:10px;  line-height:25px; font-weight:600;}
	 #note_pr_m .area01 img {width:85%;	}

#note_pr_m .area02{ background-color: #c23329; position:relative; }
	 #note_pr_m .area02  .introbg{ position:absolute; top:10px;  left:-10px;}
	 #note_pr_m .area02  .introbg1{ position:absolute; bottom:0px;  left:-35px;}
	 #note_pr_m .area02 .intro ul{ display:inline-block; text-align:center; margin:0 auto; margin-top:25px;}
	 #note_pr_m .area02 .intro ul li{ font-size:15px; line-height:25px; text-align:center; font-weight:600; color:#FFF;}


#note_pr_m .area03{ background-color: #f0f0f0; background: url(/event/images/note_pr/area03_bg_m.png) 60% 0% ; background-size:cover;}
	#note_pr_m  .area03 img{ width:90%;}

#note_pr_m .area04{ background-color: #fcfbe5;  }
	#note_pr_m .area04 .emo1{ position:absolute; bottom:0; left:40%; }
	#note_pr_m .area04 .emo2{ position:absolute; top:0; left:5%; }

#note_pr_m .area05{ background-color: #0e0907;}

#note_pr_m .area06{ background-color: #0e0907; background: url(/event/images/note_pr/area06_bg.png) 50% 50%;  background-repeat:no-repeat; background-position: cover;}
    #note_pr_m .area06 li{ border-top:1px  dotted #999; width:100%; padding:20px 0;}
	#note_pr_m .area06 li:first-child{ border-top: none; padding-top:0;}
	#note_pr_m .area06 li h5{ font-size:14px; color:#FFF; font-weight:400; line-height:20px; }
	#note_pr_m .area06 li p{ margin-top:10px; color:#a6a6a6;}

/*#note_pr_m .area07{background-color: #c23329; position:relative;}
  /* #note_pr_m .area07 img{ max-width:30%;}




     .area07 .intro .bgred{background-color: #000; position:absolute; bottom:0; width:100%; padding:15px 0; }
	 .area07 .intro .bgred h5{ font-size:16px; font-weight:400; margin-bottom:26px; color:#FFF;}
	 .area07 .intro .bgred> ul{display:inline-block; text-align:center; margin:0 auto; }
	 .area07 .intro .bgred> ul li{ float:left; margin-left:14px; width:40%;}
	 .area07 .intro .bgred> ul li:first-child{ margin-left:0px;}
	 .area07 .intro .bgred> p{ font-size:12px; margin-top:25px; color:#FFF;	font-weight:300; letter-spacing:6px;  }*/

#note_pr_m .area07{background-color: #c23329; position:relative; }
     #note_pr_m .area07 .top .toplogo{ position:fixed; top:20px;  left:-5px;}
	 #note_pr_m .area07 .top .toplogo img{ width:70%;}
	 #note_pr_m .area07 .intro> ul{display:inline-block;margin:30px auto 50px;padding:0 20px;}
	 #note_pr_m .area07 .intro> ul li{margin:1% 2%;width:46%;float:left;}
	 #note_pr_m .area07 .intro .scroll{ position: absolute; bottom:80px;  text-align:center;  right:45%; }
	 #note_pr_m .area07 .intro .text{ position:absolute; background-color:#000; padding:15px; color:#FFF; font-size:13px; font-weight:400; bottom:0; width:100%; line-height:20px; }
     #note_pr_m .area07 .play1{ margin-bottom:10px; }
     #note_pr_m .area07 h3{ margin-bottom:20px;}



@media screen and (max-width: 320px){

    #note_pr_m h2{ font-size:25px; margin:30px 0 0px; line-height:30px; }
    #note_pr_m h3{ font-size:14px;   margin-bottom:15px; }


	 #note_pr_m .fullpage01 h4{ margin-top:70px; font-size:15px;}
	 #note_pr_m  h1{ font-size:35px; margin:10px 0;}
	 #note_pr_m .fullpage01 p{ font-size:14px;  }
	 #note_pr_m .fullpage01 .intro .text{ font-size:12px;  padding:8px 15px; font-weight:400; bottom:0; width:100%; line-height:20px; }

	 #note_pr_m .area01 img {width:65%;}
	 #note_pr_m .area02  .introbg1{  left:-70px;}
	 #note_pr_m .area02 .intro ul{  margin-top:15px;}
	 #note_pr_m .area03 img{ width:80%; margin-bottom:40px;}

	 #note_pr_m .area06 li{ border-top:1px  dotted #999; width:100%; padding:10px 0;}
	 #note_pr_m .area06 li h5{ font-size:12px; font-weight:300; line-height:16px; }
	 #note_pr_m .area06 li p{ margin-top:10px; color:#a6a6a6;}

	 #note_pr_m .area07{background-color: #c23329;}
	 #note_pr_m .area07 .play1{ margin-bottom:0px; }
	 #note_pr_m .area07 .intro> ul{ margin-top:20px; margin-bottom:80px;}
	 #note_pr_m .area07 .intro> ul li{ margin:0px 3px; }

	}