@charset "utf-8";

h2, h3 {font-size:1.2em; letter-spacing:-1px;}
.sectionWrap {padding-bottom:60px; background:url('/goboongoon/img/main/bg.gif') repeat-y center top;}

/* 비주얼 */
.visMain {position:relative;}
.visMain .visImg {position:relative;}
.visMain .visImg div {overflow:hidden;}
.visMain .visImg .wrap { position:relative; height:782px;}
.visMain .visImg .wrap > * {position:absolute; right:0; top:50%; transform:translate(0, -50%); color:#fff; font-size:50px; text-align:right; letter-spacing:-1.2px; line-height:1.2; }
.visMain .visImg .wrap > * span {display:block; font-size:20px; margin-top:20px;}
.visMain .visImg li.slick-slide {width:100%; height:782px; transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); transition:transform 5000ms ease-in-out; -webkit-transition:transform 5000ms ease-in-out;}
.visMain .visImg li.slick-slide.zoom {transform: scale(1,1); -webkit-transform: scale(1,1);}
.visMain .visImg li.vis01 {background:url('/goboongoon/img/main/vis_03.jpg') no-repeat center; background-size:cover;}
.visMain .visImg li.vis02 {background:url('/goboongoon/img/main/vis_02.jpg') no-repeat center; background-size:cover;}
.visMain .visTxt {position:absolute; top:251px; left:0; width:100%; z-index:3;}
.visMain .visTxt > div {position:relative;}
.visMain .visTxt > div p.txt01 {text-align:right; margin-right:-45px; opacity:0;}
.visMain .visBtn {overflow:hidden; position:absolute; top:51px; opacity:0;}
.visMain .visBtn * {float:left;}
.visMain .visBtn .visPager {margin-right:20px; /*text-shadow:1px 1px 10px #000;*/}
.visMain .visBtn .visPager .current, .visBtn .visPager .total {color:#fff; font-size:1.2em; font-weight:600;}
.visMain .progress {width:150px; height:2px; margin:15px 20px 0 20px; background-color:rgba(255,255,255,0.5); background-image:linear-gradient(to right, white, white); background-repeat:no-repeat; background-size: 0 100%; transition:all .4s ease-in-out; /*box-shadow:1px 1px 10px #000;*/}
.visMain .progress .sliderLabel {display:block; text-indent:-9999px;}
.visMain .visBtn > a {display:block; width:20px; height:20px; margin:6px 5px 0 5px; background:url('/goboongoon/img/main/vis_btn.png') no-repeat; text-indent:-9999px;}
.visMain .visBtn > a.visPrev {background-position:0 0;}
.visMain .visBtn > a.visStop  {background-position:-20px 0;}
.visMain .visBtn > a.visNext  {background-position:-60px 0;}
@media all and (max-width:1439px) {
	.visMain .visBtn {margin-left:45px;}
	.visMain .visTxt > div p.txt01 {margin-right:0;}
}
@media all and (max-width:1023px) {
	.visMain:before {content:''; position:absolute; bottom:65px; left:0; width:100%; height:1px; background:rgba(255,255,255,0.5); z-index:3;}
	.visMain .visImg li.slick-slide, .visMain .visImg .wrap {height:550px;}
	.visMain .visImg .wrap > * { top:auto; bottom:0; transform:translate(0, 0); font-size:40px;}
	.visMain .visImg .wrap > * span {margin-top:10px; font-size:16px;}
	.visMain .visImg .wrap > p {bottom:100px;}
	.visMain .visTxt {top:50%; transform:translateY(-50%); margin-top:10px}
	.visMain .visTxt > div p.txt01 {padding-bottom:40px;}
	.visMain .visTxt > div p.txt01 img {width:400px;}
	.visMain .visBtn {top:inherit; right:0; bottom:0; margin:0 27px 0 0;}
}
@media all and (max-width:599px) {
	.visMain .visImg li.slick-slide, .visMain .visImg .wrap {height:420px;}
	.visMain .visTxt > div p.txt01 {padding-bottom:0;}
	.visMain .visTxt > div p.txt01 img {width:300px;}
	.visMain .visBtn {display:none;}
}
@media all and (max-width:480px) {
	.visMain .visImg .wrap > * { font-size:35px; bottom:30px;}
	.visMain .visImg .wrap > p { bottom:80px;}
}

/* 안내 */
.top {overflow:hidden; margin-top:-65px; border-radius:0 0 20px 20px;}
.top .left {float:left; width:66.667%;}
.guide {overflow:hidden; line-height:65px;}
.guide dl {position:relative; float:left; margin-left:25px; color:#fff;}
.guide dl:first-of-type {margin-left:0;}
.guide dl dt {float:left; margin:0 10px 0 0; padding:0 0 0 45px; font-size:1em; font-weight:500;}
.guide dl dt:before {content:''; position:absolute; top:50%; left:0; width:33px; height:32px; margin-top:-17px; background:url('/goboongoon/img/main/guide_icon.png') no-repeat;}
.guide dl:first-of-type dt:before {background-position:0 0;}
.guide dl:last-of-type dt:before {background-position:-33px 0;}
.guide dl dd {float:left; font-size:0.88em;}
.guide .mGuide {display:none;}
@media all and (max-width:1439px) {
	.guide dl {margin-left:10px;}
	.guide dl dt {padding-left:0;}
	.guide dl dt:before {display:none;}
}
@media all and (max-width:1023px) {
	.top {border-radius:0;}
	.top .left {float:none; width:100%;}
	.guide {text-align:center; max-height:65px;}
	.guide > div {display:inline-block;}
	.guide dl dt {padding-left:50px;}
	.guide dl dt:before {display:block;}
}
@media all and (max-width:768px) {
	.guide dl {display:none;}
	.guide .mGuide {display:block; position:relative; padding-left:50px; padding-right:25px; letter-spacing:1px; color:#fff; font-weight:500;}
	.guide .mGuide:before {content:''; position:absolute; top:50%; left:0; width:33px; height:32px; margin-top:-17px; background:url('/goboongoon/img/main/guide_icon.png') no-repeat;}
	.guide .mGuide:after {content:''; position:absolute; top:50%; right:0; width:8px; height:8px; margin-top:-4px; background:url('/goboongoon/img/common/Mmore.png') no-repeat;}
}

/* 공지사항 */
.notice {position:relative; max-height:298px; padding:35px 40px; background:#fff; box-sizing:border-box;}
.notice a {display:block;}
.notice ul li h2 {position:absolute; top:0; left:0;}
.notice ul li h2 a {display:block; padding:30px 30px 30px 40px; background:url('/goboongoon/img/main/more.png') no-repeat right center; font-weight:500;}
.notice .noticeList {padding-top:40px; min-height:298px;}
.notice .noticeList li {overflow:hidden; padding:8px 0 4px 2px;}
.notice .noticeList li a {overflow:hidden; float:left; width:54%; text-overflow:ellipsis; white-space:nowrap;}
.notice .noticeList li span {float:right;}
/*.notice .noticeMore {position:absolute; top:22px; right:5px; width:21px; height:21px; padding:0; border:0; background:url('/goboongoon/img/main/more.png') no-repeat left center; text-indent:-9999px;}*/
@media all and (max-width:1023px) {
	.notice {padding:35px 25px;}
	.notice ul li h2 a {padding-left:25px;}
}

/* 알림창 */
.pop {float:right; position:relative; width:33.334%; border-radius:0 0 20px 0;}
.pop h2 {background:#0f2d0b; padding:16px 25px; color:#fff;}
.popSlide li img {width:100%; height:298px; border-radius:0 0 20px 0;}
.popBtn {position:absolute; top:15px; right:10px; overflow:hidden;}
.popBtn li {display:block !important; float:left;}
.popBtn li a {display:block; width:33px; height:33px; background:url('/goboongoon/img/main/pop_btn.png') no-repeat; text-indent:-9999px;}
.popBtn li.popPrev a {background-position:0 0;}
.popBtn li.popStop a {background-position:-33px 0;}
.popBtn li.popNext a {background-position:-99px 0;}
@media all and (max-width:1023px) {
	.pop {float:none; width:100% !important; border-radius:0;}
	.popSlide li img {border-radius:0; height:100%;}
}

/* 링크 */
.link {margin:60px 0;}
.link ul {overflow:hidden;}
.link ul li {float:left; position:relative; width:33.333%; border-left:1px solid #d0d0d0; box-sizing:border-box;}
.link ul li.link03 {border-right:1px solid #d0d0d0;}
.link ul li a {display:block; padding:25px 40px 25px 145px;}
.link ul li.link01 a {background:url('/goboongoon/img/main/link_icon_01.png') no-repeat 44px 23px;}
.link ul li.link02 a {background:url('/goboongoon/img/main/link_icon_02.png') no-repeat 44px 23px;}
.link ul li.link03 a {background:url('/goboongoon/img/main/link_icon_03.png') no-repeat 44px 23px;}
.link ul li a p {position:relative; margin:10px 0 0 1px; padding-bottom:36px; color:#646464;}
.link ul li a p:after {content:''; position:absolute; bottom:0; left:4px; width:31px; height:10px; background:url('/goboongoon/img/main/link_more.png') no-repeat; transition:all 0.5s;}
.link ul li a:hover p:after {left:20px;}
@media all and (max-width:1279px) {
	.link ul li a {padding:25px 25px 25px 125px;}
	.link ul li.link01 a, .link ul li.link02 a, .link ul li.link03 a {background-position:25px 20px;}
	.link ul li a p {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
}
@media all and (max-width:969px) {
	.link ul li a {padding:104px 25px 25px 25px; text-align:center;}
	.link ul li.link01 a, .link ul li.link02 a, .link ul li.link03 a {background-position:center 20px;}
	.link ul li a p:after {left:50%; margin-left:-16px;}
	.link ul li a:hover p:after {left:60%;}
}
@media all and (max-width:599px) {
	.link ul li {float:none; width:100%; border-left:0; border-bottom:1px solid #d0d0d0;}
	.link ul li.link03 {border-right:0;}
	.link ul li.link01 {border-top:1px solid #d0d0d0;}
	.link ul li a {padding:20px 20px 20px 105px; text-align:left;}
	.link ul li.link01 a, .link ul li.link02 a, .link ul li.link03 a {background-size:50px; background-position:20px 20px;}
	.link ul li a p {padding-bottom:0;}
	.link ul li a p:after {left:inherit; right:0; bottom:7px; margin-left:0;}
	.link ul li a:hover p:after {left:inherit;}
}
@media all and (max-width:375px) {
	.link ul li a p:after {display:none;}
}

/* 전시실 */
.exh .exhTop {overflow:hidden;}
.exh .exhTit {float:left;}
.exh .exhTit h2 img {display:block;}
.exh .exhTit p {margin:10px 0 0 3px; color:#646464; font-size:1.2em;}
.exh .exhCtl {float:right;}
.exh .exhCtl > * {float:left; margin:52px 0 0 10px;}
.exh .exhCtl a.exhStop, .exh .exhCtl .exhPager {margin-top:54px;}
.exh .exhCtl a.exhStop {display:block; width:20px; height:20px; background:url('/goboongoon/img/main/show_ctl.png') no-repeat -40px 0; text-indent:-9999px;}
.exh .exhCtl .exhPager .slick-dots li {display:inline-block;}
.exh .exhCtl .exhPager .slick-dots li:last-child {margin-right:0;}
.exh .exhCtl .exhPager .slick-dots li a {display:inline-block; width:20px; height:20px; margin:0 3px; text-indent:-9999px; background:url('/goboongoon/img/main/show_ctl.png') no-repeat -20px 0;}
.exh .exhCtl .exhPager .slick-dots li.slick-active a {background-position:0 0;}
.exh .exhCtl a.cyber {display:block; padding-right:27px; background:url('/goboongoon/img/main/more.png') no-repeat right center; font-size:17px; font-weight:500;}
.exh .exhSlide {position:relative; margin-top:30px;}
.exh .exhBtn a {display:block; position:absolute; top:50%; width:36px; height:36px; margin-top:-18px; background:url('/goboongoon/img/main/show_arrow.png') no-repeat center; text-indent:-9999px; z-index:1;}
.exh .exhBtn a.exhPrev {left:-80px; background-position:0 0;}
.exh .exhBtn a.exhNext {right:-80px; background-position:-36px 0;}
.exh .exhList {margin:0 -20px;}
.exh .exhList:after {content:''; display:block; clear:both;}
.exh .exhList li a {display:block; position:relative; margin:0 20px;}
.exh .exhList li a img {width:100%; box-shadow:7px 7px 1px rgba(2,2,2,0.2);}
.exh .exhList li h3 {margin-top:20px;}
@media all and (max-width:1439px) {
	.exh .exhBtn a {display:none !important;}
}
@media all and (max-width:1279px) {
	.exh .exhList {margin:0 -10px;}
	.exh .exhList li a {margin:0 10px;}
}
@media all and (max-width:768px) {
	.exh .exhTop {text-align:center;}
	.exh .exhTit {float:none; width:100%;}
	.exh .exhTit h2 img {margin:0 auto;}
	.exh .exhCtl {display:inline-block; overflow:hidden; float:none;}
	.exh .exhCtl > * {margin-top:29px;}
	.exh .exhList li h3 {text-align:center;}
	.exh .exhCtl a.exhStop, .exh .exhCtl .exhPager {margin-top:30px;}
}


/* 레이어팝업 슬라이드 */
.layorPop_new {position:absolute; left: 20px; top:100px; padding:5px; background:#fff; box-shadow:0 0 30px rgba(0,0,0,0.3); z-index:9999; width:500px;}
.layorPop_new form {position:relative; padding:5px 5px 10px 5px; font-size:14px;}
.layorPop_new form * {vertical-align:middle;}
.layorPop_new form label {color:#666; margin:0 0 0 3px;}
.layorPop_new form a {position:absolute; right:5px; font-weight:600;}
.layorPop_new form a::before {content: '[';}
.layorPop_new form a::after {content: ']';}
.layorPop_new img {width:100%;}
.layorPop_new .btn {display:flex; justify-content:space-between; align-items:center; padding:10px 5px 5px;}
.layorPop_new .control {display:flex; align-items:center;}
.layorPop_new .control a {display:block; position:relative; width:30px; height:30px; text-indent:-9999rem;}
.layorPop_new .control a:before {content:''; position:absolute; top:50%; left:50%; width:100%; height:100%; background:url('/design/img/common/popControl_black.gif') no-repeat 0 0/400% auto; transform:translate(-50%, -50%);}
.layorPop_new .control a.prev:before {background-position:0 0;}
.layorPop_new .control a.next:before {background-position:33.333% 0;}
.layorPop_new .control a.stop:before {background-position:66.666% 0;}
.layorPop_new .control a.play:before {background-position:99.999% 0;}
.layorPop_new .control a.play {display:none;}
.layorPop_new .pager {display:flex; align-items:center; position:relative; margin-left:-10px;}
.layorPop_new .pager:before {content:'/'; position:absolute; top:50%; left:50%; font-size:14px; transform:translate(-50%, -50%); margin-top:-1px;}
.layorPop_new .pager span {display: block; padding:0 15px;}
.layorPop_new .pager span.current {font-weight:600;}
.layorPop_new li {position:relative;}
.layorPop_new li.popup_250509 a {position:absolute; left:6%; bottom:5%; width:43%; height:10%; text-indent:-9999px; }
.layorPop_new li.popup_250509 a.btn2 {left:auto; right:6%; }
#popup02 {left:50%; transform:translateX(-50%);}
@media all and (max-width:599px){
  .layorPop_new {width:90%; transform:translateX(-50%); left:50%;}
  #popup02 {left: auto; right: 50%; transform: translateX(50%);}
}