@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */
/* 초기화 */
html {overflow-y:scroll; scroll-behavior: smooth;}
body {margin:0; padding:0; font-size:0.75em; font-family:'Noto Sans Korean','Malgun Gothic', dotum, sans-serif; background:#fff; min-width:280px; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0; padding:0; border:0;  word-break:break-word;}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-family:'Noto Sans Korean','Malgun Gothic', dotum, sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; }

ul, dl,dt,dd {margin:0; padding:0; list-style:none; }
legend {position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden; }
label, input, button, select, img {vertical-align:middle; font-size:1em; }
input, button {margin:0; padding:0; font-family:'Noto Sans Korean','Malgun Gothic', dotum, sans-serif; font-size:1em; }
input[type="submit"],
button {cursor:pointer; -webkit-appearance: none; -webkit-border-radius: 0; }

textarea, select {font-family:'Noto Sans Korean','Malgun Gothic', dotum, sans-serif; font-size:1em; }
select {margin:0; }
p {margin:0; padding:0; word-break:break-word; }
hr {display:none; }
pre {overflow-x:scroll; font-size:1.1em; }
a {color:#000; text-decoration:none; }
img{max-width:100%; }
.draggable{height:auto !important; }
.clb{clear:both; }
.center{text-align:center; }

*, :after, :before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

input[type=text],input[type=password], textarea {-webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; }
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {-webkit-box-shadow:  0 0 5px #9ed4ff; -moz-box-shadow:  0 0 5px #9ed4ff; box-shadow: 0 0 5px #9ed4ff; border: 1px solid #558ab7 !important; }
.placeholdersjs { color: #aaa !important; }

.displayNoneImportant{display:none !important; }

/* 서브페이지 비쥬얼 슬라이더 */
#sliderSpace{ overflow:hidden; width:100%; height:auto;}
#sliderSpace img{display:block; width:100%; height:auto;filter:Alpha(opacity=0); opacity:0; -moz-opacity:0;}
.mainVisualImage{padding:0px !important;position:relative; overflow:hidden;}
.mainVisualImage .mvSlider{padding:0px !important; margin:0px !important;width:100%; overflow:hidden; background:none; position:absolute; z-index:1;visibility:visible;}
.mainVisualImage .bx-wrapper{margin-bottom:0px; }
.mainVisualImage .bx-viewport{margin:0px !important; padding:0px !important;}
.mainVisualImage .mvSlider ul{width:100%;margin:0px !important; padding:0px !important; background:#000;}
.mainVisualImage .mvSlider ul li{width:100% ; height:100%; position:relative; overflow:hidden;margin:0px !important; padding:0px !important; background-size:cover; background-position:center center; background-color:#000;}
.mainVisualImage .mvSlider ul li > a{width:100%; display:block; position:absolute; z-index:4; left:0px; right:0px; bottom:0px; top:0px; background:RGBA(0,0,0,0.0);}
.mainVisualImage .mvSlider ul li > a > img{width:100%;  display:block; width:100% !important; position:relative; z-index:1;}
.mainVisualImage .mvSlider ul li > img{width:100%; display:block; width:100% !important; position:relative; z-index:1;filter:Alpha(opacity=0); opacity:0; -moz-opacity:0;}
.mainVisualImage .mvSlider ul li img.opacity0fhd{display:block; width:100% ; height:1080px;}
.mainVisualImage .mvSlider ul li .WCMSScontS{position:absolute; left:15%; right:15%;top:0px; bottom:0px; z-index:2; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.mainVisualImage .mvSlider ul li .WCMSScontS > dl{width:100%;height:100%; position:relative; top:0px; bottom:0px; left:0px; right:0px;}
.mainVisualImage .mvSlider ul li .WCMSScontS > dl dt{display:block; position:absolute; left:0px; right:0px; bottom:44%; font-size:46px; font-weight:bold;}
.mainVisualImage .mvSlider ul li .WCMSScontS > dl dd{display:block; position:absolute; left:0px; right:0px; top:36%; font-size:26px; text-decoration:none;}
.mainVisualImage .mvSlider ul li .WCMSScontS > dl dt,
.mainVisualImage .mvSlider ul li .WCMSScontS > dl dd{color:#fff;text-shadow:0px 0px 10px rgba(0,0,0,0.3),0px 0px 14px rgba(0,0,0,0.3),0px 0px 10px rgba(0,0,0,0.3);}
.mainVisualImage .mvSlider ul li .WCMSScontS > dl dd a{margin-top:15px;display:inline-block; font-size:14px; color:#fff; background:#000; padding:10px 30px; border-radius:50px; letter-spacing:1px;text-shadow:0px 0px 0px rgba(0,0,0,0),0px 0px 0px rgba(0,0,0,0),0px 0px 0px rgba(0,0,0,0); -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-duration: 0.3s; transition-timing-function: ease;}
.mainVisualImage .mvSlider ul li .WCMSScontS > dl dd a:hover{filter:Alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.mainVisualImage .mvSlider ul li .WCMSScontS > dl dt,
.mainVisualImage .mvSlider ul li .WCMSScontS > dl dd{filter:Alpha(opacity=0); opacity:0; -moz-opacity:0;-webkit-transition-duration: 0.6s; -webkit-transition-timing-function: ease; transition-duration: 0.6s; transition-timing-function: ease;}
.mainVisualImage .mvSlider ul li.on .WCMSScontS > dl dt,
.mainVisualImage .mvSlider ul li.on .WCMSScontS > dl dd{filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;}
.mainVisualImage .mvSlider ul li.on .WCMSScontS > dl dt{bottom:54%;}
.mainVisualImage .mvSlider ul li.on .WCMSScontS > dl dd{ top:46%; }

.mainVisualImage .bx-wrapper .bx-pager{position:absolute !important; width:100%; left:0px; bottom:30px; z-index:9; text-align:center; }
.mainVisualImage .bx-wrapper .bx-pager a{-moz-border-radius:10px !important; -webkit-border-radius:10px !important; border-radius:15px !important; width:12px !important; height:12px !important; border:2px solid rgba(255,255,255,0.5); background:rgba(0,0,0,.4) !important; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.mainVisualImage .bx-wrapper .bx-pager.bx-default-pager a:focus,
.mainVisualImage .bx-wrapper .bx-pager.bx-default-pager a:hover{background:RGBA(255,255,255,0.8) !important; }
.mainVisualImage .bx-wrapper .bx-pager.bx-default-pager a.active{width:40px !important; background:RGBA(4,4,4,.8) !important; border:2px solid rgba(255,255,255,0.5);  -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }

.mainVisualImage .txtLeft{text-align:left;}
.mainVisualImage .txtCenter{text-align:center !important;}
.mainVisualImage .txtRight{text-align:right;}

.mainVisualImage .youtubeBackgroundBG{ width:100%; height:100%; position:absolute; z-index:1;  top:0px; bottom:0px; left:0px; right:0px;  background:#000;overflow:hidden; color:#fff;}
.mainVisualImage .youtubeBackgroundBG > i.fa{display:block; width:80px; height:80px; line-height:80px; text-align:center; position:absolute; z-index:1; left:50%; top:50%; margin-left:-40px; margin-top:-40px; color:rgba(255,255,255,0.3); font-size:60px;}
.mainVisualImage .youtubeBackgroundBG .youtubePlayer{width:100%; height:100%; z-index:2; top:0px; bottom:0px; left:0px; right:0px;border:0px;overflow:hidden; background:transparent !important;}
.mainVisualImage .youtubeBackgroundBG .youtubePlayer:after{content:'';display:block;position:absolute; z-index:3; top:0px; bottom:0px; left:0px; right:0px; width:100%; height:100%; background:rgba(0,0,0,0.0.9);}

@media all and (max-width:800px)
{
	.mainVisualImage .bx-wrapper .bx-pager{bottom:10px !important; }
	.mainVisualImage .bx-wrapper .bx-pager a{width:8px; height:8px !important; margin:0 2px;  border:1px solid rgba(255,255,255,0.5);}
	.mainVisualImage .bx-wrapper .bx-pager.bx-default-pager a.active{width:28px !important;  border:1px solid rgba(255,255,255,0.5);}
	.mainVisualImage .bx-wrapper ul > li{width:100%; overflow:hidden; }
	.mainVisualImage .bx-wrapper ul > li img{width:160% !important; max-width:160% !important; margin-left:-30%; }
	
	.mainVisualImage .mvSlider ul li .WCMSScontS > dl dt{font-size:30px;}
	.mainVisualImage .mvSlider ul li .WCMSScontS > dl dd{font-size:16px; padding-top:5px;}
	.mainVisualImage .mvSlider ul li .WCMSScontS > dl dd a{ font-size:12px; padding:8px 15px; margin-top:10px; line-height:1.6em;}

	#sliderSpace img{width:160% !important; max-width:160% !important; height:auto; margin-left:-30%;}

}

@media all and (max-width:700px)
{
	.mainVisualImage .mvSlider ul li .WCMSScontS > dl dt{font-size:20px !important; }
	.mainVisualImage .mvSlider ul li .WCMSScontS > dl dd{font-size:12px !important; }
}

@media all and (max-width:460px)
{
	.mainVisualImage .bx-wrapper .bx-pager{bottom:10px !important; }
	.mainVisualImage .bx-wrapper .bx-pager a{width:8px; height:8px !important; margin:0 2px;  border:1px solid rgba(255,255,255,0.5);}
	.mainVisualImage .bx-wrapper .bx-pager.bx-default-pager a.active{width:28px !important;  border:1px solid rgba(255,255,255,0.5);}
	.mainVisualImage .bx-wrapper ul > li{width:100%; overflow:hidden; }
	.mainVisualImage .bx-wrapper ul > li img{width:100% !important; max-width:100% !important; margin-left:-30%; }	

	#sliderSpace img{width:100% !important; max-width:100% !important; height:auto; margin-left:-30%;}

}

#program_schedule { position:relative; width:100%;}
#program_schedule .inner {width:100%; margin:0 auto; }
#program_schedule .m_tit {padding:0 10px; text-align:center; }
#program_schedule a.btn_movie{display:inline-block; text-align:center; width:100%; height:50px; line-height:50px; font-size:1.25em; color:#fff; background-color: #84a745; border:0px solid #424242; border-radius:50px;  margin:40px auto 0; transition: 0.3s all ease;   -webkit-transition: 0.3s all ease;   -moz-transition: 0.3s all ease;   -ms-transition: 0.3s all ease;   -o-transition: 0.3s all ease; }
#program_schedule a.btn_movie:hover{color:#fff; background:#e98126; border:0px solid #a81f23; transition: 0.3s all ease; }



/* 팝업레이어 */
#hd_pop {position:absolute; left:0px; top:0px; z-index:999999999999999999; width:100%; height:0;}
#hd_pop h2 {position:absolute; font-size:0; line-height:0; overflow:hidden; }
.hd_pops {position:absolute; border:1px solid #666; background:#fff; max-width:90%;  box-shadow:0px 0px 20px rgba(0,0,0,0.2),0px 0px 14px rgba(0,0,0,0.5),0px 0px 20px rgba(0,0,0,0.2);  -webkit-transition-duration: 0.6s;-webkit-transition-timing-function: ease;transition-duration: 0.6s;transition-timing-function: ease; }
.hd_pops img{max-width:100%; }
.hd_pops_con {max-width:100%; }
.hd_pops_footer {height:50px; padding: 0; background:#000; color:#fff; text-align:left; position:relative;}
.hd_pops_footer:after {display:block; visibility:hidden; clear:both; content:""; }
.hd_pops_footer button { height:30px; line-height:30px; padding:0 15px; border:0; color:#fff; }
.hd_pops_footer .hd_pops_reject{background:#222;; text-align:left;  margin:10px 0 0 10px;color:#c1ad9a;}
.hd_pops_footer .hd_pops_reject strong{color:#fff; font-size:1.4em; display:inline-block; padding-right:3px;}
.hd_pops_footer .hd_pops_reject strong:before{content:'';display:inline-block; width:18px; height:18px; vertical-align:middle; background:URL(../img/ico_eye_slash.png) no-repeat center center; background-size:100% auto; margin-right:6px;}
.hd_pops_footer .hd_pops_close{text-indent:-99999999px; overflow:hidden;background:URL(../img/close_btn.gif) no-repeat center center #393939; color:#393939; position:absolute; top:0px; right:0px; width:50px; height:50px; line-height:50px; padding:0px;text-align:center;}
.hd_pops_footer button:hover{background:#333;}
.hd_pops_footer button:hover.hd_pops_close{background:URL(../img/close_btn.gif) no-repeat center center #666;}
@media all and (max-width: 980px)
{	
	#hd_pop  .hd_pops{left:5% !important; top:70px !important; max-width:90% !important; }
	.hd_pops_con{height:auto !important; }
	.hd_pops_footer{font-size:11px; letter-spacing:-0.05px; }
}

/* 상단 레이아웃 */
#hd {position:fixed; left:0px; top:0px; z-index:99999999999;}
#hd_h1 {position:absolute; font-size:0; line-height:0; overflow:hidden; }

#sbn_side{position:absolute; top:20px; right:0; }

/* 메인메뉴 */
#topLogo {display:block; position:fixed; left:0px; top:0px; padding:5.5px; z-index:999999; background:#fff; width:100%; border-bottom:1px solid #70613e;}
/*#topLogo img{display:block; height:30px; width:auto; }*/
#topLogo img{display:block; height:40px; width:auto; }

#allSchBox {padding-top:30px;}
#allSchBox fieldset{position:relative; width:100%;  background:#fff; overflow:hidden; }
#allSchBox fieldset #sch_stx{border:0px; width:100%; height:40px; padding-left:10px; border:2px solid #ddd;}
#allSchBox fieldset input:hover#sch_stx,
#allSchBox fieldset input:focus#sch_stx{ border:2px solid #000 !important;}
#allSchBox fieldset #sch_submit{width:40px; height:40px; line-height:40px; position:absolute; right:0px; top:0px; background:none; border:0px; color:#000; font-size:18px; text-align:center; }
#allSchBox fieldset #allSchBoxClose{width:40px; height:40px; line-height:40px; position:absolute; right:0px; top:0px; background:#000; color:#fff; font-size:18px; text-align:center; cursor:pointer; }

/* 중간 레이아웃 */
#ctWrap{width:100%; max-width:1200px; margin:50px auto 100px; }
#ctWrap:after{content:'';display:block; clear:both;}

#page_title {width:100%; text-align:center; background-color:#fff; color:#fff; background-position:center center; background-repeat:repeat; overflow:hidden;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#page_title .page_title_in{padding:80px 20px; background:RGBA(0,0,0,0.3); }
#page_title .page_title_in h2{margin:0 auto; width:90%; max-width:1100px; }
#page_title .page_title_in h2 > strong{display:block; font-size:70px; height:80px; line-height:120px; padding:40px 0 10px 0; width:100%; margin:0 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-shadow:0px 0px 10px rgba(0,0,0,0.5),0px 0px 14px rgba(0,0,0,0.5),0px 0px 10px rgba(0,0,0,0.5); -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
#page_title .page_title_in h2 .titleBbar { width:0px; height:2px; background:#fff;  filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; }
#page_title.on .page_title_in h2 > strong{line-height:80px; padding:0 0 10px 0; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: ease; transition-duration: 0.8s; transition-timing-function: ease; }
#page_title.on .page_title_in h2 .titleBbar {width:10%;  min-width:80px;display:block; margin:0 auto;filter:Alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: ease; transition-duration: 0.8s; transition-timing-function: ease; } 

.pgLoadStand{height:1px; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-duration: 0.3s; transition-timing-function: ease; }
.pgLoadOK{height:auto !important; -webkit-transition-duration: 0.6s; -webkit-transition-timing-function: ease; transition-duration: 0.6s; transition-timing-function: ease; }

#container {padding:0 30px; min-height:200px;  height:auto; font-size:1em; zoom:1; }
#container:after {display:block; visibility:hidden; clear:both; content:""; }

.subTopLocNav{width:90%; margin:0 auto; max-width:1px; margin:-30px auto 10px; position:relative; z-index:99; display:none;filter:Alpha(opacity=0); opacity:0; -moz-opacity:0;}
.leftMenuUseFlase .subTopLocNav{display:block; }
.leftMenuUseFlase .subTopLocNav.nonTitle{display:none !important; }
.subTopLocNav:after{content:'';display:block; clear:both;}
.subTopLocNav .loc1DA,
.subTopLocNav .loc2DA{display:block; cursor:pointer; width:50%; float:left; height:60px; line-height:60px; background:#fff; border:1px solid #ddd; font-size:16px; position:relative;}
.subTopLocNav .loc1DA u,
.subTopLocNav .loc2DA u{display:block; width:1px; height:1px; background:#000;filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; position:absolute; left:50%; bottom:0px;-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;}
.subTopLocNav .loc1DA.on u,
.subTopLocNav .loc2DA.on u,
.subTopLocNav a:hover.loc1DA u,
.subTopLocNav a:hover.loc2DA u{left:0px; width:100%;filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;}
.subTopLocNav .loc1DA b,
.subTopLocNav .loc2DA b{display:block; text-align:center; height:60px; line-height:60px; margin:0 36px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.subTopLocNav .loc2DA{margin-left:-1px;}
.subTopLocNav .loc2DA b i{display:none;}

.subTopLocNav .loc1DA i{transform: rotate(-90deg);}
.subTopLocNav .loc1DA i,
.subTopLocNav .loc2DA i{display:block; width:26px; height:26px; text-align:center; line-height:26px; border-radius:50%; font-size:20px; color:#999; position:absolute; right:10px; top:50%; margin-top:-13px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }

.subTopLocNav .loc1DA.on i,
.subTopLocNav .loc2DA.on i{transform: rotate(180deg); color:#000;}

.locHomeDA{width:60px; height:60px; text-align:center; line-height:60px; position:absolute; left:0px; top:0px; background:#fff; font-size:18px; border:1px solid #ddd; color:#999;}

.subTopLocNav2Don {max-width:960px;filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;}
.subTopLocNav2Doff .loc1DA i{transform: rotate(0deg);}
.subTopLocNav2Doff {max-width:600px;filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;}
.subTopLocNav2Doff .loc2DA{display:none; }
.subTopLocNav2Doff .loc1DA,
.subTopLocNav2Doff .bNBar1D{width:100%;}

.contentTitle{width:100%; overflow:hidden;  padding:30px 0;margin-bottom:30px; text-align:center;}
.contentTitle strong:before{content:''; display:block; width:3px; height:50px; margin:0 auto; margin:-30px auto 20px auto; background:#ddd; transform: rotate(90deg);}
.contentTitle strong{display:block;  color:#c075b6; font-size:40px;padding-bottom:15px;}
.contentTitle .locationBar{display:block; color:#424242; font-weight:normal; font-size:14px;}
.contentTitle .locationBar i{color:#ddd; display:inline-block; padding:0 10px;}
.contentTitle .locationBar:after{content:''; display:block; width:3px; height:50px; margin:0 auto; margin:20px auto 0 auto; background:#ddd; transform: rotate(90deg);}

	#snb > li > h2{width:100%;background:#111;}
	#snb > li > h2 a{display:block;position:relative;background:rgba(0,0,0,0.2); text-align:center; padding:80px 10px; color:#fff;font-family:'Noto Sans Korean','Malgun Gothic'}
	#snb > li > h2 a b{display:block;font-size:24px;overflow:hidden; word-break:keep-all;}
	#snb > li > h2 a sub{display:block;width:30%; margin:20px auto 0;height:1px; background:#fff; filter:Alpha(opacity=30); opacity:0.3; -moz-opacity:0.3;}
	#snb > li .snb2dDown{display:none;}

	#snb > li > ul{margin-bottom:30px;}
	#snb > li > ul > li{}
	#snb > li > ul > li:first-child{border-top:0px;}
	#snb > li > ul > li a{display:block;padding:15px;color:#666;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#snb > li > ul > li a b{font-size:13px;}
	#snb > li > ul > li a:hover{-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#snb > li > ul > li.snb2d.active{}
	#snb > li > ul > li.snb2d.active a b{color:#000;}
	#snb > li > ul > li a{overflow:hidden;}
	#snb > li > ul > li a i{float:right;}

	.sideLogo{display:block; padding:30px 0;}
	.sideLogo img{display:block; }

	#snbMvAr{display:block; }
	#snbMvAr a#btnHome{background:#fff; padding:0 15px; font-weight:bold; font-size:14px; height:50px; line-height:50px; }
	#snbMvAr a#snbClose{background:#000; border-left:1px solid #f2f2f2; width:50px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:18px; position:absolute; top:0px; right:0px; }

	#sideBarCover{display:none; background:rgba(0,0,0,0.6); position:fixed; left:0px; top:0px; bottom:0px; right:0px; z-index:999999; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
	#sideBarCover.on{display:none; }

	#sideBar{display:block; position:fixed; left:0px; top:0px; bottom:0px; z-index:9999998; width:300px; padding:30px; overflow:auto; background:#fff; 
		-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; 
		box-shadow:0px 0px 10px rgba(0,0,0,0.07),0px 0px 14px rgba(0,0,0,0.07),0px 0px 10px rgba(0,0,0,0.07);}
	#sideBar::-webkit-scrollbar {width: 8px; }
	#sideBar::-webkit-scrollbar-thumb {background-color: #cacaca; background-clip: padding-box; border: 1px solid transparent; border-radius: 50px;}
	#sideBar::-webkit-scrollbar-track {background-color: #efefef;}
	#sideBar.on{left:0px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
	#sideBar #snb {margin-top:20px; width:100%; }
	#sideBar #snb .snb{display:block !important; border-bottom:1px solid #f2f2f2; position:relative; width:100%; }
	#sideBar #snb > li.snb.active{display:block !important; }
	#sideBar #snb .snb > h2{position:relative;width:100%; }
	#sideBar #snb .snb > h2 a{padding:15px;  text-align:left; color:#000; background:#fff; }
	#sideBar #snb .snb > h2 a b{font-size:16px; padding-right:50px; font-weight:500;position:relative; display:inline-block; z-index:2;}
	#sideBar #snb .snb > h2 a sub{display:none; }
	#sideBar #snb .snb > h2:after{content:'';display:block; position:absolute; z-index:1; left:-5px; top:50%; margin-top:150px; width:10px; height:10px; background:none; border-radius:50%;
		-webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-duration: 0.3s; transition-timing-function: ease; }
	#sideBar #snb .snb.active > h2:after{background:#000; margin-top:-6px; }
	#sideBar #snb .snb.active > h2 a{}

	#sideBar #snb .snb .snb2dDown{display:block; position:absolute; right:0px; top:15px; height:50px; width:50px; overflow:hidden; cursor:pointer; }
	#sideBar #snb .snb .snb2dDown i,
	#sideBar #snb .snb .snb2dDown u{text-decoration:none; text-align:center; width:30px; height:30px; line-height:30px; font-size:20px; margin:0 10px; border-radius:50%; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;}
	#sideBar #snb .snb .snb2dDown:hover i,
	#sideBar #snb .snb .snb2dDown:hover u{background:#efefef;}
	#sideBar #snb .snb .snb2dDown i{display:block; color:#999; 
		-webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-duration: 0.3s; transition-timing-function: ease;}
	#sideBar #snb .snb .snb2dDown u{display:none;  color:#000; }
	#sideBar #snb .snb.show .snb2dDown i{display:block; color:#000; transform: rotate(180deg);}

	#sideBar #snb .snb > ul{display:none; margin-bottom:20px;} 
	#sideBar #snb .snb > ul > li{  border-top:0px; border-bottom:0px; }
	#sideBar #snb .snb.active > ul > li{ }
	#sideBar #snb .snb > ul > li a{padding:8px 15px; }
	#sideBar #snb .snb > ul > li a b{font-size:14px; color:#333; display:inline-block; padding-bottom:4px; position:relative; font-weight:400;
		-webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-duration: 0.3s; transition-timing-function: ease; }
	#sideBar #snb .snb > ul > li a b:after{content:''; display:block; width:1px; height:1px; position:absolute; left:0px; bottom:0px;
		-webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-duration: 0.3s; transition-timing-function: ease; }
	#sideBar #snb .snb > ul > li a b i{display:none; }
	#sideBar #snb .snb > ul > li a:hover b{color:#666;}
	#sideBar #snb .snb > ul > li a:hover b:after{width:100%; background:#999;}

	#sideBar #snb .snb > ul.snb2dul > li.active a b{color:#000; }
	#sideBar #snb .snb > ul.snb2dul > li.active a b:after{width:100%; background:#000;}
	#sideBar #snb .snb.active > ul.snb2dul{display:block; }

	#sideBar #snb li.noInfoPageTit,
	#sideBar #snb li.noInfoPageTit.active{display:none !important; }
	.snbCS{border:0px; }

	.snbMvArBtn{overflow:hidden;padding:10px 0; border-top:1px dashed #f2f2f2;  text-align:center;}
	.snbMvArBtn a{display:inline-block; padding:5px 7px; font-size:11px; color:#999;}
	.snbMvArBtn a:hover{color:#333;}
	#snbMvArBottom{border-top:1px dashed #efefef; padding:10px; text-align:center; }
	#snbMvArBottom a{display:inline-block; padding:5px 10px; border:1px solid #ddd; border-radius:3px; }

	.snbCS{padding:20px 0; text-align:center;}
	.snbCS dt{padding-bottom:10px; font-size:16px; font-weight:bold; color:#333; }
	.snbCS dd{font-size:11px; color:#574f88; }
	.snbCS dd strong{display:block; font-size:18px; padding-bottom:10px; color:#574f88; }
	.snbCS dd strong i{color:#999;}
	.snbCS dd b{display:block; font-size:11px; }
	.snbCS dd a{color:#999;}
	.snbCS dd a:hover{color:#000;}

	.gnb_empty{padding:15px 0; font-size:16px; color:#999; text-align:center;}


/* 하단 레이아웃 */
#footer {clear:both;  padding:50px 15px; text-align:center; border-top:1px solid #efefef; background:#e8cde4;}
#footer > dl{width:100%; text-align:center; }
#footer > dl > dt{width:100%; text-align:center; font-weight:bold; color:#000; font-size:14px;}
#footer > dl > dt img{display:block; margin:0 auto; height:40px; width:auto; }
#footer > dl > dd{padding:15px 0; }
#footer > dl > dd a{display:inline-block; padding:5px; color:#000; font-size:12px; font-weight:bold; }
#footer > dl > dd a:hover{color:#000; }
#footer address{font-size:12px; font-style:normal; color:#000; }
#footer address span{display:inline-block; padding:2px 5px; }
#footer address em{display:inline-block; color:#000; }
#footer address a{color:#000;}
#footer address a:hover{color:#000;}
#footer p{color:#000; font-size:11px; font-family:verdana; padding-top:15px; }

#top_btn ,
#top_btn:hover{position:fixed; bottom:-53px; right:0px; width:50px; height:50px; line-height:50px; border:0; text-align:center; font-size:30px; z-index:999999; color:#fff; background:#000;filter:Alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;-webkit-transition-duration: 0.4s;-webkit-transition-timing-function: ease;transition-duration: 0.4s;transition-timing-function: ease;}

.scDown #top_btn{bottom:0px !important;}

#topID{display:block; position:absolute; left:0px; top:2px; }
.dashHr{display:block; clear:both; margin:30px 0; border:0px; border-top:3px dashed #ddd; }

/*.term_area{width:100%; position:relative; max-width:600px; }*/
.term_area{width:100%; position:relative; max-width:1024px; }
.term_area header{position:absolute; left:0px; right:0px; top:0px; height:40px; background:#242424; color:#fff; }
.term_area header h1{font-size:16px; padding:0 10px; height:40px; line-height:40px; }
.term_area section{padding:50px 10px 30px 10px; overflow:auto; }
.term_area section p{padding:20px; white-space:pre-line; font-size:12px; color:#666; }
.term_area footer{position:absolute; left:0px; right:0px; bottom:0px; height:30px; line-height:30px; background:#ddd; color:#999; font-family:verdana; font-size:11px; text-align:center; }

/* TRANS */
.transOJ,
.transOJ:hover{-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }

/* 레이어팝업 2020-02-06*/
.noEmail{border:0px; width:100%; max-width:400px; background:#fff; text-align:center; }
.noEmail h3{font-size:18px; padding:20px; color:#000; text-align:center; }
.noEmail h4{padding:20px 0; font-size:11px; color:#666; text-align:center; }
.noEmail p{padding:20px; color:#999; font-size:12px; text-align:left; }

.bo_cate_link {display: inline-block;color: #c89b43;height: 20px;font-size:0.92em} /* 글제목줄 분류스타일 */

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove  .win_desc {text-align:center; display:block; }
#copymove  .tbl_wrap{margin:20px ; }
#copymove  .win_btn{padding:0 20px 20px; }
.copymove_current {float:right; background:#ff3061; padding:5px; color:#fff; border-radius:3px; }
.copymove_currentbg {background:#f4f4f4; }

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute; top:0; left:0; font-size:0; line-height:0; overflow:hidden; }
.msg_sound_only, .sound_only {display:inline-block !important; position:absolute; top:0; left:0; margin:0 !important; padding:0 !important; font-size:0; line-height:0; border:0 !important; overflow:hidden !important; }
/* 본문 바로가기 */
#skip_to_container a {z-index:100000; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; }
#skip_to_container a:focus, #skip_to_container a:active {width:100%; height:75px; background:#21272e; color:#fff; font-size:2em; font-weight:bold; text-align:center; text-decoration:none; line-height:3.3em; }

/* ie6 이미지 너비 지정 */
.img_fix {width:100%; height:auto; }

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block; position:relative; }
#captcha legend {position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden; }
#captcha #captcha_img {; height:40px; border:1px solid #898989; ; vertical-align:top; padding:0; margin:0; }
#captcha #captcha_mp3 {; margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat; text-indent:-999px; ; border-radius:3px; }
#captcha #captcha_reload {margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat  0 -40px; text-indent:-999px; border-radius:3px; }
#captcha #captcha_key {margin:0 0 0 3px; padding:0 5px; width:90px; height:40px; border:1px solid #ccc; background:#fff; font-size:1.333em; font-weight:bold; text-align:center; border-radius:3px; vertical-align:top; }
#captcha #captcha_info {display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em; }

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block; margin:0 0 5px; width:187px; }
#captcha.m_captcha #captcha_img {; height:40px; border:1px solid #898989; ; vertical-align:top; padding:0; margin:0; }
#captcha.m_captcha #captcha_reload {position:static; margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat  0 -40px; text-indent:-999px; }
#captcha.m_captcha #captcha_reload span{display:none; }
#captcha.m_captcha #captcha_key {margin:0 0 0 3px; padding:0 5px; width:90px; height:40px; border:1px solid #ccc; background:#fff; font-size:1.333em; font-weight:bold; text-align:center; border-radius:3px; vertical-align:top; }
#captcha.m_captcha #captcha_info {display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em; }
#captcha.m_captcha #captcha_mp3 {width:31px; height:31px; background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top; overflow:hidden; cursor:pointer; text-indent:-9999px; border:none; }

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px; text-align:right; }
.btn_cke_sc{display:inline-block; padding:0 10px; height:23px; border:1px solid #ccc; background:#fafafa; color:#000; text-decoration:none; line-height:1.9em; vertical-align:middle; cursor:pointer; }
.cke_sc_def {margin:0 0 5px; padding:10px; border:1px solid #ccc; background:#f7f7f7; text-align:center; }
.cke_sc_def dl{margin:0 0 5px; text-align:left; zoom:1; }
.cke_sc_def dl:after {display:block; visibility:hidden; clear:both; content:""; }
.cke_sc_def dt, .cke_sc_def dd {float:left; margin:0; padding:5px 0; border-bottom:1px solid #e9e9e9; }
.cke_sc_def dt {width:20%; font-weight:bold; }
.cke_sc_def dd {width:30%; }

/* ckeditor 태그 기본값 */
#bo_v_con ul{display: block; list-style-type: disc; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px; }
#bo_v_con ol{display: block; list-style-type: decimal; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px; }
#bo_v_con li{display: list-item; }

/* 버튼 */
a.btn_frmline {}
button.btn_frmline {font-size:1em; }

	/* 공통 버튼 */
	.btn_b01,
	.btn_b02,
	.btn_b03,
	.btn_b04,
	.btn_b05,
	.btn_admin,
	input.btn_submit,
	.btn_submit,
	.btn_cancel,
	.btn_frmline{display:inline-block !important; padding:8px 10px; font-size:12px; text-decoration:none; vertical-align:middle; cursor:pointer; border-radius:5px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
	.btn_b01:hover,
	.btn_b02:hover,
	.btn_b03:hover,
	.btn_b04:hover,
	.btn_b05:hover,
	.btn_admin:hover,
	input.btn_submit:hover,
	.btn_submit:hover,
	.btn_cancel:hover,
	.btn_frmline:hover{text-decoration:none; filter:Alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }

	a.btn_b01,.btn_b01					{background:#ffffff; color:#666666; border:1px solid #dddddd; }
	a.btn_b02,.btn_b02					{background:#666666; color:#ffffff; border:1px solid #666666; }
	a.btn_b03, .btn_b03					{background:#ffffff; color:#646982; border:1px solid #b9bdd3; }
	a.btn_b04, .btn_b04					{background:#ffffff; color:#707070; border:1px solid #ccc; }
	a.btn_admin,.btn_admin				{background:#ffffff; color:#ff0000; border:1px solid #ff6600; } /* 관리자 전용 버튼 */
	.btn_submit							{background:#242424; color:#ffffff; border:1px solid #242424; }
	a.btn_cancel,button.btn_cancel		{background:#ffffff; color:#666666; border:1px solid #dddddd; }
	a.btn_frmline,button.btn_frmline	{padding:0 5px; height:40px; border:0; background:#3c3c3c; border-radius:5px; color:#fff; vertical-align:top; } /* 우편번호검색버튼 등 */

	.btn_confirm {text-align:center; } /* 서식단계 진행 */
	.btn_confirm .btn{padding:15px 20px; }

/*컬러*/
.color_1 {background:#169dd6; }
.color_2 {background:#14d53d; }
.color_3 {background:#3814ff; }
.color_4 {background:#7520c5; }

/* 기본테이블 */
.tbl_wrap table {width:100%; border-collapse:collapse; border-spacing: 0 5px; border:1px solid #ccc; border-left:0px; border-right:0px; } 
.tbl_wrap caption {padding:10px 0; font-weight:bold; text-align:left; }
.tbl_head01 {margin:0 0 10px; }
.tbl_head01 caption {padding:0; font-size:0; line-height:0; overflow:hidden; }
.tbl_head01 thead th {padding:10px 0; font-weight:normal; text-align:center; border-bottom:1px solid #ddd; background:#fafafa; padding:8px 3px; }
.tbl_head01 thead th input {vertical-align:top; } /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:6px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center; }
.tbl_head01 tbody th {padding:6px 0; border-bottom:1px solid #e8e8e8; }
.tbl_head01 td {color:#666; background:#fff; ; padding:6px 3px; border-top:1px solid #ecf0f1; line-height:1.4em; height:60px; word-break:break-all; }
.tbl_head01 tbody tr:hover td{background:#fafafa; }
.tbl_head01 a:hover {text-decoration:underline; }

.tbl_head02 {margin:0 0 10px; }
.tbl_head02 caption {padding:0; font-size:0; line-height:0; overflow:hidden; }
.tbl_head02 thead th {padding:5px 0; border-top:1px solid #d1dee2; border-bottom:1px solid #d1dee2; background:#e5ecef; color:#383838; font-size:0.95em; text-align:center; letter-spacing:-0.1em; }
.tbl_head02 thead a {color:#383838; }
.tbl_head02 thead th input {vertical-align:top; } /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center; }
.tbl_head02 tbody th {padding:5px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:#fff; }
.tbl_head02 td {padding:5px 3px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:#fff; line-height:1.4em; word-break:break-all; }
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px; }
.tbl_frm01 table {width:100%; border-collapse:collapse; border-spacing:0; }
.tbl_frm01 th {width:70px; padding:7px 13px; border:1px solid #e9e9e9; border-left:0; background:#f5f8f9; text-align:left; }
.tbl_frm01 td {padding:7px 10px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:transparent; }
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ccc; background:#fff; color:#000; vertical-align:middle; border-radius:3px; padding:5px; }
.tbl_frm01 textarea {padding:2px 2px 3px; }
.frm_input {height:40px; }

.full_input{width:100%; }
.half_input{width:49.5%; }
.tbl_frm01 textarea {width:100%; height:100px; }
.tbl_frm01 a {text-decoration:none; }
.tbl_frm01 .frm_file {display:block; margin-bottom:5px; }
.tbl_frm01 .frm_info {display:block; padding:0 0 5px; line-height:1.4em; }

/*기본 리스트*/
.list_01 li{border:1px solid #dbdbdb; background:#fff; border-radius:3px; margin:3px 0; padding:10px 15px; list-style:none; position:relative; }
.list_01 li:after {display:block; visibility:hidden; clear:both; content:""; }
.list_01 li:hover{background:#f9f9f9; }
.list_01 li.empty_li{text-align:center; padding:20px 0; color:#666; }
/*폼 리스트*/
.form_01 h2{margin:0 0 10px; font-size:1.167em; }
.form_01 li{margin:10px 0; }
.form_01 li:after {display:block; visibility:hidden; clear:both; content:""; }
.form_01 li .right_input{float:right; }
.form_01 textarea{height:100px; width:100%; }
.form_01 .frm_label{display:inline-block; width:130px; }
@media all and (max-width:650px)
{
	.form_01 .frm_label{display:block; width:auto; font-weight:bold; }
}
/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important; text-align:center; }
.empty_list {padding:20px 0 !important; color:#666; text-align:center; }

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png')  !important; background-repeat:no-repeat   !important; background-position:right top  !important; }

/* 테이블 항목별 정의 */
.td_board {width:80px; text-align:center; }
.td_category {width:80px; text-align:center; }
.td_chk {width:30px; text-align:center; }
.td_date {width:60px; text-align:center; }
.td_datetime {width:110px; text-align:center; }
.td_group {width:80px; text-align:center; }
.td_mb_id {width:100px; text-align:center; }
.td_mng {width:80px; text-align:center; }
.td_name {width:100px; text-align:left; }
.td_nick {width:100px; text-align:center; }
.td_num {width:50px; text-align:center; }
.td_numbig {width:80px; text-align:center; }
.td_stat {width:60px; text-align:center; }

.txt_active {color:#5d910b; }
.txt_done {color:#e8180c; }
.txt_expired {color:#ccc; }
.txt_rdy {color:#8abc2a; }

/* 새창 기본 스타일 */
.new_win {position:relative; }
.new_win .tbl_wrap {margin:0 20px; }
.new_win #win_title {font-size:1.25em; height:50px; line-height:30px; padding:10px 20px; background:#333; color:#fff; }
.new_win #win_title .sv {font-size:0.75em; line-height:1.2em; }
.new_win .win_ul {border-right:1px solid #dfe6e7; }
.new_win .win_ul:after {display:block; visibility:hidden; clear:both; content:""; }
.new_win .win_ul li{float:left; background:#fff; width:33.333%; text-align:center; border:1px solid #ccc; margin-left:-1px; }
.new_win .win_ul li a{display:block; padding:10px 0; }
.new_win .win_ul .selected{background:#fff; border-color:#253dbe; position:relative; z-index:5; }
.new_win .win_ul .selected a{color:#253dbe; font-weight:bold; }
.new_win .win_desc {margin:5px 0; font-size:0.92em; color:#3598db; }
.new_win .frm_info{font-size:0.92em; color:#3598db; }
.new_win .win_total{text-align:right; margin:10px 0; }
.new_win .win_total span{display:inline-block; line-height:30px; font-size:0.92em; color:#4e546f; background:#d4d4d4; padding:0 10px; border-radius:5px; }
.new_win .new_win_con{margin:20px; }
.new_win .new_win_con:after {display:block; visibility:hidden; clear:both; content:""; }
.new_win .btn_confirm:after {display:block; visibility:hidden; clear:both; content:""; }
.new_win .win_btn{text-align:center; padding-bottom:20px; overflow:hidden; }
.new_win .btn_close {position:absolute; top:0; right:0; height:50px; width:50px; background:url(../img/close_btn.gif) no-repeat 50% 50%; border:0; text-indent:-999px; overflow:hidden; cursor:pointer; }
.new_win .btn_submit {padding:0; height:40px; font-weight:bold; font-size:1.083em; width:100%; }

/* 검색결과 색상 */
.sch_word {color:#ff6600; }

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto; width:500px; }
#validation_check h1 {margin-bottom:20px; font-size:1.3em; }
#validation_check p {margin-bottom:20px; padding:30px 20px; border:1px solid #e9e9e9; background:#fff; }

/* 사이드뷰 */
.sv_wrap {position:relative; font-weight:normal; }
.sv_wrap .sv {z-index:1000; display:none; margin:5px 0 0; font-size:0.92em; background:#333; 
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); 
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); 
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); }
.sv_wrap .sv:before{content: ""; position: absolute; top: -6px; left: 15px; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #333 transparent; }
.sv_wrap .sv a {display:inline-block; margin:0; padding:0  10px; line-height:30px; width:100px; font-weight:normal; color:#bbb; text-align:left ; }
.sv_wrap .sv a:hover{background:#000; color:#fff; }
.sv_member{color:#333; }
.sv_on {display:block !important; position:absolute; top:23px; left:0px; width:auto; height:auto; }
.sv_nojs .sv {display:block; }

/* 페이징 */
.pg_wrap {clear:both; margin:30px 0 ; text-align:center; }
.pg_wrap:after {display:block; visibility:hidden; clear:both; content:""; } 
.pg {}
.pg_page, .pg_current {display:inline-block; vertical-align:middle; background:#f3f3f3; border:1px solid #bbbcc3; margin:2px 0; }
.pg a:focus, .pg a:hover {text-decoration:none; }
.pg_page {color:#555; font-size:1.083em; height:30px; line-height:28px; padding:0 5px; min-width:30px; text-decoration:none; border-radius:15px; }
.pg_page:hover{background:#ddd; color:#000; }
.pg_start {text-indent:-999px; overflow:hidden; background:url('../img/btn_first.gif') no-repeat 50% 50% #fff; padding:0; border:1px solid #bbb; }
.pg_prev {text-indent:-999px; overflow:hidden; background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff; padding:0; border:1px solid #bbb; }
.pg_end {text-indent:-999px; overflow:hidden; background:url('../img/btn_end.gif') no-repeat 50% 50% #fff; padding:0; border:1px solid #bbb; }
.pg_next {text-indent:-999px; overflow:hidden; background:url('../img/btn_next.gif') no-repeat 50% 50% #fff; padding:0; border:1px solid #bbb; }
.pg_start:hover {background:url('../img/btn_first.gif') no-repeat 50% 50% #efefef; border:1px solid #ddd; }
.pg_prev:hover {background:url('../img/btn_prev.gif') no-repeat 50% 50% #efefef; border:1px solid #ddd; }
.pg_end:hover {background:url('../img/btn_end.gif') no-repeat 50% 50% #efefef; border:1px solid #ddd; }
.pg_next:hover {background:url('../img/btn_next.gif') no-repeat 50% 50% #efefef; border:1px solid #ddd; }
.pg_current {display:inline-block; background:#666; color:#fff; border:1px solid #444; font-weight:bold; height:30px; line-height:30px; padding:0 10px; min-width:30px; border-radius:15px; }

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing: content-box; 
-moz-box-sizing: content-box; 
box-sizing: content-box; 
}

/* Mobile화면으로 */
#device_change {display:block; margin:0.3em; padding:0.5em 0; border:1px solid #eee; border-radius:2em; background:#fff; color:#000; font-size:2em; text-decoration:none; text-align:center; }

/* 
	하단 로고 롤링 
	전체페이지 공통으로 사용할 수 있어 default.css 파일에 입력됩니다.
*/
.bottomBannerWrap{width:100%; margin:0 auto; background:#f3f4f7; border-top:solid 1px #dddddd;}
.bottomLogoRollWr{width:85%; margin:0 auto; }
.bottomLogoRoll{margin:0 auto; padding:10px 30px;}


/* 관광명소 레이아웃 */
.mainContentsW100{width:100%; margin:0px auto; clear:both; overflow:hidden; }


.latTitNone.btnMoreNone .lt_more{display:none; } 

@media all and (max-width:650px)
{
	.mainContentsW100{margin:10px auto; }
	.mainContentsW100 .galleryLat ul li,
	.mainContentsW100 .galleryBoxLat ul li{width:33.33333333%; }
}

/* 관광명소 */
.mbLRBox{width:100%; overflow:hidden; position:relative; word-break:keep-all;}
.mbLRBox dt{width:50%; position:absolute; left:0px;top:0px; bottom:0px; z-index:1; background-position:center center; background-size:cover;}
.mbLRBox dt img{display:block; width:100%; height:auto;}
.mbLRBox dd{width:50%; float:right; padding:3%;position:relative; z-index:2;}
.mbLRBox dd strong{display:block; font-size:28px; color:#000;}
.mbLRBox dd em{display:block; font-size:16px; color:#666; font-style:normal; padding-top:30px;}
.mbLRBox dd  a{margin-top:30px;display:inline-block; font-size:14px; color:#fff; border:0px solid #111; background:#c075b6; padding:10px 30px; border-radius:50px; letter-spacing:1px; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-duration: 0.3s; transition-timing-function: ease;}
.mbLRBox dd  a:hover{filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; background:#574f88;}

.mbLRBox.mbBoxImgRight dt{left:auto; right:0px;}
.mbLRBox.mbBoxImgRight dd{float:left;}

@media all and (max-width:980px)
{
	.mbLRBox dd strong{font-size:30px; }
	.mbLRBox dd em{font-size:12px;}
	.mbLRBox dd  a{font-size:12px; margin-top:15px;}
}
@media all and (max-width:700px)
{
	.mbLRBox dt{position:relative; width:100%; height:300px;}
	.mbLRBox dd strong{font-size:20px; }
	.mbLRBox dd em{padding-top:15px;}
	.mbLRBox dd{ width:auto; margin:-30px 30px 0 30px; padding:30px; background:#fff; float:none;}
}
@media all and (max-width:500px)
{
	.mbLRBox dt{height:200px; border-radius:10px;}
	.mbLRBox dd{border-radius:10px;}
}

/* 체험프로그램 */
.mainBoxWebzineStyle{width:100%; max-width:1200px; margin:0 auto; text-align:center; padding:5% 10px; overflow:hidden; word-break:keep-all;}
.mainBoxWebzineStyle li{display:block; padding:5px; width:25%; float:left; text-align:left; overflow:hidden;}
.mainBoxWebzineStyle li i{display:block; position:relative; overflow:hidden; margin:0 auto; border-radius:10px;}
.mainBoxWebzineStyle li i:after{content:'';border:1px solid RGBA(0,0,0,0.0)display:block; position:absolute; left:0px; right:0px; top:0px; bottom:0px;border:0px; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.mainBoxWebzineStyle li i img{display:block; width:100%; margin:0 auto; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease; }
.mainBoxWebzineStyle li strong{display:block; color:#000; font-size:16px; text-align:center; padding:15px 0; font-weight:normal;}
.mainBoxWebzineStyle li em{display:block; color:RGBA(0,0,0,0.5); font-size:14px; font-style:normal;}
.mainBoxWebzineStyle li u{display:block; clear:both; float:left; width:106px; text-decoration:none; margin-top:15px; border-top:1px solid #ddd; color:#999; padding:10px 15px;-webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.mainBoxWebzineStyle li:hover u{color:#000; width:100%;}
.mainBoxWebzineStyle li:hover i:after{border:10px solid RGBA(0,0,0,0.2);padding:10px;}
.mainBoxWebzineStyle li:hover i img{transform: scale(1.1);}

.mainBoxWebzineStyle2 li{width:50%;}		
.mainBoxWebzineStyle3 li{width:33.333%;}	
.mainBoxWebzineStyle4 li{width:25%;}		
.mainBoxWebzineStyle5 li{width:20%;}		

@media all and (max-width:980px)
{
	.mainBoxWebzineStyle li{padding:5px;}
	.mainBoxWebzineStyle li strong{font-size:16px;}
	.mainBoxWebzineStyle li em{font-size:12px;}
}
@media all and (min-width:800px)
{
	.mainBoxWebzineStyle2 li:nth-child(3),
	.mainBoxWebzineStyle2 li:nth-child(5),
	.mainBoxWebzineStyle2 li:nth-child(7),
	.mainBoxWebzineStyle2 li:nth-child(9){clear:both;}
	
	.mainBoxWebzineStyle3 li:nth-child(4),
	.mainBoxWebzineStyle3 li:nth-child(7),
	.mainBoxWebzineStyle3 li:nth-child(10),
	.mainBoxWebzineStyle3 li:nth-child(13){clear:both;}

	.mainBoxWebzineStyle4 li:nth-child(5),
	.mainBoxWebzineStyle4 li:nth-child(9),
	.mainBoxWebzineStyle4 li:nth-child(13),
	.mainBoxWebzineStyle4 li:nth-child(17){clear:both;}

	.mainBoxWebzineStyle5 li:nth-child(6),
	.mainBoxWebzineStyle5 li:nth-child(11),
	.mainBoxWebzineStyle5 li:nth-child(16),
	.mainBoxWebzineStyle5 li:nth-child(21){clear:both;}
}
@media all and (max-width:800px)
{
	.mainBoxWebzineStyle li strong{font-size:14px;}
	.mainBoxWebzineStyle li em{font-size:12px;}

	.mainBoxWebzineStyle li{width:50% !important; float:left;}
	.mainBoxWebzineStyle li:nth-child(odd){clear:both;}

	.mainBoxWebzineStyle2 li,
	.mainBoxWebzineStyle3 li{width:100% !important; float:none;}
}

@media all and (max-width:460px)
{
	.mainBoxWebzineStyle li{padding:2px; margin-bottom:15px;}
}

.mainSectionTit a{color:#333; display:inline-block; position:relative; margin:0 auto 10px; padding:20px; font-size:26px; text-align:center; }
.mainSectionTit a u{display:block; width:50px; height:1px; background:#ddd; position:absolute; left:50%; bottom:0px; margin-left:-25px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.mainSectionTit:hover a u{width:100px;  margin-left:-50px;  }
@media all and (max-width:600px)
{
	.mainSectionTit a{padding:15px; font-size:16px; }
}