main.company {} main.company .section_header {} /*.company .section_header { margin-top:100px !important;}*/ .pcImg {max-width:100%; margin-bottom:40px; padding:30px; background-color:#fff; box-sizing:border-box;} .mImg {display:none;} .mobile {display:none;} @media all and (min-width: 100px) and (max-width: 840px) { .pcImg {display:none;} .mImg {display:block; width:100%; margin-bottom:30px; background-color:#fff; box-sizing:border-box;} } @media all and (min-width: 100px) and (max-width: 1023px) { .mobile {display:block; } .mobile.recruit_tab.wide ul li { width:48% !important; margin-bottom:30px; display:inline-block;} } @media all and (min-width: 100px) and (max-width: 460px) { .mobile {display:block; } .mobile.recruit_tab.wide ul li { width:100% !important; margin-bottom:10px; display:inline-block;} .mobile.recruit_tab.wide ul li:last-child {margin-bottom:30px;} } /************************************************************************************************************************************************ * COMPANY *************************************************************************************************************************************************/ /* COMPANY - 서브메인 */ .company_main {z-index:10; } .company_main .visual_cont:after {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url('/frontend/assets/images/cont/tile_view_black_bg2.png');} .recruit .visual_cont:after {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url('/frontend/assets/images/cont/tile_view_black_bg2.png');} .private .visual_cont:after {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url('/frontend/assets/images/cont/tile_view_black_bg2.png');} .summary.top {padding:20px 0 0 0px; } .summary.top > ul {position:relative;} .summary.top ul li {float:left; width:30.8%; margin-right:3.6%; text-align:Center; margin-bottom:5%;} .summary.top ul li .img {position:relative;overflow:hidden;border:0px;transition:all 0.25s} .summary.top ul li .img:hover {--border:7px solid #fbf523;transition:all 0.25s} .summary.top ul li.last {margin-right:0px;} .summary.top ul:after {content:"";display:block;clear:both;} .summary ul li h2 {color:#000; font-size:28px;font-weight:bold;text-align:center; font-family: 'Nanum Square';} .summary.top ul li span.line {display:block;width:20px;margin:20px auto 12px auto;height:1px;background:#999; } .summary.top ul li p.txt {height:80px; font-size:16px;color:#333333;line-height:1.4em;margin-bottom:10px; font-family:"Nanum-regular", dotum, arial, san-serif;} .summary.top ul li .img img {width:100%;} @media all and (min-width: 100px) and (max-width: 640px) { .summary.top {padding:20px 25px; } .summary.top > ul {position:relative;} .summary.top ul li {float:none; width:100%; margin-right:0%; margin-left:0%; text-align:Center; padding-bottom:50px; margin-bottom:50px; border-bottom:1px solid #ededed; } .summary.top ul li .img {position:relative;overflow:hidden;border:0px;transition:all 0.25s} .summary.top ul li .img:hover {--border:7px solid #fbf523;transition:all 0.25s} .summary.top ul li.last {margin-right:0% !important; margin-left:0%;} .summary.top ul li p.txt {height:auto; font-size:16px;color:#333333;line-height:1.4em;margin-bottom:20px; font-family:"Nanum-regular", dotum, arial, san-serif;} } @media all and (min-width: 640px) and (max-width: 1124px) { .summary.top {padding:20px 0 0 0px; } .summary.top > ul {position:relative;} .summary.top ul li {float:left; width:46%; margin-right:2%; margin-left:2%; text-align:Center; margin-bottom:5%;} .summary.top ul li .img {position:relative;overflow:hidden;border:0px;transition:all 0.25s} .summary.top ul li .img:hover {--border:7px solid #fbf523;transition:all 0.25s} .summary.top ul li.last {margin-right:2% !important; margin-left:2%;} } /* COMPANY - 기업개요 */ .summary.cont1 {} .summary.cont1 ul li {width:23%;float:left;margin-right:2.66%;} .summary.cont1 ul li.last {margin-right:0px;} .summary.cont1 ul:after {content:"";display:block;clear:both;} .summary.cont1 ul li h3 {font-size:30px;font-weight:bold;} .summary.cont1 ul li span {display:block;width:20px;margin:20px 0 10px 0;height:1px;background:#999;} .summary.cont1 ul li p {height:90px;font-size:14px;color:#333333;line-height:30px;margin-bottom:40px;} .summary.cont1 ul li img {width:100%;} /* COMPANY - 위치안내 */ .summary.cont2 {} .summary.cont2 .section_inner > div > span {display:block;width:20px;margin:20px 0 10px 0;height:1px;background:#999;} .summary.cont2 .parts {width:100%;height:460px;} .summary.cont2 .parts .part {float:left;--background:#f00;} .summary.cont2 .parts .part.part1 {width:48.66%;margin-right:2.66%;} .summary.cont2 .parts .part.part1 img {width:100%;} .summary.cont2 .parts .part.part2 {width:23%;margin-right:2.66%;--height:450px;padding-top:50px;} .summary.cont2 .parts .part.part2 p {font-size:14px;color:#333333;line-height:30px;margin-bottom:40px;} .summary.cont2 .parts .part.part3 {--height:450px;padding-top:50px;} .summary.cont2 .parts:after {content:"";display:block;clear:both;} #map {width:100%;height:450px;} /* COMPANY - 투자정보 */ .summary.cont3 {} .summary.cont3 .section_inner > div > span {display:block;width:20px;margin:20px 0 10px 0;height:1px;background:#999;} .summary.cont3 .parts {width:100%;height:460px;} .summary.cont3 .parts .part {float:left;--background:#f00;} .summary.cont3 .parts .part.part1 {width:48.66%;margin-right:2.66%;} .summary.cont3 .parts .part.part1 img {width:100%;} .summary.cont3 .parts .part.part2 {width:23%;height:450px;padding-top:50px;margin-right:2.66%;} .summary.cont3 .parts .part.part2 .txt {padding-top:50px;font-size:14px;color:#333333;line-height:30px;} .summary.cont3 .parts .part.part3 {position:relative;text-align:right;float:left;width:23%;height:450px;padding-top:50px;} .summary.cont3 .parts .part.part3 ul {position:absolute;bottom:50px;right:0px;} .summary.cont3 .parts .part.part3 li {font-weight:bold;position:relative;bottom:0px;font-size:30px;color:#c5c4c4;line-height:30px;} .summary.cont3 .parts .part.part3 .up {padding-right:20px;margin-bottom:30px;background:url("/frontend/assets/images/icons/arrow_right3_blit.png") right center no-repeat;} .summary.cont3 .parts .part.part3 .per {margin-bottom:57px;} .summary.cont3 .parts .part.part3 .per span {} .summary.cont3 .parts .part.part3 .krw {font-size:46px;color:#000;} .summary.cont3 .parts .part.part3 .krw span {font-size:30px;} .summary.cont3 .parts:after {content:"";display:block;clear:both;} /************************************************************************************************************************************************ * COMPANY *************************************************************************************************************************************************/ /* COMPANY - 회사소개 */ .introduce .section_inner ul li.head {position:absolute; } .section_header .section_inner ul li.head h2.overview {font-size:28px;color:#000;font-weight:bold;margin-bottom:30px; text-align:left; border-bottom:0px; padding-top:0px;} .section_header.introduce .section_inner ul li.head {display:block; width:100%; padding-top:0px; text-align:left; padding-bottom:0px;border-bottom:0px solid #4d4d4d;} .section_header.introduce .section_inner ul li.head p br {display:block;} .section_header.introduce .section_inner ul li.head .icon {height:80px; display:block;} .section_header.introduce .section_inner ul li.head h2 {font-size:28px;color:#000;font-weight:bold;margin-bottom:0px;} .section_header.introduce .section_inner ul li.head span.line {display:block;width:20px;height:1px;background-color:#cccccc;margin:32px 0; } .introduce .section_inner ul li.cont {position:relative;float:right;width: 100%;max-width: 1200px; padding-bottom:30px;} .introduce .type1 {width:100%; border-bottom:1px solid #dfdfdf;} .introduce .type2 {width:100%; margin-top:40px; } .introduce .cont_list{min-width:1px;margin:0 0 98px;} .introduce .cont_list:after{content:"";display:block;clear:both;} .introduce .cont_list li{float:left;width:25%; } .introduce .cont_list li:first-child .cont_list_inner{border-left:none;} .introduce .cont_list li .cont_list_inner{text-align:center;border-left:1px solid #dfdfdf;} .introduce .cont_list li .cont_list_inner img{} .introduce .cont_list li .cont_list_inner p{margin:24px 0 0; font-size:15px; color:#333333;line-height:1.4em;letter-spacing:-1px; font-weight:normal;font-family:"Nanum-regular", dotum, arial, san-serif;} .introduce .cont_list li .cont_list_inner p .nowrap{white-space:nowrap;} .introduce .dec {margin-top:182px; width:48%;} .introduce .dec h3 {margin:0 0 8px; color:#000; font-family: 'Nanum Square', "Nanum-regular", dotum, arial, san-serif;letter-spacing:-1px; line-height:1.4em; font-weight:bold;} .introduce .dec p {font-size:16px; color:#333333;line-height:1.4em; font-family:"Nanum-regular", dotum, arial, san-serif;} .introduce .mainList {width:48%; border:0px solid #e1e1e1;float:right; padding:30px; box-sizing:border-box; background-color:#fff;} .introduce .mainList p {font-size:24px;color:#181818 !important; font-family: 'Nanum Square', "Nanum-regular", dotum, arial, san-serif; font-weight:bold;} .introduce .mainList span.line {display:block;width:20px;height:1px;background-color:#7f7f7f;margin-bottom:25px;} .introduce .mainList ul {} .introduce .mainList ul li { padding-top:65px; padding-bottom:10px; float:left;color:#333333 !important; font-family:"Nanum-regular", dotum, arial, san-serif; width:33%; text-align:Center; margin-bottom:10px; font-size:16px; height:43px;} .introduce .mainList ul li.st1 {background:url(/frontend/assets/images/icons/intro_main_list_03.png) center 0 no-repeat;} .introduce .mainList ul li.st2 {background:url(/frontend/assets/images/icons/intro_main_list_02.png) center 0 no-repeat;} .introduce .mainList ul li.st3 {background:url(/frontend/assets/images/icons/intro_main_list_01.png) center 0 no-repeat;} .introduce .mainList ul li.st4 {background:url(/frontend/assets/images/icons/intro_main_list_04.png) center 0 no-repeat;} .introduce .mainList ul li.st5 {background:url(/frontend/assets/images/icons/intro_main_list_05.png) center 0 no-repeat;} .introduce .type1 .vis {position:relative; float:right; width:48%; padding:0 0 40px 0%;} .introduce .type1 .vis img {width:100%;} .introduce .type2{clear:both;} .introduce .type2:after {content:"";display:block;clear:both;} .introduce .type2 .list {float:left;width:48%; border:0px solid #e1e1e1; padding:30px; box-sizing:border-box; background-color:#fff;} .introduce .type2 h3 {position:relative;font-size:24px;color:#181818;margin-bottom:25px; font-family: 'Nanum Square', "Nanum-regular", dotum, arial, san-serif} .introduce .type2 h3 .flag_arrow {margin-bottom:0px;position:absolute;right:0px;bottom:0px;padding-left:10px;background:url(/frontend/assets/images/icons/flag_arrow_left.png) left center no-repeat;} .introduce .type2 h3 .flag_arrow a {font-size:14px;color:#fff;width:132px;height:22px;line-height:22px;display:block;background:#ffb400;text-align:center;font-weight:normal;font-family:"Nanum-bold", dotum, arial, san-serif;} .introduce .type2 p {color:#000;margin-bottom:34px;} .introduce .type2 ul li {color:#000;} .introduce .type2 .table_wrap {border-top:1px solid #e1e1e1;} .introduce .type2 table {display:table;width:100%;color:#333333;line-height:16px;text-align:left;} .introduce .type2 tr {display:table-row; font-family: 'Nanum-regular';} .introduce .type2 tr.on {background:#f0f0f0;} .introduce .type2 tr th {font-weight:normal;color:#333333;background:#f5f5f5;display:table-cell;border-bottom:1px solid #e1e1e1;padding:10px;white-space:normal;} .introduce .type2 tr td {display:table-cell;color:#333333;border-bottom:1px solid #e1e1e1;border-right:none;padding:15px;} .introduce .type2 tr th.ct {text-align:center;} .introduce .type2 tr td.ct {text-align:center;} .introduce .type2 tr td.first {padding-left:30px;} .introduce .type2 tr.last td {border-bottom:1px solid #cdcdcd;} .introduce .type2 .cl {text-align:left;} .introduce .text_motion {position:absolute;top:26px;left:-212px;width:600px;} .introduce .text_motion li {margin-bottom:13px;} .introduce .text_motion li .text_inner {font-size:46px;height:72px;line-height:72px;font-weight:bold;font-family: 'Nanum-regular';} .introduce .text_motion li .text_inner p{bottom:-6px;} .introduce .introduce_top {} .introduce .introduce_bottom {position:relative;z-index:1;} .introduce .introduce_bottom .type2.outline {margin-top:0px;} .introduce .introduce_bottom .type1.juyo {margin-top:0px;} .blockSpan {display:block;} .d .blockSpan {display:inline;} .t .blockSpan {display:inline;} .m .blockSpan {display:inline;} @media all and (min-width: 640px) and (max-width: 1024px) { .introduce .mainList ul li {display:inline-block; padding-top:75px; padding-bottom:10px; float:left;color:#333333 !important; font-family:"Nanum-regular", dotum, arial, san-serif; width:20%; text-align:Center; margin-bottom:10px; font-size:14px; border-left:1px solid #ededed; box-sizing:border-box;} .introduce .mainList ul li:first-child { border-left:0px solid #ededed; box-sizing:border-box;} .introduce .dec {margin-top:0px; width:100%;} } @media all and (min-width: 100px) and (max-width: 640px) { .section_header .section_inner ul li.cont {width:100%;} .section_header .section_inner ul li.cont > ul {margin:0px;} .history.section_header .section_inner ul li.head .icon {margin-left:0px;} .history.section_header .section_inner ul li.head .dec {padding:0px;} .introduce .type1 {float:none !important;width:100%;margin-top:129.5%;padding:18px 0 0; } .introduce .type2 {float:none !important;width:100%;margin-top:45px;} .introduce .type2 .list {width:100%;margin:0 0 50px;} .introduce .type2 h3 {margin-right:25px;margin-left:25px;margin-bottom:10px;font-size:36px;line-height:36px;} .introduce .type2 h3 .blockSpan {display:block;} .introduce .type2 h3 .flag_arrow {} .introduce .type2 h3 .flag_arrow a {width:82px;height:14px;font-size:10px;line-height:14px;} .introduce .type2 .table_wrap {margin:0 25px;} .introduce .type2 tr td {font-size:13px;} .introduce .mainList {width:100%;max-width:100%;} .introduce .mainList p {position:relative;padding:24px 0px 35px;margin-bottom:0px;} .introduce .mainList span.line {margin-bottom:25px;} .introduce .mainList ul li {display:inline-block; width:49%; text-align:Center; padding:85px 0 25px 0; margin-bottom:0px; font-size:14px; border-left:0px solid #ededed; box-sizing:border-box;} .introduce .mainList ul li.st1 {background:url(/frontend/assets/images/icons/intro_main_list_01.png) center 20px no-repeat;--background-size:27px 14px;} .introduce .mainList ul li.st2 {background:url(/frontend/assets/images/icons/intro_main_list_02.png) center 20px no-repeat;--background-size:23px 21px;} .introduce .mainList ul li.st3 {background:url(/frontend/assets/images/icons/intro_main_list_03.png) center 20px no-repeat;--background-size:22px 23px;} .introduce .mainList ul li.st4 {background:url(/frontend/assets/images/icons/intro_main_list_04.png) center 20px no-repeat;--background-size:21px 23px;} .introduce .mainList ul li.st5 {background:url(/frontend/assets/images/icons/intro_main_list_05.png) center 20px no-repeat;--background-size:23px 21px;} .introduce .type3 {width:100%;} .introduce .type3 .vis {position:relative;margin:0 25px;} .introduce .type3 .vis .slash {display:none;} .introduce .type2 ul li {float:none !important;} .introduce .cont_list {margin:0 25px 56px;} .introduce .cont_list li {width:50%;} .introduce .cont_list li .cont_list_inner img {width:45px;} .introduce .cont_list li .cont_list_inner p {height:45px;font-size:13px;line-height:15px;} .introduce .cont_list li.item1 .cont_list_inner {border-bottom:1px solid #cdcdcd;} .introduce .cont_list li.item2 .cont_list_inner {border-bottom:1px solid #cdcdcd;} .introduce .cont_list li.item3 .cont_list_inner {border-left:none;} .introduce .cont_list li.item1 .cont_list_inner, .introduce .cont_list li.item2 .cont_list_inner {padding-bottom:23px;} .introduce .cont_list li.item3 .cont_list_inner, .introduce .cont_list li.item4 .cont_list_inner {padding-top:23px;} .introduce .dec {margin:0 0 47px;padding:0px;} .introduce .dec h3 {margin:0 0 11px;font-size:18px;line-height:25px;} .introduce .dec p {font-size:13px;line-height:1.4em;} .introduce .introduce_bottom {} .introduce .introduce_bottom .type1 {width:100%;margin:25px 0px 0px 0px !important;} .introduce .introduce_bottom .type2 {width:100%;margin:25px 0px 0px 0px !important} } @media all and (min-width: 1025px) and (max-width: 1920px) { .introduce .type2 .list {min-width:250px;} } @media all and (min-width: 1025px) and (max-width: 1388px) { .introduce .type2 {width:100%;} } @media all and (min-width: 100px) and (max-width: 640px) { .introduce .type1 {width:100%; ;border-bottom:0px solid #dfdfdf;} .introduce .type2 h3 {margin:0px 0px 10px 0px;} .introduce .type2 .table_wrap {margin:0px;} } @media all and (min-width: 100px) and (max-width: 1024px) { .introduce .type1 {width:100%;margin-top:148px;border-bottom:0px solid #dfdfdf;} .introduce .type1 .vis {position:relative; float:none; width:100%; padding:0 0 20px 0;} .introduce .type2 .list {float:none;width:100% !important;} .introduce .type2 .mainList {float:none;width:100% !important; margin-top:30px;} .introduce .mainList .mainList_inner {padding-left:0px;} } @media all and (min-width: 100px) and (max-width: 640px) { .introduce .type2 h3 {font-size:24px;} .introduce .dec {margin:20px 0 47px; width:100%;} } /************************************************************************************************************************************************ * COMPANY - 기업개요 - 비전 & 핵심가치 *************************************************************************************************************************************************/ .vision_header {} .vision_header .cont {} .vision_header .cont ul {} .vision_header .cont ul li {float:left;} .vision_header .cont ul li img {width:100%; max-width:340px;} .vision_header .cont.bg {background-color:#ffffff !important; padding:30px 0;} .vision_header .cont ul li.st1 {width:30%;margin-left:8%;margin-right:10%; } .vision_header .cont ul li.st2 {width:6%;} .vision_header .cont ul li.st3 {width:30%;margin-left:6%;--margin-right:10%;} .vision_header .cont ul:after {content:"";display:block;clear:both;} .vision_header h2 {font-size:28px; font-family: 'Nanum Square'; font-weight:bold;} .vision_section {} .vision_section .section_inner div.cont /*{width:74%;float:right;}*/{width:100%;float:right; padding-bottom:50px;} .vision_section .section_inner:after {content:"";display:block;clear:both;} .vision_section h2 {font-size:28px; font-family: 'Nanum Square'; font-weight:bold; margin-top:50px;} .vision_section h3 {margin:20px 0 10px 0; font-size:20px; font-family: 'Nanum Square'; color:#fd8204;} .vision_section h3 .text_motion li {padding-left:0px; margin-top:50px;} .vision_section h3 .text_inner {font-size:46px;height:46px;line-height:46px; font-family: 'Nanum Square'; letter-spacing:-0.05em; font-weight:bold;} .vision_section h4 {font-family: 'Nanum Square'; margin-bottom:10px; color:#959493; font-size:20px; } .vision_section ul.cont_list {margin-top:30px;} .vision_section ul.cont_list li {float:left;width:25%; box-sizing:border-box; text-align:center; border-left:1px solid #ededed; padding:30px 0; background-color:#fff;} .vision_section ul.cont_list li:first-child {border-left:0px solid #ededed;} .vision_section .cont_list_inner span.line {display:block; width:30px; height:1px; background-color:#dfdfdf; margin:17px auto;} .item4th{position:relative;min-width:1px;margin:0 0 30px; ;background:white; border:1px solid #ededed; overflow:hidden; } .item4th:after{content:"";display:block;clear:both;} .item4th .imgArea {display:block;width:50%; float:left; overflow:hidden;} .item4th.type2 .imgArea {display:block;width:50%; float:right; margin-right:0%; overflow:hidden;} .item4th .imgArea img {width:120%;} .item4th .textArea{position:relative; padding:30px 3%; float:left; width:44%;} .item4th h1 {margin:90px 0 30px 0; font-size:35px; font-family: 'Nanum Square'; font-weight:bold; color:#fd8204;} .item4th.item4th_2 h1 {margin:50px 0 10px 0; font-size:35px; font-family: 'Nanum Square'; font-weight:bold; color:#fd8204;} .item4th.item4th_3 h1 {margin:20px 0 10px 0; font-size:35px; font-family: 'Nanum Square'; font-weight:bold; color:#fd8204;} .item4th h2 {font-size:20px; font-family: 'Nanum Square'; font-weight:bold; color:#333; margin-bottom:5px; margin-top:0px; line-height:1.5em;} .item4th .textArea span.line {display:block; width:30px; height:1px; background-color:#dfdfdf; margin:17px 0;} .item4th p {font-size:15px; line-height:1.4em;} @media all and (min-width: 640px) and (max-width: 1024px) { .vision_section .section_inner {} .vision_section .section_inner div.cont {width:100%;} .vision_section ul li p.img {top:52px;} .vision_section ul li dt {font-size:30px;line-height:36px;} .vision_section ul li dd {font-size:24px;line-height:36px;} .vision_section h4 {font-family: 'Nanum Square'; margin-bottom:10px; color:#959493; font-size:18px; font-weight:bold;} .item4th p {font-size:16px; } } @media all and (min-width: 100px) and (max-width: 900px) { .vision_section .section_inner div.cont {width:100%;} .vision_section h3 .text_inner {font-size:53px;} .vision_section ul.cont_list li {float:left;width:50%; box-sizing:border-box; text-align:center; border-left:1px solid #ededed; padding:30px 0;} .vision_section ul.cont_list li:first-child {border-left:0px solid #ededed;border-bottom:1px solid #ededed;} .vision_section ul.cont_list li:nth-child(2) {border-bottom:1px solid #ededed;} .vision_section ul.cont_list li:nth-child(3) {border-left:0px solid #ededed;} .item4th{position:relative;min-width:1px;margin:0 0 30px; ;background:white; border:1px solid #ededed; overflow:hidden; } .item4th:after{content:"";display:block;clear:both;} .item4th .imgArea {display:block;width:100%; float:none; overflow:hidden;} .item4th.type2 .imgArea {display:block;width:100%; float:none; margin-right:0%; overflow:hidden;} .item4th .textArea{position:relative; padding:30px 3%; float:none; width:94%;} .item4th h1 {margin:0px 0 10px 0; font-size:22px; font-family: 'Nanum Square'; font-weight:bold; color:#fd8204;} .item4th.item4th_2 h1 {margin:0px 0 10px 0; font-size:22px; font-family: 'Nanum Square'; font-weight:bold; color:#fd8204;} .item4th.item4th_3 h1 {margin:0px 0 10px 0; font-size:22px; font-family: 'Nanum Square'; font-weight:bold; color:#fd8204;} .item4th h2 {font-size:18px; font-family: 'Nanum Square'; font-weight:bold; color:#333; margin-bottom:5px; margin-top:0px; line-height:1.5em;} .item4th .textArea span.line {display:block; width:30px; height:1px; background-color:#dfdfdf; margin:17px 0;} } @media all and (min-width: 100px) and (max-width: 640px) { .vision_section ul.cont_list li {float:none;width:100%; box-sizing:border-box; text-align:center; border-left:1px solid #ededed; padding:30px 0;} .vision_section ul.cont_list li:first-child {border-left:0px solid #ededed; border-bottom:1px solid #ededed;} .vision_section ul.cont_list li:nth-child(2) {border-left:0px solid #ededed;} .vision_section ul.cont_list li:nth-child(3) {border-left:0px solid #ededed; border-bottom:1px solid #ededed;} .vision_section h2 {font-family: 'Nanum Square'; font-weight:bold; margin-top:20px;} .vision_section h3 {margin-bottom:25px;} .vision_section h3 .text_inner {font-size:24px;line-height:34px;height:inherit;} .vision_header .cont ul li {float:none;text-align:center;width:100% !important;margin:0px !important;;} .vision_header .cont ul li img {width:90%;} .vision_header .cont ul li.st2 {width:100% !important;margin:30px 0 !important;} .vision_header .cont ul li.st2 img {width:6% !important;} .vision_section ul li dd {line-height:17px;} .vision_section h4 {font-family: 'Nanum Square'; margin-bottom:10px; color:#959493; font-size:16px; font-weight:bold;} .item4th p {font-size:14px; } .item4th .textArea{position:relative; padding:30px 5%; float:left; width:90%;} .vision_section .section_inner {margin:40px 25px 0;padding:0;} } /************************************************************************************************************************************************ * COMPANY - HISTORY *************************************************************************************************************************************************/ .history {} /*.history .section_inner {padding:0 50px; } .history .section_inner ul li.head {max-width:245px;} {width:100%; padding-top:0px;}*/ .history .section_inner ul li.cont {position:relative; } .history_head {position:absolute;right:0px;top:0px;text-align:right;z-index:1;} .history_head .text_inner {font-size:46px;line-height:72px;font-weight:bold;} .history .cont {} .history .cont .history_list .cont_list_body img {width:100%;} .history .cont .history_list .cont_list_body .box {position:relative; background-color:#fff; min-height:500px; padding:30px;} .history .cont .history_list .cont_list_body .box .title {font-size:30px;margin-bottom:30px;font-family:"dpm", arial, san-serif; padding-bottom:30px; border-bottom:2px solid #333; padding-top:30px;} .history .cont .history_list .cont_list_body .box .title span {font-family: 'Nanum Square'; font-weight:bold; } .history .cont .history_list .cont_list_body .box .line {display:block;width:45px;height:4px;background-color:#fff; display:none;} .history .cont .history_list .cont_list_body .box .txt {line-height:1.5em; width:50%; padding-bottom:50px; display:inline-block;} .history .cont .history_list .cont_list_body .box ul {float:right; width:45%;} .history .cont .history_list .cont_list_body .box ul li {display:block; width:100%; padding-bottom:16px;} .history .cont .history_list .cont_list_body .box ul li span {font-size:24px; font-weight:bold; font-family:"dpm", arial, san-serif; display:inline-block; width:70px; } @media all and (min-width: 1025px) and (max-width: 1280px) { .history .cont ul .list .cont_list_body .img {margin-right:100px;} } @media all and (min-width: 641px) and (max-width: 1024px) { .section_header .section_inner ul li.head {max-width:100%;} .section_header .section_inner ul li.head .dec br {display:none;} .history .cont .history_list .cont_list_body img {width:100%; margin-top:30px;} .history .cont .history_list .cont_list_body .box {position:relative; } .history .cont .history_list .cont_list_body .box .title {font-size:30px;margin-bottom:30px;font-family:"dpm", arial, san-serif; padding-bottom:30px; border-bottom:2px solid #333; padding-top:30px;} .history .cont .history_list .cont_list_body .box .line {display:block;width:45px;height:4px;background-color:#fff;} .history .cont .history_list .cont_list_body .box .txt {line-height:1.5em; width:100%; padding-bottom:30px; display:inline-block;} .history .cont .history_list .cont_list_body .box ul {float:none; width:100%; border-top:1px solid #eeeeee; padding-top:30px;} .history .cont .history_list .cont_list_body .box ul li {display:block; width:100%; padding-bottom:16px;} .history .cont .history_list .cont_list_body .box ul li span {font-size:18px; font-weight:bold; font-family:"dpm", arial, san-serif; display:inline-block; width:70px; } } @media all and (min-width: 100px) and (max-width: 640px) { .section_header .section_inner ul li.head {max-width:100%; } .history .cont .history_list .cont_list_body img {width:100%; margin-top:20px;} .history .cont .history_list .cont_list_body .box {position:relative; } .history .cont .history_list .cont_list_body .box .title {font-size:30px;margin-bottom:20px;font-family:"dpm", arial, san-serif; padding-bottom:20px; border-bottom:2px solid #333; padding-top:20px;} .history .cont .history_list .cont_list_body .box .line {display:block;width:45px;height:4px;background-color:#fff;} .history .cont .history_list .cont_list_body .box .txt {line-height:1.5em; width:100%; padding-bottom:20px; display:inline-block;} .history .cont .history_list .cont_list_body .box ul {float:none; width:100%; border-top:1px solid #eeeeee; padding-top:30px;} .history .cont .history_list .cont_list_body .box ul li {display:block; width:100%; padding-bottom:16px;} .history .cont .history_list .cont_list_body .box ul li span {font-size:18px; font-weight:bold; font-family:"dpm", arial, san-serif; display:inline-block; width:70px; } } @media all and (min-width: 100px) and (max-width: 460px) { .history .cont .history_list .cont_list_body .box ul li span {font-size:18px; font-weight:bold; font-family:"dpm", arial, san-serif; display:block; width:70px; padding-bottom:10px;} } /************************************************************************************************************************************************ * COMPANY - CEO *************************************************************************************************************************************************/ .ceo {} .section_header.ceo .section_inner ul li.head {display:block; width:100%; padding-top:0px; text-align:left; padding-bottom:0px;border-bottom:0px solid #4d4d4d;} .section_header.ceo .section_inner ul li.head p br {display:block;} .section_header.ceo .section_inner ul li.head .icon {height:80px; display:block;} .section_header.ceo .section_inner ul li.head h2 {font-size:28px;color:#000;font-weight:bold;margin-bottom:0px;} .section_header.ceo .section_inner ul li.head span.line {display:block;width:20px;height:1px;background-color:#cccccc;margin:32px 0; } .ceo .section_inner ul li.head {position:absolute;} .ceo .section_inner ul li.cont {float:none;width:100%;min-width:1200px;} .ceo .section_inner ul li.cont > ul {} .ceo .section_inner ul li.cont > ul > li.ceoImg {position:relative;float:right;width:40.1%; } .ceo .section_inner ul li.cont > ul > li.ceoImg > img {width:100%;} .ceo .section_inner ul li.cont > ul > li.ceoImg .ceo_box {position:absolute;right:-35px;bottom:-50px;display:inline-block;padding:30px;color:#fff;background:url(/frontend/assets/images/icons/yel_mask.png) 0 0 repeat;width:250px;} .ceo .section_inner ul li.cont > ul > li.ceoImg .ceo_box h3 {font-size:24px;font-weight:normal; font-family: 'Nanum-regular';} .ceo .section_inner ul li.cont > ul > li.ceoImg .ceo_box span.line2 {display:block;width:20px;height:4px;background-color:#fff;margin:30px 0;} .ceo .section_inner ul li.cont > ul > li.ceoImg .ceo_box dl {height:30px;line-height:30px;} .ceo .section_inner ul li.cont > ul > li.ceoImg .ceo_box dt {float:left;margin-right:13px;} .ceo .section_inner ul li.cont > ul > li.ceoImg .ceo_box dd {float:left;} .ceo .section_inner ul li.cont > ul > li.ceoImg .ceo_box dl:after {content:"";display:block;clear:both;} .ceo .section_inner ul li.cont > ul > li.txt {float:left;width:55%;margin-top:157px;color:#333333;line-height:1.5em;} .ceo .section_inner ul li.cont > ul > li.txt .ceo_txt {margin-bottom:40px; font-size:16px; line-height:1.5em; font-family: 'Nanum-regular';} .ceo .section_inner ul li.cont > ul > li.txt .box {border:3px solid #fd8204;margin-bottom:30px;} .ceo .section_inner ul li.cont > ul > li.txt .box .box_inner {padding:30px 20px;color:#fd8204;} .ceo .section_inner ul li.cont > ul > li.txt .box .box_inner span {display:block; } .ceo .section_inner ul li.cont > ul > li.txt .box .box_inner .box_head {float:left;font-size:46px; font-family: 'Nanum Square'; line-height:1.4em; font-weight:bold;} .ceo .section_inner ul li.cont > ul > li.txt .box .box_inner .box_title {float:left;font-size:16px; line-height:1.4em; font-family: 'Nanum-regular';} .ceo .section_inner ul li.cont > ul > li.txt .box .box_inner:after {content:"";display:block;clear:both;} .ceo .section_inner ul li.cont > ul > li.txt dl.yuji {margin-bottom:30px;} .ceo .section_inner ul li.cont > ul > li.txt dl.yuji dt {position:relative;font-size:36px;color:#181818;margin-bottom:10px;} .ceo .section_inner ul li.cont > ul > li.txt dl.yuji dt .flag_arrow {position:absolute;left:150px;top:12px;padding-left:10px;background:url(/frontend/assets/images/icons/flag_arrow_left_green.png) left center no-repeat;} .ceo .section_inner ul li.cont > ul > li.txt dl.yuji dt .flag_arrow a {font-size:14px;color:#fff;width:92px;height:22px;display:block;background:#fe7700;text-align:center;font-weight:normal;} .ceo .section_inner ul li.cont > ul > li.txt dl.yuji dd {font-family: 'Nanum-regular';} .ceo .section_inner ul li.cont > ul > li.txt2 .ceo_condense {margin-top:50px; } .ceo .section_inner ul li.cont > ul > li.txt2 .ceo_condense dl {float:left;width:20%;margin-bottom:30px;} .ceo .section_inner ul li.cont > ul > li.txt2 .ceo_condense dt {color:#181818;font-size:22px;margin-bottom:8px; line-height:1.4em; font-family: 'Nanum Square'; font-weight:bold;} .ceo .section_inner ul li.cont > ul > li.txt2 .ceo_condense dd {padding-right:20px;color:#7b7b7b; font-family: 'Nanum-regular';} .ceo .section_inner ul li.cont > ul > li.txt2 .ceo_condense:after {content:"";display:block;clear:both;} @media all and (min-width: 1025px) and (max-width: 1280px) { .ceo .section_inner ul li.cont {min-width:1180px;} .ceo .section_inner ul li.cont > ul > li.txt {width:55.4%} .ceo .section_inner ul li.cont > ul > li.ceoImg {width:38.9%;} } @media all and (min-width: 641px) and (max-width: 1024px) { .ceo .section_inner {} .ceo .section_inner ul li.cont {min-width:100%;margin-top:0 !important;padding-top:202px; } .ceo .section_inner ul li.cont > ul > li.ceoImg {--width:84.1%;width:100%;} .ceo .section_inner ul li.cont > ul > li.txt {width:100%;margin-top:60px;} .ceo .section_inner ul li.cont > ul > li.txt .ceo_txt {font-size:15px;} .ceo .section_inner ul li.cont > ul > li.txt .box {margin-bottom:40px;} .ceo .section_inner ul li.cont > ul > li.txt dt:after {content:"";display:block;position:absolute;bottom:-31px;left:0;width:20px;height:1px;background:#afafaf; display:none;} .ceo .section_inner ul li.cont > ul > li.txt2 .ceo_condense {margin-top:10px; } .ceo .section_inner ul li.cont > ul > li.txt2 .ceo_condense dl {float:left;width:50%;margin-bottom:30px;} .ceo .section_inner ul li.cont > ul > li.txt2 .ceo_condense dt {color:#181818;font-size:20px;margin-bottom:8px; font-family: 'Nanum-regular'; line-height:1.4em;} .ceo .section_inner ul li.cont > ul > li.txt2 .ceo_condense dd {padding-right:20px;color:#7b7b7b; font-family: 'Nanum-regular';} .ceo .section_inner ul li.cont > ul > li.txt2 .ceo_condense:after {content:"";display:block;clear:both;} } @media all and (min-width: 100px) and (max-width: 640px) { .section_header.ceo .section_inner ul li.head h2 {} .section_header.ceo .section_inner ul li.head .icon {height:50px; display:block;} .section_header.ceo .section_inner ul li.head .icon img {width:50px; } .ceo .section_inner ul li.cont {min-width:100%;margin-top:0px !important;padding-top:160px;} .ceo .section_inner ul li.cont > ul > li.ceoImg {float:none;width:100%;} .ceo .section_inner ul li.cont > ul > li.ceoImg .ceo_box {left:0;padding:16px;width:180px;} .ceo .section_inner ul li.cont > ul > li.ceoImg .ceo_box h3 {font-size:16px;} .ceo .section_inner ul li.cont > ul > li.ceoImg .ceo_box span.line2 {width:10px;height:2px;margin:15px 0;} .ceo .section_inner ul li.cont > ul > li.ceoImg .ceo_box dl {height:20px;line-height:15px;font-size:13px;} .ceo .section_inner ul li.cont > ul > li.ceoImg .ceo_box dt {font-size:13px;} .ceo .section_inner ul li.cont > ul > li.ceoImg .ceo_box dd {font-size:13px;} .ceo .section_inner ul li.cont > ul > li.txt {float:none;width:100%;margin-top:70px;} .ceo .section_inner ul li.cont > ul > li.txt .ceo_txt {font-size:13px;line-height:1.4em;} .ceo .section_inner ul li.cont > ul > li.txt .ceo_txt br.nowrap {content:"";display:block;margin-bottom:14px;} .ceo .section_inner ul li.cont > ul > li.txt .box {margin-bottom:30px;} .ceo .section_inner ul li.cont > ul > li.txt .box .box_inner {padding:20px 25px 18px;} .ceo .section_inner ul li.cont > ul > li.txt .box .box_inner .box_head {height:26px;margin-bottom:10px;font-size:32px;line-height:26px;margin-right:0px;} .ceo .section_inner ul li.cont > ul > li.txt .box .box_inner .box_title {height:auto;font-size:13px;line-height:15px;} .ceo .section_inner ul li.cont > ul > li.txt dt {margin-bottom:28px;} .ceo .section_inner ul li.cont > ul > li.txt dt img {width:90px;height:23px;} .ceo .section_inner ul li.cont > ul > li.txt dt .flag_arrow {left:109px;} .ceo .section_inner ul li.cont > ul > li.txt dt .flag_arrow a {width:60px;height:16px;font-size:13px;line-height:16px;} .ceo .section_inner ul li.cont > ul > li.txt dd {height:auto;font-size:13px;--height:17px;} .ceo .section_inner ul li.cont > ul > li.txt .ceo_condense dl {float:none;width:100%;} .ceo .section_inner ul li.cont > ul > li.txt .ceo_condense dt {} .ceo .section_inner ul li.cont > ul > li.txt .ceo_condense dd {padding-right:0px;} .ceo .section_inner ul li.cont > ul > li.txt .ceo_condense dd br {display:none;padding-right:0px;} .ceo .section_inner ul li.cont > ul > li.txt dl.yuji dt .flag_arrow {left:100px;} .ceo .section_inner ul li.cont > ul > li.txt dl.yuji dt .flag_arrow a {font-size:13px;width:60px;height:17px;} .ceo .section_inner ul li.cont > ul > li.txt2 .ceo_condense {margin-top:10px; } .ceo .section_inner ul li.cont > ul > li.txt2 .ceo_condense dl {float:left;width:100%;margin-bottom:30px;} .ceo .section_inner ul li.cont > ul > li.txt2 .ceo_condense dt {color:#181818;font-size:15px;margin-bottom:8px; font-family: 'Nanum-regular'; line-height:1.4em;} .ceo .section_inner ul li.cont > ul > li.txt2 .ceo_condense dd {padding-right:20px;color:#7b7b7b; font-family: 'Nanum-regular';} .ceo .section_inner ul li.cont > ul > li.txt2 .ceo_condense:after {content:"";display:block;clear:both;} } /************************************************************************************************************************************************ * COMPANY - 기업개요 - CI *************************************************************************************************************************************************/ .ci_section {} /*.ci_section .section_inner ul li.head h2 {margin-bottom:50px;}*/ .ci_section .section_inner ul li.head .btns {min-width:310px; text-align:center; margin-left:50%;} .ci_section .section_inner ul li.head .btns li {border:5px solid #fe7700;margin-right:4px; background-color:#fff;} .ci_section .section_inner ul li.head .btns li:first-child {margin-left:-150px;} .ci_section .section_inner ul li.head .btns li a {display:block;width:137px;height:82px;text-align:center;line-height:80px;--padding:30px 32px;} .ci_section .section_inner ul li.head .btns:after {content:"";display:block;clear:both;} .ci_section .section_inner ul li.head .btns .ci {display:block; } .ci_section .section_inner ul li.head .btns .bi {display:none;} .ci_section .section_inner ul li.head .ci_tab {text-align:left;margin-bottom:32px;} .ci_section .section_inner ul li.head .ci_tab ul {--display:inline-block;min-width:300px; margin-left:50%; margin-top:30px;} .ci_section .section_inner ul li.head .ci_tab ul li {margin-right:5px;width:130px;height:30px;line-height:30px;text-align:left;border-bottom:5px solid #e5e5e5; margin-left:-135px;} .ci_section .section_inner ul li.head .ci_tab ul li.st2 {margin:0;} .ci_section .section_inner ul li.head .ci_tab ul li.on {border-bottom:5px solid #fd8b17;} .ci_section .section_inner ul li.head .ci_tab ul li a {display:block;color:#333333;font-family: 'Nanum-regular';} .ci_section .section_inner ul li.head .ci_tab ul li.on a {color:#fd8b17;} .ci_section .section_inner ul li.head .ci_tab ul:after {content:"";display:block;clear:both;} .ci_section .section_inner ul li.head .dec {/*width:320px;*/--font-size:24px;line-height:23px;} .ci_section .section_inner ul li.head .dec .nowrap.wide{} .ci_section .section_inner ul li.head .dec.dec2 {display:none;} .ci_section .section_inner ul li.cont {max-width:1200px;} .cont_ci {} .cont_ci .ci_list {padding:50px;border-bottom:0px solid #cdcdcd; background-color:#fff; margin-bottom:30px;} .cont_ci .ci_list ul {} .cont_ci .ci_list ul li {float:left;} .cont_ci .ci_list ul li.txt {max-width:380px;} .cont_ci .ci_list ul li.img {float:right; width:65%;} .cont_ci .ci_list ul li.img p img {width:100%;} .cont_ci .ci_list ul li h3 {font-size:24px;color:#181818; font-family: 'Nanum Square';} .cont_ci .ci_list ul li span.line {display:block;width:20px;height:1px;background-color:#afafaf;margin:20px 0;} .cont_ci .ci_list ul li p {color:#333333; font-size:16px; line-height:1.5em; ;font-family: 'Nanum-regular';} .cont_ci .ci_list ul li p img {} .cont_ci .ci_list ul:after {content:"";display:block;clear:both;} .cont_bi {display:none;} .cont_bi .bi_list {padding:50px 0;} .cont_bi .bi_list .bi_title img {width:100%;} .cont_bi .bi_list ul {} .cont_bi .bi_list ul li {float:left;} .cont_bi .bi_list ul li.txt {max-width:380px;} .cont_bi .bi_list ul li.img {float:right;} .cont_bi .bi_list ul li.img.brand_list {min-width:654px;max-width:772px;} .cont_bi .bi_list ul li.img.brand_list ul {position:relative;top:-36px;width:100%;} .cont_bi .bi_list ul li.img.brand_list ul li {float:left;width:25%;padding:30px 0;text-align:center;} .cont_bi .bi_list ul li.img.brand_list ul li img {display:block;width:132px;margin:0 auto 7px;} .cont_bi .bi_list ul li.img.brand_list ul li a {display:block;} .cont_bi .bi_list ul li.img.brand_list ul li a img {width:auto;} .cont_bi .bi_list ul li.img.brand_list ul li.bi_5, .cont_bi .bi_list ul li.img.brand_list ul li.bi_6, .cont_bi .bi_list ul li.img.brand_list ul li.bi_7, .cont_bi .bi_list ul li.img.brand_list ul li.bi_8 {padding:30px 0 0;} .cont_bi .bi_list ul li h3 {font-size:18px;color:#000;} .cont_bi .bi_list ul li span.line {display:block;width:20px;height:1px;background-color:#afafaf;margin:20px 0;} .cont_bi .bi_list ul li p {color:#333333; font-size:16px; line-height:1.5em;} .cont_bi .bi_list ul:after {content:"";display:block;clear:both;} .cont_bi .bi_list.brand {padding:0;} .cont_bi .bi_list.core_value {padding:55px 0 50px;} .cont_bi .bi_list.bi_infiza img{width:100%;} .bi_infiza {position:relative;} .bi_infiza a {display:block;position:absolute;bottom:100px;left:4.2%;} @media all and (min-width: 1025px) and (max-width: 1280px) { /*.ci_section .section_inner ul li.head {padding-top:93px;} .ci_section .section_inner ul li.cont {max-width:835px;}*/ .cont_ci .ci_list ul li.txt {width:31%;} .cont_ci .ci_list ul li.txt .blockSpan {display:inline;} .cont_ci .ci_list ul li.img {width:60%;} .cont_ci .ci_list ul li.img p > img {width:100%;} .cont_bi .bi_list:first-child {padding:20px 0 50px;} .cont_bi .bi_list ul li.txt {width:34.8%;} .cont_bi .bi_list ul li.txt .nowrap.de {content:"";display:block;} .cont_bi .bi_list ul li.img {width:65.1%;} .cont_bi .bi_list ul li p {line-height:24px;} .cont_bi .bi_list ul li.img > p img {width:100%;} .cont_bi .bi_list ul li.img.brand_list {width:65.1%;min-width:inherit;max-width:inherit;} .cont_bi .bi_list ul li.img.brand_list ul li {width:33%;} .cont_bi .bi_list ul li.img.brand_list ul li.bi_5, .cont_bi .bi_list ul li.img.brand_list ul li.bi_6 {padding:30px 0;} .cont_bi .bi_list ul li.img.brand_list ul li.bi_7, .cont_bi .bi_list ul li.img.brand_list ul li.bi_8 {padding:30px 0 0;} .bi_infiza a {display:block;position:absolute;bottom:100px;left:4.5%;cursor:default;width:100px;} } @media all and (min-width: 641px) and (max-width: 1024px) { .ci_section .section_inner ul li.head {width:100%;} /*.ci_section .section_inner {padding:0;}*/ .cont_ci .ci_list {padding:30px;} .ci_section .section_inner ul li.head .icon {padding:0 50px;} .ci_section .section_inner ul li.head .ci_tab {margin:40px 50px 43px;} .ci_section .section_inner ul li.head .ci_tab ul {--display:inline-block;min-width:300px; margin-left:0%; margin-top:30px;} .ci_section .section_inner ul li.head .ci_tab ul li {width:49%;height:40px;font-size:24px;line-height:24px; margin-left:0px;} .ci_section .section_inner ul li.head .ci_tab ul li.st1 {margin-right:2%;} .ci_section .section_inner ul li.head .dec {width:auto;margin:0 50px;} .ci_section .section_inner ul li.head .dec .nowrap.wide {display:none;} .ci_section .section_inner ul li.head .btns {min-width:inherit;margin:43px 50px 0;} .ci_section .section_inner ul li.head .btns li {width:100%; box-sizing:border-box; margin-bottom:5px;} .ci_section .section_inner ul li.head .btns li a {width:auto;} .ci_section .section_inner ul li.head .btns li:first-child {margin-left:-0px;} .cont_ci .ci_list {padding:40px 30px !important;border-bottom:0px solid #cdcdcd;} .cont_ci .ci_list ul li span.line {margin:30px 0 24px;} .cont_ci .ci_list ul li p {margin-bottom:20px;} .cont_ci .ci_list ul li.txt {float:none;max-width:inherit;} .cont_ci .ci_list ul li.img {float:none; width:100%;} .cont_ci .ci_list ul li.img > p img{width:100%;} .cont_bi .bi_list {padding:50px;border-bottom:0px solid #cdcdcd;} .cont_bi .bi_list:first-child {padding:0 50px 50px;} .cont_bi .bi_list ul li h3 {font-size:28px;} .cont_bi .bi_list ul li span.line {margin:32px 0 23px;} .cont_bi .bi_list ul li p {font-size:24px;line-height:36px;} .cont_bi .bi_list ul li p img {width:100%;} .cont_bi .bi_list ul li.txt {float:none;max-width:100%;margin-bottom:50px;} .cont_bi .bi_list ul li.txt br {display:none;} .cont_bi .bi_list ul li.img {float:none;} .cont_bi .bi_list.brand {padding:74px 50px;} .cont_bi .bi_list.core_value {padding:50px;} .cont_bi .bi_list ul li.img.brand_list {min-width:initial;max-width:initial;} .cont_bi .bi_list ul li.img.brand_list ul {top:-22px;} .cont_bi .bi_list ul li.img.brand_list ul li {padding:22px 0;} .bi_infiza a {display:block;position:absolute;bottom:100px;left:9.5%;cursor:default;width:100px;} } @media all and (min-width: 100px) and (max-width: 640px) { .section_header .section_inner ul li.head {width:100%;} /*.ci_section .section_inner {padding:0;}*/ .ci_section .section_inner ul li.head .ci_tab {margin:20px 25px;} .ci_section .section_inner ul li.head .ci_tab ul {--display:inline-block;min-width:300px; margin-left:0%; margin-top:30px;} .ci_section .section_inner ul li.head .ci_tab ul li {width:49%;height:20px;font-size:13px;line-height:12px;border-bottom:3px solid #e5e5e5; margin-left:0;} .ci_section .section_inner ul li.head .ci_tab ul li.st1 {margin-right:2%;} .ci_section .section_inner ul li.head .ci_tab ul li.on {border-bottom:3px solid #fd8b17;} .ci_section .section_inner ul li.head .dec {width:auto;font-size:13px;line-height:18px;letter-spacing:-0.7px;} .ci_section .section_inner ul li.head .dec .nowrap.wide {display:none;} .ci_section .section_inner ul li.head .btns {min-width:inherit;margin:43px 25px 0;} .ci_section .section_inner ul li.head .btns li {width:100%; box-sizing:border-box; margin-bottom:5px; border:2px solid #fe7700;} .ci_section .section_inner ul li.head .btns li a {width:auto;height:41px;line-height:39px;} .ci_section .section_inner ul li.head .btns li:first-child {margin-left:0%;} .ci_section .section_inner ul li.head .btns li a img {height:11px;} .ci_section .section_inner ul li.head .btns li.st1 {margin-right:1%;} .cont_ci .ci_list {padding:35px 25px;} .cont_ci .ci_list:first-child {padding:50px 25px 35px;} .cont_ci .ci_list ul li {} .cont_ci .ci_list ul li h3 {font-size:14px;} .cont_ci .ci_list ul li span.line {width:10px;margin:15px 0 11px;} .cont_ci .ci_list ul li p {} .cont_ci .ci_list ul li p img {width:100%;} .cont_ci .ci_list ul li.txt {float:none;max-width:inherit;} .cont_ci .ci_list ul li.txt p {margin-bottom:32px;font-size:13px;line-height:18px;} .cont_ci .ci_list ul li.img {float:none; width:100%;} .cont_bi .bi_list {padding:35px 0;border-bottom:1px solid #cdcdcd;} .cont_bi .bi_list:first-child {padding:0 25px 35px;} .cont_bi .bi_list ul {margin:0 !important;} .cont_bi .bi_list ul li {} .cont_bi .bi_list ul li h3 {font-size:14px;} .cont_bi .bi_list ul li span.line {width:10px;margin:15px 0 11px;} .cont_bi .bi_list ul P {} .cont_bi .bi_list ul P img {width:100%;} .cont_bi .bi_list ul li.txt {float:none;max-width:inherit;} .cont_bi .bi_list ul li.txt p {margin-bottom:32px;font-size:13px;line-height:18px;} .cont_bi .bi_list ul li.txt p br {display:none;} .cont_bi .bi_list ul li.img {float:none;} .cont_bi .bi_list ul li.img.brand_list {min-width:inherit;max-width:inherit;} .cont_bi .bi_list ul li.img.brand_list ul {top:-15px;margin:25px 0;} .cont_bi .bi_list ul li.img.brand_list ul li {width:33%;padding:15px 0;} .cont_bi .bi_list ul li.img.brand_list ul li img {width:66px;margin:0 auto 10px} .cont_bi .bi_list ul li.img.brand_list ul li a img {width:18px;height:8px;} .cont_bi .bi_list ul li.img.brand_list ul li.bi_5, .cont_bi .bi_list ul li.img.brand_list ul li.bi_6 {padding:15px 0;} .cont_bi .bi_list ul li.img.brand_list ul li.bi_7, .cont_bi .bi_list ul li.img.brand_list ul li.bi_8 {padding:15px 0 0;} .cont_bi .bi_list.brand {padding:25px;} .cont_bi .bi_list.core_value {padding:25px;} .cont_bi .bi_list.bi_infiza {padding:25px;} .cont_bi .bi_list.bi_infiza a {bottom:36.85%;left:11.81%;} .cont_bi .bi_list.bi_infiza a img {width:100px;} } /************************************************************************************************************************************************ * COMPANY - 알톤소식 *************************************************************************************************************************************************/ /*.alton_info .section_inner ul li.head {max-width:235px;} .alton_info .section_inner ul li.cont {width:74.4%;}*/ .alton_info .srh_box {margin-top:30px; } .alton_info .srh_box li {display:inline-block; float:none !important; color:#333333;} .alton_info .srh_box li .select_wrap {border:1px solid #e1e1e1;width:245px;height:40px; float:right;} .alton_info .srh_box li .select_wrap select {border:0px;text-indent:10px !important;width:100%;height:40px;-webkit-appearance:none;background:#fff url(/frontend/assets/images/icons/select_arrow_t.gif) right center no-repeat;} .alton_info .srh_box li .srh_wrap {overflow:hidden;position:relative;border:1px solid #e1e1e1;width:245px;height:40px; text-align:left;} .alton_info .srh_box li .srh_wrap label {position:absolute;top:0px;left:0px;width:100%;height;40px;line-height:40px;text-indent:10px;} .alton_info .srh_box li .srh_wrap input[type=text] {border:0px;width:203px;height:38px;float:left;} .alton_info .srh_box li .srh_wrap input {border-radius:0;} .alton_info .srh_box li .btn {float:right;border:0px;border-left:1px solid #e1e1e1;width:40px;height:40px;background:url(/frontend/assets/images/icons/info_srh_bg.png) 0 0 no-repeat;} .alton_info_list {} .alton_info_list {} .alton_info_list ul {position:relative;--margin-bottom:30px;} .alton_info_list ul li {float:left;width:364px;margin-right:43px;cursor:pointer; } .alton_info_list ul li h3 {color:#000; display:-webkit-box;overflow:hidden;height:60px;padding-left:60px;margin-bottom:20px;font-size:20px;line-height:30px;font-weight:normal;text-overflow:ellipsis;white-space:normal;text-align:left;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .alton_info_list ul li h3.share {background:url(/frontend/assets/images/icons/alton_info_thumb_icon_03.png) 0 4px no-repeat;} .alton_info_list ul li h3.harmony {background:url(/frontend/assets/images/icons/alton_info_thumb_icon_01.png) 0 4px no-repeat;} .alton_info_list ul li h3.company {background:url(/frontend/assets/images/icons/alton_info_thumb_icon_02.png) 0 0px no-repeat;} .alton_info_list ul li p {margin-bottom:20px;color:#333333;line-height:24px;} .alton_info_list ul li p.txt {height:62px;letter-spacing:-0.5px;} .alton_info_list ul li span.line {display:block;width:20px;height:1px;background-color:#afafaf;margin:20px 0 30px 0;} .alton_info_list ul li .date {color:#181818;font-family: 'Nanum-regular';font-weight:normal;} .alton_info_list ul li .date span {display:inline-block;margin-left:20px;color:#000;font-weight:normal;} .alton_info_list ul:after {content:"";display:block;clear:both;} .alton_info_list ul li.detail_view {position:relative;width:100%;border-top:1px solid #afafaf;border-bottom:1px solid #cdcdcd;padding:50px 0;margin-bottom:50px; background-color:#fff;} .alton_info_list ul li.detail_view .container{position:relative; padding:50px;} .alton_info_list ul li.detail_view .headline{display:block;margin:0 0 65px;font-size:24px;color:#000;} .alton_info_list ul li.detail_view .img {margin:45px 0;border:1px solid #afafaf;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;} .alton_info_list ul li.detail_view p.copy {margin:0 0 6px;font-size:14px;color:#333333;line-height:24px;} .alton_info_list ul li.detail_view .img_box img {width:100%;} .alton_info_list ul li.detail_view:hover p.copy {color:#333333;} .alton_info_list ul li.detail_view .container p img {width:100%;} .alton_info_list ul li .img {position:relative;overflow:hidden;margin-bottom:50px;--min-height:521px;} .alton_info_list ul li .img a {display:block;} .alton_info_list ul li .img a > img {width:100%;} .alton_info_list ul li .ov {text-align:center;line-height:522px;display:none;background:url(/frontend/assets/images/icons/school_ov_bg.png) repeat;position:absolute;top:0px;left:0px;;width:100%;height:100%;} .alton_info_list ul li.on > h3 {color:#fe7700;} .alton_info_list ul li.on > p {color:#fe7700;} .alton_info_list ul li.on > span.line{background-color:#fe7700;} .alton_info_list ul li.on .img a .ov {display:block;} .alton_info_list ul li.on > .date span {color:#fe7700;} .alton_info_list ul li.on h3.share {background:url(/frontend/assets/images/icons/alton_info_thumb_icon_03_ov.png) 0 4px no-repeat;} .alton_info_list ul li.on h3.harmony {background:url(/frontend/assets/images/icons/alton_info_thumb_icon_01_ov.png) 0 4px no-repeat;} .alton_info_list ul li.on h3.company {background:url(/frontend/assets/images/icons/alton_info_thumb_icon_02_ov.png) 0 0px no-repeat;} .t .alton_info_list ul li:hover > h3 {color:#fe7700;} .t .alton_info_list ul li:hover .ov {display:block;} .t .alton_info_list ul li:hover > p {color:#fe7700;} .t .alton_info_list ul li:hover > span.line{background-color:#fe7700;} .t .alton_info_list ul li:hover > .date span {color:#fe7700;} .t .alton_info_list ul li:hover h3.share {background:url(/frontend/assets/images/icons/alton_info_thumb_icon_03_ov.png) 0 4px no-repeat;} .t .alton_info_list ul li:hover h3.harmony {background:url(/frontend/assets/images/icons/alton_info_thumb_icon_01_ov.png) 0 4px no-repeat;} .t .alton_info_list ul li:hover h3.company {background:url(/frontend/assets/images/icons/alton_info_thumb_icon_02_ov.png) 0 0px no-repeat;} .d .alton_info_list ul li:hover > h3 {color:#fe7700;} .d .alton_info_list ul li:hover .ov {display:block;} .d .alton_info_list ul li:hover > p {color:#fe7700;} .d .alton_info_list ul li:hover > span.line{background-color:#fe7700;} .d .alton_info_list ul li:hover > .date span {color:#fe7700;} .d .alton_info_list ul li:hover h3.share {background:url(/frontend/assets/images/icons/alton_info_thumb_icon_03_ov.png) 0 4px no-repeat;} .d .alton_info_list ul li:hover h3.harmony {background:url(/frontend/assets/images/icons/alton_info_thumb_icon_01_ov.png) 0 4px no-repeat;} .d .alton_info_list ul li:hover h3.company {background:url(/frontend/assets/images/icons/alton_info_thumb_icon_02_ov.png) 0 0px no-repeat;} .w .alton_info_list ul li:hover > h3 {color:#fe7700;} .w .alton_info_list ul li:hover .ov {display:block;} .w .alton_info_list ul li:hover > p {color:#fe7700;} .w .alton_info_list ul li:hover > span.line{background-color:#fe7700;} .w .alton_info_list ul li:hover > .date span {color:#fe7700;} .w .alton_info_list ul li:hover h3.share {background:url(/frontend/assets/images/icons/alton_info_thumb_icon_03_ov.png) 0 4px no-repeat;} .w .alton_info_list ul li:hover h3.harmony {background:url(/frontend/assets/images/icons/alton_info_thumb_icon_01_ov.png) 0 4px no-repeat;} .w .alton_info_list ul li:hover h3.company {background:url(/frontend/assets/images/icons/alton_info_thumb_icon_02_ov.png) 0 0px no-repeat;} .alton_info_list ul li.detail_view:hover span.line{background-color:#afafaf;} .alton_info_list ul li.detail_view:hover .date span {color:#000;} .alton_info_list ul li.hide {display:none;} .alton_info_list .detail_view .data_close {position:absolute;top:50px;right:0px;display:inline-block;} .alton_info_list .detail_view .container a:hover {color:#fe7700;} .alton_info_more_Btn {text-align:right} .alton_info_more_Btn a {color:#181818;display:inline-block;padding-right:30px;background:url(/frontend/assets/images/icons/load_more.png) right center no-repeat;} @media all and (min-width: 885px) and (max-width: 1674px) { .tile ul li {--width:40.2%;--margin-right:0;--padding:0 4.8% 70px;} .tile ul li:nth-child(2n) {--margin-right:0;} .tile ul li .img > img {width:100%;} } @media all and (min-width: 641px) and (max-width: 1024px) { .alton_info .section_inner {padding:0;} .alton_info .section_inner ul li.head {max-width:inherit;} .alton_info .section_inner ul li.head .icon {margin:0 50px;} .alton_info .section_inner ul li.head .dec {margin:34px 50px 0;} .alton_info .section_inner ul li.cont {width:100%;} .alton_info .srh_box {margin:13px 50px 0;} .alton_info .srh_box {} .alton_info .srh_box ul {} .alton_info .srh_box ul li {float:left !important;margin:0;} .alton_info .srh_box ul li.box1 {width:49.4%;;margin-right:1.1%;} .alton_info .srh_box ul li.box2 {width:24.4%;margin-right:0.6%;} .alton_info .srh_box ul li.box3 {width:49.4%;} .alton_info .srh_box ul li .select_wrap, .alton_info .srh_box ul li .srh_wrap {width:100%;height:59px;-webkit-box-sizing:border-box;box-sizing:border-box; background-color:#fff;} .alton_info .srh_box ul li .srh_wrap input[type=text] {height:55px; } .alton_info .srh_box ul li .srh_wrap label {height:55px;line-height:55px;} .alton_info .srh_box ul li .btn {width:58px;height:57px;background:#fff url(/frontend/assets/images/icons/info_srh_bg_t.png) right 0 no-repeat; z-index:100;} .alton_info .srh_box ul li .select_wrap select {height:57px;background:#fff url(/frontend/assets/images/icons/select_arrow_t.gif) right 0 no-repeat;} .alton_info_list ul {--border-bottom:1px solid #cdcdcd;} .alton_info_list ul li {width:40.2% !important;padding:0 4.8% 70px;++border-bottom:1px solid #cdcdcd;} .alton_info_list ul li.last {border-bottom:none;} .alton_info_list ul li h3 {display:-webkit-box;overflow:hidden;height:60px;margin-bottom:9px;padding-left:70px;font-size:20px;line-height:1.4em;text-overflow:ellipsis;white-space:normal;text-align:left;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .alton_info_list ul li > p.txt {display:-webkit-box;overflow:hidden; height:70px; margin-bottom:0 text-overflow:ellipsis;white-space:normal;text-align:left;word-wrap:break-word;-webkit-line-clamp:4;-webkit-box-orient:vertical;} .alton_info_list ul li > p.date {margin-bottom:54px;} .alton_info_list ul li.detail_view {width:100% !important;margin-top:0;padding:50px 0;border-top:none;border-bottom:1px solid #cdcdcd;} .alton_info_list ul li.detail_view .headline {margin:0 50px 50px;} .alton_info_list ul li.detail_view p.copy {margin:0 50px 42px;font-size:24px;line-height:42px;} .alton_info_list ul li.detail_view .img {width:inherit;padding:35px 50px;border:none;} .alton_info_list ul li.detail_view .date {margin:0 50px;font-size:24px;} .alton_info_list ul li span.line {margin:20px 0} .alton_info_list .detail_view .data_close {width:50px;right:-50px;top:50px;} .alton_info_list .detail_view .data_close img {width:100%;} .alton_info_more_Btn {display:block;padding:25px 0;text-align:center;font-size:24px;border-bottom:1px solid #cdcdcd;} } @media all and (min-width: 100px) and (max-width: 885px) { .tile ul li {width:100%;margin-right:0%;} .tile ul li .img > img {width:100%;} } @media all and (min-width: 100px) and (max-width: 640px) { .alton_info .section_inner ul li.head {max-width:inherit;} .alton_info .section_inner ul li.cont {width:100%;max-width:100%;} .alton_info .srh_box {margin:4px 25px 0;} .alton_info .srh_box ul li {float:left !important;margin:0;} .alton_info .srh_box ul li.box1 {width:49.4%;margin-right:1.1%;} .alton_info .srh_box ul li.box2 {width:49.4%;} .alton_info .srh_box ul li.box3 {width:100%;margin-top:5px;} .alton_info .srh_box ul li .select_wrap {width:100%;height:30px;-webkit-box-sizing:border-box;box-sizing:border-box;} .alton_info .srh_box ul li .select_wrap select {height:28px;background-size:24px 28px;} .alton_info .srh_box ul li .srh_wrap {width:100%;height:30px;-webkit-box-sizing:border-box;box-sizing:border-box; background-color:#fff;} .alton_info .srh_box li .srh_wrap input[type=text] {width:85%;height:28px;margin:0;padding:0;} .alton_info .srh_box li .srh_wrap label {height:28px;line-height:28px;text-indent:14px; background-color:#fff; width:200px;} .alton_info .srh_box li .btn {width:29px;height:28px;background:#ff url(/frontend/assets/images/icons/info_srh_bg_t.png) 0 0 no-repeat;background-size:29px 28px;} .alton_info_list ul {margin:0 !important;--border-bottom:1px solid #cdcdcd;} .alton_info_list ul li {float:none;width:100% !important;margin-top:35px !important;padding:0 0 35px;border-bottom:1px solid #cdcdcd;} .alton_info_list ul li:first-child {margin-top:0px !important;} .alton_info_list ul li.last {border-bottom:none;} .alton_info_list ul li h3 {display:-webkit-box;overflow:hidden;height:36px;margin:0 25px 7px;padding-left:40px;font-size:16px;line-height:18px;text-overflow:ellipsis;white-space:normal;text-align:left;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .alton_info_list ul li h3.cate1 {background-size:20px 25px;background-position:0 2px;} .alton_info_list ul li h3.cate2 {background-size:20px 25px;background-position:0 2px;} .alton_info_list ul li h3.cate3 {background-size:20px 25px;background-position:0 2px;} .alton_info_list ul li .img {margin:0 25px;} .alton_info_list ul li > p.txt {display:-webkit-box;overflow:hidden;height:34px;margin:0 25px;font-size:13px;line-height:1.4em;text-overflow:ellipsis;white-space:normal;text-align:left;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .alton_info_list ul li span.line {width:10px;} .alton_info_list ul li > p.date {margin:0 25px 30px;} .alton_info_list ul li.detail_view {width:100% !important;margin-top:0;padding:35px 0 50px;border-top:none;border-bottom:1px solid #cdcdcd;} .alton_info_list ul li.detail_view .headline {margin:0 25px 32px;font-size:13px;} .alton_info_list ul li.detail_view p.copy {margin:0 25px 17px;font-size:13px;line-height:1.4em;} .alton_info_list ul li.detail_view .img {width:inherit;margin:0;padding:35px 25px 0;border:none;} .alton_info_list ul li.detail_view .date {margin:0 25px;font-size:13px;} .alton_info_list ul li.detail_view .detail_close {overlfow:hidden;display:block;position:absolute;bottom:12px;left:50%;text-indent:-9999px;width:24px;height:24px;margin:0 0 0 -12px;outline:none;background:url(/frontend/assets/images/icons/detail_view_close.png) 0 0 no-repeat;background-size:24px 24px;} /*.alton_info_list ul li.detail_view .container {margin:0 25px;}*/ .alton_info_list ul li.detail_view .container{position:relative; padding:20px;} .alton_info_list ul li span.line {margin:12px 25px 18px} .alton_info_list ul li.on h3.cate1, .alton_info_list ul li.on h3.cate2, .alton_info_list ul li.on h3.cate3 {background-size:20px 25px;background-position:0 2px;} .alton_info_list ul li:hover h3.cate1, .alton_info_list ul li:hover h3.cate2, .alton_info_list ul li:hover h3.cate3 {background-size:20px 25px;background-position:0 2px;} .alton_info_list .detail_view .data_close {width:25px;top:35px;} .alton_info_list .detail_view .data_close img {width:100%;} .alton_info_more_Btn {display:block;padding:21px 0;text-align:center;font-size:13px;border-bottom:1px solid #cdcdcd; margin-bottom:50px;} } .alton_info_list ul li .ov {line-height:1px;} .alton_info_list ul li .ov img {line-height:1px;top:50%;} .alton_info_list > ul li.list .img > img {width:100%;} .alton_info_list > ul li.list.marginRightZero {margin-right:0px !important;} @media all and (min-width: 1675px) and (max-width: 3000px) { .alton_info_list > ul li.list {width:30.8% !important;margin-right:3.6% !important;} } @media all and (min-width: 1025px) and (max-width: 1674px) { .alton_info_list > ul li.list {width:43.5% !important;margin-right:12.8% !important;padding:0px;} } @media all and (min-width: 641px) and (max-width: 1024px) { .alton_info_list > ul {--padding:0 50px;} .alton_info_list > ul li.list {width:44.6% !important;margin-right:10.7% !important;padding:0px;} .alton_info .section_inner {padding:0 50px;} } @media all and (min-width: 100px) and (max-width: 640px) { .alton_info_list > ul {--padding:0 25px;} .alton_info_list > ul li.list {width:100% !important;margin-right:0% !important;padding:0px;padding-bottom:50px;} .alton_info .srh_box ul li.box1 {width:100%;margin-right:0px;} .alton_info_list ul li h3.share {background-size:30px !important;} .alton_info_list ul li h3.company {background-size:30px !important;} .alton_info_list ul li h3.harmony {background-size:30px !important;} } /************************************************************************************************************************************************ * COMPANY - 위치안내 *************************************************************************************************************************************************/ /*.location_info .section_inner ul li.head {max-width:280px;} .location_info .section_inner ul li.head .dec {letter-spacing:-0.8px;}*/ .loc_gallery {} .loc_gallery .loc_gallery_wrap {width:1180px; position:relative; margin:70px auto 0 auto; } .loc_gallery .loc_gallery_wrap .title {padding:30px;position:absolute;width:180px;height:180px;right:-26px;top:-47px;z-index:1;background-color:#fd8b17} .loc_gallery .loc_gallery_wrap .title p {font-family: 'Nanum-regular';color:#fff;} .loc_gallery .loc_gallery_wrap .title .t1 {font-size:36px;font-weight:bold;margin-bottom:10px; line-height:1.2em;} .loc_gallery .loc_gallery_wrap .title .t2 {font-size:24px;font-weight:normal;} .loc_gallery .loc_gallery_wrap ul {} .loc_gallery .loc_gallery_wrap ul li {position:relative;float:left;} .loc_gallery .loc_gallery_wrap ul li.page1 {} .loc_gallery .loc_gallery_wrap ul li.page2 {display:none;} .loc_gallery .loc_gallery_wrap ul li.page3 {display:none;} .loc_gallery .loc_gallery_wrap ul li.page4 {display:none;} .loc_gallery .loc_gallery_wrap ul li.page5 {display:none;} .loc_gallery .loc_gallery_wrap ul li.page6 {display:none;} .loc_gallery .loc_gallery_wrap ul li.page_1 {margin-right:10px;} .loc_gallery .loc_gallery_wrap ul li.page_2 {margin-bottom:10px;} .loc_gallery .loc_gallery_wrap ul li.page_3 {margin-right:10px;} .loc_gallery .loc_gallery_wrap ul li.page_4 {margin:0;} .loc_gallery .loc_gallery_wrap ul li a {display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;} .loc_gallery .loc_gallery_wrap ul li a span {position:absolute;left:0px;top:0px;display:inline-block;width:100%;height:100%;background:rgba(0,0,0,0.6)} .loc_gallery .loc_gallery_wrap ul li a img {text-align:center;z-index:1;position:relative;} .loc_gallery .loc_gallery_wrap ul li:hover a {display:block;} .loc_gallery .loc_gallery_wrap ul:after {content:"";display:block;clear:both;} .loc_gallery .pages {text-align:right;margin-bottom:50px;} .loc_gallery .pages .pages_wrap {display:inline-block;font-family: 'Nanum-regular';font-weight:normal;height:30px;line-height:40px;font-size:30px;color:#bcbcbc;} .loc_gallery .pages .pages_wrap a {display:inline-block;height:43px;line-height:30px;} .loc_gallery .pages .pages_wrap .page {color:#fd8b17;} .loc_gallery .pages_m {text-align:center;margin-bottom:25px;display:none;} .loc_gallery .pages_m .pages_wrap {display:inline-block;font-family: 'Nanum-regular';font-weight:normal;height:30px;line-height:40px;font-size:30px;color:#bcbcbc;} .loc_gallery .pages_m .pages_wrap a {display:inline-block;height:43px;line-height:30px;} .loc_gallery .pages_m .pages_wrap .page {color:#fd8b17;} .pages_mobile {display:none;} .loc_gallery .loc_gallery_wrap .explore_wide li p {position:absolute;bottom:0px;left:0px;padding:20px 30px;background:#fff;} .loc_gallery .loc_gallery_wrap .explore_mobile li p {position:absolute;bottom:0px;left:0px;padding:10px 15px;background:#fff;} .location_cont {position:relative;} .location_tab {position:relative;margin-bottom:40px;} .location_tab ul {display:inline-block; width:100%; text-align:Center !important;} .location_tab ul li {float:none !important; display:inline-block; margin-right:1px; margin-bottom:2px; height:45px; width:33%; background-color:#fff; } .location_tab ul li a { display:block; font-size:16px; height:45px; line-height:45px; color:#888888; border:1px solid #dddddd;} .location_tab ul li.on {background-color:#fd8204; } .location_tab ul li.on a {background-color:#fd8204; color:#fff; border:1px solid #fd8204;} .location_tab ul li.on a:hover {color:#fff; } .location_tab ul li a:hover { color:#fd8204; border:1px solid #fd8204; } .location_tab ul:after {content:"";display:block;clear:both;} .location_map {position:relative;overflow:hidden;width:100%;height:500px;--display:none;} .location_map #map {height:100%;} .location_map .utils {position:absolute;right:20px;top:20px;z-index:10;background:url(/frontend/assets/images/icons/agent_list_icon_utils.png) 0 0 no-repeat;;width:172px;height:183px;} .location_list {position:relative;;left:0px;top:0px;--padding-top:76px;} .location_list ul {--height:805px;--overflow-y:auto;} .location_list ul li.list {float:left;margin-bottom:30px;width:50%;cursor:pointer;} .location_list ul li.list[cate="S"] {--display:none;} .location_list ul li.list .location_list_wrap {position:relative;border-bottom:1px solid #cdcdcd;height:220px;margin-right:42px;} .location_list ul li.list .location_list_wrap h3 {font-size:18px;margin-bottom:20px;color:#181818;} .location_list ul li.list .location_list_wrap address {margin-bottom:30px;color:#333333;} .location_list ul li.list .location_list_wrap address.new {margin-bottom:1px;} .location_list ul li.list .location_list_wrap ul {position:absolute;bottom:32px;left:0px;height:32px;} .location_list ul li.list .location_list_wrap ul li {float:left;border-right:1px solid #e5e5e5;margin-right:25px;padding-right:25px;} .location_list ul li.list .location_list_wrap ul li.last {border-right:0px;} .location_list ul li.list .location_list_wrap ul:after {content:"";display:block;clear:both;} .location_list ul li.list .location_list_wrap a {display:block;position:absolute;right:0px;bottom:14px;} .location_list ul li.list .location_list_wrap p {margin-bottom:20px;color:#333333;} .location_list ul li.list .location_list_wrap p span {margin-left:46px;} .location_list ul li.list .location_list_wrap p.tel_icon {height:18px;line-height:16px;background:url(/frontend/assets/images/icons/loc_tel_icon.png) left center no-repeat;} .location_list ul li.list .location_list_wrap p.fax_icon {height:18px;line-height:16px;background:url(/frontend/assets/images/icons/loc_fax_icon.png) left center no-repeat;} .location_list ul li.list:hover .location_list_wrap h3 {color:#fe7700;} .location_list ul li.list:hover .location_list_wrap address {color:#fe7700;} .location_list ul li.list:hover .location_list_wrap p {color:#fe7700;} .location_list ul li.list:hover .location_list_wrap p.tel_icon {height:18px;line-height:16px;background:url(/frontend/assets/images/icons/loc_tel_ov_icon.png) left center no-repeat;} .location_list ul li.list:hover .location_list_wrap p.fax_icon {height:18px;line-height:16px;background:url(/frontend/assets/images/icons/loc_fax_ov_icon.png) left center no-repeat;} .location_list ul li.list.on .location_list_wrap h3 {color:#fe7700;} .location_list ul li.list.on .location_list_wrap address {color:#fe7700;} .location_list ul li.list.on .location_list_wrap address.gu {} .location_list ul li.list.on .location_list_wrap p {color:#fe7700;} .location_list ul li.list.on .location_list_wrap p.tel_icon {height:18px;line-height:16px;background:url(/frontend/assets/images/icons/loc_tel_ov_icon.png) left center no-repeat;} .location_list ul li.list.on .location_list_wrap p.fax_icon {height:18px;line-height:16px;background:url(/frontend/assets/images/icons/loc_fax_ov_icon.png) left center no-repeat;} .location_list ul li.list #map_mobile {display:none;} .location_list ul li.list.maR {margin-right:0px;} .location_list ul li.list.maR .location_list_wrap {margin-right:0px;} .location_list ul li.detail {width:100%;margin-bottom:30px;} #popup_location_info {position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:10000;display:none;} #popup_location_info .dim {position:absolute;top:0px;left:0px;width:100%;height:100%;background:#000;opacity:0.8;} #popup_location_info .imgCont {position:absolute;top:50%;left:50%;margin-left:-30%;width:60%;--height:80%;background:#fff;} #popup_location_info .imgCont ul {} #popup_location_info .imgCont ul li {display:none;} #popup_location_info .imgCont ul li img {width:100%;} #popup_location_info .imgCont ul li.on {display:block;} #popup_location_info .imgCont .imgCont_wrap {position:relative;height:100%;} #popup_location_info .imgCont .imgCont_wrap .txt {position:absolute;bottom:0px;left:0px;width:100%;height:50px;background:#fff;} #popup_location_info .imgCont .imgCont_wrap .txt p {line-height:50px;padding:0 30px;} #popup_location_info a {position:absolute;top:50%;} #popup_location_info .leftArr {left:50%;margin-left:-40%;} #popup_location_info .rightArr {left:50%;margin-left:40%;} #popup_location_info .loc_close {top:20px;left:50%;margin-left:40%;} @media all and (min-width: 1025px) and (max-width: 1580px) { .loc_gallery .loc_gallery_wrap {width:1000px} .loc_gallery .loc_gallery_wrap ul {max-width:835px;} .loc_gallery .loc_gallery_wrap ul li img {width:100%;} .loc_gallery .loc_gallery_wrap ul li.page_1 {width:495px;height:333px;margin-right:7px;} .loc_gallery .loc_gallery_wrap ul li.page_2 {width:333px;height:163px;margin-bottom:7px;} .loc_gallery .loc_gallery_wrap ul li.page_3 {width:164px;height:163px;margin-right:6px;} .loc_gallery .loc_gallery_wrap ul li.page_4 {width:163px;height:163px;margin:0;} .loc_gallery .loc_gallery_wrap ul li a img {width:auto;} .loc_gallery .pages {max-width:835px;margin-bottom:90px;} .loc_gallery .loc_gallery_wrap .explore_wide li p {position:absolute;bottom:0px;left:0px;padding:10px 20px;background:#fff;} } @media all and (min-width: 641px) and (max-width: 1024px) { .location_info .section_inner {} .location_info .section_inner ul li.head {max-width:inherit;} .location_info .section_inner ul li.head .icon {margin:0 50px;} .location_info .section_inner ul li.head .dec {margin:40px 50px 0;line-height:42px;} .location_info .section_inner ul li.head .dec br.wide {display:none;} .location_info .section_inner ul li.head .dec br.ta {display:block;} .location_info .section_inner ul li.cont {margin-top:0 !important;} .loc_gallery {padding:0 10px; } .loc_gallery .loc_gallery_wrap {width:100%; margin:0 auto; } .loc_gallery .loc_gallery_wrap .title {position:static;top:inherit;right:inherit;width:auto;height:auto;padding:0px 0 20px;background:none;} .loc_gallery .loc_gallery_wrap .title p {display:inline;color:#fd8b17;} .loc_gallery .loc_gallery_wrap .title .t1 {font-size:40px;} .loc_gallery .loc_gallery_wrap .title .t1 br {display:none;} .loc_gallery .loc_gallery_wrap .title .t2 {font-size:40px;font-family: 'dpl',sans-serif;text-transform:uppercase;} .loc_gallery .loc_gallery_wrap ul li {width:100%;} .loc_gallery .loc_gallery_wrap ul li {margin:0 !important;display:block !important;} .loc_gallery .loc_gallery_wrap ul li > img {width:100%;} .loc_gallery .loc_gallery_wrap ul li.page_1, .loc_gallery .loc_gallery_wrap ul li.page_2, .loc_gallery .loc_gallery_wrap ul li.page_3, .loc_gallery .loc_gallery_wrap ul li.page_4 {display:none !important;} .loc_gallery .loc_gallery_wrap ul li.page1.page_1 {display:block !important;} .loc_gallery .loc_gallery_wrap ul li:hover a{display:none;} .loc_gallery .pages {display:none;} .loc_gallery .pages_m {display:block;} .loc_gallery .pages_mobile {display:block !important;margin:30px 0;} .loc_gallery .pages_mobile .pages_mobile_wrap {height:10px;text-align:center;} .loc_gallery .pages_mobile .pages_mobile_wrap li {display:inline;float:none;margin:0 8px;} .loc_gallery .pages_mobile .pages_mobile_wrap li a {display:inline-block;overflow:hidden;width:8px;height:8px;text-indent:-9999px;background:#afafaf;border-radius:50%;vertical-align:top;} .loc_gallery .pages_mobile .pages_mobile_wrap li.active a {background:#fd8b17;} .location_tab {position:relative;margin-bottom:10px; padding-top:20px;} .location_tab ul {display:inline-block; width:100%; text-align:Center !important;} .location_tab ul li {float:none !important; display:inline-block; margin:0 1%; height:45px; width:47%; background-color:#fff; } .location_tab ul li a { display:block; font-size:16px; height:45px; line-height:45px; color:#888888; border:1px solid #dddddd;} .location_tab ul li.on {background-color:#fd8204; } .location_tab ul li.on a {background-color:#fd8204; color:#fff; border:1px solid #fd8204;} .location_tab ul li.on a:hover {color:#fff; } .location_tab ul li a:hover { color:#fd8204; border:1px solid #fd8204; } .location_tab ul:after {content:"";display:block;clear:both;} .location_head {margin:0 50px;} .location_map {--display:none;margin-right:0px;height:200px;} .location_list {position:relative;width:100%;padding-top:50px;} .location_list ul {overflow:initial;height:initial;} .location_list ul li.list {margin-bottom:50px;width:inherit;float:none;padding:0 50px;border-bottom:1px solid #cdcdcd;} .location_list ul li.list .location_list_wrap {height:auto;padding-bottom:49px;border-bottom:none;} .location_list ul li.list .location_list_wrap h3 {font-size:20px;margin-bottom:18px;} .location_list ul li.list .location_list_wrap address {margin-bottom:12px;font-size:15px;line-height:1.3em;} .location_list ul li.list .location_list_wrap address.new {margin-bottom:5px;} .location_list ul li.list .location_list_wrap p {margin:0;font-size:15px;line-height:33px;} .location_list ul li.list .location_list_wrap a {display:block;width:78px;height:61px;bottom:40px;right:-20px;background:url(/frontend/assets/images/icons/agent_list_icon_marker_t.png) 0 0 no-repeat;} .location_list ul li.list .location_list_wrap a img {display:none;} .location_list ul li.list.active #map_mobile {display:block;margin-bottom:50px;} .location_list ul li.list #map_mobile img {width:100%;max-height:566px;} .location_list ul li {float:none !important;} .swipe-wrap2 {width:3072px;height:500px;} .swipe2 {overflow: hidden;--visibility: hidden;position: relative;} .swipe-wrap2 {overflow: hidden;position: relative;} .swipe-wrap2 > div {float:left;width:100%;position: relative;} #popup_location_info {display:none !important;} } @media all and (min-width: 100px) and (max-width: 640px) { .loc_gallery .pages_m .pages_wrap {font-size:18px;height:20px;line-height:1.5em;margin-top:25px;} .loc_gallery .pages_m .pages_wrap a {width:12px;line-height:1.5em;height:24px;} .loc_gallery .pages_m .pages_wrap a img {width:100%;vertical-align:top;} .location_list ul li.list.on .location_list_wrap p.tel_icon {margin-bottom:10px;} .location_info .section_inner ul li.head {max-width:inherit;} .location_info .section_inner ul li.head .dec {line-height:21px;} .location_info .section_inner ul li.head .dec br {display:none;} .location_info .section_inner ul li.head .dec br.mo {display:block;} .location_info .section_inner ul li.cont {margin-top:0 !important;} .loc_gallery .loc_gallery_wrap .title {position:static;top:inherit;right:inherit;width:auto;height:auto;padding:0px 25px 20px 0;background:none;} .loc_gallery .loc_gallery_wrap .title p {display:inline;color:#fd8b17;} .loc_gallery .loc_gallery_wrap .title .t1 {font-size:20px;} .loc_gallery .loc_gallery_wrap .title .t1 br {display:none;} .loc_gallery .loc_gallery_wrap .title .t2 {font-size:20px;font-family: 'dpl',sans-serif;text-transform:uppercase;} .loc_gallery .loc_gallery_wrap {width:100%; margin:-10px auto 0 auto; } .loc_gallery .loc_gallery_wrap ul li {margin:0 !important;display:block !important;} .loc_gallery .loc_gallery_wrap ul li > img {width:100%;} .loc_gallery .loc_gallery_wrap ul li.page_1, .loc_gallery .loc_gallery_wrap ul li.page_2, .loc_gallery .loc_gallery_wrap ul li.page_3, .loc_gallery .loc_gallery_wrap ul li.page_4 {display:none !important;} .loc_gallery .loc_gallery_wrap ul li.page1.page_1 {display:block !important;} .loc_gallery .loc_gallery_wrap ul li:hover a{display:none;} .loc_gallery .pages_m {display:block;} .loc_gallery .pages {display:none;} .loc_gallery .pages_mobile {display:block !important;margin:15px 0;} .loc_gallery .pages_mobile .pages_mobile_wrap {height:4px;text-align:center;} .loc_gallery .pages_mobile .pages_mobile_wrap li {display:inline;float:none;margin:0 4px;} .loc_gallery .pages_mobile .pages_mobile_wrap li a {display:inline-block;overflow:hidden;width:4px;height:4px;text-indent:-9999px;background:#afafaf;border-radius:50%;vertical-align:top;} .loc_gallery .pages_mobile .pages_mobile_wrap li.active a {background:#fd8b17;} .location_tab {position:relative;margin-bottom:10px; padding-top:20px;} .location_tab ul {display:inline-block; width:100%; text-align:Center !important;} .location_tab ul li {float:none !important; display:inline-block; margin:0 1%; height:45px; width:47%; background-color:#fff; } .location_tab ul li a { display:block; font-size:14px; height:45px; line-height:45px; color:#888888; border:1px solid #dddddd;} .location_tab ul li.on {background-color:#fd8204; } .location_tab ul li.on a {background-color:#fd8204; color:#fff; border:1px solid #fd8204;} .location_tab ul li.on a:hover {color:#fff; } .location_tab ul li a:hover { color:#fd8204; border:1px solid #fd8204; } .location_tab ul:after {content:"";display:block;clear:both;} .location_map {--display:none;margin-right:0px;height:200px;} .location_list {position:relative;width:100%;padding-top:25px;} .location_list ul {overflow:initial;height:initial;margin:0 !important;} .location_list ul li.list {float:none;width:inherit;padding:0px 25px;border-bottom:1px solid #cdcdcd;} .location_list ul li.list .location_list_wrap {height:auto;padding-bottom:24px;margin-right:0px;border-bottom:none;} .location_list ul li.list .location_list_wrap h3 {margin-bottom:9px;font-size:17px;} .location_list ul li.list .location_list_wrap address {margin-bottom:11px;} .location_list ul li.list .location_list_wrap p {margin-bottom:0;font-size:13px;line-height:16px;} .location_list ul li.list .location_list_wrap p.tel_icon {margin-bottom:10px;} .location_list ul li.list .location_list_wrap a {display:block;width:39px;height:30px;bottom:20px;right:-10px; background:url(/frontend/assets/images/icons/agent_list_icon_marker_t.png) 0 0 no-repeat;background-size:25px 30px;} .location_list ul li.list .location_list_wrap a img {display:none;} .location_list ul li.list.active #map_mobile {display:block;margin-bottom:25px;} .location_list ul li.list #map_mobile img {width:100%;max-height:566px;} .location_list ul li {float:none !important;} .swipe-wrap2 {width:3072px;height:500px;} .swipe2 {overflow: hidden;--visibility: hidden;position: relative;} .swipe-wrap2 {overflow: hidden;position: relative;} .swipe-wrap2 > div {float:left;width:100%;position: relative;} #popup_location_info {display:none !important;} } /************************************************************************************************************************************************ * COMPANY - 인재와채용 *************************************************************************************************************************************************/ /*.recruit .section_inner ul li.head {width:25.6%;} .recruit .section_inner ul li.cont {width:74.3%;}*/ .recruit .vis {position:relative;margin-bottom:74px; } .recruit .text_motion {position:absolute;bottom:-62px;right:50px;width:600px;text-align:right;} .recruit .text_motion li {float:none !important;margin-bottom:10px;} .recruit .text_motion li .text_inner {font-family:"Nanum-regular", dotum, arial, san-serif;font-size:46px;height:84px;line-height:66px;--font-weight:bold;letter-spacing:-3px;} .recruit_tab {text-align:left;} .recruit_tab ul {display:inline-block; width:100%;margin-bottom:40px; text-align:Center !important; } .recruit_tab ul li {float:none !important; display:inline-block; margin-right:1px; margin-bottom:2px; height:45px; width:16%; } .recruit_tab.wide ul li { width:40% !important; } .recruit_tab ul li.on a {background-color:#fd8204; color:#fff !important; border:3px solid #fd8204;} .recruit_tab ul li a {display:block; background-color:#fff; border:3px solid #dddddd; color:#888888; height:45px; line-height:45px;} .recruit_tab ul li.on a {color:#fd8b17;} .recruit_tab ul:after {} .recruit_tab ul li:hover a {color:#fd8204; border:3px solid #fd8204;} .recruit_step {} .recruit_step h3 {font-size:30px; color:#000;} .recruit_step span.line {display:block;width:20px;height:1px;background-color:#afafaf;margin:25px 0 10px;} .recruit_step1 {} .recruit_step2 {display:none;} .recruit_step3 {display:none;} .recruit_step4 {display:none;} .recruit .recruit_list {position:relative;border-bottom:0px solid #cdcdcd; padding:37px; background-color:#fff; margin-top:30px; } .recruit .recruit_list ul {} .recruit .recruit_list ul li {float:left;} .recruit .recruit_list ul li.txt {margin-right: 407px;position: absolute; color:#333333; line-height:1.5em;} .recruit .recruit_list ul li.txt p {font-family:"Nanum-regular", dotum, arial, san-serif; font-weight:normal !important;} .recruit .recruit_list ul li.img {float:right;} .processImg {background-color:#ffffff; padding:10px 30px; margin-bottom:30px; margin-top:30px;} .processImg img {width:100%;} .recruit .recruit_list ul li h4 {font-size:24px; font-family: 'Nanum Square'; color:#fd8b17;margin-bottom:15px;} /*.recruit .recruit_list ul li h4.din {font-family: 'dpl';}*/ .recruit .recruit_list ul li p {color:#333333;line-height:22px;} .recruit .recruit_list ul:after {content:"";display:block;clear:both;} .recruit_process {margin-bottom:100px;} .recruit_process h3 {font-size:30px; color:#000;} .recruit_process span.line {display:block;width:20px;height:1px;background-color:#afafaf;margin:20px 0;} .recruit_process .step {min-width:854px; padding:50px 30px; background-color:#ffffff; } .recruit_process .step:after {content:"";display:block;clear:both;} .recruit_process .step li {float:left; position:relative;padding:0 72px 0 42px; } .recruit_process .step li.step1 {background:url(/frontend/assets/images/icons/recruit_step_icon1.png) 0 1px no-repeat;} .recruit_process .step li.step2 {padding:0 72px 0 46px;background:url(/frontend/assets/images/icons/recruit_step_icon2.png) 0 1px no-repeat;} .recruit_process .step li.step3 {background:url(/frontend/assets/images/icons/recruit_step_icon3.png) 0 1px no-repeat;} .recruit_process .step li.step4 {background:url(/frontend/assets/images/icons/recruit_step_icon4.png) 0 1px no-repeat;} .recruit_process .step li.step5 {padding:0 0 0 46px;background:url(/frontend/assets/images/icons/recruit_step_icon5.png) 0 1px no-repeat;} .recruit_process .step li span {display:block;} .recruit_process .step li span.num {margin:4px 0 5px;font-size:14px;color:#000;line-height:1; font-family: 'Nanum Square';} .recruit_process .step li span.txt {letter-spacing:-0.7px;font-size:14px;color:#333333;line-height:1;} .recruit_process .step li span.arrow {position:absolute;top:12px;right:17px;width:36px;height:20px;background:url(/frontend/assets/images/icons/recruit_step_arrow_d2.png) 0 0 no-repeat;} .recruit_process .step li.step5 span.arrow{display:none;} /* 인재상 */ .peopleArea {margin-bottom:30px; padding:210px 50px 0px; background:#fff url(/frontend/assets/images/cont/peopleTitle.jpg) 50% 50px no-repeat; text-align:right;} .peopleArea .peopleImg {width:45%; display:inline-block; vertical-align:Top; float:left; padding-top:8%;} .peopleArea .peopleImg img {width:100%;} .peopleArea ul {width:50%; display:inline-block; text-align:left;} .peopleArea ul li h1 {color:#636466; font-family: 'Nanum Square'; font-size:35px; font-weight:Bold;} .peopleArea ul li h1 span {display:inline-block; padding-left:10px; font-size:24px; font-weight:normal;} .peopleArea ul li p {padding:15px 0 40px 0;} /* 채용공고 */ .recruit .recruit_list.recruit_list2 {position:relative;border-bottom:0px solid #cdcdcd; padding:0px 0; margin-top:0px;} .recruit_anounce {position:relative; float:left; width:100%; margin-bottom:60px;color:#333333;} .recruit_anounce a {display:inline-block;padding:16px 25px;color:#333;border:1px solid #999999;} .recruit_anounce .recruit_list_title {float:left; width:100%;background-color:#505050;height:55px; } .recruit_anounce .recruit_list_title p {float:left; line-height:55px; font-weight:bold; font-size:17px; text-align:Center; color:#fff; } .recruit_anounce .recruit_list.recruit_list2 {float:left; width:100%; border-bottom:1px solid #ededed;} .recruit_anounce .recruit_list p {float:left; line-height:55px; font-size:16px; border-bottom:0px;} .recruit_anounce p.code {width:10%; text-align:Center;} .recruit_anounce p.sort {width:10%; text-align:Center;} .recruit_anounce p.tit {width:42%; cursor:pointer; text-indent:10px;} .recruit_anounce p.tel {width:10%; text-align:Center;} .recruit_anounce p.date {width:18%; text-align:Center;} .recruit_anounce p.apply {width:10%; text-align:Center;} .recruit_anounce p.apply a { color:#fff; background-color:#ff7900; padding:0px 3px; height:40px; line-height:40px; border:0px; display:block; margin:5px; font-weight:bold; font-size:15px;} .recruit_anounce p.apply a:hover { background-color:#fda555; } .recruit_content {padding:50px; clear:both;} .recruit_content img {width:100%;} .recruit .recruit_table_area {position:relative;margin:0 0 30px; background-color:#fff; padding:30px;} .recruit .recruit_table_area.univ {position:relative;margin:-30px 0 30px; background-color:#fff; padding:0 30px 30px;} .recruit .recruit_table_area .head_line {margin:0 0 10px;font-size:20px;color:#000;} .recruit .recruit_table_area table {width:100%;empty-cells:show;border-bottom:1px solid #333; background-color:#fff;} .recruit .recruit_table_area table th {padding:7px 20px 6px;white-space:nowrap;font-size:16px;color:#333;line-height:22px;border-bottom:1px solid #cdcdcd;background:#f5f5f5;} .recruit .recruit_table_area table th .point {position:relative;top:4px;margin:0 0 0 5px;color:#ff9933;} .recruit .recruit_table_area table td {padding:7px 30px 6px 15px;white-space:nowrap;color:#333333;line-height:22px;border-bottom:1px solid #cdcdcd;} .recruit .recruit_table_area table td input[type=text] , .recruit .recruit_table_area table td input[type=password] {height:23px;margin:0;padding:5px 10px;font-size:16px;color:#333;line-height:23px;vertical-align:inherit;border:1px solid #afafaf;} .recruit .recruit_table_area table td textarea {font-size:16px;color:#333;line-height:23px;border:1px solid #afafaf;} .recruit .recruit_table_area table tr:first-child th, .recruit .recruit_table_area table tr:first-child td {border-top:2px solid #333;} .recruit .recruit_table_area table tr.last th, .recruit .recruit_table_area table tr.last td {border-bottom:1px solid #333;} .recruit .recruit_table_area table th.type1 {padding:7px 70px 6px 20px;} .recruit .recruit_table_area table .first {border-bottom:1px solid #333;} .recruit .recruit_table_area table .check_item label{padding-left:30px;} .recruit .recruit_table_area table .check_item label:after {border:1px solid #6e6e6e;} .recruit .recruit_table_area table .txt {font-size:16px;color:#333333;} .recruit .recruit_table_area table select {width:92px;height:35px;padding:0 0 0 10px;border:1px solid #afafaf;vertical-align:inherit;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;border-radius:0;background:url(/frontend/assets/images/icons/recruit_select_arrow.png) right 0 no-repeat;} .recruit .recruit_table_area table.step1_1 .input1_1, .recruit .recruit_table_area table.step1_1 .input1_2 {width:80%;} .recruit .recruit_table_area table.step1_1 .input1_3 {width:78px;} .recruit .recruit_table_area table.step1_1 .input1_4 {width:110px;} .recruit .recruit_table_area table.step1_1 .txt {margin:0 28px 0 8px;} .recruit .recruit_table_area table.step1_1 .check_item {display:inline;} .recruit .recruit_table_area table.step1_2 .first {padding:16px 16px 0 17px;vertical-align:top;} .recruit .recruit_table_area table.step1_2 .first .pic_add {width:136px;} .recruit .recruit_table_area table.step1_2 .first .pic_add .img_area {display:table;width:131px;height:151px;margin:0 auto;border:5px solid #f0f0f0;} .recruit .recruit_table_area table.step1_2 .first .pic_add .img_area .img_txt {display:table-cell;width:126px;text-align:center;font-size:13px;color:#333333;line-height:16px;vertical-align:middle;} .recruit .recruit_table_area table.step1_2 .first .pic_add .btn_pic_add {display:block;width:78px;height:33px;margin:10px auto;text-align:center;font-size:14px;color:#333333;line-height:33px;border:1px solid #999;background:#f0f0f0;} .recruit .recruit_table_area table.step1_2 th {padding:20px 37px 19px 20px;} .recruit .recruit_table_area table.step1_2 .address {vertical-align:top;} .recruit .recruit_table_area table.step1_2 .input1_1, .recruit .recruit_table_area table.step1_2 .input1_2, .recruit .recruit_table_area table.step1_2 .input1_3, .recruit .recruit_table_area table.step1_2 .input1_4, .recruit .recruit_table_area table.step1_2 .input1_5, .recruit .recruit_table_area table.step1_2 .input1_6 {width:128px;} .recruit .recruit_table_area table.step1_2 .input1_7 {width:48px;} .recruit .recruit_table_area table.step1_2 .input1_8, .recruit .recruit_table_area table.step1_2 .input1_9 {width:58px;} .recruit .recruit_table_area table.step1_2 .input1_10, .recruit .recruit_table_area table.step1_2 .input1_11 {width:38%;} .recruit .recruit_table_area table.step1_2 .input1_12, .recruit .recruit_table_area table.step1_2 .input1_13, .recruit .recruit_table_area table.step1_2 .input1_14, .recruit .recruit_table_area table.step1_2 .input1_15, .recruit .recruit_table_area table.step1_2 .input1_16 {width:75px;} .recruit .recruit_table_area table.step1_2 .txt1 {margin:0 17px 0 8px;} .recruit .recruit_table_area table.step1_2 .txt2 {margin:0 0 0 8px;} .recruit .recruit_table_area table.step1_2 .txt3 {margin:0 6px;} .recruit .recruit_table_area table.step1_2 .txt4 {margin:0 0 0 7px;} .recruit .recruit_table_area table.step1_2 .txt5 {margin:0 8px;} .recruit .recruit_table_area table.step1_2 .txt6 {margin:0 8px;} .recruit .recruit_table_area table.step1_2 .txt7 {margin:0 7px;} .recruit .recruit_table_area table.step1_2 .txt8 {margin:0 6px;} .recruit .recruit_table_area table.step1_2 .txt9 {margin:0 19px 0 27px;color:#333;} .recruit .recruit_table_area table.step1_2 .txt10 {margin:0 6px;} .recruit .recruit_table_area table.step1_2 .txt11 {margin:0 6px;} .recruit .recruit_table_area table.step1_2 .txt12 {margin:0 8px 0 28px;} .recruit .recruit_table_area table.step1_2 .txt13 {margin:0 6px;} .recruit .recruit_table_area table.step1_2 select {width:92px;height:35px;margin:0 8px 0 0;padding:0 0 0 10px;border:1px solid #afafaf;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;border-radius:0;background:url(/frontend/assets/images/icons/recruit_select_arrow.png) right 0 no-repeat;} .recruit .recruit_table_area table.step1_2 .insert_address {min-width:1px;} .recruit .recruit_table_area table.step1_2 .insert_address:after {content:"";display:block;clear:both;} .recruit .recruit_table_area table.step1_2 .insert_address li {width:100%;} .recruit .recruit_table_area table.step1_2 .insert_address li:first-child {margin:0 0 10px;} .recruit .recruit_table_area table.step1_2 .btn_searching {display:inline-block;width:78px;height:33px;margin:0 0 0 8px;text-align:center;font-size:14px;color:#333333;line-height:33px;vertical-align:top;border:1px solid #999;background:#f0f0f0;} #select_age01 {width:100%;padding:0 10px !important;} .changeDo {height:35px;display:inline-block;} .select_si {width:48% !important;min-width:120px !important;padding:0 0px !important 0 10px !important;} .save_select_si {width:48% !important;min-width:120px !important;padding:0 0px !important 0 10px !important;} .select_do {width:48% !important;min-width:120px !important;padding:0 0px !important 0 10px !important;} .together {width:100% !important;} .CopyOrigin2 {display:none;} .ageSelect {width:100% !important;} .Select.Type1.univ_bunlu {min-width:175px;} .select_span {display:inline-block;width:50%;} .select_span select {width:100% !important;} .recruit .highSchool_list {margin-bottom:0px;} .edu_list {display:none;} .recruit .univ.recruit_table_area table tr:first-child th {border-top:0px;} .recruit .univ.recruit_table_area table tr:first-child td {border-top:0px;} .check_item.orange {color:#fe7700;} .check_item.orange label:after {border:1px solid #fe7700 !important;} .family_age {width:100%;max-width:75px;} .together_class {width:100%;max-width:100px;} .relative {width:100% !important;max-width:90px;padding:0 10px;} .form-control {width:150px !important;} .recruit .recruit_table_area table.step1_3 th {padding:7px 90px 6px 20px;} .recruit .recruit_table_area table.step1_3 select {width:92px;height:35px;padding:0 0 0 10px;border:1px solid #afafaf;vertical-align:inherit;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;border-radius:0;background:url(/frontend/assets/images/icons/recruit_select_arrow.png) right 0 no-repeat;} .recruit .recruit_table_area table.step1_3 .input1_1 {width:58px;} .recruit .recruit_table_area table.step1_3 .input1_2 {width:296px;} .recruit .recruit_table_area table.step1_3 .txt1 {margin:0 8px 0 28px;} .recruit .recruit_table_area table.step1_3 .txt2 {margin:0 6px;} .recruit .recruit_table_area table.step1_3 .txt3 {margin:0 8px;vertical-align:text-bottom;} .recruit .recruit_table_area table.step1_3 .txt4 {margin:0 8px;vertical-align:text-bottom;} .recruit .recruit_table_area table.step1_3 .txt5 {margin:0 8px;vertical-align:text-bottom;} .recruit .recruit_table_area table.step1_3 .txt6 {margin:0 8px;vertical-align:text-bottom;} .recruit .recruit_table_area table.step1_4 th {padding:7px 90px 6px 20px;} .recruit .recruit_table_area table.step1_4 .check_item {display:inline;position:relative;top:-2px;margin:0 28px 0 0;} .recruit .recruit_table_area table.step1_4 .input1_1, .recruit .recruit_table_area table.step1_4 .input1_2 {width:74%;margin:0 0 0 8px;} .recruit .recruit_table_area table.step1_5 .col1 {width:5.5%;} .recruit .recruit_table_area table.step1_5 .col2, .recruit .recruit_table_area table.step1_5 .col3, .recruit .recruit_table_area table.step1_5 .col4, .recruit .recruit_table_area table.step1_5 .col5, .recruit .recruit_table_area table.step1_5 .col6, .recruit .recruit_table_area table.step1_5 .col7 {width:15.7%;} .recruit .recruit_table_area table.step1_5 .col4 {width:8%;} .recruit .recruit_table_area table.step1_5 .col6 {width:15%;} .recruit .recruit_table_area table.step1_5 .col7 {width:8%;} .recruit .recruit_table_area table.step1_5 th {padding:9px 0 8px;text-align:center;} .recruit .recruit_table_area table.step1_5 th.left {padding:9px 0 8px 7%;} .recruit .recruit_table_area table.step1_5 td {padding:13px 8px 12px;text-align:center;vertical-align:middle;} .recruit .recruit_table_area table.step1_5 td .delete {vertical-align:top;} .recruit .recruit_table_area table.step1_5 td .delete img {vertical-align:top;} .recruit .recruit_table_area table.step1_5 tbody tr:first-child th, .recruit .recruit_table_area table.step1_5 tbody tr:first-child td {border-top:#e5e5e5;} .recruit .recruit_table_area table.step1_5 .input1_1, .recruit .recruit_table_area table.step1_5 .input1_2, .recruit .recruit_table_area table.step1_5 .input1_3, .recruit .recruit_table_area table.step1_5 .input1_4, .recruit .recruit_table_area table.step1_5 .input1_5 {width:90%;text-align:center;} .recruit .recruit_table_area table.step1_5 select {width:140px;height:35px;padding:0 0 0 10px;border:1px solid #afafaf;vertical-align:inherit;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;border-radius:0;background:url(/frontend/assets/images/icons/recruit_select_arrow.png) right 0 no-repeat;} .recruit .recruit_table_area table.step1_5 {} .recruit .recruit_table_area table.step1_5 .input1_2 {max-width:120px;} .recruit .recruit_table_area table.step1_5 .input1_4 {max-width:120px;} .recruit .recruit_table_area table.step2_1 th {padding:20px 60px 19px 20px;text-align:left;} .recruit .recruit_table_area table.step2_1 select {width:92px;height:35px;padding:0 0 0 10px;border:1px solid #afafaf;vertical-align:inherit;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;border-radius:0;background:url(/frontend/assets/images/icons/recruit_select_arrow.png) right 0 no-repeat;} .recruit .recruit_table_area table.step2_1 .check_item {display:inline;position:relative;top:-2px;margin:0 0 0 18px;} .recruit .recruit_table_area table.step2_1 .input1_1 {width:148px;} .recruit .recruit_table_area table.step2_1 .txt1, .recruit .recruit_table_area table.step2_1 .txt2, .recruit .recruit_table_area table.step2_1 .txt3, .recruit .recruit_table_area table.step2_1 .txt4 {margin:0 8px;} .recruit .recruit_table_area table.step2_2 th {padding:20px 60px 19px 20px;text-align:left;} .recruit .recruit_table_area table.step2_2 th.type2 {padding:20px 60px 19px 20px;} .recruit .recruit_table_area table.step2_2 .delete {vertical-align:middle;} .recruit .recruit_table_area table.step2_2 .input1_1 {width:148px;} .recruit .recruit_table_area table.step2_2 .input1_2 {width:148px;} .recruit .recruit_table_area table.step2_2 .input1_3 {width:148px;} .recruit .recruit_table_area table.step2_2 .input1_4 {width:70px;} .recruit .recruit_table_area table.step2_2 .txt1 {margin:0 5px;} .recruit .recruit_table_area table.step2_2 .txt2 {margin:0 8px;} .recruit .recruit_table_area table.step2_2 .txt3 {margin:0 8px;} .recruit .recruit_table_area table.step2_2 .txt4 {margin:0 8px;} .recruit .recruit_table_area table.step2_2 .txt5 {margin:0 8px;} .recruit .recruit_table_area table.step2_2 select.type2 {width:62px;} .recruit .recruit_table_area table.step2_3 th {padding:20px 37px 19px 20px;text-align:left;} .recruit .recruit_table_area table.step2_3 th .text_length {font-size:14px;color:#333333;} .recruit .recruit_table_area table.step2_3 th.middle {vertical-align:middle;} .recruit .recruit_table_area table.step2_3 td {position:relative;} .recruit .recruit_table_area table.step2_3 .input1_1 {width:958px;} .recruit .recruit_table_area table.step2_3 textarea {float:left;width:958px;height:148px;border:1px solid #afafaf;resize:none;} .recruit .recruit_table_area table.step2_3 .upload_warning {font-size:14px;color:#333333;line-height:18px;} .recruit .recruit_table_area table.step2_3 input[type=file] {position:absolute;top:13px;left:15px;z-index:10;width:432px;height:35px;background:red;opacity:0;filter:alpha(opacity=0);} .recruit .recruit_table_area table.step2_3 .file_name_area {position:relative;width:432px;height:35px;margin:0 0 7px;} .recruit .recruit_table_area table.step2_3 .file_name_area input[type=text] {width:325px;height:23px;line-height:23px;} .recruit .recruit_table_area table.step2_3 .file_name_area .file_search {display:block;position:absolute;top:0;right:0;width:78px;height:33px;text-align:center;font-size:14px;color:#333333;line-height:33px;border:1px solid #999;background:#f0f0f0;} .recruit .recruit_table_area table.step3_1 .col1 {width:7.1%;} .recruit .recruit_table_area table.step3_1 .col2 {width:23.4%;} .recruit .recruit_table_area table.step3_1 .col3 {width:23.1%;} .recruit .recruit_table_area table.step3_1 .col4 {width:23.1%;} .recruit .recruit_table_area table.step3_1 .col5 {width:23.2%;} .recruit .recruit_table_area table.step3_1 th {padding:9px 0 8px;text-align:center;} .recruit .recruit_table_area table.step3_1 th.left {padding:9px 0 8px 7%;} .recruit .recruit_table_area table.step3_1 td {padding:13px 18px 12px;text-align:center;} .recruit .recruit_table_area table.step3_1 td .delete {vertical-align:top;} .recruit .recruit_table_area table.step3_1 td .delete img {vertical-align:top;} .recruit .recruit_table_area table.step3_1 tbody tr:first-child th, .recruit .recruit_table_area table.step3_1 tbody tr:first-child td {border-top:#e5e5e5;} .recruit .recruit_table_area table.step3_1 .input1_1, .recruit .recruit_table_area table.step3_1 .input1_2, .recruit .recruit_table_area table.step3_1 .input1_3 {width:90%;text-align:center;} .recruit .recruit_table_area table.step3_2 .col1 {width:7.2%;} .recruit .recruit_table_area table.step3_2 .col2 {width:30.9%;} .recruit .recruit_table_area table.step3_2 .col3 {width:30.9%;} .recruit .recruit_table_area table.step3_2 .col4 {width:30.9%;} .recruit .recruit_table_area table.step3_2 th {padding:9px 0 8px;text-align:center;} .recruit .recruit_table_area table.step3_2 th.left {padding:9px 0 8px 7%;} .recruit .recruit_table_area table.step3_2 td {padding:13px 18px 12px;text-align:center;} .recruit .recruit_table_area table.step3_2 td .delete {vertical-align:top;} .recruit .recruit_table_area table.step3_2 td .delete img {vertical-align:top;} .recruit .recruit_table_area table.step3_2 tbody tr:first-child th, .recruit .recruit_table_area table.step3_2 tbody tr:first-child td {border-top:#e5e5e5;} .recruit .recruit_table_area table.step3_2 .input1_1, .recruit .recruit_table_area table.step3_2 .input1_2, .recruit .recruit_table_area table.step3_2 .input1_3 {width:90%;text-align:center;} .recruit .recruit_table_area table.step3_3 .col1 {width:7.1%;} .recruit .recruit_table_area table.step3_3 .col2 {width:23.4%;} .recruit .recruit_table_area table.step3_3 .col3 {width:23.1%;} .recruit .recruit_table_area table.step3_3 .col4 {width:23.1%;} .recruit .recruit_table_area table.step3_3 .col5 {width:23.2%;} .recruit .recruit_table_area table.step3_3 th {padding:9px 0 8px;text-align:center;} .recruit .recruit_table_area table.step3_3 th.left {padding:9px 0 8px 7%;} .recruit .recruit_table_area table.step3_3 td {padding:13px 18px 12px;text-align:center;} .recruit .recruit_table_area table.step3_3 td .delete {vertical-align:top;} .recruit .recruit_table_area table.step3_3 td .delete img {vertical-align:top;} .recruit .recruit_table_area table.step3_3 tbody tr:first-child th, .recruit .recruit_table_area table.step3_3 tbody tr:first-child td {border-top:#e5e5e5;} .recruit .recruit_table_area table.step3_3 .input1_1 {width:90%;text-align:center;} .recruit .recruit_table_area table.step3_4 .col1 {width:7.1%;} .recruit .recruit_table_area table.step3_4 .col2 {width:23.4%;} .recruit .recruit_table_area table.step3_4 .col3 {width:23.1%;} .recruit .recruit_table_area table.step3_4 .col4 {width:23.1%;} .recruit .recruit_table_area table.step3_4 .col5 {width:23.2%;} .recruit .recruit_table_area table.step3_4 th {padding:9px 0 8px;text-align:center;} .recruit .recruit_table_area table.step3_4 th.left {padding:9px 0 8px 7%;} .recruit .recruit_table_area table.step3_4 td {padding:13px 18px 12px;text-align:center;} .recruit .recruit_table_area table.step3_4 td .delete {vertical-align:top;} .recruit .recruit_table_area table.step3_4 td .delete img {vertical-align:top;} .recruit .recruit_table_area table.step3_4 tbody tr:first-child th, .recruit .recruit_table_area table.step3_4 tbody tr:first-child td {border-top:#e5e5e5;} .recruit .recruit_table_area table.step3_4 .input1_1, .recruit .recruit_table_area table.step3_4 .input1_2, .recruit .recruit_table_area table.step3_4 .input1_3, .recruit .recruit_table_area table.step3_4 .input1_4 {width:90%;text-align:center;} .recruit .recruit_table_area table.step4_1 .col1 {width:7.1%;} .recruit .recruit_table_area table.step4_1 .col2 {width:14.4%;} .recruit .recruit_table_area table.step4_1 .col3 {width:27.62%;} .recruit .recruit_table_area table.step4_1 .col4 {width:14.4%;} .recruit .recruit_table_area table.step4_1 .col5 {width:36.44%;} .recruit .recruit_table_area table.step4_1 td {padding:7px 15px 6px 15px;} .recruit .recruit_table_area table.step4_1 td.first {vertical-align:middle;} .recruit .recruit_table_area table.step4_1 td .delete {vertical-align:top;} .recruit .recruit_table_area table.step4_1 td .delete img {vertical-align:top;} .recruit .recruit_table_area table.step4_1 .input1_1, .recruit .recruit_table_area table.step4_1 .input1_2, .recruit .recruit_table_area table.step4_1 .input1_3, .recruit .recruit_table_area table.step4_1 .input1_4, .recruit .recruit_table_area table.step4_1 .input1_5, .recruit .recruit_table_area table.step4_1 .input1_6, .recruit .recruit_table_area table.step4_1 .input1_7 {width:148px;} .recruit .recruit_table_area table.step4_1 .input1_8 {width:96%;} .recruit .recruit_table_area table.step4_1 textarea {width:98%;height:133px;resize:none;border:1px solid #afafaf;} .recruit .recruit_table_area table.step4_1 .txt1, .recruit .recruit_table_area table.step4_1 .txt2, .recruit .recruit_table_area table.step4_1 .txt3, .recruit .recruit_table_area table.step4_1 .txt4 {margin:0 8px;} .recruit .recruit_table_area table.step4_1 select.type2 {width:62px;} .recruit .recruit_table_area table.step4_1 .middle {vertical-align:middle;} .recruit .recruit_table_area table.step4_2 .col1 {width:7.1%;} .recruit .recruit_table_area table.step4_2 .col2 {width:46.6%;} .recruit .recruit_table_area table.step4_2 .col3 {width:22.9%;} .recruit .recruit_table_area table.step4_2 .col4 {width:23.4%;} .recruit .recruit_table_area table.step4_2 th {padding:9px 0 8px;text-align:center;} .recruit .recruit_table_area table.step4_2 th.left {padding:9px 0 8px 7%;} .recruit .recruit_table_area table.step4_2 td {padding:13px 18px 12px;text-align:center;} .recruit .recruit_table_area table.step4_2 td.left {text-align:left;} .recruit .recruit_table_area table.step4_2 td .delete {vertical-align:top;} .recruit .recruit_table_area table.step4_2 td .delete img {vertical-align:top;} .recruit .recruit_table_area table.step4_2 tbody tr:first-child th, .recruit .recruit_table_area table.step4_2 tbody tr:first-child td {border-top:#e5e5e5;} .recruit .recruit_table_area table.step4_2 .input1_1, .recruit .recruit_table_area table.step4_2 .input1_2 {width:90%;text-align:center;} .recruit .recruit_table_area table.step4_2 .txt1, .recruit .recruit_table_area table.step4_2 .txt2, .recruit .recruit_table_area table.step4_2 .txt3, .recruit .recruit_table_area table.step4_2 .txt4 {margin:0 8px;} .recruit .recruit_table_area table.step4_2 td.left select {width:100px !important} .recruit .recruit_table_area table.step5_1 {width:100%;} .recruit .recruit_table_area table.step5_1 th {position:relative;padding:9px 15px 8px;} .recruit .recruit_table_area table.step5_1 th .count {position:absolute;top:9px;right:15px;color:#a6a6a6;line-height:22px;} .recruit .recruit_table_area table.step5_1 tbody tr:first-child th, .recruit .recruit_table_area table.step5_1 tbody tr:first-child td {border-top:1px solid #e5e5e5;} .recruit .recruit_table_area table.step5_1 td {padding:15px 0px 15px 0px;border-bottom:1px solid #333;} .recruit .recruit_table_area table.step5_1 td textarea {width:100%;height:253px;resize:none;} .recruit .recruit_table_area table.step6_1 .col1 {width:38.14%;} .recruit .recruit_table_area table.step6_1 .col2 {width:18.22%;} .recruit .recruit_table_area table.step6_1 .col3 {width:43.64%;} .recruit .recruit_table_area table.step6_1 th {padding:9px 0 8px;text-align:center;} .recruit .recruit_table_area table.step6_1 th.left {padding:9px 0 8px 7%;} .recruit .recruit_table_area table.step6_1 td {padding:13px 18px 12px;text-align:center;} .recruit .recruit_table_area table.step6_1 td.left {text-align:left;} .recruit .recruit_table_area table.step6_1 td select.type3 {width:100%;} .recruit .recruit_table_area table.step6_1 tbody tr:first-child th, .recruit .recruit_table_area table.step4_2 tbody tr:first-child td {border-top:#e5e5e5;} .recruit .recruit_table_area table.step6_1 .input1_1 {width:90%;text-align:center;} .recruit .recruit_table_area table.step6_1 .input1_2 {width:90%;} .recruit .recruit_table_area .table_btn_list {position:absolute;top:-6px;right:0;} .recruit .recruit_table_area .table_btn_list li {float:left;margin:0 0 0 5px;} .recruit .recruit_table_area .table_btn_list li a {float:left;width:68px;height:28px;text-align:center;font-size:14px;color:#333333;line-height:28px;border:1px solid #999;background:#f0f0f0;} .recruit .recruit_table_area .head_line .career {display:inline-block;padding:0 15px;} .recruit .recruit_table_area .head_line .career input {text-align:center;width:30px !important;margin:0 5px;} .recruit .recruit_bottom_btn {text-align:center; padding-bottom:30px;} .recruit .recruit_bottom_btn.type2 {margin:0px 0 0;} .recruit .recruit_bottom_btn li {display:inline;float:none !important;margin:0 2px 0 3px;} .recruit .recruit_bottom_btn li a {display:inline-block;height:43px;padding:0 25px;text-align:center;font-size:14px;line-height:43px;border:1px solid #999; background-color:#fff;} .recruit .recruit_bottom_btn li.next a {color:#fff;border:1px solid #333333;background:#333333;} .recruit .recruit_bottom_btn li.sumit a {color:#fff;border:0px solid #333333;background:#fd8b17;font-weight:bold;} .recruit .submit_warning {margin:0 0 30px;} .recruit .submit_warning .head_line {margin:0 0 10px;font-size:20px;color:#000;} .recruit .submit_warning .submit_area_wrap {padding:25px 30px;border:1px solid #afafaf; background-color:#fff;} .recruit .submit_warning .submit_area_wrap .submit_area {width:100%;} .recruit .submit_warning .submit_area_wrap .submit_area:after {content:"";display:block;clear:both;} .recruit .submit_warning .submit_area_wrap .submit_area li {float:none !important;color:#333333;line-height:22px;} .recruit .submit_warning .submit_area_wrap .submit_area li ul {padding:7px 16px;} .recruit .submit_warning .submit_area_wrap .submit_area li ul li {position:relative;} .recruit .submit_warning .submit_area_wrap .submit_area li ul li:after {content:"";display:block;position:absolute;top:12px;left:-9px;width:4px;height:1px;background:#999;} .recruit .recruit_support_tab {margin:70px 0 0;} .recruit .recruit_support_tab ol {width:100%;} .recruit .recruit_support_tab ol:after {content:"";display:block;clear:both;} .recruit .recruit_support_tab ol li {float:left;width:192px;margin:0 0 27px 5px;} .recruit .recruit_support_tab ol li:first-child {margin:0 0 27px;} .recruit .recruit_support_tab ol li a {position:relative;float:left;width:100%;height:46px;border-bottom:5px solid #e5e5e5;} .recruit .recruit_support_tab ol li a img {position:absolute;top:0;left:10px;transition:all 0.3s;} .recruit .recruit_support_tab ol li a img.on {opacity:0;filter:alpha(opacity=0);} .recruit .recruit_support_tab ol li.active a {border-bottom:5px solid #fd8b17;} .recruit .recruit_support_tab ol li.active a img.on {opacity:1;filter:alpha(opacity=100);} .recruit .recruit_support_tab ol li a:hover {border-bottom:5px solid #fd8b17;} .recruit .recruit_support_tab ol li a:hover img.on {opacity:1;filter:alpha(opacity=100);} .recruit .recruit_support_warning {margin:0 0 30px; background-color:#fff; padding:30px;} .recruit .recruit_support_warning ul {} .recruit .recruit_support_warning ul li{clear:both;position:relative;padding:0 0 0 20px;text-transform:uppercase;font-size:13px;color:#333333;line-height:28px;} .recruit .recruit_support_warning ul li:after {content:"";display:block;position:absolute;top:13px;left:0;width:6px;height:2px;background:#999;} .recruit .recruit_support_warning ul li img {margin:0 6px 0 4px;vertical-align:middle;} .recruit_result {text-align:center;padding:180px 0 180px 0;} .recruit_result h3 {font-size:22px;margin-top:40px;line-height:42px;} .recruit_result p {font-size:15px;color:#999;line-height:26px;} /*지원자 FAQ */ .recruit_faq_list {background-color:#fff; padding:30px; margin-bottom:30px;} .recruit_faq_list li {width:100%;} .recruit_faq_list li span {font-weight:bold; font-family: 'Nanum Square'; font-size:22px; display:inline-block; margin-right:10px;} .recruit_faq_list .f_list {position:relative; float:left; width:47%; border:1px solid #ebebeb; background-color:#fafafa; border-radius:10px; padding:10px 25px; margin-bottom:30px; } .recruit_faq_list .f_list:after, .recruit_faq_list .f_list:before {right: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;} .recruit_faq_list .f_list:after {border-color: rgba(250, 250, 250, 0);border-right-color: #fafafa;border-width: 10px;margin-top: -10px;} .recruit_faq_list .f_list:before {border-color: rgba(235, 235, 235, 0);border-right-color: #ebebeb;border-width: 12px;margin-top: -12px;} .recruit_faq_list .q_list {position:relative; float:right; width:47%; border:1px solid #818181; background-color:#8c8c8c; border-radius:10px; padding:10px 25px; color:#fff; margin-bottom:30px; } .recruit_faq_list .q_list:after, .recruit_faq_list .q_lis:before {left: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;} .recruit_faq_list .q_list:after {border-color: rgba(136, 183, 213, 0);border-left-color: #8c8c8c;border-width: 10px;margin-top: -10px;} .recruit_faq_list .q_list:before {border-color: rgba(194, 225, 245, 0);border-left-color: #8c8c8c;border-width: 16px;margin-top: -16px;} @media all and (min-width: 1025px) and (max-width: 1280px) { .recruit .text_motion {top:inherit;bottom:-50px;} .recruit .text_motion li {margin:0;} .recruit .recruit_list {padding:25px;} .recruit .recruit_list:last-child {padding:25px;} .recruit .recruit_step span.line {margin:25px;} .recruit .recruit_list ul li h4 {margin-top:10px;margin-bottom:12px;} .recruit .recruit_list ul li p {line-height:24px;} .recruit .recruit_list.recruit_list2 {position:relative;border-bottom:0px solid #cdcdcd; padding:0 20px; box-sizing:border-box; } } @media all and (min-width: 641px) and (max-width: 1024px) { .m_mb30 {margin-bottom:30px;} .processImg {background-color:#ffffff; padding:10px 15px; margin-top:30px;} .recruit .section_inner {padding:0 50px;} .recruit .section_inner ul li.head {} .recruit .section_inner ul li.head .icon{margin:0 50px;} .recruit .section_inner ul li.head .dec{margin:34px 50px 0;} .recruit .section_inner ul li.head {width:100%;} .recruit .section_inner ul li.cont {width:100%;} .recruit .vis {margin:0 50px 212px;} .recruit .vis img {width:100%;} .recruit .text_motion {top:inherit;bottom:-136px;width:89.1%;} .recruit .text_motion li {--float:left !important;} .recruit .text_motion li:first-child {--float:right !important;} .recruit .text_motion li.center1 {position:absolute;top:90px;right:465px;float:right !important;width:324px;} .recruit .text_motion li.last {float:right !important;} .recruit .text_motion li .text_inner {height:80px;font-size:46px;} .recruit_tab ul {display:inline-block; width:100%;margin-bottom:0px; text-align:Center !important; } .recruit_tab ul li {float:none !important; display:inline-block; margin-right:1px; margin-bottom:6px; height:45px; width:24%; } .recruit_tab ul li.on a {background-color:#fd8204; color:#fff !important; border:1px solid #fd8204;} .recruit_tab ul li a { display:block; font-size:16px; height:45px; line-height:45px;} .recruit .recruit_step h3 {display:none;} .recruit .recruit_step span.line {display:none;} .recruit .recruit_list {padding:30px;} .recruit .recruit_list ul {position:relative;margin:0 0px;} .recruit .recruit_list ul li.txt {position:relative;float:right;width:44.58%;margin:0;} .recruit .recruit_list ul li h4 {margin-bottom:20px;font-size:24px; font-family: 'Nanum Square';} .recruit .recruit_list ul li.img {float:left;width:50%;} .recruit .recruit_list ul li.img img {width:100%;} .recruit_process {margin:0;margin-bottom:70px; padding-bottom:50px; border-bottom:1px solid #cdcdcd;} .recruit_process h3 {margin:0 50px 40px;} .recruit_process span.line {display:none;} .recruit_process .step {min-width:1px;margin:0 50px;} .recruit_process .step li {float:none !important;height:56px;padding:0 0 110px 77px !important;} .recruit_process .step li.step1 {background:url(/frontend/assets/images/icons/recruit_step_icon1_t.png) 0 0 no-repeat;} .recruit_process .step li.step2 {background:url(/frontend/assets/images/icons/recruit_step_icon2_t.png) 0 0 no-repeat;} .recruit_process .step li.step3 {background:url(/frontend/assets/images/icons/recruit_step_icon3_t.png) 0 0 no-repeat;} .recruit_process .step li.step4 {background:url(/frontend/assets/images/icons/recruit_step_icon4_t.png) 0 0 no-repeat;} .recruit_process .step li.step5 {padding:0 0 70px 77px !important;background:url(/frontend/assets/images/icons/recruit_step_icon5_t.png) 0 0 no-repeat;} .recruit_process .step li span {display:inline-block;} .recruit_process .step li span.num {margin:18px 40px 0 0;font-size:24px;font-weight:normal;} .recruit_process .step li span.txt {margin:15px 0 0;font-size:24px;} .recruit_process .step li span.arrow {top:85px;left:10px;width:30px;height:56px;background:url(/frontend/assets/images/icons/recruit_step_arrow_t2.png) 0 0 no-repeat;} /* 인재상 */ .peopleArea {margin-bottom:30px; padding:210px 50px 0px; background:#fff url(/frontend/assets/images/cont/peopleTitle.jpg) 50% 50px no-repeat; text-align:right;} .peopleArea .peopleImg {width:100%; display:inline-block; vertical-align:Top; float:none; padding-top:0px;} .peopleArea .peopleImg img {width:100%;} .peopleArea ul {width:100%; display:inline-block; text-align:left; padding-top:30px;} .peopleArea ul li h1 {color:#f5781e; font-family: 'Nanum Square'; font-size:35px; font-weight:Bold;} .peopleArea ul li h1 span {display:inline-block; padding-left:10px; font-size:24px; font-weight:normal;} .peopleArea ul li p {padding:15px 0 40px 0;} /* 채용공고 */ .recruit_anounce {position:relative; float:left; width:100%; margin-bottom:40px;color:#333333;cursor:pointer;} .recruit_anounce a {display:inline-block;padding:16px 25px;color:#333;} .recruit_anounce .recruit_list_title {float:left; width:100%;background-color:#505050;height:55px; border:1px solid #999999;} .recruit_anounce .recruit_list_title p {float:left; line-height:55px; font-weight:bold; font-size:15px; text-align:Center; color:#fff; } .recruit_anounce .recruit_list p {float:left; line-height:55px; font-size:14px;} .recruit_anounce p.code {width:10%; text-align:Center; display:none;} .recruit_anounce p.sort {width:12%; text-align:Center;} .recruit_anounce p.tit {width:46%; } .recruit_anounce p.tel {width:10%; text-align:Center;} .recruit_anounce p.date {width:22%; text-align:Center;} .recruit_anounce p.apply {width:10%; text-align:Center;} .recruit_anounce p.apply a { color:#fff; background-color:#ff7900; padding:0px 3px; height:40px; line-height:40px; border:0px; display:block; margin:5px; font-weight:bold; font-size:13px;} .recruit_content {padding:50px; clear:both;} .recruit_content img {width:100%;} } @media all and (min-width: 100px) and (max-width: 840px) { /* 채용공고 */ .recruit .recruit_list.recruit_list2 {position:relative;border-bottom:0px solid #cdcdcd; padding:20px; box-sizing:border-box; margin-bottom:30px;} .recruit_anounce {position:relative; float:none; width:100%; margin-top:-20px; margin-bottom:40px;color:#333333;cursor:pointer; } .recruit_anounce a {display:inline-block;padding:16px 25px;color:#333;} .recruit_anounce .recruit_list_title {float:none; width:100%;background-color:#505050;height:55px; display:none;} .recruit_anounce .recruit_list_title p {float:none; line-height:35px; font-weight:bold; font-size:5px; text-align:Center; color:#fff; } .recruit_anounce .recruit_list {border-bottom:1px solid #ededed; } .recruit_anounce .recruit_list p {display:inline-block; float:none; line-height:35px; font-size:15px; border-bottom:0px;} .recruit_anounce p.code {width:130px; text-align:left;} .recruit_anounce p.sort {width:200px; text-align:left; background:url('/frontend/assets/images/icons/icn_navi_bar.gif') 0 15px no-repeat; padding-left:20px;} .recruit_anounce p.tit {width:100%; font-size:24px; text-indent:0; line-height:55px;} .recruit_anounce p.tel {width:130px; text-align:left;} .recruit_anounce p.date {width:200px; text-align:left; background:url('/frontend/assets/images/icons/icn_navi_bar.gif') 0 15px no-repeat; padding-left:20px;} .recruit_anounce p.apply {width:100%; text-align:Center;} .recruit_anounce p.apply a { color:#fff; background-color:#ff7900; padding:0px 3px; height:40px; line-height:40px; border:0px; display:block; margin:10px 0px; font-weight:bold; font-size:13px;} } @media all and (min-width: 100px) and (max-width: 640px) { .recruit_tab ul li {float:none !important; display:inline-block; margin-right:1px; margin-bottom:2px; height:45px; } .recruit_tab ul li.on a {background-color:#fd8204; color:#fff !important; border:2px solid #fd8204;} .recruit_tab ul li a {display:block; background-color:#fff; border:2px solid #dddddd; color:#888888; height:45px; line-height:45px;} .recruit_tab ul li.on a {color:#fd8b17;} .recruit_tab ul:after {} .recruit_tab ul li:hover a {color:#fd8204; border:2px solid #fd8204;} .m_mb30 {margin-bottom:30px;} .processImg {background-color:#ffffff; padding:10px 15px; margin-top:30px;} .recruit_anounce .tit span {padding-left:5px;} .recruit .section_inner ul li.head .dec {font-size:13px;line-height:18px;} .recruit .section_inner ul li.head {width:100%;} .recruit .section_inner ul li.cont {width:100%;} .recruit .vis {margin:0 25px 75px;} .recruit .vis img {width:100%;} .recruit .text_motion {top:inherit;bottom:-50px;right:-0px;} .recruit .text_motion li {margin:0 0 5px;} .recruit .text_motion li .text_inner {height:24px;font-size:24px;line-height:34px;} .recruit .text_motion li .text_inner p {height:2px;} .recruit_tab ul {display:inline-block; width:100%;margin-bottom:0px; text-align:Center !important; } .recruit_tab ul li {float:none !important; display:inline-block; margin-right:0px; margin-bottom:6px; height:45px; width:22%; } .recruit_tab ul li:last-child { width:25%; } .recruit_tab ul li.on a {background-color:#fd8204; color:#fff !important; border:1px solid #fd8204;} .recruit_tab ul li a { display:block; font-size:13px; height:45px; line-height:45px; letter-spacing:-0.05em;} .recruit .recruit_step.recruit_step1{margin-top:-12px;} .recruit_step h3 {display:none;} .recruit .recruit_step span.line {display:none;} .recruit .recruit_list {padding:0px 0px; margin-bottom:30px;} .recruit .recruit_list ul li {margin:0 !important;} .recruit .recruit_list ul li h4 {font-size:16px;margin-bottom:12px;} .recruit .recruit_list ul li.txt {position:relative;float:none;margin-bottom:12px !important;font-size:13px;line-height:1.4em; padding:20px;} .recruit .recruit_list ul li.img {float:none;} .recruit .recruit_list ul li.img p img{width:100%;} .recruit_process {margin:0;margin-bottom:35px; padding-bottom:30px; border-bottom:1px solid #cdcdcd;} .recruit_process h3 {margin:0 25px 20px;font-size:14px;} .recruit_process span.line {display:none;} .recruit_process .step {min-width:1px;margin:0 25px;} .recruit_process .step li {float:none !important;height:28px;padding:0 0 55px 38px !important;} .recruit_process .step li.step1 {background:url(/frontend/assets/images/icons/recruit_step_icon1_t.png) 0 0 no-repeat;background-size:26px;} .recruit_process .step li.step2 {background:url(/frontend/assets/images/icons/recruit_step_icon2_t.png) 0 0 no-repeat;background-size:26px;} .recruit_process .step li.step3 {background:url(/frontend/assets/images/icons/recruit_step_icon3_t.png) 0 0 no-repeat;background-size:26px;} .recruit_process .step li.step4 {background:url(/frontend/assets/images/icons/recruit_step_icon4_t.png) 0 0 no-repeat;background-size:26px;} .recruit_process .step li.step5 {padding:0 0 35px 38px !important;background:url(/frontend/assets/images/icons/recruit_step_icon5_t.png) 0 0 no-repeat;background-size:26px;} .recruit_process .step li span {display:inline-block;} .recruit_process .step li span.num {margin:8px 15px 0 0;font-size:13px;font-weight:normal;} .recruit_process .step li span.txt {margin:15px 0 0;font-size:13px;} .recruit_process .step li span.arrow {top:43px;left:5px;width:30px;height:56px;background:url(/frontend/assets/images/icons/recruit_step_arrow_t2.png) 0 0 no-repeat;background-size:15px;} /* 인재상 */ .peopleArea {margin-bottom:30px; padding:110px 30px 0px; background:#fff url(/frontend/assets/images/cont/peopleTitle.jpg) 50% 20px no-repeat; text-align:right; background-size:200px auto;} .peopleArea .peopleImg {width:100%; display:inline-block; vertical-align:Top; float:none; padding-top:0px;} .peopleArea .peopleImg img {width:100%;} .peopleArea ul {width:100%; display:inline-block; text-align:left; padding-top:30px;} .peopleArea ul li h1 {color:#f5781e; font-family: 'Nanum Square'; font-size:24px; font-weight:Bold; line-height:1.3em;} .peopleArea ul li h1 span {display:block; padding-left:0px; font-size:18px; font-weight:normal;} .peopleArea ul li p {padding:5px 0 25px 0;} .recruit_content {padding:50px; clear:both;} .recruit_content img {width:100%;} } .recruit_anounce a.tel_no {border:0px;padding:0px;color:#333333;width:inherit !important} .recruit_anounce a.mailTo {border:0px;padding:0px;color:#333333;width:inherit !important} .recruit_anounce .tel .num {margin:0px;} /************************************************************************************************************************************************ * COMPANY - 투자정보 *************************************************************************************************************************************************/ /*.highlight .section_inner {} .highlight .section_inner ul li.head {} .highlight .section_inner ul li.cont {width:74.4%;}*/ .highlight .vis {position:relative;margin-bottom:50px;} .highlight .vis .text_motion{} .highlight .text_motion {position:absolute;top:78px;right:50px;width:600px;text-align:right;} .highlight .text_motion li {float:none !important;margin-bottom:10px;} .highlight .text_motion li .text_inner {font-family:"Nanum-regular", dotum, arial, san-serif;font-size:46px;height:64px;line-height:56px;--font-weight:bold;letter-spacing:-3px;} /* GraphType */ .GraphType {background-color:#ffffff; padding:50px; } .GraphType.Type1 {min-width:1px;margin-bottom:50px;} .GraphType.Type1:after {content:"";display:block;clear:both;} .GraphType.Type1 h3 {font-size:24px; color:#000 !important;} .GraphType.Type1 .Item {float:left;width:44.5%;margin-top:30px;} .GraphType.Type1 .Item.First {margin:30px 10.8% 0 0;} .GraphType.Type1 .Item .Outer {--overflow:hidden; position:relative; margin:15px 0 0; background-color:#ffffff;} .GraphType.First .Item .Outer {margin-top:0 !important;} .GraphType.Type1 .Item .Inner {} .GraphType.Type1 .Item .Head {min-width:1px;} .GraphType.Type1 .Item .Head:after {content:"";display:block;clear:both;} .GraphType.Type1 .Item .Head .Left { float:left; width:100%;} .GraphType.Type1 .Item .Head .Left .Title {position:relative;color:#181818; font-size:16px; } .GraphType.Type1 .Item .Head .Left .Unit {padding:5px 0 0; color:#333333;} .GraphType.Type1 .Item .Head .Left .closing {display:block;position:absolute; left:50%; top:40px; margin-left:-75px; width:150px; height:22px; text-align:center;font-size:14px;color:#fe7700;line-height:1.5em;font-weight:normal; } .GraphType.Type1 .Item .Head .Right { float:right; width:50%; text-align:right; margin-top:-20px;} .GraphType.Type1 .Item .Head .Right.FixWidth { width:120px;} .GraphType.Type1 .Item .Head .Right > span {display:inline-block; vertical-align:top;} .GraphType.Type1 .Item .Head .Right .Value {color:#333333; font-size:14px;} .GraphType.Type1 .Item .Head .Right .Unit {color:#fe7700;} .GraphType.Type1 .Item .Head .Right .Text {color:#333333; } .GraphType.Type1 .Item .Head .Right .Up, .GraphType.Type1 .Item .Head .Right .Down { display:block; padding-bottom:5px;} .GraphType.Type1 .Item .Head .Right .Up { color:#005696;} .GraphType.Type1 .Item .Head .Right .Down { color:#a58c5b;} .GraphType.Type1 .Item .Head .Right .Ico { display:block; text-align:left; padding-left:23px;} .GraphType.Type1 .Item .Head .Right .Ico1 { padding-bottom:5px; background:url("http://www.innoxcorp.com//frontend/assets/images/content/study/ico02.png") no-repeat left 2px;} .GraphType.Type1 .Item .Head .Right .Ico2 { background:url("http://www.innoxcorp.com//frontend/assets/images/content/study/ico03.png") no-repeat 5px 2px;} .GraphType.Type1 .Item .GraphBody { position:relative; margin:45px 0 0;} .GraphType.Type1 .Item .GraphBody .Bg img { width:100%;} .GraphType.Type1 .Item .GraphBody .Graph { position:absolute; bottom:8.5%; width:8%; height:0; background-color:#cccccc; color:#000; font-size:6px;transition:all 0.5s;} .GraphType.Type1 .Item:nth-child(2n) .GraphBody .Graph {bottom:8.6%;} .GraphType.Type1 .Item .GraphBody .Graph1 { left:15.4%;} .GraphType.Type1 .Item .GraphBody .Graph2 { left:30%;} .GraphType.Type1 .Item .GraphBody .Graph3 { left:45%;} .GraphType.Type1 .Item .GraphBody .Graph4 { left:60%;} .GraphType.Type1 .Item .GraphBody .Graph5 { left:75%;} .GraphType.Type1 .Item .GraphBody .Graph6 { left:90%; background-color:#fd8b17;} .GraphType.Type1 .Item .GraphBody .Graph p {margin:-20px 0 0;text-align:center;font-size:16px;color:#646464; font-family: 'Nanum Square';} .GraphType.Type1 .Item .GraphBody .Graph.active p {color:#fd8b17; } .GraphType.Type1 .Item .GraphBody.Divide7 .Graph { width:7%;} .GraphType.Type1 .Item .GraphBody.Divide7 .Graph1 { left:19%; } .GraphType.Type1 .Item .GraphBody.Divide7 .Graph2 { left:29.5%; } .GraphType.Type1 .Item .GraphBody.Divide7 .Graph3 { left:40.5%; } .GraphType.Type1 .Item .GraphBody.Divide7 .Graph4 { left:52%; } .GraphType.Type1 .Item .GraphBody.Divide7 .Graph5 { left:63%; } .GraphType.Type1 .Item .GraphBody.Divide7 .Graph6 { left:74.5%; } .GraphType.Type1 .Item .GraphBody.Divide7 .Graph7 { left:85.5%; } .GraphType.Type1 .Item .GraphBody.Divide71 .Graph { width:7%;} .GraphType.Type1 .Item .GraphBody.Divide71 .Graph1 { left:19.5%; } .GraphType.Type1 .Item .GraphBody.Divide71 .Graph2 { left:30.5%; } .GraphType.Type1 .Item .GraphBody.Divide71 .Graph3 { left:41.3%; } .GraphType.Type1 .Item .GraphBody.Divide71 .Graph4 { left:52%; } .GraphType.Type1 .Item .GraphBody.Divide71 .Graph5 { left:63%; } .GraphType.Type1 .Item .GraphBody.Divide71 .Graph6 { left:74%; } .GraphType.Type1 .Item .GraphBody.Divide71 .Graph7 { left:85%; } .GraphType.Type1 .Item .GraphBody .OneImage { text-align:center;} .GraphType.Type1 .Item .GraphBody .OneImage img { max-width:100%;} .GraphType.Type1 .Item .Desc { margin:20px 0 0; padding:20px 0 0; background:url("http://www.innoxcorp.com//frontend/assets/images/ico/ico_bar01.png") no-repeat left top; color:#333333; font-size:13px; line-height:1.4;} .GraphType.Type1 .Item .SourceText {padding:30px 0 0; color:#333333;} .GraphType.Type1 .Item .cmt { font-family: 'Nanum-regular'; border:1px solid #c7c7c7;color:#333;padding:20px;margin-top:50px;text-align:center;line-height:25px; background-color:#fff;} /*.GraphType.Type1 .Item .Head .Left .closing.valueRight {left:168px;}*/ @media all and (min-width: 1025px) and (max-width: 1280px) { .highlight .vis {margin-bottom:90px;} .GraphType.Type1 .Item .Head .Left {float:none;} .GraphType.Type1 .Item .Head .Left .closing {top:26px;} .GraphType.Type1 .Item .Head .Left .closing.valueRight {} .GraphType.Type1 .Item .Head .Right .Value{margin:35px 0 0;} .GraphType.Type1 .Item .GraphBody {margin:50px 0 0;} } @media all and (min-width: 641px) and (max-width: 1024px) { .highlight .section_inner ul li.cont {width:100%;} .highlight .vis {margin-bottom:271px;} .highlight .vis img {width:100%;} .highlight .text_motion {top:inherit;bottom:-162px;} .GraphType {background-color:#ffffff; padding:25px; } .GraphType.Type1 .Item .Head .Left {float:none;width:100%;} .GraphType.Type1 .Item .Head .Left .Title {font-size:14px;} .GraphType.Type1 .Item .Head .Left .closing {top:31px; left:0px; margin-left:0px; text-align:left;} .GraphType.Type1 .Item .Head .Right .Value{margin:43px 0 0; font-size:12px;} /*.GraphType.Type1 .Item .Head .Left .closing.valueRight {left:0px;}*/ /* GraphType */ .GraphType.Type1 {} .GraphType.Type1 .Item {width:44.5%;} .GraphType.Type1 .Item .Outer { margin:25px 0 0 20px;} .GraphType.Type1 .Item .Inner { padding:0;} .GraphType.Type1 .Item.First .Outer { margin-left:0; margin-right:20px;} .GraphType.Type1 .Item .Head .Left .Title {} .GraphType.Type1 .Item .Head .Right .Up, .GraphType.Type1 .Item .Head .Right .Down { font-size:18px; padding-bottom:7px;} .GraphType.Type1 .Item .GraphBody .Graph { font-size:10px;} .GraphType.Type1.Careers .Item { float:none; width:auto;} .GraphType.Type1.Careers .Item .Outer { margin-left:0; margin-right:0;} .GraphType.Type1.Careers .Body { overflow:hidden; min-height:290px;} .GraphType.Type1.Careers .Thumbnail { position:absolute; right:0; top:0; width:366px;} .GraphType.Type1.Careers .Left { position:relative; left:auto; top:auto; width:auto; margin-right:390px;} .GraphType.Type1 .Item .GraphBody .OneImage { height:315px; line-height:315px;} } @media all and (min-width: 100px) and (max-width: 640px) { .highlight .section_inner ul li.cont {width:100%;} .highlight .vis {margin:0 25px 153px;} .highlight .vis img {width:100%;} .highlight .text_motion {top:inherit;bottom:-70px;} .highlight .text_motion li .text_inner {height:auto;font-size:24px;line-height:36px;} .highlight .text_motion li {padding-right:25px;} .GraphType {background-color:#ffffff; padding:25px; } .GraphType.Type1 .Item {float:none;width:inherit;margin:0 25px;} .GraphType.Type1 .Item.First {margin:0 25px;} .GraphType.Type1 .Item.First .Outer {margin:0 0 80px;} .GraphType.Type1 .Item .Head .Left {float:none;width:100%;} .GraphType.Type1 .Item .Head .Left .Title {font-size:14px;} .GraphType.Type1 .Item .Head .Left .closing {top:-2px;left:inherit;right:0px;width:90px;height:14px;font-size:12px;line-height:14px;background-size:6px 14px;} .GraphType.Type1 .Item .Head .Right .Value{margin:20px 0 0;font-size:12px;} .GraphType.Type1 .Item .Head .Left .closing.valueRight {left:inherit;} } /* 요약 재무제표*/ .statements {margin-bottom:70px; background-color:#fff;} .statements {overflow:hidden;margin-top:20px;border-top:2px solid #888888;} .statements table {display:table;width:100%;line-height:16px;text-align:right;} .statements tr {display:table-row;font-size:16px;} .statements tr.on {background:#f4f4f4;} .statements tr th {font-weight:normal;color:#181818;background:#e6e6e6;display:table-cell;border-bottom:1px solid #cdcdcd;padding:17px 30px;white-space:normal;text-align:right; font-size:18px; font-family:"Nanum-bold";} .statements tr td {display:table-cell;color:#333333;border-bottom:1px solid #cdcdcd;border-right:none;padding:17px 30px;} .statements tr th.ct {text-align:center;} .statements tr td.ct {text-align:center;} .statements tr td.first {padding-left:30px;white-space:nowrap;} .statements tr.last td {border-bottom:1px solid #333333;} .statements .cl {text-align:left;} .financial_statement .section_inner ul li.cont h3 {position:relative; color:#000; padding-top:20px;} .financial_statement .section_inner ul li.cont h3 span {display:inline-block;position:absolute;right:0px;bottom:0px; ;font-size:16px;color:#333333;} @media all and (min-width: 1025px) and (max-width: 1280px) { .financial_statement .section_inner ul li.cont {padding-top:60px;} .financial_statement .section_inner ul li.cont h3 {font-size:20px;} .financial_statement .statements {margin-top:10px;} .statements tr td {padding:17px 18px;font-size:15px;} } @media all and (min-width: 641px) and (max-width: 1024px) { .financial_statement .section_inner ul li.cont {--padding-top:60px;} .financial_statement .section_inner ul li.cont h3 {font-size:20px;} .financial_statement .section_inner ul li.cont h3 {font-size:20px;} .financial_statement .section_inner ul li.cont .statements {margin-top:10px;} .financial_statement .statements {overflow-x:scroll;} .financial_statement .statements tr th{padding:7px 1% 6px 0; font-size:15px;} .financial_statement .statements tr td{padding:11px 0 11px 15px; font-size:14px;} } @media all and (min-width: 100px) and (max-width: 640px) { .financial_statement .section_inner ul li.cont {padding-top:35px ;-webkit-box-sizing:border-box;box-sizing:border-box;} .financial_statement .section_inner ul li.cont h3 {font-size:18px; line-height:1.5em;} .financial_statement .section_inner ul li.cont .statements {margin-top:5px;} .financial_statement .statements {margin:0 0 35px;overflow-x:scroll;} .financial_statement .statements tr th{padding:14px 1% 13px 0;font-size:11px;} .financial_statement .statements tr td{padding:22px 0 22px 10px;font-size:11px;} .financial_statement .section_inner ul li.cont h3 span {font-size:13px;} } /************************************************************************************************************************************************ * COMPANY - 수익성 지표 *************************************************************************************************************************************************/ .profitability .section_inner ul li.head {} .profitability .section_inner ul li.cont {} .profitability .section_inner ul li.cont h3 {color:#333;} .profitability .GraphType.Type1 .Item .GraphBody .Graph1 {left:15.4%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph2 {left:30%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph3 {left:45%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph4 {left:60%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph5 {left:75%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph6 { left:90%; background-color:#fd8b17;} @media all and (min-width: 1025px) and (max-width: 1280px) { .profitability .section_inner ul li.cont {padding-top:70px;} .profitability .GraphType.Type1 .Item {width:43.3%;margin:17px 0 118px 0;} .profitability .GraphType.Type1 .Item.First {margin:17px 11.3% 118px 0;} .profitability .GraphType.Type1 .Item .Head .Left {float: left;} .profitability .GraphType.Type1 .Item .Head .Right .Value {margin:0;} .profitability .GraphType.Type1 .Item .GraphBody .Graph {width:15.8%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph1 {left:15.4%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph2 {left:32.5%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph3 {left:49.5%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph4 {left:66.8%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph5 {left:84.0%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph p {font-size:10px;} .profitability .GraphType.Type1 .Item .GraphBody .Graph.active p {margin:-26px 0 0;font-size:16px;} } @media all and (min-width: 641px) and (max-width: 1024px) { .profitability .section_inner {padding:0 50px;} .profitability .section_inner ul li.head .icon {margin:0 50px;} .profitability .section_inner ul li.head .dec {margin:34px 0px 0;} .profitability .section_inner ul li.cont {padding-top:70px;} .profitability .GraphType.Type1 {margin:0 0px 70px;} .profitability .GraphType.Type1 .Item .GraphBody .Graph {bottom:11.6%;width:13.1%;font-size:10px;} .profitability .GraphType.Type1 .Item .GraphBody .Graph1 {left:18.8%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph2 {left:35.5%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph3 {left:52.2%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph4 {left:68.5%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph5 {left:85.0%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph p {margin:-20px 0 0 -5px;} } @media all and (min-width: 100px) and (max-width: 640px) { .profitability .section_inner ul li.head .dec {line-height:18px;} .profitability .section_inner ul li.cont {margin-top:0px !important;} .profitability .section_inner ul li.cont h3 {padding-top:25px;} .profitability .GraphType.Type1 {margin-bottom:35px;padding:0 25px;border-bottom:1px solid #cdcdcd;} .profitability .GraphType.Type1 .Item {margin:0;} .profitability .GraphType.Type1 .Item .Outer {margin:25px 0 45px 0 !important;} .profitability .GraphType.Type1 .Item .Head .Left{float:left;width:50%;} .profitability .GraphType.Type1 .Item .Head .Right{float:right;width:50%;} .profitability .GraphType.Type1 .Item .Head .Right .Value {margin:0;} .profitability .GraphType.Type1 .Item .GraphBody {margin:27px 0 0;} .profitability .GraphType.Type1 .Item .GraphBody .Graph {bottom:11.6%;width:8%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph1 {left:15.4%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph2 {left:30%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph3 {left:45%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph4 {left:60%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph5 {left:75%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph6 { left:90%; background-color:#fd8b17;} .profitability .GraphType.Type1 .Item .GraphBody .Graph p {margin:-20px 0 0 -4px;font-size:14px} .profitability .GraphType.Type1 .Item .cmt {padding:12px 20px;font-size:13px;line-height:18px;} } .main_statements {} /* 상장 정보*/ /*.taded .section_inner ul li.head {width:25.5%;} .taded .section_inner ul li.cont {width:74.4%;}*/ .taded_info {margin-bottom:100px;position:relative;} .taded_info h3 {padding-top:20px; margin-bottom:20px; color:#000;} .taded_info .gijun {position:absolute;right:0px;top:20px; color:#333333;} .taded_info table {display:table;width:100%;line-height:16px;text-align:left;border-top:2px solid #888888; background-color:#fff;} .taded_info tr {display:table-row;font-size:16px;border-bottom:1px solid #cdcdcd;} .taded_info tr.on {background:#f0f0f0;} .taded_info tr th {color:#181818;background:#f4f4f4;display:table-cell;padding:17px 30px;white-space:normal;} .taded_info tr td {display:table-cell;color:#333333;border-right:none;padding:17px 30px;} .taded_info tr th.ct {text-align:center;} .taded_info tr td.ct {text-align:center;} .taded_info tr td.first {padding-left:30px;} .taded_info tr.last {border-bottom:1px solid #000000;} .taded_wrap {} .taded_wrap .t_area {float:left;} .taded_wrap .t_area.left {width:45%;} .taded_wrap .t_area.left p {margin-bottom:65px;} .taded_wrap .t_area.left p img {width:100%;} .taded_wrap .t_area.right {float:right;width:48.1%;} .taded_wrap .juga_top {height:60px;margin-bottom:42px;} .taded_wrap .juga_top li {} .taded_wrap .juga_top li .updown {display:inline-block;} .taded_wrap .juga_top li .updown i {font-size:24px;} .taded_wrap .juga_top li p {padding-left:10px;font-size:40px;color:#000;font-family: 'Nanum-regular';font-weight:bold;} .taded_wrap .juga_top li span {display:inline-block;padding-left:13px;font-size:16px;color:#333333;margin-bottom:10px;} .taded_wrap .juga_top li p.up {background:url(/frontend/assets/images/icons/juga_up.png) left center no-repeat;} .taded_wrap .juga_top li p.down {background:url(/frontend/assets/images/icons/juga_down.png) left center no-repeat;} .taded_wrap .juga_top .st1 {width:48%;margin-right:2%;font-size:70px;color:#fd8b17;font-family: 'Nanum-regular';font-weight:bold;} .taded_wrap .juga_top .st2 {width:24%;border-right:1px solid #e5e5e5;} .taded_wrap .juga_top .st3 {float:right;width:24%;text-aling:right;} .taded_wrap .juga_top .st3 #DebiRate {min-width:105px; color:#000;} .taded_wrap:after {content:"";display:block;clear:both;} .taded_wrap .gurae {margin-bottom:40px;} .taded_wrap .gurae th {padding:11px 30px} .taded_wrap .gurae td {padding:21px 30px} .taded_wrap .dong h3 {margin-bottom:10px;} .taded_wrap .dong td {padding:11px 25px} @media all and (min-width: 1025px) and (max-width: 1280px) { } @media all and (min-width: 641px) and (max-width: 1024px) { .taded .section_inner ul li.head {width:100%;} .taded .section_inner ul li.cont {width:100%;padding-top:70px;} } @media all and (min-width: 100px) and (max-width: 640px) { .taded .section_inner ul li.head {width:100%;} .taded .section_inner ul li.cont {width:100%;margin-top:0px;padding-top:70px;float:none;max-width:inherit;} .taded_wrap .t_area.left {width:100%;float:none;} .taded_wrap .t_area.right {width:100%;float:none;margin-top:25px;} .taded_info tr th {font-size:13px;} .taded_info tr td {font-size:13px;} .invest_notice_list > ul > li > ul li.last a {background:url(/frontend/assets/images/icons/invest_down_icon.png) 10% center no-repeat !important;background-size:14px !important;} } /* 내부정보관리 규정 */ .rule_textbox { border:1px solid #ededed; padding:30px 30px 20px; font-size:15px !important; color:#333333; background-color:#fbfbfb; margin-bottom:50px;} .rule_textbox .boxtitle { padding:0 0 0px; font-size:24px !important; font-weight:bold; text-align:center; color:#000;} .rule_textbox .textline { line-height:24px;} .rule_textbox .textline .innerlinkwrap { margin-bottom:20px; border:1px solid #ececec;} .rule_textbox .textline .innerlinkwrap nav { border:1px solid #fdfdfd; background-color:#fff;padding:20px; overflow:hidden;} .rule_textbox .textline .innerlinkwrap nav ol { float:left; width:90%; } .rule_textbox .textline .innerlinkwrap nav li { padding:0px; clear:both; } .rule_textbox .textline .innerlinkwrap nav li a { color:#333; font-size:15px !important; } .rule_textbox .textline strong { display:block; padding:15px 0 5px 0; color:#000; font-size:18px !important; font-family:"Nanum-bold";} .rule_textbox .textline strong.type1 { font-size:20px !important;} @media all and (min-width: 1025px) and (max-width: 1280px) { } @media all and (min-width: 641px) and (max-width: 1024px) { } @media all and (min-width: 100px) and (max-width: 640px) { } /* 공고 */ .invest_noti_top .section_inner {padding-bottom:50px;} .invest_notice_list > ul > li > ul li {height:43px;line-height:43px;width:48%;margin-right:2%;} .invest_notice_list > ul > li > ul li.last{margin-right:0;} .invest_notice_list > ul > li > ul li a {display:block;width:100%;height:43px;line-height:43px;text-align:center;border:1px solid #afafaf;color:#333333;background:url(/frontend/assets/images/icons/invest_down_icon.png) 20% center no-repeat;background-size:14px;} .invest_notice_list > ul > li > ul li.on a {display:block;width:100%;height:43px;line-height:43px;text-align:center;border:1px solid #fe7700;color:#fe7700;background:none;} .invest_notice_list > ul > li > ul > li.last {margin-right:0px;} .invest_notice_list > ul > li .date {color:#666666} .invest_notice_list ul li.list .date {margin-bottom:30px;} .invest_notice_list ul li.list.hide {display:none;} .invest_notice_list ul {position:relative;} .invest_notice_list ul:after {content:"";display:block;clear:both;} .invest_notice_list ul li.list {position:relative;float:left;width:364px;--height:212px;margin-right:20px;margin-top:30px; text-align:left;} .invest_notice_list ul .list h3 {margin-bottom:17px; font-size:20px;line-height:1.4em; color:#181818} .invest_notice_list ul .list .txt {color:#333333;line-height:24px; height:50px; overflow:hidden; } .invest_notice_list ul .list span.line {display:block;width:20px;height:1px;background-color:#afafaf;margin:20px 0;} .invest_notice_list ul .listi .date {color:#000;} .invest_notice_list ul .list .detail_wrap {position:absolute;bottom:0;left:0;width:100%;border:1px solid #afafaf;-webkit-box-sizing:border-box;box-sizing:border-box;} .invest_notice_list ul .list .detail_wrap .btn {display:block;width:100%;height:43px;color:#333333;line-height:43px;text-align:center;} .invest_notice_list ul .detail_view {position:relative;width:100% !important;height:initial;margin:0;margin-top:50px;border-top:0px solid #afafaf; background-color:#fff;} .invest_notice_list ul .detail_view .container {padding:50px;} .invest_notice_list ul .detail_view .detail_view_wrap {position:relative;--border-top:1px solid #afafaf; padding:50px; } .invest_notice_list ul .detail_view .detail_view_wrap p img {width:100%;} .invest_notice_list ul .detail_view .detail_close {position:absolute;right:0px;top:70px;} .notice_more_Btn {text-align:right} .notice_more_Btn a {color:#181818:inline-block;padding-right:30px;background:url(/frontend/assets/images/icons/load_more.png) right center no-repeat;} .invest_notice_list ul .list:hover h3 {color:#ff8533;} .invest_notice_list ul .list:hover .txt {color:#ff8533;} .invest_notice_list ul .list:hover span.line {background-color:#ff8533;} .invest_notice_list ul .list:hover .date {color:#ff8533;} .invest_notice_list ul .list:hover .detail_wrap:hover {background:#fe7700;border:1px solid #fe7700;} .invest_notice_list ul .list:hover .detail_wrap:hover .btn {color:#000;} .invest_notice_list ul .list.on h3 {color:#ff8533;} .invest_notice_list ul .list.on .txt {color:#ff8533;} .invest_notice_list ul .list.on span.line {background-color:#ff8533;} .invest_notice_list ul .list.on .date {color:#ff8533;} .invest_notice_list ul .list.on .detail_wrap:hover {background:#fe7700;border:1px solid #fe7700;} .invest_notice_list ul .list.on .detail_wrap:hover .btn {color:#000;} .invest_notice_list.type2 {margin-bottom:50px;} .invest_notice_list.type2 h3 {font-size:24px;} .invest_noti .invest_notice_list > ul > li > ul li.detailBtn a:hover {background:#ff8533;color:#fff;} .invest_notice_list ul li.detail_view .container {position:relative;overflow-x:auto;} .invest_notice_list ul li.detail_view table {width:100%;empty-cells:show;border-bottom:1px solid #333;} .invest_notice_list ul li.detail_view th {padding:20px 20px 19px;white-space:nowrap;font-size:16px;color:#333;line-height:22px;border-bottom:1px solid #cdcdcd;background:#f5f5f5;} .invest_notice_list ul li.detail_view th .point {position:relative;top:4px;margin:0 0 0 5px;color:#ff9933;} .invest_notice_list ul li.detail_view td {width:initial;text-align:center;padding:10px 0;vertical-align:middle;white-space:nowrap;color:#333333;line-height:22px;border-bottom:1px solid #cdcdcd;border-right:1px solid #e5e5e5;} .invest_notice_list ul li.detail_view td input[type=text] , .invest_notice_list ul li.detail_view td input[type=password] {height:23px;margin:0;padding:5px 10px;font-size:16px;color:#333;line-height:23px;vertical-align:inherit;border:1px solid #afafaf;} .invest_notice_list ul li.detail_view td textarea {font-size:16px;color:#333;line-height:23px;border:1px solid #afafaf;} .invest_notice_list ul li.detail_view tr:first-child th, .invest_notice_list ul li.detail_view tr:first-child td {border-top:2px solid #333;} .invest_notice_list ul li.detail_view tr.last th, .invest_notice_list ul li.detail_view tr.last td {border-bottom:1px solid #333;} .invest_noti_btn {text-align:right;margin-top:50px;} .invest_noti_btn a {color:#181818:inline-block;padding-right:30px;background:url(/frontend/assets/images/icons/load_more.png) right center no-repeat;} @media all and (min-width: 1025px) and (max-width: 1280px) { .section_header.invest_noti_top {padding:50px 0;} .taded .section_inner ul li.head {} .taded .section_inner ul li.cont {padding-top:60px;} /* .invest_noti {max-width:835px !important;}*/ .invest_noti .invest_notice_list.type2 ul li {width: 43.5%;margin-right: 12.8%;} .invest_noti .invest_notice_list ul li:nth-child(2n) {--margin-right:0;} .invest_noti .invest_notice_list.type2 ul li h3 {margin-bottom:17px;} .invest_noti .invest_notice_list.type2 > ul > li span.line {margin:24px 0 25px;} .invest_noti .invest_notice_list.type2 > ul > li p.date {margin-bottom:48px;color:#333333;line-height:1;} .invest_noti .invest_notice_list.type2 > ul > li > ul > li {width:48.6%;margin:0 2.7% 0 0;} .invest_noti .invest_notice_list.type2 > ul > li > ul > li.last {margin:0;} .invest_noti .invest_notice_list.type2 > ul > li > ul > li a {-webkit-box-sizing:border-box;box-sizing:border-box;} .invest_noti .invest_notice_list > ul > li.detail_view{width:100% !important;margin-right:0;} .invest_noti .invest_notice_list > ul > li.detail_view img{width:100%;} } @media all and (min-width: 641px) and (max-width: 1024px) { .invest_noti_top .section_inner {padding:0 50px;} .invest_noti_top .section_inner ul li.head .icon {margin:0 4.8%;} .invest_noti_top .section_inner ul li.head .dec {margin:0 4.8%;} .invest_noti_top .section_inner ul li.cont {margin-top:50px !important;} .invest_notice_list ul .detail_view .container {padding:25px;} .invest_noti_top .section_inner ul li.cont .invest_notice_list.type2 ul li{width:40.3%;height:auto;margin-right:0;--padding:0 4.8% 70px;--border-bottom:1px solid #cdcdcd; background-color:#fff; } .invest_noti_top .notice_more_Btn {display:none;} .invest_noti .invest_notice_list.type2 > ul > li h3 {margin-bottom:23px;} .invest_noti .invest_notice_list.type2 ul li {width: 43.5%;margin-right: 12.8%;} .invest_noti .invest_notice_list.type2 ul li:nth-child(2n) {--margin-right:0;} .invest_noti .invest_notice_list.type2 ul li > p{margin-bottom:30px; } .invest_noti .invest_notice_list.type2 > ul > li span.line {display:none;} .invest_noti .invest_notice_list.type2 > ul > li .date {margin-bottom:30px;} .invest_noti .invest_notice_list.type2 > ul > li > ul > li{width:48.3% !important;margin:0 3.3% 0 0 !important;padding:0 !important;border-bottom:none !important;} .invest_noti .invest_notice_list.type2 > ul > li > ul > li.last {margin:0 !important;} .invest_noti .invest_notice_list.type2 > ul > li > ul > li a{-webkit-box-sizing:border-box;box-sizing:border-box;} .invest_noti .invest_notice_list.type2 > ul > li > ul li.on a {height:45px;line-height:45px;} .invest_noti .invest_notice_list.type2 > ul > li > ul li.last a {height:45px;line-height:45px;} .invest_notice_list ul .detail_view .detail_close {width:50px;right:-50px;} .invest_notice_list ul .detail_view .detail_close img {width:100%;} .invest_noti .invest_notice_list.type2 > ul > li.detail_view {width:100% !important;--padding:0 !important;} .invest_noti .invest_notice_list.type2 > ul > li.detail_view p img {width:100%;} } @media all and (min-width: 200px) and (max-width: 640px) { .invest_noti_top .section_inner {padding-bottom:50px;} .invest_notice_list.type2 {margin-bottom:0px;} .invest_noti_top .section_inner ul li.head .dec {font-size:13px;line-height:18px;} .invest_noti_top .section_inner ul li.cont {margin-top:50px !important;} .invest_noti_top .section_inner ul li.cont .invest_notice_list > ul {margin:0;} .invest_noti_top .section_inner ul li.cont .invest_notice_list > ul > li {height:auto;margin:0 0 30px 0;padding:25px 0; background-color:#fff; padding:25px;box-sizing:border-box;} /*.invest_noti_top .section_inner ul li.cont .invest_notice_list > ul > li:first-child {padding-top:0px;}*/ .invest_noti_top .section_inner ul li.cont .invest_notice_list > ul > li h3 {margin-bottom:23px;font-size:18px;} .invest_noti_top .section_inner ul li.cont .invest_notice_list > ul > li .txt {margin-bottom:15px;font-size:13px;} .invest_noti_top .section_inner > ul > li span.line {display:none;} .invest_noti_top .section_inner .invest_notice_list > ul > li .date {font-size:13px;} .invest_noti_top .section_inner .invest_notice_list > ul > li > ul {min-width:1px;} .invest_noti_top .section_inner .invest_notice_list > ul > li > ul > li {width:48.5%;height:35px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0px 0px 0px 0px;} .invest_noti_top .section_inner .invest_notice_list > ul > li > ul > li.on{margin-right:2.7%;} .invest_noti_top .section_inner .invest_notice_list > ul > li > ul > li a {height:35px;line-height:35px;} .invest_noti .invest_notice_list.type2 > ul > li.detail_view {width:100% !important;padding:0 !important;} .invest_noti .invest_notice_list.type2 > ul > li.detail_view p img {width:100%;} .invest_notice_list ul .detail_view .detail_close {right:0px;top:10px;width:25px;} .invest_notice_list ul .detail_view .detail_close img {width:100%;} .invest_notice_list ul .detail_view .container {padding:25px;} } @media all and (min-width: 1675px) and (max-width: 3000px) { .invest_notice_list > ul li.list {width:30.8% !important;margin-right:3.6% !important; background-color:#fff; padding:30px; box-sizing:border-box;} } @media all and (min-width: 1024px) and (max-width: 1675px) { .invest_notice_list > ul li.list {width:47.2% !important; margin-right:4.8% !important;background-color:#fff; padding:30px; box-sizing:border-box;} } @media all and (min-width: 641px) and (max-width: 1024px) { .invest_notice_list > ul {padding:0 0px;} .invest_notice_list > ul li.list {width:47.2% !important;margin-right:4.8% !important;background-color:#fff; padding:30px; box-sizing:border-box;} } @media all and (min-width: 100px) and (max-width: 640px) { .invest_notice_list > ul {--padding:0 25px;} .invest_notice_list > ul li.list {width:100% !important;margin-right:0% !important;background-color:#fff; padding:30px; box-sizing:border-box;} .invest_notice_list ul .list h3 {margin:0 25px;} .invest_noti_top .section_inner ul li.cont ul li .txt {margin:0 25px;} .invest_noti_top .section_inner .invest_notice_list > ul > li .date {margin:0 25px 15px 25px;} .invest_noti_top .section_inner .invest_notice_list > ul > li > ul {margin:0 25px;} } .popup_recruit {position:fixed;top:0px;left:0px;width:100%;height:100%;display:none;z-index:400;} .popup_recruit.on {display:block;} .popup_recruit .dim {position:fixed;top:0px;left:0px;width:100%;height:100%;background:#000;opacity:0.5;} .popup_recruit .popup_recruit_inner {text-align:center;position:absolute;top:50%;left:50%;margin-left:-160px;margin-top:-280px;width:394px;--height:345px;background:#fff;border:10px solid #ffff33;} .popup_recruit .popup_recruit_inner h3 {color:#181818;font-size:24px;padding-top:43px;margin-bottom:0px;} .popup_recruit .popup_recruit_inner span.line {display:inline-block;width:20px;height:1px;background-color:#afafaf;margin:30px 0 30px 0;} .popup_recruit .popup_recruit_inner p.txt {color:#333333;line-height:1.5em;margin-bottom:15px;padding:0 20px;} .popup_recruit .popup_recruit_inner p.txt2 {color:#fe7700;line-height:1.5em;margin-bottom:42px;padding:0 20px;} .popup_recruit .popup_recruit_inner .input_wrap {display:inline-block;width:100%;border:1px solid #e2e2e2;} .popup_recruit .popup_recruit_inner .input_wrap input {text-indent:10px;color:#333333;border:0px;width:100%;padding:7px 0px 6px 0px;--min-width:200px; font-size:14px;} .popup_recruit .popup_recruit_inner .btns {margin-bottom:32px;} .popup_recruit .popup_recruit_inner .btns .input_wrap {border:1px solid #333333;height:43px;display:inline-block;width:100px;} .popup_recruit .popup_recruit_inner .btns .input_wrap input[type=button] {text-indent:0;text-align:center;cursor:pointer;padding:9px 00px 8px 00px;width:100%;min-width:initial;height:43px;border:0px;background:none;;color:#333333;} .popup_recruit .popup_recruit_inner .btns .input_wrap:hover {background-color:#333333;border:1px solid #333333;color:#fff !important;} .popup_recruit .popup_recruit_inner .btns .input_wrap:hover input[type=button] {color:#fff;} .popup_recruit .popup_recruit_inner .list {position:relative;padding:0 50px;margin-bottom:5px;} .popup_recruit .popup_recruit_inner .list dl {position:relative;} .popup_recruit .popup_recruit_inner .list dt {position:absolute;left:0px;color:#333333;line-height:33px; font-size:14px;} .popup_recruit .popup_recruit_inner .list dd {padding-left:60px;} .popup_recruit .popup_recruit_inner .list dd ul {width:100%;} .popup_recruit .popup_recruit_inner .list dd ul li {float:left;} .popup_recruit .popup_recruit_inner .list dd ul li.left {width:43%;} .popup_recruit .popup_recruit_inner .list dd ul li.ct {width:14%;text-align:center;line-height:33px;color:#333333;} .popup_recruit .popup_recruit_inner .list dd ul li.right {width:43%;float:right;} .popup_recruit .popup_recruit_inner .list dd ul:after {content:"";display:block;clear:both;} .popup_recruit .popup_recruit_inner .list dl:after {content:"";display:block;clear:both;} .popup_recruit .popup_recruit_inner .list.last {margin-bottom:70px;} /* company */ .explore_wide {display:block;} .explore_mobile {display:none;} @media all and (min-width: 100px) and (max-width: 1024px) { .explore_wide {display:none;} .explore_mobile {display:block;overflow:hidden;} .explore_mobile ul {margin:0px !important;} .explore_mobile ul li {--height:250px;} .explore_mobile ul li img {width:100%;} .explore_mobile ul li a {display:none;} } .recruit.step2 .consult_as {display:none;} .recruit.step3 .consult_as {display:none;} .recruit.step4 .consult_as {display:none;} .recruit.step5 .consult_as {display:none;} .recruit.step6 .consult_as {display:none;} .recruit.step7 .consult_as {display:none;} .MSIE .recruit .recruit_table_area table select {background:none;} /* ascenter */ .consult_as .srh_wrap {overflow:hidden;position:relative;border:1px solid #e1e1e1;width:245px;height:40px;top: 0px; margin-top:30px; margin-bottom:10px; background-color:#fff;} .consult_as .srh_wrap label {position:absolute;top:0px;left:0px;width:100%; height:40px;line-height:40px;text-indent:10px;} .consult_as .srh_wrap input[type=text] {border:0px;width:203px !important;height:38px;float:left; } .consult_as .srh_wrap input {border-radius:0;} .consult_as .btn {float:right;border:0px;border-left:1px solid #e1e1e1;width:40px;height:40px;background:url(/frontend/assets/images/icons/info_srh_bg.png) 0 0 no-repeat;} @media all and (min-width: 100px) and (max-width: 600px) { .consult_as .srh_wrap {margin-top:70px;} } /* 신가치체계 esg경영철학 */ .visionArea_w { position: relative;/*margin:50px 0 0;*/background-color: #fff;} .visionArea_n { position: relative;/*margin:50px 0 0;*/} .visionImg {position: relative;margin: 20px 0 0;background-color: #fff;padding:40px 0;} .visionImg img {display: block;width:50%;margin:0 auto;} .esg_01 {position: relative;margin: 20px 0 0;background-color: #fff;padding:40px 0;} .esg_01 img {display: block;width:80%;margin:0 auto;} .esg_02 {position: relative;margin: 20px 0 0;background-color: #fff;padding:40px 0;} .esg_02 img {display: block;width:70%;margin:0 auto;} .esg_03 {position: relative;margin: 20px 0 0;background-color: #fff;padding:40px 0;} .esg_03 img {display: block;width:90%;margin:0 auto;} .visionArea_n .SubContentTitle{display:block; margin-top:50px;} .visionArea_n .SubContentTitle h2{font-size: 28px; font-family: 'Nanum Square'; font-weight: bold; margin-top: 50px;} .visionType {font-family: 'Noto Sans KR','Exo 2', 'sans-serif'; letter-spacing: -0.05em; } .visionType.Type2 .Item { position:relative; width:100%; height:auto; overflow:hidden; background:#fff;min-height: 177px;} .visionType.Type2 .Item .txtbox{text-align: center; } .visionType.Type2 .Item .txtbox1{ float:left; overflow:hidden;margin: 7% 0% 0% 7%; } .visionType.Type2 .Item .txtbox1 .etc {text-align: center; } .visionType.Type2 .Item .txtbox2{ overflow:hidden; text-align:center; } .visionType.Type2 .Item .txtbox2 .etc{overflow:hidden; } .visionType.Type2 .Item .txtbox2 .etc .Desc{ color:#014d8f; font-size:25px; line-height: 1.6;margin-bottom: 20px;} .visionType.Type2 .Item .txtbox2 .etc .Desc .strong { font-weight:bold; } .visionType.Type2 .Item .Thumbnail{ width:360px; height:auto; overflow:hidden; margin: 120px auto 0;} .visionType.Type2 .Item .Thumbnail img{ width:100%; } .visionType.Type2 .Item .txtbox2 .etc .Desc2{ color:#014d8f; font-size:40px; line-height: 1.6;margin-bottom: 20px; font-weight: 600;} .Vision .Title { color:#005696; font-size:25px; padding: 2px; font-weight:600;} .Vision .etc { margin:60px 0 50px 0;} .Vision .SubTitle { font-size:18px; color:#666; font-family: 'Noto Sans KR','Exo 2', 'sans-serif'; margin:10px 0 0 0; font-weight: lighter; padding: 0 0 10px;} .Vision .SubTitle2 { font-size:18px; color:#6e6d6d; margin:0px 0 20px 0;font-weight:300;} .Vision .Title { color:#005696; font-size:25px; padding: 2px;font-weight:600;} .Vision .etc { margin:60px 0 50px 0;} .Vision .SubTitle { font-size:18px; color:#666; font-family: 'Noto Sans KR','Exo 2', 'sans-serif'; margin:10px 0 0 0; font-weight: lighter; padding: 0 0 10px;} .Vision .SubTitle2 { font-size:18px; color:#6e6d6d; margin:0px 0 20px 0;font-weight:300;} .Principles { font-family: 'Noto Sans KR','Exo 2', 'sans-serif'; padding-left: 28%; } .Principles .name {padding: 5px 0 55px; text-align: left; } .Principles .name .num {font-weight: 500;color:#0b427a; font-size:23px; padding: 0 0 12px;} .Principles .name .txt { font-weight: 500;color:#000; font-size:20px; line-height:1.5} .Principles .name .txts {font-size:17px;font-weight: lighter;color:#666;} .Principles .name img { vertical-align: bottom; padding-left: 10px;width: 4%;} .PRIDE {margin:0px 0px 110px; padding:0 20px;} .PRIDE strong {font-size: 18px;padding-left: 34px;display: inline-block;max-width: 70%;overflow: hidden;vertical-align: middle;box-sizing: border-box;} .PRIDE .vision02_1,.PRIDE .vision02_2,.PRIDE .vision02_3,.PRIDE .vision02_4,.PRIDE .vision02_5 {width:760px; height: 130px; } .PRIDE .vision02_1 {background:url("/frontend/assets/images/cont/vision02_1.svg") no-repeat center 0; margin: 0px auto 30px;} .PRIDE .vision02_2 {background:url("/frontend/assets/images/cont/vision02_2.svg") no-repeat center 0; margin: 0px auto 30px;} .PRIDE .vision02_3 {background:url("/frontend/assets/images/cont/vision02_3.svg") no-repeat center 0; margin: 0px auto 30px;} .PRIDE .vision02_4 {background:url("/frontend/assets/images/cont/vision02_4.svg") no-repeat center 0; margin: 0px auto 30px;} .PRIDE .vision02_5 {background:url("/frontend/assets/images/cont/vision02_5.svg") no-repeat center 0; margin: 0px auto 0px;} .PRIDE .visionICON1, .visionICON2, .visionICON3, .visionICON4, .visionICON5 {display:none; } .PRIDE .txt1 {float:left; overflow:hidden; display: inline-block;position: relative; font-weight:bold; width: 20%; left: 140px;text-align: center;} .PRIDE .txt2 {float:left; overflow:hidden; display: inline-block;position: relative; font-weight:bold; text-align: left; left: 25%; word-break: keep-all; word-wrap: break-word;} .PRIDE .txt1 .tit1 {font-size:15px;margin:34px 0 0 0;text-transform: uppercase;} .PRIDE .txt1 .tit1 >span {font-size:24px;} .PRIDE .txt1 p.tit2 {font-size:20px;margin:10px 0 2px 0; font-weight: bold;} .PRIDE .txt2 ul {font-size:19px;margin:25px 0 0 0;font-weight: bold;} .PRIDE .txt2 ul ul{font-size:15px;margin:10px 0 0 0;line-height: 26px;font-weight: 400;} .PRIDE .txt2 ul > ul > li{display:block; float:normal;} .txt2_b {color:#353638 !important; } .txt2_1 {color:#014d8f !important; } .txt2_2 {color:#d5812a !important; } .txt2_3 {color:#e04d2b !important; } .txt2_4 {color:#6ba517 !important; } .txt2_5 {color:#37a6c4 !important; } .txt2_6 {color:#363636 !important; } .txt2_7 {color:#ff7c00 !important; } .font-ex{font-family:'맑은 고딕','AppleGothic','돋움','Dotum', sans-serif;} .item4th .textArea h3{ color:#014d8f;font-weight: bold;font-size:24px;line-height: 50px;} .item4th ul li { font-size: 16px;line-height: 26px;} @media all and (max-width: 1024px) { .visionType.Type2 .Item .txtbox1{margin: 60px 60px 0;} .visionType.Type2 .Item .txtbox2{margin: 60px 60px 0; } .visionType.Type2 .Item .txtbox2 .etc .Desc{ margin-bottom: 2.5rem; font-size:1.5rem;} .Principles {padding-left: 12%; } .Vision .Title { color:#005696; font-size:1.5rem; padding: 2px 15px; line-height:1.5; font-weight:500;} } @media all and (max-width: 980px) { .visionType.Type2 .Item .txtbox1{ float:none;width:100%; margin: 60px auto 0;} .item4th h3 {margin-left: 30px;} .PRIDE {margin:0px 0 20px;} .PRIDE strong {font-size: 18px;padding-left: 34px;display: inline-block;max-width: 70%;overflow: hidden;vertical-align: middle;box-sizing: border-box;} .PRIDE .vision02_1,.PRIDE .vision02_2,.PRIDE .vision02_3,.PRIDE .vision02_4,.PRIDE .vision02_5 {background-size: contain;background:none;height:auto; width: 100%} .PRIDE .visionICON1, .visionICON2, .visionICON3, .visionICON4, .visionICON5 {position: relative;display:block; width:100%; height:100px; margin:0 auto;} .PRIDE .visionICON1 {background:url("/frontend/assets/images/cont/visionICON.png") no-repeat;background-position: center 0px;background-size: 110px; } .PRIDE .visionICON2 {background:url("/frontend/assets/images/cont/visionICON.png") no-repeat;background-position: center -112px;background-size: 110px; } .PRIDE .visionICON3 {background:url("/frontend/assets/images/cont/visionICON.png") no-repeat;background-position: center -228px;background-size: 110px; } .PRIDE .visionICON4 {background:url("/frontend/assets/images/cont/visionICON.png") no-repeat;background-position: center -341px;background-size: 110px; } .PRIDE .visionICON5 {background:url("/frontend/assets/images/cont/visionICON.png") no-repeat;background-position: center -454px;background-size: 110px; } .PRIDE .txt1 {float:none; display: block;width: 100%; left: 0%;text-align: center;} .PRIDE .txt2 {float:none; display: block; left: 0%; text-align: center;} .PRIDE .txt2 ul ul{margin:10px 0 50px 0;} .PRIDE .txt2 ul ul > li span{display:none} .PRIDE .txt2 .vs-title{display:inline-block !important; color: #fff !important; border-radius:20px; padding:10px 40px;} .PRIDE .txt2 .txt2_1 .vs-title {background-color:#014d8f;} .PRIDE .txt2 .txt2_2 .vs-title {background-color:#d5812a;} .PRIDE .txt2 .txt2_3 .vs-title {background-color:#e04d2b;} .PRIDE .txt2 .txt2_4 .vs-title {background-color:#6ba517;} .PRIDE .txt2 .txt2_5 .vs-title {background-color:#37a6c4;} } @media all and (max-width: 820px) { .Principles {padding:0 40px; } .Principles .name img {display:none;} .Principles .name .txt {font-size: 20px; } .visionType.Type2 .Item .txtbox2{margin: 25px 0 0; padding-left: 0px;} .visionType.Type2 .Item .Thumbnail{ width:77%;margin: 90px auto 0;} .visionType.Type2 .Item .txtbox2 .etc .Desc{ margin-bottom: 2.5rem; font-size:1.125rem} .item4th h3 {margin-left: 0px;} .Vision .Title { color:#005696; font-size:1.25rem; padding: 2px 15px; line-height:1.5; font-weight:500;} } @media all and (max-width: 425px) { .visionImg img {width:90%;} .visionType.Type2 .Item .txtbox1{margin: 40px 0 0; } .Vision .Title {font-size:24px;line-height: 1.4;} .Vision .SubTitle { font-size:15px;} .Vision .SubTitle2 { font-size:17px; color:#000;margin:40px 0 13px 0;line-height: 1.4;} .visionType.Type2 .Item {width: 100%;} .visionType.Type2 .Item .txtbox2{ float:none; margin: 20px 0 0; padding-left: 0px;text-align: center;} .visionType.Type2 .Item .txtbox2 .etc .Desc{ font-size:14px; margin-bottom: 45px;} .visionType.Type2 .Item .txtbox{text-align: center; } .visionType.Type2 .Item .Thumbnail{ width:90%; margin: 60px auto 0;} .visionType.Type2 .Item .Thumbnail img{ width:100%; } .Principles { margin: 30px auto 0;width: 90%;} .Principles .name {padding: 0px 0 45px;} .Principles .name .num {font-size:19px; padding: 0 0 10px;} .Principles .name .txt { font-size:14px;margin: 0px 0px 0px 0px; line-height: 1.4;font-weight: normal;} .Principles .name .txts {font-size:12px !important;} .PRIDE {margin:0px auto 20px;padding: 0px;width: 90%;} .PRIDE .txt1 h2 {margin:20px 0 0 0;} .PRIDE .txt2 ul {font-weight: normal;font-size:18px;margin:20px 0 0 0; line-height: 1.5;text-align: left;} .PRIDE .txt2 ul ul{font-size:13px;} .item4th .textArea h3{ color:#014d8f;font-weight: bold;font-size:24px;line-height: 50px;} .item4th p {margin: 0 0 15px;padding: 0 0 0px;font-size: 13px;background: none;line-height: 1.4;} .item4th ul li { font-size: 13px;line-height: 20px;} }