html.sub{ scroll-behavior: smooth;}
/*오시는 길*/
.mapWrap .idx.flex { gap: 2em;}
.mapWrap .idx.flex > .right { flex: 1 1 45%;}
.mapWrap .map-con { border-radius: 10px; overflow: hidden; border: 1px solid #ddd; box-sizing: border-box;}
.mapWrap .map-con > div { margin: -1px !important;}
.mapWrap .tab-wrap { margin-bottom: 3em;}
.mapWrap .map-info { background: #f9f9f9; padding: 3em; box-shadow: 0 5px 10px rgba(0,0,0,.1); border-radius: 10px; /* margin-top: 1em; */  border: 1px solid #eee;}
.mapWrap .map-info .add-list { gap: 0 3em;}
.mapWrap .map-info .add-list > li { margin-bottom: 1.5em;}
.mapWrap .map-info .add-list > li:nth-child(n+2) { margin-bottom: 0;}
.mapWrap .map-info .add-list > li:first-child { flex: 1 1 100%; margin-bottom: 2em;}
.mapWrap .map-info .add-list > li:last-child { margin-bottom: 0;}
.mapWrap .map-info .add-list > li .add-wrap { width: 100%; padding-left: 1em;}
.mapWrap .map-info .add-list > li .add-wrap > p {display: flex; margin-bottom: .5em;}
.mapWrap .map-info .add-list > li .add-wrap > p:last-child { margin-bottom: 0;}
.mapWrap .map-info .add-list > li .add-wrap b { font-size: 1.25em; flex: 1 1 8%;}
.mapWrap .map-info .add-list > li .add-wrap .tt { flex: 1 1 92%;}
.mapWrap .map-info .add-list > li > p { display: flex; align-items: center;}
.mapWrap .map-info .xi { background: #0072BC; color: #fff; border-radius: 50%; width: 1.8em; height: 1.8em; line-height: 1.8em; text-align: center;}
.mapWrap .map-info .tt { font-size: 1.25em; font-weight: 500; padding-left: 1em; color: #555;}

/*인사말*/
.Slogan_bg{ position: relative; height: 42vh; border-radius: 2em; overflow: hidden; box-shadow: 2px 0 6px rgba(0,0,0,.15);}
.Slogan_bg:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.15); content: '';}
.Slogan_bg .slogan_ttl{ position: relative; z-index: 2; height: 100%;}
.Slogan_bg .slogan_ttl .sub_t{ color: #fff; font-weight: 600; opacity: .75;}

.greetingT_Wrap{ padding-top: 8em;}
.greetingT_Wrap .g-left{ width: 35%;}
.greetingT_Wrap .g-left .g-ttlcon .page_tt.fs_t{ margin-bottom: 1em; font-weight: 700; color: #333; line-height: 1.3;}
.greetingT_Wrap .g-left .g-ttlcon .page_tt.fs_b{}

.greetingT_Wrap .g-right{ position:relative; width: 55%;  display: flex; justify-content: end;}
.greetingT_Wrap .g-right:before{ content: ""; z-index: -1; position: absolute; top: -28.5%; right: 0; width: 200%; height: 47em; background: #d1e4fe66; transform: translate(60%, 0);}
.greetingT_Wrap .g-right .g-img{ width: 100%; height: 28em; border-radius: 1em; overflow: hidden;}
.greetingT_Wrap .g-right .g-img > img{ width: 100%; height: 100%; object-fit: cover;}

.greetingB_Wrap{ padding-top: 15em;}
.greetingB_Wrap .g-left{ position:relative; width: 35%;}
.greetingB_Wrap .g-left .g-img{ width: 100%; height: 40em; border-radius: 1em; overflow: hidden;}
.greetingB_Wrap .g-left .g-img > img{ width: 100%; height: 100%; object-fit: cover;}

.greetingB_Wrap .g-right{ width: 55%;}
.greetingB_Wrap .g-right .g-ttlcon .page_tt.fs_t{ margin-bottom: 1em;}
.greetingB_Wrap .g-right .g-ttlcon .from{ margin-top: 1.5em}
.greetingB_Wrap .g-right .g-ttlcon .from .sign{ font-size: 1.35em; font-weight: 700; color: #111;}

.greetingB_Wrap .g-left .svg_circle{ position:absolute; top:0; left:0; width:18em; transform:translate(-50%,-50%);}
.greetingB_Wrap .g-left .svg_circle .svg_tt{ font-size:2.15em; color: #111; font-weight: 600;}

.ctext svg{animation: rotation 8s infinite linear;}
textPath.textCir { font-size:8px; font-weight: 600; letter-spacing: 2px; color: #444;}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
/*사업분야*/
.bu_TTl{ margin: 4em 0 6em 0;}
.business_Wrap{ }
.business_Wrap .business_list{}
.business_Wrap .business_list .bu_list{ gap: 7.5em; padding: 6em 9em; margin-bottom: 6em; box-sizing:border-box; background: #f7f7f7;}
.business_Wrap .business_list .bu_list:nth-child(2n){ flex-direction: row-reverse; justify-content: space-between;}
.business_Wrap .business_list .bu_list:last-of-type{ margin-bottom: 0em;}
.business_Wrap .business_list .bu_list .bu_img{ width: 45%; height: 25em; border-radius: 1.5em; overflow: hidden; box-shadow: 3px 0 9px rgba(0,0,0,.15);}
.business_Wrap .business_list .bu_list .bu_img > img{ width: 100%; height: 100%; object-fit: cover;}
.business_Wrap .business_list .bu_list .bu_ttl{ width: 45%;}
.business_Wrap .business_list .bu_list .bu_ttl .b_subt{ text-transform: uppercase; font-weight: 600;}
.business_Wrap .business_list .bu_list .bu_ttl .b_ttl{ margin: .3em 0 .5em 0; color: #333;}
.business_Wrap .business_list .bu_list .bu_ttl .bu_Intxt{}
.business_Wrap .business_list .bu_list .bu_ttl .bu_Intxt > li > p{ font-size: 1.25rem; font-weight: 500; margin-bottom: .5em; color: #555;}
.business_Wrap .business_list .bu_list .bu_ttl .bu_Intxt > li:last-of-type{ margin-bottom: 0em;}

.business_Wrap .business_list .bu_list .bu_ttl .bu_Intxt > li .detail_txt{ background: #d1e4fe66; padding: .8em 2em; display: inline-block; border-radius: 1em;}
.business_Wrap .business_list .bu_list .bu_ttl .bu_Intxt > li .detail_txt > li{ position: relative; font-size: .95em; font-weight: 600; margin-bottom:.2em;}
.txt_Dot:before{ position: absolute; top: 8px; left: -10px; width: 4px; height: 4px; background: #0072BC; border-radius: 50%; content: '';}

/*제품정보*/
.product_Wrap{ gap: 2em;}
.product_Wrap .p_left{ flex: 1 1 33%; position: sticky; height: 100%; top: 8em;}
.product_Wrap .p_left .link_btn{ margin-top: 2em;}
.product_Wrap .p_left .link_btn .btn_list{}
.product_Wrap .p_left .link_btn .btn_list > li{ margin-bottom: 1em; transition: .4s;} 
.product_Wrap .p_left .link_btn .btn_list > li:last-of-type{ margin-bottom: 0em;}
.product_Wrap .p_left .link_btn .btn_list > li a{ color: #999; }
.product_Wrap .p_left .link_btn .btn_list > li.on a > span{ font-size: 1.75em; color: #111; transition: .4s;}
.product_Wrap .p_left .link_btn .btn_list > li a > span{ font-size: 1.55em; font-weight: 700; color: #999; margin-right: .5em} 
.product_Wrap .p_left .link_btn .btn_list > li a:hover .xi{ transform: translateX( 10px); transition: .25s;}
.product_Wrap .p_left .link_btn .btn_list > li a .xi{ position:relative; top: -2px; transition: .25s; font-size: 1.1em;}
.product_Wrap .p_left .link_btn .btn_list > li.on a .xi{ font-size: 1.15em; color: #111; transform: translateX( 10px);}
.product_Wrap .p_right{ flex: 1 1 67%;}
.product_Wrap .p_right .product_info{ margin-top: 5em;}
.product_Wrap .p_right .product_info:first-of-type{ margin-top: 0em;}
.product_Wrap .p_right .product_info .pro_ttl{ position:relative; padding-bottom: 1em; border-bottom: 1px solid #0072BC; margin-bottom: 4em;}
.product_Wrap .p_right .product_info .pro_ttl .dot_T{ position:relative; display: inline-block; font-size: 2.45em; font-weight: 800; color: #111;}
.product_Wrap .p_right .product_info .pro_ttl .dot_T:before{     content: ''; position: absolute; top: -0.15em; right: -0.35em; width: 8px; height: 8px; border-radius: 50%; background: #0072BC;}
.product_Wrap .p_right .product_info .pro_ttl .gray_ttl{ font-size: 2em; font-weight: 800; color: #eee; margin-left: .5em;}
.product_Wrap .p_right .product_info .top_imgCon{ height: 30em; width: 40em; border-radius: 1em; overflow: hidden; box-shadow: 2px 0 6px rgba(0,0,0,.25);}
.product_Wrap .p_right .product_info .top_imgCon.w_contain > img{ object-fit: contain;}
.product_Wrap .p_right .product_info .top_imgCon.w_100{ width: 100%; height: 40em;}
.product_Wrap .p_right .product_info .top_imgCon.w_100 > img{ object-fit: contain;}
.product_Wrap .p_right .product_info .top_imgCon > img{ width: 100%; height: 100%; object-fit: cover;}

.product_Wrap .p_right .product_info .pro_subT{ margin-bottom: 1em;}
.product_Wrap .p_right .product_info .pro_subT .num{ font-size: 4.15em; color: #eee; font-weight: 800; margin-right: .1em;}
.product_Wrap .p_right .product_info .pro_subT .sub_ttl{ font-size: 1.95em; color: #0072BC; font-weight: 700;}
.product_Wrap .p_right .product_info .point_list{ gap: 1em; flex-wrap: wrap;}
.product_Wrap .p_right .product_info .point_list > li{ position:relative; flex: 1 1 49%; max-width: 49%; padding: 20px 29px; border-radius: .5em; background: #f8f8f8; box-shadow: 1px 0 3px rgba(0,0,0,.1);}
.product_Wrap .p_right .product_info .point_list > li > p{ position:relative; font-size: 1.15em;}

.product_Wrap .p_right .product_info .interval{ padding: 3em 0;}
.product_Wrap .p_right .product_info .interval:first-of-type{ padding: 0 0 3em 0;}

.product_Wrap .p_right .product_info .divi_table{ margin-bottom: 2.5em;}
.product_Wrap .p_right .product_info .divi_table.db{ margin-bottom: 3.5em;}
.product_Wrap .p_right .product_info .divi_table:last-of-type{ margin-bottom: 0em;}

.interval .img_List{ gap: 1em;}
.interval .img_List .LI{ flex: 1 1 49%; max-width: 49%; border: 1px solid #e9e9e9; box-shadow: 1px 1px 3px rgba(0,0,0, .1); height: 100%; border-radius: 1em; overflow: hidden;}
.interval .img_List .LI.w_contain > img{ object-fit: contain;}
.interval .img_List .LI.w_cover > img{ object-fit: cover;}
.interval .img_List .LI.bn{ border: none; box-shadow: none;}
.interval .img_List .LI > img{ width: 100%; height: 100%; object-fit:cover; max-height: 50em;}
.interval .img_List .LI.w100{ flex: 1 1 100%; max-width: 100%;}
.interval .img_List .LI .p-Con{ padding: 1em; text-align: center;}
.interval .img_List .LI .p-Con .p-ttl{ font-size: 1.25em; font-weight: 600;}
.interval .img_List .LI .p-Con .p-txt{ font-size: 1em; margin-top: .5em; color: #444;}

.interval .order_Con{ padding: 2.5em; box-sizing:border-box; border: 1px solid #ddd; border-radius: 1em; box-shadow: 1px 0 6px rgba(0,0,0, .15); margin-bottom: 2em;}
.interval .order_Con:last-of-type{ margin-bottom: 0em;}
.interval .order_Con .LI_con{ gap: 1em;}
.interval .order_Con .LI_con .LI{ flex: 1; height: 100%;}
.interval .order_Con .LI_con .LI > img{ width: 100%; height: 100%; object-fit: cover;}
.interval .order_Con .LI_con .LI .order{ padding-left: 2em;}
.interval .order_Con .LI_con .LI .order .order_info{}
.interval .order_Con .LI_con .LI .order .order_info .O_ttl{ font-size: 1.85em; font-weight: 600; color: #111;}
.interval .order_Con .LI_con .LI .order .order_info .O_txt{ margin-top: 1em; line-height: 1.6; width: 90%; font-size: 1.15em; color: #666;}

.interval .order_Con .or_Num{ margin-bottom: 3em; padding-bottom: .2em; border-bottom: 1px solid #666; align-items: end;}
.interval .order_Con .or_Num .op{ opacity: .75;}

.interval .Oetc_img{ margin-top: 2em;}
.interval .Oetc_img > img{ width: 100%; height: 100%; }

.p-info-table {width: 100%; border-radius: 10px; overflow: hidden; box-shadow: 4px 0 12px rgba(0,0,0,.15);}

.p-info-table thead {}
.p-info-table thead tr {background: #0072BC; color: #fff;}
.p-info-table thead tr th {border-right: 1px solid rgba(255, 255, 255, .8); border-bottom: 1px solid rgba(255, 255, 255, .8);}
.p-info-table tbody {}
.p-info-table tbody tr {border-bottom: 3px solid rgba(255, 255, 255, 1);}
.p-info-table tbody tr:last-child {border-bottom: none;}
.p-info-table thead tr th,
.p-info-table tbody tr td {text-align: center; padding: .8em; font-size: 1.15em; font-weight: 600;}
.p-info-table tbody tr td {background: #f8f8f8; border-right: 3px solid rgba(255, 255, 255, 1);  font-weight: 500; color: #111;}
.p-info-table tbody tr td.t1 {color: #333;}
.p-info-table tbody tr td:last-child {border-right: none;}
.p-info-table tbody tr td:nth-child(1) {background: #d1e4fe66;}
.p-info-table tbody tr.bg_gray td:nth-child(1) {background: #f8f8f8;}
.p-info-table tbody tr.bg_blue td,
.p-info-table tbody tr.bg_blue{ background: #d1e4fe66;}
.p-info-table tbody tr.after td {padding: 1em;}
.p-info-table tbody tr.after td:not(:first-child) {font-size: 2em; color: #04857a; font-weight: 700;}

/*매물정보*/
.prod_detail_wrap.flex_detail { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.prod_detail_wrap .inner{ *zoom:1; }
.prod_detail_wrap .inner:after{ content:""; display:block; clear:both;}
.prod_detail_wrap .inner .slide_wrap{ position: relative; float:left; width: 60%; padding: 70px 54px 70px 0; border-right: 1px solid rgba(84, 86, 90, .2);}
.prod_detail_wrap .inner .slide_wrap:before{ /*position: absolute; right: 0; top: 0; height: 100%; border-right: 1px solid #eee; content: ''; */}
.prod_detail_wrap .inner .slide_wrap .vm_tt{ max-width:100%;}
.prod_detail_wrap .inner .slide_wrap img{ /*display:inline-block; *display:inline; zoom:1;*/ width: 100%; height: 100%; object-fit: cover;}
.prod_detail_wrap .inner .slide_wrap img.show{ }
.prod_detail_wrap .inner .info_wrap { float:right; width:50%; position: sticky; height: 100%; padding-top: 6em; top: 0;}
.prod_detail_wrap .info_wrap .in{ padding:0px 54px 0 54px;}
.prod_detail_wrap .info_wrap .in .prod_info{ height: 295px; overflow-y: scroll;}
.prod_detail_wrap .info_wrap .in .prod_info.height_d{ height: 190px;}
.prod_detail_wrap .info_wrap .in .in_Top{}
.prod_detail_wrap .info_wrap .in .in_Top .p_logo{ margin-bottom: 1em;}
.prod_detail_wrap .info_wrap .in .in_Top .p_logo > img{ width: 28%;}
.prod_detail_wrap .info_wrap .prod_tit{ padding-bottom: 20px; border-bottom:1px dashed #ccc; }
.prod_detail_wrap .info_wrap .prod_tit .t1{ display:inline-block;*display:inline;zoom:1; vertical-align:middle; color:#1b5b8f; font-weight:700; font-size:.938em;}
.prod_detail_wrap .info_wrap .prod_tit .t1 .xi {vertical-align:middle; color:#1b5b8f; padding-right:1px;}
.prod_detail_wrap .info_wrap .prod_tit .t2{ display:block; font-size:2em; font-weight:700;}

.prod_detail_wrap .inner .info_wrap .prod_info .info{ font-weight:400; margin-bottom: .87em; }
.prod_detail_wrap .inner .info_wrap .prod_info .info:last-of-type{ margin-bottom: 2em;}
.prod_detail_wrap .inner .info_wrap .prod_info .info .tit{ position: relative; top:10px; left:0; padding-left:12px; color:#444; font-weight: 600;}
.prod_detail_wrap .inner .info_wrap .prod_info .info .tit:before{ content:""; position:absolute; left:0; top:7px;  width:5px; height:5px; border-radius: 50%; background:#e70100;}

.prod_detail_wrap .inner .slide_wrap .item.img{ background:#fff;}
.prod_detail_wrap .inner .slide_wrap .item .img{  border:1px solid #ddd;}
.prod_detail_wrap .inner .slide_wrap .prod_slide .item .img{ padding:30px;}
.prod_detail_wrap .inner .slide_wrap .prod_slide .item .flex_center { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 1em 0; }
.prod_detail_wrap .inner .slide_wrap .prod_thumb{ margin:0 -2px; margin-top:5px; }
.prod_detail_wrap .inner .slide_wrap .prod_thumb .item .img{ margin:0 4px; cursor:pointer;}
.prod_detail_wrap .inner .slide_wrap .prod_thumb .slick-current .img{ border-color:#0072BC;}
.prod_detail_wrap .inner .slide_wrap .control_box{ position:absolute; top:50%; left:0; right:0;}
.prod_detail_wrap .inner .slide_wrap .control_arrow > li{ position:absolute; top:0; margin-top:-60px;}
.prod_detail_wrap .inner .slide_wrap .control_arrow > li .xi{ width:50px; height:50px; line-height:50px; text-align:center; background:#fff; border:1px solid #ccc; border-radius:100%; transition: .15s; color:#777; cursor:pointer;}
.prod_detail_wrap .inner .slide_wrap .control_arrow .prev{ left:-70px;}
.prod_detail_wrap .inner .slide_wrap .control_arrow .next{ right:-70px;}
.prod_detail_wrap .inner .slide_wrap .control_arrow > li:hover .xi{  color: #111; transition:.15s; box-shadow: 2px 0 6px rgba(0,0,0,.15);}
.resize.vod{ padding-bottom: 74%;}

.tt_price .no { font-size:1.375em; color:#111; font-weight:700; padding-right:.125em; letter-spacing:-1px}
.pro_detail{ margin-top: 6em;}
.pro_detail .de-ttl{ position:relative; display: inline-block;}
.pro_detail .de-ttl .page_tt{ }
.pro_detail .de-ttl:before{ content: ''; position: absolute; top: -0.15em; right: -0.35em; width: 8px;  height: 8px; border-radius: 50%; background: #0072BC;}
.pro_detail .info_Box{ margin-top: 1em; width: 100%; padding: 2em; box-sizing: border-box; background: #f9f9f9; box-shadow: 1px 1px 3px rgba(0,0,0,.08); margin-bottom: 2em;}
.pro_detail .info_Box > p{ font-size: 1.15em; line-height: 1.6;}

.main_video_w{ margin: 3em 0;}
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/