@charset "utf-8";
/*  
	-----------------------------------------------
	* main.css (포털 메인)
	-----------------------------------------------
*/

.dv_main{max-width:1300px; margin:0 auto;}
.dv_main div.title{color:#000; font-size:30px; font-weight: 700; margin-bottom:30px;} 
.dv_main div.title span{margin-bottom:5px; color:#cc0000; font-weight: 700; font-size:12px; display:block;}
.dv_main div.title span.re_book{display:inline-block; margin-left:15px; font-weight: 200;  font-size:14px; color:#999;}



.slide-box {position:relative;}
.slide-box .bx-wrapper {max-width:100% !important; height: 100% !important; margin-bottom: 0; border:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
.slide-box .bx-viewport,
.slide-box .visual {height:100% !important;}
.slide-box .visual.autofix {width:100% !important; transform: translate3d(0px, 0px, 0px) !important; -webkit-transform: translate3d(0px, 0px, 0px) !important}
.slide-box .visual.autofix > * {display:block; position:absolute !important;; float:none !important; top:0; left:0; right:0; bottom:0; z-index:-999;}
.slide-box .visual.autofix > *:first-child {position:relative !important;}
.slide-box .visual.autofix > *:focus {z-index:0;}
.slide-box img[alt="이미지 없음"] {height:100%;}
.slide-box .vis_control {position:absolute; right:0; bottom:0; z-index:1000;}
.slider_control > * {display:block; float:left;}
.slider_control > * + * {margin-left:1px;}
.slider_control a {display:block; position:relative; width:45px; height:45px; background:rgba(0,0,0,.6); text-indent:-999px; overflow:hidden;}
.slider_control a:before {content:""; display:block; position:absolute; width:10px; height:10px; top:50%; left:50%; margin-top:-5px; margin-left:-5px; background:url('/jglib/images/main/spr_main.png') no-repeat 0 0;}
.slider_control a.bx-prev:before {background-position:2px -40px;}
.slider_control a.bx-next:before {background-position:-89px -40px;}
.slider_control a.bx-start:before {background-position:-129px -40px;}
.slider_control a.bx-stop:before {background-position:-44px -40px;}
.slider_control .pager {display:block; position:relative; min-width:55px; height:45px; line-height:45px; padding:0 1em; color:#fff; background:rgba(0,0,0,.6); font-size:11px; box-sizing:border-box; text-align:center;}
/*.slider_control .bx-controls-auto a.active {display:none;}*/
.slider_control .bx-controls.bx-has-controls-auto {position:absolute; bottom:0; left:0; z-index:5;}
.slider_control .bx-controls-auto-item > .active {opacity:1;}
.slider_control .bx-controls-auto-item {float:left;}
.slider_control .bx-controls-auto-item + .bx-controls-auto-item {margin-left:1px;}
.bx-wrapper .bx-controls-direction a{display:none;}
.bx-viewport .visual > * {height:100%;}





#mainvisual{background:url(./../images/main/visual.jpg) no-repeat center 0;height: 470px; margin-top:-30px; text-align: center; box-sizing: border-box;}
#mainvisual .m_wrap{width: 1300px; margin:0 auto; padding-top:70px; text-align: right;}
#mainvisual .m_wrap p:nth-child(1){}
#mainvisual .m_wrap p:nth-child(2){color:#000; font-size:16px; line-height: 20px; padding-top:15px;}


/*** 퀵아이콘  ***/
.itemList{position:relative;width:1300px;margin:44px auto;overflow:hidden; }
.itemList > ul{visibility:hidden; overflow:hidden;transform:translateY(100px);opacity:0;-webkit-transition:1s;transition:1s;} 
.itemList > ul{visibility:visible;opacity:1;transform:translateY(0);transition-delay:.7s}
.itemList > ul > li{float:left; width:14.2%; }
.itemList > ul > li:first-child{margin-left:0;}
.itemList > ul > li > a{display:block;color:#1e1e1e;}
.itemList > ul > li > a > .icon{display:block; height:119px; text-align:center;transition-property:transform; transition-duration:0s; transition-timing-function:ease-in-out;}
.itemList > ul > li > a:hover > .icon{transform:rotateY(360deg); transition-duration:0.8s;transform:rotateY(360deg); transition-duration:0.8s;}
.itemList > ul > li > a > .icon img{vertical-align:top}
.itemList > ul > li > a > .name{display:block;margin-top:16px; text-align: center; font-weight: 500; }




#second{background:#faf9f7; padding:63px 0; overflow:hidden;}
#three{padding:63px 0; overflow:hidden;}


.notice{width: 45%; float: left; position: relative;margin-bottom: 2.5rem;overflow: hidden;}
.notice ul li:not(:last-child), .photo_news ul li:not(:last-child) {margin-bottom: 1.5rem;}
.notice ul li a {display: inline-block;font-size: 1.5rem;}
.notice ul span {float: right;font-size: 1.3rem;color: #999;}
.notice .btn_more {position: absolute;right:0;top: 22px; box-sizing: border-box; line-height: 32px; font-size: 18px; width: 32px; height: 32px; background: #f4f4f4;color:#808080;font-weight: 700; text-align: center; border:1px solid #e3e3e3;}

/* 대표포털 > 팝업존 */
#popupWrap {width: 46%; height:352px;  float:right;  position:relative; z-index:1;}


/*
#popupWrap .bx-wrapper { margin-bottom: 0;overflow: hidden;}
#popupWrap .bx-wrapper img {margin: 0 auto;}
#popupWrap .bx-wrapper .bx-pager {left: 10px;bottom: 12px;}
#popupWrap .bx-pager.bx-default-pager a {width: 12px;height: 4px;border-radius: 0;}
#popupWrap .bx-controls-auto {width: 58px !important;bottom: 6px;}
#popupWrap .bx-controls-auto a {width: 21px !important;height: 21px !important;background: url('./../../common/img/common/spr_slide_controls.png') 0 0 no-repeat;border-radius: 2px;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
#popupWrap .bx-controls-auto a[class^=bx-] {margin: 0;}
#popupWrap .bx-controls-auto .bx-start {background-position: -92px -1px;}
#popupWrap .bx-controls-auto .bx-stop {background-position: -113px -1px;}
*/




/* 대표포털 > 포토뉴스 보기 */
#photo_news {position:relative; width:65%; float:left; }
#photo_news .photo_control {position:absolute; right:25px; top:22px; white-space:nowrap;}
#photo_news .photo_control a {display:block; position:relative; width:30px; height:30px; background:#f4f4f4 url('/jglib/images/main/spr_main.png') no-repeat -161px 8px; border:1px solid #d9d9d9; overflow:hidden; text-indent:-999px;}
#photo_news .photo_control > * {display:inline-block !important; vertical-align:middle; }
#photo_news .photo_control a.bx-prev {background-position:-189px 8px;}
#photo_news .photo_control a.bx-next {background-position:-218px 8px;}
#photo_news .photo_control a.bx-start{background-position:-129px -40px;}
#photo_news .photo_control a.bx-stop{background-position:-44px -40px;}


#photo_news .bx-wrapper {background:transparent; border:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; max-width:100% !important;}
/*#photo_news .bx-viewport.autofix {margin-top:-22px; overflow:auto !important; height:220px !important;}*/
#photo_news .bx-viewport.autofix .list {width:auto !important; white-space:nowrap; transform: translate3d(0px, 0px, 0px) !important; -webkit-transform: translate3d(0px, 0px, 0px) !important; }
#photo_news .bx-viewport.autofix .list li {float:none !important; display:inline-block !important; }
/*#photo_news li a {display:block; position:relative; width:295px; background:#ffffff; border:1px solid #d8d8d8;}
#photo_news li a p {display:block; height:165px; overflow:hidden;}
#photo_news li a p img {min-width:100%; min-height:100%; max-width:500%;}
#photo_news figcaption {padding:0 10px; line-height:48px; font-size:16px; color:#454545; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
*/
#photo_news .btn_more{padding-top:8px;}

/*#photo_news  li {overflow: hidden;     -webkit-box-shadow: 0px 0px 11px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 11px 0 rgba(0,0,0,0.3);
    box-shadow: 0px 0px 11px 0 rgba(0,0,0,0.3);  }*/
#photo_news  li span {background-color:#ff6600; padding:5px 20px; color:#fff; display:inline-block; position:absolute; top:0px; left:0; font-size:18px;}
#photo_news  li a div{transition:all .2s;}
#photo_news  li div {text-align:center; background-color:rgba(0,0,0,0.8); position:absolute; top:0; left:0%; width:100%; height:100%; opacity:0;}
#photo_news  li div p.gt {color:#fff; font-size:22px; padding:30px 10px 0px 10px; font-weight:400; margin-bottom:15px;}
#photo_news  li div p.gd {color:#fff; font-size:14px; font-weight:200;   margin-bottom:10px;}
#photo_news  li div p.gp {color:#fff; font-size:14px; font-weight:200;   margin-bottom:10px;}
#photo_news  li a:hover div {opacity:1; left:0;}

#photo_news  li a img{width:100%; height:265px;}

.calendar{position:relative;overflow:hidden; float:right; width:28%;}
.calendar table{width:100%;border-collapse:collapse; font-size:15px;}
.calendar caption{display:none}
.calendar th{color:#545454; border-bottom:1px solid #ccc; width:14.28%; padding-bottom:5px;}
.calendar td{text-align:center;color:#545454}
.calendar td a span{display:inline-block;margin:5px auto;width:25px;height:25px;line-height:25px;font-size:12px;color:#000;background:#f3f3f3;border-radius:50px}#container .calendar .sun{color:#c23a57}#container .calendar .sun a span{color:#fff}#container .calendar .sat{color:#2286a2}#container .calendar .sat a span{color:#fff}
.calendar .event a span{color:#fff;background:#2355b0}
.calendar .today a span{color:#fff;background:#258f93}
.calendar .holi a span{color:#fff;background:#9e253f}
.calendar .option{position:absolute;top:29px;right:0px;overflow:hidden}
.calendar .option .prev{float:left;display:block;width:28px;height:26px;background:url(/jglib/imges/main/control01.gif) no-repeat 0 0;text-indent:-9999em;overflow:hidden}
.calendar .option .next{float:left;display:block;width:28px;height:26px;background:url(/jglib/imges/main/control02.gif) no-repeat 0 0;text-indent:-9999em;overflow:hidden}
.calendar .option strong{float:left;display:block;padding:0 5px;line-height:20px;font-size:24px;font-weight:800;color:#454c91;}
.calendar .option span{font-size:16px;color:#67940a}
.calendar .option select{display:none;padding:2px 5px;padding-right:30px;color:#333;border:1px solid #d1c883;background:#fff9c8 url(../img/select_arrow.png) no-repeat 93% 50%;border-radius:0}
.calendar .day{clear:both;position:relative;}
.calendar .day ul{clear:both;padding:10px 0;text-align:center; background:#f3f2f1;}
.calendar .day li{display:inline;position:relative;padding:0 15px;line-height:18px;font-size:11px;font-weight:400;letter-spacing:-1px;color:#707070}
.calendar .day li em{position:absolute;top:4px;left:0;display:block;width:11px;height:8px}
.calendar .day .d1 em{background:#258f93}
.calendar .day .d2 em{background:#9e253f}
.calendar .day .d3 em{background:#2355b0}





#Fourth{background:url(/jglib/images/main/user_bg.jpg) no-repeat center 0; padding:35px 0; }
#Fourth div.time{float:left; }
#Fourth div.time h3{font-weight: 700; color:#fff; font-size:24px; background:url(/jglib/images/main/time_icon.png) no-repeat 0 0; padding:3px 0 25px 44px;}
#Fourth div.time dl{float:left; font-size:14px; margin-right:50px; line-height:24px;}
#Fourth div.time dl dt{display:inline-block; color:#e9e1b5; width:93px; vertical-align: top;}
#Fourth div.time dl dd{display:inline-block; padding-left:25px; color:#fff; }

#Fourth div.CallCenter{float:right; padding-left:9.615%; background:url(/jglib/images/main/left_bar.gif) no-repeat 0 11px;}
#Fourth div.CallCenter h3{font-weight: 700; color:#fff; font-size:24px; background:url(/jglib/images/main/call_icon.png) no-repeat 0 0; padding:3px 0 25px 44px;}
#Fourth div.CallCenter li{font-size:14px; color:#fff; line-height:24px;}
#Fourth div.CallCenter li span{float:left; width:165px;}



#five{background:url(/jglib/images/main/user_bg.jpg) no-repeat center 0; padding:35px 0; }
#five div.CallCenter{}
#five div.CallCenter h3{font-weight: 700; color:#fff; font-size:24px; background:url(/jglib/images/main/call_icon.png) no-repeat 0 0; padding:3px 0 25px 44px;}
#five div.CallCenter li{font-size:14px; color:#fff; line-height:24px; float:left; width:33.33%;}
#five div.CallCenter li span{display:inline-block; margin-right:30px; width:80px;}

@media all and (max-width:640px) {
#five div.CallCenter li {float:none; width:100%;}
}

/* 대표포털 > 배너모음 */
#bannerWrap {position:relative; line-height:25px; }
#bannerWrap > div {overflow:hidden; padding:40px 0;}
#bannerWrap h4 {float:left; width:100px; padding:0 0 0 10px;font-weight: 600; font-size:18px; color:#202020;}
#bannerWrap .banner_list {margin-left:0px; margin-right:95px; position:relative;font-size: 14px;overflow:hidden;}
#bannerWrap .banner_list ul {position:relative; width:5000px; white-space:nowrap;}
#bannerWrap .banner_list li {display:inline-block; padding:0 10px 0 10px;}
#bannerWrap .banner_list li:first-child {border-left:0; padding-left:0;}
#bannerWrap .control {position:absolute; top:50%; right:0; margin-top:-12px;}
#bannerWrap .control> a {display:inline-block; padding:0; width:24px; height:24px; background:url('/jglib/images/main/spr_main.png') no-repeat -163px 5px #fff; border:1px solid #d9d9d9; border-radius:100%; overflow:hidden; text-indent:-999px;}
#bannerWrap .control> a:after {display:none;}
#bannerWrap .control> a.prev {background-position:-192px 5px;}
#bannerWrap .control> a.next {background-position:-220px 5px;}
#bannerWrap .control> a.play {background-position:-278px 5px;}
#bannerWrap .control> a.pause {background-position:-251px 5px;}

/*#bannerWrap.autofix .bx-viewport {height:55px !important; overflow:auto !important;}*/
#bannerWrap.autofix .bx-viewport #banner_list_slide {width:auto !important; white-space:nowrap; transform: translate3d(0px, 0px, 0px) !important; -webkit-transform: translate3d(0px, 0px, 0px) !important;}
#bannerWrap.autofix .bx-viewport #banner_list_slide li {float:none !important; display:inline-block !important;}

@media all and (max-width:640px) {
	#bannerWrap h4 {width:80px; font-size:16px;}
	#bannerWrap .banner_list {}
}


@media screen and (max-width:1024px) {
	#mainvisual{margin-top:0px; height:300px; background-size:cover;}	
	#mainvisual .m_wrap img{width:300px;}
	 #mainvisual .m_wrap{max-width:100%; }
	.dv_main{max-width:95%;}
	.itemList{width:100%;}
	#Fourth{background-size: cover;}
	#Fourth div.time{float:none; overflow: hidden;    padding-bottom: 20px;}
	#Fourth div.CallCenter{float: none;
    clear: both;
   padding:0px;
    background: none; }
    
    .itemList > ul > li{width:20%; margin-bottom:15px;}
        .itemList > ul > li > a > .icon {height:80.84px;}
    .itemList > ul > li > a > .icon img{width:83px; }
    .itemList > ul > li > a > .name {
    display: block;
     margin-top: 0px; 
    text-align: center;
    font-weight: 400;}

	#second{ padding:30px 0; overflow:hidden;}
	#three{padding:30px 0; overflow:hidden;}
		
}

@media all and (max-width:800px) {
	#popupWrap {float:none; margin:0 auto;}
	.notice{float:none; width:100%; }
	#popupWrap .bx-wrapper img {width:100%; height:100%;}
	#photo_news{width:100%; margin-bottom:20px;}
	.calendar{width:100%;}
	#photo_news .photo_control{right:0px;}
}
@media all and (max-width:560px) {
	#popupWrap {float:none; width:auto; margin:0 0 15px; height:auto;}
	#popupWrap:before {content:""; display:block; position:relative; padding-top:62.22%; z-index:-999;}
	#popupWrap .bx-wrapper {position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; height:auto !important;}
	
}
@media all and (max-width:460px) {
	#popupWrap {padding-bottom:46px;}
	#popupWrap .bx-wrapper {/*bottom:46px;*/ overflow:hidden;}
	#popupWrap .vis_control {bottom:0px; left:0;}
	#popupWrap .vis_control .pager {position:absolute; right:0; bottom:0; height:45px; left:138px;}
}

@media screen and (max-width:750px) {
	
		#mainvisual{margin-top:0px; height:200px; background-size:cover;} 
		#mainvisual .m_wrap p:nth-child(2){display:none;}	

	
	
	.itemList > ul > li{width:33.3333%;} 
	
	}

@media screen and (max-width:500px) {
	#mainvisual .m_wrap img{width:200px;}
	#mainvisual {background: url(./../images/main/visual.jpg) no-repeat -200px 0;     background-size: cover;}
	

}

@media screen and (max-width:400px) {
	.itemList > ul > li{width:50%;} 

}


/* 
.ui-tooltip {
		padding: 10px 20px;
		color: black;
		border-radius: 20px;
		box-shadow: 0 0 7px green;
		max-width: 400px;
		background-color:#FAF4C0;
}
.ui-tooltip .event {
	font-weight: bold;
	color: blue;
	font-size: 110%;
}
.ui-tooltip .holi {
	font-weight: bold;
	color: red;
	font-size: 110%;
} */



#Info {position:relative; width:850px; float:left; }
.btime {background:#fff url(/gyori/images/main/infobbg.png) no-repeat bottom right; box-shadow:0 0 30px rgba(0,0,0,0.2); padding:50px; display:flex; flex-flow:row wrap; justify-content:space-between; }
.btime .btime_left {width:60%;}
.btime .btime_left > div {display:flex; flex-flow:row wrap; justify-content:space-between;}
.btime .btime_left > div > dl {width:calc(50% - 10px); text-align:Center; position:relative;} 
.btime dl {margin-top:20px; overflow:hidden;}
.btime dl:before {content:''; display:block; width:100%; height:100%; background:#f2f2f2; position:absolute; top:20px; left:0; z-index:0;}
.btime dl dt {border-radius:30px; background:#333; display:inline-block; color:#fff; padding:3px 20px;z-index:1; position:relative; }
.btime dl dd {z-index:1; position:relative; padding:15px 0;}


.btime .btime_left dl:first-child dt {background:#2355b0;}
.btime .btime_left dl:nth-child(2) dt {background:#ffc000;}


.btime .btime_right {width:calc(40% - 40px); position:relative;}
.btime .btime_right dl:before {display:none;}
.btime .btime_right dl dt {background:#04c2a5;}

.btime h3 {font-size:22px; position:relative; }
.btime h3:before {content:''; width:100%; height:1px; background:#ccc; position:absolute; top:13px; left:0; z-index:0;}
.btime h3 span {position:relative; padding-left:35px;  display:inline-block; padding-right:20px; z-index:1; background:#fff;}
.btime .btime_left h3 span:before {content: "\f215"; font-family: remixicon!important; font-size:28px; position:absolute; top:2px; left:0; font-weight:500;}
.btime .btime_right h3 span:before {content: "\eb21"; font-family: remixicon!important; font-size:28px; position:absolute; top:2px; left:0; font-weight:500;}


@media all and (max-width:1024px) {
	#Info{width:100%; margin-bottom:20px;}
}


@media all and (max-width:768px) {
	#three {padding:20px 0;}
	.btime .btime_left {width:100%;}
	.btime .btime_right {width:100%; margin-top:30px;}
}

@media all and (max-width:480px) {
.btime {padding:20px;}
}