/* 헤더 */ #header {left:0; top:0; width:100%; height:80px; background:#fff; z-index:9999; box-shadow:1px 1px 7px #999; border-bottom:1px solid #eee; transition:all 0.25s ease;} #header.header_scroll {position:fixed; background:#fff;} #header .header-inner {padding:0 20px; height:100%;} #header .header-wrap {display:flex; justify-content:space-between; align-items:center; max-width:1500px; margin:0 auto; height:100%;} #logo a {display:inline-block; padding:12px 0; z-index:999; position:relative;} #logo a img {display:inline-block; vertical-align:middle;} /* 기본 header 바가 투명일 때 적용 (로고 온오프) */ #header .logo-off {display:block;} #header .logo-on {display:none;} #header.header_scroll .logo-off, #header.active .logo-off {display:none;} #header.header_scroll .logo-on, #header.active .logo-on {display:block;} #header.active #util-wrap .sitemap-open-btn .row {background:#1b1b1b;} /* #header:before {content:''; position:absolute; width:100%; height:var(--header-height); background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%)} */ /* NAVI :: 공통 */ .menu-area { max-width:1240px; margin:0 auto; } /* NAVI :: 스타일1 (단독 메뉴 스타일 / Each Menu Style) */ #nav.each-menu > ul > li {float:left; position:relative;} #nav.each-menu > ul > li > a {position:relative; display:block; padding:0 55px; height:80px; line-height:80px; font-size:18px; color:#000; font-weight:500; transition:all 0.25s ease;} #nav.each-menu > ul > li > a:after {opacity:0; visibility:hidden; content:''; width:100%; height:1px; background:#ddd; position:absolute; bottom:0; left:0; transition:all 0.25s ease;} #nav.each-menu > ul > li .submenu {display:none; position:absolute; width:100%; top:80px; text-align:center; background:#fff; z-index:9999; box-shadow:2px 2px 7px rgba(0,0,0,0.1);} #nav.each-menu > ul > li .submenu > ul > li {border-bottom:1px solid #ddd;} #nav.each-menu > ul > li .submenu > ul > li:last-child {border-bottom:0;} #nav.each-menu > ul > li .submenu > ul > li > a {display:block; padding:10px; font-size:14px; transition:all 0.25s ease;} #nav.each-menu > ul > li:hover > a {color:#222} #nav.each-menu > ul > li:hover > a:after {opacity:1; visibility: visible;;} #nav.each-menu > ul > li .submenu > ul > li a:hover {background:#222; color:#fff;} /* NAVI :: 스타일2 (단독 메뉴 스타일 02 / Each Menu Style 02) */ #nav.each-menu-style02 > ul > li {float:left; position:relative;} #nav.each-menu-style02 > ul > li > a {position:relative; display:block; padding:0 55px; height:80px; line-height:80px; font-size:18px; color:#000; font-weight:500; transition:all 0.25s ease;} #nav.each-menu-style02 > ul > li .submenu {position:absolute; width:100%; top:80px; text-align:center; z-index:9999; opacity:0; visibility:hidden; transition:all 0.2s cubic-bezier(0.4, 0, 1, 1) } #nav.each-menu-style02 > ul > li .submenu:before {content:''; position:Absolute; top:0; left:0; right:0; height:0; background-color:#061337; transition: all 0.2s cubic-bezier(0.4, 0, 1, 1); z-index:-1;} #nav.each-menu-style02 > ul > li .submenu > ul {padding:10px 0px;} #nav.each-menu-style02 > ul > li .submenu > ul > li {position:relative; opacity:0; transition:all 0s 0s;} #nav.each-menu-style02 > ul > li .submenu > ul > li:last-child {border-bottom:0;} #nav.each-menu-style02 > ul > li .submenu > ul > li > a {display:block; padding:10px; font-size:14px; color:#fff; font-weight:200; transition:all 0.25s ease;} #nav.each-menu-style02 > ul > li:hover > a {color:#313580} #nav.each-menu-style02 > ul > li:hover > a:after {opacity:1; visibility: visible;;} #nav.each-menu-style02 > ul > li .submenu > ul > li a:hover {background:#313580; color:#fff; /*opacity:1;*/} #nav.each-menu-style02 > ul > li .submenu.on {opacity:1; visibility:visible;} #nav.each-menu-style02 > ul > li .submenu.on:before {height:100%;} #nav.each-menu-style02 > ul > li .submenu.on > ul > li {opacity:1; transition:all 1s cubic-bezier(.7, .1, .2, 1);; } #nav.each-menu-style02 > ul > li .submenu.on > ul > li:first-child {transition-delay:0.05s} #nav.each-menu-style02 > ul > li .submenu.on > ul > li:nth-child(2) {transition-delay:0.1s} #nav.each-menu-style02 > ul > li .submenu.on > ul > li:nth-child(3) {transition-delay:0.15s} #nav.each-menu-style02 > ul > li .submenu.on > ul > li:nth-child(4) {transition-delay:0.2s} #nav.each-menu-style02 > ul > li .submenu.on > ul > li:nth-child(5) {transition-delay:0.25s} #nav.each-menu-style02 > ul > li .submenu.on > ul > li:nth-child(6) {transition-delay:0.3s} #nav.each-menu-style02 > ul > li .submenu.on > ul > li:nth-child(7) {transition-delay:0.35s} /* NAVI :: 스타일3 (단독 메뉴 스타일 / Each Menu Style) :: 웨딩홀 전용 : #header class에 cm_header_style01 추가 */ .cm_header_style01 #nav.each-menu > ul > li {float:left; position:relative;} .cm_header_style01 #nav.each-menu > ul > li > a {position:relative; display:block; padding:0 55px; height:80px; line-height:80px; font-size:18px; color:#fff; font-weight:500; transition:all .3s ease;} .cm_header_style01 #nav.each-menu > ul > li > a:after {opacity:0; visibility:hidden; content:''; width:1px; height:0px; background:#fff; position:absolute; top:0; left:50%; transition:all 0.5s ease;} .cm_header_style01 #nav.each-menu > ul > li:hover > a:after {height:30%;} .cm_header_style01 #nav.each-menu > ul > li .submenu {visibility:hidden; opacity:0; transform:translateY(10px); position:absolute; width:100%; top:80px; text-align:center; z-index:9999; transition:all 0.7s ease;} .cm_header_style01 #nav.each-menu > ul > li .submenu > ul > li {border-bottom:1px solid #a5a341;} .cm_header_style01 #nav.each-menu > ul > li .submenu > ul > li:last-child {border-bottom:0;} .cm_header_style01 #nav.each-menu > ul > li .submenu > ul > li > a {display:block; padding:10px; font-size:14px; transition:all 0.25s ease; background:#939b42; color:#efeebc;} .cm_header_style01 #nav.each-menu > ul > li .submenu > ul > li:first-child a {border-radius:5px 5px 0 0;} .cm_header_style01 #nav.each-menu > ul > li .submenu > ul > li:last-child a {border-radius:0 0 5px 5px} .cm_header_style01 #nav.each-menu > ul > li:hover > a {color:#fff} .cm_header_style01 #nav.each-menu > ul > li:hover > a:after {opacity:1; visibility: visible;;} .cm_header_style01 #nav.each-menu > ul > li .submenu > ul > li a:hover {background:#a6ae4e; color:#fff;} .cm_header_style01#header.header_scroll #nav.each-menu > ul > li > a {color:#222;} .cm_header_style01 #nav.each-menu > ul > li .submenu.on {transform:translateY(0); opacity:1; visibility: visible;;} /* NAVI :: 스타일2 (메가 메뉴 스타일 / total Menu Style) */ #nav.total-menu {width:70%; text-align:center; top:0; left:0; height:80px; z-index:99;} #nav.total-menu > ul {display:flex; justify-content:center; } #nav.total-menu > ul > li {float:left; position:relative; min-width:180px;} #nav.total-menu > ul > li > a {position:relative; display:block; padding:0 20px; height:80px; line-height:80px; font-size:18px; color:#222; font-weight:500; transition:all 0.5s ease;} #nav.total-menu > ul > li > a:after {opacity:0; visibility:hidden; content:''; width:100%; height:2px; background:transparent; position:absolute; bottom:0; left:0; transition:all 0.25s ease;} #nav.total-menu > ul > li .submenu {height:0; visibility:hidden; opacity:0; width:100%; z-index:9999; overflow:hidden;} #nav.total-menu > ul > li .submenu > ul {padding-top:10px;} #nav.total-menu > ul > li .submenu > ul > li {} #nav.total-menu > ul > li .submenu > ul > li:last-child {border-bottom:0;} #nav.total-menu > ul > li .submenu > ul > li > a {display:block; padding:7px 10px; font-size:16px; transition:all 0.25s ease;} #nav.total-menu > ul > li:hover > a {color:#04347d} #nav.total-menu > ul > li:hover > a:after {opacity:1; visibility: visible;;} #nav.total-menu > ul > li:hover .submenu {} #nav.total-menu > ul > li .submenu > ul > li a:hover {color:#07b1f0; font-weight:500;} #nav.total-menu #gnbBg {position:absolute; width:100%; height:0px; background:#fff; left:0; transition:all 0.4s ease;} #nav.total-menu.total-menu.open > ul > li > a { color:#222} #nav.total-menu.total-menu.open > ul > li:hover > a {color:#07b1f0} #nav.total-menu.total-menu.open > ul > li .submenu {opacity:1; visibility:visible; height:auto;transition:height 0.25s ease-in-out, opacity 0.5s ease-in-out 0.2s} #nav.total-menu.open #gnbBg {height:450px;} #header.header_scroll #nav.total-menu > ul > li > a {color:#222;} /* 유틸박스 */ #util-wrap {display:flex; align-items:center; z-index:999;} #util-wrap .language {margin-right:30px; position:relative;} #util-wrap .language span {font-size:1.6rem; color:#9e9e9e; position:relative; padding:0 0.5rem; margin:0 0.5rem;} #util-wrap .language span.cur {color:var(--main-color)} #util-wrap .language span:after {content:''; width:2px; height:80%; top:10%; background:#ddd; position:absolute; right:-0.7rem;;} #util-wrap .language span:last-child:after {display:none;} /* #util-wrap .language .cur {font-size:17px; font-weight:500; color:#222; padding-bottom:10px; cursor:pointer; } #util-wrap .language .cur:after {content:'\f078'; font-family:'Font Awesome 5 Free'; font-weight:900; margin-left:10px; display:inline-block; transition:all 0.3s ease;} #util-wrap .language .dropdown-list {opacity:0; visibility:hidden; position:absolute; border:1px solid #ddd; border-radius:10px; top:30px; width:100%; z-index:999; transition: all 0.3s ease;} #util-wrap .language .dropdown-list li {text-align:center; background:#fff; } #util-wrap .language .dropdown-list li:first-child {border-radius:10px 10px 0 0;} #util-wrap .language .dropdown-list li:last-child {border-radius:0 0 10px 10px;} #util-wrap .language .dropdown-list li a {display:inline-block; padding:8px 0; text-align:Center; width:100%; font-size:14px; color:#000} #util-wrap .language .dropdown-list li:hover {background:#f4f4f4;} #util-wrap .language.active .dropdown-list {opacity:1; visibility:visible;} #util-wrap .language.active .cur:after {transform:rotate(180deg);} */ #util-wrap .sitemap-open-btn {display:block; cursor:pointer} #util-wrap .sitemap-open-btn .row {width:35px; height:2px; border-radius:15px; display:block; background:#222; margin:5px 0px; position:relative; z-index:99; text-align:right;} #header.on #util-wrap .sitemap-open-btn .row {background:#222;} #header.header_scroll #util-wrap .sitemap-open-btn .row {background:#222;} #util-wrap .nav-open-btn {display:none; top:24px; right:15px; z-index:99999999;} #util-wrap .nav-open-btn .line {width:25px; height:3px; background:#333; border-radius:15px; display:block; margin:5px 0; transition:all 0.25s ease;} #util-wrap .nav-open-btn.active .line {background:#000;} #util-wrap .nav-open-btn.active .line1 {transform:translateY(5px) rotate(45deg);} #util-wrap .nav-open-btn.active .line3 {transform:translateY(-11px) rotate(-45deg)} #util-wrap .nav-open-btn.active .line2 {opacity:0;} #header.header_scroll #util-wrap .nav-open-btn .line {background:#000;} @media screen and (max-width:1300px){ #nav > ul > li > a {font-size:16px; padding:0 30px;} } @media screen and (max-width:1023px){ /* 메뉴, 사이트맵 숨김 */ #nav {display:none;} #util-wrap .sitemap-open-btn {display:none;} #util-wrap .nav-open-btn {display:block;} } /* SITE MAP :: 공통 (삭제 X) */ /* SITE MAP :: 스타일1 (기본 스타일 / Popup Style) */ /********************** SITE MAP 스타일 :: Full Style 방향 :: 세로 Style 01 ***********************/ .siteMap_style_full {position:fixed; width:100%; height:100%; background:linear-gradient(to bottom, #22347d, #165e85); top:0; left:0; z-index:9999; visibility:hidden; opacity:0; transition:all 0.3s} .siteMap_style_full .sitemap-area {max-width:1400px; margin:0 auto; width:100%; height:100%; visibility: hidden; opacity:0; transition:all 0.5s} .siteMap_style_full .sitemap-area .sitemap-wrap {display:table; width:100%; height:100%;} .siteMap_style_full .sitemap-area .sitemap-wrap .sitemap-inner {display:table-cell; vertical-align:middle;} .siteMap_style_full .sitemap-con {text-align:center;} .siteMap_style_full .sitemap-con h1 {font-size:54px; color:#fff; font-weight:400;} .siteMap_style_full .sitemap-con .sitemap-box {margin-top:120px;} .siteMap_style_full .sitemap-con .sitemap-box > ul {display:table; width: 100%;} .siteMap_style_full .sitemap-con .sitemap-box > ul > li {display:table-cell;} .siteMap_style_full .sitemap-con .sitemap-box > ul > li h2 {font-size:24px; font-weight:400; color:#fff; padding:0 10px 40px; border-bottom:1px solid #5f75f3; transition:all 0.3s ease;} .siteMap_style_full .sitemap-con .sitemap-box > ul > li .sitemap-2dep {padding:25px 10px 0;} .siteMap_style_full .sitemap-con .sitemap-box > ul > li .sitemap-2dep li a {display:block; padding:8px 0; color:#b2bdff; font-size:17px; transition:all 0.3s ease;} .siteMap_style_full .sitemap-con .sitemap-box > ul > li:hover h2 {border-bottom:1px solid #fff} .siteMap_style_full .sitemap-close-btn {position:absolute; top:0; right:0; width:77px; height:77px; background:#fff; z-index:9999; transition:all 0.3s;} .siteMap_style_full .sitemap-close-btn span {width:35px; height:4px; background:#22347d; display:block; margin:4px auto; border-radius:0px; transition:all 0.3s;} .siteMap_style_full .sitemap-close-btn span.line1 {transform:translateY(1px) rotate(45deg)} .siteMap_style_full .sitemap-close-btn span.line2 {transform:translateY(-7px) rotate(-45deg)} .siteMap_style_full .sitemap-close-btn:hover {background:#3b56c2} .siteMap_style_full .sitemap-close-btn:hover span {background:#fff; border-radius:0;} .siteMap_style_full.open {visibility:visible; opacity:1; right:0;} .siteMap_style_full.open .sitemap-area {visibility:visible; opacity:1;} #quickBtn {position:fixed; right:2%; top:75%; width:auto; display:inline-block; z-index:999;} #quickBtn .quick-btn {display:flex; flex-direction:column} #quickBtn .quick-btn > a {width:9rem; height:9rem; border-radius:5px; position:relative; display:inline-block; box-shadow:6px 3px 10px #0c0c0c11;background:var(--main-color); display:flex; align-items: center; justify-content: center; margin-top:1.5rem; transition: all 0.3s ease; box-shadow:3px 3px 13px #00000036;} #quickBtn .quick-btn .txt-box {display:flex; flex-direction:column; align-items: center; justify-content: center; height:100%;} #quickBtn .quick-btn .txt-box i {width:27px; height:32px;} #quickBtn .quick-btn .txt-box h4 {font-size:1.5rem; font-weight:300; color:#fff; margin-top:1rem} #quickBtn .quick-btn > a:hover {background:#2095e7} /* GNB MOBILE :: 스타일1 (기본 스타일 / Basic Style) */ .overlay {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); left:0; top:0; z-index:999} .gnb_style_basic {display:none; position:fixed; right:-280px; width:280px; top:0; background:#fff; height:100%; z-index:999999; transition:0.4s ease;;} .gnb_style_basic .gnb-mobile-wrapper {width:100%; height:100%; position:relative; padding:75px 0px;} .gnb_style_basic .gnb-mobile-wrapper .gnb-mobile-inner { width:100%; height:100%;} .gnb_style_basic #mobile-nav {width:100%; height:100%;} .gnb_style_basic #mobile-nav > li {position:relative; border-bottom:1px solid #ddd;} .gnb_style_basic #mobile-nav > li > a {font-size:16px; font-weight:600; color:#222; display:block; height:55px; line-height:55px; padding:0 20px} .gnb_style_basic #mobile-nav > li > i {position:absolute; left:0; top:0; width:100%; height:55px; transition:0.4s ease;} .gnb_style_basic #mobile-nav > li > i:after {position:absolute; right:10%; top:35%; content:'\f078'; font-family:'Font Awesome 5 Free'; font-weight:900;} .gnb_style_basic #mobile-nav > li.open i:after {content:'\f077'} .gnb_style_basic #mobile-nav .submenu {display:none;} .gnb_style_basic #mobile-nav .submenu ul li {border-top:1px solid #ddd;} .gnb_style_basic #mobile-nav .submenu ul li a {display:block; padding:10px 20px; font-size:15px; transition:0.4s ease;} .gnb_style_basic #mobile-nav > li.open > a {background:#f4f4f4} .gnb_style_basic.open {right:0px;} @media screen and (max-width:1023px){ .gnb_style_basic {display:block;} } /* GNB MOBILE :: 스타일2 (Full Style) */ /* SUB MENU :: 스타일1 */ #sub_menu_style_01 {width:100%; padding:20px 0px;} #sub_menu_style_01 .snb {display:flex; justify-content:flex-end;} #sub_menu_style_01 .snb li {position:relative; text-align:center; display:table; margin:0 20px;} #sub_menu_style_01 .snb li a {font-size:16px; font-weight:600; color:#222; display:table-cell; vertical-align:middle; padding:10px 20px;} #sub_menu_style_01 .snb li:before {content:''; position:absolute; width:100%; height:2px; bottom:0px; left:0; transition:all 0.25s ease;} #sub_menu_style_01 .snb li:hover:before, #sub_menu_style_01 .snb li.on:before {background:#07b1f0;} #sub_menu_style_01 .snb li:hover a, #sub_menu_style_01 .snb li.on a {color:#07b1f0;} @media screen and (max-width:800px){ #sub_menu_style_01 {display:none;} } /* SUB MENU :: 스타일2 */ #sub_menu_style_02 {width:100%; background:rgba(0,0,0,0.5); backdrop-filter:blur(3px)} #sub_menu_style_02 .snb {display:flex; justify-content:space-between;} #sub_menu_style_02 .snb li {position:relative; text-align:center; width:100%; display:table; border-right:1px solid transparent; height:65px; transition:all 0.25s ease;} #sub_menu_style_02 .snb li a {font-size:18px; color:#fff; display:table-cell; vertical-align:middle; word-break:keep-all; font-weight:300; padding:0 10px;} #sub_menu_style_02 .snb li:hover, #sub_menu_style_02 .snb li.on { } #sub_menu_style_02 .snb li:hover a, #sub_menu_style_02 .snb li.on a {color:#fff; font-weight:600;} @media screen and (max-width:800px){ #sub_menu_style_02 {display:none;} } /* SUB MENU :: 스타일3 */ #sub_menu_style_03 .sub-top-menu-inner { border-bottom:1px solid #ddd; height:55px; } #sub_menu_style_03 .location-home-btn {float:left; width:55px; height:55px; text-align:center; background:#056bb3;} #sub_menu_style_03 .location-home-btn i {line-height:55px; color:#fff;} #sub_menu_style_03 .sub-menu-location {position:relative; float:left; width:18em; border:1px solid #ddd; border-bottom:none; margin:0 -0.05% -0.05% 0; } #sub_menu_style_03 .sub-menu-location button {display:block; width:100%; text-align:left; padding:0 20px; position:relative;} #sub_menu_style_03 .sub-menu-location button span {display:block; width:100%; line-height:55px; font-size:17px; color:#2b2b2b; font-weight:300;} #sub_menu_style_03 .sub-menu-location button i {position:absolute; top:50%; right:1.5rem; font-size:17px; color:#2b2b2b; margin-top:-0.6rem; transition:all 0.3s ease;} #sub_menu_style_03 .sub-menu-location.open button i {transform:rotate(180deg)} .snb {display:none;} #sub_menu_style_03 .snb {position:absolute; border:1px solid #ddd; border-top:none; width:100%; left:-1px; right:0; top:100%; background:#fff; z-index:11; padding-bottom:1rem; box-sizing:content-box;} #sub_menu_style_03 .snb li a {display:block; padding:10px 20px; transition: all 0.15s ease;} #sub_menu_style_03 .snb li.on a {color:#04347d; font-weight:600;} #sub_menu_style_03 .snb li a:hover {color:#04347d; font-weight:600} @media screen and (max-width:800px){ #sub_menu_style_02 {display:none;} } /* SUB MOBILE :: 스타일1 (ONLY 2DEP) */ #sub_m_menu_style_01 {display:none; position:relative; height:45px; z-index:9;} #sub_m_menu_style_01 .sub-menu-inner {height:100%; border-bottom:1px solid #ddd;} #sub_m_menu_style_01 .sub-menu-inner .location-home-btn {position:absolute; width:45px; height:45px; text-align:center;} #sub_m_menu_style_01 .sub-menu-inner .location-home-btn i {line-height:45px; color:#000; font-size:17px;} #sub_m_menu_style_01 .sub-menu-inner .dropdown-menu {height:100%; margin-left:45px;} #sub_m_menu_style_01 .sub-menu-inner .dropdown-menu .cur-location {display:block; width:100%; height:100%; text-align:left; color:#222; font-size:17px; font-weight:400; padding:0 30px 0 15px;} #sub_m_menu_style_01 .sub-menu-inner .dropdown-menu .cur-location i {position:absolute; right:10px; font-size:19px; top:13px; transition:all .25s ease;} #sub_m_menu_style_01 .sub-menu-inner .dropdown-menu .dropdown-list {display:none; border:1px solid #ddd; width:calc(100% - 2px); border-top:0; padding:5px 0; background:#fff; border-top:0; margin-top:1px;;} #sub_m_menu_style_01 .sub-menu-inner .dropdown-menu .dropdown-list li a {display:block; padding:9px 15px; font-size:16px; color:#666;;} #sub_m_menu_style_01 .sub-menu-inner .dropdown-menu.open .cur-location i {transform:rotate(180deg);} @media screen and (max-width:800px){ #sub_m_menu_style_01 {display:block;} } /* SUB MOBILE :: 스타일2 (1DEP / 2DEP) */ #sub_m_menu_style_02 {display:none; position:relative; z-index:9; margin:-35px 20px 0 20px;} #sub_m_menu_style_02 .sub-menu-inner {height:100%;} #sub_m_menu_style_02 .sub-menu-inner .dropdown-menu {height:100%; border-radius:50px; background:#f4f4f4; position:relative; } #sub_m_menu_style_02 .sub-menu-inner .dropdown-menu.location1 {background:#00a0e8; margin-bottom:15px;} #sub_m_menu_style_02 .sub-menu-inner .dropdown-menu .cur-location {display:block; width:100%; height:100%; text-align:left; color:#222; font-size:17px; font-weight:400; padding:0 40px; position:relative; z-index:9;} #sub_m_menu_style_02 .sub-menu-inner .dropdown-menu.location1 .dropdown-list li a {color:#fff;} #sub_m_menu_style_02 .sub-menu-inner .dropdown-menu .cur-location span {position:relative; line-height:65px; display:block; font-size:19px;} #sub_m_menu_style_02 .sub-menu-inner .dropdown-menu .cur-location i {position:absolute; right:20px; top:0; font-size:19px; line-height:65px; transition:all .25s ease;} #sub_m_menu_style_02 .sub-menu-inner .dropdown-menu.location1 .cur-location span {color:#fff;} #sub_m_menu_style_02 .sub-menu-inner .dropdown-menu.location1 .cur-location i {color:#fff;} #sub_m_menu_style_02 .sub-menu-inner .dropdown-menu .dropdown-list {display:none; position:absolute; top:calc(100% - 30px); width:100%; padding-top:2em; padding-bottom:10px; border-radius:0 0 50px 50px; background:#f4f4f4} #sub_m_menu_style_02 .sub-menu-inner .dropdown-menu.location1 .dropdown-list {background:#00a0e8;} #sub_m_menu_style_02 .sub-menu-inner .dropdown-menu .dropdown-list li a {display:block; padding:9px 40px 15px; font-size:16px; color:#333;;} #sub_m_menu_style_02 .sub-menu-inner .dropdown-menu.open .cur-location {z-index:9999;} #sub_m_menu_style_02 .sub-menu-inner .dropdown-menu.open .dropdown-list {z-index:99;} #sub_m_menu_style_02 .sub-menu-inner .dropdown-menu.open .cur-location i {transform:rotate(180deg);} @media screen and (max-width:800px){ #sub_m_menu_style_02 {display:block;} } /********************** FOOTER STYLE: 01 ***********************/ #cm_footer_style_01 {padding:40px 0px; background:#414141;} #cm_footer_style_01 .footer-police-con {display:flex; flex-wrap:wrap; margin-bottom:20px;} #cm_footer_style_01 .footer-police-con a {font-size:15px; font-weight:400; color:#fff; position:relative; padding-right:15px; margin-right:15px;} #cm_footer_style_01 .footer-police-con a::after {content:''; width:1px; height:100%; background:#fff; right:0; top:0;} #cm_footer_style_01 .footer-detail-con li {margin-bottom:5px;} #cm_footer_style_01 .footer-detail-con li span {font-size:15px; font-weight:300; color:#fff; margin-right:20px;} #cm_footer_style_01 .footer-detail-con li span.company {font-weight:600;} #cm_footer_style_01 .footer-detail-con li.copy {opacity:.6; text-transform:uppercase } /********************** FOOTER STYLE: 02 ***********************/ #cm_footer_style_02 {background:#414141;} #cm_footer_style_02 .footer-police-con {border-bottom:1px solid #ffffff17; padding:20px 0px;} #cm_footer_style_02 .footer-police-con ul {display:flex; } #cm_footer_style_02 .footer-police-con ul li a {color:#fff; font-size:16px; font-weight:400; margin-right:20px;} #cm_footer_style_02 .footer-info-con .footer-detail-con {display:flex; padding:20px 0px;} #cm_footer_style_02 .footer-info-con .footer-detail-con .footer-address-con li span {color:#fff; margin-right:20px; font-weight:400; font-size:16px;} #cm_footer_style_02 .footer-info-con .footer-detail-con .copy {color:#fff; opacity:.6; font-weight:200; margin-top:10px;} @media screen and (max-width:767px) { #quickBtn {top : 70%} }