#header {
	width:100%;
	position:fixed;
	top:0;
	z-index:99999;
    box-shadow:0px 6px 6px rgb(0 0 0 / 0.05);
	}


/* topUtil_wrap */


#topUtil_wrap {
	width:100%;
	background-color:#393b52;
	}


#topUtil_wrap .topUtil_ban {
	background-color:#6386fb;
	width:100%;
	height:130px;
	}

#topUtil_wrap .top_banner {
	width:1200px;
	margin:0 auto;
	}

#topUtil_wrap .top_banner p {
	position:absolute;
	top:0;
	right:0;
	}

#topUtil_wrap .top_banner li.banLeft {
	width:400px;
	background:#6386fb;
	}

#topUtil_wrap .top_banner li.banCenter {
	width:400px;
	}

#topUtil_wrap .top_banner li.banRight {
	background:url("/images/common/top_banner10.jpg") no-repeat;
	width:400px;
	}

#topUtil_wrap .top_banner li.banRight span {
	font-family:'yg-jalnan', sans-serif;
	font-size:27px;
	font-weight:300;
    color:#ffe468;
	line-height:1;
	position:relative;
	top:60px;
	left:150px;
	}

@media screen and (-webkit-min-device-pixel-ratio:0) {
   #topUtil_wrap .top_banner li.banRight span {
	font-family:'yg-jalnan', sans-serif;
	font-size:30px;
	font-weight:300;
    color:#ffe468;
	line-height:1;
	position:relative;
	top:50px;
	left:150px;
	}
}

#topUtil_wrap .top_banner li {
	float:left;
	text-align:left;
	height:130px;
	}

/* 최상단 언론보도 */


#topUtil_wrap .top_banner li.mediaReport {
	width:300px;
	float:left;
	text-align:right;
	}

#topUtil_wrap .top_banner li.mediaReport div {
	padding:17px 20px 0 0;
	width:300px;
	float:right;
	height:113px;
	background:url("/images/common/top_banner_img03.png") no-repeat left 3px;
	}

#topUtil_wrap .top_banner li.mediaReport div dt {
	margin-bottom:7px;
	}

#topUtil_wrap .top_banner li.mediaReport div dd {
	text-align:left;
	line-height:22px;
	background:url("/images/common/top_banner_img02.png") no-repeat 35px 10px;
	padding-left:44px;
	color:#FFF;
	}

#topUtil_wrap .top_banner li.mediaReport div dd a {
	color:#FFF;
	}

#topUtil_wrap .top_banner li.mediaReport div dd a:hover {
	color:#0d113e;
	}

/*

#topUtil_wrap {
	width:100%;
	background-color:#393b52;
	}

#topUtil_wrap .top_banner {
	width:100%;
	margin:0 auto;
	background: #27bdba url("/images/common/bg_topBanner.jpg") no-repeat left top;
	text-align:center;
	}

#topUtil_wrap .top_banner p {
	position:absolute;
	right:0;
	}
*/

#topUtil_wrap .topUtil {
	overflow:hidden; 
	width:1200px;
	height:37px;
	margin:0 auto;
	}

.topUtil_left {
	overflow:hidden;
	float:left;
	}

.topUtil_left li {
	float:left;
	padding:0;
	margin:0;
	}

.topUtil_left li a {
	display:block;
	width:93px;
	padding:11px 0 12px;
	background-color:#393b52;
	border-right:1px solid #616275;
	font-family:'Noto Sans KR', dotum, '돋움', sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#fff;
	line-height:1;
	text-align:center;
	text-decoration:none;
	}

.topUtil_left li.on a {
	background-color:#fff;
	border-left:1px solid #616275;
	color:#393b52;
	}

.topUtil_right {
	overflow:hidden;
	float:right;
	margin-top:9px;
	}

.topUtil_right li {
	float:left;
	margin-left:16px;
	padding-left:16px;
	background:url("/images/common/bg_tbar.gif") no-repeat left 4px;
	}

