main.company {} main.company .section_header {} /************************************************************************************************************************************************ * COMPANY *************************************************************************************************************************************************/ .company_main {z-index:10;} .company_main .visual_copy {bottom:-78px;} .summary.top {padding:0 0 104px;} .summary.top > ul {position:relative;} .summary.top ul li {float:left;} .summary.top ul li.part1 {width:23.1%;margin-right:2.51%;} .summary.top ul li.part1 .img {position:relative;overflow:hidden;border:0px;transition:all 0.25s} .summary.top ul li.part1 .img:hover {--border:7px solid #fbf523;transition:all 0.25s} .summary.top ul li.part2 {width:23.1%;margin-right:2.51%;} .summary.top ul li.part2 .img {position:relative;overflow:hidden;border:0px;transition:all 0.25s} .summary.top ul li.part2 .img:hover {--border:7px solid #fbf523;transition:all 0.25s} .summary.top ul li.part3 {width:48.7%;margin-right:0px;} .summary.top ul li.part3 .img {position:relative;} .summary.top ul li.part3 .img a {position:relative;overflow:hidden;display:block;border:0px;transition:all 0.25s} .summary.top ul li.part3 .img a:hover {display:block;--border:7px solid #fbf523;transition:all 0.25s} .summary.top ul li.part3 p.txt {width:41.5%;} .summary.top ul li.part3 p.img {position:relative;} .summary.top ul li.part3 .img.web {display:block;margin:0 0 45px;} .summary.top ul li.part3 .img.web a {display:block;position:relative;overflow:hidden;} .summary.top ul li.part3 .img.mobile {display:none;} .summary.top ul li.part3 .img.mobile .m_img {position:relative;overflow:hidden;} .summary.top ul li.part3 .text_motion {width:276px;min-width:275px;position:absolute;bottom:-331px;right:6px;} .summary.top ul li.part3 .text_motion .text_inner {font-family:"NotoR", dotum, arial, san-serif;} .summary.top ul li.part3 .icon {margin:0 0 30px;padding:32px 0 0;} .summary.top ul li.last {margin-right:0px;} .summary.top ul:after {content:"";display:block;clear:both;} .summary ul li h2 {font-size:30px;font-weight:bold;text-align:left} .summary.top ul li span.line {display:block;width:20px;margin:20px 0 12px 0;height:1px;background:#999;} .summary.top ul li p.txt {height:90px;font-size:14px;color:#666;line-height:30px;margin-bottom:40px;font-weight:700;} .summary.top ul li .img img {width:100%;} .summary.top .juga_top {width:57%;margin-bottom:42px;} .summary.top .juga_top li {} .summary.top .juga_top li .updown {display:inline-block;} .summary.top .juga_top li p {padding-left:28px;font-size:40px;color:#000;font-family:"dpm", arial, san-serif;font-weight:bold;} .summary.top .juga_top li span {display:inline-block;padding-left:15px;font-size:16px;color:#666666;font-weight:700;} .summary.top .juga_top li p.up {margin-left:59px;background:url(/frontend/assets/images/icons/juga_up.png) left center no-repeat;} .summary.top .juga_top li p.down {margin-left:76px;background:url(/frontend/assets/images/icons/juga_down.png) left center no-repeat;} .summary.top .juga_top li p i {font-size:24px;} .summary.top .juga_top .st1 {width:100%;margin-bottom:33px;font-size:70px;color:#000;font-family:"dpm", arial, san-serif;font-weight:bold;} .summary.top .juga_top .st1 span {padding:0;color:#000;font-size:30px;} .summary.top .juga_top .st2 {padding:0 15px 0 0;border-right:1px solid #e5e5e5;} .summary.top .juga_top .st3 {float:left;} .summary.bottom {} .summary.bottom ul {position:relative;} .summary.bottom ul li {float:left;} .summary.bottom ul li.part1 {width:46%;margin-right:2.66%;margin-top:-16.5%;} .summary.bottom ul li.part1 .img {position:relative;overflow:hidden;border:0px;transition:all 0.25s} .summary.bottom ul li.part1 .img:hover {--border:7px solid #fbf523;transition:all 0.25s} .summary.bottom ul li.part2 {width:23%;margin-right:2.66%;} .summary.bottom ul li.part2 .img a {position:relative;overflow:hidden;display:block;border:0px;transition:all 0.25s} .summary.bottom ul li.part2 .img a:hover {display:block;--border:7px solid #fbf523;transition:all 0.25s} .summary.bottom ul li.part2 .st1 div {} .summary.bottom ul li.part2 .st1 div p {display:inline-block;} .summary.bottom ul li.part2 .st1 div h2 {display:inline-block;vertical-align:bottom;padding-left:20px;} .summary.bottom ul li.part3 {width:23%;margin-right:0px;} .summary.bottom ul li.part3 .img a {position:relative;overflow:hidden;display:block;border:0px;transition:all 0.25s} .summary.bottom ul li.part3 .img a:hover {display:block;--border:7px solid #fbf523;transition:all 0.25s} .summary.bottom ul li.part3 .st2 div {} .summary.bottom ul li.part3 .st2 div p {display:inline-block;} .summary.bottom ul li.part3 .st2 div h2 {display:inline-block;vertical-align:bottom;padding-left:20px;} .summary.bottom ul li.part2 .img {padding-top:30px;} .summary.bottom ul li.part3 .img {padding-top:30px;} .summary.bottom ul li.last {margin-right:0px;} .summary.bottom ul:after {content:"";display:block;clear:both;} .summary.bottom ul li h2 {font-size:30px;font-weight:bold;} .summary.bottom ul li span {display:block;width:20px;margin:20px 0 40px 0;height:1px;background:#999;} .summary.bottom ul li p.txt {height:90px;font-size:14px;color:#7b7a7a;line-height:30px;margin-bottom:40px;font-weight:700;} .summary.bottom ul li .img img {width:100%;} .company_main .visual_copy .visual_copy_inner {height:400px;} .company_main .visual_copy {bottom:0px;} @media all and (min-width: 1281px) and (max-width: 1650px) { .company_main .visual_copy {bottom:-66px;right:25px;} .company_main .visual_copy .visual_copy_inner {width:514px;padding:40px 55px;} .company_main .visual_copy .visual_copy_inner .txt2 {margin-bottom:10px;font-size:14px;line-height:24px;} .company_main .visual_copy .visual_copy_inner .txt.t1 {margin-bottom:42px;} .company_main .visual_copy .visual_copy_inner span.line {margin:110px 0 25px;} .summary.top{padding:0;} .summary.top .section_inner {position:relative;margin:0 50px;padding:0;} .summary.top ul li {padding:0 0 70px;} .summary.top ul li span.line {margin:19px 0 14px;} .summary.top ul li.part1 {width:25%;margin-right:2.66%;float:none;} .summary.top ul li.part2 {width:25%;margin-right:2.66%;float:none;} .summary.top ul li.part3 {width:65.5%;margin-right:0px;position:absolute;right:0px;top:0px;} .summary.top ul li.part3 .icon{margin:0;padding:0;} .summary.top ul li.part3 .img.web {margin:30px 0 0;} .summary.top ul li.part3 .img.web .text_motion {bottom:-332px;right:5px;width:276px;} .summary.top ul li.part3 .img.web .text_motion li {padding:0;} .summary.top ul li.part3 .img.web .text_motion li .text_inner {height:67px;line-height:67px;} .summary.top ul li.part3 .img.web .text_motion li .text_inner p {height:4px;} .summary.top ul li.part3 p.txt {width:324px;margin:44px 0 36px;line-height:30px;} .summary.top ul li p.txt {height:auto;margin-bottom:26px;line-height:24px;} .summary.top .juga_top {} .summary.top .juga_top li {padding:0;} .summary.top .juga_top li span {margin:0 0 14px;padding:0;} .summary.top .juga_top li p.down {margin-left:76px;} .summary.top .juga_top li p.up {margin-left:59px;} .summary.top .juga_top .st1 {margin:0 0 26px;} .summary.top .juga_top .st2 {width:auto;padding:0 15px 0 0;} .summary.top .juga_top .st2 span{padding-left:15px;} .summary.top .juga_top .st3 {float:left;width:auto;} .summary.top .juga_top .st3 span{padding:0 0 0 15px;} .summary.bottom ul {text-align:right;} .summary.bottom ul li p.txt {height:auto;margin:0 0 14px;text-align:left;} .summary.bottom ul li.part1 {width:65.5%;margin-right:2.66%;margin-top:0px;margin-bottom:70px;position:absolute;left:0px;top:0px;} .summary.bottom ul li.part2 {width:100%;margin-right:0%;margin-bottom:70px;float:none;} .summary.bottom ul li.part2 .st1 {position:relative;} .summary.bottom ul li.part2 .st1 h2 {padding:45px 0 0 87px;} .summary.bottom ul li.part2 .st1 span.line {margin:21px 0 12px;} .summary.bottom ul li.part2 .st1 p.txt {margin:0 0 22px;} .summary.bottom ul li.part2 .st1 .icon{position:absolute;top:0;left:0;} .summary.bottom ul li.part2 > div {width:25%;display:inline-block;} .summary.bottom ul li.part3 {width:100%;margin-right:0%;float:none;} .summary.bottom ul li.part3 .st2 {position:relative;} .summary.bottom ul li.part3 .st2 h2 {padding:45px 0 32px 95px;} .summary.bottom ul li.part3 .st2 span.line {display:none;} .summary.bottom ul li.part3 .st2 p.txt {margin:0 0 22px;} .summary.bottom ul li.part3 .st2 .icon{position:absolute;top:0;left:0;} .summary.bottom ul li.part3 > div {width:25%;display:inline-block;} .summary.top ul li.part3 .text_motion {width:50%;right:0px;} } @media all and (min-width: 970px) and (max-width: 1280px) { .company_main{padding:0;} .company_main .visual_copy {position:absolute;bottom:-354px;right:50px;} .company_main .visual_copy .visual_copy_inner .txt.t1{margin-top:-13px;margin-bottom:42px} .company_main .visual_copy .visual_copy_inner .txt.t2{margin-bottom:54px} .company_main .visual_copy .visual_copy_inner .txt2{font-size:24px;line-height:36px;letter-spacing:1px} .company_main .visual_inner {margin-bottom:0;} .company_main .visual_inner .visual_copy_inner {position:relative;} .summary.top {padding:0;} .summary.top ul li {padding:70px 0 0;} .summary.top ul li p.txt{height:auto;font-size:24px;line-height:34px;} .summary.top ul li span.line{margin:30px 0 24px;} .summary.top ul li.part1 {width:40.3%;margin-right:2.66%;float:none;} .summary.top ul li.part2 {width:40.3%;margin-right:2.66%;float:none;} .summary.top ul li.part3 {width:45.1%;margin-right:0px;position:absolute;right:50px;top:354px;} .summary.top ul li.part3 .icon{margin:0;padding:0;} .summary.top ul li.part3 .img.web {margin:30px 0 0;} .summary.top ul li.part3 .text_motion {bottom:-54px;right:-20px;width:276px;} .summary.top ul li.part3 .text_motion li {padding:0;} .summary.top ul li.part3 .text_motion li .text_inner {line-height:73px;} .summary.top ul li.part3 p.txt {width:100%;margin:98px 0 0;} .summary.top ul li.part3 span.line{margin:30px 0;} .summary.top .juga_top {width:100%;} .summary.top .juga_top li {padding:0;} .summary.top .juga_top li span {margin-bottom:14px;padding:0;} .summary.top .juga_top li p {color:#333;} .summary.top .juga_top li p.down {margin-left:75px;} .summary.top .juga_top li p.up {margin-left:44px;} .summary.top .juga_top .st1 {margin-top:23px;margin-bottom:34px;} .summary.top .juga_top .st2 {width:auto;padding-right:15px;} .summary.top .juga_top .st3 {float:left;width:auto;} .summary.top .juga_top .st3 span{padding-left:15px;} .summary.bottom {} .summary.bottom ul {text-align:right;} .summary.bottom ul li {position:relative;padding:70px 0 0;} .summary.bottom ul li>div{position:relative;} .summary.bottom ul li h2 {padding-top:45px;} .summary.bottom ul li span.line {margin:29px 0 24px;} .summary.bottom ul li .icon {position:absolute;top:0;left:0;} .summary.bottom ul li p.txt {height:auto;text-align:left;font-size:24px;line-height:34px;} .summary.bottom ul li.part1 {width:100%;margin-right:0%;margin-top:0px;position:relative;left:0px;top:0px;} .summary.bottom ul li.part2 {width:40.3%;display:inline-block;margin-right:19.1%;float:left;} .summary.bottom ul li.part2 h2{padding-left:87px;} .summary.bottom ul li.part3 {width:40.4%;margin-right:0px;display:inline-block;float:left;} .summary.bottom ul li.part3 h2{padding-left:97px;} } @media all and (min-width: 100px) and (max-width: 970px) { .company_main{padding:0;} .summary.top{padding:0;} .summary.bottom{padding:0 0 15px;} .summary ul li h2 {font-size:15px !important;} .summary.top ul li {padding:35px 0;border-bottom:1px solid #ccc;} .summary.top ul li p.txt {height:auto;margin-bottom:32px;font-size:12px;line-height:17px;} .summary.top ul li.part1 {width:100%;margin-right:0%;float:none;} .summary.top ul li.part2 {width:100%;margin-right:0%;float:none;} .summary.top ul li.part3 {width:100%;margin-right:0px;padding:35px 0;float:none;} .summary.top ul li.part3 .icon{margin:0;padding:0;} .summary.top ul li.part3 .icon img {height:34px;} .summary.top ul li.part3 .img.web {display:none !important;} .summary.top ul li.part3 .img.mobile {display:block !important;margin:0 0 139px;padding:15px 0 0;} .summary.top ul li.part3 .text_motion {width:139px;min-width:125px;bottom:-110px;right:0;} .summary.top ul li.part3 .text_motion li {padding:0;border-bottom:none;} .summary.top ul li.part3 .text_motion .text_inner {height:29px;font-size:24px;line-height:29px;} .summary.top ul li.part3 .text_motion .text_inner p {height:2px;} .summary.top ul li.part3 .text_motion .text_inner p span {--height:2px;} .summary.top ul li.part3 .txt {width:100% !important;margin:12px 0 20px;} .summary.top ul li span.line {width:10px;margin:15px 0 12px;} .summary.top .cont>ul>li>div {margin:0 25px;} .summary.top .juga_top {width:100%;margin-bottom:20px;} .summary.top .juga_top li {padding:0;border-bottom:none;} .summary.top .juga_top li:after {content:"";display:block;clear:both} .summary.top .juga_top .st1 {float:left;margin-bottom:15px;font-size:35px;} .summary.top .juga_top .st1 span {padding-left:10px;font-size:15px;} .summary.top .juga_top .st2 {float:left;width:46%;padding-right:0px;} .summary.top .juga_top .st2 .updown span {margin-left:-3px;padding:0;font-size:8px;} .summary.top .juga_top .st2 .updown .down {margin-left:37px;padding-left:15px;font-size:20px;background-size:6px 5px} .summary.top .juga_top .st3 {float:left;width:46%;padding-left:3%} .summary.top .juga_top .st3 .updown span {padding-left:7px;font-size:8px;} .summary.top .juga_top .st3 .updown .up {margin-left:22px;padding-left:14px;font-size:20px;background-size:6px 5px} .summary.bottom .cont>ul>li>div {position:relative;min-width:1px;margin:0 25px;} .summary.bottom .cont>ul>li>div:after {content:"";display:block;clear:both;} .summary.bottom ul li {padding:32px 0 35px;border-bottom:1px solid #ccc;} .summary.bottom ul li span.line {position:absolute;top:37px;left:0;width:10px;margin:15px 0 12px;} .summary.bottom ul li .icon {float:left;} .summary.bottom ul li p.txt {clear:both;height:auto;margin-bottom:32px;padding:27px 0 0;font-size:12px;line-height:17px;} .summary.bottom ul li.part1 {width:100%;margin-right:0%;margin-top:0px;float:none;} .summary.bottom ul li.part1 span.line {top:14px;} .summary.bottom ul li.part2 {width:100%;margin-right:0%;float:none;} .summary.bottom ul li.part2 h2 {position:absolute;top:23px;left:49px;} .summary.bottom ul li.part2 .icon img {width:38px;} .summary.bottom ul li.part2 span.line{top:42px;} .summary.bottom ul li.part3 {width:100%;margin-right:0px;float:none;border-bottom:none;} .summary.bottom ul li.part3 h2 {position:absolute;top:22px;left:44px;} .summary.bottom ul li.part3 .icon img {width:34px;} .company_main .visual_inner {margin-bottom:150px;} .company_main .visual_copy {bottom:0px;} .company_main .visual_copy .visual_copy_inner {margin:-150px auto;padding:15px 25px;width:80%;transition:all 0.5s;} .summary.bottom ul li.part2 .img {padding-top:0px;} .summary.bottom ul li.part3 .img {padding-top:0px;} } @media all and (min-width: 100px) and (max-width: 640px) { .company_main .visual_copy .visual_copy_inner {height:296px;transition:all 0.5s;} } @media all and (min-width: 640px) and (max-width: 1024px) { .summary.bottom ul li.part1 {padding-top:150px;} } .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:#7b7a7a;line-height:30px;margin-bottom:40px;} .summary.cont1 ul li img {width:100%;} .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:#7b7a7a;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;} .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:#7b7a7a;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:72px;color:#000;} .summary.cont3 .parts .part.part3 .krw span {font-size:30px;} .summary.cont3 .parts:after {content:"";display:block;clear:both;} /************************************************************************************************************************************************ * COMPANY *************************************************************************************************************************************************/ .introduce .section_inner ul li.head {position:absolute;} .introduce .section_inner ul li.cont {position:relative;float:right;width: 100%;max-width: 1588px;} .introduce .type1 {width:45.2%;margin-top:280px;;border-bottom:1px solid #999;} .introduce .type2 {width:45.2%;margin-right:3%;margin-top:99px;} .introduce .type3 {position:absolute;top:0;right:0;width:48%;} .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 #e6e6e6;} .introduce .cont_list li .cont_list_inner img{} .introduce .cont_list li .cont_list_inner p{margin:24px 0 0;color:#7b7a7a;line-height:18px;letter-spacing:-1px;font-weight:700;} .introduce .cont_list li .cont_list_inner p .nowrap{white-space:nowrap;} .introduce .dec {margin-bottom:42px;} .introduce .dec h3 {margin:0 0 28px;font-size:26px;color:#b3b3b3;font-weight:normal;font-family:"NotoR", dotum, arial, san-serif;letter-spacing:-1px;} .introduce .dec p {color:#7b7a7a;line-height:24px;font-weight:700;} .introduce .mainList {margin-left:2.5%;border-left:1px solid #e6e6e6;float:right;--max-width:230px;width:45%;background:none;} .introduce .mainList .mainList_inner {padding:0px 0px 12px 14%;} .introduce .mainList p {font-size:30px;color:#333 !important;} .introduce .mainList span.line {display:block;width:20px;height:1px;background-color:#7f7f7f;margin-bottom:40px;} .introduce .mainList ul {} .introduce .mainList ul li {padding-left:45px;float:none;color:#7b7a7a !important;line-height:40px;font-weight:700;} .introduce .mainList ul li.st1 {background:url(/frontend/assets/images/icons/intro_main_list_01.gif) left center no-repeat;} .introduce .mainList ul li.st2 {background:url(/frontend/assets/images/icons/intro_main_list_02.gif) left center no-repeat;} .introduce .mainList ul li.st3 {background:url(/frontend/assets/images/icons/intro_main_list_03.gif) left center no-repeat;} .introduce .mainList ul li.st4 {background:url(/frontend/assets/images/icons/intro_main_list_04.gif) left center no-repeat;} .introduce .mainList ul li.st5 {background:url(/frontend/assets/images/icons/intro_main_list_05.gif) left center no-repeat;} .introduce .type2{clear:both;} .introduce .type2:after {content:"";display:block;clear:both;} .introduce .type2 .list {float:left;width:45%;px;margin-top:-5px;} .introduce .type2 h3 {position:relative;font-size:36px;color:#333333;margin-bottom:25px;margin-left:9px;font-family:"dpm", 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:"NotoL", dotum, arial, san-serif;} .introduce .type2 p {color:#fff;margin-bottom:34px;} .introduce .type2 ul li {color:#fff;font-size:14px;} .introduce .type2 .table_wrap {border-top:1px solid #000;} .introduce .type2 table {display:table;width:100%;color:#7b7a7a;line-height:16px;text-align:left;} .introduce .type2 tr {display:table-row;font-weight:700;} .introduce .type2 tr.on {background:#f0f0f0;} .introduce .type2 tr th {font-weight:normal;color:#7b7a7a;background:#f5f5f5;display:table-cell;border-bottom:1px solid #999999;padding:10px 0px;white-space:normal;} .introduce .type2 tr td {display:table-cell;color:#7b7a7a;border-bottom:1px solid #e5e5e5;border-right:none;padding:9px 0px;} .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 #666666;} .introduce .type2 .cl {text-align:left;} .introduce .type3 .vis {position:absolute;} .introduce .type3 .vis img {width:100%;} .introduce .type3 .vis .slash{display:block;position:absolute;top:-8px;right:19px;width:14px;height:17px;background:url(/frontend/assets/images/icons/slash_2.png) 0 0 no-repeat;} .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:72px;height:72px;line-height:72px;font-weight:bold;font-family:"dpm", arial, san-serif;} .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: 1024px) and (max-width: 1400px) { .introduce .type1 {width:54.6%;margin-top:284px;} .introduce .cont_list li .cont_list_inner p{margin:24px 0 0;color:#7b7a7a;line-height:18px;} .introduce .cont_list li .cont_list_inner p .nowrap{white-space:normal;} .introduce .cont_list li .cont_list_inner p .nowrap.w{white-space:nowrap;} .introduce .type2 {width:54.6%;--margin-left:3%;--margin-right:3%;} .introduce .type2 .list {} .introduce .type2 .list h3 .blockSpan{display:block;} .introduce .type3 {width:41.8%} .introduce .text_motion {top:40px;left:-266px;letter-spacing:-1.2px;} } @media all and (min-width: 640px) and (max-width: 1024px) { .section_header .section_inner ul li.head {width:100%;max-width:100%;padding-top:80px !important;} .section_header .section_inner ul li.head span.line {display:none;} .section_header .section_inner ul li.head h2 {display:none;} .section_header .section_inner ul li.head .dec {margin:34px 0 0;font-size:24px;line-height:36px;} .section_header .section_inner ul li.cont {width:100%;} .introduce .section_inner ul li.head {position:relative;} .introduce_top .type1 {float:right !important;width:100%;margin-top:50px;} .introduce_top .type2 {float:right !important;width:100%;margin:50px 0 0 0;} .introduce_top .type3 {float:right !important;width:70%;} .introduce .type1 {width:100%;margin-top:77.4%;} .introduce .type1 .cont_list {padding:45px 0 0;} .introduce .type2 {margin-top:70px;} .introduce .type2 {width:100%;margin-right:0;} .introduce .type2 h3 {font-size:72px;} .introduce .type2 h3 .blockSpan{display:block;margin-left:0;} .introduce .type2 h3 .flag_arrow{margin-bottom:6px;padding-left:12px;background:url(/frontend/assets/images/icons/flag_arrow_left_t.png) 0 0 no-repeat} .introduce .type2 h3 .flag_arrow a{width:162px;height:27px;font-size:20px;line-height:27px;} .introduce .type2 ul li {float:none !important;} .introduce .type2 tr td {padding:20px 0;font-size:24px;} .introduce .type3 {width:58.3%;} .introduce .type3 .vis {position:relative;} .introduce .type3 .vis .slash{display:none;} .introduce .introduce_top {position:relative;} .introduce .text_motion{top:78px;left:-71%;} .introduce .cont_list li .cont_list_inner p{margin:12px 0 0;font-size:24px;line-height:30px;} .introduce .cont_list li .cont_list_inner p .nowrap.ta{display:block;} .introduce .dec{margin-bottom:100px;} .introduce .dec h3 {font-size:36px;margin-bottom:52px;} .introduce .dec p {font-size:24px;line-height:34px;} .introduce .list {width:50.5% !important;} .introduce .mainList {width:36.2%;max-width:396px;} .introduce .mainList .mainList_inner {padding:50px 10px 12px 50px;} .introduce .mainList p {margin-bottom:42px;font-size:42px;} .introduce .mainList span.line {width:79px;height:1px;margin-bottom:36px;} .introduce .mainList ul li {padding-left:79px;font-size:24px;line-height:66px;} .introduce .mainList ul li.st1 {background:url(/frontend/assets/images/icons/intro_main_list_01.gif) left center no-repeat} .introduce .mainList ul li.st2 {background:url(/frontend/assets/images/icons/intro_main_list_02.gif) left center no-repeat} .introduce .mainList ul li.st3 {background:url(/frontend/assets/images/icons/intro_main_list_03.gif) left center no-repeat} .introduce .mainList ul li.st4 {background:url(/frontend/assets/images/icons/intro_main_list_04.gif) left center no-repeat} .introduce .mainList ul li.st5 {background:url(/frontend/assets/images/icons/intro_main_list_05.gif) left center no-repeat} .introduce .introduce_bottom .type1 {width:40%;margin-right:2%;} .introduce .introduce_bottom .type2 {width:56%;margin:0px 2% 0px 0px} .location_list ul li.list .location_list_wrap p.tel_icon {margin-bottom:20px;} .explore_mobile {margin-bottom:30px;} .loc_gallery .pages_m {margin-bottom:70px !important;} .alton_info .section_inner ul li.head .icon {margin:0px !important;} .alton_info .section_inner ul li.head .dec {margin:34px 0px !important;} .alton_info .srh_box {margin:13px 0px !important;} .alton_info_list ul li span.line {margin:20px 0px 30px !important;} .section_header .section_inner ul li.cont {margin-top:90px !important;} } @media all and (min-width: 100px) and (max-width: 640px) { .section_header .section_inner ul li.head {width:100%;max-width:100%;padding-top:40px !important;} .section_header .section_inner ul li.head .icon {height:50px;margin:0 25px 17px;} .section_header .section_inner ul li.head .icon img {width:38px;} .section_header .section_inner ul li.head span.line {display:none;} .section_header .section_inner ul li.head h2 {display:none;} .section_header .section_inner ul li.head .dec {padding:0 25px;} .section_header.introduce .section_inner ul li.cont {margin-top:0;} .section_header .section_inner ul li.cont {width:100%;} .section_header .section_inner ul li.cont > ul {margin:0 25px;} .introduce .text_motion {bottom:-37px;top:initial;left:0px;margin:0 !important;} .introduce .text_motion li {float:none !important;} .introduce .text_motion li .text_inner {font-size:38px;height:30px;line-height:30px;transition:all 0.5s;} .introduce .section_inner ul li.head {position:relative;} .introduce .introduce_top {position:relative;} .introduce_top .type1 {float:right !important;width:100%;margin-top:50px;} .introduce_top .type2 {float:right !important;width:100%;margin:50px 0 0 0;} .introduce_top .type3 {float:right !important;width:100%;} .introduce .type1 {float:none !important;width:100%;margin-top:129.5%;padding:88px 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:12px;} .introduce .mainList {width:100%;max-width:100%;padding:0;background:none;} .introduce .mainList p {position:relative;padding:24px 0px 35px;margin-bottom:0px;} .introduce .mainList p:after {content:"";display:block;position:absolute;bottom:18px;left:28px;width:40px;height:3px;background:#fff;} .introduce .mainList span.line {margin-bottom:25px;} .introduce .mainList ul {--margin:0 25px;--padding:0 0 10px;--background:#ffbb19;} .introduce .mainList ul li {width:100%;margin:0px;padding-left:40px;font-size:12px;line-height:32px;} .introduce .mainList ul li.st1 {background:url(/frontend/assets/images/icons/intro_main_list_01.gif) left center no-repeat;background-size:27px 14px;} .introduce .mainList ul li.st2 {background:url(/frontend/assets/images/icons/intro_main_list_02.gif) left center no-repeat;background-size:23px 21px;} .introduce .mainList ul li.st3 {background:url(/frontend/assets/images/icons/intro_main_list_03.gif) left center no-repeat;background-size:22px 23px;} .introduce .mainList ul li.st4 {background:url(/frontend/assets/images/icons/intro_main_list_04.gif) left center no-repeat;background-size:21px 23px;} .introduce .mainList ul li.st5 {background:url(/frontend/assets/images/icons/intro_main_list_05.gif) left center 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:12px;line-height:15px;} .introduce .cont_list li.item1 .cont_list_inner {border-bottom:1px solid #e6e6e6;} .introduce .cont_list li.item2 .cont_list_inner {border-bottom:1px solid #e6e6e6;} .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:12px;line-height:17px;} .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:300px;} } @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 .type2 h3 {margin:0px 0px 10px 0px;} .introduce .type2 .table_wrap {margin:0px;} } @media all and (min-width: 100px) and (max-width: 1024px) { .introduce .type2 .list {float:none;width:100% !important;} .introduce .type2 .mainList {float:none;width:100% !important;padding-right:0px;margin-top:50px;max-width:initial;border-left:0px;margin-left:0px;} .introduce .mainList .mainList_inner {padding-left:0px;} } @media all and (min-width: 100px) and (max-width: 640px) { .introduce .type2 h3 {font-size:30px;} .introduce .dec {margin:20px 0 47px} } /************************************************************************************************************************************************ * 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%;} .vision_header .cont ul li.st1 {width:28%;margin-left:8%;margin-right:10%;} .vision_header .cont ul li.st2 {width:6%;} .vision_header .cont ul li.st3 {width:28%;margin-left:8%;--margin-right:10%;} .vision_header .cont ul:after {content:"";display:block;clear:both;} .vision_section {} .vision_section .section_inner div.cont {width:74%;float:right;} .vision_section .section_inner:after {content:"";display:block;clear:both;} .vision_section h3 {margin-bottom:110px;} .vision_section h3 .text_motion li {padding-left:0px;} .vision_section h3 .text_inner {font-size:72px;height:72px;line-height:72px;font-family:"dpm", arial, san-serif;} .vision_section ul {} .vision_section ul li {position:relative;float:none;padding-left:300px;margin-bottom:50px;} .vision_section ul li h4 {font-family:"dpm", arial, san-serif;font-weight:bold;font-size:18px;color:#333333;margin-bottom:20px;} .vision_section ul li p.img {position:absolute;top:0px;left:0px;width:253px;} .vision_section ul li p.img img {width:100%} .vision_section ul li dt {font-size:18px;color:#000;margin-bottom:10px;font-weight:700;} .vision_section ul li dd {font-size:15px;color:#7b7a7a;font-weight:700;line-height:24px;border-bottom:1px solid #e6e6e6;padding:15px 0 15px 20px;background:url(/frontend/assets/images/icons/vision_con_dd_blit.png) 0px 25px no-repeat;} .vision_section ul li dd.last {border-bottom:none;} .vision_section ul li p img {width:100%;} @media all and (min-width: 640px) and (max-width: 1024px) { .vision_section .section_inner {padding:0 0 0 50px;} .vision_section .section_inner div.cont {width:100%;} .vision_section ul li h4 {margin-left:-300px;font-size:30px;} .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;} } @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;} } @media all and (min-width: 100px) and (max-width: 640px) { .vision_section .section_inner {margin:-40px 25px 0;padding:0;} .vision_section ul li p.img {position:relative;margin-bottom:25px;width:100%;} .vision_section ul li {padding-left:0px;margin-bottom:25px;} .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;} } /************************************************************************************************************************************************ * COMPANY - HISTORY *************************************************************************************************************************************************/ .history {} .history .section_inner {padding:0 50px;} .history .section_inner ul li.head {max-width:245px;} .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:72px;line-height:72px;font-weight:bold;} .history .cont {} .history .cont .his_top_head {text-align:right;margin-bottom:50px;} .history .cont .his_top_head .text_motion {display:inline-block;} .history .cont .his_top_head .text_inner {font-size:72px;font-family:"dpm", arial, san-serif} .history .cont ul {} .history .cont ul .list {float:none;} .history .cont ul .list .cont_list_head {margin-bottom:50px;position:relative;width:100%;height:34px;overflow:hidden;cursor:pointer;} .history .cont ul .list .cont_list_head h4 {position:absolute;top:0px;left:0px;font-size:34px;color:#333333;font-family:"dpm", arial, san-serif} .history .cont ul .list .cont_list_head .line {position:relative;right:0px;top:17px;display:block;margin-left:110px;width:100%;height:1px;background:#cccccc;} .history .cont ul .list .cont_list_head a {position:absolute;right:0px;top:0px;width:31px;height:17px;background:#fff;display:block;padding:10px;background:#fff url(/frontend/assets/images/icons/history_arrow_out.png) center center no-repeat;} .history .cont ul .list.on .cont_list_head a {background:#fff url(/frontend/assets/images/icons/history_arrow.png) center center no-repeat;} .history .cont ul .list.on .cont_list_body {margin-bottom:120px;} .history .cont ul .list .cont_list_body {position:relative;display:none;margin-bottom:100px;} .history .cont ul .list .cont_list_body .box {position:absolute;right:0px;top:50%;display:inline-block;color:#fff;padding:40px;background:url(/frontend/assets/images/cont/consult_as_top_box_bg.png) repeat;} .history .cont ul .list .cont_list_body .box .title {font-size:30px;margin-bottom:30px;font-family:"dpm", arial, san-serif} .history .cont ul .list .cont_list_body .box .line {display:block;width:45px;height:4px;background-color:#fff;margin-bottom:30px;} .history .cont ul .list .cont_list_body .box .txt {line-height:20px;} .history .cont ul .list ul {position:absolute;left:30px;bottom:30px;color:#fff;} .history .cont ul .list ul li {float:none;margin-top:20px;font-size:16px;} .history .cont ul .list ul li span {display:inline-block;width:57px;} .history .cont ul .list ul li .line2 {margin:20px 0 0 55px;} .history .cont ul .list .cont_list_body .img {position:relative;overflow:hidden;} @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%;} .history .cont ul .list .cont_list_body .img {overflow:initial;} .history .cont ul .list .cont_list_body .img img {width:100%;} .history .cont ul .list .cont_list_body .box {position:relative;margin-top:0px;width:initial;display:block;right:initial;} .history .cont ul .list .cont_list_body .box .txt br {display:none;} .history .cont ul .list .cont_list_body .img {--margin-right:100px;} .history .cont ul .list .cont_list_body {margin-bottom:100px;} .history .cont ul .list.on .cont_list_head a {background-size:50%;} .section_header .section_inner ul li.head .dec br {display:none;} } @media all and (min-width: 100px) and (max-width: 640px) { .history .cont .his_top_head .text_inner {font-size:36px;line-height:46px;} .section_header .section_inner ul li.head {max-width:100%;} .history .cont ul .list ul {left:15px;bottom:15px;margin:0px !important;} .history .cont ul .list ul li {font-size:12px;margin-top:10px;} .history .cont ul .list .cont_list_body .img {overflow:initial;} .history .cont ul .list .cont_list_body .img img {width:100%;} .history .cont ul .list .cont_list_body .box {position:relative;margin-top:0px;padding:20px;} .history .cont ul .list .cont_list_body .box .title {font-size:20px;} .history .cont ul .list .cont_list_body .box .line {height:2px;width:22px;} .history .cont ul .list .cont_list_body .box .txt {font-size:12px;} .history .cont ul .list .cont_list_body .box .txt br {display:none;} .history .section_inner {padding:0 25px;} .history .cont ul .list ul li span {width:40px;position:absolute;left:0px;} .history .cont ul .list ul li {margin-top:5px;padding-left:40px;} .history .cont ul .list ul li .line2 {margin:0px 0 0 0px;} .history .cont ul .list .cont_list_head {margin-bottom:25px;} .history .cont ul .list .cont_list_head h4 {font-size:20px;} .history .cont ul .list .cont_list_head .line {margin-left:68px;} .history .cont ul .list.on .cont_list_head a {background-size:40%;} .history .cont ul .list.on .cont_list_body {margin-bottom:60px;} } /************************************************************************************************************************************************ * COMPANY - CEO *************************************************************************************************************************************************/ .ceo {} .ceo .section_inner ul li.head {position:absolute;} .ceo .section_inner ul li.cont {float:none;width:100%;min-width:1588px;} .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;} .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:257px;color:#7b7a7a;line-height:20px;} .ceo .section_inner ul li.cont > ul > li.txt .ceo_txt {margin-bottom:100px;line-height:25px;font-weight:700;} .ceo .section_inner ul li.cont > ul > li.txt .box {border:3px solid #ff6600;margin-bottom:100px;} .ceo .section_inner ul li.cont > ul > li.txt .box .box_inner {padding:40px 50px;color:#ff6600;} .ceo .section_inner ul li.cont > ul > li.txt .box .box_inner span {display:block;height:52px;} .ceo .section_inner ul li.cont > ul > li.txt .box .box_inner .box_head {float:left;font-size:72px;font-family:"dpm", arial, san-serif;line-height:40px;margin-right:58px;} .ceo .section_inner ul li.cont > ul > li.txt .box .box_inner .box_title {float:left;font-size:18px;height:52px;line-height:25px;font-weight:700;} .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:70px;} .ceo .section_inner ul li.cont > ul > li.txt dl.yuji dt {position:relative;font-size:36px;color:#333333;margin-bottom:50px;} .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-weight:700;} .ceo .section_inner ul li.cont > ul > li.txt .ceo_condense {} .ceo .section_inner ul li.cont > ul > li.txt .ceo_condense dl {float:left;width:50%;margin-bottom:50px;} .ceo .section_inner ul li.cont > ul > li.txt .ceo_condense dt {color:#333333;font-size:18px;margin-bottom:18px;font-weight:700;} .ceo .section_inner ul li.cont > ul > li.txt .ceo_condense dd {padding-right:100px;color:#7b7a7a;font-weight:700;line-height:24px;} .ceo .section_inner ul li.cont > ul > li.txt .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:222px;} .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:160px;} .ceo .section_inner ul li.cont > ul > li.txt .ceo_txt {font-size:24px;line-height:34px;} .ceo .section_inner ul li.cont > ul > li.txt .box {margin-bottom:70px;} .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:#ccc;} } @media all and (min-width: 100px) and (max-width: 640px) { .ceo .section_inner ul li.cont {min-width:100%;margin-top:0px !important;padding-top:110px;} .ceo .section_inner ul li.cont > ul > li.ceoImg {float:none;width:100%;} .ceo .section_inner ul li.cont > ul > li.ceoImg .ceo_box {bottom:-34px;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:12px;} .ceo .section_inner ul li.cont > ul > li.ceoImg .ceo_box dt {font-size:12px;} .ceo .section_inner ul li.cont > ul > li.ceoImg .ceo_box dd {font-size:12px;} .ceo .section_inner ul li.cont > ul > li.txt {float:none;width:100%;margin-top:80px;} .ceo .section_inner ul li.cont > ul > li.txt .ceo_txt {margin-bottom:64px;font-size:12px;line-height:17px;} .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:70px;} .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:12px;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:12px;line-height:16px;} .ceo .section_inner ul li.cont > ul > li.txt dd {height:auto;font-size:12px;--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:12px;width:60px;height:17px;} } /************************************************************************************************************************************************ *************************************************************************************************************************************************/ .ci_section {} .ci_section .section_inner ul li.head {width:18%;} .ci_section .section_inner ul li.head h2 {margin-bottom:50px;} .ci_section .section_inner ul li.head .btns {min-width:310px;margin-top:100px;} .ci_section .section_inner ul li.head .btns li {float:left;border:5px solid #fe7700;margin-right:4px;} .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 .ci_tab {text-align:left;margin-bottom:32px;} .ci_section .section_inner ul li.head .ci_tab ul {--display:inline-block;min-width:300px;} .ci_section .section_inner ul li.head .ci_tab ul li {float:left;margin-right:5px;width:130px;height:30px;line-height:30px;text-align:left;border-bottom:5px solid #e5e5e5;} .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 #ffba26;} .ci_section .section_inner ul li.head .ci_tab ul li a {display:block;color:#7b7a7a;font-family:"dpm", arial, san-serif;} .ci_section .section_inner ul li.head .ci_tab ul li.on a {color:#ffba26;} .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:1191px;} .cont_ci {} .cont_ci .ci_list {padding:50px 0;border-bottom:1px solid #cccccc;} .cont_ci .ci_list:first-child {padding:0 0 50px;} .cont_ci .ci_list:last-child {border-bottom:none;} .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:60%;} .cont_ci .ci_list ul li.img p img {width:100%;} .cont_ci .ci_list ul li h3 {font-size:18px;color:#333;} .cont_ci .ci_list ul li span.line {display:block;width:20px;height:1px;background-color:#cccccc;margin:20px 0;} .cont_ci .ci_list ul li p {color:#7b7a7a;line-height:30px;font-weight:700;} .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:#333;} .cont_bi .bi_list ul li span.line {display:block;width:20px;height:1px;background-color:#cccccc;margin:20px 0;} .cont_bi .bi_list ul li p {color:#7b7a7a;line-height:30px;font-weight:700;} .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%;cursor:default;} @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;} .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 li {width:49%;height:40px;font-size:24px;line-height:24px;} .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:29%;} .ci_section .section_inner ul li.head .btns li a {width:auto;} .cont_ci .ci_list {padding:70px 50px !important;border-bottom:1px solid #ccc;} .cont_ci .ci_list ul li h3 {font-size:28px;} .cont_ci .ci_list ul li span.line {margin:30px 0 24px;} .cont_ci .ci_list ul li p {margin-bottom:60px;font-size:24px;} .cont_ci .ci_list ul li.txt {float:none;max-width:inherit;} .cont_ci .ci_list ul li.img {float:none;} .cont_ci .ci_list ul li.img > p img{width:100%;} .cont_bi .bi_list {padding:50px;border-bottom:1px solid #ccc;} .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 li {width:49%;height:20px;font-size:12px;line-height:12px;border-bottom:3px solid #e5e5e5;} .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 #ffba26;} .ci_section .section_inner ul li.head .dec {width:auto;font-size:12px;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:47%;border:2px solid #fe7700;margin-right:0px;} .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-right:1%;} .ci_section .section_inner ul li.head .btns li a img {height:11px;} .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:12px;line-height:18px;} .cont_ci .ci_list ul li.img {float:none;} .cont_bi .bi_list {padding:35px 0;border-bottom:1px solid #ccc;} .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:12px;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 {float:none !important;;margin-bottom:20px;color:#7b7a7a;} .alton_info .srh_box li .select_wrap {border:1px solid #e1e1e1;width:245px;height:40px;} .alton_info .srh_box li .select_wrap select {border:0px;text-indent:10px;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;} .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 {display:-webkit-box;overflow:hidden;height:60px;padding-left:60px;margin-bottom:20px;font-size:24px;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:#7b7a7a;line-height:24px;font-size:15px;font-weight:700;} .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:#cccccc;margin:20px 0 30px 0;} .alton_info_list ul li .date {color:#333333;font-family:"dpm", arial, san-serif;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 #ccc;border-bottom:1px solid #ccc;padding:50px 0;margin-bottom: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 #cccccc;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:#7b7a7a;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:#7b7a7a;} .alton_info_list ul li.detail_view .container p img {width:100%;} .alton_info_list ul li .img {position:relative;overflow:hidden;margin-bottom:120px;--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:#ccc;} .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:#333333;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:24.4%;margin-right:0.6%;} .alton_info .srh_box ul li.box2 {width:24.4%;margin-right:0.6%;} .alton_info .srh_box ul li.box3 {width:49.6%;} .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;} .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:url(/frontend/assets/images/icons/info_srh_bg_t.png) 0 0 no-repeat;} .alton_info .srh_box ul li .select_wrap select {height:57px;background:url(/frontend/assets/images/icons/select_arrow_t.gif) right 0 no-repeat;} .alton_info_list ul {--border-bottom:1px solid #e6e6e6;} .alton_info_list ul li {width:40.2% !important;padding:0 4.8% 70px;++border-bottom:1px solid #e6e6e6;} .alton_info_list ul li.last {border-bottom:none;} .alton_info_list ul li h3 {display:-webkit-box;overflow:hidden;height:74px;margin-bottom:9px;padding-left:70px;font-size:28px;line-height:37px;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:168px;margin-bottom:0;font-size:24px;line-height:42px;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 #e6e6e6;} .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 50px 30px} .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 #e6e6e6;} } @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;} .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} .alton_info .srh_box li .btn {width:29px;height:28px;background: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 #e6e6e6;} .alton_info_list ul li {float:none;width:100% !important;margin-top:35px !important;padding:0 0 35px;border-bottom:1px solid #e6e6e6;} .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:14px;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:12px;line-height:17px;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 #e6e6e6;} .alton_info_list ul li.detail_view .headline {margin:0 25px 32px;font-size:12px;} .alton_info_list ul li.detail_view p.copy {margin:0 25px 17px;font-size:12px;line-height:17px;} .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:12px;} .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 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:12px;border-bottom:1px solid #e6e6e6;} } .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;margin-bottom:28px;position:relative;} .loc_gallery .loc_gallery_wrap .title {padding:30px;position:absolute;width:180px;height:180px;right:-26px;top:-47px;z-index:1;background-color:#ffb400} .loc_gallery .loc_gallery_wrap .title p {font-family:"dpm", arial, san-serif;color:#fff;} .loc_gallery .loc_gallery_wrap .title .t1 {font-size:40px;font-weight:bold;margin-bottom:10px;} .loc_gallery .loc_gallery_wrap .title .t2 {font-size:35px;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:100px;} .loc_gallery .pages .pages_wrap {display:inline-block;font-family:"dpm", arial, san-serif;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:#ffb400;} .loc_gallery .pages_m {text-align:center;margin-bottom:25px;display:none;} .loc_gallery .pages_m .pages_wrap {display:inline-block;font-family:"dpm", arial, san-serif;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:#ffb400;} .pages_mobile {display:none;} .loc_gallery .loc_gallery_wrap .explore_wide li p {position:absolute;bottom:0px;left:0px;padding:20px 30px;background:#fff;font-weight:700;} .loc_gallery .loc_gallery_wrap .explore_mobile li p {position:absolute;bottom:0px;left:0px;padding:10px 15px;background:#fff;font-weight:700;} .location_cont {position:relative;} .location_tab {position:relative;margin-bottom:50px;} .location_tab ul {display:inline-block;} .location_tab ul li {float:left;margin-left:5px;width:150px;height:30px;line-height:30px;text-align:left;border-bottom:5px solid #e5e5e5;} .location_tab ul li a {display:block;color:#7b7a7a;font-family: 'dpm',sans-serif;} .location_tab ul li.on {border-bottom:5px solid #ffba26;} .location_tab ul li.on a {color:#ffba26;display:block;width:100%;height:100%;} .location_tab ul li:hover {border-bottom:5px solid #ffba26;} .location_tab ul li:hover a {color:#ffba26;} .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 #e5e5e5;height:173px;margin-right:42px;} .location_list ul li.list .location_list_wrap h3 {font-size:18px;margin-bottom:20px;color:#333333;} .location_list ul li.list .location_list_wrap address {margin-bottom:50px;color:#7b7a7a;font-weight:700;} .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:#7b7a7a;font-weight:700;} .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 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 {padding:0;} .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 50px;} .loc_gallery .loc_gallery_wrap {width:100%;} .loc_gallery .loc_gallery_wrap .title {position:static;top:inherit;right:inherit;width:auto;height:auto;padding:80px 0 20px;background:none;} .loc_gallery .loc_gallery_wrap .title p {display:inline;color:#ffb400;} .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:#ccc;border-radius:50%;vertical-align:top;} .loc_gallery .pages_mobile .pages_mobile_wrap li.active a {background:#ffb400;} .location_tab {margin-bottom:4px;} .location_tab ul {display:block;} .location_tab ul li {width:49.4%;height:40px;margin:0;font-size:24px;line-height:40px;} .location_tab ul li.st1 {margin-right:1%;} .location_tab ul li a {padding-left:15px;} .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 #e6e6e6;} .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:34px;margin-bottom:18px;} .location_list ul li.list .location_list_wrap address {margin-bottom:22px;font-size:24px;line-height:24px;} .location_list ul li.list .location_list_wrap p {margin:0;font-size:24px;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:20px;margin-top:25px;} .loc_gallery .pages_m .pages_wrap a {width:12px;line-height:20px;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:30px 25px 15px;background:none;} .loc_gallery .loc_gallery_wrap .title p {display:inline;color:#ffb400;} .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%;} .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:#ccc;border-radius:50%;vertical-align:top;} .loc_gallery .pages_mobile .pages_mobile_wrap li.active a {background:#ffb400;} .location_tab {margin-bottom:4px;padding:0 25px;} .location_tab ul {display:block;} .location_tab ul li {width:49.4%;height:20px;margin:0;font-size:12px;line-height:20px;border-bottom:3px solid #e5e5e5;} .location_tab ul li.on {border-bottom:3px solid #ffba26;} .location_tab ul li.st1 {margin-right:1%;} .location_tab ul li a {padding-left:8px;} .location_tab ul li:hover {border-bottom:3px solid #ffba26;} .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 #e6e6e6;} .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:12px;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:-52px;right:-30px;width:600px;text-align:right;} .recruit .text_motion li {float:none !important;margin-bottom:10px;} .recruit .text_motion li .text_inner {font-family:"NotoR", dotum, arial, san-serif;font-size:48px;height:84px;line-height:66px;--font-weight:bold;letter-spacing:-3px;} .recruit_tab {text-align:left;margin-bottom:50px;} .recruit_tab ul {display:inline-block;} .recruit_tab ul li {float:left;margin-left:5px;width:130px;height:43px;line-height:40px;text-align:left;padding-left:50px;border-bottom:5px solid #e5e5e5;background:url(/frontend/assets/images/icons/buy_tab_blit_01.png) 6px 0 no-repeat;} .recruit_tab ul li.on {background:url(/frontend/assets/images/icons/buy_tab_blit_01.png) 6px 0 no-repeat;border-bottom:5px solid #ffba26;} .recruit_tab ul li a {display:block;color:#7b7a7a;font-weight:700;} .recruit_tab ul li.on a {color:#ffba26;} .recruit_tab ul:after {} .recruit_tab ul li.st1 {background:url(/frontend/assets/images/icons/recruit_tab_01_out.png) 6px 0 no-repeat;} .recruit_tab ul li.st2 {background:url(/frontend/assets/images/icons/recruit_tab_02_out.png) 6px 0 no-repeat;} .recruit_tab ul li.st3 {background:url(/frontend/assets/images/icons/recruit_tab_03_out.png) 6px 0 no-repeat;} .recruit_tab ul li.on.st1 {background:url(/frontend/assets/images/icons/recruit_tab_01_ov.png) 6px 0 no-repeat;} .recruit_tab ul li.on.st2 {background:url(/frontend/assets/images/icons/recruit_tab_02_ov.png) 6px 0 no-repeat;} .recruit_tab ul li.on.st3 {background:url(/frontend/assets/images/icons/recruit_tab_03_ov.png) 6px 0 no-repeat;} .recruit_tab ul li:hover.st1 {background:url(/frontend/assets/images/icons/recruit_tab_01_ov.png) 6px 0 no-repeat;} .recruit_tab ul li:hover.st2 {background:url(/frontend/assets/images/icons/recruit_tab_02_ov.png) 6px 0 no-repeat;} .recruit_tab ul li:hover.st3 {background:url(/frontend/assets/images/icons/recruit_tab_03_ov.png) 6px 0 no-repeat;} .recruit_tab ul li:hover {background:url(/frontend/assets/images/icons/buy_tab_blit_01.png) 6px 0 no-repeat;border-bottom:5px solid #ffba26;} .recruit_tab ul li:hover a {color:#ffba26;} .recruit_step {} .recruit_step h3 {font-size:30px;} .recruit_step span.line {display:block;width:20px;height:1px;background-color:#cccccc;margin:25px 0 10px;} .recruit_step1 {} .recruit_step2 {display:none;} .recruit_step3 {display:none;} .recruit .recruit_list {padding:50px 0;position:relative;border-bottom:1px solid #cccccc;} .recruit .recruit_list ul {} .recruit .recruit_list ul li {float:left;} .recruit .recruit_list ul li.txt {margin-right: 407px;position: absolute;} .recruit .recruit_list ul li.img {float:right;} .recruit .recruit_list ul li h4 {font-size:18px;font-weight:700;color:#333;margin-bottom:15px;} .recruit .recruit_list ul li h4.din {font-family: 'dpl';} .recruit .recruit_list ul li p {color:#7b7a7a;line-height:22px;font-weight:700;} .recruit .recruit_list ul:after {content:"";display:block;clear:both;} .recruit_process {margin-bottom:100px;} .recruit_process h3 {font-size:30px;} .recruit_process span.line {display:block;width:20px;height:1px;background-color:#cccccc;margin:20px 0;} .recruit_process .step {min-width:854px;} .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:#bcbcbc;line-height:1;font-weight:700;font-family: 'dpm';} .recruit_process .step li span.txt {letter-spacing:-0.7px;font-size:14px;color:#666;line-height:1;font-weight:700;} .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_d.gif) 0 0 no-repeat;} .recruit_process .step li.step5 span.arrow{display:none;} .recruit_anounce {margin-bottom:0px;color:#7b7a7a;font-weight:700;} .recruit_anounce h3 {font-size:30px;color:#000;} .recruit_anounce span.line {display:block;width:20px;height:1px;background-color:#cccccc;margin:25px 0 40px;} .recruit_anounce .tit {margin-bottom:25px;font-size:22px;color:#000;} .recruit_anounce .tit span {font-size:14px;display:inline-block;padding-left:17px;color:#7b7a7a;} .recruit_anounce .txt {margin-bottom:10px;line-height: 23px;} .recruit_anounce .tel {margin-bottom:30px;text-transform:uppercase;} .recruit_anounce a {display:inline-block;padding:16px 25px;color:#333;border:1px solid #999999;} .recruit .recruit_table_area {position:relative;margin:0 0 70px;} .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;} .recruit .recruit_table_area table th {padding:20px 20px 19px;white-space:nowrap;font-size:16px;color:#333;line-height:22px;border-bottom:1px solid #e5e5e5;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:13px 30px 12px 15px;white-space:nowrap;color:#7b7a7a;line-height:22px;border-bottom:1px solid #e5e5e5;} .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 #ccc;} .recruit .recruit_table_area table td textarea {font-size:16px;color:#333;line-height:23px;border:1px solid #ccc;} .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:20px 70px 19px 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:#7b7a7a;} .recruit .recruit_table_area table select {width:92px;height:35px;padding:0 0 0 10px;border:1px solid #ccc;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:#7b7a7a;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:#666;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:58px;} .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 #ccc;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:#666;line-height:33px;vertical-align:top;border:1px solid #999;background:#f0f0f0;} .recruit .recruit_table_area table.step1_3 th {padding:20px 90px 19px 20px;} .recruit .recruit_table_area table.step1_3 select {width:92px;height:35px;padding:0 0 0 10px;border:1px solid #ccc;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:20px 90px 19px 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 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 18px 12px;text-align:center;} .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:100%;text-align:center;} .recruit .recruit_table_area table.step1_5 select {width:92px;height:35px;padding:0 0 0 10px;border:1px solid #ccc;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 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 #ccc;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 90px 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:#7b7a7a;} .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 #ccc;resize:none;} .recruit .recruit_table_area table.step2_3 .upload_warning {font-size:14px;color:#7b7a7a;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:#666;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:13px 15px 12px 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 #ccc;} .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.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;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:#666;line-height:28px;border:1px solid #999;background:#f0f0f0;} .recruit .recruit_table_area .head_line .career {display:inline-block;padding:0 15px;} .recruit .recruit_bottom_btn {text-align:center;} .recruit .recruit_bottom_btn.type2 {margin:-40px 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;} .recruit .recruit_bottom_btn li.save a {color:#fff;border:1px solid #666;background:#666;} .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 #ccc;} .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:#7b7a7a;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 #ffba26;} .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 #ffba26;} .recruit .recruit_support_tab ol li a:hover img.on {opacity:1;filter:alpha(opacity=100);} .recruit .recruit_support_warning {margin:0 0 60px;} .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:12px;color:#666;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;} @media all and (min-width: 1025px) and (max-width: 1280px) { .recruit {padding-top:60px !important;} .recruit .text_motion {top:inherit;bottom:-50px;} .recruit .text_motion li {margin:0;} .recruit .recruit_tab {margin-bottom:60px;} .recruit .recruit_tab ul li {width:117px;} .recruit .recruit_list {padding:15px 0;border-bottom:none;} .recruit .recruit_step span.line {margin:25px 0;} .recruit .recruit_list ul li h4 {margin-top:10px;margin-bottom:12px;} .recruit .recruit_list ul li p {line-height:24px;} } @media all and (min-width: 641px) and (max-width: 1024px) { .recruit .section_inner {padding:0;} .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:48px;} .recruit .recruit_tab {margin:0 50px 0;} .recruit .recruit_tab ul {width:100%;} .recruit .recruit_tab ul li {width:32.68%;margin-left:0.97%;padding:0;} .recruit .recruit_tab ul li:first-child {margin:0;} .recruit .recruit_tab ul li a {padding-left:65px;} .recruit .recruit_step h3 {display:none;} .recruit .recruit_step.recruit_step1{margin-top:-20px;} .recruit .recruit_step span.line {display:none;} .recruit .recruit_list {padding:70px 0;} .recruit .recruit_list ul {position:relative;margin:0 50px;} .recruit .recruit_list ul li.txt {position:relative;float:right;width:44.58%;margin:0;} .recruit .recruit_list ul li p {font-size:24px;line-height:34px;} .recruit .recruit_list ul li h4 {margin-bottom:20px;font-size:28px;} .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;border-bottom:1px solid #e6e6e6;} .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_t.gif) 0 0 no-repeat;} .recruit_anounce {margin-right:50px;margin-left:50px;} .recruit_anounce span.line {display:none;} .recruit_anounce h3 {margin-bottom:20px;font-size:28px;} .recruit_anounce .tit {margin-bottom:30px;font-size:24px;} .recruit_anounce .tit span {font-size:24px;} .recruit_anounce .txt {margin-bottom:30px;font-size:24px;line-height:34px;} .recruit_anounce .tel {margin-bottom:60px;font-size:24px;} .recruit_anounce a {width:210px;text-align:center;font-size:22px;color:#666;} } @media all and (min-width: 100px) and (max-width: 640px) { .recruit_anounce .tit span {padding-left:5px;} .recruit .section_inner ul li.head .dec {font-size:12px;line-height:18px;} .recruit .section_inner ul li.cont {margin-top:42px !important;} .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:-25px;} .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 .recruit_tab {margin:0 25px;} .recruit .recruit_tab ul {width:100%;margin:0 !important;} .recruit .recruit_tab ul li {width:32.68%;height:22px;margin-left:0.97%;padding:0;line-height:22px;border-bottom:3px solid #e5e5e5;background-size:20px !important;} .recruit .recruit_tab ul li:first-child {margin:0;} .recruit .recruit_tab ul li a {padding-left:35px;font-size:12px;} .recruit .recruit_tab ul li.on {border-bottom:3px solid #ffba26;} .recruit .recruit_step.recruit_step1{margin-top:-12px;} .recruit_step h3 {display:none;} .recruit .recruit_step span.line {display:none;} .recruit .recruit_list {padding:37px 25px 35px;} .recruit .recruit_list ul li {margin:0 !important;} .recruit .recruit_list ul li h4 {font-size:14px;margin-bottom:12px;} .recruit .recruit_list ul li.txt {position:relative;float:none;margin-bottom:12px !important;font-size:12px;line-height:17px;} .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;border-bottom:1px solid #e6e6e6;} .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:12px;font-weight:normal;} .recruit_process .step li span.txt {margin:15px 0 0;font-size:12px;} .recruit_process .step li span.arrow {top:43px;left:5px;width:30px;height:56px;background:url(/frontend/assets/images/icons/recruit_step_arrow_t.gif) 0 0 no-repeat;background-size:15px;} .recruit_anounce{margin-right:25px;margin-left:25px;} .recruit_anounce span.line {display:none;} .recruit_anounce h3 {margin:0 0 15px;font-size:14px;} .recruit_anounce .tit {margin:0 0 12px;font-size:12px;} .recruit_anounce .tit span {font-size:12px;} .recruit_anounce .txt {margin:0 0 10px;font-size:12px;line-height:17px;} .recruit_anounce .tel {margin:0 0 25px;font-size:12px;} .recruit_anounce .tel .slash {display:none;} .recruit_anounce .tel .num {display:block;margin:8px 0 0 0px;} .recruit_anounce a#form_recruit {padding:16px 47px;font-size:11px;color:#666;font-weight:bold;} .recruit_anounce a.tel_no {border:0px;padding:0px;color:#7b7a7a} .recruit_anounce a.mailTo {border:0px;padding:0px;color:#7b7a7a} } .recruit_anounce a.tel_no {border:0px;padding:0px;color:#7b7a7a;width:inherit !important} .recruit_anounce a.mailTo {border:0px;padding:0px;color:#7b7a7a;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:128px;} .highlight .vis .text_motion{} .highlight .text_motion {position:absolute;top:78px;right:-25px;width:600px;text-align:right;} .highlight .text_motion li {float:none !important;margin-bottom:10px;} .highlight .text_motion li .text_inner {font-family:"NotoR", dotum, arial, san-serif;font-size:48px;height:84px;line-height:66px;--font-weight:bold;letter-spacing:-3px;} /* GraphType */ .GraphType.Type1 {min-width:1px;margin-bottom:100px;} .GraphType.Type1:after {content:"";display:block;clear:both;} .GraphType.Type1 h3 {font-size:20px;} .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:#fff;} .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:50%;} .GraphType.Type1 .Item .Head .Left .Title {position:relative;color:#333333; font-size:14px;} .GraphType.Type1 .Item .Head .Left .Unit {padding:5px 0 0; color:#7b7a7a;} .GraphType.Type1 .Item .Head .Left .closing {display:block;position:absolute;top:0px;left:118px;width:132px;height:22px;padding:0 0 0 10px;text-align:center;font-size:14px;color:#fff;line-height:20px;font-weight:normal;background:#ccc url(/frontend/assets/images/icons/closing_arrow_left.gif) 0 0 no-repeat;} .GraphType.Type1 .Item .Head .Right { float:right; width:50%; text-align:right;} .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:#7b7a7a;font-weight:700;} .GraphType.Type1 .Item .Head .Right .Unit {color:#fe7700;} .GraphType.Type1 .Item .Head .Right .Text {color:#7b7a7a; } .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:11%; height:0; background-color:#cccccc; color:#fff; font-size:6px;transition:all 0.5s;} .GraphType.Type1 .Item .GraphBody .Graph1 { left:13.3%;} .GraphType.Type1 .Item .GraphBody .Graph2 { left:36.3%;} .GraphType.Type1 .Item .GraphBody .Graph3 { left:59.3%;} .GraphType.Type1 .Item .GraphBody .Graph4 { left:82.3%; background-color:#ffc000;} .GraphType.Type1 .Item .GraphBody .Graph p {margin:-20px 0 0;text-align:center;font-size:16px;color:#ccc;font-family: 'dpm';} .GraphType.Type1 .Item .GraphBody .Graph.active p {color:#ffc000;} .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:#666; font-size:13px; line-height:1.4;} .GraphType.Type1 .Item .SourceText {padding:30px 0 0; color:#7b7a7a;} .GraphType.Type1 .Item .cmt {font-weight:700;border:5px solid #e5e5e5;color:#7b7a7a;padding:20px;margin-top:50px;text-align:center;line-height:25px;} @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;left:0;} .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.Type1 .Item .Head .Left {float:none;width:100%;} .GraphType.Type1 .Item .Head .Left .Title {font-size:20px;} .GraphType.Type1 .Item .Head .Left .closing {top:31px;left:0;} .GraphType.Type1 .Item .Head .Right .Value{margin:23px 0 0;font-size:20px;} /* 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:26px;line-height:36px;} .highlight .text_motion li {padding-right: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 46px;} .GraphType.Type1 .Item .Head .Left {float:none;width:100%;} .GraphType.Type1 .Item .Head .Left .Title {font-size:10px;} .GraphType.Type1 .Item .Head .Left .closing {top:15px;left:0;width:78px;height:14px;font-size:9px;line-height:14px;background-size:6px 14px;} .GraphType.Type1 .Item .Head .Right .Value{margin:23px 0 0;font-size:10px;} } /* */ .statements {margin-bottom:70px;} .statements {overflow:hidden;margin-top:30px;border-top:2px solid #333333;} .statements table {display:table;width:100%;line-height:16px;text-align:right;} .statements tr {display:table-row;font-size:16px;} .statements tr.on {background:#f0f0f0;} .statements tr th {font-weight:normal;color:#333333;background:#f5f5f5;display:table-cell;border-bottom:1px solid #999999;padding:17px 30px;white-space:normal;} .statements tr td {display:table-cell;color:#666666;border-bottom:1px solid #e5e5e5;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 #666666;} .statements .cl {text-align:left;} .financial_statement .section_inner ul li.cont h3 {position:relative;} .financial_statement .section_inner ul li.cont h3 span {display:inline-block;position:absolute;right:0px;bottom:0px;font-size:15px;color:#7b7a7a;} @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;} .financial_statement .statements tr td{padding:11px 0 11px 15px;} } @media all and (min-width: 100px) and (max-width: 640px) { .financial_statement .section_inner ul li.cont {padding-top:35px;border-left:25px solid #fff;border-right:25px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box;} .financial_statement .section_inner ul li.cont h3 {font-size:10px;} .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:8px;} .financial_statement .statements tr td{padding:22px 0 22px 10px;font-size:8px;} .financial_statement .section_inner ul li.cont h3 span {font-size:12px;} } /************************************************************************************************************************************************ * 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:38.2%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph3 {left:61%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph4 {left:83.8%;} @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:20.9%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph2 {left:40.3%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph3 {left:59.6%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph4 {left:78.4%;} .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;} .profitability .section_inner ul li.head .icon {margin:0 50px;} .profitability .section_inner ul li.head .dec {margin:34px 50px 0;} .profitability .section_inner ul li.cont {padding-top:70px;} .profitability .GraphType.Type1 {margin:0 50px 70px;} .profitability .GraphType.Type1 .Item .GraphBody .Graph {bottom:11.6%;width:13.1%;font-size:10px;} .profitability .GraphType.Type1 .Item .GraphBody .Graph1 {left:20.9%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph2 {left:41.6%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph3 {left:62.2%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph4 {left:82.9%;} .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:30px !important;} .profitability .section_inner ul li.cont h3 {font-size:10px;} .profitability .GraphType.Type1 {margin-bottom:35px;padding:0 25px;border-bottom:1px solid #e6e6e6;} .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:10.7%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph1 {left:16.8%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph2 {left:39.2%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph3 {left:61.6%;} .profitability .GraphType.Type1 .Item .GraphBody .Graph4 {left:84.4%;} .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:12px;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 {font-size:20px;margin-bottom:20px;} .taded_info .gijun {position:absolute;right:0px;top:5px;} .taded_info table {display:table;width:100%;line-height:16px;text-align:left;border-top:2px solid #000000;} .taded_info tr {display:table-row;font-size:16px;border-bottom:1px solid #e5e5e5;} .taded_info tr.on {background:#f0f0f0;} .taded_info tr th {font-weight:700;color:#333333;background:#f5f5f5;display:table-cell;padding:17px 30px;white-space:normal;} .taded_info tr td {display:table-cell;color:#666666;border-right:none;padding:17px 30px;font-weight:700;} .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:"dpm", arial, san-serif;font-weight:bold;} .taded_wrap .juga_top li span {display:inline-block;padding-left:13px;font-size:16px;color:#666666;font-weight:700;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:#000;font-family:"dpm", arial, san-serif;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;} .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:12px;} .taded_info tr td {font-size:12px;} .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;} } .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 #cccccc;color:#7b7a7a; 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 .detail_view {padding-top:50px;} .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:50px;font-weight:700;} .invest_notice_list ul .list h3 {margin-bottom:17px;font-size:24px;font-weight:700;color:#333333} .invest_notice_list ul .list .txt {color:#7b7a7a;line-height:24px;} .invest_notice_list ul .list span.line {display:block;width:20px;height:1px;background-color:#cccccc;margin:20px 0 25px;} .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 #ccc;-webkit-box-sizing:border-box;box-sizing:border-box;} .invest_notice_list ul .list .detail_wrap .btn {display:block;width:100%;height:43px;color:#7b7a7a;line-height:43px;text-align:center;} .invest_notice_list ul .detail_view {position:relative;width:100% !important;height:initial;margin:0;padding-top:50px;margin-top:50px;border-top:1px solid #ccc;} .invest_notice_list ul .detail_view .detail_view_wrap {position:relative;--border-top:1px solid #cccccc;} .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:#333333: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:#fff;} .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:#fff;} .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 #e5e5e5;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:#7b7a7a;line-height:22px;border-bottom:1px solid #e5e5e5;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 #ccc;} .invest_notice_list ul li.detail_view td textarea {font-size:16px;color:#333;line-height:23px;border:1px solid #ccc;} .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:#333333: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-top:60px;} .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:#666;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;} .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_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 #e6e6e6;} .invest_noti_top .notice_more_Btn {display:none;} .invest_noti .invest_notice_list.type2 > ul > li h3 {margin-bottom:23px;height:24px;} .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;font-size:24px;line-height:36px;} .invest_noti .invest_notice_list.type2 > ul > li span.line {display:none;} .invest_noti .invest_notice_list.type2 > ul > li .date {margin-bottom:60px;font-size:24px;} .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:70px;line-height:70px;} .invest_noti .invest_notice_list.type2 > ul > li > ul li.last a {height:70px;line-height:70px;} .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_notice_list.type2 {margin-bottom:0px;} .invest_noti_top .section_inner ul li.head .dec {font-size:12px;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;padding:25px 0;border-bottom:1px solid #e6e6e6} .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:12px;} .invest_noti_top .section_inner > ul > li span.line {display:none;} .invest_noti_top .section_inner .invest_notice_list > ul > li .date {font-size:12px;} .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%;} } @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;} } @media all and (min-width: 1024px) and (max-width: 1675px) { .invest_notice_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) { .invest_notice_list > ul {padding:0 50px;} .invest_notice_list > ul li.list {width:44.6% !important;margin-right:10.7% !important;padding:0px;} } @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;padding:0px;} .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:#333333;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:#cccccc;margin:30px 0 30px 0;} .popup_recruit .popup_recruit_inner p.txt {color:#7b7a7a;line-height:20px;margin-bottom:15px;padding:0 20px;} .popup_recruit .popup_recruit_inner p.txt2 {color:#fe7700;line-height:20px;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:#7b7a7a;border:0px;width:100%;padding:7px 0px 6px 0px;--min-width:200px;} .popup_recruit .popup_recruit_inner .btns {margin-bottom:32px;} .popup_recruit .popup_recruit_inner .btns .input_wrap {border:1px solid #666666;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:#666666;} .popup_recruit .popup_recruit_inner .btns .input_wrap:hover {background-color:#666666;border:1px solid #666666;color:#fff;} .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:#666666;line-height:33px;} .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:#7b7a7a;} .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;} }