@charset "utf-8";
/*
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');

@font-face {
    font-family: 'SunBatang-Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_eight@1.0/SunBatang-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Jal_Haru';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Jal_Haru.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BMEULJIRO';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/BMEULJIRO.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*Reset*/
legend,caption,.blind{display: none;}
body{margin: 0; padding: 0; }
html, body{
  -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
  -ms-text-size-adjust : none;  /* IE */
  -moz-text-size-adjust : none;  /* 파이어폭스 */
  -o-text-size-adjust : none;  /* 오페라 구버전 */
}
div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,input,textarea,button,select,table,th,td{margin:0;padding: 0;border:0;}
ul,ol,li,dl{list-style: none;}
img{border:0;vertical-align: top;}
address,caption,cite,code,dfn,em,var{font-style: normal;}
blockquote,q{quotes: none;}
blockquote:before,blockquote:after,q:after{content:""; content: none;}
form,fieldset{border:0;}
input,select,textarea,button{font-size:100%;vertical-align: middle;}
button{border:0;background-color: transparent;cursor:pointer;}
a{color:inherit; text-decoration:none; color:#303232;}
td a, div a{color:#303232;}
a:hover,a:active,a:focus{text-decoration:none; color:#025451;}
table{width:100%; *border-collapse:collapse; border-spacing:0; /*table-layout:fixed;*/}

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6 {font-family: 'Noto Sans KR'; font-weight: 400; font-size:14px; color:#303232;}

strong {font-weight: 500;}

/* common */
body{width:100%; min-width:1200px;background:url(../../images/common/bg.gif); overflow-y:scroll}

article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,main {display:block;}

.blind{display:none;}
.group:after{content:".";clear:both;display:block;height:0;visibility:hidden}
.f_ULJIRO{font-family: 'BMEULJIRO';}

/* skiptoContent */
#skiptoContent{position:fixed;top:0;left:0;width:100%;z-index:999}
#skiptoContent a{display:block;position:absolute;top:0;left:-9999px;width:250px;height:26px;background:#0a94b2;color:#fff;font-size:12px;line-height:26px;text-align:center}
#skiptoContent a:focus, #skiptoContent a:active{left:50%;margin-left:-500px;text-decoration:none}
#skiptoContent a:hover{text-decoration:underline}

/*Top-Popup*/
#div_laypopup{background:#000; height:100px; position:relative;}
.popup_area{width:1200px; margin:0 auto; text-align:center; }
.popup_area .pop-txt{text-align:left; color:#fff; font-size:15px; display:inline-block; margin-right:35px;}
.popup_area .pop-txt div{vertical-align:middle; display:table-cell; height:100px;}
.popup_area .pop-txt p{font-size:19px; line-height:1.3;}
.pop-link{display:inline-block; color:#fff; vertical-align:top; margin-top:18px;}

.pop-link li{display:inline-block; margin-left:7px;}
.pop-link a{display:block; border:2px #825fa8 solid; border-radius:5px; padding:0 25px; font-size:15px;}
.pop-link span{text-align:left; display:inline-block; background:url(../../images/common/popup-ico01.png) no-repeat 0 50%; padding-left:45px; color:#a278d0; display:table-cell; height:60px; vertical-align:middle;}
.pop-link .pl02 a{border-color:#e6b837;}
.pop-link .pl02 span{background-image:url(../../images/common/popup-ico02.png); color:#e6b837;}
.popup_close_area{position:absolute; color:#fff; display:none;}
/*추가6.15*/
.popup-box{float:left; width:45%; text-align:left; position:relative; height:58px; margin-top:17px;}
.popup-box{border-right:1px rgba(255,255,255,0.4) dashed}
.popup-box.popup02{margin-left:3%; border-right:0;}
.popup-box .popup-tit{position:absolute; left:0; line-height:20px; padding:5px 0; top:50%; margin-top:-26px; font-size:15px; color:#c5a6e6; border:1px #c5a6e6 solid; border-radius:5px; width:125px; text-align:center;}
.popup-box .popup-tit a{color:#c5a6e6;}
.popup-box .popup-txt{color:#c5a6e6; font-size:14px; padding-left:150px; line-height:20px; font-weight:500;}
.popup-box .popup-txt span{display:block; font-size:17px;}
.popup-box .popup-txt .popup-date{color:#e3d6f1; margin-top:5px;}
.popup-box .popup-link{position:absolute; right:0px; top:50%; margin-top:-30px;}
.popup-box .popup-link a{display:inline-block; color:#c5a6e6; border-bottom:1px rgba(197, 166, 230, 0.35) solid; font-size:15px; line-height:32px;}

.popup-box.popup01  .popup-link{right:25px;}
.popup-box.popup02 .popup-tit,.popup-box.popup02 .popup-txt{color:#e6b837; border-color:#e6b837;}
.popup-box.popup02 .popup-tit a{color:#e6b837;}
.popup-box.popup02 .popup-txt .popup-date{color:#e5d7b0;}
.popup_area:after{content:".";clear:both;display:block;height:0;visibility:hidden}
.popup-box.popup02 .popup-link a{color:#e6b837; border-color:rgba(230, 184, 55, 0.35);}
.popup-box.popup02 .t_color{color:#f19354;}
.popup-box.popup02 .popup-date .t_color{display:inline-block; color:#f19354; font-size:14px;}
.popup-box.popup03 .popup-tit, .popup-box.popup03 .popup-txt{border-color:#eba5c1; color:#eba5c1;}
.popup-box.popup03 .popup-tit a{color:#eba5c1;}
.popup-box.popup03 .popup-date{color:#f5dce6;}

.popup-area02 .popup-box{width:29%;}
.popup-area02 .popup-box .popup-txt{font-size:13px}
.popup-area02 .popup-box.popup02{margin-left:2%;}
.popup-area02 .popup-box.popup01{margin-left:2%;}
.popup-area02 .popup-box.popup03{width:34%;}


/*header*/
.gnb{position:absolute; left:50%; transform:translateX(-50%); top:25px; text-align:center;z-index:889; width:1000px;}
.gnb h2{height:20px; margin-top:17px;text-align:center;border-left:1px rgba(255,255,255,0.2) solid; border-left:1px rgb(255,255,255) solid\9; }
.gnb li:first-child h2{border-left:0;}
.gnb h2 a{font-size:19px; /*font-family: 'Jal_Haru';*/ letter-spacing:0.05em; color:#fff;display:table-cell; line-height:20px; height:20px;word-break: keep-all; vertical-align:middle; width:auto;  padding-bottom:36px; width:170px;}
.gnb li{display:inline-block; margin:-2px;  height:80px;}


.gnb li.current h2 a{color:#00d7cd; border-bottom:4px #00c3bd solid;}
.gnb li:hover h2 a{color:#00d7cd;}
.gnb li{position:relative;}
.gnb ul{position:absolute; z-index:9999; display:none; ;height:270px; top:80px; width:100%;}
.gnb ul.on{display:block; animation: pulse 0.5s none;}


@keyframes pulse {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

.gnb ul li{ border-bottom:1px #d2d2d4 solid; height:auto; margin:0 5px; }
.gnb ul li a{display:block; word-break: keep-all; font-size:13px; width:110px; padding:13px 0px 15px; text-align:center;}
#headerWrap{background:rgba(255,255,255,0.9); background:rgba(255,255,255,0.98); margin-top:9px; }
.header-btn{position:absolute; right:1.5%; top:33px; z-index:999;}
.header-btn a{display:inline-block; margin-left:10px;}
.header-btn a:first-child{border-left-width:1px;}
.header-btn a i{font-size:17px; color:#fff; display:inline-block; vertical-align:middle;}
.header-btn a span{display:inline-block; width:34px; height:34px; line-height:30px; text-align:center; vertical-align:middle; background:rgba(255,255,255,0.15); border-radius:999px;}
.header-btn a span img{display:inline-block; height:16px; line-height:30px; vertical-align:middle;}


#header{position:fixed; width:100%; height:100px; z-index:100; background:rgba(25,27,39,0.5);  background:rgb(25,27,39)\9;}
header{position:absolute;  width:100%;}
#header .logo{padding-left:10px; padding-top:6px; position:relative; z-index:99; width:345px;}
#header .logo a{height:85px; background:transparent url(../../images/common/logo-2025.png) no-repeat 0 10px; background-position:-55px center; background-size:204px 70px; display:table-cell; vertical-align:middle; color:#fff; padding-left:109px; font-size:16px; font-weight:300; line-height:1.3; letter-spacing:0.02em;}
#header .logo a .f-s-t{font-size:0.8em; display:inline-block; padding-top:-5px;}
#header .logo a br{display:none;}
#header.fixed{position:fixed;z-index:888;top:0;background:#000; border-bottom:0;}
#header.sub_header{position:fixed;z-index:10001;top:0;background:#fa6615; border-bottom:0;}
#header.sub_header h1 a{background:transparent url(../../images/common/fixed_logo.png) no-repeat;}

.m-menu{display:none;}

/*footer*/
.footer_box{background:#232425;}
.animation{width:10%; display:block; float:left;}
.animation img{width:100%; }

.f_cont{text-align:center; border-top:1px #393a3b solid; padding:25px 0 22px; color:#a4a3a3; font-size:15px; }
.f_cont p{margin-bottom:5px; font-size:15px; word-break:keep-all;}
.f_cont p br{display:none;}
.f_cont .copy{font-family:'Roboto'; text-transform:uppercase;}

.banner{width:1200px; margin:0 auto; padding:30px 0; text-align:center;}
.banner div{display:inline-block; vertical-align:top; height:42px;}
.banner:after{clear:both; display:block; visibility:hidden; content:"."; height:0;}
.banner h3{text-align:center; font-size:15px; color:#e6e6e6; display:inline-block; vertical-align:middle;}
.banner .banner01{margin-right:70px;}
.banner ul{ display:inline-block;  vertical-align:middle;}
.banner .banner02_2{margin-top:10px;}
.banner ul li{float:left; margin-left:20px;}
.banner span{line-height:42px; display:block;}
.banner span img{vertical-align:middle; height:33px;}
.banner ul:after{clear:both; display:block; visibility:hidden; content:"."; height:0;}

.banner-list{max-width:1300px; margin:0 auto; padding:30px 0; text-align:center;}
.banner-list ul{font-size:0;}
.banner-list li{display:inline-block; margin-left:30px; vertical-align:middle;}
.banner-list li:first-child{margin-left:0;}
.banner-list li img{height:29px;}
.banner-list li.txt{display:block; margin-top:30px;}
.banner-list li.txt img{width:500px; max-width:100%; height:auto;} 

.fnb{text-align:center; margin-bottom:20px;}
.fnb li{display:inline-block; margin-left:15px; padding-left:15px; position:relative;}
.fnb li:before{content:""; display:block; width:1px; height:13px; background:#e0e0e0; position:absolute; top:5px; left:0;}
.fnb li:first-child{margin-left:0; padding-left:0;}
.fnb li:first-child:before{display:none;}
.fnb li a{color: #e0e0e0; font-size:16px;}


@media screen and (max-width:1500px){
#header{position:absolute;}
#header .logo{padding-left:0;}
#header .logo a{background-size:165px auto; padding-left:95px; background-position:-40px 15px;}
#header .logo a br{display:block;}
.gnb h2 a{padding-bottom:35px;}
/*fixed => 로고 없이 메뉴 가운데 정렬*/
#header.fixed .logo{display:none;}
#header.fixed #headerWrap{margin-top:100px}
.header-btn{right:25px;}

}

@media screen and (max-width:1200px){
body{min-width:100%;}
.banner{width:100%;}
.gnb h2 a{width:150px;}


.banner-list li img{height:30px;}
.banner-list li.txt{display:block; margin-left:0; margin-top:15px;}
}


@media screen and (max-width:1024px){
body{min-width:100%;}
#header{min-width:100%; height:55px; background:rgba(25,27,39,0.9);}
#headerWrap{display:none;}
#header .logo{width:auto;}
#header .logo a{background-size:117px 40px;/* background-position:0 3px; */ background-position: -30px 3px; height:50px; margin-top:0px; width:120px; font-size:0px;}
#header.fixed .logo{display:block;}

.header-btn{position:static; top:auto; right:auto; margin-top:13px;}
.header-btn a{margin-right:10px; margin-left:0;}

.m-menu{display:block; }
.m-menu-btn{width:35px; height:35px; background:#00c3bd; position:fixed;  right:10px; top:10px; cursor:pointer; z-index:999;}
.m-menu-btn button{display:block;  width:100%; height:100%;overflow:hidden; font-size:0;}
.m-menu-btn button i{font-size:22px; color:#fff;}
#left-menu{ display:none;position:fixed; width:100%; height:100%; top:0; left:0; z-index:999; overflow:hidden;overflow-y:auto; background:rgba(255,255,255,0.5); background:rgb(255,255,255)\9;}
.m-menu-list{position:absolute; width:280px; height:auto; min-height:100%;  z-index:22;  right:0%;background:#111;padding:30px; padding-top:0;}
.m-menu-list h2 a{color:#fff;}
.m-menu-list h2{font-size:16px; border-bottom:1px rgba(232,232,232,0.2) solid; border-bottom:1px rgb(232,232,232) solid\9; padding:20px 0 10px; font-family: 'Jal_Haru';}
.m-menu-list ul{padding-top:10px;}
.m-menu-list ul li ul li a{color:rgba(255,255,255,0.5); padding:3px 0; display:block;}

.banner{height:auto; padding:25px 15px; text-align:left; box-sizing:border-box;}
.banner div{display:block; margin:10px 0; text-align:center; height:auto;}
.banner .banner01{margin-right:0;}
.banner .banner02{margin-top:10px;}
.banner ul{margin-left:0px; }
.banner h3{width:80px; margin-top:0;}
.banner ul li{margin-left:0; margin: 0 5px; float:none; display:inline-block;}
.banner .banner01 ul li{margin-right:0;}
.banner span img{height:30px;}



/*프로그램*/
#schedule{height:auto; padding-bottom:30px;}
.schedule-area{width:90%; margin-top:20px;}
.select-box div{width:100%; margin:0 auto;}
.select-box .sebo-date{text-align:center; padding-right:0; border-right:0;}
.select-box .sebo-place{text-align:center; padding-left:0; margin-top:20px;}
.select-box .sebo-place button{margin-left:0;}
.select-box .sebo-date ul, .select-box p{display:block; text-align:center;}
.select-box .sebo-date p{margin-right:0;}
.sla-top{height:auto; padding:15px 0 5px;}
.slat-time{display:block; margin-left:0; text-align:center; margin-bottom:5px;}
.slat-time a{line-height:30px;}
.slat-tag li button{margin-bottom:5px;}
.slat-tag{display:block; position:relative; right:auto;  text-align:center; border-top:rgba(255,255,255,0.15) 1px solid; margin-top:0; padding-top:15px;}

.sla-box{width:100%;}
.sla-table colgroup{display:none;}
.sla-table tr th{text-align:left; background:#a8a8e8;}
.sla-table tr th span{padding:10px 20px; color:#27274a;}
.sla-table tr th,.sla-table tr td{display:block;}
.sla-table tr .sla-t-timer{display:none;}
.sla-table .sla-t-allday{display:none;}
.sla-table .sla-t-list a{padding:10px 0;}
.sla-table .sla-t-list a span{display:block; padding-right:0; text-align:left;}
.sla-table .sla-t-list a .sla-t-arrow{right:10px;}
.sla-table .sla-t-list a .sla-t-arrow i{margin-left:5px;}
.slat-time i{display:none;}

.place-box{height:auto;}
.pb-cont div{width:100%;}
.pbc02 .pb-top,.pbc03 .pb-top,.pbc04 .pb-top, .pbc05 .pb-top{position:relative; height:60px; background:#6464f5; left:0; border-left:0;}
.pb-cont div ul{width:90%;margin-top:90px;}
.pb-cont div li{width:100%; margin: 0 0 20px 0;}
.pb-cont div li a:hover{border-width:1px; width:100%;}
.pb-cont .pbc01 ul{margin-top:30px;}
.pb-cont div li a span{font-size:13px;}

#div_laypopup{display:none;}
}

@media screen and (max-width:767px){
.banner{padding:20px 15px; text-align:left;}
.banner h3{width:auto;  text-align:left;  position:absolute; top:10px; left:0;}
.banner div{position:relative; height:auto; text-align:left; margin:0;}
.banner .banner02{margin-top:10px;}
.banner ul{padding-left:80px;}
.banner ul li{float:none; margin-top:0px;}
.banner ul li:first-child{margin-top:0;}
.banner span img{height:25px;}

.banner-list li:not(:last-child){line-height:40px; width:50%; margin-left:0;}
.banner-list li img{height:25px; }
.banner-list li.txt{padding:0 15px; margin-top:5px;}

.fnb li a{font-size:14px;}
.f_cont p{font-size:13px; word-break:keep-all;}
.f_cont p br{display:block;}
}