.topUtil_right li:first-child {
	margin:0;
	padding:0;
	background:none;
	}

.topUtil_right li a {
	font-family:'Noto Sans KR', dotum, '돋움', sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#ffffff;
	}


/* gnb */

#gnb_wrap {
	background-color:#ffffff;
	border-bottom:1px solid #e0e0e0;
	}

.gnb {
	width:1200px;
	height:94px;
	margin:0 auto;
	position:relative;
	}

.gnb .logo {
	/* position:absolute;
	top:30px;
	left:0; */
	}
.gnb .menu {
	/* position:absolute;
	top:29px;
	right:-30px; */
	overflow:visible; /*옛날 common.css 의 overflow: hidden; 때문에 사용 */
	}

.gnb .menu li .rollover {
	display:none;
	}

.gnb .menu li:hover img {
	display:none;
	}

.gnb .menu li:hover img.rollover {
	display:block;
	}

.gnb .menu li {
	box-sizing:border-box;
	display:inline-block;
	width:155px;
	padding:7px 0 9px;
	cursor:pointer;
	}

.gnb .menu .menu_a02 {
	margin-left:0;
	margin-right:5px;
	}

.gnb .menu .menu_a04 {
	margin-left:0;
	margin-right:0;
	}


.gnb .menu a li  {
	font-family:'Noto Sans KR', dotum, '돋움', sans-serif;
	font-size:18px;
	color:#363636;
	text-align:center;
	line-height:1;
	overflow:visible; /*옛날 common.css 의 overflow: hidden; 때문에 사용 */
	}

.gnb .menu a li:hover {
	font-size:18px;
	color:#4d6ede;
	text-align:center;
	box-sizing:border-box;
	display:inline-block;
	width:155px;
	border:2px solid #5980ff;
	padding:5px 0 7px;
	z-index: 2px;
	}

.gnb .certification {
    display:inline-block;
    position:relative;
    top:-1px;
    left:-130px;
	}

.gnb .submenu {
	position:absolute;
	top:75px;
	right:146px;
	background-color:#eeeff9;
	padding:8px 3px 7px;
	overflow:hidden;
	border-radius:5px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:2000;
	box-sizing:border-box;
	}

.gnb .submenu a {
	float:left;
	margin:0 20px;
	}

.gnb .submenu span {
	float:left;
	}

.gnb .submenu a li  {
	font-family:'Noto Sans KR', dotum, '돋움', sans-serif;
	font-size:14px;
	color:#363535;
	text-align:center;
	line-height:1;
	}

.gnb .submenu a li:hover  {
	font-weight:500;
	color:#4d6ee3;
	}


/*
.gnb .experience {
	width:120px;
	padding:7px 0 8px;
	background:url('/images/common/ico_experience.gif') no-repeat 12px 0;
	border:2px solid #2b3453;
	position:absolute;
	top:30px;
	right:60px;
	cursor:pointer;
	}

.gnb .experience a {
	font-size:15px;
	font-weight:500;
	color:#2b3453;
	margin-left:50px;
	}

.gnb .experience:hover {
	background:url('/images/common/ico_experience_over.gif') no-repeat 12px 0;
	background:url('/images/common/ico_experience_over.gif') no-repeat 12px 0, -webkit-gradient(155deg, #ff7062, #ff7062, #ffa06e, #ffa06e);
	border:2px solid #5980ff;
	}

.gnb .experience:hover a {
	color:#4d6ede;
	}
*/

.gnb .sitemap {
	position:absolute;
	top:14px;
	right:0;
	}


