@charset "utf-8";

/* =================================================================================
* INFORMATION
* -----------------------------------------------------------------------
* @Author : Cho, Myoung Jin (lexycho@igrove.co.kr)
* @File Name :  Layer.css
* @Description : Style Sheet
* @Version : 1.0
* @Create Date : 2012.10.27
* @Update Date : 2012.10.27
* @History : N/A
* ================================================================================= */

/* ====================== */
/* Default   */
/* ====================== */

hr { display: none;}
ul, ol { list-style: none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, legend { margin : 0; padding : 0;}
address, caption, cite, code, dfn, em, th, var { font-style : normal;  font-weight : normal;}
p, div, ul, li, dl, dt, dd, ol, em, fieldset, textarea, input, select, table, th, td, address, cite, h1, h2, h3, h4, h5, h6 { color: #9a9a9a; font-size: 13px; line-height: 140%; }
body, * {font-size:14px;color:#9a9a9a;font-family:'notokr','Malgun Gothic','AvantGarde';font-weight:normal;}
@font-face {
  font-family:'notokr'; 
  font-weight: normal;
  src: url('http://www.n-league.org/collections/2013/font/notokr-medium.eot') format('embedded-opentype'),
       url('http://www.n-league.org/collections/2013/font/notokr-medium.woff') format('woff'),
       url('http://www.n-league.org/collections/2013/font/notokr-medium.woff2') format('woff2'),
       url('http://www.n-league.org/collections/2013/font/notokr-medium.ttf') format('truetype');
}
@font-face {
  font-family:'notokr'; 
  font-weight: 100;
  src: url('http://www.n-league.org/collections/2013/font/notokr-demilight.eot') format('embedded-opentype'),
       url('http://www.n-league.org/collections/2013/font/notokr-demilight.woff') format('woff'),
       url('http://www.n-league.org/collections/2013/font/notokr-demilight.woff2') format('woff2'),
       url('http://www.n-league.org/collections/2013/font/notokr-demilight.ttf') format('truetype');
}
@font-face {
  font-family:'notokr'; 
  font-weight: 500;
  src: url('http://www.n-league.org/collections/2013/font/notokr-regular.eot') format('embedded-opentype'),
       url('http://www.n-league.org/collections/2013/font/notokr-regular.woff') format('woff'),
       url('http://www.n-league.org/collections/2013/font/notokr-regular.woff2') format('woff2'),
       url('http://www.n-league.org/collections/2013/font/notokr-regular.ttf') format('truetype');
}
@font-face {
  font-family:'notokr'; 
  font-weight: bold;
  src: url('http://www.n-league.org/collections/2013/font/notokr-bold.eot') format('embedded-opentype'),
       url('http://www.n-league.org/collections/2013/font/notokr-bold.woff') format('woff'),
       url('http://www.n-league.org/collections/2013/font/notokr-bold.woff2') format('woff2'),
       url('http://www.n-league.org/collections/2013/font/notokr-bold.ttf') format('truetype');
}
@font-face {
  font-family:'notokr'; 
  font-weight: 900;
  src: url('http://www.n-league.org/collections/2013/font/notokr-black.eot') format('embedded-opentype'),
       url('http://www.n-league.org/collections/2013/font/notokr-black.woff') format('woff'),
       url('http://www.n-league.org/collections/2013/font/notokr-black.woff2') format('woff2'),
       url('http://www.n-league.org/collections/2013/font/notokr-black.ttf') format('truetype');
}
/* AvantGarde case */
@font-face {
  font-family:'AvantGarde'; 
  font-weight: normal;
  src: url('http://www.n-league.org/collections/2013/font/AvantGarde-Demi.eot') format('embedded-opentype'),
       url('http://www.n-league.org/collections/2013/font/AvantGarde-Demi.woff') format('woff'),
       url('http://www.n-league.org/collections/2013/font/AvantGarde-Demi.woff2') format('woff2'),
       url('http://www.n-league.org/collections/2013/font/AvantGarde-Demi.ttf') format('truetype');
}
@font-face {
  font-family:'AvantGarde'; 
  font-weight: 100;
  src: url('http://www.n-league.org/collections/2013/font/AvantGarde-Book.eot') format('embedded-opentype'),
       url('http://www.n-league.org/collections/2013/font/AvantGarde-Book.woff') format('woff'),
       url('http://www.n-league.org/collections/2013/font/AvantGarde-Book.woff2') format('woff2'),
       url('http://www.n-league.org/collections/2013/font/AvantGarde-Book.ttf') format('truetype');
}

html, body { font-size: 12px; /*overflow:hidden;*/}

table {/*border-collapse:collapse;*/ border-spacing:0px; width:100%}
caption { display: none;}
th { font-weight:bold;}

a { text-decoration:none;}
a:hover { text-decoration:none;}
img { border: none;}

html>/**/body { overflow-x:hidden; overflow-y:hidden;}

/*html { overflow:hidden; resize:none;}
body { overflow:hidden; resize:none;}*/

.left { float:left;}
.right { float:right;}

/* ====================== */
/* Layout   */
/* ====================== */
.skip-navigation { display:none;}
body { background:#100a04 url('../image/intro/bg_intro.jpg') repeat-x center top}
#wrap { margin:0 auto; width:840px; /*height:848px;*/ text-align:left; /*overflow-x:hidden; overflow-y:hidden;*/}	
#head { position:relative; height:300px; text-align:center; background: url('../image/intro/intro_logo.png') no-repeat center }
#head div { margin:0 auto; width:840pxpx;}
#head h1 { float:left}
#head ul { float:right;}
#head ul li { float:left; padding-left:24px; padding-top:23px; }
#head ul li a {color:#bdbdbd; font-size:17px; display:inline-block; overflow:hidden; vertical-align:middle; font-weight:600; line-height:18px; letter-spacing:-0.2px; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s;-o-transition: all ease-out 0.25s;}
#head ul li a:hover {color:#f0c459; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s;-o-transition: all ease-out 0.25s;}
#container { position:relative; z-index:1; clear:both; width:840px; height:400px; text-align:center; overflow:hidden;}
#container ul { float:left;}
#container ul li { float:left; margin-right:40px; width:400px; height:400px; text-align:center;}
#container ul li:last-child {margin-right:0px;}
#container ul li div.back {position:relative; z-index:1; width:400px; height:400px; background:#000000; opacity:.3; filter:alpha(opacity=30);  border-radius:10px;}
#container ul li div.data1 {position:absolute; left:45px; z-index:2; width:310px; height:320px; margin-top:50px;}
#container ul li div.data2 {position:absolute; right:45px; z-index:2; width:310px; height:320px; margin-top:50px;}
#container ul li div a {color:#fff; font-size:22px; font-weight:600; line-height:18px; letter-spacing:-0.2px;}
#container ul li div a:hover {color:#f0c459;}
#container ul li div img {padding-bottom:20px;}
#container ul li div a span {background:#0d4f8d; height:40px; color:#fff; display:block; font-size:16px; margin-top:50px; padding-top:20px; border-radius:4px; font-weight:700; }
#container ul li div a:hover span {font-weight:700; background:#c5ad6c; color:#1c0e09;}

#contents { position:relative; margin:0 auto; width:984px; text-align:left;}
#contents h2 { clear:both; height:120px; font-size:60px; font-weight:600;  letter-spacing:-0.2px; color:#dbac52; line-height:160px;}
.snb { position:relative; float:left; width:357px; height:561px;}
.detail { position:relative; float:right; width:613px; height:561px;}
.data { position:absolute; z-index:2; color:#ffffff;}
.back { position:relative; z-index:1; width:400px; height:400px; background:#000000; opacity:.6; filter:alpha(opacity=60); border-radius: 8px;}
#footer { clear:both; width:840px; padding-top:36px; height:14px; text-align:center; }
#footer p { margin:0 auto; width:218px; height:11px; color:#baa983;}

:hover {-webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s;-o-transition: all ease-out 0.25s;}
a {-webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s;-o-transition: all ease-out 0.25s;}