.mainimg{ z-index: -99; text-align:center; /* background:url(../img/images/main/main_img01.png) no-repeat center top;*/ width:100%; height:460px; background-size:cover; }
.mainimg .backimg { z-index: -99; width:100%; height:460px; position:absolute; }
.mainimg .backimg li{ z-index: -99; width:100%; height:460px; }
.mainimg .wbox{position:relative; height:490px;}
.main-title{color:rgba(255,255,255,1); float:left; width:350px; position:absolute; top:145px;}
.main-title .mdot{border:1px solid rgba(255,255,255,0.5); background:url(../img/images/main/m-dot.png) center center no-repeat; width:70px; height:70px;  float:left; margin-right:18px; cursor:pointer;}
.main-title .doton {background:url(../img/images/main/m-dot_on.png) center center no-repeat;}
.mainimg .main-title .mw{overflow:hidden;}
.mainimg .main-title .mw .m1, .main-title .mw .m2{border-bottom:1px solid rgba(255,255,255,0.5); font-size:18px; font-weight:400; padding-bottom:5px; padding-top:3px; text-align:left}
.mainimg .p-img{ width:249px; height:347px; overflow:hidden;}
.mainimg .p-img img{border:6px solid rgba(0,0,0,0.5)}
.mainimg .main-poster{position:absolute; width:525px; height:347px; right:0; bottom:0px; z-index:10; overflow:hidden;}
.mainimg .main-poster div{float:left;}
.mainimg .main-poster .p-box{width:270px; float:right; background:rgba(0,82,160,0.8); height:347px; padding:30px 20px 0 35px; box-sizing:border-box; color:rgba(255,255,255,1); text-align:left}
.mainimg .main-poster .p-box>ul { overflow:hidden; width:100%; height:263px;}
.mainimg .main-poster .forumbox-title{font-size:20px; font-weight:600; position:relative; padding-bottom:10px; width:100%; }
.mainimg .main-poster .forumbox-title span{width:40px; height:1px; background:#fff; position:absolute; bottom:0; left:0; }
.mainimg .main-poster .forumbox-stitle{font-size:12px; padding-top:10px; padding-bottom:25px; width:100%;}
.mainimg .main-poster .forummore a{border:1px solid #5b8bc9; text-align:center; color:rgba(255,255,255,1); width:120px; height:35px; line-height:35px; font-size:13px; display:block; margin-bottom:15px; background:rgba(5,77,179,0.6)}
.mainimg .main-poster .forumpage{height:30px; overflow:hidden; position:absolute; z-index:20; right:10px;}
.mainimg .main-poster .forumpage>span{margin-right:3px; display:inline-block; float:left}
.mainimg .main-poster .forumpage .forumnum{background:#133d86; width:48px; height:27px; text-align:center; color:rgba(255,255,255,1); font-size:12px; line-height:27px; letter-spacing:0}
.mainimg .main-poster .forumpage a{display:block; width:27px; height:27px; opacity:0.8}
.mainimg .main-poster .forumpage .prev{background:url(../img/images/main/mb-leftbtn.png) no-repeat; }
.mainimg .main-poster .forumpage .next{background:url(../img/images/main/mb-rightbtn.png) no-repeat;}



.wbox{width:1200px; margin:0 auto;}
.notice{ z-index: 99; background:#f5f5f5; padding:55px 0 30px;}
.notice .wbox { overflow:hidden;}
/* .notice .wbox div{float:left;} */
.notice-page{ width:150px; float:left;}
.notice-page .notice-title{background:#0b69c2; color:rgba(255,255,255,1); height:85px; line-height:85px; text-align:center; font-size:18px; font-weight:600; margin-bottom:7px;  width:150px;}
.notice-page .notice-title:hover{ background: #12599c; }
.notice-page .notice-title a{ display: block; word-spacing: 3px; }
.notice-page .notice-title a:hover{ color: #f1e008; }
.notice-page .n-page{overflow:hidden; margin-bottom:25px;}
.notice-page .n-num{background:#eef0f3; width:65px; text-align:center; font-size:16px; float:left; height:40px; line-height:40px;}
.notice-page .n-btn{width:85px; float:left;}
.notice-page .n-btn a{display:inline-block; border:1px solid #d6d6d6; background:rgba(255,255,255,1); width:40px; height:40px; box-sizing:border-box}
.notice-page .n-btn .p-prev{background:url(../img/images/main/Bleft.png) no-repeat center center #FFF;}
.notice-page .n-btn .p-next{background:url(../img/images/main/Bright.png) no-repeat center center #FFF;}
.notice-page .noticetag span{display:inline-block; width:67px; height:30px; border:1px solid #d5d5d5; text-align:center; background:rgba(255,255,255,1); margin-bottom:4px; cursor:pointer; color:#5f5f5f} 
.notice-page .noticetag span.noticeon{background:#0b69c2; color:rgba(255,255,255,1);}
.notice-page .noticetag span:hover{background:#2984da; color:rgba(255,255,255,1);}
.notice .notice-article { float:right; width:1050px; height:270px; overflow:hidden;}
.notice .notice-article .noticegroup { display:none;}
.notice .notice-article .on { display:block;}
.notice .notice-article .noticegroup .noticesubgroup { display:none;}
.notice .notice-article .noticegroup .subon { display:block;}

.noticebox{width:315px; height:260px; background:#FFF; padding:30px; box-sizing:border-box; margin-left:35px; position:relative; float:left; }
.noticebox .noticebox-title{font-size:20px; color:#383838; margin-bottom:15px; font-weight:500; position:relative;  padding-top:10px; height:58px; overflow:hidden;}
.noticebox .noticebox-title span{width:25px; height:1px; background:#9c9c9c; position:absolute; top:0;}
.noticebox .noticebox-stitle{color:#797979; font-size:12.8px; letter-spacing:-1px; margin-bottom:25px; height:76px; overflow:hidden;}
.noticebox .notice-more{font-size:12px; letter-spacing:0}
.noticebox .notice-more a{border:1px solid #dddddd; width:65px; height:25px; box-sizing:border-box; line-height:25px; position:absolute; bottom:30px; background:url(../img/images/main/dotb.png) no-repeat 85% center; right:20px; padding-left:8px; box-sizing:border-box; bottom:25px;}
.noticebox .notice-more a:hover{ color: #0b69c2; border: 1px solid #b4cee6; }

.buszone{ z-index: 99; overflow:hidden; padding:60px 0 40px; background: #ffffff; }
.buszone .wbox div a{float:left; width:200px; border-right:1px solid #e1e1e1; height:100px; text-align:center; box-sizing:border-box; font-weight:500; padding-top:75px; display:block }
.buszone .wbox div a:hover{ color: #1581e8; }
.buszone .bus01 a{background:url(../img/images/main/m-ico01.png) no-repeat center top;}
.buszone .bus02 a{background:url(../img/images/main/m-ico02.png) no-repeat center top;}
.buszone .bus02 span{font-size:20px; font-weight:700}
.buszone .bus03 a{background:url(../img/images/main/m-ico03.png) no-repeat center top;}
.buszone .bus04 a{background:url(../img/images/main/m-ico04.png) no-repeat center top;}
.buszone .bus05 a{background:url(../img/images/main/m-ico05.png) no-repeat center top;}
.buszone .bus06 a{background:url(../img/images/main/m-ico06.png) no-repeat center top;}

.artinfo{ z-index: 99; background:#f5f5f5; padding:50px 0 20px; position:relative; height:660px; box-sizing:border-box}
.artinfo .artinfo-title{font-size:25px; font-weight:500; text-align:center; padding-bottom:8px;}
.artinfo .artinfo-stitle{font-size:13px;  text-align:center; position:relative}
.artinfo .artinfo-stitle span{width:50px; height:1px; background:#000000; position:absolute; display:block; margin-top:10px; text-align:center; left:50%; margin-left:-25px; margin-top:12px;}
.artinfo .infobtn{position:absolute; overflow:hidden; width:80px; left:50%; margin-left:-600px; top:0 }
.artinfo .infobtn li{float:left; cursor:pointer; margin-right:3px}

.artinfo .infoimgbox{ width:1300px; margin-left:auto; margin-right:auto; position:relative;  padding:15px 10px; height:360px; box-sizing:border-box; margin-top:80px; }
.artinfo .infoimgbox p{ float:left; margin-right:5px}
.artinfo .infoimgbox p img{width:156px;}
.artinfo .infoimgbox p:last-child{margin-right:0;}
.artinfo .infoimgbox p.infoblank{ margin-right:620px;}
.artinfo .infoimgbox .infoBw{  width:610px; position:absolute;left:495px; top:-60px;}
.artinfo .infoimgbox .infoBw .infoBorder{ overflow:hidden; width:295px; margin-right:10px; float:left}
.artinfo .infoimgbox .infoBw .infoBorder:last-child{margin-right:0;}
.artinfo .infoimgbox .infoBw .infoimgtxt img{  width:295px; border:15px solid rgba(51,51,51,0.2); box-sizing:border-box; }
.artinfo .infoimgbox .infoBwB{ position:absolute;   top: -60px; left:80px }
.artinfo .infoimgbox .infoBwB .infoimgtxt img{  width:295px; border:15px solid rgba(51,51,51,0.2); box-sizing:border-box; }
.artinfo .infoimgbox .infoBwB .infoBorder{ width:295px; float:left; margin-right:20px;}
.artinfo .infoimgbox .infoimgstxt{text-align:center; padding-top:5px; width:100%; font-weight:500; position:relative; padding-bottom:10px; height:auto; overflow:hidden;}
/*.artinfo .infoimgbox .infoimgstxt span.bar{width:40px; height:1px; background:#0d5fe4; position:absolute; bottom:-20px; left:50%; margin-left:-20px;}*/
.artinfo .infoimgbox .infoimgstxt span.date{font-size:11px; display:inline-block; width:100%; color:#aaa}
.artinfo .infoimgbox .infoimgstxt:after{content:'-'; width:40px; height:1px; background:#0d5fe4; position:absolute; bottom:0; left:50%; margin-left:-20px;}


/*.slick-slide img { margin-top: 41px; opacity:0.8; width:165px; height:236px }*/
.slick-center img {border:10px solid rgba(51,51,51,0.4); margin-top:0; position:relative; z-index:11; margin-left:-30px; width:225px; height:318px; opacity:1; transition:all 0.3s ease;}
.slick-initialized .slick-slide {margin:0 0 100px 0; width:175px; }
.slick-initialized .slick-center { margin:0; width:235px; }
.sharpen .slick-slide img { opacity:1;}

.artinfo .infoimgbox .infoimgstxt { font-size:11px; width:94%; opacity:0.7; }

.artinfo .infoimgbox .slick-center .infoimgstxt { font-size:15px; opacity:1}
.artinfo  .sharpen .infoimgstxt { display:block; width:92%;}


/*main*/
.header {position: absolute; width: 100%; height: 100px; background-repeat: no-repeat; background-position: center center; background-size: cover; box-sizing: border-box; z-index: 9;}

.pages {
	 height: 100%; padding-top: 0px; display: block; position: relative; min-height: 320px; min-width: 320px;
}
.pages .slick_slider {
	transition:opacity 0.5s; opacity: 0; -webkit-transition: opacity 0.5s ease;
}
.pages .slick-initialized {
	left: 0px; top: 0px; width: 100%; height: 100%; margin-left: 0px; display: block; position: relative; max-width: none; opacity: 1;
}
.pages .slick-list {
	z-index: 1;
}
.pages .slick-list {
	width: 100%; height: 100%;
}
.pages .slick-track {
	width: 100%; height: 100%;
}
.pages .slick-slide {
	width: 100%; height: 100%;
}
.slick_slider .page {
	width: 100%; height: 100%; display: block; position: relative; box-sizing: border-box;
}
.slick_slider .page .bg {
	background-position: 50% 50%; transition:transform 7s ease-out, opacity 1s 0.3s; left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; position: absolute; z-index: -1; opacity: 0; transform: scale(1.2); background-repeat: no-repeat; background-size: cover; -webkit-transform: scale(1.2, 1.2); -webkit-transition: transform 7s ease-out, opacity 1s ease 0.3s;
}
.slick_slider.ani .page.slick-active .bg {
	opacity: 1; transform: scale(1) rotate(0.001deg); transition-delay: 0s; -webkit-transform: scale(1, 1) rotate(.001deg); -webkit-transition-delay: 0s;
}
.slick_slider .page .bg .bg_area {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 9990;
}
.slick_slider .page .bg img {
	
}
.slick_slider .page.page_01 .bg {
	background-image: url("../img/images/main/main001.jpg");
}
.slick_slider .page.page_02 .bg {
	background-image: url("../img/images/main/main001-2.jpg");
}
.slick_slider .page.page_03 .bg {
	background-image: url("../img/images/main/main001-3.jpg");
}
.slick_slider .page.page_04 .bg {
	background-image: url("HYUNDAI%20LNG%20SHIPPING_files//bg_04.jpg");
}
.slick_slider .page.page_05 .bg {
	background-image: url("HYUNDAI%20LNG%20SHIPPING_files//bg_05.jpg");
}
.slick_slider .intro {
	padding: 550px 60px 150px; left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; display: table; position: absolute; box-sizing: border-box;
}
.slick_slider .intro .text_box {
	text-align: center; vertical-align: middle; display: table-cell;
}
.slick_slider .intro .title {
	letter-spacing: -2.5px; padding-bottom: 25px; position: relative;
}
.slick_slider .intro .title em {
	color: rgb(255, 255, 255); text-transform: uppercase; line-height: 110px; font-size: 90px; font-weight: bold; display: block; opacity: 0; transform: translateX(-50px); -webkit-transform: translateX(-50px);
}
.slick_slider.ani .page.slick-active .intro .title em {
	transition:transform 1s; opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0);
}

.slick_slider .intro .desc {
	color: rgb(255, 255, 255); line-height: 24px; font-size: 18px; margin-top: 26px; opacity: 0; transform: translateY(150px); -webkit-transform: translateY(150px);
}
.slick_slider.ani .page.slick-active .intro .desc {
	transition:transform 1s; opacity: 0.8; transform: translateY(0px); -webkit-transform: translateY(0);
}
.slick_slider .intro .desc .br {
	display: block;
}
.slick_slider .intro a.btn_box {
	border: 2px solid rgb(255, 255, 255); border-image: none; width: 156px; height: 56px; text-align: center; margin-top: 50px; display: inline-block; opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px);
}
.slick_slider .intro a.btn_box:hover {
	border-color: rgb(0, 174, 239); background-color: rgb(0, 174, 239);
}
.slick_slider.ani .page.slick-active .intro a.btn_box {
	transition:transform 1s; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.slick_slider .intro a.btn_box em {
	height: 56px; color: rgb(255, 255, 255); line-height: 56px; padding-right: 15px; font-family: "Noto Sans"; font-size: 16px; display: inline-block; position: relative;
}
.slick_slider .intro a.btn_box em::before {
	background: url("../images/icons/icons.png") no-repeat -550px -60px; top: 50%; width: 7px; height: 12px; right: 0px; margin-top: -5px; display: block; position: absolute; content: "";
}
.slick_slider .slick-arrow {
	background: none; border: currentColor; border-image: none; top: 50%; width: 50px; height: 100px; text-indent: -999em; margin-top: -50px; display: block; position: absolute; z-index: 7;
}
.slick_slider .slick-arrow::before {
	background: url("../images/icons/icons.png") no-repeat -500px -160px; transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1), visibility cubic-bezier(0, 0, 0.25, 1); left: 50%; top: 50%; width: 38px; height: 82px; margin-top: -41px; margin-left: -19px; display: block; position: absolute; content: ""; opacity: 0.3; -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1);
}
.slick_slider .slick-arrow:hover::before {
	opacity: 1;
}
.slick_slider .slick-arrow.slick-prev {
	left: 58px;
}
.slick_slider .slick-arrow.slick-next {
	right: 58px;
}
.slick_slider .slick-arrow.slick-next::before {
	background-position: -550px -160px;
}

.slick_slider .slick-dots li#slick-slide00 button::before {
	background-position: 0px 0px;
}
.slick_slider .slick-dots li#slick-slide01 button::before {
	background-position: -240px 0px;
}
.slick_slider .slick-dots li#slick-slide02 button::before {
	background-position: -480px 0px;
}
.slick_slider .slick-dots li#slick-slide03 button::before {
	background-position: -720px 0px;
}
.slick_slider .slick-dots li#slick-slide04 button::before {
	background-position: -960px 0px;
}
.slick_slider .slick-dots li button::after {
	background: url("../images/main/web_nav_on.jpg") no-repeat 0px 0px; transition:opacity 0.5s; left: 50%; top: 0px; width: 240px; height: 80px; margin-left: -120px; display: block; position: absolute; content: ""; opacity: 0; transform: translateY(20px); -webkit-transform: translateY(20px); -webkit-transition: opacity 0.5s;
}
.slick_slider .slick-dots li#slick-slide00 button::after {
	background-position: 0px -20px;
}
.slick_slider .slick-dots li#slick-slide01 button::after {
	background-position: -240px -20px;
}
.slick_slider .slick-dots li#slick-slide02 button::after {
	background-position: -480px -20px;
}
.slick_slider .slick-dots li#slick-slide03 button::after {
	background-position: -720px -20px;
}
.slick_slider .slick-dots li#slick-slide04 button::after {
	background-position: -960px -20px;
}
.slick_slider .slick-dots li.slick-active button::after {
	transition:0.5s; -webkit-transition: all 0.5s;
}
.slick_slider .slick-dots li button:hover::after {
	opacity: 1; transform: translateY(20px); -webkit-transform: translateY(20px);
}
.slick_slider .slick-dots li.slick-active button::after {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.slick_slider .slick-dots li.slick-active button em {
	transition:bottom 0.5s; bottom: 10px; -webkit-transition: bottom 0.5s;
}
.slick_slider .slick-dots li.slick-active#slick-slide00 button::after {
	background-position: 0px 0px;
}
.slick_slider .slick-dots li.slick-active#slick-slide01 button::after {
	background-position: -240px 0px;
}
.slick_slider .slick-dots li.slick-active#slick-slide02 button::after {
	background-position: -480px 0px;
}
.slick_slider .slick-dots li.slick-active#slick-slide03 button::after {
	background-position: -720px 0px;
}
.slick_slider .slick-dots li.slick-active#slick-slide04 button::after {
	background-position: -960px 0px;
}

.pc{display:block !important;}
.mobile{display:none !important;}


@media only all and (max-width: 1024px){	
	.slick-slide img { margin-top: 0; opacity:1; width:auto; }
	.slick-center img { margin-top: 0; width : 50%;}
	.artinfo .infoimgbox .infoimgstxt {display:block;  width: 75%;}
}

.artinfo .infoimgbox .infoimgstxt .title {overflow:hidden; display:inline-block;}
.artinfo .infoimgbox .slick-slide .infoimgstxt .title { height:16px;}
.artinfo .infoimgbox .slick-center .infoimgstxt { width: 96%;  }
.artinfo .infoimgbox .slick-center .infoimgstxt .title { font-size:16px; height:auto; }
.artinfo .infoimgbox .sharpen .infoimgstxt .title { font-size:13px; height:40px;}



.artinfopage{position:absolute; top:0;   overflow: hidden;   width: 110px; margin-left:0; right:0}
.artinfopage .artinfopagew{float:right;}
.artinfopage span{float:left;}
.artinfopage span a{display:block; width:34px; height:34px; border:1px solid #e7e7e7; float:left}
.artinfopage span.prev a{background:url(../img/images/main/Bleft.png) no-repeat center center #FFF;}
.artinfopage span.next a{background:url(../img/images/main/Bright.png) no-repeat center center #FFF;}
.artinfopage span.artplus a{background:url(../img/images/main/Bplus.png) no-repeat center center #FFF;}

/*캘린더*/
.calendar_wrap {padding-top:85px;}
.calendar_wrap .cal_date{position: relative; padding: 20px  60px;  text-align: center; float:left; width:220px;}
.calendar_wrap  .i-conw{float:right; width:610px; }
.cal_datew .i-conw{padding-top:20px;}
.i-conw span em{width:18px; height:18px; display:inline-block; color:rgba(255,255,255,1); font-size:12px; font-weight:500; line-height:18px; text-align:center; margin-right:3px;}
.i-conw span{color:#7e7e7e; font-size:13px; padding-left:5px;}
.i-con1 em{background:#1d42bd;}
.i-con2 em{background:#1d5abd;}
.i-con3 em{background:#1d84bd;}
.i-con4 em{background:#1db0bd;}
.i-con5 em{background:#1dbd7f;}
.i-con6 em{background:#1dbd2c;}
.i-con7 em{background:#a3bd1d;}
.i-con8 em{background:#bda11d;}
.i-con9 em{background:#bd7b1d;}
.i-con10 em{background:#bd431d;}
.i-con11 em{background:#bd1d51;}
.i-con12 em{background:#bd1dbb;}


.dayzone{ z-index: 99; width:991px; margin:50px auto 70px; overflow:hidden}
.dayzone > div{float: right}
.dayzone .dayimg { width:346px; height:405px; overflow:hidden;}
.dayzone .calendar_main{width:260px; margin:0 15px; border-bottom:1px solid #9e9691; height:405px; box-sizing:border-box}
.dayzone .calendertitle{border-top:1px solid #5f5a56; height:50px; box-sizing:border-box; text-align:center; font-size:16px; background:#efefef; line-height:50px; font-weight:500} 
.dayzone .forumbox{float:right; width:346px;}
.dayzone  .calendar_top{position:relative;}
.dayzone  .calendar_top .year_disp { position:relative; text-align:center; padding:9px; font-size:1em; color:#0763c5; font-weight:600 }
.dayzone  .calendar_top .mon_prev { position:absolute; left:10px; top:0; height:40px; background:url(../img/images/main/path-prev.png) no-repeat left center; }
.dayzone .calendar_top .mon_prev a { display:block; padding:14px 9px 15px 15px; color:#666;}
.dayzone .calendar_top .mon_next { position:absolute; right:10px; top:0; height:40px; background:url(../img/images/main/path-next.png) no-repeat right center; }
.dayzone .calendar_top .mon_next a { display:block; padding:14px 15px 15px 15px; color:#666; }
.dayzone .calendar_top .mon_prev a:hover, .calendar_top .mon_prev a:active,
.dayzone .calendar_top .mon_next a:hover, .calendar_top .mon_next a:active { color:#0e76bd }
.dayzone .calculator_tb { position:relative; border-top:1px solid #d7dde1; border-bottom:1px solid #d7dde1; }
.dayzone .calculator_tb ul li { position:relative; float:left; width:14.28%; text-align:center}
.dayzone .calculator_tb ul li a { display:block;  height:28px; vertical-align:middle; text-align:center;  font-size:0.7em; letter-spacing:-0.03em; color:#666666; font-weight:500; transition:all 0.3s ease; line-height:28px;}
.dayzone .calculator_tb ul li a.p_on { color:#fff; background:#0e76bd;}
.dayzone .calculator_tb ul li.today a { color:#fff; background:#0763c5;}
.dayzone .calculator_tb ul li.today a.p_on { color:#fff; background:#0e76bd;}
.dayzone .calculator_tb ul li a.sunday { color:#0763c5;}
.dayzone .calculator_tb ul li a.pass { color:#d1d1d1;}
.dayzone .calculator_tb ul li.fill { display:none;}
.dayzone .calculator_tb:after {content:''; clear:both; display:block; overflow:hidden;}
.dayzone .calenderDay{font-size:12px; height:40px; line-height:40px;}
.dayzone .sunday{color: #0763c5;}
.dayzone .perf_list{margin-bottom:5px;}
.dayzone .con{overflow:hidden;  border-bottom:1px solid #dddddd; padding:5px 0}
.dayzone .con .c-txt {    float: left;  padding-left: 30px; font-size:13px;}
.dayzone .con .c-txt  .time{display:none}
.dayzone .con:last-child{border-bottom:none;}
.dayzone .con .i-conw { position: relative; float: left; width: 30px;}
.dayzone .con .i-conw span {    margin-bottom: 7px;    display: inline-block;    position: absolute;    left: 0px;    top: 0px;}
.dayzone .more a, .newsmore a{display:block; width:90px; height:28px; line-height:28px; border:1px solid #c1c1c1; font-size:13px; font-weight:500; background:url(../img/images/main/Bplus.png) no-repeat 80% center; padding-left:20px; box-sizing:border-box; color:#6a6a6a; margin:0 auto 0; clear:both}
.dayzone .more a:hover, .newsmore a:hover{ color: #0763c5; border: 1px solid #0763c5; }
.dayzone .perf_date{display:none;}

.noticemobile{display:none;}

.forumbox{background:#2097c1; color:rgba(255,255,255,1); height:405px; padding:60px 35px 0 40px; box-sizing:border-box}
.forumbox .forumbox-title{font-size:24px; font-weight:600; position:relative; padding-bottom:10px;}
.forumbox .forumbox-title span{width:40px; height:1px; background:#fff; position:absolute; bottom:0; left:0; }
.forumbox .forumbox-stitle{font-size:13px; padding-top:20px; padding-bottom:35px;}
.forumbox .forummore a{border:1px solid #FFF; text-align:center; color:rgba(255,255,255,1); width:120px; height:38px; line-height:38px; font-size:14px; display:block; margin-bottom:25px;}
.forumbox .forummore a:hover{border: 1px solid #000; color: #000; }
.forumbox .forumpage{height:30px; overflow:hidden}
.forumbox .forumpage span{margin-right:3px; display:inline-block; float:left}
.forumbox .forumpage span.current, .forumbox .forumpage span.total { margin:0; float:none;}
.forumbox .forumpage .forumnum{background:#136886; width:48px; height:30px; text-align:center; color:rgba(255,255,255,1); font-size:12px; line-height:30px; letter-spacing:0}
.forumbox .forumpage a{display:block; width:30px; height:30px;}
.forumbox .forumpage .prev{background:url(../img/images/main/b-leftbtn.png) no-repeat;}
.forumbox .forumpage .next{background:url(../img/images/main/b-rightbtn.png) no-repeat;}


.newzone{ z-index: 99; margin:35px 0; height:475px}
.newzone .newzone-title{font-size:25px; font-weight:500; text-align:center; padding-bottom:8px;}
.newzone .newzone-stitle{font-size:13px;  text-align:center; position:relative}
.newzone .newzone-stitle span{width:50px; height:1px; background:#000000; position:absolute; display:block; margin-top:10px; text-align:center; left:50%; margin-left:-25px; margin-top:12px;}
.newzone .newsboxw{ margin-top:50px; position:relative}
.newzone .newsbox{width:270px; float:left; margin-right:40px; border-bottom:1px solid #bcbcbc; margin-bottom:25px;}
.newzone .newsbox:nth-child(4){margin-right:0;}
.newzone .newsbox .n1 img { width:268px; height:202px;}
.newzone .n2{font-size:16px; font-weight:600; padding-top:20px; padding-bottom:15px;}
.newzone .n3{font-size:13px; padding-bottom:5px; color: #8a8a8a; height:35px;}
.newzone .newsbox a:hover{ color: #0763c5; }
.newzone .ndate{ font-size:12px; letter-spacing:0; padding-bottom: 10px; color: #6b6b6b; text-align:left; }
.newzone .pagebtn{position:absolute;   width:100%; top: 100px;}
.newzone .pagebtn span a{display:block; width:70px; height:70px; position:absolute; text-indent:-1000px; overflow:hidden; }
.newzone .pagebtn .prev-p a{background:url(../img/images/main/now_left.png) no-repeat; left:-80px}
.newzone .pagebtn .next-p a{background:url(../img/images/main/now_right.png) no-repeat; right:-80px}
.newzone .wbox{overflow:inherit;}
.adzone{ z-index: 99; padding:45px 0;}
.adzone .wbox{ height:130px;}



@media only all and (max-width: 1024px){	

.wbox{width:100%; box-sizing:border-box}
.adzone .wbox{height:auto;}
.mainimg{background:none;height:auto; padding:5px 3%; box-sizing:border-box}
.mainimg .backimg { display:none;}
.mainimg .wbox{height:auto;}
.main-title{display:none; width:100%; position:relative; top:0; float:none}
.mainimg .main-poster{position:relative; width:100%; height:auto; z-index: 0;}
.mainimg .p-img { width:100%; height:auto; overflow:hidden; position:relative; height:550px}
.mainimg .p-img img{border:none; width:100%; height:100%; position:absolute; top:0; left:0}
.mainimg .main-poster div{float:none;}
.mainimg .main-poster .p-box{width:100%; float:none; height:auto;    background: rgba(0,82,160,1); padding:10px 20px; overflow:hidden ; margin-top:0px;}
.mainimg .main-poster .forumpage{float:right; top:500px;}
.mainimg .main-poster .forummore{float:left;}

.notice{display:none;}
.buszone{padding:30px 0 0 0;}
.buszone .wbox div a{width:33%; margin-bottom:20px; font-size:14px; height:90px; padding-top:65px;}
.buszone .bus02{line-height:15px;}
.buszone .wbox div:nth-child(3n) a{border-right:none;}
.artinfo{height:auto; padding:20px 0; position:relative; overflow:hidden}
.artinfo .artinfo-stitle{font-size:12px; padding:0 10px;}
.artinfo .infobtn{ display:none}
.artinfo .tab_container{}
.artinfo .infoimgbox{width:100%; background:none; margin-top:30px; padding:0; margin : 30px 3% 0 3%;}
.artinfo .infoimgbox p{display:none;}
.artinfo .infoimgbox .infoBw p{display:block; font-size:13px; }
.artinfo .infoimgbox .infoBw p.infoimgstxt{padding:10px; box-sizing:border-box; height:70px}
.artinfo .infoimgbox .infoBw:nth-child(2) p{margin-right:0; float:right}
.artinfo .infoimgbox p.infoblank{margin-right:0;}
.artinfo .artinfo-title{font-size:20px;}
.artinfo .infoimgbox .infoBw{position:relative; left:0; top:0; width:100%}
.artinfo .infoimgbox .infoBw .infoBorder{width:50%; float:left; margin-right:0}
.artinfo .infoimgbox .infoBw .infoimgtxt img{width:100%; border:7px solid rgba(51,51,51,0.2);}
.artinfopage{position:relative; width:100%; margin:0 auto; top:390px; z-index:11; left:0; text-align:center; padding:20px 0 0;}

.artinfopage span a{float:none; display:inline-block;}
.artinfopage span{float:none;}
.artinfopage .artinfopagew{float:none;}

.dayzone{width:100%; padding:0 3%; box-sizing:border-box; margin:0}
.dayzone .dayimg{ float:right; width:100%;  min-height: 450px !important;}
.dayzone .dayimg a { width:100% !important;}
.dayzone .dayimg img{width:100%;}
.dayzone .forumbox{display:none}
.dayzone .calendar_main{width:100%; float:left; margin:0; height:auto;}

.noticemobile{ padding:0 3%; box-sizing:border-box; display:block}
.category {margin-bottom:10px;}
.category ul.tabs li{ float:left; display:inline-block; margin-left:-1px; height:48px; line-height:48px; font-size:13px; text-align:left; background:rgb(255,255,255); border:1px solid #dedee1; cursor:pointer; box-sizing:border-box; }
.category ul.tabs{width:100%;}
.category ul.tabs li:first-child{border-left:1px solid #cdd5be; }
.category ul.tabs li.active{ background:#1a6cbf url(../img/images/gnbarr.png) no-repeat 92% center; color:rgba(255,255,255,1); background-size:10px; text-align:center;}
.category ul.tabs li:hover{background: #1a6cbf url(../img/images/gnbarr.png) no-repeat 92% center; cursor:pointer; -webkit-transition: background-color 300ms linear; color:#FFF; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear;  background-size:10px;}
.category ul.tabs li a{ display:block; width:100%; height:100%; }
.category ul.tabs li {width:20%; text-align:center }
.catetxt li{font-size:13px; border-bottom:1px solid #e1e1e1; padding:7px 0}


/*달력*/
.dayzone .calendertitle{display:none;}
.dayzone .more a{display:none;}
.dayzone .calendar_top { position:relative; margin-top:20px; border-top:1px solid #d7dde1; border-left:1px solid #d7dde1; border-right:1px solid #d7dde1; height:50px; background:#f3f6f8; }
.dayzone  .calendar_top .year_disp { position:relative; text-align:center; padding:9px; font-size:1.4em; color:#0a3b61; font-weight:600 }
.dayzone  .calendar_top .mon_prev { position:absolute; left:10px; top:0; height:50px; background:url(../img/images/path_sel_at_on.png) no-repeat left center; background-size:10px 17px; font-size:0.9em;}
.dayzone  .calendar_top .mon_prev a { display:block; padding:14px 9px 15px 15px; color:#666;}
.dayzone  .calendar_top .mon_next { position:absolute; right:10px; top:0; height:50px; background:url(../img/images/path_sel_at_on1.png) no-repeat right center; background-size:10px 17px; font-size:0.9em;}
.dayzone  .calendar_top .mon_next a { display:block; padding:14px 15px 15px 15px; color:#666; }
.dayzone  .calendar_top .mon_prev a:hover, .calendar_top .mon_prev a:active,
.dayzone  .calendar_top .mon_next a:hover, .calendar_top .mon_next a:active { color:#0e76bd }
.dayzone  .calculator_tb { position:relative; border-top:1px solid #d7dde1; border-left:1px solid #d7dde1; border-bottom:none }
.dayzone  .calculator_tb ul li { position:relative; float:left; width:9.090909090909091%; }
.dayzone  .calculator_tb ul li a { display:block; padding:12px 6px; height:40px; vertical-align:middle; text-align:center; border-right:1px solid #d7dde1; border-bottom:1px solid #d7dde1; font-size:0.7em; letter-spacing:-0.03em; color:#7f8a92; font-weight:600; transition:all 0.3s ease;}
.dayzone  .calculator_tb ul li a.p_on { color:#fff; background:#0e76bd;}
.dayzone  .calculator_tb ul li.today a { color:#333; background:#e8e8e8;}
.dayzone  .calculator_tb ul li.today a.p_on { color:#fff; background:#0e76bd;}
.dayzone  .calculator_tb ul li a.sunday { color:#f23333;}
.dayzone  .calculator_tb ul li a.pass { display:none;}
.dayzone  .calculator_tb ul li.fill { display:block;}
.dayzone  .calculator_tb:after {content:''; clear:both; display:block; overflow:hidden;}
.dayzone  .perf_list { position:relative; border-bottom:1px solid #d7dde1; border-left:1px solid #d7dde1; border-right:1px solid #d7dde1; padding:18px 15px; transition:all 0.3s ease; overflow:hidden }
.dayzone  .perf_list .perf_date { color:#0e76bd; font-size:1.05em; font-weight:700;display:block; }
.dayzone  .perf_list ul { margin-top:8px; }
.dayzone  .perf_list ul li { position:relative; background:url(../images/bullet2.gif) no-repeat 2px 8px; background-size:3px; padding-left:11px; margin-bottom:6px; font-size:0.95em; color:#333; line-height:1.35; letter-spacing:-0.03em;}
.dayzone .calenderDay{display:none;}
.dayzone .con .c-txt .time{display:block;}
.dayzone .con{border-bottom:none;}
.newzone{padding:20px 5%; margin-bottom:0; height:auto}
.newzone .newzone-title{font-size:18px;}
.newzone .newsbox{width:48%; box-sizing:border-box; margin-right:0; height:auto }
.newzone .newsbox:nth-child(2){float:right;}
.newzone .newsbox:nth-child(3){display:none;}
.newzone .newsbox:nth-child(4){display:none;}
.newzone .newsbox .n1 img{width:100%; height:auto; min-height:120px;}
.newzone .n2{font-size:14px; font-weight:500; padding-bottom:10px; box-sizing:border-box; }
.newzone .n3{font-size:12px; overflow:hidden; }
.adzone img{width:100%;}
.newzone .pagebtn{display:none;}

.pc{display:none !important;}
.mobile{display:block !important;}
}