@charset "utf-8";

/* base */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0; padding:0; }

table {border-spacing:0}
fieldset, img {border:0}
img {vertical-align:top}
ul, ol {list-style:none}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:0}
caption, legend {display:none}
textarea {resize: none} /* Å©·Ò,»çÆĸ® */
body { width:100%; height:100%;}
a:link, a:visited {text-decoration:none}
a:active, a:hover {text-decoration:underline}

#wrap {position:relative; width:100%;}
#container {overflow:hidden; position:relative; z-index:11;}
.arr_l {position:absolute; top:45%; left:50px; cursor:pointer;}
.arr_r {position:absolute; top:45%; right:50px; cursor:pointer;}
.main_contents {position:relative; overflow:hidden;}
.roll {position:absolute;}
.mainImage {position:absolute; top:0px; left:0px;}
.mainBg1 {}
.mainBg2 {width:1000px; height:200px;}
.mainBg3 {width:1162px; height:200px;}

.main_box {position:absolute; top:15%; left:15%; z-index:600;}
.title_box {position:absolute; width:400px; height:325px;}
.title_box h2.title1 {position:absolute; top:1px; left:6px;}
.title_box h2.title2 {position:absolute; top:34px; left:13px;}
.title_box a.btn_story {position:absolute; top:224px; left:0;}
.title_box a.btn_about {position:absolute; top:235px; left:9px;}
.title_box a.btn_iris {position:absolute; top:235px; left:9px;}
.roll_btn_box {position:absolute; bottom:-25%; left:0; width:162px; height:70px; z-index:601;}
.roll_btn_box h3 {height:27px; margin-bottom:15px;}
.roll_btn_box .roll_btn {position:relative; width:162px; height:28px; overflow:hidden; z-index:602;}
.roll_btn_box .roll_btn span {float:left; cursor:pointer; z-index:602;}

 html, body {margin:0; padding:0; height:100%;	font-family:"¸¼Àº °íµñ", malgun;}
  body {background:#fff; font-size:0.75em; color:#666;}
  ul { margin:0; padding:0; list-style:none; list-style-type:none;}
  li { margin:0; padding:0; list-style-type:none; }
  #footer p {margin:0;}



.modalBg {position:absolute; top:0px; left:0px; width:0; height:0%; background:#000000; display:none; z-index:500;}
.modalPopupContainer {position:absolute; z-index:501;}
.modalPopupContainer .popupCon {position:absolute;}

#maintap #box_skin {margin:10px 0 20px 0;}
#maintap li {display:inline; margin:0px; line-height:0px;}
#maintap li img {cursor:pointer;}