@charset "utf-8";

.main_bg {background:url(../../../resources/images/HHO/pc/main_bg.gif) repeat-x}
.main_bg_02 {background:url(../../../resources/images/HHO/pc/main_bg_02.gif) repeat-x}
.mg_main .more{display:inline-block;width:18px;height:18px;text-indent:-9999px;overflow:hidden;background:url(../../../resources/images/HHO/pc/btn_more.gif) no-repeat}

.main_login{height:26px;border-bottom:1px solid #c7c7c7;background:#f7f9fa;padding:12px 10px 0}
.main_login ul{display:table;table-layout:fixed;width:100%;box-sizing:border-box}
.main_login li{display:table-cell;text-align:center;height:15px;line-height:15px;font-size:14px;color:#666;border-left:1px solid #d2d2d2}
.main_login li:first-child{border:0}

.main_menu{height:358px;border-bottom:1px solid #c7c7c7}
.main_menu .btn{position:absolute;left:0;top:318px;width:100%;text-align:center;z-index:10}
.main_menu .btn a{display:inline-block;width:20px;height:20px;text-indent:-9999px;overflow:hidden;background-repeat:no-repeat;background-image:url(../../../resources/images/HHO/pc/btn_main_menu.gif)}
.main_menu .btn .arrow-right{background-position:-20px 0;z-index:999}
.main_menu .btn.left .arrow-left{background-position:0 -20px;cursor:default}  
.main_menu .btn.right .arrow-right{background-position:-20px -20px;cursor:default}
.main_menu .swiper-slide ul{margin:27px 0 0 14px}
.main_menu .swiper-slide li{float:left;width:75px;text-align:center;height:89px;line-height:16px;font-size:14px;color:#737373}
.main_menu .swiper-slide a{display:inline-block;padding:42px 0 0;position:relative}
.main_menu .swiper-slide a:after{content:"";position:absolute;left:50%;top:0;width:40px;height:40px;margin-left:-20px;background-repeat:no-repeat;background-image:url(../../../resources/images/HHO/pc/btn_main_menu2.gif)}
.main_menu .swiper-slide .bg_02 a:after{background-position:0 -40px}
.main_menu .swiper-slide .bg_03 a:after{background-position:0 -80px}
.main_menu .swiper-slide .bg_04 a:after{background-position:0 -120px}
.main_menu .swiper-slide .bg_05 a:after{background-position:0 -160px}
.main_menu .swiper-slide .bg_06 a:after{background-position:0 -200px}
.main_menu .swiper-slide .bg_07 a:after{background-position:0 -240px}
.main_menu .swiper-slide .bg_08 a:after{background-position:0 -280px}
.main_menu .swiper-slide .bg_09 a:after{background-position:0 -320px}
.main_menu .swiper-slide .bg_10 a:after{background-position:0 -360px}
.main_menu .swiper-slide .bg_11 a:after{background-position:0 -400px}
.main_menu .swiper-slide .bg_12 a:after{background-position:0 -440px}
.main_menu .swiper-slide .bg_13 a:after{background-position:0 -480px}
.main_menu .swiper-slide .bg_14 a:after{background-position:0 -520px}
.main_menu .swiper-slide .bg_15 a:after{background-position:0 -560px}
.main_menu .swiper-slide .bg_16 a:after{background-position:0 -600px}
.main_menu .swiper-slide .bg_17 a:after{background-position:0 -640px}
.main_menu .swiper-slide .bg_18 a:after{background-position:0 -680px}
.main_menu .swiper-slide .bg_19 a:after{background-position:0 -720px}

.main_bn{height:148px;border-bottom:1px solid #c7c7c7;position:relative}
.main_bn .pagination{position:absolute;right:9px;top:11px;z-index:10}
.main_bn .play{display:inline-block;vertical-align:top;width:10px;height:10px;text-indent:-9999px;overflow:hidden;background:url(../../../resources/images/HHO/pc/btn_play2.png) no-repeat 0 -10px}
.main_bn .auto{background:url(../../../resources/images/HHO/pc/btn_play2.png) no-repeat}
.main_bn .arrow-right,.main_bn .btn_prev,.main_bn .btn_next{display:none}
.main_bn .swiper-pagination-switch{display:inline-block;float:left;margin:1px 6px 1px 0px;width:10px;height:8px;background:url(../../../resources/images/HHO/pc/tab_main_bn.png) no-repeat}
.main_bn .swiper-pagination-switch.swiper-active-switch{width:18px;background:url(../../../resources/images/HHO/pc/tab_main_bn.png) no-repeat 0 -10px}

.main_link{position:absolute;left:0;top:329px;width:1100px;height:105px;background: #fff;border: 2px solid #169eda;box-sizing: border-box;border-radius: 10px;}
.main_link .btn{position:absolute;left:40px;top:34px;z-index:10;}
.main_link .btn ul li{float:left;}
.main_link .btn a{display:inline-block;width:17px;height:34px;text-indent:-9999px;overflow:hidden;background-repeat:no-repeat;background-image:url(../../../resources/images/HHO/pc/btn_main_menu.png);}
.main_link .btn .arrow-right{background-position:-17px 0;}
.main_link .btn.left .arrow-left{background-position:0 -34px;}
.main_link .btn.right .arrow-right{background-position:-17px -34px;}
.main_link .swiper-slide ul{margin:17px 0 0 67px;}
.main_link .swiper-slide li{float:left;width:120px;text-align:center;height:80px;line-height:22px;font-size:14px;color:#333; letter-spacing:-1px;}
.main_link .swiper-slide a{display:inline-block;position:relative;width: 100%;padding: 46px 0 0;}
.main_link .swiper-slide a:after{content:"";position:absolute;left:50%;top:0;width:42px;height:40px;margin-left:-20px;background-repeat:no-repeat;background-image:url(../../../resources/images/HHO/pc/btn_main_menu2.png);}
.main_link .swiper-slide .icon_bg_02 a:after{background-position:0 -40px}
.main_link .swiper-slide .icon_bg_03 a:after{background-position: 0 -80px;}
.main_link .swiper-slide .icon_bg_04 a:after{background-position: 0 -119px;}
.main_link .swiper-slide .icon_bg_05 a:after{background-position:0 -160px}
.main_link .swiper-slide .icon_bg_06 a:after{background-position:0 -200px}
.main_link .swiper-slide .icon_bg_07 a:after{background-position: 0 -239px;}
.main_link .swiper-slide .icon_bg_08 a:after{background-position: 0 -279px;}
.main_link .swiper-slide .icon_bg_09 a:after{background-position: 0 -321px;}
.main_link .swiper-slide .icon_bg_10 a:after{background-position: 0 -360px;}
.main_link .swiper-slide .icon_bg_11 a:after{background-position: 0 -399px;}
.main_link .swiper-slide .icon_bg_12 a:after{background-position: 0 -442px;}
.main_link .swiper-slide .icon_bg_13 a:after{background-position: 0 -481px;}
.main_link .swiper-slide .icon_bg_14 a:after{background-position: 0 -521px;}
.main_link .swiper-slide .icon_bg_15 a:after{background-position: 0 -562px;}
.main_link .swiper-slide .icon_bg_16 a:after{background-position: 0 -601px;}
.main_link .swiper-slide .icon_bg_17 a:after{background-position:0 -640px}
.main_link .swiper-slide .icon_bg_18 a:after{background-position:0 -680px}
.main_link .swiper-slide .icon_bg_19 a:after{background-position:0 -720px}

.main_vis {position:relative; width:1100px; height:434px;}
.main_vis .pagination{position:absolute;right:60px;top:63px;z-index:10;}
.main_vis .play{display:inline-block;vertical-align:top;width:11px;height:14px;text-indent:-9999px;overflow:hidden;background:url(../../../resources/images/HHO/pc/btn_play1.png) no-repeat 0 -14px}
.main_vis .auto{background:url(../../../resources/images/HHO/pc/btn_play1.png) no-repeat}
.main_vis .arrow-right,.main_vis .btn_prev,.main_vis .btn_next{display:none}
.main_vis .swiper-pagination-switch{display:inline-block;text-indent:-9999px;float:left;margin:0 4px 0 0px;width:16px;height:14px;background:url(../../../resources/images/HHO/pc/tab_main.png) no-repeat}
.main_vis .swiper-pagination-switch.swiper-active-switch{width:40px;background:url(../../../resources/images/HHO/pc/tab_main.png) no-repeat 0 -16px}


.main_prod{position:relative;margin:35px 0 0; padding:0 187px;text-align:center;font-size:19px;font-weight:bold;letter-spacing:-1px;margin-bottom: 20px;}
.main_prod:after{display:block;clear:both;height:0;line-height:0;content:""}
.main_prod li {float:left;width:230px;height:50px;border:2px solid #ccc;box-sizing:border-box;border-radius:25px; background:#fff; margin-left:18px;}
.main_prod li a {display: block;width:230px;height:50px; line-height:46px;color: #444;}
.main_prod li:first-child{margin-left:0px;}
.main_prod li:hover{font-weight:bold;box-shadow: 3px 3px 3px rgba(67,67,67,0.1); border:2px solid #079bd6; box-sizing: border-box;}
.main_prod li.on a{box-sizing: border-box;color: #0172b5;}
.main_prod .on a{font-size:22px; color: #0172b5;}

/* .main_prod{margin:35px 0 0; padding:0 187px;}
.main_prod:after{display:block;clear:both;height:0;line-height:0;content:""}
.main_prod li{float:left;width:230px;height:50px;padding-left:18px;color:#fff;font-weight: b;letter-spacing:-1px;}
.main_prod li:first-child{ padding-left:0px}
.main_prod a{display:block;height:50px;line-height:45px;text-align:center;font-size:19px;border-radius:25px;background-color: #f6f6f6;color: #444; font-weight:bold; border: 1px solid #c2c2c2;box-sizing: border-box;}
.main_prod .on a{background: #fff;font-size:21px;box-sizing: border-box;color: #0172b5; font-size:21px;box-shadow: 1px 2px 2px -1px rgb(50 50 50 / 50%);}
 */

.main_prod_list{}
.main_prod_list ul{margin:25px 0 0; height:300px; }
.main_prod_list ul li{position:relative; float:left;display:block;width:255px; height:300px; margin-left:26px;text-align:center;vertical-align:top; background:#fff; box-sizing:border-box; border-radius:13px; border:1px solid #cbcbcb;}
.main_prod_list ul li:first-child{margin-left:0px; margin-right:1px;}
.main_prod_list a{display:block;height: 300px;}
.main_prod_list a > span{display:block;}
.main_prod_list .on a{position:relative}
.main_prod_list .on a > span{position:absolute;width:255px; height:300px; color:#222; background:#fff; box-sizing:border-box; border-radius:10px; border:3px solid #069dd7;box-shadow:1px 2px 4px -1px rgba(50,50,50,0.5)}
.main_prod_list .dsr{display:inline-block;text-align:center; margin-top:17px; width:98px; height:28px;line-height:26px; letter-spacing:-1px; font-weight:bold; font-size:14px;color:#7e7e7e;text-decoration:none !important; border:1px solid #bebebe;border-radius:15px; background-color:#fff;}
.main_prod_list .dsr.on{color:#fff;border:1px solid #0a386a;background-color:#0a386a;}
.main_prod_list .ico {position:absolute; top:46px; left:46px; z-index:100;}


.main_tab_bg {padding:180px 0 0; color:#222;}
.main_tab_bg01 {background:url(../../../resources/images/HHO/pc/bg_product_01.png) no-repeat 62px 32px;}
.main_tab_bg02 {background:url(../../../resources/images/HHO/pc/bg_product_02.png) no-repeat 62px 32px;}
.main_tab_bg03 {background:url(../../../resources/images/HHO/pc/bg_product_03.png) no-repeat 62px 32px;}
.main_tab_bg04 {background:url(../../../resources/images/HHO/pc/bg_product_04.png) no-repeat 62px 32px;}
.main_tab_bg05 {background:url(../../../resources/images/HHO/pc/bg_product_05.png) no-repeat 62px 32px;}
.main_tab_bg06 {background:url(../../../resources/images/HHO/pc/bg_product_06.png) no-repeat 62px 32px;}
.main_tab_bg07 {background:url(../../../resources/images/HHO/pc/bg_product_07.png) no-repeat 62px 32px;}
.main_tab_bg08 {background:url(../../../resources/images/HHO/pc/bg_product_08.png) no-repeat 62px 32px;}
.main_tab_bg09 {background:url(../../../resources/images/HHO/pc/bg_product_09.png) no-repeat 62px 32px;}
.main_tab_bg10 {background:url(../../../resources/images/HHO/pc/bg_product_10.png) no-repeat 62px 32px;}
.main_tab_bg11 {background:url(../../../resources/images/HHO/pc/bg_product_11.png) no-repeat 43px 32px;}
.main_tab_bg12 {background:url(../../../resources/images/HHO/pc/bg_product_12.png) no-repeat 62px 32px;}
.main_tab_bg13 {background:url(../../../resources/images/HHO/pc/bg_product_13.png) no-repeat 62px 32px;}
.main_tab_bg14 {background:url(../../../resources/images/HHO/pc/bg_product_14.png) no-repeat 57px 32px;}
.main_tab_bg15 {background:url(../../../resources/images/HHO/pc/bg_product_15.png) no-repeat 62px 32px;}
.main_tab_bg16 {background:url(../../../resources/images/HHO/pc/bg_product_16.png) no-repeat 52px 32px;}
.main_tab_bg17 {background:url(../../../resources/images/HHO/pc/bg_product_17.png) no-repeat 62px 32px;}
.main_tab_bg18 {background:url(../../../resources/images/HHO/pc/bg_product_18.png) no-repeat 62px 32px;}
.main_tab_bg19 {background:url(../../../resources/images/HHO/pc/bg_product_19.png) no-repeat 62px 32px;}
.main_tab_bg20 {background:url(../../../resources/images/HHO/pc/bg_product_20.png) no-repeat 62px 32px;}

.main_tab_tit {font-size:22px; font-weight:bold; margin-top:12px; letter-spacing:-1px;}
.main_tab_tit2 {font-size:22px; font-weight:bold; margin-top:9px; letter-spacing:-1px;}
.main_tab_tit3 {font-size:14px; line-height:20px; margin-top:12px; letter-spacing:-1px;}

a.btn_main_s{ position:absolute; display:inline-block;padding:0 10px;text-align:center;height:24px;line-height:24px;font-size:12px;color:#fff;background:#737373;text-decoration:none !important}
a.btn_main_s span{display:inline-block;height:24px;line-height:23px;vertical-align:top}


.main_contents {position:relative; height:128px; overflow:hidden;}

.main_event{position:relative;width:340px; height:128px; float:left;}
.main_event .tit{position:absolute;line-height:26px;font-size:16px;color:#222;padding:0;font-weight:bold;}

.main_event02 { width:344px; height:128px}
.main_event02 .pagination{position:absolute;right:0px;top:0;z-index:10;}
.main_event02 .play{display:inline-block;vertical-align:top;width:11px;height:14px;text-indent:-9999px;overflow:hidden;background: url(../../../resources/images/HHO/pc/btn_play1.png) no-repeat 0 -14px;margin: 7px 4px 0 3px;}
.main_event02 .auto{background:url(../../../resources/images/HHO/pc/btn_play1.png) no-repeat;margin:7px 4px 0 3px;}
.main_event02 .arrow-right,.main_event02 .btn_prev,.main_event02 .btn_next{display:none}
.main_event02 .swiper-pagination-switch{display:inline-block;text-indent:-9999px;float:left;margin:7px 4px 0 0px;width:14px;height:14px; background:url(../../../resources/images/HHO/pc/tab_main02.png) no-repeat}
.main_event02 .swiper-pagination-switch.swiper-active-switch{width:14px;background:url(../../../resources/images/HHO/pc/tab_main02.png) no-repeat 0 -20px}


.main_news{position:relative; width:350px; height:128px; margin:0 40px; float:left;}
.main_news .tit{line-height:26px;font-size:16px;color:#222;padding:0;position:relative;font-weight:bold;}
.main_news .list{position:absolute;left:3px;top:40px;width:350px;}
.main_news .list li{padding:0;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:27px;font-size:14px; letter-spacing:-1px; padding-left:2px;}
.main_news .list li:after{content:"";}
.main_news .more{position:absolute;right:3px;top:5px; display:inline-block;width:48px;height:20px;}
.main_news .more:after{position:absolute;right:0px;top:50%;width:4px;height:7px;margin-top:-4px;background:url(../../../resources/images/HHO/pc/ico_set.png) no-repeat -229px -20px;content:""}

.main_customer{width:300px; height:128px;float:left; margin-left:20px; }
.main_customer .tit{line-height:26px;font-size:16px;color:#222;position:relative;font-weight:bold;}
.main_customer .tit span{position:absolute; font-size:18px;vertical-align:text-top; padding-left:10px;letter-spacing:-0.5px;}
.main_customer li {position:relative; display: flex; margin-top:20px;}
.main_customer li span.tit{font-size:14px;color:#666;line-height:28px;padding-left:5px;}
.main_customer li span.tit2{font-size:13px;color:#666;line-height:28px; font-weight:normal; padding-left:5px;}
.main_customer li span.s_blue{font-weight:bold;color:#069dd7;font-size: 17px; width: 90px; display: block; padding-left: 22px; line-height: 28px; background: url(../../../resources/images/HHO/pc/icon_tel03.png) 0px 5px no-repeat;}
.main_customer li span.d_blue{font-weight:normal;color:#205abb;font-size: 16px; width: 90px; display: block; padding-left: 22px; line-height: 28px; background: url(../../../resources/images/HHO/pc/icon_tel02.png) 0px 5px no-repeat; letter-spacing:1px;}
.main_customer li span.pink{font-weight:bold;color:#f33039;font-size:18px;line-height:27px;}
.main_customer .btn_customer{position:absolute;right:150px; top:4px; width:60px; height:20px; line-height:18px; border:1px solid #b7b7b7; color:#777; text-align:center;}


.main_link{position:absolute;left:0;top:330px;width:1100px;height:104px;background: #154e87;border: 2px solid #08376a;box-sizing: border-box;border-radius: 10px; z-index:-1;}
.main_link .btn{position:absolute;left:40px;top:34px;z-index:10;}
.main_link .btn ul li{float:left;}
.main_link .btn a{display:inline-block;width:17px;height:34px;text-indent:-9999px;overflow:hidden;background-repeat:no-repeat;background-image:url(../../../resources/images/HHO/pc/btn_main_menu.png);}
.main_link .btn .arrow-right{background-position:-17px 0;}
.main_link .btn.left .arrow-left{background-position:0 -34px;}
.main_link .btn.right .arrow-right{background-position:-17px -34px;}
.main_link .swiper-slide ul{margin:17px 0 0 67px;}
.main_link .swiper-slide li{float:left;width:120px;text-align:center;height:80px;line-height:22px;font-size:14px;color:#fff; letter-spacing:-1px;}
.main_link .swiper-slide a{display:inline-block;position:relative;width: 100%;padding: 46px 0 0;}
.main_link .swiper-slide a:after{content:"";position:absolute;left:50%;top:0;width:42px;height:40px;margin-left:-20px;background-repeat:no-repeat;background-image:url(../../../resources/images/HHO/pc/btn_main_menu2.png);}
.main_link .swiper-slide .bg_02 a:after{background-position:0 -40px}
.main_link .swiper-slide .bg_03 a:after{background-position:0 -80px}
.main_link .swiper-slide .bg_04 a:after{background-position:0 -120px}
.main_link .swiper-slide .bg_05 a:after{background-position:0 -160px}
.main_link .swiper-slide .bg_06 a:after{background-position:0 -200px}
.main_link .swiper-slide .bg_07 a:after{background-position:0 -240px}
.main_link .swiper-slide .bg_08 a:after{background-position:0 -280px}
.main_link .swiper-slide .bg_09 a:after{background-position:0 -320px}
.main_link .swiper-slide .bg_10 a:after{background-position:0 -360px}
.main_link .swiper-slide .bg_11 a:after{background-position:0 -400px}
.main_link .swiper-slide .bg_12 a:after{background-position:0 -440px}
.main_link .swiper-slide .bg_13 a:after{background-position:0 -480px}
.main_link .swiper-slide .bg_14 a:after{background-position:0 -520px}
.main_link .swiper-slide .bg_15 a:after{background-position:0 -560px}
.main_link .swiper-slide .bg_16 a:after{background-position:0 -600px}
.main_link .swiper-slide .bg_17 a:after{background-position:0 -640px}
.main_link .swiper-slide .bg_18 a:after{background-position:0 -680px}
.main_link .swiper-slide .bg_19 a:after{background-position:0 -720px}

.main_link02{position:relative;left:0;top:280px;width:1100px;height:auto;background: #1e3370;border: 2px solid #1e3370;box-sizing: border-box;border-radius:20px; z-index:-1; padding:20px 35px; overflow: hidden;}
.main_link02 ul{margin:17px 0; width: 100%; display: flex; justify-content: space-between;}
.main_link02 ul li {width: 12.5%; height:90px; line-height: 22px; font-size: 14px; color: #fff; display: flex; letter-spacing: -1px;}
.main_link02 a{display:inline-block;position:relative;width: 100%;padding:60px 0 0; background: url(../../../resources/images/HHO/pc/M_link01.png) 50% 10px no-repeat; text-align: center;}
.main_link02 a:hover{background: url(../../../resources/images/HHO/pc/M_link01on.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_02 a{background: url(../../../resources/images/HHO/pc/M_link02.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_02 a:hover{background: url(../../../resources/images/HHO/pc/M_link02on.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_03 a{background: url(../../../resources/images/HHO/pc/M_link03.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_03 a:hover{background: url(../../../resources/images/HHO/pc/M_link03on.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_04 a{background: url(../../../resources/images/HHO/pc/M_link04.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_04 a:hover{background: url(../../../resources/images/HHO/pc/M_link04on.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_05 a{background: url(../../../resources/images/HHO/pc/M_link05.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_05 a:hover{background: url(../../../resources/images/HHO/pc/M_link05on.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_06 a{background: url(../../../resources/images/HHO/pc/M_link06.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_06 a:hover{background: url(../../../resources/images/HHO/pc/M_link06on.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_07 a{background: url(../../../resources/images/HHO/pc/M_link07.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_07 a:hover{background: url(../../../resources/images/HHO/pc/M_link07on.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_08 a{background: url(../../../resources/images/HHO/pc/M_link08.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_08 a:hover{background: url(../../../resources/images/HHO/pc/M_link08on.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_09 a{background: url(../../../resources/images/HHO/pc/M_link09.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_09 a:hover{background: url(../../../resources/images/HHO/pc/M_link09on.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_10 a{background: url(../../../resources/images/HHO/pc/M_link10.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_10 a:hover{background: url(../../../resources/images/HHO/pc/M_link10on.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_11 a{background: url(../../../resources/images/HHO/pc/M_link11.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_11 a:hover{background: url(../../../resources/images/HHO/pc/M_link11on.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_12 a{background: url(../../../resources/images/HHO/pc/M_link12.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_12 a:hover{background: url(../../../resources/images/HHO/pc/M_link12on.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_13 a{background: url(../../../resources/images/HHO/pc/M_link13.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_13 a:hover{background: url(../../../resources/images/HHO/pc/M_link13on.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_14 a{background: url(../../../resources/images/HHO/pc/M_link14.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_14 a:hover{background: url(../../../resources/images/HHO/pc/M_link14on.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_15 a{background: url(../../../resources/images/HHO/pc/M_link15.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_15 a:hover{background: url(../../../resources/images/HHO/pc/M_link15on.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_16 a{background: url(../../../resources/images/HHO/pc/M_link16.png) 50% 10px no-repeat;}
.main_link02 ul li.icon_bg_16 a:hover{background: url(../../../resources/images/HHO/pc/M_link16on.png) 50% 10px no-repeat;}


.main_vis {position:relative; width:1100px; height:600px;}
.main_vis .pagination{position:absolute;right:60px; top: 270px;z-index:10;}
.main_vis .play{display:inline-block;vertical-align:top;width:11px;height:14px;text-indent:-9999px;overflow:hidden;background:url(../../../resources/images/HHO/pc/btn_play1.png) no-repeat 0 -14px}
.main_vis .auto{background:url(../../../resources/images/HHO/pc/btn_play1.png) no-repeat}
.main_vis .arrow-right,.main_vis .btn_prev,.main_vis .btn_next{display:none}
.main_vis .swiper-pagination-switch{display:inline-block;text-indent:-9999px;float:left;margin:0 4px 0 0px;width:16px;height:14px;background:url(../../../resources/images/HHO/pc/tab_main.png) no-repeat}
.main_vis .swiper-pagination-switch.swiper-active-switch{width:40px;background:url(../../../resources/images/HHO/pc/tab_main.png) no-repeat 0 -16px}


.main_notice{padding:15px 0 0 19px;position:relative}
.main_notice .box{float:left}
.main_notice .tit{line-height:25px;font-size:16px;color:#888;padding:0 0 0 19px;display:inline-block;position:relative;font-weight:normal}
.main_notice .tit:after{content:"";position:absolute;left:9px;top:5px;width:1px;height:15px;background:#d2d2d2}
.main_notice .box:first-child .tit{padding:0}
.main_notice .box:first-child .tit:after{display:none}
.main_notice .on .tit{font-weight:bold;color:#222}
.main_notice .list{position:absolute;left:19px;top:45px;width:216px;background:url(../../../resources/images/HHO/pc/bg_dot.gif) repeat-x;padding:12px 0 0;display:none}
.main_notice .on .list{display:block}
.main_notice .list li{padding:0 0 0 8px;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:24px;font-size:14px}
.main_notice .list li:after{content:"";position:absolute;left:0;top:50%;width:3px;height:3px;margin-top:-1px;background:url(../../../resources/images/HHO/pc/bull_01.gif) no-repeat}
.main_notice .more{position:absolute;right:19px;top:18px;display:none}
.main_notice .on .more{display:block}

.main_info{position:absolute;right:0;top:639px;border:1px solid #c7c7c7;border-left:0;height:148px;width:421px;overflow:hidden;display:none}
.on .main_info{display:block}
.main_info .tit{margin:16px 25px 0;line-height:23px;height:30px;background:url(../../../resources/images/HHO/pc/bg_dot.gif) repeat-x 0 100%;font-size:16px;color:#222}
.main_info .tel{float:left;margin:11px 0 9px 25px;padding:0 0 0 40px;background:url(../../../resources/images/HHO/pc/bg_tel.gif) no-repeat;height:33px;line-height:33px;color:#6d94ac;font-size:30px;font-weight:bold}
.main_info .btn{float:left;margin:21px 0 0}
.main_info .btn li{float:left;margin:0 0 0 15px}
.main_info .btn a{display:inline-block;line-height:22px;padding:0 9px 0 0;color:#666;position:relative}
.main_info .btn a:after{content:"";position:absolute;right:0;top:50%;width:4px;height:7px;margin-top:-3px;background:url(../../../resources/images/common/pc/ico_set.png) no-repeat -100px -20px}
.main_info .btn2{float:left;margin:28px 0 20px 72px; width:207px;height:21px;line-height:18px;padding:15px 0 15px 70px;font-size:16px; font-weight:bold; color:#fff;background:url(../../../resources/images/HHO/pc/btn_info.gif) no-repeat}
.main_info ul.box{clear:both;margin:0 25px;background:#f4f9fb;text-align:center;height:29px;line-height:29px}
.main_info .box li{display:inline-block;padding:0 8px;font-size:13px;color:#707070;position:relative;}
.main_info .box li:after{content:"";position:absolute;left:0;top:50%;width:3px;height:3px;margin-top:-1px;background:url(../../../resources/images/HHO/pc/bull_02.gif) no-repeat}
.main_info .box span{display:inline-block;position:relative;padding:0 0 0 5px;vertical-align:top;font-weight:bold;color:#499fd8;letter-spacing:-1px}
.main_info .box span:after{content:"";position:absolute;left:0;top:50%;width:1px;height:11px;margin-top:-5px;background:#d2d2d2;font-weight:bold;}

.main_info2{position:absolute;right:0;top:639px;border:1px solid #c7c7c7;border-left:0;height:148px;width:421px;overflow:hidden;display:none; background:url(../../../resources/images/HHO/pc/bg_02.jpg) no-repeat}
.on .main_info2{display:block}
.main_info2 .tit{margin:10px 25px 0;line-height:25px;height:25px;font-size:16px;color:#666; font-weight:normal;}
.main_info2 .tit2{margin:0 25px; padding-bottom:15px; line-height:25px;height:25px;font-size:18px; color:#333;}
.main_info2 .tit2 span{ color:#0a386a;}
.main_info2 ul.box{clear:both;margin:0 25px;height:22px;line-height:22px; padding-top:10px;}
.main_info2 .box li{display:inline-block;padding:0 13px;font-size:13px;color:#707070;position:relative;}
.main_info2 .box li:after{content:"";position:absolute;left:5px;top:50%;width:3px;height:3px;margin-top:-1px;background:url(../../../resources/images/HHO/pc/bull_02.gif) no-repeat}
.main_info2 .box span{display:inline-block;position:relative;padding:0 0 0 5px;vertical-align:top;font-weight:bold;color:#707070;letter-spacing:-1px}
.main_info2 .box span:after{content:"";position:absolute;left:0;top:50%;width:1px;height:11px;margin-top:-5px;background:#d2d2d2;font-weight:bold;}
.main_info2 .box span.blue{font-weight:bold;color:#499fd8;}

.main_info3{position:absolute;right:0;top:491px;border:1px solid #c7c7c7;border-left:0;height:148px;width:421px;overflow:hidden;display:none; background:url(../../../resources/images/HHO/pc/bg_01.jpg) no-repeat}
.on .main_info3{display:block}
.main_info3 .tit{margin:10px 25px 0;line-height:25px;height:25px;font-size:16px;color:#666; font-weight:normal;}
.main_info3 .tit2{margin:0 25px; padding-bottom:15px; line-height:25px;height:25px;font-size:18px; color:#333;}
.main_info3 .tit2 span{ color:#009edb;}
.main_info3 ul.box{clear:both;margin:0 25px;height:22px;line-height:22px; padding-top:10px;}
.main_info3 .box li{display:inline-block;padding:0 13px;font-size:13px;color:#707070;position:relative;}
.main_info3 .box li:after{content:"";position:absolute;left:5px;top:50%;width:3px;height:3px;margin-top:-1px;background:url(../../../resources/images/HHO/pc/bull_02.gif) no-repeat}
.main_info3 .box span{display:inline-block;position:relative;padding:0 0 0 5px;vertical-align:top;font-weight:bold;color:#707070;letter-spacing:-1px}
.main_info3 .box span:after{content:"";position:absolute;left:0;top:50%;width:1px;height:11px;margin-top:-5px;background:#d2d2d2;font-weight:bold;}
.main_info3 .box span.blue{font-weight:bold;color:#499fd8;}



.main_con{position:relative}
.main_con div.box{float:left}
.main_con .tit a{display:block;width:210px;border:1px solid #d2d2d2;border-left:0;border-bottom:0;background:#f9f9f9;color:#888;padding:21px 0 0;height:70px;line-height:20px;text-align:center;font-size:16px;position:relative}
.main_con .box:first-child .tit a{border-left:1px solid #d2d2d2}
.main_con .tit strong{display:block;line-height:25px;font-size:22px}
.main_con .on .tit a{background:#fff;color:#222}
.main_con .tit i{position:absolute;left:-1px;top:-1px;width:212px;height:4px;background-repeat:no-repeat;background-image:url(../../../resources/images/common/pc/gnb_active2.gif);display:none}
.main_con .on .tit i{display:block}
.main_con .box+.box .tit i{background-position:0 -4px}
.main_con .box+.box+.box .tit i{background-position:0 -8px}
.main_con .box+.box+.box+.box .tit i{background-position:0 -12px}

.main_promotion{position:absolute;left:0;top:92px;width:423px;height:697px;overflow:hidden}
.on .main_promotion{z-index:20}
.main_promotion .pagination{position:absolute;left:0;bottom:22px;height:14px;width:100%;text-align:center;z-index:10}
.main_promotion .pagination a{margin:0 2px 0 3px}
.main_promotion .pagination span{display:inline-block;vertical-align:top}
.main_promotion .play{display:inline-block;vertical-align:top;width:15px;height:14px;text-indent:-9999px;overflow:hidden;background:url(../../../resources/images/HHO/pc/btn_play.png) no-repeat 0 -20px}
.main_promotion .auto{background:url(../../../resources/images/HHO/pc/btn_play.png) no-repeat}
.main_promotion .swiper-pagination-switch{display:inline-block;width:14px;height:14px;background:url(../../../resources/images/HHO/pc/tab_main_pro.png) no-repeat}
.main_promotion .swiper-pagination-switch.swiper-active-switch{background:url(../../../resources/images/HHO/pc/tab_main_pro.png) no-repeat 0 -20px}
.main_promotion .arrow-right,.main_promotion .btn_prev,.main_promotion .btn_next{display:none}

.main_go{position:absolute;right:0;top:92px;width:422px;display:none}
.on .main_go{display:block}
.main_go li{float:left;width:211px}

.main_item{position:absolute;right:0;top:491px;overflow:hidden;width:421px;height:148px;border-right:1px solid #c7c7c7;display:none}
.main_item.item2{top:491px}
.main_item.item3{top:639px;height:148px;border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7}
.on .main_item{display:block}
.main_item .tit{margin:16px 25px 0;line-height:23px;height:30px;background:url(../../../resources/images/HHO/pc/bg_dot.gif) repeat-x 0 100%;font-size:16px;color:#222}
.main_item .more{position:absolute;right:24px;top:19px}

.main_is{margin:17px 25px 0;position:relative}
.main_is li{float:left;width:143px;height:30px;margin:0 0 7px}
.main_is .btn{position:absolute;right:0;top:0;text-align:center;width:89px;height:36px;line-height:18px;padding:15px 0 14px;font-size:14px;color:#fff;background:url(../../../resources/images/HHO/pc/btn_item.gif) no-repeat}
.main_is label{display:inline-block;line-height:30px;padding:0 0 0 45px;cursor:pointer}
.main_is .bg1 label{background:url(../../../resources/images/HHO/pc/bg_main_is1.gif) no-repeat 0 50%}
.main_is .bg2 label{background:url(../../../resources/images/HHO/pc/bg_main_is2.gif) no-repeat 0 50%}
.main_is .bg3 label{background:url(../../../resources/images/HHO/pc/bg_main_is3.gif) no-repeat 0 50%}
.main_is .bg4 label{background:url(../../../resources/images/HHO/pc/bg_main_is4.gif) no-repeat 0 50%}

.main_ol,.main_rw,.main_cs{margin:10px 25px 0}
.main_ol ul,.main_rw ul,.main_cs ul{display:table;table-layout:fixed;width:100%}
.main_cs ul{table-layout:auto}
.main_ol li,.main_rw li,.main_cs li{display:table-cell;text-align:center}
.main_ol a,.main_rw a,.main_cs a{display:inline-block;padding:64px 0 0;line-height:20px;color:#666;position:relative;white-space:nowrap}
.main_ol a:after,.main_rw a:after,.main_cs a:after{content:"";position:absolute;left:50%;top:0;width:58px;height:58px;margin-left:-29px;background-repeat:no-repeat}
.main_ol a:after{background-image:url(../../../resources/images/HHO/pc/bg_main_ol.jpg)}
.main_rw a:after{background-image:url(../../../resources/images/HHO/pc/bg_main_rw.jpg)}
.main_cs a:after{background-image:url(../../../resources/images/HHO/pc/bg_main_cs.jpg)}
.main_ol .bg2 a:after,.main_rw .bg2 a:after,.main_cs .bg2 a:after{background-position:0 -60px}
.main_ol .bg3 a:after,.main_rw .bg3 a:after,.main_cs .bg3 a:after{background-position:0 -120px}
.main_cs li{width:40%}
.main_cs li+li+li{width:20%}

.main_cs2{margin:17px 25px 0}
.main_cs2 .labeling{padding:0 100px 0 0;display:block;overflow:hidden}
.main_cs2 .iText{width:100%;border:2px solid #32a1b8;border-radius:1px;height:29px;line-height:29px;padding:0 10px;box-sizing:border-box;float:left}
.main_cs2 .iLabel{left:12px;top:0;line-height:29px;color:#888}
.main_cs2 .btn{position:absolute;right:0;top:0;width:87px;height:27px;line-height:27px;border:1px solid #24889d;background:#2aa0b8;color:#fff;font-size:14px;text-align:center;border-radius:1px}
.main_cs2 .list{margin:14px 0 0;overflow:hidden;padding:0 0 0 77px;position:relative;position:relative;line-height:20px;color:#00748f}
.main_cs2 .list dt{position:absolute;left:0;top:0;font-size:14px;color:#444;padding:0 0 0 8px;background:#fff;width:80px;z-index:10}
.main_cs2 .list dt:after{content:"";position:absolute;left:0;top:50%;width:3px;height:3px;margin-top:-1px;background:#909090}
.main_cs2 .list dd{float:left;padding:0 0 0 15px;position:relative}
.main_cs2 .list dd:after{content:"";position:absolute;left:7px;top:50%;width:1px;height:14px;margin-top:-7px;background:#dedede}


/** 메인 상품 변경**/
.Main_Prod{position:relative;background:#f4f4f4;border-radius:10px;width:100%;height:400px;margin: 30px 0; background: #f4f4f4 url(../../../resources/images/HHO/pc/Main_Prod_bg.png)}
.Main_Prod li {float:left;width: 366px;height:400px;box-sizing:border-box;border-radius: 10px;padding-top:38px;text-align: center;font-weight:bold;font-size: 25px;}
.Main_Prod li a {display: block;font-size: 14px;height: 45px;line-height: 42px;}
.Main_Prod li:hover{box-shadow: 3px 3px 3px rgba(67,67,67,0.1); box-sizing:border-box; color:#064381; background:url(../../../resources/images/HHO/pc/Main_Prod_line.png)}
.Main_Prod li.on{box-shadow: 3px 3px 3px rgba(67,67,67,0.1); box-sizing:border-box; color:#064381; background:url(../../../resources/images/HHO/pc/Main_Prod_line.png)}
.Main_Prod_tit{height:162px;}
.Main_Prod_tit p{line-height:13px; letter-spacing: -2px;}
.Main_Prod_tit span{color: #666; font-size: 13px; font-weight: normal; line-height:13px;letter-spacing: -1px;}
.Main_Prod_tit.IMG01{background: url(../../../resources/images/HHO/pc/Main_Prod01.png) no-repeat center bottom; }
.Main_Prod_tit.IMG02{background: url(../../../resources/images/HHO/pc/Main_Prod02.png) no-repeat center bottom; }
.Main_Prod_tit.IMG03{background: url(../../../resources/images/HHO/pc/Main_Prod03.png) no-repeat center bottom; }
.Main_Prod_List{}
.Main_Prod_List ul{}
.Main_Prod_List ul li{position:relative;float:left;display:block;width: 270px;height: 46px;margin: 5px 48px; padding:0px; text-align: left;vertical-align:top;background: #fff;box-sizing:border-box;border-radius: 10px;border:1px solid #cbcbcb;}
.Main_Prod_List ul li::before{content:''; position:absolute; right:20px; top:10px; width:23px; height:23px; border-radius:50%; transition:background-color .5s; background:url(../../../resources/images/HHO/pc/btn_next.png);}
.Main_Prod_List ul li:first-child{margin:0px 48px 5px 48px}
.Main_Prod_List ul li:hover{background:#fff; border:1px solid #079bd6; color: #0172b5; }
.Main_Prod_List ul li:hover::before{content:''; position:absolute; right:20px; top:10px; width:23px; height:23px; border-radius:50%; transition:background-color .5s; background:#079bd6 url(../../../resources/images/HHO/pc/btn_next_on.png);}
.Main_Prod_List ul li a{position:relative; font-size:15px;letter-spacing:-.5px;font-weight:bold; padding: 0 20px; height: 46px; line-height: 46px;} 
.Main_Prod_List .dsr{display:inline-block;text-align:center; margin-top:17px; width:98px; height:28px;line-height:26px; letter-spacing:-1px; font-weight:bold; font-size:14px;color:#7e7e7e;text-decoration:nonsoe !important; border:1px solid #bebebe;border-radius:15px; background-color:#fff;}
.Main_Prod_List .dsr.on{color:#fff;border:1px solid #0a386a;background-color:#0a386a;}
.Main_Prod_List .ico {position:absolute; top:46px; left:46px; z-index:100;}