@charset "utf-8";

/* mobile gnb ani */
@-webkit-keyframes fade {
  0% { opacity: 0;}
  100% { opacity: 1;}
}
@keyframes fade {
  0% { opacity: 0;}
  100% { opacity: 1;}
}


/* layout */
html, body { height:100%;}
body { color:#686868; letter-spacing:-.04em; line-height:1.5; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased;}
#wrap {	position:relative; width:100%; min-width:320px;height:100%; font-size:15px;  overflow-x: hidden;}
#headerwrap { position:relative; width:100%; height:140px; z-index:999999; }
#page_wrap{width: 100%;  margin: 0 auto; min-height: 500px; padding: 100px 0 120px; margin-top: 104px;}
.container {	width:100%;	position:relative; 	margin:0 auto;	}
.inner {	width:1360px;	position:relative;	margin-left:auto;	margin-right:auto;}
.s-inner {	width:1400px;	position:relative;	margin-left:auto;	margin-right:auto;}
.ss-inner {	width:1200px;	position:relative;	margin-left:auto;	margin-right:auto;}
.m-inner{width: 100%; min-width: 1903px; max-width: 1920px; padding-left: 320px;position: relative;}   
.f-inner{width: 100%; min-width: 1903px;position: relative; height: 100%;}   
.t-inner{width: 100%; min-width: 1720px; max-width: 1720px; margin: 0 auto; position: relative;}
#footer {	width:100%; min-width: 1903px;	clear:both;	position:relative;	margin:0 auto;	background:#333;	height: 400px;  padding: 85px 0 0; }

@media all and (min-width:1920px){
/*    #wrap{overflow-x: hidden;}*/
    .m-inner{ padding-right: 0; margin: 0 auto;}
    .f-inner{ padding-right: 0; margin: 0 auto;}
    .t-inner{ padding-right: 0; margin: 0 auto;}
    .inner{ padding-right: 0; margin: 0 auto;}
}
@media all and (max-width:1890px){
    
/*    body{ overflow-x: scroll !important;}*/
}

/* lnb */
#left_area{position: absolute; left: 0; top: 0; z-index: 99; background-color: rgba(255,255,255,0.6); width: 224px; height: 100%;}
#left_area .top_area{margin-top: 55px; padding: 0 50px;}
#left_area .top_area h1{}
#left_area .top_area h1 a{}
#left_area .top_area h1 a img{}
#left_area .top_area ul.member{margin-top: 26px; display: flex;}
#left_area .top_area ul.member li{line-height: 16px;}
#left_area .top_area ul.member li:first-child{margin-right: 10px; padding-right: 10px; border-right: 1px solid #7b7b7c;}
#left_area .top_area ul.member li a{}

#left_area .mid_area{margin-top: 130px;}
#left_area .bot_area{margin-top: 80px;}

#left_area .lnb{}
#left_area .lnb li{}
#left_area .lnb li a{line-height: 1em; display: inline-block; width: 100%; margin-bottom: 12px; padding: 0 50px;}
#left_area .lnb li a::after{content: ''; margin-top: 10px; display: block; width: 0; height: 1px; background-color: transparent; transition: .3s ease-in-out;}
#left_area .lnb li.on a:hover::after{content: ''; margin-top: 10px; display: block; width: 100%; height: 1px; background-color: #d3b78f;}
#left_area .lnb li.on:hover > a::after{content: ''; margin-top: 10px; display: block; width: 100%; height: 1px; background-color: #d3b78f;}
#left_area .lnb li.on:hover > a, #left_area .lnb li a:focus{color: #d3b78f;}
#left_area .lnb li div.depth2{position: absolute; left: 224px; top: 0; width: 224px; background-color: rgba(255,255,255,0.9); height: 100%; padding: 0 50px; display: none;}
#left_area .lnb li.on > div.depth2{display: block;}
#left_area .lnb li div.depth2 ul.depth2_1{margin-top: 296px;}
#left_area .lnb li div.depth2 ul.depth2_1 li{}
#left_area .lnb li div.depth2 ul.depth2_1 li a{padding: 0;}

/* gnb */
#header{width: 100%; z-index: 99; position: fixed; top: 0;}
#header .top_area{height: 44px; border-top: 3px solid #d3b78f; border-bottom: 1px solid #ccc; background-color: #fff;}
#header.on .top_area{border-bottom: 0;}
#header .top_area .f-inner{display: flex; justify-content: flex-end; padding-right: 100px;}
#header .top_area ul.gnb{display:flex;}
#header .top_area ul.gnb > li{line-height: 40px; padding: 0 12px 0 12px;}
#header .top_area ul.gnb > li > a{font-size: 15px; color: #666; font-weight: 300; width: 100%; line-height: 40px; height: 100%; display: inline-block;}
#header .top_area ul.gnb > li > a::after{content: ''; margin-top: -10px; display: block; width: 0; height: 1px; background-color: transparent; transition: .3s ease-in-out;}
#header .top_area ul.gnb > li.on > a{color: #d3b78f}
#header .top_area ul.gnb > li.on > a::after{content: ''; margin-top: -10px; display: block; width: 100%; height: 1px; background-color: #d3b78f;}
#header .top_area ul.gnb > li > div.depth2{position: fixed; top: 44px; left: 0; width: 100%; display: none; background-color: #eee; border-top: 1px solid #ccc;}
#header .top_area ul.gnb > li.on > div.depth2{display: block;}
#header .top_area ul.gnb > li > div.depth2 ul.depth2_1{max-width: 1920px; display: flex; justify-content: flex-end; margin: 0 0 0 auto;}
#header .top_area ul.gnb > li:nth-child(1) > div.depth2 ul.depth2_1{padding-right: 376px;}
#header .top_area ul.gnb > li:nth-child(2) > div.depth2 ul.depth2_1{padding-right: 354px;}
#header .top_area ul.gnb > li:nth-child(3) > div.depth2 ul.depth2_1{padding-right: 276px;}
#header .top_area ul.gnb > li > div.depth2 ul.depth2_1 li{ padding: 0 12px;}
#header .top_area ul.gnb > li > div.depth2 ul.depth2_1 li a{color: #666; font-weight: 300; display: inline-block; line-height: 40px;}
#header .top_area ul.gnb > li > div.depth2 ul.depth2_1 li a:hover{color: #d3b78f}
#header .top_area ul.gnb > li > div.depth2 ul.depth2_1 li a::after{content: ''; margin-top: -10px; display: block; width: 0; height: 1px; background-color: transparent; transition: .3s ease-in-out;}
#header .top_area ul.gnb > li > div.depth2 ul.depth2_1 li a:hover::after{content: ''; margin-top: -10px; display: block; width: 100%; height: 1px; background-color: #d3b78f;}

#header .top_area ul.member{display:flex; margin-left:24px;}
#header .top_area ul.member li{}
#header .top_area ul.member li a{color: #fff; font-weight: 300; display: inline-block; background-color: #666; border-radius: 20px; padding: 2px 12px; margin: 7px 3px 0;}

#header .bot_area{height: 60px;background-color: #fff; position: relative; top: 0; transition: .2s;}
#header.on .bot_area{top: 40px; border-top: 1px solid #ccc;}
#header .bot_area h1{position: absolute; left: 0; top: 8px;}
#header .bot_area ul.gnb{display: flex; justify-content: center; min-width: 1903px;}
#header .bot_area ul.gnb > li{ padding: 18px 22px;}
#header .bot_area ul.gnb > li > a{}
#header .bot_area ul.gnb > li > a::after{content: ''; margin-top: 6px; display: block; width: 0; height: 1px; background-color: transparent; transition: .3s ease-in-out;}
#header .bot_area ul.gnb > li.on > a{color: #d3b78f}
#header .bot_area ul.gnb > li.on > a::after{content: ''; margin-top: 6px; display: block; width: 100%; height: 1px; background-color: #d3b78f;}
#header .bot_area ul.gnb > li > div.depth2{position: absolute; display: none; top: 60px; background-color: rgba(255,255,255,0.8); width: 100%; left: 0; height: 60px;}
#header .bot_area ul.gnb > li.on > div.depth2{display: block;}
#header .bot_area ul.gnb > li > div.depth2 ul.depth2_1{display: flex; justify-content: center;}
#header .bot_area ul.gnb > li > div.depth2 ul.depth2_1 li{ padding: 18px 22px;}
#header .bot_area ul.gnb > li > div.depth2 ul.depth2_1 li a{}
#header .bot_area ul.gnb > li > div.depth2 ul.depth2_1 li a:hover{color: #d3b78f}
#header .bot_area ul.gnb > li > div.depth2 ul.depth2_1 li a::after{content: ''; margin-top: 6px; display: block; width: 0; height: 1px; background-color: transparent; transition: .3s ease-in-out;}
#header .bot_area ul.gnb > li > div.depth2 ul.depth2_1 li a:hover::after{content: ''; margin-top: 6px; display: block; width: 100%; height: 1px; background-color: #d3b78f;}


/* footer */
#footer{}
#footer .sns{display: flex; justify-content: center; margin-bottom: 38px;}
#footer .sns li{ margin: 0 5px;}
#footer .sns li a{}
#footer .sns li a img{width: 100%; max-width: 44px;}
#footer .mem{display: flex; justify-content: center; margin-bottom: 30px;}
#footer .mem li{ margin: 0 5px; padding: 0 10px 0 0; border-right: 1px solid #eee; line-height: 15px;}
#footer .mem li:last-child{border-right: 0;}
#footer .mem li a{color: #eee; font-weight: 200;}
#footer .info{text-align: center; margin-bottom: 36px;}
#footer .info span{color: #ccc; line-height: 15px;}
#footer .info li{display: inline-block;  margin: 0 5px; padding: 0 10px 0 0; border-right: 1px solid #ccc; line-height: 15px;}
#footer .info li:nth-child(5){border-right: 0;}
#footer .copy{text-align: center; text-align: center;}
#footer .copy li{color: #ccc; font-size: 13px;}

/* sub_footer */
#sub_footer{background:url(/images/sub/sub_footer.jpg) no-repeat; max-height: 850px; min-width: 1903px; -webkit-background-size: cover;
background-size:cover ;}
#sub_footer .sns{display: flex; justify-content: center; margin-bottom: 38px; }
#sub_footer .sns li{ margin: 0 5px;}
#sub_footer .sns li a{}
#sub_footer .sns li a img{width: 100%; max-width: 44px;}
#sub_footer .mem{display: flex; justify-content: center; margin-bottom: 30px;}
#sub_footer .mem li{ margin: 0 5px; padding: 0 10px 0 0; border-right: 1px solid #eee; line-height: 15px;}
#sub_footer .mem li:last-child{border-right: 0;}
#sub_footer .mem li a{color: #eee; font-weight: 200;}
#sub_footer .info{text-align: center; margin-bottom: 36px;}
#sub_footer .info span{color: #ccc; line-height: 15px;}
#sub_footer .info li{display: inline-block;  margin: 0 5px; padding: 0 10px 0 0; border-right: 1px solid #ccc; line-height: 15px;}
#sub_footer .info li:nth-child(5){border-right: 0;}
#sub_footer .copy{text-align: center; text-align: center; width: 100%; position: absolute; bottom: 15px; padding-top: 15px; border-top: 1px solid #ccc;}
#sub_footer .copy li{color: #ccc; font-size: 13px;}


