@charset "utf-8";

/* common */
#visual {position:fixed; top:0; left:0; width:100%; height:100%; background-position:50% 50%; background-size:cover; z-index:-1}
#cont_visual {display:table; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1}
#cont_visual .inner {display:table-cell;padding-top:70px; vertical-align:middle; background:rgba(0,0,0,0.3)}
.ncs #cont_visual .inner {display:table-cell;padding-top:70px; vertical-align:middle; background:rgba(0,62,103,0.8)}
.it #cont_visual .inner {display:table-cell;padding-top:70px; vertical-align:middle; background:rgba(89,25,180,0.5)}
.building #cont_visual .inner {display:table-cell;padding-top:70px; vertical-align:middle; background:rgba(0,122,80,0.75)}
/*.building #cont_visual .inner {display:table-cell;padding-top:70px; vertical-align:middle; background:rgba(0,0,0,0.3)}*/
#cont_visual .wfix {text-align:center; color:#fff;}
#cont_visual .wrap_list {font-size:0}
#cont_visual .list_key .key {display:inline-block; height:280px; background:#fff; vertical-align:top;}
#cont_visual .list_key .key + .key {margin-left:35px;}
#cont_visual .list_key strong {display:block; padding-top:34px; font-size:20px; font-weight:300;}
#cont_visual .list_key strong::before {display:block; height:90px; margin:0 auto 15px;}
#cont_visual .list_key p {margin-top:25px; font-size:16px; line-height:20px; color:#222}
#cont_visual .wheel {position:absolute; width:22px; height:52px; left:50%; margin-left:-11px; bottom:10px; -webkit-transition:all 1s, -webkit-transform 1s; transition:all 1s, transform 1s; z-index:1}
#cont_visual .wheel iframe {width:22px; height:52px; position:absolute; left:0; top:0; border:0}
#menu_sub {position:fixed; top:-50px; left:0; width:100%; height:0; background:rgba(255,255,255,0.85); border-bottom:1px solid rgba(0,0,0,0.1); font-size:0; text-align:center; z-index:8; opacity:0; overflow:hidden;}
#menu_sub li {position:relative; display:inline-block; font-size:15px; line-height:48px; opacity:0.5; transition:0.4s; font-weight:400}
#menu_sub li.active {font-weight:bold; opacity:1;}
#menu_sub li.active::after {position:absolute; bottom:-2px; left:0; width:100%; height:2px; content:'';}
#menu_sub li + li {margin-left:150px;}
#menu_sub li:hover {opacity:1; color:#17469e;}
#header.on {position:fixed; background:#fff; border-bottom:1px solid #eee;}
#header.on .wfix {color:#444; padding:11px 0;  transition:0s;}
#header.on h1 a {width:120px; height:24px; margin-top:4px; background-image:url(../img/logoC.png)}
#header.on #topMenu a {font-size:13px;}
#header.on span {background:#333}
#contents {position:relative; background:#fff; z-index:2;}
.tit_section {display:table; width:100%; height:320px; background-position:50% 50%; background-size:cover; background-attachment:fixed; background-repeat:no-repeat; color:#fff; text-align:center;}
.tit_section .inner {display:table-cell; vertical-align:middle; background:rgba(0,0,0,0.7)}
.tit_section h3 {font-size:36px; font-weight:bold;}
.tit_section p {margin-top:24px; font-size:18px;}
.tit_section p em {display:block;}
.tit1 {text-align:center;}
.tit1 strong {display:block; font-size:30px; color:#17469e; font-weight:bold;}
.tit1 p {margin-top:16px; font-size:18px; color:#444; line-height:28px;}
.tit1 p em {display:block;}
.tit2 {display:block; font-size:30px; font-weight:300}
.tit2::after {display:block; width:36px; height:1px; margin:16px 0 20px; background:#222; content:'';}
.tit2 + .desc {color:#555}
.dot {position:relative; padding-left:8px;}
.dot::after {position:absolute; top:10px; left:0; width:3px; height:3px; border-radius:100%; background:#333; content:'';}
/* #visual::after {position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; background:#000; opacity:0.5; content:''}*/

.cont_img .item {position:relative;}
.cont_img .item + .item {margin-top:90px;}
.cont_img .thumb {width:700px; height:360px; background-color:#eee;}
.cont_img .thumb::after {display:none}
.cont_img .desc {position:absolute; bottom:0; left:700px; margin-left:-50px; border-left:50px solid #fff; padding:50px 0 0 0; background:#fff;}
.cont_img .item.right .thumb {margin-left:620px;}
.cont_img .item.right .desc {left:auto; right:700px; bottom:auto; top:0; width:620px; margin-left:0; margin-right:-50px; padding:50px 0; border-left:none; border-right:50px solid #fff}
.cont_img strong {display:block; font-size:30px; font-weight:bold}
.cont_img .list {margin-top:20px; font-size:0;}
.cont_img .list li {display:inline-block; line-height:40px; margin:5px 5px 0 0; padding:0 10px; font-size:16px; color:#555; border:1px solid #ccc}

.clamp {text-align:center;}
.clamp p {display:inline-block; position:relative; padding:12px 50px; font-size:20px; font-weight:400; color:#777; line-height:30px;}
.clamp p::before,
.clamp p::after {position:absolute; top:50%; width:16px; height:82px; margin-top:-41px; background:url(../img/clamp.png) 0 0 no-repeat; content:''}
.clamp p::before {left:0;}
.clamp p::after {right:0; background-position:right 0;}
.clamp p em {display:block;}

.wideTab {color:#fff; text-align:center; font-size:18px;}
.wideTab .wfix {overflow:hidden}
.wideTab li {float:left; line-height:60px;}
.wideTab li a {display:block; font-weight:bold; opacity:0.6}
.wideTab li.active a {opacity:1}

.wrap_gall {padding:70px 0 100px;}
.list_gall {overflow:hidden; margin-left:-30px;}
.list_gall li {float:left; width:420px; margin:0 0 30px 30px;}
.list_gall li.noItem {float:none; width:auto; text-align:center; margin-bottom:0; padding:50px 0 30px}
.list_gall a {display:block; position:relative; overflow:hidden}
.list_gall a:after {border-bottom:none}
.list_gall a span {position:absolute; bottom:0; right:0; width:60px; height:56px; background:#fff; text-align:center;}
.list_gall a span::before {position:absolute; top:27px; left:22px; width:16px; height:2px; background:#17469e; content:'';}
.list_gall a span::after {position:absolute; top:20px; left:29px; width:2px; height:16px; background:#17469e; content:'';}
.list_gall .desc {padding:20px; border:1px solid #ddd; border-top:none;}
.list_gall .desc .inner {height:60px; font-size:18px; font-weight:bold;}
.list_gall .desc .inner::before {display:inline-block; width:14px; height:2px; margin:10px 8px 0 0; background:#17469e; vertical-align:top; content:'';}
.list_gall + .paging {margin-top:20px;}
.list_gall + .paging ul a.bg {background:#17469e; color:#fff}
.layer_gall {padding-bottom:40px;}
.layer_gall .summ {overflow:hidden}
.layer_gall .pic {float:left; width:50%; margin-right:30px; overflow:hidden;}
.layer_gall .pic img {max-width:none; width:100%;}
.layer_gall .desc {overflow:hidden; padding:17px 0 0}
.layer_gall .desc table {width:100%;}
.layer_gall .desc table th,
.layer_gall .desc table td {height:46px; padding-right:20px; border-bottom:1px solid #ddd; line-height:21px; vertical-align:middle; font-size:16px;}
.layer_gall .desc table th {width:110px; text-align:left;}
.layer_gall .details {padding:40px 0 0; clear:both;}
.layer_gall .details table th,
.layer_gall .details table td {padding:10px 12px; border-bottom:1px solid #ddd; font-size:16px; line-height:1.4}
.layer_gall .details table + table tr:first-child th,
.layer_gall .details table + table tr:first-child td {border-top:1px solid #555}
.layer_gall .details table th {width:80px; background:#f5f5f5; font-weight:bold; text-align: center;}
.layer_gall .details table td b {display:block; }



@media (max-width:800px){
  .tit2,
  #cont_visual .list_key strong {font-weight:400}
  #header.on h1 a {width:40px;}
  #menu_sub.on {display:none}
  .tit_section {height:120px; background-attachment:inherit;}
  .tit_section h3 {font-size:20px;}
  .tit_section p {font-size:13px; margin:5px 15px 0;}
  #cont_visual .wrap_list {margin:40px 15px;}
  #cont_visual .list_key .key {display:block; position:relative; width:auto; height:auto; padding:0; background:none;}
  #cont_visual .list_key .key::before {display:block; width:90px; height:90px; border-radius:100%; background:#f5f5f5; margin:0 auto 10px; content:'';}
  #cont_visual .list_key strong {font-size:18px; padding:0; color:#fff}
  #cont_visual .list_key strong.bfr_ncs::before {position:absolute; top:20px; left:50%; width:70px; height:45px; margin:0 0 0 -35px; background-size:420px 155px}
  #cont_visual .list_key .key2 strong.bfr_ncs::before {background-position:-75px 0;}
  #cont_visual .list_key .key3 strong.bfr_ncs::before {background-position:-150px 0;}
  #cont_visual .list_key p {margin-top:10px; font-size:14px; line-height:1.4; color:#fff}
  #cont_visual .list_key .key + .key {margin:10px 0 0}
  #cont_visual .list_key strong::before {position:absolute; top:20px; left:50%; width:45px; margin-left:-22px; height:45px;}
  #cont_visual .wheel {display:none}
  .tit_visual {padding:0 24px; word-break:keep-all;}
  .clamp {margin:0 15px; background:#f5f5f5}
  .clamp p {padding:10px; font-size:16px; line-height:1.4; color:#777; word-break:keep-all;}
  .clamp p::before,
  .clamp p::after {display:none;}
  .clamp p em {display:inline;}
  .cont_img .item + .item {margin-top:40px;}
  .cont_img .thumb {width:90%; height:auto;}
  .cont_img .desc {position:relative; width:auto; bottom:auto; left:auto; margin:0; padding:0 15px; border:none;}
  .cont_img .item.left .desc {padding-right:10%}
  .cont_img .item.right .thumb {margin-left:10%;}
  .cont_img .item.right .desc {width:auto; top:auto; right:auto; margin:0; padding:0 15px; border:none;}
  .cont_img strong {margin-top:5px; font-size:20px;}
  .wideTab {font-size:15px;}
  .wideTab li {line-height:50px}
  .wideTab {display:block; white-space:nowrap; overflow:auto; transition-property:-webkit-transform; -webkit-transform:translate3d(0,0,0); pointer-events:auto; -webkit-overflow-scrolling:touch; text-align:center;}
  .wideTab ul {display:table; width:100%; text-align:center;}
  .wideTab ul li {display:table-cell; float:none; width:auto;}
  .wrap_gall {padding:30px 0 40px}
  .list_gall {margin:0 15px}
  .list_gall li {width:calc(50% - 6px); margin:0}
  .list_gall li:nth-child(even) {margin-left:12px}
  .list_gall li:nth-child(n+3) {margin-top:12px}
  .list_gall a {height:80px;}
  .list_gall a span {width:30px; height:30px;}
  .list_gall a span::before {width:12px; top:14px; left:9px;}
  .list_gall a span::after {height:12px; top:9px; left:14px;}
  .list_gall .desc {padding:8px 10px;}
  .list_gall .desc .inner {font-size:14px; line-height:1.3; font-weight:300}
  .list_gall .desc .inner::before {display:none;}
  .layer_gall {padding-bottom:0}
  .building #cont3 .list_gall .desc .inner {height:56px; font-size:14px; font-weight:300; line-height:1.3;}
  .building #cont3 .list_gall .desc .inner::before {display:none}
  .building #cont3 .paging {margin-top:20px;}
}

/*** NCS 채용 대행 ***/
.ico_ncs,
.aft_ncs::after,
.bfr_ncs::before {display:inline-block; background:url(../img/ico_ncs.png) 0 0 no-repeat; vertical-align:top; content:'';}

.ncs #visual {background-image:url(../img/ncs_visual.jpg);}
.ncs #cont_visual .tit_visual strong {display:inline-block; padding:0 20px; border:1px solid #fff; border-radius:40px; line-height:38px; font-size:20px; font-weight:bold;}
.ncs #cont_visual .tit_visual span {display:block; font-size:22px; margin:17px 0 3px;}
.ncs #cont_visual .tit_visual h3 {font-size:48px; font-weight:300; line-height:1.2}
.ncs #cont_visual .wrap_list {margin-top:45px;}
.ncs #cont_visual .list_key .key {width:330px;}
.ncs #cont_visual .list_key strong {color:#17469e;}
.ncs #cont_visual .list_key strong.bfr_ncs::before {width:140px;}
.ncs #cont_visual .list_key .key1 strong.bfr_ncs::before {background-position:0 0}
.ncs #cont_visual .list_key .key2 strong.bfr_ncs::before {background-position:-150px 0}
.ncs #cont_visual .list_key .key3 strong.bfr_ncs::before {background-position:-300px 0}
.ncs #cont_visual a {display:inline-block; margin-top:98px; letter-spacing:0; border-bottom:1px solid #fff; font-size:18px;}
.ncs #cont_visual a::after {width:22px; height:16px; background:url(../img/arw2.png) right 50% no-repeat; margin:4px 0 0 6px;}
.ncs #menu_sub li.active {color:#17469e;}
.ncs #menu_sub li.active::after {background:#17469e;}
.ncs + .layer .hd_layer .tit_layer::before {background:#17469e;}
.ncs + .layer_gall .details .inner {border-top:2px solid #17469e;}
@media (max-width:800px){
  .ncs #cont_visual .inner {padding-top:50px;}
  .ncs #cont_visual .tit_visual strong {font-size:14px; line-height:24px}
  .ncs #cont_visual .tit_visual span {margin-top:10px; font-size:16px}
  .ncs #cont_visual .tit_visual h3 {font-size:26px; font-weight:400}
  .ncs #cont_visual .list_key strong {color:#fff}
  .ncs #cont_visual .list_key strong.bfr_ncs::before {width:70px; margin:0 0 0 -35px; background-size:420px 155px}
  .ncs #cont_visual .list_key .key2 strong.bfr_ncs::before {background-position:-75px 0;}
  .ncs #cont_visual .list_key .key3 strong.bfr_ncs::before {background-position:-150px 0;}
  .ncs #cont_visual a {margin-top:0px; font-size:15px;}
  .tit1  {margin:0 15px;}
  .tit1 strong {font-size:20px;}
  .tit1 p {margin-top:12px; font-size:14px; line-height:1.4; word-break:keep-all;}
  .tit1 p em {display:inline;}
  .tit2 {font-size:20px; margin:0 15px;}
  .tit2 + .desc {font-size:14px; margin:0 15px}
}

.ncs #cont1 .tit_section {background-image:url(../img/ncs_tit1.jpg);}
.ncs #cont1 .wrapper {padding:120px 0;}
.ncs #cont1 .wrapper + .wrapper {padding-top:0}.ncs #cont1 .graphic {margin-top:48px; padding:55px 0; background:#f5f5f5; text-align:center;}
.ncs #cont1 .graphic p {display:inline-block; position:relative; padding:7px 50px; margin-top:62px; font-size:20px; color:#777; line-height:34px; font-weight:400}
.ncs #cont1 .graphic p::before,
.ncs #cont1 .graphic p::after {position:absolute; top:0; width:16px; height:82px; background:url(../img/clamp.png) 0 0 no-repeat; content:'';}
.ncs #cont1 .graphic p::before {left:0;}
.ncs #cont1 .graphic p::after {right:0; background-position:right 0}
.ncs #cont1 .cont {padding:80px 0; border-bottom:1px solid #e5e5e5}
.ncs #cont1 .list_merits {margin-bottom:90px;}
.ncs #cont1 .list_merits > li {overflow:hidden;}
.ncs #cont1 .list_merits > li + li {margin-top:40px}
.ncs #cont1 .list_merits > li .thumb {float:left; width:620px; margin-right:40px;}
.ncs #cont1 .list_merits > li .txt {display:table; width:100%; height:300px;}
.ncs #cont1 .list_merits > li .inner {display:table-cell; vertical-align:middle;}
.ncs #cont1 .list_merits > li strong {display:block; font-size:24px; font-weight: 300; color:#17469e;}
.ncs #cont1 .list_merits > li ul {margin-top:28px;}
.ncs #cont1 .list_merits > li li {font-size:18px;}
.ncs #cont1 .list_merits > li li + li {margin-top:6px;}
.ncs #cont1 .box_system {margin-top:16px; background:#f5f5f5; padding:40px 30px;}
.ncs #cont1 .box_system caption {margin-bottom:4px; font-size:20px; color:#555; font-weight:bold; text-align:left}
.ncs #cont1 .box_system caption em {letter-spacing:0; color:#17469e; font-weight:300}
.ncs #cont1 .box_system .tbl_comm th,
.ncs #cont1 .box_system .tbl_comm td {width:12.5%; height:42px; border-bottom:1px solid #ddd; text-align:center; font-size:16px; color:#333;}
.ncs #cont1 .box_system .tbl_comm thead th {background:#edf6ff; border-top:1px solid #777; font-weight:300; letter-spacing:0}
.ncs #cont1 .box_system .tbl_comm td {background:#fff;;}
.ncs #cont1 .box_system .tbl_comm th + th,
.ncs #cont1 .box_system .tbl_comm td + td {border-left:1px solid #ddd}
.ncs #cont1 .elements {margin:55px 0 70px; padding:60px 0; background:#f5f5f5}
.ncs #cont1 .list_elements {overflow:hidden;}
.ncs #cont1 .list_elements .item {float:left; width:566px; height:165px; padding:30px 36px; border:1px solid #e2e2e2 ; background:#fff;}
.ncs #cont1 .list_elements .item + .item {overflow:hidden; margin-left:39px;}
.ncs #cont1 .list_elements strong {display:block; font-size:18px; color:#17469e; font-weight:bold;}
.ncs #cont1 .list_elements ul {margin-top:12px;}
.ncs #cont1 .list_elements li {font-size:16px; line-height:1.4; word-break:keep-all;}
.ncs #cont1 .list_elements li + li {margin-top:5px;}
.ncs #cont1 .attended .tab {display:none;}
.ncs #cont1 .list_attended {overflow:hidden; padding:42px 0; border:1px solid #ddd}
.ncs #cont1 .list_attended .item {position:relative; float:left; width:25%; padding:0 30px; box-sizing:border-box; text-align:center; font-size:16px;}
.ncs #cont1 .list_attended .item + .item {border-left:1px solid #ddd}
.ncs #cont1 .list_attended .item::before {display:block; width:120px; height:120px; border-radius:100%; background:#f5f5f5; margin:0 auto 22px; content:'';}
.ncs #cont1 .list_attended .item::after {position:absolute; top:30px; left:50%; width:70px; height:60px; margin-left:-35px;}
.ncs #cont1 .list_attended .item:first-child::after {background-position:-450px 0}
.ncs #cont1 .list_attended .item:nth-child(2)::after {background-position:-530px 0}
.ncs #cont1 .list_attended .item:nth-child(3)::after {background-position:-610px 0}
.ncs #cont1 .list_attended .item:nth-child(4)::after {background-position:-690px 0}
.ncs #cont1 .list_attended strong {display:block; font-size:18px; color:#17469e; font-weight:bold;}
.ncs #cont1 .list_attended span {display:block; margin:10px 0 18px; color:#222; font-weight:bold;}
.ncs #cont1 .list_attended p {text-align:left; line-height: 1.4}
.ncs #cont1 .list_attended p + p {margin-top:4px;}

@media (max-width:800px){
  .ncs #cont1 .wrapper {padding:40px 0}
  .ncs #cont1 .graphic {margin-top:24px; padding:30px 15px;}
  .ncs #cont1 .graphic p {margin-top:30px; padding:4px 20px; font-size:14px; line-height:1.5}
  .ncs #cont1 .graphic p::before,
  .ncs #cont1 .graphic p::after {top:50%; margin-top:-41px}
  .ncs #cont1 .cont {padding:40px 0}
  .ncs #cont1 .list_merits {margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid #eee}
  .ncs #cont1 .list_merits > li .thumb {float:none; width:auto; margin:0}
  .ncs #cont1 .list_merits > li .txt {display:block; width:auto; height:auto; padding:15px;}
  .ncs #cont1 .list_merits > li .inner {display:block;}
  .ncs #cont1 .list_merits > li strong {font-size:16px; font-weight:400}
  .ncs #cont1 .list_merits > li ul {margin-top:10px;}
  .ncs #cont1 .list_merits > li li {font-size:14px;}
  .ncs #cont1 .list_merits > li li + li {margin-top:0}
  .ncs #cont1 .list_merits > li + li {margin-top:24px}
  .ncs #cont1 .box_system {padding:0; background:none;}
  .ncs #cont1 .box_system caption {margin:0 15px 5px; font-size:15px;}
  .ncs #cont1 .box_system caption em {font-weight:400}
  .ncs #cont1 .box_system .tbl_comm th,
  .ncs #cont1 .box_system .tbl_comm td {font-size:13px}
  .ncs #cont1 .box_system .tbl_comm thead th {font-weight:400}
  .ncs #cont1 .elements {padding:40px 0; margin-bottom:40px}
  .ncs #cont1 .list_elements {margin:0 15px; }
  .ncs #cont1 .list_elements .item {float:none; width:auto; height:auto; padding:15px;}
  .ncs #cont1 .list_elements .item + .item {margin:6px 0 0 }
  .ncs #cont1 .list_elements strong {font-size:15px;}
  .ncs #cont1 .list_elements ul {margin-top:8px}
  .ncs #cont1 .list_elements li {font-size:14px}
  .ncs #cont1 .list_elements li + li {margin:0}
  .ncs #cont1 .wrap_list {margin:0 15px;}
  .ncs #cont1 .attended .tab {display:block;}
  .ncs #cont1 .attended .tab li {float:left; width:25%; border:1px solid #ccc; background:#f5f5f5; font-size:14px; line-height:40px; color:#888; box-sizing:border-box; text-align:center}
  .ncs #cont1 .attended .tab li + li {border-left:none;}
  .ncs #cont1 .attended .tab li.active {background:#fff; border-bottom-color:#fff; color:#222}
  .ncs #cont1 .list_attended {padding:20px; border-top:none;}
  .ncs #cont1 .list_attended .item {float:none; width:auto; padding:0; font-size:14px;}
  .ncs #cont1 .list_attended .item::before {width:100px; height:100px; margin-bottom:10px}
  .ncs #cont1 .list_attended .item::after {top:20px}
  .ncs #cont1 .list_attended .item + .item {border-left:none;}
  .ncs #cont1 .list_attended strong {font-size:16px;}
  .ncs #cont1 .list_attended span {margin:0 0 10px;}
}

.ncs #cont2 .tit_section {background-image:url(../img/ncs_tit2.jpg);}
.ncs #cont2 .tit3 {padding:126px 0 420px; background:url(../img/ncs_iconbg.png) 50% 50% no-repeat; color:#fff; text-align:center;}
.ncs #cont2 .tit3 strong {font-size:36px; font-weight:200}
.ncs #cont2 .tit3 p {font-size:18px; margin-top:10px; font-weight:200}
.ncs #cont2 .wrapper {position:relative;}
.ncs #cont2_1 .tit3 {background-color:#3770d6;}
.ncs #cont2_1::after {position:absolute; top:258px; left:50%; width:870px; height:520px; margin-left:-435px; background:url(../img/ncs_macbook.png) 50% 50% no-repeat; content:'';}
.ncs #cont2_1 .cont {padding:172px 0 96px; background:url(../img/ncs_bg1.png) 50% 50% no-repeat;}
.ncs #cont2_1 .screen {position:relative; height:512px; overflow:hidden;}
.ncs #cont2_1 .screen .inner {display:inline-block; position:relative; border-bottom:3px solid #96b2e5; }
.ncs #cont2_1 .screen .inner::after {position:absolute; bottom:-9px; width:15px; height:15px; border-radius:100%; background:#96b2e5; content:'';}
.ncs #cont2_1 .screen .desc {font-size:18px;}
.ncs #cont2_1 .screen strong {font-weight:bold; color:#17469e; }
.ncs #cont2_1 .screen1 img {position:absolute; top:0; left:calc(50% + 220px);}
.ncs #cont2_1 .screen1 .desc {width:calc(50% + 246px); padding-top:120px; text-align:right; }
.ncs #cont2_1 .screen1 .desc .inner {padding:0 0 14px 32px;}
.ncs #cont2_1 .screen1 .inner::after {left:0;}
.ncs #cont2_1 .screen1 .item {display:inline-block; width:265px; margin-right:32px; text-align:left; vertical-align:top;}
.ncs #cont2_1 .screen1 .item p + p {margin-top:10px}
.ncs #cont2_1 .screen2 {margin-top:-180px;}
.ncs #cont2_1 .screen2 img {position:absolute; top:0; right:calc(50% + 220px)}
.ncs #cont2_1 .screen2 .desc {padding-top:262px; padding-left:calc(50% - 246px)}
.ncs #cont2_1 .screen2 .inner {padding:0 0 14px 32px}
.ncs #cont2_1 .screen2 .inner::after {right:0;}
.ncs #cont2_1 .screen2 .item {display:inline-block; width:264px; vertical-align:top}
.ncs #cont2_1 .screen2 .item + .item {margin-left:32px;}
.ncs #cont2_2 .tit3 {background-color:#43b590;}
.ncs #cont2_2::after {position:absolute; top:280px; left:50%; width:740px; height:592px; margin-left:-370px; background:url(../img/ncs_imac.png) 50% 50% no-repeat; content:'';}
.ncs #cont2_2 .cont {padding:268px 0 100px; background:url(../img/ncs_bg2.png) 50% 50% no-repeat;}
.ncs #cont2_2 .list_desc {overflow:hidden; margin-left:-10px;}
.ncs #cont2_2 .list_desc .item {float:left; position:relative; width:20%;}
.ncs #cont2_2 .list_desc .item:nth-child(n+6) {margin-top:10px;}
.ncs #cont2_2 .list_desc .inner {height:234px; margin-left:10px; padding:38px 16px; background:#fff; text-align:center;}
.ncs #cont2_2 .list_desc strong {font-size:15px; font-weight:300; color:#17a174;}
.ncs #cont2_2 .list_desc strong em {display:block;}
.ncs #cont2_2 .list_desc p {font-size:14px; color:#777; line-height: 20px; margin-top:14px; word-break:keep-all;}
.ncs #cont2_2 .list_desc .inner::before {display:block; width:160px; height:100px; margin:0 auto 20px;}
.ncs #cont2_2 .list_desc .i1 .inner::before {background-position:0px -100px}
.ncs #cont2_2 .list_desc .i2 .inner::before {background-position:-170px -100px}
.ncs #cont2_2 .list_desc .i3 .inner::before {background-position:-340px -100px}
.ncs #cont2_2 .list_desc .i4 .inner::before {background-position:-510px -100px}
.ncs #cont2_2 .list_desc .i5 .inner::before {background-position:-680px -100px}
.ncs #cont2_2 .list_desc .i6 .inner::before {background-position:0px -210px}
.ncs #cont2_2 .list_desc .i7 .inner::before {background-position:-170px -210px}
.ncs #cont2_2 .list_desc .i8 .inner::before {background-position:-340px -210px}
.ncs #cont2_2 .list_desc .i9 .inner::before {background-position:-510px -210px}
.ncs #cont2_2 .list_desc .i10 .inner::before {background-position:-680px -210px}

@media (max-width:800px){
  .ncs #cont2 .tit3 strong {font-size:20px; word-break:keep-all; font-weight:300}
  .ncs #cont2 .tit3 p {font-size:14px; margin-top:6px;  font-weight:300}
  .ncs #cont2 .wrapper {overflow:hidden;}
  .ncs #cont2_1 .tit3 {padding:40px 15px 100px}
  .ncs #cont2_1::after {width:290px; height:174px; top:160px; margin-left:-145px; background-size:cover}
  .ncs #cont2_1 .cont {padding:110px 0 40px}
  .ncs #cont2_1 .screen {height:auto; text-align:center; background:#fff; padding:20px 10px;}
  .ncs #cont2_1 .screen .inner {border:none}
  .ncs #cont2_1 .screen img {max-width:90%}
  .ncs #cont2_1 .screen .desc {font-size:14px; padding:0 10px}
  .ncs #cont2_1 .screen1 img {position:relative; left:auto;}
  .ncs #cont2_1 .screen1 .desc {width:auto; padding:0; text-align:left}
  .ncs #cont2_1 .screen1 .desc .inner {padding:0 10px;}
  .ncs #cont2_1 .screen1 .item {display:block; width:auto; margin:0; }
  .ncs #cont2_1 .screen .inner::after {display:none;}
  .ncs #cont2_1 .screen1 .item + .item {margin-top:10px}
  .ncs #cont2_1 .screen1 .item p + p {margin:0}
  .ncs #cont2_1 .screen2 {margin:20px 0 0}
  .ncs #cont2_1 .screen2 img {position:relative; right:auto;}
  .ncs #cont2_1 .screen2 .inner {padding:0}
  .ncs #cont2_1 .screen2 .item {display:block; width:auto; text-align:left;}
  .ncs #cont2_1 .screen2 .item + .item {margin:10px 0 0}
  .ncs #cont2 .tit3 {padding:40px 15px 100px;}
  .ncs #cont2_2::after {width:246px; height:198px;; top:160px; margin-left:-123px; background-size:cover;}
  .ncs #cont2_2 .cont {padding:130px 0 40px}
  .ncs #cont2_2 .list_desc strong {font-weight:400}
  .ncs #cont2_2 .list_desc .slick-dots {margin-top:12px; text-align:center; font-size:0;}
  .ncs #cont2_2 .list_desc .slick-dots li {display:inline-block;}
  .ncs #cont2_2 .list_desc .slick-dots li + li {margin-left:8px}
  .ncs #cont2_2 .list_desc .slick-dots li button {display:inline-block; width:22px; height:22px; border-radius:100%; background:#fff; border:1px solid #ddd; color:#555; font-size:10px; line-height:20px;}
  .ncs #cont2_2 .list_desc .slick-dots li.slick-active button {background:#43b590; border:1px solid #43b590; color:#fff;}
  .ncs #cont2_2 .list_desc .item .inner.bfr_ncs::before {background-image:url(../img/ico_ncs2.png); background-size:840px 210px;}
  .ncs #cont2_2 .list_desc .i1 .inner::before {background-position:0px 0px}
  .ncs #cont2_2 .list_desc .i2 .inner::before {background-position:-170px 0}
  .ncs #cont2_2 .list_desc .i3 .inner::before {background-position:-340px 0}
  .ncs #cont2_2 .list_desc .i4 .inner::before {background-position:-510px 0}
  .ncs #cont2_2 .list_desc .i5 .inner::before {background-position:-680px 0}
  .ncs #cont2_2 .list_desc .i6 .inner::before {background-position:0px -110px}
  .ncs #cont2_2 .list_desc .i7 .inner::before {background-position:-170px -110px}
  .ncs #cont2_2 .list_desc .i8 .inner::before {background-position:-340px -110px}
  .ncs #cont2_2 .list_desc .i9 .inner::before {background-position:-510px -110px}
  .ncs #cont2_2 .list_desc .i10 .inner::before {background-position:-680px -110px}

}

.ncs #cont3 .tit_section {background-image:url(../img/ncs_tit3.jpg);}
.ncs #cont3 .cont {padding:120px 0; background:#f5f5f5}
.ncs #cont3 .list_news {overflow:hidden; margin-left:-30px;}
.ncs #cont3 .list_news .item {float:left; width:33.3333%; text-align:center;}
.ncs #cont3 .list_news .item .inner {margin-left:30px; background-color:#fff}
.ncs #cont3 .list_news a {display:block; position:relative; height:400px; padding:0 30px;}
.ncs #cont3 .list_news .thumb::after {border-color:rgba(0,0,0,0.08)}
.ncs #cont3 .list_news strong {display:block; padding-top:57px; font-size:20px; font-weight:bold;}
.ncs #cont3 .list_news strong::before {display:block; width:14px; height:17px; margin:0 auto 10px; background:url(../img/tit_deco1.png) 50% 50% no-repeat; content:'';}
/*.ncs #cont3 .list_news p {margin-top:22px; font-size:16px; color:#777; text-align:left; line-height:26px; font-weight:300;max-height:180px;overflow:hidden;margin-bottom:15px;display:block;}*/
.ncs #cont3 .list_news .txt {margin-top:22px; font-size:16px; color:#777; text-align:left; line-height:26px; font-weight:300;max-height:180px;overflow:hidden;width:100%;display:block;text-align:left;}
.ncs #cont3 .list_news .info {position:absolute; bottom:45px; left:30px; width:calc(100% - 60px); padding-top:10px; border-top:1px solid #ddd;}
.ncs #cont3 .list_news .info span {font-size:14px; letter-spacing:0; color:#666}
.ncs #cont3 .list_news .info span::before {display:inline-block; vertical-align:top; content:'';}
.ncs #cont3 .list_news .info .date::before {width:12px; height:12px; background:url(../img/ico_calendar.png) 50% 50% no-repeat; margin:7px 4px 0 0;}
.ncs #cont3 .list_news .info .view {margin-left:46px;}
.ncs #cont3 .list_news .info .view::before {width:16px; height:12px; background:url(../img/ico_view.png) 50% 50% no-repeat; margin:7px 4px 0 0;}
.ncs #cont3 .wrap_btn {margin-top:80px; text-align:center}
.ncs #cont3 .wrap_btn .link {display:inline-block; width:250px; line-height:60px; font-size:18px; color:#fff; background:#17469e; }
.ncs #cont3 .wrap_btn .link::after {display:inline-block; width:22px; height:16px; margin:23px 0 0 8px; background:url(../img/arw2.png) 50% 50% no-repeat; vertical-align:top; content:'';}

@media (max-width:800px){
  .ncs #cont3 .cont {padding:40px 0}
  .ncs #cont3 .list_news {margin:0}
  .ncs #cont3 .list_news .item {float:none; width:auto;}
  .ncs #cont3 .list_news .item .inner {margin-left:10px}
  .ncs #cont3 .list_news .slick-dots {margin-top:12px; text-align:center; font-size:0;}
  .ncs #cont3 .list_news .slick-dots li {display:inline-block;}
  .ncs #cont3 .list_news .slick-dots li + li {margin-left:8px}
  .ncs #cont3 .list_news .slick-dots li button {display:inline-block; width:22px; height:22px; border-radius:100%; background:#fff; border:1px solid #ddd; color:#555; font-size:10px; line-height:20px;}
  .ncs #cont3 .list_news .slick-dots li.slick-active button {background:#17469e; border:1px solid #17469e; color:#fff;}
  .ncs #cont3 .list_news a {height:290px; padding:0 15px;}
  .ncs #cont3 .list_news strong {padding-top:30px; font-size:16px;}
  .ncs #cont3 .list_news strong::before {height:12px; margin-bottom:0px;}
  .ncs #cont3 .list_news p {margin-top:10px; font-size:14px; line-height:1.5; font-weight:400}
  .ncs #cont3 .list_news .info {position:relative; bottom:auto; left:auto; width:auto; padding:5px 0 15px; margin-top:15px;}
  .ncs #cont3 .list_news .info span {font-size:12px;}
  .ncs #cont3 .list_news .info .date::before {margin-top:8px;}
  .ncs #cont3 .list_news .info .view::before {margin-top:9px;}
  .ncs #cont3 .wrap_btn {margin-top:40px;}
  .ncs #cont3 .wrap_btn .link {width:180px; line-height:50px; font-size:16px;}
  .ncs #cont3 .wrap_btn .link::after {width:11px; height:8px; background-size:100%;}
}
.ncs #cont4 .tit_section {background-image:url(../img/ncs_tit4.jpg);}
.ncs #cont4 .list_gall a span::before {background:#17469e;}
.ncs #cont4 .list_gall a span::after {background:#17469e;}
.ncs #cont4 .list_gall .desc .inner::before {background:#17469e;}
.ncs #cont4 .paging ul a.bg {background:#17469e}
.ncs #cont5 {padding:55px 0; background:url(../img/ncs_bg3.jpg) 50% 50% no-repeat; background-size:cover; color:#fff; text-align:center; overflow:hidden;}
.ncs #cont5 .cont {display:table; float:left; width:638px; height:250px; border:1px solid #fff; border-color:rgba(255,255,255,0.7); background:rgba(0,0,0,0.4);}
.ncs #cont5 .cont + .cont {margin-left:40px;}
.ncs #cont5 .cont .inner {display:table-cell; vertical-align:middle;}
.ncs #cont5 .cont strong {display:block; font-size:20px; font-weight:400; line-height:30px}
.ncs #cont5 .cont a {line-height:38px; font-size:16px; border:1px solid #fff}
.ncs #cont5 .cont:first-child a {display:block; width:200px; margin:20px auto 0;}
.ncs #cont5 .cont:first-child a::before {display:inline-block; width:13px; height:14px; margin:14px 5px 0 0; background:url(../img/ico_download2.png) 50% 50% no-repeat; vvertical-align:top; content:'';}
.ncs #cont5 .cont + .cont strong {margin-bottom:20px;}
.ncs #cont5 .cont + .cont a {display:inline-block; width:150px; vertical-align:top;}
.ncs #cont5 .cont + .cont a + a {margin-left:10px;}


@media (max-width:800px){
  .ncs #cont5 {padding:40px 20px}
  .ncs #cont5 .cont {float:none; width:100%; height:20px; box-sizing:border-box;}
  .ncs #cont5 .cont .inner {padding:20px 15px}
  .ncs #cont5 .cont strong {font-size:16px; line-height:1.5}
  .ncs #cont5 .cont a {font-size:14px;}
  .ncs #cont5 .cont + .cont {margin:10px 0 0}
  .ncs #cont5 .cont + .cont a {width:112px;}
}

 
.ncs #cont6 #banners { padding: 20px 0; text-align: center; }
.ncs #cont6 #banners .ctr { float: left; padding: 20px 0; margin-right: 20px; }
.ncs #cont6 #banners .ctr button { width: 40px; height: 40px; }
.ncs #cont6 #banners .ctr .prev .ico_comm, #banners .ctr .next .ico_comm { width: 8px; height: 14px; }
.ncs #cont6 #banners .ctr .prev .ico_comm { background-position: -35px 0px; }
.ncs #cont6 #banners .ctr .next .ico_comm { background-position: -45px 0px; }
.ncs #cont6 #banners .ctr .pause:before, .ncs #cont6 #banners .ctr .pause:after { display: inline-block; width: 2px; height: 14px; margin: 0 2px; background: #555; content: ''; }
.ncs #cont6 #banners .ctr .play:after { display: inline-block; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 9px solid #555; content: ''; }
.ncs #cont6 #banners .slider { overflow: hidden; }
.ncs #cont6 #banners .slider a { display: flex; height: 80px; justify-content: center; align-items: center; }
.ncs #cont6 #banners img { margin: 0 auto; }

@media screen and (max-width: 1300px) { .ncs #cont6 #banners .wfix { margin: 0 20px; }
  .ncs #cont6 #banners .slider { margin-left: -10px; }
  .ncs #cont6 #banners .item { padding: 0 5px; }
  .ncs #cont6 #banners .item a { padding: 5px; border: 1px solid #ddd; text-align: center; } }

@media screen and (max-width: 1024px) { .ncs #cont6 #banners .ctr { display: none; }
  .ncs #cont6 #banners .slider a { height: 50px; }
  .ncs #cont6 #banners .slider a img { max-height: 50px; }
  .ncs #cont6 #banners .item { max-width: 160px; } }
  
.ncs #cont6 .slick-arrow{ position:static; top:auto; margin-top:0; background:none; }
.ncs #cont6 .slick-arrow .ico_comm{ display:block; margin:0 auto; }
.ncs #cont6 button{ vertical-align:middle; }
.ncs #cont6 .ico_comm, .ncs #cont6 .ico_aft:after, .ncs #cont6 .ico_bfr:before { display: inline-block; background-image: url(../img/ico_comm.png); background-repeat: no-repeat; background-size: 100px auto; font-size: 0; text-indent: -9999px; }

.ncs #cont6 .wrap_slider .ctr { font-size: 0; line-height: normal; }
.ncs #cont6 .wrap_slider .ctr button { display: inline-block; border: 1px solid #ccc; text-align: center; }
.ncs #cont6 .wrap_slider .ctr button + button { border-left: none; }
.ncs #cont6 .wrap_slider .play { display: none !important; }
.ncs #cont6 .wrap_slider .pause { display: inline-block !important; }
.ncs #cont6 .wrap_slider.play .pause { display: inline-block !important; }
.ncs #cont6 .wrap_slider.play .play { display: none !important; }
.ncs #cont6 .wrap_slider.pause .pause { display: none !important; }
.ncs #cont6 .wrap_slider.pause .play { display: inline-block !important; }



/*** 정보통신,소프트웨어 ***/
.ico_it,
.aft_it::after,
.bfr_it::before {display:inline-block; background:url(../img/ico_it.png) 0 0 no-repeat; vertical-align:top; content:'';}
.it #visual {background-image:url(../img/it_visual.jpg);}
.it #cont_visual .tit_visual strong {display:block; font-size:45px; line-height:60px;}
.it #cont_visual .tit_visual p {margin-top:20px; font-size:20px;}
.it #cont_visual .wrap_list {margin-top:80px;}
.it #cont_visual .list_key .key {width:440px;}
.it #cont_visual .list_key strong {margin-bottom:10px; color:#5919b4;}
.it #cont_visual .list_key strong::before {width:90px;}
.it #cont_visual .list_key .key1 strong::before {background-position:0 0}
.it #cont_visual .list_key .key2 strong::before {background-position:-100px 0}
.it #cont_visual .list_key span {display:block; font-size:16px; color:#222; line-height:1.4}
.it #menu_sub li.active {color:#5919b4;}
.it #menu_sub li.active::after {background:#5919b4;}

.it #cont1 {position:relative;}
.it #cont1::before {position:absolute; top:700px; left:0; width:100%; height:330px; background:#f5f5f5; z-index:0; content:'';}
.it #cont1 .tit_section {background-image:url(../img/it_tit1.jpg);}
.it #cont1 .cont {position:relative; padding:80px 0; z-index:1}
.it #cont1 .list_item {margin-top:70px; overflow-x:hidden;}
.it #cont1 .list_item .item {float:left; width:254px;}
.it #cont1 .list_item .item + .item {margin-left:12px;}
.it #cont1 .list_item .item .thumb {height:350px; overflow:hidden}
.it #cont1 .list_item .item .thumb img {width:350px; height:350px; margin-left:-48px; max-width:none}
.it #cont1 .list_item .desc {height:140px; border:1px solid #d5d5d5; border-top:none; padding:30px 20px 20px; text-align:center; background:#fff}
.it #cont1 .list_item .desc strong {font-weight:bold;}
.it #cont1 .list_item .desc .list {margin-top:12px; font-size:14px; color:#777; word-break:keep-all;}
.it #cont1 .list_item .desc .list::before {display:block; width:24px; height:2px; margin:0 auto 14px; background:#5919b4; content:'';}
.it #cont2 .tit_section {background-image:url(../img/it_tit2.jpg);}
.it #cont2 .cont_img {padding:80px 0}
.it #cont2 .cont_img .desc {width:570px; padding-right:50px;}
.it #cont2 .cont_img .desc p {margin-top:12px; font-size:20px; color:#777; word-break:keep-all;}
.it #cont2 .cont_img .item:last-child .desc {bottom:auto; top:0; padding:50px 0}
.it #cont3 .tit_section {background-image:url(../img/it_tit3.jpg);}
.it #cont3 .wideTab {background:#5919b4}
.it #cont3 .wideTab li {min-width:20%;}
.it #cont3 .wideTab li.active {background:#fff; color:#5919b4}
.it #cont3 .list_record {padding:100px 0}
.it #cont3 .list_record .item {height:0; overflow:hidden; opacity:0;}
.it #cont3 .list_record .item.on {height:auto; opacity:1;}
.it #cont3 .list_record .slider {padding-top:30px;}
.it #cont3 .list_record .inner {width:1000px; margin:0 auto; text-align:center}
.it #cont3 .list_record .item_pdf {text-align:center}
.it #cont3 .list_record .item_pdf img {display:inline-block; width:400px;}
.it #cont3 .list_record .slick-arrow {width:50px; height:50px; margin-top:-25px; background:#ccc; text-indent:0; z-index:99}
.it #cont3 .list_record .slick-arrow span {display:inline-block; width:15px; height:25px; background:url(../img/arw3.png) 0 50% no-repeat; background-size:30px 25px; content:''}
.it #cont3 .list_record .slick-next span {background-position:right 50%}
.it #cont3 .list_record .item a {display:block; width:120px; margin:0 auto; border:1px solid #aaa; line-height:40px; text-align:center; font-size:16px;}
.it #cont3 .list_record .item a::after {display:inline-block; width:14px; height:12px; margin:14px 0 0 6px; background:url(../img/ico_popup.png) 50% 50% no-repeat; background-size:14px 12px; vertical-align:top; opacity:0.5; content:'';}
.it #cont3 .list_record .slick-dots {position: absolute;top:0; left:0; width:100%; text-align:center; font-size:0;}
.it #cont3 .list_record .slick-dots li {display:inline-block; font-size:10px;}
.it #cont3 .list_record .slick-dots li + li {margin-left:10px;}
.it #cont3 .list_record .slick-dots li button {display:block; width:22px; height:22px; border-radius:100%; line-height:20px; border:1px solid #ccc; box-sizing:border-box; color:#777}
.it #cont3 .list_record .slick-dots li.slick-active button {background:#5919b4; color:#fff; border:none;}
.it #cont4 .tit_section {background-image:url(../img/it_tit4.jpg);}
.it #cont4 .list_gall a span::before {background:#5919b4;}
.it #cont4 .list_gall a span::after {background:#5919b4;}
.it #cont4 .list_gall .desc .inner::before {background:#5919b4;}
.it #cont4 .paging ul a.bg {background:#5919b4;}
.it + .layer .hd_layer .tit_layer::before {background:#5919b4;}
.it + .layer_gall .details .inner {border-top:2px solid #5919b4;}

@media (max-width:800px){
  .it #cont_visual .tit_visual strong {font-size:18px; line-height:1.5}
  .it #cont_visual .tit_visual p {margin-top:12px; font-size:14px;}
  .it #cont_visual .wrap_list {margin-top:30px;}
  .it #cont_visual .list_key .key {width:auto;}
  .it #cont_visual .list_key strong {color:#fff;}
  .it #cont_visual .list_key strong::before {width:45px; height:45px; background-size:95px 45px;}
  .it #cont_visual .list_key .key2 strong::before {background-position:-50px 0;}
  .it #cont_visual .list_key span {color:#fff; font-size:14px;}
  .it #cont1::before {display:none;}
  .it #cont1 .cont {padding:20px 0}
  .it #cont1 .list_item {padding:0 15px; margin:30px 0}
  .it #cont1 .list_item .item {float:none; width:auto;}
  .it #cont1 .list_item .item + .item {margin:10px 0 0}
  .it #cont1 .list_item .item .thumb {height:200px;}
  .it #cont1 .list_item .item .thumb img {width:100%; max-width:none; margin:0}
  .it #cont1 .list_item .slick-arrow {width:30px; height:40px;  background:#ccc; text-indent:0}
  .it #cont1 .list_item .slick-arrow span {display:inline-block; width:15px; height:25px; background:url(../img/arw3.png) 0 50% no-repeat; background-size:30px 25px;}
  .it #cont1 .list_item .slick-next span {background-position:right 50%}
  .it #cont1 .list_item .slick-dots {margin-top:20px; text-align:center; font-size:0;}
  .it #cont1 .list_item .slick-dots li {display:inline-block;}
  .it #cont1 .list_item .slick-dots li + li {margin-left:8px;}
  .it #cont1 .list_item .slick-dots button {display:block; width:8px; height:8px; border-radius:100%; background:#ccc;}
  .it #cont1 .list_item .slick-dots li.slick-active button {background:#5919b4}
  .it #cont2 .cont_img {padding:40px 0 60px}
  .it #cont2 .cont_img .desc {width:auto; padding:0 15px;}
  .it #cont2 .cont_img .item.left .desc {padding-right:10%}
  .it #cont2 .cont_img .item.right .desc {padding-left:10%}
  .it #cont2 .cont_img .desc p {margin-top:5px; font-size:16px;}
  .it #cont2 .cont_img .item:last-child .desc {padding:0 10% 0 15px;}
  .it #cont3 .list_record {padding:30px 0 60px}
  .it #cont3 .list_record .inner {width:auto;}
  .it #cont3 .list_record .slick-arrow {width:30px; height:40px;}
}

/*** 빌딩 매니지먼트 ***/
.ico_building,
.aft_building::after,
.bfr_building::before {display:inline-block; width:90px; height:90px; background:url(../img/ico_building.png) 0 0 no-repeat; vertical-align:top; content:'';}
.building #visual {background-image:url(../img/building_visual.jpg);}
.building #cont_visual .tit_visual span {display:inline-block; line-height:38px; padding:0 40px; border:1px solid #fff; border-radius:38px; font-size:20px; font-weight:bold}
.building #cont_visual h3 {margin-bottom:24px; font-size:48px; font-weight:300; letter-spacing:0}
.building #cont_visual p {font-size:20px; line-height:30px}
.building #cont_visual p em {display:block;}
.building #cont_visual .list_key {margin-top:68px;}
.building #cont_visual .list_key .key {width:244px;}
.building #cont_visual .list_key .key + .key {margin-left:25px;}
.building #cont_visual .list_key strong {color:#00a453; font-weight:300}
.building #cont_visual .list_key strong::before {width:90px;}
.building #cont_visual .list_key .key1 strong::before {background-position:0px 0;}
.building #cont_visual .list_key .key2 strong::before {background-position:-100px 0;}
.building #cont_visual .list_key .key3 strong::before {background-position:-200px 0;}
.building #cont_visual .list_key .key4 strong::before {background-position:-300px 0;}
.building #cont_visual .list_key .key5 strong::before {background-position:-400px 0;}
.building #cont_visual .list_key .desc {margin-top:15px; font-size:16px; color:#555}
.building #cont_visual .list_key .desc em {display:block;}
.building #menu_sub li.active {color:#00a453;}
.building #menu_sub li.active::after {background:#00a453;}
.building #cont1 .tit_section {background-image:url(../img/building_tit1.jpg);}
.building #cont1 .cont {padding-bottom:120px}
.building #cont1 .list_desc {padding:70px 0; border-bottom:330px solid #f5f5f5; font-size:0; text-align:center}
.building #cont1 .list_desc .aft_building {display:inline-block; position:relative; width:250px; font-size:16px; color:#555; vertical-align:top;}
.building #cont1 .list_desc .aft_building + .aft_building {margin-left:85px;}
.building #cont1 .list_desc .aft_building::before {display:block; width:160px; height:160px; margin:0 auto 16px; background:#eee; border-radius:100%; content:''}
.building #cont1 .list_desc .aft_building::after {position:absolute; top:35px; left:50%; margin-left:-45px;}
.building #cont1 .list_desc .item1::after {background-position:0 -100px;}
.building #cont1 .list_desc .item2::after {background-position:-100px -100px;}
.building #cont1 .list_desc .item3::after {background-position:-200px -100px;}
.building #cont1 .list_desc em {display:block;}
.building #cont1 .cont_img {margin-top:-330px; padding-top:70px;}
.building #cont1 .cont_img .desc {width:620px; padding:40px 0 20px}
.building #cont1 .cont_img .desc ul {margin-top:20px;}
.building #cont1 .cont_img .desc ul li {font-size:20px; color:#777}
.building #cont1 .cont_img .desc ul li + li {margin-top:4px;}
.building #cont1 .cont_img .desc .dot::after {top:13px}
.building #cont2 .tit_section {background-image:url(../img/building_tit2.jpg);}
.building #cont2 .cont {padding:100px 0; background:#f5f5f5}
.building #cont2 .clamp em {display: block;}
.building #cont2 .cont .inner {margin-top:100px; text-align:center;}
.building #cont3 .tit_section {background-image:url(../img/building_tit3.jpg);}
.building #cont3 .wideTab {background:#00a453}
.building #cont3 .wideTab li {width:25%;}
.building #cont3 .wideTab li.active {background:#fff; color:#00a453}
.building #cont3 .list_gall a span::before {background:#00a453;}
.building #cont3 .list_gall a span::after {background:#00a453;}
.building #cont3 .list_gall .desc .inner::before {background:#00a453;}
.building #cont3 .paging ul a.bg {background:#00a453;}
.building #cont4 .tit_section {background-image:url(../img/building_tit4.jpg);}
.building #cont4 .cont {padding:80px 0 150px;}
.building #cont4 .list_license {overflow:hidden; margin-left:-17px;}
.building #cont4 .list_license li {float:left; width:248px; margin:0 0 17px 17px; padding:24px 0; border:1px solid #ddd; text-align:center;}
.building #cont4 .list_license span {display:block;}
.building #cont4 .list_license .name {font-size:16px;}
.building #cont4 .list_license .num {background:url(../img/underColor.png) 50% bottom no-repeat; font-size:18px; font-weight:bold;}
.building + .layer .hd_layer .tit_layer::before {background:#00a453;}
.building + .layer_gall .details .inner {border-top:2px solid #00a453;}

@media (max-width:800px){
  .ico_building, .aft_building::after, .bfr_building::before {width:45px; height:45px; background-size:245px 95px}
  .building #cont_visual .tit_visual span {font-size:14px; line-height:24px; padding:0 20px;}
  .building #cont_visual h3 {margin:5px 0 20px; font-size:26px; font-weight:400}
  .building #cont_visual p {font-size:14px; line-height:1.4; word-break:keep-all;}
  .building #cont_visual .wrap_list {margin-top:30px;}
  .building #cont_visual .list_key {margin:0}
  .building #cont_visual .list_key .key {width:auto;}
  .building #cont_visual .list_key strong {color:#fff; font-weight:400}
  .building #cont_visual .list_key strong::before {width:45px; height:45px;}
  .building #cont_visual .list_key .key2 strong::before {background-position:-50px 0;}
  .building #cont_visual .list_key .key3 strong::before {background-position:-100px 0;}
  .building #cont_visual .list_key .key4 strong::before {background-position:-150px 0;}
  .building #cont_visual .list_key .key5 strong::before {background-position:-200px 0;}
  .building #cont_visual .list_key .desc {margin-top:5px; color:#fff; font-size:14px;}
  .building #cont1 .cont {padding-bottom:40px;}
  .building #cont1 .list_desc {padding:30px 0; border-bottom:none; background:#f5f5f5}
  .building #cont1 .list_desc .aft_building {display:block; width:auto;}
  .building #cont1 .list_desc .aft_building::before {width:81px; height:81px; margin-bottom:10px; background:#fff}
  .building #cont1 .list_desc .aft_building::after {top:18px; margin-left:-21px}
  .building #cont1 .list_desc .item1::after {background-position:0 -50px}
  .building #cont1 .list_desc .item2::after {background-position:-50px -50px}
  .building #cont1 .list_desc .item3::after {background-position:-100px -50px}
  .building #cont1 .list_desc .slick-arrow {width:30px; height:40px; margin-top:-15px; background:#ccc; text-indent:0;}
  .building #cont1 .list_desc .slick-arrow span {display:inline-block; width:15px; height:25px; background:url(../img/arw3.png) 0 50% no-repeat; background-size:30px 25px;}
  .building #cont1 .list_desc .slick-next span {background-position:right 50%}
  .building #cont1 .list_desc .slick-dots {margin-top:20px; text-align:center; font-size:0;}
  .building #cont1 .list_desc .slick-dots li {display:inline-block;}
  .building #cont1 .list_desc .slick-dots li + li {margin-left:8px;}
  .building #cont1 .list_desc .slick-dots button {display:block; width:8px; height:8px; border-radius:100%; background:#ccc}
  .building #cont1 .list_desc .slick-dots li.slick-active button {background:#00a453}
  .building #cont1 .cont_img {margin-top:0; padding-top:40px;}
  .building #cont1 .cont_img .desc {width:auto; padding:0 15px;}
  .building #cont1 .cont_img .desc strong {margin-top:10px;}
  .building #cont1 .cont_img .desc ul {margin-top:5px;}
  .building #cont1 .cont_img .desc ul li {font-size:16px;}
  .building #cont1 .cont_img .desc ul li + li {margin:0}
  .building #cont1 .cont_img .desc .dot::after {top:12px;}
  .building #cont1 .cont_img .item.left .desc {padding-right:10%;}
  .building #cont1 .cont_img .item.right .desc {padding-left:10%;}
  .building #cont2 .cont {padding:20px 0 40px}
  .building #cont2 .cont .clamp {background:#fff; word-break:keep-all;}
  .building #cont2 .cont .clamp em {display:inline;}
  .building #cont2 .cont .inner {margin:30px 15px 0;}
  .building #cont3 .wideTab li {min-width:80px}
  .building #cont3 .wideTab li a {padding:0 12px}
  .building #cont4 .cont {padding:0}
  .building #cont4 .list_license {margin:0}
  .building #cont4 .list_license li {display:table; width:33.3333%; height:65px; padding:2px 10px; margin:0; box-sizing:border-box; border-left:none;}
  .building #cont4 .list_license li:nth-child(3n) {border-right:none}
  .building #cont4 .list_license li:nth-child(n+4) {border-top:none}
  .building #cont4 .list_license .inner {display:table-cell; height:64px; vertical-align:middle;}
  .building #cont4 .list_license .name,
  .building #cont4 .list_license .num {font-size:13px; line-height:1.2}
  .building #cont4 .list_license .num {margin-top:2px;}
  .layer_gall .pic {float:none; width:auto; height:160px; margin:0}
  .layer_gall .desc {padding:10px 14px; background:#f2f2f2}
  .layer_gall .desc table th,
  .layer_gall .desc table td {height:auto; padding:10px; line-height:1.3; font-size:14px;}
  .layer_gall .desc table th {width:auto; padding-left:2px}
  .layer_gall .desc table tr:last-child th,
  .layer_gall .desc table tr:last-child td {border-bottom:none;}
  .layer_gall .details {padding:12px;}
  .layer_gall .details table th,
  .layer_gall .details table td {padding:5px; font-size:13px;}
  .layer_gall .details table th {width:5em}
  .layer_gall .details table td {color:#555}
}

.connect #header {z-index:3}
.connect #header.on {z-index:4}
.connect #visual {height:520px; background-image:url(../img/connect_visual.jpg);}
.connect #cont_visual {height:520px; letter-spacing:0}
.connect #cont_visual .inner {background:rgba(0,41,144,0.7)}
.connect #cont_visual h3 {font-size:48px; font-weight:bold; letter-spacing:0; line-height:52px;}
.connect #cont_visual h3::after {display:block; width:30px; height:2px; background:#fff; margin:30px auto; content:'';}
.connect #cont_visual p {max-width:800px; margin:0 auto;}
.connect #cont_visual p em {display:block;}
.connect #cont_visual .language {position:absolute; top:87px; left:0; width:100%;}
.connect #cont_visual .language ul {max-width:1320px; margin:0 auto; text-align:right; font-size: 0}
.connect #cont_visual .language li {display:inline-block; vertical-align:top; width:76px; text-align:center; font-size:13px; font-weight:bold; letter-spacing:0; background:rgba(255,255,255,0.5); color:rgba(255,255,255,0.7)}
.connect #cont_visual .language li + li {margin-left:1px;}
.connect #cont_visual .language li.on {background:#fff; color:#0e3077}
.connect #cont_visual .language li a {display:block; line-height:30px;}
.connect #cont_visual .language li:first-child {border-radius:0 0 0 5px;}
.connect #cont_visual .language li:last-child {border-radius:0 0 5px 0}
.connect #contents {margin-top:520px; z-index:3; letter-spacing:0}
.connect .tit_cnt {display:block; color:#0e3077; font-size:36px; font-weight:bold; text-align:center; line-height:40px;}
.connect .tit_cnt::before {display:block; width:32px; height:3px; background:#0e3077; margin:0 auto 12px; content:'';}
.connect .tit_cnt + .desc {position:relative; max-width:750px; margin:40px auto 0; padding:10px 0 15px; font-size:18px;text-align:center}
.connect .tit_cnt + .desc::before {position:absolute; top:50%; left:0; width:17px; height:122px; margin-top:-61px; background:url(../img/connect_clamp_left.png) 0 50% no-repeat; content:''}
.connect .tit_cnt + .desc::after {position:absolute; top:50%; right:0; width:17px; height:122px; margin-top:-61px; background:url(../img/connect_clamp_right.png) 0 50% no-repeat; content:''}
.connect .tit_cnt + .desc strong {display:block; margin-bottom:6px; font-size:24px; font-weight:bold;}
.connect .tit_cnt + .desc p {padding:0 20px;}
.connect .cont1  {background:#f1f8f8; text-align:center;}
.connect .cont1 .tit_cnt {font-size:28px;}
.connect .cont1 .ovf .img {display:block; max-width:572px; margin:40px auto 0}
.connect .cont1 .ovf .img .hd_graph {position:relative; margin-bottom:5px; font-size:15px;}
.connect .cont1 .ovf .mo {display:none;}
.connect .cont1 .ovf .img strong {font-weight:bold;}
.connect .cont1 .ovf .img span {position:absolute; top:0; right:0;}
.connect .cont1 .item2,
.connect .cont1 .item3 {padding:70px 0; font-size:0}
.connect .cont1 .item2 {float:left; width:50%; background:#fff; text-align:right;}
.connect .cont1 .item3 {overflow:hidden; text-align:left;}
.connect .cont1 .item2 .inner,
.connect .cont1 .item3 .inner {display:inline-block; font-size:14px; width:660px; vertical-align:top; text-align:center}
.connect .cont1 .item2 .inner {padding-right:30px;}
.connect .cont1 .item3 .inner {padding-left:30px;}
.connect .cont1 .item3 .img {margin-top:46px; margin:60px auto 0; }
.connect .cont2,
.connect .cont3,
.connect .cont4 {padding:85px 0}
.connect .cont2 {background:#f5f5f5; text-align:center;}

.connect .cont2 .cont {margin-top:40px; background:#fff; padding:55px 0}
.connect .cont2 .cont .img1 {display:inline-block; vertical-align:top;}
.connect .cont2 .cont .img1.mo {display: none;}
.connect .cont2 .cont .products {display:inline-block; vertical-align:top; padding:13px 0 13px 50px; margin-left:50px; border-left:1px solid #ddd;}
.connect .cont2 .cont .products strong {display:inline-block; line-height:26px; font-size:18px; font-weight:bold; color:#0e3077; border:2px solid #0e3077; border-radius:26px; padding:0 10px;}
.connect .cont2 .cont .list_product {margin-top:20px; text-align:left;}
.connect .cont2 .cont .list_product li {line-height:25px;}
.connect .cont2 .cont .list_product li + li {margin-top:5px;}
.connect .cont2 .cont .list_product li::before {display:inline-block; width:3px; height:3px; border-radius:100%; background:#333; vertical-align:top; margin:11px 5px 0 0; content:''}
.connect .cont2 .summ {margin-top:40px; font-size:36px; font-weight: bold; }
.connect .cont2 .summ span {display:inline-block; vertical-align:top; line-height:60px;}
.connect .cont2 .summ span + span::before {display:inline-block; vertical-align:top; width:60px; height:60px; margin:0 20px; background:url(../img/connect_cont1_ico5.png) 50% 50% no-repeat; content:''}
.connect .cont2 .summ span + span + span::before {background-image:url(../img/connect_cont1_ico6.png);}
.connect .cont2 .summ span + span + span i {display:inline-block; width:58px; height:58px; vertical-align:top; margin:1px 8px 0 0; background:url(../img/connect_cont1_ico7.png) 50% 50% no-repeat; content:'';}

.connect .cont3 .list_cont {margin-top:80px;}
.connect .cont3 .list_cont .wrap_item + .wrap_item {margin-top:40px; padding-top:40px; border-top:1px solid #ddd;}
.connect .cont3 .list_cont .wrap_item .tit_cont2 {display:block; font-size:30px; font-weight:300; line-height:1.2; }
.connect .cont3 .list_cont .wrap_item .tit_cont2::after {display:block; width:30px; height:1px; background:#333; margin-top:10px; content:''}
.connect .cont3 .list_cont .ovf .fl {width:290px;}
.connect .cont3 .list_cont .ovf .cont {overflow:hidden;}
.connect .cont3 .list_cont .ovf .cont .item {text-align:center; color:#fff}
.connect .cont3 .list_cont .ovf .cont .item + .item {margin-left:20px;}
.connect .cont3 .list_cont .ovf .cont dl + dl {border-left:1px solid rgba(255,255,255,0.5)}
.connect .cont3 .list_cont .ovf .cont dt {display:inline-block; line-height:26px; font-weight:bold; border:2px solid #fff; border-radius:26px; padding:0 12px; min-width:90px;}
.connect .cont3 .list_cont .ovf .cont dd {word-break:keep-all; margin-top:16px;}
.connect .cont3 .list_cont .cont3_1 .item {float:left; width:505px; padding:48px 0;}
.connect .cont3 .list_cont .cont3_1 .item1 {background:url(../img/connect_cont2_1_1.jpg) 50% 50% no-repeat;}
.connect .cont3 .list_cont .cont3_1 .item1 dl {display:inline-block; vertical-align:top; width:49%}
.connect .cont3 .list_cont .cont3_1 .item2 {background:url(../img/connect_cont2_1_2.jpg) 50% 50% no-repeat;}
.connect .cont3 .list_cont .cont3_2 .item {float:left; width:330px; padding:30px 0 20px; box-sizing:border-box; height:300px;}
.connect .cont3 .list_cont .cont3_2 .item dl {padding:0 20px;}
.connect .cont3 .list_cont .cont3_2 .item dd {font-size:14px; line-height:1.4}
.connect .cont3 .list_cont .cont3_2 .item .box {margin-top:12px; border:1px solid rgba(255,255,255,0.5); padding:20px;}
.connect .cont3 .list_cont .cont3_2 .item .box strong,
.connect .cont3 .list_cont .cont3_2 .item .box span {display:block; }
.connect .cont3 .list_cont .cont3_2 .item .box strong + span + strong {margin-top:10px;}
.connect .cont3 .list_cont .cont3_2 .item .box strong {font-weight:bold; text-decoration:underline;}
.connect .cont3 .list_cont .cont3_2 .item1 {background:url(../img/connect_cont2_2_1.jpg) 50% 50% no-repeat;}
.connect .cont3 .list_cont .cont3_2 .item2 {background:url(../img/connect_cont2_2_2.jpg) 50% 50% no-repeat;}
.connect .cont3 .list_cont .cont3_2 .item3 {background:url(../img/connect_cont2_2_3.jpg) 50% 50% no-repeat;}
.connect .cont3 .list_cont .cont3_2 .item3 .box {padding:12px 20px}
.connect .cont3 .cont_img {margin-top:20px;}
.connect .cont3 .cont_img .desc {padding-top:30px;}
.connect .cont3 .cont3_3 strong {font-size:24px; color:#0e3077; line-height:36px; font-weight: bold;}
.connect .cont3 .cont3_3 strong::before {display:inline-block; width:0; height:0; vertical-align:top; margin:12px 8px 0 0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #0e3077; content:'';}

.connect .cont3 .cont_img p {margin:8px 0; font-weight:bold;}
.connect .cont3 .cont_img ul {font-weight:300; color:#555; line-height:20px;}
.connect .cont3 .cont_img li {padding-left:0.5em; text-indent:-0.5em;}
.connect .cont3 .cont_img li + li {margin-top:6px;}
.connect .cont3 .cont_img li::before {display:inline-block; width:2px; height:2px; border-radius:100%; background:#555; vertical-align:top; margin:9px 4px 0 0;content:'';}
.connect .cont3 .cont_img .item + .item {margin-top:60px;}
.connect .cont3 .cont3_3 .item.list {margin-top:40px;}
.connect .cont3 .cont3_3 .item.list ul {margin-top:12px; margin-left:-12px; overflow:hidden;}
.connect .cont3 .cont3_3 .item.list li {float:left; width:16.6666%;}
.connect .cont3 .cont3_3 .item.list li .inner {margin-left:12px; text-align:center;}
.connect .cont3 .cont3_3 .item.list li .desc {display:flex; flex-direction:column; justify-content:center; height:120px; border:1px solid #ccc; border-top:none; padding:0 12px; box-sizing:border-box;}
.connect .cont3 .cont3_3 .item.list li .desc dt {font-weight:bold}
.connect .cont3 .cont3_3 .item.list li .desc dd {font-size:14px; word-break:keep-all;}

.connect .cont4 {background:#f1f8f8;}
.connect .cont4 .tit_cnt + .desc {max-width:680px}
.connect .cont4 .item1 {margin-top:60px; overflow:hidden;}
.connect .cont4 .item1 .img1,
.connect .cont4 .item1 .img2,
.connect .cont4 .item1 .img3 {display:flex; justify-content:center; align-items:center; height:300px;}
.connect .cont4 .item1 .img1 {float:left; width:50%;}
.connect .cont4 .item1 .img2,
.connect .cont4 .item1 .img3 {float:left; width:25%}
.connect .cont4 .item1 .img1,
.connect .cont4 .item1 .img3 {background:#fff;}
.connect .cont4 .item1 .img2.mo {display:none;}


@media (max-width:1300px){
  .connect .wfix {margin:0 20px;}
  .connect .cont1 .item2,
  .connect .cont1 .item3 {width:auto; padding:0;}
  .connect .cont1 .item2 {float:none;}
  .connect .cont1 .item2 .inner, .connect .cont1 .item3 .inner {width:auto; padding:50px 0; display:block;}
  .connect .cont2 .cont {padding:30px 15px;}
  .connect .cont2 .cont .img1 {display:block;}
  .connect .cont2 .cont .products {margin:20px 0 0 0; padding:20px 0 0 0; border:none; border-top:1px solid #ccc}
  .connect .cont2 .cont .products strong {font-size:16px; line-height:22px;}
  .connect .cont2 .cont .list_product {margin-top:10px; text-align:center;}
  .connect .cont2 .cont .list_product li {display: inline-block; vertical-align:top; font-size:14px}
  .connect .cont2 .cont .list_product li + li {margin:0 10px}
  .connect .cont2 .summ {font-size:28px;}
  .connect .cont3 .list_cont {margin-top:40px; }
  .connect .cont3 .list_cont .ovf .fl {float:none; width:auto;}
  .connect .cont3 .list_cont .ovf .cont {margin-top:20px;}
  .connect .cont3 .list_cont .ovf .cont .item {background-size:cover}
  .connect .cont3 .list_cont .ovf .cont .item + .item {margin:0;}
  .connect .cont3 .list_cont .ovf .cont3_1 .item {width:50%}
  .connect .cont3 .list_cont .ovf .cont3_2 .item {width:33.3333%}
  .connect .cont3 .list_cont .wrap_item .tit_cont2 {font-size:24px;}
  .connect .cont3 .cont3_3 strong {font-size:18px; line-height:1.4}
  .connect .cont3 .cont3_3 .item.list li {width:25%}
  .connect .cont3 .cont3_3 .item.list li:nth-child(n+5) {margin-top:10px}
  .connect .cont3 .cont_img ul {font-size:14px;}
  .connect .cont4 .item1 {margin-top:30px;}
  .connect .cont4 .item1 .img1,
  .connect .cont4 .item1 .img2,
  .connect .cont4 .item1 .img3 {float:none; width:auto; height:auto; padding:20px 10px; text-align: center;}
  .connect .cont4 .item1 .img2.pc {display:none;}
  .connect .cont4 .item1 .img2.mo {display:block; margin:10px 0}
}

@media (max-width:1000px){
  .connect #cont_visual .language {top:46px}
  .connect #cont_visual .language ul {margin:0 20px}
}
@media (max-width:800px){
  #cont_visual .inner {padding-top:50px;}
  #cont_visual .tit_visual {padding:0}
  .connect #cont_visual h3 {font-size:24px; line-height:1.2}
  .connect #cont_visual h3::after {margin:18px auto}
  .connect #cont_visual p {font-size:14px;}
  .connect .cont2, .connect .cont3, .connect .cont4 {padding:36px 0}
  .connect .tit_cnt {font-size:18px; line-height:22px;}
  .connect .tit_cnt::before {width:24px; height:2px; margin-bottom:7px;}
  .connect .cont1 .inner {padding:40px 15px !important;}
  .connect .cont1 .ovf .pc {display:none;}
  .connect .cont1 .ovf .mo {display:block;}
  .connect .cont1 .ovf .img {margin-top:20px;}
  .connect .cont1 .item2 {float:none; width:auto; border:none}
  .connect .cont1 .ovf .tit_cnt {padding:0; font-size:16px;}
  .connect .cont1 .ovf .tit_cnt::before {width:20px; margin-bottom:4px;}
  .connect .cont1 .item3 {border-top:1px solid #ccc;border-bottom:1px solid #ccc}
  .connect .tit_cnt + .desc {margin:0 15px; font-size:14px; padding:12px 20px}
  .connect .tit_cnt + .desc strong {font-size:16px;}
  .connect .cont2 .cont .img1.pc {display:none;}
  .connect .cont2 .cont .img1.mo {display:block;}
  .connect .cont2 .summ {margin-top:30px; font-size:20px;}
  .connect .cont2 .summ span {margin:10px 0; line-height:30px;}
  .connect .cont2 .summ span + span::before {width:30px; height:30px; background-size:100%;}
  .connect .cont2 .summ span + span + span i {width:29px; height:29px; background-size:100%;}
  .connect .cont3 .list_cont .ovf .cont3_1 .item {float:none; width:auto;}
  .connect .cont3 .list_cont .ovf .cont .item + .item {margin-top:8px;}
  .connect .cont3 .list_cont .ovf .cont3_2 .item {float:none; width:auto; height:auto;}
  .connect .cont3 .list_cont .ovf .cont dd {font-size:14px; padding:0 15px;}
  .connect .cont3 .cont3_3 strong {font-size:16px; margin:0}
  .connect .cont3 .cont3_3 strong::before {margin-top:6px;}
  .connect .cont3 .cont_img .item + .item {margin-top:30px;}
  .connect .cont3 .cont_img p {font-size:14px;}
  .connect .cont3 .cont_img .desc {padding-top:12px; padding-left:0}
  .connect .cont3 .cont_img .item.right .desc {padding-left:10%; padding-right:0}
  .connect .cont3 .cont3_3 .item.list li .desc dt {font-size:14px;}
  .connect .cont3 .cont3_3 .item.list li .desc dd {line-height:1.2; color:#555}
  .connect .cont3 .cont3_3 .item.list li {width:33.3333%}
  .connect .cont3 .cont3_3 .item.list li:nth-child(n+5) {margin-top:0}
  .connect .cont3 .cont3_3 .item.list li:nth-child(n+4) {margin-top:10px}
  .connect .cont2 + .cont4 {border-top:1px solid #ccc}
}

@media (max-width:500px){
  .connect #cont_visual .language ul {text-align:center}
  .connect .cont1 .ovf .img .hd_graph {font-size:15px;}
  .connect .cont3 .cont3_3 .item.list li {width:50%}
  .connect .cont3 .cont3_3 .item.list li:nth-child(n+4) {margin-top:0}
  .connect .cont3 .cont3_3 .item.list li:nth-child(n+3) {margin-top:10px}
  .connect .cont4 .item1 .img3 img {height:100px}
}