/* newSub 

.lnb {
	width:100%;
	height:45px;
	border-top:1px solid #dde3f3;
	background:#f3f4fe;
	z-index:99999;
	overflow:visible;  옛날 common.css 의 overflow: hidden; 때문에 사용 
	}

.lnb .sub_menu {
	width:1200px;
	margin:0 auto;
	overflow:visible; 옛날 common.css 의 overflow: hidden; 때문에 사용 
	}

.lnb .sub_menu .subBtn {
	position:relative;
	margin-left:412px;
	overflow:visible;  옛날 common.css 의 overflow: hidden; 때문에 사용 
	}

.lnb .subBtn li {
	float:left;
	padding:15px 22px 0 0;
	}

.lnb .subBtn li:last-child {
	padding-right:0;
	}

.lnb .subBtn li.bl {
	position:absolute;
	top:-28px;
    left:180px;
	}

.lnb .subBtn li a {
	font-family:'Noto Sans KR', dotum, '돋움', sans-serif;
	font-size:15px;
	color:#363636;
	line-height:1;
	}

.lnb .subBtn li:hover a {
	color:#4d6ede;
	}

.lnb .subBtn li a span {
	font-family:'Noto Sans KR', dotum, '돋움', sans-serif;
	font-size:14px;
	font-weight:900;
	color:#5980ff;
	line-height:1;
	} */


/* siteMap layer popup */

.sitemap_pop {
	display:none;
	width:1100px;
	padding:10px;
	background-color:#5980ff;
	position:absolute;
	left:50%;
	top:132px;
	margin-left:-555px;
	z-index:999999;
	}

.sitemap_pop .sitemap {
	min-height:480px;
	padding:30px 35px 35px 35px;
	background-color:#fff;
	}

.sitemap_tit {
	overflow:visible;
	}

.sitemap_tit p {
	float:left;
	font-size:32px;
	font-weight:500;
	color:#363636;
	padding-top:10px;
	line-height:34px;
	margin-bottom:20px;
	}

.sitemap_tit .btn_close {
	float:right;
	width:48px;
	margin-top:-8px;
	}


/* 신규 사이트 맵 */

.sitemap_pop .sitemapNew {
	width:1030px;
	display:inline-block;
	}

.sitemap_pop .sitemapNew a {
	width:247px;
	float:left;
	border:1px solid #CCC;
	border-radius:8px;
	margin-right:11px;
	}

.sitemap_pop .sitemapNew a:hover {
	width:243px;
	border:3px solid #4d6ede;
	}

.sitemap_pop .sitemapNew a:hover dl {
	padding:18px 15px;
	}

.sitemap_pop .sitemapNew a:last-child {
	margin-right:0px;
	}

.sitemap_pop .sitemapNew a dl {
	text-align:center;
	padding:20px 15px;
	}

.sitemap_pop .sitemapNew a dt {
	color:#555;
	font-size:15px;
	line-height:20px;
	margin:5px 0 20px 0;
	}

.sitemap_pop .sitemapNew a:last-child dt {
	letter-spacing:-0.5px;
	}

.sitemap_pop .sitemapNew a dd.titleL {
	color:#4d6ede;
	font-size:20px;
	line-height:27px;
	margin:20px 0 25px 0;
	font-weight:500;
	}

.sitemap_pop .sitemapNew a dd.titleL span {
	color:#292929;
	font-size:20px;
	font-weight:bold;
	}

.sitemap_pop .sitemapNew a dd.moreBtn {
	border:1px solid #393b52;
	border-radius:5px;
	background:#393b52;
	width:205px;
	height:40px;
	margin:0 auto;
	position:relative;
	}

.sitemap_pop .sitemapNew a dd.moreBtn span {
	color:#FFF;
	float:left;
	padding:10px 0 0 20px;
	font-size:16px;
	}

.sitemap_pop .sitemapNew a dd.moreBtn img {
	position:absolute;
	right:8px;
	vertical-align:middle;
	padding-top:8px;
	}

.sitemap_pop .sitemapNew a:hover dd.moreBtn {
	border:1px solid #4d6ede;
	background:#4d6ede;
	}


.newSitemap {
	display:none;
	border:5px solid #FFF;
	border-top:none;
	border-radius: 0 0 10px 10px;
	background:#5980ff;
	width:165px;
	position:fixed;
	left:50%;
	top:131px;
	margin-left:406px;
	z-index:999999;
	padding:10px;
	}

