p{font-size:18px; line-height: 26px; font-weight: lighter} .en{text-align:center; padding-top:150px;font-size:72px;font-family: 'Roboto Condensed', sans-serif;letter-spacing:1px; font-weight: bold; color: rgba(255, 255, 255, 0.70)} .en2{font-family: 'Roboto Condensed', sans-serif;letter-spacing:1px; font-weight: bold;} /* Visual */ #visual{z-index:998;top:0;left:0;right:0;color:#fff;line-height:1;font-size:16px;} #visual .visualArea{height:380px;margin:0 auto;overflow:hidden; } #visual .visualArea.vs1{background:url(../img/img_vs1.jpg) no-repeat center center;background-size:cover;} #visual .visualArea.vs2{background:url(../img/img_vs2.jpg) no-repeat center center;background-size:cover;} #visual .visualArea.vs3{background:url(../img/img_vs3.jpg) no-repeat center center;background-size:cover;} #visual .visualArea.vs4{background:url(../img/img_vs4.jpg) no-repeat center center;background-size:cover;} #visual .visualArea.vs5{background:url(../img/img_vs5.jpg) no-repeat center center;background-size:cover;} #visual .visualArea.vs6{background:url(../img/img_vs6.jpg) no-repeat center center;background-size:cover;} #visual .visualArea.vs7{background:url(../img/img_vs7.jpg) no-repeat center center;background-size:cover;} #visual .visualArea.vs8{background:url(../img/img_vs8.jpg) no-repeat center center;background-size:cover;} #visual .visualArea.vs_basic{background:url(../img/img_vs_basic.jpg) no-repeat center center;background-size:cover;} #visual .visualArea div{width:1080px;margin:0 auto;padding:0 60px;} /* #visual .visualArea div p{text-align:center; padding-top:150px;font-size:62px;font-family: 'Roboto Condensed', sans-serif;letter-spacing:1px; font-weight: bold; line-height: 60px; color: rgba(255, 255, 255, 0.55)} */ #visual .visualArea div p{text-align: center; color: #fff; letter-spacing: 0; font-size: 40px; padding-top: 150px; line-height: 46px; font-family:'notokr-light',sans-serif;} #visual .visualArea div span{display:block;padding:20px 0 0 50px;} @media screen and (max-width:1200px){ #visual .visualArea div{width:100%;padding:0;} #visual .visualArea div p{} #visual .visualArea div span{padding-left:26px;} } @media screen and (max-width:960px){ #navigation .naviWrap .naviList dl{position:relative;float:left;width:240px;} #navigation .naviWrap .naviList .dep2{width:240px;} } @media screen and (max-width:400px){ .naviWrap{display: none} } /********************** 게시판 페이징 ************************/ .pagination > li > a, .pagination > li > span { border: 0; border-radius: 30px !important; transition: all .3s; padding: 0px 11px; margin: 0 3px; min-width: 30px; height: 30px; line-height: 30px; color: #999999; font-weight: 400; font-size: 12px; text-transform: uppercase; background: transparent; } .pagination.pagination-info > .active > a, .pagination.pagination-info > .active > a:focus, .pagination.pagination-info > .active > a:hover, .pagination.pagination-info > .active > span, .pagination.pagination-info > .active > span:focus, .pagination.pagination-info > .active > span:hover { background-color: #f44336; border-color: #f44336; box-shadow: 0 4px 5px 0 rgba(3, 169, 244, 0.14), 0 1px 10px 0 rgba(3, 169, 244, 0.12), 0 2px 4px -1px rgba(3, 169, 244, 0.2); } /****************** 축사소개 ******************/ .value{margin-top:40px; display:table; width:100%;} .value li{width:33.3%; text-align:center; border-left:1px solid #b4c0cd; display:table-cell;} .value li:first-child{border:none;} .value .one .ico{background:url(../img/pointicon1.png) no-repeat center top; padding-top:100px; font-size:16px; color:#767676;} .value .two .ico{background:url(../images/company/con32_2.png) no-repeat center top; padding-top:100px; font-size:16px; color:#767676;} .value .three .ico{background:url(../images/company/con32_3.png) no-repeat center top; padding-top:100px; font-size:16px; color:#767676;} .value .one .title{font-size:24px; color:#f44336; margin-top:30px; padding-top:170px; background:url(../img/pointicon1.png) no-repeat center top;} .value .two .title{font-size:24px; color:#f44336; margin-top:30px; padding-top:170px; background:url(../img/pointicon1.png) no-repeat center top;} .value .three .title{font-size:24px; color:#f44336; margin-top:30px; padding-top:170px; background:url(../img/pointicon1.png) no-repeat center top;} .value .four .title{font-size:24px; color:#f44336; margin-top:30px; padding-top:150px; background:url(../img/pointicon4.png) no-repeat center top;} .value .five .title{font-size:24px; color:#f44336; margin-top:30px; padding-top:150px; background:url(../img/pointicon5.png) no-repeat center top;} .value .six .title{font-size:24px; color:#f44336; margin-top:30px; padding-top:150px; background:url(../img/pointicon6.png) no-repeat center top;} .value .one .eng{font-size:14px; color:#f44336; margin-top:10px;} .value .two .eng{font-size:14px; color:#f44336; margin-top:10px;} .value .three .eng{font-size:14px; color:#f44336; margin-top:10px;} .value .text{font-size:14px; color:#454545; line-height:22px; margin-top:10px; } .value2 p{font-size:18px; margin-top:20px; line-height:24px;} .value2 p span{font-size:18px; color:#064c93;} .value3text{font-size:18px; margin-top:20px; line-height:26px;} .value3text span{font-size:18px; color:#064d93;} .value3{margin-top:20px;} .value3 .one p{background:url(../images/company/con32_bg2.jpg) top center no-repeat;background-size:cover; } .value3 .two p{background:url(../images/company/con32_bg3.jpg) top center no-repeat;background-size:cover; } .value3 .three p{background:url(../images/company/con32_bg4.jpg) top center no-repeat;background-size:cover; } .value3 .four p{background:url(../images/company/con32_bg5.jpg) top center no-repeat;background-size:cover; } .value3 .five p{background:url(../images/company/con32_bg6.jpg) top center no-repeat;background-size:cover; } .value3 p{ width:270px; height:190px; float:left;} .value3 dl{border:1px solid #b3c2d0; border-left:none; padding:40px 30px 0 30px; margin-bottom:10px; height:148px; float:left; border-left:none; width:749px;} .value3 dt{font-size:16px; color:#111; font-weight:700; margin-bottom:15px;} .value3 dd{padding-left:13px; background:url(../images/common/list_bu.gif) left 8px no-repeat; line-height:18px; margin-bottom:10px;} @media screen and (max-width:1200px){ .aboutTop1{ width:860px; background:url(../images/company/con1_bg_960.gif) no-repeat left top;} .aboutTop1 .title{font-size:26px; padding:0 60px;} .aboutTop1 .title span{font-size:26px;} .aboutTop1 .text{margin-top:15px; font-size:16px; color:#767676; padding:0 140px; line-height:24px;} .value3 dl{width:529px;} } @media screen and (max-width:960px){ .aboutTop1{ width:100%; background:none; height:auto; margin-top:0; margin-top:50px;} .aboutTop1 .title{font-size:22px; line-height:27px; padding:0;} .aboutTop1 .title span{font-size:22px;line-height:27px;} .aboutTop1 .text{margin-top:20px; font-size:16px; line-height:24px; padding:0;;} .value li{width:100%; border-left:none; border-top:1px solid #b4c0cd; display:block;;} .value .text{margin-bottom:20px;} .value .three .text{margin-bottom:0;} .value .ico{margin-top:30px;} .value .one .ico{margin-top:0;} .value2 p{font-size:12px; line-height:18px;} .value2 p span{font-size:12px;} .value3text{font-size:12px;line-height:18px;} .value3text span{font-size:12px;} .value3 p{width:100%; height:210px; float:none;} .value3 dl{float:none; width:auto; border:1px solid #b3c2d0; border-top:none; height:auto; padding-bottom:30px;} .value3 .one{ background-size:cover;} .value3 .two{background-size:cover;} .value3 .three{background-size:cover;} .value3 .four{background-size:cover;} .value3 .five{background-size:cover;} .value3 dt{font-size:16px; color:#111; font-weight:700; margin-bottom:15px;} .value3 dd{padding-left:13px; background:url(../images/common/list_bu.gif) left 8px no-repeat; line-height:18px; margin-bottom:10px;} .Himg{width: 90%} } @media(max-width:480px){ .poIMG {width:95%} } @media(max-width:1190px){ .poIMG {width:100%} } /****************** 06 회사소개 파트너 ******************/ .sponTop{border-bottom:1px solid #dedede; vertical-align:bottom; padding-bottom:10px; position:relative; margin-top:40px;} .sponTop .btnWrap{position:absolute; right:0; bottom:10px;} .sponTop a{ width:220px; line-height:38px; text-align:center; float:left; margin-left:10px;} .sponTop .btn1{color:#fff; background:#8199b2; font-weight:700; border:1px solid #8199b2;} .sponTop .btn2{color:#043465;; font-weight:700; border:1px solid #043465;} .sponList{margin-top:40px;} .sponList:after{display:block; clear:both; content:"";} .sponList li{float:left; width:255px; margin-left:20px;} .sponList li.b1,.sponList li.b5,.sponList li.b9,.sponList li.b13{margin-left:0;} .sponList li dt{border:1px solid #dedede; height:96px; text-indent:-9999px;} .sponList li dd{text-align:center; padding-top:10px; font-weight:700;} .sponList li dd span{display:block; margin-top:5px; font-weight:normal;} .sponList li.b1 dt{background:url(../images/business/b1.png) center center no-repeat; background-size:contain;} .sponList li.b2 dt{background:url(../images/business/b2.png) center center no-repeat; background-size:contain;} .sponList li.b3 dt{background:url(../images/business/b3.png) center center no-repeat; background-size:contain;} .sponList li.b4 dt{background:url(../images/business/b4.png) center center no-repeat; background-size:contain;} .sponList li.b5 dt{background:url(../images/business/b5.png) center center no-repeat; background-size:contain;} .sponList li.b6 dt{background:url(../images/business/b6.png) center center no-repeat; background-size:contain;} .sponList li.b7 dt{background:url(../images/business/b7.png) center center no-repeat; background-size:contain;} .sponList li.b8 dt{background:url(../images/business/b8.png) center center no-repeat; background-size:contain;} .sponList li.b9 dt{background:url(../images/business/b9.png) center center no-repeat; background-size:contain;} .sponList li.b10 dt{background:url(../images/business/b10.png) center center no-repeat; background-size:contain;} .sponList li.b11 dt{background:url(../images/business/b11.png) center center no-repeat; background-size:contain;} .sponList li.b12 dt{background:url(../images/business/b12.png) center center no-repeat; background-size:contain;} .sponList li.b13 dt{background:url(../images/business/b13.png) center center no-repeat; background-size:contain;} .sponList li.b14 dt{background:url(../images/business/b14.png) center center no-repeat; background-size:contain;} .sponList li.b15 dt{background:url(../images/business/b15.png) center center no-repeat; background-size:contain;} @media screen and (max-width:1200px){ .sponList li{width:198px;} } @media screen and (max-width:960px){ .sponTop{border-bottom:none; vertical-align:middle; padding-bottom:0; margin-top:20px;} .sponTop .btnWrap{position:relative; right:0; bottom:0;} .sponTop a{ width:100%; line-height:38px; text-align:center; float:none; margin-left:0; display:block; margin:10px 0;} .sponList li{width:141px;} .sponList li dt{height:48px;} .sponList li dd{font-size:12px;} .sponList li dd span {font-size:11px;} .sponList li.b3,.sponList li.b7,.sponList li.b11,.sponList li.b15{clear:both; margin-left:0;} .sponList li.b3,.sponList li.b4,.sponList li.b7,.sponList li.b8,.sponList li.b11,.sponList li.b12,.sponList li.b15{margin-top:20px;} .sponList{width:320px; margin:20px auto 0;} #popupWrap .popClose{} #popupWrap .pop{position:absolute; width:100%; left:0; margin-left:0; top:0; border-top:5px solid #043465; background:#fff; padding:0 10px 30px; top:0; margin-top:0;box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box} #popupWrap .pop input[type="text"]{width:50px; height:20px; border: 1px solid #dcdcdc; border-radius: 0;outline-style: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;text-indent:0;box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box} #popupWrap .pop table th{text-align:center; text-indent:0} #popupWrap .pop table td.form{padding:5px 5px;} #popupWrap .pop table td{padding:5px 5px;} #popupWrap .pop table td:last-child{border-right:none;} #popupWrap .pop .result{height:auto; overflow:hidden; overflow-x:scroll; } } /****************** 06_회사소개_사업분야 ******************/ .giftList{margin-top:40px;} .giftList:after{display:block; clear:both; content:"";} .giftList li{float:left; width:255px; margin-left:20px;} .giftList li.one,.giftList li.five{margin-left:0;} .giftList li dt{border:1px solid #dedede; height:147px; text-indent:-9999px;} .giftList li.one dt{background:url(../images/business/giftcard01.jpg) center center no-repeat; background-size:cover;} .giftList li.two dt{background:url(../images/business/giftcard02.jpg) center center no-repeat; background-size:cover;} .giftList li.three dt{background:url(../images/business/giftcard03.jpg) center center no-repeat; background-size:cover;} .giftList li.four dt{background:url(../images/business/giftcard04.jpg) center center no-repeat; background-size:cover;} .giftList li.five dt{background:url(../images/business/giftcard05.jpg) center center no-repeat; background-size:cover;} .giftList li.six dt{background:url(../images/business/giftcard06.jpg) center center no-repeat; background-size:cover;} .giftList li.seven dt{background:url(../images/business/giftcard07.jpg) center center no-repeat; background-size:cover;} .giftList li .title{line-height:50px; font-size:18px; font-weight:700; border-bottom:1px solid #dedede;} .giftList li .text{line-height:22px; padding:15px 0;} @media screen and (max-width:1200px){ .giftList li{width:198px;} .giftList li dt{height:147px;} } @media screen and (max-width:960px){ .giftList{ width:320px; margin:40px auto 0;} .giftList li{width:141px;} .giftList li dt{height:73px;} .giftList li .title{line-height:38px; font-size:13px;} .giftList li .text{line-height:18px; font-size:12px;} .giftList li.three{clear:both; margin-left:0;} .giftList li.seven{clear:both; margin-left:0;} } /* 인사말 */ /*history*/ .history:after{display:block; clear:both; content:""} .history .title{color:#0c3a6a; font-size:21px; float:left;margin-top: -20px; letter-spacing: -1px; } .history ul{float:left; } .history ul li{float:left; margin-left:30px; margin-bottom:20px;} .history ul li.clear{clear:left; font-weight:700;} @media screen and (max-width:960px){ .history .title{font-size:21px; float:none; margin: 30px 0; text-align: left; padding-bottom: 20px} .history ul{float:none;} .history ul li{float:left; margin-left:0;} .history ul li.clear{ margin-right:20px;} } .lined { height:1px!important; width:98%!important; border-top:1px solid #eaeaea!important; margin: 0 auto!important; padding: 10px 0 /*display:block*/ } /*****연혁*****/ .corpHistory{margin-top:80px; } .corpHistory .year{background:url(../img/history_line.gif) 362px top no-repeat;} .corpHistory .year:after{display:block; content:""; clear:both;} .corpHistory .y2003{background:url(../img/flag2.png) left top no-repeat; text-indent:-9999px; width:307px; height:241px; float:left;margin-left: 40px;} .corpHistory .y2002{background:url(../img/flag1.png) left top no-repeat; text-indent:-9999px; width:307px; height:216px; float:left;margin-left: 40px;} .corpHistory .y2001{background:url(../img/ico_history.png) left top no-repeat; text-indent:-9999px; width:307px; height:200px; float:left;margin-left: 40px;} .corpHistory .y2000{background:url(../img/ico_history.png) left top no-repeat; text-indent:-9999px; width:307px; height:200px; float:left;margin-left: 40px;} .corpHistory .y1990{background:url() left top no-repeat; text-indent:-9999px; width:307px; height:100px; float:left;margin-left: 40px;} .corpHistory .y1980{background:url(/theme/companyBts/img/kipologo.png) left top no-repeat; text-indent:-9999px; width:307px; height:200px; float:left; margin-left: 40px;} .corpHistory ul{float:left; margin-left:35px; background:url(../images/company/con2.png) left bottom no-repeat;} .corpHistory ul li{display:table; margin-bottom:40px;} .corpHistory ul li p{display:table-cell; vertical-align:middle; padding-left:20px; line-height:20px;} .corpHistory ul li .y2{ padding-left:0; line-height:18x;} .corpHistory ul li .yBold{padding-left:68px; color:#333; font-size:30px; font-weight:500; background:url(../images/company/con2_peaker.png) left center no-repeat;} .corpHistory ul li .y{padding-left:68px; color:#111; font-size:24px; font-family:"MuseoSans"; font-weight:500; background:url(../images/company/con2_peaker.png) left center no-repeat;} .corpHistory ul li .y1{padding-left:68px;} .corpHistory ul li .textBold{line-height:28px; color:#666; font-weight:700; font-size:20px;} @media screen and (max-width:960px){ .corpHistory{margin-top:30px; } .corpHistory .year{ background-position:22.5% top;} .corpHistory .y2003,.corpHistory .y2002,.corpHistory .y2001,.corpHistory .y2000,.corpHistory .y1990,.corpHistory .y1980{width:23%; margin-left: 0} .corpHistory ul{width:77%} .corpHistory .y2003,.corpHistory .y2002,.corpHistory .y2001,.corpHistory .y2000,.corpHistory .y1990,.corpHistory .y1980{background-size:contain;} .corpHistory ul{margin-left:-5px;} .corpHistory ul li .yBold{font-size:18px;background-size:40%; padding-left:40px;} .corpHistory ul li .y{font-size:15px; background-size:40%; padding-left:40px;} .corpHistory ul li .textBold{font-size:14px; line-height:20px;} } /*조직도*/ .organ_dot {background-image:url('../img/organ_dot.gif');} .organ_wrap{margin-top:-30px;} .organ_top {background-position:center bottom; background-repeat:repeat-x; margin:-80px 9.9%; padding-bottom:1px;} .name {width:150px; height:50px; text-align:center; line-height:50px; box-sizing:border-box; margin:0 auto; color:#ffffff; font-size:1em;} .ceo {background-position:center center; background-repeat:repeat-y; padding-bottom:50px;} .ceo .name {background-color:#333333;} .vice {background-position:center center; background-repeat:repeat-y; padding-bottom:50px;} .vice .name {background-color:#888888;} .organ {} .team {background-position:center center; background-repeat:repeat-y; padding-top:50px; float:left; width:20%;} .team .name {background-color:#f44336;} .part {background-position:center center; background-repeat:repeat-y; padding-top:20px;} .part .name {background-color:#ffffff; border:solid 1px #cccccc; color:#525252; height: auto; line-height: 21px; padding: 10px 0; } @media screen and (max-width:840px){ .organ_wrap{display:inline-block; padding-top:0px;} .organ_top {float:left; width:100px; margin:0 0 0 100px; padding-right:30px;} .organ {float:left; /*width:230px;*/background-image:url('../img/organ_dot.gif'); background-position:left center; background-repeat:repeat-y;} .ceo, .vice {padding-bottom:60px; margin-left:-75px;} .team {float:none; width:auto; background-repeat:repeat-x; background-position:center 23px; padding-top:0; margin-bottom:50px; padding-left:30px;} .organ .team:first-child{margin-top:-25px;} .organ .team:last-child{margin-bottom:-25px;} } @media screen and (max-width:480px){ .organ_wrap{margin-top:-50px;} .name {width:128px; height:40px; line-height:40px; font-size:0.8em;} .organ_top {float:left; width:64px; margin:0 0 0 64px; padding-right:10px;} .ceo, .vice {margin-left:-64px;} .team {padding-left:20px; background-position:center 18px;} .organ .team:first-child{margin-top:-20px;} .organ .team:last-child{margin-bottom:-20px;} } /*메인갤러리*/ .team2 {background-position:center center; background-repeat:repeat-y; padding-top:50px; float:left; width:24.5%;} .team2 .name {background-color:#f44336;} @media screen and (max-width:840px){ .team2 {float:none; width:auto; background-repeat:repeat-x; background-position:center 23px; padding-top:0; margin-bottom:50px; } .team2:first-child{margin-top:-25px;} .team2:last-child{margin-bottom:-25px;} } @media screen and (max-width:480px){ .team2 {background-position:center 18px;} .team2:first-child{margin-top:-20px;} .team2:last-child{margin-bottom:-20px;} .reIMG{width: 100%} } /* 탭 by jihyun160718 */ /* .nav-pills > li + li { margin-left: 0; } .nav-pills > li > a { border: 2px solid #66615B; border-radius: 0; color: #66615B; font-weight: 600; margin-left: -1px; padding: 5px 20px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color: #66615B; color: #FFFFFF; } .nav-pills > li:first-child > a { border-radius: 30px 0 0 30px; margin: 0; } .nav-pills > li:last-child > a { border-radius: 0 30px 30px 0; } */ .nav-pills-danger > li > a, .pagination-danger > li > a, .pagination-danger > li > span, .pagination-danger > li:first-child > a, .pagination-danger > li:first-child > span, .pagination-danger > li:last-child > a, .pagination-danger > li:last-child > span { border: 1px solid #EB5E28; color: #EB5E28; } .nav-pills-danger > li.active > a, .nav-pills-danger > li.active > a:hover, .nav-pills-danger > li.active > a:focus, .pagination-danger > li > a:hover, .pagination-danger > li > a:focus, .pagination-danger > li > a:active, .pagination-danger > li.active > a, .pagination-danger > li.active > span, .pagination-danger > li.active > a:hover, .pagination-danger > li.active > span:hover, .pagination-danger > li.active > a:focus, .pagination-danger > li.active > span:focus { background-color: #EB5E28; border-color: #EB5E28; color: #FFFFFF; } /* 각종 간격 */ .mt10{margin-top:10px } .mt20{margin-top:20px } .mt30{margin-top:30px } .mt40{margin-top:40px } .mt50{margin-top:50px } .mt60{margin-top:60px } .mt70{margin-top:70px } .mt80{margin-top:80px } .mt90{margin-top:90px } .mt100{margin-top:100px } .mt110{margin-top:110px } .mt-10{margin-top:-10px } .mt-20{margin-top:-20px } .mt-30{margin-top:-30px } .mt-35{margin-top:-35px } .mt-40{margin-top:-40px } .mt-50{margin-top:-50px } .mt-60{margin-top:-60px } .mb10{margin-bottom: 10px} .mb20{margin-bottom: 20px} .mb30{margin-bottom: 30px} .mb40{margin-bottom: 40px} .mb50{margin-bottom: 50px} .pl10{padding-left: 10px} .lh30{line-height: 30px} .bor1{border-right: 1px dotted #eaeaea;} @media(max-width:1200px){ .bor1{border-right: 0; padding-bottom: 20px} }