/* ==== tab ==== */
@media screen and (max-width:1024px){
body,th,td,input,select,textarea,button {font-size:15px; line-height:1.7; font-family: 'Arial';/* font-family: 'Oxanium'; */ color:#555;} 
.inner {width:100%; padding:0 2.6%;}
.inner.sub_inner {width:100%;}
.pc_img {display:none !important;}
.tab_img {display:inline-block !important;}
.mob_img {display:none !important;}
.section {height:auto;}
.pc {display:none !important;}
.tab {display:block;}
.mob {display:none;}

#header {position:absolute; top:0; left:0; width:100%; height:100px; z-index:1000; padding:0;}
#header h1 {position:absolute; right:auto; top:15px; left:2.6%; z-index:10;} 
#header h1 a {display:block; width:260px; height:70px; background:url("/images/main/logo_tab.png") top center no-repeat; transition:0.3s ease-in-out;
background-size:260px 70px;}
.gnb {display:none;}

#header.navi {background:#fff;}
#header.navi h1 a {background:url("/images/main/logo_on_tab.png") top center no-repeat; background-size:260px 70px;}
.navi_btn {position:absolute; display:block; right:2.6%; top:41px; width:25px; height:18px; background:url("/images/main/navi_btn.png") top center no-repeat;
background-size:25px 18px; cursor:pointer;}
.navi_btn.on {width:23px; height:23px; background:url("/images/main/navi_close.png") top center no-repeat; background-size:23px 23px;}
.navigation {display:none; position:absolute; width:100%; height:100%; top:100px; left:0; background:rgba(0,0,0,0.85); overflow:hidden; z-index:10000;}
.navigation .lnb {float:right; display:block; width:52.08%; background:#fff; border-top:1px solid #ddd;}
.navigation h3 {width:100%; height:60px; border-bottom:1px solid #ddd; background:url("/images/main/navi.png") 95% center no-repeat; background-size:15px 15px;}
.navigation h3 a {display:block; width:100%; height:100%; padding-left:40px; font-size:20px; color:#111; line-height:60px; font-weight:500;}
.navigation ul {width:100%; padding:15px 0; background:#f5f5f5; border-bottom:1px solid #ddd;}
.navigation ul li {line-height:35px;}
.navigation ul li a {position:relative; padding-left:50px; display:block; width:100%; height:100%; font-size:15px; color:#111; font-weight:500;}
.navigation ul li a:before {content:''; position:absolute; top:50%; margin-top:-2px; left:39px; width:4px; height:4px; background:#005ca5; border-radius:50%;}
.navigation h3.on {background:#005ca5 url("/images/main/navi_on.png") 95% center no-repeat; background-size:15px 3px;}
.navigation h3.on a {color:#fff;}
.navigation h3.active {background:#005ca5 url("/images/main/navi_on.png") 95% center no-repeat; background-size:15px 3px;}
.navigation h3.active a {color:#fff;}
.navigation ul li.on a {color:#005ca5;}

#visual_wrap {position:relative; width:100%; height:auto;}
#visual_wrap .scroll {display:none;}
#visual_wrap .slick-arrow {position:absolute; top:50%; margin-top:-22px; width:24px; height:44px; font-size:0; z-index:100;}
#visual_wrap .slick-prev {left:2.6%; background:url("/images/main/prev.png") top center no-repeat;} 
#visual_wrap .slick-next {right:2.6%; background:url("/images/main/next.png") top center no-repeat;} 
#visual_wrap .slick-prev:hover {left:2.6%; background:url("/images/main/prev.png") top center no-repeat;} 
#visual_wrap .slick-next:hover {right:2.6%; background:url("/images/main/next.png") top center no-repeat;} 
#visual_wrap .slick-dots {position:absolute; right:2.6%; bottom:50px; font-size:0;}
#visual_wrap .slick-dots li {display:inline-block; width:15px; height:2px; background:rgba(255,255,255,0.5); vertical-align:middle; transition:0.3s ease-in-out; margin-left:6px;}

#section1 {}
.sec1_con01 {width:100%; padding:80px 0 60px;}
.sec1_con01 .inner {position:relative;}
.sec1_con01 .img {position:absolute; float:left; width:27.53%; padding-top:0; top:50%; margin-top:-42px; left:2.6%}
.sec1_con01 .img .img_wrap {position: relative; width:100%; height:0; /* padding-bottom:24.50%; */padding-bottom:49%; overflow: hidden;}
.sec1_con01 .img .img_wrap img {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); max-width:100%; max-height:100%; width:auto; height:auto;}
.sec1_con01 .txt {float:right; width:63.07%;padding-top:0;}
.sec1_con01 .txt ul li {position:relative; padding-left:135px; line-height:30px; font-size:17px; color:#111; font-weight:400;
text-align:right; overflow:hidden;}
.sec1_con01 .txt ul li span {position:absolute; top:0; left:0; font-weight:600;}

h2.h2_tit {position:relative; width:100%; font-size:44px; color:#005ca5; line-height:1; font-weight:400; text-transform: uppercase; font-family: 'Oxanium';}
h2.h2_tit a {position:absolute; right:0; top:1px; display:block; width:180px; height:53px; border:2px solid #005ca5; padding-left:20px;
font-size:15px; color:#005ca5; line-height:51px; font-weight:500; background:url("/images/main/more.png") 90% center no-repeat; transition:0.3s ease-in-out;}
/* h2.h2_tit a img {margin-left:64px; vertical-align:0px;} */
h2.h2_tit a:hover {background:#005ca5 url("/images/main/more_w.png") 93% center no-repeat; color:#fff; transition:0.3s ease-in-out;}

.sec1_con02 {width:100%; padding:65px 0 60px; background:#f1f1f1;}
.sec1_con02 .sec1_list {margin-top:46px;}
.sec1_con02 .sec1_list li {float:left; width:49.23%; height:287px; margin-right:1.51%; margin-top:10px; cursor:pointer;}
.sec1_con02 .sec1_list li p {height:287px;}
.sec1_con02 .sec1_list li:nth-child(2n) {margin-right:0;}
.sec1_con02 .sec1_list li:nth-child(-n+2) {margin-top:0;}
.sec1_con02 .sec1_list li:nth-child(2), .sec1_con02 .sec1_list li:nth-child(3) {width:49.23%;}

.photo_pop_wrap {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.85); z-index:100;}
.pop_con {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%;}
.pop_close {position:absolute; top:0; right:9.5%; z-index:10;}
.pop_close img {height:53px; cursor:pointer;}
.photo_slider {position:relative; padding:0 9.5% 43px;}
.photo_slider li .img {position:relative; width:100%; height:0; padding-bottom:64.63%;}
.photo_slider li img {position:absolute; display:inline-block !important; top:50%; left:50%; transform:translate(-50%,-50%); width:auto; height:auto; max-width:100%; max-height:100%;}
.photo_slider .slick-arrow {position:absolute; top:50%; margin-top:-23px; width:24px; height:46px; font-size:0; background-size:24px 46px !important;}
.photo_slider .slick-prev {left:2.6%; background:url("/images/main/pop_prev.png") top center no-repeat;}
.photo_slider .slick-next {right:2.6%; background:url("/images/main/pop_next.png") top center no-repeat;}
.photo_slider .slick-dots {position:absolute; bottom:0; left:0; width:100%; text-align:center; font-size:0;}
.photo_slider .slick-dots li {display:inline-block; margin-left:6px; width:13px; height:13px; background:rgba(255,255,255,0.6); font-size:0; cursor:pointer;}

#section2 {width:100%; padding:65px 0 60px;}
.sec1_con03 {padding:65px 0 60px;}
.sec2_list {margin-top:45px;}
.sec2_list li {float:left; width:49.17%; margin-left:1.51%;}
.sec2_list li:first-child {margin-left:0;}
.sec2_list li a {display:block; width:100%; height:100%;}
/* .sec2_list li .img {position:relative; width:100%; height:0; padding-bottom:62.84%; overflow:hidden;}
.sec2_list li .img img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto; height:auto; max-width:100%; max-height:100%; transition:0.3s ease-in-out;} */
.sec2_list li .img {width:100%; height:225px;}
.sec2_list li .img p {height:225px;}
.sec2_list li .txt {position:relative; width:100%; margin-top:10px; padding:20px; border:2px solid #005ca5; z-index:1;}
.sec2_list li .txt:before {content:''; position:absolute; top:0; left:0; width:0; height:100%; background:#005ca5; z-index:-1; transition:0.3s ease-in-out;}
.sec2_list li .txt h3 {font-size:15px; color:#005ca5; line-height:25px; font-weight:500; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; transition:0.3s ease-in-out;}
.sec2_list li .txt span {display:block; font-size:14px; color:#005ca5; line-height:1; margin-top:15px; font-weight:500; transition:0.3s ease-in-out;}
.sec2_list li:nth-child(3) {display:none;}

#section3 {width:100%; height:250px; padding:60px 0; background:url("/images/main/sec3_bg_tab.jpg") top center no-repeat; text-align:center;
background-size:cover;}
#section3 > img {width:100%;}
#section3 h2 {font-size:45px; color:#fff; line-height:1; font-weight:400;}
#section3 a {display:inline-block; margin-top:40px;}

#footer {width:100%;}
#footer .inner {position:relative;}
.f_top {background:#282828; padding:28px 0;}
.foot_logo {display:none;}
.f_menu {display:none;}
.f_sns {position:static; font-size:0; text-align:center;}
.f_sns a {vertical-align:middle; margin-left:68px;}
.f_sns a:first-child {margin-left:0;}
#footer p.copyright {font-size:15px; color:rgba(255,255,255,0.6); line-height:60px; background:#141414; text-align:center;}
.top_btn {display:none;}

/* === Sub === */
#header.sub {position:static; height:100px;}
#header.sub h1 {width:auto; height:70px;}
#header.sub h1 a {background:url("/images/main/logo_on_tab.png") top center no-repeat; transition:0.3s ease-in-out; background-size:100%;}
#header.sub.black h1 a { background:url("/images/main/logo_b.png") top center no-repeat; background-size:100%;}
#header.sub .gnb {display:none;}
#header.sub .navi_btn {background:url("/images/sub/navi_btn.png") top center no-repeat; background-size:25px 18px;}
#header.sub .navi_btn.on {width:23px; height:23px; background:url("/images/main/navi_close.png") top center no-repeat; background-size:23px 23px;}

#sub_contents {width:100%; padding-bottom:60px; min-height:600px;}
.contop {padding-top:40px; width:100%;}
.contop h2 {font-size:20px; color:#005ca5; line-height:1; font-weight:500;}
.conbody {padding-top:20px; width:100%;}

.about_wrap {width:100%;}
.about_wrap .img {float:left; width:40.10%; margin-right:2.6%;}
.about_wrap .img img {width:100%;}
.about_wrap .txt {float:left; width:54.54%; padding-top:0;}
.about_wrap .txt p {margin-bottom:9px; word-break:keep-all;}
.about_wrap .txt p:last-child {margin-bottom:0;}

h4.h4_tit {font-size:16px; color:#005ca5; line-height:29px; margin:15px 0 25px;}
h5.h5_tit {font-size:16px; color:#005ca5; line-height:px; margin-bottom:15px; font-weight:500;}


/* sub0101 about us */
.about_wrap {position:relative; width:100%;}
.about_wrap .img {float:left; width:40.205%; margin-right:2.6%;}
.about_wrap .img img {width:100%;}
.about_wrap .txt {float:left; width:57.195%; padding-top:0;}

.txt_mid {text-align: center; font-size:0;}
.txt_mid li {position: relative; display:inline-block; font-size:38px; color:#000; font-weight:400; line-height:1; margin-right:100px;}
.txt_mid li:before {content:''; position: absolute; top:50%; right:-50px; transform:translateY(-50%); width:5px; height:21px; background:url('/images/sub/point_pc.png') top center no-repeat;
background-size:5px 21px;}
.txt_mid li span {position: absolute; bottom:-25px; right:auto; left:50%; transform: translateX(-50%); display: block; font-size:15px; font-weight:400;}
.txt_mid li:last-child {margin-right:0;}
.txt_mid li:last-child:last-child:before {content:none;}
.txt_mid li:last-child span {right:auto;}

.txt_btm {margin:85px 0 0;}
.txt_btm strong {display:block; font-size:13px; color:#555; line-height:20px; font-weight:400;}
.txt_btm em {font-weight:500;}

.country {position: static; bottom:0; right:0; text-align: center; font-size:0; width:100%; margin-top:30px;}
.country img {width:100%;}
.country li {display: inline-block; width:80px; height:43px; margin-right:12px;}
.country li:last-child {margin-right:0;}

.about_wrap .h4_tit {margin:8px 0 60px; letter-spacing: -.15px; font-size:15px; line-height:20px;}
.about_wrap .h4_tit span {display:none;}
.about_wrap .h4_tit i {display:block;}
.about_wrap .h4_tit i.tab {margin-bottom:15px;}
.about_wrap .h5_tit {line-height:20px; font-weight:500; margin:0;}

/* sub0102 */
.manage_wrap ul li {float:left; width:100%; text-align:center; word-break:keep-all; padding:0 9.35%; font-weight:500; margin-top:95px;}
.manage_wrap ul li:first-child {margin-top:0;}
.manage_wrap ul li img {height:149px;}

/* sub0103 */
.sub0103_wrap .img_wrap {float: left; width:41.20%; margin-right:2.60%;}
.sub0103_wrap .img_wrap img {width:100%;}
.sub0103_wrap .txt_wrap {float: left; width: calc(100% - 43.8%); word-break: keep-all;}

.sub0103_wrap .h4_tit {display: inline-block;  padding-bottom:5px; margin:0 0 50px;}
.sub0103_wrap .h4_tit span {display: block;}

.sub0103_wrap .h5_tit {font-size:15px; line-height:1; margin-bottom:8px;}
.sub0103_wrap p {font-size:13px; line-height:29px; margin-bottom:15px;}
.sub0103_wrap p:last-child {margin-bottom:0;}

/* sub0104 */
.sub0104_wrap li {float: left; width:15.44%; margin:20px 1.47% 0 0;}
.sub0104_wrap li:nth-child(-n+8) {margin-top:20px;} 
.sub0104_wrap li:nth-child(8n) {margin-right:1.47%;}
.sub0104_wrap li:nth-child(-n+6) {margin-top:0;} 
.sub0104_wrap li:nth-child(6n) {margin-right:0;}
.sub0104_wrap li .img_wrap {position: relative; display:block; width:100%; height:0; padding-bottom:65.78%; overflow:hidden;}
.sub0104_wrap li .img_wrap img {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); max-width:100%; max-height:100%; width: auto; height:auto;}

/* sub0105 */
.sub0105_wrap .img_wrap {float:none; width:100%; margin-right:2.88%;}
.sub0105_wrap .img_wrap img {width:100%;}
.sub0105_wrap .txt_wrap {float: none; width: 100%; word-break:keep-all;}

.sub0105_wrap .h4_tit {margin:15px 0 40px;}
.sub0105_wrap p {font-size:13px; margin-bottom:30px;}
.sub0105_wrap p:last-child {margin-bottom:0;}

.sub0105_wrap .h5_tit {margin-bottom:10px;}

/* sub0201 */
ul.num_list {width:100%; margin-top:20px;}
ul.num_list li {position:relative; padding-left:28px; font-size:15px; color:#555; line-height:25px; margin-top:10px;}
ul.num_list li:first-child {margin-top:0;}
ul.num_list li span {position:absolute; top:0; left:0;}

/* sub0203 */
.service_list li {float:left; width:100%; margin-top:35px; padding-right:0; word-break:keep-all;}
.service_list li:nth-child(-n+2) {margin-top:25px;}
.service_list li:first-child {margin-top:0;}

/* sub0301 */
.project_list {width:100%;}
.project_list li {float:left; width:47.86%; margin-right:1.6%; margin-top:25px;}
.project_list li:nth-child(4n) {margin-right:1.6%;}
.project_list li:nth-child(-n+4) {margin-top:25px;}
.project_list li:nth-child(2n) {margin-right:0;}
.project_list li:nth-child(-n+2) {margin-top:0;}
.project_list li .img {position:relative; width:100%; height:0; padding-bottom:55.86%;}
.project_list li .img img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:auto; max-width:100%; max-height:100%;}
.project_list li h6 {font-size:15px; color:#111; line-height:25px; margin-top:13px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:600;}

/* sub0401 */
.contact_wrap {width:100%; font-size:0;}
.contact_wrap .down_btn {margin-bottom:12px;}
.contact_wrap .down_btn img {height:16px;}
.contact_wrap .img {display:inline-block; vertical-align:middle; width:48.55%; margin-right:2.67%; padding-left:0;}
.contact_wrap .img img {width:100%; vertical-align:middle;}
.contact_wrap .txt {display:inline-block; vertical-align:middle; width:48.55%;}
.contact_wrap .txt ul {margin-top:0;}
.contact_wrap .txt ul li {margin-top:10px; width:100%; height:44px; background:#e3e3e3;}
.contact_wrap .txt ul li:last-child {height:80px;}
.contact_wrap .txt ul li input {width:100%; height:100%; font-size:15px; color:#111;}
.contact_wrap .txt ul li input::placeholder {font-size:15px;}
.contact_wrap .txt ul li textarea {padding:15px 20px; font-size:15px;}
.contact_wrap .txt ul li textarea::placeholder {font-size:15px}
.contact_wrap .send_btn {margin-top:10px;}
.contact_wrap .send_btn a {width:180px; height:48px; line-height:48px; font-size:15px;}







}