@charset "utf-8";
/* Bluewave Web Standard Team KKS 140701, LSJ 140701 */

/* 공통 :: [컨텐츠 공통] */
.bg_main{height:100%;background:url(../img/bg_main.jpg) no-repeat 0 0;background-size:100% 100%}
.bg_history{height:100%;background:url(../img/bg_history.jpg) no-repeat 0 0;background-size:100% 100%}
.bg_humanity{height:100%;background:url(../img/bg_humanity.jpg) no-repeat 0 0;background-size:100% 100%}
.bg_future{height:100%;background:url(../img/bg_future.jpg) no-repeat 0 0;background-size:100% 100%}
.bg_appendix{height:100%;background:url(../img/bg_appendix.jpg) no-repeat 0 0;background-size:100% 100%}

.img_wrap{display:block}
.img_wrap img{width:100%; height:100%;position:absolute;top:0; left:0;z-index:-1}

/* Layout :: [컨텐츠 공통] */
#wrap{position:relative;min-width:1280px;height:100%;min-height:800px}
#container{width:auto;padding-right:270px}
#gnb{position:absolute;top:0;right:0;z-index:100;width:270px;height:100%}
.logo_h1{position:absolute;top:40px;left:40px;width:130px;height:44px}
.logo_h1 a{display:inline-block;overflow:hidden;width:130px;height:44px;background:url(../img/logo_oilbank.png) no-repeat 0 0;line-height:999em}
.contents{position:relative;width:976px;margin:0 auto}

/* LNB :: [컨텐츠 공통] */
.logo_h2{position:relative;z-index:10;width:270px;height:152px}
.logotxt_h2{display:block;overflow:hidden;position:relative;top:54px;left:34px;;z-index:50;width:202px;height:44px;background:url(../img/logo_fiftyhyundai.png) no-repeat 0 0;line-height:999em}
.bg_gray{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.25;filter:alpha(opacity=25)}
.bg_gnb{display:block;position:absolute;top:0;right:0;z-index:-1;width:270px;height:100%;background-color:#000;opacity:0.5;filter:alpha(opacity=50)}
.lst_gnb{margin-top:1px}
.lst_gnb li{poistion:relative;z-index:50}
.lst_gnb li a{display:block;overflow:hidden;width:270px;height:95px;margin-bottom:1px;background:url(../img/sp_gnb.png) no-repeat;text-indent:-999em}
.lst_gnb li.m1 a{background-position:0 0}
.lst_gnb li.m2 a{background-position:-275px 0}
.lst_gnb li.m3 a{background-position:-550px 0}
.lst_gnb li.m4 a{background-position:-825px 0}
.lst_gnb li.m5 a{background-position:-1100px 0}
.lst_gnb li.m6 a{background-position:-1375px 0}
.lst_gnb li.m1 a:hover,.lst_gnb li.m1 a.on{background-position:0 -100px}
.lst_gnb li.m2 a:hover,.lst_gnb li.m2 a.on{background-position:-275px -100px}
.lst_gnb li.m3 a:hover,.lst_gnb li.m3 a.on{background-position:-550px -100px}
.lst_gnb li.m4 a:hover,.lst_gnb li.m4 a.on{background-position:-825px -100px}
.lst_gnb li.m5 a:hover,.lst_gnb li.m5 a.on{background-position:-1100px -100px}
.group_photobook{margin-top:19px;text-align:center}

/* Button :: [컨텐츠 공통] */
.btn{display:inline-block;overflow:hidden;background:url(../img/sp_btn.gif) no-repeat;line-height:999em}
.btn_photobook{width:206px;height:57px;background-position:0 0}

.btn_motion {overflow:hidden;position:relative;z-index:1;width:109px;height:94px;margin:0 auto}
.btn_motion_mask{position:absolute;top:-94px;left:0;z-index:20;width:109px;height:1px;background:url(../img/bg_btn_mask.png) no-repeat}
.btn_motion_inner{position:absolute;top:0;z-index:30;width:109px;height:94px}
.btn_motion_inner a{display:inline-block;position:absolute;left:0;width:218px;background:url(../img/bg_btn_txt.png) no-repeat}
.btn_motion_inner a span{display:inline-block;text-indent:-999em}
.btn_motion_inner .btn_motion1{top:0;height:178px;background-position:0 0}

/* Title :: [컨텐츠 공통] */
.group_tit{padding-top:120px}
.tit,.txt{display:block;overflow:hidden;margin:0 auto;background:url(../img/sp_tit.png) no-repeat;line-height:999em}
.txt{margin-top:30px;background:url(../img/sp_tit_txt.png) no-repeat}
.h2_appendix{width:482px;height:33px;background-position:0 0}
.h2_humanity{width:485px;height:34px;background-position:0 -40px}
.h2_history{width:443px;height:34px;background-position:0 -80px}
.h2_future{width:432px;height:34px;background-position:0 -120px}
.txt_appendix{width:465px;height:21px;background-position:0 0}
.txt_humanity{width:353px;height:45px;background-position:0 -30px}
.txt_history{width:382px;height:45px;background-position:0 -85px}
.txt_future{width:293px;height:45px;background-position:0 -140px}

/* Visual :: [컨텐츠 공통] */
.visual{display:block;width:260px;height:187px;padding-top:75px;background:url(../img/sp_convis.png) no-repeat}
.vis_appendix{margin:83px auto 0;background-position:0 -1080px}
.vis_humanity_v1{margin-top:59px;background-position:-270px -270px}
.vis_humanity_v2{margin-top:59px;background-position:0 -540px}
.vis_history_v1{margin-top:59px;background-position:0 0}
.vis_history_v2{margin-top:59px;background-position:-270px 0}
.vis_history_v3{margin-top:59px;background-position:0 -270px}
.vis_future_v1{margin-top:59px;background-position:-270px -540px}
.vis_future_v2{margin-top:59px;background-position:0 -810px}
.vis_future_v3{margin-top:59px;background-position:-270px -810px}
.lst_pdfview{overflow:hidden;zoom:1}
.lst_pdfview li{float:left;margin-left:30px}
.lst_pdfview li:first-child{margin-left:0}
.space_pdfview_humanity{width:550px;margin:0 auto}
.space_pdfview_history{width:840px;margin:0 auto}

/* Main */
.tx_maincopy{overflow:hidden;position:relative;width:517px;height:228px;top:170px;margin:0 auto 0;background:url(../img/tx_maincopy.png) no-repeat 0 0;line-height:999em}

/* 인사말 */
.group_greet{overflow:hidden;width:976px;height:684px;padding-top:60px;zoom:1}
.greet_ceo{float:left;width:418px}
.group_scroll{float:left;width:508px;height:644px;padding:20px 0 20px 50px;background:url(../img/bg_whitebox.png) no-repeat 0 0}
.group_txt_greet{overflow:hidden;width:452px;height:1065px;margin-top:40px;background:url(../img/txt_greet.gif) no-repeat 0 0;line-height:999em}