@charset "utf-8";
:root{
	--color-black:#000;
	--color-black2:#222;
	--color-black3:#333;
	--color-black4:#444;
	--color-blue: #e83591;
	--color-white:#fff;
	--color-gray:#888;
	--color-grayc:#ccc;
	--color-gray9:#999;
	--color-gray6:#666;
	--color-grayf8:#f8f8f8;
	/* font */
	--font-poppins:'Poppins', Sans-serif;
	--font-pretendard:'Pretendard', Sans-serif;
	/* font size */
	--font-size18:18px;
	--font-size25:25px;
	/* background */
	--bg-black:#000;
	--bg-black1:#111;
	--bg-black2:#222;
	--bg-white:#fff;
	--bg-blue:#017cc2;
	--bg-grayf5:#f5f5f5;
	--bg-grayf7:#f7f7f7;
	--bg-grayf8:#f8f8f8;
	/* point color */
	--point-color:#017cc2;
	--point-color-text:#017cc2;
	--point-color-opacity:rgba(1,124,194,0.40);
	--point-color-white-opacity:rgba(255,255,255,0.10);
}
em {
	font-style: normal !important;
}

.slickmains{width: 100%;height: 700px;}
.slickmains > .slick-list{height: 100%; max-height:700px !important;}
.slickmains  > .slick-list img {max-height:100%; height:700px;}
.main_visual {background:linear-gradient(115.6777907393298deg, rgba(24, 101, 173,1) 6.605360243055557%,rgba(0, 0, 0,1) 99.58984375%); height:500px; position:relative;}
.img_main_box {position:absolute; bottom:-150px; right:5%;     transition: all 0.3s;
	width: 480px;
	border-radius: 180px 0 180px 0;
	overflow: hidden;
	z-index:1;
	-webkit-box-shadow: 4px 5px 10px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 4px 5px 10px 0px rgba(0, 0, 0, 0.3);}
