@CHARSET "UTF-8"; @import url("default.css"); @import url("common.css"); @import url("layout.css"); /* 메인 */ .main #container{padding-bottom:0px;} #mainVisual {position:relative; background:#7381db; overflow:hidden;} #mainVisual video {width:100%; vertical-align:top} #mainVisual .swiper-container{height:100%} #mainVisual .swiper-slide{position:relative; overflow: hidden;} #mainVisual .swiper-slide:before{content:''; display:block; position:absolute; bottom:0px; width:100%; left:0px; background:#f5f6f8; height:7px; z-index: 9;} #mainVisual .swiper-slide .progress{position:absolute; bottom:0%; width:0%; left:0px; background:#f6a948; height:7px; z-index: 10;} #mainVisual .swiper-pagination{position:absolute; bottom:7px; left:0px; width:100%; height:35px; text-align:center; z-index:11;} #mainVisual .swiper-pagination span{display:inline-block; width:10px; height:10px; margin:0 4px; background:url(/mobile/images/main/blt_dot.png) no-repeat 0 0; background-size:10px 10px;} #mainVisual .swiper-pagination span.swiper-pagination-bullet-active{background:url(/mobile/images/main/blt_dot_on.png) no-repeat 0 0; background-size:10px 10px;} /* #mainVisual .swiper-slide:after{content:''; display:block; position:absolute; bottom:0px; width:3%; left:0px; background:#f6a948; height:7px;z-index: 10;} */ .control{display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:9} .control.playing{display:none;} .control.playing .pus{display:block;} .control.playing .ply{display:none} .control.autoSlide{display:none;} .control>span{display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; margin-top:-7px; background:rgba(0, 0, 0, 0.35);} .control a{position:absolute; left:50%; top:50%; margin:-29px 0 0 -29px; z-index:10} .control a.pus{display:none;} .control a.ply{} .btnMut{position:absolute; left:12px; bottom:38%; width:31px; height:31px; background:url(/mobile/images/main/ico_mut.png) no-repeat; background-size:31px 31px; text-indent:-9999px; overflow:hidden;} .btnMut.on{background:url(/mobile/images/main/ico_mut_on.png) no-repeat; background-size:31px 31px; text-indent:-9999px; overflow:hidden;} .mainContArea{padding:10px; *zoom:1;} .mainContArea:after{content:''; display:block; clear:both;} .mainContArea .section{float:left; width:50%; box-sizing:border-box;} .mainContArea .section:nth-child(1){border-right:2px dotted #c1c1c1; border-bottom:2px dotted #c1c1c1; } .mainContArea .section:nth-child(2){border-bottom:2px dotted #c1c1c1; } .mainContArea .section:nth-child(3){border-right:2px dotted #c1c1c1; } .mainContArea .section:nth-child(4){} .mainContArea .section:nth-child(5){width:100%; border-top:2px dotted #c1c1c1; border-bottom:2px dotted #c1c1c1;} .mainContArea .section:nth-child(1) a{background:url(/mobile/images/main/icon1.png) no-repeat 50% 20px; background-size:71px 65px} .mainContArea .section:nth-child(2) a{background:url(/mobile/images/main/icon2.png) no-repeat 50% 25px; background-size:92px 44px} .mainContArea .section:nth-child(3) a{background:url(/mobile/images/main/icon3.png) no-repeat 50% 20px; background-size:83px 62px} .mainContArea .section:nth-child(4) a{background:url(/mobile/images/main/icon4.png) no-repeat 50% 20px; background-size:86px 61px} .mainContArea .section:nth-child(5) a{background:url(/mobile/images/main/icon5.png) no-repeat 50% 20px; background-size:141px 43px} .mainContArea .section a{display:block; padding-top:90px; text-align:center;} .mainContArea .section a{} .mainContArea .section a strong{display:block; padding-bottom:15px;} #bgmArea { position: absolute; left: -10px; top: -10px; width: 0px; height: 0; overflow: hidden; top:50px; left:0px; z-index:999} /* 회사소개 */ /* 회사소개 */ .introduceContArea {} .introduceContArea .acticle {display:none; padding:45px 0 0;} .introduceContArea .acticle h3 {display:none; color:#0a0a0a; font-size:36px; font-weight:500; line-height:70px; text-align:center;} #vision {} #vision .topTxt {padding-bottom:30px;} #vision .topTxt .txt1 {font-size:20px; line-height:28px; color:#3d3d3d; font-weight:500; text-align:center; letter-spacing:-1px;} #vision .topTxt .txt2 {padding-top:20px; font-size:15px; line-height:25px; color:#3d3d3d; font-weight:300; text-align:center;} #vision .cont {padding:0 10px;} #vision .cont .section {padding:40px 15px 0;} #vision .cont .section:first-child {margin-left:0;} #vision .cont .section h4 {font-size:19px; color:#3d3d3d; font-weight:300; line-height:24px;} #vision .cont .section h4 span {display:block;font-weight:500;} #vision .cont .section p {padding-top:10px; color:#5f5f5f; font-weight:300;} #vision .motionGif {padding:0 10px;} #vision .cont .section.section4{margin:50px -15px 0;padding:0;background:#f5f6f8} #vision .cont .section.section4 h4{display:block;padding:40px 0 20px;text-align:center} #vision .youtube{position:relative;} #vision .youtube iframe{position:absolute;top:13.5%;left:10.9%;width:78.3%;height:76.1%;} #organizationChart { } #organizationChart h3 {padding-bottom:55px;} #organizationChart .cont {position:relative; height:315px; background:url(/mobile/images/company/organizationChart_bg.gif) no-repeat 50% 20px; background-size:auto 124px;} #organizationChart .cont .ceo {text-align:center;} #organizationChart .cont .txt {font-size:19px; color:#3d3d3d; font-weight:500;} #organizationChart .cont .txt1 {position:absolute; left:50%; top:4px; margin-left:92px;} #organizationChart .cont .txt2 {position:absolute; left:50%; top:52px; margin-left:92px;} #organizationChart .cont .section {position:absolute; top:150px; left:50%; padding-top:60px; width:105px;} #organizationChart .cont .section strong {display:block; font-size:17px; color:#3d3d3d; font-weight:500; text-align:center;} /* 20190307 수정 */ #organizationChart .cont .section ul {padding-top:10px;} #organizationChart .cont .section ul li {font-size:14px; line-height:24px; text-align:center;} #organizationChart .cont .section1 {margin-left:-149px; background:url(/images/icon/ico_illustrat9.png) no-repeat 50% 0; background-size:47px 47px;} #organizationChart .cont .section2 {margin-left:-52px; background:url(/images/icon/ico_illustrat10.png) no-repeat 50% 0; background-size:47px 47px;} #organizationChart .cont .section3 {margin-left:47px; background:url(/images/icon/ico_illustrat11.png) no-repeat 50% 0; background-size:47px 47px;} #ci {} #ci .section h4 {padding-bottom:10px; font-size:20px; font-weight:500; color:#3d3d3d; line-height:35px; text-align:center;} #ci .meanArea {padding-left:25px; padding-right:25px;} #ci .section .mean1 {position:relative; padding:0 8px; border:1px solid #c1c1c1; *zoom:1;} #ci .section .mean1:after {content:""; display:block; clear:both;} #ci .section .mean1 .txt {position:relative; padding:35px 0; border-bottom:1px dashed #c1c1c1;} #ci .section .mean1 .txt p {padding-left:17px; font-size:20px; line-height:28px; font-weight:300; color:#3d3d3d; text-align:left; word-break:keep-all;} #ci .section .mean1 .img {padding:13px 0 25px; text-align:center;} #ci .section .mean1 .img .btnArea {padding-top:15px; text-align:center;} #ci .section .mean2 {position:relative; margin-top:55px;} #ci .section .mean2 .btnSlide {position:absolute; left:0; top:8px; width:21px; height:50px; z-index:15;} #ci .section .mean2 .btnPrev {} #ci .section .mean2 .btnNext {left:auto; right:0;} #ci .section .mean2 .swiper-slide {position:relative; text-align:left; padding-left:100px;} #ci .section .mean2 .swiper-slide .thum {position:absolute; left:25px; top:0px; width:70px; height:70px;} #ci .section .mean2 .swiper-slide strong {font-size:17px; font-weight:500; line-height:28px;} #ci .section .mean2 .swiper-slide p {padding-top:8px; padding-right:25px; font-weight:300; letter-spacing:-1px; word-break:keep-all;} #ci .section .mean2 .slidePaging {padding-top:13px; text-align:center;} #ci .section .mean2 .slidePaging li {display:inline-block; width:40px; height:40px; margin:0 2px; text-indent:-3000em; text-align:left; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } #ci .section .mean2 .slidePaging li.s_paging1 {background:url(/mobile/images/company/ci_mean_paging1_off.png) no-repeat 0 0; background-size:40px 40px} #ci .section .mean2 .slidePaging li.s_paging2 {background:url(/mobile/images/company/ci_mean_paging2_off.png) no-repeat 0 0; background-size:40px 40px} #ci .section .mean2 .slidePaging li.s_paging3 {background:url(/mobile/images/company/ci_mean_paging3_off.png) no-repeat 0 0; background-size:40px 40px} #ci .section .mean2 .slidePaging li.s_paging4 {background:url(/mobile/images/company/ci_mean_paging4_off.png) no-repeat 0 0; background-size:40px 40px} #ci .section .mean2 .slidePaging li.s_paging5 {background:url(/mobile/images/company/ci_mean_paging5_off.png) no-repeat 0 0; background-size:40px 40px} #ci .section .mean2 .slidePaging li.s_paging6 {background:url(/mobile/images/company/ci_mean_paging6_off.png) no-repeat 0 0; background-size:40px 40px} #ci .section .mean2 .slidePaging li.s_paging1.swiper-pagination-bullet-active {background:url(/mobile/images/company/ci_mean_paging1_on.png) no-repeat 0 0; background-size:40px 40px} #ci .section .mean2 .slidePaging li.s_paging2.swiper-pagination-bullet-active {background:url(/mobile/images/company/ci_mean_paging2_on.png) no-repeat 0 0; background-size:40px 40px} #ci .section .mean2 .slidePaging li.s_paging3.swiper-pagination-bullet-active {background:url(/mobile/images/company/ci_mean_paging3_on.png) no-repeat 0 0; background-size:40px 40px} #ci .section .mean2 .slidePaging li.s_paging4.swiper-pagination-bullet-active {background:url(/mobile/images/company/ci_mean_paging4_on.png) no-repeat 0 0; background-size:40px 40px} #ci .section .mean2 .slidePaging li.s_paging5.swiper-pagination-bullet-active {background:url(/mobile/images/company/ci_mean_paging5_on.png) no-repeat 0 0; background-size:40px 40px} #ci .section .mean2 .slidePaging li.s_paging6.swiper-pagination-bullet-active {background:url(/mobile/images/company/ci_mean_paging6_on.png) no-repeat 0 0; background-size:40px 40px} #ci .section .mean3 {margin-top:40px; border-top:1px dashed #c1c1c1;} #ci .section .mean3 li {position:relative; padding:20px 5px; border-bottom:1px dashed #c1c1c1;} #ci .section .mean3 li strong {display:block; font-size:19px; font-weight:500; line-height:28px;} #ci .section .mean3 li p {padding:5px 0 0 0; font-weight:300;} #ci .ciListArea {margin-top:45px; margin-bottom:-60px; padding:45px 0 0 0; background:#f5f6f8;} #ci .ciList {padding-left:25px; padding-right:25px; padding-bottom:60px;} #ci .ciList div {margin-top:10px; padding:25px 55px 15px; text-align:center; background:#fff;} #ci .ciList div:first-child {marign-top:0;} #ci .ciList div strong {display:block; padding:12px 0 0; color:#606060; font-size:15px; line-height:17px; font-weight:400; text-align:center;} /* 경영정신 */ .managementContArea .swiper-container {position:relative; margin-top:30px;} .managementContArea .swiper-container .btnSlide {position:absolute; left:0; top:8px; width:21px; height:50px; z-index:15;} .managementContArea .swiper-container .btnPrev {} .managementContArea .swiper-container .btnNext {left:auto; right:0;} .managementContArea .swiper-container .swiper-slide {position:relative; text-align:left; padding-left:100px; height:80px;} .managementContArea .swiper-container .swiper-slide .thum {position:absolute; left:25px; top:0px; width:70px; height:70px;} .managementContArea .swiper-container .swiper-slide strong {display:block; margin-top:20px; font-size:17px; font-weight:500; line-height:28px;} .managementContArea .swiper-container .swiper-slide p {padding-top:8px; font-weight:300;} .managementContArea .swiper-container .slidePaging {padding-top:13px; text-align:center;} .managementContArea .swiper-container .slidePaging li {display:inline-block; width:40px; height:40px; margin:0 2px; text-indent:-3000em; text-align:left; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } .managementContArea .swiper-container .slidePaging li.s_paging1 {background:url(/mobile/images/company/ci_mean_paging1_off.png) no-repeat 0 0; background-size:40px 40px} .managementContArea .swiper-container .slidePaging li.s_paging2 {background:url(/mobile/images/company/ci_mean_paging2_off.png) no-repeat 0 0; background-size:40px 40px} .managementContArea .swiper-container .slidePaging li.s_paging3 {background:url(/mobile/images/company/ci_mean_paging3_off.png) no-repeat 0 0; background-size:40px 40px} .managementContArea .swiper-container .slidePaging li.s_paging4 {background:url(/mobile/images/company/ci_mean_paging4_off.png) no-repeat 0 0; background-size:40px 40px} .managementContArea .swiper-container .slidePaging li.s_paging5 {background:url(/mobile/images/company/ci_mean_paging5_off.png) no-repeat 0 0; background-size:40px 40px} .managementContArea .swiper-container .slidePaging li.s_paging6 {background:url(/mobile/images/company/ci_mean_paging6_off.png) no-repeat 0 0; background-size:40px 40px} .managementContArea .swiper-container .slidePaging li.s_paging1.swiper-pagination-bullet-active {background:url(/mobile/images/company/ci_mean_paging1_on.png) no-repeat 0 0; background-size:40px 40px} .managementContArea .swiper-container .slidePaging li.s_paging2.swiper-pagination-bullet-active {background:url(/mobile/images/company/ci_mean_paging2_on.png) no-repeat 0 0; background-size:40px 40px} .managementContArea .swiper-container .slidePaging li.s_paging3.swiper-pagination-bullet-active {background:url(/mobile/images/company/ci_mean_paging3_on.png) no-repeat 0 0; background-size:40px 40px} .managementContArea .swiper-container .slidePaging li.s_paging4.swiper-pagination-bullet-active {background:url(/mobile/images/company/ci_mean_paging4_on.png) no-repeat 0 0; background-size:40px 40px} .managementContArea .swiper-container .slidePaging li.s_paging5.swiper-pagination-bullet-active {background:url(/mobile/images/company/ci_mean_paging5_on.png) no-repeat 0 0; background-size:40px 40px} .managementContArea .swiper-container .slidePaging li.s_paging6.swiper-pagination-bullet-active {background:url(/mobile/images/company/ci_mean_paging6_on.png) no-repeat 0 0; background-size:40px 40px} .managementContArea .cont {padding-top:45px; text-align:center;} .managementContArea .cont .txtArea {padding-top:45px; margin-top:22px; border-top:1px dashed #c1c1c1;} .managementContArea .cont strong.tit {display:inline-block; font-size:20px; line-height:28px;} .managementContArea .cont p {padding-top:15px; font-weight:300; word-break:keep-all;} .managementContArea .pageTitArea{padding:0} .managementContArea .pageTitArea > p{padding-top:10px;} /* 연혁 */ .historyContArea {} .historyContArea .acticle {padding-top:45px; display:none;} .historyContArea .acticle > h3 {position:relative; font-size:20px; line-height:24px; color:#0a0a0a; font-weight:500;} .historyContArea .acticle > .txtTypeA {position:relative; font-size:20px; line-height:24px; font-weight:300; color:#0a0a0a;} .historyList {position:relative; margin-top:45px;} .historyList:before {content:""; display:block; position:absolute; left:0; top:5px; width:1px; height:100%; border-left:1px dashed #c1c1c1;} .historyList .section {position:relative; padding-top:40px; text-align:left; *zoom:1;} .historyList .section:first-child {padding-top:0;} .historyList .section:after {content:""; display:block; clear:both;} .historyList .section .thum {padding:10px 0 0 32px;} .historyList .section .cont {} .historyList .section .cont strong {position:relative; display:block; padding:0 0 7px 25px; font-size:19px; line-height:24px; font-weight:500;} .historyList .section .cont strong:before {display:block; width:21px; height:21px; content:""; background:url(/mobile/images/company/history/blt.png) no-repeat 0 0; background-size:21px; position:absolute; left:-10px; top:3px;} .historyList .section .cont p, .historyList .section .cont ul {padding-left:25px;} .historyList .section .cont p, .historyList .section .cont ul li {} .historyList .section .cont ul li {position:relative; padding-left:8px;} .historyList .section .cont ul li:before {content:"-"; position:absolute; left:0; top:0;} #year2020_2011 .deco {margin-left:-45px; margin-bottom:-30px;} #year2010_2001 .deco {margin-left:-67px; margin-bottom:-25px;} #year2000_1991 .deco {margin-left:-69px; margin-bottom:-59px;} #year1990_1980 .deco {margin-left:-80px; margin-bottom:-12px;} /* 사업영역 */ .businessArea {} .businessArea .acticle {padding-top:45px;} .businessArea .acticle h3 {padding-bottom:13px; font-size:20px; font-weight:500; color:#3d3d3d; line-height:28px; text-align:center;} .businessArea .acticle .cont {} .businessArea .acticle .cont .thum {} .businessArea .acticle .cont strong {} .businessArea .acticle .cont .dotTypeA {padding-top:20px;} .businessArea .acticle .cont .box {position:relative; padding:0 8px; border:1px solid #c1c1c1;} .businessArea .acticle .cont .box .txt {position:relative; padding:35px 0; border-bottom:1px dashed #c1c1c1;} .businessArea .acticle .cont .box .txt strong {display:block; padding:0 17px; font-size:20px; line-height:28px; font-weight:300; color:#3d3d3d; text-align:left; letter-spacing:-1px; word-break:keep-all;} .businessArea .acticle .cont .box .thum {margin:35px 0 25px; text-align:center;} .businessArea .acticle .cont .box .btnArea {padding-bottom:35px; text-align:center;} .businessArea .acticle .cont .box .btnArea.pb10 {padding-bottom: 10px;} .businessArea .acticle .cont .box .btnArea a.plr{min-width: 90px; padding-left: 10px;padding-right: 25px;} .businessArea .acticle .cont .box .btnArea a.plr:after{right: 10px;} .businessArea .acticle .cont .box .btnArea a + a{margin-left: 6px;} .businessArea .acticle .list {margin-top:45px; padding-top:45px; margin-bottom:-60px; background:#f5f6f8;} .businessArea .acticle .list h3 {padding-bottom:0;} .businessArea .acticle .list ul {padding-bottom:60px;} .businessArea .acticle .list li {padding:30px; margin-top:10px; background:#fff; text-align:center;} .businessArea .acticle .list li strong {display:block; padding:20px 0; font-size:19px; line-height:24px;} .businessArea .acticle .list li p {} .businessArea #smartall .smartall_img{margin:20px -25px 50px} .businessArea #smartall .smartall_img.en{position: relative;} .businessArea #smartall .smartall_img.en ul{position: absolute;top: 15%;left: 10%;margin:0 5%;} .businessArea #smartall .smartall_img.en li{text-align: left;padding:0;padding-top:2%;margin-top:0;background:inherit;color:#fff;font-weight: 500;font-size: 16px;text-indent: -8px;text-shadow: #f37000 1px 0 10px;line-height:20px;} .businessArea #smartall .smartall_img.en li::before{content: '- ';display: inline-block;padding-right: 5px;} .businessArea #smartall .list li > ul > li{margin-top:0px; padding:0 0 0 0; font-size:14px; line-height:20px; font-weight:300; text-align:left; text-indent:-7px;} .businessArea #smartall .list li > ul > li:before{content:'- ';display:inline-block;padding-right:5px;} .businessArea #smartall > .list > ul > li:first-child > ul {padding-left:20%} .businessArea #publish {} .businessArea #publish .thum {position:relative; width:127px; height:127px; margin-left:auto; margin-right:auto; background:#f5f6f8; border-radius:50%;} .businessArea #publish .list h3 {padding-bottom:0;} .businessArea #publish .list ul {padding-top:10px; width:320px; margin:0 auto; padding-left:17px;} .businessArea #publish .list li {position:relative; display:inline-block; padding:0 20px; margin:5px 3px; height:87px; width:87px; background:#fff; vertical-align:top;} .businessArea #publish .list li img {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; max-width:70%;} /* S : 221205 */ .businessArea #hangeul {} .businessArea #hangeul .thum{position:relative; width:127px; height:127px; margin-left:auto; margin-right:auto; background:#f5f6f8; border-radius:50%;} .businessArea #hangeul .list{margin-top:30px; margin-bottom:0; padding-top:0; background:#fff;} .businessArea #hangeul .list h3{padding-bottom:0;} .businessArea #hangeul .list ul{margin:10px auto 0; padding-bottom:0;} .businessArea #hangeul .list > ul > li{position:relative; margin:0; padding:0; text-align:left;} .businessArea #hangeul .list > ul > li + li{margin-top:30px;} .businessArea #hangeul .list li ul li{margin-top:0; padding:0 0 0 8px; text-indent:-8px; text-align:left;} .businessArea #hangeul .list li strong{padding-bottom:0;} .businessArea #hangeul .list li .thum{width:100%; height:auto; border-radius:0;} /* E : 221205 */ .environment{} .environment .acticle{margin:35px 25px;text-align:center;} .environment .acticle.dashed{border-top: 1px dashed #d2d2d2;} .environment .acticle.first{border-top:0} .environment .acticle:last-child{padding:0} .environment .acticle .titArea h4{font-weight: 500;font-size: 24px;margin-top: 32px;} .environment .acticle .txtTypeB{color: #a9b734;font-weight: 600;} .environment .acticle .mainTxt{font-size: 19px;font-weight: 300;text-align: left;margin-bottom: 20px;} .environment .acticle .subTxt1{text-align: left;} .environment .acticle .colTable1 > li{border: 1px solid #e1e1e1;margin: 0 auto;margin-bottom: 15px;padding: 20px;} .environment .acticle .colTable1 > li:first-child{margin-top: 23px;} .environment .acticle .colTable2 > li:first-child{margin-top: 23px;} .environment .acticle .colTable2 > li{text-align: left;} .environment .acticle .colTable2 > li > p {padding: 15px;} .environment .acticle .colTable2 {margin-bottom: 80px;} .environment .acticle .colTable2 .mainTxt{margin-bottom: 0;} .environment .acticle .colTable2 .subTxt2{font-size: 13px;background: #f5f6f8;position: relative;padding-left: 30px;} .environment .acticle .colTable2 .subTxt2::before{content: "";display: inline-block;position: absolute;width: 5px;height: 5px;border-radius: 50%;left: 17px;top: 23px;background: #a9b734;} /* S : 220328 */ .environment .acticle .titArea .com_tree{margin: 35px 0 0;} /* E : 220328 */ .environment .acticle .grayArea{margin-top:35px;padding:35px 10px;background-color:#f5f6f8;height:415px;} .environment .acticle .grayArea > div{position:relative;text-align:center;} .environment .acticle .grayArea > div:after{content:'';display:inline-block;clear:both} .environment .acticle .grayArea .text > strong{display:block;margin-top:35px;padding:30px 0;font-size:20px} .environment .acticle .grayArea .text > p{font-size:15px;font-weight:300;} .environment .acticle .grayArea .text:before{content:'';display:inline-block;clear:both;position:absolute;top:0;left:0;border-top:1px dashed #d2d2d2;width:100%;} .environment .acticle .titArea{margin-top:30px;} .environment .acticle .titArea > strong{display:block;font-size:19px;font-weight:300;line-height:28px;margin-top: 23px;} .environment .acticle .titArea > p{padding-top:30px;font-size:15px;line-height:25px;} .environment .acticle .img{display:inline-block;margin:30px auto} .environment .acticle .sign{width: 223px;height: 72px;position: relative;margin: 0 auto;text-align: left;margin-top: 49px;} .environment .acticle .sign::after{content: "";display: inline-block;width: 123px;height: 40px;background: #fff url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/culture/ceo_sign_2024.png) no-repeat center;background-size: contain; position: absolute;top: 0;right: 0} /* 투자정보 */ /* 기업정보 */ .companyInfoContArea{} .companyInfoContArea h3 {padding:30px 0 15px; font-size:20px; line-height:28px; border-bottom:2px solid #606060; text-align:center; font-weight:500;} .companyInfoContArea .companyInfo ul {border-top:2px solid #606060;border-bottom:1px solid #c1c1c1;padding:20px 0;} .companyInfoContArea .companyInfo ul li{margin:20px 0;color:#3d3d3d;font-size:17px;} .companyInfoContArea .companyInfo ul li > span{display:block;margin-top:5px;color:#929f22;font-size:14px} .companyInfoContArea .btnArea{margin-top:10px;} .companyInfoContArea .btnArea a{margin:10px 0;} /* 재무정보 */ .financeContArea {} .financeContArea .acticle {padding-top:45px;} .financeContArea .acticle h3 {margin:0 0 -15px; border-bottom:2px solid #606060; padding-bottom:15px; text-align:center; color:#0a0a0a; font-size:24px; line-height:28px; font-weight:500;} .financeContArea .acticle .section {padding-top:30px; *zoom:1;} .financeContArea .acticle .section:after {content:""; display:block; clear:both;} .financeContArea .acticle .section .titArea {position:relative; margin-bottom:10px; font-size:15px; font-weight:300; color:#979797; text-align:center; line-height:20px;} .financeContArea .acticle .section .titArea h4 {padding-bottom:5px; font-size:19px; line-height:28px;} .financeContArea .acticle .listTypeA {border-top-width:1px;} .financeContArea .yearDownArea {position:relative; padding-top:40px; margin-top:40px; margin-bottom:-60px; background:url(/images/invest/finance_year_bg.jpg) no-repeat 0 0; background-size:cover; text-align:center;} .financeContArea .yearDownArea h3 {padding-bottom:18px; font-size:19px; color:#fff; font-weight:500; line-height:28px;} .financeContArea .yearDownArea .btnArea {padding-top:20px; padding-bottom:60px;} .financeContArea .yearDownArea .btnArea a {width:100%; margin:5px 0 ; text-align:center !important;} .financeContArea .quarterDownArea {position:relative; padding-top:40px; margin-top:40px; margin-bottom:-60px; background:url(/images/invest/finance_quarter_bg.jpg) no-repeat 0 0; background-size:cover; text-align:center;} .financeContArea .quarterDownArea h3 {padding-bottom:18px; font-size:19px; color:#fff; font-weight:500; line-height:28px;} .financeContArea .quarterDownArea .downList {padding-bottom:60px; text-align:center;} .financeContArea .quarterDownArea .downList .section {display:inline-block; width:46%; padding-top:20px; margin:0 4px; vertical-align:top;} .financeContArea .quarterDownArea .downList .section strong {display:block; line-height:26px; color:#fff; font-size:18px; font-weight:400;} .financeContArea .quarterDownArea .downList .section ul {} .financeContArea .quarterDownArea .downList .section li {margin-top:10px;} .financeContArea .quarterDownArea .downList .section a {width:100%; text-align:center !important;} /* 기업지배구조 */ .structureContArea {} .structureContArea .pageTitArea {padding-bottom:0; margin-bottom:-40px;} .structureContArea .acticle {padding-top:45px; *zoom:1;} .structureContArea .acticle h3 {padding-bottom:15px; font-size:20px; line-height:28px; border-bottom:2px solid #606060; text-align:center; font-weight:500;} .structureContArea .acticle .listTypeA {width:100%; border-top:none;} .structureContArea .acticle .listTypeA tbody, .structureContArea .acticle .listTypeA tr, .structureContArea .acticle .listTypeA th, .structureContArea .acticle .listTypeA td {display:block; text-align:left; width:100%; box-sizing:border-box;} .structureContArea .acticle .listTypeA th, .structureContArea .acticle .listTypeA td {padding-left:10px; padding-right:10px; box-sizing:border-box;} .structureContArea .acticle .listTypeA th {padding:20px 0 10px; border-top:none; color:#3d3d3d; font-size:19px; line-height:28px; font-weight:500;} .structureContArea .acticle .listTypeA th span {display:inline-block; margin-left:4px; font-size:14px; font-weight:300; color:#929f22; line-height:24px;} .structureContArea .acticle .listTypeA td {} .structureContArea .acticle .listTypeA .al {} .structureContArea .acticle .listTypeA .dotTypeA {} .structureContArea .acticle .listTypeA .dotTypeA li {white-space:normal; word-break:normal;} .structureContArea .acticle.downWrap {margin-bottom:-60px; padding:45px 25px; margin-top:50px; background:#f7f7f8;} .structureContArea .acticle.downWrap h3 {border-bottom:none;} .structureContArea .acticle .downArea {text-align:center; } .structureContArea .acticle .downArea a {width:100%; margin:5px 0;} /* IR 자료실 */ /* 공고 */ /* 인재채용 */ /* 인재상 */ .rightPeopleContArea {text-align:center;} .rightPeopleContArea .acticle1 {position:relative; padding:30px 25px 0; text-align:center;} .rightPeopleContArea .acticle1 .sectionWrap {margin-top:30px; border-top:1px dashed #c1c1c1; text-align:left;} .rightPeopleContArea .acticle1 .section {padding:20px 0 20px 80px; border-bottom:1px dashed #c1c1c1;} .rightPeopleContArea .acticle1 .section strong {display:block; padding:0 0 0 0; font-size:19px; line-height:24px;} .rightPeopleContArea .acticle1 .section p {padding:10px 0 0 0; } .rightPeopleContArea .acticle1 .section1 {background:url(/mobile/images/icon/ico_illustrat19.png) no-repeat 15px 33px; background-size:47px;} .rightPeopleContArea .acticle1 .section2 {background:url(/mobile/images/icon/ico_illustrat20.png) no-repeat 15px 33px; background-size:47px;} .rightPeopleContArea .acticle1 .section3 {background:url(/mobile/images/icon/ico_illustrat21.png) no-repeat 15px 33px; background-size:47px;} .rightPeopleContArea .acticle1 .section4 {background:url(/mobile/images/icon/ico_illustrat22.png) no-repeat 15px 33px; background-size:47px;} .rightPeopleContArea .acticle1 .titArea {padding-top:35px; margin:0 -10px;} .rightPeopleContArea .acticle1 .titArea strong {display:block; font-size:20px; line-height:28px;} .rightPeopleContArea .acticle1 .titArea p {padding-top:15px; font-size:15px; line-height:25px;} .rightPeopleContArea .acticle2 {margin-top:50px;margin-bottom:-60px; background:url(/mobile/images/recruit/rightPeople_bg.jpg) no-repeat 0 0; background-size:cover;} .rightPeopleContArea .acticle2 .cont {padding-top:45px; padding-bottom:60px;} .rightPeopleContArea .acticle2 h3 {padding-bottom:25px; font-size:20px; line-height:28px; color:#fff; font-weight:500;} .rightPeopleContArea .acticle2 h4 {font-size:20px; line-height:28px; font-weight:300; color:#fff;} .rightPeopleContArea .acticle2 .swiper-container {margin-top:25px;} .rightPeopleContArea .acticle2 .swiper-wrapper {*zoom:1;} .rightPeopleContArea .acticle2 .swiper-wrapper:after {content:""; display:block; clear:both;} .rightPeopleContArea .acticle2 .swiper-wrapper li {display:inline-block; width:211px; height:211px; padding-top:58px; background:rgba(255,255,255,.9); border-radius:50%; text-align:center;} .rightPeopleContArea .acticle2 .swiper-wrapper li strong {display:block; color:#3d3d3d; font-size:19px; line-height:28px; font-weight:500;} .rightPeopleContArea .acticle2 .swiper-wrapper li p {padding-top:5px; font-weight:300;} .rightPeopleContArea .acticle2 .slidepaging {padding-top:35px; text-align:center;} .rightPeopleContArea .acticle2 .slidepaging li {display:inline-block; width:14px; height:14px; margin:0 3px; line-height:1px; font-size:1px; text-indent:-3000em; text-align:left; background:rgba(255,255,255,.3); border-radius:50%;} .rightPeopleContArea .acticle2 .slidepaging li.swiper-pagination-bullet-active {background:#fff;} /* 인재육성 */ .developmentContArea {} .developmentContArea .eductionList {padding:0 25px 0;} .developmentContArea .eductionList h3 {font-size:19px; line-height:28px; text-align:center; font-weight:500;} .developmentContArea .eductionList ul {margin-top:20px;} .developmentContArea .eductionList ul li {padding:20px 0 20px 80px; border-bottom:1px dashed #c1c1c1;} .developmentContArea .eductionList ul li:first-child {padding-top:0;} .developmentContArea .eductionList ul li.eduList1 {background:url(/mobile/images/icon/ico_illustrat1.png) no-repeat 15px 33px; background-size:47px;} .developmentContArea .eductionList ul li.eduList2 {background:url(/mobile/images/icon/ico_illustrat2.png) no-repeat 15px 33px; background-size:47px;} .developmentContArea .eductionList ul li.eduList3 {background:url(/mobile/images/icon/ico_illustrat4.png) no-repeat 15px 33px; background-size:47px;} .developmentContArea .eductionList ul li.eduList4 {background:url(/mobile/images/icon/ico_illustrat3.png) no-repeat 15px 33px; background-size:47px;} .developmentContArea .eductionList ul li.eduList5 {background:url(/mobile/images/icon/ico_illustrat5.png) no-repeat 15px 33px; background-size:47px;} .developmentContArea .eductionList ul li.eduList6 {background:url(/mobile/images/icon/ico_illustrat6.png) no-repeat 15px 33px; background-size:47px;} .developmentContArea .eductionList ul li.eduList7 {background:url(/mobile/images/icon/ico_illustrat7.png) no-repeat 15px 33px; background-size:47px;} .developmentContArea .eductionList ul li.eduList8 {background:url(/mobile/images/icon/ico_illustrat8.png) no-repeat 15px 33px; background-size:47px;} .developmentContArea .eductionList ul li strong {display:block; padding:0 0 0 0; font-size:19px; line-height:24px;} .developmentContArea .eductionList ul li strong span {font-size:16px;} .developmentContArea .eductionList ul li > span {display:block; padding-top:8px; font-size:14px; line-height:17px; color:#929f22; font-weight:400;} .developmentContArea .eductionList ul li p {padding-top:2px; font-weight:300;} /* 복리후생 */ .welfareContArea .acticle {padding-top:45px; } .welfareContArea h3 {padding:45px 0 0 0; margin-bottom:-30px; font-size:20px; font-weight:500; line-height:28px; color:#3d3d3d; text-align:center;} .welfareContArea h4 {padding:25px; font-size:19px; line-height:28px; font-weight:300;} .welfareContArea h4 span {font-weight:500;} .welfareContArea .slideArea {position:relative;} .welfareContArea .slideArea .btnPrev {display:block; position:absolute; left:0; top:50%; width:50px; height:100px; margin-top:-50px; z-index:15;} .welfareContArea .slideArea .btnNext {display:block; position:absolute; right:0; top:50%; width:50px; height:100px; margin-top:-50px; z-index:15;} .welfareContArea .cont {margin:0 25px 0; border-top:1px dashed #c1c1c1;} .welfareContArea .cont .section {position:relative; padding:20px 5px; border-bottom:1px dashed #c1c1c1;} .welfareContArea .cont .section strong {display:block; font-size:19px; font-weight:500; line-height:28px; } .welfareContArea .cont .section ul {padding:5px 0 0 0; } .welfareContArea .cont .section ul li {/* display:inline-block; margin-right:5px; */} .welfareContArea .infoTxt {padding:20px 25px 0; font-size:12px; line-height:20px; font-weight:300; color:#979797;} /* 직무소개 */ .dutyList {padding-top:40px; } .dutyList h3 {display:block; padding-bottom:32px; font-size:21px; line-height:28px; text-align:center; color:#0a0a0a; font-weight:400;} .dutyList .slideArea {position:relative; overflow:hidden;} .dutyList .slideArea .btnSlide {display:block; position:absolute; left:10px;; top:0; height:234px; width:40px; z-index:20;} .dutyList .slideArea .btnNext {right:10px; left:auto;} .dutyList .slideArea .slideCont {position:relative; margin:0 auto; overflow:visible !important;} .dutyList .slideArea .slideCont ul li {position:relative; float:left; width:195px; height:234px;} .dutyList .slideArea .slideCont ul li .thum {width:195px; height:205px; text-align:center;} .dutyList .slideArea .slideCont ul li .thum img {width:205px; height:205px; margin-left:-5px; max-width:none;} .dutyList .slideArea .slideCont ul li a {display:block;} .dutyList .slideArea .slideCont ul li .cont {position:absolute; right:0; bottom:0; width:180px; padding:8px 10px 8px 10px; background:#fff; border:3px solid #f5a641; text-align:left;} .dutyList .slideArea .slideCont ul li .cont p {font-size:14px; line-height:20px;} .dutyList .slideArea .slideCont ul li .cont strong {display:block; margin-top:0px; font-size:19px; line-height:28px; font-weight:500;} .dutyList .slideArea .slideCont ul li.people1 a .thum {background:#f1d9b7;} .dutyList .slideArea .slideCont ul li.people1 .cont {border-color:#f5a641;} .dutyList .slideArea .slideCont ul li.people2 a .thum {background:#f7c7c9;} .dutyList .slideArea .slideCont ul li.people2 .cont {border-color:#de3950;} .dutyList .slideArea .slideCont ul li.people3 a .thum {background:#aad8f0;} .dutyList .slideArea .slideCont ul li.people3 .cont {border-color:#009ddc;} .dutyList .slideArea .slideCont ul li.people6 a .thum {background:#f1d9b7;} .dutyList .slideArea .slideCont ul li.people6 .cont {border-color:#f5a641;} .dutyList .slideArea .slideCont ul li.people7 a .thum {background:#f7c7c9;} .dutyList .slideArea .slideCont ul li.people7 .cont {border-color:#de3950;} .dutyList .slideArea .slideCont ul li.people4 a .thum {background:#c1ccf7;} .dutyList .slideArea .slideCont ul li.people4 .cont {border-color:#ffd400;} .dutyList .slideArea .slideCont ul li.people5 a .thum {background:#d8e199;} .dutyList .slideArea .slideCont ul li.people5 .cont {border-color:#a9b734;} .dutyContArea .introduce {padding-top:20px;} .dutyContArea .introduce h3 {display:none;} .dutyContArea .introduce .introduceTab {padding-bottom:20px;border-bottom:4px solid #f5f6f8; text-align:center;} .dutyContArea .introduce .introduceTab li {position:relative; display:inline-block; margin:0 2px; } .dutyContArea .introduce .introduceTab li a {position:relative; display:block; text-align:center; } .dutyContArea .introduce .introduceTab li a div {position:relative; width:67px; height:67px; border:3px solid #f5f6f8; border-radius:50%;} .dutyContArea .introduce .introduceTab li a div img {width:44px;} .dutyContArea .introduce .introduceTab li.on a div {background:#f5f6f8;} .dutyContArea .introduce .introduceTab li p {padding-top:3px; font-weight:500; color:#3d3d3d;} .dutyContArea .introduce .acticle {display:none; margin:0px 25px 0;} .dutyContArea .introduce .acticle .section {display:table; width:100%; padding:20px 0 20px 0; border-bottom:1px solid #e3e3e3;} .dutyContArea .introduce .acticle .section strong {display:table-cell; width:90px; vertical-align:middle; font-weight:300; font-size:19px; line-height:28px; letter-spacing:-1px; text-align:center;} .dutyContArea .introduce .acticle .section ul {vertical-align:middle;} .dutyContArea .introduce .acticle .section ul li {} /* 직무소개 상세 */ .dutyViewArea {} .dutyViewArea #dutyVisual {position:relative; display:table; width:100%; height:405px; margin-bottom:5px; background-size:auto 344px;} .dutyViewArea #dutyVisual p {position:relative; display:table-cell; width:100%; padding:25px 25px 15px; vertical-align:bottom; text-align:left; color:#3d3d3d; font-size:19px; line-height:28px;z-index:5; font-weight:400} .dutyViewArea #dutyVisual p .txtTypeA {} .dutyViewArea #dutyVisual .btn {position:absolute; left:0; top:50%; width:50px; height:100px; margin-top:-50px; z-index:10;} .dutyViewArea #dutyVisual .btnPrev {} .dutyViewArea #dutyVisual .btnNext {left:auto; right:0;} .dutyViewArea .dutyVisual1 {background:#f1d9b7 url(/mobile/images/recruit/duty/visual1.jpg) no-repeat 100% 100%;} .dutyViewArea .dutyVisual2 {background:#f7c7c9 url(/mobile/images/recruit/duty/visual2.jpg) no-repeat 100% 100%;} .dutyViewArea .dutyVisual3 {background:#aad8f0 url(/mobile/images/recruit/duty/visual3.jpg) no-repeat 100% 100%;} .dutyViewArea .dutyVisual4 {background:#c5cef3 url(/mobile/images/recruit/duty/visual4.jpg) no-repeat 100% 100%;} .dutyViewArea .dutyVisual5 {background:#f6e7a2 url(/mobile/images/recruit/duty/visual5.jpg) no-repeat 100% 100%;} .dutyViewArea .dutyVisual6 {background:#b2e3dc url(/mobile/images/recruit/duty/visual6.jpg) no-repeat 100% 100%;} .dutyViewArea .dutyVisual7 {background:#d8e199 url(/mobile/images/recruit/duty/visual7.jpg) no-repeat 100% 100%;} .dutyViewArea .dutyCont {padding:20px 0 0;} .dutyViewArea .dutyCont ul {margin:0 25px 20px;} .dutyViewArea .dutyCont ul li {padding:20px 0 20px 0;} .dutyViewArea .dutyCont ul li strong {display:block; font-size:19px; line-height:24px; font-weight:400; letter-spacing:-1px;} .dutyViewArea .dutyCont ul li p {padding-top:10px; font-weight:300; letter-spacing:-1px; word-break:keep-all;} /* 기업문화 */ /* 신기문화 */ .singiContArea .acticle1 {} .singiContArea .acticle1 ul {} .singiContArea .acticle1 ul li {padding:20px 0 20px 80px; border-top:1px dashed #c1c1c1;} .singiContArea .acticle1 ul li.section1 {background:url(/images/icon/ico_illustrat16.png) no-repeat 15px 33px; background-size:47px;} .singiContArea .acticle1 ul li.section2 {background:url(/images/icon/ico_illustrat17.png) no-repeat 15px 33px; background-size:47px;} .singiContArea .acticle1 ul li.section3 {background:url(/images/icon/ico_illustrat18.png) no-repeat 15px 33px; background-size:47px;} .singiContArea .acticle1 ul li strong {display:block; padding:0 0 0 0; font-size:19px; line-height:24px;} .singiContArea .acticle1 ul li p {padding:10px 0 0 0; } .singiContArea .acticle2 {padding-top:25px; *zoom:1;} .singiContArea .acticle2:after {content:""; display:block; clear:both;} .singiContArea .acticle2 li {padding:25px 0 0;} .singiContArea .acticle2 li:first-child {border-top:none;} .singiContArea .acticle2 li strong {display:block; padding:25px 25px 0 25px; font-size:19px; line-height:24px;} .singiContArea .acticle2 li p {padding:3px 25px 0 25px; word-break:keep-all;} /* 사회공헌 */ .contributionContArea {} .contributionContArea .imgArea {padding-top:15px;} .contributionContArea .acticle {padding-top:45px; display:none;} .contributionContArea .acticle .titArea{font-size: 14px;text-align: center;line-height: 24px;margin: 20px 25px 43px 25px;} .contributionContArea .acticle h3 {font-size:21px; line-height:28px; color:#0a0a0a; text-align:center; font-weight:500;} .contributionContArea .acticle .topTxt {font-size:19px; line-height:24px; font-weight:300; text-align:center;} .contributionContArea .acticle .topTxt .txtTypeA {font-weight:300;} .contributionContArea .acticle .list {*zoom:1;} .contributionContArea .acticle .list:after {content:""; display:block; clear:both;} .contributionContArea .acticle .list li {position:relative; padding:40px 0 0;} .contributionContArea .acticle .list li .thum {} .contributionContArea .acticle .list li .thum img {width:100%;} .contributionContArea .acticle .list li strong {display:block; padding:25px 25px 0; font-size:19px; line-height:26px; font-weight:500; word-break:keep-all;} .contributionContArea .acticle .list li strong span {font-weight:500;} .contributionContArea .acticle .list li p {padding:5px 25px 0; word-break:keep-all;} /* 20210223 추가 */ .contributionContArea #deficit .deficit_link{display: block;margin:15px 25px 0;width: 244px;border: 1px solid #979797;text-align: left;height: 35px;border-radius: 5px;background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/culture/arrow.jpg) no-repeat 210px center;} .contributionContArea #deficit .deficit_link span{line-height: 33px;margin-left: 20px;} .contributionContArea #deficit .caution{padding:0 20px 0 25px;display: block;margin-top: 15px;color: red;} /* 윤리경영 */ .ethicalContArea #system {} .ethicalContArea #system h3 {} .ethicalContArea #system p {padding:20px 0 5px; word-break:keep-all;} .ethicalContArea #system .cont {margin-top:40px; margin-bottom:-60px; padding-top:40px; background:#f5f6f8;} .ethicalContArea #system .cont h4 {padding-bottom:15px; font-size:21px; line-height:28px; font-weight:400; text-align:center; } .ethicalContArea #system .cont ul {padding-bottom:60px;} .ethicalContArea #system .cont ul li {padding-bottom:10px; margin-top:10px; text-align:center; background:#fff;} .ethicalContArea #system .cont ul li:first-child {margin-top:0;} .ethicalContArea #system .cont ul li .thum {padding-bottom:10px;} .reportFormArea {padding:35px 0 0;} .reportFormArea .agreeArea {padding-top:35px;} .reportFormArea .agreeArea .tit {display:block; font-size:15px; line-height:20px; font-weight:500;} .reportFormArea .agreeArea .cont {height:150px; padding:10px 10px; margin-top:10px; margin-bottom:5px; border:1px solid #d2d2d2; font-size:12px; line-height:20px; overflow:auto;} .reportFormArea .agreeArea input[type=checkbox] {vertical-align:middle; margin-top:2px;} .reportFormArea .agreeArea label {display:inline-block; margin-left:5px; font-size:12px; line-height:20px; vertical-align:middle; font-weight:300;} .reportFormArea .formArea {padding-top:45px; } .reportFormArea .formArea .tit {display:block; padding-bottom:8px; font-size:24px; line-height:28px;} .reportFormArea .btnArea {padding-top:35px;} #report .customerArea {padding-top:100px;} #report .customerArea:after {content:""; display:block;} #report .customerArea .section {float:left; width:50%; padding:20px 0 0 45px; min-height:220px; border-left:1px solid #e3e3e3; background:url(/images/culture/customer2_bg.jpg) no-repeat 325px 0;} #report .customerArea .section:first-child {border-left:none; background:url(/images/culture/customer1_bg.jpg) no-repeat 325px 0;} #report .customerArea .section strong {display:block; font-size:24px; line-height:40px;} #report .customerArea .section p {padding:10px 0 30px; font-size:15px; line-height:26px; font-weight:300;} #report .customerArea .section .telArea {font-size:24px; color:#3d3d3d; font-weight:300; line-height:40px;} #report .customerArea .section .telArea img {margin-right:4px; vertical-align:middle;} /* 기타 */ /* 오시는 길 */ .mapContArea .pt50 {padding-top:50px;} .mapContArea h3 {padding:25px 0 15px 0; margin:0 25px; font-size:20px; line-height:28px; text-align:center; font-weight:500;} .mapContArea h3.pt50 {padding-top:50px;} .mapContArea h3.big {font-size:24px;} .mapContArea h3 + .stit {padding-top:5px; padding-bottom:20px; font-size:15px; line-height:1.4; color:#3d3d3d; text-align:center;} .mapContArea .boxTxt {margin:0 auto 15px; width:120px; height:30px; display:flex; justify-content:center; align-items:center; background:url(/mobile/images/etc/bg_page_titarea_box.png) center center / cover no-repeat; } .mapContArea h3 + .boxTxt {margin-top:30px;} .mapContArea .boxTxt span {font-size:19px; line-height:1; color:#0a0a0a; font-weight:500;} .mapContArea .mapArea {text-align:center;} .mapContArea .contWrap.new .mapArea {margin-left:-25px; width:calc(100% + 50px); padding-bottom:25px;} .mapContArea .mapArea #map {margin-bottom:25px;} .mapContArea .mapArea address {display:inline-block; font-style:normal; color:#3d3d3d; font-size:17px; font-weight:500; line-height:28px;} .mapContArea .mapArea .tel {font-style:normal; color:#3d3d3d; font-size:17px; font-weight:500; line-height:28px;} .mapContArea .mapArea .tel:before {content:""; background:url(/images/icon/ico_tel.png) no-repeat 0 0; display:inline-block; width:17px; height:18px; background-size:17px auto; margin-right:10px; vertical-align:middle;} .mapContArea .info { padding:0 0 25px; margin:0 20px; text-align:center; color:#3d3d3d;} /* 20210819 추가 */ .mapContArea .mapData .mapArea .img_eduTech{margin-bottom: 40px;} .mapContArea .mapData .eduTech .mapArea{padding-bottom: 35px;} .mapContArea .mapData .eduTech .list{border-bottom: none;} .mapContArea .mapData .eduTech .list .text{text-align: center;} /* 20210819 추가 */ /* S : 220627 */ .mapContArea .exhibition h3{padding-bottom:0;} /* E : 220627 */ .mapContArea .mapData .tit {display:block;} .mapContArea .mapData .list {margin:0 25px; border-bottom:1px solid #c1c1c1;overflow:hidden} .mapContArea .mapData .list > li {width:100%; padding:25px 0; border-top:1px solid #e3e3e3;} .mapContArea .mapData .list > li.pb0{padding-bottom: 0;} .mapContArea .mapData .list > li.txt{padding:20px 0;color:#606060;font-size:14px;line-height:24px} .mapContArea .mapData .list > li:first-child {border-top:none;} .mapContArea .mapData .list > li.text {padding-left:10px; padding-right:10px;} .mapContArea .mapData .list > li.text>span{display:block;color:#c71818;font-size:14px;line-height:24px} .mapContArea .mapData .list > li.text>span:before{content:'* ';display:inline-block;padding-right:5px;vertical-align:middle;} .mapContArea .mapData .list li strong>span {color:#e86f2e;} .mapContArea .mapData .list > li .tit, .mapContArea .mapData .list > li .cont {display:table-cell; vertical-align:middle;} .mapContArea .mapData .list > li .cont strong {display:block; font-size:13px; font-weight:500; color:#3d3d3d;} .mapContArea .mapData .list > li .cont p{padding-bottom:10px;font-size:12px;} .mapContArea .mapData .list > li .tit {width:94px; padding: 0 5px; box-sizing: border-box; font-size:19px; color:#3d3d3d; line-height:24px; font-weight:300; text-align:center;} .mapContArea .mapData .list > li .tit span {display:inline-block; height:18px; width:36px; margin-top:5px; border-radius:2px; border:1px solid #c91010; color:#c91010; text-align:center; font-weight:300; font-size:12px; line-height:16px;} .mapContArea .mapData .list > li .tit span.point {display:block;margin:0 auto;border:0;width:auto;color:#e86f2e;font-size:10px;} .mapContArea .mapData .list > li .img{color:#3d3d3d;font-size:15px;font-weight:400;text-align:center; margin-top: 5px;} .mapContArea .mapData .list > li .img > span{display:block;margin-bottom:15px} .mapContArea .mapData .list > li .img > span>img{width:100%; margin-bottom: 10px;} .mapContArea .mapData .list > li .img > span .mapContArea .mapData.en .list > li .tit{font-size:19px} .mapContArea .mapData.en .list > li .tit{display:block;width:100%;text-align:left;} .mapContArea .mapData.en .list > li .tit span{border:0;width:auto;height:auto;margin:0;margin-left:5px;font-size:15px} .mapContArea .mapData.en .list > li .tit span.line2{color:#58b75c} .mapContArea .mapData.en .list > li .tit span.line3{color:#e86f2e} .mapContArea .mapData.en .list > li .dotTypeA li{line-height:30px;background-position: 0 15px;font-size:14px} .mapContArea .mapData.en .list > li .dotTypeA li .txt{line-height:24px;} .mapContArea .historyViewInfo {position:relative; width:100%; margin-bottom:15px; border-bottom:1px solid #d2d2d2;} .mapContArea .historyViewInfo .photo, .mapContArea .historyViewInfo .photo img {position:relative; width:100%;} .mapContArea .historyViewInfo .photo a[class^=btn] {position:absolute; display:block; width:14.4vw; max-width:96px; height:14.4vw; max-height:96px; border-radius:100%; text-indent:-9999px; overflow:hidden;} .mapContArea .historyViewInfo .photo a[class$=itm1] {top:19%; left:15.3%;} .mapContArea .historyViewInfo .photo a[class$=itm2] {top:71.2%; left:31.5%;} .mapContArea .historyViewInfo .photo a[class$=itm3] {top:4%; left:50.8%;} .mapContArea .historyViewInfo .photo a[class$=itm4] {top:47.5%; left:73.7%;} .mapContArea .roomInfo {position:relative; width:100%; padding-bottom:50px;} .mapContArea .roomInfo .photo, .mapContArea .roomInfo .photo img {position:relative; width:100%;} .mapContArea .roomInfo .photo .tit {position:absolute; bottom:0px; right:0px; min-width:75px; height:25px; padding:0 15px; box-sizing:border-box; display:flex; justify-content:center; align-items:center;} .mapContArea .roomInfo .photo .tit:before {content:''; position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; background:#a9b734; opacity:.6;} .mapContArea .roomInfo .photo .tit span {position:relative; z-index:2; font-size:12px; color:#fff;} .mapContArea .roomInfo .boxTxts { padding:30px 20px; box-sizing:border-box; background:#fff; box-shadow: 15px 15px 50px 0px rgba(0,0,0,0.1);} .mapContArea .roomInfo .boxTxts .num {font-size:20px; line-height:1; color:#3d3d3d; font-weight:500;} .mapContArea .roomInfo .boxTxts dl {width:100%; padding-top:15px;} .mapContArea .roomInfo .boxTxts dl dt {font-size:19px; letter-spacing:-1px; line-height:1; color:#3d3d3d; font-weight:500;} .mapContArea .roomInfo .boxTxts dl dd {padding-top:10px; font-size:14px; line-height:1.4; color:#606060;} .mapContArea .bgBox {position:relative;} .mapContArea .bgBox:after {content:''; position:absolute; top:0px; left:0px; transform: translate(-50%, 0); display:block; width:300vw; height:100%; background:#f7f7f8;} .mapContArea .bgBox > * {position:relative; z-index:2;} .mapContArea .smallContBox {position:relative; width:100%; margin:0 auto;} .mapContArea .smallContBox .txt-list {width:100%; padding-top:30px; padding-bottom:50px;} .mapContArea .smallContBox .txt-list > ul {width:100%;} .mapContArea .smallContBox .txt-list > ul > li {width:100%; box-sizing:border-box;} .mapContArea .smallContBox .txt-list > ul > li + li {margin-top:30px; padding-top:30px; border-top:1px dashed #c1c1c1;} .mapContArea .smallContBox .txt-list > ul > li .num {font-size:20px; font-weight:500; line-height:1; color:#3d3d3d;} .mapContArea .smallContBox .txt-list > ul > li dl {width:100%; padding-top:15px;} .mapContArea .smallContBox .txt-list > ul > li dl dt {font-size:19px; font-weight:500; line-height:1; color:#3d3d3d;} .mapContArea .smallContBox .txt-list > ul > li dl dd {padding-top:10px; font-size:14px; color:#606060;} .mapContArea .smallContBox .swiper-box {position:relative; width:100%;} .mapContArea .smallContBox .swiper-box .itmBox {position:relative; width:100%;} .mapContArea .smallContBox .swiper-box .itmBox .photo {width:100%;} .mapContArea .smallContBox .swiper-box .itmBox .photo img {width:100%;} .mapContArea .smallContBox .swiper-box .itmBox .txtBox {position:absolute; bottom:0px; right:0px; min-width:80px; height:25px; padding:0 15px; box-sizing:border-box; display:flex; justify-content:center; align-items:center;} .mapContArea .smallContBox .swiper-box .itmBox .txtBox:before {content:''; position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; background:#a9b734; opacity:.6;} .mapContArea .smallContBox .swiper-box .itmBox .txtBox span {position:relative; z-index:2; font-size:12px; color:#fff;} .mapContArea .smallContBox .swiper-box .swiper-button-next, .mapContArea .smallContBox .swiper-box .swiper-button-prev {width:15px; height:25px; border:0; background:url(/mobile/images/etc/btn_swiper.png) center center / cover no-repeat;} .mapContArea .smallContBox .swiper-box .swiper-button-prev {left:10px;} .mapContArea .smallContBox .swiper-box .swiper-button-next {right:10px; transform: rotate(180deg);} .mapContArea .smallContBox .swiper-box .swiper-button-next:after, .mapContArea .smallContBox .swiper-box .swiper-button-prev:after {display:none;} .mapContArea .mapData .dotTypeA li{font-size: 12px; word-break: break-all; line-height: 20px;} .mapContArea .mapData .dotTypeA li > span{color: #949494;} .mapContArea .mapData .dotTypeA li > a{position: relative; display: block; width: 178px; margin: 10px 0; padding: 5px 0 5px 15px; font-size: 12px; color: #fff; background-color: #a9b734; border-radius: 5px;} .mapContArea .mapData .dotTypeA li > a::after{ content: ''; position: absolute; top: 0; right: 16px; display: block; width: 12px; height: 100%; background: url(../../images/etc/map_btn_arrow.png) center / 12px no-repeat;} .mapContArea .mapData .contTit._box > span{display: inline-block; position: relative; line-height: 1;} .mapContArea .mapData .contTit._box > span::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 7px; background-color: #f6a641; z-index: -1;} .mapContArea .mapData .contTit.noline{border-bottom: 0; padding: 35px 0 0; padding-bottom: 0;} .mapContArea .mapData .eduTech{margin-top: 50px; background-color: #f5f6f8;} .mapContArea .mapData .eduTech .list > li{padding: 15px 0 25px;} .mapContArea .mapData .reservation .desc p{margin-top: 35px; text-align: center; font-size: 17px;color:#3d3d3d; font-weight: 400;} .mapContArea .mapData .reservation .desc p span{color: #a9b734;} .layerHistoryView {position:fixed; top:0px; left:0px; display:none; width:100%; height:100%; box-sizing:border-box; z-index:1001;} .layerHistoryView:after {content:''; position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; background:#000; opacity:.47; pointer-events:none; z-index:1;} .layerHistoryView .boxCont {display:none; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:calc(100% - 20px); padding:40px; box-sizing:border-box; background:#fff; z-index:2;} .layerHistoryView .boxCont .close {position:absolute; top:0px; right:0px; display:block; width:55px; height:55px; background:#aab734; text-indent:-9999px; overflow:hidden;} .layerHistoryView .boxCont .close:after, .layerHistoryView .boxCont .close:before {content:''; position:absolute; top:calc(50% - 20px); left:50%; display:block; width:2px; height:45px; background:#fff;} .layerHistoryView .boxCont .close:after {transform: rotate(45deg);} .layerHistoryView .boxCont .close:before {transform: rotate(-45deg);} .layerHistoryView .boxCont .tit {width:130px; height:35px; margin:0 auto; display:flex; justify-content:center; align-items:center; background:url(/mobile/images/etc/bg_pop_page_titarea_box.png) 0 0 / cover no-repeat;} .layerHistoryView .boxCont .tit span {font-weight:500; font-size:20px; letter-spacing:-1px; color:#0a0a0a;} .layerHistoryView .boxCont .stit {padding-top:20px; font-size:14px; color:#3d3d3d; text-align:center;} .layerHistoryView .boxCont .photo {width:100%; margin:20px 0; border-radius:10px; overflow:hidden; font-size:0; line-height:0; box-shadow: 15px 15px 50px 0px rgba(0,0,0,0.25);} .layerHistoryView .boxCont .photo img {width:100%;} .layerHistoryView .boxCont .txt, .layerHistoryView .boxCont .txt ul {width:100%;} .layerHistoryView .boxCont .txt ul li {font-size:14px; color:#3d3d3d;} .layerHistoryView .boxCont .txt ul li span {color:#aab734;} /* 접수처리 사항 확인 */ .reportCheckArea {width:900px; height:540px; padding:65px 45px 70px; background:#fff;} .reportCheckArea p {font-size:15px; font-weight:300; line-height:26px; text-align:center;} .reportCheckArea .customer {padding-top:10px; text-align:center;} .reportCheckArea .customer dt, .reportCheckArea .customer dd {font-size:24px; font-weight:300; line-height:32px;} .reportCheckArea .customer dt {display:inline-block;} .reportCheckArea .customer dt:after {display:inline-block; content:"|"; color:#d2d2d2; font-weight:100; margin:0 10px; font-size:20px; vertical-align:top;} .reportCheckArea .customer dt img {vertical-align:-3px; margin-right:4px;} .reportCheckArea .customer dd {display:inline-block;} .reportCheckArea .formArea {position:relative; padding:35px 40px; margin:45px 0 30px; background:#f5f6f8; text-align:right;} .reportCheckArea .formArea strong {display:block; position:absolute; left:40px; top:35px; font-weight:300; font-size:18px; line-height:40px;} .reportCheckArea .formArea input[type=text] {width:200px;} /* 접수 처리 사항 확인 */ .reportListArea {width:900px; background:#fff;} .reportListArea .reportList {max-height:308px; overflow:auto; margin-bottom:40px; border-top:2px solid #606060; border-bottom:1px solid #606060;} .reportListArea .listTypeA {border-top:none;} .reportListArea .listTypeA th {font-size:20px; font-weight:300;} .reportListArea .listTypeA th span {display:block; width:100%; border-right:1px solid #e3e3e3;} .reportListArea .listTypeA td.al {padding-left:20px;} .reportListArea .listTypeA .ing th {color:#939f23;} .reportListArea .listTypeA .end th {color:#979797;} .reportView {max-height:308px; overflow:auto; margin-bottom:40px; border-top:2px solid #606060; border-bottom:1px solid #606060;} .reportView .viewTypeA {border-top:none; border-bottom:none;} /* 제휴 및 사업제안 */ .proposeContArea {} .proposeContArea h2 {padding-top:45px; text-align:center; font-size:20px; line-height:25px; font-weight:300; color:#3d3d3d;} .proposeContArea p.txt {padding-top:10px; font-size:15px; line-height:25px; color:#3d3d3d; text-align:center;} .proposeContArea .reportFormArea {padding-top:35px;} /* error */ .errorArea{padding-bottom:50px; text-align:center; background:url(/mobile/images/error/errorBg.jpg) no-repeat 50% 70%; background-size:300px 230px } .errorArea h1{margin-bottom:30px;} .errorArea strong{display:block !important; line-height:30px !important} .errorArea strong em{ font-style:normal; position:relative; z-index:2;} .errorArea .txtTypeA:before{z-index:1 !important;} .errorArea strong .txtTypeA{font-size:26px;} .errorArea>.errorTxt>span{display:block; padding-top:20px;} .errorArea .btnArea{padding-top:45px;} .errorArea .btnArea a{border-radius: 3px; color:#fff; background:#535457 url(/mobile/images/error/ico_arrow.png) no-repeat 90% 50%; padding:10px 35px 10px 10px; background-size:13px 10px;} /* main-layerpop */ .layerPop { display:none;position:absolute;left:50%;top:60px;z-index:1100; width:322px;height:auto;padding:1px;margin:0 0 0 -161px; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1); box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);background:#626262; } .layerPop .close {position:absolute; right:10px; top:10px;} .layerPop .close>a { font-size:15px;color:#fff } .layerPop .cont { width:320px;height:364px;background:#fff;overflow:hidden; } .layerPop .cont img { width:100%;height:100% } .layerPop .foot { position:relative;height:30px;padding-right:40px;font-size:13px;color:#f6f6f6;line-height:30px;text-align:right;vertical-align:top;background:#626262; } .layerPop .foot input[type=checkbox] { width:14px;height:14px;margin:-2px 4px 0 0;background-size:14px; } .layerPop .foot a {position:absolute;right:0;top:0;} .titleHead { padding:25px 10px; } /* .errorArea {position:absolute; left:50%; top:50%; height:466px; width:1080px; margin:-233px 0 0 -540px; text-align:center; background:url(/images/error/bg.png) no-repeat 50% 0;} .errorArea .errorTxt {position:relative; padding-bottom:45px; z-index:5;} .errorArea .errorTxt strong {position:relative; display:inline-block; margin-top:30px; font-size:52px; line-height:70px; letter-spacing:-1px;} .errorArea .errorTxt strong:before {margin-top:10px;} .errorArea .errorTxt p {padding-top:10px; font-size:18px; line-height:28px; font-weight:300;} */ /* 이용약관 */ .otherArea{padding:0 25px;} .sortArea{padding:15px 25px 15px; } .sortArea select{width:100%; height:50px; padding-left:17px; line-height:48px; border:0; background:#f5f6f8; color:#0a0a0a; font-size:19px; box-sizing:border-box; } /* 개인정보처리방침 */ .otherArea .otherCont .agreeArea h4{margin-top:40px; padding-bottom:15px; border-bottom:2px solid #606060; font-size:20px; text-align:center; font-weight:500; color:#0a0a0a;} .otherArea .otherCont .agreeArea h5{margin:23px 0 8px; text-align:center; font-weight:500; font-size:19px; color:#3d3d3d;} .otherArea .otherCont .agreeArea .tableWrap{overflow:auto;} .otherArea .otherCont .agreeArea table{width:588px; table-layout: fixed; border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1;} .otherArea .otherCont .agreeArea table thead th{height:40px; line-height:40px; text-align:center; background:#f7f7f8; color:#3d3d3d; font-weight:400} .otherArea .otherCont .agreeArea table tbody td, .otherArea .otherCont .agreeArea table tbody th{border-left:1px solid #e3e3e3; font-size:13px; border-bottom:1px solid #e3e3e3; padding:10px 20px; font-weight:300;} .otherArea .otherCont .agreeArea table tr:last-child td{border-bottom:0;} .otherArea .otherCont .agreeArea table tr:last-child th{border-bottom:0;} .otherArea .otherCont .agreeArea table tbody td:first-child{border-left:0;} .otherArea .otherCont .agreeArea table tbody th:first-child{border-left:0;} .otherArea .otherCont .agreeArea table th, .otherArea .otherCont .agreeArea table td{} .otherArea .otherCont .agreeArea>p.stit{margin-top:30px; text-align:center; font-size:15px; font-weight:300;} .otherArea .otherCont .agreeArea>p.txt{text-align:center; margin-top:5px; font-size:12px; font-weight:300; color:#979797;} .otherArea .otherCont .agreeArea>ul{margin-top:26px;} .otherArea .otherCont .agreeArea>ul>li{line-height:24px; color:#5f5f5f; font-size:14px; font-weight:300; margin-bottom:8px;} .otherArea .otherCont .agreeArea>ul>li>dl{padding-left:15px;} .otherArea .otherCont .agreeArea>ul>li>dl>dd{line-height:24px; color:#5f5f5f; font-size:14px; font-weight:300;} .otherArea .otherCont .agreeArea table.tbAgree.tbAgree2.__se_tbl_ext th, .otherArea .otherCont .agreeArea table.tbAgree.tbAgree2.__se_tbl_ext td{text-align:center;} .otherArea .otherCont .agreeArea table.tbAgree.tbAgree2.__se_tbl_ext{margin:12px 0;} /* 20210215 foreignrights 페이지 css 추가 */ .contributionContArea #pageVisual{} .contributionContArea #rightsGuide{text-align: center;} .contributionContArea #rightsGuide .imgAreaLink>a{display:block;padding-bottom:10%;} .contributionContArea #rightsGuide .imgAreaLink>a:last-child{padding-bottom:0;} .contributionContArea #highLights{text-align: center;} /* S : 211020 유데미 */ .udemyContArea {position: relative;} /* .udemyContArea #pageVisual.visual_1_6_0 {background: url(/mobile/images/visual/imsi_1_2.jpg) no-repeat 50% 100%; background-size: cover;} */ .udemyContArea .cont {padding-top:50px;} .udemyContArea .cont .tit {font-size:16px; line-height:1.4; font-weight:300; color:#0a0a0a; text-align:center;} .udemyContArea .cont .mt20 {margin-top:20px;} .udemyContArea .cont .mt35 {margin-top:35px;} .udemyContArea .cont .mt45 {margin-top:45px;} .udemyContArea .cont .imgMap {width:100%;} .udemyContArea .cont .imgMap img {width:100%;} .udemyContArea .cont .imgMap.full {width:calc(100% + 50px); margin-left:-25px;} .udemyContArea .cont .imgMap .boxLine {width:100%; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb;} .udemyContArea .cont .txt {font-size:16px; line-height:1.4; font-weight:300; color:#606060;} .udemyContArea .cont .btnsLine {position:relative; width:100%; margin-top:30px;} .udemyContArea .cont .btnsLine ul {width:100%;} .udemyContArea .cont .btnsLine ul li {position:relative; width:100%;} .udemyContArea .cont .btnsLine ul li + li {margin-top:10px;} .udemyContArea .cont .btnsLine ul li a {width:100%; height:45px; display:flex; justify-content:center; align-items:center; background:#a435f0; border-radius:5px;} .udemyContArea .cont .btnsLine ul li a span {position:relative; font-size:18px; color:#fff;} .udemyContArea .cont .btnsLine ul li a span:after {content:''; position:relative; margin-left:15px; display:inline-block; width:10px; height:10px; border-top:2px solid #fff; border-right:2px solid #fff; border-radius:2px; transform: rotate(45deg);} /* E : 211020 유데미 */ /* S : 220328 esg 추가 */ .esgGrade{margin:0 auto;} .esgGrade h5{font-size:16px; font-weight:bold; color:#0a0a0a; text-align:center;} .esgGrade .gradeBox{margin-top:12px;} .esgGrade .gradeBox ul{display:flex; justify-content:space-between;} .esgGrade .gradeBox ul li.list1 .gradeTit, .esgGrade .gradeBox ul li.list1 .gradeCon{border-radius:5px 0 0 5px;} .esgGrade .gradeBox ul li.list2 .gradeTit{background:#db7617;} .esgGrade .gradeBox ul li.list5 .gradeTit, .esgGrade .gradeBox ul li.list5 .gradeCon{border-radius:0 5px 5px 0;} .esgGrade .gradeBox ul li .gradeTit{padding:5px 0; font-size:12px; font-weight:500; color:#fff; text-align:center; background:#f6a641;} .esgGrade .gradeBox ul li .gradeCon{margin-top:4px; padding:4px 0; font-size:12px; color:#2c2c2c; text-align:center; background:#ededee;} .esgGrade .gradeBox ul li{margin:0 2px; flex:1;} .esgGrade .etcText{margin-top:9px; font-size:12px; color:#777; text-align:right;} /* E : 220328 esg 추가 */ /* S : 220627 movie layer */ .movieLayer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)!important;z-index:9000} .movieLayer .innerLayer{position: absolute; top: 50%; left: 50%; width: 640px; height:340px; overflow: hidden; border: solid 4px #f7901e; background: #fff; transform: translateX(-50%) translateY(-50%);} .movieLayer .innerLayer video{display:block;width:100%;height:100%} .writeE_closeBt {font-size: 45px;position: absolute;right: 10px;top: 10px;color: #fff;width: 40px;height: 40px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAWCAYAAADafVyIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY1tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUVEQkFFMzg3Q0IxMTFFN0FFNDJCQjYyOTZBNTk3NUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUVEQkFFMzk3Q0IxMTFFN0FFNDJCQjYyOTZBNTk3NUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBRURCQUUzNjdDQjExMUU3QUU0MkJCNjI5NkE1OTc1QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRURCQUUzNzdDQjExMUU3QUU0MkJCNjI5NkE1OTc1QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi5O5XEAAAH5SURBVHjarNVPSBRhGMfx2cHoUoERRKkHM/DSwTAP5iECDfRghCWiCGJeDO1QlhKGhggdNCgMIijFUyS5hwX1mqCQVIJ4CSIPIWJBCXqovUzfB37CsOz82c0XPsu778w8z75/9pmE53lHHMfpQjk+4RU8J79WhJs4gzdYcPnYwzxO4ip68gx+FPdRhd9YsUFXF79gBH9xBS05Bj+GIf3ydTzEL38Ca6t4on4bmnJIcE9LbD90VKviZCawtozH6nfgWozgvahQ0Bf+4NkSWFvCS/U7UR0S/JaWdAcP8DXzBjfgwRTeqm8bV5nlHtuneqS1LBtZI3FMw7QihRlU+sYbNW4uh8VI2EdE60aD1rYfZbija2N4H/ZwnASHFbhKR8/O+yG8RjLq4TgJ9tuITou1BTyP85AbM3gpTvm+F6PgoBIUYlil5CO+4ZyOZcH/JjihI3gcn/EIg9jWnvRFJQlLYEEHUKLgoxrfxTP8QY3+8Xkl2K8vO9rQtO/amkpKWhW4PZcECU3d1vmnZvEjy3327niqfnNQBXYDitclbKkEb4bMchFTvgpcG5XAplqn/gS+xzhl7zCt/m1cDEpwXVP1tKFrObwPZjCn5bUyciGz2N1Q4ZpFTUQBDGJV4a7iJHHWxm0G57VB9rqc1Psgn2YzH8cH30xO/xNgAHJN+45MnmafAAAAAElFTkSuQmCC') rgba(0,0,0,.5) center no-repeat!important;background-size: 50%;z-index:9999;border-radius: 30px} .popupLayer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)!important;z-index:9000} .popupLayer .innerLayer{position:absolute;top:50%;left:50%;width:1000px;height:700px;margin:-350px 0 0 -500px;overflow:hidden;border:solid 4px #f7901e;background:#fff;position:relative} .movieLayer .innerLayer .video_a {font-size:0;} .movieLayer .innerLayer .video_a iframe#youtubeWrap {width:640px; height:340px;} .popupLayer .innerLayer img{width:100%} .popupLayer .pop_btn_close{width:12%;height:6.6%;top:0;right:0; text-indent:-9999px; display:block; position:absolute} .popupLayer .pop_cont{height:610px; overflow-y:auto} @media screen and (max-width:1000px) { .popupLayer .innerLayer{width:100%;height:100%; left: 0;top: 0;margin: 0;box-sizing:border-box} .popupLayer .pop_cont{height:90vh} } @media screen and (max-width:600px) { .movieLayer .innerLayer{width: 100%;height:auto;} .movieLayer .innerLayer .video_a iframe#youtubeWrap {width:100%; height:28vh;} } /* E : 220627 movie layer */ /* S : 220905 */ .historyRoom .por{position: relative;} .historyRoom .op0{opacity: 0;} .historyRoom .plr25{padding: 0 25px;box-sizing: border-box;} .historyRoom .plr40{padding: 0 40px;box-sizing: border-box;} .historyRoom .mlr-25{margin-left: -25px;margin-right: -25px;} .historyRoom .fs25{font-size: 25px; line-height: 28px;} .historyRoom .fs18{font-size: 18px; line-height: 1.5;} .historyRoom .fs16{font-size: 16px; line-height: 1.5;} .historyRoom .fw700{font-weight: 700;} .historyRoom .fw500{font-weight: 500;} .historyRoom .fw300{font-weight: 300;} .historyRoom .stick{display: block;width: 20px;height: 2px;margin: 0 auto 15px;transform: rotate(-60deg);} .historyRoom .fontWt{color: rgb(255,255,255) !important;} .historyRoom .fontBk{color: rgb(0,0,0);} .historyRoom .fontBk2{color: rgb(34,34,34);} .historyRoom .fontGr{color: rgb(136,136,136);} .historyRoom .fontGr2{color: rgb(102,102,102);} .historyRoom .btnStyle1{display: inline-block; margin: 0 0 25px; width: 135px;height: 40px; line-height: 40px;} .historyRoom .bgBlue{background-color: rgb(0,176,235);} .historyRoom .bgGreen{background-color: rgb(169,183,52);} .historyRoom .bgOrange{background-color: rgb(255,132,0);} .historyRoom .bgPink{background-color: rgb(230,15,157);} .historyRoom .titStyle0{position: absolute; width: 70%; top: 50%; left: 50%; transform:translate(-50%,-50%);} .historyRoom .titStyle1{padding: 35px 40px 15px;} .historyRoom .titStyle2{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .historyRoom .titStyle3{position: absolute; width: 100%; top: 0%; left: 50%; transform: translateX(-50%);} .historyRoom .txtC{text-align: center;} .historyRoom .txtR{text-align: right;} .historyRoom .txtL{text-align: left;} .historyRoom .txtBorder{padding: 15px 25px; border: 5px solid rgb(234,234,234); box-sizing: border-box;} .historyRoom .mt60{margin-top: 60px;} .historyRoom .mt40{margin-top: 40px;} .historyRoom .mt35{margin-top: 35px;} .historyRoom .mt30{margin-top: 30px;} .historyRoom .mt25{margin-top: 25px;} .historyRoom .mt20{margin-top: 20px;} .historyRoom .mt15{margin-top: 15px;} .historyRoom .mt10{margin-top: 10px;} .historyRoom .exhibition-box {margin: 0 -25px;} .historyRoom .exhibition-box *{word-break: keep-all; } .historyRoom .exhibition-tap{position: relative; margin: 0px -25px;} .historyRoom .exhibition-tap._fix{position: fixed; width: 100%; left: 25px; margin: 0 -25px; z-index: 10;} .historyRoom .exhibition-tap > a.exhibition__tit{display: block; height: 40px; line-height: 40px; font-size: 18px; font-weight: 500; color:rgb(255,255,255); text-align: center; background-color: rgb(169,183,52);} .historyRoom .exhibition-tap > a.exhibition__tit::after{content: ""; display: inline-block; width: 15px; height: 40px; margin-left: 7px; vertical-align: middle; background: url(/mobile/images/etc/icon_exhibition_select_arrw_29x18.png) center 14px / 15px no-repeat;} .historyRoom .exhibition-tap > a.exhibition__tit.on::after{transform: rotate(180deg) translateY(4px);} .historyRoom .exhibitionSelect > a{display: block; position: relative; z-index: 2;} .historyRoom .exhibitionSelect ul{display: none; position: absolute; top: 40px; left: 0; right: 0; margin: auto; padding: 11px 0 19px; border-bottom: 1px solid rgb(151,151,151); box-sizing: border-box; background-color: rgb(255,255,255); z-index: 1;} .historyRoom .exhibitionSelect ul.on{display: block;} .historyRoom .exhibitionSelect ul li{height: 36px; line-height: 36px;} .historyRoom .exhibitionSelect ul li a{display: block; font-size: 18px; color:rgb(61,61,61); text-align: center; font-weight: 400;} .historyRoom .swiper{ padding-bottom: 36px;} .historyRoom .swiper .swiper-pagination-bullet-active{background-color: rgb(255,132,0);} .historyRoom .swiper .blue .swiper-pagination-bullet-active{background-color: rgb(0,176,235);} .historyRoom .swiper .pink .swiper-pagination-bullet-active{background-color: rgb(230,15,157);} .historyRoom .swiper .swiper-button-next, .historyRoom .swiper .swiper-button-prev{width: 48px;height: 48px; top: 45%;} .historyRoom .swiper .swiper-button-next::after, .historyRoom .swiper .swiper-button-prev::after{content: "";} .historyRoom .swiper .swiper-button-next{right: 0; background: url(/images/historyRoom/m/exhibition_con_slide_next.png) center / 100% no-repeat;} .historyRoom .swiper .swiper-button-prev{left: 0; background: url(/images/historyRoom/m/exhibition_con_slide_prev.png) center / 100% no-repeat;} .historyRoom .ani.del1, .historyRoom .ani .del1{transition-delay: .1s !important;} .historyRoom .ani.del2, .historyRoom .ani .del2{transition-delay: .2s !important;} .historyRoom .ani.del3, .historyRoom .ani .del3{transition-delay: .3s !important;} .historyRoom .ani.del4, .historyRoom .ani .del4{transition-delay: .4s !important;} .historyRoom .ani.del5, .historyRoom .ani .del5{transition-delay: .5s !important;} .historyRoom .ani.del6, .historyRoom .ani .del6{transition-delay: .6s !important;} .historyRoom .ani.del7, .historyRoom .ani .del7{transition-delay: .7s !important;} .historyRoom .ani.del8, .historyRoom .ani .del8{transition-delay: .8s !important;} .historyRoom .ani.del9, .historyRoom .ani .del9{transition-delay: .9s !important;} .historyRoom .ani.del10, .historyRoom .ani .del10{transition-delay: 1s !important;} .historyRoom .fadeIn, .historyRoom .fadeInL, .historyRoom .fadeInR, .historyRoom .fadeInU, .historyRoom .fadeInD, .historyRoom .fadeInBlur, .historyRoom .fadeInS{opacity: 0;transition: all .5s ease-in-out;} .historyRoom .fadeInL{ transform: translateX(5vw)} .historyRoom .fadeInR{ transform: translateX(-5vw)} .historyRoom .fadeInU{ transform: translateY(5vw)} .historyRoom .fadeInD{ transform: translateY(-5vw)} .historyRoom .fadeInBlur{ filter: blur(10px);} .historyRoom .fadeInS{transform: scale(1.05);} .historyRoom .ani.fadeIn, .historyRoom .ani .fadeIn{opacity: 1;} .historyRoom .ani.fadeInL, .historyRoom .ani .fadeInL, .historyRoom .ani.fadeInR, .historyRoom .ani .fadeInR{opacity: 1;transform: translateX(0)} .historyRoom .ani.fadeInU, .historyRoom .ani .fadeInU, .historyRoom .ani.fadeInD, .historyRoom .ani .fadeInD{opacity: 1;transform: translateY(0)} .historyRoom .ani.fadeInBlur, .historyRoom .ani .fadeInBlur{opacity: 1;filter: blur(0px)} .historyRoom .ani.fadeInS, .historyRoom .ani .fadeInS{opacity: 1;transform: scale(1);} .historyRoom .exhibitionCon__tit{ position: absolute; width: 100%; top: 0; left: 0; right: 0; margin: auto;} .historyRoom .exhibitionCon__txt{position: absolute; bottom: 0; left: 0; right: 0; margin: auto;padding: 66px 40px ; box-sizing: border-box;} .historyRoom .exhibitionCon__txt > p{font-size: 20px; color: rgb(255,255,255); line-height: 28px;} .historyRoom .exhibitionCon__txt > a{display: block; width: 170px;height: 50px; margin: 50px auto 0; line-height: 50px; border: 1px solid rgb(255,255,255); color: rgb(255,255,255);font-size: 17px; text-align: center;} .historyRoom #exhibitionCon0{position:relative; padding-bottom: 50px;} .historyRoom .exhibitionCon0__top{display: flex;align-items: center; justify-content: space-between;} .historyRoom .exhibitionCon0__top > p{padding: 22px 0; font-size: 27px; line-height: 30px;} .historyRoom .exhibitionCon0__top > p strong::after{content: ""; display: inline-block; margin-left: 10px; width: 28px; height: 40px; vertical-align: text-top; background: url(/images/historyRoom/m/exhibition_con_arrw.png) center /28px no-repeat;} .historyRoom .exhibitionCon0__top > a{position: relative; right: -25px; width: 75px; transition: none;} .historyRoom .exhibitionCon0__top > a._fix{position: fixed; right: 0; z-index: 3; transition: none;} .historyRoom .exhibitionCon0__top > .btn-box {position:absolute; top:0px; right:0px; transition: none !important; z-index:3;} .historyRoom .exhibitionCon0__top > .btn-box._fix {position: fixed;} .historyRoom .exhibitionCon0__top > .btn-box a {display:block; max-width:60px;} .historyRoom .exhibitionCon0__top > .btn-box a + a {margin-top:10px;} .historyRoom .exhibitionCon0__top > .btn-box a img {width:100%;} .historyRoom #exhibitionCon0Btn{font-size: 0;} .historyRoom #exhibitionCon0Btn > a{display: inline-block; width: calc(50% - 5px); margin: 0 10px 10px 0; vertical-align: top;} .historyRoom #exhibitionCon0Btn > a:nth-child(2n){margin: 0 0 10px 0;} .historyRoom #exhibitionCon0Btn > a dl dd ul{margin-top: 5px;} .historyRoom #exhibitionCon0Btn > a dl dd ul li{position: relative; padding-left: 6px; font-size: 14px; color: rgb(34,34,34); } .historyRoom #exhibitionCon0Btn > a dl dd ul li::before{content: "-"; position: absolute;top: 0;left: 0;} .historyRoom #exhibitionCon0Btn > a.reservationBtn{display: block; margin: 15px 0 0; width: 100%; height: 56px; line-height: 56px; background-color: rgb(0,0,0); color: rgb(255,255,255); font-size: 17px; text-align: center;} .historyRoom .exhibitionCon2-1__con > .ico{padding: 0 100px 0 0; background: url(/images/historyRoom/m/exhibition_con_02-2.png) top right / 103px no-repeat ;} .historyRoom .exhibitionCon2-2__con--video > a{ display: block; width: 100%; height: 58px; line-height: 58px; font-size: 17px; color: rgb(255,132,0); border: 1px solid rgb(255,132,0); font-weight: 500;} .historyRoom .exhibitionCon2-2__con--video > a::after, .historyRoom .exhibitionCon2-2__con--video > a::before{content: ""; position: absolute; top: 50%; right: 22px; width: 22px; height: 1px; background-color: rgb(255,132,0);} .historyRoom .exhibitionCon2-2__con--video > a::after{transform: translateY(-50%) rotate(90deg);} .historyRoom .exhibitionCon2-2__con--video > a::before{transform: translateY(-50%);} .historyRoom .exhibitionCon2-2__con--video > a.on::after{display: none;} .historyRoom .exhibitionCon2-2__con--video .video-box{display: none;} .historyRoom .exhibitionCon2-2__con--video .video-box.on{display: block;} .historyRoom .exhibitionCon2-2__con--video .video-box li + li{margin-top: 15px;} .historyRoom .exhibitionCon2-2__con--video .video-box li figure{margin: 0;} .historyRoom .exhibitionCon2-2__con--video .video-box li figcaption{font-size: 14px; line-height: 24px; margin-top: 5px;} .historyRoom .exhibitionCon2-2__con--video .video-box li figcaption span{display: block;font-size: 17px; } .historyRoom .exhibitionCon2-2__con--video .pop-btn{display: block; overflow: hidden; background-color: rgb(38,167,224);} .historyRoom .exhibitionCon2-2__con--video .pop-btn > img:first-child{opacity: 1;} .historyRoom .exhibitionCon2-2__con--video .pop-btn > img + img{position: absolute; width: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } .historyRoom .exhibitionCon2-4__con .ico{margin-bottom: 35px;} .historyRoom .exhibitionCon3-1__con > .ico{padding: 17px 112px 17px 0; background: url(/images/historyRoom/m/exhibition_con_03-8.png) top right / 112px no-repeat ;} .historyRoom .exhibitionCon3-1__con > .btnStyle1{margin: 0 0 10px;} .historyRoom .exhibitionCon3-1__con .video-box{display: flex; align-items: flex-start; justify-content: space-between;} .historyRoom .exhibitionCon3-1__con .video-box figure{width: calc(50% - 2px); margin: 0; text-align: center;} .historyRoom .exhibitionCon3-1__con .video-box figure figcaption{font-size: 14px;line-height: 1.2; margin-top: 7px;} .historyRoom .exhibitionCon3-2__con .video-box{margin-top: -15vw;} .historyRoom .exhibitionCon3-2__con .video-box figure{margin: 0;} .historyRoom .exhibitionCon3-2__con .video-box figure + figure{margin: 20px 0 0;} .historyRoom .exhibitionCon3-2__con .video-box figcaption{font-size: 14px; line-height: 24px; margin-top: 5px;} .historyRoom .exhibitionCon3-2__con .video-box figcaption span{display: block;font-size: 17px; } .historyRoom #exhibitionCon4 .media-btn{display: block; width: calc(100% - 4px); height: 56px; line-height: 56px; margin: 45px auto 0;border: 1px solid rgb(255,255,255);text-align: center; font-size: 17px; color: rgb(255,255,255);} .historyRoom .exhibitionCon4-1__con--book{background-color: rgb(238,238,238);padding: 40px 0 50px;} .historyRoom .exhibitionCon5-1__con--reservation{padding: 35px 25px 40px; background-color: rgb(238,238,238);box-sizing: border-box;} .historyRoom .exhibitionCon5-1__con--reservation > p{font-size: 22px;line-height: 28px;} .historyRoom .exhibitionCon5-1__con--reservation > dl + dl{margin-top: 10px;} .historyRoom .exhibitionCon5-1__con--reservation > dl{padding: 15px 25px;box-sizing: border-box; border-radius: 20px; background-color: rgb(255,255,255);} .historyRoom .exhibitionCon5-1__con--reservation > dl dt{margin-bottom: 10px;} .historyRoom .exhibitionCon5-1__con--reservation > dl dd{position: relative; padding-left: 7px;} .historyRoom .exhibitionCon5-1__con--reservation > dl dd::after{content: "-"; position: absolute;top: 0;left: 0;} .historyRoom .exhibitionCon5-1__con--reservation > dl dd + dd{margin-top: 3px;} .historyRoom .exhibitionCon5-1__con--reservation > dl dd > span{display: block;} .historyRoom .exhibitionCon5-1__con--reservation > dl dd > a{display: block; margin: 12px auto; width: 213px; height: 38px; line-height: 38px; background-color: rgb(0,0,0); color: rgb(255,255,255); border-radius: 38px;} .historyRoom .exhibitionCon5-2__con > p:not(.tit){font-size: 17px; padding: 25px 40px; background-color: rgb(247,247,247);} .historyRoom .exhibitionCon5-2__con > p.tit{font-size: 22px; line-height: 28px; margin-bottom: 15px;} .historyRoom .layerPopup{display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100vh; background-color: rgba(0,0,0,0.75);z-index: 9999;} .historyRoom .layerPopup.on{display: block;} .historyRoom .layerPopup > div{position: relative; width: 93.75vw; top: 50%; left: 50%; transform: translate(-50%,-50%); display: none;} .historyRoom .layerPopup > div.on{display: block;} .historyRoom .layerPopup > div > .close-btn{position: absolute; right: 0; width: 17px;height: 17px; background-image: url(/images/historyRoom/m/exhibition_con_close_btn.png);background-position: center; background-size: 17px; background-repeat: no-repeat;} .historyRoom .layerPopup--slide > .close-btn{top: 0; padding: 27px;} .historyRoom .layerPopup--slide > .swiper{position: absolute; width: 81.25vw; bottom: 0; left: 0; right: 0; margin: auto; padding-bottom: 45px;} .historyRoom .layerPopup--slide > .swiper-pagination{bottom: 17px;} .historyRoom .layerPopup--video.w80{width: 80vw;} .historyRoom .layerPopup--video > .video > video{width: 100%; border: 2px solid rgb(255,255,255); box-sizing: border-box;} .historyRoom .layerPopup--video > .close-btn{top: -27px;} .historyRoom .slide_5.swiper{padding-bottom: 0;} .historyRoom .slide_5 .swiper-pagination{bottom: 25px;} .historyRoom .slide_5--txt{padding: 30px 40px 20px; background-color: rgb(236,228,220);} .historyRoom .slide_5.swiper .vdoBtn{position: absolute;width: 42vw; height: 31.5vw; bottom: 16vw;} .historyRoom .slide_5.swiper .vdobtnL{left: 7.5%;} .historyRoom .slide_5.swiper .vdobtnR{left: 50.5%;} .historyRoom .slide_5.swiper .vdobtnC{right: 0; left: 0; margin: auto;} .historyRoom .slide_7{padding-bottom: 140px; background-color: rgb(238,238,238);} .historyRoom .slide_7 .swiper-pagination{bottom: 110px;} .historyRoom .slide_7 .detail-btn{position: absolute; bottom: 40px; left: 0; right: 0; margin: auto; width: calc(100% - 50px); height: 53px; line-height: 52px; font-size: 17px; color: rgb(255,132,0); border: 1px solid rgb(255,132,0); box-sizing: border-box;text-align: center;background-color: rgb(255,255,255); font-weight: 500;} .historyRoom .slide_7--txt span{display: block; color: rgb(34,34,34); line-height: 1.2;} .historyRoom .slide_7--txt span.small{font-size: 18px;} .historyRoom .slide_7--txt span.big{font-size: 22px;} .historyRoom .slide_7.swiper .swiper-button-next, .historyRoom .slide_7.swiper .swiper-button-prev{top: 55%;} .historyRoom .slide_8{padding-bottom: 52px; background-color: rgb(236,228,220);} .historyRoom .slide_8 .swiper-button-next, .historyRoom .slide_8 .swiper-button-prev{top: 60%;} .historyRoom .slide_8 .swiper-pagination{bottom: 25px;} .historyRoom .app-box > img{width: 80%;} .historyRoom .app-box > a{display: block;} .historyRoom .app-box > div{display: flex; margin: 30px 0 0; justify-content: space-between; align-items: center;} .historyRoom .app-box > div > div{width: 50%;} .historyRoom .app-box > div > div.down-btn{padding: 0 15px; box-sizing: border-box;} .historyRoom .app-box > div > div.down-btn > p{margin: 0 -15px;} .historyRoom .app-box > div > div > img{width: 80%;} /* E : 220905 */ /* S : 220906 */ .security-box{padding: 0 25px;} .security-box *{word-break: keep-all;} .security .security__top > p{text-align: center; } .security .security__top--tit{padding: 0 20px; font-size: 16px; line-height: 26px; color: rgb(10,10,10);font-weight: 200;} .security .security__top--txt{margin-top: 20px; font-size: 14px; line-height: 23px; color: rgb(61,61,61);font-weight: 300;} .security .security__con{margin-top: 30px; padding: 27px 0 0;box-sizing: border-box; border-top: 1px solid rgb(210,210,210);} .security .security__con > p{text-align: center;} .security .security__con--tit{font-size: 24px; font-weight: 500; line-height: 35px; color: rgb(10,10,10)} .security .security__con--txt{margin-top: 25px;} .security .security__con--txt > li{width: 100%; padding: 30px 25px 25px ; border: 1px solid rgb(225,225,225); box-sizing: border-box;} .security .security__con--txt > li + li{margin-top: 20px;} .security .security__con--txt > li > dl{padding-top: 80px;} .security .security__con--txt > li:nth-child(1) > dl{background:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/culture/security/m/information-security_ico_01.png) left top / 60px no-repeat } .security .security__con--txt > li:nth-child(2) > dl{background:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/culture/security/m/information-security_ico_02.png) left top / 52px no-repeat } .security .security__con--txt > li:nth-child(3) > dl{background:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/culture/security/m/information-security_ico_03.png) left top / 72px no-repeat } .security .security__con--txt > li > dl > dt{color: rgb(61,61,61); font-weight: 500;font-size: 20px; line-height: 28px; margin-bottom: 7px;} .security .security__con--txt > li > dl > dt > span{color: rgb(169,183,52); font-weight: 700;} .security .security__con--txt > li > dl > dd, .security .security__con--txt > li > dl > dd > ul > li{color: rgb(96,96,96); font-size: 14px; line-height: 26px; letter-spacing: -0.5px;} .security .security__con--txt > li > dl > dd > ul{padding-left: 7px;} .security .security__con--txt > li > dl > dd > ul.pl0{padding-left: 0;} .security .security__con--txt > li > dl > dd > ul > li{position: relative; padding-left: 7px;} .security .security__con--txt > li > dl > dd > ul > li::before{content: "-"; position: absolute; top: 0; left: 0;} /* E : 220906 */ /* S : 220914 */ .safety #pageVisual > p{font-weight: 500;} .safety__con{padding: 0 25px; box-sizing: border-box;} .safety__con *{word-break: keep-all;text-align: center;} .safety__con > .line{margin-left: 10px; margin-right: 10px; border-top: 1px dashed rgb(193,193,193);} .safety__con > .line > div{margin: 0 -10px;} .safety__con > div > div .tit{margin-top: 30px; font-size: 24px; font-weight: 500; line-height: 35px;color: rgb(0,0,0);} .safety__con > div > div .tit.mt35{margin-top: 35px;} .safety__con > div > div .subTxt{margin-top: 30px; font-size: 15px; line-height: 25px;} .safety__con > div > div .subTit{position: relative; display: inline-block; z-index: 1; margin-top: 35px; font-size: 19px; font-weight: 500; line-height: 1; color: rgb(61,61,61);} .safety__con > div > div .subTit.mt23{margin-top: 23px;} .safety__con > div > div .subTit::after{content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 38%; background-color: rgb(246,166,65); z-index: -1;} .safety__con > div > div .safety-table-txt{margin-top: 22px; text-align: left;} .safety__con > div > div .safety-table-txt span{display: block; margin-bottom: 5px; font-size: 15px; font-weight: 500; color: rgb(61,61,61);text-align: left;} .safety__con > div > div .safety-table-txt ul{padding-left: 12px;} .safety__con > div > div .safety-table-txt ul li{position: relative; padding-left: 10px; text-align: left;} .safety__con > div > div .safety-table-txt ul li::before{content: "-";position: absolute; top: 0;left: 0;} .safety__con > div > div > dl dd{margin-top: 30px;} .safety__con > div > div > dl dd.mt15{margin-top: 15px;} .safety-table{overflow: auto;} .safety-table table{width:588px; table-layout: fixed; border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1;} .safety-table.w1000 table{width: 1000px;} .safety-table table thead th{height:40px; line-height:40px; text-align:center; background:#f7f7f8; color:#3d3d3d; font-weight:400; font-size:13px;} .safety-table table tbody td, .safety-table table tbody th{border-left:1px solid #e3e3e3; font-size:13px; border-bottom:1px solid #e3e3e3; padding:20px; font-weight:300;} .safety-table table tbody th{color: rgb(61,61,61);font-weight: 400;} .safety-table table tbody th.bb{border-bottom: 1px solid #c1c1c1; border-right: 1px solid #e3e3e3;} .safety-table table tbody th.bb + th{border-left: 0;} .safety-table table tbody td.tl{text-align: left;} .safety-table table tr:last-child td{border-bottom:0;} .safety-table table tr:last-child th{border-bottom:0;} .safety-table table tbody td:first-child{border-left:0;} .safety-table table tbody th:first-child{border-left:0;} .safety-table table thead .type2, .safety-table table thead .type2 th {background:#fff;} .safety-table table thead .type2 th {border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;} .safety-table table thead .type2 th:first-child {border-left:none;} .safety__con--top p{font-size: 15px; line-height: 25px;} .safety__con--mid{margin-top: 30px; } .safety__con--mid ul{margin-top: 25px;} .safety__con--mid ul li{padding: 20px 40px; border: 1px solid rgb(225,225,225); box-sizing: border-box;} .safety__con--mid ul li + li{margin-top: 20px;} .safety__con--mid ul li dl dt{font-size: 19px; font-weight: 500; line-height: 1; color: rgb(169,183,52);} .safety__con--mid ul li dl dd{margin-top: 12px; font-size: 13px; ; line-height: 21px;} .safety__con--bot{margin-top: 35px;} /* E : 220914 */ /* S : 221229 */ .businessArea #mathpid.v221229 h3 span{font-size: 17px; font-weight: 300;} .businessArea #mathpid.v221229 .cont .box .btnArea.pb35{padding-bottom: 35px;} .businessArea #mathpid.v221229 .list{padding: 0;} .businessArea #mathpid.v221229 .list > ul{padding: 45px 25px;} .businessArea #mathpid.v221229 .list > ul > li{padding: 35px 0 30px; margin-top: 20px;} .businessArea #mathpid.v221229 .list > ul > li > .thum{width: calc(100% - 118px); margin: auto;} .businessArea #mathpid.v221229 .list > ul > li > strong{padding: 5px 0 0; font-size: 16px;} .businessArea #mathpid.v221229 .list > ul > li > ul{padding-bottom: 0;} .businessArea #mathpid.v221229 .list > ul > li > ul > li{padding: 0 25px; margin-top: 3px; font-size: 14px;} /* E : 221229 */ /* S : 230324 */ .reportFormArea .agreeArea .cont span.emphasis{font-size: 14px; font-weight: 700; color: #a9b734;} /* E : 230324 */ /* S : 230626 */ .blind{position:absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px;} .environment .acticle .colTable2{margin-bottom:0;} .environment .acticle.row{margin-left:0; margin-right:0;} .environment .acticle .thinkGreen{position:relative; padding-top:135px;} .environment .acticle .thinkGreen:before{content:''; position:absolute; top:40px; left:50%; margin-left:-38px; width:76px; height:76px; background:url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/culture/icon_green_tree.png) no-repeat center/100% auto;} .environment .acticle .thinkGreen .chartWrap{position:relative;} .environment .acticle .thinkGreen .chartWrap:before{content:''; position:absolute; top:0; left:10px; bottom:16px; z-index:0; width:19px; background:#f6a641;} .environment .acticle .thinkGreen .chartWrap:after{content:''; position:absolute; bottom:-19px; left:-1px; width:0; height:0; border-left:20px solid transparent; border-bottom:20px solid transparent; border-top:20px solid #f6a641; border-right:20px solid transparent;} .environment .acticle .thinkGreen .chartWrap .box{position:relative; padding-left:47px; padding-bottom:20px;} .environment .acticle .thinkGreen .chartWrap .box:before{content:''; position:absolute; left:47px; bottom:0; right:0; height:1px; border-bottom:1px dashed #c1c1c1;} .environment .acticle .thinkGreen .chartWrap .box + .box{margin-top:30px;} .environment .acticle .thinkGreen .chartWrap .box .tit{position:relative; padding-left:17px;} .environment .acticle .thinkGreen .chartWrap .box .tit:before{content:''; position:absolute; top:0; left:0; bottom:0; width:2px;} .environment .acticle .thinkGreen .chartWrap .box.item1 .tit:before{background-color:#a9b734;} .environment .acticle .thinkGreen .chartWrap .box.item2 .tit:before{background-color:#e2465c;} .environment .acticle .thinkGreen .chartWrap .box.item3 .tit:before{background-color:#009ddc;} .environment .acticle .thinkGreen .chartWrap .box.item4 .tit:before{background-color:#ffd400;} .environment .acticle .thinkGreen .chartWrap .box .tit .big{font-size:20px; color:#3d3d3d; text-align:left;} .environment .acticle .thinkGreen .chartWrap .box .tit .sub{font-size:13px; font-weight:300; color:#606060; text-align:left;} .environment .acticle .thinkGreen .chartWrap .box .list{padding-top:30px;} .environment .acticle .thinkGreen .chartWrap .box .list + .list{padding-top:12px;} .environment .acticle .thinkGreen .chartWrap .box .list dl{display:flex; justify-content:flex-start; align-items:flex-start;} .environment .acticle .thinkGreen .chartWrap .box .list dl dt{min-width:85px; font-size:15px; font-weight:300; color:#3d3d3d; text-align:left; line-height:1.2} .environment .acticle .thinkGreen .chartWrap .box .list dl dd .dotList li{position:relative; padding-left:7px; font-size:13px; font-weight:300; color:#606060; line-height:1.4; text-align:left;} .environment .acticle .thinkGreen .chartWrap .box .list dl dd .dotList li:before{content:''; position:absolute; top:8px; left:0; width:3px; height:3px; border-radius:50%; background:#a9b734;} .environment .acticle .btnWrap{margin-top:25px;} .environment .acticle .btnWrap .btnArrow{position:relative; padding:7px 46px 6px 19px; border:1px solid #979797; border-radius:3px; background:#fff;} .environment .acticle .btnWrap .btnArrow:before{content:''; position:absolute; top:13px; right:10px; width:12px; height:9px; background:url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/mobile/culture/icon_arrow.png) no-repeat center/100% auto;} .environment .acticle .btnWrap .btnArrow:after{display:none;} .environment .acticle .btnWrap .btnArrow span{font-family:"Noto Sans KR", dotum, Arial, sans-serif; font-size:15px; color:#3d3d3d;} .environment .acticle .imgWrap .box{margin-top:25px;} .environment .acticle .imgWrap .box img{width:100%;} .environment .acticle .imgWrap .box p{padding-top:10px; font-size:13px; font-weight:300; color:#5f5f5f;} .environment .acticle .greenProduct{margin-top:30px;} .environment .acticle .greenProduct .imgInfo{padding:30px 25px; background:#f5f6f8;} .environment .acticle .greenProduct .imgInfo .box{margin-top:5px;} .environment .acticle .greenProduct .imgInfo .box:first-child{margin-top:0;} .environment .acticle .greenProduct .imgInfo .box img{box-shadow: 1px 1px 4px 0px rgba(218, 212, 205, 0.43); border-radius:5px;} .environment .acticle .greenProduct .imgInfo .right{text-align:right;} .environment .acticle .greenProduct .imgInfo p{margin-top:10px; font-size:10px; color:rgba(10, 10, 10, 0.7);} .environment .acticle .greenProduct > p{padding:25px 25px 0; font-size:15px; font-weight:300; color:#606060; line-height:1.8; word-break:keep-all;} .environment .acticle .environmentEdu strong{margin-top:25px; font-size:19px; display:block;} .environment .acticle .environmentEdu .imgFlex{margin:30px auto 0;} .environment .acticle .environmentEdu .imgFlex .box + .box{margin-top:10px;} .environment .acticle .environmentEdu .imgFlex p{margin-top:10px; font-size:15px; font-weight:300; color:#5f5f5f; text-align:center;} .environment .acticle .environmentEdu > p{padding:25px 25px 0; font-size:15px; font-weight:300; color:#5f5f5f; text-align:center;} .environment .acticle .greenbook{margin-top:28px;} .environment .acticle .greenbook .tit{margin:0 auto; padding:3px 19px; width:206px; font-size:15px; color:#fff; border-radius:30px; background:#a9b734;} .environment .acticle .greenbook .flexWrap{margin:30px 25px 0; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;} .environment .acticle .greenbook .flexWrap .box{width:calc(50% - 10px);} .environment .acticle .greenbook .flexWrap .box + .box + .box{margin-top:15px;} .environment .acticle .greenbook .flexWrap .box dl{margin-top:15px;} .environment .acticle .greenbook .flexWrap .box dl dt{font-size:15px; font-weight:400; color:#3d3d3d; text-align:left;} .environment .acticle .greenbook .flexWrap .box dl dd{padding-top:5px; font-size:13px; font-weight:300; color:#5f5f5f; line-height:1.6; text-align:left;} .ethicalContArea .acticle{display:none;} .ethicalContArea #communication h3{padding-bottom:0; font-size:20px; color:#0a0a0a; text-align:center; border-bottom:0;} .ethicalContArea #communication .conWrap{padding:0 25px;} .ethicalContArea #communication .conWrap h4{margin-top:25px; font-size:19px; color:#3d3d3d; text-align:center;} .ethicalContArea #communication .conWrap .line{position:relative;} .ethicalContArea #communication .conWrap .line:before{content:''; position:absolute; bottom:6px; left:0; right:0; z-index:-1; height:6px; background:#f6a641;} .ethicalContArea #communication .conWrap .text{margin-top:20px; font-size:14px; font-weight:300; color:#606060; line-height:1.7; text-align:center; word-break:keep-all;} .ethicalContArea #communication .conWrap .subTxt1{margin-top:30px; font-size:15px; font-weight:400; color:#3d3d3d; text-align:center;} .ethicalContArea #communication .conWrap .subTxt1 + .text{margin-top:30px;} .ethicalContArea #communication .conWrap .vocProcess{margin-top:20px; padding:30px 0; border:1px solid #e1e1e1;} .ethicalContArea #communication .conWrap .vocProcess .top{position:relative; margin:0 auto; padding:0 28px 32px;} .ethicalContArea #communication .conWrap .vocProcess .top:before{content:''; position:absolute; bottom:0; left:20px; width:calc(100% - 40px); height:100%; background:url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/mobile/culture/bg_voc_process.png) no-repeat center bottom/100% auto;} .ethicalContArea #communication .conWrap .vocProcess .top .box{position:relative; margin:25px auto 0; width:240px;} .ethicalContArea #communication .conWrap .vocProcess .top .box:before{content:''; position:absolute; top:-15px; left:35px; width:10px; height:6px; background:url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/mobile/culture/icon_green_arrow.png) no-repeat center/100% auto;} .ethicalContArea #communication .conWrap .vocProcess .top .box:first-child{margin-top:0;} .ethicalContArea #communication .conWrap .vocProcess .top .box:first-child:before{display:none;} .ethicalContArea #communication .conWrap .vocProcess .top .box dl{display:flex; justify-content:flex-start; align-items:center;} .ethicalContArea #communication .conWrap .vocProcess .top .box dl dt{width:81px; height:81px; font-size:14px; color:#fff; line-height:1.4; text-align:center; display:flex; justify-content:center; align-items:center; border:5px solid #f5f6f8; border-radius:50%; background:#a9b734;} .ethicalContArea #communication .conWrap .vocProcess .top .box dl dd{margin-left:20px;} .ethicalContArea #communication .conWrap .vocProcess .top .box dl dd .dotList li{position:relative; padding-left:9px; font-size:11px; color:#3d3d3d;} .ethicalContArea #communication .conWrap .vocProcess .top .box dl dd .dotList li:before{content:''; position:absolute; top:8px; left:0; width:3px; height:3px; border-radius:50%; background:#a9b734;} .ethicalContArea #communication .conWrap .vocProcess .top .box dl dd .dotList li + li{margin-top:7px;} .ethicalContArea #communication .conWrap .vocProcess .bottom{margin:20px 32px 0;} .ethicalContArea #communication .conWrap .vocProcess .bottom .box{border:1px solid #e4e4e4; border-radius:3px;} .ethicalContArea #communication .conWrap .vocProcess .bottom .box + .box{margin-top:15px;} .ethicalContArea #communication .conWrap .vocProcess .bottom .box dl dt{padding:12px 0; font-size:14px; color:#fff; text-align:center; border-radius:3px; background:#a9b734;} .ethicalContArea #communication .conWrap .vocProcess .bottom .box dl dd{padding:15px 0; text-align:center; box-sizing:border-box;} .ethicalContArea #communication .conWrap .vocProcess .bottom .box dl dd .dotList{display:inline-flex; justify-content:center; flex-flow:column;} .ethicalContArea #communication .conWrap .vocProcess .bottom .box dl dd .dotList li{position:relative; padding-left:9px; font-size:11px; color:#3d3d3d; text-align:left;} .ethicalContArea #communication .conWrap .vocProcess .bottom .box dl dd .dotList li:before{content:''; position:absolute; top:8px; left:0; width:3px; height:3px; border-radius:50%; background:#a9b734;} .ethicalContArea #communication .conWrap .vocProcess .bottom .box dl dd .dotList li + li{margin-top:3px;} .contributionContArea .acticle .ac + .list li:first-child{padding-top:20px;} .contributionContArea .subTxt1{padding-top:10px;font-size:16px; text-align:center;} .contributionContArea .socialContribution{margin:39px 25px 50px; border:1px solid #e1e1e1;} .contributionContArea .socialContribution .box{position:relative; padding:40px 20px 30px;} .contributionContArea .socialContribution .box + .box:before{content:''; position:absolute; top:0; left:20px; right:20px; height:1px; border-top:1px dashed #c1c1c1;} .contributionContArea .socialContribution .box:after{content:''; position:absolute; top:67px; right:18px; width:55px; height:56px; background-repeat:no-repeat; background-position:center; background-size:100% auto;} .contributionContArea .socialContribution .box.item1:after{background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/mobile/culture/img_social_contribution1.png)} .contributionContArea .socialContribution .box.item2:after{background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/mobile/culture/img_social_contribution2.png)} .contributionContArea .socialContribution .box.item3:after{background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/mobile/culture/img_social_contribution3.png)} .contributionContArea .socialContribution .box dl dt .year{margin-bottom:7px; font-size:26px; font-weight:600; color:#a9b734;} .contributionContArea .socialContribution .box dl dt p{font-size:19px; font-weight:400; color:#0a0a0a; line-height:1.3;} .contributionContArea .socialContribution .box dl dd{padding-top:20px;} .contributionContArea .socialContribution .box dl dd ul li{position:relative; padding-left:8px; font-size:13px; font-weight:300; color:#606060; line-height:1.7; letter-spacing:-0.5px;} .contributionContArea .socialContribution .box dl dd ul li:before{content:''; position:absolute; top:9px; left:0; width:3px; height:3px; border-radius:50%; background:#a9b734;} .contributionContArea #voluntary .deficit_link{display: block;margin:15px 25px 0;width: 244px;border: 1px solid #979797;text-align: left;height: 35px;border-radius: 5px;background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/culture/arrow.jpg) no-repeat 210px center;} .contributionContArea #voluntary .deficit_link span{line-height: 33px;margin-left: 20px;} .contributionContArea #activity .deficit_link{display: block;margin:15px 25px 0;width: 244px;border: 1px solid #979797;text-align: left;height: 35px;border-radius: 5px;background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/culture/arrow.jpg) no-repeat 210px center;} .contributionContArea #activity .deficit_link + .deficit_link{margin-top:5px;} .contributionContArea #activity .deficit_link span{line-height: 33px;margin-left: 20px;} .contributionContArea #support .deficit_link{display: block;margin:15px 25px 0;width: 244px;border: 1px solid #979797;text-align: left;height: 35px;border-radius: 5px;background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/culture/arrow.jpg) no-repeat 210px center;} .contributionContArea #support .deficit_link + .deficit_link{margin-top:5px;} .contributionContArea #support .deficit_link span{line-height: 33px;margin-left: 20px;} .layerPop.newLayer{display:none; position:fixed; top:0; left:0; right:0; bottom:0; margin:0; width:100%; height:100%;} .layerPop.newLayer:before{content:''; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:#fff;} .layerPop.newLayer .layerClose{position:absolute; top:25px; right:20px; z-index:2; width:18px; height:18px; border:0; background:transparent; cursor:pointer;} .layerPop.newLayer .layerClose:before{content:''; position:absolute; top:9px; left:0; width:18px; height:1px; background:#0c1a25; transform:rotate(45deg);} .layerPop.newLayer .layerClose:after{content:''; position:absolute; top:9px; left:0; width:18px; height:1px; background:#0c1a25; transform:rotate(-45deg);} .layerPop.newLayer .scroll{position:relative; z-index:2; margin-top:60px; padding:0 25px; height:calc(100% - 60px); overflow-y:auto;} .layerPop.newLayer .layerTop h1{font-size:20px; color:#0a0a0a; text-align:center;} .layerPop.newLayer .layerBottom{padding:30px 0 50px;} .layerPop.newLayer .layerBottom .imgWrap .box{margin-top:20px;} .layerPop.newLayer .layerBottom .imgWrap .box:first-child{margin-top:0;} .layerPop.newLayer .layerBottom .imgWrap .box img{width:100%;} #energyCheck.layerPop .layerBottom .imgWrap img{width:100%;} #energyCheck.layerPop .layerBottom p{padding-top:30px; font-size:11px; color:#0a0a0a; text-align:center;} .developmentContArea .eductionList ul li.eduList9{background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/icon/ico_illustrat23.png) no-repeat 15px 33px; background-size: 47px;} .developmentContArea .eductionList ul li.eduList10{background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/icon/ico_illustrat24.png) no-repeat 15px 33px; background-size: 47px;} #pageVisual.visual_2_2_0{background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/visual/m/visual_2_2_0.jpg) no-repeat 50% 100%;background-size: cover;} .humanRights{padding: 0 25px;} .humanRights .contWrap{padding: 0;} .humanRights .contWrap h3{padding: 35px 0 30px; font-size: 24px; text-align: center; font-weight: 500; line-height: 1;} .humanRights .contWrap h3.underline{position: relative; display: inline-block; margin: auto; color: #3d3d3d;} .humanRights .contWrap h3.underline::after{content: ""; position: absolute; bottom: 30px; left: 0;right: 0;margin: auto; width: 100%; height: 7px;background-color: #f6a641;z-index: -1;} .humanRights .contWrap h3.underline.pb15::after{bottom: 15px;} .humanRights .contWrap h3.underline + p.txt{ font-size: 13px; font-weight: 300; color: #5f5f5f;} .humanRights .contWrap h3.fs20{font-size: 20px;} .humanRights .contWrap h3.fs19{font-size: 19px;} .humanRights .contWrap h3.pb15{padding-bottom: 15px;} .humanRights .contWrap .dot{position: relative;} .humanRights .contWrap .dot::before{content: ""; position: absolute; left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: #a9b734;} .humanRights .pageTitArea{position: relative;padding: 0 0 25px;margin-top: 40px;} .humanRights .pageTitArea::after{content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: calc(100% - 20px); border: 1px dashed #c1c1c1;} .humanRights .pageTitArea p{padding-top: 0; font-size: 15px; line-height: 25px; color: #606060; word-break: keep-all;} .humanRights #con1 > ul > li{padding: 20px 40px; border: 1px solid #e1e1e1; box-sizing: border-box; text-align: center;} .humanRights #con1 > ul > li + li{margin-top: 20px;} .humanRights #con1 > ul > li > dl > dt{font-size: 19px; color: #a9b734; font-weight: 700; ;line-height: 1;} .humanRights #con1 > ul > li > dl > dd{margin-top: 17px; font-size: 13px; color: #606060; line-height: 21px; word-break: keep-all;} .humanRights #con2 > ul{border: 1px solid #e1e1e1; box-sizing: border-box;} .humanRights #con2 > ul > li{position: relative; padding: 40px 20px 30px; box-sizing: border-box;} .humanRights #con2 > ul > li + li::before{content: ""; position: absolute; top: 0; left: 0; right: 0; margin: auto; width: calc(100% - 40px); border: 1px dashed #c1c1c1;} .humanRights #con2 > ul > li > dl.bg1{background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/culture/humanrights/humanRights_ico_01.png) right bottom /58px no-repeat;} .humanRights #con2 > ul > li > dl.bg2{background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/culture/humanrights/humanRights_ico_02.png) right calc(100% - 5px) /53px no-repeat;} .humanRights #con2 > ul > li > dl.bg3{background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/culture/humanrights/humanRights_ico_03.png) right bottom /73px no-repeat;} .humanRights #con2 > ul > li > dl > dt{font-weight: 700; font-size: 26px; color: #a9b734;} .humanRights #con2 > ul > li > dl > dd{font-weight: 500; font-size: 19px; color: #0a0a0a; line-height: 25px;} .humanRights #con2 > ul > li > ul{margin-top: 25px;} .humanRights #con2 > ul > li > ul > li{padding-left: 8px; font-weight: 300; font-size: 13px; color: #606060; line-height: 21px; word-break: keep-all;} .humanRights #con2 > ul > li > ul > li.dot::before{top: 10px;} .humanRights #con3 > ul{display: flex;justify-content: space-between; box-sizing: border-box;} .humanRights #con3 > ul + ul{margin-top: 4vw; justify-content: end;} .humanRights #con3 > ul > li{position: relative; width: 25vw; height: 25vw; border: 5px solid #f5f6f8; border-radius: 50%; box-sizing: border-box; background-color: #a9b734;} .humanRights #con3 > ul > li::after{content: "";position: absolute; width: 6px; height: 10px; top: 50%; transform: translateY(-50%); right: -23%; background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/culture/humanrights/humanRights_ico_arrw_right_s.png) center /6px no-repeat;} .humanRights #con3 > ul > li:last-child::after{transform: translateX(-50%) rotate(90deg); top:auto; left: 50%; right: auto; bottom: -25%;} .humanRights #con3 > ul + ul > li:first-child{margin-right: 4.75vw;} .humanRights #con3 > ul + ul > li:first-child::after{transform: translateY(-50%) rotate(180deg); right: -22%;} .humanRights #con3 > ul + ul > li:last-child::after{display: none;} .humanRights #con3 > ul > li > p{position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; font-size: 14px; font-weight: 400; line-height: 17px;text-align: center;} .humanRights #con3 > ul > li > p > span{font-size: 11px; letter-spacing: -1px; font-weight: 300;} .humanRights #con3 > p{margin-top: 20px; padding-bottom: 15px; font-size: 13px; text-align: right; line-height: 19px; font-weight: 300;} .humanRights #con4{text-align: center;} .humanRights #con4 > ul{text-align: left;padding-bottom: 15px;} .humanRights #con4 > ul > li + li{margin-top: 30px;} .humanRights #con4 > ul > li > div{text-align: center; border: 1px solid #e4e4e4; box-sizing: border-box; border-width: 0px 1px 1px 1px; border-radius:3px; } .humanRights #con4 > ul > li > div > p{margin: 15px -1px 0; padding: 3px 0; font-size: 14px; color: #fff; background-color: #a9b734; text-align: center;border: 1px solid #a9b734;box-sizing: border-box;border-radius: 3px;} .humanRights #con4 > ul > li > div > ul{display: inline-block; padding: 10px 0; text-align: left;} .humanRights #con4 > ul > li > div > ul > li{padding-left: 8px; font-size: 11px; line-height: 21px; color: #3d3d3d;} .humanRights #con4 > ul > li > div > ul > li.dot::before{top: 10px;} .humanRights #con5{padding-bottom: 15px;} .humanRights #con5 > p{font-size: 15px; font-weight: 300; text-align: center; word-break: keep-all;} .humanRights #con5 > .btn-box{margin: 20px 0 30px; } .humanRights #con5 > .btn-box > a{display: block; margin: auto ; width: calc(100% - 26px); padding: 3px 19px; border: 1px solid #979797; border-radius: 3px; box-sizing: border-box;background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/culture/humanrights/humanRights_ico_arrw_right.png) calc(100% - 19px) center /12px no-repeat; font-size: 15px; color: #3d3d3d;} .humanRights #con5 > .btn-box > a + a{margin-top: 10px;} .humanRights #con6{text-align: center;padding-bottom: 15px;} .humanRights #con6 > ul{margin-top: 25px;} .humanRights #con6 > ul > li{width: 100%;padding-bottom: 20px; border: 1px solid #e1e1e1; box-sizing: border-box; text-align: left;} .humanRights #con6 > ul > li + li{margin-top: 20px;} .humanRights #con6 > ul > li > p.year{display: inline-block; padding: 2px 8px; color: #fff; font-size: 15px; font-weight: 700; background-color: #a9b734;} .humanRights #con6 > ul > li > p.con{margin-top: 20px; font-size: 17px; text-align: center;color: #3d3d3d; line-height: 26px;} .humanRights #con6 > ul > li > p.right{margin-top: 20px; padding-right: 20px; font-size: 13px; font-weight: 300; text-align: right; color: #606060;} .humanRights #con7{text-align: center;} .humanRights #con7 > .scroll{margin-top: 60px; padding: 0px 25px 60px; height: calc(100% - 60px); overflow: scroll; box-sizing: border-box;} .humanRights #con7 > .scroll > h3{font-size: 20px; line-height: 1; text-align: center; font-weight: 500; color: #0a0a0a;} .humanRights #con7 > .scroll > p.txt{margin-top: 20px; font-size: 13px; line-height: 1; text-align: center; font-weight: 300; color: #0a0a0a;} .humanRights #con7 > .scroll > ul{margin-top: 30px; font-size: 0; text-align: left; box-sizing: border-box;} .humanRights #con7 > .scroll > ul > li{width: 100%;padding: 20px;border: 1px solid #e1e1e1; box-sizing: border-box;} .humanRights #con7 > .scroll > ul > li + li{margin-top: 20px;} .humanRights #con7 > .scroll > ul > li > dl{display: flex;justify-content: space-between;align-items: center;} .humanRights #con7 > .scroll > ul > li > dl > dt{flex: 1.3; color: #3d3d3d; font-size: 15px; line-height: 26px;font-weight: 300;} .humanRights #con7 > .scroll > ul > li > dl > dd{flex: 1.7;} .humanRights #con7 > .scroll > ul > li > dl > dd p{text-align: right;} .humanRights #con7 > .scroll > ul > li > dl > dd p.num{font-size: 30px; font-weight: 700;color: #a9b734;} .humanRights #con7 > .scroll > ul > li > dl > dd p.num span{font-size: 18px;font-weight: 400;} .humanRights #con7 > .scroll > ul > li > p.txt{margin-top: 8px; text-align: right; font-size: 13px; font-weight: 300;color: #606060; line-height: 13px;} .security .security__con.noline{border-top: 0;} .security__con--rule{margin-top: 22px;} .security__con--rule > li + li{margin-top: 20px;} .security__con--rule > li > dl > dt{padding-left: 15px; font-size: 19px; font-weight: 300; line-height: 1;} .security__con--rule > li > dl > dt span{font-weight: 700; color: #a9b734;} .security__con--rule > li > dl > dd{position: relative; margin-top: 10px; padding: 10px 10px 10px 25px; font-size: 13px; background-color: #f5f6f8;} .security__con--rule > li > dl > dd::before{content:""; position: absolute; top: 17px; left: 15px; width: 3px;height: 3px; background-color: #a9b734; border-radius: 50%;} .security__con--group{margin-top: 30px;} .security .security__con--txt.col4 > li:last-child{border-right:1px solid rgb(225,225,225);} .security .security__con--txt.col4 > li:nth-child(1) > dl{background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/culture/security/information-security_ico_04.png) left 8px / 72px no-repeat;} .security .security__con--txt.col4 > li:nth-child(4) > dl{background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/culture/security/information-security_ico_05.png) left 6px / 72px no-repeat;} .security__con--certification{margin-top: 30px; padding: 30px 22px; background-color: #f5f6f8;} .security__con--certification > div{padding-bottom: 30px; box-sizing: border-box; border-bottom: 1px dashed #8e8e8f;} .security__con--certification > dl{padding-top: 20px; box-sizing: border-box;} .security__con--certification > dl > dt{font-size: 16px; font-weight: 500; color: #3d3d3d; line-height: 24px;} .security__con--certification > dl > dd{margin-top: 20px; font-size: 14px; color: #3d3d3d; line-height: 24px;} .etcContArea .otherArea .otherCont .btnWrap {margin-top: 15px; text-align: center;} .etcContArea .otherArea .otherCont .btnWrap .btnArrow { position: relative; width: calc(100% - 25px);padding: 4px 0px 4px 20px; border: 1px solid #979797; border-radius: 3px; background: #fff; cursor: pointer;} .etcContArea .otherArea .otherCont .btnWrap .btnArrow:before { content: ''; position: absolute; top: 10px; right: 10px; width: 12px; height: 9px; background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/culture/icon_arrow.png) no-repeat center/100% auto;} .etcContArea .otherArea .otherCont .btnWrap .btnArrow:after { display: none;} .etcContArea .otherArea .otherCont .btnWrap .btnArrow span { font-size: 15px; color: #3d3d3d;} #easyVer.layerPop{position: fixed;top: 0; margin: auto; transform: translateX(-50%); width: 100%; height: 100vh; background-color: #fff;z-index: 999999;} #easyVer.layerPop .layerClose { position: absolute; top: 10px; right: 12px; z-index: 2; width: 25px; height: 25px; border: 0; background: transparent; cursor: pointer;} #easyVer.layerPop .layerClose:before { content: ''; position: absolute; top: 17px; left: 0; width: 25px; height: 1px; background: #0c1a25; transform: rotate(45deg);} #easyVer.layerPop .layerClose:after { content: ''; position: absolute; top: 17px; left: 0; width: 25px; height: 1px; background: #0c1a25; transform: rotate(-45deg);} #easyVer.layerPop .scroll{margin-top: 60px; padding: 0px 25px 60px; height: calc(100% - 60px); overflow: scroll; box-sizing: border-box;} #easyVer.layerPop .layerTop h1{font-size: 20px; font-weight: 500; line-height: 1;text-align: center; color: #0a0a0a;} #easyVer.layerPop .layerTop p{margin-top: 30px; padding: 20px 0; font-size: 12px; font-weight: 300; line-height: 19px;text-align: center; color: #606060; background-color: #f7f7f8; border-radius: 20px;} #easyVer.layerPop .layerMid__con--top{margin-top: 50px;} #easyVer.layerPop .layerMid__con--top h3{font-size: 20px; font-weight: 700; line-height: 1;color: #0a0a0a;} #easyVer.layerPop .layerMid__con--top p{margin-top: 15px; font-size: 13px; font-weight: 300; line-height: 21px;color: #606060;word-break: keep-all;} #easyVer.layerPop .layerMid__con--top h3{font-size: 20px; font-weight: 700; line-height: 1;color: #0a0a0a;} #easyVer.layerPop .layerMid__con--mid{margin-top: 20px; padding: 30px 0; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;} #easyVer.layerPop .layerMid__con--mid dl{padding-left: 82px;} #easyVer.layerPop .layerMid__con--mid dl + dl{margin-top: 25px;} #easyVer.layerPop .layerMid__con--mid dl dt{font-size: 17px; font-weight: 500; line-height: 1;color: #0a0a0a;} #easyVer.layerPop .layerMid__con--mid dl dd{margin-top: 15px; font-size: 13px; font-weight: 300; line-height: 21px;color: #606060; word-break: keep-all;} #easyVer.layerPop .layerMid__con--mid dl.bgico1{background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/etc/pop/m/privacy_pop_ico_m_01.png)left top / 54px no-repeat} #easyVer.layerPop .layerMid__con--mid dl.bgico2{background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/etc/pop/m/privacy_pop_ico_m_02.png)left top / 54px no-repeat} #easyVer.layerPop .layerMid__con--mid dl.bgico3{background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/etc/pop/m/privacy_pop_ico_m_03.png)left top / 54px no-repeat} #easyVer.layerPop .layerMid__con--mid dl.bgico4{background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/etc/pop/m/privacy_pop_ico_m_04.png)left top / 54px no-repeat} #easyVer.layerPop .layerMid__con--mid dl.bgico5{background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/etc/pop/m/privacy_pop_ico_m_05.png)left top / 54px no-repeat} #easyVer.layerPop .layerMid__con--mid dl.bgico6{background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/etc/pop/m/privacy_pop_ico_m_06.png)left top / 54px no-repeat} #easyVer.layerPop .layerMid__con--mid dl.bgico7{background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/etc/pop/m/privacy_pop_ico_m_07.png)left top / 54px no-repeat} #easyVer.layerPop .layerMid__con--mid dl.bgico8{background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/etc/pop/m/privacy_pop_ico_m_08.png)left top / 54px no-repeat} #easyVer.layerPop .layerMid__con--mid dl.bgico9{background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/etc/pop/m/privacy_pop_ico_m_09.png)left top / 54px no-repeat} #easyVer.layerPop .layerMid__con--mid dl.bgico10{background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/etc/pop/m/privacy_pop_ico_m_10.png)left top / 54px no-repeat} #easyVer.layerPop .layerMid__con--mid dl.bgico11{background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/etc/pop/m/privacy_pop_ico_m_11.png)left top / 54px no-repeat} #easyVer.layerPop .layerMid__con--mid dl.bgico12{background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/etc/pop/m/privacy_pop_ico_m_12.png)left top / 54px no-repeat} #easyVer.layerPop .layerMid__con--mid dl.bgico13{background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/etc/pop/m/privacy_pop_ico_m_13.png)left top / 54px no-repeat} #easyVer.layerPop .layerMid__con--mid dl.bgico14{background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/etc/pop/m/privacy_pop_ico_m_14.png)left top / 54px no-repeat} #easyVer.layerPop .layerMid__con--mid dl.bgico15{background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/etc/pop/m/privacy_pop_ico_m_15.png)left top / 54px no-repeat} #easyVer.layerPop .layerMid__con--mid dl.bgico16{background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/etc/pop/m/privacy_pop_ico_m_16.png)left top / 54px no-repeat} #easyVer.layerPop .layerMid__con--mid dl.bgico17{background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/etc/pop/m/privacy_pop_ico_m_17.png)left top / 54px no-repeat} .humanRights #con6 .btnWrap {margin-top: 20px; text-align: center;} .humanRights #con6 .btnWrap .btnArrow { position: relative; width: calc(100% - 25px);padding: 4px 0px 4px 20px; border: 1px solid #979797; border-radius: 3px; background: #fff; cursor: pointer;} .humanRights #con6 .btnWrap .btnArrow:before { content: ''; position: absolute; top: 10px; right: 10px; width: 12px; height: 9px; background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/culture/icon_arrow.png) no-repeat center/100% auto;} .humanRights #con6 .btnWrap .btnArrow:after { display: none;} .humanRights #con6 .btnWrap .btnArrow span { font-size: 15px; color: #3d3d3d;} #pop1.layerPop{position: fixed;top: 0; margin: auto; transform: translateX(-50%); width: 100%; height: 100vh; background-color: #fff;z-index: 999999;} #pop1.layerPop .layerClose { position: absolute; top: 10px; right: 12px; z-index: 2; width: 25px; height: 25px; border: 0; background: transparent; cursor: pointer;} #pop1.layerPop .layerClose:before { content: ''; position: absolute; top: 17px; left: 0; width: 25px; height: 1px; background: #0c1a25; transform: rotate(45deg);} #pop1.layerPop .layerClose:after { content: ''; position: absolute; top: 17px; left: 0; width: 25px; height: 1px; background: #0c1a25; transform: rotate(-45deg);} /* E : 230626 */ /* 231116 게임개발 챌린지 추가 */ .game_section{ margin:60px 0; } .bigTit { padding-bottom: 15px; text-align:left; color: #0a0a0a; font-size: 24px; line-height: 28px; font-weight: 300; word-break:keep-all; } .new_section.last .small_tit{ word-break:keep-all; } .tit_section{ padding: 0 25px 40px 25px; } .tit_section p{ word-break: keep-all; } .new_section{ padding:0 25px; } .new_section .small_tit{ padding: 10px 0; font-size: 18px; font-weight: 300; color: #0a0a0a; } .new_section .small_tit strong{ font-weight:600; } .new_section .small_tit{ margin-bottom:30px; } .new_section .thumb_txt_sm, .tit_section p{ color: #3D3D3D; font-weight: 400; line-height: 160%; font-size:14px; word-break: keep-all; } .new_section .detail_box_group{ padding:30px 0; margin:40px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } .new_section .about_detail li,.detail_box p{ font-size:16px; } .new_section .detail_box p{ color: #0a0a0a; font-weight:500; margin-bottom: 8px; } .new_section .about_detail{ display:flex; } .new_section .about_detail>li:nth-child(1){ width:140px; color: #0a0a0a; font-weight:500; } .new_section .about_detail>li{ font-size:14px; } .detail_box{ margin-bottom: 20px; } .detail_box p,.about_detail li{ font-size:14px; } .new_section .deficit_link { display: flex; width: 284px; border: 1px solid #979797; text-align: left; height: 40px; border-radius: 5px; margin-top: 30px; background: url(https://cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/culture/arrow.jpg) no-repeat 249px center; } .new_section .deficit_link span { line-height: 38px; margin-left: 20px; } .singiContArea .acticle2 li{ background:none; } .support_logo_ul{ display:flex; justify-content: space-between; flex-wrap: wrap; } .support_logo_ul > li{ width:33.3%; height:68px; background:red; } .support_logo_ul > li:nth-child(1){ background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/culture/logo_support_01.png) no-repeat center/contain; } .support_logo_ul > li:nth-child(2){ background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/culture/logo_support_02.png) no-repeat center/contain; } .support_logo_ul > li:nth-child(3){ background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/culture/logo_support_03.png) no-repeat center/contain; } .support_logo_ul > li:nth-child(4){ background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/culture/logo_support_04.png) no-repeat center/contain; } .support_logo_ul > li:nth-child(5){ background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/culture/logo_support_05.png) no-repeat center/contain; } .support_logo_ul > li:nth-child(6){ background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/culture/logo_support_06.png) no-repeat center/contain; } .new_section{ margin-bottom:70px; } .new_section.last{ padding-bottom:70px; border-bottom: 1px solid #d2d2d2; margin-bottom:70px; } .pageTitArea.big_tit{ padding: 40px 0 100px 0; } .pageTitArea.big2_tit{ padding: 40px 0 60px 0; } .pageTitArea p { font-weight: 400 !important; } .singiContArea .acticle2 li p{ font-weight: 400 !important; } .singiContArea .acticle2{ border:none; padding-top:0; } .singiContArea .acticle2{ margin-bottom:60px; } .singiContArea .acticle2 li:nth-child(1){ padding:0; } .tit_section.second{ margin-top:70px; }