@charset "utf-8";
@import url('bbs_custom.css');

[data-subarea]{padding:200px 0px;}
[data-subarea].full{padding:0px;}
[data-subarea] > .inr1400{max-width:1400px; margin:0 auto; padding:0 20px;}
[data-subarea].full > .inr1400{padding:200px 20px;}
[data-subarea].gray{background-color:var(--bg-grayf7);}
.inr1700{max-width:1680px; margin:0 auto; padding:0 20px;}
.inr1400{max-width:1400px; margin:0 auto; padding:0 20px;}
.inr1200{max-width:1200px; margin:0 auto; padding:0 20px;}

/* title */
.sub_title{display:block; margin-bottom:74px; font-size:60px; font-weight:600; line-height:1.4em; letter-spacing:-2px; word-break:keep-all;}
.sub_middle{display:block; font-size:45px; font-weight:600; line-height:1.3em; letter-spacing:-2px; word-break:keep-all;}
.sub_title i,
.sub_middle i{color:var(--color-blue);}
.sub_point{display:block; margin-bottom:35px; font-size:30px; font-weight:600; color:var(--color-blue);}
.sub_big{display:block; margin-bottom:74px; font-size:90px; font-weight:600; line-height:1.4em; letter-spacing:-2px; word-break:keep-all;}
.sub_big.size80{font-size:80px;}

