@charset "utf-8";


/* root */
:root{
	--c-01:#324471;
}

.section_s {padding-top:160rem; margin-top:-160rem;}
.section2_s {padding-top:260rem; margin-top:-260rem;}
.section3_s {padding-top:160rem; margin-top:-160rem;}

@media all and (max-width:1100px){
	.section_s {padding-top:180rem; margin-top:-180rem;}
	.section3_s {padding-top:400rem; margin-top:-400rem;}
}

 @media all and (max-width:800px){
	.section_s {padding-top:180rem; margin-top:-180rem;}
	.section3_s {padding-top:350rem; margin-top:-350rem;}
}


/* common */
.container_title {font-family: "Noto Sans JP", sans-serif; position:relative; text-align:center;font-size:35rem;line-height:1;letter-spacing:-1.5px;font-weight:600;margin:100rem 0 70rem 0;color:#000;}
.container_title:after {content: "";display:block;margin: 30rem auto 30rem;width:1rem;height:50rem;background:#131987;}

@media (max-width:860px) {
	.container_title {font-size:20rem;padding-bottom:0rem;margin:50rem 0 30rem 0;}
}

.tit01 {transform: rotate(-0.03deg);z-index:50; position: relative; margin: 0 0 30rem 10rem;font-size:25rem;font-weight: 600;color: #222;line-height: 1;} 
.tit01::before {content: "";position: absolute;left: 0;top: 0;width:3rem;height: 22rem;background:#324471; margin-left:-10rem; }

.tit02 {transform: rotate(-0.03deg);z-index:50; display:flex; align-items: center; position: relative;margin: 40rem 0 20rem;font-size:21rem; padding-left:13rem; font-weight: 600;color:#222;line-height: 1;} 
.tit02::before {content: ""; position:absolute; left:0; top:8rem; width:5rem;height:5rem;background:#c5a56e; border-radius:50%;} 

.service1 {background:url("../img/sub/service_img1.jpg")}

.service_box ul {width:50%; margin:0 auto; border:2px solid #324471; border-radius:200rem; padding:20rem 30rem; overflow:hidden;}
.service_con li { display:block; border-bottom:1px solid #ddd; padding:50rem 0; }

.cont-box{margin-bottom:45rem;}
.cont-box:last-child{margin-bottom:0}

.list_dot dd{transform: rotate(-0.03deg); position:relative; letter-spacing:-.2px; font-weight:500; padding-bottom:10rem; line-height:1.7; padding-left:10rem;word-break: keep-all;}
.list_dot dd:before{content: ""; position:absolute; left:0; top:10rem; display:block; width:4rem; height:4rem; background:#324471; border-radius:50%}
.list_dot dd:last-child{padding-bottom:0}
.list_dot dd b {font-weight:700; font-size:18rem;}
span.red {color:#df0000;}

.subtable { width:100%; margin:20rem 0;border-top:2px solid #39270c; }
.subtable thead th{background:#473721; padding:15rem 5rem; border-left:1rem solid #695841; border-bottom:1rem solid #695841; color:#fff; }
.subtable tbody th {text-align:center; background:#f9f9f9; color:#333;  font-weight:500; padding:15rem 0; width:20%; border:1px solid #ddd;}
.subtable tbody td {border-bottom:1px solid #dbdbdb; padding:15rem 5rem; background:#fff; line-height:26px; color:#35363a; text-align:center; font-weight:300; letter-spacing:-0.03em; border:1px solid #ddd;}
.subtable tbody td.t_left{text-align:left;}

#contents {  overflow: hidden;position:relative;}


/* 서브비주얼 */
#sub_visual{position:relative;height:450rem;background-color:#000;background-size:100% 100%; background-position:60%;text-align:center;}
#sub_visual h2{font-family: "Noto Sans JP", sans-serif; font-size:45rem; letter-spacing:1px; color:#fff; animation:up .5s .2s forwards;}
#sub_visual h2 b{display:block; font-weight:bold}
#sub_visual p{font-family:'Anton'; position:relative;line-height:1;padding: 200rem 0 5rem 0;font-size:15rem;text-align:center;color:#fff;letter-spacing:3px;}

/* 서브 상단 이미지 */
#sub_visual.sub10{background-image:url(../img/sub/sub01_top.jpg); }
#sub_visual.sub20{background-image:url(../img/sub/sub02_top.jpg) }
#sub_visual.sub30{background-image:url(../img/sub/sub03_top.jpg) }
#sub_visual.sub40{background-image:url(../img/sub/sub04_top.jpg) }
#sub_visual.sub50{background-image:url(../img/sub/sub05_top.jpg) }
#sub_visual.sub60{background-image:url(../img/sub/sub01_top.jpg) }
.cont-top{margin-bottom:50rem;}
.cont-top > img{width:100%;}
/* snb */
#left_area{float:none; width:100%; margin-top:0px;}
.left_snb{width:100%; position:absolute; text-align:center; left:50%; transform:translateX(-50%); bottom:-40rem; height:100rem;}
.left_snb h2{position:relative; line-height:1; padding:60px 0; background:#4cc4cd; border-bottom:0px solid #5ac9d1; font-weight:600; font-size:1.7em; color:#fff; text-align:center; text-transform:uppercase;}
.left_snb li{display:inline-block; position:relative; margin:0rem 20rem 0; text-align:center;}
.left_snb li:last-child{margin-right:0}
.left_snb li a{font-weight:500; font-size:18rem; color:#fff;}
.left_snb li:hover a:after{width:10px;}
.left_snb li:hover a{color:#fff;}
.left_snb li.on a{font-weight:600; color:#fff;}
.left_snb ul{width:1200rem; margin:0 auto; text-align:center; background:#131987; padding:25rem 0;}
.left_snb li.on::after{opacity:1;}

/* 
* discription: 사이트 복사시 지우고 사용하는 custom 영역
*/


@media (max-width:860px) {
	#sub_visual{height:250rem}
	#sub_visual h2{font-size:22rem;}
	#sub_visual p{padding: 90rem 0 5rem 0; font-size:16rem}
}

@media (max-width:540px) {
	body {font-size:14rem}

	#sub_visual{height:180rem}
	#sub_visual h2{font-size:20rem}
	#sub_visual p{font-size:14rem}

	.facility-slide .swiper-button-next, .facility-slide .swiper-button-prev{width:30rem; height:30rem}

	.tit01{margin:0 0 15rem; font-size:20rem;}
	.tit02{margin:20rem 0 10rem; font-size:17rem}
	.add{margin:-5rem 0 10rem;}
	.cont-box{margin-bottom:30rem}
	
	.subtable thead th,
	.subtable tbody td,
	.subtable tbody th{line-height:1.5; padding:5rem; font-size:12rem;}

}

/*end 사이트 복사시 지우고 사용하는 custom 영역 */


.intro_intro_con01 {overflow: hidden; }
.intro_con01 .inner {}
.intro_con01 .img_box {float:left; width: 50%; box-sizing: border-box; height:750rem;/* background: url("../img/sub/intro_img.jpg") right top no-repeat; */}
.intro_con01 .img_box img {width: 100%;}
.intro_con01 .txt_box {display:inline-block; width: 50%; box-sizing: border-box; padding-left: 5%; padding-top:70rem;}
.intro_con01 .txt_box .txt p{ font-size: 25rem; color: #222222; font-weight: 600; line-height: 1.30434em;}
.intro_con01 .txt_box .txt p b {font-size:40rem; font-weight:800;}
.intro_con01 .txt_box .btn{margin-top: 80px;}
.intro_con01 .txt_box .txt span{word-break: keep-all; display: inline-block; margin-top:40rem; font-size: 17rem; color: #666666; letter-spacing: -0.045em; line-height: 1.8;}

@media all and (max-width:1500px){
    .intro_con01 .txt_box {padding-top:70rem;}
	.intro_con01 .txt_box .txt p{font-size: 22rem; }
	.intro_con01 .txt_box .txt p b {font-size:26rem;}
	.intro_con01 .txt_box .txt span{ font-size: 14rem;}
}

@media all and (max-width:1023px){
    .intro_con01 .img_box {float:none; width: 100%; height:650rem; background-size:100%;}
	.intro_con01 .txt_box {display:block; width: 100%;  padding:20rem; margin-top:50rem; }
}

@media all and (max-width:800px){
	.intro_con01 .img_box {height:400rem;}
	.intro_con01 .txt_box .txt p{font-size: 18rem; }
}
@media all and (max-width:600px){
	.intro_con01 .img_box {height:350rem;}
}
@media all and (max-width:530px){
	.intro_con01 .img_box {height:250rem;}
}

@media all and (max-width:500px){
	.intro_con01 .img_box {height:250rem;}
}



#main_slide {position:relative; width:100%; min-width:940rem; height:625rem; z-index:99999;}
#main_slide .slideshow {width:100%; height:625rem; }
#main_slide .slideshow li {position:relative; width:100%; height:625rem; }
#main_slide .slideshow li.s1 {background:url("../img/intro_img1.jpg") center top no-repeat; background-size:100%;}
#main_slide .slideshow li.s2 {background:url("../img/intro_img2.jpg") center top no-repeat; background-size:100%;}
#main_slide .slideshow li.s3 {background:url("../img/intro_img3.jpg") center top no-repeat; background-size:100%;}
#main_slide .slideshow li.s4 {background:url("../img/intro_img4.jpg") center top no-repeat; background-size:100%;}
#main_slide .slideshow li.s5 {background:url("../img/intro_img5.jpg") center top no-repeat; background-size:100%;}

#main_slide .prev {position:absolute; top:45%; left:5%; width:30rem; height:55rem; background:url("../img/btn_prev.png") 0 50% no-repeat; z-index:999; background-size:100%;}
#main_slide .next {position:absolute; top:45%; right:5%; width:30rem; height:55rem; background:url("../img/btn_next.png") 100% 50% no-repeat; z-index:999; background-size:100%;}

#main_slide .pagination {z-index:99999; font-size:0;}
#main_slide .pagination li {float:left; width: calc(100% /5 - 7px); margin-right:5rem; margin-top:5rem; cursor:pointer; overflow:hidden;}
#main_slide .pagination li:last-child {margin-right:0rem; }


@media (max-width: 1700px) {
	#main_slide {position:relative; width:100%; min-width:100%;  height:500rem;}
	#main_slide .slideshow {height:500rem; }
	#main_slide .slideshow li { height:500rem; }
}

@media (max-width: 1000px) {
	#main_slide { height:600rem;}
	#main_slide .slideshow {height:600rem; }
	#main_slide .slideshow li { height:600rem; }
	#main_slide .prev { width:20rem; }
	#main_slide .next {  width:20rem;}
	#main_slide .pagination li {width: calc(100% /5 - 5px); }
}

@media (max-width: 800px) {
	#main_slide { height:350rem;}
	#main_slide .slideshow {height:350rem; }
	#main_slide .slideshow li { height:350rem; }
	#main_slide .pagination li {width: calc(100% /5 - 5px); }

}

@media all and (max-width:530px){
	#main_slide { height:250rem;}
	#main_slide .slideshow {height:250rem; }
	#main_slide .slideshow li { height:250rem; }
	#main_slide .pagination li {width: calc(100% /5 - 8px); }
}



#mainVisual{overflow:hidden;position:relative;width:100%;}
#mainVisual .main_slide{position:relative}

#mainVisual .controls{position:absolute;align-items:center;left:250px;bottom:100px;z-index:2;/*display:flex*/ display:none;}
#mainVisual .controls>span{display:flex;opacity:.5;cursor:pointer;color:#fff;transition:all .2s}
#mainVisual .controls>span+span{margin-left:6px}
#mainVisual .controls>span svg{width:25px;height:25px;stroke-width:1.5px}
#mainVisual .controls>span:hover{opacity:1}
#mainVisual .controls .pager{padding:0 20px;font-weight:700;color:#fff;}

/* 배경이미지 */

#mainVisual ul li{height:625rem;overflow:hidden}
#mainVisual ul li .bg{opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:center no-repeat;background-size:cover;}
#mainVisual ul li .bg01{background-image:url('../img/intro_img1.jpg')}
#mainVisual ul li .bg02{background-image:url('../img/intro_img2.jpg')}
#mainVisual ul li .bg03{background-image:url('../img/intro_img3.jpg')}
#mainVisual ul li .bg04{background-image:url('../img/intro_img4.jpg')}
#mainVisual ul li .bg05{background-image:url('../img/intro_img5.jpg')}
#mainVisual ul li.on .bg{width:101%;height:101%;opacity:1}

@media(max-width:1024px){
  #mainVisual{padding:0 20px}  
  #mainVisual ul li{height:500rem}
  #mainVisual .main_txt{top:42%;left:60px}
  #mainVisual .main_txt p{font-size:45px}
  #mainVisual .main_txt .txt{font-size:15px}
  #mainVisual .controls{left:60px}
}

@media(max-width:650px){
  #mainVisual{padding:0 20px}  
  #mainVisual ul li{height:400rem}
  #mainVisual .main_txt{top:42%;left:60px}
  #mainVisual .main_txt p{font-size:45px}
  #mainVisual .main_txt .txt{font-size:15px}
  #mainVisual .controls{left:60px}
}

@media(max-width:530px){
  #mainVisual ul li{height:200rem}
}

@media(max-width:500px){
  #mainVisual ul li{height:200rem}
}


.history_wrap {
    position: relative;
    overflow: hidden
}

.history_wrap .after_bar,
.history_wrap .before_bar {
    width: 1px;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.history_wrap .after_bar {
    height: 100%;
    background: #e3e3e3
}

.history_wrap .before_bar {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 1s;
    transition: all 1s;
    background: #4285f4
}

.history_wrap .history_ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 60px
}

.history_wrap .history_ul.first {
    padding-top: 60px
}

.history_wrap .history_ul.first::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url("../images/ico/history_logo.png") no-repeat;
    width: 40px;
    height: 40px;
    z-index: 9
}

.history_wrap .history_ul:last-child::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    width: 8px;
    height: 8px;
    background: #4285f4;
    border-radius: 100%
}

.history_wrap .history_ul:first-child {
    padding-top: 60px
}

.history_wrap .history_ul>li {
    width: 50%
}

.history_wrap .history_ul>li.history_year {
    padding-right: 40px
}

.history_wrap .history_ul>li.history_year>p {
    font-size: 30rem;
    font-weight: bold;
    letter-spacing: -1.3px;
    color: #131987;
    text-align: right
}

.history_wrap .history_ul>li.history_text_wrap {
    padding-left: 40px
}

.history_wrap .history_ul>li.history_text_wrap .history_list {
    padding-right: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    font-size: 17px;
    font-weight: normal;
    letter-spacing: -0.45px
}

.history_wrap .history_ul>li.history_text_wrap .history_list .text_01 {    font-weight: bold;     color: #0D2F67}

.history_wrap .history_ul>li.history_text_wrap .history_list .text_02 {    margin-left: 0px;    color: #111; word-break: keep-all;}

.history_wrap .history_ul:nth-child(even) .history_year {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 40px
}

.history_wrap .history_ul:nth-child(even) .history_year>p {
    text-align: left
}

.history_wrap .history_ul:nth-child(even) .history_text_wrap .history_list {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.history_wrap .history_ul:nth-child(even) .history_text_wrap .history_list .text_01 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 0
}

.history_wrap .history_ul:nth-child(even) .history_text_wrap .history_list .text_02 {
    margin-right: 45px;
    margin-left: 0;
    text-align: right
}


@media (max-width: 1100px) {

    .history_wrap .after_bar,
    .history_wrap .before_bar {
        left: 20px;
        top: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .history_wrap .history_ul {
        padding-left: 50px;
        padding-bottom: 40px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .history_wrap .history_ul.first::after {
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .history_wrap .history_ul:last-child::before {
        left: 20px
    }

    .history_wrap .history_ul:first-child {
        padding-top: 40px
    }

    .history_wrap .history_ul>li {
        width: 100%;
        padding: 0 20px
    }

    .history_wrap .history_ul>li.history_year {
        -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important;
        padding: 0 !important;
        margin: 0 !important
    }

    .history_wrap .history_ul>li.history_year>p {
        font-size: 25rem;
        font-weight: bold;
        letter-spacing: -1.3px;
        padding: 0 !important;
        margin: 0 !important;
        text-align: left
    }

    .history_wrap .history_ul>li.history_text_wrap {
        padding: 0 !important;
        margin: 0 !important;
        padding-left: 0;
    }

    .history_wrap .history_ul>li.history_text_wrap .history_list {
        padding: 0 !important;
        margin: 0 !important;
        padding-right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
        padding-bottom: 20px !important
    }

    .history_wrap .history_ul>li.history_text_wrap .history_list .text_01 {
        font-size: 16px;
        padding: 0 !important;
        margin: 0 !important
    }

    .history_wrap .history_ul>li.history_text_wrap .history_list .text_02 {
        font-size: 15rem;
        padding: 0 !important;
        margin: 0 !important;
        -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important;
        text-align: left !important;
    }

}

.subPageTopTitle {width: 100%; height: 91rem; margin-top: 0rem; /*background:linear-gradient(90deg, #fff 0%, transparent 50%); */}
.title_wrap {position: relative; width: 100%; height: 100%; max-width: 1400rem; margin: 0 auto; border-bottom: 1px solid #e7e7e7; z-index:2;}
.title_wrap h2.title { font-size:25rem; line-height: 60rem; letter-spacing:-0.025rem; color: #282828; display: inline-block;margin: 0;padding-right: 0;font-weight: bold; position: relative; margin-top: 32rem; z-index: 9; margin-left: 20rem; padding-left: 5rem;}
.title_wrap h2.title:after {content : ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 110%; border-bottom:3px solid #1a1d8e;}

@media( max-width:1750px ) {
	.sub_vg_title {margin-left: 1rem;}
	.sub_vg_title_inner {max-width: 95%; margin: 0; margin-left: 28rem;}
}
@media( max-width:1400px ){
	.sub_vg_title {margin-left:10px;}
}

@media( max-width:800px ){
	.title_wrap h2.title {font-size:20rem; margin-left: 0rem;}
}

.pro_txt {padding-top:20rem;}
.pro_txt h3 {font-style:normal; font-size:20rem; line-height: 1.5; letter-spacing:0; color: #282828; display:block;margin: 0;padding-right: 0;font-weight: 600; position: relative; margin-left: 20rem; margin-bottom:10rem;}
.pro_txt i {font-style:normal; font-size:14rem; line-height: 1.5; letter-spacing:0; color: #282828; display:block;margin: 0;padding-right: 0;font-weight: 400; position: relative; margin-left: 30rem; margin-bottom:10rem;}
.pro_txt i:before {content: ""; position:absolute; width:4px; height:4px; background:#000; text-align:left; margin-left:-10rem; border-radius:5px; margin-top:10px;}

@media( max-width:800px ){
	.pro_txt h3 {font-size:18rem; }
	.pro_txt i {font-size:13rem;}
}

.biz_product01_wrap {width:100%; position:relative; margin-top:20rem; margin-bottom:30rem; }
.biz_product01 {width:100%; position:relative; overflow:hidden;}
.biz_product01 .biz_product01_txt {position:relative; width:60%; float:left; }
.biz_product01 .biz_product01_txt dt {border-bottom:2px solid #1a1d8e; font-size:20rem; font-weight:bold; height:57rem;}
.biz_product01 .biz_product01_txt dt span {line-height:57rem; height:57rem; background:#fff; z-index:1; display:block; width:246px; text-align:center; border-top:2px solid #1a1d8e; border-left:2px solid #1a1d8e; border-right:2px solid #1a1d8e; border-bottom:2px solid #fff;}
.biz_product01 .biz_product01_txt h4 {font-size:17rem; margin-top:60rem; background:#1a1d8e; color:#fff; padding-left:10rem; margin-bottom:20rem;}
.biz_product01 .biz_product01_txt dd {font-size:17rem; margin-top:60rem;}
.biz_product01 .biz_product01_txt dd ul li {width: calc(100% /2 - 20rem); display:inline-block; padding-bottom:12px; position:relative; padding-left:25px; }
.biz_product01 .biz_product01_txt dd ul li:before {content:"";position:absolute; width:2px; height:2px; background:#000; top:14rem; left:10rem;}
.biz_product01 .biz_product01_txt dd ul li h3 {font-family:'Pretendard';float:left; font-size:17rem; font-weight:800; color:#1a1d8e; margin-right:20rem;}
.biz_product01 .biz_product01_txt dd ul li p {word-break: keep-all;display:inline-block; font-size:15rem; font-weight:400;}

.biz_product01 .biz_product01_img {margin-top:20rem; position:relative; width:40%; float:right; text-align:right;  max-width:500px; }
.biz_product01 .biz_product01_img img {width:100%; box-shadow: 5.456px 5.851px 10px 0px rgba(144, 144, 144, 0.35);}

@media screen and (max-width: 1500px){
     .biz_product01 .biz_product01_txt {width:48%;}
     .biz_product01 .biz_product01_img {width:48%;}
}

@media screen and (max-width: 1024px){
     .biz_product01 .biz_product01_img {width:90%; max-width:90%;}
}

@media screen and (max-width: 800px){
	 .biz_product01 .biz_product01_txt {width:100%; float:none; }
	 .biz_product01 .biz_product01_txt dd ul li:before {top:10rem; }
	 .biz_product01 .biz_product01_txt dd ul li h3 {font-size:15rem; float:none; line-height:1.3;}
	 .biz_product01 .biz_product01_txt dd ul li p { font-size:14rem; display:block;}
	 .biz_product01 .biz_product01_img {width:100%; float:none; }

}


.biz_product02_wrap {width:100%; position:relative; margin-top:20rem; margin-bottom:30rem; }
.biz_product02 {width:100%; position:relative; overflow:hidden;}
.biz_product02 .biz_product02_txt {position:relative; width:60%; float:left; }
.biz_product02 .biz_product02_txt dt {border-bottom:2px solid #1a1d8e; font-size:20rem; font-weight:bold; height:57rem;}
.biz_product02 .biz_product02_txt dt span {line-height:57rem; height:57rem; background:#fff; z-index:1; display:block; width:246px; text-align:center; border-top:2px solid #1a1d8e; border-left:2px solid #1a1d8e; border-right:2px solid #1a1d8e; border-bottom:2px solid #fff;}
.biz_product02 .biz_product02_txt h4 {font-size:17rem; margin-top:60rem; background:#1a1d8e; color:#fff; padding-left:10rem; margin-bottom:20rem;}
.biz_product02 .biz_product02_txt dd {font-size:17rem; margin-top:60rem;}
.biz_product02 .biz_product02_txt dd ul li {width: calc(100% /3 - 20rem); display:inline-block; padding-bottom:12px; position:relative; padding-left:25px;}
.biz_product02 .biz_product02_txt dd ul li:before {content:"";position:absolute; width:2px; height:2px; background:#000; top:14rem; left:10rem;}
.biz_product02 .biz_product02_txt dd ul li h3 {font-family:'Pretendard';float:left; font-size:17rem; font-weight:800; color:#1a1d8e; margin-right:20rem;}
.biz_product02 .biz_product02_txt dd ul li p {display:inline-block; font-size:15rem; font-weight:400;}

.biz_product02 .biz_product02_txt dl.pro_img dd ul li:before {background:none;}

.biz_product02 .biz_product02_txt dl.pro_img_1 dd ul li {width: 376rem; }
.biz_product02 .biz_product02_txt dl.pro_img_1 dd ul li:before {background:none;}

.biz_product02 .biz_product02_txt dl.pro_img_2 dd ul li {width: calc(100% /2 - 20rem); }
.biz_product02 .biz_product02_txt dl.pro_img_2 dd ul li:before {background:none;}

.biz_product02 .biz_product02_txt dl.pro_img_4 dd ul li {width: calc(100% /4 - 20rem); }
.biz_product02 .biz_product02_txt dl.pro_img_4 dd ul li:before {background:none;}

.biz_product02 .biz_product02_img {margin-top:20rem; position:relative; width:40%; float:right; text-align:right;  max-width:500px; }
.biz_product02 .biz_product02_img img {width:100%; box-shadow: 5.456px 5.851px 10px 0px rgba(144, 144, 144, 0.35);}

@media screen and (max-width: 1500px){
     .biz_product02 .biz_product02_txt {width:48%;}
     .biz_product02 .biz_product02_img {width:48%;}
}

@media screen and (max-width: 1024px){
     .biz_product02 .biz_product02_img {width:90%; max-width:90%;}
}

@media screen and (max-width: 800px){
	 .biz_product02 .biz_product02_txt {width:100%; float:none; }
	 .biz_product02 .biz_product02_txt dd ul li:before {top:10rem; }
	 .biz_product02 .biz_product02_txt dd ul li h3 {font-size:15rem; float:none; line-height:1.3;}
	 .biz_product02 .biz_product02_txt dd ul li p { font-size:14rem; display:block;}
	 .biz_product02 .biz_product02_img {width:100%; float:none; }

}


.wid_1400 {width:100%; max-width:1400px; margin:auto; height:100%;}

@media screen and (max-width: 1400px){
	.wid_1400 {padding:0 10px;}

}

.sub_img {text-align:center;}


.overview_biz {width:100%; position:relative; text-align:center; }
.overview_biz ul {display:flex;  gap: 15rem 1%; flex-wrap: wrap; width:100%; margin:50rem auto 0;   }
.overview_biz ul li { width:49.5%; background:#f8f8f8; padding:50rem 20rem; border-top:1px solid #263b8a; }
.overview_biz ul li dt {font-size:20rem; font-weight:800; margin-bottom:10rem; margin-top:10rem;} 
.overview_biz ul li dd {font-size:15rem; line-height:1.7; }


@media( max-width:1200px) {

.overview_bg ul li {color:#fff; width:calc(100% / 3); margin-bottom:5.0rem;}
.overview_biz ul {width:100%;}
.overview_biz ul li dd {font-size:14rem; }
}




@media( max-width:768px) {

.overview_bg ul {width:90%; margin:auto;}
.overview_bg ul li {color:#fff; width:calc(100% / 2); margin-bottom:5.0rem;}
.overview_biz ul li {width:100%; margin-bottom:5.0rem;}
.overview_biz ul li dd {font-size:14rem; }
}


.con03 { text-align:center;}
.con03 ul {display: flex; gap: 0px;}
.con03 ul li {width:33%; background-color: #fff; border: 0px solid #dcdcdc; box-sizing: border-box; text-align: center; box-sizing: border-box; position: relative;}
.con03 ul li .arrow {position: absolute; top: 45%; right: -13px; transform: translate(50%, -50%); width: 60px; height: 60px; border-radius: 50%; background-color: #f4f4f4; z-index: 1; display: flex; align-items: center; justify-content: center;}
.con03 ul li .arrow::before {content: url(../img/sub/arrow2.png);}
.con03 ul li .icon_box {width: 100%; max-width: 160rem; aspect-ratio: 1/1; border-radius: 20rem; border: 1px solid #dcdcdc; margin: auto; padding:10rem; position: relative; box-sizing: border-box;}
.con03 ul li .icon_box img {position: absolute; top: 50%; left: 50%; border-radius: 20rem; transform: translate(-50%, -50%); width: 100%; max-width: fit-content;}
.con03 ul li .txt_box {margin-top: 10px;}
.con03 ul li .txt_box h6 {font-family:'Pretendard'; font-weight: 700; font-size:18rem; line-height: 1.27em; color: #444;}
.con03 ul li .txt_box h6 span {display:block; font-size:15rem;}

@media all and (max-width:1024px){
    .con03 ul {flex-wrap: wrap; justify-content: center;}
	.con03 ul li:nth-child(3) .arrow {display:none;}
}

@media all and (max-width: 767px) {
    .con03 {margin-bottom:40rem;}
	.con03 ul {display: flex; gap: 20px;}
	.con03 ul li .arrow {top: calc(100% + 5px); right: 50%; transform: translate(50%, -50%) rotate(90deg);}
	.con03 ul li:nth-child(3) .arrow {position: absolute; top: calc(100% + 5px); right: 50%; transform: translate(50%, -50%) rotate(90deg); width: 60px; height: 60px; border-radius: 50%; background-color: #f4f4f4; z-index: 1; display: flex; align-items: center; justify-content: center;}
	.con03 ul li .txt_box h6 { font-size:15rem; }
}



.biz_wrap {position:relative; display:flex;  padding:30rem 0; border-bottom:1px solid #ddd;}

.biz_wrap .biz_left {margin-top:50rem; height:100%; width:400rem;}
.biz_wrap .biz_left  h3 {color:#07328e; font-weight:800; font-size:23rem; line-height:1.15; }
.biz_wrap .biz_left  h3:before{content: ''; position: absolute; left: -15px; top: 60rem; width: 8px; border-radius: 50%; box-sizing: border-box; aspect-ratio: 1/1; background-color: #07328e;}

.biz_wrap .biz_right {width:calc(100% - 320px); }

.biz_contents {margin-bottom:5.0rem;}
.biz_contents h4 {font-size:2.4rem; border-bottom:4px solid #000; display:inline-block; padding-bottom:0.7rem;}

.biz_contents .biz_img01 { margin-top:3.0rem;}
.biz_contents .biz_img01 ul {display:flex; flex-wrap:wrap;}
.biz_contents .biz_img01 ul li {width:49%; margin-right:2%; margin-bottom:2.0rem;}
.biz_contents .biz_img01 ul li:nth-child(2n) {margin-right:0;}
.biz_contents .biz_img01 ul li img {width:100%; max-width:100%;}
.biz_contents .biz_img01 ul li p {font-size:1.8rem; color:#777; margin-top:1.5rem;}
.biz_contents .biz_img01 ul li p strong {color:#000; font-size:2.0rem; font-weight:500;}

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

.biz_wrap {flex-wrap:wrap; margin-bottom:80rem;}
.biz_wrap .biz_left  {width:100%; position:relative; top:auto; }
.biz_wrap .biz_left h3 {text-align:left; font-size:25rem; margin-top:0px; margin-bottom:2.0rem; padding-left:0px;}
.biz_wrap .biz_left  h3:before{content: ''; position: absolute; left: -15px; top: 0rem; width: 8px; border-radius: 50%; box-sizing: border-box; aspect-ratio: 1/1; background-color: #07328e;}

.biz_wrap .biz_right {width:100%;}
.biz_wrap .biz_right img {text-align:center; max-width:100%; }

}

@media screen and (max-width: 800px){
     .biz_wrap {padding:0rem 0;}
	 .biz_wrap .biz_left {margin-top:0rem;}
	 .biz_wrap .biz_left  h3 {font-size:20rem; margin-bottom:20rem;}
}

.num_img_ul{margin:60px 0 40px;}
.num_img_ul.h240 ul li .text{height:240px;}
.num_img_ul ul{font-size:0; letter-spacing:-4px; text-align:center;}
.num_img_ul ul li{background:#fff; width:calc(25% - 15px); margin-right:20px; display:inline-block; vertical-align:top; position:relative; border:1px solid #f1f1f1; box-sizing:border-box; }
.num_img_ul ul li:last-child{margin-right:0;}
.num_img_ul ul li span{z-index:1; display:block; position:absolute; left:calc(50% - 41px); top:-41px; width:82px; height:82px; background:#f8f8f8; border:1px solid #f1f1f1; border-left:0; border-top:0; border-right:0; border-radius:50%; box-sizing:border-box;}
.num_img_ul ul li i{font-style:normal; z-index:2; display:block; margin:13px 0 0 12px; width:56px; height:56px; background:#1a1d8e; line-height:56px; border-radius:50%; text-align:center; font-size:18px; color:#ffffff; letter-spacing:-0.025em; font-weight:400;}
.num_img_ul ul li .img_box {padding-top:50rem;}
.num_img_ul ul li .img_box img{max-width:100%;}
.num_img_ul ul li .text{border-top:1px solid #f1f1f1; min-height:120rem; padding:0 10px; box-sizing:border-box}
.num_img_ul ul li .text h4{font-size:26px; color:#444444; letter-spacing:-0.025em; font-weight:500; margin:20px 0;}
.num_img_ul ul li .text .hr{width:10px; height:1px; background:#7a7a7a; margin:30px auto 20px; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -moz-transform:rotate(-45deg);}
.num_img_ul ul li .text p{word-break:keep-all; font-size:15rem; color:#333; letter-spacing:-0.025em; font-weight:700;}
.num_img_ul .hr{width:37px; height:1px; margin:30px auto 20px; background:#ddd}
.num_img_ul > p{text-align:center; font-size:17rem; color:#666666; letter-spacing:-0.025em; font-weight:300;}


@media all and (max-width:767px){
	.num_img_ul ul li{width:100%; margin:10px auto;}
	.num_img_ul ul li:nth-of-type(2n){margin:10px auto;}
	.num_img_ul ul li .text p{ font-size:15rem;}

}

.location {overflow:hidden;  position:relative; margin-bottom:100px }
.location_map {overflow:hidden;  position:relative; width:calc(100% - 400px); height:auto; }
.location_map .root_daum_roughmap .wrap_map {
	height: 100% !important;
}

.location_map .map_box{margin-top:10px; width:100%; height:440px; border-bottom:3px solid #1a1d8e; box-sizing:border-box;}
.location_map .map_box > div{width:100%; height:100%;}
.location_map .map_box .wrap_map{width:100%; height:100%;}

.location_txt {background:#002f82; color:#fff; padding:80rem 50rem;  position:absolute; top:50%; right:0; transform:translateY(-50%); z-index:20;}
.location_txt .loc_add{ font-size:20rem; font-weight:bold; margin-bottom:20px}
.location_txt span {font-size:18rem; display:block; margin-bottom:5px}


@media( max-width:1024px ) {


.location_map {overflow:hidden;  position:relative; width:100%; height:auto; }
.location_map  .map_height {height:350px;}

.location_txt {position:relative; top:0; right:0; transform:translateY(0%); margin-top:20px; padding:50px; }

.location_txt .loc_add{ font-size:24rem; font-weight:bold; margin-bottom:20px}
.location_txt span {font-size:16rem; display:block; margin-bottom:5px}


}


@media( max-width:768px ) {
.location_txt .loc_add{ font-size:18rem;}
.location_txt span {font-size:15rem;}
}



.policy_bottom {display:flex; }

.policy_bottom > .policy_left {width:50%; font-weight:600;}
.policy_bottom > .policy_left .p_txt1 { color:#777; font-size:24rem;}
.policy_bottom > .policy_left .p_txt2 {font-size:40rem;}
.policy_bottom > .policy_left .p_txt3 {font-size:40rem; color:#cf252b;}


.policy_bottom > .policy_right {width:50%;}
.policy_bottom > .policy_right .policy_list { display:flex;  align-items:center; padding:25rem 20rem; border-bottom:1px solid #ddd;  }
.policy_bottom > .policy_right .policy_list h3 {font-family:'Pretendard'; background:#1a1d8e; border:7px solid #f3f3f3; border-radius:70rem; width:70rem; height:70rem; font-size:13rem; line-height:1.1; padding-top:15rem; text-align:center; color:#fff; font-weight:600;}
.policy_bottom > .policy_right .policy_list:nth-child(1) h3 {padding-top:20rem;}
.policy_bottom > .policy_right .policy_list dl {margin-left:80rem;}
.policy_bottom > .policy_right .policy_list dl dt {font-size:20rem; color:#777; }
.policy_bottom > .policy_right .policy_list dl dd {font-size:20rem; color:#000; font-weight:600;}



@media( max-width:1200px) {
.policy_bottom {flex-wrap:wrap; }
.policy_bottom > .policy_left {width:100%;}
.policy_bottom > .policy_right {width:100%; margin-top:50rem;}

}


@media( max-width:768px) {
.policy_bottom > .policy_right .policy_list h3 {width:50rem; height:50rem; font-size:10rem; padding-top:9rem;  }
.policy_bottom > .policy_right .policy_list:nth-child(1) h3 {padding-top:13rem;}
.policy_bottom > .policy_right .policy_list dl {margin-left:20px;}
.policy_bottom > .policy_right .policy_list dl dt {font-size:13rem}
.policy_bottom > .policy_right .policy_list dl dd {font-size:13rem;}
}


.esg {}
.esg .esg_top {width: 100%;max-width: 1600rem;margin: 0 auto;font-size: 32rem;color: #fff;text-align: center;line-height: calc(46/32);padding: 100rem 0 200rem;}
.esg1 .esg_top {background: url(../img/sub/product_img.jpg) no-repeat center/cover; font-weight:800;}
.esg .esg_content {width: 100%;max-width: 1400rem;background: #fff;padding: 50rem 100rem;margin: 0 auto;}
.esg .esg_content .info {padding: 50rem 100rem;background: #f6f6f6; margin-bottom:10rem;}
.esg .esg_content .info dt {display:block; padding-bottom:5rem; font-size:20rem; font-weight:600; word-break: keep-all;}
.esg .esg_content .info dd {display:block; padding-bottom:5rem; }

@media screen and (max-width: 1450px){
	.esg .esg_content {width: 98%;}
}
@media screen and (max-width: 768px){
	.esg .esg_top {font-size: 22rem;padding: 70rem 20rem 160rem;}
	.esg .esg_content {padding: 30rem; margin-top: 0rem;}
	.esg .esg_content .info {padding: 20rem 30rem;}
	.esg .esg_content .info dt { font-size:16rem;}
	.esg .esg_content .info dd { padding-bottom:15rem; font-size:13rem;}
}


.product_txt {text-align:center; float:none; margin-top:50rem; padding:0 20rem; font-size:14rem;}

@media screen and (max-width: 600px){
	.product_txt {font-size:13rem;}
}



.infra-sec__box {	display: flex;	align-items: center;	gap: 30px 50px;}
.infra-sec__box:nth-child(2n) {	flex-direction: row-reverse;}
.infra-sec__box.oms .infra-sec__img-wrap {	justify-content: flex-end;}
.infra-sec__img-wrap {	display: flex;	align-items: center;	justify-content: center;	width: 50%;	height: 400rem;	overflow: hidden;}
.infra-sec__text-wrap {	width: 50%;	padding: 30px;}
.infra-sec__box-title {	font-size: 25rem;}
.infra-sec__box-text {	margin-top: 20px;	color: #555; font-size:15rem; line-height:1.7;}

@media (max-width: 1023px) {
	.infra-sec .sub-cont__inner {
		padding-top: 70px;
	}
	.infra-sec__wrap {
		padding-bottom: 100px;
	}
	.infra-sec__box {
		flex-direction: column;
		max-width: 700px;
		margin: 0px auto 0;
	}
	.infra-sec__box:nth-child(2n) {
		flex-direction: column;
	}
	.infra-sec__box-title {		font-size: 18rem;	}
	.infra-sec__box-text {font-size:15rem;	}
	.infra-sec__img-wrap {
		width: 100%;
		height: 200rem;
	}
	.infra-sec__text-wrap {
		width: 100%;
		text-align: center;
	}
	.infra-sec__sub-list {
		padding-top: 10px;
	}
	.infra-sec__sub-item {
		margin-top: 20px;
	}
	.infra-sec__sub-text {
		margin-top: 8px;
	}
}