@charset "utf-8"; /* 파이팅스타일때 gnb */ .gnbGame li a {font-size:14px; color:#ffffff !important; font-family:'ms500' ,sans-serif; padding-bottom:31px;} .searchWrap .languagesWhite li a {display:inline-block; padding-right:14px; margin-left:4px; background:url('/ko/images/common/bgLanguages02.png') no-repeat right 2px; font-size:11px; color:#ffffff !important; font-family:'ms300' ,sans-serif;} #locationWrap .firstTitleGame a {display:block; font-size:40px; color:#ffffff !important; line-height:50px; background:url('/ko/images/common/bgFirstTitle_off.png') no-repeat; padding-top:31px;} /* locationWrap */ #locationWrap {position:absolute;top:262px;left:0; z-index:65; width:100%;} #locationWrap .scrollLogo {position:absolute;top:0;right:0; display:none;} #locationWrap .firstTitle {position:relative; float:left; width:352px; margin-left:54px;} #locationWrap .firstTitle a {display:block; font-size:40px; color:#000000; line-height:50px; background:url('/ko/images/common/bgFirstTitle_off.png') no-repeat; padding-top:31px;} #locationWrap .firstTitle a:hover {background:url('/ko/images/common/bgFirstTitle_on.png') no-repeat 0 6px;} #locationWrap .firstTitle a.on {background:url('/ko/images/common/bgFirstTitle_on.png') no-repeat 0 6px;} #locationWrap .firstTitle .fo {font-size:35px; letter-spacing:-3px;} #locationWrap .firstTitle .menu {position:absolute;top:0;left:0; width:331px; padding-top:20px;} #locationWrap .firstTitle .menu li {background:#000000;} #locationWrap .firstTitle .menu li a {display:block; font-size:15px; color:#ffffff; background:#000000; line-height:45px; padding:0; margin:0 20px; border-top:1px solid #252525;} #locationWrap .firstTitle .menu li a:hover {color:#ff5000;} #locationWrap .firstTitle .menu li a.on {color:#ff5000;} #locationWrap .linkNo a {background:url('/ko/images/common/bgFirstTitle03.png') no-repeat;} #locationWrap .linkNo a:hover{cursor:default; background:url('/ko/images/common/bgFirstTitle03.png') no-repeat;} #locationWrap .linkNo a.on{cursor:default; background:url('/ko/images/common/bgFirstTitle03.png') no-repeat;} #locationWrap .secondTitle {position:relative; float:left; width:211px; margin-left:66px;} #locationWrap .secondTitle a {display:block; background:url('/ko/images/common/bgsecondTitle_off.png') no-repeat left 4px; padding-top:26px; font-size:15px; color:#333333; line-height:25px;} #locationWrap .secondTitle .recruitLocation02 {position:absolute;top:20px;left:0; width:196px; background:#ff5000;} #locationWrap .secondTitle .recruitLocation02 li {} #locationWrap .secondTitle .recruitLocation02 li a {display:block; font-size:15px; color:#ffffff; background:#ff5000; line-height:45px; padding:0; margin:0 20px; border-top:1px solid #ff7333;} #locationWrap .secondTitle .recruitLocation02 li a:hover {color:#000000;background:url('/ko/images/common/bgsecondTitle_on.png') no-repeat left 8px} #locationWrap .secondTitle .recruitLocation02 li a.on {color:#000000;background:url('/ko/images/common/bgsecondTitle_on.png') no-repeat left 8px} .locationWrapOn {height:49px; background:url('/ko/images/common/bgScroll.png') no-repeat; padding-top:16px;} #locationWrap .secondTitle .recruitLocation {} #locationWrap .secondTitle .recruitLocation li {} #locationWrap .secondTitle .recruitLocation li a {font-size:13px; color:#333333; line-height:24px; background:none; padding-top:0;} #locationWrap .secondTitle .recruitLocation li a:hover {color:#ff5000;} #locationWrap .secondTitle .recruitLocation li a.on {color:#ff5000;} #locationWrap .secondTitle .recruitLocation li.fir a {display:block; background:url('/ko/images/common/bgsecondTitle_off.png') no-repeat left 4px; padding-top:26px;} #locationWrap .secondTitle .recruitLocation li.fir a:hover {background:url('/ko/images/common/bgsecondTitle_on.png') no-repeat left 8px} #locationWrap .secondTitle .recruitLocation li.fir a.active {background:url('/ko/images/common/bgsecondTitle_on.png') no-repeat left 8px} /* company-스마일게이트 소개 */ #companyInfoWrap {width:100%; background:url('/ko/images/company/bgCompany01.gif') no-repeat;} #companyInfoWrap .triangleImg {position:absolute;top:0;left:689px;} #companyInfoWrap .triangleImg .tPattern {position:absolute;top:55px;left:142px;} /****************************** 상단 언어 별 문자 스타일 수정 (어두운 배경인 경우만) ******************************************************************************************************************************************************/ #companyInfoWrap .searchWrap .languages li a {color:#ffffff !important; background:url('/ko/images/common/bgLanguages02.png') no-repeat right 2px;} #companyInfoWrap .searchWrap .languages li a:hover {color:#ff5000 !important;} #companyInfoWrap .searchWrap .languages li a.on {color:#ff5000 !important; background:url('/ko/images/common/bgLanguages02.png') no-repeat right 2px;} /* 수정, 2021.02.23 */ #companyInfoWrap .searchWrap .languages li a.on2 {color:#ff5000 !important; background:url('/ko/images/common/bgLanguages.png') no-repeat right 2px;} /* 상단메뉴 펼침, 선택된 문자 활성화, 2021.02.23 */ #companyInfoWrap .searchWrap .languages li a.off2 {color:#000 !important; background:url('/ko/images/common/bgLanguages.png') no-repeat right 2px;} /* 상단메뉴 펼침, 비선택된 문자 검은색변환, 2021.02.23 */ /***************************************************************************************************************************************************************************************************************************************************/ /* company-스마일게이트 소개-개요 */ #companyInfoWrap .infoType01 {width:100%; padding:90px 0 0 0; height:292px; *zoom:1;} #companyInfoWrap .infoType01:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #companyInfoWrap .infoType01 .title {float:left; width:172px;} #companyInfoWrap .infoType01 .title span {display:inline-block; padding-top:14px; border-top:2px solid #050706; font-size:27px; line-height:32px; color:#050706;} #companyInfoWrap .infoType01 .cont {float:left; margin-top:-3px; font-size:15px; color:#333333; line-height:24px; width:700px; text-align:left; background:#ffffff; height:210px;} #companyInfoWrap .infoType01 .cont .text01 {margin:17px 0 17px 0; font-size:28px; color:#000000; line-height:40px; } #companyInfoWrap .infoType01 .cont .text01 span {color:#ff5000;} /* company-스마일게이트 소개- 1위게임회사소개 */ #companyInfoWrap .infoType02 {position:relative; padding:100px 0 0 414px; height:758px; font-size:15px; color:#333333; line-height:24px; width:564px; text-align:left;}/* 2021-03-09 수정 */ #companyInfoWrap .infoType02 .text02 {position:relative; padding:25px 0 25px 0; background:url('/ko/images/company/bgTopLine01.png') no-repeat; font-size:23px; color:#333333; line-height:35px;}/* 2021-03-09 수정 */ #companyInfoWrap .infoType02 .text02 span {color:#ff5000;} #companyInfoWrap .infoType02 .text02 .icon {position:absolute;top:24px;right:13px;} #companyInfoWrap .infoType02 .box {margin-bottom:23px; text-align:left; background:#ffffff;}/* 2021-03-09 수정 */ #companyInfoWrap .infoType02 .character {position:absolute;top:63px;left:-54px;} #companyInfoWrap .infoType02 .infoType02Img {margin-bottom:30px; padding-left:20px; *zoom:1;}/* 2021-03-09 수정 */ #companyInfoWrap .infoType02 .infoType02Img:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #companyInfoWrap .infoType02 .infoType02Img li {float:left; text-align:center; color:#ff6600; font-size:18px; line-height:24px; margin-right:35px; letter-spacing:-.5px;} #companyInfoWrap .infoType02 .infoType02Img li img {display:block; margin-bottom:10px; text-align:center; padding-left:43px;} #companyInfoWrap .infoType02 .infoType02Img li.last {margin-right:0;} #companyInfoWrap .infoType02 .infoType02Img li.last img {padding-left:60px;} #companyInfoWrap .infoType02 .infoType02Img li.li01 img {padding-left:20px;} /* company-스마일게이트 소개-지속적발전 */ #companyInfoWrap .financeType {padding:35px 0 0 0; height:540px;} /* 2021-03-09 수정 */ #companyInfoWrap .financeType .financeTypeIn {*zoom:1; position: relative; min-height: 120px;} /* 2020-02-03 */ #companyInfoWrap .financeType .financeTypeIn:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #companyInfoWrap .financeType .title {float:left; width:270px;} #companyInfoWrap .financeType .title span {display:inline-block;border-top:2px solid #333333; padding-top:14px; font-size:27px; line-height:32px; color:#333333;} /* 2020-02-03 S */ #companyInfoWrap .financeType .cont { float: left; font-size: 15px; color: #333333; line-height: 22px; width: 690px; text-align: left; background: #ffffff; letter-spacing:-0.2px; /* 2020-02-10 */ margin-bottom:12px; } /* 2020-02-03 E */ #companyInfoWrap .financeType .cont p {text-align:left; background:#ffffff;} #companyInfoWrap .financeType .img {text-align:right;} /* company-스마일게이트 소개-공간소개 */ #companyInfoWrap .roomType {padding:60px 0 0 0;height:540px;} /* 2021-03-09 수정 */ #companyInfoWrap .roomType .title {} #companyInfoWrap .roomType .title span {display:inline-block; padding-top:14px; border-top:2px solid #050706; font-size:27px; line-height:32px; color:#050706; font-family:'ms300';} #companyInfoWrap .roomType .title .titInfo {margin-top:16px; font-size:13px; color:#333333; line-height:22px;} #companyInfoWrap .roomType .roomInfo {position:relative; margin-top:40px;} #companyInfoWrap .roomType .roomInfo .roomTab {position:absolute;top:-30px;right:0;} #companyInfoWrap .roomType .roomInfo .roomTab li {float:left;} #companyInfoWrap .roomType .roomInfo .roomTab li a {display:block; padding-left:16px; margin-left:15px; background:url('/ko/images/company/bgRoom_off.jpg') no-repeat 0 2px; font-size:13px; color:#333333;} #companyInfoWrap .roomType .roomInfo .roomTab li a:hover {color:#ff5000; background:url('/ko/images/company/bgRoom_on.jpg') no-repeat 0 2px;} #companyInfoWrap .roomType .roomInfo .roomTab li a.on {color:#ff5000; background:url('/ko/images/company/bgRoom_on.jpg') no-repeat 0 2px;} #companyInfoWrap .roomType .roomInfo .roomCont {position:relative; width:978px; height:468px; overflow:hidden; } #companyInfoWrap .roomType .roomInfo .roomCont .photo {position:absolute;top:0;left:0; height:468px;} #companyInfoWrap .roomType .roomInfo .roomCont .photo li {position:absolute;top:0;left:0; width:978px; height:468px;} #companyInfoWrap .roomType .roomInfo .roomCont .photo li a {display:block;} #companyInfoWrap .roomType .roomInfo .roomCont .photo li a img {width:100%; } #companyInfoWrap .roomType .roomInfo .roomCont .roomText {position:absolute;bottom:0;left:0; width:978px; height:87px; background:url('/ko/images/company/bgRoom01.png') repeat-x;} #companyInfoWrap .roomType .roomInfo .roomCont .roomText dl {width:725px; padding:27px 0 0 54px; *zoom:1;} #companyInfoWrap .roomType .roomInfo .roomCont .roomText dl:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #companyInfoWrap .roomType .roomInfo .roomCont .roomText dl dt {float:left; margin-right:24px; font-size:18px; color:#ffffff; line-height:24px;} #companyInfoWrap .roomType .roomInfo .roomCont .roomText dl dd {float:left; font-size:13px; color:#ffffff; line-height:18px; margin-top:1px;} #companyInfoWrap .roomType .roomInfo .roomCont .roomText .moveBtn {position:absolute;top:27px;right:24px; width:118px; height:28px; padding:10px 10px 0 10px; background:#ffffff;} #companyInfoWrap .roomType .roomInfo .roomCont .roomText .moveBtn a {display:block;} #companyInfoWrap .roomType .roomInfo .roomCont .roomText .moveBtn .page {padding-top:2px; text-align:center; color:#262626;font-family:'ms500', sans-serif;} #companyInfoWrap .roomType .roomInfo .roomCont .roomText .moveBtn .pre {position:absolute;top:10px;left:10px;} #companyInfoWrap .roomType .roomInfo .roomCont .roomText .moveBtn .next {position:absolute;top:10px;right:10px;} /* company-ceo인사말 */ #ceoWrap {width:100%; background:url('/ko/images/company/bgCeo01.gif') no-repeat;} #ceoWrap .triangleImg {position:absolute;top:0;left:689px;} #ceoWrap .triangleImg .tPattern {position:absolute;top:55px;left:143px;} #ceoWrap .ceoType01 {height:174px; padding:81px 0 0 0; font-size:31px; color:#000000; line-height:45px; letter-spacing:-1px;} #ceoWrap .ceoType01 span {color:#ff5000;} #ceoWrap .greetingCont {padding-top:90px; width:100%; height:700px;} #ceoWrap .greetingCont .text01 {font-size:27px; color:#333333; line-height:40px; text-align:left; background:#ffffff; width:100%;} #ceoWrap .greetingCont .text01 span {color:#ff5000;} #ceoWrap .greetingCont .text02 {margin-top:31px; padding-top:23px; background:#ffffff url('/ko/images/company/bgTopLine01.png') no-repeat; font-size:15px; color:#333333; line-height:26px; text-align:left; } #ceoWrap .greetingCont .text02 p {margin-bottom:25px;} #ceoWrap .greetingCont .text02 .last {margin-top:38px; margin-bottom:0; font-family:'nbg2' ,sans-serif; font-family:"NanumBarunGothicBold", nbg, dotum, sans-serif \0/IE8;} /* company-비전 */ #visionWrap {width:100%; background:url('/ko/images/company/bgVision01.jpg') no-repeat; font-family:'NanumBarunGothic','NanumGothic','맑은고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;} #visionWrap .triangleImg {position:absolute;top:0;left:689px;} #visionWrap .triangleImg .tPattern {position:absolute;top:54px;left:141px;} /****************************** 상단 언어 별 문자 스타일 수정 (어두운 배경인 경우만) ******************************************************************************************************************************************************/ #visionWrap .searchWrap .languages li a {color:#ffffff !important; background:url('/ko/images/common/bgLanguages02.png') no-repeat right 2px;} #visionWrap .searchWrap .languages li a:hover {color:#ff5000 !important;} #visionWrap .searchWrap .languages li a.on {color:#ff5000 !important; background:url('/ko/images/common/bgLanguages02.png') no-repeat right 2px;} /* 수정, 2021.02.23 */ #visionWrap .searchWrap .languages li a.on2 {color:#ff5000 !important; background:url('/ko/images/common/bgLanguages.png') no-repeat right 2px;} /* 상단메뉴 펼침, 선택된 문자 활성화, 2021.02.23 */ #visionWrap .searchWrap .languages li a.off2 {color:#000 !important; background:url('/ko/images/common/bgLanguages.png') no-repeat right 2px;} /* 상단메뉴 펼침, 비선택된 문자 검은색변환, 2021.02.23 */ /***************************************************************************************************************************************************************************************************************************************************/ #visionWrap .visionType01 {height:174px; padding:81px 0 0 0; font-size:31px; color:#000000; line-height:45px; letter-spacing:-1px;} #visionWrap .visionType01 span {color:#ff5000;} /* company-영상 */ #visionWrap .videoWrap {padding-top:90px; height:692px;} #visionWrap .videoWrap .title {margin-bottom:25px;} #visionWrap .videoWrap .title span {display:inline-block; border-top:2px solid #000000; font-size:27px;line-height:32px;color:#050706;padding-top:14px;} #visionWrap .videoWrap .video {position:relative;} #visionWrap .videoWrap .btn {position:absolute;top:0;left:0; display:block; /*background:url('/ko/images/company/bgPlay.png') no-repeat;*/} #visionWrap .videoWrap .btn img {position:absolute;top:215px;;left:390px;} /* company-비전 */ #visionWrap .visionType06 {height:515px; padding-top:90px;} #visionWrap .visionType06 .title {margin-bottom:8px;} #visionWrap .visionType06 .title span {display:inline-block; border-top:2px solid #050706; font-size:27px;line-height:32px;color:#000000;padding-top:14px; font-family:'ms300', sans-serif; letter-spacing:-1px;} #visionWrap .visionType06 .title p {margin-top:16px; font-size:15px; color:#000000; line-height:24px;} #visionWrap .visionType06 .value {font-family:'ms700', sans-serif; font-size:60px; color:#ff5000; line-height:80px; margin:-3px 0 0 -6px;} #visionWrap .visionType06 ul {position:absolute;top:540px;left:150px;margin-top:60px; *zoom:1;} #visionWrap .visionType06 ul:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #visionWrap .visionType06 ul li {float:left; width:150px; margin-right:50px; text-align:center;} #visionWrap .visionType06 ul li img {margin-bottom:24px; } #visionWrap .visionType06 ul li span {display:block; font-family:'ms500', sans-serif; font-size:20px; color:#000000;} #visionWrap .visionType06 .txt {font-size:15px; color:#000000; line-height:24px; margin-top:6px;} #visionWrap .visionType06 .megaImg {position:relative; margin-top:20px; background:url('/ko/images/company/imgVision05.jpg') no-repeat; width:657px; height:244px;} #visionWrap .visionType06 .megaImg dt {position:absolute;top:5px;left:302px; font-family:'ms500', sans-serif; color:#ffffff; font-size:18px; line-height:24px;} #visionWrap .visionType06 .megaImg dd {font-family:'ms500', sans-serif; color:#000000; font-size:18px; line-height:24px;} #visionWrap .visionType06 .megaImg .dd01 {position:absolute;top:167px;left:14px;} #visionWrap .visionType06 .megaImg .dd02 {position:absolute;top:167px;left:285px;} #visionWrap .visionType06 .megaImg .dd03 {position:absolute;top:167px;left:540px;} /* company-비전-비전 */ #visionWrap .visionType02 {height:367px; padding-top:90px;} #visionWrap .visionType02 .title {margin-bottom:40px;} #visionWrap .visionType02 .title span {display:inline-block; border-top:2px solid #000000; font-size:27px;line-height:32px;color:#050706;padding-top:14px;} #visionWrap .visionType02 .title p {margin-top:16px; font-size:15px; color:#000000; line-height:24px;} #visionWrap .visionType02 .text01 {font-family:'ms700', sans-serif; font-size:60px; color:#ff5000; line-height:75px; margin-left:-6px;} #visionWrap .visionType02 .text01 span {font-size:55px;} #visionWrap .visionType02 .txt {font-size:15px; color:#000000; line-height:24px; margin-top:10px;} /* company-비전-미션 */ #visionWrap .visionType03 {height:546px;} #visionWrap .visionType03 .title {margin-bottom:44px;} #visionWrap .visionType03 .title span {display:inline-block; border-top:2px solid #050706; font-size:27px;line-height:32px;color:#050706;padding-top:14px;} #visionWrap .visionType03 .title p {margin-top:16px; font-size:15px; color:#000000; line-height:24px;} #visionWrap .visionType03 .missionImg {position:relative; margin:44px 0 50px 0; width:1096px; height:409px; background:url('/ko/images/company/imgMission01.png') no-repeat;} #visionWrap .visionType03 .missionImg span {position:absolute;top:184px;left:390px;font-size:15px; color:#ffffff; line-height:24px;} #visionWrap .visionType03 .missionImg span img {margin-bottom:25px; display:block;} #visionWrap .visionType03 .mission {margin-left:-30px; *zoom:1;} #visionWrap .visionType03 .mission:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #visionWrap .visionType03 .mission .box {width:305px; float:left; margin-left:30px; font-size:15px; color:#333333; line-height:24px;} /* company-비전-핵심가치 */ #visionWrap .visionType04 {height:565px; padding-top:90px;} #visionWrap .visionType04 .title span {display:inline-block; border-top:2px solid #050706; font-size:27px;line-height:32px;color:#050706;padding-top:14px;} #visionWrap .visionType04 .title p {margin-top:16px; font-size:15px; color:#333333; line-height:24px;} #visionWrap .visionType04 .value {margin:44px 0 0 -30px; *zoom:1;} #visionWrap .visionType04 .value:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #visionWrap .visionType04 .value .box {float:left; width:306px; margin-left:30px;} #visionWrap .visionType04 .value .box dl dt {margin:24px 0 1px 0; font-family:'ms500'; font-size:21px; color:#333333; line-height:28px;} #visionWrap .visionType04 .value .box dl dd {font-family:'ms500'; font-size:15px; color:#000000; line-height:24px;} #visionWrap .visionType04 .value .box dl dd.dd01 {font-size:15px; color:#333333; line-height:24px; margin-top:43px; padding-top:26px; background:url('/ko/images/company/bgTopLine02.png') no-repeat; letter-spacing:-.5px; font-family:'nbg' ,sans-serif;} /* company-비전-기업문화 */ #visionWrap .visionType05 {padding-top:90px; height:1100px;} #visionWrap .visionType05 .title span {display:inline-block; border-top:2px solid #050706; font-size:27px;line-height:32px;color:#050706;padding-top:14px;} #visionWrap .visionType05 .title p {margin-top:16px; font-size:15px; color:#333333; line-height:24px;} #visionWrap .visionType05 .images {margin:43px 0 47px 0;} #visionWrap .visionType05 .text {*zoom:1;} #visionWrap .visionType05 .text:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #visionWrap .visionType05 .text dl {float:left; margin-bottom:50px;} #visionWrap .visionType05 .text dl dt {float:left; font-size:18px; color:#ff6119; line-height:26px; width:150px;} #visionWrap .visionType05 .text dl dd {float:left; margin-top:1px;} #visionWrap .visionType05 .text dl dd li {font-size:13px; color:#050706; line-height:24px; text-indent:-12px; padding-left:12px;} #visionWrap .visionType05 .text dl dd li.li01 {margin-bottom:25px;} /*#visionWrap .visionType05 .text dl.dl01 {margin-left:100px;}*/ /*#visionWrap .visionType05 .text dl.dl01 dt {width:135px;}*/ #visionWrap .visionType05 .text dl.dl02 {margin-bottom:0;} #visionWrap .visionType05 .peopleImg {margin:35px 0 60px 0;} #visionWrap .visionType05 .infoText {margin-left:-168px; *zoom:1;} #visionWrap .visionType05 .infoText:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #visionWrap .visionType05 .infoText dl {float:left; width:336px;margin-left:168px; margin-top:20px;} #visionWrap .visionType05 .infoText dl dt {font-size:20px; color:#ff6119; line-height:24px; margin-bottom:5px; letter-spacing:-.2px; font-family:'ms500', sans-serif;} #visionWrap .visionType05 .infoText dl dd {font-size:13px; color:#050706; line-height:24px; text-indent:-10px; padding-left:12px; font-family:'ms300', sans-serif;} /* company-연혁 */ #historyWrap {width:100%;background:url('/ko/images/company/bgHistory.jpg') no-repeat;} #historyWrap .triangleImg {position:absolute;top:0;left:689px;} #historyWrap .triangleImg .tPattern {position:absolute;top:54px;left:142px;} /****************************** 상단 언어 별 문자 스타일 수정 (어두운 배경인 경우만) ******************************************************************************************************************************************************/ #historyWrap .searchWrap .languages li a {color:#ffffff !important; background:url('/ko/images/common/bgLanguages02.png') no-repeat right 2px;} #historyWrap .searchWrap .languages li a:hover {color:#ff5000 !important;} #historyWrap .searchWrap .languages li a.on {color:#ff5000 !important; background:url('/ko/images/common/bgLanguages02.png') no-repeat right 2px;} /* 수정, 2021.02.23 */ #historyWrap .searchWrap .languages li a.on2 {color:#ff5000 !important; background:url('/ko/images/common/bgLanguages.png') no-repeat right 2px;} /* 상단메뉴 펼침, 선택된 문자 활성화, 2021.02.23 */ #historyWrap .searchWrap .languages li a.off2 {color:#000 !important; background:url('/ko/images/common/bgLanguages.png') no-repeat right 2px;} /* 상단메뉴 펼침, 비선택된 문자 검은색변환, 2021.02.23 */ /***************************************************************************************************************************************************************************************************************************************************/ #historyWrap .historyType01 {height:170px; padding-top:85px; font-size:31px; line-height:45px; color:#000; letter-spacing:-1px;} #historyWrap .historyCont {padding-top:90px;} #historyWrap .historyCont .title {margin-bottom:16px;} #historyWrap .historyCont .title span {display:inline-block; border-top:2px solid #050706; font-size:27px;line-height:32px;color:#050706;padding-top:14px;} #historyWrap .historyCont .hText {font-size:15px; color:#333333; line-height:24px; height:50px;} #historyWrap .tabHistory {margin:44px 0 0 0; *zoom:1;} #historyWrap .tabHistory:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #historyWrap .tabHistory li {float:left;} /* 2021-03-09 width:70px 수정 S */ #historyWrap .tabHistory li a {display:inline-block;width:65px;height:35px;padding-top:9px;margin-right:-1px;text-align:center;font-size:15px;color:#555;background:url('/ko/images/common/bgTabOff03.gif') no-repeat 0 0;font-family:'ms300', sans-serif;} /* 2021-03-09 width:70px 수정 E */ #historyWrap .tabHistory li a.on, #historyWrap .tabHistory li a:hover {color:#fff;background:url('/ko/images/common/bgTabOn03.gif') no-repeat 0 0;} #historyWrap .tabHistory li.last a {width:122px;background:url('/ko/images/common/bgTabOff04.gif') no-repeat 0 0;} #historyWrap .tabHistory li.last a.on, #historyWrap .tabHistory li.last a:hover {background:url('/ko/images/common/bgTabOn04.gif') no-repeat 0 0;} #historyWrap .historyList {height:570px;} #historyWrap .historyList dl {padding-top:40px; *zoom:1;} #historyWrap .historyList dl:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #historyWrap .historyList dl dt {float:left; width:88px; font-family:'ms300'; font-size:21px; color:#ff5000;} #historyWrap .historyList dl dt span {font-family:'ms500';} #historyWrap .historyList dl dd {float:left; margin-top:-5px; width:888px;} #historyWrap .historyList dl dd ul li {padding:0px 0px 0px 19px; font-size:15px; line-height:27px; background:url('/ko/images/common/bul02.gif') no-repeat 0 9px; color:#333333;} #historyWrap .historyList dl dd dl {margin-top:5px; padding-top:0;} #historyWrap .historyList dl dd dl dt {width:86px;} #historyWrap .historyList dl dd dl dd {padding:0px 0px 0px 19px; font-size:15px; line-height:27px; background:url('/ko/images/common/bul02.gif') no-repeat 0 9px; color:#333333; width:780px;} /* company-ci소개 */ #ciWrap {width:100%; background:url('/ko/images/company/bgCi01.jpg') no-repeat;} /* 2020-02-03 */ #ciWrap .ciType01 {height:170px; padding-top:82px; font-size:31px; color:#333333; line-height:45px; letter-spacing:-1px;} #ciWrap .ciType02 {position:relative; height:366px; padding-top:88px; *zoom:1;} #ciWrap .ciType02:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #ciWrap .ciType02 .left {float:left; width:400px; margin-top:34px;} #ciWrap .ciType02 .left .btnArea {position:relative;margin-top:50px; height:60px; font-family:'ms300', sans-serif; font-size:12px; margin-left:32px;} #ciWrap .ciType02 .left .btnArea .btnDowm {display:block; width:96px; padding-left:26px; color:#ffffff; background:url('/ko/images/btn/btnOrange01_off.png') no-repeat; height:19px; padding-top:6px; line-height:12px;} #ciWrap .ciType02 .left .btnArea .btnDowm:hover {background:url('/ko/images/btn/btnOrange01_on.png') no-repeat;} #ciWrap .ciType02 .left .btnArea .btnDowm.on {background:url('/ko/images/btn/btnOrange01_on.png') no-repeat;} #ciWrap .ciType02 .left .btnArea .btnAi {position:absolute;top:0;left:119px; display:block; width:50px; height:25px; color:#ffffff; text-align:center; background:url('/ko/images/btn/btnBlack01.png') no-repeat;line-height:26px;} #ciWrap .ciType02 .left .btnArea .btnJpg {position:absolute;top:30px;left:119px; display:block; width:50px; height:25px; color:#ffffff; text-align:center; background:url('/ko/images/btn/btnBlack01.png') no-repeat; line-height:26px;} #ciWrap .ciType02 .cont {float:left; font-size:15px; color:#000000;} #ciWrap .ciType02 .cont p {line-height:24px;} #ciWrap .ciType02 .cont .txt01 {font-size:21px; line-height:26px; margin-bottom:11px;} #ciWrap .ciType02 .cont .colorWrap {position:relative; *zoom:1;} #ciWrap .ciType02 .cont .colorWrap:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #ciWrap .ciType02 .cont .colorWrap .ciColor {float:left; margin-top:60px;} #ciWrap .ciType02 .cont .colorWrap .ciColor dt {font-family:'ms700', sans-serif; font-size:13px; color:#000000; margin-bottom:9px;} #ciWrap .ciType02 .cont .colorWrap .ciColor dd {font-family:'ms300', sans-serif; font-size:12px; color:#000000; line-height:20px; margin-bottom:2px; letter-spacing:-.5px;} #ciWrap .ciType02 .cont .colorWrap .ciColor .dd01 {font-family:'ms500', sans-serif; letter-spacing:0; font-size:13px;} #ciWrap .ciType02 .cont .colorWrap .orange {padding-right:142px;} #ciWrap .ciType02 .cont .colorWrap .orange .dd01 {color:#ff5000;} #ciWrap .ciType02 .cont .colorWrap .silver .dd01 {color:#838383;} #ciWrap .ciType02 .cont .colorWrap .orangeImg {position:absolute;top:90px;left:135px;} #ciWrap .ciType02 .cont .colorWrap .silverImg {position:absolute;top:90px;left:472px;} #ciWrap .ciType03 {height:176px; padding-top:90px; *zoom:1;} #ciWrap .ciType03:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #ciWrap .ciType03 .title {float:left; margin-right:45px;} #ciWrap .ciType03 .title span {display:inline-block; font-size:27px; color:#050706; line-height:30px; border-top:2px solid #050706; padding-top:14px; } #ciWrap .ciType03 .right {float:left; font-size:15px; color:#000000; line-height:24px; margin-top:17px; width:533px;} #ciWrap .ciType03 .right p {font-size:28px; color:#000000; line-height:45px; margin-bottom:30px; letter-spacing:-.5px;} #ciWrap .ciType04 {padding-top:90px; min-height:720px; } /* 2020-02-03 */ #ciWrap .ciType04 .title {font-size:15px; color:#000000; line-height:24px;} #ciWrap .ciType04 .title span {display:inline-block; padding-top:14px; border-top:2px solid #050706; font-size:27px; line-height:32px; color:#050706; margin-bottom:16px;} #ciWrap .ciType04 .video {position:relative; margin-top:56px;} #ciWrap .ciType04 .btn {position:absolute;top:0;left:0; display:block; /*background:url('/ko/images/company/bgPlay.png') no-repeat;*/} #ciWrap .ciType04 .btn img {position:absolute;top:178px;;left:390px;} /* CI소개 수정 2020-02-03 */ #ciWrap .ci_wrap { padding-top:90px; } #ciWrap .ci_wrap .ci_tit{ display: inline-block; font-size: 27px; color: #050706; line-height: 30px; border-top: 2px solid #050706; padding-top: 14px; } #ciWrap .ci_wrap .ci_txt { clear:both; font-size: 15px; color: #000;line-height: 24px; padding-top: 20px; } #ciWrap .ci_list{ padding:30px 0 22px 0;} #ciWrap .cType01:after, #ciWrap .cType02:after, #ciWrap .cType03:after, #ciWrap .cType04:after{content:''; display:block; clear:both; }/* 2021-03-09 추가 */ #ciWrap .ci_list li{ float:left; width:326px; } #ciWrap .ci_list li .logo{ margin-bottom:20px; } #ciWrap .ci_list.cType01{ margin-top:60px; border-top:1px solid #ff5000;} #ciWrap .ci_list.cType02{border-top:1px solid #1cebc5;} #ciWrap .ci_list.cType03{border-top:1px solid #1ac0a7;} #ciWrap .ci_list.cType04{border-top:1px solid #1ac0a7;} /* 2021-03-09 추가 */ #ciWrap .detail_ci{ padding-left:30px; min-height:50px; /* 2021-03-09 삭제 background: url('/ko/images/company/ci_blet_ico.gif') no-repeat 15px 5px; */ } #ciWrap .ci_list .btnArea {position:relative; margin:40px 0 0 30px; height:60px; font-family:'ms300', sans-serif; font-size:12px;} #ciWrap .ci_list .btnArea .btnDowm {display:block; width:111px; padding-left:26px; color:#ffffff; background:url('/ko/images/btn/btnOrange01_off.png') no-repeat; height:19px; padding-top:6px; line-height:12px;} #ciWrap .ci_list .btnDowm:hover {background:url('/ko/images/btn/btnOrange01_on.png') no-repeat;} #ciWrap .ci_list .btnDowm.on {background:url('/ko/images/btn/btnOrange01_on.png') no-repeat;} #ciWrap .ci_list .btnAi {position:absolute;top:0;left:119px; display:inline-block; width:50px; height:25px; color:#ffffff; line-height:26px; text-align:center; background:url('/ko/images/btn/btnBlack01.png') no-repeat;} #ciWrap .ci_list .btnArea .btnJpg {position:absolute;top:30px;left:119px;display:inline-block; width:50px; height:25px; color:#ffffff; line-height:26px; text-align:center; background:url('/ko/images/btn/btnBlack01.png') no-repeat; } /* company-ci소개-Entertainment */ #ciWrap .ciEntertainment {height:344px; padding-top:86px; *zoom:1;} #ciWrap .ciEntertainment:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #ciWrap .ciEntertainment .left {float:left; width:620px; font-size:15px; color:#000000; line-height:24px;} #ciWrap .ciEntertainment .left .txt01 {font-size:21px; line-height:26px; margin-bottom:10px;} #ciWrap .ciEntertainment .left .colorWrap {position:relative; *zoom:1;} #ciWrap .ciEntertainment .left .colorWrap:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #ciWrap .ciEntertainment .left .colorWrap .ciColor {float:left; margin-top:51px;} #ciWrap .ciEntertainment .left .colorWrap .ciColor dt {font-family:'ms700', sans-serif; font-size:13px; color:#000000; margin-bottom:9px;} #ciWrap .ciEntertainment .left .colorWrap .ciColor dd {font-family:'ms300', sans-serif; font-size:12px; color:#000000; line-height:20px; margin-bottom:2px; letter-spacing:-.5px;} #ciWrap .ciEntertainment .left .colorWrap .ciColor .dd01 {font-family:'ms500', sans-serif; letter-spacing:0; font-size:13px;} #ciWrap .ciEntertainment .left .colorWrap .orange {padding-right:140px;} #ciWrap .ciEntertainment .left .colorWrap .orange .dd01 {color:#ff5000;} #ciWrap .ciEntertainment .left .colorWrap .green .dd01 {color:#1cebc5;} #ciWrap .ciEntertainment .left .colorWrap .orangeImg {position:absolute;top:80px;left:135px;} #ciWrap .ciEntertainment .left .colorWrap .greenImg {position:absolute;top:83px;left:370px;} #ciWrap .ciEntertainment .right {position:relative; float:left; margin-top:-11px;} #ciWrap .ciEntertainment .right .btnArea {position:relative; margin:50px 0 0 35px; height:60px; font-family:'ms300', sans-serif; font-size:12px;} #ciWrap .ciEntertainment .right .btnArea .btnDowm {display:block; width:111px; padding-left:26px; color:#ffffff; background:url('/ko/images/btn/btnOrange01_off.png') no-repeat; height:19px; padding-top:6px; line-height:12px;} #ciWrap .ciEntertainment .right .btnArea .btnDowm:hover {background:url('/ko/images/btn/btnOrange01_on.png') no-repeat;} #ciWrap .ciEntertainment .right .btnArea .btnDowm.on {background:url('/ko/images/btn/btnOrange01_on.png') no-repeat;} #ciWrap .ciEntertainment .right .btnArea .btnAi {position:absolute;top:0;left:119px; display:inline-block; width:50px; height:25px; color:#ffffff; line-height:26px; text-align:center; background:url('/ko/images/btn/btnBlack01.png') no-repeat;} #ciWrap .ciEntertainment .right .btnArea .btnJpg {position:absolute;top:30px;left:119px;display:inline-block; width:50px; height:25px; color:#ffffff; line-height:26px; text-align:center; background:url('/ko/images/btn/btnBlack01.png') no-repeat; } /* company-ci소개-Megaport */ #ciWrap .ciMegaport {height:368px; padding-top:86px; *zoom:1;} #ciWrap .ciMegaport:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #ciWrap .ciMegaport .left {position:relative; float:left; width:414px;} #ciWrap .ciMegaport .left .btnArea {position:relative;margin-top:50px; height:60px; font-family:'ms300', sans-serif; font-size:12px; margin-left:35px;} #ciWrap .ciMegaport .left .btnArea .btnDowm {display:block; width:96px; padding-left:26px; color:#ffffff; background:url('/ko/images/btn/btnOrange01_off.png') no-repeat; height:19px; padding-top:6px; line-height:12px;} #ciWrap .ciMegaport .left .btnArea .btnDowm:hover {background:url('/ko/images/btn/btnOrange01_on.png') no-repeat;} #ciWrap .ciMegaport .left .btnArea .btnDowm.on {background:url('/ko/images/btn/btnOrange01_on.png') no-repeat;} #ciWrap .ciMegaport .left .btnArea .btnAi {position:absolute;top:0;left:119px; display:inline-block; width:50px; height:25px; color:#ffffff; line-height:26px; text-align:center; background:url('/ko/images/btn/btnBlack01.png') no-repeat;} #ciWrap .ciMegaport .left .btnArea .btnJpg {position:absolute;top:30px;left:119px; display:inline-block; width:50px; height:25px; color:#ffffff; line-height:26px; text-align:center; background:url('/ko/images/btn/btnBlack01.png') no-repeat;} #ciWrap .ciMegaport .right {float:left; font-size:15px; color:#000000; line-height:24px;} #ciWrap .ciMegaport .right .txt01 {font-size:21px; line-height:26px; margin-bottom:10px;} #ciWrap .ciMegaport .right .colorWrap {position:relative; *zoom:1;} #ciWrap .ciMegaport .right .colorWrap:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #ciWrap .ciMegaport .right .colorWrap .ciColor {float:left; margin-top:51px;} #ciWrap .ciMegaport .right .colorWrap .ciColor dt {font-family:'ms700', sans-serif; font-size:13px; color:#000000; margin-bottom:9px;} #ciWrap .ciMegaport .right .colorWrap .ciColor dd {font-family:'ms300', sans-serif; font-size:12px; color:#000000; line-height:20px; margin-bottom:2px; letter-spacing:-.5px;} #ciWrap .ciMegaport .right .colorWrap .ciColor .dd01 {font-family:'ms500', sans-serif; letter-spacing:0; font-size:13px;} #ciWrap .ciMegaport .right .colorWrap .orange {padding-right:140px;} #ciWrap .ciMegaport .right .colorWrap .orange .dd01 {color:#ff5000;} #ciWrap .ciMegaport .right .colorWrap .blue .dd01 {color:#73dcff;} #ciWrap .ciMegaport .right .colorWrap .orangeImg {position:absolute;top:80px;left:135px;} #ciWrap .ciMegaport .right .colorWrap .blueImg {position:absolute;top:80px;left:375px;} /* company-ci소개-worldwide */ #ciWrap .ciWorld {height:368px; padding-top:87px; *zoom:1;} #ciWrap .ciWorld:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #ciWrap .ciWorld .left {float:left; width:620px; font-size:15px; color:#000000; line-height:24px;} #ciWrap .ciWorld .left .txt01 {font-size:21px; line-height:26px; margin-bottom:10px;} #ciWrap .ciWorld .left .colorWrap {position:relative; *zoom:1;} #ciWrap .ciWorld .left .colorWrap:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #ciWrap .ciWorld .left .colorWrap .ciColor {float:left; margin-top:51px;} #ciWrap .ciWorld .left .colorWrap .ciColor dt {font-family:'ms700', sans-serif; font-size:13px; color:#000000; margin-bottom:9px;} #ciWrap .ciWorld .left .colorWrap .ciColor dd {font-family:'ms300', sans-serif; font-size:12px; color:#000000; line-height:20px; margin-bottom:2px; letter-spacing:-.5px;} #ciWrap .ciWorld .left .colorWrap .ciColor .dd01 {font-family:'ms500', sans-serif; letter-spacing:0; font-size:13px;} #ciWrap .ciWorld .left .colorWrap .orange {padding-right:140px;} #ciWrap .ciWorld .left .colorWrap .orange .dd01 {color:#ff5000;} #ciWrap .ciWorld .left .colorWrap .purple .dd01 {color:#9730a6;} #ciWrap .ciWorld .left .colorWrap .orangeImg {position:absolute;top:80px;left:135px;} #ciWrap .ciWorld .left .colorWrap .blueImg {position:absolute;top:80px;left:390px;} #ciWrap .ciWorld .right {position:relative; float:left;} #ciWrap .ciWorld .right .btnArea {position:relative; margin:50px 0 0 35px; height:60px; font-family:'ms300', sans-serif; font-size:12px;} #ciWrap .ciWorld .right .btnArea .btnDowm {display:block; width:96px; padding-left:26px; color:#ffffff; background:url('/ko/images/btn/btnOrange01_off.png') no-repeat; height:19px; padding-top:6px; line-height:12px;} #ciWrap .ciWorld .right .btnArea .btnDowm:hover {background:url('/ko/images/btn/btnOrange01_on.png') no-repeat;} #ciWrap .ciWorld .right .btnArea .btnDowm.on {background:url('/ko/images/btn/btnOrange01_on.png') no-repeat;} #ciWrap .ciWorld .right .btnArea .btnAi {position:absolute;top:0;left:119px; display:inline-block; width:50px; height:25px; color:#ffffff; line-height:26px; text-align:center; background:url('/ko/images/btn/btnBlack01.png') no-repeat;} #ciWrap .ciWorld .right .btnArea .btnJpg {position:absolute;top:30px;left:119px; display:inline-block; width:50px; height:25px; color:#ffffff; line-height:26px; text-align:center; background:url('/ko/images/btn/btnBlack01.png') no-repeat;} /* company-ci소개-인베스트먼트그룹 */ #ciWrap .ciInbest {height:268px; padding-top:86px; *zoom:1;} #ciWrap .ciInbest:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #ciWrap .ciInbest .left {position:relative; float:left; width:360px;} #ciWrap .ciInbest .left .btnArea {position:relative;margin-top:50px; height:60px; font-family:'ms300', sans-serif; font-size:12px; margin-left:35px;} #ciWrap .ciInbest .left .btnArea .btnDowm {display:block; width:96px; padding-left:26px; color:#ffffff; background:url('/ko/images/btn/btnOrange01_off.png') no-repeat; height:19px; padding-top:6px; line-height:12px;} #ciWrap .ciInbest .left .btnArea .btnDowm:hover {background:url('/ko/images/btn/btnOrange01_on.png') no-repeat;} #ciWrap .ciInbest .left .btnArea .btnDowm.on {background:url('/ko/images/btn/btnOrange01_on.png') no-repeat;} #ciWrap .ciInbest .left .btnArea .btnAi {position:absolute;top:0;left:119px; display:inline-block; width:50px; height:25px; color:#ffffff; line-height:26px; text-align:center; background:url('/ko/images/btn/btnBlack01.png') no-repeat;} #ciWrap .ciInbest .left .btnArea .btnJpg {position:absolute;top:30px;left:119px; display:inline-block; width:50px; height:25px; color:#ffffff; line-height:26px; text-align:center; background:url('/ko/images/btn/btnBlack01.png') no-repeat;} #ciWrap .ciInbest .right {float:left; font-size:15px; color:#000000; line-height:24px;} #ciWrap .ciInbest .right .txt01 {font-size:21px; line-height:26px; margin-bottom:10px;} #ciWrap .ciInbest .right .colorWrap {position:relative; *zoom:1;} #ciWrap .ciInbest .right .colorWrap:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #ciWrap .ciInbest .right .colorWrap .ciColor {float:left; margin-top:51px;} #ciWrap .ciInbest .right .colorWrap .ciColor dt {font-family:'ms700', sans-serif; font-size:13px; color:#000000; margin-bottom:9px;} #ciWrap .ciInbest .right .colorWrap .ciColor dd {font-family:'ms300', sans-serif; font-size:12px; color:#000000; line-height:20px; margin-bottom:2px; letter-spacing:-.5px;} #ciWrap .ciInbest .right .colorWrap .ciColor .dd01 {font-family:'ms500', sans-serif; letter-spacing:0; font-size:13px;} #ciWrap .ciInbest .right .colorWrap .orange {padding-right:140px;} #ciWrap .ciInbest .right .colorWrap .orange .dd01 {color:#ff5000;} #ciWrap .ciInbest .right .colorWrap .blue .dd01 {color:#73dcff;} #ciWrap .ciInbest .right .colorWrap .orangeImg {position:absolute;top:80px;left:135px;} #ciWrap .ciInbest .right .colorWrap .purpleImg {position:absolute;top:80px;left:375px;} /* company-비즈니스 */ #businessWrap {width:100%; background:url('/ko/images/company/bgBusiness01.gif') no-repeat;} #businessWrap .triangleImg {position:absolute;top:0;left:687px;} #businessWrap .triangleImg .tPattern {position:absolute;top:247px;left:200px;} /****************************** 상단 언어 별 문자 스타일 수정 (어두운 배경인 경우만) ******************************************************************************************************************************************************/ #businessWrap .searchWrap .languages li a {color:#ffffff !important; background:url('/ko/images/common/bgLanguages02.png') no-repeat right 2px;} #businessWrap .searchWrap .languages li a:hover {color:#ff5000 !important;} #businessWrap .searchWrap .languages li a.on {color:#ff5000 !important; background:url('/ko/images/common/bgLanguages02.png') no-repeat right 2px;} /* 수정, 2021.02.23 */ #businessWrap .searchWrap .languages li a.on2 {color:#ff5000 !important; background:url('/ko/images/common/bgLanguages.png') no-repeat right 2px;} /* 상단메뉴 펼침, 선택된 문자 활성화, 2021.02.23 */ #businessWrap .searchWrap .languages li a.off2 {color:#000 !important; background:url('/ko/images/common/bgLanguages.png') no-repeat right 2px;} /* 상단메뉴 펼침, 비선택된 문자 검은색변환, 2021.02.23 */ /***************************************************************************************************************************************************************************************************************************************************/ #businessWrap .businessType01 {height:174px; padding:81px 0 0 0; font-size:31px; color:#000000; line-height:45px; letter-spacing:-1px;} #businessWrap .businessType01 span {color:#ff5000;} #businessWrap .businessCont {margin-top:90px; width:978px;} #businessWrap .businessCont .list {margin-left:-30px; *zoom:1;} #businessWrap .businessCont .list:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #businessWrap .businessCont .list li {float:left; width:306px; margin-left:30px;} #businessWrap .businessCont .list li .txt02 {padding-top:25px; background:url('/ko/images/company/bgTopLine02.png') no-repeat; margin-top:30px; font-size:15px; color:#333333; line-height:24px; } #businessWrap .businessCont .list li .txt02 span {display:block; height:50px; margin-bottom:10px; font-family:'nbg2' ,sans-serif; font-family:"NanumBarunGothicBold", nbg, dotum, sans-serif \0/IE8;} #businessWrap .businessCont .list li dl {padding:38px 0 0 0; height:84px;} #businessWrap .businessCont .list li dl dt {font-size:21px; color:#333333; line-height:26px; margin-bottom:6px;} #businessWrap .businessCont .list li dl dd {font-family:'ms300', sans-serif; font-size:20px; color:#000000;} #businessWrap .businessCont .list li .dl01 {background:url('/ko/images/company/imgBusiness01.png') no-repeat; padding-left:147px; width:159px;} #businessWrap .businessCont .list li .dl02 {background:url('/ko/images/company/imgBusiness02.png') no-repeat; padding-left:147px; width:159px;} #businessWrap .businessCont .list li .dl03 {background:url('/ko/images/company/imgBusiness03.png') no-repeat; padding-left:152px; width:154px;} /* affiliate-계열사 및 관계사 */ #affiliateWrap {width:100%;} #affiliateWrap .ciType04 {padding-top:90px; min-height:720px;} /* 2020-02-03 */ #affiliateWrap .ciType04 .title {font-size:15px; color:#000000; line-height:24px;} #affiliateWrap .ciType04 .title span {display:inline-block; padding-top:14px; border-top:2px solid #050706; font-size:27px; line-height:32px; color:#050706; margin-bottom:16px;} #affiliateWrap .ciType04 .video {position:relative; margin-top:56px;} #affiliateWrap .ciType04 .btn {position:absolute;top:0;left:0; display:block; /*background:url('/ko/images/company/bgPlay.png') no-repeat;*/} #affiliateWrap .ciType04 .btn img {position:absolute;top:178px;left:390px;} /* 글로벌파트너 */ #globalWrap {width:100%;background-color:#d0d0d0;} #globalWrap .mapArea {position:absolute;min-width:980px;} #globalWrap .mapArea img {width:100%;height:100%;} #globalWrap .spotPoint {position:absolute;z-index:100000;} #globalWrap .textArea {position:absolute;z-index:100000;padding:20px 65px 17px 18px;border:5px solid #ff5000;background:#fff;} #globalWrap .textArea h5 {height:26px;font-family:'MuseoSans-500';font-weight:normal;font-size:18px;line-height:20px;} #globalWrap .textArea p {font-size:13px;padding-top:13px;background:url('/ko/images/common/bul03.gif') no-repeat 0 0;} #globalWrap .textArea img {position:absolute;bottom:-40px;left:36px;} #globalMenu {position:absolute;top:0;right:0;z-index:10000;} #globalMenu .arrow {position:absolute;top:592px;left:-53px;} #globalMenu .menuList {width:262px;padding:25px 30px;background:#1e1e1e;} #globalMenu .menuList .listCont {} #globalMenu .menuList .listCont .sec01 {padding:55px 0px 29px 0px;} #globalMenu .menuList .listCont .sec01 h3 {height:49px;padding-top:17px;border-top:3px solid #fff;font-size:25px;font-family:'MuseoSans-300';font-weight:normal;color:#fff;} #globalMenu .menuList .listCont .sec01 dl {padding:18px 0px 19px 0px;position:relative;border-bottom:1px solid #4b4b4b;} #globalMenu .menuList .listCont .sec01 dl.last {border:none;} #globalMenu .menuList .listCont .sec01 dl dt {position:absolute;top:20px;left:0px;color:#fff;padding-top:10px;background:url('/ko/images/common/bul05.gif') no-repeat 0 0;} #globalMenu .menuList .listCont .sec01 dl dd {padding-top:12px;text-align:right;color:#fff;line-height:18px;} /* company-윤리경영 */ #ethicsWrap {width:100%;background:url('/ko/images/company/bgEthicsy01.gif') no-repeat;} #ethicsWrap .triangleImg {position:absolute;top:0;left:689px;} #ethicsWrap .triangleImg .tPattern {position:absolute;top:151px;left:86px;} #ethicsWrap .ethicsType01 {height:174px; padding:81px 0 0 0; font-size:31px; color:#000000; line-height:45px; letter-spacing:-1px;} #ethicsWrap .ethicsType02 {padding-top:90px;} #ethicsWrap .ethicsType02 .ethicsTab {margin-bottom:40px; *zoom:1;} #ethicsWrap .ethicsType02 .ethicsTab:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #ethicsWrap .ethicsType02 .ethicsTab li {float:left;} #ethicsWrap .ethicsType02 .ethicsTab li a {display:block; width:174px; height:47px; color:#555555; font-size:15px; line-height:32px; text-align:center; background:url('/en/images/company/bgEthicsTab.png') no-repeat 0 -37px;} #ethicsWrap .ethicsType02 .ethicsTab li a:hover {color:#ffffff; background:url('/en/images/company/bgEthicsTab.png') no-repeat 0 0;} #ethicsWrap .ethicsType02 .ethicsTab li a.on {color:#ffffff; background:url('/en/images/company/bgEthicsTab.png') no-repeat 0 0;} #ethicsWrap .ethicsType02 .ethicsTab li.tab01 a {width:93px; background:url('/en/images/company/bgEthicsTab.png') no-repeat -114px 0;} #ethicsWrap .ethicsType02 .ethicsTab li.tab01 a:hover {background:url('/en/images/company/bgEthicsTab.png') no-repeat -114px -37px;} #ethicsWrap .ethicsType02 .ethicsTab li.tab01 a.on {background:url('/en/images/company/bgEthicsTab.png') no-repeat -114px -37px;} #ethicsWrap .ethicsType02 .ethicsCont {} #ethicsWrap .ethicsType02 .ethicsCont .text01 {font-size:15px; color:#333333; line-height:24px; height:120px;} #ethicsWrap .ethicsType02 .ethicsCont .adviceWrap {margin-top:154px; *zoom:1;} #ethicsWrap .ethicsType02 .ethicsCont .adviceWrap:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #ethicsWrap .ethicsType02 .ethicsCont .adviceWrap dl {float:left; width:420px;} #ethicsWrap .ethicsType02 .ethicsCont .adviceWrap dl dt {padding-top:17px; margin-bottom:19px; background:url('/ko/images/company/bgTopLine03.png') no-repeat; font-size:21px; color:#333333; line-height:26px;} #ethicsWrap .ethicsType02 .ethicsCont .adviceWrap dl dd ul li {padding:0px 0px 0px 19px; font-size:15px; line-height:27px; background:url('/ko/images/common/bul02.gif') no-repeat 0 9px; color:#333333;} #ethicsWrap .ethicsType02 .ethicsCont .adviceWrap dl dd ul li a {color:#333333;} #ethicsWrap .ethicsType02 .ethicsCont .adviceWrap dl dd ul li a:hover {color:#ff5000;} #ethicsWrap .ethicsType02 .ethicsCont .adviceWrap dl dd ul li span {font-size:13px; letter-spacing:-.5px;} /* company-찾아오시는 길 */ #contactWrap {width:100%;background:url('/ko/images/company/bgContact01.gif') no-repeat;} #contactWrap .triangleImg {position:absolute;top:0;left:689px;} #contactWrap .triangleImg .tPattern {position:absolute;top:247px;left:143px;} #contactWrap .mapArea {padding-top:90px; height:790px;} #contactWrap .mapArea #map-canvas {height:100%;margin:0px;padding: 0px} #contactWrap .tabContact {margin-bottom:30px;*zoom:1;} #contactWrap .tabContact:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #contactWrap .tabContact li {float:left;} #contactWrap .tabContact li a {display:inline-block;width:87px;height:36px;padding-top:8px;margin-right:-1px;text-align:center;font-size:15px;color:#555;background:url('/ko/images/common/bgTabOff02.gif') no-repeat 0 0;} #contactWrap .tabContact li a.on, #contactWrap .tabContact li a:hover {color:#fff;background:url('/ko/images/common/bgTabOn02.gif') no-repeat 0 0;} #contactWrap .tabCont .infoText {height:125px;} #contactWrap .tabCont .infoText .company {font-size:20px; color:#ff5000; line-height:28px;} #contactWrap .tabCont .infoText dl {margin-top:15px; *zoom:1;} #contactWrap .tabCont .infoText dl:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #contactWrap .tabCont .infoText dl dt {float:left; font-size:15px; color:#333333; margin-right:10px;} #contactWrap .tabCont .infoText dl dd {float:left; font-size:15px; color:#666666; margin-right:20px;} #contactWrap .tabCont .infoText .tel dt {font-family:'ms300', sans-serif;} #contactWrap .tabCont .infoText .tel dd {font-family:'ms300', sans-serif;} #contactWrap .tabCont .infoText .address dt {width:75px; margin-right:0;} #contactWrap .tabCont .infoText .address dd {width:860px; margin-right:0;} #contactWrap .tabCont .contactMap {position:relative;width:978px;height:514px; *zoom:1;overflow:hidden;} #contactWrap .tabCont .contactMap:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #contactWrap .tabCont .contactMap .mapCont {float:left; width:739px; height:514px;} #contactWrap .tabCont .contactMap .comList {position:absolute;top:0px;right:0px; width:154px; --height:514px; overflow:hidden; padding-right:50px;} #contactWrap .tabCont .contactMap .comList ul {} #contactWrap .tabCont .contactMap .comList ul li a {display:block; font-size:13px; color:#999999; line-height:16px; margin-bottom:18px;} #contactWrap .tabCont .contactMap .comList ul li a:hover {color:#ff5000;} #contactWrap .tabCont .contactMap .comList ul li a.on {color:#ff5000;} #contactWrap .tabCont .contactMap .comList .bold {border-bottom:1px solid #e8e8e8; margin-bottom:18px;} #contactWrap .tabCont .contactMap .comList .bold li a {font-family:'nbg2' ,sans-serif; font-family:"NanumBarunGothicBold", nbg, dotum, sans-serif \0/IE8; color:#000000;} #contactWrap .tabCont .contactMap .comList .bold li a.on {color:#ff5000;} #contactWrap .tabCont .contactMap .scroll_bar {position:absolute;top:0px;right:0px;background-color:#ededed;width:1px;height:514px;} #contactWrap .tabCont .contactMap .scroll_bar .scroll {position:absolute;top:0px;right:0px;background-color:#ff5000;width:1px;height:100px;} #contactWrap .emailAdvice {padding-top:90px;} #contactWrap .emailAdvice .title {margin-bottom:50px;} #contactWrap .emailAdvice .title span {display:inline-block; border-top:2px solid #050706; font-size:27px;line-height:32px;color:#050706;padding-top:14px;} #contactWrap .emailAdvice .dataTable {width:978px; border-top:2px solid #000;} #contactWrap .emailAdvice .dataTable table {width:100%;} #contactWrap .emailAdvice .dataTable table th {font-size:13px;text-align:left;background:url('/ko/images/recruit/bgContentsTable01.gif') no-repeat 0 bottom;vertical-align:middle; color:#333333; font-weight:normal;} #contactWrap .emailAdvice .dataTable table td {padding:16px 0px 16px 0px;background:url('/ko/images/recruit/bgContentsTable02.gif') repeat-x 0 bottom; font-size:13px; color:#666666; line-height:18px;} #contactWrap .emailAdvice .dataTable table td a {color:#666666;} #contactWrap .emailAdvice .dataTable table td a:hover {color:#ff5000;} #contactWrap .emailAdvice .dataTable table .last {background:none; border-bottom:1px solid #000000;} #contactWrap .emailAdvice .dataTable table .last02 {background:none; border-bottom:2px solid #000000;} #contactWrap .emailAdvice .dataTable table .txt01 {margin-top:10px;} #contactWrap .emailAdvice .sInfo {text-align:right; font-size:13px; color:#666666; margin-top:20px;} #contactWrap .emailAdvice .btn {display:inline-block; width:156px; height:32px; text-align:center; background:#000000; color:#ffffff !important; font-size:12px; overflow:visible; line-height:34px; margin-left:5px;} /* 게임-wrap */ #wrap02 {width:100%;margin:0 54px; min-width:980px; max-width:2560px;} /* 게임-container */ #container .contents02 {margin-top:-355px; margin-bottom:-160px;} /* 게임 타이틀 */ #gamesWrap {width:100%;} #gamesWrap .titGame {float:left; width:252px; font-family:'MuseoSans-500';font-size:25px;font-weight:normal;line-height:27px;color:#000;} #gamesWrap .titGame span {display:inline-block;padding-top:15px;border-top:2px solid #000;font-family:'ms500', sans-serif;font-size:25px;font-weight:normal;line-height:27px;color:#000;} #gamesWrap .gameVisual {margin:-441px 0 0 -54px; overflow:hidden; position:relative;max-width:2560px;} #gamesWrap .gameVisual .visualImg {width:2680px; min-width:1500px; max-width:2560px;} #gamesWrap .gameArea {position:relative;} #gamesWrap .gameArea .tabSec {margin-left:-66px;padding:60px 0px 0px 54px;height:185px;background:url('/ko/images/game/bgTabSec.png') no-repeat 0 0;position:relative;min-width:1500px; max-width:2395px;} #gamesWrap .gameArea .tabSec p {padding-top:24px; font-size:40px;line-height:54px;color:#fff;background:url('/ko/images/game/bgTabSec02.gif') no-repeat 0 0;} #gamesWrap .gameArea .tabSec p span {font-family:'ms300', sans-serif;} #gamesWrap .gameArea .gameDownload {position:absolute;top:60px;right:5%;} #gamesWrap .gameArea .gameDownload02 {position:absolute;top:60px;right:5%;} #gamesWrap .gameArea .gameContWrap {width:100%; margin-left:-54px; padding:0 0 166px 54px; background:url('/ko/images/game/bgGamesWrap.gif') no-repeat 0 -51px;} #gamesWrap .gameArea .gameContWrap02 {width:100%; margin-left:-54px; padding:0 0 166px 54px; background:url('/ko/images/game/bgGamesWrap02.gif') no-repeat 0 -51px !important;} /* 게임 배경 색상 */ #gamesWrap .gameArea .tabSec_color01 {margin-left:-66px;padding:60px 0px 0px 54px;height:185px;background:url('/ko/images/game/bgTabSec.png') no-repeat 0 0;position:relative;max-width:2395px;*zoom:1;} #gamesWrap .gameArea .tabSec_color01:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #gamesWrap .gameArea .tabSec_color01 p {float:left; padding-top:24px; font-size:40px;line-height:54px;color:#fff;background:url('/ko/images/game/bgTabSec02.gif') no-repeat 0 0;} #gamesWrap .gameArea .tabSec_color01 p span {font-family:'ms300', sans-serif;} #gamesWrap .gameArea .tabSec_color01 .gameDownload {position:absolute;top:60px;right:5%;} #gamesWrap .gameArea .tabSec_color02 {margin-left:-66px;padding:60px 0px 0px 54px;height:185px;background:url('/ko/images/game/bgTabSec_white.png') no-repeat 0 0;position:relative;max-width:2395px;} #gamesWrap .gameArea .tabSec_color02 p {padding-top:24px; font-size:40px;line-height:54px;color:#fff;background:url('/ko/images/game/bgTabSec02.gif') no-repeat 0 0;} #gamesWrap .gameArea .tabSec_color02 p span {font-family:'ms300', sans-serif;} #gamesWrap .gameArea .tabSec_color02 .gameDownload {position:absolute;top:60px;right:5%;} #gamesWrap .gameArea .tabSec_color03 {margin-left:-66px;padding:60px 0px 0px 54px;height:185px;background:url('/ko/images/game/bgTabSec_green.png') no-repeat 0 0;position:relative;max-width:2395px;} #gamesWrap .gameArea .tabSec_color03 p {padding-top:24px; font-size:40px;line-height:54px;color:#fff;background:url('/ko/images/game/bgTabSec02.gif') no-repeat 0 0;} #gamesWrap .gameArea .tabSec_color03 p span {font-family:'ms300', sans-serif;} #gamesWrap .gameArea .tabSec_color03 .gameDownload {position:absolute;top:60px;right:5%;} #gamesWrap .gameArea .tabSec_color04 {margin-left:-66px;padding:60px 0px 0px 54px;height:185px;background:url('/ko/images/game/bgTabSec_blue.png') no-repeat 0 0;position:relative;max-width:2395px;} #gamesWrap .gameArea .tabSec_color04 p {padding-top:24px; font-size:40px;line-height:54px;color:#fff;background:url('/ko/images/game/bgTabSec02.gif') no-repeat 0 0;} #gamesWrap .gameArea .tabSec_color04 p span {font-family:'ms300', sans-serif;} #gamesWrap .gameArea .tabSec_color04 .gameDownload {position:absolute;top:60px;right:5%;} #gamesWrap .gameArea .tabSec_color05 {margin-left:-66px;padding:60px 0px 0px 54px;height:185px;background:url('/ko/images/game/bgTabSec_orange.png') no-repeat 0 0;position:relative;max-width:2395px;} #gamesWrap .gameArea .tabSec_color05 p {padding-top:24px; font-size:40px;line-height:54px;color:#fff;background:url('/ko/images/game/bgTabSec02.gif') no-repeat 0 0;} #gamesWrap .gameArea .tabSec_color05 p span {font-family:'ms300', sans-serif;} #gamesWrap .gameArea .tabSec_color05 .gameDownload {position:absolute;top:60px;right:5%;} #gamesWrap .gameArea .gameInfo {height:701px; ;padding-top:101px; *zoom:1;} #gamesWrap .gameArea .gameInfo:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #gamesWrap .gameArea .gameInfo .right {float:left; font-size:15px; color:#000000; line-height:24px; width:705px; position:relative; height:701px;} #gamesWrap .gameArea .gameInfo .right .text {/*height:103px;*/} #gamesWrap .gameArea .gameInfo .right .btnMore {text-align:right;} #gamesWrap .gameArea .gameInfo .right .detail {margin-top:60px; *zoom:1;} #gamesWrap .gameArea .gameInfo .right .detail:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #gamesWrap .gameArea .gameInfo .right .detail dl {float:left;} #gamesWrap .gameArea .gameInfo .right .detail dl dt {width:116px; font-size:13px; color:#333333; height:29px; border-bottom:1px solid #121212; margin-bottom:15px; padding-right:29px;} #gamesWrap .gameArea .gameInfo .right .detail dl dd {width:116px; font-size:13px; color:#333333; line-height:20px; padding-right:29px;} #gamesWrap .gameArea .gameInfo .right .detail .dl02 dt {width:80px;} #gamesWrap .gameArea .gameInfo .right .detail .dl02 dd {width:80px;} #gamesWrap .gameArea .gameInfo .right .detail .last dt, #gamesWrap .gameArea .gameInfo .right .detail .last dd {padding-right:0;} #gamesWrap .gameArea .gameInfo .right .detail .btn {display:block; float:left; height:47px; width:99px; padding-top:13px; margin-left:50px; background:#000000; font-size:11px; color:#ffffff; line-height:18px; text-align:center;} #gamesWrap .gameArea .gameInfo .right .infoArea {position:absolute;bottom:0;left:0; height:383px;} #gamesWrap .gameArea .gameInfo .right .infoArea .gameLogo {position:absolute;top:46px;left:51px;} #gamesWrap .gameArea .gameInfo .right .infoArea .triangle01 {position:absolute;top:0;left:220px; background:url('/ko/images/game/triangle01.png') no-repeat; width:220px; height:192px; } #gamesWrap .gameArea .gameInfo .right .infoArea .triangle01 span {/*position:absolute;top:115px;left:62px;*/ font-size:15px; color:#000000; line-height:21px; text-align:center; display:block; width:220px; height:92px; padding-top:100px;} #gamesWrap .gameArea .gameInfo .right .infoArea .triangle01_off {position:absolute;top:0;left:220px; background:url('/ko/images/game/triangle01_off.png') no-repeat; width:220px; height:192px;} #gamesWrap .gameArea .gameInfo .right .infoArea .triangle02 {position:absolute;top:0;left:330px; background:url('/ko/images/game/triangle02_on.png') no-repeat; width:100px; height:92px; z-index:2; padding:0 60px 100px 60px;} #gamesWrap .gameArea .gameInfo .right .infoArea .triangle02 a {display:block; text-align:center; font-size:15px; color:#ffffff; line-height:24px; height:80px; padding-top:40px;} #gamesWrap .gameArea .gameInfo .right .infoArea .triangle02 a:hover {color:#000000;} #gamesWrap .gameArea .gameInfo .right .infoArea .triangle02_off {position:absolute;top:0;left:330px; background:url('/ko/images/game/triangle02_off.png') no-repeat; width:220px; height:192px;} #gamesWrap .gameArea .gameInfo .right .infoArea .triangle03 {position:absolute;top:0;left:440px; background:url('/ko/images/game/triangle03.png') no-repeat; width:220px; height:192px; } #gamesWrap .gameArea .gameInfo .right .infoArea .triangle03_off {position:absolute;top:0;left:440px; background:url('/ko/images/game/triangle03_off.png') no-repeat; width:220px; height:192px; } #gamesWrap .gameArea .gameInfo .right .infoArea .triangle04 {position:absolute;top:191px;left:0; background:url('/ko/images/game/triangle04.png') no-repeat; width:220px; height:192px; } #gamesWrap .gameArea .gameInfo .right .infoArea .triangle04 span {/*position:absolute;top:41px;left:68px; */font-size:15px; color:#000000; line-height:21px; text-align:center; display:block; width:220px; height:142px; padding-top:50px;} #gamesWrap .gameArea .gameInfo .right .infoArea .triangle04_off {position:absolute;top:191px;left:0; background:url('/ko/images/game/triangle04_off.png') no-repeat; width:220px; height:192px; } #gamesWrap .gameArea .gameInfo .right .infoArea .triangle05 {position:absolute;top:192px;left:110px; background:url('/ko/images/game/triangle05.png') no-repeat; width:220px; height:192px; } #gamesWrap .gameArea .gameInfo .right .infoArea .triangle05 span {/*position:absolute;top:114px;left:72px;*/ font-size:15px; color:#000000; line-height:21px; text-align:center;display:block; width:220px; height:92px; padding-top:100px;} #gamesWrap .gameArea .gameInfo .right .infoArea .triangle05_off {position:absolute;top:192px;left:110px; background:url('/ko/images/game/triangle05_off.png') no-repeat; width:220px; height:192px; } #gamesWrap .gameArea .gameInfo .right .infoArea .triangle06 {position:absolute;top:192px;left:220px; background:url('/ko/images/game/triangle06.png') no-repeat; width:220px; height:192px; } #gamesWrap .gameArea .gameInfo .right .infoArea .triangle06_off {position:absolute;top:192px;left:220px; background:url('/ko/images/game/triangle06_off.png') no-repeat; width:220px; height:192px; } #gamesWrap .gameArea .gameInfo .right .infoArea .triangle07 {position:absolute;top:192px;left:329px; background:url('/ko/images/game/triangle07.png') no-repeat; width:220px; height:192px; } #gamesWrap .gameArea .gameInfo .right .infoArea .triangle07 span {/*position:absolute;top:114px;left:72px;*/ font-size:15px; color:#000000; line-height:21px; text-align:center; display:block; width:220px; height:92px; padding-top:100px;} #gamesWrap .gameArea .gameInfo .right .infoArea .triangle07_off {position:absolute;top:192px;left:329px; background:url('/ko/images/game/triangle07_off.png') no-repeat; width:220px; height:192px; } #gamesWrap .gameArea .gameInfo .right .infoArea .triangle08 {position:absolute;top:192px;left:440px; background:url('/ko/images/game/triangle08.png') no-repeat; width:220px; height:192px; } #gamesWrap .gameArea .gameInfo .right .infoArea .triangle08 span {/*position:absolute;top:41px;left:75px; */font-size:15px; color:#000000; line-height:21px; text-align:center; display:block; width:220px; height:142px; padding-top:50px;} #gamesWrap .gameArea .gameInfo .right .infoArea .triangle08_off {position:absolute;top:192px;left:440px; background:url('/ko/images/game/triangle08_off.png') no-repeat; width:220px; height:192px; } #gamesWrap .gameArea .gameInfo .right .textLayerPop {position:absolute;top:-31px;left:-21px; width:705px; border:1px solid #ff5000; padding:30px 20px; background:#ffffff;} #gamesWrap .gameArea .infographic {width:960px;height:383px;padding-top:88px;position:relative;} #gamesWrap .gameArea .infographic .cont {float:left;} #gamesWrap .gameArea .story {height:201px; padding-top:90px;position:relative;} #gamesWrap .gameArea .story .text {float:left; font-size:15px;color:#000;line-height:24px; width:730px; position:relative; height:201px;} #gamesWrap .gameArea .story .text .btnMore {text-align:right;} #gamesWrap .gameArea .story .text .btnMore02 {text-align:right;} #gamesWrap .gameArea .story .text .textLayerPop {position:absolute;top:-30px;left:-20px; width:726px; border:1px solid #ff5000; padding:30px 20px; background:#ffffff; z-index:1;} #gamesWrap .gameArea .story:after {content:"";display:block;clear:both;} #gamesWrap .gameArea .multimedia {width:100%;height:412px;padding-left:252px;position:relative;} #gamesWrap .gameArea .multimedia .mu {position:absolute;top:108px;left:495px; font-family:'ms500', sans-serif; font-size:23px; color:#000000; text-align:center; height:120px;} #gamesWrap .gameArea .multimedia .mu a {display:block; height:76px; margin-top:24px; background:url('/ko/images/btn/btnPlay03.png') no-repeat center 0; margin-left:22px;} #gamesWrap .gameArea .multimedia .ga {position:absolute;top:190px;left:740px; font-family:'ms500', sans-serif; font-size:23px; color:#000000; text-align:center; height:120px;} #gamesWrap .gameArea .multimedia .ga a {display:block; height:76px; margin-bottom:20px; background:url('/ko/images/btn/btnPlay04.png') no-repeat center 0;} #gamesWrap .gameArea .keypoint {padding-top:90px;position:relative; *zoom:1;} #gamesWrap .gameArea .keypoint ul {float:left; width:730px;} #gamesWrap .gameArea .keypoint ul li {font-size:15px;color:#000;line-height:24px; height:700px;} #gamesWrap .gameArea .keypoint:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} /* 게임-멀티미디어 레이어 */ #layerGame {position:fixed;top:0;left:0px;width:100%;height:100%;background:url('/ko/images/game/bgLayerGame.png') repeat-y 0 0;} #layerGame .mediaArea {height:100%; position:relative; margin-top:150px;} #layerGame .mediaArea .tit {padding-top:20px; color:#fff;font-size:30px;line-height:36px;background:url('/ko/images/game/bgH501.gif') no-repeat 0 0; margin:25px 0 0 54px;} #layerGame .mediaArea .tit span {display:inline-block; font-size:15px; color:#999999; margin-left:5px;} #layerGame .mediaArea .imgSec {width:923px;height:525px;position:relative; margin:24px 0 0 54px;} #layerGame .mediaArea .imgSec a {display:block;} #layerGame .mediaArea .imgSec a .play {position:absolute;top:180px;left:380px;} #layerGame .mediaArea .infoSec {margin:20px 0 0 54px;} #layerGame .mediaArea .infoSec .subtitle {width:840px; height:220px; padding:30px; margin-top:20px; background:url('/ko/images/game/bgLayerGame03.png') no-repeat; font-size:15px; color:#666666; line-height:24px;} #layerGame .mediaArea .infoSec .subtitle .txt01 {margin-bottom:8px; font-size:15px; color:#999999;} #layerGame .mediaArea .btn {display:block; position:absolute;top:10px;left:913px;} #layerGame02 {position:fixed;top:0;left:0px;width:100%;height:100%;background:url('/ko/images/game/bgLayerGame.png') repeat-y 0 0;} #layerGame02 .glleryArea {height:100%; position:relative; margin-top:150px;} #layerGame02 .glleryArea .imgSec {width:809px;height:444px;position:relative; margin:24px 0 0 54px; text-align:center;} #layerGame02 .glleryArea .imgSec .naviGallery {position:absolute;bottom:20px;right:20px;} #layerGame02 .glleryArea .imgSec .naviGallery .num {display:inline-block;padding:1px 6px 0px 4px;color:#999;font-family:'MuseoSans-100';font-size:15px;} #layerGame02 .glleryArea .imgSec .naviGallery .num strong {font-family:'MuseoSans-300';font-size:20px;color:#fff;font-weight:normal;} #layerGame02 .glleryArea .imgSec .bottomSec {position:absolute;bottom:0;left:0; width:809px; height:35px; background:url("/ko/images/game/bgBottom.png") no-repeat; text-align:left;} #layerGame02 .glleryArea .imgSec .bottomSec .tit {padding-left:8px; font-family:'ms300', sans-serif; font-size:13px; color:#ffffff; line-height:35px;} #layerGame02 .glleryArea .imgSec .bottomSec .down {position:absolute;top:0;right:0; } #layerGame02 .glleryArea .imgSec .bottomSec .down a {display:block; height:25px; width:90px; padding:10px 0 0 0; font-family:'ms300', sans-serif; font-size:13px; color:#ffffff; background:url('/ko/images/game/btnDown.png') no-repeat 48px 15px;} #layerGame02 .glleryArea .infoSec {margin:50px 0 0 54px;position:relative; width:923px;} #layerGame02 .glleryArea .infoSec .tit {padding-top:20px; color:#fff;font-size:30px;line-height:36px;background:url('/ko/images/game/bgH501.gif') no-repeat 0 0;font-family:'ms300', sans-serif;} #layerGame02 .glleryArea .infoSec .tit span {display:inline-block; font-size:15px; color:#999999; margin-left:5px;} #layerGame02 .glleryArea .infoSec .thumb {float:right; margin-top:20px;} #layerGame02 .glleryArea .imgList {width:809px; height:38px; margin:32px 0 0 54px; position:relative; padding-top:10px; } #layerGame02 .glleryArea .imgList .pre {display:block; width:15px; height:30px; background:url('/ko/images/game/btnPre_off.png') no-repeat; text-indent:-9999px;} #layerGame02 .glleryArea .imgList .pre:hover {background:url('/ko/images/game/btnPre_on.png') no-repeat;} #layerGame02 .glleryArea .imgList .next {position:absolute;top:10px;right:-59px; display:block; width:15px; height:30px; background:url('/ko/images/game/btnNext_off.png') no-repeat; text-indent:-9999px;} #layerGame02 .glleryArea .imgList .next:hover {background:url('/ko/images/game/btnNext_on.png') no-repeat;} #layerGame02 .glleryArea .imgList .list {width:762px; height:48px; overflow:hidden; position:absolute;top:0;left:45px; } #layerGame02 .glleryArea .imgList ul {position:absolute;top:0;left:0; width:5000px;} #layerGame02 .glleryArea .imgList ul li {float:left; margin-right:43px;} #layerGame02 .glleryArea .imgList ul li a {display:block; position:relative; width:84px; height:48px;} #layerGame02 .glleryArea .imgList ul li a .over {position:absolute;top:0;left:0;} #layerGame02 .glleryArea .btn {display:block; position:absolute;top:10px;left:823px;} /* prcenter-리스트 */ #prcenterWrap {width:100%;background:url('/ko/images/prcenter/bgPrcenter01.gif') no-repeat;} #prcenterWrap .triangleImg {position:absolute;top:0;left:690px;} #prcenterWrap .triangleImg .tPattern {position:absolute;top:7px;left:30px;} #prcenterWrap .searchWrap .languages li a {color:#ffffff !important; background:url('/ko/images/common/bgLanguages02.png') no-repeat right 2px;} #prcenterWrap .searchWrap .languages li a:hover {color:#ff5000 !important;} #prcenterWrap .searchWrap .languages li a.on2 {color:#000000 !important; background:url('/ko/images/common/bgLanguages.png') no-repeat right 2px;} #prcenterWrap .prCenter {width:924px;} #prcenterWrap .prCenter .listLeft {height:264px; padding-top:61px;} #prcenterWrap .prCenter .listLeft a {display:block; *zoom:1;} #prcenterWrap .prCenter .listLeft a:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #prcenterWrap .prCenter .listLeft span {display:block;} #prcenterWrap .prCenter .listLeft .photo {float:left; width:336px; height:203px; margin-right:85px;} #prcenterWrap .prCenter .listLeft .text {display:inline-block;width:475px; letter-spacing:-1px;} #prcenterWrap .prCenter .listLeft .text .tit {font-size:25px; line-height:32px; color:#333333; margin-bottom:15px;} #prcenterWrap .prCenter .listLeft .text .cont {font-size:15px; color:#666666; line-height:22px;} #prcenterWrap .prCenter .listLeft .text .date {margin-top:15px; font-size:12px; color:#333333;} #prcenterWrap .prCenter .listLeft .text .date .num {display:inline-block; margin-left:10px;} #prcenterWrap .prCenter .listRight {height:264px; padding-top:61px;} #prcenterWrap .prCenter .listRight a {display:block; *zoom:1;} #prcenterWrap .prCenter .listRight a:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #prcenterWrap .prCenter .listRight span {display:block;} #prcenterWrap .prCenter .listRight .photo {float:right; width:336px; height:203px;} #prcenterWrap .prCenter .listRight .text {float:left; display:inline-block;width:475px; letter-spacing:-1px;} #prcenterWrap .prCenter .listRight .text .tit {font-size:25px; line-height:32px; color:#333333; margin-bottom:15px;} #prcenterWrap .prCenter .listRight .text .cont {font-size:15px; color:#666666; line-height:22px;} #prcenterWrap .prCenter .listRight .text .date {margin-top:15px; font-size:12px; color:#333333;} #prcenterWrap .prCenter .listRight .text .date .num {display:inline-block; margin-left:10px;} #prcenterWrap .prCenter .top .tit {color:#ff6600 !important;} /* prcenter-뷰 */ #prcenterViewWrap {width:100%;background:url('/ko/images/prcenter/bgPrcenterView01.gif') no-repeat;} #prcenterViewWrap .triangleImg {position:absolute;top:0;left:690px;} #prcenterViewWrap .triangleImg .tPattern {position:absolute;top:7px;left:30px;} #prcenterViewWrap .searchWrap .languages li a {color:#ffffff !important; background:url('/ko/images/common/bgLanguages02.png') no-repeat right 2px;} #prcenterViewWrap .searchWrap .languages li a.on2 {color:#000000 !important; background:url('/ko/images/common/bgLanguages.png') no-repeat right 2px;} #prcenterViewWrap .prView {padding-top:88px;} #prcenterViewWrap .prView .titleWrap {position:relative;} #prcenterViewWrap .prView .titleWrap .tit {font-size:27px; color:#000000; line-height:36px; width:670px;} #prcenterViewWrap .prView .titleWrap .date {margin-top:12px; *zoom:1;} #prcenterViewWrap .prView .titleWrap .date:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #prcenterViewWrap .prView .titleWrap .date dt {float:left; font-size:12px; color:#333333; margin-right:8px;} #prcenterViewWrap .prView .titleWrap .date dd {float:left; font-size:12px; color:#333333;} #prcenterViewWrap .prView .titleWrap .date .num {padding-left:16px; margin-left:15px; background:url('/ko/images/icon/bar02.png') no-repeat 0 1px;} #prcenterViewWrap .prView .titleWrap .sns {position:absolute;bottom:0;right:84px;} #prcenterViewWrap .prView .titleWrap .sns li {float:left;} #prcenterViewWrap .prView .titleWrap .sns li a {display:block; text-indent:-99999px;} #prcenterViewWrap .prView .titleWrap .sns .face a {width:35px; height:29px; background:url('/ko/images/btn/snsFacebook.png') no-repeat;} #prcenterViewWrap .prView .titleWrap .sns .face a:hover {background:url('/ko/images/btn/snsFacebook_over.png') no-repeat;} #prcenterViewWrap .prView .titleWrap .sns .twi {margin-left:-14px;} #prcenterViewWrap .prView .titleWrap .sns .twi a {width:36px; height:29px; background:url('/ko/images/btn/snsTwitter.png') no-repeat;} #prcenterViewWrap .prView .titleWrap .sns .twi a:hover {background:url('/ko/images/btn/snsTwitter_over.png') no-repeat;} #prcenterViewWrap .prView .titleWrap .sns .google {margin-left:-14px;} #prcenterViewWrap .prView .titleWrap .sns .google a {width:35px; height:29px; background:url('/ko/images/btn/snsGoo.png') no-repeat;} #prcenterViewWrap .prView .titleWrap .sns .google a:hover {background:url('/ko/images/btn/snsGoo_over.png') no-repeat;} #prcenterViewWrap .prView .view {padding:40px 0 80px 0; font-size:15px; color:#333333; line-height:24px; border-bottom:1px solid #ff5000;} #prcenterViewWrap .prView .btnWrap {position:relative; margin-top:50px;} #prcenterViewWrap .prView .btnWrap p {position:absolute;top:0;right:0;} #prcenterViewWrap .prView .btnWrap p a {float:left; font-family:'ms300', sans-serif; font-size:13px; color:#ffffff; text-align:center;} #prcenterViewWrap .prView .btnWrap div a {float:left; font-family:'ms300', sans-serif; font-size:13px; color:#ffffff; text-align:center;} /* #prcenterViewWrap .prView .btnWrap .next {display:block; width:75px; height:24px; background:url('/ko/images/btn/btnNext02.png') no-repeat; padding-top:38px;} #prcenterViewWrap .prView .btnWrap .next:hover {color:#ff5000;} #prcenterViewWrap .prView .btnWrap .prev {display:block; width:75px; height:48px; background:url('/ko/images/btn/btnPre02.png') no-repeat; padding-top:14px; margin-left:-28px;} #prcenterViewWrap .prView .btnWrap .prev:hover {color:#ff5000;} */ #prcenterViewWrap .prView .btnWrap .next {position:absolute;top:0px;right:45px;display:block; width:75px; height:62px; color:#fff; background:url('/ko/images/btn/btnNext02.png') no-repeat; padding-top:0px;} #prcenterViewWrap .prView .btnWrap .next p {position:absolute;top:35px;left:-2px;} #prcenterViewWrap .prView .btnWrap .next:hover {color:#000;} #prcenterViewWrap .prView .btnWrap .prev {position:absolute;top:0px;right:0px;display:block; width:75px; height:62px; color:#fff; background:url('/ko/images/btn/btnPre02.png') no-repeat; padding-top:0px; margin-left:-28px;} #prcenterViewWrap .prView .btnWrap .prev:hover {color:#000;} #prcenterViewWrap .prView .btnWrap .prev p {position:absolute;top:15px;left:0px;} /* recruit-인재상*/ #peopleWrap {width:100%;background:url('/ko/images/recruit/bgPeople01.gif') no-repeat;} #peopleWrap .triangleImg {position:absolute;top:0;left:689px;} #peopleWrap .triangleImg .tPattern {position:absolute;top:54px;left:142px;} #peopleWrap .peopleType01 {height:168px; padding:86px 0 0 0; font-size:31px; color:#050706; line-height:45px; letter-spacing:-1px;} #peopleWrap .peopleType01 span {color:#ff5000;} #peopleWrap .peopleType02 {padding-top:90px;} #peopleWrap .peopleType02 .outline {font-size:15px; color:#333333; line-height:22px; height:110px;} #peopleWrap .peopleType02 .outline .tit {font-size:27px; color:#050706; line-height:32px; display:inline-block; padding-top:14px; border-top:2px solid #050706; margin-bottom:16px;} #peopleWrap .peopleType02 .img {margin:30px 0 0 0; text-align:center;} #peopleWrap .peopleType02 .info {position:relative; margin:50px 0 0 230px; width:724px; height:619px; background:url('/ko/images/recruit/imgPeople01.png') no-repeat;} #peopleWrap .peopleType02 .info dl {text-align:center;} #peopleWrap .peopleType02 .info dl dt {font-size:20px; color:#333333; line-height:26px; margin-bottom:23px;} #peopleWrap .peopleType02 .info dl dd {font-size:15px; line-height:21px;} #peopleWrap .peopleType02 .info .dl01 {position:absolute;top:194px;left:318px;} #peopleWrap .peopleType02 .info .dl02 {position:absolute;bottom:74px;left:165px;} #peopleWrap .peopleType02 .info .dl03 {position:absolute;bottom:74px;right:160px;} #peopleWrap .peopleType02 .peopleImg {padding:50px 0 50px 190px;} #peopleWrap .peopleType02 .infoText {margin-left:-168px; *zoom:1;} #peopleWrap .peopleType02 .infoText:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #peopleWrap .peopleType02 .infoText dl {float:left; width:336px;margin-left:168px; margin-top:40px;} #peopleWrap .peopleType02 .infoText dl dt {font-size:20px; color:#ff6119; line-height:24px; margin-bottom:12px; letter-spacing:-.2px; font-family:'ms500', sans-serif;} #peopleWrap .peopleType02 .infoText dl dd {font-size:13px; color:#050706; line-height:24px; text-indent:-10px; padding-left:12px; font-family:'ms300', sans-serif;} /* recruit-인사제도-인사제도 */ #personnelWrap {width:100%; background:url('/ko/images/recruit/bgPersonnel01.gif') no-repeat;} #personnelWrap .triangleImg {position:absolute;top:0;left:689px;} #personnelWrap .triangleImg .tPattern {position:absolute;top:54px;left:142px;} #personnelWrap .perType01 {height:168px; padding:86px 0 0 0; font-size:31px; color:#000000; line-height:45px; letter-spacing:-1px;} #personnelWrap .perType01 span {color:#ff5000;} #personnelWrap .systemType {padding:90px 0 0 0; height:579px;} #personnelWrap .systemType .outline {font-size:15px; color:#333333; line-height:22px;} #personnelWrap .systemType .outline .tit {font-size:27px; color:#050706; line-height:32px; display:inline-block; padding-top:14px; border-top:2px solid #050706; margin-bottom:16px;} #personnelWrap .systemType .detailCont {margin:60px 0 0 -30px; *zoom:1;} #personnelWrap .systemType .detailCont:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #personnelWrap .systemType .detailCont li {float:left; width:306px; margin-left:30px;} #personnelWrap .systemType .detailCont li img {width:306px; height:185px;} #personnelWrap .systemType .detailCont li dl {} #personnelWrap .systemType .detailCont li dl dt {margin:18px 0 8px 0; font-size:18px; color:#333333; line-height:22px;} #personnelWrap .systemType .detailCont li dl dd {font-size:13px; color:#333333; line-height:24px;} /* recruit-인사제도-복리후생제도 */ #personnelWrap .welfareType {padding:90px 0 0 0;} #personnelWrap .welfareType .outline {font-size:15px; color:#333333; line-height:22px;} #personnelWrap .welfareType .outline .tit {font-size:27px; color:#050706; line-height:32px; display:inline-block; padding-top:14px; border-top:2px solid #050706; margin-bottom:16px;} #personnelWrap .welfareType .detailCont {margin:20px 0 0 -30px; *zoom:1;} #personnelWrap .welfareType .detailCont:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #personnelWrap .welfareType .detailCont li {position:relative; float:left; width:306px; margin:40px 0 0 30px;} #personnelWrap .welfareType .detailCont li a {position:relative; display:block;z-index:1;} #personnelWrap .welfareType .detailCont li .txt01 {display:block; margin-top:17px; font-size:15px; color:#333333; letter-spacing:-.5px;} #personnelWrap .welfareType .detailCont li .txt02 {display:block; margin-top:13px; font-size:13px; color:#6d6e71; line-height:22px; display:none;} #personnelWrap .welfareType .detailCont li .btn {position:absolute;top:146px;right:0;} #personnelWrap .welfareType .detailCont li .openCont {position:absolute;top:-16px;left:-16px; width:306px; height:330px; background:url('/ko/images/recruit/bgOpenCont.png') no-repeat; padding:16px 18px 16px 16px; z-index:5; display:none;} #personnelWrap .welfareType .detailCont li .openCont .txt02 {display:block;} #personnelWrap .welfareType .detailCont li .openCont .btnOn {position:absolute;top:146px;right:0;} #personnelWrap .welfareType .txt03 {margin-top:20px; font-size:13px; color:#666666; height:20px;} /* recruit-입사지원-채용절차*/ #recruitWrap {width:100%; background:url('/ko/images/recruit/bgrecruitment01.gif') no-repeat;} #recruitWrap .triangleImg {position:absolute;top:0;left:689px;} #recruitWrap .triangleImg .tPattern {position:absolute;top:150px;left:87px;} #recruitWrap .searchWrap .languages li a {color:#ffffff !important; background:url('/ko/images/common/bgLanguages02.png') no-repeat right 2px;} #recruitWrap .searchWrap .languages li a:hover {color:#ff5000 !important;} #recruitWrap .searchWrap .languages li a.on2 {color:#000000 !important; background:url('/ko/images/common/bgLanguages.png') no-repeat right 2px;} #recruitWrap .recruitType01 {height:166px; padding:86px 0 0 0; font-size:31px; color:#000000; line-height:45px; letter-spacing:-1px;} #recruitWrap .recruitType01 span {color:#ff5000;} #recruitWrap .recruitCont {padding:90px 0 0 0; height:895px;} #recruitWrap .recruitCont .outline {position:relative; font-size:15px; color:#333333; line-height:22px; height:110px;} #recruitWrap .recruitCont .outline .tit {font-size:27px; color:#050706; line-height:32px; display:inline-block; padding-top:14px; border-top:2px solid #050706; margin-bottom:16px;} #recruitWrap .recruitCont .outline .btn {position:absolute;top:67px;right:0;overflow:hidden;} #recruitWrap .recruitCont .outline .btn a {display:block; width:139px; height:39px; font-size:13px; color:#333333; text-align:center; line-height:39px;background:url('/ko/images/btn/bgBtnPrint.png') no-repeat; overflow:visible;} #recruitWrap .recruitCont .outline .btn a .tw_box {position:absolute;top:-10px;left:-50px;width:200px;height:10px;background-color:#000000;z-index:0;} #recruitWrap .recruitCont .outline .btn a p {position:relative;z-index:1} #recruitWrap .recruitCont .outline .btn a:hover {color:#fff;} #recruitWrap .recruitCont .procedureImg {width:977px; height:207px; margin:60px 0 0 0; background:url('/ko/images/recruit/imgProcedure01.png') no-repeat;} #recruitWrap .recruitCont .procedureImg ul {*zoom:1;} #recruitWrap .recruitCont .procedureImg ul:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #recruitWrap .recruitCont .procedureImg ul li {float:left; font-size:20px; color:#000000; text-align:center; padding-top:44px; width:190px; height:163px; font-size:20px; text-align:center;} #recruitWrap .recruitCont .procedureImg ul li.li01 {width:200px;} #recruitWrap .recruitCont .procedureImg ul li.li02 {width:198px;} #recruitWrap .recruitCont .procedureImg ul li.li03 {width:199px;} #recruitWrap .recruitCont .procedureImg ul li.li04 {width:190px;} #recruitWrap .recruitCont .recruitDetail {} #recruitWrap .recruitCont .recruitDetail dt {position:relative; height:53px; border-top:1px solid #cccccc;} #recruitWrap .recruitCont .recruitDetail dt a {display:block; height:33px; padding-top:20px; font-size:16px; color:#333333; background:url('/ko/images/recruit/bgDetail_off.png') no-repeat 932px 23px;} #recruitWrap .recruitCont .recruitDetail dt.on {padding-top:20px; border-top:1px solid #000000;} #recruitWrap .recruitCont .recruitDetail dt.on a {font-size:20px; background:url('/ko/images/recruit/bgDetail_on.png') no-repeat 932px 23px;} #recruitWrap .recruitCont .recruitDetail dt.on span {display:block; padding-top:20px; background:url('/ko/images/recruit/bgTit.png') no-repeat; line-height:24px;} #recruitWrap .recruitCont .recruitDetail dd {display:none; margin-top:20px; border-bottom:1px solid #000000; padding-bottom:40px; font-size:15px; color:#333333; line-height:24px;} #recruitWrap .recruitCont .recruitDetail dd span {display:block; margin-top:12px; font-size:13px; color:#666666; padding-left:10px; text-indent:-10px;} #recruitWrap .recruitCont .last {border-bottom:1px solid #cccccc;} /* recruit-입사지원-유의사항*/ #matterWrap {width:100%; background:url('/ko/images/recruit/bgMatter01.gif') no-repeat;} #matterWrap .triangleImg {position:absolute;top:0;left:689px;} #matterWrap .triangleImg .tPattern {position:absolute;top:54px;left:142px;} #matterWrap .matterType {padding-top:86px; font-size:19px; color:#000000; line-height:35px; margin-bottom:80px;} #matterWrap .matterType span {color:#ff5000;} #matterWrap .matterType .tit {font-size:27px; color:#050706; line-height:32px; display:inline-block; padding-top:14px; border-top:2px solid #050706; margin-bottom:16px;} #matterWrap .matterCont {margin-top:65px; padding-top:20px; background:url("/ko/images/util/bgBar01.png") no-repeat;} #matterWrap .matterCont dt {margin-bottom:20px; font-size:20px; color:#050706; line-height:24px;} #matterWrap .matterCont dd {font-size:15px; color:#333333; line-height:24px; padding-left:13px; text-indent:-13px;} #matterWrap .contents {height:1500px;} /* 입사지원-리스트 */ #recruitWrap02 {width:100%;background:url('/ko/images/recruit/bgRecruitWrap01.gif') no-repeat;} #recruitWrap02 .triangleImg {position:absolute;top:0;left:689px;} #recruitWrap02 .triangleImg .tPattern {position:absolute;top:0;left:30px;} /* 입사지원 폼 */ #recruitWrap03 {width:100%;background:url('/ko/images/recruit/bgRecruitWrap02.gif') no-repeat;} #recruitWrap03 .triangleImg {position:absolute;top:0;left:689px;} #recruitWrap03 .triangleImg .tPattern {position:absolute;top:0;left:30px;} /* 입사지원-지원결과확인 */ #recruitWrap04 {width:100%;background:url('/ko/images/recruit/bgRecruitWrap03.gif') no-repeat;} #recruitWrap04 .triangleImg {position:absolute;top:0;left:689px;} #recruitWrap04 .triangleImg .tPattern {position:absolute;top:246px;left:199px;} /* 입사지원-인재풀등록 */ #recruitWrap05 {width:100%;background:url('/ko/images/recruit/bgRecruitWrap04.gif') no-repeat;} #recruitWrap05 .triangleImg {position:absolute;top:0;left:689px;} #recruitWrap05 .triangleImg .tPattern {position:absolute;top:0;left:30px;} /* 게시판 위 셀렉트 */ #recruitWrap02 .boardArea {margin-top:90px;} #recruitWrap02 .boardArea .boardSearch {margin-bottom:30px;} #recruitWrap02 .boardArea .boardSearch .section01 {*zoom:1;} #recruitWrap02 .boardArea .boardSearch .section01:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #recruitWrap02 .boardArea .boardSearch .section02 {margin-top:15px; *zoom:1;} #recruitWrap02 .boardArea .boardSearch .section02:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #recruitWrap02 .boardArea .boardSearch .txt {float:left; margin:8px 10px 0 0; font-size:15px; color:#000000;} #recruitWrap02 .boardArea .boardSearch .selectWrap {float:left;} #recruitWrap02 .boardArea .boardSearch .ml20 {margin-left:20px;} /* 입사지원-스텝 */ #recruitWrap03 .stepGuide {padding:30px 0px;} #recruitWrap05 .stepGuide {padding:30px 0px;} /* 입사지원-다른분야 지원하기버튼 */ .recruitAnother {position:absolute;top:30px;left:804px;} .recruitAnother a {display:block;width:60px;padding-top:8px;border-top:1px solid #ff5000;font-size:15px;line-height:26px;color:#ff5000; text-align:center;} .recruitAnother a:hover {color:#000000; border-top:1px solid #000000;} /* 입사지원_step01_약관동의 */ .termsArea {padding-top:90px;} .termsArea .sec01 {position:relative; padding-bottom:73px;} .termsArea .sec01 h3 {display:inline-block;padding-top:14px;height:60px;border-top:2px solid #050706;font-size:27px;line-height:32px;color:#050706;font-weight:normal;} .termsArea .termsText {border:1px solid #dbdbdb;height:155px;padding:30px;margin-bottom:22px;overflow-y:scroll;} .termsArea .termsText dl {margin-top:22px;} .termsArea .termsText dl dt {font-size:15px; color:#666666; line-height:22px; margin-bottom:6px;} .termsArea .termsText dl dd {text-indent:-10px; padding-left:24px; line-height:22px; font-size:13px; color:#666666;} .termsArea .termsText dl.first {margin-top:0;} .termsArea .priType01 {padding-top:90px; font-size:15px; color:#000000; line-height:26px;} .termsArea .priType01 span {font-family:'nbg2' ,sans-serif; font-family:"NanumBarunGothicBold", nbg, dotum, sans-serif \0/IE8;} .termsArea .privacyTitle {padding-top:29px; margin:55px 0 0 0; background:url("/ko/images/util/bgBar01.png") no-repeat; *zoom:1;} .termsArea .privacyTitle:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} .termsArea .privacyTitle ul {float:left; margin-right:100px;} .termsArea .privacyTitle ul li a {font-size:15px; color:#000000; line-height:28px;} .termsArea .privacyTitle ul li a:hover {color:#ff5000;} .termsArea .privacyCont {font-size:13px; color:#666666; line-height:24px;} .termsArea .privacyCont .text01 {line-height:24px;color:#666666;} .termsArea .privacyCont .text02 {margin-top:26px; line-height:24px;color:#666666;} .termsArea .privacyCont .tit {font-size:16px; color:#050706; line-height:26px; margin-bottom:10px;} .termsArea .privacyCont .box {margin-bottom:15px; padding-top:15px; background:url("/ko/images/util/bgBar01.png") no-repeat;} .termsArea .privacyCont .box a:hover {color:#ff5000;} .termsArea .privacyCont .box dl {margin-top:15px;} .termsArea .termsArea .privacyCont .box dl dt {font-size:15px; color:#666666; line-height:24px;} .termsArea .privacyCont .box dl dd {font-size:13px; color:#666666; line-height:20px; padding-left:20px;} .termsArea .privacyCont .box dl dd ul li {font-size:13px; color:#666666; line-height:20px; padding-left:12px; text-indent:-12px;} .termsArea .privacyCont .box dl dd.first {margin-top:0;} .termsArea .privacyCont .box .privacyList {margin-top:15px;} .termsArea .privacyCont .box .privacyList li {font-size:13px; color:#666666; line-height:20px; padding-left:18px; text-indent:-18px; } .termsArea .privacyCont .box .mt {margin-top:15px;} .termsArea .privacyCont .box .mt02 {margin-top:10px;} /* 체크박스 */ .checkArea {position:absolute;bottom:57px;right:0; font-size:13px; color:#6d6e71;} .checkArea .checkImg {display:inline-block; background:url('/ko/images/common/bgCheck.png') no-repeat;} .checkArea .checkImg .hide {opacity:0; width:23px; height:18px; margin:0 3px 5px 0; filter:alpha(opacity:0);opacity:0;-moz-opacity:0; } .checkArea span {display:inline-block; padding-top:2px;} .checkArea .checkOn {display:inline-block; background:url('/ko/images/common/bgCheck.png') no-repeat 0 -32px;} /* 라디오버튼 */ .radioBox {float:left; font-size:13px; color:#333333;} .radioBox .radioImg {display:inline-block; background:url('/ko/images/common/bgRadio.png') no-repeat;} .radioBox .radioImg .hide {opacity:0; width:14px; height:12px; margin:0 5px 2px 0; overflow:hidden;} .radioBox span {display:inline-block; padding-top:2px;} .radioBox .radioOn {display:inline-block; background:url('/ko/images/common/bgRadio.png') no-repeat 0 -24px;} /* 외국인 입사지원 라디오버튼 */ .radioWrap01 {float:left; margin:5px 0 0 50px;} .radioWrap01 .radioBox {float:left;} /* 인적사항 라디오버튼 */ .radioWrap02 {float:left; margin:5px 0 0 0;} .radioWrap02 .radioBox {float:left;} /* 탭 메뉴(공통) */ .tabMenu {margin-bottom:20px;*zoom:1;} .tabMenu:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} .tabMenu li {float:left;padding-right:30px;} .recruitArea .tabMenu li a {display:inline-block;height:20px;padding-left:30px;font-size:17px; line-height:24px; color:#333;text-decoration:none;background:url('/ko/images/recruit/bgRecruitTabOff.gif') no-repeat left 2px;} .recruitArea .tabMenu li a.on, .recruitArea .tabMenu li a:hover {background:url('/ko/images/recruit/bgRecruitTabOn.gif') no-repeat left 2px;} /* 입사지원 타이틀(공통) */ .recruitTitle {display:inline-block;padding-top:14px;height:70px;border-top:2px solid #050706;font-size:27px;line-height:32px;color:#050706;font-weight:normal;} /* 입사지원_결과보기 */ .recruitArea {padding-top:90px;} .recruitArea .title {margin-bottom:45px;} .recruitArea .title span {display:inline-block; border-top:2px solid #050706; font-size:27px;line-height:32px;color:#050706;padding-top:14px;} .recruitArea .title p {margin-top:16px; font-size:15px; color:#333333; line-height:24px;} /* 입사지원 링크 */ #recruitWrap02 .recruitType01 {padding:86px 0 79px 0; font-size:31px; color:#000000; line-height:45px; letter-spacing:-1px;} #recruitWrap02 .recruitType01 span {color:#ff5000;} #recruitWrap02 .recruitBtn {position:absolute;top:200px;left:865px;} #recruitWrap02 .recruitBtn a {display:block; width:103px; height:30px;padding-top:15px;font-size:13px;color:#ff5000;background:url('/ko/images/btn/bgBtnLine03_off.png') no-repeat;} #recruitWrap02 .recruitBtn a:hover {background:url('/ko/images/btn/bgBtnLine03_on.png') no-repeat; color:#000000;} .recruitLink {width:211px;padding-top:28px;background:url('/ko/images/recruit/bgRecruitLink01.gif') no-repeat;position:absolute;top:0px;left:473px;} .recruitLink li {padding-bottom:10px;} .recruitLink li a {font-size:15px;color:#333;letter-spacing:-1px;} .recruitLink li.on a, .recruitLink li a:hover {color:#ff5000;} /* 우편번호 찾기 팝업 */ #recruitWrap03 .popAddress {position:absolute;top:39%;left:69%;width:440px;z-index:10000;margin:0px 0px 0px -100px;border:1px solid red;padding:30px;background:#fff;} #recruitWrap03 .popArea {min-height:450px;background:#ffffff;} #recruitWrap03 .popArea .popHeader {font-size:21px;line-height:22px;font-family:'nbg2' ,sans-serif; font-family:"NanumBarunGothicBold", nbg, dotum, sans-serif \0/IE8;color:#000;padding:23px 0px 0px 0px;height:49px;position:relative;background:url('/ko/images/recruit/bgPop01.gif') no-repeat 0 0;} #recruitWrap03 .popArea .popHeader span {position:absolute;top:7px;right:5px;} #recruitWrap03 .popArea .addrArea {padding:0px 0px 15px 0px;} #recruitWrap03 .popArea .addrArea .text01 {padding-bottom:14px;font-size:13px;color:#000;} #recruitWrap03 .tabPost {margin-bottom:15px;*zoom:1;} #recruitWrap03 .tabPost:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #recruitWrap03 .tabPost li {float:left;} #recruitWrap03 .tabPost li a {display:inline-block;width:72px;height:28px;padding-top:8px;margin-right:-1px;text-align:center;background:url('/ko/images/common/bgTabOff05.gif') no-repeat 0 0;} #recruitWrap03 .tabPost li a.on, #recruitWrap03 .tabPost li a:hover {color:#fff;background:url('/ko/images/common/bgTabOn05.gif') no-repeat 0 0;} #recruitWrap03 .popArea .addrArea .searchPost {height:39px;padding:1px 0px 0px 1px;margin-bottom:40px;background:url('/ko/images/recruit/bgSearchPost.png') no-repeat 0 0;position:relative;} #recruitWrap03 .popArea .addrArea .searchPost a {position:absolute;top:0px;right:0px;} #recruitWrap03 .popArea .addrArea .addrSelect {height:47px;} #recruitWrap03 .popArea .addrArea .addrSelect strong {font-size:13px; display:inline-block; margin:8px 10px 0 0;} #recruitWrap03 .popArea .addrArea .searchPost .input03 {overflow:visible; height:38px; line-height:38px; padding:0 0 0 15px;} #recruitWrap03 .popArea .addrArea .fl {float:left;} #recruitWrap03 .popArea .addrArea .ml10 {margin-left:10px !important;} #recruitWrap03 .postTable {height:190px;border-top:1px solid #1b1d1f;overflow-y:auto;} #recruitWrap03 .postTable table {padding-bottom:1px;background:url('/ko/images/common/bgTable01.gif') repeat-x 0 bottom;} #recruitWrap03 .postTable td {text-align:center;border:none;padding:10px 0px 10px 0px;} #recruitWrap03 .postTable .addrText {padding-left:14px;text-align:left;} #recruitWrap03 .postTable .btnChoice {display:block;width:47px;padding:6px 0px 5px 0px;color:#fff;text-align:center;background:#3e4146;} #recruitWrap03 .resultEmpty {padding:18px 0px 17px 0px;border-top:1px solid #1b1d1f;border-bottom:1px solid #1b1d1f;text-align:center;} #recruitWrap03 .resultEmpty p {padding-top:8px;font-family:'NanumBarunGothicBold';font-size:15px;} /* 입사지원_step05 */ #recruitWrap03 .recruitDone {padding:90px 0 0 13px;} #recruitWrap03 .recruitDone h3 {padding-top:20px;height:75px;font-size:27px;line-height:29px;color:#ff5000;font-weight:normal;background:url('/ko/images/recruit/bul_01.gif') no-repeat 2px 0;} #recruitWrap03 .recruitDone p {padding-bottom:15px;font-size:15px;line-height:26px;} #recruitWrap05 .recruitDone {padding:90px 0 0 13px;} #recruitWrap05 .recruitDone h3 {padding-top:20px;height:75px;font-size:27px;line-height:29px;color:#ff5000;font-weight:normal;background:url('/ko/images/recruit/bul_01.gif') no-repeat 2px 0;} #recruitWrap05 .recruitDone p {padding-bottom:15px;font-size:15px;line-height:26px;} /* 정보 입력 테이블_01 */ .contentsTable {border-top:2px solid #000;} .contentsTable table {margin-bottom:27px;} .contentsTable tbody th {font-size:13px;text-align:left;background:url('/ko/images/recruit/bgContentsTable01.gif') no-repeat 0 bottom;vertical-align:middle; color:#333333; font-weight:normal;} .contentsTable tbody th.vat {vertical-align:top; padding-top:16px;} .contentsTable tbody td {padding:16px 0px 16px 0px;background:url('/ko/images/recruit/bgContentsTable02.gif') repeat-x 0 bottom;} .contentsTable tbody td .selectWrap {float:left;} .contentsTable tbody td .fl {float:left;} .contentsTable tbody td .ml10 {margin-left:10px;} .contentsTable .at {font-size:10px;color:#666; margin:8px 4px 0 4px;} .contentsTable .last {background:none;border-bottom:2px solid #000;} .contentsTable .text01 {color:#888;line-height:21px; display:inline-block; margin-left:10px;} .contentsTable .text02 {color:#888;line-height:21px; display:inline-block; margin-top:7px;} .contentsTable .text03 {color:#888;line-height:21px; display:inline-block;} .contentsTable .line01 {background:none;border-bottom:1px solid #000;} .contentsTable textarea {border:1px solid #e8e8e8; padding:10px;font-size:13px;color:#333333; line-height:24px;font-family:'NanumBarunGothic' ,sans-serif; resize:none;} .contentsTable .num {color:#999999; font-size:13px; vertical-align:top; padding-left:10px;} /* 정보 입력 테이블_02 */ .contentsTable02 {padding-bottom:60px;} .contentsTable02 h4 {font-size:20px;line-height:22px;height:34px;font-weight:normal;border-bottom:2px solid #000;} .contentsTable02 h4 span {font-size:13px;color:#888; display:inline-block; margin-left:5px;} .contentsTable02 table {margin-bottom:20px; border-bottom:1px solid #000000;} .contentsTable02 tbody th {font-size:13px;text-align:left;border-bottom:1px solid #e0e0e0; vertical-align:middle ; font-weight:normal;} .contentsTable02 tbody th.vat {vertical-align:top; padding-top:16px;} .contentsTable02 tbody th.thBold {font-size:15px; color:#333333;font-family:'nbg2' ,sans-serif; font-family:"NanumBarunGothicBold", nbg, dotum, sans-serif \0/IE8;} .contentsTable02 tbody td {padding:16px 0px 16px 0px;font-size:13px;border-bottom:1px solid #e0e0e0;} .contentsTable02 tbody td .selectWrap {float:left;} .contentsTable02 tbody td .fl {float:left;} .contentsTable02 tbody td.td01 {padding:24px 0px 24px 0px;} .contentsTable02 tbody td .ml10 {margin-left:10px;} .contentsTable02 tbody td.td02 .tit {display:block; margin:9px 12px 0 0;} .contentsTable02 tbody .last th, .contentsTable02 tbody .last td {border-bottom:0;} .contentsTable02 .at {font-size:10px;color:#666; margin:8px 4px 0 4px;} .contentsTable02 .last {background:none;border-bottom:1px solid #000;} .contentsTable02 .text01 {color:#888;line-height:21px;} .contentsTable02 .text02 {color:#888;line-height:21px;font-size:12px;padding:10px 0;} .contentsTable02 .text03 {color:#888;line-height:21px;font-size:12px;padding-top:0;} .contentsTable02 .bdNone {border:none;padding-bottom:0;} .contentsTable02 .picArea {height:130px;} .contentsTable02 .picArea .thumb {float:left;width:100px;height:130px;padding-right:20px;background:url('/ko/images/recruit/bgPicArea.gif') no-repeat;} .contentsTable02 .picArea .info {float:left;} .contentsTable02 .picArea .info ul {padding:13px 0px 6px 0px;} .contentsTable02 .picArea .info ul li {padding-bottom:8px;font-size:13px;color:#888;} .contentsTable02 .picArea .info input {vertical-align:top;} .contentsTable02 .month {display:inline-block;padding-top:3px;width:100px;} .contentsTable02 .tit {font-size:13px;font-weight:bold;} .contentsTable02 .tit2 {font-size:15px;line-height:19px;font-weight:bold;} .contentsTable02 .deletion {background:url('/ko/images/recruit/bgDelete01.gif') repeat-y right;text-align:right;padding-right:14px;cursor:pointer;} .contentsTable02 .delete01 {display:block;padding-right:17px;background:url('/ko/images/icon/icoDeletion01.gif') no-repeat right 0;} .contentsTable02 .textArea01 {border:1px solid #e8e8e8;padding:5px;width:70%;height:64px;overflow-y:scroll;} /* 자기소개서 입력 테이블 */ .boardWright {} .boardWright h4 {font-size:20px;line-height:22px;height:95px;font-weight:normal;border-bottom:2px solid #000;} .boardWright h4 span {display:block;padding-top:15px;font-size:13px;color:#888;letter-spacing:-1px;} .boardWright tbody th {padding:20px 0px 18px 0px;font-size:13px;border-bottom:1px solid #e0e0e0;background:#f1f1f1;} .boardWright tbody td {padding:16px 10px 16px 10px;font-size:13px;border-bottom:1px solid #e0e0e0;} .boardWright input {vertical-align:top;} .boardWright .editorArea {height:300px;} .boardWright .text01 {padding:15px 0px 40px 0px;text-align:right;line-height:22px;color:#888; border-bottom:1px solid #000000; margin-bottom:20px;} .boardWright .text02 {line-height:20px;color:#888;} .boardWright .last {border-bottom:1px solid #000;} /* 통합검색 테이블 */ .searchTable {border-top:2px solid #000;} .searchTable table {margin-bottom:27px;} .searchTable tbody th {padding:22px 0px 0px 10px;font-size:13px;text-align:left;background:url('/ko/images/recruit/bgContentsTable01.gif') no-repeat 0 bottom;vertical-align:top;} .searchTable tbody td {padding:19px 0px 18px 0px;font-size:15px;background:url('/ko/images/recruit/bgContentsTable02.gif') repeat-x 0 bottom;} .searchTable tbody td a {color:#333;} .searchTable tbody td span {color:#ff5000;} .searchTable tbody td .view {*zoom:1;} .searchTable tbody td .view:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} .searchTable tbody td .view .imgSec {float:left;} .searchTable tbody td .view .imgSec img {width:202px;height:131px;border:1px solid #d9d9d9;} .searchTable tbody td .view .infoSec {float:right;width:756px; padding-top:10px;} .searchTable tbody td .view .infoSec .tit {color:#333;} .searchTable tbody td .view .infoSec .tit strong {font-weight:normal;color:#ff5000;} .searchTable tbody td .view .infoSec p {padding-top:11px;line-height:22px;color:#666;} .searchTable tbody td .view .infoSec p a:hover {text-decoration:none;} /* 게시판 리스트 */ .boardList {margin-bottom:40px;} .boardList table {border-top:1px solid #000;} .boardList th {padding:19px 0px 18px 0px;border-bottom:2px solid #000;font-size:16px;color:#000; background:#ffffff; font-weight:normal;} .boardList td {background:#ffffff;text-align:center;padding:19px 5px 18px 0px;border-bottom:1px solid #f1f1f1;font-size:15px;letter-spacing:-.5px; color:#333333;} .boardList td a {color:#333333;} .boardList .last td {border-color:#000;} .boardList .bg_none {background:none;border-bottom:1px solid #d9d9d9;} .boardList .alignLeft {text-align:left;padding-left:20px;} .boardList .alignLeft a {display:inline-block;width:95%;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .boardList .alignLeft a:hover {color:#ff5000;} .boardList .res {color:#ff5000; font-family:'nbg2' ,sans-serif; font-family:"NanumBarunGothicBold", nbg, dotum, sans-serif \0/IE8} /* 페이징 */ .pageSkip {text-align:center;position:relative;} .pageSkip.type2 {margin-top:45px;} .pageSkip .pagingArea {text-align:center;padding-bottom:5px;} .pageSkip .pagingArea a img {} .pageSkip span.num {display:inline-block;padding:0px 5px 0px 5px;} .pageSkip span.num a {display:inline-block;width:31px;height:17px;padding-top:10px;margin:0px 2px 0px 3px;font-family:'Arial';color:#5c5c5c;} .pageSkip span.num a.on, .pageSkip span.num a:hover {font-weight:bold;background:url('/ko/images/recruit/bgPagingNum01.gif') no-repeat;color:#fff;} /* 채용공고 VIEW */ .boardView {margin-top:90px;} .boardView .tit {font-family:'nbg2' ,sans-serif; font-family:"NanumBarunGothicBold", nbg, dotum, sans-serif \0/IE8; font-size:16px; color:#000000; line-height:22px; text-align:center; padding:17px 0px 16px 0px; border-bottom:2px solid #000; border-top:1px solid #000;} .boardView .detail {padding:20px 0px 19px 0px; border-bottom:1px solid #d6d6d6; *zoom:1;} .boardView .detail:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} .boardView .detail .detailSec01 {margin-bottom:20px; *zoom:1;} .boardView .detail .detailSec01:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} .boardView .detail .detailSec01 dl {float:left; padding-left:20px; background:url('/ko/images/common/bul02.gif') no-repeat 0 3px;} .boardView .detail .detailSec01 dl dt {float:left; font-family:'nbg2' ,sans-serif; font-family:"NanumBarunGothicBold", nbg, dotum, sans-serif \0/IE8; font-size:15px; color:#333333; width:80px;} .boardView .detail .detailSec01 dl dd {float:left; font-size:15px; color:#666666;} .boardView .detail .detailSec01 .dl01 dt {width:50px;} .boardView .detail .detailSec01 .dl01 dd {width:300px;} .boardView .detail .detailSec02 {*zoom:1;} .boardView .detail .detailSec02:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} .boardView .detail .detailSec02 dl {float:left; padding-left:20px; background:url('/ko/images/common/bul02.gif') no-repeat 0 3px;} .boardView .detail .detailSec02 dl dt {float:left; font-family:'nbg2' ,sans-serif; font-family:"NanumBarunGothicBold", nbg, dotum, sans-serif \0/IE8; font-size:15px; color:#333333; width:80px;} .boardView .detail .detailSec02 dl dd {float:left; font-size:15px; color:#666666; } .boardView .detail .detailSec02 .dl02 dt {width:50px;} .boardView .detail .detailSec02 .dd02 {width:300px;} .boardView .detail .detailSec02 .dd03 {width:280px;} /*.boardView .detail dl {float:left; padding-left:53px; background:url('/ko/images/icon/bar01.png') no-repeat;;} .boardView .detail dt {float:left; font-family:'nbg2' ,sans-serif; font-family:"NanumBarunGothicBold", nbg, dotum, sans-serif \0/IE8; font-size:15px; color:#333333; margin:0 15px 0 0; } .boardView .detail dd {float:left; font-size:15px; color:#666666; width:140px;} .boardView .detail dd.dd01 {width:80px;} .boardView .detail dd.dd02 {width:87px;} .boardView .detail dd.dd03 {width:75px;} .boardView .detail .dl01 {margin-left:0; background:none; padding-left:0;} .boardView .detail .dl02 {float:right;} .boardView .detail .dl02 dd {width:82px;}*/ .boardView .cont {margin-bottom:30px; border-bottom:1px solid #1b1d1f; padding:30px 0; font-size:15px; color:#333333; line-height:24px;} .boardView .btnWrap {position:relative;} .boardView .btnWrap .btnOk {position:absolute;top:0;right:0; display:block; width:118px; height:68px; padding-top:28px; text-align:center; background:url('/ko/images/btn/btnBlack02.png') no-repeat; color:#ffffff; font-size:15px;} .boardView .btnWrap .btnOk:hover {color:#000000;} .boardView .btnWrap .btnOk p {position:absolute;top:28px;left:32px;} .boardView .btnWrap .btnOk .tri_ov {position:absolute;top:4px;right:7px;} /* 인풋 박스(공통) */ .input01 {height:30px;padding:0 0 0px 15px;border:1px solid #e8e8e8;font-size:13px;color:#333333; overflow:visible; line-height:30px;} .input05 {height:30px;padding:0 0 0px 5px;border:1px solid #e8e8e8;font-size:13px;color:#333333; overflow:visible; line-height:30px;} .input02 {font-size:13px;color:#333333;border:none;} .input03 {height:25px;padding:5px 0 0px 15px;border:none;font-size:13px;color:#333333;} .input04 {height:30px;padding:0 0 0px 15px;border:0;font-size:13px;color:#333333; overflow:visible; line-height:30px;} .inputBox01 {height:30px;border:1px solid #e8e8e8;color:#333333;position:relative;} /* 셀렉트 공통(가로값은 인라인) */ .selectWrap {position:relative; background:#ffffff; z-index:60;} .selectWrap .sel01 a {display:block; height:23px; border:1px solid #e8e8e8; font-size:13px; color:#333333; padding:7px 0 0 15px; background:url('/ko/images/btn//btnSelect01.png') no-repeat right -1px;} .selectWrap .selList {position:absolute;top:32px;left:0; display:none;} .selectWrap .selList ul {border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;} .selectWrap .selList ul li {} .selectWrap .selList ul li a{display:block; height:23px; padding:7px 0 0 15px; font-size:13px; color:#333333; border-bottom:1px solid #e8e8e8; background:#ffffff;} .selectWrap .selList ul li a:hover {background:#e8e8e8; color:#ff5000;} .inputBox01 a {position:absolute;top:0;right:0;} /* 마진 */ .ml30 {margin-left:30px !important;} /* recruit-질의응답*/ #faqWrap {width:100%; background:url('/ko/images/recruit/bgFaq01.gif') no-repeat;} #faqWrap .triangleImg {position:absolute;top:0;left:689px;} #faqWrap .triangleImg .tPattern {position:absolute;top:247px;left:143px;} #faqWrap .searchWrap .languages li a {color:#ffffff !important; background:url('/ko/images/common/bgLanguages02.png') no-repeat right 2px;} #faqWrap .searchWrap .languages li a.on2 {color:#000000 !important; background:url('/ko/images/common/bgLanguages.png') no-repeat right 2px;} #faqWrap .faqType {padding-top:90px;} #faqWrap .faqType span {font-size:27px; color:#050706; line-height:32px; display:inline-block; padding-top:14px; border-top:2px solid #050706; margin-bottom:16px;font-family:'ms500', sans-serif;} #faqWrap .selWrap {position:relative; margin:27px 0 30px 0;} #faqWrap .selWrap .selectWrap {} #faqWrap .selWrap .btn {position:absolute;top:0;left:158px; display:block; width:63px; height:32px; text-align:center; background:#000000; line-height:32px; overflow:visible; color:#ffffff; margin-left:10px;} #faqWrap .faqList {margin-bottom:40px; } #faqWrap .faqList table {border-top:1px solid #000;} #faqWrap .faqList th {padding:19px 0px 18px 0px;border-bottom:2px solid #000;font-size:16px;color:#000; font-family:'nbg2' ,sans-serif; font-family:"NanumBarunGothicBold", nbg, dotum, sans-serif \0/IE8; background:#ffffff} #faqWrap .faqList th.th01 {text-align:left; padding-left:18px;} /*#faqWrap .faqList td.tdOn {border-bottom:1px solid #000000 !important;}*/ /*#faqWrap .faqList td.tdOn2 {border-top:1px solid #000000 !important;}*/ #faqWrap .faqList td.td01 {background:#ffffff;text-align:left;padding:17px 5px 16px 18px;border-bottom:1px solid #f1f1f1;font-size:15px;letter-spacing:-.5px; color:#333333;} #faqWrap .faqList td dl {} #faqWrap .faqList td dl dt {} #faqWrap .faqList td dl dt a {background:#ffffff;text-align:left;padding:17px 5px 16px 18px;font-size:15px;letter-spacing:-.5px; color:#333333; display:block; line-height:24px; background:url('/ko/images/btn/btnOpen_off.png') no-repeat 800px 25px; border-bottom:1px solid #f1f1f1; } #faqWrap .faqList td dl dt a.on {font-family:'nbg2' ,sans-serif; font-family:"NanumBarunGothicBold", nbg, dotum, sans-serif \0/IE8; border-bottom:0; background:url('/ko/images/btn/btnOpen_on.png') no-repeat 800px 25px;/*border-top:1px solid #000000;*/} #faqWrap .faqList td dl dt span {margin-right:5px;} #faqWrap .faqList td dl dd a {font-size:15px; color:#333333; line-height:24px; text-indent:-20px; padding:0 0 25px 38px; display:block;} #faqWrap .faqList td dl dd span {margin-right:5px;} #faqWrap .faqList td dl dd a.on {font-family:'nbg2' ,sans-serif; font-family:"NanumBarunGothicBold", nbg, dotum, sans-serif \0/IE8; border-bottom:1px solid #f1f1f1; padding-right:50px;} #faqWrap .faqList td dl dd a.on span.orange {color:#ff5000;} #faqWrap .faqList td dl dd p {display:inline-block;} /* contribution-희망문화재단 */ #foundationWrap {width:100%; background:url('/ko/images/contribution/bgFoundation01.gif') no-repeat;} /****************************** 상단 언어 별 문자 스타일 수정 (어두운 배경인 경우만) ******************************************************************************************************************************************************/ #foundationWrap .searchWrap .languages li a {color:#ffffff !important; background:url('/ko/images/common/bgLanguages02.png') no-repeat right 2px;} #foundationWrap .searchWrap .languages li a:hover {color:#ff5000 !important;} #foundationWrap .searchWrap .languages li a.on {color:#ff5000 !important; background:url('/ko/images/common/bgLanguages02.png') no-repeat right 2px;} /* 수정, 2021.02.23 */ #foundationWrap .searchWrap .languages li a.on2 {color:#ff5000 !important; background:url('/ko/images/common/bgLanguages.png') no-repeat right 2px;} /* 상단메뉴 펼침, 선택된 문자 활성화, 2021.02.23 */ #foundationWrap .searchWrap .languages li a.off2 {color:#000 !important; background:url('/ko/images/common/bgLanguages.png') no-repeat right 2px;} /* 상단메뉴 펼침, 비선택된 문자 검은색변환, 2021.02.23 */ /***************************************************************************************************************************************************************************************************************************************************/ #foundationWrap .triangleImg {position:absolute;top:0;left:689px;} #foundationWrap .triangleImg .tPattern {position:absolute;top:7px;left:30px;} #foundationWrap .founType01 {position:relative; height:174px; padding-top:81px; font-size:31px; color:#000000; line-height:45px; letter-spacing:-2px;} #foundationWrap .founType01 .btnGo {position:absolute;bottom:0;right:45px; height:39px;padding-top:15px;font-size:13px;color:#ff5000;background:url('/ko/images/btn/bgBtnLine02_off.png') no-repeat; letter-spacing:0; display:block; line-height:16px; letter-spacing:-.5px; width:168px;} #foundationWrap .founType01 .btnGo:hover {color:#000000; background:url('/ko/images/btn/bgBtnLine02_on.png') no-repeat;} #foundationWrap .founType02 {margin-top:90px;} #foundationWrap .founType02 .outline .tit {font-size:27px; color:#050706; line-height:32px; display:inline-block; padding-top:14px; border-top:2px solid #050706;} /*#foundationWrap .founType02 .activityTab {margin-top:35px; *zoom:1;} #foundationWrap .founType02 .activityTab:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #foundationWrap .founType02 .activityTab li {float:left;} #foundationWrap .founType02 .activityTab li a {display:block; width:109px; height:49px; color:#555555; font-size:15px; line-height:36px; text-align:center; background:url('/ko/images/contribution/bgactivityTab.png') no-repeat 0 -98px;} #foundationWrap .founType02 .activityTab li a:hover {color:#ffffff; background:url('/ko/images/contribution/bgactivityTab.png') no-repeat 0 0;} #foundationWrap .founType02 .activityTab li a.on {color:#ffffff; background:url('/ko/images/contribution/bgactivityTab.png') no-repeat 0 0;} #foundationWrap .founType02 .activityTab li.tab01 a {width:107px; background:url('/ko/images/contribution/bgactivityTab.png') no-repeat -110px 0;} #foundationWrap .founType02 .activityTab li.tab01 a:hover {background:url('/ko/images/contribution/bgactivityTab.png') no-repeat -110px -49px;} #foundationWrap .founType02 .activityTab li.tab01 a.on {background:url('/ko/images/contribution/bgactivityTab.png') no-repeat -110px -49px;} #foundationWrap .founType02 .activityTab li.tab02 a {width:109px; background:url('/ko/images/contribution/bgactivityTab.png') no-repeat -217px 0;} #foundationWrap .founType02 .activityTab li.tab02 a:hover {background:url('/ko/images/contribution/bgactivityTab.png') no-repeat -217px -98px;} #foundationWrap .founType02 .activityTab li.tab02 a.on {background:url('/ko/images/contribution/bgactivityTab.png') no-repeat -217px -98px;}*/ #foundationWrap .founType02 .activityCont {margin-top:50px;}/*19 2Q 업데이트*/ #foundationWrap .founType02 .activityCont .txt {font-size:15px; color:#333333; height:18px;} #foundationWrap .founType02 .activityCont .list {margin-top:38px;} #foundationWrap .founType02 .activityCont .list li {margin-bottom:50px; *zoom:1;} #foundationWrap .founType02 .activityCont .list li:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #foundationWrap .founType02 .activityCont .list li .photo {float:left; width:306px; height:185px; margin-right:50px;} #foundationWrap .founType02 .activityCont .list li .cont {float:left; width:620px; height:185px; background:url('/ko/images/contribution/bgCont01.jpg') no-repeat; padding-top:17px; font-size:15px; color:#333333; line-height:24px;} #foundationWrap .founType02 .activityCont .list li .cont + .cont {margin-top:38px;}/* 20200717 추가 */ #foundationWrap .founType02 .activityCont .list li .cont .txt01 {font-size:20px; line-height:30px;} #foundationWrap .founType02 .activityCont .list li .cont .txt02 {margin-bottom:10px;}/* 20200717 수정 */ #foundationWrap .founType02 .activityCont .list li.last {margin-bottom:0;} #foundationWrap .founType02 .activityTab {margin-top:35px; *zoom:1;} #foundationWrap .founType02 .activityTab:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #foundationWrap .founType02 .activityTab li {float:left;} #foundationWrap .founType02 .activityTab li a {display:block; width:109px; height:49px; color:#555555; font-size:15px; line-height:36px; text-align:center; background:url('/ko/images/contribution/bgactivityTab02.png') no-repeat 0 -49px;font-family:'ms500', sans-serif;}/*19 2Q 업데이트*/ #foundationWrap .founType02 .activityTab li a:hover {color:#ffffff; background:url('/ko/images/contribution/bgactivityTab02.png') no-repeat 0 0;} #foundationWrap .founType02 .activityTab li a.on {color:#ffffff; background:url('/ko/images/contribution/bgactivityTab02.png') no-repeat 0 0;} #foundationWrap .founType02 .activityTab li.tab01 a {width:144px; background:url('/ko/images/contribution/bgactivityTab02.png') no-repeat -182px 0;} #foundationWrap .founType02 .activityTab li.tab01 a:hover {background:url('/ko/images/contribution/bgactivityTab02.png') no-repeat -182px -49px;} #foundationWrap .founType02 .activityTab li.tab01 a.on {background:url('/ko/images/contribution/bgactivityTab02.png') no-repeat -182px -49px;} #foundationWrap .founType02 .activityTab li.tab02 a {width:144px; background:url('/ko/images/contribution/bgactivityTab02.png') no-repeat -182px 0;} #foundationWrap .founType02 .activityTab li.tab02 a:hover {background:url('/ko/images/contribution/bgactivityTab02.png') no-repeat -182px -49px;} #foundationWrap .founType02 .activityTab li.tab02 a.on {background:url('/ko/images/contribution/bgactivityTab02.png') no-repeat -182px -49px;} #foundationWrap .founType02 .activityCont .btnGo2 {position:absolute;bottom:0px;left:-20px;height:39px;margin-left:20px;padding-top:15px;font-size:13px;color:#ff5000;background:url('/ko/images/btn/bgBtnlink02_on.png') no-repeat;background-position: 100% 40%;display:inline-block;line-height:16px;letter-spacing:-.5px;width: 230px;} #foundationWrap .founType02 .activityCont .btnGo2:hover {color:#000000; background:url('/ko/images/btn/bgBtnlink02_off.png') no-repeat; background-position: 100% 40%;} /* 20200717 추가 S */ #foundationWrap .founType02 .activityCont .btnGo3 {font-size:13px;color:#ff5000;background:url('../images/btn/bgBtnPage_on.jpg') no-repeat;background-position: 100% 0;display:inline-block; padding-right:30px; line-height:20px;} #foundationWrap .founType02 .activityCont .btnGo3:hover {color:#000000; background:url('../images/btn/bgBtnPage_off.jpg') no-repeat; background-position: 100% 0;} /* 20200717 추가 E */ /*19 2Q 업데이트S*/ #foundationWrap .founType02 .activityTab li.tab03 a {width:108px; background:url('/en/images/contribution/bgactivityTab03.png') no-repeat -110px 0;} #foundationWrap .founType02 .activityTab li.tab03 a:hover {background:url('/en/images/contribution/bgactivityTab03.png') no-repeat -110px -49px;} #foundationWrap .founType02 .activityTab li.tab03 a.on {background:url('/en/images/contribution/bgactivityTab03.png') no-repeat -110px -49px;} #foundationWrap .founType02 .activityCont .btnGo {position:absolute;top:-15px;height:39px;margin-left:20px;padding-top:15px;font-size:13px;color:#ff5000;background:url('/ko/images/btn/bgBtnLine02_off.png') no-repeat; display:inline-block; line-height:16px; letter-spacing:-.5px; width:170px;} #foundationWrap .founType02 .activityCont .btnGo:hover {color:#000000; background:url('/en/images/btn/bgBtnLine02_on.png') no-repeat;} .fl{float:left;} .fr{float:right;} .clearfix:after {content:''; display:block; clear:both;} .clear {clear:both;} .icon-content{margin-top: 50px;} .icon-content>div{overflow:hidden; margin-bottom:70px; line-height:1.5em;} .icon-content>div .tit {float:left; width:150px; margin-right:100px; margin-top:50px;} .icon-content>div .tit dt {font-size:42px; margin-bottom:20px; font-family:'Circular-Bold', 'Malgun Gothic';} .icon-content>div ul {text-align:center; font-size:0;} .icon-content>div ul li {display:inline-block; float:none; vertical-align:top;} .icon-content>div ul li {width: 185px; margin-right:40px; text-align:center; letter-spacing:-1.3px;} .icon-content>div ul li p {font-size:21px; margin-bottom:15px; color:#222; line-height:28px;} .icon-content>div ul li>div {font-size:16px;line-height:1.5em;} .icon-content>div ul li img {display: block; margin: auto auto 20px auto;} .icon-content>div .tit dt{line-height:1.5em; font-size:42px; letter-spacing:-1.3px; margin-bottom:20px; font-weight:bold;} .icon-content>div .tit dd{line-height:1.5em; font-size:16px; letter-spacing:-1.3px;} .icon-content>div.n2{margin-bottom:0px;} /*#foundationWrap .founType01 span{color:#ff5000;}*/ /*CSR*/ .contBox{width:100%;} .contBox:after{clear:both; content:' ';display:block;} .contBox .photoBox{width:48%; box-sizing:border-box;} .contBox .contPhoto{margin-bottom:30px;} .contBox .photoBox>.cont{width:100% !important; height:210px !important; letter-spacing:-.3px;;} p.founTitle{font-size:23px;line-height:33px; font-weight:bold; letter-spacing: -.5px; margin-bottom:16px;} .about-cont{position:relative;} .about-cont .btnGo{right:0px; top:-60px !important;} .about-cont h3 {display: table-cell;font-size: 62px;line-height: 68px;font-weight: normal;color: #222; letter-spacing:-2px;} .about-cont .title-desc strong {display: block;font-size: 28px;color: #000;} .about-cont .title-desc span {display: block;font-size: 26px;color: #000;margin-top: 14px;} .about-cont p.title-desc {display: table-cell;vertical-align: bottom;padding-left: 27px;font-size: 16px;line-height: 28px;color: #666;} .about-cont p.txt02{position:relative;font-size: 15px;color: #333333;line-height: 24px;} .about-cont .title-desc+p {margin-top: 27px;} /*창의*/ .cont02{display:block; width:100%;font-size: 15px;color: #333333;line-height: 24px;} .cont02 > .txt02{margin-bottom: 15px;} .contBox .photoBox>.cont>.txt01{font-weight:bold;} /*창작*/ .support-contents-list{margin-top:;} .support-contents-list li {width: calc(100%/ 3);float: left;text-align: center;} .support-contents-list li .bul {position: relative;display: block;height: 100px;} .support-contents-list li .bul .ico {display: block;margin: 0 auto;} .support-contents-list li .bul .ico.list1 {width: 64px;height: 55px;background: url('/en/images/contribution/bul-support-content1.png') 0 0 no-repeat;background-size: 100% 100%;} .support-contents-list li .bul .ico.list2 {width: 44px;height: 64px;background: url('/en/images/contribution/bul-support-content2.png') 0 0 no-repeat;background-size: 100% 100%;} .support-contents-list li .bul .ico.list3 {width: 55px;height: 64px;background: url('/en/images/contribution/bul-support-content3.png') 0 0 no-repeat;background-size: 100% 100%;} .support-contents-list li .bul .ico {display: block;margin: 0 auto;} .support-contents-list li strong {display: block;font-weight: normal;font-size: 22px;} .support-contents-list li p {font-size: 15px;line-height: 23px;color: #666666;margin-top: 20px;} .support-contents-list:after {display: block;content: '';clear: both;} /*19 2Q 업데이트E*/ /* contribution-청년창업지원 */ #supportWrap {width:100%; background:url('/en/images/contribution/bgSupport01.gif') no-repeat;} #supportWrap .triangleImg {position:absolute;top:0;left:689px;} #supportWrap .triangleImg .tPattern {position:absolute;top:7px;left:31px;} /****************************** 상단 언어 별 문자 스타일 수정 (어두운 배경인 경우만) ******************************************************************************************************************************************************/ #supportWrap .searchWrap .languages li a {color:#ffffff !important; background:url('/ko/images/common/bgLanguages02.png') no-repeat right 2px;} #supportWrap .searchWrap .languages li a:hover {color:#ff5000 !important;} #supportWrap .searchWrap .languages li a.on {color:#ff5000 !important; background:url('/ko/images/common/bgLanguages02.png') no-repeat right 2px;} /* 수정, 2021.02.23 */ #supportWrap .searchWrap .languages li a.on2 {color:#ff5000 !important; background:url('/ko/images/common/bgLanguages.png') no-repeat right 2px;} /* 상단메뉴 펼침, 선택된 문자 활성화, 2021.02.23 */ #supportWrap .searchWrap .languages li a.off2 {color:#000 !important; background:url('/ko/images/common/bgLanguages.png') no-repeat right 2px;} /* 상단메뉴 펼침, 비선택된 문자 검은색변환, 2021.02.23 */ /***************************************************************************************************************************************************************************************************************************************************/ #supportWrap .supType01 {position:relative; height:174px; padding-top:81px; font-size:31px; color:#000000; line-height:45px; letter-spacing:-1px;} #supportWrap .supType01 span {color:#ff5000; } /* #supportWrap .supType01 .btnGo {position:absolute;bottom:0;right:45px; height:39px;width:168px; padding-top:15px;font-size:13px;color:#ff5000;background:url('/en/images/btn/bgBtnLine02_off.png') no-repeat; letter-spacing:0; display:block; line-height:16px; letter-spacing:-.5px;} #supportWrap .supType01 .btnGo:hover {color:#000000;background:url('/en/images/btn/bgBtnLine02_on.png') no-repeat;} */ /* 수정 2021.02.16 */ #supportWrap .supType01 .btnGo {position:absolute;bottom:0;right:43px; height:39px;width:118px; padding-top:15px;font-size:13px;color:#ff5000;background:url('/en/images/btn/bgBtnLine05_off.png?v=1') no-repeat; letter-spacing:0; display:block; line-height:16px; letter-spacing:-.5px;} #supportWrap .supType01 .btnGo:hover {color:#000000;background:url('/en/images/btn/bgBtnLine05_on.png?v=1') no-repeat;} /* 수정 2021.02.16 */ #supportWrap .supType02 {margin-top:90px;} #supportWrap .supType02 .outline .tit {font-size:27px; color:#050706; line-height:32px; display:inline-block; padding-top:14px; border-top:2px solid #050706;} #supportWrap .supType02 .activityTab02 {margin-top:35px; *zoom:1;} #supportWrap .supType02 .activityTab02:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #supportWrap .supType02 .activityTab02 li {float:left;} #supportWrap .supType02 .activityTab02 li a {display:block; width:182px; height:49px; color:#555555; font-size:15px; line-height:36px; text-align:center; background:url('/en/images/contribution/bgactivityTab02.png') no-repeat 0 -49px;font-family:'ms500', sans-serif;} #supportWrap .supType02 .activityTab02 li a:hover {color:#ffffff; background:url('/en/images/contribution/bgactivityTab02.png') no-repeat 0 0;} #supportWrap .supType02 .activityTab02 li a.on {color:#ffffff; background:url('/en/images/contribution/bgactivityTab02.png') no-repeat 0 0;} #supportWrap .supType02 .activityTab02 li.tab01 a {width:144px; background:url('/en/images/contribution/bgactivityTab02.png') no-repeat -182px 0;} #supportWrap .supType02 .activityTab02 li.tab01 a:hover {background:url('/en/images/contribution/bgactivityTab02.png') no-repeat -182px -49px;} #supportWrap .supType02 .activityTab02 li.tab01 a.on {background:url('/en/images/contribution/bgactivityTab02.png') no-repeat -182px -49px;} #supportWrap .supType02 .activityCont02 {margin-top:50px; height:height:100%;}/* 수정 2021.02.16 */ #supportWrap .supType02 .activityCont02 .txt {font-size:15px; color:#333333;} #supportWrap .supType02 .activityCont02 .list {} #supportWrap .supType02 .activityCont02 .list li {margin-bottom:0px; *zoom:1;}/* 수정 2021.02.16 */ #supportWrap .supType02 .activityCont02 .list li:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #supportWrap .supType02 .activityCont02 .list li .photo {float:left; width:306px; height:240px; margin-right:50px;} #supportWrap .supType02 .activityCont02 .list li .cont {float:left; width:970px; /* width:970px; 변경, height:230px; 삭제*/ background:url('/en/images/contribution/bgCont01.jpg') no-repeat; padding-top:17px; font-size:15px; color:#333333; line-height:24px;} #supportWrap .supType02 .activityCont02 .list li .cont .txt01 {font-size:21px; line-height:30px;} #supportWrap .supType02 .activityCont02 .list li .cont .txt02 {margin-bottom:15px;} #supportWrap .supType02 .activityCont02 .list li.last {margin-bottom:0;} #supportWrap .supType02 .activityCont02 .photo02 {margin-top:104px;}/* 수정 2021.02.16 */ /* 20210518 추가 :: S */ #supportWrap .supType02 .activityTab02.futurelab li a {width: 165px;} #supportWrap .supType02 .activityTab02.futurelab li a:hover {background:url('../images/contribution/bgactivityTab04.png') no-repeat 0 0;} #supportWrap .supType02 .activityTab02.futurelab li a.on {background:url('../images/contribution/bgactivityTab04.png') no-repeat 0 0;} #supportWrap .supType02 .activityTab02.futurelab li.tab01 a {width:164px; background:url('../images/contribution/bgactivityTab04.png') no-repeat -165px 0;} #supportWrap .supType02 .activityTab02.futurelab li.tab01 a:hover {background:url('../images/contribution/bgactivityTab04.png') no-repeat -165px -49px;} #supportWrap .supType02 .activityTab02.futurelab li.tab01 a.on {background:url('../images/contribution/bgactivityTab04.png') no-repeat -165px -49px;} #supportWrap .supType02 .activityCont02 .list li .cont .txt03 {letter-spacing: -0.05em;} #supportWrap .supType02 .activityCont02 .photo03 {margin-top:35px;} #supportWrap .supType02 .activityCont02 .conBox {margin-top: 90px;} #supportWrap .supType02 .activityCont02 .conBox li {margin-bottom: 40px; overflow: hidden;} #supportWrap .supType02 .activityCont02 .conBox li:last-child {margin-bottom: 0;} #supportWrap .supType02 .activityCont02 .conBox li .left {float: left; width: 507px;} #supportWrap .supType02 .activityCont02 .conBox li .right {float: left; width: calc(100% - 507px); padding-top: 20px; line-height: 24px; background: url('/ko/images/contribution/bgCont01.jpg') no-repeat 2px 0;} #supportWrap .supType02 .activityCont02 .conBox li .right .tit {font-size: 20px; margin-bottom: 5px; letter-spacing: -0.05em;} #supportWrap .supType02 .activityCont02 .conBox li .right .txt {font-size: 15px; letter-spacing: -0.05em;} /* 20210518 추가 :: E */ /* util-개인정보처리방침 */ #privacyWrap {width:100%; background:url('/ko/images/util/bgPrivacy01.gif') no-repeat;} #privacyWrap .contents {height:4410px;} #privacyWrap .priType01 {padding-top:90px; font-size:15px; color:#000000; line-height:26px;} #privacyWrap .priType01 span {font-family:'nbg2' ,sans-serif; font-family:"NanumBarunGothicBold", nbg, dotum, sans-serif \0/IE8;} #privacyWrap .privacyTitle {padding-top:29px; margin:55px 0 0 0; background:url("/ko/images/util/bgBar01.png") no-repeat; *zoom:1;} #privacyWrap .privacyTitle:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #privacyWrap .privacyTitle ul {float:left; margin-right:100px;} #privacyWrap .privacyTitle ul li a {font-size:15px; color:#000000; line-height:28px;} #privacyWrap .privacyTitle ul li a:hover {color:#ff5000;} #privacyWrap .privacyCont {margin-top:110px; font-size:15px; color:#666666; line-height:24px;} #privacyWrap .privacyCont .text01 {line-height:24px;color:#666666;} #privacyWrap .privacyCont .text02 {margin-top:26px; line-height:24px;color:#666666;} #privacyWrap .privacyCont .tit {font-size:21px; color:#050706; line-height:26px; margin-bottom:25px;} #privacyWrap .privacyCont .box {margin-bottom:63px; padding-top:29px; background:url("/ko/images/util/bgBar01.png") no-repeat;} #privacyWrap .privacyCont .box a:hover {color:#ff5000;} #privacyWrap .privacyCont .box dl {margin-top:25px;} #privacyWrap .privacyCont .box dl dt {font-size:15px; color:#666666; line-height:24px;} #privacyWrap .privacyCont .box dl dd {font-size:15px; color:#666666; line-height:24px; padding-left:20px;} #privacyWrap .privacyCont .box dl dd ul li {font-size:15px; color:#666666; line-height:24px; padding-left:12px; text-indent:-12px;} #privacyWrap .privacyCont .box dl dd.first {margin-top:0;} #privacyWrap .privacyCont .box .privacyList {margin-top:25px;} #privacyWrap .privacyCont .box .privacyList li {font-size:15px; color:#666666; line-height:24px; padding-left:18px; text-indent:-18px; } #privacyWrap .privacyCont .box .mt {margin-top:25px;} #privacyWrap .privacyCont .box .mt02 {margin-top:10px;} /* util-법적고지 */ #legalWrap {width:100%; background:url('/ko/images/util/bgLegal01.gif') no-repeat; } #legalWrap .contents {height:1500px;} #legalWrap .legalType {padding-top:86px; font-size:19px; color:#000000; line-height:35px; margin-bottom:80px;} #legalWrap .legalType span {color:#ff5000;} #legalWrap .legalType .tit {font-size:27px; color:#050706; line-height:32px; display:inline-block; padding-top:14px; border-top:2px solid #050706; margin-bottom:16px;} #legalWrap .legalCont {margin-top:40px; padding-top:20px; background:url("/ko/images/util/bgBar01.png") no-repeat;} #legalWrap .legalCont dt {margin-bottom:20px; font-size:20px; color:#050706; line-height:24px;} #legalWrap .legalCont dd {font-size:15px; color:#666666; line-height:24px;} #legalWrap .legalText {font-size:15px; color:#666666; font-weight:bold; margin-top:40px;} /* 사이트맵 */ #siteWrap {width:100%; background:url('/ko/images/util/bgSitemap.gif') no-repeat; } #siteWrap .sitemap {padding-top:90px; *zoom:1;} #siteWrap .sitemap:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #siteWrap .sitemap .siteList {width:248px; float:left; margin:0 58px 60px 0; height:396px;} #siteWrap .sitemap .siteList .tit {font-family:'ms500', sans-serif; font-size:27px; color:#000000; line-height:32px; height:50px;} #siteWrap .sitemap .siteList .tit span {display:inline-block; border-top:1px solid #000000; padding-top:18px;} #siteWrap .sitemap .siteList ul {margin-top:29px;} #siteWrap .sitemap .siteList ul li {position:relative; margin-bottom:9px;} #siteWrap .sitemap .siteList ul li a {font-size:15px; line-height:24px; color:#000000;} #siteWrap .sitemap .siteList ul li a:hover {color:#ff5000;} #siteWrap .sitemap .siteList ul li ul {position:absolute;top:2px; left:80px; margin-top:0;} #siteWrap .sitemap .siteList ul li ul li {margin-bottom:2px;} #siteWrap .sitemap .siteList ul li ul li a {color:#747474; display:block; padding-left:18px; background:url('/ko/images/common/bul03.gif') no-repeat 0 5px; font-size:13px; line-height:22px;} @-moz-document url-prefix() {#siteWrap .sitemap .siteList ul li ul li a {color:#747474; display:block; padding-left:18px; background:url('/ko/images/common/bul03.gif') no-repeat 0 6px; font-size:13px; line-height:22px;}} /* 통합검색 */ #utilWrap {width:100%;background:url('/ko/images/util/bgSearchWrap.gif') no-repeat;} #utilWrap .searchArea {padding-top:90px;} #utilWrap .searchArea .searchPart01 {margin-bottom:90px;} #utilWrap .searchArea .searchPart01 .inputSec {width:770px;height:39px;padding:1px 0px 0px 1px;margin-bottom:20px;background:url('/ko/images/util/bgInputSec.png') no-repeat 0 0;position:relative;} #utilWrap .searchArea .searchPart01 .inputSec a {position:absolute;top:0px;right:-15px;} #utilWrap .searchArea .searchPart01 .inputSec a .tw_box {position:absolute;top:-10px;left:-50px;width:200px;height:10px;background-color:#ffffff;z-index:0;} #utilWrap .searchArea .searchPart01 .inputSec a p {position:relative;z-index:1} #utilWrap .searchArea .searchPart01 .inputSec a:hover {color:#000000 !important;} #utilWrap .searchArea .searchPart01 .inputSec .input03 {height:38px; padding:0 0 0px 15px; line-height:38px; overflow:visible;} #utilWrap .searchArea .searchPart01 .text01 {height:40px;font-size:27px;line-height:23px; color:#333333;} #utilWrap .searchArea .searchPart01 .text01 span {color:#ff5000;} #utilWrap .searchArea .searchPart01 .resultList {height:83px;*zoom:1;} #utilWrap .searchArea .searchPart01 .resultList:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #utilWrap .searchArea .searchPart01 .resultList li {float:left;padding:0 13px 0 16px;font-size:13px;background:url('/ko/images/util/bgSrc01_off.png') no-repeat 0 2px;} #utilWrap .searchArea .searchPart01 .text02 {height:33px;font-size:21px;line-height:22px;} /* 팝업 */ .popupWrap {width:620px; background:#ffffff url('/ko/images/util/bgPop.png') no-repeat;;} .popupWrap .popCont {padding:67px 40px 25px 40px;} .popupWrap .popCont .txt01 {margin:40px 0 34px 0; padding-top:21px; font-size:15px; color:#333333; line-height:22px; background:url('/ko/images/util/bgPop02.png') no-repeat;} .popupWrap .popCont .txt01 span {color:#ff5000;} .popupWrap .popCont .cont {margin-bottom:25px; padding:30px 0; border-top:2px solid #000000; border-bottom:2px solid #000000; font-size:14px; color:#333333; line-height:22px;} .popupWrap .popCont .btnRight {text-align:right;} .popupWrap .popCont .btnRight a {display:inline-block; padding:0 40px; height:39px; border:1px solid #000000; font-size:13px; color:#333333; line-height:39px; text-align:center;} .popupWrap .popCont .checkPop {position:relative; margin-top:25px;} .popupWrap .popCont .checkPop .checkArea {position:absolute;top:0;right:0;} .popupWrap .popCont .close {position:absolute;top:65px;right:40px;} /*프린트팝업*/ .printPopup {padding:30px 10px 10px 10px;} .printPopup .recruitCont {} .printPopup .recruitCont .outline {position:relative; font-size:15px; color:#333333; line-height:22px; width:977px;} .printPopup .recruitCont .outline .tit {font-size:27px; color:#050706; line-height:32px; display:inline-block; padding-top:14px; border-top:2px solid #050706; margin-bottom:16px;} .printPopup .recruitCont .outline .btn {position:absolute;top:67px;right:0;} .printPopup .recruitCont .outline .btn a {display:block; width:139px; height:39px; font-size:13px; color:#333333; text-align:center; line-height:39px;background:url('/ko/images/btn/bgBtnPrint.png') no-repeat; overflow:visible;} .printPopup .recruitCont .recruitDetail {width:977px;} .printPopup .recruitCont .recruitDetail dt {position:relative; margin-bottom:15px; border-top:1px solid #000000; padding-top:20px; font-size:16px; color:#000000;font-family:'nbg2' ,sans-serif; font-family:"NanumBarunGothicBold", nbg, dotum, sans-serif \0/IE8;} .printPopup .recruitCont .recruitDetail dd {margin-top:10px; padding-bottom:20px; font-size:15px; color:#333333; line-height:24px;} .printPopup .recruitCont .recruitDetail dd span {display:block; margin-top:12px; font-size:13px; color:#666666; padding-left:10px; text-indent:-10px;} .printPopup .recruitCont .last {border-bottom:1px solid #000000;} /* 환영의말 팝업 */ .popupWrap02 {width:978px; background:#ffffff url('/ko/images/util/bgPop.png') no-repeat; position:relative;} .popupWrap02 .popCont {padding:67px 40px 25px 40px;} .popupWrap02 .popCont .txt01 {margin:40px 0 34px 0; padding-top:21px; font-size:25px; color:#333333; line-height:30px; background:url('/ko/images/util/bgPop02.png') no-repeat;} .popupWrap02 .popCont .cont {margin-bottom:25px; padding:30px 0; border-top:2px solid #000000; border-bottom:2px solid #000000; font-size:14px; color:#333333; line-height:22px; *zoom:1;} .popupWrap02 .popCont .cont:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} .popupWrap02 .popCont .cont .photo {float:left; margin-right:30px;} .popupWrap02 .popCont .cont .info {float:left; font-size:14px; line-height:22px;} .popupWrap02 .popCont .cont .info p {font-size:25px; line-height:30px;} .popupWrap02 .popCont .cont .info p span {font-size:18px; margin-left:3px;} .popupWrap02 .btn {position:absolute;top:67px;right:40px; display:block;} /* 모바일일경우 */ /*.mobileWrap .infoType01 .cont .text02{font-size:10px;letter-spacing:-1.5px;line-height:20px;} .mobileWrap .infoType02 p {font-size:10px;letter-spacing:-1.5px;line-height:14px;} .mobileWrap .financeType .title {width:127px !important;} .mobileWrap .financeType .cont {font-size:10px !important;;letter-spacing:-1.5px ;line-height:14px !important;;} .mobileWrap .roomType .title .titInfo {font-size:10px !important;;letter-spacing:-1.5px ;line-height:14px !important;;} */ .mobileWrap .titGame {width:152px !important; } /*.mobileWrap .gameArea .gameContWrap {background:url('/ko/images/game/bgGamesWrap_980.gif') no-repeat -100px -54px !important;}*/ .mobileWrap .gameArea .gameContWrap {position:relative;} .mobileWrap .gameArea .keypoint ul li {height:700px !important;} .mobileWrap .businessCont .list {margin-left:-20px !important;} .mobileWrap .businessCont .list li { margin-left:20px !important;} .mobileWrap .infoType02 {padding:90px 0 0 414px; width:545px !important;} .mobileWrap .financeType .cont {width:70% !important; height:100px !important;} .mobileWrap .financeType .img img {width:95% !important;} .mobileWrap .financeType .financeTypeIn {width:960px !important;} .mobileWrap .roomType .roomInfo {width:960px !important;} .mobileWrap .roomType .roomInfo .roomCont {width:960px !important;} .mobileWrap .roomType .roomInfo .roomCont .photo li {width:960px !important;} .mobileWrap .roomType .roomInfo .roomCont .roomText {width:960px !important;} .mobileWrap .visionType04 .value {margin:44px 0 0 -20px !important;} .mobileWrap .visionType04 .value .box {margin-left:20px !important;} .mobileWrap .emailAdvice {width:960px !important;} .mobileWrap .emailAdvice .dataTable {width:960px !important;} .mobileWrap .systemType .detailCont {margin:60px 0 0 -20px !important;} .mobileWrap .systemType .detailCont li {margin-left:20px !important;} .mobileWrap .welfareType .detailCont {margin:20px 0 0 -20px !important;} .mobileWrap .welfareType .detailCont li {margin:40px 0 0 20px !important;} .mobileWrap .recruitCont .outline .btn {position:absolute;top:67px;right:30px !important;overflow:hidden;} .mobileWrap .founType02 .activityCont {width:960px !important;} .mobileWrap .founType02 .activityCont .list li .photo {margin-right:30px !important;} .mobileWrap .supType02 .activityCont02 {width:960px !important;} .mobileWrap .supType02 .activityCont02 .list li .photo {margin-right:30px !important;} .mobileWrap .contents {width:960px !important;} .mobileWrap .privacyCont {width:960px !important;} .mobileWrap .privacyCont .box {width:960px !important;} .mobileWrap .contents {width:960px !important; margin-bottom:200px !important;} .mobileWrap #footerWrap {width:940px !important; min-width:940px !important; padding:20px 0 0 20px !important; margin-top:63px;} .mobileWrap .footer {width:940px !important; min-width:940px !important;} .mobileWrap .recruitCont .recruitDetail dd {height:200px !important;} .mobileWrap .mainGame .cont {width:790px !important;} .mobileWrap .contents {margin-bottom:0px !important;} .mobileWrap .ciType03 {width:960px !important;} .mobileWrap .ciType03 .right {height:100px !important; width:500px !important;} .mobileWrap .ciType02 .cont {height:308px !important;} .mobileWrap .ciEntertainment .left {height:275px !important;} .mobileWrap .ciWorld .right {height:250px !importnat; width:326px !important;} .mobileWrap .ciInbest .left {height:250px !important;} /*.mobileWrap .gameArea .gameInfo .right .text {height:100px !important;}*/ .mobileWrap .infoType02 .infoType02Img li {margin-right:15px !important;} .mobileWrap .historyList dl dd {width:700px !important;} .mobileWrap .historyList dl dd dl dd {width:400px !important;} .mobileWrap .emailAdvice .dataTable {width:900px !important;} .mobileWrap .m_hidden {display: none;} /* 2021-06-09 추가 */ /* pr 셀렉트 */ .prSelectWrpa {position:absolute;top:-45px;left:0;} .prSelect {height:30px;padding:0 0 0px 5px;border:1px solid #e8e8e8;font-size:13px;color:#333333; overflow:visible; line-height:30px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .prSelect {height:30px; border:0; border-top:1px solid #000000; font-size:13px;color:#333333; overflow:visible; line-height:30px;}} .type {margin-right:5px;} .red {color:#ff5000 !important; margin-right:5px;} .red02 {color:#ff5000 !important;} /* STOVE */ #STOVEWrap {width:100%;} #STOVEWrap .STOVEType01 {position:relative; height:174px; padding-top:81px; font-size:31px; color:#000000; line-height:45px; letter-spacing:-2px;} #STOVEWrap .STOVEType01 .btnGo {position:absolute;bottom:0;right:70px; height:39px;padding-top:15px;font-size:13px;color:#ff5000;background:url('/ko/images/btn/bgBtnLine04_off.png') no-repeat; letter-spacing:0; display:block; line-height:16px; letter-spacing:-.5px; width:168px;} #STOVEWrap .STOVEType01 .btnGo:hover {color:#000000; background:url('/ko/images/btn/bgBtnLine04_on.png') no-repeat;} #STOVEWrap .STOVEType02 {position:relative; height:366px; padding-top:88px; *zoom:1;} #STOVEWrap .STOVEType02:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #STOVEWrap .STOVEType02 .left {float:left; width:452px; margin-top:34px;} #STOVEWrap .STOVEType02 .left .btnArea {position:relative;margin-top:50px;width:200px; height:80px; font-family:'ms300', sans-serif; font-size:12px; margin-left:32px;} #STOVEWrap .STOVEType02 .left .btnArea .btnDowm {display:block; width:96px; padding-left:26px; color:#ffffff; background:url('/ko/images/btn/btnOrange01_off.png') no-repeat; height:19px; padding-top:6px; line-height:12px;} #STOVEWrap .STOVEType02 .left .btnArea .btnDowm:hover {background:url('/ko/images/btn/btnOrange01_on.png') no-repeat;} #STOVEWrap .STOVEType02 .left .btnArea .btnDowm.on {background:url('/ko/images/btn/btnOrange01_on.png') no-repeat;} #STOVEWrap .STOVEType02 .left .btnArea .btnAi {position:absolute;top:0;left:119px; display:block; width:50px; height:25px; color:#ffffff; text-align:center; background:url('/ko/images/btn/btnBlack01.png') no-repeat;line-height:26px;} #STOVEWrap .STOVEType02 .left .btnArea .btnJpg {position:absolute;top:30px;left:119px; display:block; width:50px; height:25px; color:#ffffff; text-align:center; background:url('/ko/images/btn/btnBlack01.png') no-repeat; line-height:26px;} #STOVEWrap .STOVEType02 .cont {float:left; font-size:15px; color:#000000;} #STOVEWrap .STOVEType02 .cont p {line-height:24px;} #STOVEWrap .STOVEType02 .cont .txt01 {font-size:21px; line-height:26px; margin-bottom:11px;} #STOVEWrap .STOVEType02 .cont .colorWrap {position:relative; *zoom:1;} #STOVEWrap .STOVEType02 .cont .colorWrap:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #STOVEWrap .STOVEType02 .cont .colorWrap .ciColor {float:left; margin-top:60px;} #STOVEWrap .STOVEType02 .cont .colorWrap .ciColor dt {font-family:'ms700', sans-serif; font-size:13px; color:#000000; margin-bottom:9px;} #STOVEWrap .STOVEType02 .cont .colorWrap .ciColor dd {font-family:'ms300', sans-serif; font-size:12px; color:#000000; line-height:20px; margin-bottom:2px; letter-spacing:-.5px;} #STOVEWrap .STOVEType02 .cont .colorWrap .ciColor .dd01 {font-family:'ms500', sans-serif; letter-spacing:0; font-size:13px;} #STOVEWrap .STOVEType02 .cont .colorWrap .orange {padding-right:142px;} #STOVEWrap .STOVEType02 .cont .colorWrap .orange .dd01 {color:#ff5000;} #STOVEWrap .STOVEType02 .cont .colorWrap .silver .dd01 {color:#838383;} #STOVEWrap .STOVEType02 .cont .colorWrap .orangeImg {position:absolute;top:90px;left:135px;} #STOVEWrap .STOVEType02 .cont .colorWrap .silverImg {position:absolute;top:90px;left:472px;} #STOVEWrap .STOVEType03 {height:176px; padding-top:90px; *zoom:1;} #STOVEWrap .STOVEType03:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #STOVEWrap .STOVEType03 .title {float:left; margin-right:45px;} #STOVEWrap .STOVEType03 .title span {display:inline-block; font-size:27px; color:#050706; line-height:30px; border-top:2px solid #050706; padding-top:14px; } #STOVEWrap .STOVEType03 .right {float:left; font-size:15px; color:#000000; line-height:24px; margin-top:17px; width:732px;} #STOVEWrap .STOVEType03 .right p {font-size:28px; color:#000000; line-height:45px; margin-bottom:30px; letter-spacing:-.5px;} #STOVEWrap .STOVEType04 {padding-top:90px; height:810px;} #STOVEWrap .STOVEType04 .title {font-size:15px; color:#000000; line-height:24px;} #STOVEWrap .STOVEType04 .title span {display:inline-block; padding-top:14px; border-top:2px solid #050706; font-size:27px; line-height:32px; color:#050706; margin-bottom:16px;} #STOVEWrap .STOVEType04 .video {position:relative; margin-top:56px;} #STOVEWrap .STOVEType04 .btn {position:absolute;top:0;left:0; display:block; /*background:url('/ko/images/company/bgPlay.png') no-repeat;*/} #STOVEWrap .STOVEType04 .btn img {position:absolute;top:178px;;left:390px;} #STOVEWrap .STOVEType04 .detailCont {margin:60px 0 0 -30px; *zoom:1;} #STOVEWrap .STOVEType04 .detailCont:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #STOVEWrap .STOVEType04 .detailCont li {float:left; width:306px; margin-left:30px; height: 360px;} #STOVEWrap .STOVEType04 .detailCont li img {width:306px; height:185px;} #STOVEWrap .STOVEType04 .detailCont li dl {} #STOVEWrap .STOVEType04 .detailCont li dl dt {margin:18px 0 8px 0; font-size:18px; color:#333333; line-height:22px;} #STOVEWrap .STOVEType04 .detailCont li dl dd {font-size:13px; color:#333333; line-height:24px;} #gamesWrap .perType01 {height:168px; padding:86px 0 0 0; font-size:31px; color:#000000; line-height:45px; letter-spacing:-1px;} #gamesWrap .perType01 span {color:#ff5000;} #gamesWrap .gamesType {padding:90px 0 0 0;} #gamesWrap .gamesType .outline {font-size:15px; color:#333333; line-height:22px;} #gamesWrap .gamesType .outline .tit {font-size:27px; color:#050706; line-height:32px; display:inline-block; padding-top:14px; border-top:2px solid #050706; margin-bottom:16px;} #gamesWrap .gamesType .detailCont {margin:20px 0 0 -30px; *zoom:1;} #gamesWrap .gamesType .detailCont:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #gamesWrap .gamesType .detailCont li {position:relative; float:left; width:306px; margin:40px 0 40px 30px;} #gamesWrap .gamesType .detailCont li a {position:relative; display:block;z-index:1;} #gamesWrap .gamesType .detailCont li .txt01 {display:block; margin-top:17px; font-size:15px; color:#333333;} #gamesWrap .gamesType .detailCont li .txt02 {display:block; margin-top:13px; font-size:13px; color:#6d6e71; line-height:22px; display:none;} #gamesWrap .gamesType .detailCont li .btn {position:absolute;top:146px;right:0;} #gamesWrap .gamesType .txt03 {margin-top:20px; font-size:13px; color:#666666; height:20px;} #gamesWrap .gamesType .detailCont .outline {font-size:15px; color:#333333; line-height:22px;} #gamesWrap .gamesType .detailCont .outline .tit {font-size:27px; color:#050706; line-height:32px; display:inline-block; padding-top:14px; border-top:2px solid #050706; margin-bottom:25px; height: 57px;} /* CI/마스코트 소개-마스코트 */ #ciWrap .roomType {padding:130px 0 0 0;} /* 2020-02-03 */ #ciWrap .roomType .title {} #ciWrap .roomType .title span {display:inline-block; padding-top:14px; border-top:2px solid #050706; font-size:27px; line-height:32px; color:#050706; font-family:'ms300';} #ciWrap .roomType .title .titInfo {margin-top:16px; font-size:13px; color:#333333; line-height:22px;} #ciWrap .roomType .roomInfo {position:relative; margin-top:26px;} #ciWrap .roomType .roomInfo .roomTab {position:absolute;top:-45px;right:0;} #ciWrap .roomType .roomInfo .roomTab li {float:left;} #ciWrap .roomType .roomInfo .roomTab li a {display:block; padding-left:16px; margin-left:15px; background:url('/ko/images/company/bgRoom_off.jpg') no-repeat 0 2px; font-size:13px; color:#333333;} #ciWrap .roomType .roomInfo .roomTab li a:hover {color:#ff5000; background:url('/ko/images/company/bgRoom_on.jpg') no-repeat 0 2px;} #ciWrap .roomType .roomInfo .roomTab li a.on {color:#ff5000; background:url('/ko/images/company/bgRoom_on.jpg') no-repeat 0 2px;} #ciWrap .roomType .roomInfo .roomCont {position:relative; width:978px; height:468px; overflow:hidden; } #ciWrap .roomType .roomInfo .roomCont .photo {position:absolute;top:0;left:0; height:468px;} #ciWrap .roomType .roomInfo .roomCont .photo li {position:absolute;top:0;left:0; width:978px; height:468px;} #ciWrap .roomType .roomInfo .roomCont .photo li a {display:block;} #ciWrap .roomType .roomInfo .roomCont .photo li a img {width:100%; } #ciWrap .roomType .roomInfo .roomCont .roomText {position:absolute;bottom:0;left:0; width:978px; height:87px; background:url('/ko/images/company/bgRoom01.png') repeat-x;} /*#ciWrap .roomType .roomInfo .roomCont .roomText dl {width:725px; padding:27px 0 0 54px; *zoom:1;}*/ #ciWrap .roomType .roomInfo .roomCont .roomText dl {width:725px; height:87px; padding-left:54px; *zoom:1; display:table-cell; vertical-align: middle; font-size:13px;} /* 2020-03-19 */ #ciWrap .roomType .roomInfo .roomCont .roomText dl:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} #ciWrap .roomType .roomInfo .roomCont .roomText dl dt {color:#ffffff; line-height:22px; text-align:left;} /* 2020-03-19 */ #ciWrap .roomType .roomInfo .roomCont .roomText dl dd {color:#ffffff; line-height:22px; margin-top:1px;} /* 2020-03-19 */ #ciWrap .roomType .roomInfo .roomCont .roomText .moveBtn {position:absolute;top:25px;right:24px; width:118px; height:28px; padding:10px 10px 0 10px; background:#ffffff;} #ciWrap .roomType .roomInfo .roomCont .roomText .moveBtn a {display:block;} #ciWrap .roomType .roomInfo .roomCont .roomText .moveBtn .page {padding-top:2px; text-align:center; color:#262626;font-family:'ms500', sans-serif;} #ciWrap .roomType .roomInfo .roomCont .roomText .moveBtn .pre {position:absolute;top:10px;left:10px;} #ciWrap .roomType .roomInfo .roomCont .roomText .moveBtn .next {position:absolute;top:10px;right:10px;} /* company 계열사 및 관계사 2020.08.10 S */ #affWrap #wrap { margin-bottom:100px;} #affWrap .aff ul .logoImg {margin-bottom: 30px;} /* 2020-02-03 */ #affWrap .aff ul li {width:33.33%;float:left;color:#000;} #affWrap .aff ul.line1 {border-top:1px solid #ff5000;padding-top:30px; min-height:235px; text-align:center;} /* 2020-02-03 */ #affWrap .aff ul.line2 {border-top:1px solid #1cebc5;padding-top:30px; min-height:235px;text-align:center;} /* 2020-02-03 */ #affWrap .aff ul.line3 {border-top:1px solid #1ac0a7;padding-top:30px; min-height:235px;text-align:center;} /* 2020-02-03 */ #affWrap .aff ul.line5 {border-top:1px solid #1ac0a7;padding-top:30px; min-height:235px;text-align:center;} /* 2021-03-09 */ #affWrap .aff ul:after {content:"";display:block;clear:both;} #affWrap .relate_area {position:relative;} #affWrap .relate_area ul > li {text-align:center;} #affWrap .relate_area ul > li > span.link {display:block; margin-top:20px;} #affWrap .outline {font-size:15px; color:#333333; line-height:22px; padding-bottom:26px; margin-bottom:30px; border-bottom:1px solid #999;} #affWrap .outline .tit {font-size:27px; color:#050706; line-height:32px; display:inline-block; padding-top:14px; border-top:2px solid #050706;} #affWrap.mobileWrap #wrap {width:calc(100% - 26px); min-width:auto;} #affWrap.mobileWrap .aff {position:static; margin-left:0; width:100%; height:auto; padding-top:0;} #affWrap.mobileWrap .relate_area ul > li > a > img {width:94px; height:25px;}/* 2021.01.05 추가 */ #affWrap.mobileWrap .outline {margin-bottom:30px; border-bottom:1px solid #999; padding-bottom:26px;} #affWrap.mobileWrap .outline .tit {display:block; border-top:0; font-size:40px; color:#000000; line-height:50px; background:url(https://www.smilegate.com/ko/images/common/bgFirstTitle03.png) no-repeat; padding-top: 31px;} /* company 계열사 및 관계사 2020.08.10 E */