/* Crystal Architecture 동영상이 수급될때까지 임시로 숨김 */
.temp_video_btn_hide {margin-bottom:-65px;}
.temp_video_btn_hide .bcBtn {position:relative;left:-9999px;}

#header.sticky{z-index:100;}

.hera_i10{overflow:hidden; letter-spacing:-.05em;}
.hera_i10 .btn_wrap{text-align:center;}
.hera_i10 .btn_wrap .bcBtn{width:130px; height:35px;}
.hera_i10 .section .section_title{display: block; margin-bottom:10px; font-family:'stitle'; font-size:34px; color:#222; line-height:120%;}
.hera_i10 .section .sub_tit{display: block; margin-bottom:10px; font-weight: 600; font-size:14px; color:#8e50cd;}

.hera_i10 .section .tit_box{position:relative;}
.hera_i10 .section .tit_box p:not(.sub_tit){font-size:12px; line-height:145%;}
.hera_i10 .section .tit_box li{padding-left:6px; font-size:10px; line-height:145%; text-indent:-6px;}
.hera_i10 .section .comment{display:inline-block; padding-top:10px; line-height:1.5; font-size:10px; color:#666;}

.hera_i10 .slider_wrap{}
.hera_i10 .slider_wrap .btn_close{display:none;}
.hera_i10 .slider_wrap .slick-list{margin-bottom:13px;}
.hera_i10 .slider_wrap .slick-slide h4{padding-bottom:10px; font-size:14px; color:#333;}
.hera_i10 .slider_wrap .slick-slide img{width:100%;}
.hera_i10 .slider_wrap .slick-dots{overflow:hidden; text-align:center;}
.hera_i10 .slider_wrap .slick-dots li{display:inline-block; margin-left:8px; font-size:0;}
.hera_i10 .slider_wrap .slick-dots li:first-child{margin-left:0;}
.hera_i10 .slider_wrap .slick-dots li button{display:block; width:10px; height:10px; padding:0; border:1px solid #000; border-radius:50%; text-indent:-9999px;}
.hera_i10 .slider_wrap .slick-dots li.slick-active button{background-color:#000;}

.hera_i10 .icon_desc_box {display: table;width: 100%;}
.hera_i10 .icon_desc_box .icon {display:table-cell;width:100px;vertical-align: middle;}
.hera_i10 .icon_desc_box .icon img {width: 90px;vertical-align: top;}
.hera_i10 .icon_desc_box .con_wrap {display:table-cell;width:calc(100% - 100px);vertical-align: middle;}
.hera_i10 .icon_desc_box .tit {line-height:1.2;font-family:'s8';font-size:14px;color:#333;margin-bottom:10px;}
.hera_i10 .icon_desc_box .txt {line-height:1.3;font-size:12px;color: #666;}

.hera_i10 .section{padding-bottom:80px;}
#contents .hera_i10 .inner{position:relative; width:100%; padding:0 15px; background:none;}
.hera_i10 #section1 {position: relative;}
.hera_i10 #section1 .tit_box{margin:30px 0 20px;}
.hera_i10 #section1 .product_img {margin-bottom: 10px;}
.hera_i10 #section1 .product img {width: 100%;}
.hera_i10 #section1 .paging_icon {display: none;}
.hera_i10 #section1 .con {display: none;}
.hera_i10 #section1 .esk {position: absolute;top: 0;right: 0;z-index:20;}
.hera_i10 #section1 .esk_mob {width:58px;}
.hera_i10 #section1 .esk_toggle { display: none; }
.hera_i10 #section1 .btn_area .bcBtn { display: block; }
.hera_i10 #section1 .btn_area .bcBtn:not(:first-of-type) { margin-top: 15px; margin-left: 0; }

.hera_i10 #section4{}
#contents .hera_i10 #section4 .inner{padding:0;}
.hera_i10 #section4 .cont{padding:0 15px;}
.hera_i10 #section4 .cont .tit_box{padding-bottom:110px; margin-bottom:0;}
.hera_i10 #section4 .cont .tit_box h2{margin-bottom:20px;}
.hera_i10 #section4 .cont .tit_box p{padding-bottom:15px;}
.hera_i10 #section4 .cont .tit_box li:first-child{padding-bottom:15px;}
.hera_i10 #section4 .sec_bg{position:relative;}
.hera_i10 #section4 .sec_bg .btn_wrap{padding-top:20px;}
.hera_i10 #section4 .sec_bg img{width:100%;}
.hera_i10 #section4 .sec_bg .big_icon{position:absolute; left:0; top:-100px;}
.hera_i10 #section4 .sec_bg .big_icon img{width:100%;}
.hera_i10 #section4 .sec_bg .big_icon .icon_motion_wrap{display:none;}

.hera_i10 #section4 .sec_bg .icon_wrap{position:absolute; z-index:10; left:0; bottom:85px; width:100%; padding:0 15px; text-align:center;}
.hera_i10 #section4 .sec_bg .icon_wrap ul{overflow:hidden;}
.hera_i10 #section4 .sec_bg .icon_wrap ul li{overflow:hidden; padding-bottom:25px; margin-bottom:10px; border-bottom:1px solid #707274;}
.hera_i10 #section4 .sec_bg .icon_wrap ul li:last-child{padding-bottom:20px; margin-bottom:0; border-bottom:none;}
.hera_i10 #section4 .sec_bg .icon_wrap ul li .icon_txt{float:right; width:60%; padding-left:10%; text-align:left;}
.hera_i10 #section4 .sec_bg .icon_wrap ul li .icon_txt h4{padding-bottom:5px; font-size:12px; color:#fff;}
.hera_i10 #section4 .sec_bg .icon_wrap ul li .icon_txt p{font-size:12px; color:#fff;}
.hera_i10 #section4 .sec_bg .icon_wrap ul li .icon_box{float:left; width:40%; text-align:right;}
.hera_i10 #section4 .sec_bg .icon_wrap ul li .icon{display:inline-block; margin:0 auto; background-position:0 0; background-repeat:no-repeat; background-size:cover;}
.hera_i10 #section4 .sec_bg .icon_wrap ul li .icon.icon01{width:68.25%; padding-top:32.6875%; background-image:url("/resources/_img/sub/product/HERA_W10/sec4_icon01.png");}
.hera_i10 #section4 .sec_bg .icon_wrap ul li .icon.icon02{width:68.5625%; padding-top:32.0625%; background-image:url("/resources/_img/sub/product/HERA_W10/sec4_icon02.png");}
.hera_i10 #section4 .sec_bg .icon_wrap ul li .icon.icon03{width:88.875%; padding-top:25.9375%; margin:0; background-image:url("/resources/_img/sub/product/HERA_W10/sec4_icon03.png");}
.hera_i10 #section4 .sec_bg .icon_wrap ul li .icon img{width:100%;}

.hera_i10 #crystalBeam .inner{}
.hera_i10 #crystalBeam .inner .tit_box{padding-bottom:20px;}
.hera_i10 #crystalBeam .cont .cont_img{padding: 0 0 20px;}
.hera_i10 #crystalBeam .cont .cont_img img{width:100%;}

.hera_i10 #section5 .box_motion_wrap .box_inner .icon{top:20px;transform-origin:right top;transform:scale(.5);}

.hera_i10 #section6 .box_motion_wrap .box_inner .icon{top:20px;transform-origin:right top;transform:scale(.5);}

.hera_i10 #section7 .box_motion_wrap .box_inner .icon{top:18px;transform-origin:right top;transform:scale(.5);}

.hera_i10 .box_motion_wrap{}
.hera_i10 .box_motion_wrap .box_wrap{overflow:hidden;}
.hera_i10 .box_motion_wrap .box_inner:focus{outline:none;}
.hera_i10 .box_motion_wrap .box_inner .box{position:relative; padding-top:30px;}
.hera_i10 .box_motion_wrap .box_inner h5{padding-bottom:8px; font-size:14px;}
.hera_i10 .box_motion_wrap .box_inner p{font-size:12px; line-height:145%;}
.hera_i10 .box_motion_wrap .box_inner .bcImg{overflow:hidden; position:relative; padding-bottom:15px; margin-top:0; text-align:right;}
.hera_i10 .box_motion_wrap .box_inner .bcImg img{width:100%;}
.hera_i10 .box_motion_wrap .box_inner .fd-slider{width:100%; height:100%; padding-top:58.14%; padding-bottom:10px;}
.hera_i10 .box_motion_wrap .box_inner .big_img{display:none;}
.hera_i10 .box_motion_wrap .box_inner .small_img{display:none;}
.hera_i10 .box_motion_wrap .box_inner .caption{display:block; padding-top:10px; font-size:10px; color:#6a6a6a;}
.hera_i10 .box_motion_wrap .box_inner .icon{position:absolute; right:0; top:10px;}
.hera_i10 .box_motion_wrap .box_inner .icon img{width:100%;}
.hera_i10 .box_motion_wrap .box_inner .bcBtnWrap{display:block; text-align:center;}
.hera_i10 .box_motion_wrap .box_inner .more{display:none;}

.hera_i10 #section8 {padding-bottom: 33px;}
.hera_i10 #section8 .tit_box{position:relative;}
.hera_i10 #section8 .tit_box h2{padding-right:80px;}
.hera_i10 #section8 .tit_box .logo{position:absolute; right:0; top:0; width:17%;}
.hera_i10 #section8 .tit_box .logo img{width:100%;}

.hera_i10 #section8_2 {padding: 20px 0;background:#f3f3f3;}
.hera_i10 #section8_2 .btn_wrap{margin-top:15px;}

.hera_i10 #section9{padding:40px 0 20px; background-color:#ebe7ee;}
.hera_i10 #section9 .tit_box{position:relative; margin-bottom:20px;}
.hera_i10 #section9 .tit_box .light {font-family:'s4';font-weight:400;}
.hera_i10 #section9 .position_view {margin-top:28px;margin-bottom:50px;}
.hera_i10 #section9 .position_view .nav {margin-bottom:25px;overflow: hidden;}
.hera_i10 #section9 .position_view .nav a {float: left;width:calc((100% - 30px) / 4);height:33px;line-height:33px;text-align:center;font-family:'s8';font-size:17px;color:#333;background:#f3f4f3;border-radius:17px;}
.hera_i10 #section9 .position_view .nav a:not(:first-child) {margin-left:10px;}
.hera_i10 #section9 .position_view .nav a.on {color:#fff;background:#956bac;}
.hera_i10 #section9 .position_view .img {padding-top:80.8%;position:relative;}
.hera_i10 #section9 .position_view .img img {width: 100%;height:100%;position:absolute;top:0;left:0;display:none;}
.hera_i10 #section9 .position_view .img .on {display: block;z-index:1;}
.hera_i10 #section9 .position_view .control_bottom {margin-top: 17px;}
.hera_i10 #section9 .position_view .control_bottom img {width:100%;}
.hera_i10 #section9 .clean_img {padding: 30px 0 10px;overflow:hidden;}
.hera_i10 #section9 .clean_img .con img {width: 100%;}
.hera_i10 #section9 .clean_img .img {padding:10px 0;}
.hera_i10 #section9 .clean_img .img img {width: 100%;}

.hera_i10 #section10{padding:40px 0 0;}
.hera_i10 #section10 .tit_box{position:relative; margin-bottom:20px;}
.hera_i10 #section10 .tit_box .light {font-family:'s4';font-weight:400;}
.hera_i10 #section10 .main {width: 100%;margin-top: 30px;}
.hera_i10 #section10 .info_wrap {background:#ebe7ee;margin:-11% 0 0;padding:15% 0 30px;}
.hera_i10 #section10 .info_wrap .img img {width: 100%;}

.hera_i10 #section11{padding:40px 0 20px;}
.hera_i10 #section11 .tit_box{position:relative; margin-bottom:20px;}
.hera_i10 #section11 .tit_box .light {font-family:'s4';font-weight:400;}
.hera_i10 #section11 .dimension1 {overflow:hidden;}
.hera_i10 #section11 .dimension1 .img1 {display:block;width:100%;}
.hera_i10 #section11 .dimension1 .img2 {display:block;width:100%;margin-top:15px;}
.hera_i10 #section11 .dimension2 {overflow:hidden;}
.hera_i10 #section11 .dimension2 .img1 {display:block;width:100%;}
.hera_i10 #section11 .dimension2 .img2 {display:block;width:100%;margin-top:15px;}
.hera_i10 #section11 .dimension_desc {padding:70px 0;line-height:1.2;font-size:12px;color:#333;}

.hera_i10 .benefitTitle{padding-top:30px; margin-top:0; font-size:34px; text-align:left;}
#contents .hera_i10 #transducer .inner{padding-top:45px; background-color:#fafafa;}
.hera_i10 #transducer .benefitTitle{padding-top:0;}
.hera_i10 .transducer_wrap{padding-top:40px;}
.hera_i10 .transducer_wrap .transducer_left{padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #c8c8c8;}
.hera_i10 .transducer_wrap .transducer_list h3{margin-bottom:10px; font-size:14px;}
.hera_i10 .transducer_wrap .transducer_list ul{overflow:hidden; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #c8c8c8;}
.hera_i10 .transducer_wrap .transducer_list:last-child ul{padding-bottom:0; margin-bottom:0; border-bottom:none;}
.hera_i10 .transducer_wrap .transducer_list li{float:left; width:32%; margin-left:2%;}
.hera_i10 .transducer_wrap .transducer_list li:first-child{margin-left:0;}
.hera_i10 .transducer_wrap .transducer_list li.last{margin:20px 0 0 0;}
.hera_i10 .transducer_wrap .transducer_list li img{width:100%; margin-bottom:15px;}
.hera_i10 .transducer_wrap .transducer_list li h4{margin-bottom:5px; font-size:12px;}
.hera_i10 .transducer_wrap .transducer_list li P{font-size:10px;}
.hera_i10 .pdfWrap {padding:20px 0;}

.hera_i10 .productview .cyberWrap{background:none;}
.hera_i10 .productview .cyberWrap .benefitTitle{margin:0 0 20px; text-align:center;}
.hera_i10 .productview .cyberWrap .cyberBox > ul{margin:0;}
.hera_i10 .productview .cyberWrap .cyberBox{padding:70px 15px 38px; margin-bottom:20px; background: url(/resources/_img/sub/product/HERA_W10/cyber_bg.png) 0 0 no-repeat; background-size:cover;}
.hera_i10 .productview .cyberWrap .cyberBox .cyber_list{margin-bottom:25px; text-align:left;}
.hera_i10 .productview .cyberWrap .cyberBox .cyber_list .cyber_icon{width:85px; height:85px; background-position:0 0; background-repeat:no-repeat; background-size:100%;}
.hera_i10 .productview .cyberWrap .cyberBox .cyber_list .cyber_icon.icon01{background-image:url(/resources/_img/sub/product/HERA_W10/cyber_icon01.png);}
.hera_i10 .productview .cyberWrap .cyberBox .cyber_list .cyber_icon.icon02{background-image:url(/resources/_img/sub/product/HERA_W10/cyber_icon02.png);}
.hera_i10 .productview .cyberWrap .cyberBox .cyber_list .cyber_icon.icon03{background-image:url(/resources/_img/sub/product/HERA_W10/cyber_icon03.png);}
.hera_i10 .productview .cyberWrap .cyberBox .cyber_list h5{width:65%; margin:0 0 5px 0; font-size:14px; color:#936ca7;}
.hera_i10 .productview .cyberWrap .cyberBox .cyber_list p{width:65%; margin-bottom:5px; font-size:12px; color:#444; line-height:145%;}
.hera_i10 .productview .cyberWrap .cyberBox .cyber_list ul{float:right; width:65%;}
.hera_i10 .productview .cyberWrap .cyberBox .cyber_list li{font-size:10px; color:#6a6a6a; line-height:145%;}

#anchorWrap{display:none;}

@media (min-width: 480px){
	
}

@media (min-width: 768px){
	
	.hera_i10 .section{padding-bottom:120px;}	
	#contents .hera_i10 .inner{padding:0 40px;}
	
	.hera_i10 .section .section_title{margin-bottom:20px; font-size:54px;}
	.hera_i10 .section .sub_tit{font-size:22px;}
	.hera_i10 .section .tit_box p:not(.sub_tit){font-size:16px;}
	.hera_i10 .section .tit_box li{padding-left:10px; font-size:14px; text-indent:-8px;}
	.hera_i10 .section .comment{font-size:14px;}
	.hera_i10 .btn_wrap .bcBtn{width:190px; height:45px; font-size:15px;}
	.hera_i10 .btn_wrap.type2 .bcBtn{width:235px;}
	
	.hera_i10 .slider_wrap .slick-list{margin-bottom:25px;}
	.hera_i10 .slider_wrap .slick-slide h4{padding-bottom:25px; font-size:20px;}
	.hera_i10 .slider_wrap .slick-dots li{margin-left:20px;}
	.hera_i10 .slider_wrap .slick-dots li button{width:20px; height:20px;}

	.hera_i10 .icon_desc_box .icon {width:176px;}
	.hera_i10 .icon_desc_box .icon img {width:156px;}
	.hera_i10 .icon_desc_box .con_wrap {width:calc(100% - 176px);}
	.hera_i10 .icon_desc_box .tit {font-size:22px;}
	.hera_i10 .icon_desc_box .txt {line-height:1.7;font-size:14px;}
	
	.hera_i10 #section1 .tit_box{margin:60px 0 40px;}
	.hera_i10 #section1 .tit_box h1{margin-bottom:0;}
	.hera_i10 #section1 .esk_mob {width:116px;}
	
	.hera_i10 #section4 .cont{padding:0 40px;}
	.hera_i10 #section4 .cont .tit_box{padding-bottom:160px;}
	.hera_i10 #section4 .sec_bg .big_icon{position:absolute; left:50%; top:-130px; width:100%; max-width:768px; transform:translateX(-50%);}
	.hera_i10 #section4 .sec_bg .icon_wrap ul li{float:left; position:relative; width:33.3%; margin-bottom:0; border-bottom:none;}
	.hera_i10 #section4 .sec_bg .icon_wrap ul li:after{position:absolute; left:0; top:20px; width:1px; height:180px; background-color:#707375; content:'';}
	.hera_i10 #section4 .sec_bg .icon_wrap ul li:first-child:after{display:none;}
	.hera_i10 #section4 .sec_bg .icon_wrap ul li .icon_txt{float:none; width:auto; padding-left:0; padding-bottom:20px; text-align:center;}
	.hera_i10 #section4 .sec_bg .icon_wrap ul li .icon_txt h4{font-size:20px;}
	.hera_i10 #section4 .sec_bg .icon_wrap ul li .icon_txt p{font-size:20px;}
	.hera_i10 #section4 .sec_bg .icon_wrap ul li .icon_box{float:none; width:auto; text-align:center;}
	.hera_i10 #section4 .sec_bg .icon_wrap ul li .icon.icon01{width:79px; height:124px; background-image: url(/resources/_img/sub/product/HERA_W10/sec4_icon01_lg.png);}
	.hera_i10 #section4 .sec_bg .icon_wrap ul li .icon.icon02{width:70px; height:123px; background-image: url(/resources/_img/sub/product/HERA_W10/sec4_icon02_lg.png);}
	.hera_i10 #section4 .sec_bg .icon_wrap ul li .icon.icon03{width:105px; height:120px; background-image: url(/resources/_img/sub/product/HERA_W10/sec4_icon03_lg.png);}
	
	.hera_i10 .box_motion_wrap .box_inner .box{padding-top:35px;}
	.hera_i10 .box_motion_wrap .box_inner .fd-slider{padding-top:48%;}
	.hera_i10 .box_motion_wrap .box_inner .caption{font-size:16px;}
	.hera_i10 .box_motion_wrap .box_inner p{font-size:16px;}
	.hera_i10 .box_motion_wrap .box_inner .comment{font-size:16px;}
	.hera_i10 .box_motion_wrap .box_inner .icon{top:0;}
	.hera_i10 .box_motion_wrap .box_inner .bcImg{padding-bottom:25px;}

	.hera_i10 #section8{padding-bottom:40px;}
	
	.hera_i10 #section9{padding-top:60px;padding-bottom:60px;}
	.hera_i10 #section9 .tit_box{margin-bottom:40px;}
	.hera_i10 #section9 .position_view {margin-top:40px;margin-bottom:120px;position: relative;overflow:hidden;}
	.hera_i10 #section9 .position_view .nav {width:32%;height:100%;margin-top:3%; padding:1.4% 0 0 3.2%;margin-bottom:0;position: absolute;top: 0;right: 0;}
	.hera_i10 #section9 .position_view .nav:before {content:'';display:block;width: 1px;height: 1px;position: absolute;background:url('/resources/_img/sub/product/HERA_I10/position-control1.png'), url('/resources/_img/sub/product/HERA_I10/position-control2.png'), url('/resources/_img/sub/product/HERA_I10/position-control3.png'), url('/resources/_img/sub/product/HERA_I10/position-control4.png');} /* preload */
	.hera_i10 #section9 .position_view .nav[data-page='0'] {background:url('/resources/_img/sub/product/HERA_I10/position-control1.png') no-repeat right top; background-size: contain;}
	.hera_i10 #section9 .position_view .nav[data-page='1'] {background:url('/resources/_img/sub/product/HERA_I10/position-control2.png') no-repeat right top; background-size: contain;}
	.hera_i10 #section9 .position_view .nav[data-page='2'] {background:url('/resources/_img/sub/product/HERA_I10/position-control3.png') no-repeat right top; background-size: contain;}
	.hera_i10 #section9 .position_view .nav[data-page='3'] {background:url('/resources/_img/sub/product/HERA_I10/position-control4.png') no-repeat right top; background-size: contain;}
	.hera_i10 #section9 .position_view .nav a {width:50%;padding-top:33%;font-size:0;background:url('about:blank');position:relative;overflow:hidden;z-index:1;}
	.hera_i10 #section9 .position_view .nav a:not(:first-child) {margin-left:0;}
	.hera_i10 #section9 .position_view .nav a.on {background:url('about:blank');}
	.hera_i10 #section9 .position_view .img {float: left;width:63.9%;padding-top:51.6%;}
	.hera_i10 #section9 .position_view .control_bottom {display:none;}
	.hera_i10 #section9 .clean_img {padding: 40px 0 20px;}
	
	.hera_i10 #section10{padding-top:60px;padding-bottom:0;}
	.hera_i10 #section10 .tit_box{margin-bottom:40px;}
	.hera_i10 #section10 .main {margin-top:40px;}
	.hera_i10 #section10 .info_wrap {margin:-11% 0 0;padding:15% 0 40px;}
	
	.hera_i10 #section11{padding-top:60px;padding-bottom:0;}
	.hera_i10 #section11 .tit_box{margin-bottom:40px;}
	.hera_i10 #section11 .dimension_desc {font-size:16px;}
	
	.hera_i10 #transducer .benefitTitle{font-size:54px;}
	.hera_i10 .transducer_wrap{padding-top:50px;}
	.hera_i10 .transducer_wrap .transducer_list ul{padding-bottom:40px; margin-bottom:40px;}
	.hera_i10 .transducer_wrap .transducer_list h3{margin-bottom:20px; font-size:22px;}
	.hera_i10 .transducer_wrap .transducer_list li{width:24.7093%; margin-left:5.8139%;}
	.hera_i10 .transducer_wrap .transducer_list li.last{margin:35px 0 0 0;}
	.hera_i10 .transducer_wrap .transducer_list li img{margin-bottom:10px;}
	.hera_i10 .transducer_wrap .transducer_list li h4{font-size:20px;}
	.hera_i10 .transducer_wrap .transducer_list li P{font-size:16px;}
	.hera_i10 .pdfWrap {padding: 0 0 30px;}
	
	.hera_i10 .productview .cyberWrap .cyberBox{padding:90px 40px 40px; background-image:url(/resources/_img/sub/product/HERA_W10/cyber_bg_sm.png);}
	.hera_i10 .productview .cyberWrap .benefitTitle{padding-left:40px; text-align:left;}
	.hera_i10 .productview .cyberWrap .cyberBox .cyber_list{float:left; width:30%; margin-left:5%;}
	.hera_i10 .productview .cyberWrap .cyberBox .cyber_list:first-child{margin-left:0;}
	.hera_i10 .productview .cyberWrap .cyberBox .cyber_list .cyber_icon{float:none; width:170px; height:170px; margin-bottom:40px;}
	.hera_i10 .productview .cyberWrap .cyberBox .cyber_list h5{float:none; width:auto; margin-bottom:10px; font-size:20px;}
	.hera_i10 .productview .cyberWrap .cyberBox .cyber_list p{float:none; width:auto; margin-bottom:10px; font-size:16px;}
	.hera_i10 .productview .cyberWrap .cyberBox .cyber_list ul{float:none; width:auto;}
	.hera_i10 .productview .cyberWrap .cyberBox .cyber_list ul li{font-size:14px;}
}	

@media (min-width:1024px){

	.btn_requestArea {margin-top:-130px;}

	#anchorWrap{display:block; position:fixed; right:20px; top:50%; z-index:200;}
	#anchorWrap li{position:relative; margin-bottom:20px;}
	#anchorWrap li a{display:block; width:12px; height:12px; border-radius:50%; background-color:#ccc;}
	#anchorWrap li.on a{background-color:#8e50cd;}
	#anchorWrap li .tooltip{display:none; position:absolute; left:-115px; top:-6px; z-index:-1; width:135px; padding:5px 15px 5px 0; background-color:#fff; border-radius:20px; font-size:14px; color:#8246bf; text-align:center;}
	#anchorWrap li.on .tooltip{display:block;}
	
	.hera_i10 .btn_wrap.type2 .bcBtn{width:240px;}
	
	.hera_i10 .slide_bg{display:none; position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7);}
	.hera_i10 .slide_bg.on{display:block;}
	
	.hera_i10 .section .tit_box p:not(.sub_tit){font-size:18px;}
	.hera_i10 .section .tit_box li{font-size:14px;}
	
	.hera_i10 .section .section_title{margin-bottom:15px; font-size:58px; line-height:1;}
	
	.hera_i10 .section{padding-bottom:140px;}
	#contents .hera_i10 .inner{position:relative; width:100%; max-width:1240px; padding:0; margin:0 auto;}

	.hera_i10 .icon_desc_box .icon {width:220px;padding-left:40px;}
	.hera_i10 .icon_desc_box .con_wrap {width:calc(100% - 220px);padding-left: 50px;}
	.hera_i10 .icon_desc_box .txt {line-height:1.5;font-size:16px;}

	.hera_i10 #section1 .tit_box{margin-bottom:30px;}
	.hera_i10 #section1 .tit_box h1{margin-bottom:5px;}
	.hera_i10 #section1 .btn_area {display: none;}
	.hera_i10 #section1 .esk_mob { display: none; }
	.hera_i10 #section1 .esk_toggle { display: block;}
	.hera_i10 #section1 .esk_toggle img:last-child {display: none;}
	.hera_i10 #section1 .esk_toggle.on img:first-child {display: none;}
	.hera_i10 #section1 .esk_toggle.on img:last-child {display: block;}
	.hera_i10 #section1 .product_img {height:620px;margin-bottom: 0;position: relative;overflow:hidden;}
	.hera_i10 #section1 .product {position: absolute;top: 0;left: 0;z-index:4;}
	.hera_i10 #section1 .product img {width:auto;height: 620px;position: relative;}
	.hera_i10 #section1 .product .comment {position: absolute;left:-9999px;}
	.hera_i10 #section1 .paging_icon {display: block;width:750px;height:100%;position: absolute;top: 0;left: 0;z-index:10;}
	.hera_i10 #section1 .paging_icon a {display: block;width: 150px;height: 0;max-height:150px;padding-top:150px;background: url('/resources/_img/sub/product/HERA_I10/product-img-page-off.png') no-repeat 50% 50%;background-size:30px 30px;position: absolute;overflow: hidden;transition: all .2s;}
	.hera_i10 #section1 .paging_icon a:hover {transform:scale(1.4) rotate(90deg);}
	.hera_i10 #section1 .paging_icon a:nth-child(1) {top:223px;left:317px;}
	.hera_i10 #section1 .paging_icon a:nth-child(2) {top:0;left:112px;}
	.hera_i10 #section1 .paging_icon a:nth-child(3) {top:78px;left:508px;}
	.hera_i10 #section1 .paging_icon[data-page='0'] a:nth-child(1),
	.hera_i10 #section1 .paging_icon[data-page='1'] a:nth-child(2),
	.hera_i10 #section1 .paging_icon[data-page='2'] a:nth-child(3) {background-image: url('/resources/_img/sub/product/HERA_I10/product-img-page-on.png');}
	.hera_i10 #section1 .con {display: block;position: relative;z-index:3;}
	.hera_i10 #section1 .con li {display: none;position: absolute;top: 0;left: 0;}
	.hera_i10 #section1 .con .link {display: block;width:160px; height: 0;max-height: 43px;padding-top: 43px;background:url('about:blank');position: absolute;bottom: 160px; right: 188px;overflow: hidden;}
	
	.hera_i10 #section4{padding-bottom:140px;}
	.hera_i10 #section4 .inner{max-width:100%;}
	.hera_i10 #section4 .cont{width:100%; padding:0; max-width:1240px; margin:0 auto;}
	.hera_i10 #section4 .cont .tit_box{padding-bottom:12.9%; margin-bottom:0;}
	.hera_i10 #section4 .cont .tit_box p{padding-bottom:25px;}
	.hera_i10 #section4 .cont .tit_box li:first-child{padding-bottom:10px;}
	.hera_i10 #section4 .sec_bg .big_icon{top:50%; z-index:10; width:23.3%;transform:translate(-50%,-130%); opacity:1;}
	.hera_i10 #section4 .sec_bg .icon_wrap{position:absolute; z-index:10; left:50%; top:50%; width:60%;transform:translate(-50%,-40%); opacity:1;}
	.hera_i10 #section4 .sec_bg .icon_wrap ul{overflow:hidden; margin-bottom:15px;}
	.hera_i10 #section4 .sec_bg .icon_wrap ul li{float:left; width:33.3%; padding-bottom:0; margin-bottom:0;}
	.hera_i10 #section4 .sec_bg .icon_wrap ul li:first-child{border-left:none;}
	.hera_i10 #section4 .sec_bg .icon_wrap ul li:last-child{padding-bottom:0;}
	.hera_i10 #section4 .sec_bg .icon_wrap ul li .icon{display:block; margin:0 auto;}
	.hera_i10 #section4 .sec_bg .icon_wrap ul li .icon.icon01{padding-top:0;}
	.hera_i10 #section4 .sec_bg .icon_wrap ul li .icon.icon02{padding-top:0;}
	.hera_i10 #section4 .sec_bg .icon_wrap ul li .icon.icon03{padding-top:0; margin:0 auto;}
	.hera_i10 #section4 .sec_bg .icon_wrap ul li .icon img{width:100%;}
	.hera_i10 #section4 .sec_bg .comment{padding-top:0; text-align:center;}
	.hera_i10 #section4 .sec_bg{position:relative;}
	.hera_i10 #section4 .sec_bg .btn_wrap{padding-top:20px;}
	.hera_i10 #section4 .sec_bg img{width:100%;}
	.hera_i10 #section4 .sec_bg > img{min-height:450px;}
	.hera_i10 #section4 .btn_wrap .bcBtn{width:190px; height:45px; line-height:43px; padding:0; text-align:center;}
	.hera_i10 #section4 .big_icon > img{opacity:0;}
	.hera_i10 #section4 .sec_bg .big_icon .icon_motion_wrap{display:block;}
	.hera_i10 #section4 .icon_motion_wrap ul{}
	.hera_i10 #section4 .icon_motion_wrap ul li{position:absolute; left:0; top:0;}
	.hera_i10 #section4 .icon_motion_wrap li.list01{transition-delay:1.5s;}
	.hera_i10 #section4 .icon_motion_wrap li.list02{transition-delay:2.5s;}
	.hera_i10 #section4 .icon_motion_wrap li.list03{transition-delay:3s;}
	
	.hera_i10 #crystalBeam .inner .tit_box{padding-bottom:0; margin-bottom:0;}
	.hera_i10 #crystalBeam .cont .cont_img{padding: 40px 0 0;}
	
	.hera_i10 .box_motion_wrap{padding-top:40px; margin-left:-4%;}
	.hera_i10 .box_motion_wrap ul{overflow:hidden;}
	.hera_i10 .box_motion_wrap .box_inner{position:relative; float:left; width:30%; padding:60px 4% 0; transition:width .5s;}
	.hera_i10 .box_motion_wrap .box_inner.on{width:40%;}
	.hera_i10 .box_motion_wrap .box_inner:after{position:absolute; left:0; top:0; width:1px; height:680px; background:#d4d4d4; content:'';}
	.hera_i10 .box_motion_wrap .box_inner:first-child:after{display:none;}
	.hera_i10 .box_motion_wrap .box_inner .box{position:relative; padding:0 0 50px 0;}
	.hera_i10 .box_motion_wrap .box_inner h5{padding-bottom:35px; font-size:24px;}
 	.hera_i10 .box_motion_wrap .box_inner .bcImg{overflow:hidden; position:relative; padding-bottom:30px; margin-top:0; text-align:right;}
	.hera_i10 .box_motion_wrap .box_inner .bcImg img{width:100%;}
 	.hera_i10 .box_motion_wrap .box_inner.on .fd-slider{width:100%; height:100%; padding-top:57.46%;}
	.hera_i10 .box_motion_wrap .box_inner p{overflow:hidden; height:4.5em; line-height:1.5; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; /* ���μ� */ -webkit-box-orient:vertical; word-wrap:break-word;}
	.hera_i10 .box_motion_wrap .box_inner.on p{overflow:none; height:auto; -webkit-line-clamp:initial;}
	.hera_i10 .box_motion_wrap .box_inner .caption{display:none; padding-top:10px; font-size:14px; color:#6a6a6a;}
	.hera_i10 .box_motion_wrap .box_inner.on .caption{display:block;}
	.hera_i10 .box_motion_wrap .box_inner .icon{display:none; position:absolute; right:0; top:0;}
	.hera_i10 .box_motion_wrap .box_inner.on .icon{display:block;}
	.hera_i10 .box_motion_wrap .box_inner .bcBtnWrap{display:none;}
	.hera_i10 .box_motion_wrap .box_inner.on .bcBtnWrap{display:block;}
	.hera_i10 .box_motion_wrap .box_inner .more{display:block; width:85px; height:30px; margin:50px auto 0; line-height:30px; border:1px solid #6a6a6a; border-radius:20px; font-size:16px; color:#6a6a6a; text-align:center;}
	.hera_i10 .box_motion_wrap .box_inner.on .more{display:none;}
	.hera_i10 .box_motion_wrap .box_inner .drag-handler{display:none;}
	.hera_i10 .box_motion_wrap .box_inner.on .drag-handler{display:block;}
	
	.hera_i10 #section5 .box_motion_wrap .box_inner .icon{top:-20px;transform: none;}
	.hera_i10 #section6 .box_motion_wrap .box_inner .icon{top:-20px;transform: none;}
	.hera_i10 #section7 .box_motion_wrap .box_inner .icon{top:-10px;transform: none;}
	.hera_i10 #section6 .box_motion_wrap .box_inner .icon.icon02{top:-30px;}
	.hera_i10 #section7 .box_motion_wrap .box_inner .icon.icon02{top:-15px;}
	.hera_i10 #section6 .box_motion_wrap .box_inner:after{height:730px;}
	
	.hera_i10 #section6 .box_motion_wrap .box_inner .comment{display:none; padding-top:20px;}
	.hera_i10 #section6 .box_motion_wrap .box_inner.on .comment{display:block; font-size:13px;}
	.hera_i10 #section7 .box_motion_wrap .box_inner .comment{display:none; padding-top:20px;}
	.hera_i10 #section7 .box_motion_wrap .box_inner.on .comment{display:block; font-size:13px;}
	.hera_i10 #section8 .box_motion_wrap .box_inner .comment{display:none; padding-top:20px;}
	.hera_i10 #section8 .box_motion_wrap .box_inner.on .comment{display:block; font-size:13px;}
	
	.hera_i10 #section8 {padding-bottom: 40px;}
	.hera_i10 #section8 .tit_box{position:relative; padding-left:190px;}
	.hera_i10 #section8 .tit_box .logo{position:absolute; left:0; top:0; width:146px;}

	.hera_i10 #section8_2 {padding:30px 0;}
	.hera_i10 #section8_2 .btn_wrap {margin-top:20px;}
	
	.hera_i10 #section9{padding:70px 0 80px;}
	.hera_i10 #section9 .clean_img {margin-top:5%;padding: 0 0 15px;text-align: center;position: relative;}
	.hera_i10 #section9 .clean_img .con {width:24%}
	.hera_i10 #section9 .clean_img .con1 {position: absolute;top: 0;left: 0;}
	.hera_i10 #section9 .clean_img .con2 {position: absolute;top: 0;right: 0;}
	.hera_i10 #section9 .clean_img .img {padding:0;}
	.hera_i10 #section9 .clean_img .img img {width:48.5%;vertical-align:top;}
	
	.hera_i10 #section10{padding:70px 0 0;}
	.hera_i10 #section10 .content_wrap:after {content:'';display:block;clear:both;}
	.hera_i10 #section10 .icon_desc_box {float: right;display:block;width:25.8%;padding-top:4.5%;overflow:hidden;}
	.hera_i10 #section10 .icon_desc_box .icon {float:none;display:block;padding-left:50px;margin:0 auto 18px 0;width:100%;text-align:center;}
	.hera_i10 #section10 .icon_desc_box .con_wrap {float:none;display:block;width:auto;}
	.hera_i10 #section10 .icon_desc_box .con_wrap .tit {text-align:center;}
	.hera_i10 #section10 .main {float:left;width:68.5%;margin-top:0;}
	.hera_i10 #section10 .info_wrap {margin:-4% 0 0;padding:5% 0 40px;}
	.hera_i10 #section10 .info_wrap .comment {padding-top:20px;}

	.hera_i10 #section11{padding:70px 0 40px;}
	.hera_i10 #section11 .dimension1 .img1 {float:left;width:68%;}
	.hera_i10 #section11 .dimension1 .img2 {float:right;width:32%;margin-top:0;}
	.hera_i10 #section11 .dimension2 .img1 {float:left;width:50%;}
	.hera_i10 #section11 .dimension2 .img2 {float:right;width:50%;margin-top:0;}
	.hera_i10 #section11 .dimension_desc {padding:120px 0 15px; font-size:18px;}
	
	.hera_i10 .benefitTitle{padding-top:30px; margin-top:0; font-size:58px; text-align:left;}
	.hera_i10 #transducer .inner{max-width:100%;width:auto; padding-top:70px; background-color:#fafafa;}
	.hera_i10 .transducer_wrap{overflow:hidden; max-width:1240px; padding:40px 0 80px; margin:0 auto;}
	.hera_i10 .transducer_wrap .transducer_left{float:left; width:44.5967%; padding-bottom:0; margin-bottom:0; border-bottom:none;}
	.hera_i10 .transducer_wrap .transducer_right{float:left; width:44.5967%; margin-left:8.387%;}
	.hera_i10 .transducer_wrap .transducer_list h3{font-size:24px;}
	.hera_i10 .transducer_wrap .transducer_list ul{overflow:hidden; padding-bottom:50px; margin-bottom:20px; border-bottom:1px solid #c8c8c8;}
	.hera_i10 .transducer_wrap .transducer_list.last ul{padding-bottom:0; margin-bottom:0; border-bottom:none;}
	.hera_i10 .transducer_wrap .transducer_list li{float:left; width:30.7414%; margin-left:3.7%;}
	.hera_i10 .transducer_wrap .transducer_list li:first-child{margin-left:0;}
	.hera_i10 .transducer_wrap .transducer_list li.last{margin:3.2258% 0 0 0;}
	.hera_i10 .transducer_wrap .transducer_list li img{width:100%;}
	.hera_i10 .transducer_wrap .transducer_list li h4{padding:5px 0; font-size:20px;}
	.hera_i10 .transducer_wrap .transducer_list li P{font-size:17px;}
	
	.hera_i10 #cyberSecure{}
	.hera_i10 .productview .cyberWrap{background:none;}
	.hera_i10 .productview .cyberWrap .benefitTitle{padding:0; margin:0 auto 20px; text-align:left;}
	.hera_i10 .productview .cyberWrap .cyberBox{padding:115px 100px 60px; background-image:url(/resources/_img/sub/product/HERA_W10/cyber_bg_lg.png);}
	.hera_i10 .productview .cyberWrap .cyberBox > ul{margin:0;}
	.hera_i10 .productview .cyberWrap .cyberBox .cyber_list{text-align:left;}
	.hera_i10 .productview .cyberWrap .cyberBox .cyber_list .cyber_icon{width:183px; height:183px; margin-top:0; background-position:0 0; background-repeat:no-repeat; background-size:100%;}
	.hera_i10 .productview .cyberWrap .cyberBox .cyber_list h5{padding-bottom:10px; font-size:22px;}
	.hera_i10 .productview .cyberWrap .cyberBox .cyber_list p{padding-bottom:10px; font-size:18px;}
	.hera_i10 .productview .cyberWrap .cyberBox .cyber_list ul li{margin-bottom:0; font-size:16px;}
}

@media (min-width:1240px){
	.disclaimerWrap .disclaimer_inner{width:100%; max-width:1240px;}
	#footer .inner{width:100%; max-width:1240px;}
	.hera_i10 .benefitTitle, .hera_i10 .bcBox{width:100%; max-width:1240px;}
}

@media (min-width:1420px){
	.hera_i10 #section4 .sec_bg .big_icon{transform: translate(-50%,-110%);}
	.hera_i10 #section4 .sec_bg .icon_wrap{transform: translate(-50%,-20%);}
}