/* CORE STYLES */
*{ margin:0; padding:0; }
.navigation { width:100%; display:table; position:fixed; font-family:inherit; background-color:#fff; z-index:999999999; transition:background 0.5s; box-shadow:0 0 10px rgba(0, 0, 0, 0.3); padding:0 50px; }
.navigation-portrait { height:55px; } /*모바일 헤더 높이 조절*/
.navigation-fixed { position:fixed; top:0; left:0; z-index:19998; }
.navigation-hidden { width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; }
.navigation .wrap { position:relative; }
.nav-header { float:left; }
.nav-logo > img { width:auto; height:30px; margin:30px auto; padding:0px; float:left; }
.nav-menus-wrapper { position:relative; float:right; margin-right:130px; }
.navigation .lang { position:absolute; top:33px; right:50px; }
.navigation .lang a { font-weight:100; }
.navigation .lang a.on,
.navigation .lang a:hover { font-weight:400; }

/* 모바일 판넬부분 */
.nav-toggle { width:30px; height:30px; padding:6px 2px 0; position:absolute; top:50%; margin-top:-15px; right:15px; display:none; cursor:pointer; }
.nav-toggle:before { content:""; position:absolute; width:24px; height:2px; background-color:#70798b; border-radius:10px; box-shadow:0 0.5em 0 0 #70798b, 0 1em 0 0 #70798b; }
.navigation-portrait .nav-toggle { display:block; }
.navigation-portrait .nav-menus-wrapper { width:100%; height:100%; top:0; left:-800px; position:fixed; background-color:#ffffff; z-index:20000; overflow-y:auto; -webkit-overflow-scrolling:touch; -webkit-transition-duration:.8s; transition-duration:.8s; -webkit-transition-timing-function:ease; transition-timing-function:ease; }
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right { left:auto; right:-400px; }
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open { left:0; }
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open { left:auto; right:0; }
.nav-menus-wrapper-close-button { width:48px; height:48px; margin:11px 0; display:none; float:right; color:#70798b; font-size:26px; cursor:pointer; text-align:center; line-height:50px; }
.navigation-portrait .nav-menus-wrapper-close-button { display:block; }
.nav-menu { margin:0; padding:0; list-style:none; line-height:normal; font-size:0; }
.navigation-portrait .nav-menu { width:100%; }
/* 모바일 판넬부분 */
.nav-menu > li { display:inline-block; float:left; text-align:center; position:relative; }
.navigation-portrait .nav-menu > li { width:100%; position:relative; border-top:solid 1px #f0f0f0; }
.navigation-portrait .nav-menu > li:last-child { border-bottom:solid 1px #f0f0f0; }
.nav-menu + .nav-menu > li:first-child { border-top:none; }
.nav-menu > li > a { height:90px; display:inline-block; text-decoration:none; font-size:17px; color:#000; -webkit-transition:color 0.3s, background 0.3s; transition:color 0.3s, background 0.3s; line-height:90px; margin:0 35px; }
.navigation-portrait .nav-menu > li > a { width:100%; height:auto; padding:20px 15px; }
.navigation:hover li a { color:#000; }
.nav-menu > li:hover > a,
.nav-menu > li.active > a,
.nav-menu > li.focus > a { font-weight:bold; color:#0072b9; }
.nav-menu > li > a > i,
.nav-menu > li > a > [class*="ion-"] { width:18px; height:16px; line-height:16px; -webkit-transform:scale(1.4); -ms-transform:scale(1.4); transform:scale(1.4); }
.nav-menu > li > a > [class*="ion-"] { width:16px; display:inline-block; -webkit-transform:scale(1.8); -ms-transform:scale(1.8); transform:scale(1.8); }
.navigation-portrait .nav-menu.nav-menu-social { width:100%; text-align:center; }
.nav-menu.nav-menu-social > li { text-align:center; float:none; border:none !important; }
.navigation-portrait .nav-menu.nav-menu-social > li { width:auto; }
.nav-menu.nav-menu-social > li > a > [class*="ion-"] { font-size:12px; }
.nav-menu.nav-menu-social > li > a > .fa { font-size:14px; }
.navigation-portrait .nav-menu.nav-menu-social > li > a { padding:15px; }
.submenu-indicator { margin-left:6px; margin-top:6px; float:right; -webkit-transition:all 0.3s; transition:all 0.3s; }
.navigation-portrait .submenu-indicator { width:54px; height:44px; margin-top:0; position:absolute; top:0; right:0; text-align:center; z-index:20000; }
.submenu-indicator-chevron { height:6px; width:6px; display:block; border-style:solid; border-width:0 1px 1px 0; border-color:transparent #70798b #70798b transparent; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:border 0.3s; transition:border 0.3s; }
.navigation-portrait .submenu-indicator-chevron { position:absolute; top:18px; left:24px; }
.nav-menu > li:hover > a .submenu-indicator-chevron,
.nav-menu > .active > a .submenu-indicator-chevron,
.nav-menu > .focus > a .submenu-indicator-chevron { border-color:transparent #967ADC #967ADC transparent; }
.navigation-portrait .submenu-indicator.submenu-indicator-up { -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg); }
.nav-overlay-panel { width:100%; height:100%; top:0; left:0; position:fixed; display:none; z-index:19999; }
.no-scroll { width:100%; height:100%; overflow:hidden; }
.nav-menus-wrapper::after { clear:both; content:""; display:block; }


/* NAVIGATION BUTTON */
.nav-button { margin:18px 15px 0; padding:8px 14px; display:inline-block; color:#fff; font-size:14px; text-align:center; text-decoration:none; border-radius:4px; background-color:#967ADC; -webkit-transition:opacity 0.3s; transition:opacity 0.3s; }
.nav-button:hover, .nav-button:focus { color:#fff; text-decoration:none; opacity:0.85; }
.navigation-portrait .nav-button { width:calc(100% - 52px); margin:17px 26px; }

/* NAVIGATION TEXT */
.nav-text { margin:25px 15px; display:inline-block; color:#70798b; font-size:14px; }
.navigation-portrait .nav-text { width:calc(100% - 52px); margin:12px 26px 0; }
.navigation-portrait .nav-text + ul { margin-top:15px; }

/* DROPDOWN EXTENSION */
.nav-dropdown { min-width:180px; margin:0; padding:0; display:none; position:absolute; list-style:none; z-index:98; white-space:nowrap; left:50%; margin-left:-90px; }
.navigation-portrait .nav-dropdown { width:100%; position:static; left:0; }
.nav-dropdown .nav-dropdown { left:100%; margin-left:0 !important; }
.nav-menu > li > .nav-dropdown { border-top:solid 1px #f0f0f0; }
.nav-dropdown > li { width:100%; float:left; clear:both; position:relative; text-align:center; }
.nav-dropdown > li > a { width:100%; padding:16px 20px; display:inline-block; text-decoration:none; float:left; font-size:15px; color:#70798b; background-color:#fdfdfd; -webkit-transition:color 0.3s, background 0.3s; transition:color 0.3s, background 0.3s; }
.nav-dropdown > li:hover > a,
.nav-dropdown > li.focus > a { font-weight:bold; color:#0072b9; }
.nav-dropdown.nav-dropdown-left { right:0; }
.nav-dropdown > li > .nav-dropdown-left { left:auto; right:100%; }
.navigation-landscape .nav-dropdown.nav-dropdown-left > li > a { text-align:right; }
.navigation-portrait .nav-dropdown > li > a { padding:12px 20px 12px 30px; }
.navigation-portrait .nav-dropdown > li > ul > li > a { padding-left:50px; }
.navigation-portrait .nav-dropdown > li > ul > li > ul > li > a { padding-left:70px; }
.navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > a { padding-left:90px; }
.navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > ul > li > a { padding-left:110px; }
.nav-dropdown .submenu-indicator { right:15px; top:16px; position:absolute; }
.navigation-portrait .nav-dropdown .submenu-indicator { right:0; top:0; }
.nav-dropdown .submenu-indicator .submenu-indicator-chevron { -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }
.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron { -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.nav-dropdown > li:hover > a .submenu-indicator-chevron,
.nav-dropdown > .focus > a .submenu-indicator-chevron { border-color:transparent #967ADC #967ADC transparent; }
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator { left:10px; }
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron { -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); }

/* HORIZONTAL DROPDOWN EXTENSION */
.nav-dropdown-horizontal { width:100%; left:0; background-color:#fdfdfd; border-top:solid 1px #f0f0f0; }
.nav-dropdown-horizontal .nav-dropdown-horizontal { width:100%; top:100%; left:0; }
.navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal { border-top:none; }
.nav-dropdown-horizontal > li { width:auto; clear:none; position:static; }
.navigation-portrait .nav-dropdown-horizontal > li { width:100%; }
.nav-dropdown-horizontal > li > a { position:relative; }
.nav-dropdown-horizontal .submenu-indicator { height:18px; top:11px; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); }
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator { height:42px; top:0; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); }
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up { -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg); }

/* MEGAMENU EXTENSION */
.megamenu-panel { width:100%; padding:15px; display:none; position:absolute; font-size:14px; z-index:98; text-align:left; color:inherit; border-top:solid 1px #f0f0f0; background-color:#fdfdfd; }
.navigation-portrait .megamenu-panel { padding:25px; position:static; display:block; }
.megamenu-panel [class*="container"] { width:100%; }
.megamenu-panel [class*="container"] [class*="col-"] { padding:0; }
.megamenu-panel-half { width:50%; }
.megamenu-panel-quarter { width:25%; }
.navigation-portrait .megamenu-panel-half,
.navigation-portrait .megamenu-panel-quarter { width:100%; }

/* GRID */
.megamenu-panel-row { width:100%; }
.megamenu-panel-row:before, .megamenu-panel-row:after { display:table; content:""; line-height:0; }
.megamenu-panel-row:after { clear:both; }
.megamenu-panel-row [class*="col-"] { display:block; min-height:20px; float:left; margin-left:3%; }
.megamenu-panel-row [class*="col-"]:first-child { margin-left:0; }
.navigation-portrait .megamenu-panel-row [class*="col-"] { float:none; display:block; width:100% !important; margin-left:0; margin-top:15px; }
.navigation-portrait .megamenu-panel-row:first-child [class*="col-"]:first-child { margin-top:0; }
.megamenu-panel-row .col-1 { width:5.583333333333%; }
.megamenu-panel-row .col-2 { width:14.166666666666%; }
.megamenu-panel-row .col-3 { width:22.75%; }
.megamenu-panel-row .col-4 { width:31.333333333333%; }
.megamenu-panel-row .col-5 { width:39.916666666667%; }
.megamenu-panel-row .col-6 { width:48.5%; }
.megamenu-panel-row .col-7 { width:57.083333333333%; }
.megamenu-panel-row .col-8 { width:65.666666666667%; }
.megamenu-panel-row .col-9 { width:74.25%; }
.megamenu-panel-row .col-10 { width:82.833333333334%; }
.megamenu-panel-row .col-11 { width:91.416666666667%; }
.megamenu-panel-row .col-12 { width:100%; }

/* MEGAMENU TABS */
.megamenu-tabs { width:100%; float:left; display:block; }
.megamenu-tabs-nav { width:20%; margin:0; padding:0; float:left; list-style:none; }
.navigation-portrait .megamenu-tabs-nav { width:100%; }
.megamenu-tabs-nav > li > a { width:100%; padding:10px 16px; float:left; font-size:13px; text-decoration:none; color:#70798b; border:solid 1px #eff0f2; outline:0; background-color:#ffffff; -webkit-transition:background 0.3s; transition:background 0.3s; }
.megamenu-tabs-nav > li.active a,
.megamenu-tabs-nav > li:hover a { background-color:#f5f5f5; }
.megamenu-tabs-pane { width:80%; min-height:30px; padding:20px; float:right; display:none; opacity:0; font-size:13px; color:#70798b; border:solid 1px #eff0f2; background-color:#ffffff; -webkit-transition:opacity 0.5s; transition:opacity 0.5s; }
.megamenu-tabs-pane.active { display:block; opacity:1; }
.navigation-portrait .megamenu-tabs-pane { width:100%; }

/* MEGAMENU LIST */
.megamenu-lists { width:100%; display:table; }

/* The list */
.megamenu-list { width:100%; margin:0 0 15px; padding:0; display:inline-block; float:left; list-style:none; }
.megamenu-list:last-child { margin:0; border:none; }
.navigation-landscape .megamenu-list { margin:-15px 0; padding:20px 0; border-right:solid 1px #f0f0f0; }
.navigation-landscape .megamenu-list:last-child { border:none; }
.megamenu-list > li > a { width:100%; padding:10px 15px; display:inline-block; color:#70798b; text-decoration:none; font-size:13px; -webkit-transition:all 0.3s; transition:all 0.3s; }
.megamenu-list > li > a:hover { color:#ffffff; background-color:#967ADC; }
.megamenu-list > li.megamenu-list-title > a { font-size:12px; font-weight:600; text-transform:uppercase; opacity:0.8; color:#70798b; }
.megamenu-list > li.megamenu-list-title > a:hover { opacity:1; background-color:transparent; }
.navigation-landscape .list-col-2 { width:50%; }
.navigation-landscape .list-col-3 { width:33%; }
.navigation-landscape .list-col-4 { width:25%; }
ul.nav-menu li span.submenu-indicator { display:none; }



@media screen and (min-width:768px) and (max-width:1199px) { /* tablet */

	.navigation { padding:0 5%; }
	.navigation .wrap { padding-top:30px; }
	.nav-header { float:none; position:absolute; top:20px; left:5%; }
	.nav-logo > img { margin:0; }
	.nav-menus-wrapper { width:100%; float:none; }
	.nav-menu{ width:100%; text-align:center; margin-top:50px; }
	.nav-menu > li { width:25%; }
	.navigation .lang { top:25px; right:5%; }
	ul.nav-menu li span.submenu-indicator { display:none; }
	.nav-header::after { clear:both; content:""; display:block; }

}



@media (max-width:767px) { /* mobile */

	.navigation { background-color:#fff !important; padding:0 5%; }
	.nav-logo > img { width:100px; height:auto; margin:20px 0; }
	.navigation li a { color:#000 !important; }
	.nav-menu > li > a { margin:0; padding:0; line-height:50px; }
	.navigation-portrait .nav-dropdown > li > a { color:#000; font-weight:700; }
	.navigation-portrait .nav-dropdown > li > ul > li > a { padding:12px !important; }
	.nav-dropdown { margin:0; }
	.navigation .lang { position:absolute; width:100%; text-align:left; right:auto; left:5%; top:25px; }

}