header .header-wrap .mobile-menu-opener {display: none;}
.mobile-slide {display: none;}
.mobile-gnb {display: none;}
.all_btn {display:none;}
#sub_top_Wrap {width:100%;}

.langbtn {width:100%; border-top:1px solid #fff; padding:1px 0; }
.langbtn > div { margin-left:20px; padding-right:5px; padding-bottom:25px; font-weight:300; font-size:13px;}




@media(max-width:1279px) {
  .all_btn {display:block;}
  header .header-wrap .mobile-menu-opener {display: inline-block; top:40%; margin-top:-11px;color: #262626;}
  header.scroll .header-wrap .mobile-menu-opener {color: #262626;}

  .mobile-gnb {position:fixed; top:0; left:0; width: 100%; height:100%; z-index:99999; display: block;}
  .mobile-gnb .gnb-mask {position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; background-color: rgba(0,0,0,0.6);}
  .mobile-gnb .gnb_m {width:80%; max-width:500px; position: absolute; top:0; right:0; height:100%; overflow-y:auto; background-color: #fff; z-index: 2;}
  .mobile-gnb .gnb_m .gnb-header img.logo {width:82px; padding:16px;}
  .mobile-gnb .gnb_m .gnb-header .gnb-close img {width:20px; display:inline-block; position:absolute; right:20px; top:30px;}
  .mobile-gnb .gnb_m .hr {margin-top: 0px; margin-bottom: 0px; height: 1px; background-color:#D5D8DC;}

  .mobile-gnb .gnb_m .menu-type1 {width: 100%; font-size: 0; overflow-y: auto; /*height: calc(100% - 162px);*/}
  .mobile-gnb .gnb_m .menu-type1 > li {border-bottom:1px solid #fff; position: relative; cursor:pointer; padding: 12px 0px;}
  .mobile-gnb .gnb_m .menu-type1 > li.parent-menu.open {padding-bottom:0; border-bottom:none;}
  .mobile-gnb .gnb_m .menu-type1 > li > a {
      font-size: 14px; font-weight:400; width: calc(100% - 73px); overflow: hidden;
      text-overflow: ellipsis; white-space: nowrap; padding: 12px 20px; cursor: pointer; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none;
  }
  .mobile-gnb .gnb_m .menu-type1 > li.parent-menu > .more {position: absolute; width: 22px; height: 22px; background-image: url(/event/images/menu-more-b5c71f6c5094fd5826bf8fb10f1e400e.png); background-size: 100%; top: 12px; right: 10px;}
  .mobile-gnb .gnb_m .menu-type1 > li.parent-menu.open .more {background-image: url(/event/images/menu-cut-539254fbaf511a8aeda982fd4297cb17.png);}
  .mobile-gnb .gnb_m .menu-type1 > li.parent-menu > ul {display: none;}
  .mobile-gnb .gnb_m .menu-type1 > li.parent-menu.open > ul { position: relative; display: block; margin-top:10px;}
  .mobile-gnb .gnb_m .menu-type1 > li.parent-menu.open > ul > li {width: 100%; position: relative; background-color: #F7F7F7; font-size:0; }
  .mobile-gnb .gnb_m .menu-type1 > li.parent-menu.open > ul > li:last-child {border-bottom: 1px solid #fff;}
  .mobile-gnb .gnb_m .menu-type1 > li.parent-menu.open > ul > li:hover {background-color: #dfe2e4;}
  .mobile-gnb .gnb_m .menu-type1 > li.parent-menu.open > ul > li:first-child {border-top: 1px solid #D5D8DC;}
  .mobile-gnb .gnb_m .menu-type1 > li.parent-menu.open > ul > li > a {display: inline-block; padding:9px 0 9px 35px; width:calc(100% - 35px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color:#777; font-weight:300;}

  

  #header .top_area,
  #header .bot_area ul.gnb {display: none;}
  #header .bot_area h1 {width:100%}


}