/* SUB TOP */

/*서브비쥬얼 페이지마다 구분 - /page/sub_top.php, /en/sub_top.php 참고*/
.d_sub_sv_sec{height: 450px;}

#sv_01{background: url("../img/sub/g_sub_top.jpg") center / cover no-repeat;}
#sv_02{background: url("../img/sub/sub_sv02_2.jpg") center / cover no-repeat;}
#sv_03{background: url("../img/sub/sub_sv03.jpg") center / cover no-repeat;}
#sv_04{background: url("../img/sub/sub_sv04.jpg") center / cover no-repeat;}
#sv_05{background: url("../img/sub/sub_sv05.jpg") center / cover no-repeat;}

.d_sub_sv_sec .sub_txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; width: 100%;text-align: center;}

.m_appear {display: none;}

.sub_txt h3 {font-size: 2.1875rem;}
.br_m_on {display: none;}
.m_br_m_off {display: block;}
.g_img_m_on {display: none;}
.g_img_m_off {display: block;}
@media (max-width: 768px) {
  .sub_txt h2 {font-size: 2rem;}
  .m_appear {display: block;}
  .br_m_on {display: block;}
  .m_br_m_off {display: none;}
.g_img_m_on {display: block;}
.g_img_m_off {display: none;}
  #sv_03{background-position: 80% center;}
}
.fz-18{word-break:keep-all;}

/* SUB NAV */

