@charset "utf-8";
/* 20120925 rhaon - at'life */

/* Layout */
body{background:url(../images/bg/bg_body_bg.gif) repeat-y 0 0}
#wrap{width:1160px;overflow:hidden;}
#header{position:absolute;top:0;left:0;width:200px}
#spot{overflow:visible;position:absolute;top:0;left:200px;z-index:1000;width:630px}
#container{position:relative;left:830px;z-index:300;margin-left:-1px;background:url(../images/bg/bg_main_bg.gif) repeat 0 0}
#content{overflow:hidden;position:relative;z-index:500;width:265px;height:100%;padding:0 40px;background:url(../images/bg/bg_content_bg.png) repeat-y 100% 0}

/* header */
/* logo */
h1{margin:55px 0 0 25px}

/* gnb */
.gnb{margin:68px 0 0 25px}
.gnb li{width:135px}
.gnb li.gnb_cmp,.gnb li.gnb_game,.gnb li.gnb_care,.gnb li.gnb_being{padding:14px 0 20px 15px;border-top:1px solid #e3a511}
.gnb ul{margin-top:15px}
.gnb ul li{margin-bottom:10px}
.gnb ul li.gnb_last{margin-top:-12px}

.btn_eng{position:absolute;bottom:-150px;left:25px}

/* spot */
#slides{position:absolute;top:0;left:0;z-index:1000}

.slides_container{display:none;position:relative;overflow:hidden;width:632px}
.slides_container a{display:block;width:632px;height:1066px}
.slides_container a img{display:block}

.home_pager{position:absolute;top:360px;z-index:200;width:37px;height:89px;background:url(../images/btn/spr_paginate.png) 0 0 no-repeat;cursor:pointer;text-indent:-9999px}
.home_prev{left:-15px}
.home_prev:hover{background-position:0 -89px}
.home_next{background-position:-37px 0;right:-15px}
.home_next:hover{background-position:-37px -89px}

.pagination{position:absolute;bottom:120px;left:290px;z-index:1100}
.pagination li{float:left;margin:0 1px}
.pagination li a{display:block;overflow:hidden;float:left;width:12px;height:0;padding-top:12px;background-image:url(../images/btn/pagination.png);background-position:0 0}
.pagination li.current a{background-position:0 -12px}

/* content */
.cont{position:relative;margin-top:150px;border-bottom:1px solid #e5e5e5}
.being{position:relative;margin:20px 0}
.cont_img{margin-top:10px;padding-bottom:15px}
.being_img{margin-top:10px}

.press,.care{position:relative;margin:20px 0;border-bottom:1px solid #e5e5e5}
.press ul,.care ul{margin:7px 0 20px}
.press ul li,.care ul li{line-height:18px}

.cont_more{position:absolute;top:20px;left:150px}
.press_more{position:absolute;top:4px;left:105px}
.care_more{position:absolute;top:4px;left:65px}
.being_more{position:absolute;top:15px;left:108px}

.copyright{margin-top:340px;padding-bottom:20px}