@CHARSET "UTF-8";

@import "etc.css";

/* Gallery Zone */
#galleryZone {position:relative; width:760px; height:414px; overflow:hidden; margin:25px auto}
#galleryZone h4 {position:absolute; bottom:0px; left:0px; z-index:40; padding:21px 22px; margin:0px; width:716px; font-size:14px; line-height:1; color:white; background:url(../images/sub/zoneBg.png) repeat-x left top}
#galleryZone ul {overflow:hidden; width:760px; height:414px; list-style:none; margin:0; padding:0}
#galleryZone ul li {width:760px; height:414px; padding:0; margin:0; font-size:0; line-height:0}
#galleryZone ul li a {line-height:1; font-size:12px}
#galleryZone ul li a img {width:760px; height:414px}
#galleryZone .popupBtn {position:absolute; z-index:40; bottom:70px; left:0px; width:100%; text-align:center; line-height:1; margin-bottom:4px}
#galleryZone .popupBtn img {margin:0px; cursor:pointer}
#galleryZone a#btnPrev {display:block; width:45px; height:46px; position:absolute; top:170px; left:0px}
#galleryZone a#btnNext {display:block; width:45px; height:46px; position:absolute; top:170px; right:0px}

/* 회사소개 회사개요 */
#content .contentMovie {width:760px; height:427px; margin-bottom:60px;}

/* 재단소개 */
#container .foundationBG {background:url(../images/sub/bgfoundation.png) no-repeat 100% 0px;}

/* 장학재단 */
#container .EncourageBG {background:url(../images/sub/bgEncourage.png) no-repeat 100% 0px;}
/* 나눔재단 */
#container .shareBG {background:url(../images/sub/bgShare.png) no-repeat 100% 0px;}

/* 회사소개 인사말 공통 및 greeting01 */
#container .greeting {background:url(../images/sub/bgGreeting.png) no-repeat 100% 0px;}
#container .greeting .subTabCon .acaAbility,
#container .greeting .subTabCon .career {overflow:hidden; margin-bottom:50px;}
#container .greeting .subTabCon .sideTit {float:left; margin-right:25px;}
#container .greeting .subTabCon .listCon {float:left;}
#container .greeting .subTabCon .listCon li {margin-bottom:15px; padding-left:8px; background:url(../images/sub/subBullet.png) no-repeat 0 50%;}

/* 회사소개 인사말 greeting02 */
#container .greeting .subTabCon .rollingArea {width:760px; height:414px; margin-bottom:40px;}

/* 회사소개 비전 및 회사소개 이야기 */
#content .conDeviceArea .country,
#content .conDeviceArea .foreign,
#content .conDeviceArea .hStory, 
#content .conDeviceArea .yStory {overflow:hidden;margin-bottom:70px;}

/* 회사소개 글로벌 */
#content .globalMap {width:760px; height:384px;}
#content .conDeviceArea address {font-style:normal; line-height:20px; padding-bottom:70px;}

/* 회사소개 CI */
#content .CILogo {width:760px; height:384px;}
#content .conDeviceArea address {font-style:normal; line-height:20px; padding-bottom:70px;}

/* 계열사소개 */
#content .conDeviceArea .bYak,
#content .conDeviceArea .dLeisure,
#content .conDeviceArea .outro {float:left; width:370px; margin-right:10px; margin-bottom:50px;}

/* 회사연혁 */
.subTabCon .historyList{width:570px;overflow:hidden;}
.subTabCon .historyList li.historyYear {width:100%;overflow:hidden;margin-top:15px;}
.subTabCon .historyList li p{float:left;margin:0}
.subTabCon .historyList li .historyMonth{float:right; width:500px; overflow:hidden; position:relative; top:-3px}
.subTabCon .historyList li .historyMonth li{widht:100%;overflow:hidden;}
.subTabCon .historyList li .historyMonth li img{float:left; padding-top:3px}
.subTabCon .historyList li .historyMonth li ul.historyCon {float:right; width:460px; overflow:hidden; position:relative; top:-2px;}
.subTabCon .historyList li .historyMonth li ul.historyCon li {line-height:200%}

 /* 인재상 */
