@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=Raleway);

/*  Reset CSS  */
* { margin:0;  padding:0;}
ol,ul { list-style: none; }
a { outline:0; text-decoration:none; color:#555; }
img { border:0;}
body {font-family:'Nanum Gothic,Raleway', sans-serif; line-height:1.6;}

/* 전체 프레임 */
#wrap {position:fixed; top:0px; left:0px; width:100%; height:100%; min-width:1400px; min-height:780px; background-image:url(../img/bg1.jpg); background-size:cover; transition:all 2s;}

/* 로고 */
#wrap h1 {width:243px; height:40px; position:fixed; top:50px; left:80px; background-image:url(../img/logo_b.png); background-size: contain; background-repeat:no-repeat;}
#wrap div {width:100%; height:60px;}

/* 주 메뉴 */
#gnb {position:absolute; width:100%; height:40px;  top: 50px; left:350px; }
#gnb li { float:left; margin-left:30px;}
#gnb li a {font-size:20px; color:gray;}

/* sns 버튼 */
#sns {position:fixed; top:20px; right:50px;}
#sns li {float:left; margin-left:20px;}
#sns li i {font-size:18px; color:#fff; }
#sns li i:hover {transform:scale(2,2); color:#777;}

/* 슬로건 영역 */
#slogan .title {position:absolute; width:800px; top:250px; left:150px; font-family:'Raleway'; font-size:60px; }
#slogan .content {position:absolute; width:500px; top:350px; left:150px; font-family:'Raleway'; font-size:20px;}

/* 티켓 영역 */
#ticket {position:absolute; width:800px; height:400px; top:250px; right:0px; background-image:url(../img/ticket.jpg);}
.txt {position:absolute; top:120px; left:640px; font-size:20px;}

/* 시계 영역 */
figure {position:absolute; top:350px; right:260px; transition:all 2s;}
figure p {position:absolute;  width:400px; height:180px; overflow:hidden; font-size:35px; font-weight:bold; color:#000; line-height:4.6; box-sizing:border-box;  padding-left:50px; z-index:7;}
figure p span {position:relative; margin-top:0px; z-index:7;}

/* 테마 버튼 */
nav {position:absolute; bottom:50px; left:6%; width:88%;}
nav li {float:left; width:23%; }
nav li a {display:block;  width:95%; height:40px; background:#fff; color:#000; margin:0 auto; transition:all 0.5s; font-size:15px; font-weight:normal; line-height:3; letter-spacing:3px; box-sizing:border-box; padding-left:30px;  opacity:0.6; z-index:1; position:relative;}
nav li .fa {font-size:20px; margin-right:10px;}
nav li:hover a {background:#000; color:gray; opacity:0.9;}
nav li.on a {background:#000; color:#fff; opacity:0.9;}


/* 아침 테마*/
#wrap.morning {background-image:url(../img/bg1.jpg);}
#wrap.morning h1 {background-image:url(../img/logo_b.png);}
#wrap.morning #gnb li a {color:gray;}
#wrap.morning #sns i {color:#adadaf;}
#wrap.morning #slogan .title {color:#09258c;}
#wrap.morning figure {background-image:url(../img/ticket_morning.png);}
#wrap.morning article p {color:#666;}
#wrap.morning article p strong {color:#111;}
#wrap.morning article em {color:#333;}
#wrap.morning figure p {color:#000;}
#wrap.morning img:nth-child(1) {opacity:1;}
#wrap.morning img:nth-child(2) {opacity:1;}

/* 오후 테마*/
#wrap.afternoon {background-image:url(../img/bg2.jpg);}
#wrap.afternoon h1 {background-image:url(../img/logo_b.png);}
#wrap.afternoon #gnb li a {color:gray;}
#wrap.afternoon #sns i {color:#adadaf;}
#wrap.afternoon #slogan .title {color:#09258c;}
#wrap.afternoon figure {background-image:url(../img/ticket_afternoon.png);}
#wrap.afternoon article p {color:#666;}
#wrap.afternoon article p strong {color:#111;}
#wrap.afternoon article em {color:#333;}
#wrap.afternoon figure p {color:#000;}
#wrap.afternoon img:nth-child(1) {opacity:1;}
#wrap.afternoon img:nth-child(2) {opacity:1;}

/* 저녁 테마*/
#wrap.evening {background-image:url(../img/bg3.jpg);}
#wrap.evening h1 {background-image:url(../img/logo_w.png);}
#wrap.evening #gnb li a {color:gray;}
#wrap.evening #sns i {color:#fff;}
#wrap.evening #slogan .title {color:#920909;}
#wrap.evening #slogan .content {color:#c1c1c1;}
#wrap.evening figure {background-image:url(../img/ticket_evening.png);}
#wrap.evening article p{color:#444;}
#wrap.evening article p strong {color:#fff;}
#wrap.evening article em {color:#333;}
#wrap.evening figure p {color:#000;}
#wrap.evening img:nth-child(1) {opacity:0.6;}
#wrap.evening img:nth-child(2) {opacity:0.6;}

/* 밤 테마*/
#wrap.night {background-image:url(../img/bg4.jpg);}
#wrap.night h1 {background-image:url(../img/logo_w.png);}
#wrap.night #gnb li a {color:gray;}
#wrap.night #sns i {color:#fff;}
#wrap.night #slogan .title {color:#920909;}
#wrap.night #slogan .content {color:#c1c1c1;}
#wrap.night figure {background-image:url(../img/ticket_night.png);}
#wrap.night article p  {color:#fff;}
#wrap.night article p  strong {color:#fff;}
#wrap.night article em {color:#888;}
#wrap.night figure p {color:#000;}
#wrap.night img:nth-child(1) {opacity:0.1;}
#wrap.night img:nth-child(2) {opacity:0.1;}
#wrap.night figure p img.cl1 {opacity:0.4;}
#wrap.night figure p img.cl2 {opacity:0.4;}