.newSitemap .sitemapMenu li {
	color:#FFF;
	border-bottom:1px dashed #a2b8ff;
	height:22px;
	font-size:16px;
	padding:12px 0 10px 10px;
	}

.newSitemap .sitemapMenu a:first-child li {
	padding:4px 0 10px 10px;
	}

.newSitemap .sitemapMenu a:last-child li {
	border-bottom:none;
	padding:12px 0 3px 10px;
	}

.newSitemap .sitemapMenu a:hover li {
	color:#fff684;
	}


/* dropdown menu 


.dropdownMenu {
	position:absolute;
	top:36px;
	right:-30px;
	}

.dropdownMenu div {
	width:155px;	
	cursor:pointer;
	float:left;
	}

.dropdownMenu div a  {
	font-family:'Noto Sans KR', dotum, '돋움', sans-serif;
	font-size:18px;
	color:#363636;
	text-align:center;
	line-height:1;
	width:155px;
	display: inline-block;	
	}

.dropdownMenu .dropbtn1 a:hover, 
.dropdownMenu .dropbtn2 a:hover, 
.dropdownMenu .dropbtn4 a:hover {
	font-size:18px;
	color:#4d6ede;
	text-align:center;
	box-sizing:border-box;
	border:2px solid #5980ff;
	margin-top:-8px;
	display:inline-block;
	width:155px;
	padding:6px 0 7px;	
	}

.dropdown {
	position: relative;
	display: inline-block;
	}

.dropdown .dropbtn3 a {
	font-family:'Noto Sans KR', dotum, '돋움', sans-serif;
	font-size:18px;
	color:#363636;
	text-align:center;
	line-height:1;
	box-sizing:border-box;
	display: inline-block;
	width:155px;
	}

.dropdown .dropbtn3 a:hover {
	font-size:18px;
	color:#4d6ede;
	text-align:center;
	box-sizing:border-box;
	border:2px solid #5980ff;
	margin-top:-8px;	
	display:inline-block;
	padding:6px 0 7px;
	width:155px;
	}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #FFF;
	width: 155px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	margin-top:27px;
	font-size:15px;
	}

div.dropdown-content a {
	color: #262626;
	font-family:'Noto Sans KR', dotum, '돋움', sans-serif;
	font-size:15px;
	padding: 12px 0px;
	text-decoration: none;
	display: block;
	}

.dropdown-content a:hover {
	color: #4d6ee3;
	background-color: #EEE;
	}

.dropdown:hover .dropdown-content {
	display: block;
	}

*/




/* 2022 리뉴얼 CSS **********************************************************************************************************************************************************************************/

#header {
	width:100%;
	position:fixed;
	top:0;
	z-index:99999;
	font-family:'Gmarket Sans';
	}


/* gnb */

#gnb_wrap {
	background:#ffffff;
	border-bottom:0;
	}

.gnb {
	width:100%;
	height:100px;
	background:#ffffff;
	box-shadow:0px 6px 6px rgba(0,0,0,0.05);
	z-index:99999;
  display: flex;
  align-items: center;
	}

.gnb .logo {
	/* position:absolute;
	top:30px;
	left:40px; */
  display: flex;
  padding-left: 40px;
	}
.gnb nav{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-left: 120px;
  min-width: 1000px
}
.gnb .menu {
	/* position:absolute;
	top:40px;
	left:348px; */
	overflow:visible; /*옛날 common.css 의 overflow: hidden; 때문에 사용 */
	}

.gnb .menu a {
    margin-right:50px;
    line-height:1;
	}

.gnb .menu a li {
	font-family:'Gmarket Sans';
	font-size:19px;
	color:#222;
	line-height:1;
	width:80px;
	height:19px;
	padding:0;
	position:relative;
	overflow:visible; /*옛날 common.css 의 overflow: hidden; 때문에 사용 */
	}

.gnb .menu a li:hover { /* 삭제 */
	text-align:none;
	box-sizing:none;
	display:inline-block;
	width:80px;
	height:19px;
	border:none;
	padding:0;
	}