/* list-text */
.list_dot_small{margin-top:30px;}
.list_dot_small > li{position:relative; margin-bottom:5px; padding-left:10px; line-height:1.3em; font-size:15px; color:var(--color-gray9);}
.list_dot_small > li:before{content:''; display:inline-block; position:absolute; left:0px; top:8px; width:3px; height:3px; background:#959595;}

/* location */
.area_location{float:right;}
.area_location .btn_home{display:inline-block; position:relative; width:50px; height:50px; margin-left:0px; background:var(--bg-blue); border-radius:100%; vertical-align:middle; font-size:0px;}
.area_location .btn_home:before{content:''; display:block; position:absolute; top:50%; left:50%; width:14px; height:16px; margin:-8px 0 0 -7px; background:url(../images/common/img_location_home.png) no-repeat 50% 0; background-size:auto 100%;}
.area_location ul{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;}
.area_location ul > li{position:relative; margin-left:70px; color:var(--color-gray9);}
.area_location ul > li[data-location="1depth"]{margin-left:45px;}
.area_location ul > li:before{content:''; opacity:0.2; display:inline-block; position:absolute; left:-40px; top:50%; width:11px; height:7px; margin-top:-4px; background:url(../images/common/img_lnb_arrow_b.svg) no-repeat 50% 50%; background-size:auto 100%; transform:rotate(-90deg);}
.area_location ul > li:nth-of-type(1){margin-left:0px;}
.area_location ul > li[data-location="1depth"]:before,
.area_location ul > li:nth-of-type(1):before{display:none;}

/* about */
[data-subarea="about01"] p,
[data-subarea="about03"] p,
[data-subarea="about05"] p{font-size:var(--font-size25); line-height:1.8em;}
[data-subarea="about06"] p{font-size:35px; font-weight:500;}
[data-subarea="about02"].full > .inr1400{padding-bottom:130px;}
[data-subarea="about02"]{padding-bottom:130px; background:#081938 url(../images/contents/img_about02.jpg) no-repeat 50% 0; background-size:cover; color:var(--color-white);}
[data-subarea="about02"] p{padding-bottom:70px; font-size:60px; font-weight:600; line-height:1.4em;}
[data-subarea="about02"] p.is_show{opacity:0.1; transition:opacity 0.5s ease-out 0s;}
[data-subarea="about02"] p.is_show.motion_in{opacity:1;}
[data-subarea="about03"],
[data-subarea="about04"],
[data-subarea="about05"]{padding-bottom:0px !important;}
[data-subarea="about03"] .box{flex-wrap:nowrap; margin-top:100px;}
[data-subarea="about03"] .box > .obj_img{width:50%;}
[data-subarea="about03"] .box > .obj_img img{object-fit:cover; width:100%; height:100%;}
[data-subarea="about04"] .box{padding-top:30px;}
[data-subarea="about04"] .box > ul{display:flex; flex-flow:row wrap; justify-content:center; align-items:stretch;}
[data-subarea="about04"] .box > ul [data-about04] .ico{display:block; width:197px; height:226px; margin:0 auto; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 100%;}
[data-subarea="about04"] .box > ul [data-about04="natural"] .ico{background-image:url(../images/contents/img_about0401.svg);}
[data-subarea="about04"] .box > ul [data-about04="science"] .ico{background-image:url(../images/contents/img_about0402.svg);}
[data-subarea="about04"] .box > ul [data-about04="mankind"] .ico{background-image:url(../images/contents/img_about0403.svg);}
[data-subarea="about04"] .box > ul em{display:block; margin-top:25px; font-size:25px; font-weight:600; text-align:center;}
[data-subarea="about04"] .box > ul .plus,
[data-subarea="about04"] .box > ul .total{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; margin:0 80px;}
[data-subarea="about04"] .box > ul .plus span,
[data-subarea="about04"] .box > ul .total span{position:relative; height:60px; margin-top:-40px; font-size:0px;}
[data-subarea="about04"] .box > ul .plus span{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:60px;}
[data-subarea="about04"] .box > ul .plus span:before,
[data-subarea="about04"] .box > ul .plus span:after,
[data-subarea="about04"] .box > ul .total span:before,
[data-subarea="about04"] .box > ul .total span:after{content:''; display:block; width:100%; height:20px; background:#d4d8db;}
[data-subarea="about04"] .box > ul .plus span:after{position:absolute; top:50%; left:0px; margin-top:-10px; transform:rotate(90deg);}
[data-subarea="about04"] .box > ul .total span{display:block; width:170px;}
[data-subarea="about04"] .box > ul .total span:after{position:absolute; bottom:0px; left:0px;}
[data-subarea="about04"] .box > ul.is_motion [data-about04]{opacity:0; transform:translateY(-30px); transition:opacity 0.9s ease 0s, transform 0.9s ease 0s;}
[data-subarea="about04"] .box > ul.is_motion.motion_in [data-about04]{opacity:1; transform:translateY(0px);}
[data-subarea="about04"] .box > ul.is_motion.motion_in [data-about04="natural"]{transition-delay:0.2s, 0.2s;}
[data-subarea="about04"] .box > ul.is_motion.motion_in [data-about04="science"]{transition-delay:0.4s, 0.4s;}
[data-subarea="about04"] .box > ul.is_motion.motion_in [data-about04="mankind"]{transition-delay:0.6s, 0.6s;}
[data-subarea="about04"] .box > ul.is_motion .plus,
[data-subarea="about04"] .box > ul.is_motion .total{opacity:0; transform:translateX(-30px); transition:opacity 0.9s ease 0s, transform 0.9s ease 0s;}
[data-subarea="about04"] .box > ul.is_motion.motion_in .plus,
[data-subarea="about04"] .box > ul.is_motion.motion_in .total{opacity:1; transform:translateX(0px); transition-delay:0.2s, 0.2s;}
[data-subarea="about05"] .flex_group{align-items:center;}
[data-subarea="about05"] .flex_group > div{width:50%; box-sizing:border-box;}
[data-subarea="about05"] .box01 .img{overflow:hidden; display:block;}
[data-subarea="about05"] .box01 .img img{object-fit:cover; width:100%; height:100%;}
[data-subarea="about05"] .box02{padding:0 20px 0 50px;}
[data-subarea="about06"]{padding-bottom:250px;}
[data-subarea="about06"] .inr1400{text-align:center;}
[data-subarea="about06"] .diagram{position:relative; width:867px; height:325px; box-sizing:border-box; margin:0 auto 80px; padding:20px; border-radius:50rem; border:1px solid #222; box-shadow:0px 30px 60px rgba(0,0,0,0.1);}
[data-subarea="about06"] .diagram:before{content:'INB Korea'; display:inline-block; position:absolute; left:50%; top:-25px; width:240px; box-sizing:border-box; padding:5px 15px; margin-left:-120px; background:var(--bg-white); font-size:20px; text-align:center; font-weight:600;}
[data-subarea="about06"] .diagram > div{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:100%; height:100%; background:#eef9ff; border-radius:50rem; border:1px solid #c2dbea;}
[data-subarea="about06"] .diagram > div span{display:block; text-align:center; font-size:56px; font-weight:600; letter-spacing:-1.5px;}
[data-subarea="about06"] .diagram > div span i{color:var(--color-blue);}
[data-subarea="about06"] .diagram > div span em{color:#004064;}
[data-subarea="about06"] ul{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; margin-top:85px;}
[data-subarea="about06"] ul li{padding:0 60px; font-size:18px;}
[data-subarea="about06"] ul li span{margin-left:20px; font-size:25px; font-weight:700;}

/* history */
[data-subarea="history"]{padding-bottom:0px !important;}
.list_certi{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; max-width:950px; margin:50px auto; text-align:center; font-size:0px;}
.list_certi > li{flex:0 1 81px; margin:20px 35px;}
.list_certi.type02 > li{flex:0 1 84px; margin:20px 25px;}
.list_certi .img{display:inline-block; width:81px; height:81px;}
.list_certi.type02 .img{width:84px; height:83px;}
.list_certi .img.iec{width:181px;}
.list_certi .img.rohs{width:113px;}
.list_certi .img img{object-fit:cover; width:100%; height:100%;}
.area_history .box{overflow:hidden; display:block; width:310px; height:230px; box-sizing:border-box; border:1px solid #ddd;}
.area_history .box.none{border-width:0px;}
.area_history .box.big{height:490px;}
.area_history .box.full{width:auto; height:auto; margin-top:30px;}
.area_history .box.certi{height:430px;}
.area_history .box.certi img{object-fit:cover; width:100%; height:100%;}
.area_history .group_box{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; margin-top:30px;}
.area_history .group_box .box{flex:0 1 310px; margin-right:30px; margin-bottom:30px;}
.area_history .group_box .box:nth-child(3n){margin-right:0px;}
.area_history .group_box.column{display:block; columns:310px 3; column-gap:30px;}
.area_history .flex_group{align-items:stretch; position:relative;}
.area_history .flex_group:nth-of-type(1){margin-top:100px;}
.area_history .flex_group .title_history{position:relative; width:295px;}
.area_history .flex_group .title_history:after{content:''; display:block; position:absolute;}
.area_history .flex_group .title_history:after{top:30px; right:5px; z-index:1; width:4px; height:100%; background:#e8e8e8;}
.area_history .flex_group:last-child .title_history:after{height:calc(100% - 30px);}
.area_history .flex_group .title_history h4{position:sticky; top:100px; z-index:2; line-height:1.2em; font-family:var(--font-pretendard); font-size:60px; font-weight:700; color:var(--color-black2);}
.area_history .flex_group .title_history h4:before{content:''; display:block; position:absolute; top:30px; right:0px; width:14px; height:14px; background:var(--bg-blue); border-radius:100%;}
.area_history .flex_group .list_history{width:calc(100% - 295px); box-sizing:border-box; margin-top:10px; padding-left:115px; padding-bottom:180px;}
.area_history .flex_group:last-child .list_history{padding-bottom:250px;}
.list_history > li{margin-bottom:50px; font-family:var(--font-pretendard);}
.list_history > li > span{margin-right:10px; font-size:25px; line-height:1.3em;}
.list_history > li > small{font-size:16px;}
.list_history .list_small{margin-top:5px;}
.list_history .list_small > li{position:relative; margin-bottom:4px; padding-left:10px; font-size:16px; line-height:1.3em;}
.list_history .list_small > li:before{content:''; display:block; position:absolute; left:0px; top:8px; width:4px; height:2px; background:#8b8b8b;}
.slide_certi{margin-top:40px;}
.slide_certi .swiper-slide{width:310px;}
.slide_certi .swiper_bottom{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; margin-top:30px;}
.slide_certi .swiper_page{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:auto; margin:0 30px; font-size:18px; font-weight:700; color:#b8b8b8;}
.slide_certi .swiper_page .swiper-pagination-current{color:var(--color-blue);}
.slide_certi .swiper_page > span{display:inline-block; min-width:25px; text-align:center;}
.slide_certi .swiper_page .line{display:inline-block; width:1px; height:13px; margin:0 6px; background:#b8b8b8; transform:rotate(18deg);}
.slide_certi .swiper_bottom button{display:inline-block; position:relative; width:56px; height:56px; background:#f1f1f1; border-radius:100%; font-size:0px; transition:0.3s ease 0s;}
.slide_certi .swiper_bottom button:before{content:''; display:block; position:absolute; top:50%; left:50%; width:21px; height:21px; margin:-10.5px 0 0 -10.5px; background:url(../images/contents/img_certi_arrow_b.svg) no-repeat 50% 50%; background-size:auto 100%; transition:0.3s ease 0s;}
.slide_certi .swiper_bottom button.swiper_prev:before{transform:rotate(-180deg);}
.slide_certi .swiper_bottom button.swiper-button-disabled{opacity:0.3;}
.slide_certi .swiper_bottom button:not(.swiper-button-disabled):hover{background-color:#eef5fb;}
.slide_certi .swiper_bottom button:not(.swiper-button-disabled):hover:before{background-image:url(../images/contents/img_certi_arrow.svg);}

/* agency */
[data-subarea="agency"]{padding-bottom:250px;}
.list_agency{padding-top:30px;}
.list_agency > li{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; padding:15px 0px; border-bottom:1px solid #000;}
.list_agency > li:nth-of-type(1){border-top:1px solid #000;}
.list_agency > li.cols{align-items:stretch;}
.list_agency > li .title{flex:none; width:110px; padding:30px 0; font-size:25px; font-weight:600; color:var(--color-black3);}
.list_agency > li > div{flex:auto;}
.list_agency > li > div ul{width:100%;}
.list_agency > li > div ul > li{display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; padding:30px 0px; border-top:1px solid #ddd; font-size:18px; color:var(--color-black3);}
.list_agency > li > div ul > li:nth-of-type(1){border-top-width:0px;}
.list_agency > li > div ul > li > span{flex:none; word-break:keep-all;}
.list_agency > li > div ul > li > span[data-agency="name"]{width:20%;}
.list_agency > li > div ul > li > span[data-agency="address"]{width:40%; box-sizing:border-box;}
.list_agency > li > div ul > li > span[data-agency="tel"]{width:30%;}
.list_agency > li > div ul > li > span:last-child{width:10%; text-align:center;}
.list_agency .button{border-radius:50rem; font-size:13px; font-weight:500;}
.list_agency [data-agency="phone"],
.list_agency [data-agency="fax"],
.list_agency [data-agency="mail"]{display:none;}
.box_layer_map{width:100%; height:450px;}
.box_layer_map iframe{width:100%; height:100%; border:0px;}
.view_agency .title{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; margin-top:40px; margin-bottom:25px; font-size:25px; color:var(--color-black1); font-weight:600;}
.view_agency .title i{display:inline-block; min-width:70px; height:27px; line-height:27px; box-sizing:border-box; margin-right:10px; padding:0 10px; background-color:var(--bg-blue); border-radius:50rem; font-size:16px; color:var(--color-white); text-align:center;}
.view_agency ul{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;}
.view_agency ul > li{margin-right:95px; margin-bottom:25px; font-size:18px; color:var(--color-black3);}
.view_agency ul > li:last-child{margin-right:0px;}
[lang="en"] .list_agency > li .title{width:320px;}
[lang="en"] .list_agency > li > div ul > li > span[data-agency="name"]{width:20%;}
[lang="en"] .list_agency > li > div ul > li > span[data-agency="address"]{width:45%;}
[lang="en"] .list_agency > li > div ul > li > span[data-agency="tel"]{width:25%;}
[lang="en"] .list_agency > li > div ul > li > span[data-agency="address"]{padding-right:20px;}

/* diraction */
[data-subarea="direction"]{padding-bottom:250px;}
[data-subarea="direction"] .area_map{position:relative; padding-top:30px;}
[data-subarea="direction"] .area_map .img{overflow:hidden; display:block; width:100%; height:650px;}
[data-subarea="direction"] .area_map .img img{object-fit:cover; width:100%; height:100%;}
[data-subarea="direction"] .area_map .spot{display:inline-block; position:absolute; top:50%; left:50%; width:175px; box-sizing:border-box; margin-left:-87.5px; margin-top:-110px;}
[data-subarea="direction"] .area_map .spot i{display:block; position:relative; z-index:5; padding:23px 0px; background-color:var(--bg-blue); text-align:center;}
[data-subarea="direction"] .area_map .spot:after{content:''; opacity:0.3; display:block; position:absolute; bottom:-20px; left:50%; z-index:1; width:50%; height:40px; background:#000; filter:blur(20px); transform:translateX(-50%);}
[data-subarea="direction"] .area_map .spot:before{content:''; display:block; position:absolute; left:50%; bottom:-10px; z-index:5; border-top:10px solid var(--bg-blue); border-left:9.5px solid transparent; border-right:9.5px solid transparent; transform:translateX(-50%);}
[data-subarea="direction"] .box_map{width:50%; box-sizing:border-box; margin-top:-200px; padding:50px; background-color:var(--bg-white);}
[data-subarea="direction"] .inr1400.box{display:flex; flex-flow:row wrap; justify-content:flex-end; position:relative; z-index:10;} 
[data-subarea="direction"] .box_map h4{font-size:30px; font-weight:600;}
[data-subarea="direction"] .box_map p{margin-top:25px; margin-bottom:25px; font-size:18px}
[data-subarea="direction"] .box_map > span{display:block; margin-top:5px; font-size:18px; font-weight:600;}
[data-subarea="direction"] .list_map{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; margin-top:50px;}
[data-subarea="direction"] .list_map > li{margin-right:10px; margin-bottom:3px;}
[data-subarea="direction"] .list_map > li > a{display:inline-block; min-width:175px; height:52px; box-sizing:border-box; background:#fff; border:1px solid #ddd; transition:0.3s ease 0s;}
[data-subarea="direction"] .list_map > li > a span{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; height:100%;}
[data-subarea="direction"] [data-mapico] span:before{content:''; display:inline-block; width:35px; height:35px; margin-right:10px; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 100%;}
[data-subarea="direction"] [data-mapico="kakao"] span:before{background-image:url(../images/contents/img_map_icon01.png);}
[data-subarea="direction"] [data-mapico="google"] span:before{background-image:url(../images/contents/img_map_icon02.png);}
[data-subarea="direction"] [data-mapico="naver"] span:before{background-image:url(../images/contents/img_map_icon03.png);}
[data-subarea="direction"] .list_map > li > a:hover{box-shadow:0 20px 35px rgba(0,0,0,0.10);}

/* product */
[data-subarea="product_list_top"]{padding:0px !important;}
.area_categroy{display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-start;}
.area_categroy > ul{display:flex; flex-flow:row wrap; justify-content:center; align-items:stretch; width:100%;}
.area_categroy > ul > li{flex:0 1 calc(100% / 7); height:100px; box-sizing:border-box; margin-left:-1px;}
.area_categroy > ul > li > a{display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; width:100%; height:100%; box-sizing:border-box; padding:0 5px; background:var(--bg-white); border:1px solid #eaeaea; border-top-width:0px; text-align:center; font-size:18px; font-weight:500; color:var(--color-gray6); word-break:keep-all; transition:0.3s ease 0s;}
.area_categroy > ul > li > a.on{background-color:var(--bg-blue); border-color:var(--bg-blue); color:var(--color-white);}
.area_categroy > ul > li:nth-of-type(1) > a{border-left-width:1px;}
.area_categroy > ul > li > a:not(.on):hover{color:var(--color-blue);}
.area_categroy > ul > li > a span{line-height:1.4em;}
.area_categroy [data-categroy] > a:before{content:''; display:none; width:42px; height:40px; margin-bottom:13px; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 100%; transition:0.3s ease 0s;}
.area_categroy [data-categroy="product01"] > a:before{background-image:url(../images/contents/icon_product_tab01.svg);}
.area_categroy [data-categroy="product02"] > a:before{background-image:url(../images/contents/icon_product_tab02.svg);}
.area_categroy [data-categroy="product03"] > a:before{background-image:url(../images/contents/icon_product_tab03.svg);}
.area_categroy [data-categroy="product04"] > a:before{background-image:url(../images/contents/icon_product_tab04.svg);}
.area_categroy [data-categroy="product01"] > a.on:before{background-image:url(../images/contents/icon_product_tab01_w.svg);}
.area_categroy [data-categroy="product02"] > a.on:before{background-image:url(../images/contents/icon_product_tab02_w.svg);}
.area_categroy [data-categroy="product03"] > a.on:before{background-image:url(../images/contents/icon_product_tab03_w.svg);}
.area_categroy [data-categroy="product04"] > a.on:before{background-image:url(../images/contents/icon_product_tab04_w.svg);}
.area_product_title{margin-top:90px; text-align:center;}
.area_product_title h3{margin-bottom:40px; font-size:50px; letter-spacing:-1px; font-weight:600;}
.area_product_title h3 + p{line-height:1.8em; font-size:20px; color:var(--color-black4);}
.area_product_search{width:690px; margin:45px auto 0; padding:10px 0px; background:#fff;}
.area_product_search .box{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; position:relative; max-width:550px; height:80px; margin:0 auto;}
.area_product_search .box input[type="text"]{width:100%; height:100%; padding-left:20px; padding-right:70px; border:0px; border-bottom:1px solid #000; font-size:20px;}
.area_product_search .box .btn_search{position:absolute; right:10px; top:50%; width:40px; height:40px; margin-top:-20px; background:url(../images/contents/ico_search_product.svg) no-repeat 50% 50%; background-size:24px 24px; border:0px;}
.area_product_search .box input[type="text"]::placeholder{opacity:1; font-size:20px; color:#b8b8b8; font-weight:500; letter-spacing:-0.5px;}
.area_product_search .box input[type="text"]:focus{outline:none;}
[data-subarea="product_list"]{padding-top:110px;}
[data-subarea="product_list"] ul{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch;}
[data-subarea="product_list"] ul > li{width:calc(100% / 3); margin-bottom:60px;}
[data-subarea="product_list"] ul > li > a{display:block; position:relative; width:380px; padding-bottom:55px; text-align:center;}
[data-subarea="product_list"] ul > li:nth-child(3n+2) > a{margin:0 auto;}
[data-subarea="product_list"] ul > li:nth-child(3n+3) > a{margin-left:auto;}
[data-subarea="product_list"] ul > li > a .img{overflow:hidden; display:block; width:380px; height:410px;}
[data-subarea="product_list"] ul > li > a .img img{object-fit:cover; width:100%; height:100%;}

[data-subarea="product_list"] ul > li .title{display:block; position:relative; margin-top:10px; padding:0 5px; line-height:1.3em; font-family:var(--font-pretendard); font-size:25px; font-weight:600; color:var(--color-black); word-break:keep-all;}
[data-subarea="product_list"] ul > li .title i{display:block; position:absolute; left:50%; top:-20px; padding:0px 7px; background:#fff; border:1px solid #0079bd; line-height:1.2em; color:#0079bd; font-size:11px; font-weight:600; letter-spacing:0px; transform:translateX(-50%);}
[data-subarea="product_list"] ul > li p{margin-top:5px; padding:0 5px; color:var(--color-gray6); word-break:keep-all;}
[data-subarea="product_list"] ul > li > a:before,
[data-subarea="product_list"] ul > li > a:after,
[data-subarea="product_list"] ul > li div:before,
[data-subarea="product_list"] ul > li div:after{content:''; display:block; position:absolute; z-index:1; box-sizing:border-box; background-color:var(--point-color); transition:transform 0.5s ease 0s;}

[data-subarea="product_list"] ul > li > a:before,
[data-subarea="product_list"] ul > li div:before{width:100%; height:5px; transform:scaleX(0);}
[data-subarea="product_list"] ul > li > a:before{top:0px; left:0px; transform-origin:0 0;}
[data-subarea="product_list"] ul > li div:before{bottom:0px; right:0px; transform-origin:100% 0;}

[data-subarea="product_list"] ul > li > a:after,
[data-subarea="product_list"] ul > li div:after{width:5px; height:100%; transform:scaleY(0);}
[data-subarea="product_list"] ul > li > a:after{top:0px; right:0px; transform-origin:0 0;}
[data-subarea="product_list"] ul > li div:after{bottom:0px; left:0px; transform-origin:0 100%;}

[data-subarea="product_list"] ul > li > a:hover:before,
[data-subarea="product_list"] ul > li > a:hover div:before{transform:scaleX(1);}
[data-subarea="product_list"] ul > li > a:hover:after,
[data-subarea="product_list"] ul > li > a:hover div:after{transform:scaleY(1);}

[data-subarea="product_list"] ul > li > a:hover:after,
[data-subarea="product_list"] ul > li > a:hover div:after{transition-delay:0.45s;}

[lang="en"] .area_categroy > ul > li > a{flex-flow:row wrap; line-height:1.3em;}

/* product view */
[data-subarea="product_view_top"]{padding-top:200px;}
[data-subarea="product_view_top"] .inr1400.location{padding-bottom:50px;}
[data-subarea="product_view_top"] .inr1400.location:after{content:''; display:block; clear:both;}
[data-subarea="product_view_top"] .inr1700.flex_group{flex-wrap:nowrap;}
[data-subarea="product_view_top"] .product_photo{order:1; flex:none; width:670px;}
[data-subarea="product_view_top"] .product_photo .swiper_bottom{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; margin-top:25px;}
[data-subarea="product_view_top"] .product_photo .swiper-slide .img{overflow:hidden; display:block; width:100%; height:670px; /* background:#eef6fb; */ text-align:center;}
[data-subarea="product_view_top"] .product_photo .swiper-slide .img img{height:100%;}
[data-subarea="product_view_top"] .product_photo .swiper_page{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:auto;}
[data-subarea="product_view_top"] .product_photo .swiper_page .swiper-pagination-bullet{opacity:1; position:relative; width:18px; height:18px; box-sizing:border-box; background-color:transparent !important; border:1px solid transparent; border-radius:100%; transition:0.3s ease }
[data-subarea="product_view_top"] .product_photo .swiper_page .swiper-pagination-bullet:before{content:''; display:block; position:absolute; left:50%; top:50%; width:4px; height:4px; margin:-2px 0 0 -2px; background:#212121; border-radius:100%;}
[data-subarea="product_view_top"] .product_photo .swiper_page .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color:#212121;}
[data-subarea="product_view_top"] .product_photo .swiper_bottom button{background:transparent; font-size:16px; font-weight:600; transition:color 0.3s ease 0s;}
[data-subarea="product_view_top"] .product_photo .swiper_bottom .swiper_prev{margin-right:70px;}
[data-subarea="product_view_top"] .product_photo .swiper_bottom .swiper_next{margin-left:70px;}
[data-subarea="product_view_top"] .product_photo .swiper_bottom button:hover{color:var(--color-blue);}
[data-subarea="product_view_top"] .product_info{order:2; flex:auto; padding-left:170px;}
[data-subarea="product_view_top"] .product_info em{display:block; margin-top:10px; font-size:18px; color:var(--color-blue); font-weight:600; word-break:keep-all;}
[data-subarea="product_view_top"] .product_info h3{margin-top:10px; margin-bottom:35px; line-height:1.2em; font-size:80px; font-weight:600; word-break:keep-all;}
[data-subarea="product_view_top"] .product_info h3 + p{font-size:20px; color:var(--color-black3); word-break:keep-all;}
[data-subarea="product_view_top"] .product_info ul{padding-top:10px; margin-top:50px; border-top:1px solid #c5cfd5;}
[data-subarea="product_view_top"] .product_info h4{position:relative; margin-top:45px; margin-bottom:10px; padding-left:20px; font-size:20px; font-weight:700; color:#2d4e81;}
[data-subarea="product_view_top"] .product_info h4:before{content:''; display:block; position:absolute; left:0px; top:12px; width:6px; height:6px; background:#2d4e81; border-radius:100%;}
[data-subarea="product_view_top"] .product_info ul li p{font-size:18px; line-height:1.3em; font-weight:300; color:var(--color-black4); word-break:keep-all;}
[data-subarea="product_view_top"] .product_info ul li a{display:inline-block; min-width:240px; height:50px; box-sizing:border-box; margin:2px 5px 2px 0; border:1px solid #c5cfd5; transition:0.3s ease 0s;}
[data-subarea="product_view_top"] .product_info ul li a span{display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; height:100%; padding:0 20px; font-size:14px; color:var(--color-black4); font-weight:500;}
[data-subarea="product_view_top"] .product_info ul li a span:after{content:''; display:block; width:16px; height:26px; margin-left:5px; background:url(../images/contents/icon_download.png) no-repeat 50% 50%; background-size:auto 100%;}
[data-subarea="product_view_top"] .product_info ul li a:hover{border-color:var(--point-color);}
[data-subarea="product_view_top"] .product_info .box_link{margin-top:30px;}
[data-subarea="product_view_top"] .product_info .box_link .button{border-color:var(--point-color); font-size:14px;}
[data-subarea="product_view_top"] .product_info .box_link .button span{font-weight:500; color:var(--point-color);}
[data-subarea="product_view_top"] .product_info .box_link .button:hover{background-color:var(--point-color);}
[data-subarea="product_view_top"] .product_info .box_link .button:hover span{color:var(--color-white);}


.product_view_detail .area_between div[class*="box_monitor"] .inr{max-width:1680px;}
.product_view_detail .area_between div[class*="box_monitor"] .box{padding:150px 0px;}
.product_view_detail .area_between div[class*="box_monitor"] .list > li{margin-top:10px;}
.product_view_detail .area_between div[class*="box_monitor"] .list > li:fits-child{margin-top:0px;}
.product_view_detail .area_between div[class*="box_monitor"] .list > li span{display:block; padding-top:15px; margin-bottom:10px; line-height:1.3em; font-size:22px; font-weight:600; color:#2d4e81;}
.product_view_detail .area_between div[class*="box_monitor"] .sub_point{font-size:25px; color:var(--color-black);}
.product_view_detail .area_between div[class*="box_monitor"] p{font-weight:300; word-break:keep-all;}
.product_view_detail .area_between div.box_monitor01 .box{padding-top:230px; padding-right:40px;}

[data-subarea*="productView"] .sub_point{margin-bottom:15px; font-size:20px;}
[data-subarea*="productView"] .sub_title{margin-bottom:40px; font-size:50px;}
[data-subarea*="productView"] .sub_title + p{font-size:22px;}

.box_technology{overflow:hidden; padding:200px 0px; background-color:var(--bg-white); text-align:center;}
.area_technology{max-width:1400px; margin:0 auto;}
.box_technology em ~ .area_technology,
.box_technology h4 ~ .area_technology,
.box_technology p ~ .area_technology{margin-top:100px;}
.area_technology .swiper-slide{width:420px; height:455px;}
.area_technology .swiper-slide .img{overflow:hidden; display:block; width:100%; height:100%; background:#eef6fb; text-align:center;}
.area_technology .swiper-slide .img img{object-fit:cover; width:100%; height:100%;}
.area_technology .swiper_bottom{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; position:relative; margin-top:35px;}
.area_technology .swiper_bottom .swiper_page{flex:auto; width:calc(100% - 140px); margin-right:40px;}
.area_technology .swiper-pagination-progressbar{position:relative; background-color:#eee;}
.area_technology .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:#222;}
.area_technology .swiper_bottom button{flex:none; opacity:0.2; position:relative; width:45px; height:45px; background:transparent; font-size:0px; transition:opacity 0.5s ease 0s;}
.area_technology .swiper_bottom button.swiper_prev{margin-right:10px;}
.area_technology .swiper_bottom button:before{content:''; display:block; position:absolute; left:50%; top:50%; width:23px; height:15px; margin:-7.5px 0 0 -12px; background:url(../images/common/img_lnb_arrow_b.svg) no-repeat 50% 50%; background-size:auto 100%; transform:rotate(90deg);}
.area_technology .swiper_bottom button.swiper_next{transform:rotate(-180deg);}
.area_technology .swiper_bottom button:hover{opacity:1;}
.area_technology .swiper-wrapper.none_loop{justify-content:center;}
.area_technology .swiper-wrapper.none_loop .swiper-slide:last-child{margin-right:0px !important;}

[data-subarea="productView01"]{padding-bottom:0px !important;}

[data-subarea="productView02"]{text-align:center;}
[data-subarea="productView02"] .list_report{max-width:1400px; margin:0 auto;}
[data-subarea="productView02"] .list_report .certi > li{flex:0 1 calc(100% / 5 - 40px);}
[data-subarea="productView02"] .list_report .certi > li em{font-size:20px; font-weight:500; color:var(--color-black);}
[data-subarea="productView02"] .list_report .certi > li .img{height:340px;}

[data-subarea="productView03"]{background:#eef5fb; text-align:center;}
[data-subarea="productView03"] .list_video{position:relative; max-width:1200px; margin:0 auto;}
[data-subarea="productView03"] .list_video .swiper-slide .img{display:block; width:100%; height:676px;}
[data-subarea="productView03"] .list_video .swiper-slide .img iframe{width:100%; height:100%;}
[data-subarea="productView03"] .list_video .swiper-slide em{display:block; margin-top:30px; font-size:20px; font-weight:500;}
[data-subarea="productView03"] .list_video .swiper_bottom button{display:inline-block; position:absolute; top:50%; z-index:10; width:80px; height:80px; margin-top:-40px; background:transparent; border-radius:100%; font-size:0px; transition:0.3s ease 0s;}
[data-subarea="productView03"] .list_video .swiper_bottom button:before{content:''; display:block; position:absolute; top:50%; left:50%; width:30px; height:30px; margin:-15px 0 0 -15px; background:url(../images/contents/img_certi_arrow_b.svg) no-repeat 50% 50%; background-size:auto 100%; transition:0.3s ease 0s;}
[data-subarea="productView03"] .list_video .swiper_bottom button.swiper_prev:before{transform:rotate(-180deg);}
[data-subarea="productView03"] .list_video .swiper_bottom button.swiper-button-disabled{opacity:0;}
[data-subarea="productView03"] .list_video .swiper_bottom button:not(.swiper-button-disabled):hover{background-color:#eef5fb;}
[data-subarea="productView03"] .list_video .swiper_bottom button:not(.swiper-button-disabled):hover:before{background-image:url(../images/contents/img_certi_arrow.svg);}
[data-subarea="productView03"] .list_video .swiper_prev{left:-100px;}
[data-subarea="productView03"] .list_video .swiper_next{right:-100px;}

/* [data-subarea="productView04"]{padding-bottom:250px;} */
.product_view_detail .area_btn{margin-top:0px; padding-bottom:200px;}

/* solution total */
.group_total{position:relative;}
[data-subarea="total01"] p,
[data-subarea="total03"] p{font-size:var(--font-size25); line-height:1.8em;}
[data-subarea="total01"] .box_img{overflow:hidden; display:block; height:520px; margin:90px 0px;}
[data-subarea="total01"] .box_img img{object-fit:cover; width:100%; height:100%;}
[data-subarea="total02"]{position:relative;}
.list_certi_total{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; padding:0 100px; margin-bottom:80px;}
.list_certi_total > li{flex:0 1 300px; box-sizing:border-box; margin-top:30px;}
.list_certi_total > li .img{overflow:hidden; display:block; width:100%; height:415px; box-sizing:border-box; margin-bottom:30px; border:1px solid #dcdcdc;}
.list_certi_total > li .img img{object-fit:cover; width:100%; height:100%;}
.list_certi_total > li em{display:block; font-size:20px; font-weight:600; text-align:center;}
.list_certi_total > li p{color:var(--color-gray6); text-align:center;} 
.list_case .swiper{overflow:inherit;}
.list_case .swiper-slide{width:auto; margin-right:80px; transition:transform 0.5s ease-out 0s;}
.list_case .swiper-slide .img{display:block;}
.list_case .swiper-slide .img img{max-width:100%; max-height:400px;}
[data-subarea="total03"]{overflow:hidden; position:relative;}
[data-subarea="total03"] .inr1400{display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; position:relative; padding-bottom:100px;}
[data-subarea="total03"] .inr1400 > .title{position:relative; z-index:10; width:45%;}
[data-subarea="total03"] .list_case{width:55%; padding-top:120px;}
[data-subarea="total03"]:before{content:''; display:block; position:absolute; top:0px; left:0px; z-index:5; width:45%; height:100%; background:#fff;}
.list_case .title{display:block; margin-top:35px; font-size:20px;}
.list_case .swiper_bottom{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; position:absolute; bottom:0px; left:20px; z-index:10;}
.list_case .swiper_bottom button{opacity:0.3; width:30px; height:30px; background:transparent url(../images/main/img_arrow_slide02.svg) no-repeat 50% 50%; background-size:17px 28px; font-size:0px; transition:opacity 0.5s ease 0s;}
.list_case .swiper_bottom .swiper_prev{margin-top:-30px; margin-right:-30px; transform:rotate(-180deg);}
.list_case .swiper_bottom .swiper_next{margin-top:30px; margin-left:-30px;}
.list_case .swiper_bottom button:hover{opacity:1;}
.list_case .swiper_bottom .line{opacity:0.3; display:inline-block; width:100px; height:1px; background:#222; transform:rotate(-45deg);}
.list_case .swiper-slide-active,
.list_case .swiper-slide-duplicate-active{transform:translateY(-130px);}
[data-subarea="total04"]{padding-bottom:250px;}
[lang="en"] [data-subarea="total03"] p{font-size:20px;}

/* between */
.area_between{padding-top:0px !important; padding-bottom:0px !important;}
.area_between .sub_point{margin-bottom:20px;}
.area_between .sub_title{margin-bottom:35px; font-size:50px;}
.area_between p{font-size:20px; line-height:1.4em;}
.area_between div[class*="box_monitor"]{position:relative;}
.area_between div[class*="box_monitor"] .inr{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; max-width:1400px; min-height:610px; margin:0 auto; padding:0 20px;}
.area_between div[class*="box_monitor"] .box_bg{position:absolute; right:0px; top:0px; width:50%; height:100%;}
.area_between div[class*="box_monitor"] .box_bg .img{overflow:hidden; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; width:100%; height:100%;}
.area_between div[class*="box_monitor"] .box_bg .img img{object-fit:cover; /* width:100%; height:100%; */ max-width:100%; max-height:100%;}
.area_between div[class*="box_monitor"] .box{display:flex; flex-flow:column wrap; justify-content:center; align-items:flex-start; width:50%; box-sizing:border-box;}
.area_between div[class*="box_monitor"]:nth-child(2n) .box{margin-left:auto; padding-left:145px;}
.area_between div[class*="box_monitor"]:nth-child(2n) .box_bg{right:auto; left:0px;}

/* solution monitor */
[data-subarea="monitor01"] p{font-size:var(--font-size25); line-height:1.8em;}
[data-subarea="monitor01"] .box_uhoo{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; position:relative; min-height:520px; box-sizing:border-box; margin:90px 0px; padding:0 100px; background:#dbe1d2 url(../images/contents/img_monitor0101.jpg) no-repeat 100% 0; background-size:cover;}
[data-subarea="monitor01"] .box_uhoo .img{display:block; position:absolute; right:0px; bottom:-90px;}
[data-subarea="monitor01"] .box_uhoo ul{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; width:70%; margin-left:-30px;}
[data-subarea="monitor01"] .box_uhoo ul > li{margin:25px 0 25px 30px;}
[data-subarea="monitor01"] .box_uhoo ul > li span{display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; width:120px; height:120px; background:#b6ca9b; border-radius:100%;}
[data-subarea="monitor01"] .box_uhoo ul > li em{display:block; font-size:15px; font-weight:700; color:var(--color-white); text-align:center;}
[data-subarea="monitor01"] .box_uhoo ul > li[data-uhoo] span:before{content:''; display:block; width:68px; height:45px; margin:0 auto 5px; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 100%;}
[data-subarea="monitor01"] .box_uhoo ul > li[data-uhoo="01"] span:before{background-image:url(../images/contents/img_monitor01_ico01.png);}
[data-subarea="monitor01"] .box_uhoo ul > li[data-uhoo="02"] span:before{background-image:url(../images/contents/img_monitor01_ico02.png);}
[data-subarea="monitor01"] .box_uhoo ul > li[data-uhoo="03"] span:before{background-image:url(../images/contents/img_monitor01_ico03.png);}
[data-subarea="monitor01"] .box_uhoo ul > li[data-uhoo="04"] span:before{background-image:url(../images/contents/img_monitor01_ico04.png);}
[data-subarea="monitor01"] .box_uhoo ul > li[data-uhoo="05"] span:before{background-image:url(../images/contents/img_monitor01_ico05.png);}
[data-subarea="monitor01"] .box_uhoo ul > li[data-uhoo="06"] span:before{background-image:url(../images/contents/img_monitor01_ico06.png);}
[data-subarea="monitor01"] .box_uhoo ul > li[data-uhoo="07"] span:before{background-image:url(../images/contents/img_monitor01_ico07.png);}
[data-subarea="monitor01"] .box_uhoo ul > li[data-uhoo="08"] span:before{background-image:url(../images/contents/img_monitor01_ico08.png);}
[data-subarea="monitor01"] .box_uhoo ul > li[data-uhoo="09"] span:before{background-image:url(../images/contents/img_monitor01_ico09.png);}
[data-subarea="monitor01"] .box_uhoo ul > li[data-uhoo="10"] span:before{background-image:url(../images/contents/img_monitor01_ico10.png);}
[data-subarea="monitor01"] .box_uhoo.is_motion ul > li{opacity:0; transform:translateX(-30px); transition:opacity 0.9s ease 0s, transform 0.9s ease 0s;}
[data-subarea="monitor01"] .box_uhoo.is_motion.motion_in ul > li{opacity:1; transform:translateX(0px);}
[data-subarea="monitor01"] .box_uhoo.is_motion.motion_in ul > li:nth-of-type(1){transition-delay:0.2s, 0.2s;}
[data-subarea="monitor01"] .box_uhoo.is_motion.motion_in ul > li:nth-of-type(2){transition-delay:0.35s, 0.35s;}
[data-subarea="monitor01"] .box_uhoo.is_motion.motion_in ul > li:nth-of-type(3){transition-delay:0.5s, 0.5s;}
[data-subarea="monitor01"] .box_uhoo.is_motion.motion_in ul > li:nth-of-type(4){transition-delay:0.65s, 0.65s;}
[data-subarea="monitor01"] .box_uhoo.is_motion.motion_in ul > li:nth-of-type(5){transition-delay:0.8s, 0.8s;}
[data-subarea="monitor01"] .box_uhoo.is_motion.motion_in ul > li:nth-of-type(6){transition-delay:0.95s, 0.95s;}
[data-subarea="monitor01"] .box_uhoo.is_motion.motion_in ul > li:nth-of-type(7){transition-delay:1.05s, 1.05s;}
[data-subarea="monitor01"] .box_uhoo.is_motion.motion_in ul > li:nth-of-type(8){transition-delay:1.20s, 1.20s;}
[data-subarea="monitor01"] .box_uhoo.is_motion.motion_in ul > li:nth-of-type(9){transition-delay:1.35s, 1.35s;}
[data-subarea="monitor01"] .box_uhoo.is_motion.motion_in ul > li:nth-of-type(10){transition-delay:1.50s, 1.50s;}
[data-subarea="monitor02"]{padding-top:88px !important;}
[data-subarea="monitor03"]{padding-bottom:250px;}
[lang="en"] [data-subarea="monitor01"] .box_uhoo ul > li span{justify-content:flex-start; box-sizing:border-box; padding-top:20px;}
[lang="en"] [data-subarea="monitor01"] .box_uhoo ul > li em{line-height:1.2em;}

/* rnd */
.list_rnd{padding:30px 80px 0 65px;}
.list_rnd .swiper-slide{align-items:stretch;}
.list_rnd .swiper-slide .list{width:280px; height:200px; box-sizing:border-box; margin-left:30px; margin-bottom:30px;}
.list_rnd .swiper-slide .list .box{display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:flex-start; height:100%; box-sizing:border-box; padding:35px 30px; border:1px solid #e3e3e3;}
.list_rnd .swiper-slide .list .box i{opacity:0.2; display:block; font-size:30px; font-weight:700;}
.list_rnd .swiper-slide .list .box em{display:block; margin-top:5px; font-size:18px; font-weight:500; letter-spacing:-2px; word-break:keep-all;}
[lang="en"] .list_rnd .swiper-slide .list{width:383px; height:auto; min-height:200px;}
[lang="en"] .list_rnd .swiper-slide .list .box{padding-top:15px;}
[lang="en"] .list_rnd .swiper-slide .list .box em{letter-spacing:-0.5px;}

/* report */
[data-subarea="report01"]{padding-bottom:250px;}
.list_report dt{position:relative; padding:40px 100px 40px 120px; border-bottom:1px solid #e3e3e3; box-shadow:none; transition:0.5s ease 0s;}
.list_report dt:nth-of-type(1){border-top:1px solid #e3e3e3;}
.list_report dt:before,
.list_report dt:after{content:''; display:block; position:absolute; left:0px; top:0px; width:65px; height:100%; background-repeat:no-repeat; background-position:50% 50%; transition:0.5s ease 0s;}
.list_report dt:before{opacity:1; background-image:url(../images/contents/img_certi_arrow_b.svg); background-size:30px 30px; transform:translateX(0px);}
.list_report dt:after{opacity:0; background-color:var(--bg-blue); background-image:url(../images/common/icon_pop_close.svg); background-size:24px 25px;}
.list_report dt a{display:block; font-family:var(--font-pretendard); font-size:30px; line-height:1.3em; font-weight:600; letter-spacing:-1px;}
.list_report dt a:before,
.list_report dt a:after{content:''; opacity:0; display:block; position:absolute; background:var(--bg-blue); transition:0.5s ease 0s;}
.list_report dt a:before{top:-1px; left:0px; width:100%; height:1px;}
.list_report dt a:after{top:0px; right:0px; width:1px; height:100%;}
.list_report dt span{display:block; margin-top:10px; font-size:15px; color:var(--color-gray6);}
.list_report dt span i{display:inline-block; margin-right:15px;}
.list_report dt span i:before{content:'#'; display:inline-block;}
.list_report dt span i:last-child{margin-right:0px;}
.list_report dt.active{border-bottom-color:var(--bg-blue); box-shadow:0 30px 80px rgba(0,0,0,0.1);}
.list_report dt.active:before{opacity:0; transform:translateX(-20px);}
.list_report dt.active:after,
.list_report dt.active a:before,
.list_report dt.active a:after{opacity:1;}
.list_report dd{padding:45px 40px; border-bottom:1px solid #e3e3e3;}
.list_report dd p{position:relative; margin-bottom:7px; padding-left:15px; font-family:var(--font-pretendard); font-size:20px; line-height:1.3em;}
.list_report dd p:before{content:''; display:block; position:absolute; left:0px; top:12px; width:3px; height:3px; background:#484848;}
.list_report .certi{display:flex; flex-flow:row wrap; justify-content:center; align-items:stretch; margin-left:-40px;}
.list_report .certi > li{flex:0 1 calc(100% / 4 - 40px); margin-left:40px; margin-top:30px;}
.list_report .certi > li .img{overflow:hidden; display:block; width:100%; height:415px; box-sizing:border-box; border:1px solid #ddd;}
.list_report .certi > li .img img{object-fit:cover; width:100%; height:100%;}
.list_report .certi > li em{display:block; margin-top:15px; text-align:center; font-size:16px; color:var(--color-gray6);}

/* tab */
.area_tab.fix_tab{position:absolute; left:0; top:0; z-index:50; width:100%; box-sizing:border-box; margin:0;}
.area_tab.fix_tab.fix{position:fixed; top:0px; border-top-width:0px;}

/* service */
[data-subarea="service01"] h3{position:relative; margin-bottom:40px; padding-left:70px; font-size:55px; font-weight:600;}
[data-subarea="service01"] h3:before{content:''; display:block; position:absolute; left:0px; top:19px; width:50px; height:43px; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 100%;}
[data-subarea="service01"] h3[data-service="01"]:before{background-image:url(../images/contents/img_service_ico01.svg);}
[data-subarea="service01"] h3[data-service="02"]:before{background-image:url(../images/contents/img_service_ico02.svg);}
[data-subarea="service01"] h3[data-service="03"]:before{background-image:url(../images/contents/img_service_ico03.svg);}
[data-subarea="service01"] h3[data-service="04"]:before{background-image:url(../images/contents/img_service_ico04.svg);}
[data-subarea="service01"] .sub_middle{margin-bottom:80px;}
.box_service{margin-bottom:145px; padding:60px 70px 70px; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0;}
.box_service h4{margin-top:45px; margin-bottom:20px; font-size:25px; font-weight:500; letter-spacing:-1px;}
.box_service h4:nth-of-type(1){margin-top:0px;}
.box_service .list_dot_blue > li{position:relative; padding-left:10px; margin-top:10px; line-height:1.3em; font-size:18px; color:var(--color-gray6);}
.box_service .list_dot_blue > li:first-child{margin-top:0px;}
.box_service .list_dot_blue > li:before{content:''; position:absolute; left:0px; top:9px; display:block; width:3px; height:3px; background:var(--bg-blue);}
.box_service .list_dot_blue > li > ul{margin:20px 0 30px; padding:30px; background:#f1f7fb; font-size:16px; color:var(--color-gray6);}
.box_service .list_dot_blue > li > ul > li{position:relative; margin-top:10px; padding-left:15px; line-height:1.3em;}
.box_service .list_dot_blue > li > ul > li:before{content:''; display:block; position:absolute; top:8px; left:0px; width:5px; height:2px; background:#a6a9ab;}
.box_service .list_dot_blue > li > ul > li:first-child{margin-top:0px;}
.box_service  ol{counter-reset:title;}
.box_service  ol > li{margin-top:45px; font-size:25px; font-weight:500; letter-spacing:-1px;}
.box_service  ol > li:before{counter-increment:title; content:counters(title, ".")"."; display:inline-block; margin-right:5px;}
.box_service  ol > li:first-child{margin-top:0px;}
.box_service  ol > li > ul{margin-top:20px;}
.box_service  ol > li ul > li{font-weight:normal;}

/* inquiry */
[data-subarea="inquiry"]{padding-bottom:250px;}
[data-subarea="inquiry"] [data-form="write"]{padding-top:40px;}
[lang="en"] [data-form="write"] .designFile:not(.mob) label.button{width:150px; text-align:center;}

/* review */
.area_bbs_category{margin-bottom:15px; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0;}
.area_bbs_category ul > li{display:inline-block;}
.area_bbs_category ul > li > a{display:inline-block; position:relative; height:60px; box-sizing:border-box; padding:0 15px; font-weight:500; color:var(--color-black); transition:0.5s ease 0s;}
.area_bbs_category ul > li > a span{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; height:100%; box-sizing:border-box;}
.area_bbs_category ul > li > a:before,
.area_bbs_category ul > li > a:after{content:''; display:block; position:absolute; left:0px; width:100%; height:3px; background:var(--bg-blue); transform:scaleX(0); transition:transform 0.5s ease 0s;}
.area_bbs_category ul > li > a:before{top:-1px;}
.area_bbs_category ul > li > a:after{bottom:-1px;}
.area_bbs_category ul > li > a.on,
.area_bbs_category ul > li > a:hover{color:var(--color-blue);}
.area_bbs_category ul > li > a.on:before,
.area_bbs_category ul > li > a.on:after{transform:scaleX(1);}
.btn_category{display:flex; flex-flow:row wrap; justify-content:flex-end; padding-top:10px;}
.btn_category .button.white{border-color:var(--point-color);}
.btn_category .button.white span{color:var(--point-color); font-weight:500;}
.btn_category .button.white:hover{background-color:var(--point-color);}
.btn_category .button.white:hover span{color:var(--color-white);}


@media screen and (min-width:1921px){
	/* between */
	.area_between div[class*="box_monitor"] .inr{min-height:31.770833333333332vw/* 610px */;}
	
	/* about */
	[data-subarea="about05"] .box02{padding-left:2.604166666666667vw/* 50px */;}
}

@media screen and (max-width:1700px){
	/* between */
	.area_between div[class*="box_monitor"]:nth-child(2n) .box{padding-left:5.88235294117647vw/* 100px */;}
}

@media screen and (max-width:1500px){
	/* about */
	[data-subarea="about05"] .flex_group{display:block;}
	[data-subarea="about05"] .flex_group > div{width:100%;}
	[data-subarea="about05"] .box01 .img{height:40vw/* 600px */ !important;}	
	[data-subarea="about05"] .box01 .img img{object-fit:cover; width:100%; height:100%;}
	[data-subarea="about05"] .box02{padding-left:20px;}
	[data-subarea="about05"] .box02 p{word-break:keep-all;}
	[data-subarea="about05"] .box02 p br{display:none;}
	
	/* history */
	.area_history .group_box .box{flex:0 1 20.666666666666668vw/* 310px */; margin-right:2vw/* 30px */; margin-bottom:2vw/* 30px */;}
	.area_history .group_box .box img{object-fit:cover; width:100%; height:100%;}
	.area_history .group_box.column{columns:20.666666666666668vw/* 310px */ 3; column-gap:2vw/* 30px */;}
	.area_history .box{width:20.666666666666668vw/* 310px */; height:15.333333333333332vw/* 230px */;}
	.area_history .box.big{height:32.666666666666664vw/* 490px */;}
	.area_history .box.certi{height:28.666666666666668vw/* 430px */;}
	.slide_certi .swiper-slide{width:20.666666666666668vw/* 310px */;}
	
	/* product */
	[data-subarea="product_list"] ul > li > a{width:25.333333333333336vw/* 380px */;}
	[data-subarea="product_list"] ul > li > a .img{width:25.333333333333336vw/* 380px */; height:27.333333333333332vw/* 410px */; margin:0 auto;}
	
	/* product view */
	[data-subarea="product_view_top"] .product_info{padding-left:100px;}
	[data-subarea="product_view_top"] .product_photo{width:44.666666666666664vw/* 670px */;}
	[data-subarea="product_view_top"] .product_photo .swiper-slide .img{height:44.666666666666664vw/* 670px */;}
	[data-subarea="productView02"] .list_report .certi > li .img{height:22.666666666666664vw/* 340px */;}
	[data-subarea="productView03"] .list_video .swiper-slide em{padding-left:60px; padding-right:60px;}
	[data-subarea="productView03"] .list_video .swiper_bottom{position:relative;}
	[data-subarea="productView03"] .list_video .swiper_bottom button{width:40px; height:40px; margin-top:-35px;}
	[data-subarea="productView03"] .list_video .swiper_prev{left:0px;}
	[data-subarea="productView03"] .list_video .swiper_next{right:0px;}
	
	/* report */
	.list_report .certi > li .img{height:27.666666666666668vw/* 415px */;}
	
	/* rnd */
	.list_rnd .swiper-slide .list{width:calc(100% / 4 - 15px); height:230px; margin-left:15px; margin-bottom:15px;}
	.list_rnd .swiper-slide .list .box em{letter-spacing:-1px;}
	[lang="en"] .list_rnd .swiper-slide .list{width:calc(100% / 3 - 15px);}	
	
	/* solution total */
	[data-subarea="total01"] p{word-break:keep-all;}
	[data-subarea="total01"] p br{display:none;}
	
	/* solution - monitor */
	[data-subarea="monitor02"]{padding-top:70px !important;}
	
	/* between */
	.area_between div[class*="box_monitor"] .inr{min-height:40.666666666666664vw/* 610px */;}
}

@media screen and (max-width:1400px){
	/* about */
	[data-subarea="about04"] .box > ul [data-about04] .ico{width:14.071428571428571vw/* 197px */; height:16.142857142857142vw/* 226px */;}
	[data-subarea="about04"] .box > ul .plus span{width:4.285714285714286vw/* 60px */;}
	[data-subarea="about04"] .box > ul .plus span,
	[data-subarea="about04"] .box > ul .total span{height:4.285714285714286vw/* 60px */; margin-top:-2.857142857142857vw/* -40px */;}
	[data-subarea="about04"] .box > ul .plus,
	[data-subarea="about04"] .box > ul .total{margin:0 5.714285714285714vw/* 80px */;}	
	[data-subarea="about04"] .box > ul .plus span:before,
	[data-subarea="about04"] .box > ul .plus span:after,
	[data-subarea="about04"] .box > ul .total span:before,
	[data-subarea="about04"] .box > ul .total span:after{height:1.4285714285714286vw/* 20px */;}
	[data-subarea="about04"] .box > ul .plus span:after{margin-top:-0.7142857142857143vw/* -10px */;}
	[data-subarea="about04"] .box > ul .total span{width:12.142857142857142vw/* 170px */;}
	
	/* history */
	.area_history .flex_group .list_history{padding-left:100px;}
	.area_history .group_box:not(.column){margin-left:-2.142857142857143vw/* -30px */;}
	.area_history .group_box:not(.column) .box{flex:0 1 calc(100% / 3 - 2.142857142857143vw/* 30px */); margin-right:0px; margin-left:2.142857142857143vw/* 30px */; margin-bottom:30px;}
	.area_history .box:not(.none):not(.full){width:calc(100% / 3);}
	.area_history .box.certi{height:28.57142857142857vw/* 400px */;}
	.area_history .group_box.column .box{width:100%; height:16.5vw/* 231px */;}
	.area_history .group_box.column .box.big{height:35vw/* 490px */;}
	.slide_certi .swiper-slide{width:22.142857142857142vw/* 310px */;}
	.slide_certi .swiper-slide .box.certi{width:100%; height:30.714285714285715vw/* 430px */;}
	
	/* product view */
	.area_technology .swiper-slide{width:30vw/* 420px */; height:32.5vw/* 455px */;}
	
	/* between */
	.area_between div[class*="box_monitor"]:nth-child(2n) .box{padding-left:40px;}
	
	/* solution - monitor */
	[data-subarea="monitor01"] .box_uhoo ul{margin-left:-20px;}
	[data-subarea="monitor01"] .box_uhoo ul > li{margin:10px 0 10px 20px;}
}

@media screen and (max-width:1300px){
	.sub_title{margin-bottom:5.6923076923076925vw/* 74px */; font-size:4.615384615384616vw/* 60px */;}
	.sub_point{margin-bottom:3.076923076923077vw/* 40px */; font-size:2.307692307692308vw/* 30px */;}
	.sub_big{margin-bottom:5.6923076923076925vw/* 74px */;}
	.sub_middle{font-size:3.4615384615384617vw/* 45px */;}
	.sub_big.size80{font-size:6.153846153846154vw/* 80px */;}
	
	/* about */
	[data-subarea="about02"] p{font-size:4.615384615384616vw/* 60px */;}
	[data-subarea="about06"] p{font-size:2.6923076923076925vw/* 35px */;}
	[data-subarea="about06"] .diagram{width:66.6923076923077vw/* 867px */; height:25vw/* 325px */; margin-bottom:6.153846153846154vw/* 80px */; padding:1.5384615384615385vw/* 20px */;}
	[data-subarea="about06"] .diagram:before{top:-1.9230769230769231vw/* -25px */; width:18.461538461538463vw/* 240px */; margin-left:-9.230769230769232vw/* -120px */; padding:0.38461538461538464vw/* 5px */ 1.153846153846154vw/* 15px */; font-size:1.5384615384615385vw/* 20px */;}
	[data-subarea="about06"] .diagram > div span{font-size:4.3076923076923075vw/* 56px */;}
	
	/* history */
	.list_certi > li{flex:0 1 6.230769230769231vw/* 81px */; margin:20px;}
	.list_certi .img{width:6.230769230769231vw/* 81px */; height:6.230769230769231vw/* 81px */;}
	.list_certi.type02 > li{flex:0 1 6.461538461538462vw/* 84px */; margin:20px 15px;}
	.list_certi.type02 .img{width:6.461538461538462vw/* 84px */; height:6.384615384615384vw/* 83px */;}
	.list_certi .img.iec{width:13.923076923076923vw/* 181px */;}
	.list_certi .img.rohs{width:8.692307692307692vw/* 113px */;}
	.list_history > li{word-break:keep-all;}
	.list_history > li > span{font-size:22px;}
	
	/* agency */
	.list_agency > li > div ul > li{padding:20px 0px; font-size:16px;}
	.list_agency > li .title{font-size:22px;}
	
	/* product view */
	[data-subarea*="productView"] .sub_point{font-size:1.5384615384615385vw/* 20px */;}
	[data-subarea*="productView"] .sub_title{font-size:3.8461538461538463vw/* 50px */;}
	[data-subarea*="productView"] .sub_title + p{font-size:1.6923076923076923vw/* 22px */;}
	[data-subarea="product_view_top"] .product_info{padding-left:5.384615384615385vw/* 70px */;}
	[data-subarea="product_view_top"] .product_info h3{margin-bottom:20px; font-size:6.153846153846154vw/* 80px */;}
	[data-subarea="product_view_top"] .product_info h3 + p{font-size:18px;}
	[data-subarea="product_view_top"] .product_info ul{margin-top:35px;}
	[data-subarea="product_view_top"] .product_info h4{margin-top:20px;}
	[data-subarea="productView03"] .list_video .swiper-slide .img{height:52vw/* 676px */;}
	[data-subarea="productView03"] .list_video .swiper_bottom{position:static;}
	[data-subarea="productView03"] .list_video .swiper_bottom button{top:52vw/* 676px */; margin-top:23px;}
	[data-subarea="productView03"] .list_video .swiper-slide em{padding-left:40px; padding-right:40px;}
	
	/* service */
	[data-subarea="service01"] h3{font-size:45px;}
	[data-subarea="service01"] h3:before{top:10px;}
	
	/* report */
	.list_report dt{padding:30px 80px 30px 100px;}
	.list_report dt a{font-size:25px; letter-spacing:-0.5px;}
	.list_report dd p{font-size:18px;}
	.list_report dd p:before{top:10px;}
	
	/* rnd */
	.list_rnd .swiper-slide .list .box{padding:30px 20px;}
	.list_rnd .swiper-slide .list .box i{font-size:25px;}
	[lang="en"] .list_rnd .swiper-slide .list .box{padding-top:20px;}
	
	/* between */
	.area_between .sub_title{font-size:3.8461538461538463vw/* 50px */;}
	.area_between p{font-size:1.6923076923076923vw/* 22px */;}
	
	/* solution - total */
	[data-subarea="total01"] .box_img{height:38.46153846153847vw/* 500px */;}
	[data-subarea="total03"]:before{display:none;}
	[data-subarea="total03"] .inr1400{display:block;}
	[data-subarea="total03"] .title,
	[data-subarea="total03"] .inr1400 > .title{width:100%;}
	[data-subarea="total03"] .list_case{width:100%; padding-top:50px;}
	[data-subarea="total03"] p{word-break:keep-all;}
	[data-subarea="total03"] p br{display:none;}
	.list_case .swiper-slide-active,
	.list_case .swiper-slide-duplicate-active{transform:translateY(0);}
	.list_case .swiper-slide{margin-right:40px;}
	
	
	/* solution - monitor */
	[data-subarea="monitor01"] .box_uhoo{padding-left:50px;}
	[data-subarea="monitor01"] .box_uhoo ul{width:80%;}
	[data-subarea="monitor01"] .box_uhoo .img{overflow:hidden; bottom:-80px; width:500px;}
	[data-subarea="monitor01"] .box_uhoo .img img{object-fit:cover; width:100%; height:100%;}
}

@media screen and (max-width:1200px){
	[data-subarea]{padding:170px 0px;}
	[data-subarea].full > .inr1400{padding:170px 20px;}
	
	/* about */
	[data-subarea="about02"].full > .inr1400{padding-top:170px; padding-bottom:100px;}
	[data-subarea="about06"]{padding-bottom:200px;}
	
	/* history */
	.list_certi{margin:30px auto;}
	.area_history .flex_group .title_history{width:220px;}
	.area_history .flex_group .list_history{width:calc(100% - 220px); padding-left:60px; padding-bottom:150px;} 
	
	/* agency */
	.list_agency .button{min-width:80px;} 
	
	/* direction */
	[data-subarea="direction"] .area_map .img{height:54.166666666666664vw/* 650px */;}
	
	/* product */
	/* .area_categroy > ul > li{flex:0 1 21.25vw; height:130px;} */
	.area_categroy > ul > li > a{font-size:16px;}
	[data-subarea="product_list"] ul > li .title{font-size:22px; line-height:1.2em;}
	
	/* product view */
	[data-subarea="product_view_top"] .product_info h3 + p{font-size:16px;}
	[data-subarea="product_view_top"] .product_info ul li p{font-size:16px;}
	[data-subarea="product_view_top"] .product_photo .swiper_bottom .swiper_prev{margin-right:50px;}
	[data-subarea="product_view_top"] .product_photo .swiper_bottom .swiper_next{margin-left:50px;}
	.box_technology{padding:170px 0px;}
	
	/* service */
	.box_service{padding:50px 15px 60px;}
	
	/* solution - total */
	.list_certi_total{margin-left:-30px;}
	.list_certi_total > li{flex:none; width:calc(100% / 3 - 30px); margin-left:30px;}
	.list_certi_total > li .img{height:34.583333333333336vw/* 415px */;}
	
	/* solution - monitor */
	[data-subarea="monitor01"] .box_uhoo ul > li{margin-left:15px;}
	[data-subarea="monitor01"] .box_uhoo ul > li span{width:110px; height:110px;}
	[data-subarea="monitor01"] .box_uhoo ul > li em{font-size:14px;}
	[data-subarea="monitor01"] .box_uhoo .img{width:450px;}
}

@media screen and (max-width:1024px){
	.sub_title{letter-spacing:-1px; font-size:5.37109375vw/* 55px */;}
	.sub_point{font-size:2.9296875vw/* 30px */;}
	.sub_middle{font-size:2.9296875vw/* 30px */;}
	.sub_big.size80{font-size:6.34765625vw/* 65px */;}
	[data-subarea]{padding:150px 0px;}
	[data-subarea].full > .inr1400{padding:150px 20px;}
	
	/* list-text */
	.list_dot_small > li{font-size:14px;}
	
	/* about */
	[data-subarea="about02"].full > .inr1400{padding-top:150px; padding-bottom:120px;}
	[data-subarea="about02"] p{padding-bottom:6.8359375vw/* 70px */; font-size:4.8828125vw/* 50px */;}
	[data-subarea="about03"] p{word-break:keep-all;}
	[data-subarea="about04"] .box{padding-top:0px;}
	[data-subarea="about04"] .box > ul em{margin-top:15px; font-size:20px;}
	[data-subarea="about05"] .box01 .img{height:58.59375vw/* 600px */ !important;}
	[data-subarea="about05"] .box02{padding-top:100px; padding-bottom:0px;}
	[data-subarea="about05"] .flex_group{padding-bottom:100px;}
	[data-subarea="about06"]{padding-bottom:200px;}
	
	/* history */
	.area_history .flex_group:nth-of-type(1){margin-top:80px;}
	.area_history .flex_group .title_history h4{font-size:50px;}
	.area_history .flex_group .title_history{width:180px;}
	.area_history .flex_group .list_history{width:calc(100% - 180px);}
	.slide_certi .swiper_bottom button{width:45px; height:45px;}
	.slide_certi .swiper_bottom button:before{width:18px; height:18px; margin:-9px 0 0 -9px;}
	.list_history > li{margin-bottom:30px;}
	
	/* agency */
	.list_agency > li{display:block;}
	.list_agency > li > div ul > li{padding:15px 0px;}
	.list_agency > li .title{display:block; width:auto; padding:15px 0px 0px; margin-bottom:5px;}
	.list_agency > li > div ul > li > span[data-agency="name"]{width:15%;}
	.list_agency > li > div ul > li > span[data-agency="address"]{width:45%;}
	.view_agency ul > li{font-size:16px;}
	.box_layer_map{height:350px;}
	.view_agency .title i{font-size:14px;}
	[lang="en"] .list_agency > li .title{width:auto;}
	
	/* direction */
	[data-subarea="direction"] .box_map{width:100%; margin-top:-14.6484375vw/* -150px */;}
	[data-subarea="direction"] .area_map .spot{margin-top:-10.7421875vw/* -110px */;}
	
	/* solution - total */
	.group_total [data-subarea]{padding-top:200px;}
	.list_certi_total{padding:0px;}
	.list_certi_total > li .img{height:41.9921875vw/* 430px */;}
	[data-subarea="total04"]{padding-bottom:200px;}
	.list_case .swiper-slide .img img{max-height:39.0625vw/* 400px */;}
	.list_case .swiper_bottom{position:static; margin-top:40px;}
	[data-subarea="total03"] .inr1400{padding-bottom:0px;}
	
	/* solution - monitor */
	[data-subarea="monitor01"] .box_uhoo ul > li[data-uhoo] span:before{width:54px; height:36px;}
	[data-subarea="monitor01"] .box_uhoo ul > li[data-uhoo="01"] span:before{background-image:url(../images/contents/img_monitor01_ico01@x3.png);}
	[data-subarea="monitor01"] .box_uhoo ul > li[data-uhoo="02"] span:before{background-image:url(../images/contents/img_monitor01_ico02@x3.png);}
	[data-subarea="monitor01"] .box_uhoo ul > li[data-uhoo="03"] span:before{background-image:url(../images/contents/img_monitor01_ico03@x3.png);}
	[data-subarea="monitor01"] .box_uhoo ul > li[data-uhoo="04"] span:before{background-image:url(../images/contents/img_monitor01_ico04@x3.png);}
	[data-subarea="monitor01"] .box_uhoo ul > li[data-uhoo="05"] span:before{background-image:url(../images/contents/img_monitor01_ico05@x3.png);}
	[data-subarea="monitor01"] .box_uhoo ul > li[data-uhoo="06"] span:before{background-image:url(../images/contents/img_monitor01_ico06@x3.png);}
	[data-subarea="monitor01"] .box_uhoo ul > li[data-uhoo="07"] span:before{background-image:url(../images/contents/img_monitor01_ico07@x3.png);}
	[data-subarea="monitor01"] .box_uhoo ul > li[data-uhoo="08"] span:before{background-image:url(../images/contents/img_monitor01_ico08@x3.png);}
	[data-subarea="monitor01"] .box_uhoo ul > li[data-uhoo="09"] span:before{background-image:url(../images/contents/img_monitor01_ico09@x3.png);}
	[data-subarea="monitor01"] .box_uhoo ul > li[data-uhoo="10"] span:before{background-image:url(../images/contents/img_monitor01_ico10@x3.png);}
	[data-subarea="monitor01"] .box_uhoo .img{width:400px;}
	[data-subarea="monitor03"]{padding-bottom:200px;}
	
	/* product */
	.area_categroy > ul > li{flex:0 1 25%; height:auto; min-height:80px;}
	.area_categroy > ul > li > a{font-size:16px;}
	html[lang="en"] .area_categroy > ul > li > a{font-size:14px;}
	.area_product_title h3{font-size:4.8828125vw/* 50px */;}
	.area_product_title h3 + p{font-size:18px; word-break:keep-all;}
	.area_product_title h3 + p br{display:none;}
	[data-subarea="product_list"] ul > li{margin-bottom:40px;}
	[data-subarea="product_list"] ul > li > a{padding-bottom:35px;}
	[data-subarea="product_list"] ul > li .title{font-size:18px;}
	.area_product_search{width:500px;}
	.area_product_search .box{max-width:400px;}
	.area_product_search .box input[type="text"]{padding-right:60px; font-size:16px;}
	.area_product_search .box input[type="text"]::placeholder{font-size:16px;}
	.area_product_search .box .btn_search{background-size:20px 20px;}
	.area_technology .swiper-wrapper.none_loop{justify-content:flex-start;}
	
	/* product view */
	.area_location{float:left;}
	.area_location .btn_home{width:40px; height:40px;}
	.area_location .btn_home:before{width:12px; height:14px; background-image:url(../images/common/img_location_home@x3.png);}
	.area_location ul > li{margin-left:50px;}
	.area_location ul > li:before{left:-25px;}
	.area_location ul > li[data-location="1depth"]{margin-left:20px;}
	[data-subarea="product_view_top"] .product_info ul li a span:after{background-image:url(../images/contents/icon_download@x3.png);}
	[data-subarea*="productView"] .sub_point{font-size:18px;}
	[data-subarea*="productView"] .sub_title{font-size:4.8828125vw/* 50px */;}
	[data-subarea*="productView"] .sub_title + p{font-size:18px;}
	[data-subarea="productView02"] .list_report .certi > li .img{height:33.203125vw/* 340px */;}
	[data-subarea="product_view_top"] .inr1700.flex_group{display:block;}
	[data-subarea="product_view_top"] .product_info{padding-left:0px; margin-bottom:30px;}
	[data-subarea="product_view_top"] .product_photo{width:100%;}
	[data-subarea="product_view_top"] .product_info h3{font-size:7.8125vw/* 80px */;}
	.product_view_detail .area_between div[class*="box_monitor"]{padding:70px 0px;}
	.product_view_detail .area_between div[class*="box_monitor"] .box{padding:0px; margin-bottom:50px;}
	.product_view_detail .area_between div[class*="box_monitor"] .sub_point{font-size:20px;}
	.box_technology{padding:150px 0px;}
	.area_between .box_technology .sub_point{margin-top:0px;}
	.box_technology em ~ .area_technology,
	.box_technology h4 ~ .area_technology,
	.box_technology p ~ .area_technology{margin-top:70px;}
	.area_technology .swiper-slide{width:32.8125vw/* 336px */; height:35.546875vw/* 364px */;}
	.area_technology .swiper_bottom .swiper_page{width:calc(100% - 120px); margin-right:20px;}
	
	[data-subarea="productView01"].area_between{padding-bottom:0px !important;}
	[data-subarea="productView02"] .list_report .certi > li{flex:0 1 calc(100% / 4 - 20px);}
	[data-subarea="productView02"] .list_report .certi > li em{font-size:18px;}
	/* [data-subarea="productView04"]{padding-bottom:200px;} */
	.product_view_detail .area_btn{padding-bottom:150px;}
	.product_view_detail .area_btn .btn_list_go{min-width:170px; width:auto; font-size:16px;}
	.product_view_detail .area_btn .btn_list_go span:before{position:static; margin:0 10px 0 0;}
	
	/* review */
	.area_bbs_category.scroll_control.full .inner{height:60px;}
	.area_bbs_category.scroll_control.full ul{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch;}
	.area_bbs_category.scroll_control.full ul > li > a{font-size:16px;}
	
	/* service */
	[data-subarea="service01"] .sub_middle{margin-bottom:60px;}
	[data-subarea="service01"] h3{margin-bottom:30px; padding-left:60px; font-size:40px;}
	[data-subarea="service01"] h3:before{width:45px; height:39px;}
	.box_service{margin-bottom:110px;}
	.box_service h4,
	.box_service ol > li{font-size:22px;}
	.box_service .list_dot_blue > li{font-size:16px;}
	.box_service .list_dot_blue > li:before{top:7px;}
	.box_service .list_dot_blue > li > ul{font-size:15px;}
	
	/* report */
	[data-subarea="report01"]{padding-bottom:200px;}
	.list_report dt:before{background-size:25px 25px;}
	.list_report dt:after{background-size:19px 20px;}
	.list_report .certi{margin-left:-20px;}
	.list_report .certi > li{flex:0 1 calc(100% / 4 - 20px); margin-left:20px; margin-top:20px;}
	.list_report .certi > li .img{height:30.2734375vw/* 310px */;}
	.list_report .certi > li em{font-size:14px;}
	.list_report dd p{padding-left:12px; font-size:16px;}
	.list_report dd p:before{top:7px;}
	
	/* rnd */
	.list_rnd .swiper-slide .list{width:calc(100% / 2 - 15px); height:auto; min-height:150px;}
	.list_rnd .swiper-slide .list .box{height:100%; padding:30px;}
	.list_rnd .swiper-slide .list .box i{font-size:20px;}
	[lang="en"] .list_rnd .swiper-slide .list{width:calc(100% / 2 - 15px);}
	
	/* between */
	.area_between{padding-bottom:200px !important;}
	.area_between .sub_title{font-size:4.8828125vw/* 50px */}
	.area_between .sub_point{margin-top:150px;}
	.area_between p{font-size:18px;}
	.area_between div[class*="box_monitor"] .inr{display:block; min-height:inherit;}
	.area_between div[class*="box_monitor"] .box{width:100%; padding:0px 0px 40px;}
	.area_between div[class*="box_monitor"] .box_bg{position:static; width:100%;}
	.area_between div[class*="box_monitor"]:nth-child(2n) .box{padding-left:0px;}
}

@media screen and (max-width:850px){
	/* solution - monitor */
	[data-subarea="monitor01"] .box_uhoo{align-items:flex-start; padding-top:50px;}
	[data-subarea="monitor01"] .box_uhoo ul{width:90%;}
	[data-subarea="monitor01"] .box_uhoo .img{width:350px;}
}

@media screen and (max-width:768px){
	[data-subarea]{padding:100px 0px;}
	[data-subarea].full > .inr1400{padding:100px 20px;}
	.sub_middle{letter-spacing:-1px;}
	
	/* about */
	[data-subarea="about01"] .sub_title br,
	[data-subarea="about01"] p br{display:none;}
	[data-subarea="about01"] p{word-break:keep-all;}
	[data-subarea="about02"].full > .inr1400{padding-top:100px; padding-bottom:60px;}
	[data-subarea="about03"] .box{margin-top:60px;}
	[data-subarea="about04"] .box > ul .total span{width:10.416666666666668vw/* 80px */;}
	[data-subarea="about05"] .flex_group{padding-bottom:50px;}
	[data-subarea="about05"] .box02{padding-top:70px;}
	[data-subarea="about06"]{padding-bottom:170px;}
	[data-subarea="about06"] .diagram:before{padding:0 1.3020833333333335vw/* 10px */; font-size:1.953125vw/* 15px */;}
	[data-subarea="about06"] ul{margin-top:55px;}
	[data-subarea="about06"] ul li{padding:0px 30px; font-size:14px;}
	[data-subarea="about06"] ul li span{font-size:20px;}
	[data-subarea="about06"] p{font-size:3.3854166666666665vw/* 26px */;}
	[lang="en"] [data-subarea="about04"] .box > ul .total{width:100%; margin:0 auto;}
	[lang="en"] [data-subarea="about04"] .box > ul .total span{margin-top:0px; transform:rotate(90deg);}
	[lang="en"] [data-subarea="about04"] .box > ul [data-about04="mankind"]{margin-top:30px;}
	[lang="en"] [data-subarea="about06"] p br{display:none;}
	
	/* history */
	.list_history > li > span{font-size:20px;}
	.list_history > li > small{font-size:14px;}
	.list_history .list_small > li{font-size:14px;}
	.list_history .list_small > li:before{top:7px;}
	.area_history .box.full{margin-top:20px;}
	.area_history .group_box{margin-top:20px;}
	.area_history .flex_group .title_history{width:150px;}
	.area_history .flex_group .list_history{width:calc(100% - 150px); padding-left:40px; padding-bottom:130px;}
	.area_history .flex_group .title_history h4{font-size:45px;}
	.area_history .flex_group .title_history h4:before{right:1px; width:11px; height:11px;}
	.area_history .flex_group .title_history:after{width:3px;}
	.area_history .flex_group:last-child .list_history{padding-bottom:200px;}
	.list_certi > li{margin:10px;}
	
	/* agency */
	.list_agency > li > div ul > li{flex-wrap:wrap;}
	.list_agency > li > div ul > li > span[data-agency="name"]{width:100%; font-weight:600; color:var(--color-blue);}
	.list_agency > li > div ul > li > span[data-agency="address"]{width:100%;}
	.list_agency > li > div ul > li > span[data-agency="tel"]{width:100%;}
	.list_agency > li > div ul > li > span:last-child{width:100%;  margin-top:10px; text-align:left;}
	.list_agency .button{min-width:inherit; width:100%; height:35px;}
	.view_agency ul > li{margin-right:30px; margin-bottom:15px;}

	[lang="en"] .list_agency > li > div ul > li > span[data-agency="name"],
	[lang="en"] .list_agency > li > div ul > li > span[data-agency="address"],
	[lang="en"] .list_agency > li > div ul > li > span[data-agency="tel"]{width:100%;}
	
	/* direction */
	[data-subarea="direction"] .area_map .spot{width:140px; margin-left:-70px; margin-top:-12.369791666666668vw/* -95px */;}
	[data-subarea="direction"] .area_map .spot img{max-width:80%;}
	[data-subarea="direction"] .box_map h4{font-size:25px;}
	[data-subarea="direction"] .box_map p{margin-top:20px; margin-bottom:20px; font-size:16px;}
	[data-subarea="direction"] .list_map > li > a{min-width:150px;}
	[data-subarea="direction"] [data-mapico] span:before{width:30px; height:30px;}
	
	/* product */
	/* .area_categroy > ul > li{height:110px;} */
	.area_categroy [data-categroy] > a:before{width:34px; height:32px; margin-bottom:10px;}
	.area_product_title h3{margin-bottom:20px; font-size:40px;}
	.area_product_title h3 + p{font-size:16px;}
	[data-subarea="product_list"] ul > li{margin-bottom:30px;}
	[data-subarea="product_list"] ul > li > a{padding-bottom:25px;}
	
	/* product view */
	[data-subarea*="productView"] .sub_title{font-size:6.510416666666667vw/* 50px */;}
	[data-subarea="product_view_top"] .inr1400.location{padding-top:20px; padding-bottom:30px;}
	[data-subarea="product_view_top"] .product_info h3{font-size:9.114583333333332vw/* 70px */;}
	[data-subarea="product_view_top"] .product_info ul li a{min-width:180px;}
	.box_technology{padding:100px 0px;}
	[data-subarea="productView03"] .list_video .swiper-slide em{font-size:18px;}
	[data-subarea="productView03"] .list_video .swiper_bottom button:before{width:25px; height:25px; margin:-12.5px 0 0 -12.5px;}
	/* [data-subarea="productView04"]{padding-bottom:170px;} */	
	
	/* bbs */
	[data-subarea="bbs_view"]{padding-bottom:150px;}
	
	/* review */
	.area_bbs_category ul > li > a{height:50px; padding:0 13px;}
	.area_bbs_category.scroll_control.full .inner{height:50px;}
	
	/* service */
	[data-subarea="service01"] .sub_middle{margin-bottom:40px;}
	[data-subarea="service01"] h3{padding-left:50px; font-size:35px;}
	[data-subarea="service01"] h3:before{top:9px; width:39px; height:34px;}
	.box_service{padding:40px 15px 50px;}
	
	/* report */
	[data-subarea="report01"]{padding-bottom:150px;}
	.list_report dt{padding:20px 30px 20px 80px;}
	.list_report dt a{font-size:22px;}
	.list_report dt:before,
	.list_report dt:after{width:55px;}
	.list_report dt:before{background-size:20px 20px;}
	.list_report dt:after{background-size:16px 17px;}
	.list_report dt span{margin-top:5px; font-size:14px;}
	.list_report dd{padding:35px 10px;}
	
	/* rnd */
	.list_rnd{padding:30px 15px 0 0;}

	/* between */
	.area_between{padding-bottom:150px !important;}
	.area_between .sub_point{margin-top:100px;}
	.area_between .sub_title{font-size:6.510416666666667vw/* 50px */;}
	
	/* solution total */
	[data-subarea="total01"] .box_img{margin:60px 0px;}
	[data-subarea="total01"] .box_img img{object-fit:inherit;}
	[data-subarea="total02"] .sub_title,
	[data-subarea="total03"] .sub_title,
	[data-subarea="total04"] .sub_title{font-size:6.510416666666667vw/* 50px */;}
	.list_certi_total > li .img{margin-bottom:15px;}
	.list_certi_total > li em{font-size:16px;}
	[data-subarea="total04"]{padding-bottom:150px;}
	.list_case .title{margin-top:25px; font-size:18px;}
	.list_case .swiper_bottom .line{width:70px;}
	.list_case .swiper_bottom .swiper_next{margin-left:0px;}
	.list_case .swiper_bottom .swiper_prev{margin-right:0px;}
	
	/* solution - monitor */
	[data-subarea="monitor01"] p{word-break:keep-all;}
	[data-subarea="monitor01"] p br{display:none;}
	[data-subarea="monitor01"] .box_uhoo ul{margin-left:-10px;}
	[data-subarea="monitor01"] .box_uhoo ul > li{margin:5px 0 5px 10px;}
	[data-subarea="monitor01"] .box_uhoo ul > li span{width:100px; height:100px;}
	[data-subarea="monitor02"]{padding-top:60px !important;}
	[data-subarea="monitor03"]{padding-bottom:150px;}
	[data-subarea="monitor03"] .sub_title{font-size:6.510416666666667vw/* 50px */;}
}

@media screen and (max-width:680px){
	/* rnd */
	.list_rnd .swiper-slide .list .box{padding:20px 30px;}
	.list_rnd .swiper-slide .list .box em{font-size:16px;}	
	
	/* solution - total */
	.list_certi_total{margin-left:-15px;}
	.list_certi_total > li{width:calc(100% / 3 - 15px); margin-left:15px; margin-top:15px;}
	
	/* solution - monitor */
	[data-subarea="monitor01"] .box_uhoo{justify-content:center; padding-left:30px; padding-right:30px; margin:60px 0 100px;}
	[data-subarea="monitor01"] .box_uhoo ul{justify-content:center; width:auto;}
	[data-subarea="monitor01"] .box_uhoo .img{position:static; margin-bottom:-80px;}
}

@media screen and (max-width:620px){
	.sub_title{font-size:6.129032258064516vw/* 38px */;}
	.sub_point{font-size:3.5483870967741935vw/* 22px */;}
	.sub_middle{font-size:3.5483870967741935vw/* 22px */;}
	.sub_big.size80{font-size:8.064516129032258vw/* 50px */;}
	
	/* about */
	[data-subarea="about02"] p{font-size:5.32258064516129vw/* 33px */;}
	[data-subarea="about05"] .flex_group{padding-bottom:0px;}
	
	/* history */
	.area_history .flex_group .title_history{width:125px;}
	.area_history .flex_group .title_history h4{font-size:35px;}
	.area_history .flex_group .list_history{width:calc(100% - 125px); padding-bottom:100px;}
	.area_history .flex_group:last-child .list_history{padding-bottom:150px;}
	.list_history > li > span{font-size:18px;}
	.area_history .box.full,
	.area_history .group_box{margin-top:10px;}
	.area_history .group_box:not(.column) .box{margin-bottom:15px;}
	.list_certi{margin:15px auto;}
	.list_certi .img{width:34px; height:34px;}
	.list_certi.type02 .img{width:40px; height:39px;}
	.list_certi.type02 > li{margin:10px;}
	.list_certi .img.iec{width:87px;}
	.list_certi .img.rohs{width:54px;}
	
	/* direction */
	[data-subarea="direction"] .area_map .img{height:300px;}
	[data-subarea="direction"] .area_map .spot{width:100px; margin-left:-50px; margin-top:-70px;}
	[data-subarea="direction"] .area_map .spot i{padding:15px 0px;}
	[data-subarea="direction"] .box_map{padding:50px 30px;}
	
	/* product */
	.area_categroy{margin:0 -20px;}
	.area_categroy > ul > li{flex:1 1 50%; height:auto; min-height:inherit;}
	.area_categroy > ul > li > a{flex-direction:row; padding:15px 5px;}
	.area_categroy > ul > li:nth-child(2n) > a{border-right-width:0px;}
	.area_categroy [data-categroy] > a:before{margin-bottom:0px; margin-right:10px;}
	.area_product_title{margin-top:60px;}
	.area_product_title h3{font-size:35px;}
	.area_product_search{width:100%; box-sizing:border-box; padding:10px 30px;}
	.area_product_search .box{max-width:inherit;}
	[data-subarea="product_list"] ul > li{flex:0 1 calc(50% - 10px); margin-right:10px;}
	[data-subarea="product_list"] ul > li:nth-child(2n){margin-right:0px; margin-left:10px;}
	[data-subarea="product_list"] ul > li > a{width:100%;}
	[data-subarea="product_list"] ul > li > a .img{width:100%; height:51.61290322580645vw/* 320px */;}
	[lang="en"] .area_categroy > ul > li > a{justify-content:center;}
	
	/* product view */
	[data-subarea*="productView"] .sub_point{font-size:16px;}
	[data-subarea*="productView"] .sub_title{margin-bottom:20px; font-size:8.064516129032258vw/* 50px */;}
	[data-subarea*="productView"] .sub_title + p{font-size:16px;}
	[data-subarea="productView02"] .list_report .certi > li .img{height:45.16129032258064vw/* 280px */;}
	[data-subarea="product_view_top"] .product_photo .swiper_bottom .swiper_prev{margin-right:30px;}
	[data-subarea="product_view_top"] .product_photo .swiper_bottom .swiper_next{margin-left:30px;}
	[data-subarea="product_view_top"] .product_photo .swiper-slide .img{height:64.51612903225806vw/* 400px */;}
	[data-subarea="product_view_top"] .product_info h3{font-size:10.483870967741936vw/* 65px */;}
	.area_technology .swiper-slide{width:54.19354838709678vw/* 336px */; height:58.70967741935483vw/* 364px */;}
	[data-subarea="productView02"] .list_report .certi > li em{font-size:16px;}
	[data-subarea="productView02"] .list_report .certi > li{flex:0 1 calc(100% / 3 - 20px);}
	[data-subarea="productView03"] .list_video .swiper-slide em{font-size:16px;}
	
	/* review */
	.area_bbs_category.scroll_control.full ul > li > a{font-size:15px;}
	
	/* service */
	.box_service{margin-bottom:90px;}
	.box_service .list_dot_blue > li > ul{padding:20px;}
	.box_service h4,
	.box_service ol > li{margin-top:35px; font-size:20px;}
	.box_service .list_dot_blue > li > ul{margin-top:10px; margin-bottom:20px;}
		
	/* report */
	.list_report .certi > li{flex:0 1 calc(100% / 3 - 20px);}
	.list_report .certi > li .img{height:38.70967741935484vw/* 240px */;}
	.list_report dt a{font-size:20px;}
	.list_case .swiper-slide{width:54.03225806451613vw/* 335px */;}
	
	/* rnd */
	.list_rnd{padding:0px 15px 0 0;}
	
	/* between */
	.area_between .sub_title{margin-bottom:20px; font-size:8.064516129032258vw/* 50px */;}
	.area_between p{font-size:16px; word-break:keep-all;}
	.area_between p br{display:none;}
	
	/* solution total */
	[data-subarea="total02"] .sub_title,
	[data-subarea="total03"] .sub_title,
	[data-subarea="total04"] .sub_title{font-size:8.064516129032258vw/* 50px */;}
	.group_total [data-subarea]{padding-top:150px;}
	[data-subarea="total03"] p{word-break:keep-all;}
	.list_case .title{margin-top:20px; font-size:16px;}
	
	/* solution - monitor */
	[data-subarea="monitor03"] .sub_title{font-size:8.064516129032258vw/* 50px */;}
	
}

@media screen and (max-width:560px){
	.sub_middle{font-size:20px; letter-spacing:-1px;}
	.sub_big.size80{font-size:40px;}
	
	/* list-text */
	.list_dot_small{margin-top:20px;}
	
	/* history */
	.area_history .flex_group .title_history{width:100%; padding-bottom:20px;}
	.area_history .flex_group .list_history{width:100%; padding-left:15px;}
	.area_history .flex_group .title_history h4{padding-left:15px;}
	.area_history .flex_group .title_history h4:before{right:auto; left:0px; top:17px; width:7px; height:7px;}
	.area_history .flex_group .title_history:after{display:none;}
	.area_history .flex_group:before{content:''; display:block; position:absolute; left:2px; top:17px; width:2px; height:100%; background:#e8e8e8;}
	.area_history .flex_group:last-child:before{height:calc(100% - 17px);}
	.area_history .box{height:23.214285714285715vw/* 130px */;}
	.area_history .box.certi{height:39.285714285714285vw/* 220px */;}
	.list_certi > li{margin:10px 15px;}	
	.slide_certi .swiper-slide{width:35.714285714285715vw/* 200px */;}
	.slide_certi .swiper-slide .box.certi{height:53.57142857142857vw/* 300px */;}
	.slide_certi .swiper_bottom{margin-top:20px;}
	.area_history .group_box.column .box{height:19.642857142857142vw/* 110px */;}
	.area_history .group_box.column .box.big{height:41.25vw/* 231px */;}
	.area_history .flex_group:nth-of-type(1){margin-top:60px;}
	
	/* agency */
	.list_agency > li > div ul > li > span[data-agency="address"],
	.list_agency > li > div ul > li > span[data-agency="tel"]{font-size:14px;}
	.box_layer_map{height:300px;}
	.view_agency .title{margin-bottom:10px; font-size:22px;}
	.view_agency .title i{min-width:60px;}
	.view_agency ul{display:block;}
	.view_agency ul > li{margin-bottom:10px; font-size:14px;}
	
	/* solution - total */
	.list_case .swiper-slide{margin-right:30px;}
	.list_case .swiper_bottom button{background-size:14px 22px;}
	.list_case .swiper_bottom .line{width:50px;}
	[data-subarea="total03"] .list_case{padding-top:30px;}
	[lang="en"] [data-subarea="total03"] p{font-size:16px;}
		
	/* solution - monitor */
	[data-subarea="monitor01"] .box_uhoo{padding-left:10px; padding-right:10px;}
	[data-subarea="monitor01"] .box_uhoo ul{margin-left:-5px;}
	[data-subarea="monitor01"] .box_uhoo ul > li{margin-left:5px;}
	[data-subarea="monitor01"] .box_uhoo ul > li em{font-size:13px; font-weight:600;}
	[data-subarea="monitor01"] .box_uhoo ul > li span{width:90px; height:90px;}
	[data-subarea="monitor01"] .box_uhoo ul > li[data-uhoo] span:before{width:43px; height:29px;}
}

@media screen and (max-width:520px){
	/* rnd */
	.list_rnd{padding-right:0px;}
	.list_rnd .swiper-slide .list{width:100%; min-height:150px; margin-left:0px;}
	.list_rnd .swiper-slide .list .box{justify-content:center; padding:5px 25px;}
	.list_rnd .swiper-slide .list .box i{margin-top:-5px;}
	[lang="en"] .list_rnd .swiper-slide .list{width:100%; min-height:150px;}
	[lang="en"] .list_rnd .swiper-slide .list .box{padding-top:5px;}
}

@media screen and (max-width:480px){
	/* about */
	[data-subarea="about02"] p{word-break:keep-all;}
	[data-subarea="about02"] p br{display:none;}	
	[data-subarea="about04"] .box{padding-top:15px;}
	[data-subarea="about04"] .box > ul em{margin-top:10px; font-size:18px;}
	
	/* history */
	.slide_certi .swiper_page{margin:0 20px; font-size:16px;}
	.slide_certi .swiper_bottom button:before{width:15px; height:15px; margin-top:-7.5px 0 0 -7.5px;}
	
	/* agency */
	.view_agency .title{margin-top:30px;}
	
	/* direction */
	[data-subarea="direction"] .list_map > li{width:100%; margin-right:0px;}
	[data-subarea="direction"] .list_map > li > a{min-width:inherit; width:100%;}
	
	/* product */
	.area_product_search .box{height:60px;}
	.area_product_search .box input[type="text"]{padding-left:0px; padding-right:50px; font-size:14px;}
	.area_product_search .box input[type="text"]::placeholder{font-size:14px;}
	.area_product_search .box .btn_search{right:5px;}
	
	/* product view */
	[data-subarea="productView02"] .list_report .certi > li{flex:0 1 calc(100% / 2 - 20px);}
	[data-subarea="productView02"] .list_report .certi > li .img{height:58.333333333333336vw/* 280px */;}
	[data-subarea="product_view_top"] .product_info h3{font-size:10.416666666666668vw/* 50px */;}
	[data-subarea="product_view_top"] .product_info h4{padding-left:15px; font-size:18px;}
	[data-subarea="product_view_top"] .product_info ul li p{line-height:1.5em;}
	[data-subarea="product_view_top"] .product_photo .swiper_page .swiper-pagination-bullet{margin:0 1px;}
	
	/* report */
	.list_report dt a{font-size:18px;}
	.list_report dt:before,
	.list_report dt:after{width:45px;}
	.list_report dt{padding:20px 20px 20px 60px;}
	.list_report .certi > li{flex:0 1 calc(100% / 2 - 20px);}
	.list_report .certi > li .img{height:58.333333333333336vw/* 280px */;}
	.list_report .certi > li em{margin-top:10px;}
	
	/* solution total */
	.list_certi_total{margin-bottom:40px;}

	/* rnd */
	[data-subarea="rnd01"] .sub_middle br{display:none;}
}

@media screen and (max-width:420px){
	[data-subarea]{padding:80px 0px;}
	[data-subarea].full > .inr1400{padding:80px 20px;}
	.sub_title{font-size:7.142857142857142vw/* 30px */;}
	.sub_point{font-size:16px;}
	.sub_title,
	.sub_big{margin-bottom:40px;}
	.sub_big{margin-top:10px;}
	
	/* about */
	[data-subarea="about02"].full > .inr1400{padding-top:80px; padding-bottom:50px;}
	[data-subarea="about02"] p{padding-bottom:40px; font-size:6.666666666666667vw/* 28px */;}
	[data-subarea="about03"] .box{margin-top:30px;}
	[data-subarea="about04"] .box > ul .plus,
	[data-subarea="about04"] .box > ul .total{margin:0 15px;}
	[data-subarea="about04"] .box > ul [data-about04] .ico{width:59px; height:67px;}
	[data-subarea="about04"] .box > ul em{font-size:16px;}
	[data-subarea="about05"] .box02{padding-top:50px;}
	[data-subarea="about06"]{padding-bottom:150px;}
	[data-subarea="about06"] p{font-size:16px;}
	[data-subarea="about06"] ul li span{margin-left:10px;}
	[data-subarea="about06"] .diagram{width:280px; height:105px; margin-bottom:30px; padding:6px;}
	[data-subarea="about06"] .diagram:before{top:-10px; width:78px; margin-left:-39px; padding:0px 5px; font-size:9px;}
	[data-subarea="about06"] .diagram > div span{font-size:18px; letter-spacing:-1px;}
	[lang="en"] [data-subarea="about04"] .box > ul [data-about04="mankind"]{margin-top:20px;}
	
	/* direction */
	[data-subarea="direction"] .box_map{padding:40px 15px;}
	[data-subarea="direction"] .box_map h4{font-size:22px;}
	[data-subarea="direction"] .box_map p{font-size:14px;}
	[data-subarea="direction"] .box_map > span{font-size:16px;}
	[data-subarea="direction"] .list_map{margin-top:30px;}
	
	/* product */
	.area_categroy > ul > li > a{flex-direction:column; font-size:14px;}
	.area_categroy > ul > li > a span{line-height:1.2em;}
	.area_categroy [data-categroy] > a:before{margin-right:0px; margin-bottom:5px;}
	.area_product_title h3{font-size:35px;}
	.area_product_title h3 + p{font-size:14px;}
	
	/* product view */
	.area_location ul > li{margin-left:30px;}
	.area_location ul > li:before{left:-20px;}
	.area_location .btn_home:before{width:10px; height:12px; margin:-6px 0 0 -5px;}
	.area_location ul > li[data-location="1depth"]{margin-left:10px;}
	[data-subarea*="productView"] .sub_title{font-size:8.333333333333332vw/* 35px */;}
	[data-subarea="product_view_top"] .product_info em{font-size:16px;}
	[data-subarea="product_view_top"] .product_info h3{font-size:40px;}
	[data-subarea="product_view_top"] .product_info h3 + p{font-size:16px;}
	[data-subarea="product_view_top"] .product_info ul li a{min-width:150px;}
	[data-subarea="product_view_top"] .product_info ul li a span{padding:0 10px;}
	[data-subarea="product_view_top"] .product_info ul li p{font-size:16px; font-weight:400;}
	[data-subarea="product_view_top"] .product_photo .swiper-slide .img{height:71.42857142857143vw/* 300px */;}
	.product_view_detail .area_between div[class*="box_monitor"]{padding:50px 0px;}
	.product_view_detail .area_between div[class*="box_monitor"] .sub_point{font-size:18px;}
	.product_view_detail .area_between div[class*="box_monitor"] .list > li span{padding-top:15px; font-size:20px;}
	.product_view_detail .area_between div[class*="box_monitor"] p{line-height:1.4em;}
	.product_view_detail .area_between div[class*="box_monitor"] .box{margin-bottom:30px;}
	.box_technology{padding:80px 0px;}
	.box_technology em ~ .area_technology,
	.box_technology h4 ~ .area_technology,
	.box_technology p ~ .area_technology{margin-top:50px;}
	.area_technology .swiper-slide{width:66.66666666666666vw/* 280px */; height:72.14285714285714vw/* 303px */;}
	.area_technology .swiper_bottom button{width:40px; height:40px;}
	.area_technology .swiper_bottom button:before{width:20px; height:12px; margin:-6px 0 0 -10px;}
	/* [data-subarea="productView04"]{padding-bottom:150px;} */
	
	/* bbs */
	[data-subarea="bbs_list"]{padding-bottom:120px;}
	[data-subarea="bbs_view"]{padding-bottom:120px;}
	
	/* inquiry */
	[data-subarea="inquiry"] [data-form="write"]{padding-top:20px;}
	
	/* review */
	.area_bbs_category{margin-bottom:10px;}
	
	/* service */
	[data-subarea="service01"] h3{margin-bottom:20px; padding-left:40px; font-size:30px;}
	[data-subarea="service01"] h3:before{top:7px; width:34px; height:30px;}
	.box_service{margin-bottom:70px; padding:30px 0px 40px;}
	.box_service h4,
	.box_service ol > li{margin-top:25px; margin-bottom:15px; font-size:18px;}
	.box_service ol > li > ul{margin-top:15px;}
	.box_service .list_dot_blue > li{font-size:14px; line-height:1.4em;}
	.box_service .list_dot_blue > li > ul{padding-left:10px; font-size:14px;}
	.box_service .list_dot_blue > li > ul > li:before{left:3px;}
	
	/* report */
	[data-subarea="report01"]{padding-bottom:120px;}
	.list_report dt span i{margin-right:10px;}
	
	/* between */
	.area_between{padding-bottom:100px !important;}
	.area_between .sub_title{font-size:8.333333333333332vw/* 35px */;}
	.area_between .sub_point{margin-top:80px; margin-bottom:10px;}
	
	/* solution total */
	.group_total [data-subarea]{padding-top:120px;}
	[data-subarea="total02"] .sub_title,
	[data-subarea="total03"] .sub_title,
	[data-subarea="total04"] .sub_title{font-size:8.333333333333332vw/* 35px */;}
	.list_certi_total > li{width:calc(100% / 2 - 15px);}
	.list_certi_total > li .img{height:59.523809523809526vw/* 250px */;}
	[data-subarea="total04"]{padding-bottom:120px;}
	
	/* solution - monitor */
	[data-subarea="monitor01"] .box_uhoo .img{width:100%;}
	[data-subarea="monitor01"] .box_uhoo ul > li span{width:85px; height:85px;}
	[data-subarea="monitor03"]{padding-top:120px; padding-bottom:120px;}
	[data-subarea="monitor03"] .sub_title{font-size:8.333333333333332vw/* 35px */;}
	[lang="en"] [data-subarea="monitor01"] .box_uhoo ul > li span{width:100px; height:100px;}
}

@media screen and (max-width:360px){
	.sub_middle{font-size:18px;}
	.sub_big.size80{font-size:35px;}
	
	/* about */
	[data-subarea="about03"] .box{display:block;}
	[data-subarea="about03"] .box > .obj_img{width:100%;}
	[data-subarea="about03"] .sub_title br{display:none;}
	[data-subarea="about04"] .box > ul .total span{width:5.555555555555555vw/* 20px */;}
	[data-subarea="about06"] p{word-break:keep-all;}
	[data-subarea="about06"] ul{margin-top:30px;}
	[data-subarea="about06"] ul li{padding:0 15px;}
	[data-subarea="about06"] ul li span{margin-left:5px; font-size:16px;}
	[lang="en"] [data-subarea="about04"] .box > ul [data-about04="mankind"]{margin-top:10px;}
	
	/* product */
	.area_product_title h3{font-size:30px;}
	.area_product_search{padding:10px 20px;}
	.area_product_search .box input[type="text"]{padding-right:45px;}
	.area_product_search .box .btn_search{right:0px;}
	
	/* product view */
	[data-subarea="productView02"] .list_report .certi > li .img{height:55.55555555555556vw/* 200px */;}
	[data-subarea="product_view_top"] .product_info h3 + p{font-size:14px;}
	[data-subarea="product_view_top"] .product_info ul li p{font-size:14px;}
	[data-subarea="product_view_top"] .product_photo .swiper_bottom .swiper_prev{margin-right:15px;}
	[data-subarea="product_view_top"] .product_photo .swiper_bottom .swiper_next{margin-left:15px;}
	.area_technology .swiper-slide{width:100%; height:100vmin;}
	[data-subarea="productView02"] .list_report .certi > li{flex:0 1 calc(100% / 2 - 10px);}
	
	/* review */
	.area_bbs_category.scroll_control.full ul > li > a{font-size:14px;}
	
	/* service */
	[data-subarea="service01"] .sub_middle{margin-bottom:30px;}
	[data-subarea="service01"] h3{font-size:25px;}
	[data-subarea="service01"] h3:before{top:5px; width:30px; height:26px;}
	
	/* report */
	.list_report dt a{font-size:16px;}
	.list_report dd p{font-size:14px;}
	.list_report dt:before,
	.list_report dt:after{width:35px;}
	.list_report dt:before{background-size:16px 16px;}
	.list_report dt:after{background-size:14px 15px;}
	.list_report dt{padding:20px 10px 20px 50px;}
	.list_report .certi{margin-left:-10px;}
	.list_report .certi > li{flex:0 1 calc(100% / 2 - 10px); margin-left:10px;}
	.list_report .certi > li .img{height:55.55555555555556vw/* 200px */;}
	
	/* rnd */
	.list_rnd .swiper-slide .list .box em{font-size:15px;}
	
	/* between */
	/* .area_between p{font-size:14px;} */
	
	/* solution - total */
	.list_case .title{font-size:14px;}
	.list_case .swiper-slide{margin-right:20px;}
	
	/* solution - monitor */
	[data-subarea="monitor03"]{padding-top:100px;}
}

@media screen and (max-width:320px){
	.sub_title{font-size:30px;}
	
	/* about */
	[data-subarea="about02"] p{padding-bottom:35px; font-size:7.187499999999999vw/* 23px */;}
	[data-subarea="about04"] .box > ul .plus,
	[data-subarea="about04"] .box > ul .total{margin:0 10px;}
	[data-subarea="about04"] .box > ul [data-about04] .ico{width:47px; height:54px;}
	[data-subarea="about04"] .box > ul em{font-size:14px;}
	[data-subarea="about06"] .diagram{width:87.5vw/* 280px */; height:32.8125vw/* 105px */; padding:1.875vw/* 6px */;}
	[data-subarea="about06"] .diagram:before{top:-3.4375000000000004vw/* -11px */; width:24.375vw/* 78px */; margin-left:-12.1875vw/* -39px */; padding:0px 1.5625vw/* 5px */; font-size:2.8125vw/* 9px */; letter-spacing:0px;}
	[data-subarea="about06"] .diagram > div span{font-size:5.625vw/* 18px */; letter-spacing:-0.5px;}
	[data-subarea="about06"] p br{display:none;}
	
	/* history */
	.area_history .flex_group .title_history h4{font-size:30px;}
	.area_history .group_box:not(.column){margin-left:-5px;}
	.area_history .box:not(.none):not(.full){flex:0 1 calc(100% / 2 - 5px); margin-left:5px;}
	.area_history .group_box:not(.column) .box{flex:0 1 calc(100% / 2 - 5px); margin-left:5px; margin-bottom:5px;}
	.area_history .box{height:28.125vw/* 90px */;}
	.area_history .box.certi{height:56.25vw/* 180px */;}
	.slide_certi .swiper-slide{width:200px;}
	.slide_certi .swiper-slide .box.certi{height:280px;}
	.area_history .group_box.column{columns:200px 2;}
	.area_history .group_box.column .box{height:160px;}
	.area_history .group_box.column .box.big{height:340px;}
	
	/* agency */
	.view_agency .title{font-size:20px;}
	
	/* direction */
	[data-subarea="direction"] .box_map{margin-top:-100px;}
	[data-subarea="direction"] .box_map p{word-break:keep-all;}
	
	/* product */
	.area_product_title h3{margin-bottom:10px;}
	.area_product_search{margin-top:30px;}
	[data-subarea="product_list"] ul > li{flex:0 1 100%; margin-right:0px;}
	[data-subarea="product_list"] ul > li:nth-child(2n){margin-left:0px;}
	[data-subarea="product_list"] ul > li > a .img{height:90.625vw/* 290px */;}
	
	/* product view */
	[data-subarea*="productView"] .sub_title{font-size:30px;}
	[data-subarea="productView02"] .list_report .certi > li{flex:0 1 calc(100% - 10px);}
	[data-subarea="productView02"] .list_report .certi > li .img{height:109.375vw/* 350px */;}
	[data-subarea="product_view_top"] .product_photo .swiper_bottom button{font-size:14px;}
	[data-subarea="product_view_top"] .product_info ul li a{height:40px;}
	.product_view_detail .area_between div[class*="box_monitor"] .sub_point{font-size:16px;}
	.product_view_detail .area_between div[class*="box_monitor"] .list > li span{font-size:18px;}
	.product_view_detail .area_between div[class*="box_monitor"] p{font-size:14px; font-weight:400;}
	.area_technology .swiper_bottom{margin-top:15px;}
	[data-subarea="productView03"] .list_video .swiper-slide em{font-size:14px;}
	[data-subarea="productView03"] .list_video .swiper_bottom button:before{width:20px; height:20px; margin:-10px 0 0 -10px;}
	.product_view_detail .area_btn .btn_list_go{min-width:150px; font-size:14px;}
	
	/* report */
	.list_report .certi > li{flex:0 1 calc(100% - 10px);}
	.list_report .certi > li .img{height:109.375vw/* 350px */;}
	
	/* between */
	.area_between .sub_title{font-size:30px;}
	
	/* solution total */
	[data-subarea="total02"] .sub_title,
	[data-subarea="total03"] .sub_title,
	[data-subarea="total04"] .sub_title{font-size:30px;}
	.list_certi_total > li{width:calc(100% - 15px);}
	.list_certi_total > li .img{height:125vw/* 400px */;}
	
	/* solution - monitor */
	[data-subarea="monitor03"] .sub_title{font-size:30px;}
}

@media screen and (max-width:280px){
	/* history */
	.area_history .box{height:150px;}
	.area_history .group_box:not(.column) .box{flex:0 1 calc(100% - 5px);}
	.area_history .box.certi{height:320px;}
	
	/* product view */
	[data-subarea*="productView"] .sub_title{font-size:28px;}
	
	/* between */
	.area_between .sub_title{font-size:28px;}
	
	/* solution total */
	[data-subarea="total02"] .sub_title,
	[data-subarea="total03"] .sub_title,
	[data-subarea="total04"] .sub_title{font-size:28px;}
	
	/* solution - monitor */
	[data-subarea="monitor03"] .sub_title{font-size:28px;}
}