@charset "UTF-8";
@import url('/Main/design_new/common/css/KOHIBaeum.css');
@import url('/Main/design_new/common/css/GmarketSans.css');

@keyframes fadeIn {
  from {opacity:0;}
  to {opacity:1;}
}
@keyframes motion {
  from {transform:translateY(10px);}
  to {transform:translateY(0);}
}

/* common */
h2, h3 {font-family:'SBAggro'; font-size:3.3rem; font-weight:600; }
.h_title {margin-bottom:3rem; text-align:center;}
.h_title span {display:inline-block; position:relative; padding:0 6rem; color:#117533; font-family:'SBAggro'; letter-spacing:0.2px;}
.h_title span:before,
.h_title span:after {content:''; position:absolute; top:50%; width:38px; height:7px; margin-top:-4px; background:url('/Main/Images/saemaul/main/tmpl_main.png') no-repeat;}
.h_title span:before {left:0; background-position:-625px 0;}
.h_title span:after {right:0; background-position:-663px 0;}
.h_title h2 {margin-top:0.5rem;}

.tmpl_main {display:block; background:url('/Main/Images/saemaul/main/tmpl_main.png') no-repeat; text-indent:-9999px;}
.ir_main:before {content:''; position:absolute; background:url('/Main/Images/saemaul/main/tmpl_main.png') no-repeat;}
.more {width:42px; height:42px; background-position:-23px -25px; border-radius:50%; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);}
@media all and (max-width:1023px) {
  .more {width:30px; height:30px; background-position:-23px -67px;}
}

.slide_btn {overflow:hidden;}
.slide_btn > a {display:block; float:left; width:24px; height:25px; background:url('/Main/Images/saemaul/main/tmpl_main.png') no-repeat; text-indent:-9999px;}
.slide_btn > a.prev {background-position:-528px 0;}
.slide_btn > a.next {background-position:-601px 0;}
.slide_btn > a.stop {background-position:-552px 0;}

.obj {position:absolute; z-index: -1;}
.obj.obj01 {/*top:16.9rem; right:0; width:545px; height:741px; background:url('/Main/Images/saemaul/main/obj01.png') no-repeat; background-size:contain;*/ display:none;}
.obj.obj02 {top:-8.1rem; left:0; width:155px; height:356px; background:url('/Main/Images/saemaul/main/obj02.png') no-repeat;}
.obj.obj03 {top:0; right:0; width:345px; height:556px; background:url('/Main/Images/saemaul/main/obj03.png') no-repeat;}
@media all and (max-width:1640px) {
  .obj.obj01 {width:414px; height:563px;}
}
@media all and (max-width:1023px) {
  .obj.obj01 {display:none;}
}

/* margin */
.notice {margin:10rem 0;}
@media all and (max-width:1023px) {
  .notice {margin:0;}
  .board {margin-bottom:2rem;}
  .visual, .stn_wrap, .popup, .vr {margin-bottom:6rem;}
}
@media all and (max-width:768px) {
  .link {margin-bottom:6rem;}
}