.g_sub_me{height: 61px; border-bottom: 1px solid #eaeaea; display:flex; align-items:center;}
.g_inner{width:92%; max-width:1500px; margin:0 auto;}
.g_home{margin-right:20px;}

.k_sub_navi{height: 61px; border-bottom: 1px solid #eaeaea; display:flex; align-items:center; width:97%; max-width:1600px; margin:0 auto; padding-left:10px;}
.k_sub_navi>ul>li>ul{display: none;justify-content: center; align-items: center;}
.k_sub_navi>ul>li>ul>li{position: relative; height: 100%;}
.k_sub_navi>ul>li>ul>li::before{content: ''; position: absolute; bottom: -1.5px; width: 0; height: 3px; background-color: #2a68b2; transition: .4s;}
.k_sub_navi>ul>li>ul>li>a{padding: 0 35px; display: flex; align-items: center; height: 100%; transition: .4s;-webkit-text-stroke: 0.01em;line-height: 60px;}

.k_sub_navi>ul>li>ul>li:hover::before, .k_sub_navi>ul>li>ul>li.on::before{width: 100%;}
.k_sub_navi>ul>li>ul>li.on{font-weight: bold;}

.g_sub_menu1>ul>li{position:relative; height:100%;  display:none;}
.g_sub_m{display:none; position:absolute; height: 100%; bottom: -69px;left: 0; height:100%;}
.g_sub_menu2>ul>li{position:relative; height:100%;  display:none;}

.g_sub_menu1{height:100%;}
.g_sub_menu1 ul{height:100%;}
.g_sub_m li{padding:10px 0;}

#g_sub_nav_01 .g_menu1{display:flex; align-items: center;}
.g_sub_menu2>ul>.d_menu_1>ul>.on> a{display:flex; align-items:center;}

#g_sub_nav_02 .g_sub_menu1>ul>li:not(.d_menu_2){display:none;}
#g_sub_nav_03 .g_sub_menu1>ul>li:not(.d_menu_3){display:none;}
#g_sub_nav_04 .g_sub_menu1>ul>li:not(.d_menu_4){display:none;}
#g_sub_nav_05 .g_sub_menu1>ul>li:not(.d_menu_5){display:none;}



//nav hover css
#g_sub_nav_01 .g_sub_menu1{position:absolute;}
.g_sub_menu1{position:relative;}


@media (max-width: 768px) {
  .k_sub_navi{display: none !important;}
}

/* SUB TITLE AREA */
.d_sb_tit_area {text-align: center;}
.d_sb_tit_area h2 {margin-bottom: 30px;}
.d_sb_tit_area p {line-height: 1.5;}

/* SOLUTION SEC */

.d_sb_sol_sec > .d_inner {padding: 150px 0;}

.d_tab_cont {position: relative;}
.d_tab_cont_pc figure { position: relative; width: 1600px;}
.dot_ease {
  position: absolute;
  z-index: 2;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #2a68b2;
  cursor: pointer;
}
.dot_ease::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: inherit;
  height: inherit;
  background-color: inherit;
  border-radius: inherit;
  opacity: 0.1;
  transform: scale(1);
  transform-origin: center center;
  animation: spaied 1.5s infinite ease-in-out both;
  transition: opacity 0.45s ease;
}


.dot_ease.ani_stop::before{animation: spaied 1.5s 1 ease-in-out both !important;opacity: 0;}

.dot_ease1 {top: 235px; right: 626px;}
.dot_ease2 {top: 320px; right: 625px;}
.dot_ease3 {top: 400px; right: 625px;}

.d_branch_wrap {
  position: absolute;
  top: -60px;
  left: 12px;
}

.d_branch{width: 105px;}

/*.d_branch {
  position: absolute;
  background-image: url("../img/sub/line-arrow.svg");
  background-size: 100% 78px;
  background-repeat: no-repeat;
  width: 0px; height: 0px; 
  transition: 0.4s ease-in-out;
}

.d_tab_cont_mo .d_branch {
	background-image: url("../img/sub/m_line-arrow.png");
}
.dot_ease:hover .d_branch {width: 102px; height: 80px;}*/

.qtuzcwop_0{stroke-dasharray:148 150;stroke-dashoffset:149;}

.dot_ease.on .qtuzcwop_0{animation:qtuzcwop_draw 500ms linear 0ms forwards;}

@keyframes qtuzcwop_draw{ 
	100%{stroke-dashoffset:0;}
}

.d_bran_prod {position: absolute;left: 100%;top: 0;transform: translateY(-50%);display: none;}
.d_bran_prod figure {overflow: hidden; background-color: #fff; border: 5px solid #2a68b2; width: 230px; height: 230px;  transition: .4s; }
.d_bran_prod.d_bran_prod2 {
    position: absolute;
    top: -25px;
    right: -113px;
		opacity: 0;
		transition: .4s;	
}
.dot_ease:hover .d_bran_prod.d_bran_prod2 {opacity: 1;}
.dot_ease:hover .d_bran_prod figure {opacity: 1;}
.d_bran_prod figure img {display: block; width: 100%;}
.d_bran_ico {position: absolute; bottom: 20px; right: 20px; z-index: 3;opacity: .13;transition: opacity .3s;}

.d_bran_prod:hover .d_bran_ico{opacity: 1;}

.spot .line-img {
  position: relative;
  background-image: url("../img/line.svg");
  background-size: 100% 78px;
  background-repeat: no-repeat;
  width: 102px; height: 0px; 
  transition: height 0.3s ease-in-out;
}

@keyframes spaied {
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(3); opacity: 0; }
}

.d_tab_mob {display: none;}
.d_tab_cont_mo {display: none;}
.d_tab_cont_mo .d_tab_cont_mo_wrap {overflow-x: scroll;direction: rtl;}
.d_tab_cont_mo figure {width: 768px; position: relative;}

.d_tab_cont_mo .dot_ease1 {top: 307px; right: 201px;}
.d_tab_cont_mo .dot_ease2 {top: 408px; right: 201px;}
.d_tab_cont_mo .dot_ease3 {top: 505px; right: 201px;}

/* Tab box */
.d_sub_sol_tap {display: flex; justify-content: center; gap:60px; margin-top: 60px; margin-bottom: 60px;}
.d_sub_sol_tap li {position: relative;}
.d_sub_sol_tap li:first-child:before {content: ''; position: absolute; right: -30px; height: 100%; width: 1px; background-color: #ccc;}
.d_sub_sol_tap li.on a {font-weight: bold;}
.d_tab_cont_mo figure img {display: block;width: 100%;}
.d_tab_cont_mo_wrap .d_branch_wrap {top: -69px;}

.d_tab_cont > li {display: none;}
.d_tab_cont > li.on {display: block;}

@media (max-width: 1700px) {
	.d_tab_cont_pc {overflow-x: scroll;}
}

@media (max-width: 768px) {
  .d_sb_sol_sec > .d_inner{padding: 73px 0;}
  .d_sub_sol_tap li a {font-size: 0.84375rem;}
  .d_tab_mob {display: block;}
  .d_tab_list {margin-top: 25px;}
  .d_tab_mob .d_tab_list li {width: 100%; border: 1px solid #000; padding: 12px 0; display: flex; justify-content: center; align-items: center;}
  .d_tab_mob .d_tab_list li a {display: flex; justify-content: center; align-items: center; height: 100%; width: 100%;}
  .d_tab_list li {margin-bottom: 15px;}
  .d_tab_list li:last-child {margin-bottom: 0;}
  .d_tab_cont_pc {display: none;}
  .dot_ease1 {
    top: 182px;
    right: 116px;
  }
  .d_tab_cont_mo {display: block;}

 .d_branch{width: 100px;}
 .d_tab_cont_mo .dot_ease1 {top: 315px; right: 201px;}
 .d_tab_cont_mo .dot_ease2 {top: 413px; right: 201px;}
 .d_tab_cont_mo .dot_ease3 {top: 508px; right: 201px;}

  .k_bran_text{text-align: center;-webkit-text-stroke: 0.01em;position: absolute;top: 0;left: 100%;transform: translate(-50%, -100%);width: 100px;display: none;}
  .k_bran_text a{display: block;padding-bottom: 8px;line-height: 160%;}

 .nQJiGVVw_0{stroke-dasharray:67 69;stroke-dashoffset:68;}	
 .dot_ease.on .nQJiGVVw_0{animation: nQJiGVVw_draw 500ms linear 0ms forwards;}

 @keyframes nQJiGVVw_draw{100%{stroke-dashoffset:0;}}
}

@media (max-width: 460px) { 
	
	.d_tab_cont_mo figure{width: 460px;}

	.dot_ease{width: 9px;height: 9px;}
	.d_tab_cont_mo .dot_ease1 {top: 190px; right: 121px;}
	.d_tab_cont_mo .dot_ease2 {top: 247px; right: 121px;}
	.d_tab_cont_mo .dot_ease3 {top: 304px; right: 121px;}
	
	.d_tab_cont_mo_wrap .d_branch_wrap{top: -34px;left: 8px;}
	.d_branch{width: 50px;}
}


/* BOARD LIST */
/* .d_sb_pro_sec {background-color: #f5f5f5;} */
.d_products_list {display: flex; justify-content: center; flex-wrap: wrap; margin-top: 125px;}
.d_products_item figure {position: relative; margin-bottom: 30px;}

.d_hover_line {position: absolute;}
.d_hover_line {width: 100%; height: 100%; border: 0 solid #2a68b2; opacity: 0;transition: .3s .1s;}
.d_products_item:hover figure .d_hover_line {opacity: 1;}
#bbs .listskin .img:hover a .d_hover_line{border-width: 5px;opacity: 1;}
.d_products_item figure img {display: block; width: 100%;}
/* .d_hover_line span {position: absolute;}
.d_hover_line span:nth-child(1) {top: 0; left: 0; width: 100%;} */
.d_products_item {width: calc((100% - (27px * 3)) / 4); margin-right: 27px;}
.d_products_item:nth-child(4n) {margin-right: 0;}
.d_products_item:nth-child:last-child {margin-right: 0;}
.d_products_tit {text-align: center; display: block;}

@media (max-width: 768px) {
	.d_products_item {
    width: calc((100% - (20px * 1)) / 2);
    margin-right: 20px;
		margin-bottom: 40px;
	}
	.d_sb_tit_area h2 {font-size: 1.6875rem; margin-bottom: 25px;}
	.d_products_list {margin-top: 50px;}
	.d_sb_tit_area p {font-size: 0.875rem;}
	.d_products_item:nth-child(2n) {margin-right: 0;}
	.d_products_item:nth-child:last-child {margin-right: 0;}
	.d_products_item .d_products_tit {font-weight: bold; font-size: 0.6875rem;}
}

/* BOARD VIEW */
.d_sb_pro_view_sec1 {background-color: #f5f5f5;}
.d_pro_view_top {display: flex; align-items: center; position: relative;}
.d_thum_slied_area {display: flex; width: 50%;}
.d_pro_detail_area {width: 50%; /*margin-left:20px;*/}
.d_pro_detail_area span {display: block; margin-bottom: 30px;}
.d_pro_detail_area h2 {display: block; margin-bottom: 50px;}
.d_pro_detail_area p {display: block;}

.d_thumb_small {position: relative; width: 160px; display: flex; flex-direction: column; justify-content: flex-start; margin-right: 20px;}
.d_thumb_small:hover .d_hover_line {opacity: 1;}
.d_thumb_big {width: calc(100% - 160px);}
.swiper-pagination-clickable .swiper-pagination-bullet {position: relative; width: 160px; height: 160px; opacity: 1; border-radius: 0;}
.swiper-pagination-bullet-active {background-color: #fff;}
.swiper-pagination-bullet::before {content: ""; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; border: 5px solid red;}
.swiper-pagination-bullet-active::before {opacity: 1;}
.d_pro_view_btn_list {display: flex; gap: 10px; margin-top: 50px;}
.d_bd_view_btn {display: block; border: 1px solid #000; width: 180px; height: 45px;}
.d_bd_view_btn {line-height: 45px; text-align: center;}
.d_pro_view_cont > div {display: flex;}
.d_view_cont_tit {width: 310px; flex-shrink: 0;}
.d_pro_view_cont1 {display: flex; margin-bottom: 125px;}
/* .d_features, .d_applications {width: 50%;} */
.d_view_cont_list {line-height: 1.5;}
.d_thumb_big .swiper-slide img {display: block; width: 100%;}

.d_sm_img img {display: block; width: 100%;}
.d_big_img {max-width: 510px; width: 100%;}
.d_big_img img {display: block; max-width: 100%;}
.d_pro_detail_area p {margin-bottom: 0; line-height: 1.9;}
.d_pro_view_cont2 {margin-bottom: 120px;}

.d_thumb_small .hover_line {position: relative; margin-bottom:14px;}
.d_thumb_small span {position: absolute; background-color: #2a68b2; opacity: 0; transition: .4s;}
.d_thumb_small .hover_line:hover span {opacity: 1;}

.d_thumb_small span:nth-child(1) {top: 0; left: 0; width: 100%; height: 5px;}
.d_thumb_small span:nth-child(2) {top: 0; right: 0; width: 5px; height: 100%;}
.d_thumb_small span:nth-child(3) {bottom: 0; left: 0; width: 100%; height: 5px;}
.d_thumb_small span:nth-child(4) {bottom: 0; left: 0; width: 5px; height: 100%;}

.d_bd_view_btn {background-image: linear-gradient(to left, #000 50%, transparent 50%); background-position: 0 0;  background-size: 200% auto; transition: background-position .8s;}
.d_bd_view_btn:hover {background-position: -100% 0; border-color: #000; color: #fff;}
.d_diagram figure p img {display: block; width: 100%;}
.d_pro_view_m_top {display: none;}

.d_goto_list {position: absolute; top: 0; right: 0; width: 20px; height: 16px;}
.d_goto_list a {display: block; width: 100%; height: 100%;}
.d_goto_list span {position: absolute; top: 50%; left: 0; display: inline-block; width: 100%; height: 2px; background-color: #000;}
.d_goto_list span::before {content: ""; position: absolute; left: -4px; top: 50%; transform: translateY(-50%); width: 2px; height: 2px; background-color: #000;}
.d_goto_list span:nth-child(1) {transform: translateY(5px);}
.d_goto_list span:nth-child(3) {transform: translateY(-5px);}

.d_color_ch {background-color: #f8f8f8;}
.d_color_ch > .d_inner {padding: 150px 0;}

.d_sb_pro_view_sec .d_inner {padding: 120px 0;}




@media (max-width: 1400px) {
	.d_pro_detail_area {padding-left: 3%;}
	.d_view_cont_tit {width: 250px;}
}

@media (max-width: 1024px) {
	.d_pro_view_cont1 {flex-direction: column; gap: 50px;}
	.d_features, .d_applications {width: 100%;}
}


@media (max-width: 768px) {
	.d_pro_view_top {flex-direction: column;}
	.d_thum_slied_area {width: 100%;}
	.d_pro_detail_area {width: 100%; text-align: center; margin-top: 37px;}
	.d_thum_slied_area {flex-direction: column-reverse; align-items: center;}
	.d_thumb_small {flex-direction: initial; margin-right: 0; width: 100%; gap: 10px; margin-top: 10px;}
	.d_big_img {max-width: unset;}
	.d_pro_view_btn_list {justify-content: center;margin-top: 21px;}
	.d_pro_detail_area span {display: none;}
	.d_pro_detail_area h2 {display: none;}

	.d_pro_view_cont > div {flex-direction: column;}
	.d_view_cont_tit {margin-bottom: 21px;font-size: 21px;}
	.d_pro_view_cont1 {margin-bottom: 45px;gap: 43px;}
	.d_pro_detail_area {padding-left: 0;}
	.d_bd_view_btn {width: 155px;}

	.d_pro_view_m_top {display: block; text-align: center; margin-bottom: 50px;}

	.d_color_ch > .d_inner {padding: 75px 0;}
	.d_sb_pro_view_sec .d_inner {padding: 75px 0;padding-bottom: 50px;}

	.d_goto_list {top: -30px;}

	.d_pro_detail_area p{font-size: 12px;}

	.d_bd_view_btn{font-size: 13px;font-weight: bold;height: 41px;line-height: 41px;}

	.d_sb_pro_view_sec2 .d_inner{padding-top: 48px;padding-bottom: 0;}
	.d_pro_view_cont2{margin-bottom: 49px;}

	.block_wrap, .spec_wrap{width: 100%;}
	.spec_wrap img{width: 720px !important;}
}

/*---new responsive---*/



/* sub1 */


/* g_circle */
.g_section{
height:3000px;
}
/* .g_sticky .d_inner{
padding:150px 0;
} */
.d_sb_tit_area .g_bar{
width:10%;
margin:100px auto;
}
/* .g_circle_box .d_inner{
display:flex;
width:100%;
max-width:1600px;
margin:0 auto;
justify-content: space-around;

}
.g_sticky{
position:sticky;
top:0;
left:0;
background:url('http://mint3.interwise.co.kr/theme/basic/img/sub/g_sub_bg.jpg') center/cover;
height:100vh;
}
.g_circle{
width:320px;
height:320px;
border:1px solid #666;
border-radius:50%;
display:flex;
justify-content: center;
align-items:center;
flex-direction:column;
text-align:center;
}
.g_circle p{
line-height:180%;
font-size:1.25rem;
}
.g_circle figure{
height:24%;
}

.g_circle .g_bar{
margin-top:20px;
}
.g_bar{
width:20%;
height:1px;
background-color:#333;
}
 */




/*복사css */

/*---common css---*/

/*header*/
/* #k_header{border-bottom: 1px solid #d9d9d9;}

.hd_top{height: 85px;transition: inherit;}
.hd_btm{height: 75px;}

.hd_logo img{padding-top: 36px;transition: inherit;}

#gnb_open span{top: 36.5px;}

.hd_gnb>ul>li>a{line-height: 75px;}
.hd_gnb>ul>li>ul{top: 75px;}

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

    .hd_top{height: 80px;}
    .hd_btm{height: 60px;}

    .hd_logo img{padding-top: 30px;}

    #gnb_open span{top: 29px;}

    .hd_gnb>ul>li>a{line-height: 60px;}
    .hd_gnb>ul>li>ul{top: 60px;}

    .gnb_bg{height: 253px;}
}

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

    .gnb_bg{height: 241px;}
}

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

    .hd_top{height: 75px;}

    .hd_logo img{padding-top: 25.5px;}
}
 */
/*sub container*/
/* .sub_section{padding: 145px 0;}

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

    .sub_section{padding: 120px 0;}
}

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

    .sub_section{padding: 100px 0;}
}

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

    .sub_section{padding: 75px 0;}
} */

/*sub visual title*/
/* .sub_tit_motion i{position: relative;}
.sub_tit_motion i::after{content: "";position: absolute;top: 0;right: 0;width: 100%;height: 100%;background-color: #FFF;}

.sub_tit_motion.on i::after{width: 0;transition: width .6s ease-in-out .3s;}
 */
/*---sub visual---*/
/* .sub_visual{height: 395px;margin-top: 161px;position: relative;}

.sv_tit{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;width: 100%;}
.sv_tit h2{text-align: center;margin-bottom: 36px;}
 */
/*-sub navi select-*/
/* .sv_navi>ul>li{display: none;}
.sv_navi>ul>li>a{display: none !important;}

.sv_navi>ul>li>ul{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;}
.sv_navi>ul>li>ul>li>a{display: block;width: 100%;height: 100%;font-size: 1.125rem;font-weight: 400;padding: 0 23px;transition: color .2s;}
.sv_navi>ul>li>ul>li>a.sub_on{color: #62b995;font-weight: bold;}
.sv_navi>ul>li>ul>li>a:hover{color: #62b995;} */

/* #sv_01 .sv_navi>ul>li.k_menu_1{display: block;}

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

    .sub_visual{height: 310px;margin-top: 141px;}

    .sv_tit h2{margin-bottom: 30px;}

    .sv_navi>ul>li>ul>li>a{padding: 0 20px;}
}

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

    .sub_visual{margin-top: 71px;}
}

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

    .sub_visual{height: 225px;}

    .sv_tit h2{font-size: 30px;}
    .sv_navi>ul>li>ul>li>a{font-size: 12.5px;padding: 0 12px;font-weight: 600;}
    .sv_navi>ul>li>ul>li>a.sub_on{font-weight: bold;}
}
 */
/*---sub page 1_1---*/
/* .sub_img_box{height: 800px;background-color: #FFF;position: relative;}
.sub_img_box::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #fff;box-sizing: border-box;border-width: 0 5rem;z-index: 1;
    transition: border 0.8s cubic-bezier(0.66, 0, 0.34, 1);
    -webkit-transition: border 0.8s cubic-bezier(0.66, 0, 0.34, 1);
}
.sub_img_box::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);opacity: 0;
    transition: opacity 0.8s cubic-bezier(0.66, 0, 0.34, 1);
    -webkit-transition: opacity 0.8s cubic-bezier(0.66, 0, 0.34, 1);
}

.sub_img_box figure{width: 100%;height: 100%;background-image: url(/img/sub_page_01/sub_01_01.jpg);background-repeat: no-repeat;background-position: top;background-size: cover;background-attachment: fixed;}

.img_text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 92%;z-index: 1;color: #FFF;text-align: center;}
.img_text span{color: #62b995;display: block;margin-bottom: 3px;}
.img_text h3{margin-bottom: 9px;}
.img_text p{line-height: 165%;}

.sub_img_box .img_text .k_delay_02{transition-delay: 0s !important;}
.sub_img_box .img_text .k_delay_04{transition-delay: 0s !important;}
.sub_img_box .img_text .k_delay_06{transition-delay: 0s !important;}

.sub_img_box.on .img_text .k_delay_02{transition-delay: 0.2s !important;}
.sub_img_box.on .img_text .k_delay_04{transition-delay: 0.4s !important;}
.sub_img_box.on .img_text .k_delay_06{transition-delay: 0.6s !important;} */

/*on*/
/* .sub_img_box.on::before{border-width: 0;}
.sub_img_box.on::after{opacity: 1;}

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

    .sub_img_box{height: 600px;}
    .sub_img_box::before{border-width: 0 4rem;}
}

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

    .sub_img_box{height: 500px;}
    .sub_img_box::before{border-width: 0 3rem;}
}

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

    .sub_img_box{height: 300px;}
    .sub_img_box::before{border-width: 0 1.3rem;}

    .img_text span, .img_text p{font-size: 11px;}
    .img_text span{margin-bottom: 6px;}
    .img_text h3{font-size: 30px;margin-bottom: 3px;}
} */

/*---action_wrap---*/



#p1_action .tit_box_02 span{margin-bottom: 14px;}
#p1_action .tit_box_02 h2{line-height: 138%;}
#p1_action::before{
position:absolute;
content:'';
width:100%;
height:275%;
top:100%;
left:50%;
transform:translate(-50%,-50%);
background:url("../img/sub/g_sub_bg.jpg") center / cover no-repeat}
.action_inner{height: 401px;margin-top: 181px; position:relative;}
.action_01, .action_02, .action_03{position: absolute !important;top: 0 !important;left: 0 !important;width: 100%;}

/*action part 01*/
.action_01{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: flex-start;z-index: 1;}
.action_01 li{width: 350px;height: 350px;border: 1px solid #dbdbdb;border-radius: 401px;display: flex;align-items: center;justify-content: center;}
.action_01 li:nth-child(1){transform: translateX(28px);}
.action_01 li:nth-child(3){transform: translateX(-28px);}

.action_01 figure{display: flex;align-items: center;justify-content: center;height: 116px;margin-bottom: 19px;}
.action_01 figure img{display: block;}

.action_01 h4, .action_01 span{text-align: center; font-size: 1.5rem; display: inline-block; font-weight:400;}
.action_01 h4{margin-bottom: 7px;}

/*action part 02*/
.action_03{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center;z-index: 5;opacity: 0;}
/* .action_02 li{width: 401px;height: 401px;border: 1px solid #dbdbdb;border-radius: 401px;display: flex;align-items: center;justify-content: center;} */
.action_02 figure img{display: block;}

.action_02 p{word-break:keep-all; text-align:center; font-size:3rem; font-weight:800;}
/*action part 03*/
.action_02{display: flex;flex-direction: row;justify-content: center;align-items: center;text-align: center;height: 401px;color: #0f4025;letter-spacing: 4px;z-index: 10;opacity: 0;}
.action_03 img{width:400px;}

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

    #p1_action{padding: 90px 0;}

    .action_inner{margin-top: 25px;}
    .action_inner, .action_01 li, .action_02 li, .action_03{height: 331px;}
    .action_01 li, .action_02 li{width: 331px;}

    .action_02 figure img{max-width: 150px;}
}

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

    #p1_action{padding: 125px 0;}

    .action_01 figure{height: 90px;margin-bottom: 15px;}
    .action_01 h4{margin-bottom: 5px;}
    .action_01_01 img{max-width: 62px;}
    .action_01_02 img{max-width: 57px;}
    .action_01_03 img{max-width: 72px;}
}

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

    .action_inner{margin-top: 50px;}
    .action_inner, .action_01 li, .action_02 li, .action_03{height: 281px;}
    .action_01 li, .action_02 li{width: 281px;}

    .action_02 figure img{max-width: 120px;}
}

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

    .action_inner{margin-top: 50px;}
    .action_inner, .action_01 li, .action_02 li, .action_03{height: 251px;}
    .action_01 li, .action_02 li{width: 251px;}

    .action_01 li:nth-child(1){transform: translateX(13px);}
    .action_01 li:nth-child(3){transform: translateX(-13px);}
}

@media screen and (max-width: 720px){
#p1_action::before{
width:100%;
}


    #p1_action{padding: 98px 0;}
    #p1_action .tit_box_02 span{margin-bottom: 9px;}
    #p1_action .tit_box_02 h2{font-size: 25px;font-weight: 800;line-height: 135%;}

    .action_inner, .action_01 li, .action_02 li, .action_03{height: 117px;}
    .action_inner{margin-top: -50px;}
    .action_01 li{width: 117px;}
    .action_02 li{width: 90%;height: 225px;}

    .action_01 h4{font-size: 9px;margin-bottom: 0;}
    .action_01 span{font-size: 7px;margin-bottom: -2px;display: block;}

    .action_01_01 img{max-width: 35px;}
    .action_01_02 img{max-width: 35px;}
    .action_01_03 img{max-width: 31px;}
    .action_01 figure{height: 39px;margin-bottom: 8px;}

    .action_01 li:nth-child(1){transform: translateX(9px);}
    .action_01 li:nth-child(3){transform: translateX(-9px);}

    .action_02{margin-top: -54px;}

    .action_03 li{font-size: 13px;letter-spacing: 3px;white-space: nowrap;font-weight: 700;}

	.g_inner_0{width:100%;}
	#p1_action::before {top: 95%;left: 50%;}


	.action_02 p{font-size:2rem;}
	.action_03 img {
    width: 247px;
}
}

/*---action_wrap2---*/
.p2_wrap{width: 100%;height: 299vh;background: #FFF;position: relative;overflow: hidden;}

.p2_box{position: absolute;top: 0;left: 0;width: 100%;height: 100vh;display: block;overflow: hidden;}
.p2_box>*{height: 100%;}
.p2_box_01{z-index: 10;}
.p2_box_02{z-index: 1;}
.p2_box_03{z-index: 5;}

.p2_img{height: 100vh;background-repeat: no-repeat !important;background-position: center center !important;background-size: cover !important;}/*우선순위!!*/
.p2_box_01 .p2_img_inner{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.p2_box_01 .p2_img{position: absolute;top: 0;left: auto;width: 100%;background: url(/img/sub_page_01/sub_01_02.jpg);}
.p2_box_02 .p2_img{background: url(/img/sub_page_01/sub_01_03.jpg);
    transition: 0.4s ease-out;
    -webkit-transition: 0.4s ease-out;

    transition-property: height;
    -webkit-transition-property: height;  
}

.p2_box_03{margin-top: 100vh;}
.p2_box_03 .p2_img_inner{position: absolute;bottom: 0;left: 0;width: 100%;height: 0;overflow: hidden;}
.p2_box_03 .p2_img{position: absolute;bottom: 0;width: 100%;background: url(/img/sub_page_01/sub_01_04.jpg);}

/*text*/
.p2_txt_wrap{position: absolute;top: 10%;left: 50%;transform: translateX(-50%);width: 92%;max-width: 1760px;z-index: 100;}

.p2_txt_wrap>div>span{color: #62b995;display: block;margin-bottom: 12px;}

.p2_tit li{position: relative;}
.p2_tit h3{color: rgba(255,255,255,.2);line-height: 139%;transition: color .6s ease;}
.p2_tit li.on h3{font-weight: 700;color: rgba(255,255,255,1);}

.p2_txt{position: absolute;top: 17px;left: 293px;color: #FFF;white-space: nowrap;opacity: 0;transition: opacity .6s ease;}
.p2_tit li.on .p2_txt{opacity: 1;}

.p2_txt h4{margin-bottom: 10px;}
.p2_txt p{font-weight: 200;line-height: 160%;}

/*mobile*/
.p2_mobile{display: none;}

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

    .p2_txt{left: 250px;}
}

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

    .p2_txt{display: none !important;}/*우선순위*/

    .p2_mobile, .p2_mobile .p2_txt{display: block !important;}/*우선순위*/
    .p2_mobile{position: relative;height: 93.375px;margin-top: 70px;}/*높이 강제 필수*/
    .p2_mobile .p2_txt{left: 0;top: 0;width: 100%;}

    .p2_mobile>div.on{opacity: 1;}
}

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

    .p2_txt_wrap>div>span{font-size: 9px;margin-bottom: 5px;}
    .p2_tit li h3{font-size: 25px;}

    .p2_mobile{height: 69.188px;margin-top: 38px;}/*높이 강제 필수*/
    .p2_txt h4{font-size: 20px;margin-bottom: 9px;}
    .p2_txt p{font-size: 11px;}

    .p2_box_01 .p2_img{background: url(/img/sub_page_01/sub_01_02_m.jpg);}
    .p2_box_02 .p2_img{background: url(/img/sub_page_01/sub_01_03_m.jpg);}
    .p2_box_03 .p2_img{background: url(/img/sub_page_01/sub_01_04_m.jpg);}
}





/* sub1_2 */
.g_patners .b_bg_img{background:url("../img/sub/b_partner_bg.png") no-repeat center 50%/cover; position:absolute; left:0; bottom:0; width:100%; height:100%; opacity: .12;}
/* 공통 */
.g_s_m_h1{
font-size:2.5rem;
text-align:center;
font-weight:600;
word-break:keep-all;
margin-bottom:50px;
}



@media (max-width:768px){
.g_s_m_h1{
font-size:27px;
margin-bottom:50px;
}

}


/* 로고 */


.g_logo ul{
    display: flex;
    justify-content: center;
	flex-wrap:wrap;
}
.g_logo li{
		width: 22%;
    text-align: center;
    margin-bottom: 80px;
    margin-right: 3%;
}
.g_logo li:nth-child(4),.g_logo li:last-child{margin-right:0;}
.g_logo li a{ 
	  display: flex;
    width: 100%;
    justify-content: center;
    height: 100px;
    align-items: center;
/*     border: 1px solid #f6f6f6;
		background-color: #fff; */
}
.g_logo li:hover > img{
opacity:1;
}
.g_logo li img{
/*width:200px;*/
/*opacity:0.6;*/
transition:.5s ease;
}

.g_logo li p{
font-size:1.3rem;
font-weight:500;
margin-top:50px;
}
.g_on{opacity:1;}

@media (max-width:930px){ 
	 .g_logo li img{max-width:80%; }
}


@media (max-width:768px){

/*	.g_patners .g_s_m_h1{*/
/*	 font-size: 11px;*/
/*	}*/
	.g_logo ul {
	/*    flex-direction: column;*/
			align-items: center;
			justify-content: space-between;
	}
	.g_logo li {
			padding: 20px 0;
			width: 49%;
			margin-right:0;
			margin-bottom:0; 
	}
	.g_logo li img{
/*			width:80px;*/
	}
	.br_768_off{display:none;}
}

@media (max-width:540px){ 
	 .g_patners .g_s_m_h1 br{display:none;}
}

@media (max-width:460px){ 
	.g_logo li { width: 100%;}
	.g_logo li p{margin-top: 20px;}
}

/* sub1_3 */

.g_flex{
display:flex;
}
.g_office{width:50%;}

.g_map h1{
font-size:2.5rem;
font-weight:600;
position:relative;
margin-bottom:50px;
}

.g_map h1::after{
position:absolute;
bottom:-40px;
left:49%;
content:'';
width:50px;
height:2px;
background-color:#333;
}
.g_map .g_inner{
text-align:center;
}
.g_map iframe{
width:80%;
height: 276px;
}

.g_map p{
font-size:1.3rem;
font-weight:400;
margin-top:100px;
margin-bottom:50px;
font-weight:500;
}

.g_map_txt{
text-align:left;
width:80%;
margin:15px auto;
display:flex;
justify-content:space-between;
flex-direction:column;
}
.g_map_txt figure{
display:inline-block;
margin-right:12px;
}
.g_map .g_map_txt p{
display:inline-block;
margin:20px 0;
font-weight:300;
}


@media (max-width:768px){
.g_map_txt {
width:97%;
flex-direction: column;
}
.g_map iframe {
    width: 97%;
}
.g_map .g_map_txt p {
    word-break: keep-all;
	font-size:13px;
	margin-top:30px;
}
.g_location{
    display: flex;
    align-items: center;
	}
.g_map p {
    font-size: 18px;
}
.g_map_txt img{
width:27px;
}
.g_map h1 {
    font-size: 27px;
}
.g_map h1::after {
        left: 42%;
}
.g_map .g_map_txt p{
margin:15px 0;
}
}



/* sub2_1 */
.g_bu_system{
display:flex;
position:relative;
justify-content: center;
}
.g_bu_system_1 .g_bu_txt{
padding-left:50px;
}

.g_bu_txt{
width:50%;
padding:100px 0;
}
.g_bu_system h2{
font-size:2rem;
font-weight:500;
margin-bottom:50px;
word-break: keep-all;
}
.g_bu_system figure{
width:50%;
position:relative;
}
.g_bu_system_1 figure{
background-color:#f2fbff;
}

.g_bu_system figure img{
object-fit:cover;
width:100%;
height:100%;
}
.g_bu_system_1 figure img{
background-color:#f2fbff;
object-fit:contain;
}
.g_bu_system p{
font-size:1.3rem;
word-break: keep-all;
line-height:180%;
width:80%;
}
.g_txt_inner{
width:90%;
margin:0 auto;
}

.g_bu_system img{
position:relative;
}

#g_bu_system2 .b_more_btn{
display:inline-block;
}
#g_bu_system2 p{
margin-bottom:50px;
}
.g_bu_system_last .g_bu_txt{
position:absolute;
top:50%;
left:30%;
transform:translate(-50%,-50%);
color:white;
}

.g_bu_system_last figure{
width:100%;
}
@media (max-width:768px){
.g_bu_system{
flex-direction: column;
}
.g_bu_system figure {
    width: 100%;
}
.g_bu_txt {
    width: 100%;
	text-align:center;
}
.g_bu_txt h2{
    font-size:18px;
}
.g_bu_txt p{
    font-size:15px;
	width:100%;
}
.g_bu_system_1{
flex-direction: column-reverse;
}
.g_bu_system_1 .g_bu_txt{
padding:100px 0;
}
.g_bu_system_last .g_bu_txt {
    top: 77%;
    left: 50%;
    transform: translate(-50%,-50%);
}
}



/* sub2_1 */

.g_sub_vi{ display:flex; align-items: center; /*justify-content: space-around;*/ flex-wrap:wrap;} 
.g_s_txt p{ font-size:1.3rem; margin-bottom:50px; word-break:keep-all;} 
.g_stack_box .b_more_btn{ display:inline-block; }

.g_sub_vi figure{margin-right:50px;width: 50%;}
.g_sub_vi figure img{display: block; max-width: 100%;}

.g_stack_box2 .g_s_m_h1{
margin-top:150px;
}

.g_stack_txt{text-align:center; padding:50px 0; border-bottom:1px solid #ddd;}
.g_stack_txt  p{
    width: 60%;
	margin:0;
	line-height:200%;
	text-align:center;
	margin-bottom:25px;
}
.g_stack_box{
width:38%;
}
.g_stack_txt  h2{
font-size:1.8rem;
font-weight:600;
}
.g_stack_txt figure{
margin:0px auto;
}

.g_flex2{
display:flex;
flex-direction:column;
align-items:center;
}
.g_s_txt h2{
margin-bottom:100px;
}

@media (max-width:768px){
.g_sub_vi figure {
    margin:0; width:100%; 
}

.g_stack_box {
    width: 90%;
}
.g_sub_vi {
   flex-direction: column;
}
.g_sub_vi figure img{
    width: 90%; margin:0 auto;
	}

.g_s_txt p{
font-size:15px;
margin-top:20px;
   width:100%;
}
.g_stack .g_inner{
width:90%;
}
.g_stack_txt {
    flex-direction: column;
	padding: 48px 0;
}
.g_stack_txt:first-of-type {
	padding-top:0px;
}
.g_stack_txt figure {
    width: 90%;
	padding:10px 0;
}
.g_stack_txt figure:first-of-type {
   padding-top:20px;
}
.g_stack_txt h2 {
    font-size: 1.2rem;
}
.g_stack_txt figure img{
width:100%;
}
}


/* sub2_3 */
.g_sol_2{
   margin-right:50px;
	}
.g_solution_first p{
font-size:1.78rem;
font-weight:500;
margin-bottom:9px;
}
.g_solution_txt{
display:flex;
text-align:center;
justify-content:center;
padding:80px 0;
    align-items: center;
}
.g_solution p{
word-break:keep-all;
font-size:1.5rem;
font-weight:300;
line-height:180%;
}

.g_solution h2{
padding:30px 0px;
font-size:1.7rem;
font-weight:500;

}
.g_solution_img{
display:flex;
justify-content: space-evenly;
}
.g_solution_img figure{

}
.g_solution_img img{
width:100%;
height:100%;
object-fit:contain;
}
.g_solution{
border-bottom:1px solid #ddd;
width:100%;
display:flex;
align-items: center;
justify-content: space-between;

}
 .g_solution_last{
border-bottom:none;
}


#g_solution_img_m{
	height:100%;
}
.g_solution_first{
display:block;
position:relative;
}
 .g_solution_first::after{
position:absolute;
content:'';
width:100%;
height:100%;
top:50%;
left:50%;
transform:translate(-50%,-50%);
background-color:#d4edf9;
z-index:-1;
} 
.g_solution_first figure{
text-align:center;
}

.g_solution_first p{
font-size:1.78rem;
font-weight:500;
padding:0px 20px;
}
#g_solution_img_m{
display:block;
}
#g_solution_img_p{
display:none;
}
@media(max-width:768px){
.g_solution img{
width:100%;
}
.g_solution{
    flex-direction: column;
}
.g_solution2{
flex-direction: column-reverse;
}
.g_solution_txt2{
padding:40px 0;
}
.g_solution{
padding-bottom:50px;
}
.g_solution_first::after {
max-width:1500px;
}
.g_solution{
width:92%;
}
.g_solution p{
font-size:17px;
}
.g_solution_first {
    width: 100%;
}
.g_solution_txt{
flex-direction: column;
}
#g_solution_img_p{
display:block;
width:4%;
}
#g_solution_img_m{
display:none;
}
}