@charset "utf-8"; /* Theme Name: Imm - Investment Theme URI: http://www.pulipinc.com/ Author: DC Group Author URI: http://www.pulipinc.com/ Description: pulipinc Version: 1.1 License: pulipinc License URI: http://www.pulipinc.com/ Text Domain: imm_iv Tags: pulipinc */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');/* 구글폰트 */ @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css"); @import url("assets/css/normalize.css"); @import url("assets/css/fonts.css"); /* COMPANY - 스크립터 추가분 */ .companyProfile .profileList ul li ol li {padding: 5px 0 0 0;} ol.digits {height:75px;margin-bottom:6px;overflow:hidden;} .digits > li {float:left;padding:0} .cou-item > ol { width: width:45px;} .cou-item > ol > li {color: #fff; font-size: 65px; line-height: 1; font-family: 'Pretendard';padding:0;width:46px;height:77px;} /* float 해제 */ .clear {display: inline-block;} .clear:after {content: *.*; height:0; visibility:hidden; display:block; clear:both;} * html .clear { height:1%;} /* //COMPANY - 스크립터 추가분 */ html, body, div, p, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, section, article, main, footer, header, nav, button {margin:0; padding:0;} ol, ul, li {list-style-type:none;} h1, h2, h3, h4, h5, h6 {font-weight:normal;} strong{font-weight: bold !important;} /*.divTable br + br { display: none; /* 두 번째
태그를 숨깁니다 */ }*/ em {font-style:normal;} html, body {width:100%; height:100%; font-family: 'Pretendard', Arial, sans-serif; font-size:16px; line-height:1.3;} a {text-decoration:none;} button {margin:0; padding:0; border:0; background:none; cursor:pointer;} .wrap {height:100%;} .blind {position: absolute; overflow: hidden; margin: -1px; border: 0; padding: 0; width: 1px; height: 1px; clip: rect(0 0 0 0);} @media (max-width: 750px) { html, body {font-size:14px;} } /* ###### default PC1 1280~ ###### */ .height320 { display: none; } /* header */ .opa0 {opacity:0;} .header {position:fixed; width:100%; z-index:200;} .header .logo {display:block; position:absolute; left:30px; top:30px; width:39px; height:65px; background:url(assets/images/logo.svg) no-repeat center; z-index:205; transition:all .5s;} .mainHeader {position:fixed; width:100%; z-index:200;} .mainHeader .logo {display:block; position:absolute; left:30px; top:30px; width:39px; height:65px; background:url(assets/images/logo.svg) no-repeat center; z-index:205; transition:all .5s;} /* language */ ul.language {position:absolute;top:42px; right:120px;display:flex;width:122px;height:32px;padding:4px;border-radius:18px;background:rgba(255,255,255,0.2);transition:all .5s;} ul.language li {width:57px;} ul.language li a {display:block;font-size:12px;line-height: 24px;font-family:'Pretendard';color:#000;padding:0 15px;border-radius:17px;overflow:hidden;opacity:0.5;} ul.language li a.active {background: #414141;color:#fff;opacity:1;} /* hamburger menu */ .hamburger {position:absolute; top:30px; right:30px; width:54px; height:54px; padding-top:17px; z-index:205; box-sizing:border-box; transition:all .5s;} .hamburger .line{ width: 28px; height: 2px; background-color: #fff; display: block; margin: 7px auto 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .hamburger .line:first-child{ margin-top:0; } .hamburger.new:after{ display:block; content:''; position:absolute; top:4px; right:0; width:24px; height:24px; background:url(assets/images/ico_new_alarm.png) no-repeat 0 0 } .hamburger:hover{ cursor: pointer; } /*.hamburger.is-active .line{margin-top:7px}*/ .hamburger.is-active .line:nth-child(2){ opacity: 0; } .hamburger.is-active .line:nth-child(1){ -webkit-transform: translateY(9px) rotate(45deg); -ms-transform: translateY(9px) rotate(45deg); -o-transform: translateY(9px) rotate(45deg); transform: translateY(9px) rotate(45deg); } .hamburger.is-active .line:nth-child(3){ -webkit-transform: translateY(-9px) rotate(-45deg); -ms-transform: translateY(-9px) rotate(-45deg); -o-transform: translateY(-9px) rotate(-45deg); transform: translateY(-9px) rotate(-45deg); } .hamburger.new.is-active:after{display:none} .header.active .logo { opacity: 0; width: 0px; height: 0px; overflow: hidden;} .header.active ul.language { opacity: 0; width: 0px; height: 0px; overflow: hidden;} .header.active .hamburger {top:30px; background:#333;} /* gnb */ .gnbLayer {display:none; position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; z-index:200; background:#fff;} /*.gnbLayer .textLink {position:absolute; right:77px; top:33px; font-family:'Helvetica Bold'; font-size:11px; color:#e9ecef;}*/ .gnbLayer nav {height:100%;} .gnb {overflow:hidden; height:100%;} .gnb li {position:relative; float:left; overflow:hidden; width:25%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;} .gnb li:after {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background-repeat:no-repeat; background-position:center; background-size:cover; opacity:0; transition:opacity .3s;} .gnb li.menu1 {background-image:url(assets/images/bg_gnb1.jpg);} .gnb li.menu2 {background-image:url(assets/images/bg_gnb2.jpg);} .gnb li.menu3 {background-image:url(assets/images/bg_gnb3.jpg);} .gnb li.menu4 {background-image:url(assets/images/bg_gnb4.jpg);} .gnb li.menu5 {background-image:url(assets/images/bg_gnb5.jpg);} .gnb li.menu1:after {background-image:url(assets/images/bg_gnb1_on.jpg);} .gnb li.menu2:after {background-image:url(assets/images/bg_gnb2_on.jpg);} .gnb li.menu3:after {background-image:url(assets/images/bg_gnb3_on.jpg);} .gnb li.menu4:after {background-image:url(assets/images/bg_gnb4_on.jpg);} .gnb li.menu5:after {background-image:url(assets/images/bg_gnb5_on.jpg);} .gnb li:hover:after {opacity:1;} .gnb li a {display:block; width:100%; height:100%; position:relative; font-family:'Pretendard'; font-size:50px; line-height:1; color:#fff; vertical-align:middle; text-align:center; z-index:20;} .gnb li a .textWrap {display:block; width:100%; height:100px; position:absolute; top:50%; margin-top:-70px; text-align:center;} .gnb li em {font-family:'Pretendard'; font-size:13px;color:#DCB789;} .gnb li:after em {color:#fff;} .gnb li strong {display:block;} .gnb li a.familySite{position:absolute;bottom:0;left:0;height:auto;padding:20px 0;z-index:21;} .gnb li a.familySite .textWrap{position:static;height:auto;margin-top:0;font-size:24px;} .gnbLayer .btnPosting{position:absolute;top:45px;right:107px;display:inline-block;vertical-align:top;border:1px solid #fff;text-align:center;width:160px;height:45px;line-height:43px;box-sizing:border-box;transition:all 0.5s;z-index:30} .gnbLayer .btnPosting.new:after{display:block;content:'';position:absolute;top:-10px;right:-12px;width:24px;height:24px;background:url(assets/images/ico_new_alarm.png) no-repeat 0 0} .gnbLayer .btnPosting span{font-size:13px;color:#fff;line-height:1} /* lnb : indicator */ .lnb {position:fixed; top:50%; right:0; transform: translate(0, -50%);z-index:101; display:none;} .lnb li {position:relative; margin:15px 0; padding:0 20px 0 40px; font-size:13px; color:#fff;} .lnb li a { display:block; } .lnb li .numWrap {position:absolute; top:50%; right:0; width:0; height:16px; margin-top:-8px; overflow:hidden; transition:all .3s;} .lnb li .num1 {display:block; width:71px; position:absolute; top:0; right:0;} .lnb li .num1:after {content:''; width:51px; position:absolute; top:50%; right:0; margin-top:-1px; border-top:1px solid #fff;} .lnb li .num2 {display:block; width:71px; position:absolute; top:0; right:0; color:#DCB789; } .lnb li .num2:after {content:''; width:51px; position:absolute; top:50%; right:0; margin-top:-1px; border-top:1px solid #DCB789;} .lnb li .num3 {display:block; width:71px; position:absolute; top:0; right:0; color:#DCB789; } .lnb li .num3:after {content:''; width:51px; position:absolute; top:50%; right:0; margin-top:-1px; border-top:1px solid #DCB789;} .lnb li a strong{opacity:0.7} .lnb li a span { position: absolute; top: auto; bottom: 0; right: 21px; width: 10px; height: 0%; transition:all .4s; overflow: hidden; } .lnb li a span.rvs { top: 0; bottom: auto; } .lnb li.on .numWrap {padding-left:71px;} .lnb li.on a span { height: 100%; top: 0; bottom: auto; transition:all .5s; } .lnb li.onRvs .numWrap {padding-left:71px;} .lnb li.onRvs a span { height: 100%; top: auto; bottom: 0; transition:all .5s; } /* common */ .subCont {background-repeat:no-repeat; background-position:center; background-size:cover;} .contents {max-width:1140px; height:100%; margin:0 auto;} .vMiddle {height:100%;} .vMiddle:before {content: ""; display: inline-block; width: 1px; height: 100%; margin:0 0 0 -6px; vertical-align: middle;} .vMiddle .inner {display:inline-block; width:100%; vertical-align:middle;} .intro {text-align:center;} .intro .shead {display:block;font-size:14px;font-family:'Pretendard';line-height:1;color:#DCB789;margin-bottom:20px;opacity:0;} .intro .head {margin-bottom:30px; font-family:'Pretendard'; font-size:96px; line-height:1; color:#fff;opacity:0;} .intro .para {font-size:25px; line-height:1.44; color:#eee;opacity:0;} .intro .para span { display: block; } .kepItBold {font-family:'Pretendard';} small, sub {font-size:100%;} .subHead strong {font-family:'Pretendard'; font-size:28px; display:block;} .subHead small {display:block; margin-bottom:4px; font-size:16px;} .pager {overflow:hidden; clear: both;} .pager a {display:block; float:left; position:relative; width:50%; height:319px; background-repeat:no-repeat; background-position:center; text-align:center; box-sizing:border-box; background-size:cover;} /* .pager a.btnPrev {background-image:url(assets/images/bg_pager_prev.jpg);} .pager a.btnNext {border-left:1px solid #2f2f2f; background-image:url(assets/images/bg_pager_next.jpg);} */ .pager a.companyPager {background-image:url("assets/images/pager/bg_pager_company.jpg");} .pager a.valuePager {background-image:url("assets/images/pager/bg_pager_value.jpg");} .pager a.noticePager {background-image:url("assets/images/pager/bg_pager_notice.jpg");} .pager a.teamPager {background-image:url("assets/images/pager/bg_pager_team.jpg");} .pager a.newsPager {background-image:url("assets/images/pager/bg_pager_news.png");} .pager .pageName {display:block; position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);margin-top:-10px;font-size:50px; color:#fff; line-height:1;} .pager .pageName small {display:block; font-family:'Pretendard'; font-size:13px; color:#DCB789;margin-bottom:10px;line-height:1} .pager .pageName span {font-family:'Pretendard';} .pager .prev, .pager .next {display:block; position:absolute; bottom:-45px; left:50%; width:38px; margin-left:-30px; font-size:12px; line-height:21px; color:#fff;} .pager .prev {padding-left:22px; background:url(assets/images/ico_pager_prev.gif) no-repeat left 6px; text-align:left;} .pager .next {padding-right:52px; background:url(assets/images/ico_pager_next.gif) no-repeat right 6px; text-align:right;} /* 2019-11-11 footer family site add :: s */ .footer {background:#222;} .footer .content{max-width:1140px;margin:0 auto;padding:20px 0;box-sizing:border-box;} .footer .content:after{content:'';display:block;clear:both;} .copyright {float:left;margin-top: 10px;background:#222; font-size:14px; color:#4f4f4f; text-align:center; } .familysite {position:relative;float:right;width:180px;} .familysite a{display:block;font-size:14px;color:#4f4f4f;} .familysite .familyClick{position:relative;padding:10px 10px 10px 5px;border-bottom:1px solid #4f4f4f;} .familysite .familyClick:after{content:'';position:absolute;top:15px;right:10px;width:10px;height:5px;background: url(assets/images/ico_family_list.png) no-repeat 0 0;transition:all .5s;} .familysite .familyClick.on:after{transform: rotate(180deg);} .familyList{display:none;position:absolute;bottom:40px;left:0;width:100%;background:#222;} .familyList li{border-bottom:1px solid #4f4f4f;} .familyList li a{padding:15px 10px;text-transform: uppercase;} .familyList li a:hover{color:#fff;text-decoration:underline;} /* 2019-11-11 footer family site add :: e */ .toTop { display: none; position: fixed; right: 17px; bottom: 17px; z-index: 100; } .toTop span { display: block; width: 54px; height: 54px; text-indent: -9999em; background: url("assets/images/goToTop.png") no-repeat 0 0; cursor: pointer; } /* ###### default PC2 751~1279 ###### */ @media (max-width: 1279px) { /*.gnbLayer .textLink {display:block; position:static; height:43px; line-height:43px; background:#222; font-size:9px; color:#999; text-align:center;}*/ /* .gnbLayer nav {background:#222;} .gnb li {float:none; width:100%; height:25%;} .gnb li:after {display:none;} .gnb li.menu1 {background-image:url(assets/images/mobile/bg_gnb1.jpg);} .gnb li.menu2 {background-image:url(assets/images/mobile/bg_gnb2.jpg);} .gnb li.menu3 {background-image:url(assets/images/mobile/bg_gnb3.jpg);} .gnb li.menu4 {background-image:url(assets/images/mobile/bg_gnb4.jpg);} .gnb li a {font-size:25px;} .gnb li a .textWrap {height:auto; margin-top:-12px;} .gnb li em {font-size:7px;} */ /* .intro .head {font-size:100px;} .intro .para {font-size:18px;} */ .contents { padding: 0 20px;} } /* ###### default Mobile ~750 ###### */ @media (max-width: 750px) { .header .logo {left:20px; top:20px; width:39px; height:64px; background-image:url(assets/images/mobile/logo.svg); background-size:39px auto; z-index:200;} .mainHeader .logo {left:20px; top:20px; width:39px; height:64px; background-image:url(assets/images/mobile/logo.svg); background-size:39px auto; z-index:200;} ul.language {top:31px;right:79px;} .hamburger {right:20px; top:20px;} .hamburger .line {width:24px;margin:7px auto} .hamburger.is-active .line{margin-top:0px} .hamburger.new:after{width:16px;height:16px;background-image:url(assets/images/mobile/ico_new_alarm.png);background-size:16px;top:6px;right:6px} .lnb {display:none;} .gnbLayer .btnPosting{width:105px;height:27px;line-height:22px;right:76px;top:35px} .gnbLayer .btnPosting span{font-size:9px;} .gnbLayer .btnPosting.new:after{width:16px;height:16px;background-image:url(assets/images/mobile/ico_new_alarm.png);background-size:16px;top:-6px;right:-8px} .intro .shead {margin-bottom:5px;} .intro .head {font-size:64px;margin-bottom:35px;} .intro .para {font-size:15px; line-height:20px;word-break: break-all;} .intro .para span { display: inline; } .contents {padding: 0; margin:0 20px;} .subHead {font-size:23px;} .subHead small {font-size:12px;} .pager a {height:145px;} .pager a.companyPager {background-image:url("assets/images/pager/bg_pager_company_s.jpg");} .pager a.valuePager {background-image:url("assets/images/pager/bg_pager_value_s.jpg");} .pager a.notice {background-image:url("assets/images/pager/bg_pager_notice_s.jpg");} .pager a.teamPager {background-image:url("assets/images/pager/bg_pager_team_s.jpg");} .pager a.newsPager {background-image:url("assets/images/pager/bg_pager_news_s.png");} .pager .pageName {font-size:25px;margin-top: -4px;} .pager .pageName small {font-size:10px;margin-bottom:10px;} .pager .prev, .pager .next {bottom:-28px; width:38px; margin-left:-30px; font-size:9px; line-height:13px;} .pager .prev {background:url(assets/images/mobile/ico_pager_prev.png) no-repeat left 3px; background-size:13px auto;} .pager .next {background:url(assets/images/mobile/ico_pager_next.png) no-repeat right 3px; background-size:13px auto;} /* footer */ .footer{padding:0 20px;} .footer .familysite{float:none;width:100%;} .footer .copyright{float:none;margin-top:10px;font-size:11px;} } /* ###### default 320 ###### */ @media (max-width: 320px) { .header .logo {left:12px; top:12px; width:100px; height:40px; background-image:url(assets/images/mobile/logo.svg); background-size:100px auto; z-index:200;} .mainHeader .logo {left:12px; top:12px; width:100px; height:40px; background-image:url(assets/images/mobile/logo.svg); background-size:100px auto; z-index:200;} .hamburger {right:12px; top:12px;} .gnbLayer .btnPosting{right:65px;top:30px} } @media all and (orientation:landscape) and (max-width: 1023px) { .height320.on { display: table; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #0b6d3a url("assets/images/height320.jpg") no-repeat center 50%; background-size: cover; z-index: 10000; } .height320.on h1 { background: url("assets/images/logo.png") no-repeat 0 0; background-size: cover; width: 140px; height: 55px; position: absolute; top: 15px; left: 15px; text-indent: -9999em; overflow: hidden; display: block;} .height320.on p { display: table-cell; vertical-align: middle; color: #fff; text-align: center; font-family: "Pretendard"; font-size: 70px; } } /* 가로모드 */ @media all and (orientation:landscape) { /* gnb */ .gnbLayer {display:none; position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; z-index:200; background:#fff;} /*.gnbLayer .textLink {position:absolute; right:77px; top:33px; font-family:'Helvetica Bold'; font-size:11px; color:#e9ecef;}*/ .gnbLayer nav {height:100%;} .gnb {overflow:hidden; height:100%;} .gnb li {position:relative; float:left; overflow:hidden; width:25%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;} .gnb li:after {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background-repeat:no-repeat; background-position:center; background-size:cover; opacity:0; transition:opacity .3s;} .gnb li.menu1 {background-image:url(assets/images/bg_gnb1.jpg);} .gnb li.menu2 {background-image:url(assets/images/bg_gnb2.jpg);} .gnb li.menu3 {background-image:url(assets/images/bg_gnb3.jpg);} .gnb li.menu4 {background-image:url(assets/images/bg_gnb4.jpg);} .gnb li.menu1:after {background-image:url(assets/images/bg_gnb1_on.jpg);} .gnb li.menu2:after {background-image:url(assets/images/bg_gnb2_on.jpg);} .gnb li.menu3:after {background-image:url(assets/images/bg_gnb3_on.jpg);} .gnb li.menu4:after {background-image:url(assets/images/bg_gnb4_on.jpg);} .gnb li:hover:after {opacity:1;} .gnb li a {display:block; width:100%; height:100%; position:relative; font-family:'Pretendard'; font-size:50px; line-height:1; color:#fff; vertical-align:middle; text-align:center; z-index:20;} .gnb li a .textWrap {display:block; width:100%; height:100px; position:absolute; top:50%; margin-top:-70px; text-align:center;} .gnb li em {font-family:'Pretendard'; font-size:13px; color:#DCB789;} .gnb li a:hover, .gnb li a:hover em {color:#fff;} .gnb li strong {display:block;} } @media all and (orientation:landscape) and (max-width: 768px) { .gnb li a {font-size:25px;} .gnb li a .textWrap {height:auto; margin-top:-12px;} .gnb li em {font-size:7px;} .gnb li a.familySite .textWrap{font-size:14px;} } /* 세로모드 */ @media all and (orientation:portrait) { .gnbLayer nav {background:#222;} .gnb li {float:none; width:100%; height:25%;} .gnb li:after {display:none;} .gnb li.menu1 {background-image:url(assets/images/mobile/bg_gnb1.jpg);} .gnb li.menu2 {background-image:url(assets/images/mobile/bg_gnb2.jpg);} .gnb li.menu3 {background-image:url(assets/images/mobile/bg_gnb3.jpg);} .gnb li.menu4 {background-image:url(assets/images/mobile/bg_gnb4.jpg);} .gnb li.menu5 {background-image:url(assets/images/mobile/bg_gnb5.png);} .gnb li a {font-size:25px;} .gnb li a .textWrap {height:auto; margin-top:-12px;} .gnb li em {font-size:7px;} .gnb li a.familySite .textWrap{font-size:14px;} } /* =================================================== MAIN CONTETNS =================================================== */ /* main contents */ .main {height:100%; position:relative; background:#fff no-repeat center; background-size:cover;} .main.cont1 {background-image:url("assets/images/bg_main_1.jpg");} .main.cont2 {background-image:url("assets/images/bg_main_2.jpg");} .main.cont3 {background-image:url("assets/images/bg_main_3.jpg");} /*.main.cont1-2 {background-image:url("assets/images/bg_main_1_2.jpg");} .main.cont1-3 {background-image:url("assets/images/bg_main_1_3.jpg");} .main.cont1-4 {background-image:url("assets/images/bg_main_1_4.jpg");} .main.cont1-5 {background-image:url("assets/images/bg_main_1_5.jpg");}*/ .main .desc2 { opacity: 0; } .main .desc3 { opacity: 0; } .main .descWrap {width:444px; position:fixed; right:150px; top:50%; margin-top:-240px; background:rgba(0, 0, 0, .6);} .main .descWrap:before {content: ""; display: inline-block; width: 1px; height: 100%; margin-left:-6px; vertical-align: middle;} .main .descWrap.leftAlign {right:auto; left:150px;} .main .descWrap .innerBox {display:inline-block; padding:56px 40px; vertical-align:middle;} .main .descWrap .stitle {display:block; margin-bottom:30px; font-size:14px;font-family:'Pretendard';color:#DCB789;line-height:1} .main .descWrap .title {margin-bottom:20px; font-family:'Pretendard'; font-size:36px; color:#fff;line-height: 1.12;} .main .descWrap .text {font-size:16px;color:#eee;line-height:1.5;} .main .descWrap .btnMore {display:inline-block; margin-top:50px; height: 30px; line-height: 30px; font-family:'Pretendard'; font-size:12px; color:#ddd;} .main .descWrap .btnMore span {display:inline-block; padding-right:12px; background:url(assets/images/ico_arrow.png) no-repeat right center;} .scrollDown {width:60px; position:fixed; left:50%; bottom:25px; margin-left:-30px; padding-top:45px; border:none; background:none; font-family:'Pretendard'; font-size:12px; color:#fff; text-align:center; cursor:pointer;} .scrollDown .ico {display:block; width:12px; height:30px; position:absolute; left:50%; top:0; margin-left:-6px; background:url(assets/images/ico_scroll.png) no-repeat center top; transition:all .5s ease-out;} .scrollDown.last .ico {transform:rotate(180deg)} .scrollDown strong {opacity:.7;} .main .scrollDown {position:absolute;} /* ###### default Mobile ~750 ###### */ @media (max-width: 750px) { .main {min-height:0; background: #fff no-repeat center; background-size: cover; } .main.cont1 {background-image:url("assets/images/bg_main_1_m.jpg");} .main.cont2 {background-image:url("assets/images/bg_main_2_m.jpg");} .main.cont3 {background-image:url("assets/images/bg_main_3_m.jpg");} .main.cont1-2 {background-image:url("assets/images/bg_main_1_2_m.jpg");} .main.cont1-3 {background-image:url("assets/images/bg_main_1_3_m.jpg");} .main.cont1-4 {background-image:url("assets/images/bg_main_1_4_m.jpg");} .main.cont1-5 {background-image:url("assets/images/bg_main_1_5_m.jpg");} .main .descWrap {width:auto; min-width:0; /*height:502px;*/ top:50%; /*bottom:20.6%;*/ left:20px; right:20px; transform:translate(0, -47%); margin-top:0; padding:35px 0;} .main .descWrap.leftAlign {right:20px; left:20px;} .main .descWrap .innerBox {padding:0 25px;} .main .descWrap .title {font-size:30px;} .main .descWrap .text {font-size:14px;word-break: break-all;} .main .descWrap .text br.pVer {display:none;} .main .descWrap .btnMore {margin-top:20px; font-size:10px;} .main .descWrap .btnMore span {display:inline-block; padding-right:10px; background:url(assets/images/mobile/ico_arrow.png) no-repeat right center; background-size:5px auto;} .scrollDown {width:50px; bottom:20px; margin-left:-25px; font-size:10px; padding-top: 35px; } .scrollDown .ico {height:22px; left:40%; margin:0 auto 10px; background:url(assets/images/mobile/ico_scroll.png) no-repeat center top; background-size:11px auto;} } /* ###### default 320 ###### */ @media (max-width: 320px) { .contents {padding: 0; margin:0 10px;} .main .descWrap {top:15.4%; bottom:10.6%;} .scrollDown { bottom:10px; } .scrollDown .ico { margin:0 auto 10px; top: 7px; } } @media all and (orientation:landscape) and (max-height: 360px) { .main .descWrap {top:10%; bottom:10%;} } /* =================================================== SUB CONTETNS _______________ VALUE =================================================== */ /* VALUE STYLE GUIDE */ .subCont.value {background-image:url("assets/images/bg_value_visual.jpg");} .subHead {color:#fff;} /* philosophy */ .ourPhilosophy {padding:120px 0; background:url("assets/images/bg_value_phliosophy.jpg") no-repeat center; background-size:cover; text-align:center; } .ourPhilosophy .contents { position: relative; } .ourPhilosophy .subHead {margin-bottom:65px;} .ourPhilosophy .diagramHead {position:absolute; left: 0; bottom: 190px; z-index: 100; width:100%; height:98px; } .ourPhilosophy .diagramHead strong { display: inline-block; width:98px; height:98px; line-height:98px; font-size:40px; color:#fff; background:#997350; transform: rotate(-45deg); } .ourPhilosophy .diagramHead strong span { display: block; transform: rotate(45deg); } .ourPhilosophy .diagram {overflow:hidden; color: #fff; border:1px solid #2c2d2e; border:1px solid rgba(255, 255, 255, .15); border-bottom: none; max-width: 780px; margin: 0 auto; box-sizing: border-box; } .ourPhilosophy .diagram li {float:left; width:50%; position:relative; box-sizing:border-box; padding: 50px 0; border-right: 1px solid #2c2d2e; border-right: 1px solid rgba(255, 255, 255, .15); border-bottom: 1px solid #2c2d2e; border-bottom: 1px solid rgba(255, 255, 255, .15);} .ourPhilosophy .diagram li.s1 { } .ourPhilosophy .diagram li.s2 { border-right: none; } .ourPhilosophy .diagram li.s3 { } .ourPhilosophy .diagram li.s4 { border-right: none; } .ourPhilosophy .diagram li > div { padding: 60px 20px 0; background-repeat:no-repeat; background-position: center 0; box-sizing: border-box;} .ourPhilosophy .diagram li.s1 > div {margin-left:0; background-image:url(assets/images/ico_value_1.png);} .ourPhilosophy .diagram li.s2 > div {background-image:url(assets/images/ico_value_2.png);} .ourPhilosophy .diagram li.s3 > div {background-image:url(assets/images/ico_value_3.png);} .ourPhilosophy .diagram li.s4 > div {margin-right:0; background-image:url(assets/images/ico_value_4.png);} .ourPhilosophy .diagram li .tit { text-transform: uppercase; display:block; margin-bottom:15px; font-family:'Pretendard'; font-size:12px; color:#ccc;} .ourPhilosophy .diagram li .desc {font-size:14px; line-height:16px; color:#8e8f90;} .ourPhilosophy .diagram li .desc span { display: block; } /* strategy */ .subCont.strategy { text-align:center; clear: both;} .strategy .contents {overflow:hidden;} .strategy p.tit {font-size:18px;font-family:'Pretendard';line-height:1.3;color:#333;padding-bottom:28px;} .strategy .subIntro {padding-bottom:62px;margin-top: 150px;} .strategy .subIntro .subHead {margin-bottom:8px; font-family:'Pretendard'; font-size:28px; color: #333333;} .strategy .strategy6-wrap {padding:62px 0;background:rgba(227,227,227,0.2);} .strategy .strategy6-wrap ul {display:flex;} .strategy .strategy6-wrap ul li {width:calc(100% / 6);border: 1px solid #D9D9D9; padding: 104px 20px 28px; background-repeat:no-repeat; background-position: center 28px; box-sizing: border-box;border-right:0} .strategy .strategy6-wrap ul li.strategy_1 {background-image:url(assets/images/strategy1.png);} .strategy .strategy6-wrap ul li.strategy_2 {background-image:url(assets/images/strategy2.png);} .strategy .strategy6-wrap ul li.strategy_3 {background-image:url(assets/images/strategy3.png);} .strategy .strategy6-wrap ul li.strategy_4 {background-image:url(assets/images/strategy4.png);} .strategy .strategy6-wrap ul li.strategy_5 {background-image:url(assets/images/strategy5.png);} .strategy .strategy6-wrap ul li.strategy_6 {background-image:url(assets/images/strategy6.png);border-right:1px solid #D9D9D9;} .strategy .strategy6-wrap ul li em {font-size:15px;font-family:'Pretendard';color:#888888;} .strategy .slideWrap {position:relative;margin-top:60px;} .strategy .ctrlWrap {margin: 0 0 40px; padding:0 30px; box-sizing:border-box;} .strategy .ctrl {width: 272px;height: 272px; margin: 82px auto 0; position: relative; } .strategy .ctrl > img {position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;} .strategy .ctrl ul { overflow: hidden; padding: 0 20px; } .strategy .ctrl ul li { width: 180px;position: absolute;top: 50%;left: 50%;border-radius: 50%;overflow: hidden;} .strategy .ctrl li.c1 {margin:1px 0 0 -237px;} .strategy .ctrl li.c2 {margin:-218px 0 0 -89px;} .strategy .ctrl li.c3 {margin:1px 0 0 49px;} .strategy .ctrl li a {display:block; height:180px; padding:83px 0 0; font-size:10px; line-height:13px; color:#b5b5b5; box-sizing:border-box; transition:all .15s; position: relative; } .strategy .ctrl li.c1 a {background:url("assets/images/ico_strategy_slide_1.png") no-repeat center;} .strategy .ctrl li.c2 a {background:url("assets/images/ico_strategy_slide_2.png") no-repeat center;} .strategy .ctrl li.c3 a {background:url("assets/images/ico_strategy_slide_3.png") no-repeat center;} .strategy .ctrl li.on a {color:#fff;} .strategy .ctrl li.c1.on a {background-image:url("assets/images/ico_strategy_slide_1_on.png");} .strategy .ctrl li.c2.on a {background-image:url("assets/images/ico_strategy_slide_2_on.png");} .strategy .ctrl li.c3.on a {background-image:url("assets/images/ico_strategy_slide_3_on.png");} .strategy .ctrl ul li span { display: none; } .strategy .ctrl ul li a em {display: block; font-size:11px;font-family:'Pretendard';margin-top:14px;} .strategy .ctrl li.on a { color: #fff; } .strategy .slideCont .btn { display: block; } .strategy .slideCont .btn .goLeft { position: absolute; top: 50%; left: 13%; background: url("assets/images/p_left.png") no-repeat 0 50%; width: 8%; max-width: 45px; height: 20%; text-indent: -9999em; } .strategy .slideCont .btn .goRight { position: absolute; top: 50%; right: 10%; background: url("assets/images/p_right.png") no-repeat 0 50%; width: 8%; max-width: 45px; height: 20%; text-indent: -9999em; } .strategy .slideCont { padding-bottom: 100px; } .strategy .slideCont .frame {width:100%; overflow:hidden; padding-bottom: 10px; } .strategy .slideCont .slider {width:300%; position:relative; overflow:hidden;} .strategy .slideCont .slider > li {width:33.3%; float:left;} .strategy .iconBox {display:flex;max-width:780px;width:100%;margin:0 auto;} .strategy .iconBox dl {width:calc(100% / 3);margin-top:60px;border: 1px solid #DEDEDE;border-right:0;font-family:'Pretendard';font-size:15px;line-height:1.3;} .strategy .iconBox dl:last-child {border-right: 1px solid #DEDEDE;} .strategy .iconBox dl dt {border-bottom: 1px solid #DEDEDE;padding:15px 0;color:#996650;display:none;} .strategy .iconBox dl dd {color:#888888;font-family:'Pretendard';padding:33px 0;} .strategy .iconBox dl dd strong {display:block;color:#444444;font-family:'Pretendard';margin-bottom:12px;} .strategy .stSlide1 .iconBox {} .strategy .stSlide2 .iconBox {} .strategy .stSlide3 .iconBox {} .strategy .iconBox .tit {display:block; margin-bottom:30px; font-family:'Pretendard'; font-size:12px; line-height:16px; color: #444444; text-transform: uppercase; } .strategy .listType2 {width: 100%; max-width: 720px; margin:0 auto; color: #888888; } .strategy .listType2 li {position:relative; margin-top:13px; padding-top:15px; font-size:15px; line-height:18px; } .strategy .listType2 li:after {content:''; display:block; position:absolute; left:50%; top:0; width:3px; height:3px; margin-left:-1.5px; background:#dddddd; border-radius:3px;} .strategy .listType2 li:first-child {margin-top:0 !important; padding-top:0 !important;} .strategy .listType2 li:first-child:after {display:none;} .strategy .indicator {width:80px; overflow:hidden; margin:25px auto 0;} .strategy .indicator li {float:left; position:relative; padding-left:10px;} .strategy .indicator li:first-child {padding-left:0;} .strategy .indicator li:after {content:''; display:block; width:100%; height:1px; position:absolute; right:50%; top:50%; background:url(assets/images/bg_dashed.gif) repeat-x left center;} .strategy .indicator li:first-child:after {display:none;} .strategy .indicator span {display:block; width:20px; height:20px; position:relative; text-align:center; border-radius:100%; z-index:5;} .strategy .indicator span a {display:inline-block; width:10px; height:10px; background:#999999; border-radius:100%; margin: 5px;} .strategy .indicator .on span a { background: #996650; } .strategy .indicator .on span {background: rgba(153, 102, 80, .2);} /* stewardshipCode */ .subCont.stewardshipCode { text-align:center; clear: both;border-top:1px solid #e5e5e5} .stewardshipCode .valueCode-wrap {overflow:hidden; padding: 120px 0; max-width:1440px;width:100%;box-sizing:border-box;margin:0 auto;} .stewardshipCode ul {display: flex;} .stewardshipCode ul li {width:calc(100% / 2);font-size: 15px;line-height: 1.3;} .stewardshipCode ul li + li {margin-left:20px;} .stewardshipCode ul li > strong {display:block;font-size: 28px;font-weight: 700;margin-bottom:20px;} .stewardshipCode ul li.value-code1 {background: #353535;color:#8E8F90;padding:135px 0;} .stewardshipCode ul li.value-code1 > strong{color:#fff;} .stewardshipCode ul li.value-code2 {background: #F0F0F0;color:#888888;padding:97px 144px;} .stewardshipCode ul li.value-code2 > strong{color:#333;} /* ###### default PC2 751~1279 ###### */ @media (max-width: 1279px) { /* VALUE STYLE GUIDE */ /* philosophy */ /* strategy */ .strategy .ctrlWrap {margin: 0 0 40px; } } /* ###### default 800 ###### @media (max-width: 800px) { .strategy .ctrl {background-position: 33% 40%, 67.0% 40%; } } */ /* ###### default Mobile ~750 ###### */ @media (max-width: 750px) { /* VALUE STYLE GUIDE */ .subCont.value { background: url("assets/images/bg_value_visual_m.jpg") no-repeat center 0; background-size: cover; } /* philosophy */ .ourPhilosophy {padding:60px 0 65px; background: url("assets/images/bg_value_phliosophy_m.jpg") no-repeat center 50%; background-size: cover; } .ourPhilosophy .subHead {margin-bottom:60px;} .ourPhilosophy .diagramHead { position: static; background: url("assets/images/diagramBg.png") no-repeat center 50%; margin-bottom: 60px; } .ourPhilosophy .diagramHead { height: 70px; } .ourPhilosophy .diagramHead strong { width:70px; height:70px; line-height:70px; font-size: 30px; } .ourPhilosophy .diagram {padding: 0 10%; border: none; } .ourPhilosophy .diagram li {float:none; width:auto; margin-top:37px; padding:0; border: none; } .ourPhilosophy .diagram li:first-child {margin-top:0;} .ourPhilosophy .diagram li > div {height:auto; padding:50px 0 0; border:none; background-position:center top; background-size:42px;} .ourPhilosophy .diagram li.s1 > div {background-image:url(assets/images/mobile/ico_value_1.png);} .ourPhilosophy .diagram li.s2 > div {background-image:url(assets/images/mobile/ico_value_2.png);} .ourPhilosophy .diagram li.s3 > div {background-image:url(assets/images/mobile/ico_value_3.png);} .ourPhilosophy .diagram li.s4 > div {background-image:url(assets/images/mobile/ico_value_4.png);} .ourPhilosophy .diagram li .tit {line-height:14px;} .ourPhilosophy .diagram li:before, .ourPhilosophy .diagram li:after {display:none;} .ourPhilosophy .diagram li .desc span { display: inline; } /* strategy */ .strategy .contents {overflow:hidden; } .strategy .ctrlWrap { padding:0; margin: 0 0 10%; } .strategy .subIntro {padding-bottom:62px;margin-top:70px;} .strategy .strategy6-wrap ul {display: flex;flex-wrap: wrap;} .strategy .strategy6-wrap ul li {width:50%;} .strategy .strategy6-wrap ul li.strategy_1 {border} .strategy .strategy6-wrap ul li:nth-child(-n+4) {border-bottom:none;} .strategy .strategy6-wrap ul li.strategy_2 {border-right:1px solid #D9D9D9;} .strategy .strategy6-wrap ul li.strategy_4 {border-right:1px solid #D9D9D9;} .strategy .ctrl {width: 252px;height: 252px; margin: 70px auto 0; position: relative; } .strategy .ctrl li.c1 {margin:-24px 0 0 -185px;} .strategy .ctrl li.c2 {margin:-211px 0 0 -89px;} .strategy .ctrl li.c3 {margin:-24px 0 0 6px;} .strategy .ctrl li a {display:block; height:143px; padding:78px 0 0; font-size:10px; line-height:13px; color:#b5b5b5; box-sizing:border-box; transition:all .15s; position: relative; } .strategy .ctrl ul li a em {margin-top:0;} .strategy .ctrl li.c1 a {background:url("assets/images/ico_strategy_slide_1_m.png") no-repeat center;} .strategy .ctrl li.c2 a {background:url("assets/images/ico_strategy_slide_2_m.png") no-repeat center;} .strategy .ctrl li.c3 a {background:url("assets/images/ico_strategy_slide_3_m.png") no-repeat center;} .strategy .ctrl li.on a {color:#fff;} .strategy .ctrl li.c1.on a {background-image:url("assets/images/ico_strategy_slide_1_on_m.png");} .strategy .ctrl li.c2.on a {background-image:url("assets/images/ico_strategy_slide_2_on_m.png");} .strategy .ctrl li.c3.on a {background-image:url("assets/images/ico_strategy_slide_3_on_m.png");} .strategy .slideCont .btn {display:none;} .strategy .slideCont { padding-bottom: 62px; } /* stewardshipCode */ .stewardshipCode .valueCode-wrap {padding: 70px 20px; width:100%;} .stewardshipCode ul {flex-wrap: wrap;} .stewardshipCode ul li {width:100%;} .stewardshipCode ul li + li {margin-left:0;margin-top:20px;} .stewardshipCode ul li > strong {display:block;font-size: 28px;font-weight: 700;margin-bottom:20px;} .stewardshipCode ul li.value-code1 {padding:40px 20px;} .stewardshipCode ul li.value-code2 {padding:40px 20px;} .strategy .iconBox {flex-wrap: wrap;} .strategy .iconBox dl {width:100%;border-right: 1px solid #DEDEDE;margin-top:0;border-bottom:0;height:156px;display:flex;justify-content:center;align-items:center;} .strategy .iconBox dl:last-child {border-bottom: 1px solid #DEDEDE;} .strategy .iconBox dl dt {display:none;} .strategy .iconBox dl dd {font-size: 14px; padding: 20px 0;} .strategy .iconBox dl dd strong {margin-bottom:6px} } /* ###### default 480 ###### */ @media (max-width: 480px) { /* .strategy .ctrl li.on { display: block; float: none; width: 70%; height: 0; padding-bottom: 70%; margin: 0 auto; } .strategy .ctrl ul li span { font-size: 11px; line-height: 13px; } .strategy .ctrl .btnM .goLeft { left: 5%; } .strategy .ctrl .btnM .goRight { right: 5%; } .strategy .ctrlM { padding-bottom: 70%; } .strategy .ctrlM li.on { display: block; float: none; width: 70%; height: 0; padding-bottom: 0; margin: 0 auto; } .strategy .ctrlM ul li span { font-size: 11px; line-height: 13px; } .strategy .ctrlM ul li a em {padding-top:28%;} .strategy .ctrlM li.c1 a { background: url("assets/images/ico_strategy_slide_1.png") no-repeat 50% 0; background-size: 60%; } .strategy .ctrlM li.c2 a { background: url("assets/images/ico_strategy_slide_2.png") no-repeat 50% 0; background-size: 60%; } .strategy .ctrlM li.c3 a { background: url("assets/images/ico_strategy_slide_3.png") no-repeat 50% 0; background-size: 60%; } .strategy .ctrlM li.c1.on span { background: url("assets/images/ico_strategy_slide_m_1_on.png") no-repeat 50% 0; background-size: 60%; word-spacing: -1px; } .strategy .ctrlM li.c2.on span { background: url("assets/images/ico_strategy_slide_m_2_on.png") no-repeat 50% 0; background-size: 60%; } .strategy .ctrlM li.c3.on span { background: url("assets/images/ico_strategy_slide_m_3_on.png") no-repeat 50% 0; background-size: 60%; } .strategy .ctrlM .btnM .goLeft { left: 5%; } .strategy .ctrlM .btnM .goRight { right: 5%; } .strategy .ctrlM ul li span em {padding-top:44%;}*/ } /* =================================================== SUB CONTETNS _______________ CAMPANY =================================================== */ /* CAMPANY STYLE GUIDE */ .subCont.campany {background-image:url("assets/images/bg_campany_visual.jpg");} .subHead {color:#fff;} /* profile */ .companyProfile { background: #050505 url("assets/images/bg_campany_1.jpg") no-repeat center 0; background-size: cover; padding: 120px 0; text-align: center; } .companyProfile .profile { text-align: center; } .companyProfile .profile dl { padding: 0 6%; } .companyProfile .profile dl dt { font-size: 15px; color: #DCB789; font-weight: bold; padding: 10px 0; font-family: 'Pretendard'; } .companyProfile .profile dl dd { font-size: 17px; color: #cfcfcf; } .companyProfile .ctrlWrap {margin-top:165px;} .companyProfile .ctrlWrap .ctrl{position: relative;margin:0 auto;width:566px;height:566px;} .companyProfile .ctrlWrap .ctrl p.logo{position:absolute; top:50%;left:50%;width:95px;height:155px;background:url("assets/images/company-profile-logo.png") no-repeat center center;transform: translate(-50%, -50%);} .companyProfile .ctrlWrap .ctrl ul {} .companyProfile .ctrlWrap .ctrl ul li {width:180px;position:absolute;border-radius: 50%;overflow: hidden;background: #000000;border: 2px solid rgba(204, 204, 204, 0.25);} .companyProfile .ctrlWrap .ctrl ul li.on {border: 2px solid #ffffff;} .companyProfile .ctrlWrap .ctrl ul li.c1{left:50%;top:-65px;transform: translateX(-50%);} .companyProfile .ctrlWrap .ctrl ul li.c2{right:-82px;;top:25%;} .companyProfile .ctrlWrap .ctrl ul li.c3{right:46px;bottom:-52px;} .companyProfile .ctrlWrap .ctrl ul li.c4{left:46px;bottom:-52px;} .companyProfile .ctrlWrap .ctrl ul li.c5{left:-82px;;top:25%;} .companyProfile .ctrlWrap .ctrl ul li a {display: block;height: 180px;font-size: 16px;font-family:'Pretendard';line-height: 1.3;color:#DCB789;box-sizing: border-box;transition: all .15s;cursor: default;} .companyProfile .ctrlWrap .ctrl ul li.c1 a{padding-top:69px;} .companyProfile .ctrlWrap .ctrl ul li.c2 a{padding-top:69px;} .companyProfile .ctrlWrap .ctrl ul li.c3 a{padding-top:60px;} .companyProfile .ctrlWrap .ctrl ul li.c4 a{padding-top:59px;} .companyProfile .ctrlWrap .ctrl ul li.c5 a{padding-top:58px;} .companyProfile .profileList { padding-top: 80px; } .companyProfile .profileList .btnM { display: none; } .companyProfile .profileList .indicatorM { display: none; } /* history */ .history { padding: 120px 0 70px 0; position:relative;} .history .subHead { font-family: 'Pretendard'; font-size: 28px; color: #333333; text-align: center; } .history .contents { padding: 0; } .history .historyTop { text-align: center; } .history .historyTop dl { padding: 0 } /* 2023-06-19 변경 */ .history .historyTop dl dt { font-size: 15px; color: #444444; font-weight: bold; padding: 10px 0; font-family: 'Pretendard'; } .history .historyTop dl dd { font-size: 15px; color: #666666; } .history p { background: url("assets/images/bg_company_history.jpg") no-repeat center 50%; background-size: cover; height: 0; padding-bottom: 35%; margin: 40px 0 50px 0; } .history p img { width: 100%; } .history .historyList ul li {position:relative;opacity:1;margin-left:10px;} .history .historyList ul li > div {display: flex;} .history .historyList ul li span.achieve {width:240px;font-family: 'Pretendard';font-size: 18px;line-height: 22px;margin-top:50px;color:#444;background: url("assets/images/icon_company_history_short_cropped.png") no-repeat left 148px top 6px;} .history .historyList ul li span.achieve.bgNone {background:none;} .history .historyList ul li span.year {width:180px;font-family: 'Pretendard';font-style: italic;font-weight: 700;font-size:80px;line-height: 120px;color: #111;margin-bottom:50px;} .history .historyList ul li span.establish {display:flex;justify-content:end;width:570px;font-family: 'Pretendard';font-size: 18px;line-height: 22px;margin-top: 50px;color: #444;background: url("assets/images/icon_company_history_long_cropped.png") no-repeat right 500px top 6px;} .history .historyList ul li span.establish.two-line {margin-top: 40px;color: #444;background: url("assets/images/icon_company_history_long_cropped.png") no-repeat right 500px top 15px;} .history .historyList ul li span.establish > span.est_txt {width:480px;} .history .historyList ul li span.establish.bgNone {background:none;} .history .historyList ul li .mobile-off {display: inline-block; !important;} .history .historyList ul li .mobile-on {display: none; !important;} /*.history .historyList ul li.on {opacity:1;} .history .historyList ul li.on span.year {color:#997350;}*/ .history .historyList ul li .before {opacity:0.2;clip-path: inset(0 0 0 0);transition: all 1.75s;} .history .historyList ul li .after {position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;clip-path: inset(0 0 100% 0);transition: all 1.75s;} .history .historyList ul li .after span.year {color:#997350;} .history .historyList ul li.on .before {clip-path: inset(100% 0 0 0);} .history .historyList ul li.on .after {clip-path: inset(0 0 0 0);} /* contactus */ .contactus { padding-top: 90px;background:rgba(227,227,227,0.2);} .contactus .subHead { font-family: 'Pretendard'; font-size: 28px; color: #333333; text-align: center; } .contactus .contusAddress { text-align: center; color: #666666; font-size: 15px; padding: 20px 0 90px 0; } .contactus .contusAddress p { padding-bottom: 12px; } .contactus .contusAddress p span { display: inline-block; padding: 0 15px; } .contactus .contusAddress p span:first-child { background: url("assets/images/ico_line.png") no-repeat right 50%; padding-right: 17px; } .contactus .map { /*background: url("assets/images/map.jpg") no-repeat center 50%; background-size: cover; */height: 0; padding-bottom: 35%; position: relative; } .contactus .map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* overview :: 2019-11-11 */ .overview {padding:70px 0; border-top: #e5e5e5 1px solid;} .overview .subHead{font-family: 'Pretendard';font-size: 28px;display: block;text-align: center; color: #333333;} .overview .overviewVideo{max-width: 1140px;margin:20px auto 0;text-align: center;} .overview .overviewVideo li{position:relative;display:inline-block;} .overview .overviewVideo li a{display:block;color:#0529fd;text-decoration:underline;} .overview .overviewVideo li + li{padding-left:20px;} .overview .overviewVideo li + li:before{content:'';position:absolute;top:3px;left:8px;width:1px;height:13px;background:#0529fd;} /* ###### default PC2 751~1279 ###### */ @media (max-width: 1279px) { /* CAMPANY STYLE GUIDE */ /* profile */ /* history */ .history { padding: 150px 0 100px 0; } .history .historyTop dl { padding: 0 20px; } .history p { margin: 65px 0; } .history .historyList dl { padding: 0 20px; } /* contactus */ .contactus { padding-top: 120px; } .contactus .map { background: url("assets/images/map_s.jpg") no-repeat center 50%; background-size: cover; height: 0; padding-bottom: 55%;} } /* ###### default Mobile ~750 ###### */ @media (max-width: 750px) { /* CAMPANY STYLE GUIDE */ .subCont.campany {background-image:url("assets/images/bg_campany_visual_m.jpg");} /* profile */ /*.companyProfile { background: #050505 url("assets/images/bg_campany_1_m.jpg") no-repeat center 0; background-size: cover; padding: 60px 0; } .companyProfile .profileList { padding-top: 50px; width: 100%; overflow: hidden; position: relative; padding-bottom: 50px;} .companyProfile .profileList ul { text-align: center; box-sizing: border-box;} .companyProfile .profileList ul li { padding: 0;} .companyProfile .profileList ul li div {margin:48px auto 0;width: 216px;height: 216px;display: flex;justify-content: center;align-items: center;border-radius: 50%;border: 2px solid rgba(204, 204, 204, 0.25);} .companyProfile .profileList ul li div.on {border: 2px solid rgba(220, 183, 137, 0.7);} .companyProfile .profileList ul li div p { color:#DCB789;font-size: 16px;} .companyProfile .profileList .logo { width:90px; height:148px;margin:0 auto ;background: url("assets/images/m_logo.png") no-repeat center center;} .companyProfile .profileList .btnM { display: block; } .companyProfile .profileList .btnM .goLeft { position: absolute; top: 340px; left: 1%; background: url("assets/images/left.png") no-repeat;width: 8%; height: 11%; text-indent: -9999em;} .companyProfile .profileList .btnM .goRight { position: absolute; top: 340px; right: 1%; background: url("assets/images/right.png") no-repeat; width: 8%; height: 11%; text-indent: -9999em;} .companyProfile .profileList .swiper-pagination {width:180px;position: relative;margin:33px auto 0;padding:0;} .companyProfile .profileList .swiper-pagination-bullet { margin:5px 10px;} .companyProfile .profileList .swiper-pagination:after {content:''; display:block; width:106px; height:1px; position:absolute;left:38px;top:10px;background:url('assets/images/paging-dashed.png');} .swiper-pagination-bullet-active {position: relative;background:#996650;} .swiper-pagination-bullet-active:after{content:'';display:block;position:absolute;left:-5px;top:-5px;width: 20px;height:20px;border-radius: 50%;background: rgba(153, 102, 80, .2);} .companyProfile .profileList .indicator {width:140px;overflow:hidden; margin:38px auto 0;} .companyProfile .profileList .indicator li {float:left; position:relative; padding-left:10px;} .companyProfile .profileList .indicator li:first-child {padding-left:0;} .companyProfile .profileList .indicator li:after {content:''; display:block; width:100%; height:1px; position:absolute; right:50%; top:50%; background:url(assets/images/bg_dashed.gif) repeat-x left center;} .companyProfile .profileList .indicator li:first-child:after {display:none;} .companyProfile .profileList .indicator span {display:block;width:20px;height:20px;position:relative;text-align:center;border-radius:100%;z-index:5;} .companyProfile .profileList .indicator span a {display:inline-block; width:10px; height:10px; background:#999999; border-radius:100%; margin: 5px;} .companyProfile .profileList .indicator .on span a { background: #996650; } .companyProfile .profileList .indicator .on span {background: rgba(153, 102, 80, .2);}*/ /* history */ .history { padding: 70px 0 20px;} .history p { margin: 50px 0; background: url("assets/images/bg_company_history_s.jpg") no-repeat center bottom; background-size: cover; padding-bottom: 60%; } .history .historyList dl { padding: 0; } .history .subHead { font-family: 'Pretendard'; font-size: 28px; color: #333333; text-align: center; } .history .contents { padding: 0; } .history .historyTop { text-align: center; } .history .historyTop dl { padding: 0 } /* 2023-06-19 변경 */ .history .historyTop dl dt { font-size: 15px; color: #444444; font-weight: bold; padding: 10px 0; font-family: 'Pretendard'; } .history .historyTop dl dd { font-size: 15px; color: #666666; } .history p { background: url("assets/images/bg_company_history.jpg") no-repeat center 50%; background-size: cover; height: 0; padding-bottom: 35%; margin: 40px 0 50px 0; } .history p img { width: 100%; } .history .historyList ul li {} .history .historyList ul li > div {position:relative;} .history .historyList ul li span.achieve {position:absolute;left:0px;top:88px;font-size:12px;line-height: 22px;margin-top: 50px;background:none;margin-top:0;width: 50%;} .history .historyList ul li span.year {width:135px;font-size:55px;margin-right:20px;margin-bottom:15px;} .history .historyList ul li span.establish {width:calc(100% - 160px);font-size: 14px;line-height: 18px;background: url("assets/images/icon_company_history_long_cropped.png") no-repeat right 400px top 5px;margin-top:42px;} /*.history .historyList ul li span.establish {width:unset;font-size: 14px;line-height: 18px;margin-top:42px;}*/ .history .historyList ul li span.establish.two-line{background: url(assets/images/icon_company_history_long_cropped.png) no-repeat right 400px top 15px;width:calc(100% - 160px);} .history .historyList ul li span.establish > span.est_txt {width:370px;} .history .historyList ul li span.establish.bgNone {background:none;} .history .historyList ul li span.achieve br{display:none !important;} .history .historyList ul li .mobile-off {display: none; !important;} .history .historyList ul li .mobile-on {display: inline-block !important;} /*.history .historyList ul li.on {opacity:1;} .history .historyList ul li.on span.year {color:#997350;}*/ .history .historyList ul li .before {opacity:0.2;/*clip-path: inset(0 0 0 0);transition: all .75s;*/} .history .historyList ul li .after {position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;/*clip-path: inset(100% 0 0 0);transition: all .75s;*/} .history .historyList ul li .after span.year {color:#997350;} .history .historyList ul li.on .before {/*clip-path: inset(0 0 100% 0);*/} .history .historyList ul li.on .after {/*clip-path: inset(0 0 0 0);*/} /* contactus */ .contactus { padding-top: 60px; } .contactus .map { padding-bottom: 100%;} } /* ###### default 480 ###### */ @media (max-width: 480px) { .companyProfile .profileList ul li div { } .companyProfile .profileList ul li div strong { } .companyProfile .profileList ul li div strong.year { } .history .historyList ul li span.establish {background: url("assets/images/icon_company_history_long_cropped.png") no-repeat right 190px top 5px} .history .historyList ul li span.establish.two-line{background: url(assets/images/icon_company_history_long_cropped.png) no-repeat right 190px top 13px} .history .historyList ul li span.establish > span.est_txt {width:175px;} } /* ###### default 320 ###### */ @media (max-width: 320px) { .companyProfile .goLeft { left: 0; } .companyProfile .profileList ul li div strong.year {} } /* =================================================== SUB CONTETNS _______________ TEAM / PORTFOLIO; =================================================== */ /* TEAM STYLE GUIDE */ /* PORTFOLIO STYLE GUIDE */ /* TEAM / NOTICE 공통 */ .sortby { border-top: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid; position: relative; height: 82px; padding: 10px; margin-bottom: 30px; } .sortby > div { float: left; box-sizing: border-box; } .sortby > div > a { display: inline-block; font-family: 'Pretendard'; color: #666666; font-size: 22px; margin-right: 40px; height: 60px; line-height: 60px; box-sizing: border-box; } .sortby .dropdown { display: inline-block; position: relative; } .sortby .dropdown > a { padding-right: 20px; margin-left: 20px; background: url("assets/images/ico_dropdown.png") no-repeat right 50%; transition:all .1s ease-out; } .sortby .dropdown > a.open { background: url("assets/images/ico_up.png") no-repeat right 50%; transition:all .1s ease-out; } .sortby .dropdown + ul { display: none; width: calc(100% + 1px); position: absolute; top: 79px; left: 0; z-index: 100; background-color: #f1f1f1; box-sizing: border-box; padding: 25px 10px; } .sortby .dropdown + ul>li { display: inline-block; margin-right: 50px; vertical-align: middle; box-sizing: border-box; } .sortby .dropdown + ul>li:last-child { margin-right: 0; } .sortby .dropdown + ul>li>a { border-bottom: #f1f1f1 2px solid; display: inline-block; font-size: 11px; line-height: 1.6; color: #666; font-family: "Pretendard"; text-transform: uppercase; color: #999999; letter-spacing: .5px; box-sizing: border-box; } .sortby .dropdown + ul>li:last-child { padding-right: 0; } .sortby .dropdown + ul>li a span { display: block; } .sortby .dropdown + ul>li a.on { color: #b79264; border-bottom: #b79264 2px solid; } .sortby .dropdown + ul>li a:hover, .sortby .dropdown + ul>li a:focus, .sortby .dropdown + ul>li a:active { color: #b79264; border-bottom: #b79264 2px solid; } .sortby .dropdown + ul>li a.on span { color: #b79264; } .sortby .dropdown + ul.byTeamList { padding: 35px 10px; } .sortby .dropdown + ul.byPortfolioList { padding: 35px 10px; } .sortby .dropdown + ul.byTypeList { padding: 35px 10px; } .sortby .dropdown + ul.byTypeList.sub { padding: 35px 10px 70px; } .sortby .searchBox { border: #dcdcdc 1px solid; border-radius: 30px; height: 50px; line-height: 50px; box-sizing: border-box; position: absolute; top: 15px; right: 0; padding: 0 20px 0 45px; background: url("assets/images/ico_search.png") no-repeat 21px 55%;} .sortby .searchBox input[type="text"] { border: none; background: none; min-width: 200px; height: 30px; line-height: 30px; padding: 0 5px; font-family: "Pretendard"; font-size: 14px; } .sortby .searchBox input[type="text"]::-webkit-input-placeholder { color: #999a9a; font-family: "Pretendard"; font-size: 14px; } .sortby .searchBox input[type="text"]::-moz-placeholder { color: #999a9a; font-family: "Pretendard"; font-size: 14px; } .sortby .searchBox input[type="text"]:-ms-input-placeholder { color: #999a9a; font-family: "Pretendard"; font-size: 14px; } .sortby .searchBox input[type="text"]:-moz-placeholder { color: #999a9a; font-family: "Pretendard"; font-size: 14px; } .notFound { text-align: center; padding: 20% 0; } .notFound p { font-size: 28px; color: #b79264; font-family: "Pretendard"; } .notFound p span { display: inline-block; text-decoration: underline; line-height: 1.3; padding: 2px 2px 3px 2px; vertical-align: middle; } .notFound p span:after { content: '"'; } .notFound p span:before { content: '"'; } .boardList { } .boardList .item { width: 23.5%; margin-right: 2%; float: left; box-sizing: border-box; padding-bottom: 25px; } .boardList .item.here { background: url("assets/images/ico_here.png") no-repeat center bottom; } .boardList .item.nth3 { margin-right: 2%; } .boardList .item.nth4 { margin-right: 0; } .boardList .item .position { height: 0; padding-bottom: 118%; position: relative; } .boardList .item .position p { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;background-size:cover;background-position:right center;} .boardList .item .position p img { position: absolute; top: 0; right: 0; display: block; width: 100%; height: 100%; max-width: 390px;} .boardList .item .position dl { position:absolute;top:0;left:0;width:100%;height:100%;padding:0 20px 24px;color:#fff;text-shadow: #000 1px 1px;display:flex;flex-wrap:wrap;justify-content:flex-end;flex-direction:column;background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #150D01 98.25%);} .boardList .item .position dl dt { padding-bottom: 13px; } .boardList .item .position dl dt strong { display: block; font-size: 14px; color: #d0d0d0; padding-bottom: 4px;} .boardList .item .position dl dt span { display: block; font-size: 18px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.9px;} .boardList .item .position dl dd { word-spacing: -2px; color: #c4c4c4; font-size: 15px; } .boardList .item .position .dim { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: #000; opacity: .5; transition:all .3s; } .boardList .item .position .dim.hide { display: block; transition:all .3s; } .moreview { clear: both; text-align: center;} .moreview a { margin-top: 30px; color: #666666; font-size: 18px; display: inline-block; padding: 0 20px 0 0; background: url("assets/images/ico_dropdown.png") no-repeat right 58%; } .moreview span { margin-top: 30px; color: #666666; font-size: 18px; display: inline-block; padding: 0 20px 0 0; background: url("assets/images/ico_dropdown.png") no-repeat right 58%; cursor: pointer; } #inveMain .fp-controlArrow{display:none;} #inveMain .fp-slidesNav.bottom{bottom:100px;margin-left:-198px!important;} /* ###### default PC2 751~1279 ###### */ @media (max-width: 1279px) { /* TEAM STYLE GUIDE */ /* PORTFOLIO STYLE GUIDE */ /* TEAM / NOTICE 공통 */ .sortby .dropdown + ul li { display: inline-block; margin-right: 50px; vertical-align: middle; box-sizing: border-box; padding: 10px 0; } .sortby .dropdown + ul li a span { display: inline; } .sortby .dropdown + ul.byTeamList { padding: 25px 10px; } .sortby .dropdown + ul.byPortfolioList { padding: 25px 10px; } .sortby .dropdown + ul.byTypeList { padding: 25px 10px; } .sortby .dropdown + ul.byTypeList.sub { padding: 25px 10px 70px; } .sortby .searchBox input[type="text"] { min-width: 60px; max-width: 103px; } .boardList .item { width: 32%; margin-right: 2%; float: left; box-sizing: border-box; padding-bottom: 20px; } .boardList .item.nth3 { margin-right: 0%; } .boardList .item.nth4 { margin-right: 2%; } .boardList .item .position { padding-bottom: 119%; } .boardList .item .position p img { width: 100%; height: 100%; max-width: 390px; } .moreview a { margin-top: 40px; } .moreview span { margin-top: 40px; } } /* ###### default 751 ~1023 ###### */ @media (max-width: 1023px) { .sortby > div > a { margin-right: 30px; } } /* ###### default Mobile ~750 ###### */ @media (max-width: 750px) { .sortby .dropdown + ul.byTeamList { top: 122px; padding: 15px 10px; } .sortby .dropdown + ul.byPortfolioList { top: 122px; padding: 15px 10px; } .sortby .dropdown + ul.byTypeList { top: 183px; padding: 15px 10px; } .notFound { text-align: center; padding: 20% 0; } .notFound p { font-size: 28px; color: #b79264; font-family: "Pretendard"; } .notFound p span { max-width: 90%; vertical-align: top; } .notFound p strong { display: block; } .boardList .item .position dl {background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(111, 106, 98, 0.62) 45.10%, #150D01 100%);} } /* ###### default 320 ###### */ @media (max-width: 320px) { .boardList .item .position dl { padding: 0 10px 10px; } } /*Venture Capital*/ .byTypeListVentureCapital{overflow:hidden;margin-bottom:30px;} .byTypeListVentureCapital li{display:inline-block;width:calc(17% - 1px);height:40px;padding:0!important;margin:0!important;text-align:center;overflow:hidden;float:left;border-left:1px solid #d9d9d9;} .byTypeListVentureCapital li:first-child{width:16%;border-left:0;} .byTypeListVentureCapital li:last-child{width:calc(16% - 1px);} .byTypeListVentureCapital li a{display:block;width:100%;height:100%;line-height:40px;color:#393939;font-size:12px;font-weight:500;background:#e7e7e7;} .byTypeListVentureCapital li a.on{background:#fff;color:#b79265;!important;border-bottom:0!important;} .byTypeListVentureCapital li a:hover, .byTypeListVentureCapital li a:active{border-bottom:0!important;} /* =================================================== SUB CONTETNS _______________ TEAM / =================================================== */ /* TEAM STYLE GUIDE */ /* TEAM ONLY */ .subCont.team {background-image:url("assets/images/bg_team_visual.jpg");} /* teamPeople */ .teamPeople { background-color: #f1f1f1; padding: 80px 0 190px 0; overflow: hidden; } .teamPeople > .contents {max-width:960px;} .teamPeople .subHead { font-family: 'Pretendard'; font-size: 28px; color: #333333; text-align: center; padding-bottom: 74px; } .boardList .itemViewer { clear: both; width: 100%; min-height: 150px; margin-bottom: 25px; background-color: #fff; position: relative; overflow:hidden;} .boardList .itemViewer div { padding: 65px 50px 79px 25px; } .boardList .itemViewer .closeBtn { position: absolute; top: 50px; right: 50px; background: url("assets/images/btn_close2.png") no-repeat 0 0; width: 23px; height: 23px; display: block; text-indent: -9999em; } .boardList .itemViewer div dt { padding-bottom: 40px; padding-right: 25px; } .boardList .itemViewer div dt strong { display: block; font-family: 'Pretendard'; font-size: 40px; } .boardList .itemViewer div dt span { display: block; color: #999999; } .boardList .itemViewer div dd {color: #414141;font-size: 20px;line-height: 1.6; word-spacing: 1px; } .itemListTitle1 {font-family: 'Pretendard'; font-size:22pt;margin-bottom:40px;padding: 10px 0;text-align:center;line-height:60px;;color:#666;border-top: 1px solid rgba(68,68,68,0.2);border-bottom:1px solid rgba(68,68,68,0.2);} .itemListTitle2 {font-family: 'Pretendard'; font-size:18pt; font-weight:bold; margin:30px 0 30px;} /* 190128 정은정 추가 :: start */ .boardList .itemList{overflow:hidden;} .boardList .itemList .itemViewer{margin-bottom:0;background:none;} .boardList .itemList .itemViewer > div{margin-bottom:25px;background-color:#fff;} /* 190128 정은정 추가 :: end */ /* ###### default PC2 751~1279 ###### */ @media (max-width: 1279px) { /* TEAM STYLE GUIDE */ /* TEAM ONLY */ /* teamPeople */ .teamPeople .subHead { padding-bottom: 70px; } .boardList .itemViewer div { padding: 60px 20px; } .boardList .itemViewer .closeBtn { top: 60px; right: 20px; } .boardList .itemViewer div dd { padding-right: 0; } } /* ###### default Mobile ~750 ###### */ @media (max-width: 765px) { /* TEAM STYLE GUIDE */ .subCont.team {background-image:url("assets/images/bg_team_visual_m.jpg"); background-size: cover; } /* teamPeople */ .teamPeople { padding: 60px 0 40px 0; } .teamPeople .subHead { padding-bottom: 60px; } .sortby { height: auto; border-bottom: none; padding: 0; } .sortby > div { float: none; border-bottom: #dcdcdc 1px solid; padding: 0 10px; } .sortby > div > a { display: block; margin-right: 0; } .sortby .dropdown { display: block; } .sortby .dropdown > a { display: block; margin-left: 0; } .sortby .dropdown + ul { height: auto; top:122px} .sortby .dropdown + ul li { display: block; padding: 5px 0; } .sortby .dropdown + ul li a { line-height: 1.2; } .sortby .dropdown + ul li a span { display: inline; } .sortby .searchBox { clear: both; position: static; display: block; margin-top: 20px; } .sortby .searchBox input[type="text"] { width: 100%; max-width: 95%; } .boardList .item { width: 100%; margin-right: 0; float: none; } .boardList .item.nth3 { margin-right: 0%; } .boardList .item.nth4 { margin-right: 0; } .boardList .item .position { height: 0; padding-bottom: 55.5%; } .boardList .item .position p { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 0; text-align: right;} .boardList .item .position p img { width: auto; height: 100%; } .boardList .item .position dl { box-sizing: border-box; padding: 7% 25px 20px 25px; width: 100%; } .boardList .itemViewer div { padding: 40px 20px; } .boardList .itemViewer .closeBtn { top: 40px; right: 20px; } .moreview a { margin-top: 20px; } .moreview span { margin-top: 20px; } .byTypeListVentureCapital{position:static;margin-top:10px;} .byTypeListVentureCapital li{width:100%!important;margin-top:5px;margin-right:0;border-bottom:1px solid #ccc;} .byTypeListVentureCapital li:last-child{border-bottom:0;} .byTypeListVentureCapital li a{line-height:40px!important;} .sortby .dropdown + ul.byTypeList.sub{padding:15px 10px;} } /* =================================================== SUB CONTETNS _______________ NOTICE =================================================== */ .subCont.notice {background-image:url("assets/images/bg_notice_visual.jpg");} .sortby.notice {border-top:0;border-bottom: 2px solid #777777;position: relative;height: 80px;padding: 7px;margin-bottom: 30px;} .divTable{display: table;width: 100%;background: white;border-radius: 5px;border-collapse: collapse;} .divTableBody tr:nth-of-type(odd) { /*background: #eee; */} .divTableRow {/*display: table-row;*/border-bottom: 1px solid #dcdcdc;} .divTableRowView:first-child {border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;font-size: 20px;height: 70px;/*padding: 10px;*/margin-bottom: 30px;} .divTableRowView.contents td,.divTableRowView.attach td{padding: 20px 30px;} .divTableRowView.contents{background:white;} .divTableRowView.contents td{line-height: 30px;font-size:16px;} .divTableRow:last-child { border-bottom: none; } .divTableCell{ display: table-cell;padding: 13px;} .divTableCell a{color:#222;} .divTableCell a:hover{ font-weight: bold;} .sortby a:hover{ font-weight: bold; } /*.divTableCell:not(:last-child){border-bottom: 1px solid #dcdcdc;}*/ .divTableBody {display: table-row-group;} .divTableCell.a{width:5%;text-align: center;color:#444444;line-height:1.4;font-size:14px;} .divTableCell.b{width:13%;text-align: center;} .divTableCell.c{width: *;/*text-align: center;*/} .divTableCell.type{width: 92px;text-align: center;padding-left: 30px;} .divTableCell.title{width:%;text-align: left;} .divTableCell.date{width:13%;text-align: right;} .divTableCell.list{width:15%;text-align: right;padding-right: 0px;padding-bottom: 40px;padding-top: 70px;} .divTableCell.d{width:13%;text-align: right;padding-left: 0px;color:#888888;font-size:14px;line-height: 1.4;} .divTableRow:hover{background:#eee !important;/*border: 1px solid #dcdcdc;border-radius: 10px;*/} .dropdown{font-size: 20px;} .downIcon{width: 11px;margin-right: 10px;} .clockIcon{width: 17px;margin-left: 10px;vertical-align: text-bottom;} .attach.down{padding: 20px;border: solid 1px gainsboro;color:#000000;font-weight: bold;} .attachFile{border: solid 1px gainsboro;padding: 15px;word-break: break-all;display: inline-block;color: #1a1818;border-radius: 5px;font-weight: bold;border: solid 1px #000;} /*.attachFile:hover{font-weight: bold;border: solid 1px #000;}*/ .vHead{font-size: 20px;margin: 0 32px 20px;display: table;width: 95%;} .vHead span{display: table-cell;} .vType{width: 80px;} .vTitle{width: calc(100% - 300px);/*text-align: center;*/font-weight: bold;} .vDate{width: 160px;} #bo_cate {margin:0px 0} #bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;} #bo_cate ul {zoom:1} #bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} #bo_cate li {display:inline-block;padding:2px} #bo_cate a {display:block;line-height:35px;padding:2px 15px;border-radius:4px;border:0px;color:#777; font-size: 20px; font-weight:bold;} #bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#ddd;color:#000} #bo_cate #bo_cate_on {z-index:2;background:#997350;;color:#fff;font-weight:bold;border:0px;} .td_subject img {margin-left:5px} #bo_cate_ul {margin-top: 13px;font-size: 16px;} .if_date {margin:0;color:#888} .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} *, :after, :before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} /* notice - paging */ .page-numbers{display: flex;justify-content: center;margin-top:15px;} .page-numbers li + li {margin-left:15px;} .page-numbers li a.prev {color:#111;} .page-numbers li a.next {color:#111;} .page-numbers li a {color:#111;} .page-numbers li span.current {text-decoration:underline;color:#dcb789;} /* ###### default Mobile ~750 ###### */ @media (max-width: 750px) { .subCont.notice {background-image:url("assets/images/bg_notice_visual_m.jpg");background-size: cover;} .sortby.notice {height: auto;padding: 7px 7px 20px;} .portfolioWork { padding: 60px 0 40px 0; } .portfolioWork .subHead { padding-bottom: 60px; } /* .portfolioWork .item:nth-child(4n) { margin-right: 0; } .portfolioWork .item:nth-child(3n) { margin-right: 0; } */ .boardList .item .pfList { height: 220px; padding: 0 0 50px 0; } .boardList .item .pfList dl { padding: 0 6% 50px 6%; } .boardList .item .pfList dl dt { padding-bottom: 7px; } } /* =================================================== SUB CONTETNS _______________ PORTFOLIO =================================================== */ /* PORTFOLIO STYLE GUIDE */ .subCont.portfolio {background-image:url("assets/images/bg_portfolio_visual.jpg");} /* portfolio */ .portfolioTab{} .portfolioTab .tabContent{display:none;} .portfolioTab .tabContent.active{display:block;} .tabBtns{border-bottom:1px solid #e5e5e5;} .tabBtns .tabActiveN{display:none;} .tabBtns .tabs{max-width:1024px;margin:0 auto;} .tabBtns .tabs:after{content:'';display:block;clear:both;} .tabBtns .tabs li{float:left;width:33.33%;height:80px;border-right:1px solid #e5e5e5;box-sizing:border-box;} .tabBtns .tabs li:first-child{border-left:1px solid #e5e5e5} .tabBtns .tabs li a{display:block;font-family:'Pretendard';font-size:22px;line-height:80px;text-align:center;color:#888;text-transform:uppercase;} .tabBtns .tabs li.active a{color:#fff;background-color:#333;} .portfolioCount{max-width:1024px;margin:80px auto 100px;text-align:center;} .portfolioCount .subHead { font-family: 'Pretendard'; font-size: 28px; color: #333333; text-align: center; padding-bottom: 35px; } .portCountArea{padding:55px 20px;background:url("assets/images/bg_port_overview_count.png") no-repeat 0 0;background-size:cover;} .portCountArea.forMobile{display:none;} .portCountArea ul{display:table;width:100%;table-layout:fixed;} .portCountArea li{display:table-cell;padding:20px 0;vertical-align:top;} .portCountArea li + li{border-left:1px solid #5c5653;} .portCountArea li .unit{display:block;margin-bottom:10px;font-family: 'Pretendard';font-size:14px;color:#FFCDB8;} .portCountArea li .cal{display:block;font-family: 'Pretendard';font-size:90px;color:#fff;} .portCountArea li .cal > i{display:inline-block;font-size:24px;font-style:normal;} .portCountArea li p{font-family: 'Pretendard';font-size:12px;color:#ccc;} .portfolioCount .subTxt{margin-top:50px;font-size:15px;color:#333;font-family: 'Pretendard';} .portfolioCount .txt{margin-top:50px;font-size:16px;color:#666;} .portfolioWork { background-color: #f1f1f1; padding: 80px 0; overflow: hidden; } .portfolioWork .subHead { font-family: 'Pretendard'; font-size: 28px; color: #333333; text-align: center; padding-bottom: 70px; } /*.portfolioWork .item:nth-child(4n) { margin-right: 0; }*/ .boardList .item .pfList { height: 248px; padding: 0 0 70px 0; position: relative; background-color: #fff; border: #e4e4e4 1px solid; display: table; width: 100%; } .boardList .item .pfList > p { display: table-cell; width: 100%; text-align: center; vertical-align: middle; } .boardList .item .pfList > p img { width:170px; max-width: 100%; } .boardList .item .pfList dl { width: 88%; position: absolute; bottom: 0; left: 0; padding: 0 6% 50px 6%; text-align: center; font-family: "Pretendard"; } .boardList .item .pfList dl dt { color: #333333; font-size: 16px; padding-bottom: 13px; text-transform: uppercase; } .boardList .item .pfList dl dd { color: #d1d1d1; font-size: 14px; } .boardList .item .showSub:before{content:url("assets/images/ico_item_ex.png");position: absolute;overflow: hidden;bottom: 12px;left: 50%;margin-left: -7px;} .boardList .item.here .showSub:before{content:url("assets/images/ico_item_ex_active.png");position: absolute;overflow: hidden;bottom: 12px;left: 50%;margin-left: -7px;} .boardList .item:hover .showSub:after{content:url("assets/images/ico_item_plus.png");position: absolute;overflow: hidden;background: rgba(0,0,0,0.6);left:0;top:0;right:0;bottom:0;display: flex;align-items: center;justify-content: center;} /* ###### default PC2 751~1279 ###### */ @media (max-width: 1279px) { /* PORTFOLIO STYLE GUIDE */ /* PORTFOLIO ONLY */ /* .portfolioWork .item:nth-child(4n) { margin-right: 2%; } .portfolioWork .item:nth-child(3n) { margin-right: 0; }*/ } /* ###### default Mobile ~750 ###### */ @media (max-width: 750px) { /* PORTFOLIO STYLE GUIDE */ .subCont.portfolio {background-image:url("assets/images/bg_portfolio_visual_m.jpg");} .portfolioWork { padding: 60px 0 40px 0; } .portfolioWork .subHead { padding-bottom: 60px; } /* .portfolioWork .item:nth-child(4n) { margin-right: 0; } .portfolioWork .item:nth-child(3n) { margin-right: 0; } */ .boardList .item .pfList { height: 220px; padding: 0 0 50px 0; } .boardList .item .pfList dl { padding: 0 6% 50px 6%; } .boardList .item .pfList dl dt { padding-bottom: 7px; } } /* =================================================== SUB CONTETNS _______________ PORTFOLIO =================================================== */ /* PORTFOLIO STYLE GUIDE */ /* PORTFOLIO ONLY */ .subCont.portfolio {background-image:url("assets/images/bg_portfolio_visual.jpg");} /* portfolio */ .portfolioWork { background-color: #f1f1f1; padding: 80px 0; overflow: hidden; } .portfolioWork .subHead { font-family: 'Pretendard'; font-size: 28px; color: #333333; text-align: center; padding-bottom: 70px; } .portfolioWork .boardList .item .position p { background: #000; } .portfolioWork .boardList .item .position p .pcOnly { display: block; } .portfolioWork .boardList .item .position p .mOnly { display: none; } .portfolioWork .boardList .item .position dl { background: none; bottom: auto; top: 0; width: 88%; height: 82%; padding: 9% 6%; } .portfolioWork .boardList .item .position dl dd.bt { position: absolute; bottom: 5%; left: 26px; font-family: 'Pretendard'; font-size: 14px; color: #d1d1d1; } .portfolioWork .boardList .item .position .tag {display:none;} /*.portfolioWork .boardList .item.exit a {cursor:context-menu;}*/ .portfolioWork .boardList .item.exit .position .dim {display:block;} .portfolioWork .boardList .item.exit .position .tag {display:block;} .portfolioWork .boardList .item.exit .position .tag .tagBG {display:block; position:absolute; right:0; bottom:0; width:69px; height:69px; background:url("assets/images/bg_tag.png") no-repeat right bottom;} .portfolioWork .boardList .item.exit .position .tag .tagText {display:block; position:absolute; right:-43px; bottom:-13px; width:115px; padding:10px 0 30px; font-family:'Pretendard'; font-size:13px; color:#fff; text-align:center; opacity:.5; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} .boardList .itemViewer2 { clear: both; width: 100%; min-height: 150px; margin-bottom: 25px; background-color: #fff; position: relative; line-height: 1; overflow:hidden; min-height:150px; height:auto;/*min-height:150px !important; height:auto !important;*/} .boardList .itemViewer2 > div{ padding: 45px 45px 70px 45px; } .boardList .itemViewer2 .closeBtn { position: absolute; top: 50px; right: 45px; background: url("assets/images/btn_close2.png") no-repeat 0 0; width: 23px; height: 23px; display: block; text-indent: -9999em; } .boardList .itemViewer2 dl dt{border-bottom:1px solid #e5e5e5;} .boardList .itemViewer2 dl dt{padding-bottom:15px;} .boardList .itemViewer2 dl dt .logo img{width:auto;height:22px;} .boardList .itemViewer2 dl dd{padding-top:40px;overflow:hidden;} .boardList .itemViewer2 dl dd .slider{position:relative;width:350px;height:300px;float:left;background:url("assets/images/bg_item_thumg.png") left top no-repeat;-webkit-background-size:cover;background-size:cover;overflow:hidden;} .boardList .itemViewer2 dl dd .slider img{width:100%;height:auto;} .boardList .itemViewer2 dl dd .slider .swiper-slide{height:auto;} .boardList .itemViewer2 dl dd .slider .swiper-slide img{height:100%;} .boardList .itemViewer2 dl dd .slider .swiper-pagination-bullet{width:8px;height:8px;background:none;border:2px solid #fff} .boardList .itemViewer2 dl dd .slider .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;} .boardList .itemViewer2 dl dd .info{width:calc(100% - 400px);float:right;} .boardList .itemViewer2 dl dd .info .tit{padding-top:10px;} .boardList .itemViewer2 dl dd .info .tit h5{color: black;font-family: 'Pretendard';font-size: 40px;font-weight: 400;line-height: 30px;} .boardList .itemViewer2 dl dd .info .tit p{margin-top:10px;color: #999;font-size: 16px;font-weight: 400;line-height: 25px;} .boardList .itemViewer2 dl dd .year-country .year, .boardList .itemViewer2 dl dd .year-country .country{display:inline-block;color: #b79265;font-size: 14px;font-weight: 700;line-height: 28px;} .boardList .itemViewer2 dl dd .year-country em{color:black;font-weight: 300;} .boardList .itemViewer2 dl dd .year-country .year:after{content:"";margin:0 20px;display:inline-block;width:2px;height:12px;background:#b2b2b2;} .boardList .itemViewer2 dl dd .desc{margin-top:20px;} .boardList .itemViewer2 dl dd .desc ul{list-style:none;} .boardList .itemViewer2 dl dd .desc ul li{margin-bottom:15px;padding-left:13px;color: #666;font-size: 14px;font-weight: 300;line-height: 20px;} .boardList .itemViewer2 dl dd .desc ul li:before{content:"•";margin:0 7px 0 -13px;color:#b79265;} .boardList .itemViewer2 dl dd .desc ul li:last-child{margin-bottom:0} .boardList .itemViewer2 dl dd p{margin-top:30px;} .boardList .itemViewer2 dl dd p a{display:inline-block;width: 144px;height: 44px;background-color: #b79265;text-align:center;line-height:44px;} /* ###### default PC2 751~1279 ###### */ @media (max-width: 1279px) { /* PORTFOLIO STYLE GUIDE */ /* PORTFOLIO ONLY */ .boardList .itemViewer2 dl dd .slider{width:30%;height:auto;} .boardList .itemViewer2 dl dd .info{width:calc(100% - 30px - 30%);float:right;} } /* ###### default Mobile ~750 ###### */ @media (max-width: 750px) { /* PORTFOLIO STYLE GUIDE */ .tabBtns{position:relative;} .tabBtns .tabActiveN{display:block;padding:24px 20px 23px;color:#fff;font-family:'Pretendard';font-size:18px;background:#333;} .tabBtns .tabActiveN span{display:block;padding-right:15px;background:url("assets/images/ico_port_tab.png") no-repeat right 50%;background-size:11px auto;} .tabBtns .tabs{display:none;position:absolute;top:70px;left:0;width:100%;height:0;z-index:10;transition:all 1s;} .tabBtns .tabs.down{display:block;height:210px;} .tabBtns .tabs li{float:none;width:100%;height:auto;border:0;} .tabBtns .tabs li:first-child{border:0;} .tabBtns .tabs li a{padding:24px 20px 25px;font-size:18px;line-height:1.2;text-align:left;background:#fff;} .portCountArea.forWeb{display:none;} .portCountArea.forMobile{overflow: hidden;display:block;padding:55px 20px 70px;background-image: url(assets/images/mobile/bg_port_overview_count.png)} .portCountArea ul{display: flex;} .portCountArea ul:after{content:'';display:block;clear:both;} .portCountArea li{float:left;display:inline-block;padding:0;} .portCountArea li + li{border:0;} .portCountArea .btnM .goLeft { position: absolute; top: 50%; left: 5.3%; background: url(assets/images/left.png) no-repeat 0 50%; background-size: 100%; width: 8%; max-width: 35px; height: 11%; text-indent: -9999em; transform:translateY(-50%); } .portCountArea .btnM .goRight { position: absolute; top: 50%; right: 5.3%; background: url(assets/images/right.png) no-repeat 0 50%; background-size: 100%; width: 8%; max-width: 35px; height: 11%; text-indent: -9999em; transform:translateY(-50%); } .portCountArea.swiper-container-horizontal > .swiper-pagination-bullets{bottom:30px;} .portfolioCount{margin:50px auto 60px;} .portfolioCount .subTxt{padding:0 20px;} .portfolioCount .txt{padding:0 20px;} .boardList .itemViewer2 dl dd .slider{margin-bottom:30px;width:100%;height:auto;float:none;} .boardList .itemViewer2 dl dd .info{width:100%;float:none;} .boardList .itemViewer2 dl dd .year-country .year, .boardList .itemViewer2 dl dd .year-country .country{display:block;} .boardList .itemViewer2 dl dd .year-country .year:after{content:"";display:none;} .boardList .itemViewer2 dl dd .year-country .country{margin-top:0;} } /* ###### mobile ###### */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { } /* NEWS STYLE GUIDE */ /* NEWS ONLY */ .inveNews, .invePost{font-family:'Pretendard', sans-serif;} .subCont.news {background-image:url("assets/images/bg_news_visual.jpg");} .newsList{} .newsDetail{background-color:#fafafa;border:1px solid #e4e4e4;} .newsDetail + .newsDetail{margin-top:20px;} .newsDetail a{display:table;width:100%;height:130px;padding:50px;table-layout:fixed;box-sizing:border-box;} .newsDetail a > *{display:table-cell;height:100%;vertical-align:middle;} .newsDetail .title{font-size:18px;color:#111;} .newsDetail .date{width:80px;font-size:14px;color:#999;text-align:right;} .newsList .pagination{margin-top:50px;text-align:center;} .newsList .pagination .page-more{display: inline-block;padding-right: 20px;font-size:18px;color:#666; } .newsList .pagination .page-more:not(.lastView){cursor:pointer; background: url("assets/images/ico_more_board.png") no-repeat right 10px;} .newsView{} .newsViewCont{padding:70px 40px;background-color:#fff; min-height:355px;} .newsView .entry-header{position:relative;padding-bottom:20px;border-bottom:1px solid #f1f1f1;} .newsView .entry-title{padding-bottom:40px;font-size:28px;text-align:center;} .newsView .linkTypeGroup:after{content:'';display:block;clear:both;} .newsView .linkTypeGroup .timeBoard{float:left;margin-top:20px;} .newsView .linkTypeGroup .boardAdd{float:right;} .newsView .linkTypeGroup .boardAdd > *{display:inline-block;width:80px;height:40px;font-size:14px;color:#333;line-height:40px;border: solid 1px #e4e4e4;border-radius:25px;text-align:center;} .newsView .linkTypeGroup .boardAdd > * + *{margin-left:7px;} .newsView .entry-content{margin-top:50px;line-height: 1.5;word-break: break-all;} .newsView .entry-content img{max-width:100%;} .newsView .entry-content img.aligncenter{text-align:center !important; display: block; margin: 0px auto 15px;} .newsView .boardNavPage{margin-top:40px;} .newsView .boardNavPage .navLinks{border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;} .newsView .boardNavPage .navLinks > * + *{border-top:1px solid #dcdcdc;} .newsView .boardNavPage .navLinks [class^='navType']{position:relative;display:block;padding:38px 125px 38px 102px;font-size:16px;color:#333;} .newsView .boardNavPage a:before{content:'';position:absolute;top:50%;left:40px;width:18px;height:10px;margin-top:-5px;background: url("assets/images/ico_news_paging.png") no-repeat 0 0;text-indent:-9999px;} .newsView .boardNavPage .navTypeNext:before{transform:rotate(-180deg);} .newsView .boardNavPage .date{position:absolute;top:50%;right:40px;margin-top:-10px;} .newsView .boardBackHome{margin-top:40px;text-align:center;} .newsView .boardBackHome a{display:inline-block;width:210px;height:60px;font-size:18px;color:#333;line-height:60px;border: solid 1px #e4e4e4;border-radius:50px;text-align:center;} .newsSubscribeArea{padding:150px 0;background-color:#f7f7f7;} .newsSubscribeArea #newsSubscribe {max-width:800px;margin:0 auto;} .newsSubscribeArea .subHead {font-family: 'Pretendard';font-size: 28px;color: #333333;text-align: center;padding-bottom: 25px;} .newsSubscribeArea .subHead + p{font-size: 15px;color: #333333;text-align: center;padding-bottom: 60px;} .newsSubscribeArea .subHead + p br{display:none;} .newsSubscribeArea #newsSubscribe .inputArea{position:relative;} .newsSubscribeArea #newsSubscribe .inputArea .inputType{padding:0 160px 10px 0;border-bottom:3px solid #000;box-sizing:border-box;} .newsSubscribeArea #newsSubscribe .inputArea input[type="text"]{width:100%;height:50px;font-size:16px;line-height:50px;border:0;background:transparent;} .newsSubscribeArea #newsSubscribe .inputArea .sendBtn{position:absolute;top:0;right:0;} .newsSubscribeArea #newsSubscribe .inputArea .sendBtn button{width:150px;height:50px;line-height:50px;color:#333;border: solid 1px #e4e4e4;border-radius:25px;} .newsSubscribeArea #newsSubscribe input, .newsSubscribeArea #newsSubscribe button{font-family:'Pretendard', sans-serif;} .newsView .downBox {overflow:hidden;clear:both;margin-top:40px;} .newsView .downBox li{width:290px;height:44px;border:1px solid #e5e5e5;background:#fcfcfc;float:left;margin-right:10px;box-sizing:border-box;} .newsView .downBox li a{width:100%;height:100%;padding-left:60px;line-height:44px;display:block;position:relative;box-sizing:border-box;padding-right:40px;} .newsView .downBox li a span{display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;font-size:14px;color:#333;} .newsView .downBox li a:before{content:'';position:absolute;width:32px;height:20px;left:19px;top:12px;background-repeat:no-repeat;background-size:32px auto;} .newsView .downBox li a:after{content:'';position:absolute;width:18px;height:15px;right:20px;top:12px;background-repeat:no-repeat;background-size:18px auto;background-image: url("assets/images/ico_newDown.png");} .newsView .docx a:before{background-image: url("assets/images/ico_doc.png");} .newsView .pdf a:before{background-image: url("assets/images/ico_pdf.png");} input::placeholder { color: #999; } /* ###### default PC2 751~1279 ###### */ @media (max-width: 1279px) { } /* ###### default Mobile ~750 ###### */ @media (max-width: 750px) { /* NEWS STYLE GUIDE */ .subCont.news {background-image:url("assets/images/bg_news_visual_m.png"); background-size: cover; } .newsDetail a {display: block;height: auto;padding:30px 20px;} .newsDetail a > * {display:block;} .newsDetail .date{display:block;width:auto;margin-top:20px;text-align:left;} .popDetailView{margin:0 -20px;} .newsViewCont{padding:40px 30px;} .newsView .entry-title{padding-bottom:20px;} .newsView .linkTypeGroup .timeBoard{float:none;display:block;margin-top:0;text-align:center;} .newsView .linkTypeGroup .boardAdd{float:none;margin-top:25px;text-align:center;} .newsView .entry-content{margin-top:30px;} .newsView .boardNavPage .navLinks [class^='navType']{padding: 25px 22px 25px 68px;} .newsView .boardNavPage a:before{left:20px;} .newsView .boardNavPage .date{display:none;} .newsSubscribeArea{padding:90px 0;} .newsSubscribeArea .subHead + p br{display:block;} .newsSubscribeArea #newsSubscribe .inputArea .inputType{padding:0 0 10px;} .newsSubscribeArea #newsSubscribe .inputArea .sendBtn{position:static;margin-top:40px;text-align:center;} .newsView .downBox li{margin-right:0;width:100%;} .newsView .downBox li + li {margin-top:10px;} } /* Recruitment STYLE GUIDE */ /* Recruitment ONLY */ .subCont.recruitment {background-image:url("assets/images/bg_recruitment_visual.jpg");} .recruitContList{background-color:#f1f1f1;padding:80px 0 60px 0;overflow:hidden} .recruitContView{background-color:#fff;padding:80px 0 60px 0;overflow:hidden} .recruitContList .subHead, .recruitContView .subHead { font-family: 'Pretendard'; font-size: 28px; color: #333333; text-align: center; padding-bottom: 70px; } .recruitmentList{font-size:0;margin-right:-20px;margin-top:-25px} .recruitmentList .recruitmentDetail{display:inline-block;vertical-align:top;width:calc(100% / 3 - 20px);min-height:266px;margin-right:20px;margin-top:25px;background:#f7f7f7;border:1px solid #e4e4e4;box-sizing:border-box;} .recruitmentList .recruitmentDetail a{display:block;width:100%;height:100%;padding:29px;box-sizing:border-box} .recruitmentList .recruitmentDetail .type{display:block;font-size:14px;font-family:'Pretendard';line-height:1;color:#5dbc68} .recruitmentList .recruitmentDetail .title{display:block;font-size:18px;font-family:'Pretendard';font-weight:700;line-height:24px;color:#333;margin-top:20px;padding-bottom:20px;min-height:100px;} .recruitmentList .recruitmentDetail .btmEtcBox{border-top:1px solid #e4e4e4;padding-top:20px;font-size:0} .recruitmentList .recruitmentDetail .btmEtcBox:after{display:block;clear:both;content:'';} .recruitmentList .recruitmentDetail .btmEtcBox .date{display:inline-block;font-size:15px;line-height:1;color:#333;vertical-align:middle;float:left;padding-top:9px;padding-bottom:9px} .recruitmentList .recruitmentDetail .btmEtcBox .sticker{display:inline-block;vertical-align:middle;width:80px;height:32px;line-height:30px;text-align:center;background:#5dbc68;float:right;font-size:16px;font-family:'Pretendard';font-weight:700;color:#fff} .recruitmentList .noData{text-align:center;font-size:28px;color:#5dbc68;padding:210px 0} .recruitmentList .noData span{border-bottom:1px solid #5dbc68} .recruitmentView{} .recruitmentView .recruitmentHead{text-align:center;padding-bottom:65px;border-bottom:1px solid #e4e4e4} .recruitmentView .recruitmentHead .subject{display:block;font-size:44px;font-family:'Pretendard';color:#333} .recruitmentView .recruitmentHead .date{display:block;font-size:18px;line-height:1;color:#333;margin-top:20px} .recruitmentView .recruitmentHead .sticker{display:inline-block;vertical-align:top;width:80px;height:32px;line-height:30px;text-align:center;font-size:16px;font-family:'Pretendard';color:#fff;background:#5dbc68;margin-top:20px} .recruitmentView .recruitmentCont{padding:65px 50px 45px 50px} .recruitmentView .recruitmentCont .recruitDfList{margin-top:45px} .recruitmentView .recruitmentCont .recruitDfList:first-child{margin-top:0} .recruitmentView .recruitmentCont .recruitDfList > dt{font-size:22px;font-weight:600;line-height:1;color:#333} .recruitmentView .recruitmentCont .recruitDfList > dd{margin-top:18px;font-size:18px;line-height:24px;color:#666} .recruitmentView .recruitmentCont .recruitDfList > dd a{color:#0000ee} .recruitmentView .recruitmentCont .listStyle01 > li{position:relative;padding-left:12px} .recruitmentView .recruitmentCont .listStyle01 > li:before{display:block;content:"";width:4px;height:4px;background:#b79265;border-radius:50%;position:absolute;top:9px;left:0} .recruitmentView .recruitmentCont .listStyle02 > li{position:relative;padding-left:10px} .recruitmentView .recruitmentCont .listStyle02 > li:before{display:block;content:"";width:5px;height:2px;background:#8f8f8f;position:absolute;top:11px;left:0} .recruitmentView .recruitmentCont .btnArea{text-align:center;margin-top:60px} .recruitmentView .recruitmentCont .btnArea .btns{display:inline-block;vertical-align:top;width:220px;height:50px;line-height:48px;margin-left:20px;background:#e7e7e7} .recruitmentView .recruitmentCont .btnArea .btns:first-child{margin-left:0;} .recruitmentView .recruitmentCont .btnArea .btns span{font-size:14px;font-family:'Pretendard';color:#393939} .recruitmentView .recruitmentCont .btnArea .btns.btnCol01{background:#333} .recruitmentView .recruitmentCont .btnArea .btns.btnCol01 span{color:#fff} .recruitmentView .recruitmentCont .btnArea .btns.btnList:before{display:inline-block;content:'';vertical-align:middle;width:12px;height:9px;background:url(assets/images/ico_btn_arr.png) no-repeat} .recruitmentView .recruitmentCont .btnArea .btns.btnList span{display:inline-block;vertical-align:middle;margin-left:5px} .recruitmentView .recruitmentCont .btnArea .btns.btnDownload:before{display:inline-block;content:'';vertical-align:middle;width:16px;height:15px;background:url(assets/images/ico_btn_download.png) no-repeat} .recruitmentView .recruitmentCont .btnArea .btns.btnDownload span{display:inline-block;vertical-align:middle;margin-left:8px} /* ###### default PC2 751~1279 ###### */ @media (max-width: 1279px) { } /* ###### default Mobile ~750 ###### */ @media (max-width: 750px) { /* Recruitment STYLE GUIDE */ .subCont.recruitment {background-image:url("assets/images/bg_recruitment_visual_m.png"); background-size: cover; } .subCont.recruitment .intro .head{font-size:65px} .recruitContList .subHead, .recruitContView .subHead{padding-bottom:60px} .recruitmentList{margin:0} .recruitmentList .recruitmentDetail{width:100%;margin:0 0 20px 0;min-height:197px} .recruitmentList .recruitmentDetail:last-child{margin-bottom:0} .recruitmentList .recruitmentDetail a{padding:25px 25px 20px 25px} .recruitmentList .recruitmentDetail .title{min-height:48px} .recruitmentList .recruitmentDetail .btmEtcBox{padding-top:15px} .recruitmentList .noData{font-size:27px;line-height:30px;padding:70px 0 60px 0} .recruitmentView .recruitmentHead{padding-bottom:50px} .recruitmentView .recruitmentHead .subject{font-size:32px;line-height:34px} .recruitmentView .recruitmentHead .date{font-size:16px;margin-top:20px} .recruitmentView .recruitmentHead .sticker{margin-top:15px} .recruitmentView .recruitmentCont{padding:50px 0} .recruitmentView .recruitmentCont .recruitDfList{margin-top:37px} .recruitmentView .recruitmentCont .recruitDfList:first-child{margin-top:0} .recruitmentView .recruitmentCont .recruitDfList > dd{font-size:16px;line-height:19px;margin-top:15px} .recruitmentView .recruitmentCont .btnArea{position:relative;margin-top:35px} .recruitmentView .recruitmentCont .btnArea .btns{width:100%;margin-left:0;margin-top:15px;overflow:hidden} .recruitmentView .recruitmentCont .btnArea .btns.btnList{position:absolute;left:0;bottom:0;width:50px;} .recruitmentView .recruitmentCont .btnArea .btns.btnCol01{margin-left:65px;width: calc(100% - 65px);} } .portfolioWork .dropdown.byType{display:none;} /* popWrap STYLE GUIDE */ /* popWrap ONLY */ .popWrap{width:100%;background:#fff;padding-bottom:150px} .popWrap .btnArea{text-align:center;margin-top: 70px} .popWrap .btnArea .btns{display:inline-block;vertical-align:top;width:220px;height:50px;line-height:50px;text-align:center;margin-left:20px;font-size:14px;font-family:'Pretendard'} .popWrap .btnArea .btns.btnCol01{background:#333;color:#fff} .popWrap .btnArea .btns.btnCol02{background:#e7e7e7;color:#393939} .popWrap .topTitle{display:table;width:100%} .popWrap .topTitle > .left{display:table-cell;vertical-align:bottom;} .popWrap .topTitle > .right{display:table-cell;vertical-align:bottom;text-align:right} .popWrap .topTitle .tit{position:relative;display:block} .popWrap .popHeader{padding:80px 50px 70px 50px} .popWrap .popHeader .logo{display:block;text-indent:-9999em;width:260px;height:104px;background:url(assets/images/logo_popup.png) no-repeat} .popWrap .popContent{border-top:1px solid #333;border-bottom:1px solid #333;padding:60px 32px;margin:0 50px} .popWrap .termAgreeBox{padding-bottom:60px;border-bottom:1px solid #e4e4e4} .popWrap .termAgreeBox .topTitle{margin-bottom:20px} .popWrap .termAgreeBox .topTitle .tit{display:inline-block;vertical-align:top;font-size:28px;font-weight:600;color:#333;line-height:1;padding-right:10px} .popWrap .termAgreeBox .topTitle .tit:after{display:block;content:"";width:4px;height:4px;background:#e60023;border-radius:50%;position:absolute;top:0;right:0} .popWrap .termAgreeBox .topTitle .vital{position:relative;padding-left:10px;font-size:14px;color:#333;line-height:1} .popWrap .termAgreeBox .topTitle .vital:after{display:block;content:"";width:4px;height:4px;background:#e60023;border-radius:50%;position:absolute;top:6px;left:0} .popWrap .termAgreeBox .boxTerm{border:1px solid #e4e4e4;padding:30px;font-size:14px;font-family:'Pretendard';font-weight:300;color:#666;line-height:24px} .popWrap .termAgreeBox .boxTerm p + ol{margin-top:25px} .popWrap .termAgreeBox .boxTerm ol li span{color:#666;font-weight:400} .popWrap .termAgreeBox .msg{font-size:15px;line-height:22px;color:#666;margin:15px 30px;} .popWrap .termAgreeBox .checkBoxArea{text-align:right} .popWrap .termAgreeBox .checkBox{position:relative;display:inline-block;vertical-align:top;} .popWrap .termAgreeBox .checkBox .inpCheck{position:absolute; top:0; left:0; opacity:0} .popWrap .termAgreeBox .checkBox label{position:relative;font-size:16px;line-height:25px;color:#666;padding-left:37px;cursor: pointer;} .popWrap .termAgreeBox .checkBox label:before{display:block;content:'';width:25px;height:25px;background:url(assets/images/bg_radio_off.png) no-repeat;position:absolute;top:-1px;left:0} .popWrap .termAgreeBox .checkBox .inpCheck:checked + label:before{background-image:url(assets/images/bg_radio_on.png)} .popWrap .formBox{padding:60px 100px 0 100px} .popWrap .formBox .topTitle{text-align:center} .popWrap .formBox .topTitle .tit{font-size:40px;font-family:'Pretendard';color:#333} .popWrap .formBox .formList{margin-top:30px;font-size:0} .popWrap .formBox .formList:first-child{margin-top:0} .popWrap .formBox .formList dt{display:inline-block;vertical-align:top;width:260px;font-size:16px;font-family:'Pretendard';color:#666;line-height:1;padding-top:12px} .popWrap .formBox .formList dt .vital{position:relative;display:inline-block;vertical-align:top;padding-right:10px} .popWrap .formBox .formList dt .vital:after{display:block;content:"";width:4px;height:4px;background:#e60023;border-radius:50%;position:absolute;top:-3px;right:0} .popWrap .formBox .formList dd{display:inline-block;vertical-align:top;width:calc(100% - 260px)} .popWrap .formBox .formList dd .inpText{width:80%;height:40px;border:1px solid #e4e4e4;border-radius:0;box-shadow:none;background:#fff;font-size:16px;padding:0 28px;box-sizing:border-box} .popWrap .formBox .formList dd .uploadBoxArea .uploadBox{font-size:0;margin-bottom:7px} .popWrap .formBox .formList dd .uploadBoxArea .uploadBox .inpFile{position:absolute; top:0; left:0; opacity:0} .popWrap .formBox .formList dd .uploadBoxArea .uploadBox .inpFile + label{position:relative;display:inline-block;vertical-align:middle;font-size:14px;width:180px;height:40px;line-height:35px;border:1px solid #e4e4e4;background:#f1f1f1;text-align:center;cursor: pointer;box-sizing:border-box;} .popWrap .formBox .formList dd .uploadBoxArea .uploadBox .inpFile + label:before{display:inline-block;content:'';vertical-align:middle;width:16px;height:15px;background:url(assets/images/ico_btn_upload.png) no-repeat} .popWrap .formBox .formList dd .uploadBoxArea .uploadBox .inpFile + label span{display:inline-block;vertical-align:middle;padding-left:9px} .popWrap .formBox .formList dd .uploadBoxArea .uploadBox .stxt{display:inline-block;vertical-align:middle;font-size:14px;color:#8e8f90;padding-left:10px} .popWrap .formBox .formList dd .uploadBoxArea .fileName{position:relative;font-size:14px;color:#666;padding-left:8px;margin-top:5px} .popWrap .formBox .formList dd .uploadBoxArea .fileName:before{display:block;content:"";width:3px;height:3px;background:#666;border-radius:50%;position:absolute;top:7px;left:0} .popWrap .formBox .formList dd .uploadBoxArea .fileName a{color:#666;} .popWrap .completeMsg{padding:60px 0 90px 0;text-align:center} .popWrap .completeMsg .tit{position:relative;display:block;font-size:28px;font-weight:600;color:#333;padding-top:45px;margin-bottom:27px} .popWrap .completeMsg .tit:before{display:block;content:'';width:24px;height:24px;background:url(assets/images/ico_complete.png) no-repeat;position:absolute;top:0;left:0;right:0;margin:0 auto} .popWrap .completeMsg .txt{font-size:15px;line-height:19px;color:#666} .popWrap .loginArea{padding:60px 0} .popWrap .loginArea .formBox{padding:0;width:400px;margin:0 auto;padding:0} .popWrap .loginArea .formBox .formList{margin-top:20px;} .popWrap .loginArea .formBox .formList:first-child{margin-top:0} .popWrap .loginArea .formBox .formList dt{display:block;width:100%} .popWrap .loginArea .formBox .formList dd{display:block;width:100%;margin-top:13px} .popWrap .loginArea .msg{text-align:center;font-size:15px;line-height:19px;color:#666;margin-top:35px} /* ###### default PC2 751~1279 ###### */ @media (max-width: 1279px) { } /* ###### default Mobile ~750 ###### */ @media (max-width: 750px) { .popWrap .btnArea{padding:0 20px} .popWrap .btnArea .btns{width:100%;margin-left:0;margin-top:15px} .popWrap .btnArea .btns:first-child{margin-top:0} .popWrap .popHeader{padding:75px 20px 50px 20px} .popWrap .popHeader .logo{width:153px;height:62px;background-image:url(assets/images/mobile/logo_popup.png);background-size:153px} .popWrap .popContent{position:relative;border-top:0;padding:50px 0 0 0;margin:0 20px} .popWrap .popContent:before{display:block;content:'';position:absolute;top:0;left:0;right:-20px;background:#333;height:1px} .popWrap .popContent.complete:before{right:0} .popWrap .termAgreeBox .topTitle .tit{font-size:22px} .popWrap .termAgreeBox .topTitle .vital{font-size:13px} .popWrap .termAgreeBox .boxTerm{padding:25px;font-size:13px;line-height:21px} .popWrap .termAgreeBox .boxTerm p + ol{margin-top:18px} .popWrap .termAgreeBox .msg{font-size:14px;line-height:16px;margin:25px} .popWrap .termAgreeBox .checkBox label{font-size:15px;padding-left:27px} .popWrap .termAgreeBox .checkBox label:before{width:19px;height:19px;background-image:url(assets/images/mobile/bg_radio_off.png);background-size:19px;top:0} .popWrap .formBox{padding:60px 0} .popWrap .formBox .topTitle{margin-bottom:30px} .popWrap .formBox .topTitle .tit{font-size:40px;line-height:39px} .popWrap .formBox .formList{margin-top:30px} .popWrap .formBox .formList dt{display:block;width:100%;margin-bottom:15px} .popWrap .formBox .formList dd{display:block;width:100%} .popWrap .formBox .formList dd .inpText{width:100%;height:50px} .popWrap .formBox .formList dd .uploadBoxArea .uploadBox{margin-bottom:10px} .popWrap .formBox .formList dd .uploadBoxArea .uploadBox .inpFile + label{width:100%;height:50px;line-height:48px} .popWrap .formBox .formList dd .uploadBoxArea .uploadBox .stxt{font-size:13px;padding-left:0;margin-top:12px} .popWrap .formBox .formList dd .uploadBoxArea .fileName{font-size:12px} .popWrap .completeMsg{padding-top:0;padding-bottom:70px} .popWrap .completeMsg .tit{font-size:22px;padding-top:37px;} .popWrap .completeMsg .tit:before{width:19px;height:19px;background-image:url(assets/images/mobile/ico_complete.png);background-size:19px} .popWrap .completeMsg .txt{font-size:14px;line-height:16px} .popWrap .loginArea{padding:0 0 50px 0} .popWrap .loginArea .formBox{width:auto} .popWrap .loginArea .formBox .formList{margin-top:30px} .popWrap .loginArea .formBox .formList:first-child{margin-top:0} .popWrap .loginArea .msg{font-size:14px;line-height:16px} .popWrap .loginArea .msg br{display:none} } /* layerPop */ .layerPop{position:fixed;top:0;left:100px;z-index:100;} .layerPop .layerPopArea{padding:30px;} .layerPop .layerPopArea img{max-width:100%} /* profile */ .companyProfile { background: #050505 url("//am.imminvestment.com/wp-content/uploads/2025/09/Company_PC.jpg") no-repeat center 0; background-size: cover; padding: 50px 0; text-align: center; } .companyProfile .profile { text-align: center; } .companyProfile .profile dl { padding: 0 6%; } .companyProfile .profile dl dt { font-size: 15px; color: #dcb789; font-weight: bold; padding: 10px 0; font-family: 'Pretendard'; } .companyProfile .profile dl dd { font-size: 17px; color: #cfcfcf; padding: 10px 0;} .companyProfile .profileList { padding-top: 80px; } .companyProfile .profileList ul { padding: 0 5%; overflow: hidden; position: relative; } .companyProfile .profileList ul li { text-align: center; box-sizing: border-box; padding: 0 10px; } .companyProfile .profileList ul li div { max-width: 270px; box-sizing: border-box; border: 1px solid #2c2d2e; border: 1px solid rgba(255, 255, 255, .15); padding: 100px 10px 30px 10px; margin: 0 auto; } .companyProfile .profileList ul li div strong { color: #fff; font-size: 90px; line-height: 1; font-family: 'Pretendard'; } .companyProfile .profileList ul li div strong.billion { display: inline-block; vertical-align: super; height: 40px; } .companyProfile .profileList ul li div strong span { font-size: 30px; } .companyProfile .profileList ul li div p { height: 35px; color: #cccccc; font-weight: bold; font-size: 12px; text-transform: uppercase; font-family: 'Pretendard';} .companyProfile .profileList ul li.s1 { float: left; width: 50%; padding-bottom: 60px; padding-left: 18%;} .companyProfile .profileList ul li.s2 { float: left; width: 50%; padding-bottom: 60px; padding-right: 18%;} .companyProfile .profileList ul li.s3 { float: left; width: 33.33%; } .companyProfile .profileList ul li.s4 { float: left; width: 33.33%; } .companyProfile .profileList ul li.s5 { float: left; width: 33.33%; } .companyProfile .profileList ul li.s1 div { background: url("assets/images/ico_company_1.png") no-repeat center 30px; } .companyProfile .profileList ul li.s2 div { background: url("assets/images/ico_company_2.png") no-repeat center 30px; } .companyProfile .profileList ul li.s3 div { background: url("assets/images/ico_company_3.png") no-repeat center 30px; } .companyProfile .profileList ul li.s4 div { background: url("assets/images/ico_company_4.png") no-repeat center 30px; } .companyProfile .profileList ul li.s5 div { background: url("assets/images/ico_company_5.png") no-repeat center 30px; } .companyProfile .profileList .btnM { display: none; } .companyProfile .profileList .indicatorM { display: none; } .companyProfile .note {margin-top: 50px;text-align: center;font-size: 15px;color: #d0d0d0;} .companyProfile .note li {position:relative; margin-top:9px; padding-left:17px; font-size:15px; line-height:19px; color:#d0d0d0;} .companyProfile .note li:first-child {margin-top:0;} .companyProfile .note li:before {display:block; position:absolute; left:0; top:8px; width:3px; height:3px; background:#999; border-radius:1px; content:'';} /* AUM */ .companyAUM {padding:44px 0 0; text-align:left;} .companyAUM .subHead { margin-bottom:40px; font-family: 'Pretendard'; font-size: 22px; color: #fff; text-transform:uppercase;} .companyAUM .infoTit {font-size:18px;color:#fff;margin:45px 0 28px;padding-left:11px;position:relative;} .companyAUM .infoTit:before {content:"";width:3px;height:3px;border-radius:50%;background:#fff;position:absolute;left:0;top:10px;} .companyAUM .info dt {margin-bottom:11px; font-size:18px; color:#dcb789; font-family:'Pretendard';} .companyAUM .info dd {margin-bottom:33px; font-size:15px; color:#d0d0d0;} .companyAUM .info dd:last-of-type {margin-bottom:0;} /* ###### default Mobile ~750 ###### */ @media (max-width: 750px) { .layerPop{top:80px;left:0;right:0;} /* profile */ .companyProfile { background: #050505 url("//am.imminvestment.com/wp-content/uploads/2025/09/Company_MO-scaled.jpg") no-repeat center 0; background-size: cover; padding: 60px 0; } .companyProfile .profileList { padding-top: 50px; width: 100%; overflow: hidden; position: relative; padding-bottom: 50px;} .companyProfile .profileList ul { overflow: hidden; width: 500%; } .companyProfile .profileList ul li { padding: 0; } .companyProfile .profileList ul li div { max-width: 80%; } .companyProfile .profileList ul li.s1 { float: none; width: 20%; padding-bottom: 0; padding-left: 0;} .companyProfile .profileList ul li.s2 { float: none; width: 20%; padding-bottom: 0; padding-right: 0; } .companyProfile .profileList ul li.s3 { float: none; width: 20%; padding-bottom: 0; padding-left: 0; } .companyProfile .profileList ul li.s4 { float: none; width: 20%; padding-bottom: 0; padding-right: 0; } .companyProfile .profileList ul li.s5 { float: none; width: 20%; } .companyProfile .profileList .btnM { display: block; } .companyProfile .profileList .btnM .goLeft { position: absolute; top:auto; bottom: 48.5%; left: 1%; background: url("assets/images/left.png") no-repeat 0 50%; background-size: 100%; width: 8%; max-width: 35px; height: 11%; text-indent: -9999em; } .companyProfile .profileList .btnM .goRight { position: absolute; top:auto; bottom: 48.5%; right: 1%; background: url("assets/images/right.png") no-repeat 0 50%; background-size: 100%; width: 8%; max-width: 35px; height: 11%; text-indent: -9999em; } .companyProfile .profileList .indicatorM {display: block; overflow:hidden; margin:0 auto; padding-top: 15px; } .companyProfile .profileList .indicatorM li {display: inline-block; position:relative; width: 15px; } .companyProfile .profileList .indicatorM li:first-child {padding-left:0;} .companyProfile .profileList .indicatorM li:after {content:''; display:block; width:100%; height:1px; position:absolute; right:50%; top:50%; } .companyProfile .profileList .indicatorM li:first-child:after {display:none;} .companyProfile .profileList .indicatorM a {left:50%; top:50%; display:inline-block; width:10px; height:10px; background: #999999; border-radius:100%; } .companyProfile .profileList .indicatorM .on a {background-color: #dcb789;} .companyProfile .note {margin-top:20px;} .companyProfile .note li {padding-left:13px; font-size:16px;} .companyProfile .note li:before {width:2px; height:2px;} /* AUM */ .companyAUM {padding:60px 0 0;} .companyAUM .subHead {margin-bottom:35px; font-size: 18px;} .companyAUM .info dd {margin-bottom:25px; font-size:16px;} .history .historyList ul li span.achieve{ max-width: 150px; } } /* ###### default 480 ###### */ @media (max-width: 480px) { .companyProfile .profileList ul li div { } .companyProfile .profileList ul li div strong { } .companyProfile .profileList ul li div strong.year { } } /* ###### default 320 ###### */ @media (max-width: 320px) { .companyProfile .goLeft { left: 0; } .companyProfile .profileList ul li div strong.year {} }