/* aside */
.aside {overflow:hidden; position:absolute; top:19.7rem; left:5.5rem; transform-origin:0 0; transform:rotate(90deg);}
.aside a {display:inline-block; margin-right:3rem; color:#cdcdcd; font-size:1.3rem; font-family:'Montserrat'; text-transform:uppercase; font-weight:600; letter-spacing:0.7px;}
.aside span {display:inline-block; padding-right:3.3rem;}
.aside span:before {width:23px; height:23px; top:-1px; right:0; transform:rotate(-90deg);}
.aside span.insta:before {background-position:0 0;}
.aside span.blog:before {background-position:-23px 0;}
.aside span.facebook:before {background-position:-46px 0;}
@media all and (max-width:1640px){
  .aside {display:none;}
}

/* vis */
.visual .vis {position:absolute; width:781px; right:0; top:2rem; z-index:-1;}
/*
.visual .vis:before {content:''; position:absolute; top:16.9rem; right:0; width:545px; height:741px; background:url('/Main/Images/saemaul/main/obj01.png') no-repeat; z-index: -1;}
*/
.visual .vis_slide.mobile {display:none;}
.visual .vis_slide.pc li {/*height:820px;*/ height:917px; text-indent:-9999px;}
.visual .vis_slide.pc li.vis01 {background:url('/Main/Images/saemaul/main/visual05.png') no-repeat; background-size:contain;}
.visual .vis_slide.pc li.vis02 {background:url('/Main/Images/saemaul/main/visual08.png') no-repeat; background-size:contain;}
.visual .vis_slide.pc li.vis03 {background:url('/Main/Images/saemaul/main/visual06.png') no-repeat; background-size:contain;}
.visual .vis_slide.pc li.vis04 {background:url('/Main/Images/saemaul/main/visual07.png') no-repeat; background-size:contain;}
.visual .txt {/*width:52.5%;*/ width:calc(100% - 640px); margin-top:9.3rem;}
.visual .txt p {letter-spacing:-1px;}
.visual .txt .small {margin-left:0.6rem; font-family:'SBAggro'; font-size:2.5rem; line-height:1.4;}
.visual .txt .big {font-family:'KOHIBaeum'; font-size:6.5rem; color:#117533; line-height:1.2; margin-top:1rem;}
.visual .txt .big span {color:#696109;}
.visual .about {margin:4rem 0 6.5rem;}
.visual .about dt span {display:inline-block; padding:1rem 2.5rem 0.8rem 2.5rem; border:1px solid #117533; border-radius:60px; font-family:'SBAggro'; color:#117533; font-weight:600; text-align:center; box-shadow:0 0 10px rgba(17,117,51,0.2); transform:rotate(-0.001deg);}
.visual .about dd {margin:3rem 0 0 0.6rem;}
@media all and (min-width:1024px){
  .visual .slick-dots {display:none !important;}
}
@media all and (max-width:1640px){
  .visual .vis {width:650px; top:9rem; right:-4rem;}
  /*.visual .vis_slide.pc li {height:682px;}*/
}
@media all and (max-width:1540px){
  .visual .vis {right:-8rem;}
  .visual .txt {width:calc(100% - 570px); margin-top:8rem;}
}
@media all and (max-width:1240px){
  .visual .vis {right:-20rem;}
  .visual .txt {width:100%;}
  .visual .txt .small {font-size:2.2rem;}
  .visual .txt .big {font-size:5.5rem;}
  .visual .about {width:calc(100% - 570px);}
}
@media all and (max-width:1023px){
  .visual > div.wrap {position:relative;}
  .visual .vis {position:static; width:100%; z-index:0;}
  .visual .vis_slide.pc {display:none;}
  .visual .vis_slide.mobile {display:block;}
  .visual .vis_slide.mobile li img {width:100%; height:300px; object-fit:cover;}
  .visual .txt {margin-top:0; width:100%;}
  .visual .txt p {display:none;}
  .visual .about {width:100%; margin:0;}
  .visual .about dd {margin-top:2rem;}
  .visual .slick-dots {margin-bottom:4rem;}
}
@media all and (max-width:599px){
  .visual .vis_slide.mobile li img {height:200px;}
}
@media all and (max-width:320px){
  .visual .vis_slide.mobile li img {height:150px;}
}

/* link, info */
.stn_wrap {display:flex;}
.stn_wrap .link {width:47.858%;}
.stn_wrap .link .link_slide {overflow:hidden; margin:0 -5rem;}
.stn_wrap .link .link_slide li {float:left; width:33.333%;}
.stn_wrap .link .link_slide li a {display:block; padding-top:13.7rem; text-align:center; font-size:1.9rem; font-weight:700;}
.stn_wrap .link .link_slide li a:before {top:0; left:50%; width:137px; height:101px; margin-left:-68.5px;}
.stn_wrap .link .link_slide li.link01 a:before {background-position:-69px 0;}
.stn_wrap .link .link_slide li.link02 a:before {background-position:-206px 0;}
.stn_wrap .link .link_slide li.link03 a:before {background-position:-343px 0;}
.stn_wrap .link .link_slide li a:hover:before {transition:all 0.65s; transform:rotateY(360deg);}
.stn_wrap .info {margin-left:11rem;}
.stn_wrap .info dl {margin-bottom:4rem; padding-left:4rem;}
.stn_wrap .info dl:last-of-type {margin-bottom:0;}
.stn_wrap .info dl:before {width:24px; height:25px; top:0.2rem;  left:0;}
.stn_wrap .info dl.time {margin-top:0.3rem;}
.stn_wrap .info dl.time:before {background-position:-480px 0;}
.stn_wrap .info dl.road:before {background-position:-504px 0;}
.stn_wrap .info dl dt {margin-bottom:0.4rem; font-size:1.9rem; font-weight:700;}
.stn_wrap .info dl dd {margin-left:0.3rem;}
@media all and (max-width:1540px) {
  .stn_wrap .link .link_slide {margin:0 -2rem;}
  .stn_wrap .info {margin-left:4%;}
}
@media all and (max-width:1240px) {
  .stn_wrap .link .link_slide {margin:0; padding:0 5rem;}
  .stn_wrap .link .link_slide .slick-disabled {opacity:0.5; pointer-events:none;}
  .stn_wrap .link .link_slide .slick-arrow {width:19px; height:19px; margin-top:-10px; background:url('/Main/Images/saemaul/main/tmpl_main.png') no-repeat; z-index:100;}
  .stn_wrap .link .link_slide .slick-arrow:before {display:none;}
  .stn_wrap .link .link_slide .slick-arrow.slick-prev {left:0.5rem; background-position:-553px -25px;}
  .stn_wrap .link .link_slide .slick-arrow.slick-next {right:0.5rem; background-position:-572px -25px;}
}
@media all and (max-width:1023px) {
  .stn_wrap {justify-content:space-between;}
  .stn_wrap .link {width:45.523%;}
  .stn_wrap .info {width:45.523%;}
}
@media all and (max-width:768px) {
  .stn_wrap {display:block;}
  .stn_wrap .link {width:100%;}
  .stn_wrap .info {display:flex; flex-flow:row wrap; justify-content:space-between; width:100%; margin-left:0; padding:2.5rem 3rem; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:15px;}
  .stn_wrap .info > dl {width:47%; margin-bottom:0;}
  .stn_wrap .info dl.time {margin-top:0;}
}
@media all and (max-width:599px) {
  .stn_wrap .info {padding:2.5rem;}
  .stn_wrap .info > dl {width:100%; margin-bottom:2.3rem;}
}

/* notice */
.notice {position:relative;}
.notice > div.wrap {display:flex; justify-content:space-between;}
.notice article {position:relative;}
.notice .board {/*float:left;*/ width:47.858%;}
.notice .board a {display:block;}
.notice .board > ul > li > a {position:absolute; top:0.8rem; left:10rem; color:#636363; font-family:'SBAggro'; font-size:2.2rem;}
.notice .board > ul > li > a:before {content:''; position:absolute; top:50%; right:-1.8rem; width:0.1rem; height:1rem; background:#b4b4b4; margin-top:-0.2rem; transform:translateY(-50%);}
.notice .board > ul > li:nth-child(2) > a {left:20rem;}
.notice .board > ul > li:last-child > a:before {display:none;}
.notice .board > ul > li.on > a {font-weight:600; color:#117533;}
.notice .board > ul > li.on .show {display:block;}
.notice .show {overflow:hidden; display:none; margin-top:2.5rem;}
.notice .show .list {float:left; width:45.523%;}
.notice .show .list:nth-of-type(2) {float:right;}
.notice .show .list dl {position:relative;}
.notice .show .list .title {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; width:calc(100% - 30px); height:3em; font-size:2.2rem; font-weight:600; line-height:1.5; word-wrap:break-word; text-overflow:ellipsis; letter-spacing:-0.5px;}
.notice .show .list .cont {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:3.2em; margin:1.5rem 0 1.6rem; line-height:1.6; word-wrap:break-word; text-overflow:ellipsis; letter-spacing:-0.5px; opacity:0.8;}
.notice .show .list .date {margin-left:0.2rem; color:#a6a6a6; letter-spacing:0.3px;}
.notice .show .more {position:absolute; top:0; right:0;}
.notice .show .new {position:absolute; top:0.4rem; right:0; width:23px; height:24px; background-position:0 -25px;}

.notice .show li {position:relative; overflow:hidden; padding-left:1.8rem;}
.notice .show li a {overflow:hidden; float:left; max-width:75%; padding:0.45rem 0; text-overflow:ellipsis; white-space:nowrap; font-size:1.9rem; font-weight:500;}
.notice .show li:before, .notice .show li a:before {content:''; position:absolute; top:1.6rem; left:0; width:4px; height:4px; background:#ccc;}
.notice .show li a:hover {text-decoration:underline;}
.notice .show li span {float:right; margin-top:0.6rem; font-size:1.5rem; color:#666;}

@media all and (max-width:1540px) {
  .notice .show .list .cont {margin:1.8rem 0;}
}
@media all and (max-width:1023px) {
  .notice > div.wrap {display:block; overflow:hidden;}
  .notice .board {width:100%;}
  .notice .board > ul > li > a {top:6.5rem; left:0.2rem;}
  .notice .board > ul > li:nth-child(2) > a {left:10rem;}
  .notice .show {margin-top:7rem;}
  .notice .show .list {margin-bottom:4rem;}
  .notice .show .more {top:1rem;}
}
@media all and (max-width:599px) {
  .notice > div.wrap {display:block;}
  .notice .show .list {float:none; width:100%;}
  .notice .show .list .title {height:100%; max-height:3em;}
  .notice .show .list .cont {height:100%; max-height:3.2em;}
}

/* popup */
.notice .popup {width:47.858%; overflow:hidden;}
.notice .popup .pop_slide {overflow:hidden; background:#fff; border:1px solid #ececec; border-radius:0.6rem; padding:1rem 0.5rem;}
.notice .popup .pop_slide li {line-height:214px; height:214px; text-align:center; margin:0 1rem;}

.notice .popup .pop_slide li a {display:block;}
.notice .popup .pop_slide img {display:inline-block; width:100%; height:210px;}
.notice .popup .pop_pager,
.notice .popup .pop_btn {margin-top:1.5rem;}
.notice .popup .pop_pager {float:left; margin-left:0.2rem;}
.notice .popup .pop_pager span {position:relative; color:#a6a6a6; font-weight:700; font-size:1.6rem; padding:0 1.3rem;}
.notice .popup .pop_pager span:before {content:''; position:absolute; top:50%; right:0.2rem; width:1px; height:1rem; margin-top:-0.1rem; background:#a6a6a6; transform:rotate(45deg) translateY(-50%);}
.notice .popup .pop_pager span.current {padding-left:0; color:#ee4c57;}
.notice .popup .pop_pager span.total {padding-right:0;}
.notice .popup .pop_pager span.total:before {display:none;}
.notice .popup .pop_btn {float:right; margin-right:-0.5rem;}
@media all and (max-width:1023px) {
	.notice .popup {float:left; width:100%;}
  .notice .popup .pop_slide li {height:auto; line-height:inherit;}
  .notice .popup .pop_slide img {width:100%;}
}

/* vr */
.notice .vr {width:21.786%;}
.notice .vr a {display:block; height:214px; background:url('/Main/Images/saemaul/main/vr.jpg') no-repeat center; background-size:cover;}
.notice .vr a:before {top:50%; left:50%; margin:-36px 0 0 -36px; width:71px; height:71px; background-position:-625px -7px; z-index:1;}
.notice .vr a:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:50%; background:rgba(0,0,0,0.7); transition:all 0.5s;}
.notice .vr h3 {position:absolute; bottom:1.8rem; width:100%; text-align:center; color:#fff; font-size:2.2rem; z-index:1; transition:all 0.5s;}
.notice .vr p {overflow:hidden; margin-top:1.5rem; text-align:center; white-space:nowrap; text-overflow:ellipsis;}
.notice .vr a:hover:after {height:100%;}
.notice .vr a:hover h3 {opacity:0;}
@media all and (max-width:1023px) {
  .notice .vr {float:right; width:45.523%;}
}
@media all and (max-width:530px) {
  .notice .vr {float:none; width:100%;}
}

/* exh */
.exh {position:relative; /*margin:10rem 0;*/}
.exh .exh_wrap {position:relative;}
.exh .exh_type:before {top:-83px; left:0; width:73px; height:83px; background-position:-480px -25px;}
.exh .exh_type:after {content:''; position:absolute; top:0; left:35px; width:3px; height:55%; background:#117533; z-index:-1;}
.exh .exh_type > li {overflow:hidden;}
.exh .exh_type > li > a {display:block; position:absolute; left:0; width:21.786%; padding:1.2rem 0 1.2rem 6.9rem; font-family:'SBAggro'; transform:rotate(-0.001deg);}
.exh .exh_type > li.f1 > a {top:0;}
.exh .exh_type > li.f2 > a {top:8rem;}
.exh .exh_type > li.f3 > a {top:16rem;}
.exh .exh_type > li > a > * {display:block;}
.exh .exh_type > li > a b {position:relative; float:left; width:3rem;}
.exh .exh_type > li > a b:before,
.exh .exh_type > li > a b:after {content:''; position:absolute; background:#117533; border-radius:50%;}
.exh .exh_type > li > a b:before {top:0.5rem; left:-3.8rem; width:1.2rem; height:1.2rem;}
.exh .exh_type > li > a b:after {top:0; left:-4.3rem; width:2.2rem; height:2.2rem; opacity:0.3;}
.exh .exh_type > li > a span {float:right; width:calc(100% - 4rem);}
.exh .exh_type > li.on.f3 > a {top:18rem;}
.exh .exh_type > li.on > a {background:#117533; border-radius:60px; color:#fff; padding-right:3rem;}
.exh .exh_type > li.on > a b:before {width:16px; height:14px; background:url('/Main/Images/saemaul/main/tmpl_main.png') no-repeat; background-position:-552px -67px; border-radius:0;}
.exh .exh_type > li.on > a b:after {display:none;}
.exh .exh_type > li.on > a span {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.exh .exh_type > li.on .exh_slide {display:block;}
.exh .exh_slide {display:none; overflow:hidden; float:right; width:78%; margin:0 -3rem; animation:fadeIn 1s;}
/*
.exh .exh_slide li {float:left; width:46.957%;}
.exh .exh_slide > li:nth-child(even) {float:right; margin-top:4.5rem;}
*/
.exh .exh_slide .slick-list {padding-bottom:4.5rem;}
.exh .exh_slide .slick-slide {transition:all 0.5s;}
.exh .exh_slide .slick-active {position:relative; top:4.5rem;}
.exh .exh_slide .slick-current {position:relative; top:0;}
.exh .exh_slide li a {display:block; overflow:hidden; margin:0 3rem; animation:motion 3s;}
.exh .exh_slide .img {padding:1rem; border:1px solid #ececec; border-radius:0.6rem;}
.exh .exh_slide .img img {display:block; width:100%; border-radius:0.6rem;}
.exh .exh_slide dl {margin-left:0.2rem;}
.exh .exh_slide dl dt {margin:2rem 0 1.5rem; font-size:2.2rem; font-weight:700; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.exh .exh_slide dl dd {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:3.2em; line-height:1.6; word-wrap:break-word; text-overflow:ellipsis; letter-spacing:-0.5px;}
.exh .exh_slide .slick-track {margin-left:0;}
.exh .exh_slide .slick-disabled {opacity: 0.5; pointer-events:none;}
.exh .exh_slide .slick-arrow {top:0; width:19px; height:19px; margin-top:0; background:url('/Main/Images/saemaul/main/tmpl_main.png') no-repeat; z-index:100;}
.exh .exh_slide .slick-arrow:before {display:none;}
.exh .exh_slide .slick-arrow.slick-prev {left:inherit; right:7rem; background-position:-553px -25px;}
.exh .exh_slide .slick-arrow.slick-next {left:inherit; right:3rem; background-position:-572px -25px;}
@media all and (max-width:1240px) {
  .exh .exh_type:before {display:none;}
  .exh .exh_type:after {display:none;}
  .exh .exh_type > li > a {width:33.333%; padding:1rem 0 1.5rem; border-bottom:1px solid #ececec; text-align:center; z-index:100;}
  .exh .exh_type > li > a:before {content:''; position:absolute; bottom:0; left:50%; width:0; height:2px; background:#117533; transition:all 0.5s;}
  .exh .exh_type > li.f1 > a {top:0;}
  .exh .exh_type > li.f2 > a {top:0; left:33.333%;}
  .exh .exh_type > li.f3 > a {top:0 !important; left:66.666%;}
  .exh .exh_type > li > a b {float:none; width:auto;}
  .exh .exh_type > li > a b:before,
  .exh .exh_type > li > a b:after {display:none;}
  .exh .exh_type > li > a span {float:none; width:80%; margin:0 auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
  .exh .exh_type > li.on > a {background:transparent; border-radius:0; color:inherit; padding-right:0;}
  .exh .exh_type > li:hover > a:before,
  .exh .exh_type > li.on > a:before {left:0; width:100%;}
  .exh .exh_slide {float:none; width:auto; margin:12rem -2rem 0;}
  .exh .exh_slide .slick-list {padding-bottom:0;}
  .exh .exh_slide .slick-active {top:0;}
  .exh .exh_slide li a {margin:0 2rem}
    .exh .slick-dots {margin:4rem 0 0 0;}
}
@media all and (max-width:1023px){
  .exh .exh_slide {margin:12rem -1rem 0;}
  .exh .exh_slide li a {margin:0 1rem;}
}
@media all and (max-width:768px){
  .exh .exh_type > li > a span {display:none;}
  .exh .exh_slide {margin:9rem -1rem 0;}
}
@media all and (max-width:599px){
  .exh .exh_slide {margin:9rem 0 0 0;}
  .exh .exh_slide li a {margin:0;}
}

/* layer popup */
.layerPop {position:absolute; left:0; top:0; z-index:999; width:100%; height:100%;}
.layerPop:before {content:''; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.layerPop img {display:block; width:100%;}
.layerPop .layerWrap {position:absolute; width:550px; left:50%; top:60px; padding-bottom:60px; transform:translateX(-50%);}
.layerPop .close {overflow:hidden; position:relative; background:#2b3031; padding:9px 50px 10px 10px; font-size:14px; color:#fff;}
.layerPop .close form {float:right;}
.layerPop .close form > * {display:inline-block; vertical-align:middle;}
.layerPop .close form label {margin:0 5px;}
.layerPop .close .closeBtn {position:absolute; width:40px; height:100%; right:0; top:0; text-indent:-9999px; background:#0d0e0e;}
.layerPop .close .closeBtn:before {content:''; position:absolute; top:50%; left:50%; width:2px; height:15px; background:#fff; transform:translate(-50%, -50%) rotate(45deg);}
.layerPop .close .closeBtn:after {content:''; position:absolute; top:50%; left:50%; width:2px; height:15px; background:#fff; transform:translate(-50%, -50%) rotate(-45deg);}
@media all and (max-width:1023px){
    .layerPop .layerWrap {width:90%;}
}
@media all and (max-width:599px){
    .layerPop .layerWrap {width:80%;}
}

/* layer popup ½½¶óÀ̵å */
.layorPop_new {position:absolute; top:3rem; padding:0.5rem; background:#fff; box-shadow:0 0 3rem rgba(0,0,0,0.3); z-index:150;}
.layorPop_new:before {content:''; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.layorPop_new form {position:relative; padding:0.5rem 0.5rem 1rem 0.5rem; background:#fff;}
.layorPop_new form label {font-size:14px; color:#666; margin:0 0 0 0.5rem;}
.layorPop_new form a {position:absolute; right:0.5rem; font-weight:600;}
.layorPop_new .img {position:relative;}
.layorPop_new .img_ul img {width:100%;}
.layorPop_new .btn {overflow:hidden; position:absolute; top:1rem; right:0.5rem; z-index:999;}
.layorPop_new .btn > * {float:left; height:4rem; background:rgba(255,255,255,0.9); margin:0 0.2rem; border-radius:0.4rem;}
.layorPop_new .btn .pager {line-height:4rem; font-size:1.6rem;}
.layorPop_new .btn .pager span {display:inline-block; position:relative; padding:0 2rem;}
.layorPop_new .btn .pager span:before {content:''; position:absolute; top:50%; right:0.2rem; width:0.2rem; height:1.2rem; margin-top:-0.1rem; background:#666; transform:rotate(45deg) translateY(-50%);}
.layorPop_new .btn span.current {font-weight:600;}
.layorPop_new .btn span.total {color:#666;}
.layorPop_new .btn span.total:before {display:none;}
.layorPop_new .btn a {display:block; width:4rem; background:rgba(255,255,255,0.9) url('/Main/Images/saemaul/main/popControl_black.gif') no-repeat; text-indent:-9999px; background-size:cover;}
.layorPop_new .btn a.next {background-position:-4rem 0;}
.layorPop_new .btn a.play {display:none; background-position:-12rem 0;}
.layorPop_new .btn a.stop {background-position:-8rem 0;}
@media all and (min-width:768px){
	#popup01 {left:50%; width:55rem; margin-left:-27.5rem;}
}
@media all and (max-width:768px){
	.layorPop_new {width:86% !important; left:50%; margin-left:-43%;}
}
@media all and (max-width:599px){
	.layorPop_new .img {background:#efefef;}
	.layorPop_new .img_ul {clear:both;}
	/*.layorPop_new .btn {position:static; background:#efefef; padding:1rme 0.5rem; float:right;}*/
}

.popup_event {padding:2rem; background:#ffecd7 url('/Main/Images/saemaul/main/popup_bg3.jpg') no-repeat; background-size:cover;}
.popup_event .title {padding:2rem 0; text-align:center; font-family:'GmarketSans'; transform:rotate(-0.03deg); font-weight:700;}
.popup_event .title p {font-size:4.3rem; color:#007880; line-height:1; text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff; letter-spacing:-0.1rem;}
.popup_event .title p em {color:#e33b33;}
.popup_event .title span {font-size:2rem; color:#333; letter-spacing:-0.1rem;}
.popup_event .cont {padding:2rem; background:#fff; border-radius:1rem; max-height:55rem; overflow-y:scroll;}
.popup_event dl {padding:0.5rem 0 1rem 0; margin-bottom:1rem; border-bottom:1px dashed #bdbdbd;}
.popup_event dl:nth-child(even) dt {color:#e22094;}
.popup_event dl:first-child {margin-top:0;}
.popup_event dl:last-child {margin-bottom:0; border-bottom:none;}
.popup_event dt {display:block; margin-bottom:0.3rem; color:#0c401e; font-size:1.9rem; font-family:'GmarketSans'; transform:rotate(-0.03deg); font-weight:600; letter-spacing:-0.1rem;}
.popup_event dt span {padding:0 0.5rem; box-shadow:inset 0px -8px 0px #c4f8f8;}
.popup_event dd {position:relative; padding-left:3rem; font-size:1.7rem;}
.popup_event dd::before {content:''; position:absolute; left:1.5rem; top:1.2rem; /*top:50%; transform:translateY(-50%);*/ width:0.7rem; height:0.1rem; background:#000;}
.popup_event dd span {font-weight:500;}
.popup_event .scroll_txt {display:none;}
.popup_event .memo {margin-top:1.5rem; padding-top:1.5rem; border-top:1px dashed #bdbdbd;}
.popup_event .ref {margin:0.3rem 0; font-size:1.5rem; letter-spacing:-0.1rem;}

@media all and (max-width:599px){
	.popup_event .title p {font-size:3.5rem;}
	.popup_event .cont {padding:1rem; max-height:45rem;}
	.popup_event .title span {font-size:1.6rem;}
	.popup_event dl {padding:0.3rem 0 0.7rem 0; margin-bottom:0.7rem;}
	.popup_event dt {font-size:1.5rem;}
	.popup_event dd {font-size:1.4rem;}
	.popup_event .scroll_txt {display:block; font-size:1.3rem; text-align:center; color:#cc3333;}
	.popup_event .ref {font-size:1.3rem;}
}


/*·¹À̾îÆ˾÷*/
.layor {position:absolute; background:url('/Main/Images/saemaul/main/layorPopBg.gif'); padding:8px; top:100px; z-index:9999; width:550px;}
.layor .close {position:relative; background:#fff; padding:7px 40px 7px 10px; font-size:13px; text-align:right;}
.layor .close form > * {display:inline-block; vertical-align:middle;}
.layor .close form input[type="checkbox"] {margin-right:5px;width:14px; height:14px;}
.layor .close a {position:absolute; width:30px; height:100%; right:0; top:0; color:transparent; background:#333 url('/Main/Images/saemaul/main/closeIcon.gif') no-repeat center; background-size:12px auto;}
.layor a.control {display:block; position:absolute; left:8px; bottom:8px; width:37px; height:34px; z-index:100; background:#333; color:transparent;}
.layor a.control::before {content:''; position:absolute; left:15px; top:50%;; width:8px; height:8px; border-top:2px solid #fff; border-left:2px solid #eee; transform:translateY(-50%) rotate(-45deg); }
.layor a.control.next {background:#444; left:45px; transform:rotate(180deg);}
#layorPop {right:50px; z-index:500}
#layorPop .slick-list { margin-bottom:-6px; }
#layorPop .slick-slide {position:relative;}
#layorPop2 {width:550px; top:100px; left:100px; z-index:990;}
@media all and (max-width:768px){
  .layor {top:110px !important; left:50% !important; width:80% !important; transform:translateX(-50%);}
  .layor img {width:100%;}
}