.gnb .menu a li:hover {
	font-size:19px;
	color:#0064ff;
	display:inline-block;
	width:80px;
	height:19px;
	overflow:visible;
	}

.gnb .menu a li::before {
    content:"";
    position:absolute;
    top:-8px;
    left:-6px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#0064ff;
    opacity:0;
	}

.gnb .menu a li:hover::before {
    content:"";
    position:absolute;
    top:-8px;
    left:-6px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#0064ff;
    opacity:1;
	}

.gnb .util {
	/* position:absolute;
	top:30px;
	right:40px; */
  padding-right: 40px;
  display: flex;
  align-items: center;
	}



.gnb .util li {
	display:inline-block;
	font-family:'Gmarket Sans';
	font-size:16px;
	color:#222222;
	line-height:1;
	margin-right:30px;
	overflow:visible; /*옛날 common.css 의 overflow: hidden; 때문에 사용 */
	}
  @media screen and (max-width:1500px) {
    .gnb nav{
      margin-left: 4vw;
    }
  }
  @media screen and (max-width:1389px) {
    .gnb .menu a{
      margin-right: 20px;
    }
    .gnb .util li{
      margin-right: 15px;
    }
  }

  .gnb .util .callNum {
    width: 142px;
    text-align: right;
    display:inline-block;
    font-family:'Gmarket Sans';
    font-size:16px;
    font-weight:700;
    color:#0064ff;
    line-height:1;
    border:2px solid #0064ff;
    border-radius:8px 8px;
    margin-right:0;
    padding:12px 20px 10px;
    position: relative;
    }
  
  .gnb .util .callNum:hover {
    background:#0064ff;
    color:#ffffff;
    }
  /* .gnb .util .callNum::before{
    content: "";
    display: block;
    background: url("/images/event/img_event_coffee_01.png") 0 0 no-repeat;
    width: 57px;
    height: 52px;
    background-size: 57px 52px;
    position: absolute;
    top: -14px;
    left: 3px;
  } */


/* lnb */
.popmenu{
	width: 100%;
	z-index: 5;
	position:fixed;
}

.lnb {
	width:100%;
	height:500px;
	background:#ffffff;
	position:absolute;
	left:0;
	}

.lnb .submenu {
	width:1200px;
	margin:45px auto;
	overflow:hidden;
	}

.lnb .submenu .menu ul {
	box-sizing:border-box;
	width:230px;
	min-height:360px;
	float:left;
	border-right:1px solid #e1e1e1;
	padding:10px 0 10px 50px;
	overflow:visible; /*옛날 common.css 의 overflow: hidden; 때문에 사용 */
	}

.lnb .submenu .menu ul .title {
	font-family:'Gmarket Sans';
	font-size:17px;
	font-weight:700;
	color:#222;
	}

.lnb .submenu .menu ul li {
	margin-bottom:22px;
	}

.lnb .submenu .menu ul li a {
	font-family:'Gmarket Sans';
	font-size:15px;
	color:#222;
	}

.lnb .submenu .menu ul li a:hover {
	color:#0064ff;
	}

.lnb .submenu .menu .product {
	width:170px;
	padding-left:0;
	}

.lnb .submenu .customer {
	padding:10px 0 0 50px;
	}

.lnb .addition_wrap {
	box-sizing:border-box;
	width:340px;
	padding:10px 0 0 50px;
	float:left;
	}

.lnb .addition_wrap ul li,
.lnb .addition_wrap ul li a {
	font-family:'Gmarket Sans';
	font-size:16px;
	font-weight:600;
	margin-bottom:22px;
	color:#222;
	}

.lnb .addition_wrap ul li a:hover {
	color:#0064ff;
	}

.lnb .addition_wrap .addition {
	margin-top:22px;
	}

.lnb .addition_wrap .addition li {
	border:1px solid #d3d3d3;
	border-radius:50px;
    margin:0 0 8px 0;
    padding:9px 10px 5px;
	display:inline-block;
	font-family:'Gmarket Sans';
	font-size:13px;
	font-weight:400;
    overflow:visible;
	}

