@charset 'utf-8';
@font-face {
font-family: 'NotoKrL';
font-style: normal;
font-weight: 100;
src: local('Noto Sans Light'), local('NotoSans-Light'), url(/fonts/NotoSans/NotoSans-Light.eot);
src: url(/fonts/NotoSans/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
url(/fonts/NotoSans/NotoSans-Light.woff2) format('woff2'),
url(/fonts/NotoSans/NotoSans-Light.woff) format('woff');;
}
@font-face {
font-family: 'NotoKrR';
font-style: normal;
font-weight: 300;
src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(/fonts/NotoSans/NotoSans-Regular.eot);
src: url(/fonts/NotoSans/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
url(/fonts/NotoSans/NotoSans-Regular.woff2) format('woff2'),
url(/fonts/NotoSans/NotoSans-Regular.woff) format('woff');
}
@font-face {
font-family: 'NotoKrM';
font-style: normal;
font-weight: 500;
src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(/fonts/NotoSans/NotoSans-Medium.eot);
src: url(/fonts/NotoSans/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
url(/fonts/NotoSans/NotoSans-Medium.woff2) format('woff2'),
url(/fonts/NotoSans/NotoSans-Medium.woff) format('woff');
}
@font-face {
font-family: 'NotoKrB';
font-style: normal;
font-weight: 700;
src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(/fonts/NotoSans/NotoSans-Bold.eot);
src: url(/fonts/NotoSans/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
url(/fonts/NotoSans/NotoSans-Bold.woff2) format('woff2'),
url(/fonts/NotoSans/NotoSans-Bold.woff) format('woff');
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; list-style:none; box-sizing:border-box; line-height:24px; font-family:"NotoKrR",sans-serif; font-size:15px; word-break:keep-all}
body, input, textarea, select, button, table {  font-family:"NotoKrR",sans-serif; box-sizing:border-box ;  }
img, fieldset { border:0 }
em, address { font-style:normal }

/*사이트 칼라 컨셉 디자이너가 알아서 바꿔야 합니다.*/
a { text-decoration:none; line-height:24px; color:#333 }
a:hover{  color:#98624b }
.color-b{color:#98624b !important;} /*컨셉칼라1*/
.color-y{color:#efd368 !important;} /*컨셉칼라2*/
.color-o{color:#F5821F !important;} /*컨셉칼라3*/
.color-green2{color:#39B54A !important;} /*컨셉칼라4*/
.color-sky{color:#00AEEF !important;} /*컨셉칼라5*/
.bg-b{ background:#98624b !important;}
.bg-y{ background:#efd368 !important;}
.bg-y2{ background:#FEE10C !important;}
.bg-b3{background:#0826CE !important;}
.border-t1{border-top:1px solid #dbdbdb}
.border-b1{border-bottom:1px solid #dbdbdb}
.border-l1{border-left:1px solid #dbdbdb}
.border-r1{border-right:1px solid #dbdbdb}
.border-a1{border:1px solid #dbdbdb}
.dot-black{ background:url(/images/pages/dot-01.png) no-repeat left 10px; padding-left: 10px }
.dot-new{ background:url(/images/pages/dot-new.png) no-repeat left 13px; padding-left: 10px }
.dot-black2{ background:url(/images/pages/dot-01.png) no-repeat left 15px; padding-left: 10px }
.dot-title{background:url(/images/pages/dot-title.png) no-repeat left 10px; padding-left: 10px}
.dot-title2{background:url(/images/pages/dot-title.png) no-repeat left 10px; padding-left: 15px; margin-left: 10px;}
.page-wait{ background:url(/images/pages/waiting.png) no-repeat center top; padding:200px 0 0 0}
.border-ab1{border: 1px solid #333;}
.border-rd50{border-radius: 50%;}
.trail{position: absolute; font-size: 20px; font-family: -webkit-pictograph; padding: 3px 10px; color:white;  border-radius:10px; cursor: pointer; }
.trail:hover{font-size: 25px;}

#all{ min-width:1200px; color:#333; }

#header{ }
/* 헤더 -> HOME,SITEMAP */
.g-basic-list li{ border-right:1px solid #dbdbdb; }
.g-basic-list li:first-child{ border-left:1px solid #dbdbdb;}
.g-basic-list li a, .g-basic-list li span{ display:block; color: #98624b ; padding:5px 10px }
.g-basic-list li a:hover{ background: #efd368}
.g-basic-list .home-icon { background:url(/images/pages/home-icon.png) no-repeat center center !important;text-indent:-9999px; text-align:left;  display:inline-block; vertical-align:middle; width:40px  }
.g-basic-list .home-icon:hover { background:url(/images/pages/home-icon.png) no-repeat center center #efd368 !important;}
.g-sns-list li{ border-right:1px solid #dbdbdb; padding:3px 10px}
.g-sns-list li:first-child{ border-left:1px solid #dbdbdb;}
.g-facebook{ display:block; background:url(/images/pages/g-facebook.png)  no-repeat center center; text-indent:-9999px; width:24px; }
.g-twitter{ display:block; background: url(/images/pages/g-twitter.png)  no-repeat center center; text-indent:-9999px; width:24px;}


/*top-banner*/
.top-banner-all{background:url(/images/pages/top-banner-all.jpg)no-repeat center center; width: 269px; height: 71px; display: block}
.top-banner-01{background:url(/images/pages/top-banner-01.png)no-repeat center center; width: 68px; height: 52px; display: block}
.top-banner-02{background:url(/images/pages/top-banner-02.png )no-repeat center center; width: 64px; height: 52px; display: block}
.top-banner-03{background:url(/images/pages/top-banner-03.png )no-repeat center center; width: 78px; height: 52px; display: block}
.top-banner-04{background:url(/images/pages/top-banner-04.png )no-repeat center center; width: 48px; height: 52px; display: block}
.top-banner-05{background:url(/images/pages/top-banner-05.png )no-repeat center center; width: 80px; height: 52px; display: block}

/* 헤더 -> 메인 로고 */
.logo {  display:inline-block ;  }
 /* 헤더 -> 드롭다운 메뉴(메인메뉴) */
.menu-box  { width:1300px; margin:0 auto; }
.menu-box::after { content:''; clear:both; display:block; }
.menu-box ul > li { float:left;  width:183px;  position:relative; transition:0.3s linear; }
.menu-box ul > li:hover > a{ color:#333; background: #efd368 }
.menu-box ul > li > a { font-size:17px; color:#fff; padding:10px 0 10px 0; display:block; text-align:center;  }
.menu-box ul > li.currented > a{color:#333; background: #efd368}

/* 드롭다운 메뉴(서브메뉴) */
.menu-box ul li ul {  position:absolute;  z-index:15; display:none; background:rgba(0,0,0,0.7);   }
.menu-box ul li ul li { display: block;padding:0px 0px 0px 8px }
.menu-box ul li ul li:hover {  }
.menu-box ul li ul li a { font-size:14px; color:#fff !important; padding:5px 0 5px 0px; display:block; text-align:left;  }
.menu-box ul li ul li a:hover {color:#efd368 !important; text-decoration: underline ; background: none   }

/* 푸터 */
#footer {}
/*하단 링크*/
.f-link-list { overflow:hidden}
.f-link-list li{ float:left; padding:0 5px 0 0}
.f-link-list li a{ border:1px solid #dbdbdb; border-radius:4px;  padding:3px 10px; display:inline-block; }
.copy-logo{background: url(/images/pages/logo.png) no-repeat left 40px; padding-left: 300px}
/*관련사이트*/
.site-link-box{ position: absolute; right:0; top:0px}
.site-link{ position:relative; min-width:250px;}
.site-link h3{ font-size:15px; font-weight:normal; color:#333; background: url(/images/pages/site-link-up.png) no-repeat right center #fff; padding:5px 10px ;border:1px solid #dbdbdb; cursor:pointer}
.site-link h3:hover{background: url(/images/pages/site-link-up.png) no-repeat right center #269ad2; color:#fff}
.site_list{display:none; position: absolute; bottom:35px; left:0; background:#f2f2f2;}
.site_list li{ border:1px solid #dbdbdb; margin:-1px 0 0 0; min-width:250px;}
.site_list li a{ display:block; padding:5px 10px ; }
.site_list li:hover{ background:#269ad2}
.site_list li:hover a{ color:#fff}

/*서브페이지 bg*/
.MENU01{ background:url(/images/pages/sub-visual-01.jpg)  center center #815340; height:262px; background-size:cover; position:relative; background-size: cover}
.MENU02{ background:url(/images/pages/sub-visual-02.jpg)  center center #815340; height:262px; background-size:cover; position:relative;background-size: cover}
.MENU03{ background:url(/images/pages/sub-visual-03.jpg)  center center #815340; height:262px; background-size:cover; position:relative;background-size: cover}
.MENU04{ background:url(/images/pages/sub-visual-04.jpg)  center center #815340; height:262px; background-size:cover; position:relative;background-size: cover}
.MENU05{ background:url(/images/pages/sub-visual-05.jpg)  center center #815340; height:262px; background-size:cover; position:relative;background-size: cover}
.MENU06{ background:url(/images/pages/sub-visual-06.jpg)  center center #815340; height:262px; background-size:cover; position:relative;background-size: cover}
.MENU07{ background:url(/images/pages/sub-visual-07.jpg)  center center #815340; height:262px; background-size:cover; position:relative;background-size: cover}
.MENU08{ background:url(/images/pages/sub-visual-07.jpg)  center center #815340; height:262px; background-size:cover; position:relative;background-size: cover}

.eng_MENU01{ background:url(/images/pages/sub-visual-01.jpg)  center center #815340; height:262px; background-size:cover; position:relative; background-size: cover}
.eng_MENU02{ background:url(/images/pages/sub-visual-02.jpg)  center center #815340; height:262px; background-size:cover; position:relative;background-size: cover}
.eng_MENU03{ background:url(/images/pages/sub-visual-03.jpg)  center center #815340; height:262px; background-size:cover; position:relative;background-size: cover}
.eng_MENU04{ background:url(/images/pages/sub-visual-04.jpg)  center center #815340; height:262px; background-size:cover; position:relative;background-size: cover}
.eng_MENU05{ background:url(/images/pages/sub-visual-05.jpg)  center center #815340; height:262px; background-size:cover; position:relative;background-size: cover}
.eng_MENU06{ background:url(/images/pages/sub-visual-06.jpg)  center center #815340; height:262px; background-size:cover; position:relative;background-size: cover}
.eng_MENU07{ background:url(/images/pages/sub-visual-07.jpg)  center center #815340; height:262px; background-size:cover; position:relative;background-size: cover}
.eng_MENU08{ background:url(/images/pages/sub-visual-07.jpg)  center center #815340; height:262px; background-size:cover; position:relative;background-size: cover}

.auth{ background:url(/images/pages/sub-visual-01.jpg)  center center #815340; height:262px; background-size:cover; position:relative;background-size: cover}
.eng_auth{ background:url(/images/pages/sub-visual-01.jpg)  center center #815340; height:262px; background-size:cover; position:relative;background-size: cover}
.user{background:url(/images/pages/sub-visual-01.jpg)  center center #815340; height:262px; background-size:cover; position:relative;background-size: cover}
.eng_user{background:url(/images/pages/sub-visual-01.jpg)  center center #815340; height:262px; background-size:cover; position:relative;background-size: cover}
.sub-text1{ font-family:Impact; text-shadow:3px 3px 3px rgba(0,0,0,0.75); font-weight: normal}
.sub-text2{ text-shadow:2px 2px 2px rgba(0,0,0,0.75);  }

/* 서브 페이지 -> 페이지 위치 */
#sub-locationbar{  padding:10px 0  }
#sub-locationbar .home-icon { background:url(/images/pages/home-icon.png) no-repeat center center !important;text-indent:-9999px; text-align:left; width:24px; height:24px; display:inline-block; vertical-align:middle; }
.location-arrow-icon{ background:url(/images/pages/sub-location-arrow.png) no-repeat left center; vertical-align:middle; display:inline-block ; padding:0 0 0 10px  }

/* 서브 페이지 -> 왼쪽 메뉴 */
#sub-box {  }
.left-menu { width:230px; position:absolute; left:0; top:-46px; bottom:0;  z-index:13 ; background: #f2f2f2 }
.left-menu-list { border-bottom:1px solid #dbdbdb; }
.left-menu-list li { border-top:1px solid #dbdbdb; }
.left-menu-list li a  { font-size:15px; color:#666; padding:12px 0 12px 15px; display:block; line-height:24px;  background:url(/images/pages/right_arrow_gray.png) no-repeat 210px center   }
.left-menu-list li a:hover {  color:#333; background: url(/images/pages/right_arrow_white.png) no-repeat 210px center #efd368 }
.left-menu-list li a.on { color:#333; background: url(/images/pages/right_arrow_white.png)  no-repeat 210px center  #efd368 }
/* 서브 페이지 -> 왼쪽 퀵 메뉴 */
.quick-menu { display:block; overflow: hidden}
.quick-menu ul{ width:232px; margin: -1px }
.quick-menu ul li{ padding: 1px; margin:-1px -1px 0 0  }
.quick-con-01{ background:url(/images/pages/m-icon-01.png) no-repeat center 18px #98624b; background-size: 50%;  padding: 70px 0 12px 0 ; display: block}
.quick-con-02{ background:url(/images/pages/m-icon-03.png) no-repeat center 15px #98624b; background-size: 50%;  padding: 70px 0 12px 0 ; display: block}
.quick-con-03{ background:url(/images/pages/m-icon-04.png) no-repeat center 13px #98624b; background-size: 40%;  padding: 70px 0 12px 0 ; display: block }
.quick-con-04{ background:url(/images/pages/m-icon-05.png) no-repeat center 15px #98624b; background-size: 55%;  padding: 70px 0 12px 0 ; display: block}
/* 서브 페이지 -> 오른쪽  */
.sub-right-box {  margin:0 0 0 300px; min-height:600px; width:900px; position:relative; padding:0 0 50px 0; }
/*SNS*/
#sns_bar{position: absolute; top: -42px; right: 0;  z-index:5;}
.sns-link li{ display: inline-block; vertical-align: top; position:relative ;  margin:0 2px; width:38px}
.sns-link li > a{width:38px;  height:38px;display:block;border:1px solid #e4e3e3;border-radius:19px; text-indent:-9999px; position:absolute; top:0; left:0; z-index:15;cursor:pointer  }
.sns-link li a.share { background: url(/images/sns/share_icon.png) no-repeat 8px center #fff;}
.sns-link li a.share:hover{ background:url(/images/sns/share_icon02.png) no-repeat 8px center #fff; }
.sns-link li a.print{background: url(/images/sns/print_icon.png) no-repeat center center #fff}
.sns-link li a.print:hover{background:url(/images/sns/print_icon02.png) no-repeat center center #fff; }
.sns_list { background:#e4e3e3; border-top-left-radius:28px;  border-top-right-radius:28px; border-bottom-left-radius: 6px;  border-bottom-right-radius: 6px;
 padding: 45px 6px 0px 6px; display:none; position:absolute; top:0px; left:0px;z-index:14 }
.sns_list a{ border-radius:3px; text-indent:-9999px; display:block; width:26px; height:26px; margin:0 0 5px 0  }
.sns_list a.facebook {background:url(/images/sns/facebook.png)no-repeat center center #989898;text-indent:-9999px;}
.sns_list a.facebook:hover{background-color: #2c4586;   }
.sns_list a.band {background:url(/images/sns/band.png)no-repeat center center #989898; }
.sns_list a.band:hover { background-color: #3ecd33; }
.sns_list a.twitter {background:url(/images/sns/twitter.png)no-repeat center center #989898;}
.sns_list a.twitter:hover{background-color: #4fb9ea; }
.sns_list a.kakao {background:url(/images/sns/kakao.png)no-repeat center center #989898; }
.sns_list a.kakao:hover{background-color: #f9e200; }
.sns_list a.google {background:url(/images/sns/google.png)no-repeat center center #989898;}
.sns_list a.google:hover{background-color: #dc4a37; }


/*메인 슬라이드 시작*/
.main-text{ position: absolute; top:85px; left: 0; right: 0; z-index: 14 }
.dday-box{display: inline-block; padding: 10px 15px 5px 15px; background: rgba(0,0,0,0.5); border: 3px solid rgba(255,255,255,0.5)}
.dday{ font-family: Impact;letter-spacing: 2px;}
.main-jeju{display: inline-block;  text-align: center ;margin-bottom: 5px;  }

/*슬라이더 공통 (메인 슬라이더, 배너 슬라이더)*/
.slick-slide { margin: 0px 0px; }
.slick-slide img { width: 100% ;display: block;} /*이미지 삽입할경우*/
.slick-slide { transition: all ease-in-out .3s; opacity: 1;} /* 화면에 나오지 않는 이미지 반투명하게 보이게 하기*/
.slick-slider{ position: relative; display: block; box-sizing: border-box;
-webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none; user-select: none;  -webkit-touch-callout: none;
-khtml-user-select: none; -ms-touch-action: pan-y;    touch-action: pan-y;  -webkit-tap-highlight-color: transparent;}
.slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{ outline: none;}
.slick-list.dragging{  cursor: pointer; }
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{ position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before,.slick-track:after{ display: table; content: '';}
.slick-track:after{ clear: both;}
.slick-loading .slick-list{ background: #fff url(/images/skycms/loading.gif)  center center no-repeat;}
.slick-loading .slick-track{ visibility: hidden;}
.slick-slide{ display: none;float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{ float: right;}
.slick-slide.slick-loading img{ display: none;}
.slick-slide.dragging img{ pointer-events: none;}
.slick-initialized .slick-slide{  display: block;}
.slick-loading .slick-slide{ visibility: hidden;}
.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}


.slick-prev,.slick-next{  position: absolute; top: 50%; display: block;  padding: 0;
    -webkit-transform: translate(0, -50%);  -ms-transform: translate(0, -50%); transform: translate(0, -50%);
    cursor: pointer;z-index:100;outline: none;border:none;opacity: 0.6; text-indent:-9999px}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{ opacity: 1; }
.slick-prev:hover:,.slick-prev:focus:,.slick-next:hover:,.slick-next:focus:{ opacity: 1;}
.slick-prev.slick-disabled:,.slick-next.slick-disabled:{ opacity: .25;}


/*메인풀 레이아웃 슬라이드*/
.patten{ background:url(/images/pages/pattern.png); position:absolute; top:0; bottom:0; right:0; left:0; }
.slider-text{ position:absolute; top:50%; left:50%; transform: translate(-50%,-50%) ; text-align:center; z-index:5}
.slider-text dt{ font-size:50px; font-weight:bold; text-shadow:3px 3px 3px rgba(0,0,0,0.7); color:#fff; line-height:150%; white-space:nowrap; margin:0 0 10px 0 }
.slider-text dd{ font-size:17px;color:#fff;  text-shadow:2px 2px 2px rgba(0,0,0,0.7); color:#fff;line-height:150%; white-space:nowrap }
.slider-link{ border:1px solid #fff; padding:3px 10px; color:#fff; display:inline-block; border-radius:4px; margin:10px 0 0 0; text-shadow:2px 2px 2px rgba(0,0,0,0.7); font-weight:bold}
.slider-link:hover{ background:#efd368; color:#333}

.main-slider { height:660px; overflow:hidden}
.main-slider-bg{ height:660px; position:relative}

/*메인슬라이드 Arrows */
.main-slider .slick-prev{  left: 25px; background:url(/images/pages/slider-left.png) no-repeat;width: 22px; height: 41px;}
[dir='rtl'] .slick-prev{ right: 25px; left: auto;}
.main-slider .slick-next{  right: 25px; background:url(/images/pages/slider-right.png) no-repeat;width: 22px; height: 41px;}
[dir='rtl'] .slick-next{ right: auto; left: 25px;}

/* Dots 공통 */
.slick-active { opacity: 1; }
.slick-current { opacity: 1;}
.slick-dotted.slick-slider{ margin-bottom: 0px;}
.slick-dots{ position: absolute; bottom:40px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; z-index:50}
.slick-dots li{ position: relative; display: inline-block; margin: 0 5px; padding: 0;  cursor: pointer;}
.slick-dots li button{ background: #ffffff; font-size: 7px; line-height: 23px; width: 23px; height: 23px; text-align: center;color:#999;cursor: pointer; border:none; outline:none; border-radius:50%; box-shadow:2px 2px 2px rgba(0,0,0,0.5)}
.slick-dots li button:hover, .slick-dots li button:focus{ background:#efd368;color:#333;}
.slick-dots li.slick-active button{ background:#efd368;color:#333;}


/*메인하단 배너*/
.main-banner{ width:1200px; margin:0 auto; height:44px;  position:relative}
.main-banner li{float: left; width: 33.3%}
.main-banner li a{ display:block; margin:0 10px 0 0 }
.main-banner li a img{ display:block; height:42px ;border:1px solid #dbdbdb; }

/*메인하단 배너 Arrows */
.main-banner .slick-prev{ left: -30px; background:url(/images/pages/slider-left.png) no-repeat center center #333; background-size:30%; width: 20px; height: 20px; border-radius:50% }
[dir='rtl'] .slick-prev{ right: -30px; left: auto;}
.main-banner .slick-next{ right: -30px; background:url(/images/pages/slider-right.png) no-repeat center center #333;background-size:30%; width: 20px; height: 20px;border-radius:50%}
[dir='rtl'] .slick-next{ right: auto; left: -30px;}


/*스피커 슬라이더*/
.w-map{ background:url(/images/pages/w-map.png) no-repeat center center #f2f2f2;}
.main-speaker{ width:1200px; margin:0 auto;  position:relative}
.main-speaker li{}
.main-speaker li a img{ display:block; border: 1px solid rgba(255,255,255,0); }
.main-speaker li a:hover img{ display:block; border: 1px solid rgba(232,207,107,1); }

/*스피커 배너 Arrows */
.main-speaker .slick-prev{ top:-23px; left: 163px; background:url(/images/pages/left-btn.png) no-repeat center center #333; width: 25px; height: 25px;  }
[dir='rtl'] .slick-prev{ right: -30px; left: auto;}
.main-speaker .slick-next{ top:-23px; right: 981px; background:url(/images/pages/right-btn.png) no-repeat center center #333; width: 25px; height: 25px;}
[dir='rtl'] .slick-next{ right: auto; left: -30px;}

.kor-f{ background:url(/images/pages/kor-f.png) no-repeat center center;background-size: cover; border: 1px solid #dbdbdb; text-indent: -9999px; width:32px; height: 22px; display: inline-block }
.usa-f{ background:url(/images/pages/usa-f.png) no-repeat center center;background-size: cover; border: 1px solid #dbdbdb; text-indent: -9999px; width:32px; height: 22px; display: inline-block }
.chn-f{ background:url(/images/pages/chn-f.png) no-repeat center center;background-size: cover; border: 1px solid #dbdbdb; text-indent: -9999px; width:32px; height: 22px; display: inline-block }



/*메인페이지 컨텐츠*/
.notice-box{ position:relative; width:1200px; margin:0 auto;}
.ticker-box {border-radius: 27px; height:54px; overflow:hidden; background:#505050; }
.ticker-box h3 { line-height:24px;  padding:15px 0 15px 65px; background: url(/images/pages/notice-icon.png) no-repeat 25px center #98624b; width:153px; float:left;  font-size: 19px; color:#fff; font-weight: normal}
.news-ticker { float:left; width:980px ; padding:0 0 0 20px  }
.news-ticker li { margin:0 0 0 0px; padding:15px 0; }
.news-ticker li a { font-size:19px; color:#fff; line-height:24px; white-space:nowrap;  overflow:hidden; display: inline-block; vertical-align:middle }
.news-ticker li a:hover{color:#efd368; text-decoration:underline}
.news-ticker li span.date{ display: inline-block; color:#ccc; font-size:17px; margin:0 5px 0 0;line-height:24px;  vertical-align:middle}
.news-ticker li span.new-icon{ background:url(/images/pages/new-icon.png)  no-repeat; display:inline-block; width:30px; height:16px; text-indent:-9999px; vertical-align:middle; margin-left: 5px }
.arrow-btn { position: absolute; right: 65px; top:4px; }
.arrow-btn a { cursor:pointer; }
.before-btn { background: url(/images/pages/down-icon.png)  no-repeat center ; display: block; text-indent: -9999px; width:30px; height:21px; margin:3px 0 0 0; }
.after-btn { background: url(/images/pages/up-icon.png) no-repeat center ; display: block; text-indent: -9999px; width:30px; height:21px; }
.ticker-box a.more{ background: url(/images/pages/plus-icon.png) no-repeat center center #98624b; width:28px; height:28px; display:inline-block; text-indent:-9999px; position:absolute; right:20px;  top:10px; border-radius:14px }


.bg-pattern{ background: url(/images/pages/pattern-01.jpg)}
.main-icon li {width: 240px; float: left; text-align: center }
.main-icon li a{border-radius: 50%; display:inline-block; width: 130px; height: 130px; position: relative; border: 1px solid rgba(255,255,255,0);   }
.main-icon li a:hover{ border: 1px solid rgba(232,207,107,1);}
.main-icon li a span{ display: block; position: absolute; text-align: center; color: #fff;bottom: 15px; right: 0; left: 0 }
.main-icon li a:hover span{ color: #e8cf6b}

.main-icon2 li {width: 240px; float: left; text-align: left; margin-bottom: 10px;}

.main-icon-01{ background:url(/images/pages/m-icon-01.png) no-repeat center 5px; }
.main-icon-02{ background:url(/images/pages/m-icon-02.png) no-repeat center 5px; }
.main-icon-03{ background:url(/images/pages/m-icon-03.png) no-repeat center 5px; }
.main-icon-04{ background:url(/images/pages/m-icon-04.png) no-repeat center 5px; }
.main-icon-05{ background:url(/images/pages/m-icon-05.png) no-repeat center 5px; }
.main-icon-06{ background:url(/images/pages/m-icon-06.png) no-repeat center 5px; }

.icc-list{ width: 350px}
.icc-list li{ position: relative; padding: 0 0 0 73px}
.icc-list li span.icc-title{ display: inline-block; border: 1px solid #ad816f; color: #98624b; font-size: 13px; line-height: 17px; padding: 0 5px; position:absolute; left: 0; top:3px}
.video-time{ font-size:12px; color:#fff; display:inline-block; padding:2px 5px; line-height:14px; background:#333; position:absolute; right:0; top:0; }

/*메인페이지 SNS*/
.instagram-icon{ background:url(/images/pages/sns-instagram.png) no-repeat left center; padding:2px 0 2px 35px}
.instagram-img{display:block; width:100%; height:0px; padding-bottom:100%;text-indent:-9999px}
.instagram-comment-box{ position:absolute; top:0; bottom:0; width:100%; text-align:center; background:rgba(0,0,0,0.5); padding-top:43% ; visibility:hidden  }
.box-on{ visibility:visible }
.instagram-hit{ background:url(/images/pages/heart-icon.png) no-repeat left center ; padding:0 0 0 25px; color:#fff; display:inline-block; margin:0 5px  }
.instagram-comment{ background:url(/images/pages/bubble-icon.png) no-repeat left center ; padding:0 0 0 25px; color:#fff;display:inline-block;margin:0 5px }
.facebook-icon{ background:url(/images/pages/sns-facebook.png)  no-repeat left center; padding:2px 0 2px 35px}
.facebook-list{ overflow-y:scroll}
.facebook-list li{ border-bottom:1px  dashed #dbdbdb;}
.facebook-list li:hover{ background:#f2f2f2}
.facebook-img{display:block; width:100%; height:0px; padding-bottom:100%;text-indent:-9999px; border:1px solid #f2f2f2}


/* 미디어스크랩 CSS */
ul.media-board { border-top:2px solid #118aa0; color:#333; font-size:15px; margin:20px 0 0 0; }
ul.media-board li { line-height:30px; padding:7px 0; border-bottom:1px solid #dbdbdb; position:relative; }
ul.media-board li:nth-child(2n) { background:#f2f2f2  }
ul.media-board li span { top:7px; }
ul.media-board li a { font-size:15px; color:#333; text-decoration:none; word-break:break-all; font-weight:bold }
li.media-head { font-size:15px; text-align:center; font-weight:bold }
li.media-head span { padding:0; }
li.media-head .media-num { left:25px; }

p.media-info { font-size:13px; color:#118aa0; line-height:24px; text-align:center; display:block; }

span.media-num { left:30px; position:absolute; }
span.media-press { left: 90px; position: absolute; width:130px; text-align:center; }
span.media-date { width: 110px; left: 220px; position: absolute; text-align: center; }
span.media-subject { width:50%; display: block; margin: 0 0 0 340px; }
span.media-hit { width: 93px; right: 12px; position: absolute; text-align: center; }
.search-box2 { border:1px solid #dbdbdb; text-align:center; padding:10px 0; margin:0 0 15px 0; }
.search-box2 .search-input { background:#f9f9f9; padding:5px 0 5px 5px; border:1px solid #dbdbdb; border-radius:4px; vertical-align:middle; width:50%; margin:0 3px; }
.search-box2 .search-btn { background:url(/images/board/search-icon.png) no-repeat center center #333; width:44px; height:30px; text-indent:-9999px; display:inline-block; vertical-align:middle; border:none; border-radius:4px; cursor:pointer;background:url(/images/board/search-icon.png) no-repeat center center #98624b }


/*프로그램 스케줄*/
.period-icon{display: inline-block; ;background:url(/images/pages/m-icon-01.png) no-repeat center center #98624b;  background-size: 60%; vertical-align: middle; width: 48px; height: 48px; text-indent: -9999px ; border-radius: 50%}

.pro-option{ border-radius:20px; color:#fff; line-height: 15px ; padding: 2px 5px; font-size: 11px}
.down-btn{background: url(/images/pages/down-btn.png) no-repeat right center #333;  padding: 2px 34px 2px 10px }
.glass-icon{background: url(/images/pages/glass_icon.png)no-repeat center center rgba(0,0,0,0.5); width: 70px; height: 70px; border-radius: 50px;  position: absolute;left: 55%; top: 50%;  transform: translate(-50%,-50%); display: inline-block; text-indent: -9999px;}

/* 마스크 뛰우기 */
#mask01 { position: fixed;  z-index:90000;  background:#000;   display:none;   left:0; top:0; right: 0; bottom:0 }
.window01{ display: none;  z-index:100000; position: fixed;width: 1200px; margin: 0 auto ; top:35%; left: 50%; margin-left: -600px;margin-top: -270px}
.window01 .img-box{  position:relative; width: 1200px; margin: 0 auto}

.openMask01{ cursor:pointer}
.closed{ position:absolute; top:-30px; right:200px; color:#fff; padding:3px 10px;}

/*Access to JEJU */
#scroller-header { border:1px solid #dbdbdb; margin: 20px 0}
#scroller-header a { display:block;text-decoration:none; color:#333; padding:10px; font-size:15px; border-bottom:1px solid #dbdbdb; font-weight:bold}
#scroller-header a span{ display:inline-block; font-size:13px; border-radius:50%; background:#98624b; color: #fff;   width: 25px; height: 25px; text-align: center; font-weight:bold ; margin:0 5px 0 0 }

#scroller-header a:hover {text-decoration:none;	color:#333; background:#efd368}
#scroller-header a:hover span{ color:#fff !important}
#scroller-header a.selected {text-decoration:none;	color:#333; background:#efd368 !important}
#scroller-header a.selected span{ color:#fff !important}


#mask {	width:900px; overflow:hidden;}
#panel div.float{float:left; padding: 15px 0 0 0; width:900px}

.access_h4{ font-size:19px; color:#98624b; vertical-align:middle }
.access_h5{ font-size:17px; color:#98624b; vertical-align:middle;  padding:0 0 0 8px; margin:20px 0 0 0 }
.access_h5_2{ font-size:17px; color:#333;vertical-align:middle; margin:20px 0 0 0; }
.access_h6{ font-size:15px;color:#98624b;margin:20px 0 0 0 ;vertical-align:middle;}
.access_h4 span{ display:inline-block; font-size:13px; border-radius:50%; background:#98624b; color: #fff;   width: 25px; height: 25px; text-align: center; font-weight:bold ; margin:0 5px 0 0;vertical-align:middle}
.access_table {margin: 10px 0 10px 0; border-top: 2px solid #98624b; width:100%;  border-collapse: collapse}
.access_table th{color:#98624b; font-size: 15px; text-align: center; border: 1px solid #dbdbdb; padding: 10px ; background: #f2f2f2;}
.access_table td{border: 1px solid #dbdbdb;  line-height: 24px;  color: #333; font-size: 15px; position: relative; padding: 10px;}
#panel a.more{  display:inline-block; background:#333; color:#fff; padding:1px 7px; border-radius:4px; word-break: keep-all; font-size:13px;line-height:20px;font-weight: normal}

.access_table td a.more{ display:inline-block; background:#333; color:#fff; padding:1px 7px; border-radius:4px; word-break: keep-all; font-size:13px;line-height:20px}

.step_box{ width:900px; }

/*jeju*/
.jeju_head{ overflow:hidden; margin:0 0 30px 0}
.jeju_head ul { width:906px; margin:0 0 0 -3px}
.jeju_head ul li{ float:left; width:33.3%; padding:0 3px}
.jeju_head ul li a{ border:1px solid #dbdbdb; display:block; padding:83px 0 15px 0; text-align:center; font-size:13px; color:#333 ; border-radius:5px }
.jeju_head ul li a.jeju_01{ background:url(/images/pages/Jeju_Tourism_Organization.jpg)  no-repeat center 23px }
.jeju_head ul li a.jeju_02{ background:url(/images/pages/Jeju_Specia_Self-Governing_Provine.jpg) no-repeat center 23px }
.jeju_head ul li a.jeju_03{ background:url(/images/pages/Jeju_Tourist_Information_Center.jpg)  no-repeat center 23px }


/*sub_useful*/

.useful li{ margin:0 0 20px 0 ; overflow:hidden; position:relative; padding:0 0 20px 120px; min-height:118px; color:#333; border-bottom: 1px solid #dbdbdb}
.useful li span{ position:absolute; top:0; left:0; display:inline-block; width:100px; height:100px; border-radius:50px}
.useful_01{ background:url(/images/pages/useful_01.png) no-repeat center center #333;}
.useful_02{ background:url(/images/pages/useful_02.png) no-repeat center center #333;}
.useful_03{ background:url(/images/pages/useful_03.png) no-repeat center center #333;}
.useful_04{ background:url(/images/pages/useful_04.png) no-repeat center center #333;}
.useful_05{ background:url(/images/pages/useful_05.png) no-repeat center center #333;}
.useful_06{ background:url(/images/pages/useful_06.png) no-repeat center center #333;}
.useful_07{ background:url(/images/pages/useful_07.png) no-repeat center center #333;}
.useful_08{ background:url(/images/pages/useful_08.png) no-repeat center center #333;}
.useful_09{ background:url(/images/pages/useful_09.png) no-repeat center center #333;}
.useful_10{ background:url(/images/pages/useful_10.png) no-repeat center center #333;}
.useful_11{ background:url(/images/pages/useful_11.png) no-repeat center center #333;}
.useful_12{ background:url(/images/pages/useful_12.png) no-repeat center center #333;}
/*Venue*/

.food{position:absolute; top: 0px; left: 10px; background:rgba(0,0,0,0.7) ; font-size: 15px; color: #fff; padding: 2px 8px;}

/*동영상*/
.video{ border-top:2px solid #333}
.video_list{ overflow:hidden; border-bottom:1px solid #dbdbdb; margin:15px 0 0 0; padding:0 0 15px 0}
.video_list dt{ float:left; position:relative}
.video_list dt a{ display:block; width:300px; height:169px}
.video_list dt em.time{    display: inline-block;position: absolute;padding: 0 5px; font-size: 12px; background: #000;right: 0;bottom: 0;z-index: 100;color: #fff;}
.video_list dd{ float:left; margin:0  0 0 20px; width:580px}
.video_list dd h4{ font-size:17px; font-weight:bold; margin:5px 0 15px 0}
.video_list dd span{ display:inline-block; font-size:13px; color:#666; margin:0 15px 0 0; padding:0 0 0 25px }
.video_list dd span.date{ background:url(/images/pages/date_icon.png) no-repeat left center}
.video_list dd span.hit{ background:url(/images/pages/hit_icon.png) no-repeat 5px center}
.video_list dd div.content{ color:#666; margin:15px 0 0 0; line-height:24px; font-size:15px}
.page-info{ text-align:center; margin:25px 0 0 0}
.page-info a{ display:inline-block;   }
.page-info span.h-line{ display:inline-block; color:#ccc; margin:0 15px; width:1px; background:#ccc; text-indent:-9999px}
.video_view_box{ position:relative; margin:25px 0 0 0;}
.video_view_box h4{ font-size:17px; font-weight:bold; color:#333; width:80%}
.view_date_hit{ position:absolute; right:0; top:0}
.view_date_hit span{ display:inline-block; font-size:13px; color:#666; margin:0 15px 0 0; padding:0 0 0 25px }
.view_date_hit span.date{ background:url(/images/pages/date_icon.png) no-repeat left center}
.view_date_hit span.hit{ background:url(/images/pages/hit_icon.png) no-repeat 5px center}
.video_view_memo{ margin:25px 0 0 0; padding:25px 0; border-bottom:1px solid #dbdbdb}
.btn_box{ text-align:center; padding:25px}
.btn_box a{ display:inline-block; background:#2d4e90; font-size:17px; font-weight:bold; color:#fff; padding:5px 15px; border-radius:4px}

/*session*/
.session-list li{ overflow: hidden; border-bottom: 1px solid #dbdbdb; padding: 10px 0 10px 150px; font-size: 17px; position: relative}
.session-list li  span{ position: absolute; top:10px ; left:10px; display: inline-block;}

/*Field Trips*/
.time-icon{ width: 37px; height: 37px; background: url(/images/pages/time-icon.png) no-repeat center center #98624b; border-radius:50%}
.trail-icon{ width: 37px; height: 37px; background: url(/images/pages/trail-icon.png) no-repeat center center #98624b;border-radius:50%}
.tb-01{ border-collapse: collapse; width: 100%; border-top: 2px solid #98624b}
.tb-01 th{padding: 8px 10px; border: 1px solid #dbdbdb; font-weight: normal; background: #f9eec4}
.tb-01 td{padding: 8px 10px; border: 1px solid #dbdbdb;  }

.trail-icon2{ width: 106px; height: 106px; background:url(/images/pages/trail-icon2.png) no-repeat center 25px #efd368; border-radius:50%; padding-top:65px }
.trail-title{ display: inline-block;border-radius:20px; background:#efd368 ; padding: 0 10px }
.people-icon{background:url(/images/pages/people-icon.png) no-repeat center center; width: 20px; text-indent: -9999px }
.route-icon{background:url(/images/pages/route-icon.png) no-repeat center center; width: 20px; text-indent: -9999px }

/*registration*/

.regist-top{border:1px solid #dbdbdb; padding:20px 30px; margin: 0 0 20px 0;}
.regist-img{background: url(/images/pages/m-icon-01.png) no-repeat left 18px;padding:5px 0 5px 100px !important;}


.step{margin: 0 0 20px 0; overflow: hidden}
.step li{width: 25%; float:left; padding-right: 5px; }
.step li:last-child{padding-right: 0px;}
.step li div{border-radius: 3px; padding: 45px 20px 25px 20px;color: #fff; background:#98624b;  font-size: 13px; line-height:18px; position: relative; height: 260px}
.step li span{color: #98624b; background: #fff; font-size: 13px; padding: 0px 12px; border-radius: 15px; position: absolute; top: 10px; left: 10px;}
.step li h6{    color: #efd368; font-size: 17px; padding: 10px 0 0 65px; border-bottom: 1px solid #b98771;  margin-bottom: 13px; height: 55px;}
.step li h6.step1{background: url(/images/pages/rg-step-01.png)no-repeat 5px center; }
.step li h6.step2{background: url(/images/pages/rg-step-02.png)no-repeat 5px center; padding: 0px 0 0 65px;  }
.step li h6.step3{background: url(/images/pages/rg-step-03.png)no-repeat 5px center; }
.step li h6.step4{background: url(/images/pages/rg-step-04.png)no-repeat 5px center; }


.regist-box{padding: 20px; background: #f2f2f2; position: relative; margin: 0 0  20px 0;}
.regist-box span{ background: #98624b; color: #fff; padding: 3px 10px; font-size: 15px; display: inline-block; margin: 0 0 5px 0}
.regist-box ul.regist-credit{background: url(/images/pages/credit-icon.png)no-repeat 5px top; padding:0 0px 0px 155px; }
.regist-box ul.regist-bank{background: url(/images/pages/bank-icon.png)no-repeat 30px top; padding:0 0 0 155px;}
.regist-box li{ background: url(/images/pages/dot-02.png) no-repeat 0px 8px; padding-left:8px; line-height: 18px; font-size: 13px; margin: 2px 0 }


table.table02{ margin: 15px 0 0 0; border-collapse: collapse;  }
table.table02 th{font-size: 13px; color: #fff; padding: 5px 30px; font-weight: normal; background: #98624b; border: 1px solid #dbdbdb;}
table.table02 th span{ display:block; color:#f7941e}
table.table02 td{font-size: 15px; color: #333; background: #fff;   padding: 5px 30px; border: 1px solid #dbdbdb;}


/*Accommodation*/
.accommodation p{font-size: 15px; color: #333;}
.accommodation ul{border-top:2px solid #98624b; }
.accommodation ul li span{font-size: 13px; color: #666; line-height: 24px;}
.accommodation ul li span.star{color:#e86a5e; display: block; padding:3px 0 0 110px; }
.accommodation ul li span.star40{background: url(/images/pages/star40.png)no-repeat left center; }
.accommodation ul li span.star41{background: url(/images/pages/star41.png)no-repeat left center; }
.accommodation ul li span.star43{background: url(/images/pages/star43.png)no-repeat left center; }
.accommodation ul li span.star44{background: url(/images/pages/star44.png)no-repeat left center; }
.accommodation ul li span.star45{background: url(/images/pages/star45.png)no-repeat left center; }
.accommodation ul li span.star46{background: url(/images/pages/star46.png)no-repeat left center; }

span.tel{background: url(/images/pages/tel_icon.png)no-repeat left center; float:left; padding-left: 25px;font-size: 13px;}
span.site{background: url(/images/pages/site_icon.png)no-repeat left center;  padding-left: 25px; margin-left: 20px;font-size: 13px;}
span.location{background: url(/images/pages/location_icon.png)no-repeat left 2px;  display: block; padding-left:25px; margin: 10px 0;font-size: 13px;}
span.distance{background: url(/images/pages/distance_icon.png)no-repeat left top;  display: block; padding-left: 25px;font-size: 13px;}
.accommodation ul li a{color: #98624b; text-decoration: underline; font-size: 13px; }
.hotel_name{background: #fff; z-index: 1; padding: 2px 10px; border-radius: 10px; opacity: 0.8; color:brown;}

/*workshop*/
.course-list{ width: 125px; border-radius:4px; border: 1px solid #dbdbdb; text-align: center; overflow: hidden}
.course-arrow{ background: url(/images/pages/arrow-bg.png) no-repeat center center; width: 30px; height: 85px}
/**/
.note-icon{background: url(/images/pages/note-icon.png)no-repeat 0 0px; padding-left: 40px}


/*메인하단 배너*/
.main-banner-movie{ width:50%; float: left; margin:0 auto; height:240px;  position:relative}
.main-banner-movie li{float: left;}
.main-banner-movie li a{ display:block; margin:0 10px 0 0 }
.main-banner-movie li a img{ display:block; border:1px solid #dbdbdb; width: auto;}
.main-banner-movie .slick-slide img{ width: auto;}
/*메인하단 배너 Arrows */
.main-banner-movie .slick-prev{ right: 40px; top: 34px; background:url(/images/pages/slider-left.png) no-repeat center center #333; background-size:30%; width: 20px; height: 20px; border-radius:50% }
[dir='rtl'] .slick-prev{ right: -30px; left: auto;}
.main-banner-movie .slick-next{ right: 5px; top: 34px; background:url(/images/pages/slider-right.png) no-repeat center center #333;background-size:30%; width: 20px; height: 20px;border-radius:50%}
[dir='rtl'] .slick-next{ right: auto; left: -30px;}

/*Access to JEJU */
#scroller-header-jeju {display: inline-block;border:1px solid #dbdbdb;margin: 20px 0;width: 100%;}
#scroller-header-jeju a {width: 50%;display:block;text-decoration:none;color:#333;padding:10px;font-size:15px;border-bottom:1px solid #dbdbdb;font-weight:bold;float: left;}
#scroller-header-jeju a span{ display:inline-block; font-size:13px; border-radius:50%; background:#98624b; color: #fff;   width: 25px; height: 25px; text-align: center; font-weight:bold ; margin:0 5px 0 0 }

#scroller-header-jeju a:hover {text-decoration:none;	color:#333; background:#efd368}
#scroller-header-jeju a:hover span{ color:#fff !important}
#scroller-header-jeju a.selected {text-decoration:none;	color:#333; background:#efd368 !important}
#scroller-header-jeju a.selected span{ color:#fff !important}

.add-btn{
    background: #36769f;
    cursor: pointer;
}

.delete-btn{
    background:#707070;
    cursor: pointer;
    width: 50px;
    padding-right: 3px;
    padding-left: 3px;
    display: block;
}

.words {
    display: block;
    text-align: right;
    padding: 3px 0px;
}

.normal-btn{

    padding:5px 10px 5px 10px;
}

#AccompanyTable{
    padding: 10px;
    background: #fdfcfb;
    border: 1px solid #dfdfdf;
    border-top: 0px;
}