@charset "utf-8"; #wrap{width:100%;overflow-x:auto} .layout{height:100%;max-width:1200px;margin:0 auto} #header{position:relative;z-index:130} #header .ht_util{position:relative;height:44px;background-color:#424c62} #header .ht_util a{display:inline-block;height:100%;padding-top:8px;font-weight:300;font-size:14px;color:#fff} #header .ht_util .util_home {position: absolute;left: 40px;top: 0;} #header .ht_util .util_home .sprity-head.sprity-head-ht_util_home{ width: 21px;height: 22px; background: url(/indvz/001/images/layout/home_icon01.png?t_=201907310900) center center no-repeat;} #header .ht_util .util_home span { vertical-align: middle; display: inline-block; } #header .ht_util .util_slide{position:relative;padding-left:175px;} #header .ht_util .util_slide.rm_control { padding-left: 90px; } #header .ht_util .util_slide .obj{position:relative} #header .ht_util .util_slide .obj .item{position:absolute;top:2px;left:0;display:none} #header .ht_util .util_slide .obj .item:first-child{display:block} #header .ht_util .util_slide .obj .item a{} #header .ht_util .util_slide .obj .item a:before{content:'';display:inline-block;vertical-align:middle;width:2px;height:2px;margin:0 10px 0 8px;background-color:#a0b4b0} #header .ht_util .util_slide .obj .item a img{vertical-align:middle;height:24px} #header .ht_util .util_slide .obj .item a:first-child:before{display:none} #header .ht_util .util_slide .slide{position:absolute;top:8px;left:120px;text-align:center} #header .ht_util .util_slide .slide a{display:inline-block;width:8px;height:13px;vertical-align:middle;position:relative;top:-1px;background:no-repeat 0 0} #header .ht_util .util_slide .slide a.prev{background-image:url(/indvz/001/images/layout/util_slide_control_prev.png?t_=201907310900)} #header .ht_util .util_slide .slide a.next{background-image:url(/indvz/001/images/layout/util_slide_control_next.png?t_=201907310900)} #header .ht_util .util_slide .slide .slide_count{margin-left:5px;font-size:14px;color:#fff} #header .ht_util .util_slide .slide .slide_count b{font-size:inherit;font-weight:400;color:inherit} #header .ht_util .util_group{z-index:10;position:absolute;right:0;top:0;padding-right: 40px;} #header .ht_util .util_group a{margin-left:15px} #header .ht_util .util_group a:first-child{margin-left:0} #header .ht_util .util_group a img{vertical-align:middle;position:relative;top:-1px;margin-right:5px} #header .ht_util .util_group .sprity-head{vertical-align:-7px} #header .ht_util .util_group .count{display:inline-block;width:19px;height:19px;vertical-align:2px;margin-left:5px;padding-top:2px;text-indent:-1px;text-align:center;font-size:10px;border-radius:100%;-webkit-border-radius:100%;background-color:#ef6262;color:#fff} #header .ht_util .util_group .arrow{vertical-align:-13px;margin-left:5px;border:5px solid transparent;border-top-color:#dadada} #header .ht_util .util_group .bing_in_layout{overflow:hidden;height:40px;display:inline-block;vertical-align:middle;margin-left:10px} #header .ht_util .util_group #bing{display:none;position:absolute;top:32px;right:5px;padding:10px;border-radius:10px;border:1px solid #d2d2d2;background-color:#fff} /*마이페이지 로그아웃 네비*/ #header .myPageWrap{display:inline-block;position:relative;vertical-align:top} #header .myPageWrap>a{display:block;} #header .myPage{display:none;position:absolute;top:70px;left:-150px;width:280px;padding:20px;background-color:#fff;border:1px solid #4e4e4e} #header .myPage:after{content:'';position:absolute;top:-10px;left:50%;margin-left:30px;width:15px;height:10px;background:url(/portal/images/layout/ut_top_menu_tarr.png?t_=201907310900)} #header .myPage .myPageTi{display:block;margin-bottom:15px} #header .myPage .myPageTi img{vertical-align:-7px;margin-right:5px} #header .myPage .close_box{position:absolute;top:17px;right:15px;width:30px;height:30px;background:url(/portal/images/layout/ut_top_menu_close.png?t_=201907310900)} #header .myPage .my_list{} #header .myPage .my_list>li{margin-top:5px} #header .myPage .my_list>li:first-child{margin-top:0} #header .myPage .my_list>li>a{position:relative;display:block;font-weight:400;font-size:15px;padding:15px;line-height:100%;background-color:#f2f5f8;color:#555d67} #header .myPage .my_list>li>a.ov, #header .myPage .my_list>li>a:hover{color:#0f52a6} #header .myPage .my_list>li>a.ov{font-weight:500} #header .myPage .my_list ul{display:none;padding:13px 15px;border-top:1px solid #a1bae0;background-color:#e4eaf4} #header .myPage .my_list ul>li{padding-left:10px} #header .myPage .my_list ul>li:before{content:'';display:inline-block;vertical-align:middle;position:relative;top:-2px;width:5px;height:2px;margin:0 5px 0 -10px;background-color:#919db0} #header .myPage .my_list ul>li>a{padding:0;font-weight:400;font-size:15px;color:#224895} #header .myPage .my_list .arr{ position:absolute;top:17px;right:15px;width:11px;height:6px; background:url(/indvz/001/images/layout/ut_top_menu_arr.png?t_=201907310900); transition:transform 300ms; -webkit-transition:transform 300ms; } #header .myPage .my_list>li>a.ov .arr{transform:rotate(180deg);-webkit-transform:rotate(180deg)} #header .myPage.share_2{top:43px;left:auto;right:35px} /* #header .myPage.share_2{top:43px;left:90px} */ #header .myPage.share_2:after{margin-left:-7px} #header .logo{float:left;margin: 20px 0 0 40px;max-width: 240px;} #header .logo a{font-size:22px;line-height:50px;color:#000} @media (max-width:400px) { #header .logo a{font-size:20px} } #header .hr_util{position:relative;float:right;margin: 17px 40px 0 0;} /* #header .hr_util{position:relative;float:right;margin:14px 25px 0 0} */ #header .hr_util a{color:#fff} /* GNB메뉴 */ #gnb{overflow:hidden;height:88px;text-align:center} #gnb .tm{display:inline-block;height:100%;text-align:center} #gnb .tm>li{height:100%;float:left;margin-left:10px} #gnb .tm>li>a{position:relative;height:100%;display:block;padding:0 25px} #gnb .tm>li>a:before{content:"";display:block;position:absolute;left:-15px;top:50%;margin-top:-17px;background:url('/indvz/001/images/layout/huyang-gnb.png?t_=201907310900') 0 0;width:20px;height:27px} #gnb .tm>li:first-child>a:before{display:none} #gnb .tm>li:first-child>a .sprity-gnb{display:none} #gnb .tm .depth_1{padding-top:29px;font-weight:700;font-size:22px;color:#000} #gnb .tm .depth_1 .sprity-gnb{vertical-align:-6px;margin:0 20px 0 25px} #gnb .tm .depth_2{text-align:left} #gnb .tm .over { display: none; position: absolute; bottom: 18px; left: 50%; width: 50%; height: 5px; background-color: rgb(40, 117, 244); transform: translate(-50%); } /* #tm .over{display:none;position:absolute;bottom:18px;;left:50%;width:50%;height:5px;background-color: #e67b08;transform: translate(-45%);} */ /* GNB 서브메뉴 */ .gnbSubM{display:none;position:absolute;left:0;top:155px;width:100%;border-top:1px solid #000;border-bottom:1px solid #000;background:#fff url(/indvz/001/images/layout/bg_menu.gif?t_=201907310900) center center repeat-y;z-index:9998;text-align:left} .gnbSubM .gnbSub{position:relative;padding:26px 20px 26px 194px;background:#fff} .gnbSubM .gnbSub>.gnbS_tit{position:absolute;width:174px;height:100%;left:0;top:0;padding-top:26px;background:#f7f7fb;text-align:center} .gnbSubM .gnbSub>.gnbS_tit strong{display:block;font-family:"NanumSquareRound",sans-serif;font-size:24px;color:#000;line-height:34px} .gnbSubM .gnbSub>.gnbS_tit strong:after{content:"";display:block;width:118px;height:118px;margin:23px auto 0;background:url(/indvz/001/images/layout/icon_gnbSub.png?t_=201907310900) no-repeat} .gnbSubM .gnbSub>.gnbS_tit.t01 strong:after{background-position:0 0} .gnbSubM .gnbSub>.gnbS_tit.t02 strong:after{background-position:-120px 0} .gnbSubM .gnbSub>.gnbS_tit.t03 strong:after{background-position:-240px 0} .gnbSubM .gnbSub>.gnbS_tit.t04 strong:after{background-position:-360px 0} .gnbSubM .gnbSub>.gnbS_tit.t05 strong:after{background-position:-480px 0} .gnbSubM .gnbSub>ul{background:#fff} .gnbSubM .gnbSub>ul{width:102%;overflow:hidden;min-height:180px} .gnbSubM .gnbSub>ul>li{float:left;width:23%;margin:0 2% 20px 0} .gnbSubM .gnbSub>ul>li:first-child{margin-left:0} .gnbSubM .gnbSub>ul>li:first-child+li+li+li+li, .gnbSubM .gnbSub>ul>li:first-child+li+li+li+li+li+li+li+li, .gnbSubM .gnbSub>ul>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li{clear:both} .gnbSubM .gnbSub>ul>li>a{display:block;padding:9px 7px 9px 20px;font-size:16px;color:#444;letter-spacing:0.02em;background:#f7f7fb} .gnbSubM .gnbSub>ul>li>a:hover, .gnbSubM .gnbSub>ul>li>a.ov{color:#fff;background:#5468c7} .gnbSubM .gnbSub>ul>li>ul{margin-top:10px} .gnbSubM .gnbSub>ul>li>ul>li>a{display:block;font-size:15px;color:#606060;letter-spacing:-0.01em;padding:4px 0 4px 30px;background:url(/indvz/001/images/layout/bul_allm_sub.png?t_=201907310900) 20px 12px no-repeat;border:1px solid transparent} .gnbSubM .gnbSub>ul>li>ul>li>a.on, .gnbSubM .gnbSub>ul>li>ul>li>a:hover{border:1px solid #586dc4} /* 모바일메뉴 */ .mMenu_btn{display:none;width:56px;height:56px} #mMenu{display:none;position:absolute;right:-100%;top:0;bottom:0;width:280px;z-index:999;background:#fff} #mMenu .mMenu_top{position:relative;width:100%;height:70px} #mMenu .mMenu_top a{display:block;height:100%;font-weight:600;font-size:18px;line-height:68px;padding-left:10px;color:#000} #mMenu .mMenu_top a img{position:relative;max-width:60%;top:50%;left:10px;transform:translateY(-50%);-webkit-transform:translateY(-50%)} #mMenu .mMenu_top .mMenu_logo{position:absolute;left:10px;top:50%;margin-top:-20px;display:block;width:118px} #mMenu .mMenu_top .mMenu_logo{width:180px;height:41px;background:url(/indvz/001/images/layout/huyang-head.png?t_=201907310900) no-repeat;background-size:180px;background-position:0 -88px;text-indent:-9999px} #mMenu .mMenu_mem{background:#008c63;border-top:1px solid #008c63;border-bottom:1px solid #008c63} #mMenu .mMenu_mem ul{overflow:hidden} #mMenu .mMenu_mem ul li{float:left;width:50%;text-align:center;border-left:1px solid #00a071} #mMenu .mMenu_mem ul li:first-child{border-left:0} #mMenu .mMenu_mem ul li a{display:block;padding:13px 0;color:#fff} #mMenu .mMenu_list{height:calc(100% - 119px);overflow-y:auto;background:#fff} #mMenu .mMenu_list>li{border-bottom:1px solid #e2e2e2} #mMenu .mMenu_list>li>a{position:relative;display:block;padding:15px 30px 15px 15px;font-size:17px} #mMenu .mMenu_list>li>a.on{color:#293b96} #mMenu .mMenu_list>li>a:after{content:"";display:block;position:absolute;right:15px;top:50%;margin-top:-4px;width:18px;height:9px;background:url(/indvz/001/images/layout/bul_menu_arrow.png?t_=201907310900) no-repeat;background-size:18px 9px;transition:all .3s} #mMenu .mMenu_list>li>a.on:after{transform:rotate(180deg)} #mMenu .mMenu_list>li>ul{display:none;background:#eef1fb;padding:0;border-top:1px solid #e2e2e2} #mMenu .mMenu_list>li>ul>li{} #mMenu .mMenu_list>li>ul>li:first-child{margin-top:0} #mMenu .mMenu_list>li>ul>li>a{position:relative;padding:10px 30px 10px 27px;font-size:16px;display:block;background:url(/indvz/001/images/layout/bg_allM_plus.png?t_=201907310900) right 15px center no-repeat;background-size:10px;transition:none;border-top:1px solid #ddd} #mMenu .mMenu_list>li>ul>li:first-child>a{border-top:0} #mMenu .mMenu_list>li>ul>li>a.on{color:#293b96;background:url(/indvz/001/images/layout/bg_allM_min.png?t_=201907310900) right 15px center no-repeat;background-size:10px} #mMenu .mMenu_list>li>ul>li>a.empty, #mMenu .mMenu_list>li>ul>li>a.on.empty{background:none} #mMenu .mMenu_list>li>ul>li>a:before{content:"";display:block;width:6px;height:6px;position:absolute;left:15px;top:18px;background:url(/indvz/001/images/layout/bul_allm_sub.png?t_=201907310900) center center no-repeat} #mMenu .mMenu_list>li>ul>li>ul{display:none;background:#fff;padding:7px 0 7px 20px;border-top:1px solid #ddd} #mMenu .mMenu_list>li>ul>li>ul>li{} #mMenu .mMenu_list>li>ul>li>ul>li:first-child{} #mMenu .mMenu_list>li>ul>li>ul>li>a{position:relative;display:block;padding:6px 0 6px 12px;font-size:15px} #mMenu .mMenu_list>li>ul>li>ul>li>a.on{color:#586dc4;text-decoration:underline} #mMenu .mMenu_list>li>ul>li>ul>li>a:before{content:"";display:block;width:4px;height:4px;position:absolute;left:0;top:50%;margin-top:-2px;border-left:1px solid #6170b9;border-bottom:1px solid #6170b9} #mMenu .mMenu_close{display:block;width:30px;height:30px;background:url(/indvz/001/images/layout/btn_menu_close.png?t_=201907310900) no-repeat;background-size:30px;position:absolute;top:20px;right:15px;text-indent:-9999px} @media (max-width:400px) { #mMenu .mMenu_top a{font-size:18px} } .general_search{position:absolute;top:132px;left:0;border:solid #d5d5d5;border-width:1px 0;} .general_search{display:none;position:absolute;top:132px;left:0;height:180px;border-top:1px solid #50851d;width:100%;background-color:#fff} .general_search .layout{position:relative;padding:20px 150px 0 210px;background:url(/indvz/001/images/layout/gsearch_bg.png?t_=201907310900) no-repeat 0 100%} .general_search .input{position:relative;height:75px;border-bottom:3px solid #398f4c} .general_search .input label{position:absolute;top:0;left:20px;height:100%;line-height:75px;font-weight:500;font-size:22px;color:#398f4c} .general_search .input input{width:100%;height:100%;text-indent:0;padding-left:20px;border-width:0} .general_search .input button{position:absolute;top:0;right:0;height:100%;padding:0 20px} .general_search .gsearch_close{position:absolute;top:50px;right:20px;width:75px;height:75px;background:url(/indvz/001/images/layout/gsearch_close.png?t_=201907310900) no-repeat 0 0} .general_search .gsearch_close:hover{background-image:url(/indvz/001/images/layout/gsearch_close_ov.png?t_=201907310900)} .gsearch_keyowrd{margin-top:30px;text-align:center} .gsearch_keyowrd span{display:inline-block;font-size:16px} .gsearch_keyowrd .label{position:relative;padding-right:15px;margin-right:10px;color:#00a04c} .gsearch_keyowrd .label:after{content:'';position:absolute;top:4px;right:0;width:1px;height:14px;background-color:#b4b4b4} .gsearch_keyowrd .pt{} .gsearch_keyowrd .pt a{display:inline-block;margin-left:15px;color:#666} .gsearch_keyowrd .pt a:first-child{margin-left:0} @media (max-width:1000px) { .general_search{height:auto} .general_search .layout{padding-left:50px;padding-bottom:20px;text-align:center;background:transparent} .gsearch_keyowrd{position:relative;display:inline-block;padding-left:125px;margin-top:20px} .gsearch_keyowrd .label{position:absolute;top:0;left:0} .gsearch_keyowrd .pt{text-align:left} .gsearch_keyowrd .pt a{margin:0 15px 5px 0} } @media (max-width:800px) { .general_search{top:79px} } @media (max-width:640px) { .general_search{top:69px;border-bottom:1px solid #ddd} .general_search .layout{padding:20px 20px 50px} .general_search .input button{padding:0;width:24px;height:24px} .general_search .input{height:45px} .general_search .input label{left:10px;line-height:45px;font-size:16px} .general_search .input input{padding-left:10px} .gsearch_keyowrd{display:block;padding-left:0} .gsearch_keyowrd .label{position:static;display:block;text-align:left} .gsearch_keyowrd .label:after{display:none} .gsearch_keyowrd .pt{display:block;padding:10px;margin-top:10px;background-color:#f9f9f9} .general_search .gsearch_close{top:auto;right:auto;bottom:7px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);width:37px;height:37px;background-size:100% auto} } @media(max-width:1380px){ /* #header .ht_util .util_slide{display:none} */ } @media(max-width:1220px){ #gnb .tm>li>a{padding:0 15px} #gnb .tm .depth_1{font-size:19px} } @media(max-width:1060px){ #gnb .tm>li>a{padding:0 10px} } @media(max-width:1000px){ #header{height:130px;background-color:#fff} #header .logo{margin-left:10px;margin-bottom:18px} #header .hr_util{margin-right:10px} #gnb, .totSch_btn, #header .myPageWrap, .sitemap_btn{display:none} .mMenu_btn{display:inline-block} } @media(max-width:800px){ /* #header{height:78px} */ /* #header .logo{margin:10px 0 0 10px} */ /* #header .hr_util{margin:10px 10px 0 0} */ /* #header .ht_util{display:none} */ #header .ht_util .util_group {display:none} } @media(max-width:640px){ #header{position:relative;height:130px;border-bottom:1px solid #3a4ca6;box-shadow:2px 2px 2px rgba(0,0,0,.1)} #header .logo{position:absolute;left:10px;} #navigator{/*display:none;*/width:0;height:0 !important;overflow:hidden} } @media(min-width:1001px){ #mMenu, .blind{display:none !important} } #subVisual{clear:both;overflow:hidden;text-align:center;height:190px;background:url(/indvz/002/images/layout/sub_visual.png?t_=201907310900) no-repeat 50% 100% / cover} #subVisual .sv_title{ display:block;margin-top:45px;font-size:36px;color:#fff; text-shadow:0 0 5px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 0, 0, 0.5); } #subVisual .sv_title strong{font-size:40px;color:inherit} #navigator{clear:both;z-index:100;position:relative;height:63px;background-color:#f8f8f8;border-bottom:1px solid #ddd;} #navigator .layout{position:relative} #navigator .layout:after{content:"";display:block;clear:both} #navigator .location{float:left;height:100%;border-right:1px solid #d9d9d9} #navigator .location:after{content:'';display:block;clear:both} #navigator .location>a{float:left;height:100%;padding:18px 20px 0 25px;font-weight:300;font-size:17px;border-left:1px solid #d9d9d9;color:#1f1f1f;background-color:#f8f8f8} #navigator .location .sprity-nav-nav_arr{vertical-align:-7px} #navigator .location .locate_home{width:64px;padding:16px 0 0;text-align:center} #navigator .location .locate_drop_menu{display:none;position:absolute;top:100%;left:0;background-color:#fff;border:1px solid #adadad} #navigator .location .locate_drop_menu a{display:block;padding:20px 10px;font-size:17px;border-top:1px solid #adadad} #navigator .location .locate_drop_menu a:first-child{border-top-width:0} #navigator .location .locate_drop_menu a:hover{background-color:#ebeff3} #navigator .nav_util{position:absolute;top:0;right:0;height:100%} #navigator .nav_util>a{display:block;float:left;height:100%;padding:6px 5px 0} #navigator .nav_util .sprity-nav{} #navigator .nav_util .sns_group{display:none;width:240px;padding:20px 25px;position:absolute;right:0;top:53px;background:#fff;border:1px solid #606da3} /* #navigator .nav_util .sns_group{display:none;width:365px;padding:20px 25px;position:absolute;right:0;top:53px;background:#fff;border:1px solid #606da3} */ #navigator .nav_util .sns_group strong{color:#333;font-size:19px;font-weight:500} #navigator .nav_util .sns_group .snsClose{position:absolute;right:25px;top:20px;border:0;background:none;width:15px;height:15px;transition:all .3s ease-in-out} #navigator .nav_util .sns_group .snsClose:hover{transform:rotate(180deg)} .sns_group ul{display:block;overflow:hidden;width:255px;margin:20px auto 0} .sns_group ul li{float:left;margin-left:17px} .sns_group ul li:first-child{margin-left:0} .sns_group ul li a{display:block;width:51px;height:51px;background:url(/indvz/001/images/common/icon_sns.png?t_=201907310900) no-repeat} .sns_group ul li a.sns_fb{background-position:0 0} .sns_group ul li a.sns_twt{background-position:-60px 0} .sns_group ul li a.sns_google{background-position:-120px 0} .sns_group ul li a.sns_kakao{background-position:-180px 0} @media (max-width:767px){ #subVisual {display:none} } #container{padding-bottom:100px} #container .container_title{height:95px;padding-top:25px;font-weight:500;text-align:center;font-size:40px;line-height:100%; } @media(max-width:767px){ #container .container_title {text-align:center;font-size:28px;padding-top:20px;height: 70px;} } #footer{text-align:center;background-color:#38383d} #footer .f_util{background-color:#4c4c51} /* 좌측 컨텐츠, 우측 금액정보 레이아웃 */ #infoWrap{padding-top:50px;border-top:2px solid #000} .comment{padding:25px;background:#f8f7fc;color:#444;margin-bottom:40px} .comment span{font-size:17px} .comment p{margin-top:8px;font-size:20px;font-weight:500;line-height:24px} #infoWrap #infoBox{border:1px solid #8d8e95;background-color:#ebeff3} #infoWrap #infoBox:after{content:"";display:block;clear:both} #infoWrap #infoBox #infoLeft{float:left;padding:38px;width:66.66%;background:#fff;border-right:1px solid #c9c9c9;min-height:400px} #infoWrap #infoBox #infoRight{overflow:hidden;padding:38px} /* 반응형 */ @media(max-width:1220px){ #container.layout{padding:0 10px 50px} } @media(max-width:1000px){ #container.layout{padding:0 10px 30px} } @media(max-width:950px){ #infoWrap #infoBox #infoLeft, #infoWrap #infoBox #infoRight{padding:20px} } @media(max-width:800px){ .comment{margin-bottom:20px} #infoWrap #infoBox #infoLeft{float:none;width:100%;border-right:0} #infoWrap { padding-top: 30px; } } @media(max-width:600px){ #infoWrap #infoBox #infoLeft, #infoWrap #infoBox #infoRight{padding:20px 10px} } /* 사이트맵 */ #siteMap{display:none;position:absolute;left:0;top:132px;width:100%;z-index:9999;border:solid #d5d5d5;border-width:1px 0;background:#fff url(/indvz/001/images/layout/bg_menu.gif?t_=201907310900) center center repeat-y} #siteMap .layout{position:relative} .sitemap_list{} .sitemap_list>li{position:relative;padding:0 0 0 17.5%;background:#fff;min-height:40px} .sitemap_list>li>.sitem_tit{position:absolute;left:0;top:0;width:14.5%;height:100%;background:#f9f9fb;padding-top:8px} .sitemap_list>li>.sitem_tit>strong{display:block;font-size:18px;color:#444;text-align:right;padding:7px 20px 7px 0;margin-left:12px;font-weight:normal} /* .sitemap_list>li>.sitem_tit.t01>strong{background:url(/indvz/001/images/layout/icon_allm_01.png?t_=201907310900) 5px 5px no-repeat} .sitemap_list>li>.sitem_tit.t02>strong{background:url(/indvz/001/images/layout/icon_allm_02.png?t_=201907310900) left 7px no-repeat} .sitemap_list>li>.sitem_tit.t03>strong{background:url(/indvz/001/images/layout/icon_allm_03.png?t_=201907310900) 4px 7px no-repeat} .sitemap_list>li>.sitem_tit.t04>strong{background:url(/indvz/001/images/layout/icon_allm_04.png?t_=201907310900) left 7px no-repeat} .sitemap_list>li>.sitem_tit.t05>strong{background:url(/indvz/001/images/layout/icon_allm_05.png?t_=201907310900) 2px 7px no-repeat} */ .sitemap_list>li>ul{padding:12px 0;overflow:hidden;border-bottom:1px solid #d5d5db} .sitemap_list>li>ul>li{float:left;width:24%;margin-left:1.28571428571429%} .sitemap_list>li>ul>li:first-child{margin-left:0} .sitemap_list>li>ul>li>a{display:block;padding:6px;font-size:16px;color:#444;letter-spacing:0.02em;border:1px solid transparent} .sitemap_list>li>ul>li>a:hover, .sitemap_list>li>ul>li>a.ov{border:1px solid #586dc4;color:#2c37a4} .sitemap_list>li>ul>li>ul{margin-left:9px} .sitemap_list>li>ul>li>ul>li{margin-top:4px;padding-left:10px;background:url(/indvz/001/images/layout/bul_allm_sub.png?t_=201907310900) left 8px no-repeat} .sitemap_list>li>ul>li>ul>li:first-child{margin-top:2px} .sitemap_list>li>ul>li>ul>li>a{display:block;font-size:15px;color:#606060;letter-spacing:-0.01em} .sitemap_list>li>ul>li>ul>li>a.on, .sitemap_list>li>ul>li>ul>li>a:hover{color:#586dc4} .sitemap_close{position:absolute;right:6px;top:20px;width:35px;height:35px;text-indent:-9999px;background:none} .sitemap_close:before{content:"";display:block;width:24px;height:24px;position:absolute;left:50%;margin-left:-12px;top:50%;margin-top:-12px;background:url(/indvz/001/images/layout/icon_allm_close.png?t_=201907310900) center center no-repeat;background-size:24px;transition:all .3s} .sitemap_close:hover:before{transform:rotate(180deg)} .sitemap_list .sitem_tit.t06+ul>li:nth-child(8){width:100%;margin-left:0} .sitemap_list .sitem_tit.t06+ul>li:nth-child(8)>a{display:inline-block;} .sitemap_list .sitem_tit.t06+ul>li:nth-child(8) ul li{float:left;margin:0 0 0 10px} .sitemap_list .sitem_tit.t06+ul>li:nth-child(8) ul li:first-child{margin:0 0 0 0} @media(max-width:1100px){ .sitemap_list>li{padding:0 0 0 177px} .sitemap_list>li>.sitem_tit{width:157px} } @media(max-width:1000px){ .sitemap_list{padding-right:42px} .sitemap_list>li>ul>li{width:23%;margin-left:2%;margin-bottom:10px} .sitemap_list>li>ul>li:first-child{margin-left:0} .sitemap_list>li>ul>li:first-child+li+li+li+li{clear:both;margin-left:0} .sitemap_list>li>ul>li>a{letter-spacing:-0.05em} } @media(max-width:880px){ #siteMap{top:120px} } @media(max-width:800px){ #siteMap{top:78px} } @media(max-width:740px){ .sitemap_list>li>ul>li{width:100%;margin:5px 0 0} .sitemap_list>li>ul>li:first-child{margin-top:0} .sitemap_list>li>ul>li>ul{display:none;padding:5px 0;overflow:hidden} .sitemap_list>li>ul>li>a{padding:7px 27px 7px 7px;background:url(/indvz/001/images/layout/bg_allM_plus.png?t_=201907310900) right 7px center no-repeat;transition:none;border:1px solid #fff} .sitemap_list>li>ul>li>a.on{background:url(/indvz/001/images/layout/bg_allM_min.png?t_=201907310900) right 7px center no-repeat} .sitemap_list>li>ul>li>a.empty{background:none} .sitemap_list>li>ul>li>ul>li{float:left;width:50%} .sitemap_list>li>ul>li>ul>li>a{font-size:14px} .sitemap_close{top:6px} .sitemap_list .sitem_tit.t06+ul>li:nth-child(8){width:100%;margin:5px 0 0} .sitemap_list .sitem_tit.t06+ul>li:nth-child(8)>a{display:block;} .sitemap_list .sitem_tit.t06+ul>li:nth-child(8) ul li{margin:4px 0 0} } @media(min-width:741px){ .sitemap_list>li>ul>li>ul{display:block !important} } @media(max-width:640px){ #siteMap{top:69px} } @media(max-width:580px){ .sitemap_list>li>ul>li>ul>li{width:100%} } @media(max-width:450px){ .sitemap_list>li{padding:0 0 0 120px} .sitemap_list>li>.sitem_tit{width:110px} .sitemap_list>li>.sitem_tit>strong{padding:7px 5px;margin-left:10px} .sitemap_list>li>.sitem_tit.t01>strong, .sitemap_list>li>.sitem_tit.t02>strong, .sitemap_list>li>.sitem_tit.t03>strong, .sitemap_list>li>.sitem_tit.t04>strong, .sitemap_list>li>.sitem_tit.t05>strong{background:none} } #footer{} #footer .f_top{height:56px;background-color:#525252} #footer .f_top:after{content:'';display:block;clear:both} #footer .f_top .f_link{float:left;height:100%;border-right:1px solid #757575} #footer .f_top .f_link .fl_sitegroup{position:relative;float:left;height:100%;border-left:1px solid #757575} #footer .f_top .f_link .fl_sitegroup .fs_ti{position:relative;display:block;padding:0 70px 0 20px;line-height:54px;font-weight:300;color:#d3d3d3} #footer .f_top .f_link .fl_sitegroup .fs_ti .ft_mroe{position:absolute;top:23px;right:15px} #footer .f_top .f_link .fl_sitegroup .fs_list{display:none;position:absolute;bottom:100%;left:0;width:100%;padding:10px 0 20px;background-color:rgba(0, 0, 0, 0.7)} #footer .f_top .f_link .fl_sitegroup .fs_list a{display:block;text-align:left;padding:5px 10px;border-top:1px solid rgba(211, 211, 211, 0.3);color:#d3d3d3} #footer .f_top .f_link .fl_sitegroup .fs_list a:first-child{border-top-width:0} #footer .f_top .f_link .fl_sitegroup .fs_list a:before{content:'';display:inline-block;width:3px;height:3px;vertical-align:middle;margin-right:5px;background-color:#d3d3d3} #footer .f_top .f_tel{float:right;padding-top:18px} #footer .f_top .f_tel span{float:left;margin-left:30px;font-weight:400;font-size:15px;color:#f0f0f0} #footer .f_top .f_tel span:first-child{margin-left:0} #footer .f_top .f_tel span a{color:#1dff62} #footer .f_bottom{padding:25px 0 35px;text-align:center;background-color:#38383d} #footer .f_bottom .f_cont_link{} #footer .f_bottom .f_cont_link a{font-weight:300;font-size:16px;color:#fff} #footer .f_bottom .f_cont_link a.ov{color:#b1e631} #footer .f_bottom .f_cont_link a:before{content:'';display:inline-block;vertical-align:middle;width:1px;height:1px;margin:0 20px 0 15px;background-color:#fff} #footer .f_bottom .f_cont_link a:first-child:before{display:none} #footer .f_bottom .f_addr{margin-top:10px} #footer .f_bottom .f_addr p{font-weight:300;font-size:14px;text-align:center;color:#b6b6b6} #footer .f_bottom .f_addr p a{border-bottom:1px solid #b6b6b6;color:#b6b6b6} #footer .f_bottom .f_addr .fa_addr{} #footer .f_bottom .f_addr .fa_copy{} @media all and (max-width:1220px){ #footer .f_top .f_tel{padding-right:10px} } @media all and (max-width:880px){ #footer .f_top{height:auto} #footer .f_top .f_link{float:none;border-bottom:1px solid #757575} #footer .f_top .f_link:after{content:"";display:block;clear:both} #footer .f_top .f_link .fl_sitegroup{display:table;width:100%} #footer .f_top .f_link .fl_sitegroup .fs_ti{display:table-cell;vertical-align:middle;padding:0 25px 0 10px;line-height:inherit;height:50px} #footer .f_top .f_link .fl_sitegroup .fs_ti .ft_mroe{right:10px;top:50%;margin-top:-5px;width:10px;height:10px} #footer .f_top .f_tel{float:none;display:block;overflow:hidden;padding:15px 10px;text-align:center} #footer .f_top .f_tel span{display:inline-block;float:none;font-size:14px;margin:0;padding:0 5px} } @media all and (max-width:820px){ /*#footer .f_top .f_link{float:none;border-bottom:1px solid #757575} #footer .f_top .f_link:after{content:"";display:block;clear:both} #footer .f_top .f_link .fl_sitegroup{display:table;width:50%} #footer .f_top .f_link .fl_sitegroup .fs_ti{display:table-cell;vertical-align:middle;padding:0 25px 0 10px;line-height:inherit;height:50px} #footer .f_top .f_link .fl_sitegroup .fs_ti .ft_mroe{right:10px;top:50%;margin-top:-5px;width:10px;height:10px} #footer .f_top .f_tel{float:none;display:block;overflow:hidden;padding:15px 10px;text-align:center} #footer .f_top .f_tel span{display:inline-block;float:none;font-size:14px;margin:0;padding:0 5px}*/ } @media all and (max-width:640px){ #footer .f_bottom{padding:25px 10px 35px} #footer .f_bottom .f_cont_link{overflow:hidden} #footer .f_bottom .f_cont_link a{float:left;padding:10px;text-align:center;width:50%;font-size:14px;border-width:1px 0 0 1px;border-style:solid;border-color:#757575} #footer .f_bottom .f_cont_link a:nth-child(2){border-right-width:1px} #footer .f_bottom .f_cont_link a:nth-child(3){width:100%;border-width:1px;} #footer .f_bottom .f_cont_link a:before{display:none} } #flowting_search .ht_util{display:none;z-index:10;position:relative;height:44px;background-color:#424c62} #flowting_search .ht_util a{display:inline-block;height:100%;padding-top:10px;color:#fff} #flowting_search .ht_util .home{margin-left:10px} #flowting_search .ht_util .home img{vertical-align:middle;position:relative;top:-2px;margin-right:3px} #flowting_search .util_lang{position:relative;display:inline-block;margin-left:20px} #flowting_search .util_lang a{display:block} #flowting_search .util_lang img{vertical-align:middle;position:relative;top:-2px;} #flowting_search .util_lang .arrow{vertical-align:-13px;margin-left:5px;border:5px solid transparent;border-top-color:#dadada} #flowting_search .util_lang_pt{display:none;position:absolute;top:44px;left:-24px;width:156px;background-color:#424c62} #flowting_search .ht_util .util_group{position:absolute;right:0;top:0;height:44px;padding-right:20px} #flowting_search .ht_util .util_group a{margin-left:15px} #flowting_search .ht_util .util_group a.tp_banner{padding:10px;height:100%;color:#7abbc2} #flowting_search .ht_util .util_group a.tp_banner img[src*='ut_top_open_ov']{display:none} #flowting_search .ht_util .util_group a.tp_banner.ov{background-color:#b3c7f6;color:#000} #flowting_search .ht_util .util_group a.tp_banner.ov img[src*='ut_top_open']{display:none} #flowting_search .ht_util .util_group a.tp_banner.ov img[src*='ut_top_open_ov']{display:inline-block} #flowting_search .ht_util .util_group a img{vertical-align:middle;position:relative;top:-2px;margin-right:3px} #flowting_search .ht_util .util_group a:first-child{margin-left:0} #flowting_search .ht_util .util_group .sprity-head{vertical-align:-7px} #flowting_search .ht_util .util_group .count{display:inline-block;width:19px;height:19px;vertical-align:2px;margin-left:5px;padding-top:3px;text-indent:-1px;text-align:center;font-size:10px;border-radius:100%;-webkit-border-radius:100%;background-color:#ef6262;color:#fff} #flowting_search .fs_wrap.in_active{padding-top:20px} #flowting_search .fs_wrap.in_active .ht_util{display:none} #flowting_search .fs_wrap.in_active .fs_mid{margin-right:0} #flowting_search .fs_wrap.in_active .fs_util{display:none} .pet_guardian > li{ margin-bottom: 20px; font-size: 17px; line-height: 1.4; font-weight: 500; color:#5d69e1; } #header-top { padding :0px 40px 0px; position: relative; background-color: #424c62; } @media (max-width:1099px) { #header-top { padding :0px 20px 0px; position: relative; background-color: #424c62; } } #header-top .toggle-head .inner { max-width: 100%; position: relative; padding-top: 3px; letter-spacing: 0px; } #header-top .toggle-head .inner img { max-width: 100%; height: auto; border: 0; vertical-align: middle; margin-bottom :0; } #header-top .toggle-head .nuri-txt { align-items: center; justify-content: flex-start; flex-direction: row; font-size: 13px; line-height: 1; word-break: break-all; color: #fff; padding-left:10px; }