.lnb .addition_wrap .addition li:hover {
	border:1px solid #0064ff;
	background:#ebf2f9;
	color:#0064ff;
	}

.lnb .banner {
	width:100%;
	height:96px;
	background:#0064ff;
	position:relative; 
	overflow:visible; /*옛날 common.css 의 overflow: hidden; 때문에 사용 */
	}

.lnb .banner p {
	font-family:'Gmarket Sans';
	font-size:24px;
	color:#ffffff;
    position:absolute;
    top:50%;
    left:34%;
    transform:translateY(-45%);
	overflow:visible; /*옛날 common.css 의 overflow: hidden; 때문에 사용 */
	}

.lnb .banner img {
	position:absolute;
	bottom:-45px;
	left:50%;
	}


/* layer popup */

.layerpop_wrap {
	width:100%;
	background:#23262b;
	}

.layerpop_wrap .layerpop {
	width:1200px;
	height:60px;
	margin:0 auto;
	display:table;
	overflow:hidden;
	}

.layerpop_wrap .layerpop p {
	font-family:'Gmarket Sans';
	font-size:17px;
	color:#ffffff;
	display:table-cell;
	vertical-align:middle;
	}

.layerpop_wrap .layerpop a {
	float:right;
	}

.layerpop_wrap .layerpop p.mEvent a {
	float:left;
	animation: flicker 1.5s infinite alternate;
	color: #fff;
	font-size:18px;
	padding-top:2px;
	font-family:'Gmarket Sans';
	}

.layerpop_wrap .layerpop p.mEvent a img {
	vertical-align:middle;
	margin-bottom:7px;
	display:inline-block;
	}
	
	/* Flickering animation */

@keyframes flicker {
    
  0%, 18%, 22%, 25%, 53%, 57%, 100% {

      text-shadow:
      0 0 4px #741571,
      0 0 11px #741571,
      0 0 19px #919191,
      0 0 40px #919191,
      0 0 80px #959595,
      0 0 90px #959595,
      0 0 100px #c8c8c8,
      0 0 150px #c8c8c8;
  
  }
  
  20%, 24%, 55% {        
      text-shadow: none;
  }    
}

@keyframes pulsate { 100% { /* Larger blur radius */ text-shadow: 0 0 4px #fff, 0 0 11px #fff, 0 0 19px #fff, 0 0 40px #0fa, 0 0 80px #0fa, 0 0 90px #0fa, 0 0 100px #0fa, 0 0 150px #0fa; } 0% { /* Smaller blur radius */ text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 6px #fff, 0 0 10px #0fa, 0 0 45px #0fa, 0 0 55px #0fa, 0 0 70px #0fa, 0 0 80px #0fa; } }
@keyframes pulsate { 100% { /* Larger blur radius */ text-shadow: 0 0 4px #fff, 0 0 11px #fff, 0 0 19px #fff, 0 0 40px #f09, 0 0 80px #f09, 0 0 90px #f09, 0 0 100px #f09, 0 0 150px #f09; } 0% { /* A slightly smaller blur radius */ text-shadow: 0 0 4px #fff, 0 0 10px #fff, 0 0 18px #fff, 0 0 38px #f09, 0 0 73px #f09, 0 0 80px #f09, 0 0 94px #f09, 0 0 140px #f09; } }

.layerpop_wrap .layerpop span {
	font-family:'Gmarket Sans';
	font-size:14px;
	color:#ffffff;
	display:table-cell;
	vertical-align:middle;
	background:url('/images/common/btn_close.png') no-repeat top 20px right;
    width:55px;
    height:60px;
	}



.gnb .util .callnumber {
	font-size: 16px;
    font-weight: 700;
    color: #0064ff;
	margin-right:10px;
	font-family: 'Gmarket Sans';
	}

.gnb .util .callnumber img {
	vertical-align:middle;
	margin:-2px 7px 0 0;
	}