@charset 'utf-8';



/* 서브 페이지 기본 셋팅 */

.hide{display:none;}
.fs16{font-size:16px !important;}
#sub_menu{padding-top:130px;width:100%;}
#sub_menu > h2{font-size:40px;font-weight:bold;color:#000;text-align:center;}
#sub_menu .in_area{padding:45px 0 75px;position:relative;}
#sub_menu .in_area > ul{font-size:0;text-align:center;letter-spacing:-4px;}
#sub_menu .in_area > ul > li{display: inline-block;vertical-align:top}
#sub_menu .in_area > ul > li > a{display:block;font-size:20px;line-height:1;letter-spacing:-0.01em;font-weight:400;color:#444;text-align:center;position:relative;padding:0 25px}
#sub_menu .in_area > ul > li.on > a{color:#ff5a00;}
#sub_menu .in_area > ul > li > a:{display:block;content:"";width:2px;height:20px;background-color:#e5e5e5;right:0;top:0;position:absolute;}
#sub_menu .in_area > ul > li:last-of-type > a:{display:none;}
#sub_menu .in_area > ul > li > a:after{display:block;content:"";width:2px;height:20px;background-color:#e5e5e5;right:0;top:0;position:absolute;}
#sub_menu .in_area > ul > li:last-of-type > a:after{display:none;}
#top_img{max-width:100%;width:100%;margin:0 auto;margin-bottom:100px;}
#top_img img{width:100%;}

