@charset "utf-8";

/* base */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline: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}
html,body{width:100%;background-color:#000}
/* --------------------------------------------------------------------------
	Common 
-------------------------------------------------------------------------- */
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt55{margin-top:55px}
.c{text-align:center}

/* --------------------------------------------------------------------------
	Layout 
-------------------------------------------------------------------------- */
#wrap{position:relative;width:640px}

/* header */
header{position:relative;width:100%}
.header_top{position:relative;width:100%;height:60px;background:url('../images/common/bg_header.gif') repeat-x top left}
.header_top span:first-child{position:absolute;top:0;left:30px}
.header_top span:last-child{position:absolute;top:0;right:20px}
.gnb{display:table;width:100%;height:80px;border-bottom:1px solid #a59f96;text-align:center;vertical-align:top;}
.gnb li{display:table-cell;width:25%;height:80px;background:url('../images/common/bg_mnav.gif') repeat-x top left;border-right:2px solid #ccc;border-left:2px solid #fff;vertical-align:top}
.gnb li a span{font-size:0;line-height:0}
.gnb li:first-child{border-left:0 !important}
.gnb li:last-child{border-right:0 !important}
.gnb_a{display:block;height:80px;font-size:0}
.gnb_on{background:url('../images/common/bg_mnav_on.gif') repeat-x 0 0 !important;border-left:0 !important;border-right:0 !important}
.gnb_vc{display:inline-block;overflow:hidden;height:80px;background:url('../images/common/gnb_menu.png') no-repeat scroll;font-size:0;text-indent:-1000px}
.gnb_i .gnb_vc{width:150px;background-position:0 0}
.gnb_w .gnb_vc{width:150px;background-position:0 -160px}
.gnb_c .gnb_vc{width:150px;background-position:0 -320px}
.gnb_d .gnb_vc{width:150px;background-position:0 -480px}
.gnb_i.gnb_on .gnb_vc{background-position:0 -80px}
.gnb_w.gnb_on .gnb_vc{background-position:0 -240px}
.gnb_c.gnb_on .gnb_vc{background-position:0 -400px}
.gnb_d.gnb_on .gnb_vc{background-position:0 -560px}

/* footer */
footer{position:relative;width:100%;height:95px;background:#383838}
footer p{display:inline-block;margin-left:30px;padding-top:20px;vertical-align:top}
footer p span{display:inline-block;float:left}
footer p span.logo{height:53px;padding-top:10px;padding-right:20px;border-right:1px solid #4c4c4c}
footer p span.copy{padding-left:15px}

/* main */
.main{position:relative;width:100%;height:710px;background:url('../images/main/bg_main.jpg') no-repeat top left}
.main h2{position:absolute;top:144px;left:19px}
.main .mov{position:absolute;bottom:50px;left:30px;width:235px;height:150px;padding:5px;background:url('../images/main/mov.jpg') no-repeat top left;box-shadow: 3px 3px 13px #000}
.main .mov a{display:block;width:235px;height:150px}
.tw{position:relative;width:640px;;height:50px}

/*company*/
.bg_main{display:inline-block;width:100%;background:#0e1508 url('../images/company/company_bg.png') no-repeat 0 60px !important}
.container{display:inline-block;width:580px;margin:0 30px;padding:30px 0}
.container h1{margin-top:20px}
.container h2{margin-top:20px}
.container .bg_map{margin-top:16px}
.container .bg_add{margin-top:19px}
.container .re{margin-top:20px;float:left}
.container span{position:absolute;width:124px;height:30px;top:705px;left:167px}
.container .bg_font_1{margin-top:80px;}
.container .bg_font_2{margin-top:32px;}
.container .bg_font_3{margin-top:19px;}

/*introduction*/
.bg_main_con{width:100%;background:url('../images/introduction/bg_world02.gif') repeat-y top left}
.bg_main_con .font{margin-top:34px;margin-left:30px}
.bg_main_con .img_con{width:580px;height:823px;margin-top:27px;margin-left:30px;margin-right:30px;margin-bottom:30px}
.img_con .img_m{margin-top:21px}

/* world */
.world{position:relative;width:640px;background:url('../images/world/bg_world02.gif') repeat-y top left}
.w_top{position:relative;width:100%;height:770px;padding-bottom:10px;background:url('../images/world/bg_world.jpg') no-repeat top left}
.w_top>*{position:absolute;left:30px}
.w_top h2{top:432px}
.w_top .s_title{top:573px}
.w_top p:nth-child(3){bottom:30px}
.w_con{width:580px;margin:0 30px;padding-bottom:64px;border-bottom:2px solid #4f5b63}
.w_con p{margin-bottom:35px}
.w_con p:nth-of-type(3){margin-bottom:40px}
.w_con span{display:block;margin-bottom:30px}
.gallery{width:580px;padding:26px 30px 0 30px}
.gallery h2{margin-bottom:15px}
.gallery li{margin-bottom:10px}
.gallery li:last-child{padding-bottom:30px;margin-bottom:0}

/* character */
.character{position:relative;overflow:hidden;width:100%;height:557px;background:url('../images/chara/bg_chara.jpg') no-repeat top left}
.character h2{position:absolute;top:40px;left:30px}
.character p{position:absolute;top:249px;left:30px}
.chara_top{position:relative;width:640px}
.chara_top h2{position:absolute;top:488px;left:30px}
.seha{height:620px;background:#020e16 url('../images/chara/bg_chara01.jpg') no-repeat top left}
.sulbi{height:620px;background:#020e16 url('../images/chara/bg_chara02.jpg') no-repeat top left}
.yuri{height:620px;background:#020e16 url('../images/chara/bg_chara03.jpg') no-repeat top left}
.j{height:620px;background:#020e16 url('../images/chara/bg_chara04.jpg') no-repeat top left}
.j h2{position:absolute;top:485px;left:30px}
.chara_info{width:610px;padding:0 0 50px 30px;background:#020e16}
.chr_movie{width:580px;height:280px}
.chara_txt{margin-top:40px}
.screenshot{width:580px;margin-top:40px}
.screenshot span{display:block}
.screenshot span:first-child{margin-bottom:20px}

/*download*/
.bg_main_conbox{display:inline-block;width:100%;background:url('../images/download/bg_world02.gif') repeat-y}
.dwnload{position:relative;width:100%}
.dwnload h1{height:595px}
.dwn_box{display:inline-block;position:relative;width:580px;margin:55px 0 0 30px;padding-top:25px;border-top:2px solid #4e555a}
.dwn_box h2{height:38px;vertical-align:top}
.p_lst{position:relative;width:100%;height:180px}
.p_lst li{display:inline;overflow:hidden;float:left;width:180px;height:180px;margin-left:20px}
.p_lst li:first-child{margin-left:0}
.sns_lst{display:inline-block;position:relative;width:100%}
.sns_lst li{display:inline;overflow:hidden;float:left;width:180px;height:250px;margin-left:20px}
.sns_lst li:first-child{margin-left:0}
.sns_lst .mln{margin-left:0}
.sns_lst .thum{overflow:hidden;width:180px;height:180px}
.sns_lst .txt{display:block;width:180px;height:30px;margin-top:15px}

/*download_01*/
.img_con{width:180px;height:180px}

/* 모달 팝업 */
.modalBg{display:none;position:absolute;top:0;left:0;width:0;height:0%;background:#000}
.modalPopupContainer{position:absolute}
.modalPopupContainer .popupCon{position:absolute}