.desciptions {position:absolute; bottom:10%;}
@media(max-width:768px){
	.main_visual {margin-bottom:70px; background:linear-gradient(115.6777907393298deg,
	rgba(24, 101, 173,1) 6.605360243055557%,rgba(0, 0, 0,1) 99.58984375%); height:350px}
	.img_main_box {position:absolute; bottom:0px; top:230px; right:0;     transition: all 0.3s;
		width: 100%!important;
		border-radius: 80px 80px 0px 0px;
		height:330px;
		overflow: hidden;
		z-index:1;
		-webkit-box-shadow: 4px 5px 10px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 4px 5px 10px 0px rgba(0, 0, 0, 0.3);}
	.slickmains{width: 100%;height: auto;}
	.slickmains > .slick-list{height: 100%; max-height:600px !important;}
	.slickmains > .slick-list img {max-height:700px; height:100%;}
	.slick-slideon {height:600px; !important;}
	.content-404-wrapper h1 {font-size:48px !important;}
	.content-404-wrapper h4 {font-size:28px !important;}
}
.type01_group  {border:1px solid #eee; border-radius: 16px;  padding:18px;}
.slidersa .slick-slide {padding-left:10px !important; padding-right:10px !important; }


.arl{
	position: absolute;
	font-size: 18px;
	width: 2.6667em;
	height: 2.6667em;
	right: 60px !important;
	bottom: -3.199em !important;
	margin-top: auto;
	border-radius: 8px;
	border: solid 2px var(--bs-border-color);
	box-shadow: 0 0 0 0 rgba(var(--bs-body-color-rgb), 0.15);
	background-color: var(--bs-body-bg);
	color: var(--bs-secondary-color);
	display: flex;
	align-items: bottom;
	justify-content: bottom;
	cursor: pointer;
	transition: all .3s;
	z-index: 1;
}
.arr {

	position: absolute;
	font-size: 18px;
	width: 2.6667em;
	height: 2.6667em;
	right: 10px !important;
	bottom: -3.199em !important;
	margin-top: auto;
	border-radius: 8px;
	border: solid 2px var(--bs-border-color);
	box-shadow: 0 0 0 0 rgba(var(--bs-body-color-rgb), 0.15);
	background-color: var(--bs-body-bg);
	color: var(--bs-secondary-color);
	display: flex;
	align-items: bottom;
	justify-content: bottom;
	cursor: pointer;
	transition: all .3s;
	z-index: 1;
}

.cus02 {text-align:center; font-size:18px; font-weight:600; margin-top:18px;}
.current-slide {color:#000 ;  font-size:18px; }
.total-slides {color:#d9d9d9}
.guides {color:#d9d9d9 !important}




.cus01 {display:block !important; text-align:right}
@media(max-width: 768px) {

	.type01_group  {border:none; padding:0}
	.custom-pagination {}
	.cus01 {display:none !important; text-align:center}
	.cus02 {text-align:center; font-size:16px; font-weight:600; margin-top:18px;}
	.current-slide {color:#000 ;  font-size:16px; }
	.total-slides {color:#d9d9d9}
	.guides {color:#d9d9d9 !important}

	.arl{
		position: absolute;
		font-size: 18px;
		width: 2.0667em;
		height: 2.0667em;
		right:50px !important;
		bottom: -2.567em !important;
		margin-top: auto;
		border-radius: 8px;
		border: solid 2px var(--bs-border-color);
		box-shadow: 0 0 0 0 rgba(var(--bs-body-color-rgb), 0.15);
		background-color: var(--bs-body-bg);
		color: var(--bs-secondary-color);
		display: flex;
		align-items: bottom;
		justify-content: bottom;
		cursor: pointer;
		transition: all .3s;
		z-index: 1;
	}
	.arr {

		position: absolute;
		font-size: 18px;
		width: 2.0667em;
		height: 2.0667em;
		bottom: -2.567em !important;
		margin-top: auto;
		border-radius: 8px;
		border: solid 2px var(--bs-border-color);
		box-shadow: 0 0 0 0 rgba(var(--bs-body-color-rgb), 0.15);
		background-color: var(--bs-body-bg);
		color: var(--bs-secondary-color);
		display: flex;
		align-items: bottom;
		justify-content: bottom;
		cursor: pointer;
		transition: all .3s;
		z-index: 1;
	}
}
.review-area {background:#f9f9f9; padding:80px 0; width:100%; displaY:block; position:relative; }
.review-header {margin-bottom:50px;}
.re-desc {color:#000; font-size:16px;}

.main_top_logo {max-height:40px !important;}
.main_top_logo  .light-mode-img {max-height:90px !important; margin-top:-10px;}

@media(max-width:768px){
	.main_top_logo {text-align:left; margin:3px !important;}
	.main_top_logo  .light-mode-img {max-height:40px !important;}



}
/* cursor */
#cursor{position:fixed; z-index:1000; width:60px; height:60px; text-align:center; pointer-events:none; /* mix-blend-mode:exclusion; */ transform-origin:50% 50%; transition:opacity 0.3s ease;}
#cursor span{opacity:0; display:block; position:absolute; top:50%; left:50%; z-index:1; font-size:13px; color:#fff; transform:translate(-50%, -50%); transition:opacity 0.3s ease-in-out 0s;}
#cursor i{opacity:0.8; display:block; width:100%; height:100%; border-radius:100%; background:#017cc2; /* mix-blend-mode:exclusion; backface-visibility:hidden; */ transform:scale(0); transition:all 0.3s ease-in-out 0s;}
#cursor.big span{opacity:1; transition-delay:0.2s;}
#cursor.big i{transform:scale(1);}

body{overflow:none !important; position:relative;}
body.active{overflow:hidden; position:fixed; width:100%;}

/* header */
#header{; top:0px; left:0px; z-index:99; width:100%;}
#header .inr{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; position:relative; z-index:10; padding:19px 70px 0px; transition:background 0.2s linear;}
#header .inr:before{content:''; opacity:0.3; display:block; position:absolute; left:70px; top:100px; width:calc(100% - 140px); height:1px; background:#fff; transition:0.2s linear 0s;}
#header h1{position:absolute; left:70px; top:50%; width:123px; height:26px; margin-top:-13px;}
#header h1 > a{display:block; height:100%; background:url(../images/common/logo.png) no-repeat 50% 0; background-size:100% auto; font-size:0px; transition:0.2s linear;}
#header nav{margin:0 auto; padding-top:5px;}
#header nav .gnb{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;}
#header nav .gnb > li{flex:auto; padding:0 20px; line-height:1em;}
#header nav .gnb > li > a{position:relative; display:inline-block; padding:17px 20px 43px; font-size:18px; font-weight:500; color:#fff; letter-spacing:0px; transition:0.2s linear;}
#header nav .gnb > li > a:after{content:''; display:block; position:absolute; bottom:-1px; left:0px; width:100%; height:5px; background:#017cc2; transform:scaleX(0); transition:transform 0.5s ease-out 0s;}
#header nav .gnb > li .box{display:none; position:absolute; margin-top:-4px; text-align:center;}
#header nav .gnb > li:last-child .box{margin-left:-150px;}
[lang="en"] #header nav .gnb > li:nth-of-type(2) .box{margin-left:-450px;}
[lang="en"] #header nav .gnb > li:nth-of-type(5) .box{margin-left:-150px;}
#header nav .gnb > li .box > ul > li{display:inline-block;}
#header nav .gnb > li .box > ul > li > a{display:inline-block; position:relative; padding:35px 20px 25px 35px; font-size:16px; font-weight:500; color:#333; letter-spacing:-0.5px; transition:0.2s ease;}
[lang="en"] #header nav .gnb > li .box > ul > li > a{padding-right:10px;}
#header nav .gnb > li .box > ul > li:first-child > a{padding-left:20px;}
#header nav .gnb > li .box > ul > li > a:before{content:''; display:block; position:absolute; top:50%; left:20px; width:6px; height:6px; margin-top:1px; background:#017cc2; border-radius:100%; transform:scale(0); transition:transform 0.3s ease;}
#header nav .gnb > li .box > ul > li:first-child  > a:before{left:5px;}
#header nav .gnb > li .box > ul > li > a:hover,
#header nav .gnb > li .box > ul > li > a:focus{color:#017cc2;}
#header nav .gnb > li .box > ul > li > a:hover:before,
#header nav .gnb > li .box > ul > li > a:focus:before{transform:scale(1)}
#header nav .gnb > li .box > ul > li i{display:none;}
.web #header nav .gnb > li ul > li > ul{display:none !important;}
#header .gnb_bg{position:absolute; top:0px; left:0px; z-index:1; width:100%; height:147px; background:#fff; transform:scaleY(0); transform-origin:0 0; transition:0.3s ease;}
#header .gnb_bg.active{transform:scaleY(1);}
#header nav .gnb > li.active > a,
#header nav .gnb > li.active > a.on{color:#333 !important;}
#header nav .gnb > li.active > a:after{transform:scaleX(1);}
#header nav .gnb > li.active ul{display:block;}
.mob #header nav .gnb > li ul > li > ul{display:none;}
/* sub fixed */
#header .inr.fix h1 > a{background-image:url(../images/common/logo.svg);}
#header .inr.fix:before{opacity:0.15; background:#222;}
#header .inr.fix .gnb > li > a{color:#222;}
#header .inr.fix .area_lang button{color:#222;}
#header .inr.fix .area_lang button:before{border-top-color:#222;}
#header .inr.fix .area_lang button:after{background-color:#222;}
#header .inr.fix .area_lang a{color:#fff;}
#header .inr.fix .list_lang{background:#222;}
#header .inr.fix .btn_menu span i,
#header .inr.fix .btn_menu span:before,
#header .inr.fix .btn_menu span:after{background-color:#222;}
/* util */
.area_util{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; position:absolute; right:70px; top:0px; height:100px}
.area_util > *{border-left:1px solid rgba(255,255,255,0.3);}
/* mobile menu btn */
#header .btn_menu{display:inline-block; width:90px; height:100%; box-sizing:border-box; font-size:0px; text-align:center; transition:0.5s ease-in-out;}
#header .btn_menu span{overflow:hidden; display:block; position:relative; top:50%; width:29px; height:5px; margin:0 auto; transform:translateY(-50%); -webkit-transform:translateY(calc(-50% + 0.5px));}
#header .btn_menu span i,
#header .btn_menu span:before,
#header .btn_menu span:after{content:''; display:block; position:absolute; width:5px; height:5px; border-radius:100%; background:#fff; transform:translateX(0px);}
#header .btn_menu span:before{left:0px; top:0px; transition:transform 0.5s ease 1.2s;}
#header .btn_menu span:after{right:0px; bottom:0px; transition:transform 0.5s ease 1s;}
#header .btn_menu span i{opacity:1; left:12px; top:0; transition:opacity 0.3s ease 0s, transform 0.5s ease 1.1s;}
#header .btn_menu_close{display:inline-block; width:40px; height:40px; background:#017cc2 url(../images/common/btn_mob_close.png) no-repeat 50% 50%; background-size:12px 12px; border-radius:100%; font-size:0px; transition:transform 0.5s ease 0s;}
#header .btn_menu_close:hover{transform:rotate(180deg);}
/* lang */
#header .area_lang{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:110px; height:100%; box-sizing:border-box;}
#header .area_lang a{display:inline-block; font-size:15px; font-weight:500; color:#fff;}
#header .area_lang a:after{content:''; display:inline-block; width:20px; height:20px; margin-left:7px; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 100%; vertical-align:middle;}
#header .area_lang a.en:after{background-image:url(../images/common/icon_lang_en.svg);}
#header .area_lang a.kor:after{background-image:url(../images/common/icon_lang_kor.svg);}
/* gnb active */
#header .inr.active:before,
#header .inr.black:before{background-color:#b3b3b3;}
#header .inr.active h1 > a,
#header .inr.black h1 > a{background-image:url(../images/common/logo_ori.png);}
#header .inr.active .gnb > li > a,
#header .inr.black .gnb > li > a{color:#333;}
#header .inr.active .area_util > *,
#header .inr.black .area_util > *{border-left-color:rgba(179,179,179,0.3);}
#header .inr.active .area_lang a,
#header .inr.black .area_lang a{color:#333;}
#header .inr.active .btn_menu span i,
#header .inr.active .btn_menu span:before,
#header .inr.active .btn_menu span:after,
#header .inr.black .btn_menu span i,
#header .inr.black .btn_menu span:before,
#header .inr.black .btn_menu span:after{background-color:#333;}
/* mega menu */
.area_allmenu{opacity:0;visibility:hidden; overflow-y:auto; display:flex; flex-flow:column nowrap; justify-content:space-between; align-items:center; position:fixed; left:0px; top:0px; z-index:90; width:100%; height:100%; min-height:800px; background:#fff; transition:opacity 0.3s ease 0.5s, visibility 0.3s ease 0.5s;}
.area_allmenu .title{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; width:1440px; box-sizing:border-box; margin:0 auto; padding:100px 20px 85px;}
.area_allmenu .title h2{font-size:80px; font-weight:600;}
.allmenu_gnb{flex:auto; position:relative; z-index:5; width:1440px; box-sizing:border-box; margin:0 auto; padding:0 20px 100px;}
.allmenu_gnb .gnb{display:flex; flex-flow:row wrap; justify-content:center; align-items:stretch; height:100%;}
.allmenu_gnb .gnb > li{opacity:0; width:calc(100% / 6); box-sizing:border-box; padding:50px 20px 0; border-left:1px solid #e1e1e1; transform:translateY(-50px); transition:1s ease 0s;}
.allmenu_gnb .gnb > li:first-child{border-left-width:0px;}
.allmenu_gnb .gnb > li > a{display:inline-block; position:relative; margin-bottom:10px; font-size:30px; color:#333; font-weight:700; letter-spacing:-1px; transition:0.3s ease;}
.allmenu_gnb .gnb > li > a i{display:none;}
.allmenu_gnb .gnb > li.active > a{color:#017cc2;}
.allmenu_gnb .gnb > li ul{padding-bottom:20px;}
.allmenu_gnb .gnb > li ul > li{padding:5px 0px;}
.allmenu_gnb .gnb > li ul > li > a{display:inline-block; font-size:18px; color:#555; font-weight:400; letter-spacing:-1px; transition:0.3s ease;}
.allmenu_gnb .gnb > li ul > li > a:hover,
.allmenu_gnb .gnb > li ul > li > a:focus{color:#017cc2; box-shadow:0 1px 0px #0083c3;}
.allmenu_gnb .gnb > li:nth-of-type(3) ~ li ul{padding-bottom:0px;}
.allmenu_gnb .gnb li button{display:none;}
#header.active .allmenu_gnb:before{opacity:1; transition-delay:0.4s;}
#header.active .allmenu_gnb .gnb > li{opacity:1; transform:translateY(0px);}
#header.active .allmenu_gnb .gnb > li:nth-of-type(1){transition-delay:0.2s;}
#header.active .allmenu_gnb .gnb > li:nth-of-type(2){transition-delay:0.3s;}
#header.active .allmenu_gnb .gnb > li:nth-of-type(3){transition-delay:0.4s;}
#header.active .allmenu_gnb .gnb > li:nth-of-type(4){transition-delay:0.5s;}
#header.active .allmenu_gnb .gnb > li:nth-of-type(5){transition-delay:0.6s;}
#header.active .allmenu_gnb .gnb > li:nth-of-type(6){transition-delay:0.7s;}
#header.active .area_allmenu{opacity:1; visibility:visible; transition-delay:0s, 0s;}

/* footer */
#footer{background:#081724; color:#5c646c;}
#footer a{color:#5c646c;}
#footer .inr_top{max-width:1200px; padding:55px 20px; margin:0 auto;}
#footer .logo{display:block; width:149px; height:31px; background:url('https://inbkorea.com/theme/design/images/common/logo_footer.png') no-repeat 50% 0; background-size:auto 100%; font-size:0px;}
#footer .inr_bottom{border-top:1px solid #112434;}
#footer .inr_bottom .box{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; max-width:1200px; margin:0 auto; padding:0 20px;}
#footer .list_info{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; margin-top:50px;}
#footer .list_info > li{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; margin-right:60px; font-family:'Pretendard', Sans-serif; font-size:16px; font-weight:500;}
#footer .list_info > li i{display:inline-block; margin-right:20px; font-style: normal;}
#footer .list_info > li span,
#footer .list_info > li span a{display:inline-block;}
#footer .list_info .tel{font-weight:600; color:#fff;}
#footer .list_link > li{display:inline-block; padding:25px 0px; margin-right:55px;}
#footer .list_link > li a{display:inline-block; font-weight:500;}
#footer .list_link > li a.focus{color:#fff;}
#footer .inr_bottom p{font-size:13px; font-weight:500; letter-spacing:1px;}
#footer .inr_spot{position:relative; padding:45px 20px; background:#080f14;}
#footer .inr_spot .box{max-width:1200px; margin:0 auto;}
#footer .inr_spot ul{display:flex; flex-flow:row nowrap; justify-content:center; align-items:center;}
#footer .inr_spot ul li{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; margin:0 45px; font-size:14px; color:#fff;}
#footer .inr_spot ul li i{margin-right:10px;}
#footer .inr_spot ul li img{max-width:100%;}
#footer .inr_spot ul li span{opacity:0.5;}
#footer .btn_top{opacity:0; visibility:hidden; display:inline-block; position:fixed; bottom:70px; right:40px; z-index:90; width:70px; height:70px; background:#060d13; font-size:0px; transition:0.5s ease 0s;}
#footer .btn_top:before{content:''; display:block; position:absolute; top:50%; left:50%; width:8px; height:12px; margin:-6px 0 0 -4px; background:url('https://inbkorea.com/theme/design/images/main/img_arrow_slide_w.svg') no-repeat 50% 50%; background-size:auto 100%; transform:rotate(90deg);}
#footer .btn_top:hover{box-shadow:0 10px 40px rgba(0,0,0,0.25);}
#footer .btn_top.fix{opacity:1; visibility:visible;}
#footer .btn_top.end{position:absolute; bottom:auto; top:0px;}

/* content */
.area_sub_visual{position:relative; height:670px;}
.area_sub_visual > .inr{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; max-width:1400px; height:100%; margin:0 auto; padding:0 20px; color:var(--color-white);}
.area_sub_visual .box{margin-top:230px;}
.area_sub_visual .box em{overflow:hidden; display:block; font-size:20px; font-weight:500; letter-spacing:0px;}
.area_sub_visual .box h2{overflow:hidden; margin-top:15px; font-size:85px; font-weight:600; line-height:1.2em; word-break:keep-all;}
.area_sub_visual .box em span,
.area_sub_visual .box h2 span{display:block; transform:translateY(100%); transition:transform 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;}
.area_sub_visual .obj_bg{overflow:hidden; display:block; position:absolute; top:0px; left:0px; z-index:-1; width:100%; height:100%;}
.area_sub_visual .obj_bg i{display:block; width:100%; height:100%; transform:scale(1.1); transition:transform 1.8s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;}
.area_sub_visual .obj_bg img{object-fit:cover; width:100%; height:100%;}
.area_sub_visual.active  .box em span,
.area_sub_visual.active .box h2 span{transform:translateY(0);}
.area_sub_visual.active  .box em span{transition-delay:0.2s;}
.area_sub_visual.active  .box h2 span{transition-delay:0.3s;}
.area_sub_visual.active .obj_bg i{transform:scale(1);}
.area_sub_visual.product{overflow:hidden; height:100vh; height:calc(var(--vh, 1vh) * 100);}
.area_sub_visual.product:after{content:''; opacity:0.15; display:block; position:absolute; top:0px; left:0px; z-index:-1; width:100%; height:100%; background:#000;}
.area_sub_visual.product > .inr{align-items:center;}
.area_sub_visual.product .box{margin-top:0;}
[lang="en"] .area_sub_visual .box h2{line-height:1.25em;}
/* lnb + snb */
.area_lnb{width:100%; margin-top:auto; margin-bottom:60px; color:var(--color-white);}
.area_lnb > .inr{display:flex; flex-flow:row wrap; justify-content:flex-end; align-items:center;}
.area_lnb > .inr > *{margin-left:30px;}
.area_lnb .btn_home{display:inline-block; position:relative; width:50px; height:50px; margin-left:0px; background:var(--bg-blue); border-radius:100%; font-size:0px;}
.area_lnb .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_lnb button{display:inline-block; position:relative; width:100%; height:50px; box-sizing:border-box; padding-left:15px; padding-right:30px; background-color:transparent; border-bottom:1px solid rgba(255,255,255,0.5); text-align:left; font-size:18px; font-weight:500; color:var(--color-white);}
.area_lnb button:after{content:''; display:block; position:absolute; right:10px; top:50%; width:11px; height:7px; margin-top:-3.5px; background:url(../images/common/img_lnb_arrow.svg) no-repeat 50% 50%; background-size:auto 100%; transform:rotate(0deg); transition:transform 0.3s ease 0s;}
.area_lnb button.active:after{transform:rotate(180deg);}
.area_lnb .lnb,
.area_lnb .snb{position:relative; z-index:10;}
.area_lnb .lnb{min-width:160px;}
.area_lnb .snb{min-width:200px;}
.area_lnb ul{display:none; position:absolute; top:49px; left:0px; width:100%; box-sizing:border-box; padding:15px 10px; background:#fff; border:1px solid #ebebeb;}
.area_lnb ul > li > a,
.area_lnb ul > li > a{display:block; padding:3px 5px; font-weight:400; transition:color 0.3s ease 0s;}
.area_lnb ul > li > a:hover{color:var(--color-blue);}
.area_sub_visual.product .area_lnb{display:none;}
/* tab */
.area_tab ul{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;}
.area_tab ul > li{margin-right:50px;}
.area_tab ul > li > a{display:inline-block; position:relative; padding-bottom:5px; font-family:var(--font-pretendard); font-size:18px; font-weight:700; color:#cbcbcb;}
.area_tab ul > li > a:after{content:''; display:inline-block; position:absolute; left:0px; bottom:0px; width:100%; height:2px; background-color:var(--bg-blue); transform:scaleX(0); transition:transform 0.5s ease-out 0s;}
.area_tab ul > li > a.on,
.area_tab ul > li > a#bo_cate_on{font-size:22px; color:var(--color-blue);}
.area_tab ul > li > a.on:after,
.area_tab ul > li > a#bo_cate_on:after{transform:scaleX(1);}

.area_tab.type02{background:var(--bg-white); border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.area_tab.type02 ul{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; max-width:1400px; margin:0 auto;}
.area_tab.type02 ul > li{min-width:190px; height:87px;}
.area_tab.type02 ul > li > a,
.area_tab.type02 ul > li > button{position:relative; width:100%; height:100%; box-sizing:border-box; padding:0 20px; font-size:20px; font-weight:400; color:#777; transition:0.3s ease 0s;}
.area_tab.type02 ul > li > button{display:block;}
.area_tab.type02 ul > li > a:before,
.area_tab.type02 ul > li > button:before{content:''; display:block; position:absolute; top:-1px; left:0px; width:100%; height:3px; background: #c81b75; transform:scaleX(0); transition:transform 0.5s ease-out 0s;}
.area_tab.type02 ul > li > a{display:flex; flex-flow:row wrap; justify-content:center; align-items:center;}
.area_tab.type02 ul > li > a.active,
.area_tab.type02 ul > li > a.on,
.area_tab.type02 ul > li > button.on{color:var(--color-blue); font-weight:600;}
.area_tab.type02 ul > li > a.active:before,
.area_tab.type02 ul > li > a.on:before,
.area_tab.type02 ul > li > button.on:before{transform:scaleX(1);}

/* scroll */
.area_scroll{position:absolute; bottom:-25px; right:50%; z-index:40; margin-right:-650px; color:#fff; text-align:center;}
.area_scroll em{display:block; position:relative; top:-180px; padding-top:2px; font-size:15px; font-weight:500; letter-spacing:0; transform:rotate(-90deg); transform-origin:50% 50%;}
.area_scroll i{display:block; overflow:hidden; position:relative; width:2px; height:110px; margin:0 auto;}
.area_scroll i:before{content:''; display:block; position:absolute; top:0px; left:0px; width:100%; height:60px; background:#fff; animation:scroll 5s cubic-bezier(0.48, 0.13, 0.09, 0.99) infinite;}

/* flex  */
.flex_group{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;}
.flex_group.between{justify-content:space-between;}

/* animation */
/* word */
.wordAni{opacity:0;}
.wordAni.active{opacity:1;}
.wordAni > span{display:inline-block;}
.wordAni .word{display:inline-block;}
/* motion rail */
[data-motion-rail]{position:absolute; left:0px; top:0px; text-transform:uppercase; font-size:200px; letter-spacing:2px; white-space:nowrap;}
[data-motion-rail] .eocjs-newsticker-container{position:relative; width:100%; padding-top:30%;}
[data-motion-rail].eocjs-newsticker .eocjs-newsticker-one,
[data-motion-rail].eocjs-newsticker .eocjs-newsticker-two{position:absolute; left:0; top:0; white-space:nowrap;}
/* hide show */
.hide_show{opacity:0; transition:opacity 0.7s ease 0s;}
.hide_show.motion_in,
.motion_in .hide_show{opacity:1;}
.hide_showDown{opacity:0; transform:translateY(-30px); transition:opacity 0.9s ease 0s, transform 0.9s ease 0s;}
.hide_showDown.motion_in,
.motion_in .hide_showDown{opacity:1; transform:translateY(0px);}
.hide_showUp{opacity:0; transform:translateY(30px); transition:opacity 0.9s ease 0s, transform 0.9s ease 0s;}
.hide_showUp.motion_in,
.motion_in .hide_showUp{opacity:1; transform:translateY(0px);}
.hide_showLeft{opacity:0; transform:translateX(-30px); transition:opacity 0.9s ease 0s, transform 0.9s ease 0s;}
.hide_showLeft.motion_in,
.motion_in .hide_showLeft{opacity:1; transform:translateX(0px);}
.hide_showRight{opacity:0; transform:translateX(30px); transition:opacity 0.9s ease 0s, transform 0.9s ease 0s;}
.hide_showRight.motion_in,
.motion_in .hide_showRight{opacity:1; transform:translateX(0px);}
.hide_overUp span{overflow:hidden; display:inline-block;}
.hide_overUp span i{display:inline-block; transform:translateY(100%); transition:transform 0.9s ease 0s;}
.hide_overUp.motion_in span i{transform:translateY(0%);}
.motionScale{transition:transform 0.3s ease 0s;}
.slide_show_down{clip-path:polygon(100% 0, 100% 0, 0 0, 0 0); transition:clip-path 1.5s ease 0s;}
.slide_show_down.motion_in{clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 0); transition-delay:0.2s;}
.slide_show_up{clip-path:polygon(100% 100%, 100% 100%, 0 100%, 0 100%); transition:clip-path 1.5s ease 0s;}
.slide_show_up.motion_in{clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 0); transition-delay:0.2s;}
.slide_show_right{clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); transition:clip-path 1.5s ease 0s;}
.slide_show_right.motion_in{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); transition-delay:0.2s;}
.slide_show_left{clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%); transition:clip-path 1.5s ease 0s;}
.slide_show_left.motion_in{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); transition-delay:0.2s;}
[class*="scale_show"]{overflow:hidden; display:inline-block;}
[class*="scale_show"] > *{transform:scale(1.1); transform-origin:50% 50%; transition:transform 1s ease 0s;}
[class*="scale_show"].motion_in > *{transform:scale(1);}

/* swiper gride */
.list_grid{position:relative;}
.list_grid .swiper-slide{display:flex; flex-wrap:wrap; justify-content:flex-start;}
.list_grid .swiper_bottom button{display:inline-block; position:absolute; top:50%; width:80px; height:80px; margin-top:-55px; background:#f1f1f1; border-radius:100%; font-size:0px; transition:0.3s ease 0s;}
.list_grid .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;}
.list_grid .swiper_bottom button.swiper_prev:before{transform:rotate(-180deg);}
.list_grid .swiper_bottom button.swiper-button-disabled{opacity:0.3;}
.list_grid .swiper_bottom button:not(.swiper-button-disabled):hover{background-color:#eef5fb;}
.list_grid .swiper_bottom button:not(.swiper-button-disabled):hover:before{background-image:url(../images/contents/img_certi_arrow.svg);}
.list_grid .swiper_prev{left:0;}
.list_grid .swiper_next{right:0;}


@keyframes scroll{
	0%{transform:translateY(-60px);}
	100%{transform:translateY(500%);}
}

@media screen and (min-width:1921px){
	/* content */
	.area_sub_visual{height:34.87766788131182vw/* 670px */;}
	.area_sub_visual .box{margin-top:11.972930765226444vw/* 230px */;}
	.area_sub_visual .box h2{font-size:4.424778761061947vw/* 85px */;}
	.area_sub_visual .box em{font-size:1.041124414367517vw/* 20px */;}
}

@media screen and (max-width:1600px){
	/* header */
	#header .inr{padding-left:40px; padding-right:40px;}
	#header .inr:before{left:40px; width:calc(100% - 80px);}
	#header h1{left:40px;}
	#header nav .gnb > li{padding:0 10px;}
	.area_util{right:40px;}

	/* content */
	.area_sub_visual > .inr{padding:0 40px;}
}

@media screen and (max-width:1500px){
	#header .btn_menu_close{margin-right:50px;}
	.area_allmenu .title{width:100%; padding-left:40px; padding-right:40px;}
	.allmenu_gnb{width:100%; padding-left:40px; padding-right:40px;}

	#header nav .gnb > li:nth-of-type(2) .box{margin-left:-200px;}
	html[lang="en"] #header nav .gnb > li .box > ul > li > a{font-size:15px;}

	.area_scroll{right:100px; margin-right:0px;}
	/* tab */
	.area_tab.type02 ul > li{height:70px;}
	.area_tab.type02 ul > li > a,
	.area_tab.type02 ul > li > button{font-size:18px;}

	/* swiper gride */
	.list_grid .swiper_bottom button{width:55px; height:55px; margin-top:-23px;}
	.list_grid .swiper_bottom button:before{width:20px; height:20px; margin:-10px 0 0 -10px;}

	#footer .btn_top{right:20px;}
}

@media screen and (max-width:1300px){
	:root{
		--font-size25:1.9230769230769231vw/* 25px */;
	}

	/* header */
	#header .inr{padding:0 20px;}
	#header .inr:before{left:20px; top:90px; width:calc(100% - 40px);}
	#header h1{position:static; margin-top:0px;}
	#header nav{display:none;}
	.area_util{position:static; height:90px;}
	/* lang */
	#header .area_lang{width:90px;}
	.area_allmenu{display:block;}
	.area_allmenu .title{padding-top:50px; padding-bottom:30px;}
	.allmenu_gnb .gnb > li{width:100%; padding:20px 0 0; border-left-width:0px;}

	/* footer */
	#footer .btn_top{right:20px; width:60px; height:60px;}

	/* content */
	.area_sub_visual > .inr{padding:0 20px;}
}

@media screen and (max-width:1200px){
	.area_scroll{right:0px;}

	/* tab */
	.area_tab.type02 ul > li{/* margin-right:20px; */}

	/* footer */
	#footer .inr_spot ul{flex-wrap:nowrap;}
	#footer .inr_spot ul li{margin:0 20px; font-size:12px;}
}

@media screen and (max-width:1024px){
	:root{
		--font-size25:20px;
	}

	#header h1 > a{background-image:url(../images/common/logo@x3.png);}
	#header .btn_menu_close{background-image:url(../images/common/btn_mob_close@x3.png);}

	/* footer */
	#footer .logo{background-image:url(../images/common/logo_footer@x3.png);}
	#footer .inr_top{padding-top:35px; padding-bottom:35px;}
	#footer .list_link{padding:0 20px;}
	#footer .list_link > li{margin-right:30px;}
	#footer .list_info{margin-top:30px;}
	#footer .list_info > li{font-size:14px;}
	#footer .inr_bottom .box{display:block; padding:0px;}
	#footer .inr_bottom p{padding:20px 20px 25px;}
	#footer .inr_spot ul li{flex-wrap:nowrap;}
	#footer .inr_spot ul li span{word-break:keep-all;}
	#footer .inr_spot ul li span br{display:none;}

	/* content */
	.area_lnb .btn_home:before{background-image:url(../images/common/img_location_home@x3.png);}
	.area_sub_visual{height:58.59375vw/* 600px */;}
	.area_sub_visual .box{margin-top:19.53125vw/* 200px */;}
	.area_sub_visual .box h2{font-size:8.30078125vw/* 85px */;}
	.area_sub_visual .box em{font-size:1.953125vw/* 20px */;}
	.area_lnb{margin-bottom:30px;}
	.area_lnb ul > li > a,
	.area_lnb ul > li > a{font-size:15px;}

	/* tab */
	.area_tab.type02 ul > li{margin-right:0px;}
	[lang="en"] .area_tab.type02 ul > li{min-width:150px; margin-right:20px;}
	.area_tab.type02 ul > li > a,
	.area_tab.type02 ul > li > button{padding:0 10px;}
}

@media screen and (max-width:768px){
	:root{
		--font-size18:16px;
		--font-size25:18px;
	}
	#header .inr:before{top:70px;}
	.area_util{height:70px;}
	#header .btn_menu,
	#header .area_lang{width:70px;}
	#header .area_lang a{font-size:13px;}
	#header .btn_menu_close{margin-right:0px;}
	.area_allmenu{overflow:inherit; min-height:inherit;}
	.area_allmenu .title{position:absolute; right:20px; top:20px; z-index:10; width:auto; padding:0px;}
	.area_allmenu .title h2{display:none;}
	.allmenu_gnb{overflow-y:auto; height:100%; padding-top:30px;}
	.allmenu_gnb .gnb{height:auto;}
	.allmenu_gnb .gnb > li:last-child{padding-bottom:30px;}
	.area_scroll em{font-size:13px;}
	/* footer */
	#footer .logo{display:none;}
	#footer .btn_top{width:50px; height:50px;}
	#footer .list_info{display:block; margin-top:20px;}
	#footer .list_info > li{align-items:flex-start; margin-bottom:7px; margin-right:0px; padding:0}
	#footer .list_info > li i{flex:none; width:80px; text-decoration: none; font-style: normal}
	#footer .list_info > li span{width:calc(100% - 150px);}
	#footer .inr_spot{padding:20px;}
	#footer .inr_spot ul{flex-wrap:wrap; justify-content:flex-start;}
	#footer .inr_spot ul li{margin:3px 0px;}
	#footer .inr_spot ul li i{flex:none; width:60px;}
	/* content */
	.area_lnb{margin-bottom:0px; background-color:#fff;}
	.area_lnb > .inr{flex-wrap:nowrap; justify-content:flex-start;}
	.area_lnb .btn_home{flex:none; border-radius:0px;}
	.area_lnb button{padding-left:20px; border-bottom:1px solid #ebebeb; color:var(--color-black2); font-size:16px; line-height:1.3em; word-break:keep-all;}
	.area_lnb button:after{background-image:url(../images/common/img_lnb_arrow_b.svg);}
	.area_lnb > .inr > *{min-width:inherit;  margin-left:0px;}
	.area_lnb .lnb{width:calc(50% - 50px);}
	.area_lnb .lnb button{border-right:1px solid #ebebeb;}
	.area_lnb .snb{width:50%;}
	.area_sub_visual .box em{font-size:16px;}
	.area_sub_visual.product{min-height:600px;}
	/* tab */
	.area_tab.type02 ul{flex-wrap:nowrap;}
	.area_tab.type02 ul > li{flex:1 1 0; min-width:inherit; height:60px; margin-right:0px;}
	.area_tab.type02 ul > li > a{line-height:1.3em; word-break:keep-all; text-align:center;}
	[lang="en"] .area_tab.type02 ul > li{min-width:inherit; margin-right:15px;}
	/* swiper gride */
	.list_grid .swiper_bottom button{z-index:20;}
	.list_grid .swiper_prev{left:-10px;}
	.list_grid .swiper_next{right:-10px;}

	/* footer */
	#footer .logo{background-image:url(../images/common/logo_footer@x3.png);}
	#footer .inr_top{padding-top:15px; padding-bottom:0px; padding:20px 20px; }
	#footer .list_link{padding:0 20px;}
	#footer .list_link > li{margin-right:30px;}
	#footer .list_info{margin-top:30px;}
	#footer .list_info > li{font-size:14px;}
	#footer .inr_bottom .box{display:block; padding:0px;}
	#footer .inr_bottom p{padding:20px 20px 25px;}
	#footer .inr_spot ul li{flex-wrap:nowrap;}
	#footer .inr_spot ul li span{word-break:keep-all;}
	#footer .inr_spot ul li span br{display:none;}
}

@media screen and (max-width:680px){
	/* tab */
	.area_tab.type02 ul > li > a,
	.area_tab.type02 ul > li > button{font-size:12px;}
	[lang="en"] .area_tab.type02 ul > li > a,
	[lang="en"] .area_tab.type02 ul > li > button{padding:0 5px; font-size:15px;}

	/* swiper gride */
	.list_grid .swiper_bottom button{margin-top:-32px;}
}

@media screen and (max-width:560px){
	:root{
		--font-size18:14px;
		--font-size25:16px;
	}

	/* footer */
	#footer .logo{width:119px; height:25px;}
	#footer .list_link{padding-top:20px; padding-bottom:20px;}
	#footer .list_link > li{padding:0px; margin-right:15px;}
	#footer .list_link > li:last-child{margin-right:0px;}

	/* contents */
	.area_sub_visual{height:80.35714285714286vw/* 450px */;}
	.area_sub_visual .box{margin-top:26.785714285714285vw/* 150px */;}
	.area_sub_visual .box h2{font-size:10.714285714285714vw/* 60px */;}
	.area_sub_visual .obj_bg i:after{content:''; display:block; clear:both;}
	.area_sub_visual .obj_bg[class*="about"] i img{float:right; width:auto; margin-right:-220px;}
	.area_sub_visual .obj_bg[class*="rnd"] i img{width:auto; margin-left:-170px;}
	.area_lnb .btn_home:before{width:12px; height:14px;}
	.area_tab > ul > li{margin-right:30px;}
	.area_tab > ul > li:last-child{margin-right:0px;}
	.area_tab > ul > li > a.on{font-size:20px;}

	/* swiper gride */
	.list_grid .swiper_bottom button{width:45px; height:45px; margin-top:-30px;}
}

@media screen and (max-width:480px){
	/* footer */
	#footer .inr{padding-left:20px;}

	/* content */
	.area_lnb .lnb{display:none;}
	.area_lnb .snb{width:calc(100% - 50px);}
	.area_sub_visual .box h2{margin-top:5px;}
}

@media screen and (max-width:420px){
	#header h1{width:98px; height:21px;}
	.allmenu_gnb{padding-left:20px; padding-right:20px;}

	/* footer */
	#footer .inr_spot ul li span{line-height:1.2em;}
	#footer .btn_top{right:10px;}

	/* content */
	.area_sub_visual{height:95.23809523809523vw/* 400px */;}
	.area_sub_visual > .inr{align-items:center;}
	.area_sub_visual .box{margin-top:30.952380952380953vw/* 130px */;}
	/* tab */
	.area_tab{padding-top:10px;}
	.area_tab > ul > li > a{font-size:16px;}
	.area_tab > ul > li > a.on{font-size:18px;}
	.area_tab.type02{padding-top:0px;}
	.area_tab.type02.scroll_control.full .inner{height:60px;}
}

@media screen and (max-width:360px){
	.allmenu_gnb .gnb > li > a{font-size:25px;}
	.allmenu_gnb .gnb > li ul > li > a{font-size:16px;}

	/* footer */
	#footer .btn_top{position:absolute;}

	/* content */
	.area_sub_visual .box em{font-size:14px;}
	/* tab */
	.area_tab.type02 ul > li > a,
	.area_tab.type02 ul > li > button{font-size:14px;}
}

@media screen and (max-width:320px){
	#header .btn_menu{width:50px;}
	#header .area_lang{width:60px;}
	.area_scroll{right:-10px;}

	/* content */
	.area_sub_visual{height:109.375vw/* 350px */;}
	.area_sub_visual .box{margin-top:37.5vw/* 120px */;}
	.area_sub_visual .box h2{font-size:12.5vw/* 40px */;}

	/* tab */
	.area_tab.type02 ul > li > a,
	.area_tab.type02 ul > li > button{padding:0 5px;}
}



@charset "utf-8";

[data-subarea="notice"] .title_sub{margin-bottom:50px;}
[data-subarea="bbs_box"] *,
[data-subarea="bbs_view"] *,
#mb_login *{box-sizing:border-box;}

/* 목록 */
#bo_list{margin-bottom:0px;}
#bo_list_total{float:none; font-size:16px; color:#333;}
#bo_list_total i{color:#333; font-size:20px; font-weight:600;}

.tbl_wrap table[data-bbsCustom="table"]{table-layout:fixed; margin-top:40px; border-top-width:0px; border-bottom-width:0px;}
.tbl_head01 [data-bbsCustom="table"]{border-spacing:0;}
table[data-bbsCustom="table"] thead{display:none;}

/* 목록 한줄3개 형태
#bo_list [data-bbscustom="table"] tbody{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; margin-left:-40px;}
#bo_list [data-bbscustom="table"] tbody tr{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; position:relative; width:calc(100% / 3 - 40px); box-sizing:border-box; margin-left:40px; margin-bottom:40px; border:1px solid #dadada; transition:0.3s ease 0s;}
#bo_list [data-bbsCustom="table"] td{display:inline-block; position:relative; height:auto; padding:0px; border:0px;}
#bo_list [data-bbsCustom="table"] tbody .even td{background-color:transparent;}
#bo_list [data-bbsCustom="table"] tbody tr:hover{border-color:var(--point-color);}
#bo_list [data-bbsCustom="table"] tbody tr:hover td{background:transparent;}
#bo_list [data-bbsCustom="table"] tbody .even td{background-color:transparent;}
#bo_list [data-bbscustom="table"] tbody tr.empty_table{justify-content:center; width:calc(100% - 40px); border-width:1px 0px 1px 0px;}
#bo_list [data-bbscustom="table"] tbody tr.empty_table:hover{border-color:#dadada;}
[data-bbsCustom="table"] .bo_tit a{display:block; padding:40px 30px 110px;}
[data-bbscustom="date"]{position:absolute; bottom:40px; left:30px; font-size:14px; font-weight:600; color:#222 !important;}
*/

/* 목록 한줄1개 형태 */
#bo_list [data-bbscustom="table"] tbody tr{position:relative;}
#bo_list [data-bbsCustom="table"] tbody tr td{padding:0px; background-color:#fff; border-color:#dadada;}
#bo_list [data-bbsCustom="table"] tbody .even td{background-color:#fff;}
#bo_list [data-bbsCustom="table"] tbody tr:hover td{background-color:#fff;}
#bo_list [data-bbsCustom="table"] tbody tr:hover{border-left-color:transparent;}
#bo_list [data-bbsCustom="table"] tbody tr td:not(.td_chk){width:100%;}
#bo_list [data-bbscustom="table"] tbody tr.empty_table td{width:100%;}
/* 기본 */
#bo_list [data-bbscustom="table"] .td_chk{position:absolute; top:10px; left:10px; z-index:30; height:auto; background:transparent; border:0px;}
#bo_list [data-bbsCustom="table"] .bo_tit .new_icon{margin-top:-3px; background-color:#fff; border:1px solid #222; color:#222; font-size:12px; transition:0.3s ease 0s;}
#bo_list [data-bbsCustom="table"] .bo_tit a{display:block; position:relative; z-index:10; padding:45px 50px;}
#bo_list [data-bbsCustom="table"] .bo_tit a:hover .new_icon{border-color:var(--point-color); color:var(--point-color-text);}
[data-bbsCustom="table"] .bo_tit{position:relative; color:inherit; font-weight:normal;}
[data-bbsCustom="table"] .bo_tit:before{content:''; opacity:0; display:block; position:absolute; top:-1px; left:0px; z-index:0; width:100%; height:calc(100% + 2px); box-sizing:border-box; border:3px solid var(--point-color); transition:opacity 0.3s ease 0s;}
[data-bbsCustom="table"] .bo_tit:hover:before{opacity:1;}
[data-bbsCustom="table"] .bo_tit a em{vertical-align:middle; font-size:25px; color:#222; font-weight:700; transition:color 0.3s ease 0s;}
[data-bbsCustom="table"] .bo_tit a:hover{text-decoration:none;}
[data-bbsCustom="table"] .bo_tit a:hover em{color:var(--point-color-text);}
[data-bbsCustom="subject_txt"]{display:-webkit-box; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; margin-top:10px;}
[data-bbsCustom="subject_txt"] em{line-height:1.3em;}
[data-bbscustom="content"]{margin-top:15px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; font-size:20px; color:#222; font-weight:400;}
[data-bbscustom="date"]{display:block; font-family:var(--font-pretendard); font-size:18px; font-weight:700; color:#b7b7b7;}
[data-bbscustom="date"] span{display:block; font-size:48px; line-height:initial;}
[data-bbscustom="date"] i{display:block; margin-top:-10px;}
[data-bbsCustom="table"] .bo_notice td{background-color:transparent !important;}
.all_chk.chk_box input[type="checkbox"] + label span{top:3px;}
.bbs_view_control{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;}
.bbs_view_control.col{width:100%;}
.bbs_view_control .btn_bo_user,
.bbs_view_control .bo_fx{margin-left:auto;}
[data-subarea="bbs_list"] .is_notice{display:inline-block; height:18px; line-height:18px; margin-top:-2px; padding:0px 5px; border:1px solid var(--bg-black); color:var(--bg-black); vertical-align:middle; font-size:13px;}

/* 갤러리 목록 */
#bo_gall li.empty_list{width:calc(100% - 38px);}
#bo_gall .gall_li .gall_chk{z-index:10;}

/* faq 목록  */
#bo_list .list_faq .td_chk{position:absolute; top:5px; left:5px; z-index:10; border-width:0px;}

/* 분류 */
.area_bbs_category ul > li > a#bo_cate_on,
.area_bbs_category ul > li > a:hover{color:var(--color-blue);}
.area_bbs_category ul > li > a#bo_cate_on:before,
.area_bbs_category ul > li > a#bo_cate_on:after{transform:scaleX(1);}

/* search */
[data-subarea] .bo_sch h3{margin-bottom:0px; font-size:18px;}
.area_bbs_top{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;}
.area_bbs_top .bo_sch{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; position:static; margin:0px; width:auto; height:auto; box-shadow:none; background:transparent; border:0px; border-radius:0px;}
.area_bbs_top .bo_sch form{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; padding:0px;}
.area_bbs_top .bo_sch_wrap{display:block; position:static; z-index:1; width:auto; height:auto;}
.area_bbs_top .bo_sch_cls{display:none;}
.area_bbs_top .bo_sch select{width:auto; height:45px; box-sizing:border-box; margin-right:30px; border:0px; border-bottom:2px solid #0a0a0a; border-radius:0px; box-shadow:none;}
.area_bbs_top .bo_sch .sch_bar{width:auto; margin-top:0px; height:45px; box-sizing:border-box; border:0px; border-bottom:2px solid #0a0a0a; border-radius:0px; box-shadow:none;}
.area_bbs_top .bo_sch .sch_input{height:100%;}
.area_bbs_top .bo_sch .sch_btn{height:100%; color:#111;}
.area_bbs_top select,
.area_bbs_top input[type="text"]{-webkit-border-radius:1px; background:#fff;}

/* 글쓰기 */
[data-subarea="bbs_box"] #bo_w .bo_w_flie .frm_file{margin-top:1px;}
.chk_box input[type="checkbox"] + label:hover{color:var(--point-color);}
.write_div .chk_box input[type="checkbox"] + label span,
.bo_vc_w .chk_box input[type="checkbox"] + label span{top:4px;}
.wr_content textarea,
.tbl_frm01 textarea,
.form_01 textarea,
.frm_input,
#bo_w .bo_w_flie .file_wr,
a.btn_frmline,
button.btn_frmline,
#bo_w .bo_w_select select{border-radius:0px;}
a.btn_frmline,
button.btn_frmline{background-color:#081724;}
.bo_vc_w .btn_submit{border-radius:0px; font-size:15px;}

/* 상세 */
[data-subarea="bbs_box"] #bo_v_title{text-align:center;}
[data-subarea="bbs_box"] #bo_v_info .profile_info .pf_img{display:none;}
[data-subarea="bbs_box"] .bo_v_nb{margin-top:50px;}
[data-subarea="bbs_box"] .bo_v_nb li .nb_tit{width:100px;}
[data-subarea="bbs_box"] .bo_v_nb li .nb_date{width:85px; text-align:right;}
[data-subarea="bbs_box"] .bo_v_nb li a{display:inline-block; width:calc(100% - 200px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}
[data-subarea="bbs_box"] #bo_v_info{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;}
[data-subarea="bbs_box"] #bo_v_info .profile_info{float:none; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:100%; margin:30px 0px;}
[data-subarea="bbs_box"] #bo_v_info .profile_info .profile_info_ct br{display:none;}
[data-subarea="bbs_box"] #bo_v_info .profile_info .profile_info_ct{float:none;}
[data-subarea="bbs_box"] #bo_v_info .profile_info .pf_img{float:none;}
[data-subarea="bbs_box"] #bo_v_info .if_date{font-size:18px; font-weight:700; color:#b7b7b7;}
[data-subarea="bbs_box"] #bo_v_info .if_date .fa{display:none;}
[data-subarea="bbs_box"] #bo_v_info:after{display:none;}
[data-subarea="bbs_box"] #bo_v_title .bo_v_tit{font-size:45px; font-weight:600; letter-spacing:-2px;}
[data-subarea="bbs_box"] .bo_v_nb li{padding:20px 15px;}
[data-subarea="bbs_box"] #bo_v_top{margin-left:auto;}
[data-subarea="bbs_box"] #bo_v_con{font-size:18px}
[data-subarea="bbs_box"] #bo_v header .profile_info{text-align:center; color:#999;}
[data-subarea="bbs_box"] #bo_v header .profile_info strong{font-weight:600;}
#bo_v_info{border-bottom-width:0px;}
#bo_v_con{min-height:inherit; }
#bo_v_atc{min-height:inherit;}
.area_bbs_cate{display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; margin-top:25px;}
.area_bbs_cate .date{margin-top:0px !important;}
.area_bbs_cate .bo_v_cate{margin-right:15px; font-size:20px; font-weight:600; color:var(--color-gray9);}
.area_bbs_cate .bo_v_cate:after{content:''; display:inline-block; width:1px; height:14px; margin-left:15px; background-color:#d9d9d9;}

/* 댓글 */
.cmt_btn span.total{color:var(--point-color);}
.cmt_btn span.total:after{background:var(--point-color);}
.bo_vc_w textarea{border-radius:0px; resize:none;}
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {color:var(--point-color);}
#bo_v_link .bo_v_link_cnt {color:#b2b2b2;}
#bo_v_link li:hover {border-color:#bed4f4; color:#bed4f4}
#bo_v_link li:hover i {color:var(--point-color);}
#bo_v_link li:hover .bo_v_link_cnt {color:var(--color-gray9);}

/* 링크 */
#bo_v_link li{border-radius:0px;}

/* faq */

/* 게시판버튼 */
[data-subarea="bbs_box"] .area_btn{display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; text-align:center;}
[data-subarea="bbs_box"] .area_btn .button{margin:0 2px;}
[data-subarea="bbs_box"] .area_btn .btn_prv,
[data-subarea="bbs_box"] .area_btn .btn_next{width:calc(100% / 2 - 300px); font-size:18px; font-weight:600;}
[data-subarea="bbs_box"] .area_btn .btn_prv{margin-right:auto; text-align:left;}
[data-subarea="bbs_box"] .area_btn .btn_next{margin-left:auto; text-align:right;}
[data-subarea="bbs_box"] .area_btn > div a{opacity:1; display:inline-block; transition:opacity 0.3s ease;}
[data-subarea="bbs_box"] .area_btn > div a span{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; word-break:keep-all;}
[data-subarea="bbs_box"] .area_btn .btn_prv span:before,
[data-subarea="bbs_box"] .area_btn .btn_next span:after{content:''; display:inline-block; position:relative; right:0px; width:12px; height:16px; background:url(../images/main/img_link_arrow_b.png) no-repeat 50% 0; background-size:auto 100%;}
[data-subarea="bbs_box"] .area_btn .btn_prv span:before{margin-right:20px; transform:rotate(180deg);}
[data-subarea="bbs_box"] .area_btn .btn_next span:after{margin-left:20px;}
[data-subarea="bbs_box"] .area_btn > div a:hover{opacity:0.5;}
[data-subarea="bbs_box"] .area_btn > div .none{opacity:0.5; word-break:keep-all;}
[data-subarea="bbs_box"] .area_btn > div .none:before,
[data-subarea="bbs_box"] .area_btn > div .none:after{display:none;}
[data-subarea="bbs_box"] .area_btn{margin-top:100px !important; padding-top:80px; border-top:1px solid #f1f1f1;}
[data-subarea="bbs_box"] a.btn_cancel{background-color:#fff; border-color:#e9e9e9;}
[data-subarea="bbs_box"] a.btn_cancel span{color:var(--color-black);}
[data-subarea="bbs_box"] a.btn_cancel:before{background-color:#717171;}
[data-subarea="bbs_box"] #bo_v_share .btn{width:auto;}
[data-subarea="bbs_box"] #bo_w .btn_cancel{border-radius:0px;}
[data-subarea="bbs_box"] #bo_w .btn_submit{border-radius:0px;}
[data-subarea="bbs_box"] .button.lg{min-width:200px;}

/* 페이징 */
.flex_page{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; margin-top:40px;}
.flex_page .pg_wrap,
.flex_page .bo_fx{float:none; flex:auto;}
.flex_page.col .pg_wrap{text-align:left;}
.flex_page .pg_wrap{text-align:center;}
.flex_page .pg{display:inline-block;}
.pg_current,
.pg_page{min-width:45px; height:55px; line-height:53px; box-sizing:border-box; margin:0 2.5px; padding:0px; border-width:0px; border-radius:0px; font-family:var(--font-pretendard); font-weight:600; font-size:16px; color:var(--color-black) !important;}
.pg_current{position:relative; background-color:transparent; color:var(--point-color-text) !important;}
.pg_current:after{content:''; display:block; position:absolute; bottom:10px; left:50%; width:20px; height:2px; margin-left:-10px; background:var(--point-color);}
.pg_page{background-color:#fff; background-size:12px 12px;}
.pg_page:hover{background-color:#fff;}
.pg_start,
.pg_prev,
.pg_end,
.pg_next{min-width:55px; border:1px solid #dedede;}
.pg_start{background-image:url(../images/bbs/btn_first.svg);}
.pg_prev{background-image:url(../images/bbs/btn_prev.svg);}
.pg_end{background-image:url(../images/bbs/btn_end.svg);}
.pg_next{background-image:url(../images/bbs/btn_next.svg);}

@media screen and (max-width:1024px){
	/* 목록 */
	#bo_list [data-bbsCustom="table"] .bo_tit a{padding:30px 20px;}
	[data-bbsCustom="table"] .bo_tit a em{font-size:20px;}
	[data-bbscustom="date"]{font-size:16px;}
	[data-bbscustom="date"] span{font-size:4.6875vw/* 48px */;}
	[data-bbscustom="content"]{margin-top:20px; font-size:18px;}
	/* 목록한줄 3개 형태
#bo_list [data-bbscustom="table"] tbody{margin-left:-20px;}
#bo_list [data-bbscustom="table"] tbody tr{width:calc(100% / 3 - 20px); margin-left:20px; margin-bottom:20px;}
 */

	/* 상세 */
	[data-subarea="bbs_box"] #bo_v_title .bo_v_tit{margin-top:0px; font-size:35px;}
	[data-subarea="bbs_box"] #bo_v_con{font-size:16px;}
	.area_bbs_cate .bo_v_cate{font-size:18px;}

	/* 페이징 */
	.pg_current,
	.pg_page{font-size:16px;}
	.flex_page{display:block;}
	.flex_page.col .pg_wrap{width:100%; margin-bottom:10px; text-align:center;}
	.flex_page .pg_wrap{width:100%;}

	/* 버튼*/
	[data-subarea="bbs_box"] .area_btn .btn_prv,
	[data-subarea="bbs_box"] .area_btn .btn_next{flex:none; width:100px; font-size:16px;}
	[data-subarea="bbs_box"] .area_btn .button.list{min-width:55px; font-size:0px;}
	[data-subarea="bbs_box"] .area_btn .button.ico.list span:before{margin-right:0px;}
}

@media screen and (max-width:768px){
	/* 목록 */
	#bo_list [data-bbscustom="table"] tbody tr{width:calc(100% - 20px);}
	[data-bbsCustom="table"] .bo_tit a{padding:30px 20px;}
	[data-bbscustom="content"]{margin-top:15px; line-height:1.4em;}
	#bo_list_total{font-size:15px;}
	#bo_list_total i{font-size:18px;}

	/* 상세 */
	.area_bbs_cate .bo_v_cate{font-size:16px;}

	/* 검색 */
	.area_bbs_top .bo_sch select{margin-right:15px;}
}

@media screen and (max-width:620px){
	/* 목록 */
	[data-bbsCustom="table"] .bo_tit a em{font-size:18px;}
	[data-bbscustom="date"]{font-size:14px;}
	[data-bbscustom="date"] span{font-size:30px;}

	/* 검색 */
	.area_bbs_top .bo_sch .sch_input{width:200px;}
}

@media screen and (max-width:480px){
	/* 목록 */
	#bo_list .td_datetime{width:85px;}
	[data-bbscustom="date"] span{font-size:28px;}
	[data-bbscustom="content"]{margin-top:10px; font-size:15px;}

	/* 검색 */
	.area_bbs_top{display:block;}
	.area_bbs_top .bo_sch form{flex-wrap:nowrap; width:100%;}
	.area_bbs_top .bo_sch select{flex:none; width:78px;}
	.area_bbs_top .bo_sch .sch_bar{flex:auto; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;}
	.area_bbs_top .bo_sch .sch_input{flex:auto; width:calc(100% - 40px);}
	.area_bbs_top .bo_sch .sch_btn{flex:none;}

	[data-subarea="bbs_box"] .bo_v_nb li .nb_date{display:none;}
	[data-subarea="bbs_box"] .bo_v_nb li a{width:calc(100% - 100px);}
	[data-subarea="bbs_box"] #bo_v_title .bo_v_tit{font-size:30px;}

	[data-subarea="bbs_box"] .button.lg{min-width:150px;}
}

@media screen and (max-width:420px){
	/* 목록 */
	#bo_list .td_datetime{width:80px;}
	#bo_list [data-bbsCustom="table"] .bo_tit a{padding:30px 10px;}
	[data-bbscustom="date"]{font-size:12px;}
	[data-bbscustom="date"] span{font-size:26px;}
	[data-bbsCustom="table"] .bo_tit a em{font-size:17px;}
	[data-bbscustom="date"] i{margin-top:0px;}
	[data-bbscustom="content"]{font-size:14px;}

	/* 페이징 */
	.pg_current,
	.pg_page{min-width:35px; height:45px; line-height:43px; border-radius:0px; font-size:15px;}
	.pg_start,
	.pg_prev,
	.pg_end,
	.pg_next{min-width:45px;}

	/* 상세 */
	[data-subarea="bbs_box"] #bo_v_title .bo_v_tit{font-size:25px;}
	[data-subarea="bbs_box"] .bo_v_nb li .nb_tit{width:80px;}
	[data-subarea="bbs_box"] .bo_v_nb li a{width:calc(100% - 80px);}

	/* button */
	[data-subarea="bbs_box"] .area_btn{margin-top:80px !important; padding-top:60px;}
	[data-subarea="bbs_box"] .button.lg{min-width:130px;}
}

@media screen and (max-width:360px){
	[data-bbsCustom="table"] .bo_tit a em{font-size:16px;}
}

@media screen and (max-width:320px){
	#bo_list .td_datetime{width:70px;}
	[data-bbscustom="date"] span{font-size:24px;}
	[data-bbscustom="content"]{margin-top:5px;}

	/* button */
	[data-subarea="bbs_box"] .button.lg{min-width:110px;}
}

</style>
<style>
@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; }

/* 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:0px;}
[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 !important;}
.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; padding-top:80px; margin-top:100px; }
[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('https://inbkorea.com/theme/design//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('https://inbkorea.com/theme/design//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; max-width:1280px !important; margin:0 auto;}
.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;}
}




.icon-box a:hover{text-decoration:none;}

.form-check-input {
	--bs-form-check-bg: var(--bs-form-control-bg);
	width: 1em !important;
	height: 1em !important;
	margin-top: 1.1em !important;
	vertical-align: top;
	background-color: var(--bs-form-check-bg);
	background-image: var(--bs-form-check-bg-image);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: var(--bs-border-width) solid var(--bs-border-color);
	appearance: none;
	print-color-adjust: exact;
}


#settle_bank {
	border:0 !important;
	border-top: 0 none;
	background: #fff;
	padding: 10px;
	clear: both;
	line-height: 32px;
}

#sod_frm_pay .couopon_pop th{text-align:left;padding:10px;width:100px;border-bottom:1px solid #e7ebf1;background: #101010;font-weight:bold;color:#fff}
#sod_frm_pay .couopon_pop th:nth-child(1){text-align:left;padding:10px;width:40%;}
#sod_frm_pay .couopon_pop th:nth-child(2){text-align:left;padding:10px;width:40%;}
#sod_frm_pay .couopon_pop th:nth-child(3){text-align:left;padding:10px;width:20%; text-align:center; }
.pop_th_last {}
.accordion {width:100% !important; display:block; height:50px;position:relative !important}
.accordion-button {width:100%; display:block;}

.accordion-item:first-of-type .accordion-button {
	width:100% !important;
	border-top-left-radius: var(--bs-accordion-inner-border-radius);
	border-top-right-radius: var(--bs-accordion-inner-border-radius);
}

.cart-item-img img {max-width:120px; max-height:120px;  margin-right:50px;}
@media (max-width:768px) {
	.cart-item-img img {max-width:100px; max-height:100px;  margin-right:0px;}
	.cart-item-info {padding:15px 0}
	#sod_fin_list h2 {
		position: relative;
		font-size: 0;
		line-height: 0;
		overflow: hidden;
	}
	.accordion-item { position:relative !important}

}


.sev_img img{width:100%; display:block; margin-bottom:20px;}