.blackyakTalented {position:relative}
.blackyakTalented ul.some {border-top:1px solid #E1E1E1; width:644px}
.blackyakTalented ul.some li {padding:30px 0px 29px 0px; line-height:0; font-size:0px; border-bottom:1px solid #E1E1E1}
.blackyakTalented ul.some li h4 {margin:0px 0px 12px 0px; font-size:12px; line-height:1}
.blackyakTalented ul.some li p {font-size:12px; margin:0px; line-height:1}
.blackyakTalented p.world {line-height:1; margin:20px 0px 134px 0px}
.blackyakTalented img.photo {position:absolute; top:-110px; right:0px}
ul.globalTop5 {text-indent:-9999px; overflow:hidden; width:760px; height:208px; padding-bottom:80px; background:url(../images/sub/mapPerson.png) no-repeat left top}

/* 직무소개 */
ul.dutyIntro {overflow:hidden}
ul.dutyIntro li {position:relative; padding-left:156px; margin-bottom:33px}
ul.dutyIntro li h4 {position:absolute; top:0px; left:0px; width:180px; margin:0px}
ul.dutyIntro li ul {overflow:hidden}
ul.dutyIntro li ul li {float:left; width:278px; padding:0px 0px 36px 24px; margin-bottom:0px}
ul.dutyIntro li ul li h5 {margin:0px 0px 14px 0px}
ul.dutyIntro li ul li p {line-height:150%; margin:0px;}

/* 채용절차 */
ul.adoption {overflow:hidden; padding-bottom:20px}
ul.adoption li {font-size:0px; line-height:0; margin-bottom:51px}
ul.adoption li h4,ul.adoption li p {line-height:1; font-size:12px; margin:0}
ul.adoption li p {padding-left:183px; line-height:150%}

/* 이벤트 배너 */
.eventBanner {margin-bottom:29px; min-width:100%}

/* 브랜드 블랙야크 */
#container .currentBrand {background:url(../images/sub/bannerBrand.png) no-repeat 0 1px}
#container .currentBrand h2 {margin:72px 0 0px 33px;padding-bottom:109px}
.brandBy {padding-bottom:155px;background: url(../images/sub/bgBlackYakInsung.png) no-repeat 1px 50px}
.brandTit {padding-bottom:41px}
.brandCon {overflow:hidden;}
.brandCon .brandIntro {float:left}
.brandCon .brandIntro .brandLogo {margin:0;padding-bottom:8px}
.brandCon .brandTxt {float:left;padding-top:0px}
.brandCon .brandTxt p {text-align:left;margin:0;padding-bottom:30px}
.btnGroup {text-align:right;padding-top:15px}
.btnGroup li {padding-bottom:5px}

/* 브랜드 마운티아 */
.brandMt {padding-bottom:155px;background:url(../images/sub/bgMountia.png) no-repeat 1px 50px}
.brandMt .brandCon {position:relative}
.brandMt .brandCon .brandIntro {padding-top:208px}
.brandMt .brandCon .brandTxt {float:left; padding-top:165px}
.brandMt .brandCon .brandTxt p.brandTag02 {position:absolute;left:0;top:0}
.brandMt .btnGroup {position:absolute;left:0;top:680px}

/* 브랜드 카리모어 */
.brandKm {padding-bottom:75px;background:url(../images/sub/bgKarrimor.png) no-repeat 0 112px}
.brandKm .brandTit {padding-bottom:55px}
.brandKm .brandCon .brandIntro {float:right;text-align:right}
.brandKm .brandCon .brandTxt {float:left;padding-top:136px}
.brandKm .brandCon .brandTxt p.brandTag02 {position:absolute;top:300px}
.brandKm .brandCon .brandTxt p.brandTag03 {position:absolute;left:419px;top:497px}
.brandKm .brandCon .brandTxt p.brandTag04 {padding-top:364px;text-align:left}
.brandKm .btnGroup {position:absolute;left:599px;top:378px}

/* 브랜드 마모트 */
.brandMm {background:url(../images/sub/bgMarmot01.png) no-repeat 0 206px}
.brandMm .brandTit {padding-bottom:55px}
.brandMm .brandCon .brandIntro {float:right;text-align:right;padding-top:406px}
.brandMm .brandCon .brandTxt {float:left;padding-top:136px;padding-bottom:330px;background:url(../images/sub/bgMarmot02.png) no-repeat -20px 138px}
.brandMm .brandCon .brandTxt p.brandTag02 {position:absolute;top:126px}
.brandMm .brandCon .brandTxt p.brandTag03 {position:absolute;top:765px}
.brandMm .brandCon .brandTxt p.brandTag04 {padding-left:272px}
.brandMm .btnGroup {position:absolute;left:599px;top:776px;padding:0}

/* 사회공헌 사회공헌활동 */
.contributeCon {padding-bottom:37px}
.contributeCon0 {padding:35px 0 37px 359px;background:url(../images/sub/bgContribute.png) no-repeat 0 -11px}
.contributeCon1 {padding:10px 0 30px 320px;background:url(../images/sub/bgNanum.png) no-repeat 0 15px}
.contributeCon3 {padding-bottom:55px}
.contributeCon p {line-height:20px;letter-spacing:-1px}
.contributeCon ul {overflow:hidden;padding-top:15px}
.contributeCon ul li {float:left;padding-right:35px}
.contributeCon0 ul li {padding-right:21px}
.contributeCon1 ul li {padding-right:21px}
.contributeCon ul li.liSide {padding-right:0}
.contributeCon ul li img {display:block;padding-bottom:12px}
.contributeCon ul li span {letter-spacing:-1px}
.contributeCon ul li span.day {display:block;padding:2px 0 20px;letter-spacing:0;font-size:11px;color:#999}

/* '20130724 happystep 추가 */
.happystep {position:relative;}
.happystep .happy {position:absolute;left:0px;top:49px;height:85px;padding-right:31px;background:url('/inc/images/happystep/bg_happystep1.png') 100% 100% no-repeat;}
.happystep .happy img {vertical-align:top;}
.happystep .step {position:absolute;left:0px;top:212px;height:28px;padding:0 10px 0 5px;color:#fff;font-size:19px;letter-spacing:-.1em;background:url('/inc/images/happystep/bg_happystep.png') 0 0 repeat-x;line-height:1.2;}

/* '20130724 강태선 */
#container .GangTS {background:url(../images/sub/bgGangTS.png) no-repeat 100% 50px;}
#container .GangTS .subTabCon .acaAbility,
#container .GangTS .subTabCon .career {overflow:hidden; margin-bottom:50px;}
#container .GangTS .subTabCon .sideTit {float:left; margin-right:25px;}
#container .GangTS .subTabCon .listCon {float:left;}
#container .GangTS .subTabCon .listCon li {margin-bottom:15px; padding-left:8px; background:url(../images/sub/subBullet.png) no-repeat 0 50%;}

/* '20131010 저서 */
#container .GangTSBook {background:url(../images/sub/bgGangTS.png) no-repeat 100% 50px;}
#container .GangTSBook .subTabCon .acaAbility,
#container .GangTSBook .subTabCon .career {overflow:hidden; margin-bottom:50px;}
#container .GangTSBook .subTabCon .sideTit {float:left; margin-right:25px;}
#container .GangTSBook .subTabCon .listCon {float:left;}
#container .GangTSBook .subTabCon .listCon li {margin-bottom:15px; padding-left:8px; background:url(../images/sub/subBullet.png) no-repeat 0 50%;}