.ment_area_end{display:block!important}
.ment_area {text-align:center;font-size:20px}
.ment_area p{line-height:1.5em;font-size:19px}
.ment_area span{color:#ff5a00}
.ment_area h2 {font-size:30px;text-align: center;line-height: 30px;padding: 20px 0 25px 0;font-weight: 600;}
.ment_area .ment2{margin-top:100px}



.content > div{padding-bottom:100px}
.content > div .jooyo_textt_area > dl:first-of-type{padding-top:0;}
.content > div .jooyo_textt_area > dl{padding-top:125px;}
.content > div .jooyo_textt_area > dl:{display:block;content:"";clear:both;}
.content > div .jooyo_textt_area > dl > dt{float:left;width:300px;font-size:24px;font-weight:bold;color:#000;letter-spacing:-0.01em;margin-top:20px}
.content > div .jooyo_textt_area > dl > dd{float:left;width:1100px;word-break:keep-all;}
.content > div .jooyo_textt_area > dl > dd p{font-size:17px;font-weight:300;color:#333;line-height:26px;letter-spacing:-0.01em;}
.content > div .jooyo_textt_area > dl > dd table{width:100%;}
.content > div .jooyo_textt_area > dl > dd table tr:first-of-type td{border-top:2px solid #fd5a06;}
.content > div .jooyo_textt_area > dl > dd table tr td{font-size:17px;font-weight:300;color:#333;letter-spacing:-0.01em;padding:17px 0;padding-left:45px;border:1px solid #e5e5e5;}
.content > div .jooyo_textt_area > dl > dd table tr td:first-of-type{font-weight:bold;padding-left:70px;border-left:0;}
.content > div .jooyo_textt_area > dl > dd table tr td:last-of-type{border-right:0;}
.content > div .jooyo_textt_area > dl > dd dl:first-of-type{padding-top:0;}
.content > div .jooyo_textt_area > dl > dd dl{padding-top:30px;}
.content > div .jooyo_textt_area > dl > dd dl > dt{font-size:18px;font-weight:bold;color:#fd5a06;letter-spacing:-0.01em;}
.content > div .jooyo_textt_area > dl > dd dl > dd{padding-top:15px;font-size:17px;line-height:22px;letter-spacing:-0.01em;font-weight:300;color:#333;word-break:keep-all;}
.content > div .jooyo_textt_area > dl > dd .in_area:first-of-type{padding-top:0;}
.content > div .jooyo_textt_area > dl > dd .in_area{padding-top:85px;}
.content > div .jooyo_textt_area > dl > dd .in_area:{display:block;content:"";clear:both;}

.bottom_img {display:table; width:100%; height: 420px; background:url(../../img/sub1_2.jpg) no-repeat; padding:0 5.76%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin-top:350px}
.bottom_img .jooyo_textt_go {display:table-cell; vertical-align:middle; }
.bottom_img .jooyo_textt_go .jooyo_textt_go2 {font-size: 48px; line-height:1.41em; letter-spacing:-1px; color:#fff; padding-right:2%; display:block}
.bottom_img .jooyo_textt_go .jooyo_textt_go2 span {font-weight:300; }


/* 사업분야 */

.saup_all {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;
flex-direction: row;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding:0 17.3%}

.saup_all div{width: 23.33%; float:left;margin-right: 2.2%; text-align: center;color: #333; box-shadow:0px 0px 20px rgbA(0,0,0,0.1)}
.saup_all .saup_box01 img,.saup_all .saup_box02 img,.saup_all .saup_box03 img,.saup_all .saup_box04 img{width:100%}
.saup_all img{margin-bottom:10px}

.saup_all div dl {min-height: 120px}
.saup_all div dl .saup_name {font-weight:500;font-size:23px;margin:15px 0}
.saup_all div dl .saup_txt {font-size:15px;line-height:1.5em;font-weight:500;padding:20px 10px}
.saup_all div dl .saup_txt2 {font-size:15px;line-height:1.5em;font-weight:500;padding:10px 10px 40px 10px}
.saup_all div.saup_box04 {margin-right: 0}


/* 통합유지보수 */

.tonghab_box {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;
flex-direction: row;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 0 17.3%}

.tonghab_box div{width: 23.33%; float:left;margin-right: 2.2%; text-align: center;color: #333; box-shadow:0px 0px 20px rgbA(0,0,0,0.1)}
.tonghab_box .tonghab_box01 img,.tonghab_box .tonghab_box02 img,.tonghab_box .tonghab_box03 img,.tonghab_box .tonghab_box04 img{width:100%}
.tonghab_box img{margin-bottom:10px}

.tonghab_box div dl {min-height: 120px}
.tonghab_box div dl .tonghab_name {font-weight:500;font-size:23px;margin:15px 0}
.tonghab_box div dl .tonghab_txt {font-size:15px;line-height:1.5em;font-weight:500;padding:20px 10px}
.tonghab_box div.tonghab_box04 {margin-right: 0}

.tonghab_all{text-align:center}
.joyosill{text-align:center;line-height:3.5em}
.joyosill_txt1{font-size:23px;font-weight:500}
.joyosill_txt2{font-size:15px;padding-top:10px}



/* ******************  SUB 2_1 시스템 구축 및 통합유지보수 ********************** */

.ujee_area{text-align:center; background:#f6f8f9}

@media (max-width: 1216px){

	.inner{width: 100%}

}

@media (max-width:850px){

	.inner{width: 100%}
	.ujee_area .wrap img{max-width:100%}
	.sub_tit{margin-bottom: 40px;}
	.sub_tit strong{font-size: 24px;}

}


 .sub_text{width:1400px; text-align:center; margin:0 auto;padding-top:100px}

 .sub_text:after {content:""; display:block; clear:both;}
 .sub_text .sub_box {float:left;width: 49%;margin:100px 0 0 20px;padding-bottom: 50px;text-align: center;border:1px solid #ccc;box-sizing: border-box; height:350px}
 .sub_text .sub_box:first-child {margin-left:0;}
 .sub_text .sub_box .tit {margin:35px 0 25px; font-size:22px; font-weight:bold;line-height:30px;}
 .sub_text .sub_box .tit .num {display:block; font-size:20px; color:#8cc63e; font-family:'Proxima-Bold', sans-serif; font-weight:normal;}
 .sub_text .sub_box .img {margin-top:-73px;}
 .sub_text .sub_box .txt {line-height:26px; word-break:keep-all; letter-spacing:-1px}
 .sub_text .sub_box .sub_jum {width:400px;margin: 0 auto;text-align: left;}
 .sub_text .sub_box .sub_jum li {background:url(../../img/tune_jim.gif) no-repeat 0 13px; line-height:30px; padding-left:15px;}
 .sub_text .sub_box .sub_jum.blue li {background:url(../../img/blue_jim.gif) no-repeat 0 13px; }
 .sub_text .sub_box.last .sub_jum {width: 362px;}
 .sub_text .sub_box.type02 {width: 49%;margin-top: 0;margin-left: 2%;padding-bottom: 30px;border: 0 none;}
 .sub_text .sub_box.type02:first-child {margin-left:0;}
 .sub_text .sub_box.type02 .img {margin-top: 0;}
 .sub_text .sub_box.type02 .img img {width: 100%;}
 .sub_text .sub_box .sub_jum.blue li span{color:#004e90}
 .sub_text .last .sub_jum li span{color:#f87d06}


@media screen and (max-width:1480px) {
	 .ment_area{margin-bottom:-60px}
	 .ment_area h2{font-size:20px;padding: 0 10px;margin-bottom: 20px;}
	 .ment_area p{font-size:15px;padding: 0 10px}
	 .sub_text{width:100%}
	 .sub_text .sub_box {width: 49%;margin-left: 2%;}
	 .joyosill{padding:0 10%}
	 .joyosill_txt1{font-size:15px}
	 .joyosill_txt2{font-size:13px}

}



@media screen and (max-width:1023px) {
      #sub_menu .in_area{width:100%;}
	 .ment_area{margin-bottom:-60px}
	 .ment_area h2{font-size:20px;padding: 0 10px;margin-bottom: 20px;}
	 .ment_area p{font-size:15px;padding: 0 10px}
	 .tonghab_box{display: inline-block;margin: 0;overflow: hidden;text-align: center;vertical-align: middle;padding:0}
	 .tonghab_box div{width: 47%;overflow: hidden;height:500px}
	 .saup_all{display: inline-block;margin: 0;overflow: hidden;text-align: center;vertical-align: middle;padding:0}
	 .saup_all div{width: 47%;overflow: hidden;height:500px}
	 .joyosill{padding:0 10%}
	 .joyosill_txt1{font-size:15px}
	 .joyosill_txt2{font-size:13px}

	 .sub_text{padding:0}
	 .sub_text .sub_box .tit {font-size: 20px;}
	 .sub_text .sub_box .sub_jum {width: 180px;font-size: 13px;}
	 .sub_text .sub_box .sub_jum li {line-height: 26px;}

}

@media screen and (max-width:758px) {
	  #top_img{margin-bottom:50px;}
	  #sub_menu .in_area{padding:30px 0 35px;}
	  #sub_menu .in_area > ul > li{padding-bottom:20px}
	 .ment_area{margin-bottom:-60px}
	 .ment_area h2{font-size:20px;padding: 0 10px;margin-bottom: 20px;}
	 .ment_area p{font-size:15px;padding: 0 10px}
	 .tonghab_box{display:grid;padding:0}
	 .tonghab_box div{width:100%}
	 .saup_all{display:grid;padding:0}
	 .saup_all div{width:100%}
	 .joyosill{padding:0 10%}
	 .joyosill_txt1{font-size:15px}
	 .joyosill_txt2{font-size:13px}

	 .sub_text .sub_box {float: none;width: 100%;margin-left: 0;padding-bottom: 20px;}
	 .sub_text .sub_box .tit {margin:15px 0;font-size: 18px;line-height:1.5;}
	 .sub_text .sub_box .tit .num {font-size:14px;}
	 .sub_text .sub_box .img {margin: -75px 0 25px;}
	 .sub_text .sub_box .txt {font-size:13px; line-height:1.6;}	
	 .sub_text .sub_box .sub_jum {/* width: 160px; */}
	 .sub_text .sub_box .sub_jum li {background-size:2px !important; background-position:0 8px !important; line-height:1.6; font-size:13px; padding-left:7px;}
	 .sub_text .sub_box.last .sub_jum {width: 200px;}
	 .sub_text .sub_box.type02 {width: 100%;padding-bottom: 0;}
	 .ment_area .ment2 d{display: inline-block;color:#333;font-size:20px}

}

.part_area{
	width:100%;
	margin:auto;
}
.part_area>ul{
	width:100%;
	margin:auto;
	overflow:hidden;
}
.part_area>ul>li{
	width:187px;height:80px;
	float:left;
	margin-right:15px;
	margin-top:15px;
}
.part_area>ul>li:nth-child(6n){
	margin-right:0;
}
.part_area3{margin-bottom:70px;}

.part_area{
	width:100%;
	max-width: 1400px;
	margin:auto;
	text-align:center

}
.part_area>ul{
	width:100%;
	margin:auto;
	overflow:hidden;
}
.part_area>ul>li{
	width:15.6%;
	height:80px;
	float:left;
	margin-right:15px;
	margin-top:15px;
}
.part_area>ul>li:nth-child(6n){
	margin-right:0;
}
.part_area3{margin-bottom:70px;}


@media all and (max-width:1196px){

	.part_area>ul{
		width:100%;
		max-width:1200px;
		margin:auto;
	}
	.part_area>ul>li{
		width:15%;height:80px;
		float:left;
		margin:15px 15px auto auto;
	}
	.part_area>ul>li:nth-child(6n){
		margin-right:15px;
	}
	.part_area>ul>li>img{
		display:block;
		width:100%;height:80px;
	}

}


@media all and (max-width:1000px)/*TABLET*/{

	.part_area{
		width:100%;
		margin:auto;
	}
	.part_area>ul{
		width:100%;height:100%;
	}
	.part_area>ul>li{
		width:19.2%;height:80px;
		float:left;
		overflow:hidden;
		margin-right:1%;
		margin-top:8px;
	}
	.part_area>ul>li:nth-child(6n){
		margin-right:1%;
	}
	.part_area>ul>li:nth-child(5n){
		margin-right:0;
	}
	.part_area>ul>li>img{
		display:block;
		width:100%;height:80px;
	}
	.part_area3>ul{
		padding-bottom:60px;
	}


}

@media all and (max-width:767px)/*MOBILE*/{

	.part_area>ul>li{
		width:24%;
		margin-right:1%;
	}
	.part_area>ul>li:nth-child(4n){
		margin-right:0%;
	}
	.part_area>ul>li:nth-child(5n){
		margin-right:1%;
	}

}

@media all and (max-width:600px)/*MOBILE*/{
	
	.part_area>ul>li{
		width:32.5%;
		margin-right:1%;
	}
	.part_area>ul>li:nth-child(4n){
		margin-right:1%;
	}
	.part_area>ul>li:nth-child(3n){
		margin-right:0%;
	}

}

@media all and (max-width:440px)/*MOBILE*/{
	
	.part_area>ul>li{
		width:49%;
		margin-right:1%;
	}
	.part_area>ul>li:nth-child(2n){
		margin-right:0%;
	}
	.part_area>ul>li:nth-child(3n){
		margin-right:1%;
	}

}


/* ******************  SUB 2_2 클라우드서비스 ********************** */

.cloude_area {padding-bottom: 40px;width: 100%;text-align: center;margin: 0 auto;max-width: 1400px;padding-top:100px}
.cloude_area:last-child {padding-bottom: 0;}
.cloude_area2 {padding-bottom: 40px;width: 100%;text-align: center;margin: 0 auto;max-width: 1400px}
.cloude_area2:last-child {padding-bottom: 0;}

.cloude_box .inner .col2 .jooyo_div,.col2 .jooyo_div{display:inline-block;width:50%;padding:0 30px;background:none;}
.cloude_ul {width: 100%;}
.cloude_ul li {width: calc(24.7% - 23.4px);float: left;margin-right: 34px;}
.cloude_ul li:last-child{margin-right:0}
.cloude_ul li:nth-child(1) .tit{background:#f8a500}
.cloude_ul li:nth-child(2) .tit{background:#f8a500}
.cloude_ul li:nth-child(3) .tit{background:#f8a500}
.cloude_ul2 li:nth-child(1) .tit{background:#666}
.cloude_ul2 li:nth-child(2) .tit{background:#666}
.cloude_ul2 li:nth-child(3) .tit{background:#666}

.cloude_ul li .tit{margin:20px 0 10px;background:#666;padding:10px 10px 20px 10px;color: #fff; font-size:18px}
.cloude_ul li .tit_bg{background:#666}

.cloude_ul2 li .tit{margin:20px 0 10px;background:#666;padding:10px 0;color: #fff; font-size:18px}
.cloude_ul2 li .tit_bg{background:#5B6D8C}

.cloude_ul li .clo_txt{color:#858585;font-weight:400;font-size:16px;letter-spacing:-.5px;word-break:keep-all}
.cloude_ul li .clo_txt2{background:url(../../img/bg01.png) no-repeat bottom right}
.cloude_ul li .clo_txt3{background:url(../../img/bg02.png) no-repeat bottom right}
.cloude_ul li .clo_txt4{background:url(../../img/bg03.png) no-repeat bottom right}
.cloude_ul li .clo_txt5{background:url(../../img/bg04.png) no-repeat bottom right}
.cloude_ul2 li .clo_txt_area{color:#858585;font-weight:400;font-size:16px;letter-spacing:-.5px;word-break:keep-all}
.cloude_ul2 li .clo_txt_area, .tech_03 .cloude_ul2 li .clo_txt_area{margin-top:10px;padding:15px 20px;word-break:keep-all;color:#333;font-size: 17px;line-height: 1.7;text-align:center;background:#eee}

.cloude_ul:after,.col2:after {content: '';display: block;clear: both;}
.cloude_ul li {text-align: center;}
.cloude_ul li .clo_txt>.blue{color:#4e99d2}
.cloude_ul li p{text-align:center}
.cloude_ul li .clo_txt, .tech_03 .cloude_ul li .clo_txt{margin-top:10px;padding:15px 20px;word-break:keep-all;color: #555;font-size: 17px;line-height: 1.7;text-align:center}
.navercloud_text{padding-bottom:60px}




@media screen and (max-width: 1080px){
 cloude_ul
    .cloude_ul li p.tit {font-size: 19px;}
 
}


@media screen and (max-width: 767px){
    .cloude_box img {width:100%}
	.cloude_area {padding-bottom: 5px;}
	.cloude_ul li .clo_box img {position: relative;width:121px;height:76px;top: -10px;}
	.cloude_ul li p { text-align: left;}
    .cloude_ul li{float:none;width:100%;margin:0 0 40px}
    .cloude_ul li .clo_txt{font-size:14px;line-height:1.5;}
	.ment_area2 h2{font-size: 23px;margin-top: 0!important}
    .cloude_ul li .tit {font-size:19px;text-align:center}
    .cloude_box .inner .col2 .jooyo_div,.col2 .jooyo_div{width:100%}
    .cloude_box {padding:0}
    .cloude_area.cloude_go .cloude_box {width: calc(100% + 20px);margin-left: -10px;}

    
    .cloude_ul li p { text-align: left;}
    .cloude_ul li .clo_txt, .tech_03 .cloude_ul li .clo_txt { padding: 0; border: 0; font-size: 16px; text-align:center}
	.cloude_ul2 li .clo_txt2,.cloude_ul2 li .clo_txt3,.cloude_ul2 li .clo_txt4,.cloude_ul2 li .clo_txt5{text-align: left}
    .cloude_area.row-1 {padding-bottom: 40px;}

    .cloude_go .con-tit {font-size: 20px;}
    .cloude_go .deliver {margin: 0 20px 30px;word-break: keep-all;}
	.cloude_go .country{padding:0 40px 0}
    .cloude_go .country li{width:33.3333%;padding:13px}
	.cloude_area:last-child {padding-bottom: 30px;}

}

/* ******************  SUB 2_3 데이터백업서비스 ********************** */

.sub_text2{padding-top:0}
.sub_text2 .sub_box{height:280px}
.sub_text2 .sub_box .sub_jum li {background:url(../../img/gray_jim.gif) no-repeat 0 13px; line-height:30px; padding-left:15px;}
.sub_text2 .sub_box .sub_jum.blue li {background:url(../../img/gray_jim.gif) no-repeat 0 13px; }
 
.backup_area {padding-bottom: 40px;width: 100%;max-width: 1400px;margin: 0 auto;text-align: center; margin-top:15px}
.backup_area:last-child {padding-bottom: 0;}
.backup_area ul li img{padding:20px 0}
.backup_tit1{background:#EDEDEC;color:#333;padding:15px 0;width:100%; margin-bottom:50px;font-size:17px;text-align:center}
.backup_tit2{background:#666;color:#fff;padding:15px 0;width:100%; margin-bottom:10px;font-size:20px;text-align:center;font-weight:600;border-radius:30px}
.backup_tit3{background:url(../../img/backup_bg.jpg) no-repeat;color:#333;padding:15px 0;width:100%;font-size:17px;text-align:center;background-size:cover;border-radius:30px}
.backup_tit4{background:#245173;color:#fff;padding:15px 0;width:100%;font-size:20px;text-align:center;font-weight:600;border-radius:30px}
.backup_tit5{background:url(../../img/backup_bg.jpg) no-repeat;padding:15px 0;width:100%;font-size:17px;text-align:center;background-size:cover;border-radius:30px}
.backup_tit6{background:#666;color:#fff;padding:15px 0;width:100%; margin-bottom:10px;font-size:20px;text-align:center;font-weight:600;border-radius:30px}

.backup_ul {width: 100%;}
.backup_ul li {width: calc(33.33333% - 23.4px);float: left;margin-right:32px;}
.backup_ul li:last-child{margin-right:0}
.backup_ul li .tit{margin:20px 0 10px}
.backup_ul li .conts{color:#858585;font-weight:400;font-size:16px;letter-spacing:-.5px;word-break:keep-all}
.backup_ul:after,.col2:after {content: '';display: block;clear: both;}
.backup_ul li {text-align: center;}
.backup_ul li .conts>.blue{color:#4e99d2}

.backup_box .backup_ul h1{background:#ededed;color:#333;font-size:20px;text-align:center;padding:10px 0}
.backup_box .backup_ul p{font-weight:400;color:#555;font-size:17px;padding:10px 30px 30px;word-break:keep-all}
.backup_box .backup_ul li{text-align:center;border:1px solid #ccc}
.backup_box .backup_ul li .tit{margin:20px 0 10px}
.cloude_ul li .tit span{font-size:22px;font-weight:600;line-height:2.0em}
.backup_box .backup_all3 .backup_ul h1{background:#666;color:#fff;font-size:20px;text-align:center;padding:10px 0;}


@media screen and (max-width: 1200px){
    
     .backup_box .backup_ul p {font-size: 16px;padding: 10px 10px 30px;}
   
}



@media screen and (max-width: 767px){

	.backup_area {padding-bottom: 5px;}

	.backup_ul li .ico_box {height: 200px;overflow: hidden;background: #ededed;}
	.backup_ul li .ico_box img {position: relative;width: auto;height: 220px;top: -10px;}
	.backup_ul li p { text-align: left;}
    .backup_ul li{float:none;width:100%;margin:0 0 40px}
    .backup_ul li .conts{font-size:14px;line-height:1.5;}
    .backup_ul li .tit {font-size:19px;}

    .backup_box .backup_ul h1{font-size:17px}
    .backup_box .backup_ul p{font-size:15px;line-height:1.5;text-align:center}
    .backup_box .backup_ul li:nth-child(2) img{/*padding:0 35px*/}

}


 
 
 
 
 
 
 
 
 
.diagram01_desc{width:100%; max-width:1400px; margin:0 auto;margin-bottom:100px} 
.tech_title {text-align: center;}
.tech_title p {line-height: 1.5;}
.tech_title img {margin-bottom: 60px;}
.section {padding-bottom: 40px;}
.section:last-child {padding-bottom: 0;}
.abb_tab .tabs01 li {  width: 50%;}
.graphContainer {text-align:center;padding: 0 60px 30px;}
.graphContainer .graphWrap{width: 33.3333%;float:left;}
.graphContainer .graphWrap .graphBox{width:100%;height: 42vh;font-size:14px;position:relative;border-bottom:1px solid #000;}
.graphContainer .graphWrap .graph{display:inline-block;margin-top:0;width: 90px;height:0;position:absolute;bottom:0;left: calc(50% - 45px);-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out;}
.graphContainer .graphWrap .graphBox span{display:none;vertical-align:top;margin-bottom:5px;position:absolute;bottom:0;left: calc(50% - 56px);color: #888;font-weight:700;text-align:center;width: 112px;font-size: 21px;}
.graphContainer .graphWrap:nth-child(1) .graphBox span {bottom: 24%;}
.graphContainer .graphWrap:nth-child(2) .graphBox span {bottom: 36%;}
.graphContainer .graphWrap:nth-child(3) .graphBox span {bottom: 76%;font-size: 22px;color: #0092d7;}
.graphContainer .graphWrap:nth-child(1) .graph { background: linear-gradient(to top, #aeaeae, #646464);}
.graphContainer .graphWrap:nth-child(2) .graph { background: linear-gradient(to top, #aeaeae, #646464);}
.graphContainer .graphWrap:nth-child(3) .graph, .graphContainer.col2 .graphWrap:nth-child(2) .graph  { background: linear-gradient(to top, #00a9a4, #0093d8);}
.graphContainer.on .graphWrap:nth-child(1) .graph {height: 23%;}
.graphContainer.on .graphWrap:nth-child(2) .graph {height: 35%;}
.graphContainer.on .graphWrap:nth-child(3) .graph {height: 75%;}
.graphContainer .graphWrap .label{padding:10px 0 50px;font-size:20px;line-height:1.4;color:#000;letter-spacing: -1px;}
.graphContainer .graphWrap:nth-child(3) .label{font-weight:800}
.graphContainer .comments {text-align: left;color: #888;font-size: 15px;}
.graphContainer.col2 .graphWrap {width: 50%;}
.graphContainer.col2 .graphWrap .graph  {width: 84px;left: calc(50% - 42px);}
.graphContainer.col2  .graphWrap:nth-child(2) .label{font-weight:800;color: #0092d7;font-size: 21px;}
.graphContainer.col2.on .graphWrap:nth-child(2) .graph{height:80%}
.graphContainer.col2.on .graphWrap:nth-child(1) .graph{height:18%}
.graphContainer.col2 .graphWrap:nth-child(1) .graphBox span{bottom:11%}
.graphContainer.col2 .graphWrap:nth-child(2) .graphBox span{bottom:80%;width:200px;left:calc(50% - 100px);bottom:61%}
.graphContainer.col2{padding:0}
.col2{font-size:0;display: flex;}
.container .inner .col2 .jooyo_div,.col2 .jooyo_div{display:inline-block;width:50%;padding:0 30px;background:none;}
.col2 .jooyo_div .tit{text-align:left;color:#0078c6;font-size:20px}
.col3 {width: 100%;}
.col3 li {width: calc(33.33333% - 23.4px);float: left;margin-right: 35px;}
.col3 li:last-child{margin-right:0}
.col3 li .tit{margin:20px 0 10px}
.col3 li .conts{color:#858585;font-weight:400;font-size:16px;letter-spacing:-.5px;word-break:keep-all}
.col3:after,.col2:after {content: '';display: block;clear: both;}
.col3 li {text-align: center;}
.col3 li .conts>.blue{color:#4e99d2}

.tech_01 .jooyo_list2 li{float:left;width:42%}
.tech_01 .jooyo_list2 li:nth-child(2){width: calc(16% - 15px);height: 712px;background: url(/wp-content/themes/doosanmobility/assets/images/gradient_arrow_green.png) no-repeat 0 53.8%;background-size: 100%;margin-right: 15px;}
.tech_01 .jooyo_list2 li .imgTxt{display:table;background: url(/wp-content/themes/doosanmobility/assets/images/tech/pafc_01.jpg) no-repeat;background-size:cover;width:100%;height:320px;margin-bottom:10px;text-align:center;vertical-align:middle;}
.tech_01 .jooyo_list2 li .imgTxt h1{color:#fff;line-height: 1;margin-bottom: 20px;}
.tech_01 .jooyo_list2 li .imgTxt h2{color:#888;font-size: 26px;font-weight:500;}
.tech_01 .jooyo_list2 li .imgTxt>div{position: relative;width:100%;display:table-cell;vertical-align:middle;}
.tech_01 .tech_wrap01 .row-3 .tech_title p {line-height: 1.3;}
.tech_01 .jooyo_list2 li .imgTxt h1 span{font-size:65px}
.tech_01 .jooyo_list2 li .imgTxt h3{position:absolute;top:30px;left:40px;text-align:left;font-weight: 300;font-size: 31px;letter-spacing: -1px;line-height: 1.3;}
.tech_01 .sub-section .dot-li li{font-size:18px;font-weight:300;line-height:1.8;color:#000}
.tech_01 .sub-section .dot-li{margin-top:10px}
.tech_01 .jooyo_list2 li:nth-child(3) .imgTxt{background:#ededed url(/wp-content/themes/doosanmobility/assets/images/powerpack_slide01.png) 130% 50% no-repeat;background-size:60%}
.tech_01 .jooyo_list2 li:nth-child(3) .imgTxt:nth-of-type(2){background-image:url(/wp-content/themes/doosanmobility/assets/images/powerpack_slide02.png)}
.tech_01 .jooyo_list2 li .imgTxt.img02 {background-image: url(/wp-content/themes/doosanmobility/assets/images/tech/pafc_02.jpg);}
.tech_01 .jooyo_list li {position:relative;}
.tech_01 .more-btn, .tech_02 .more-btn{position:absolute;bottom:40px;left: calc(100% - 240px);padding-right: 50px;background: url(../images/link-btn.png) no-repeat right 50%;background-size: auto;cursor:pointer;font-size:16px;color:#000;}
.tech_01 .more-btn.left, .tech_02 .more-btn.left {left: calc(50% - 170px);}
.tech_01 .row-1 .inner.gradient_title{border-top:none;    margin-bottom: 40px;}
.tech_01 .row-1 .inner.gradient_title .img_box{padding:0}
.tech_01 .row-1 .inner.gradient_title .img_box .caption{background:linear-gradient(to left,#01aaa5,#007ac5 80%);padding:15px;color:#fff}
.tech_01 .gradient_title .img_bg {position: relative;background: url(../images/tech/drone_area.png) no-repeat;background-size: contain;height: 79%;color: #000;font-size: 20px;}
.tech_01 .gradient_title .img_bg > .first {position: absolute;left: 19%;bottom: 22%;}
.tech_01 .gradient_title .img_bg > .second {position: absolute;left: 57%;bottom: 41%;font-weight: 800;color: #0078c6;}
.tech_01 .tech_wrap01 .row-3 .jooyo_list li:last-child {padding-bottom: 100px;}
.tech_01 .page-pro {width: 100vw;margin-left: calc(50% - 50vw);padding: 90px 0 0;}
.tech_01 .page-pro .pro-sec2 {background-size: cover;}
.tech_01 .tech_wrap01.sub-section {padding-bottom: 0;}
.tech_01 .page-pro .pro-table th:first-child,.tech_01 .page-pro .pro-table td:first-child {width: 19%;}
.tech_01 .page-pro .pro-table th:nth-child(n+2),.tech_01 .page-pro .pro-table td:nth-child(n+2){width: 27%;}
.tech_01 .page-pro .pro-table .color {color: #0079c5;}
.tech_01 .page-pro .pro-table td p {text-align: center;word-break: keep-all;}
.tech_01 .page-pro .pro-sec2 .touch-ico {display:none;}
.tech_01 .tech_wrap01 .row-3 .jooyo_list li .jooyo_div .jooyo_text {color: #858585;font-weight: 400;}
.uiWeb .tech_01 #tab01 .section:last-child {padding-bottom: 100px;}

 .diagram01 {position: relative;display: block;width: 100%;}
 .diagram01 > .box {float:left;}
 .diagram01 > .box:nth-child(1) {width: 32.6%;}
 .diagram01 > .box:nth-child(2) {width: 30.1%;}
 .diagram01 > .box:nth-child(3) {width: 37.2%;}
 .diagram01 > img.bg {position: absolute;z-index: -1;top: 0;left: 0;}
 .diagram01 .flex-container.one {display: flex;flex-flow: column nowrap;width: 100%;}
 .diagram01 .flex-container.one .flex-box {position: relative;flex: 1 1 auto;color: #000;}
 .diagram01 .flex-container.one .flex-box p{position: absolute;left: calc(49% - 50px);top: 73%;width: 100px;text-align: center;font-weight: 800;line-height:1;}
 .diagram01 .flex-container.one .flex-box:nth-child(2) p {top: 77%;}
 .diagram01 .flex-container.one .flex-box:nth-child(3) p {top: 73%;}
 .diagram01 .flex-container.one .flex-box:nth-child(1) {background: url(/wp-content/themes/doosanmobility/assets/images/ds30_slide01.png) 49% 32%/45% no-repeat;}
 .diagram01 .flex-container.one .flex-box:nth-child(2) {background: url(/wp-content/themes/doosanmobility/assets/images/powerpack_slide02.png) 48% 43%/35% no-repeat;}
 .diagram01 .flex-container.one .flex-box:nth-child(3) {background: url(/wp-content/themes/doosanmobility/assets/images/ico-camera.png) 48.8% 43%/28% no-repeat;}
 .diagram01 .flex-container.two {display: flex;flex-flow:column nowrap;width: 100%;}
 .diagram01 .flex-container.two .flex-box {position: relative;flex: 2 1 auto;}
 .diagram01 .flex-container.two .flex-box:nth-child(1){background:url(/wp-content/themes/doosanmobility/assets/images/tech/tech04_dia01_02.png) center 100%/68% no-repeat;color: #fff;text-align: center;}
 .diagram01 .flex-container.two .flex-box:nth-child(1) p {position: absolute;display: block;width: 100%;bottom: 13%;font-weight:700;line-height: 1.2;font-size: 140%;}
 .diagram01 .flex-container.two .flex-box:nth-child(2){text-align:center;flex:1 1 auto;}
 .diagram01 .flex-container.two .flex-box:nth-child(2) h3{padding:50px 0 10px;color:#fff}
 .diagram01 .flex-container.two .flex-box:nth-child(2) ul{display:inline-block;padding:20px 5px 0;border-top:1px solid #fff}
 .diagram01 .flex-container.two .flex-box:nth-child(2) ul li{text-align:left;color:#fff;font-size:20px;font-weight:400;line-height:2;margin-left:-10px}
 .diagram01 .flex-container.two .flex-box:nth-child(2) ul li:before {position: relative;top: 1.1px;display: inline-block;content: '';width: 18px;height: 18px;background: url(/wp-content/themes/doosanmobility/assets/images/ico-check.png) 48.8% 43%/contain no-repeat;margin: 10px 8px 0;}
 .diagram01 .flex-container.three .flex-box {position: relative;height: 33.3333%;}
 .diagram01 .flex-container.three .flex-box p{position:relative;top:37%;left:51%;height:30%;font-weight:600;font-size:18px;line-height: 1;}
 .diagram01 .flex-container.three .flex-box span{position:relative;top:21%;left:40%;width:160px;display:block;font-weight:600;font-size:18px;color:#fff;text-align:center}
 .diagram01 .flex-container.three .flex-box:nth-child(2) span{top:14%}
 .diagram01 .flex-container.three .flex-box:nth-child(3) span{top:6%}
 .diagram01 .flex-container.three .flex-box:nth-child(2) p{top:30%;height:31%}
 .diagram01 .flex-container.three .flex-box:nth-child(3) span + div {position: relative;top: 48%;}
 .diagram01 .flex-container.three .flex-box:nth-child(3) em{position: relative;display: inline-block;width: 12.7%;height: 30%;font-size: 18px;left: 33%;font-style: normal;font-weight: 600;text-align: center;}
 .diagram01 .flex-container.three .flex-box:nth-child(3) em:not(:last-child):after {position: absolute;top:55%;left: 85%;display: block;content: '';width: 30%;height: 1px;background: #555;}
 .diagram01_desc li .num{position:relative;top:33px;background:#245173;font-size:20px;color:#fff;font-weight:800;padding:15px 17px;border-radius:3px;}
 .diagram01_desc li h1{margin-left: 70px;font-size:19px;color: #333;line-height: 1;padding-bottom:7px}
 .diagram01_desc li h2{margin-left: 70px;padding:0 0 5px 0;font-size:16px;font-weight: 400;line-height: 1.3;color: #555555c2;}
 .diagram01_desc li{padding: 3px 0 14px;border-bottom:1px solid #d9d9d9;vertical-align: middle;}
 .row-2 .col3 li p{text-align:center}
 .row-2 .col3 li .conts, .tech_03 .col3 li .conts{border-top:1px solid #a7a7a7;margin-top:10px;padding:15px 20px;word-break:keep-all;color: #555;font-size: 18px;line-height: 1.7;}
 .row-3 .col3 h1{background:#222;color:#fff;font-size:22px;text-align:center;padding:10px 0}
 .row-3 .col3 p{font-weight:400;color:#555;font-size:18px;padding:10px 30px 30px;word-break:keep-all}
 .row-3 .col3 li{background:#ededed;text-align:center}
 .row-3 .col3 li .tit{margin:20px 0 10px}

.tech_03 .row-2 .jooyo_list li .jooyo_div, .tech_03 .row-2 .jooyo_list li .sub_list li {font-weight:400;}

.tech_02 .row-1 {text-align:center;background:url(/wp-content/themes/doosanmobility/assets/images/tech/tech02_bg.png) center bottom no-repeat;background-size: auto;}
.tech_02 .img_txt{position:relative}
.tech_02 .img_txt .txt{position:absolute;top:25%;left:10%;width: 100%;text-align:left}
.tech_02 .img_txt .txt div{display:inline-block;width:50%;color:#fff;font-size:20px;line-height:2;}
.tech_02 .tech_title p .desc { display: block; font-size: 18px; line-height: 1.7; font-weight: 400; margin-top: 20px;}
.tech_02 .tech_wrap02 .row-1 .col_2 .btn_store {width: 250px;margin-top: 30px;padding: 19px 0;}
.tech_02 .tech_wrap02 .row-2 .con-tit {color: #01419a;padding-top: 0;}
.tech_02 .tech_wrap02 .row-2 .country { max-width: 900px;margin:auto;padding-bottom: 80px;}
.tech_02 .tech_wrap02 .row-3 .jooyo_list {margin: 100px 0 0;}
.tech_02 .tech_wrap02 .row-3 .jooyo_list li {position:relative;}
.tech_02 .more-btn {left: calc(100% - 140px);}
.tech_02 .tech_wrap02 .row-2 .deliver {margin-bottom: 70px;}
.tech_02 .sub-section .deliver p {font-weight: 400;}
.tech_02 .sub-section .deliver p.tit {font-weight: 600;}


@media screen and (max-width: 1216px){
    .tech_wrap01 .swiper-pagination-bullet {width: 20%;height: 12vw;}
}


@media screen and (max-width: 1200px){
     .diagram01 .flex-container.three .flex-box span{left: 36%;font-size: 17px;}
     .diagram01 .flex-container.three .flex-box p,.diagram01 .flex-container.three .flex-box:nth-child(3) em{font-size:15px;}
     .row-3 .col3 p {font-size: 16px;padding: 10px 10px 30px;}
   
}

@media screen and (max-width: 1080px){
     .diagram01 .flex-container.two .flex-box:nth-child(1) p{bottom: 18%;font-size: 110%;}
     .row-2 .col3 li p.tit {font-size: 19px;}
    .tech_02 .img_txt .txt div {font-size: 18px;}
}

@media screen and (max-width: 970px){
     .diagram01 .flex-container.three .flex-box span {left: 30%;font-size: 14px;}
     .diagram01 .flex-container.three .flex-box p, .diagram01 .flex-container.three .flex-box:nth-child(3) em {font-size: 12px;}
     .diagram01 .flex-container.three .flex-box:nth-child(3) em {font-size: 13px;}
    .tech_02 .img_txt .txt div { font-size: 14px;}
}

@media screen and (max-width: 767px){
    .container img {width:100%}
    .abb_tab .tabs01 li span {font-size: 14px;}
    .sub-section .tit-box .main-tit {font-size: 35px;}
    .tech_title p {font-size: 20px;line-height: 1.4;word-break: keep-all;letter-spacing: -0.5px;}
    .tech_title img {margin-bottom: 30px;}
	.section {padding-bottom: 5px;}
	.sub-section { padding-bottom: 10px;}
	.col3 li .ico_box {height: 200px;overflow: hidden;background: #ededed;}
	.col3 li .ico_box img {position: relative;width: auto;height: 220px;top: -10px;}
	.col3 li p { text-align: left;}
    .col3 li{float:none;width:100%;margin:0 0 40px}
    .col3 li .conts{font-size:14px;line-height:1.5;}
    .col3 li .tit {font-size:19px;}
    .col2{display:block}
    .container .inner .col2 .jooyo_div,.col2 .jooyo_div{width:100%}
    .graphContainer .comments{font-size:14px}
    .graphContainer{padding:0 20px 20px}
    .graphContainer .graphWrap .label{font-size:14px}
    .graphContainer .graphWrap .graphBox span{font-size:14px}
    .graphContainer .graphWrap:nth-child(3) .graphBox span{font-size:16px}
    .graphContainer .graphWrap .graph{width:50px;left:calc(50% - 25px)}
    
    .tech_01 .sub-section .container {padding: 0;}
    .tech_01 .tech_wrap01 .swiper-button-next,.tech_01 .tech_wrap01 .swiper-button-prev{top:70%!important;width:40px!important;height:40px!important;background-size:28px!important;padding:10px!important}
    .tech_01 .abb_tab .tabs-wrap:first-child .btn-open{display:none;}
    .tech_01 .tech_wrap01 .hydrogen_slide .swiper-container {border-width: 1px;height: 100vw;}
    .tech_01 .tech_wrap01 .swiper-pagination {top:-1px}
    .tech_01 .tech_wrap01 .swiper-pagination-bullet {background-size: cover !important;}
    .tech_01 .jooyo_textt_left+.more-btn, .tech_02 .jooyo_textt_left+.more-btn{bottom:-10px}
    .tech_01 .more-btn, .tech_02 .more-btn{position:relative;width:100%;bottom:30px;left:auto;font-size:14px;text-align:right;float:right;margin:10px 0;;padding-right:50px;}
    .tech_01 .tech_wrap01 .row-1 .inner .img_box .caption {margin-bottom: 20px;}
    .tech_01 .tech_wrap01 .hydrogen_slide .num{margin:0 auto 10px}.tech_wrap01 .hydrogen_slide h2{font-size:16px}
    .tech_01 .tech_wrap01 .hydrogen_slide .jooyo_textt{font-size:14px;margin:4px 10px 30px 10px;word-break:keep-all}
    .tech_01 .tech_wrap01 .hydrogen_slide .swiper-container .swiper-slide{padding:0 5px}
    .tech_01 .sub-section .section.row-2 .container {width: calc(100% + 20px);margin-left: -10px;}
    .tech_01 .tech_wrap01 .row-2 .media_box iframe {height: 206px;}
    .tech_01 .sub-section .section.row-3 .tit{font-size:14px;margin-bottom:5px;font-weight:500;letter-spacing:-.5px;    width: calc(100% + 20px);}
    .tech_01 .jooyo_list2 li{width:calc(50% - 10px)}
    .tech_01 .jooyo_list2 li:nth-child(2){float:none;position:absolute;top:calc(50% - 50px);left:calc(50% - 60px);width:100px;height:100px}
    .tech_01 .jooyo_list2 li:nth-child(3){margin-left:20px}
    .tech_01 .jooyo_list2 li .imgTxt{height:180px}
    .tech_01 .jooyo_list2 li .imgTxt h1{font-size:25px;margin-bottom:10px}
    .tech_01 .jooyo_list2 li .imgTxt h1 span{font-size:40px}
    .tech_01 .jooyo_list2 li .imgTxt h2{font-size:18px}
    .tech_01 .jooyo_list2 li .imgTxt h3{top:20px;left:10px;font-size:17px;letter-spacing:0}
    .tech_01 .jooyo_list2 li:nth-child(3) .imgTxt{background-size:93%;background-position-x:350%;background-position-y:93%}
    .tech_01 .jooyo_list2{position:relative}
    .tech_01 .sub-section .dot-li li{font-size:13px}
    .tech_01 .page-pro .pro-table th,.tech_01 .page-pro .pro-table td{width:25%!important;padding:15px 3px}
    .tech_01 .page-pro .pro-table th *{font-size:12px}
    .tech_01 .page-pro .pro-table th img { width: auto;}
    .tech_01 .page-pro .pro-table tbody tr td:first-child{font-size:12px;line-height:1.2}
    .tech_01 .page-pro .pro-table tbody tr td{font-size:16px;word-break:keep-all;padding:15px 3px}
    .tech_01 .page-pro .pro-table tbody tr:nth-child(n+3) td *{font-size:12px}
    .tech_01 .page-pro .pro-table td p{padding:0}
    .tech_01 .page-pro{padding-top:20px}
    .tech_01 .tech_wrap01 .row-1 .inner .jooyo_div p{font-size:15px}
    .tech_01 .tech_wrap01 #tab02 .row-1 .inner .img_box .caption {padding: 10px 0;font-size: 14px; }
    .tech_01 #tab02 .graphContainer .graphWrap .label{font-size: 16px !important;}
    .tech_01 #tab02 .graphContainer.col2 .graphWrap .graph{width:65px;left:calc(50% - 32px)}
    .tech_01 #tab02 .graphContainer.col2 .graphWrap:nth-child(2) .graphBox span{width:150px;left:calc(50% - 75px);bottom:67%}
    .tech_01 #tab02 .graphContainer.col2 .graphWrap:nth-child(1) .graphBox span{width:80px;left:calc(50% - 40px);bottom:10%}
    .tech_01 .gradient_title .img_bg { height: 80vw;}
    .tech_01 .tech_wrap01 .row-3 .jooyo_list li .jooyo_div .jooyo_text { font-size: 14px; line-height: 1.5;}
    .tech_01 .tech_wrap01 .row-3 .jooyo_list li .jooyo_div .tit { font-size: 19px;}
    
     .row-2 .col3 li p { text-align: left;}
     .row-2 .col3 li .conts, .tech_03 .col3 li .conts { padding: 0; border: 0; font-size: 14px;}
     .row-3 .col3 h1{font-size:17px}
     .row-3 .col3 p{font-size:15px;line-height:1.5}
     .row-3 .col3 li:nth-child(2) img{padding:0 35px}
     .tech_wrap04{padding-bottom:0}
     .diagram01_desc li h1{font-size:16px;margin-left:40px}
     .diagram01_desc li h2{font-size:14px;margin-left:40px}
     .diagram01_desc li .num{top:25px;padding:7px 9px;font-size:13px;font-weight:500}
     .diagram01 {padding: 10% 0;}
     .diagram01 > .box {float: none;width: 100% !important;height: 27.6%;}
     .diagram01 .flex-container.one{flex-direction:row;}
     .diagram01 .flex-container.one .flex-box{background-position:center 0!important;height:15vw}
     .diagram01 .flex-container.one .flex-box p{top:100%!important;left: calc(50% - 41px);}
     .diagram01 .flex-container.one .flex-box:nth-child(1){background-size: 75%;background-position-x: 88% !important;}
     .diagram01 .flex-container.one .flex-box:nth-child(2){background-size: 60%;background-position-x: 70% !important;}
     .diagram01 .flex-container.one .flex-box:nth-child(3){background-size: 50%;background-position-x: 69% !important;}
     .diagram01 .flex-container.two{flex-direction:row;height: 100%;}
     .diagram01 .flex-container.two .flex-box:nth-child(1){background-position:right center;background-size:85%;flex:3 1 auto}
     .diagram01 .flex-container.two .flex-box:nth-child(1) p{bottom:33%;left:7%;font-size:15px;font-weight:400}
     .diagram01 .flex-container.two .flex-box:nth-child(2){text-align:left}
     .diagram01 .flex-container.two .flex-box:nth-child(2) h3{padding: 10% 0 5% 20%;font-size: 4.4vw;}
     .diagram01 .flex-container.two .flex-box:nth-child(2) ul{margin: 0 0 5% 20%;padding:0;}
     .diagram01 .flex-container.two .flex-box:nth-child(2) ul li{font-size: 3vw;line-height:1.5;}
     .diagram01 .flex-container.two .flex-box:nth-child(2) ul li:before{width:13px;height:13px;margin-top:8px}
     .diagram01 .flex-container.three .flex-box{float:left;width:30%;height: 100%;}
     .diagram01 .flex-container.three:after{content:'';display:block;clear:both}
     .diagram01 .flex-container.three .flex-box span{top: 43%!important;font-size: 3.2vw;font-weight:400;left:0!important;width:100%;letter-spacing:-.3px;}
     .diagram01 .flex-container.three .flex-box p{left:49%;top: 53%;height: 23%;font-size: 3vw;font-weight:400;letter-spacing:-.5px;width:13.5vw;}
     .diagram01 .flex-container.three .flex-box:nth-child(2){width:30%}
     .diagram01 .flex-container.three .flex-box:nth-child(3){width:40%}
     .diagram01 .flex-container.three .flex-box:nth-child(2) p{top:49%;height: 24%;word-break:keep-all;}
     .diagram01 .flex-container.three .flex-box:nth-child(3) em{font-size: 3vw;font-weight:400;width:25%;left:-2%;height: 20px;}
     .diagram01 .flex-container.three .flex-box:nth-child(3) em:not(:last-child):after{    position: relative;height:1px;left:86%;top: -30%; width: 10px;}
     .diagram01 .flex-container.three .flex-box:nth-child(3) span + div {position: relative;top: 71%;}
     .diagram01 > .box:nth-child(2) {height: 37%;}
     .diagram01 > .box:nth-child(3) {height: 41.7%;}
     .flex-container.three {height: 100%;}
     section.section.row-1 {padding-bottom: 40px;}
    
    .tech_03 .row-2 .jooyo_list li .jooyo_div, .tech_03 .row-2 .jooyo_list li .sub_list li,.tech_03 .row-2 .jooyo_list li .jooyo_div .btn_down {font-size: 14px;}
    .tech_02 .tech_wrap02 .row-1 .col_2 .btn_store {width: 170px;padding: 13px 0;}
    .tech_02 .tech_title p .desc {font-size: 15px;line-height: 1.5;}
    .tech_02 .tech_wrap02 .row-2 .con-tit {font-size: 20px;}
    .tech_02 .tech_wrap02 .row-2 .deliver {margin: 0 20px 30px;word-break: keep-all;}
	.tech_02 .tech_wrap02 .row-2 .country{padding:0 40px 0}
    .tech_02 .tech_wrap02 .row-2 .country li{width:33.3333%;padding:13px}
 	.tech_02 .tech_wrap02 .row-3 .jooyo_list{margin-top: 50px;}
	.tech_02 .section:last-child {padding-bottom: 30px;}
	.sub-section .tit {font-size: 19px;}
    .sub-section .jooyo_text {font-size: 14px;}
    .tech_02 .img_txt .txt {left: 0;text-align: center;padding-top: 105%;}
	.tech_02 .img_txt .txt div {width: 100%;font-size: 15.5px;line-height: 1.5;}
}

 















.jooyo_box{max-width: 1400px; width: 100%;margin: 0 auto; text-align: right}

.joo_yo {
	display: block;
}
.jooyo_list li .jooyo_text{color: #333;font-size:15px}

img.joo_yo {
	display:inline-block;
}

.left_img{float: left;width: 219px;height: 79px}
.right_txt{float: right;font-size: 14px;width:377px;line-height:1.5em;padding-left:20px;padding-bottom: 35px;text-align:left}



@media screen and (max-width: 1024px) {
	.main-section .m_ver {
		display: block;
	}

}

@media screen and (max-width: 767px) {
	.m_ver {
		display: block;
	}

}

@media screen and (max-width: 1199px) {
	.header-wrap .nav .navbar.joo_yo {
		display: none;
	}
	.header-wrap .nav .navbar.m_ver {
		display: block;
	}
}


/******************************
	Sub Technology
******************************/

.bt_line {
	border-bottom: 1px solid #e2e2e2;
}

/* tech_wrap01 */

.tech_title p {
	text-align: center;
	font-size: 1.875rem;
	font-weight: 900;
	letter-spacing: 0;
	color: #222;
	margin: 90px 0 60px;
}

@media screen and (max-width: 767px) {
	.tech_title p {
		font-size: 1.285rem; line-height: 23px;
		margin: 3.214rem 0 2.142rem;
	}
}

 .row-1 .inner {
	border: 1px solid #d9d9d9;
	border-top: 2px solid #7b7b7b;
	margin-bottom: 120px;
}

@media screen and (max-width: 767px) {
	 .row-1 .inner {
		margin-bottom: 50px;
	}
}

 .row-1 .inner .img_box {
	text-align: center;
	padding: 60px 0;
}
 .row-1 .inner .img_box .caption { margin-bottom: 40px; font-size: 1.375rem; font-weight: 700; color: #222; }

@media screen and (max-width: 767px) {
	 .row-1 .inner .img_box {
		padding: 35px 10px;
	}
	 .row-1 .inner .img_box .caption { font-size: 1.142rem; line-height: 21px; }
}

 .row-1 .inner .jooyo_div {
	background: #e2edf6;
	padding: 50px 40px;
}

@media screen and (max-width: 767px) {
	 .row-1 .inner .jooyo_div {
		padding: 20px;
	}
}

 .row-1 .inner .jooyo_div p {
	
	margin-bottom: 38px;
}

@media screen and (max-width: 767px) {
	 .row-1 .inner .jooyo_div p {
		margin-bottom: 15px;
		font-size: 0.928rem;
    	line-height: 18px;
	}
}

 .row-1 .inner .jooyo_div p:last-child {
	margin-bottom: 0;
}

 .hydrogen_slide .swiper-container {
	text-align: center;
	border: 1px solid #d9d9d9;
	padding: 60px 0;
}

@media screen and (max-width: 767px) {
	 .hydrogen_slide .swiper-container {
		padding: 30px 0;
		border-width: 2px;
	}
	 .hydrogen_slide .swiper-container .swiper-slide {
		padding: 0 50px;
	}
}

 .hydrogen_slide .num {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background: #333;
	margin: 0 auto 30px;
	font-weight: 700;
	color: #fff;
	line-height: 40px;
	font-family: 'Montserrat', sans-serif;
}

 .hydrogen_slide h2 {
	font-size: 1.375rem;
	font-weight: 700;
	letter-spacing: 0;
	color: #222;
}

 .hydrogen_slide .jooyo_textt {
	font-size: 1.125rem;
	color: #222;
	margin: 20px 0 13px;
}
@media screen and (max-width: 767px) {
	 .hydrogen_slide .jooyo_textt { font-size: 0.928rem; line-height: 18px; }
}

 .swiper-button-next,  .swiper-button-prev {
	background: url("/wp-content/themes/doosanmobility/assets/images/hydro_arrow.png")no-repeat center;
	background-color: #777;
	width: 70px;
	height: 70px;
	left: 0;
}
 .swiper-button-next:hover,  .swiper-button-prev:hover { background-color: #0079c5; }
 .swiper-button-next.swiper-button-disabled,
 .swiper-button-prev.swiper-button-disabled { opacity: 0; }

@media screen and (max-width: 767px) {
	 .swiper-button-next,  .swiper-button-prev {
		width: 35px;
		height: 35px;
		top: 70%;
		background-size: 18px 5px;
	}
}

 .swiper-button-next {
	transform: rotate(180deg);
	left: auto;
	right: 0;
}

 .swiper-pagination {
	position: relative;
	margin-bottom: 120px;
}

@media screen and (max-width: 767px) {
	 .swiper-pagination {
		margin-bottom: 50px;
	}
}

 .swiper-pagination-bullet {
	width: 240px;
	height: 159px;
	border-radius: 0;
	background: none;
	opacity: 1;
}

@media screen and (max-width: 1024px) {
	 .swiper-pagination-bullet {
		width: 20%;
		height: 12vw;
	}
}

@media screen and (max-width: 767px) {
	 .swiper-pagination-bullet {
		height: 11vw;
	}
}

 .swiper-pagination-bullet-active {
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);
}

 .swiper-pagination-bullet:first-child {
	background: url("/wp-content/themes/doosanmobility/assets/images/hydro_navi01.jpg") center center no-repeat;
	background-size: 100%;
}

 .swiper-pagination-bullet:nth-child(2) {
	background: url("/wp-content/themes/doosanmobility/assets/images/hydro_navi02.jpg") center center no-repeat;
	background-size: 100%;
}

 .swiper-pagination-bullet:nth-child(3) {
	background: url("/wp-content/themes/doosanmobility/assets/images/hydro_navi03.jpg") center center no-repeat;
	background-size: 100%;
}

 .swiper-pagination-bullet:nth-child(4) {
	background: url("/wp-content/themes/doosanmobility/assets/images/hydro_navi04.jpg") center center no-repeat;
	background-size: 100%;
}

 .swiper-pagination-bullet:nth-child(5) {
	background: url("/wp-content/themes/doosanmobility/assets/images/hydro_navi05.jpg") center center no-repeat;
	background-size: 100%;
}

 .swiper-pagination-bullet-active:first-child,  .swiper-pagination-bullet:first-child:hover {
	background: url("/wp-content/themes/doosanmobility/assets/images/hydro_navi01_on.jpg") center center no-repeat;
	background-size: 100%;
}

 .swiper-pagination-bullet-active:nth-child(2),  .swiper-pagination-bullet:nth-child(2):hover {
	background: url("/wp-content/themes/doosanmobility/assets/images/hydro_navi02_on.jpg") center center no-repeat;
	background-size: 100%;
}

 .swiper-pagination-bullet-active:nth-child(3),  .swiper-pagination-bullet:nth-child(3):hover {
	background: url("/wp-content/themes/doosanmobility/assets/images/hydro_navi03_on.jpg") center center no-repeat;
	background-size: 100%;
}

 .swiper-pagination-bullet-active:nth-child(4),  .swiper-pagination-bullet:nth-child(4):hover {
	background: url("/wp-content/themes/doosanmobility/assets/images/hydro_navi04_on.jpg") center center no-repeat;
	background-size: 100%;
}

 .swiper-pagination-bullet-active:nth-child(5),  .swiper-pagination-bullet:nth-child(5):hover {
	background: url("/wp-content/themes/doosanmobility/assets/images/hydro_navi05_on.jpg") center center no-repeat;
	background-size: 100%;
}

/* .swiper-pagination-bullet:hover { opacity: 0.7; }*/

 .row-2 .media_box iframe {
	width: 100%;
	height: 675px;
}

@media screen and (max-width: 768px) {
	 .row-2 .media_box iframe {
		height: 415px;
	}
}

@media screen and (max-width: 767px) {
	 .row-2 .media_box iframe {
		height: 250px;
	}
}

 .jooyo_box .jooyo_list li {
	font-size: 0;margin-bottom:50px;background:#F2F2F2
}

@media screen and (max-width: 1024px) {
	 .jooyo_box .jooyo_list li.m_ver {
		display: block;
	}

}

 .jooyo_box .jooyo_list li .img_box {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
 .jooyo_box .jooyo_list li .img_box img { width: 526px; height: 284px }
@media screen and (max-width: 1024px) {
	 .jooyo_box .jooyo_list li .img_box {
		display: block;
		width: 100%;
	}
}

 .jooyo_box .jooyo_list li .jooyo_div {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	 text-align: left
}

 .jooyo_box .jooyo_list li .jooyo_div.jooyo_textt_left {
	padding: 80px 80px 0 0;
}

@media screen and (max-width: 1024px) {
	 .jooyo_box .jooyo_list li .jooyo_div {
		padding: 35px 0 100px !important;
		display: block;
		width: 100%;
	}
	 .jooyo_box .jooyo_list li:last-child .jooyo_div {
		padding-bottom: 0 !important;
	}
}
@media screen and (max-width: 767px) {
	.sub-section .jooyo_box .jooyo_list li .jooyo_div {padding: 30px 0 40px !important;}
	.sub-section .jooyo_box .jooyo_list li:last-child .jooyo_div { padding-bottom: 0 !important; }
}

 .jooyo_box .jooyo_list li .jooyo_div .tit {
	font-size: 1.375rem;
	font-weight: 700;
	letter-spacing: 0;
	color: #222;
	text-align:left
}

 .jooyo_box .jooyo_list li .jooyo_div .jooyo_text {
	margin: 20px 0 20px 0;
	text-align:left
}

@media screen and (max-width: 767px) {
	 .jooyo_box .jooyo_list li .jooyo_div .tit { font-size: 1.142rem; }
	 .jooyo_box .jooyo_list li .jooyo_div .jooyo_text {
		margin-top: 15px;
		font-size: 0.928rem; line-height: 18px;
	}
}

/* tech_wrap02 */

.tech_wrap02 .row-1 .img_box {
	border: 1px solid #d9d9d9;
	border-top: 2px solid #7b7b7b;
	margin-bottom: 60px;
	padding: 90px 10px;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.tech_wrap02 .row-1 .img_box {
		padding: 35px 10px;
		margin-bottom: 2.142rem;
	}
}

.tech_wrap02 .row-1 .col_2 .inner {
	font-size: 0;
	margin-bottom: 100px;
}
.tech_wrap02 .row-1 .col_2 .inner.last { margin-bottom: 60px; }

@media screen and (max-width: 767px) {
	.tech_wrap02 .row-1 .col_2 .inner {
		margin-bottom: 2.857rem;
	}
	.tech_wrap02 .row-1 .col_2 .inner.last { margin-bottom: 2.142rem; }
}

.tech_wrap02 .row-1 .col_2 .inner .tit {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin-right: 2%;
}

@media screen and (max-width: 767px) {
	.tech_wrap02 .row-1 .col_2 .inner .tit {
		display: block;
		width: 100%;
		margin: 0 0 1.428rem 0;
	}
}

.tech_wrap02 .row-1 .col_2 .inner .jooyo_text {
	font-size: 1rem;
	font-weight: 300;
	letter-spacing: 0;
	color: #555;
	display: inline-block;
	vertical-align: top;
	width: 50%;
}

@media screen and (max-width: 767px) {
	.tech_wrap02 .row-1 .col_2 .inner .jooyo_text {
		display: block;
		width: 100%;
	}
}

.tech_wrap02 .row-1 .col_2 .btn_store {
	display: block;
	width: 159px;
	text-align: center;
	font-size: 1.25rem;
	font-weight: 500;
	color: #fff;
	padding: 18.5px 0;
	background: #0018a8;
	margin: 0 auto 120px;
}
.tech_wrap02 .row-1 .col_2 .btn_store.m_ver { display: none; }
.tech_wrap02 .row-1 .col_2 .btn_store:before { width: 20px; height: 17px; margin-right: 10px; display: inline-block; vertical-align: middle; background: url(../images/go-shop.png)no-repeat center; background-size: contain; content: ''; }
@media screen and (min-width: 768px) {
	.tech_wrap02 .row-1 .col_2 .btn_store:hover { background: #0079c5; }
}
@media screen and (max-width: 767px) {
	.tech_wrap02 .row-1 .col_2 .btn_store { width: 113px; margin: 0 auto 3.571rem; padding: 11px 0; font-size: 1rem; }
	.tech_wrap02 .row-1 .col_2 .btn_store:before { width: 14px; }
	.tech_wrap02 .row-1 .col_2 .btn_store.joo_yo { display: none; }
	.tech_wrap02 .row-1 .col_2 .btn_store.m_ver { display: block; }
}

.tech_wrap02 .row-1 .col_2 .btn_store img {
	vertical-align: middle;
	margin: -3px 10px 0 0;
}

.tech_wrap02 .row-2 {
	background: url("/wp-content/themes/doosanmobility/assets/images/bg_deliver.jpg") center bottom no-repeat;
	background-size: contain;
}

.tech_wrap02 .row-2 .img_wrap {
	margin-bottom: 50px;
	margin-left: -0.5%;
	margin-right: -0.5%;
}

.tech_wrap02 .row-2 .img_wrap::after {
	content: '';
	display: block;
	clear: both;
}

.tech_wrap02 .row-2 .img_wrap .img_box {
	float: left;
	width: 24%;
	margin-left: calc( 0.5% );
	margin-right: calc( 0.5% );
}

@media screen and (max-width: 767px) {
	.tech_wrap02 .row-2 .img_wrap { margin-bottom: 3rem; }
	.tech_wrap02 .row-2 .img_wrap .img_box {
		width: 49%;
		margin-bottom: 4px;
	}
}

.tech_wrap02 .row-2 .img_wrap .img_box img {
	max-width: 100%;
	box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.2);
}

.tech_wrap02 .row-2 .deliver {
	margin-bottom: 100px;
	text-align: center;

}

.tech_wrap02 .row-2 .con-tit {
	margin-bottom: 60px;
}

.tech_wrap02 .row-2 .tit {
	margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
	.tech_wrap02 .row-2 .deliver { margin-bottom: 2.857rem; }
	.tech_wrap02 .row-2 .deliver .sub_tit {
		margin: 15px 0 30px;
	}
	.tech_wrap02 .row-2 .con-tit { margin-bottom: 2.142rem; }
	.tech_wrap02 .row-2 .tit { margin-bottom: 1.071rem; }
}

.tech_wrap02 .row-2 .country {
	font-size: 0;
	padding-bottom: 120px;
}

.tech_wrap02 .row-2 .country li {
	display: inline-block;
	vertical-align: top;
	width: 33.3%;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.tech_wrap02 .row-2 .country { padding-bottom: 3.571rem; }
	.tech_wrap02 .row-2 .country li {
		width: 100%;
		margin-bottom: 2.857rem;
	}
	.tech_wrap02 .row-2 .country li:last-child {
		margin-bottom: 0;
	}
}

.tech_wrap02 .row-2 .country li p {
	font-size: 1rem;
	font-weight: 400;
	color: #333;
	margin-top: 30px;
}

.tech_wrap02 .row-2 .order_warn {
	text-align: center;
	font-size: 1rem;
	font-weight: 500;
	color: #c50000;
	margin-bottom: 120px;
}

@media screen and (max-width: 767px) {
	.tech_wrap02 .row-2 .order_warn { margin-bottom: 3.571rem; }
}

.tech_wrap02 .jooyo_box { padding-top: 30px; }

.tech_wrap02 .jooyo_box .jooyo_list {
	margin-bottom: 120px;
}

@media screen and (max-width: 767px) {
	.tech_wrap02 .jooyo_box { padding-top: 0; }
	.tech_wrap02 .jooyo_box .jooyo_list {
		margin-bottom: 50px;
	}
	.tech_wrap02 .row-2 .country li p { margin-top: 1rem; font-size: 0.928rem; }
}

.tech_wrap02 .jooyo_box .jooyo_list li {
	font-size: 0;
}

@media screen and (max-width: 1024px) {
	.tech_wrap02 .jooyo_box .jooyo_list li.m_ver {
		display: block;
	}
	.tech_wrap02 .jooyo_box .jooyo_list li.joo_yo {
		display: none;
	}
}

.tech_wrap02 .jooyo_box .jooyo_list li .img_box {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
.tech_wrap02 .jooyo_box .jooyo_list li .img_box img { width: 100%; }
@media screen and (max-width: 1024px) {
	.tech_wrap02 .jooyo_box .jooyo_list li .img_box {
		display: block;
		width: 100%;
	}
}

.tech_wrap02 .jooyo_box .jooyo_list li .jooyo_div {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 80px 0 0 80px;
}

@media screen and (max-width: 1024px) {
	.tech_wrap02 .jooyo_box .jooyo_list li .jooyo_div {
		padding: 30px 0 70px;
		display: block;
		width: 100%;
	}
	.tech_wrap02 .jooyo_box .jooyo_list li:last-child .jooyo_div {
		padding-bottom: 0 !important;
	}
}


.tech_wrap02 .jooyo_box .jooyo_list li .jooyo_div.jooyo_textt_left {
	padding: 80px 80px 0 0;
}
@media screen and (max-width: 767px) {
	.tech_wrap02 .jooyo_box .jooyo_list li .jooyo_div, .tech_wrap02 .jooyo_box .jooyo_list li .jooyo_div.jooyo_textt_left { padding: 30px 0 40px; }
}

.tech_wrap02 .jooyo_box .jooyo_list li .jooyo_div .jooyo_text {
	margin-top: 30px;
}
@media screen and (max-width: 767px) {
	.tech_wrap02 .jooyo_box .jooyo_list li .jooyo_div .jooyo_text { margin-top: 0; }
}


 .jooyo_box .tech_title p { margin-top: 120px; }
@media screen and (max-width: 767px) {
	 .jooyo_box .tech_title p { margin-top: 50px; }
}

.tech_wrap02 .row-4 {
	background: url("/wp-content/themes/doosanmobility/assets/images/bg_cabinet.jpg") center center no-repeat;
	background-size: cover;
	padding: 120px 0 250px;
	position: relative;
}

@media screen and (max-width: 767px) {
	.tech_wrap02 .row-4 {
		padding: 50px 0 300px;
	}
}

.tech_wrap02 .row-4 .tech_title p {
	color: #fff;
	margin-top: 0;
}

.tech_wrap02 .row-4 .inner {
	text-align: center;
}

.tech_wrap02 .row-4 .inner h2 {
	font-size: 1.375rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: 40px;
}

.tech_wrap02 .row-4 .inner p {
	color: #fff;
}

.tech_wrap02 .row-4 .img_wrap {
	position: absolute;
	width: 1200px;
	bottom: -110px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	z-index: 9;
	font-size: 0;
}

@media screen and (max-width: 767px) {
	.tech_wrap02 .row-4 .img_wrap {
		bottom: -15vw;
	}
}

@media screen and (max-width: 1200px) {
	.tech_wrap02 .row-4 .img_wrap {
		width: 100%;
	}
}

.tech_wrap02 .row-4 .img_wrap .img_box {
	display: inline-block;
	width: 25%;
}

@media screen and (max-width: 767px) {
	.tech_wrap02 .row-4 .img_wrap .img_box {
		width: 50%;
	}
	.tech_wrap02 .row-4 .inner h2 { margin-bottom: 1.428rem; font-size: 1.142rem; }
}

.tech_wrap02 .row-5 .tech_title p {
	margin-top: 190px;
}

.tech_wrap02 .row-5 .inner {
	border: 1px solid #d9d9d9;
	padding: 0 60px;
}

@media screen and (max-width: 767px) {
	.tech_wrap02 .row-5 .inner {
		padding: 0 20px;
	}
	.tech_wrap02 .row-5 .tech_title p { margin-top: 5.714rem; }
}

.tech_wrap02 .row-5 .inner .inner_box {
	padding: 60px 0;
}
@media screen and (max-width: 767px) {
	.tech_wrap02 .row-5 .inner .inner_box { padding: 2.142rem 0; }
}

.tech_wrap02 .row-5 .inner .inner_box:first-child { padding-bottom: 20px; }
@media screen and (max-width: 767px) {
	.tech_wrap02 .row-5 .inner .inner_box:first-child { padding-bottom: 2.142rem; }
}

.tech_wrap02 .row-5 .inner .inner_box h3 {
	text-align: center;
}

.tech_wrap02 .row-5 .content {
	font-size: 0;
}

.tech_wrap02 .row-5 .content .media_box,
.tech_wrap02 .row-5 .content .img_box {
	display: inline-block;
	vertical-align: middle;
	width: 40%;
	margin-right: 5%;
}

@media screen and (max-width: 767px) {
	.tech_wrap02 .row-5 .content .media_box,
	.tech_wrap02 .row-5 .content .img_box {
		display: block;
		width: 100%;
		margin: 0 0 20px 0;
	}
}

.tech_wrap02 .row-5 .content .jooyo_div {
	display: inline-block;
	vertical-align: middle;
	width: 55%;
}

@media screen and (max-width: 767px) {
	.tech_wrap02 .row-5 .content .jooyo_div {
		display: block;
		width: 100%;
	}
}

.tech_wrap02 .row-5 .content .jooyo_div02 p {
	margin-bottom: 30px;	
}

.tech_wrap02 .row-5 .content .jooyo_div02 p:last-child {
	margin-bottom: 0;	
}

.tech_wrap02 .row-5 .img_col4 {
	margin-top: 40px;
	margin-left: -0.5%;
	margin-right: -0.5%;
}

.tech_wrap02 .row-5 .img_col4::after {
	content: '';
	display: block;
	clear: both;
}

.tech_wrap02 .row-5 .img_col4 .img_box {
	float: left;
	width: 24%;
	margin-left: calc( 0.5% );
	margin-right: calc( 0.5% );
}

@media screen and (max-width: 767px) {
	.tech_wrap02 .row-5 .img_col4 .img_box {
		width: 49%;
		margin-bottom: 4px;
	}
	.tech_wrap02 .row-5 .content .jooyo_div p { font-size: 0.928rem; margin-bottom: 1.071rem; }
}

.tech_wrap02 .row-5 .img_col2 {
	margin-left: -10px;
	margin-right: -10px;
}

.tech_wrap02 .row-5 .img_col2 .img_box { float: left; width: calc(50% - 20px); margin: 0 10px 40px; }
.tech_wrap02 .row-5 .img_col2 .img_box p { margin-top: 10px; margin-bottom: 0; }
.tech_wrap02 .row-5 .desc-txt { margin-bottom: 60px; }
@media screen and (max-width: 767px) {
	.tech_wrap02 .row-5 .img_col2 .img_box {
		width: calc(100% - 20px); margin-bottom: 1.428rem;
	}
	.tech_wrap02 .row-5 .img_col2 .img_box:last-child { margin-bottom: 0; }
	.tech_wrap02 .row-5 .desc-txt { margin-bottom: 20px; }
}


/* tech_wrap03 */

.tech_wrap03 .row-1 .tech_title {
	text-align: center;
	/*background: url("/wp-content/themes/doosanmobility/assets/images/bg_plat.png") center bottom no-repeat;*/
	/*padding: 101px 20px 60px;*/
	margin: 80px 0 60px;
}
.tech_wrap03 .row-1 .tech_title .gradient-tit { letter-spacing: 13px; }

@media screen and (max-width: 767px) {
	.tech_wrap03 .row-1 .tech_title {
		margin-top: 0;
		margin-bottom: 2.142rem;
	}
	.tech_wrap03 .row-1 .tech_title .gradient-tit img { max-width: 243px; }
}

.tech_wrap03 .row-1 .col_2 {
	font-size: 0;
	padding: 60px 0 120px;
}

.tech_wrap03 .row-1 .col_2 .jooyo_div {
	display: inline-block;
	vertical-align: top;
	width: 47%;
	margin-right: 3%;
}

@media screen and (max-width: 767px) {
	.tech_wrap03 .row-1 .col_2 { padding: 30px 0 50px; }
	.tech_wrap03 .row-1 .col_2 .jooyo_div {
		display: block;
		width: 100%;
		margin: 0 0 40px 0;
	}
	.tech_wrap03 .row-1 .col_2 .jooyo_div:last-child {
		margin-bottom: 0;
	}
}


.tech_wrap03 .row-1 .col_2 .jooyo_div p.tit {
	margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
	.tech_wrap03 .row-1 .col_2 .jooyo_div p.tit{
		margin-bottom: 1.071rem;
	} 
}

.tech_wrap03 .row-1 .media_box {
	text-align: center;
	padding: 120px 0;
}


.tech_wrap03 .row-1 .media_box iframe {
	width: 100%;
	height: 675px;
}

@media screen and (max-width: 768px) {
	.tech_wrap03 .row-1 .media_box { padding: 50px 0; }
	.tech_wrap03 .row-1 .media_box iframe {
		height: 415px;
	}
}

@media screen and (max-width: 767px) {
	.tech_wrap03 .row-1 .media_box iframe {
		height: 250px;

	}
}

.tech_wrap03 .row-2 .jooyo_list {
	padding-top: 60px;
}
@media screen and (max-width: 767px) {
	.tech_wrap03 .row-2 .jooyo_list { padding-top: 30px; }
}

.tech_wrap03 .row-2 .jooyo_list li {
	margin-bottom: 10px;
	font-size: 0;
}

.tech_wrap03 .row-2 .jooyo_list li .img_box {
	display: inline-block;
	width: 38px;
	vertical-align: middle;
	margin-right: 20px;
}
.tech_wrap03 .row-2 .jooyo_list li:nth-child(4) .img_box { vertical-align: top; }

.tech_wrap03 .row-2 .jooyo_list li .jooyo_div {
	display: inline-block;
	width: calc( 100% - 58px );
	vertical-align: middle;
	font-size: 1rem;
	font-weight: 300;
	letter-spacing: 0;
	color: #222;
}
.tech_wrap03 .row-2 .jooyo_list li:nth-child(4) .jooyo_div { margin-top: 7px; }

.sub-section .btn_down {
	display: inline-block;
	padding: 11px 28px;
	border: 1px solid #222;
	font-size: 0.857rem;
	font-weight: 400;
	color: #222;
	text-align: center;
}
.tech_wrap03 .row-2 .jooyo_list li .jooyo_div .btn_down {
	margin-left: 30px;
}
.sub-section .btn_down:before { display: inline-block; width: 15px; height: 16px; margin-right: 7px; vertical-align: middle; background: url(../images/ico_down2.png)no-repeat center; background-size: 15px 16px; content: ''; }

@media screen and (min-width: 768px) {
	.sub-section .btn_down:hover{ border-color: #0079c5; background: #0079c5; color: #fff; }
	.sub-section .btn_down:hover:before { background-image: url(../images/ico_down2-on.png); }
}

.sub-section .btn_down02:before {
	background-image: url(../images/new_ico_down.png)no-repeat center;
}
@media screen and (min-width: 768px) {
	.sub-section .btn_down02:hover:before { background-image: url(../images/new_ico_down_hover.png); }
}
/*@media screen and (max-width: 767px) {
	.sub-section .btn_down02:before {
		background: url(../images/m_new_ico_down.png)no-repeat center;
		background-size: contain;
	}
}*/

@media screen and (max-width: 767px) {
	.tech_wrap03 .row-2 .jooyo_list li .img_box { width: 24px; margin-right: 10px; }
	.tech_wrap03 .row-2 .jooyo_list li .jooyo_div, .sub-section .btn_down { font-size: 0.928rem }
	.sub-section .btn_down { padding:10px 25px; margin: 15px 0 0; }
	.page-privacy .btn_down { margin: 0 0 1.071rem; }
	.tech_wrap03 .row-2 .jooyo_list li .jooyo_div .btn_down { margin-left: 0; }
	.tech_wrap03 .row-2 .jooyo_list li:nth-child(3) .img_box { vertical-align: top; }
}

.tech_wrap03 .row-2 .jooyo_list li .sub_list {
	margin: 25px 0 30px;
}

.tech_wrap03 .row-2 .jooyo_list li .sub_list li {
	font-size: 1rem;
	font-weight: 300;
	letter-spacing: 0;
	padding-left: 15px;
	color: #888;
	position: relative;
}

.tech_wrap03 .row-2 .jooyo_list li .sub_list li::before {
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	background: #888;
	border-radius: 50px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
	.tech_wrap03 .row-2 .jooyo_list li .sub_list { margin: 10px 0 0; }
	.tech_wrap03 .row-2 .jooyo_list li:last-child, .tech_wrap03 .row-2 .jooyo_list li .sub_list li:last-child { margin-bottom: 0; }
	.sub-section .btn_down { width: 100%; padding: 10px 15px; font-size: 0.857rem; }
	.sub-section .btn_down:before { margin-right: 5px; }

}


/******************************
	Sub Contact us
******************************/

.contact_wrap .cont_info {
	text-align: center;
}


.contact_wrap .cont_info a {
	color: #0079c5;
}

.contact_wrap .form_wrap {
	margin-top: 55px;
}

.form_wrap .required {
	font-size: 1rem;
	font-weight: 300;
	letter-spacing: 0;
	color: #888;
}

.form_wrap .required span {
	font-weight: 500;
	color: #0018a8;
}

.form_wrap .form_table {
	margin-top: 25px;
}

.form_wrap .form_table th {
	font-size: 1rem;
	font-weight: 700;
	color: #222;
	text-align: left;
	width: 180px;
	vertical-align: top;
	padding-top: 20px;
}

.contact_wrap .cont_info a.joo_yo { display: inline-block; }

@media screen and (max-width: 767px) {
	.contact_wrap .cont_info a.joo_yo { display: none; }
	.contact_wrap .cont_info a.m_ver { display: inline-block; }
	.form_wrap .form_table th {
		/* width: 90px; */
		/* display: none; */
	}
	.form_wrap.contactus .form_table th {
		margin-bottom:5px;
	}

	.form_wrap.contactus .form_table th, .form_wrap.contactus .form_table td {
		display:inline-block;
		width:100%;
	}

	.form_wrap.contactus .form_table .input_box {
		margin-bottom:0;
	}
}

.form_wrap .form_table td {
	width: calc( 100% - 180px );
}

@media screen and (max-width: 767px) {
	.form_wrap .form_table td {
		/* width: calc( 100% - 90px ); */
		width: 100%;
	}
}

.form_wrap .form_table td .input_box {
	margin-bottom: 20px;
	color: #555;
}

.form_wrap .form_table td select {
	width: 80%;
	height: 60px;
	border: none;
	padding: 0 2%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: url("/wp-content/themes/doosanmobility/assets/images/arrow.png") right 30px center no-repeat, #f4f4f4;
	outline: none;
	line-height: 2;
	color: #888;
}

@media screen and (max-width: 768px) {
	.form_wrap .form_table td select {
		width: 100%;
	}
}

.form_wrap .form_table td select option {
	background: #fff;
	height: auto;
	font-size: 1rem;
	font-weight: 300;
	letter-spacing: 0;
	color: #555;
}

.form_wrap .form_table td input[type="text"],  .form_wrap .form_table td input[type="email"] {
	width: 80%;
	height: 60px;
	border: none;
	padding: 0 2%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #f4f4f4;
	outline: none;
}

@media screen and (max-width: 768px) {
	.form_wrap .form_table td input[type="text"], .form_wrap .form_table td input[type="email"] {
		width: 100%;
	}
}

.form_wrap .form_table td.title input[type="text"] {
	width: 100%;
}

.form_wrap .form_table td textarea {
	width: 100%;
	height: 250px;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	padding: 2%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #f4f4f4;
	outline: none;
}

.form_wrap .form_table td.file p {
	font-size: 1rem;
	font-weight: 300;
	letter-spacing: 0;
	color: #888;
	margin-top: 30px;
}

.form_wrap input:-ms-input-placeholder { color: #888; }
.form_wrap input::-webkit-input-placeholder { color: #888; }
.form_wrap input::-moz-placeholder { color: #888; }
.form_wrap input::-moz-placeholder { color: #888; }

/* filebox */

.file_box {
	font-size: 0;
}

.file_box .upload-name {
	vertical-align: top;
	font-family: 'Noto Sans KR';
	font-size: 1rem;
	letter-spacing: -0.25px;
	color: #333;
	width: calc( 100% - 203px );
	height: 60px;
	padding: 0 2%;
	border: none;
	background: #f4f4f4;
	box-sizing: border-box;
	outline: none;
}

@media screen and (max-width: 767px) {
	.file_box .upload-name {
		display: block;
		width: 100%;
	}
}

.file_box label {
  display: inline-block;
  vertical-align: top;
  width: 193px;
  margin-left: 10px;
  padding: 18px 0;
  border: 1px solid #222;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0px;
  color: #222;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
}
.file_box label:hover{ background: #0079c5; border-color: #0079c5; color: #fff; }

@media screen and (max-width: 767px) {
	.file_box label {
		display: block;
		width: 100%;
		margin: 10px 0 0 0;
	}
}

.file_box input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}


.form_wrap .terms {
	margin-top: 60px;
}

.form_wrap .terms .jooyo_div {
	border: 1px solid #a0a0a0;
	padding: 25px 30px;
	height: 290px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: scroll;
	white-space: pre-line;
	font-weight: 300;
	line-height: 26px;
}

.form_wrap .terms .jooyo_div strong {
	font-weight: 400;
	color: #000;
}

/*.form_wrap .terms .jooyo_div .blue {
	color: #0079c5;
}*/

.form_wrap .terms .jooyo_div .link {
	color: #0018a8;
}

.form_wrap .terms .agree {
	margin-top: 25px;
}

.form_wrap .terms .agree::after {
	content: '';
	display: block;
	clear: both;
}

.form_wrap .terms .agree p {
	float: left;
	color: #888;
}

.form_wrap .terms .input_box {
	float: right;
	position: relative;
}

@media screen and (max-width: 767px) {
	.form_wrap .terms .input_box, .form_wrap .terms .agree {
		margin-top: 10px;
	}
}

.form_wrap .terms .input_box input[type="checkbox"] {
	opacity: 0;
}

.form_wrap .terms .input_box label {
	/*padding-left: 15px;*/
	vertical-align: middle;
	cursor: pointer;
}

.form_wrap .terms .input_box label::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	/* background: url(""); */
	border: 1px solid #666;
	position: absolute;
	top: 2px;
	left: -15px;
}

.form_wrap .terms .input_box input[type="checkbox"]:checked + label::before {
	background: url(../images/check.jpg)no-repeat;
	position: absolute;
}

.form_wrap .btn_wrap {
	margin-top: 60px;
	text-align: center;
	font-size: 0;
}

.form_wrap .btn_wrap .cancel, .form_wrap .btn_wrap .btn_submit {
	display: inline-block;
	padding: 20px 40px;
	text-align: center;
	border: 1px solid #222;
	font-size: 1.25rem;
	font-weight: 500;
	color: #222;
	margin: 0 5px;
	cursor: pointer;
	background: transparent;
}

@media screen and (max-width: 767px) {
	.form_wrap .btn_wrap .cancel {
		width: calc( 50% - 10px );
	}
}

.form_wrap .btn_wrap .btn_submit {
	background: #222;
	color: #fff;
}
.form_wrap .btn_wrap .cancel:hover, .form_wrap .btn_wrap .btn_submit:hover { background: #0079c5; color: #fff; border-color: #0079c5; }

@media screen and (max-width: 767px) {
	.form_wrap .btn_wrap .btn_submit {
		width: calc( 50% - 10px );
	}
	.form_wrap .terms, .form_wrap .btn_wrap{ margin-top: 2.142rem; }
	.form_wrap .terms .jooyo_div { padding: 10px; font-size: 0.928rem; line-height: 18px; }
}

/* popup */

.popup_wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 9;
	display: none;
}

.popup_wrap .pop_inner {
	width: 100%;
	max-width: 340px;
	padding: 58px 20px 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
}

.popup_wrap .pop_inner .close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 20px;
	height: 20px;
	background: url("/wp-content/themes/doosanmobility/assets/images/pop_close.jpg") no-repeat;
	font-size: 0;
	cursor: pointer;
	/*outline: none;*/
}

.popup_wrap .popup .inner {
	/*padding-top: 50px;*/
	text-align: center;
}

.popup_wrap .popup .inner p {
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.5;
	color: #444;
}

.popup_wrap .popup .inner .confirm {
	width: 140px;
	padding: 10px 0;
	text-align: center;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0;
	color: #fff;
	background: #01419a;
	margin: 27px auto 0;
	border: none;
}


/* complete */

.contact_wrap .receive {
	border: 1px solid #e1e1e1;
	padding: 60px 0;
	text-align: center;
	margin-top: 60px;
}

@media screen and (max-width: 767px) {
	.contact_wrap .receive {
		padding: 35px 20px;
	}
}

.contact_wrap .receive h2 {
	margin-top: 60px;
}

.contact_wrap .receive p {
	
	margin-bottom: 40px;
}

.contact_wrap .receive a {
	display: inline-block;
	padding: 20px 40px;
	font-size: 1.25rem;
	font-weight: 500;
	color: #fff;
	text-align: center;
	background: #222;
	margin: 0 auto;
}
.contact_wrap .receive a:hover { background: #0079c5; }


/******************************
	미제공언어안내화면
******************************/

.guide_wrap .guide_screen {
	width: 870px;
	border: 1px solid #dfdfdf;
	background: #fff;
	margin: 0  auto;
	box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 870px) {
	.guide_wrap .guide_screen {
		width: calc( 100% - 20px );
		margin-left: 10px;
		margin-right: 10px;
	}
}

.guide_screen .top  {
	padding: 40px 60px 0;
}

@media screen and (max-width: 767px) {
	.guide_screen .top  {
		padding: 20px 20px 0;
	}
}

.guide_screen .top::after {
	content: '';
	display: block;
	clear: both;
}

.guide_screen .top .logo01 {
	float: left;
}

.guide_screen .top .logo02 {
	float: right;
	margin-top: 10px;
}

@media screen and (max-width: 767px) {
	.guide_screen .top .logo01,
	.guide_screen .top .logo02 {
		float: none;
		text-align: center;
	}
}

.guide_screen .jooyo_div {
	padding: 55px 0;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.guide_screen .jooyo_div {
		padding: 38px 20px;
	}
}

.guide_screen .jooyo_div h1 {
	font-size: 1.875rem;
	font-weight: 900;
	line-height: 40px;
	color: #222;
	margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
	.guide_screen .jooyo_div h1 {
		font-size: 1.125rem;
	}
}

.guide_screen .jooyo_div p {
	font-weight: 300;
	line-height: 26px;
	color: #555;
}

@media screen and (max-width: 767px) {
	.guide_screen .jooyo_div p {
		font-size: 0.928rem;
		line-height: 18px;
	}
}

.guide_screen .jooyo_div p.thank {
	margin-top: 15px;
}

.guide_screen .jooyo_div p span {
	color: #0018a8;
}

.guide_screen .jooyo_div .btn_wrap {
	text-align: center;
	font-size: 0;
	margin-top: 40px;
}

.guide_screen .jooyo_div .btn_wrap .btn_link {
	display: inline-block;
	padding: 18.5px 40px;
	font-size: 1.25rem;
	font-weight: 500;
	color: #222;
	border: 1px solid #222;
	text-align: center;
	margin: 0 5px;
	background: transparent;
	box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;
}
.guide_screen .jooyo_div .btn_wrap .btn_link:last-child {
	background: #222; color: #fff;
}

@media screen and (max-width: 767px) {
	.guide_screen .jooyo_div .btn_wrap .btn_link {
		width: calc(50% - 10px);
		margin-bottom: 10px;
		padding: 12px 25px;
		font-size: 1rem;
	}
}

.guide_screen .jooyo_div .btn_wrap .btn_link img {
	margin: -3px 0 0 15px;
	vertical-align: middle;
}

.guide_screen .product {
	font-size: 0;
}

.guide_screen .product li {
	display: inline-block;
	width: 33.3%;
	border-top: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	padding: 50px 0;
}

@media screen and (max-width: 767px) {
	.guide_screen .product li {
		width: 100%;
	}
}

.guide_screen .product li:last-child {
	border-right: 0;
}

.guide_screen .product li a {
	display: block;
}

.guide_screen .product li p {
	margin-top: 20px;
	font-size: 1.25rem;
	font-weight: 500;
	color: #222;
}
 
@media screen and (min-width: 1024px ) {
	.guide_wrap { height: 100vh; position: relative; background: #f4f4f4; }
	.guide_wrap .guide_screen { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
}
@media screen and (max-width: 1023px) {
	.guide_wrap { padding: 100px 0; }
}
@media screen and (max-width: 767px) {
	.guide_wrap { padding: 50px 0; }
}


/******************************
	Product sub
******************************/



.product_wrap .pro_visual {
	background: #c8c8c8;
	position: relative;
}

.product_wrap .pro_visual .breadcrumbs {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}

.pro_visual .container {
	max-width: 1500px;
	height: 650px;
	width: 100%;
	position: relative;
}

.pro_visual .inner {
	float: left;
	width: 40%;
	font-size: 0;
	padding-top: 185px;
}
/*@media screen and (max-width: 768px) {
	.pro_visual .inner {
		padding: 100px 0 52px;
	}
}*/
/*
.pro_visual .inner .jooyo_div {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}

@media screen and (max-width: 768px) {
	.pro_visual .inner .jooyo_div {
		display: block;
		width: 100%;
		margin: 50px 0;
	}
}*/

.pro_visual .inner .jooyo_div .category {
	font-size: 1.125rem;
	font-weight: 400;
	letter-spacing: 0;
	color: #222;
}

.pro_visual .inner .jooyo_div h1 {
	font-size: 5rem;
	font-weight: 900;
	margin: 25px 0 60px;
}

@media screen and (max-width: 768px) {
	.pro_visual .inner .jooyo_div h1 {
		font-size: 3.071rem;
		line-height: 44px;
		margin: 20px 0;
	}
}

.pro_visual .inner .jooyo_div p {
	font-size: 1rem;
}
@media screen and (max-width: 767px) {
	.pro_visual .inner .jooyo_div p { font-size: 0.928rem; }
}

/*.pro_visual .inner .img_box {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	position: absolute;
	right: 0;
	top: 50%; transform: translateY(-50%);
	opacity: 0;
}

.product_wrap .pro_visual .swiper-slide-active .inner .img_box {
	opacity: 1;
}*/

.pro_visual .inner .img_box.m_ver {
	display: none;
}

@media screen and (max-width: 768px) {
	.pro_visual .inner .img_box {
		display: block;
		width: 100%;
		margin-bottom: 35px;
	}
	.pro_visual .inner .img_box {
		position: inherit;
		top: inherit;
		right: inherit;
		transform: none;
		text-align: center;
	}
	.pro_visual .inner .img_box.m_ver {
		display: block;
	}
	.pro_visual .inner .img_box.joo_yo {
		display: none;
	}
	.pro_visual .swiper-slide .container { height: auto; }
}

.pro_visual .inner .img_box img {
	max-width: 100%;
}

.pro_visual .pro-slider { width: 60%; padding: 0 20px; float: right; text-align: center; position: relative; top: 50%; transform: translateY(-50%); }
.pro_visual .pro-slider .swiper-slide { opacity: 0 !important; }
.product_wrap .pro_visual .pro-slider .swiper-slide-active { opacity: 1 !important; }


/*20210310 페이로드 */
#payload .container .col4{display:inline-block;width:25%}
#payload .container{font-size:0;text-align:center}
#payload{background:#000;padding:60px 0 50px 0}
#payload .container .col4 h1{color:#fff;font-size:18px;font-weight:300;margin-bottom:20px}
#payload .container .col4 .img{padding:0 40px;height:325px;vertical-align:middle;display:table-cell}
#payload .container .col4 .img img{width:100%}
#payload .container .col4 h2{color:#777777;font-size:1rem;font-weight:400;line-height:1.3}
#payload .container .col4 .tit{display:table-caption;margin:0}
#payload .container .title{display:inline-block;color:#fff;font-size:1rem;font-weight:600}
#payload .container .title:after{content:'';border-bottom:1px solid #fff;display:block;width:100%}
#payload .container .title.blue{color:#0174bd}
#payload .container .title.blue:after{border-color:#0174bd}
#payload .container .img2{width:50%;margin-bottom:20px}
#payload .container .col4:first-child .img img{width:80%}
:lang(zh) .product_wrap .jooyo_list li .jooyo_div .jooyo_text { word-break: break-all;}


@media screen and (max-width: 1280px) {
	#payload .container .title {    letter-spacing: -1px;}
}

@media screen and (max-width: 768px) {
	#payload{padding:0}
	#payload .container .col4{display:block;width:100%;padding:40px 0;border-bottom:1px solid #ffffff47}
	#payload .container .title{font-size:1.3rem;letter-spacing:0;line-height:2}
	#payload .container .col4 .img{padding:20px 0;height:auto}
	#payload .container .col4 .img img{width:80%!important;padding:10px 20%}
	#payload .container .col4 h2{font-size:1.125rem}
	#payload .container .img2{width:40%}
	:lang(ko) #payload .container .title {
    letter-spacing: -1px;
    font-size: 1.2rem;
}

	.product_wrap .detail_list th, .product_wrap .detail_list td {    width: 49.5% !important;}
}



@media screen and (max-width: 1024px) {
	.product_wrap .pro_visual .pro-slider img { max-width: 80%; }
}
@media screen and (max-width: 1023px) {
	.pro_visual .container { height: auto; }
	.pro_visual .pro-slider, .pro_visual .inner { width: 100%; margin-bottom: 50px; position: inherit; top: inherit; transform: none; }
	.pro_visual .inner { padding-top: 0; }
	.pro_visual .pro-slider { padding: 100px 0 50px; }
	.product_wrap .pro_visual .swiper-pagination { bottom: 0 !important; }
}
@media screen and (max-width: 767px) {
	.pro_visual .pro-slider { margin-bottom: 1.428rem; }
}


/* pagination */

.pro_visual .swiper-button-next, .pro_visual .swiper-button-prev {
	background: url("/wp-content/themes/doosanmobility/assets/images/pro_slide_arrow.png") no-repeat;
	width: 22px;
	height: 43px;
	left: 0;
}

@media screen and (max-width: 768px) {
	.pro_visual .swiper-button-next, .pro_visual .swiper-button-prev {
		display: none;
	}
}

.pro_visual .swiper-button-next {
	transform: rotate(180deg);
	left: auto;
	right: 0;
}

.pro_visual .swiper-button-next:hover, .pro_visual .swiper-button-prev:hover { background-image: url(../images/pro_slide_arrow-on.png); }

.pro_visual .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	border: 2px solid #999;
	background: none;
	opacity: 1;
}

.pro_visual .swiper-pagination-bullet-active {
	background: #323232;
	border: 2px solid #323232;
}

.pro_visual .swiper-pagination {
	bottom: -36px !important;
}

.product_wrap .pro_menu {
	border-bottom: 1px solid #dfdfdf;
	font-size: 0;
}

@media screen and (max-width: 767px) {
	.product_wrap .pro_menu {
		border: none;
	}
}

.product_wrap .pro_menu .container { position: relative; }

.product_wrap .pro_menu_list li {
	display: inline-block;
	width: 20%;
	text-align: center;
}

.product_wrap .pro_menu_list li a {
	display: block;
	font-size: 1.125rem;
	font-weight: 400;
	letter-spacing: 0;
	color: #555;
	padding: 27px 0;
}

.product_wrap .pro_menu_list li.active a,
.product_wrap .pro_menu_list li:hover a {
	font-weight: 900;
	color: #222;
	position: relative;
}

.product_wrap .pro_menu_list li.active a::after,
.product_wrap .pro_menu_list li:hover a::after {
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	background: #222;
	position: absolute;
	left: 0;
	bottom: 0;
}

.product_wrap .pro_menu_list li.btn_buy { position: absolute; top: 0; right: 0; }

.product_wrap .pro_menu_list li.btn_buy a {
	font-weight: 900;
	letter-spacing: 0.3px;
	color: #fff;
	background: #222;
	position: relative;
	text-align: left;
	padding-left: 25px;
}

.product_wrap .pro_menu_list li.btn_buy a img {
	position: absolute;
	top: 50%;
	right: 25px;
	transform: translateY(-47%);
}

.product_wrap .pro_menu_list li.btn_buy a:hover, .product_wrap .pro_menu_list li.btn_buy a:hover:after { background: #0079c5; }


/* mobile */

.pro_menu .pro_mobile_menu select {
	display: inline-block;
	width: calc( 100% - 150px);
	font-size: 1.125rem;
	font-weight: 900;
	color: #222;
	padding: 20px 15px;
	border: none;
	border-bottom: 1px solid #dfdfdf;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url("/wp-content/themes/doosanmobility/assets/images/pro_select_arrow.png") right 15px center no-repeat;
	background-size: 15px;
	outline: none;
}

.pro_menu .pro_mobile_menu select::-ms-expand {
	display: none;
}

.pro_menu .pro_mobile_menu .btn_buy {
	display: inline-block;
	width: 150px;
	font-size: 1.125rem;
	font-weight: 900;
	color: #fff;
	background: #000;
	text-align: center;
	padding: 20px 0;
}


.product_wrap .section {
	margin-top: 120px;
}

@media screen and (max-width: 767px) {
	.product_wrap .section {
		margin-top: 50px;
	}
}

.product_wrap .jooyo_list {
	margin-bottom: 120px;
}

@media screen and (max-width: 767px) {
	.product_wrap .jooyo_list {
		/*margin-bottom: 0;*/
		margin-bottom: 2.857rem !important;
	}
}

.product_wrap .jooyo_list:last-child { margin-bottom: 0; }

.product_wrap .jooyo_list li {
	font-size: 0;
}

@media screen and (max-width: 1024px) {
	.product_wrap .jooyo_list li.m_ver {
		display: block;
	}
	.product_wrap .jooyo_list li.joo_yo {
		display: none;
	}
}

.product_wrap .jooyo_list li .img_box {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
.product_wrap .jooyo_list li .img_box img { width: 100%;  }

@media screen and (max-width: 1024px) {
	.product_wrap .jooyo_list li .img_box {
		width: 100%;
	}
}

.product_wrap .jooyo_list li .jooyo_div {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 80px 0 0 80px;
}

@media screen and (max-width: 1024px) {
	.product_wrap .jooyo_list li .jooyo_div {
		width: 100%;
		padding: 30px 0 40px;
	}
}
@media screen and (max-width: 767px) {
	.product_wrap .jooyo_list li:last-child .jooyo_div { padding-bottom: 0; }
}

.product_wrap .jooyo_list li .jooyo_div.jooyo_textt_left {
	padding: 80px 80px 0 0;
}

.product_wrap .jooyo_list li .jooyo_div .tit {
	font-size: 1.375rem;
	font-weight: 700;
	letter-spacing: 0;
	color: #222;
}

@media screen and (max-width: 767px) {
	.product_wrap .jooyo_list li .jooyo_div .tit {
		margin-bottom: 1.071rem;
		font-size: 1.142rem;
	}
}

.product_wrap .jooyo_list li .jooyo_div .jooyo_text {
	margin-top: 30px;
}
.product_wrap .jooyo_list li .jooyo_div .hypen-li li { font-size: 1rem; font-weight: 300; line-height: 26px; }
@media screen and (max-width: 767px) {
	.product_wrap .jooyo_list li .jooyo_div .jooyo_text { font-size: 0.928rem; line-height: 18px; margin-top: 1.071rem; }
	.product_wrap .jooyo_list li .jooyo_div .hypen-li li { font-size: 0.928rem; line-height: 18px; }
}


.product_wrap .jooyo_list li .jooyo_div .btn_learn {
	display: inline-block;
	padding: 18.5px 40px;
	font-size: 1.25rem;
	font-weight: 500;
	letter-spacing: 0;
	color: #fff;
	background: #222;
	text-align: center;
	text-transform: capitalize;
	margin-top: 50px;
}
.product_wrap .jooyo_list li .jooyo_div .btn_learn:hover { background: #0079c5; }

.product_wrap .pro_detail .img_box {
	border: 1px solid #d9d9d9;
	padding: 60px 20px;
	text-align: center;
}

.product_wrap .detail_list {
	margin-top: 20px;
}

.product_wrap .detail_list caption { display: none; }

.product_wrap .detail_list th, .product_wrap .detail_list td {
	width: 25%;
	text-align: center;
	border : 4px solid #fff;
	padding: 15px 0;
	line-height: 26px;
}

@media screen and (max-width: 767px) {
	.product_wrap .detail_list th, .product_wrap .detail_list td {
		display: inline-block;
		padding: 10px 0;
		width: 50%;
		font-size: 0.857rem;
		line-height: 18px;
	}
}

.product_wrap .detail_list th {
	background: #000;
	font-weight: 700;
	letter-spacing: 0;
	color: #fff;
}

.product_wrap .detail_list td {
	background: #f4f4f4;
	font-weight: 300;
	color: #555;
}

@media screen and (min-width: 768px) {
	.product_wrap .detail_list th:first-child {
		border-left: none;
	}
	.product_wrap .detail_list td:last-child {
		border-right: none;
	}
}

.product_wrap .detail_list .num, .product_wrap .detail_list .num2 { font-size: 0.625rem; }
.product_wrap .detail_list .num2 { vertical-align: super; }
.product_wrap .detail-desc { font-size: 0.875rem; }
.product_wrap .detail-desc span { margin-left: 15px; }
.product_wrap .detail-desc span:first-child { margin-left: 0; }
@media screen and (max-width: 767px) {
	.product_wrap .jooyo_list li .jooyo_div .btn_learn { padding: 15px 30px; }
}


/******************************
	SiteMap
******************************/

.sitemap_list {
	font-size: 0;
	border: 1px solid #e6e6e6;
	border-bottom: 0;
	border-right: 0;
}

.sitemap_list>li {
	display: inline-block;
	vertical-align: top;
	width: 33.3%;
	height: 422px;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 40px;
}

.sitemap_list>li h2 { margin-bottom: 40px; }

.sitemap_list>li .store-tit:after {
	margin-left: 15px;
	display: inline-block;
	content: url(../images/ico_link02-off.png);
}

.sitemap_list>li .inner h3 {
	font-size: 1.125rem;
	font-weight: 500;
	margin-bottom: 20px;
	color: #222;
}

.sitemap_list>li .inner .dep3 {
	margin-bottom: 20px;
}

.sitemap_list>li .inner .dep3 a {
	display: block;
	font-size: 1rem;
	font-weight: 300;
	margin-bottom: 10px;
	position: relative;
	padding-left: 15px;
}

.sitemap_list>li .inner .dep3 a::after {
	content: '';
	display: block;
	width: 5px;
	height: 1px;
	background: #555;
	position: absolute;
	top: 10px;
	left: 0;
}

.sitemap_list>li a:hover { color: #0079c5; }
.sitemap_list>li .store-tit:hover:after { content: url(../images/ico_link02.png); }

@media screen and (max-width: 767px) {
	.sitemap_list>li { width: 100%; height: auto; }
}

.control {
	opacity:0;
}

.control.on {
	opacity:100;
}

.sub-section.remove-pm {
	padding:0;
	margin:0;
}

.sitemap_list>li .inner .no-child { margin-bottom: 25px; }


/******************************
	Sub Application
******************************/

.abb_tab .tabs {
	margin-left: -0.5%;
	margin-right: -0.5%;
}

.abb_tab .tabs::after {
	content: '';
	display: block;
	clear: both;
}

.abb_tab .tabs li {
	float: left;
	width: 15.66%;
	margin-left: calc( 0.5% );
	margin-right: calc( 0.5% );
	cursor: pointer;
}

@media screen and (max-width: 767px) {
	/* .abb_tab .tabs li {
		width: 32.3%;
		margin-bottom: 15px;
	}
	.abb_tab .tabs li:nth-last-child(-n+3) {
		margin-bottom: 0;
	} */

	.abb_tab .tabs-wrap {
		position:relative;
	}

	.abb_tab .tabs-wrap:first-child .btn-open {
		width:100%;
		text-align:left;
		padding:10px 15px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		display: block;
		background: #fff;
		border: 1px solid #dfdfdf;
		font-size: 1.125rem; font-weight: 500;
	}

	.abb_tab .tabs-wrap .btn-open:after {
		content: "";
		width: 15px;
		height: 10px;
		position: absolute;
		top: 50%;
		right: 15px;
		transform: translateY(-50%);
		background: url("/wp-content/themes/doosanmobility/assets/images/pro_select_arrow.png") no-repeat;
		background-size: contain;
	}

	.abb_tab .tabs-wrap.active .btn-open {

	}

	.abb_tab .tabs-wrap.active .btn-open:after {
	}

	.abb_tab ul.tabs {
		position:absolute;
		top:100%;
		left:0;
		right:0;
		z-index:1;
		background:#fff;
		display:none;
		border:1px solid #efefef;
		border-top:0;
		margin: 0;
	}

	.abb_tab .tabs-wrap.active ul.tabs {
		display:inherit;
	}

	.abb_tab ul.tabs li {
		padding:10px;
		margin:0;
		border-bottom:1px solid #efefef;
		cursor:pointer;
		position:relative;
		width: 100%;
	}

	.abb_tab ul.tabs li.active {
		background: #eee;
		color:#444;
	}

	.abb_tab ul.tabs li:last-child {
		border-bottom:0;
	}
	.abb_tab ul.tabs li .img_box { display: none; }
}

.abb_tab .tabs li.active {
	background: none;
}

.abb_tab .tabs li p {
	font-size: 1rem;
	font-weight: 300;
	letter-spacing: 0;
	color: #555;
	text-align: center;
	margin-top: 20px;
}

@media screen and (max-width: 767px) {
	.abb_tab .tabs li p {
		text-align: left;
		margin-top: 0;
	}
}

.abb_tab .tabs .img_box { position: relative; }
.abb_tab .tabs .img_box:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#000; opacity: 0.5; content: ''; visibility: visible; }
.abb_tab .tabs li:hover p { color: #0079c5; }
.abb_tab .tabs li.active p { color: #222; font-weight: 700; }
.abb_tab .tabs li:hover .img_box:after, .abb_tab .tabs li.active .img_box:after { visibility: hidden; }

.abb_tab .tab-content {
	padding-top: 120px;
}

@media screen and (max-width: 767px) {
	.abb_tab .tab-content {
		padding-top: 30px;
	}
}

.abb_tab .tab-content h2{
	text-align: center;
}
@media screen and (max-width: 767px) {
	.abb_tab .tab-content h2 { display: none; }
}

.abb_tab .tabs01 {
	margin-top: 50px;
	text-align: center;
}

.abb_tab .tabs01::after {
	content: '';
	display: block;
	clear: both;
}

.abb_tab .tabs01 li {
	/*float: left;*/
	width: 25%;
	/*display: table;*/
	height: 70px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #e1e1e1;
	border-right: 0;
	font-weight: 300;
	line-height: 26px;
	color: #222;
	cursor: pointer;
}
@media screen and (min-width: 768px) {
	.abb_tab .tabs01 { font-size: 0; }
	.abb_tab .tabs01 li { display: inline-block; position: relative; font-size: 1rem; }
	.abb_tab .tabs01 li span { width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
}

@media screen and (max-width: 767px) {
	.abb_tab .tabs01 { margin-top: 0; }
	.abb_tab .tabs01 li {
		float: left;
		width: 50%;
		height: 54px;
		display: table;
		font-size: 0.857rem;
		line-height: 18px;
	}
	.abb_tab .tabs01 li:nth-child(2n) {
		border-right: 1px solid #e1e1e1;
	}
	.abb_tab .tabs01 li:nth-child(n + 3) {
		border-top: 0;
	}
	.abb_tab .tabs01 li span { display: table-cell; vertical-align: middle; }
}

.abb_tab .tabs01 li:last-child {
	border-right: 1px solid #e1e1e1;
}

/*.abb_tab .tabs01 li span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}*/

.abb_tab .tabs01 li.active {
	background: #222;
	color: #fff;
	font-weight: 400;
}
@media screen and (min-width: 1025px) {
	.abb_tab .tabs01 li:hover {
		background: #222;
		color: #fff;
		font-weight: 400;
	}
	
	
		 .jooyo_div {
		padding: 0;
	}
	 .jooyo_box .jooyo_list li .jooyo_div{text-align:center}
    .left_img{width:219px;height:100%;padding-bottom:20px;float:none}
    .right_txt{/* float:none!important; */font-size:13px!important;/* width:100%!important; */text-align:left;/* padding:0 10px!important; *//* overflow: hidden; */}


	
	
}

 {
	padding-top: 55px;
}

 .inner .tit {
	text-align: center;
}

 .inner .img_box .jooyo_list {
	text-align: center;
	font-size: 0;
}

@media screen and (max-width: 767px) {
	 .inner .img_box .jooyo_list {
		margin: 30px -4px 0;
	}
}

 .inner .img_box .jooyo_list li {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 200px;
	height: 200px;
	background: url("../images/bg_circle.png") center center no-repeat;
	background-size: contain;
	box-shadow: 0 13px 30px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 13px 30px 0px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: -100px 15px 0;
}

@media screen and (max-width: 767px) {
	 .inner .img_box .jooyo_list li {
		width: calc( 33.3% - 4px );
		height: 0;
		margin: 0 2px;
		padding-top: calc( 33.3% - 4px );
	}
}

 .inner .img_box .jooyo_list li p {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	font-size: 1.125rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.5;
	color: #fff;
}

@media screen and (max-width: 520px) {
	 .inner .img_box .jooyo_list li p {
		font-size: 0.928rem;
		line-height: 1.4;
	}
	.jooyo_list li p { padding: 0 10px; font-size:14px }
}

 .jooyo_div {
	margin-top: 30px;
	padding: 0 40px; 
}

@media screen and (max-width: 767px) {
	 .jooyo_div {
		padding: 0;
	}
	 .jooyo_box .jooyo_list li .jooyo_div{text-align:center}
    .left_img{width:219px;height:100%;padding-bottom:20px;float:none}
    .right_txt{width:94%!important;padding: 0!important;padding-bottom: 20px!important}
	.img_box img{width: 100%!important;;height:100%!important;}
	.cloude_area2{padding-bottom: 0}
	.jooyo_box .jooyo_list li .jooyo_div .tit{text-align:center}
	.jooyo_box .jooyo_list li .jooyo_div .jooyo_text{text-align:center}
	 
}

 .jooyo_div li {
	font-weight: 300;
	line-height: 26px;
	margin-bottom: 22px;
	padding-left: 15px;
	position: relative;
}

 .jooyo_div li:last-child {
	margin-bottom: 0;
}

 .jooyo_div li::before {
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	background: #999;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: 13px;
	left: 0;
}



@media screen and (max-width: 767px) {

	 .jooyo_div li { font-size: 0.928rem; line-height: 18px; }
}

























/*** 클라우드 컨성팅 내용 추가 20210824 Lim ***/


.navercloud_all{max-width: 1400px;text-align: center;margin: 0 auto;background: #F2F2F2;width: 100%;padding:30px 0 60px 0}
.sub_sstitle {font-weight:400;font-size:25px;color:#222;line-height:130%;margin-bottom:12px;position:relative;/* text-align: left; *//* padding-left: 8%; */}
.sub_stxt {line-height:165%;font-size:18px}
.sub_stxt ul li{background:url(../../img/blue_jim.gif) no-repeat 0 13px;padding-left:10px;}
.sub_stxt ul li span{color:navy;font-weight:600}
 
.vrTranning_logo {display:table; width:100%; position:relative; overflow:hidden; margin-bottom:70px}
.vrTranning_logo dt {display:table-cell;width: 50%;vertical-align:middle;/* background:#00b8e0 */}
.vrTranning_logo dd {/* background:#fff; */display:table-cell;width: 50%;box-sizing:border-box;padding:50px;}

.vrTranning_in {position:relative;overflow:hidden;text-align: left;padding-left: 10%;}
.vrTranning_in .vrTranning_txt .sub_sstitle {margin:27px 0 8px 0}
.vrTranning_in .vrTranning_txt > div:first-child .sub_sstitle {margin-top:0}
.vrTranning_logo dt {/* background:#84bf41; */text-align: left;padding-left: 10%;}





/*******************************************************************************
	@media 768~980px
*******************************************************************************/
@media all and (max-width:980px){


.sub_title {font-size:30px; margin:0 auto 20px auto}
.sub_title2 {font-size:27px}
.sub_stitle {font-size:24px; margin-bottom:40px; }
.sub_stitle2 {font-size:22px; margin-bottom:10px}
.sub_stitle3 {font-size:20px; margin-bottom:10px}
.sub_sstitle {font-size:17px; margin-bottom:12px}
.sub_txt {font-size:15px;} 

}


/*******************************************************************************
	@media ~680px
*******************************************************************************/
@media all and (max-width:680px){



.sub_title {font-size:24px; margin:0 auto 15px auto}
.sub_title2 {font-size:22px}
.sub_stitle {font-size:20px; margin-bottom:25px; }
.sub_stitle2 {font-size:17px; margin-bottom:6px}
.sub_stitle3 {font-size:15px; margin-bottom:6px}
.sub_sstitle {font-size:18px; margin-bottom:6px;font-weight:600}
.sub_sstitle .wtxt {font-size:13px}
.sub_txt {font-size:16px;}
.sub_txt br {display:none;}
.sub_smalltxt {font-size:13px}
.vrTranning_logo{margin-top: 20px}
.vrTranning_logo dt{display:table-caption}
.vrTranning_logo dd{width: 100%;padding:15px 50px}
	
.process-steps{padding:0!important}
	
.vrTranning_in{padding:0 20px}
	
}


.process-title {font-size: 30px;color: #222; padding:50px 0 20px 0; text-align: center;}
.feature p {text-align:center; font-size:18px;padding:5px 10%;margin:0 auto}
.process-steps{padding:30px 0 80px 0}
.process-step {display: inline-block;width:275px;height:100%;background: #fff;position: relative;text-align: center;padding: 30px 0;box-shadow:0px 0px 20px rgbA(0,0,0,0.1);overflow:hidden}
.process-step:not(:last-child) {margin-right: 16px}
.process-step img{width :108px; height:80px;margin-left:4px;}
.process-step .step-number {font-size: 20px; letter-spacing: -0.04em; font-weight: bold; margin-top: 27px;line-height:1.4em}
.process-step .step-detail {font-size: 16px; letter-spacing: -0.04em;}
.process-step .long_txt{padding:20px;font-size:16px;line-height:1.4em}

.step-arrow-container {position: absolute;top: 50%;right: -7px;-webkit-transform: translate(50%, -50%);-ms-transform: translate(50%, -50%);transform: translate(50%, -50%);width: 65px;height: 65px;border-radius: 100%;background-color: #fff;border: 10px solid #e4e9ed;z-index:2;background:#fff url(../../img/naver_right.png) center no-repeat}
.step-arrow-container .process-right {position: absolute;top: 50%;right:20px;transform: translateY(-50%);-ms-transform: translateY(-50%);width:25px;height:25px;background:url(../../img/naver_right.png) center no-repeat;background-size: 100%;}

.step-info-wrapper {width: 100%;}
.step-info-wrapper > * {float: left;}
.step-info-wrapper .step-info-header {width:100%; text-align: center; color:#222; font-size: 24px; letter-spacing: -0.04em; font-weight: bold;padding-bottom:20px}
.ios .step-info-wrapper .step-info-header, .safari .step-info-wrapper .step-info-header {font-family: 'NotoSansKR-Bold-M'; font-weight: bold;}
.step-info-wrapper .step-info-body {width:100%; font-size: 18px;line-height: 36px;text-align:center}
.step-info-wrapper .step-info-body .step-info-body-row {padding-left: 12px; position: relative; }
.step-info-wrapper .step-info-body .step-info-body-row:before {position: absolute; top: 0; left: 0; content: '-';}

.two-division:first-child: {content: ''; position: absolute; width: 1px; height: 75px; background: #c1c8ce; right: 0;top:15%; transform: translateY(-50%); -ms-transform: translateY(-50%);margin-top:-13px;}
.two-division:first-child:after {content: ''; position: absolute; width: 1px; height: 75px; background: #c1c8ce; right: 0;top: 15%; transform: translateY(-50%); -ms-transform: translateY(-50%);margin-top:-13px;}


/*  비전 반응형  */

@media screen and (max-width: 1540px){
.process-step {width:17.8571vw; height: 20vw}

}


@media screen and (max-width: 1440px){

.process-step {padding: 2.0833vw 0;}
.process-step img{width :108px;margin-left:0.2778vw}
.process-step .step-detail {font-size: 1.3889vw;}

.step-arrow-container { right: -0.3472vw;width: 4.5139vw; height: 4.5139vw; border: 0.6944vw solid #e4e9ed;}

.step-info-wrapper {top:73px;}
.step-info-wrapper .step-info-header {font-size: 1.6667vw; }
.step-info-wrapper .step-info-body { font-size: 16px; line-height: 28px;}

.two-division:first-child: {height: 5.2083vw; }

.f02 .division-container {height:236px;}

.f03 .link-area {height: 20.8333vw;  font-size: 2.7778vw; }
.f03 .link-area a {width: 10.417vw;border-radius: 1.489vw;font-size: 1.112vw;padding: 0.695vw 0;text-indent: -1.598vw;background: #fff url(../../img/top.png) no-repeat 7.292vw;}
.f03 .link-area .txt p {margin-top: 0.139vw;margin-bottom: 3.473vw;}
.process-steps.clearfix li .step-arrow-container .process-right {right:1.30vw;width:25px;height:25px}


}

@media screen and (max-width: 1180px){
	.step-info-wrapper .step-info-header {width:30%}
	.step-info-wrapper .step-info-body {width:70%;}
}

@media screen and (max-width: 1024px){

.sub_title {font-size:24px; margin:0 auto 15px auto}
.sub_title2 {font-size:22px}
.sub_stitle {font-size:20px; margin-bottom:25px; }
.sub_stitle2 {font-size:17px; margin-bottom:6px}
.sub_stitle3 {font-size:15px; margin-bottom:6px}
.sub_sstitle {font-size:21px; margin-bottom:6px;font-weight:600}
.sub_sstitle .wtxt {font-size:13px}
.sub_txt {font-size:16px;}
.sub_txt br {display:none;}
.sub_smalltxt {font-size:13px}
.vrTranning_logo{margin-top: 20px}
.vrTranning_logo dd{width: 100%;padding:15px 50px}
	

	
.vrTranning_in{padding:0 20px}
.step-arrow-container{display:none}
.process-steps {padding:0!important}
.process-step {width: calc(80% - 5px); height:100px; padding: 40px 0;}

.process-step:nth-child(2n+1) {margin: 0 5px 10px 0;}
.process-step:nth-child(2n) {margin: 0 0 10px 5px;}

.division-container {height: auto !important; padding: 0 50px 120px;}

.two-division {width: 100%; float:none; height: auto;}

.step-info-wrapper {position: static; transform: none; -ms-transform: none;}
.step-info-wrapper > * {float: none;}
.step-info-wrapper .step-info-header, .step-info-wrapper .step-info-body, .step-info-wrapper .step-info-header.two-line-header {width: 100%; line-height: normal; text-align: left; }
.step-info-wrapper .step-info-body .step-info-body-row {color:#656565;}

.process-step .step-detail {font-size: 28px}
.process-step .step-detail .m-gray {display: block; color: #656565; font-size: 20px; letter-spacing: -0.04em; line-height: 28px; margin-top:-10px;}
.process-step .long_txt{padding:0}

.step-info-wrapper .step-info-header, .step-info-wrapper .step-info-body  {font-size: 28px; line-height: 53px; letter-spacing: -0.06em;}

.two-division:first-child {margin-bottom: 50px;}
.two-division:first-child:after {display: none;}

}

@media screen and (max-width: 768px){


.step-arrow-container {display:none}
.process-step.m-swap-position {float: right; margin: 0 0 1.302vw 0.651vw;}
.process-step.m-swap-position + .process-step {margin: 0 0.651vw 1.302vw 0;}
.process-step:nth-child(2n) .step-arrow-container {top: auto;right: 50%; bottom: -0.651vw;-webkit-transform: translate(50%, 50%);-ms-transform: translate(50%, 50%);transform: translate(50%, 50%);}
.process-step.m-swap-position .step-arrow-container {right: auto;left: -0.651vw; -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.process-step img{width :16.016vw; height: auto;}

.division-container {height: auto; padding: 0 6.5104vw 15.625vw;}

.step-info-wrapper .step-info-header, .step-info-wrapper .step-info-body  {font-size: 5.646vw; line-height: 6.901vw; letter-spacing: -0.06em;}
.step-info-wrapper .step-info-body {color: #656565}

}