@charset "utf-8";
/*ogam*/

/* gnb */
#header { background-color:rgba(0, 0, 0, 0.4) }
#header.on .headWrap,
#header.active .headWrap { background-color:#fff; }

.headWrap .logo img.on { display:none; }
#header.on .headWrap .logo img.off,
#header.active .headWrap .logo img.off { display:none; }
#header.on .headWrap .logo img.on,
#header.active .headWrap .logo img.on { display:inline; }

#header.on .gnbList:after { content:''; position:absolute; top:90px; left:0; width:100%; height:1px; background-color:#dedede; }
#header.on .gnb .gnbList>li>a,
#header.active .gnb .gnbList>li>a { color:#000; }
#header.on .headUtil a,
#header.active .headUtil a { color:#666; }
.headUtil .btnMem a { border-color:#fff; }
#header.on .btnMem a,
#header.active .btnMem a { border-color:#999; }
#header.on .headUtil .btnMem>span>a:before,
#header.active .headUtil .btnMem>span>a:before { background-color:#999; }
#header.active .headUtil .btnSiteMap a:before,
#header.active .headUtil .btnSiteMap a:after { background-color:#808080; }
#header.active .headUtil .btnSiteMap a span { background-color:#808080; }
.headWrap .btnMoGnb button:before,
.headWrap .btnMoGnb button:after { background-color:#fff; }
.headWrap .btnMoGnb button span { background-color:#fff; }

/* 비주얼 */
.visual { overflow:hidden; position:relative; }
.visualSlide a { overflow:hidden; display:block; position:relative; height:690px; text-decoration:none; }
.visualSlide a img { display:block; position:absolute; top:0; left:50%; max-width:none; width:auto; height:100%; vertical-align:top; -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%); }
.visualSlide a .txtWrap { position:relative; top:0; display:block; width:100%; max-width:1200px; margin:0 auto; padding:0 150px; padding-top:204px; font-size:16px; color:#fff; white-space:normal; text-shadow:-1px 1px 3px rgba(0,0,0,0.3) }
.visualSlide a .txtWrap>em { display:block; font-size:44px; font-family:"BareunBatangB"  }
.visualSlide a .txtWrap>em>span { font-weight:bold; }
.visualSlide a .txtWrap .txt { display:block; margin:20px 0 0 2px; font-size:20px; font-weight:300; line-height:1.4; letter-spacing:-0.02em; word-break:keep-all; }
.visualSlide a .txtWrap .more { display:inline-block; margin:117px 0 0 3px; padding:0 5px 8px; border-bottom:1px solid #fff; }
.visualCtrl { position:absolute; top:43%; left:0; width:100%; }
.visualCtrl > div { position:relative; margin:0 90px 0 50px; }
.visualCtrl button { position:absolute; width:80px; height:80px; background-color:rgba(0,0,0,0.3); border-radius:50%; color:#fff; text-align:center; }
.visualCtrl .btnPrev { left:0; }
.visualCtrl .btnNext { right:0; }
.visualPager { position:absolute; left:0; bottom:123px; width:100%; text-align:center; }
.visualPager>div { display:inline; padding:12px 7px; background-color:rgba(0,0,0,0.3); border-radius:15px; font-size:0; } 
.visualPager>div>div,
.visualPager>div>span { display:inline-block; vertical-align:middle; }
.visualPager>div>span { margin-left:7px; }
.visualPager>div>div button,
.visualPager>div>span button { overflow:hidden; margin:0 4px; font-size:16px; text-indent:-999px; }
.visualPager>div>div button { width:10px; height:10px; background-color:#fff; border-radius:50%; -webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out; }
.visualPager>div>span button { width:10px; height:10px; }
.visual .slick-dots li { display:inline-block; margin-left:1px; }
.visual .slick-dots li.slick-active button { width:35px; border-radius:5px; }
.visualPager .stop { position:relative; }
.visualPager .stop:before,
.visualPager .stop:after { content:''; position:absolute; top:0; width:3px; height:100%; background-color:#ebebeb; }
.visualPager .stop:before { left:0; }
.visualPager .stop:after { right:0; }
.visualPager .play { display:none; border-style:solid; border-width:5px 0 5px 10px; border-color:transparent transparent transparent #fff; }
.visualPager .btnMoPrev { display:none; }
.visualPager .btnMoNext { display:none; }

/* 프로그램 */
.program_g { background-color:#f2f2f2; padding-bottom:70px; }
.program_g .programList { overflow:hidden; position:relative; max-width:1200px; min-height:700px; max-height:700px; margin:-75px auto 0; padding-left:20px; background:#fff; box-sizing:border-box; } /* 200902*/

.programList .main_topInfo>ul { position:relative; margin-top:20px; border:0px solid #444; font-size:0; letter-spacing:-4px; }
.programList .main_topInfo>ul:before { content:''; position:absolute; top:0; left:50%; width:0px; height:100%; background-color:#e1e1e1; }
.programList .main_topInfo>ul>li { display:inline-block; width:50%; font-size:16px; text-align:center; vertical-align:middle; letter-spacing:normal; }
/*.programList .main_topInfo>ul>li>a { display:block; }*/

/* 느티울 가로 갤러리 2개 프로그램 */

.program_g .programList .gallerylist {max-width:1200px;width:100%;margin:0 auto;}
.program_g .programList .gallerylist > ul {font-size:0;}
.program_g .programList .gallerylist > ul > li {display:inline-block;vertical-align:top;width:50%;}
.program_g .programList .gallerylist > ul > li > a {display:block;width:auto;text-decoration: none;margin:20px;}
.program_g .programList .gallerylist > ul > li > a .screen {position:relative;overflow:hidden;}
.program_g .programList .gallerylist > ul > li > a .screen .top {position:absolute;bottom:150%;left:0px;z-index:3;color:#fff;font-size:26px;font-weight:900;transition:all .35s;}
.program_g .programList .gallerylist > ul > li > a .screen .bottom {position:absolute;top:150%;left:0px;z-index:2;font-size:12px;transition:all .35s;}
.program_g .programList .gallerylist > ul > li > a .screen img {max-width:100%;}
.program_g .programList .gallerylist > ul > li > a h3 {font-size:14px;text-align:center;padding:20px;color:#666;}
.program_g .programList .gallerylist > ul > li > a .screen::after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1;opacity:3;transition:all .35s;}
.program_g .programList .gallerylist > ul > li > a:hover .top {bottom:72%;}
.program_g .programList .gallerylist > ul > li > a:hover .bottom {top:0%;}
.program_g .programList .gallerylist > ul > li > a:hover .screen::after {opacity:1;}


/* 빠른메뉴 */
.quickWrap { position:relative; width:100%; background-color:#f2f2f2; }
.quickWrap:before { content:''; position:absolute; bottom:0; left:0; width:100%; height:48%; background-color:#fff; }
.quickWrap>.inner { position:relative; max-width:1200px; margin:0 auto; padding:0 15px; font-size:0; letter-spacing:-4px; }
.quickWrap>.inner .video1 { display:inline-block; font-size:16px; letter-spacing:normal; vertical-align:top; }
.quickWrap>.inner .video2 { display:inline-block; font-size:16px; letter-spacing:normal; vertical-align:top; }
.quickWrap>.inner .video3 { display:inline-block; font-size:16px; letter-spacing:normal; vertical-align:top; }
.quickWrap .video1 { width:28%; }
.quickWrap .video2 { position:relative;  width:28%; margin-left:5.249%; }
.quickWrap .video3 { position:relative; width:28%; margin-left:5.249%; }
.quickWrap h2 { margin-bottom:18px; font-size:21px; font-weight:600; color:#000; }
.quickWrap .video1 .thumb { display:block; text-decoration:none; }
.quickWrap .video2 .thumb { display:block; text-decoration:none; }
.quickWrap .video3 .thumb { display:block; text-decoration:none; }
.quickWrap .video1 .thumb>span { overflow:hidden; position:relative; display:block; width:100%; }
.quickWrap .video2 .thumb>span { overflow:hidden; position:relative; display:block; width:100%; }
.quickWrap .video3 .thumb>span { overflow:hidden; position:relative; display:block; width:100%; }

.quickWrap .video1 .thumb>span,
.quickWrap .video2 .thumb>span, 
.quickWrap .video3 .thumb>span { padding-top:50%; }
.quickWrap .video1 .thumb>span:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url("/inc/leo2020/images/main/icon_play.png") center no-repeat; background-size:13.2% auto; z-index:1; }
.quickWrap .video2 .thumb>span:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url("/inc/leo2020/images/main/icon_play.png") center no-repeat; background-size:13.2% auto; z-index:1; }
.quickWrap .video3 .thumb>span:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url("/inc/leo2020/images/main/icon_play.png") center no-repeat; background-size:13.2% auto; z-index:1; }
.quickWrap .video1 .thumb>span img { position:absolute; top:0; left:0; width:100%; min-height:100%; }
.quickWrap .video2 .thumb>span img { position:absolute; top:0; left:0; width:100%; min-height:100%; }
.quickWrap .video3 .thumb>span img { position:absolute; top:0; left:0; width:100%; min-height:100%; }
.quickWrap .video3 .more { position:absolute; top:8px; right:0; padding-right:22px; font-size:14px; color:#555; }
.quickWrap .video3 .more:before,
.quickWrap .video3 .more:after { content:''; position:absolute; background-color:#555; }
.quickWrap .video3 .more:before { top:2px; right:6px; width:1px; height:13px; }
.quickWrap .video3 .more:after { top:8px; right:0; width:13px; height:1px; }

/* About news*/
.main_mid_Cont { position:relative; width:100%; background-color:#c3c3c1; }
.main_mid_Cont:before { content:''; position:absolute; bottom:0; left:0; width:100%; height:20%; background-color:#fff; }
.main_mid_Cont>.inner { position:relative; max-width:1200px; margin:0 auto; padding:0 15px; font-size:0; letter-spacing:1px; }
.main_mid_Cont>.inner .mainAbout,
.main_mid_Cont>.inner .main_Notice { display:inline-block; font-size:16px; letter-spacing:normal; vertical-align:top; }
.main_mid_Cont .mainAbout { width:56.334%; }
.main_mid_Cont .main_Notice{ position:relative; top:8px; right:0; width:21.834%; margin-left:1.249%;}
.main_mid_Cont h2 { margin-bottom:18px; font-size:21px; font-weight:600; color:#000; }
.main_mid_Cont .mainAbout .thumb,
.main_mid_Cont .main_Notice.thumb { display:block; text-decoration:none; }
.main_mid_Cont .mainAbout .thumb>span,
.main_mid_Cont .main_Notice.thumb>span { overflow:hidden; position:relative; display:block; width:100%; }
.main_mid_Cont .mainAbout .thumb>span, 
.main_mid_Cont .main_Notice.thumb>span  { padding-top:30.59%; }
.main_mid_Cont .mainAbout .thumb>span img,
.main_mid_Cont .main_Notice.thumb>span img { position:absolute; top:0; left:0; width:100%; min-height:100%; }



/* 스토리 */
.story { max-width:1570px; margin:90px auto; padding:70px 15px 58px; background-color:#f2f2f2; }
.storyInner { max-width:1200px; margin:0 auto; }
.storyInner h2 { margin-bottom:35px; font-size:28px; color:#000; text-align:center; }
.storyInner .snsList { margin-bottom:37px; font-size:0; letter-spacing:-4px; text-align:center; }
.storyInner .snsList>li { display:inline-block; margin-left:35px; font-size:16px; font-weight:300; letter-spacing:normal; vertical-align:top; }
.storyInner .snsList>li:first-child { margin-left:0; }
.storyInner .snsList>li a { display:block; padding:10px 5px 10px 52px; background-position:left center; background-repeat:no-repeat; color:#555; text-decoration:none; }
.storyInner .snsList>li.sns01 a { background-image:url(../images/main/icon_story_sns01.png); }
.storyInner .snsList>li.sns02 a { background-image:url(../images/main/icon_story_sns02.png); }
.storyInner .snsList>li.sns04 a { background-image:url(../images/main/icon_story_sns04.png); }
.storyInner .snsList>li.sns05 a { background-image:url(../images/main/icon_story_sns05.png); }
.storyInner .snsFeed { overflow:hidden; }
.snsFeed .feedList { float:left; width:64.1667%; }
.snsFeed .feedList .feedSlide { position:relative; margin:0 -5px; }
.feedSlide .item { /*margin:0 0.227%;*/ margin:0 5px; }
.feedSlide .item a { overflow:hidden; position:relative; display:block; width:100%; padding-top:96%; font-size:14px; font-weight:300; color:#777; white-space:normal; }
.feedSlide .item a .thumb { position:absolute; top:0; left:0; width:100%; height:100%; }
.feedSlide .item a .thumb img { width:100%; }
.feedSlide .item a .txtWrap { position:absolute; bottom:0; left:0; width:100%; /*padding:20px 23px;*/ padding:8% 10%; background-color:#fff; box-sizing:border-box; }
.feedSlide .item a .txtWrap:before { content:''; position:absolute; top:-27.65%; left:0; width:100%; height:27.65%; background:url(../images/main/bg_story_feed.png) center no-repeat; background-size:100% 100%; }
.feedSlide .txtWrap .icon { overflow:hidden; position:absolute; top:0; right:20px; width:42px; height:42px; margin-top:-25px; border-radius:50%; background-position:center; background-repeat:no-repeat; background-size:cover; text-indent:-999px; }
.feedSlide .txtWrap .icon.insta { background-image:url(../images/main/icon_feed_insta.png); }
.feedSlide .txtWrap .icon.facebook { background-image:url(../images/main/icon_feed_facebook.png); }
.feedSlide .txtWrap .icon.blog { background-image:url(../images/main/icon_feed_blog.png); }
.feedSlide .txtWrap .icon.kakao { background-image:url(../images/main/icon_feed_kakao.png); }
.feedSlide .txtWrap .txt { display:block; height:2.572em; line-height:1.3; }
.snsFeed .feedList .feedPager { position:relative; width:30%; min-height:19px; margin:16px auto 0; font-size:0; text-align:center; letter-spacing:-4px; }
.snsFeed .feedList .feedPager:before { content:''; position:absolute; top:50%; left:50%; width:1px; height:10px; margin-top:-5px; background-color:#c8c8c8; }
.feedPager button { position:absolute; bottom:0; width:49%; margin:0 0.5%; font-size:13px; font-weight:300; color:#8c8c8c; letter-spacing:normal; vertical-align:top; box-sizing:border-box; }
.feedPager button.prev { left:0; padding:0 15px 0 25px; background:url(../images/main/btn_story_feed_prev.png) left center no-repeat; }
.feedPager button.next { right:0; padding:0 25px 0 15px; background:url(../images/main/btn_story_feed_next.png) right center no-repeat; }
.storyInner .snsFeed .youtube { float:right; width:34.1667%; }
.snsFeed .youtube a { display:block; font-size:14px; color:#595959; text-decoration:none; }
.snsFeed .youtube a .thumb { overflow:hidden; position:relative; display:block; width:100%; padding-top:58.54%; }
.snsFeed .youtube a .thumb:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/main/icon_play.png) center no-repeat; background-size:13.2% auto; z-index:1; }
.snsFeed .youtube a .thumb img { position:absolute; top:0; left:0; width:100%; min-height:100%; }
.snsFeed .youtube a .txt { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:16px; text-align:center; }





@media all and (max-width: 1359px) {
    #header.on .headUtil .btnSiteMap a:before,
    #header.on .headUtil .btnSiteMap a:after { background-color:#808080; }
    #header.on .headUtil .btnSiteMap a span { background-color:#808080; }
    /* 비주얼 */
    .visualCtrl > div { max-width:1230px; margin:0 auto; }
    .visualCtrl .btnPrev { left:15px; }
    .visualCtrl .btnNext { right:15px; }
}
@media all and (max-width: 960px) {
    /* 비주얼 */
    .visualSlide a { height:auto; }
    .visualSlide a img { position:static; top:0; left:0; width:100%; transform:none; }
    .visualSlide a .txtWrap { position:absolute; padding:30% 4% 0; text-align:center; box-sizing:border-box; }
    .visualSlide a .txtWrap>em { font-size:34px; }
    .visualSlide a .txtWrap .txt { margin:2% 0 0; font-size:16px; }
    .visualSlide a .txtWrap .more { margin-top:8%; font-size:14px; display:none;}
    .visualCtrl { display:none; }
    .visualPager { bottom:12%; }
    .visualPager>div { position:relative; padding:13px 33px; }
    .visualPager>div>span { margin-left:2px; }
    .visualPager .btnMoPrev,
    .visualPager .btnMoNext { display:block; position:absolute; top:50%; width:9px; height:16px; margin-top:-8px; }
    .visualPager .btnMoPrev { left:13px; }
    .visualPager .btnMoNext { right:13px; }
	
    /* 프로그램 */
    .program_g { padding-bottom:20px; background-color:#fff; }
    .program_g .gallerylist { margin-top:0; padding-left:0; min-height:0; max-height:none; } /* 200902 */
    
    .program_g .gallerylist {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
	.program_g .gallerylist {max-width:960px;width:100%;margin:0 auto;}
	.program_g .gallerylist > ul {font-size:0;}
	.program_g .gallerylist > ul > li {display:inline-block;vertical-align:top;width:50%;}
	.program_g .gallerylist > ul > li > a {display:block;width:auto;text-decoration: none;margin:20px;}
	
	.gallerylist {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
	.gallerylist {max-width:960px;width:100%;margin:0 auto;}
	.gallerylist > ul {font-size:0;}
	.gallerylist > ul > li {display:inline-block;vertical-align:top;width:50%;}
	.gallerylist > ul > li > a {display:block;width:auto;text-decoration: none;margin:20px;}
	
	
	
    /* 빠른메뉴 */
    .quickWrap { position:static; width:auto; padding:40px 15px; background-color:transparent; border-top:1px solid #dedede; }
    .quickWrap:before { display:none; }
    .quickWrap>.inner { padding:0; }
    .quickWrap>.inner .video1 { display:block; width:auto; margin:30px 0 0; }
    .quickWrap>.inner .video2 { display:block; width:auto; margin:30px 0 0; }
    .quickWrap>.inner .video3 { display:block; width:auto; margin:30px 0 0; }
    .quickWrap h2 { font-size:19px; }
    .quickWrap .video .more { top:3px; }
	
	 /* About_news */
    .main_mid_Cont { position:static; width:auto; padding:40px 15px; background-color:transparent; border-top:1px solid #dedede; }
 	.main_mid_Cont:before { display:none; }
 	.main_mid_Cont>.inner { padding:0; }
 	.main_mid_Cont>.inner .main_About { width:48.5%; }
 	.main_mid_Cont>.inner .main_Notice { width:48.5%; margin-left:3%; }
 	.main_mid_Cont h2 { font-size:19px; }
 	.main_mid_Cont .video .more { top:3px; }
	
	
    /* 스토리 */
    .story { margin:0 auto; }
    .storyInner .snsList>li a { overflow:hidden; width:38px; height:38px; padding:0; background-size:cover; text-indent:-999px; }
    .snsFeed .feedList { position:relative; float:none; width:auto; padding-top:30px; }
    .snsFeed .feedList .feedSlide { margin:0 -2px; }
    .feedSlide .item { margin:0 2px; }
    .feedSlide .txtWrap .icon { right:10px; width:26px; height:26px; margin-top:-15px; }
    .snsFeed .feedList .feedPager { position:absolute; top:0; left:0; width:100%; margin:0 auto; }
    .snsFeed .feedList .feedPager:before { display:none; }
    .feedPager button { width:auto; margin:0; }
    .feedPager button.prev { padding:0 15px 0 35px; background-size:20px auto; }
    .feedPager button.next { padding:0 35px 0 15px; background-size:20px auto; }
    .storyInner .snsFeed .youtube { position:relative; float:none; width:auto; margin-top:30px; }
    .snsFeed .youtube a .txt { position:absolute; bottom:8%; left:5%; width:90%; margin-top:0; color:#fff; }
}
@media all and (max-width: 640px) {
    /* 비주얼*/
    .visualSlide a .txtWrap>em { font-size:20px; }
    .visualSlide a .txtWrap .txt { font-size:12px; }
    .visualSlide a .txtWrap .more { font-size:11px; }
    /* 프로그램 */
  	.program_g { padding-bottom:20px; background-color:#fff; }
    .program_g .programList  { margin-top:0; padding-left:0; min-height:0; max-height:none; } /* 200902 */
    
    .program_g .programList .gallerylist {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
	.program_g .programList .gallerylist {max-width:640px;width:100%;margin:0 auto;}
	    
    .gallerylist {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
	.gallerylist {max-width:640px;width:100%;margin:0 auto;}
	

    /* 빠른메뉴 */
    .quickWrap { padding:35px 15px 40px; }
    .quickWrap h2 { margin-bottom:14px; font-size:17px; }
    .quickWrap>.inner .video { margin-top:20px; }
	/* About_news */
    .main_mid_Cont { padding:35px 15px 40px; }
    .main_mid_Cont h2 { margin-bottom:14px; font-size:17px; }
    .main_mid_Cont>.inner .video { margin-top:20px; }
	
	
    /* 스토리 */
    .story { padding:40px 15px 30px; }
    .storyInner h2 { margin-bottom:25px; font-size:22px; }
    .storyInner .snsList { margin-bottom:20px; }
    .storyInner .snsList>li { margin-left:20px; }
    .storyInner .snsList>li a { width:36px; height:36px; }
    .feedSlide .item a { padding-top:116%; font-size:12px; }
    .feedSlide .txtWrap .txt { height: 3.75em; }
    .storyInner .snsFeed .youtube { margin-top:20px; }
    .snsFeed .youtube a { font-size:13px; }
    .snsFeed .youtube a .txt { margin-top:13px; }
}
@media all and (max-width: 480px) {
    /* 프로그램 */
  	.program_g { padding-bottom:20px; background-color:#fff; }
    .program_g .programList  { margin-top:0; padding-left:0; min-height:0; max-height:none; } /* 200902 */
    
    .program_g .programList .gallerylist {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
	.program_g .programList .gallerylist {max-width:640px;width:100%;margin:0 auto;}
	    
    .gallerylist {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
	.gallerylist {max-width:640px;width:100%;margin:0 auto;}

    .mo_gal_list  {visible; }	
	.mo_gal_list {max-width:480px;width:100%;margin:0 auto;}
	
}

/* button */
.button1 { height:47px; line-height:47px; font-size:15px; background:url(../../img/button/btn1_left.gif) no-repeat left top; cursor:pointer; display:inline-block; vertical-align:middle; padding-left:1px;}
.button1 a { white-space:nowrap; font-size:15px; font-weight:500; background:url(../../img/button/btn1_right.gif) no-repeat right top; color:#fff; cursor:pointer; padding:1px 34px 0 33px; height:47px; line-height:47px; display:inline-block; font-weight:500; }
.button1 input {white-space:nowrap; font-size:15px; font-weight:500; background:url(../../img/button/btn1_right.gif) no-repeat right top; color:#fff !important;cursor:pointer; padding:1px 34px 0 33px; height:47px; line-height:47px; display:inline-block; overflow:visible; border:0; }

.button2 { height:30px; line-height:30px; font-size:14px; background:url(../../img/button/btn2_left.gif) no-repeat left top; cursor:pointer; display:inline-block; vertical-align:middle; padding-left:1px;}
.button2 a { white-space:nowrap; font-size:14px; font-weight:500; background:url(../../img/button/btn2_right.gif) no-repeat right top; color:#fff; cursor:pointer; padding:1px 20px 0 19px; height:30px; line-height:30px; display:inline-block; text-decoration:none; }
.button2 input { white-space:nowrap; font-size:14px; font-weight:500; background:url(../../img/button/btn2_right.gif) no-repeat right top;color:#fff; cursor:pointer; padding:1px 20px 0 19px; height:30px; line-height:30px; display:inline-block; overflow:visible; border:0; }

.button3 { height:28px; line-height:28px; font-size:13px; background:url(../../img/button/btn3_left.gif) no-repeat left top; cursor:pointer; display:inline-block; vertical-align:middle; padding-left:1px;}
.button3 a { white-space:nowrap; font-size:13px; font-weight:500; background:url(../../img/button/btn3_right.gif) no-repeat right top; color:#fff !important; cursor:pointer; padding:1px 10px 0 9px; height:28px; line-height:28px; display:inline-block; }
.button3 input { white-space:nowrap; font-size:13px; font-weight:bold; color:#fff !important; cursor:pointer; padding:1px 10px 0 9px; height:28px; line-height:28px; display:inline-block; overflow:visible; border:0; }

.button {display:inline-block;background:#ea347e;border:none;color:#fff !important;padding:0 22px;height:36px;line-height:36px !important;font-size:15px;font-weight:400;vertical-align:middle;}
.button img{height:16px;margin-right:2px;margin-bottom:1px;}
.button.gray{color:#fff;background:#595959;}
.button.red{color:#fff;background:#dc2425;}
.button.green{color:#fff;background:#22a275;}
.button.orange{color:#fff;background:#ff8527;}
.button.blue{color:#fff;background:#425fa8;}
.button.blue a{color:#fff;}

@media all and (max-width: 960px) {
    .button1 { background:none; }
}

/* board block */
.boardblock { position:relative;width:100%; display:inline-block; margin:5px 0 15px 0; text-align:center; font-size:13px; }
.boardblock.pd_t20 { padding-top:20px; }
.boardblock.mg_t40 { margin-top:40px; }
.boardblock .right{ float:right;width:100%;margin: 10px 0 30px;padding: 0 0px; }
.boardblock .right .button1 { line-height:45px; }


/* layerPopup */
.layerPopWrap { visibility:hidden; overflow-y: auto; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; opacity:0; transition:all .2s ease}
.layerPopWrap .bg {position:fixed; top:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.8);}
.layerPopWrap .layerPopCont { position:absolute; top:50%; left:50%; width:568px; padding:24px 64px 0; margin-left:-284px; background:#fff; -webkit-font-smoothing: antialiased; transform:translateY(-30px); transition:transform .4s ease .2s;  opacity:0;}
.layerPopWrap .layerPopCont .layerPopClose { position:absolute; top:-26px; right:0; width:18px; height:18px; font-size:0; background:url('/inc/leo2020/images/main/btn_close_search.png') no-repeat;}

.layerPopWrap.normalLayer {}
.layerPopWrap.normalLayer .layerPopCont { opacity:0; top:0; left:50%; width:800px; padding:0 32px; margin-left:0; margin-top:0; transform:translateX(-50%) translateY(-30px); transition:transform .4s ease .2s;}
.layerPopWrap.normalLayer .popHeader { height:56px; line-height:56px; margin:0 -32px 32px; padding:0 32px; font-size:18px; color:#ffffff; font-weight:450; background:#857b71;}
.layerPopWrap.normalLayer .layerPopClose { position:absolute; top:19px; right:24px;}

.layerPopWrap.on { visibility:visible; opacity:1;}
.layerPopWrap.on .layerPopCont { transform:translateY(0); opacity:1;}
.layerPopWrap.on.normalLayer .layerPopCont { transform:translateX(-50%) translateY(0); opacity:1;}
.layerPopWrap .mapPop img {max-width:736px;}


/* 프로그램안내 */

@media all and (max-width: 960px) {
 
}
@media all and (max-width: 640px) {
 
}
@media all and (max-width: 480px) {
    
}