/* Skip Navigation */ #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:hover,#skip_to_container:active,#skip_to_container:focus{width:100%; height:auto; margin:0; padding:5px 0; font-weight:400; font-size:12px; line-height:1; color:#202020; text-decoration:none !important; text-indent:10px} /* s: All Style */ a:link, a:visited{text-decoration:none} a:hover{text-decoration:none} input[type=text],input[type=email],input[type=tel],input[type=submit],input[type=password],input[type=image],input[type=button],textarea,select{ -webkit-border-radius:0; -moz-appearance:none; -webkit-appearance:none; appearance:none;} select::-ms-expand {display:none} input[type=radio],input[type=checkbox]{-webkit-border-radius:0; -webkit-appearance:none; display:none} img,video,audio,object,embed,iframe{max-width:100%;} /*:lang(zh), zh{font-family: 'Kanit', sans-serif;}*/ body,th,td,input,select,button,textarea{font-style:normal;font-weight:normal;font-size:100%;font-family:'Noto Sans KR', 'Malgun Gothic', 'Dotum', sans-serif !important;color:#000;line-height:1.4;letter-spacing:-0.03em; /*-webkit-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ } /*'Trirong', */ table{width:100%; /*border-collapse:collapse;*/ table-layout:fixed;} figure{margin:0;padding:0;font-size:0;line-height:0;} br{font-family:'Dotum', sans-serif !important;} #header, #header:before, #header > .inConts, #header > .inConts *, #header > .inConts > ul.nav, #header > .inConts > ul.nav > li.dep1 > a:after, #header > .inConts > ul.nav > li > ul.dep2 > li > a:after, #header > .inConts > ul.nav > li > ul.dep2:before, #container.main > .contents > article.cover .slide-btn a, .slick-dots li button, a.more, #container.main > .contents > article.lh-garden-list .conts div.slidewrap .slide-item, #container.community > .contents > .menu-search-wrap .inConts .menu ul, #container.community > .contents > .gallery-wrap ul li .txtBox, #container.showgarden > .contents > .detail-wrap a.back:before {-webkit-transition: .45s; transition: .45s;} /* 텍스트 테스트 */ .clear{clear:both;} .infit{font-size:0;letter-spacing:0;word-spacing:0;} *, :before, :after {box-sizing:border-box;word-break:keep-all;} .pVer {display:block !important;} .mVer {display:none !important;} /* animation */ @keyframes reveal { 0%{-webkit-mask-position: 100%;opacity: 0;} 100%{-webkit-mask-position:0;opacity: 1;} } @keyframes subCoverScale { 0%{transform: scale(1.35);} 100%{transform: scale(1.0);} } @keyframes subCoverBgScale { 0%{transform: scale(1.35);filter:blur(17px);-webkit-filter:blur(17px);} 100%{transform: scale(1.0);filter:blur(7px);-webkit-filter:blur(7px);} } @keyframes opacity { 0%{opacity: 0;} 100%{opacity: 1;} } .SCRCHK {} .inConts {max-width:1095px;width:100%;margin:0 auto;padding:0 35px;} /* e: All Style */ /* s: Header & FOOTER */ /* HEADER */ #header {position:fixed;top:0;left:0;width:100%;height:auto;background-color:rgba(0,122,116,0);z-index:9;overflow:hidden;} #headerDimLayer {position:fixed;top:0;left:0;width:100%;height:0;background-color:rgba(0,0,0,0.0);z-index:9;} #header > .inConts {padding-top:20px;padding-bottom:20px;display:flex;justify-content:space-between;align-items:center;} #header > .inConts > a.logo {position:relative;font-size:0;line-height:0;} #header > .inConts > a.logo > img {width:80px;height:80px;} #header > .inConts > a.btn-menu {display:none;} #header > .inConts > ul.nav {display:flex;} #header > .inConts > ul.nav > li.dep1 {position:relative;} #header > .inConts > ul.nav > li.dep1 + li.dep1 {margin-left:40px;} #header > .inConts > ul.nav > li.dep1 > a {display:block;color:#fff;font-size:20px;font-weight:600;padding:15px 0;} #header > .inConts > ul.nav > li.dep1 > a:after {content:"";display:block;width:0;height:1px;background-color:#ffcd41;} #header > .inConts > ul.nav > li > ul.dep2 {position:absolute;width:calc(100% + 40px);left:0;} #header > .inConts > ul.nav > li > ul.dep2:before {content:"";display:block;width:0;height:2px;background-color:#fff;margin:10px 0;} #header > .inConts > ul.nav > li > ul.dep2 > li {padding-top:15px;} #header > .inConts > ul.nav > li > ul.dep2 > li > a {position:relative;display:inline-block;color:#fff;font-size:13px;font-weight:300;line-height:1.0;} #header > .inConts > ul.nav > li > ul.dep2 > li > a:after {content:"";display:block;width:0;height:1px;background-color:#ffcd41;margin-top:3px;} #header > .inConts > ul.nav > li > ul.dep2 > li > a:hover {color:#ffcd41;} #header > .inConts > ul.nav > li > ul.dep2 > li > a:hover:after {width:100%;} /* OVER or SCROLL */ #headerDimLayer.active {height:100%;background-color:rgba(0,0,0,0.6);} #header.scroll {background-color:rgba(0,122,116,1);} #header.scroll > .inConts {padding-top:10px;padding-bottom:10px;} #header.scroll > .inConts > a.logo > img {width:62px;height:62px;} #header.active {background-color:rgba(0,122,116,1);} #header.active > .inConts {padding-bottom:310px;} #header.active > .inConts > ul.nav > li.dep1 + li.dep1 {margin-left:70px;} #header.active > .inConts > ul.nav > li > ul.dep2:before {width:21px;} #header > .inConts > ul.nav > li.dep1.active > a {color:#ffcd41;} #header > .inConts > ul.nav > li.dep1.active > a:after {width:100%;} #header > .inConts > ul.nav > li.dep1 > a.on {color:#ffcd41;} #header > .inConts > ul.nav > li.dep1 > a.on:after {width:100%;} /* FOOTER */ #footer {background-color:#000;} #footer .inConts {padding-top:50px;padding-bottom:80px;} #footer .inConts .logo {display:flex;justify-content:space-between;align-items:center;} #footer .inConts .logo img {width:70px;height:70px;} #footer .inConts .logo a#btnPageTop {display:block;width:40px;height:40px;background:url('../images/common/btn_page_top.png') no-repeat center center;border:2px solid #fff;border-radius:50%;} #footer .inConts .infor-wrap {position:relative;border-top:1px solid #71c2ad;margin-top:30px;padding-top:30px;} #footer .inConts .infor-wrap h1 {color:#fff;font-size:14px;font-weight:600;} #footer .inConts .infor-wrap .info {margin-top:15px;} #footer .inConts .infor-wrap .info span {display:block;color:#fff;font-size:12px;font-weight:300;letter-spacing:0;} #footer .inConts .infor-wrap .info span + span {margin-top:3px;} #footer .inConts .infor-wrap p.copyright {color:#fff;font-size:12px;font-weight:300;letter-spacing:0;margin-top:15px;} #footer .inConts .infor-wrap .sns-link {position:absolute;top:30px;right:0;} #footer .inConts .infor-wrap .sns-link a {display:block;width:24px;} #footer .inConts .infor-wrap .sns-link a + a {margin-top:15px;} #footer .inConts .visitor{color:#fff;font-size:12px;font-weight:300;letter-spacing:0;width:85%;text-align:right;} #footer .inConts .visitor>span{font-size:14px;font-weight:600;} /* e: Header */ /* s: Contents */ #container {overflow:hidden;} /* MAIN */ #container.main {} #container.main > .contents > article.cover {position:relative;max-width:1280px;width:100%;margin:0 auto;} #container.main > .contents > article.cover .slidewrap .slick-list {overflow:visible;} #container.main > .contents > article.cover .slidewrap .slick-slide {position:relative;} #container.main > .contents > article.cover .slidewrap .slick-slide > figure {} #container.main > .contents > article.cover .slidewrap .slick-slide > figure:after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0));opacity:0.6;} #container.main > .contents > article.cover .slidewrap .slick-slide > span {position:absolute;bottom:15px;left:50%;transform:translate(-50%,0);color:#fff;font-size:12px;font-weight:200;white-space:nowrap;} #container.main > .contents > article.cover .txtBox {position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:flex-start;} #container.main > .contents > article.cover .txtBox > div {text-align:center;margin-top:15%;} #container.main > .contents > article.cover .txtBox > div p.subcopy { color:#fff;font-size:16px;font-weight:200; -webkit-mask-image:linear-gradient( -70deg, rgba(0,0,0,0) 47.5%, rgba(0,0,0,1) 52.5% ); -webkit-mask-size:250% 100%; animation:reveal 4.5s 1.0s both; } #container.main > .contents > article.cover .txtBox > div p.headcopy { color:#fff;font-size:32px;font-weight:600; -webkit-mask-image:linear-gradient( -70deg, rgba(0,0,0,0) 47.5%, rgba(0,0,0,1) 52.5% ); -webkit-mask-size:250% 100%; animation:reveal 2.5s 2.0s both; } #container.main > .contents > article.cover .txtBox > div p.headcopy:before { content:"";display:block;width:80px;height:3px;background-color:#71c2ad;margin:15px auto 10px; -webkit-mask-image:linear-gradient( -70deg, rgba(0,0,0,0) 47.5%, rgba(0,0,0,1) 52.5% ); -webkit-mask-size:250% 100%; animation:reveal 1.5s 3.5s both; } #container.main > .contents > article.cover .txtBox > div p.headcopy2 { color:#fff;font-size:24px;font-weight:600;margin-top:20px; -webkit-mask-image:linear-gradient( -70deg, rgba(0,0,0,0) 47.5%, rgba(0,0,0,1) 52.5% ); -webkit-mask-size:250% 100%; animation:reveal 2.5s 3.0s both; } #container.main > .contents > article.cover .txtBox > div a.more { display:none;color:#fff;font-size:10px;font-weight:200;letter-spacing:0.05em;border:1px solid #71c2ad;background:rgba(113,194,173,1.0) url('../images/main/txtbox-arrow.png') no-repeat right -30px center;padding:5px 15px;margin-top:30px;border-radius:20px;overflow:hidden; -webkit-mask-image:linear-gradient( -70deg, rgba(0,0,0,0) 47.5%, rgba(0,0,0,1) 52.5% ); -webkit-mask-size:250% 100%; animation:reveal 2.0s 3.5s both; } #container.main > .contents > article.cover .txtBox > div a.more:hover {background:rgba(113,194,173,0.85) url('../images/main/txtbox-arrow.png') no-repeat right 10px center;padding-right:35px;} #container.main > .contents > article.cover .slide-btn {} #container.main > .contents > article.cover .slide-btn a {position:absolute;top:50%;transform:translate(0,-50%);width:50px;height:50px;border:1px solid #71c2ad;border-radius:50%;} #container.main > .contents > article.cover .slide-btn a.prev {left:-40px;background:url('../images/main/btn-arrow.png') no-repeat left top;} #container.main > .contents > article.cover .slide-btn a.next {right:-40px;background:url('../images/main/btn-arrow.png') no-repeat right top;} #container.main > .contents > article.cover .slide-btn a.prev:hover {background-color:rgba(113,194,173,0.5);background-position:left bottom;} #container.main > .contents > article.cover .slide-btn a.next:hover {background-color:rgba(113,194,173,0.5);background-position:right bottom;} #container.main > .contents > article.cover .slick-dots {display:flex;justify-content:center;padding:15px 0;} #container.main > .contents > article.cover .slick-dots li {margin:0 5px;} #container.main > .contents > article.cover .slick-dots li button {display:block;font-size:0;line-height:0;background-color:rgba(113,194,173,0.2);border:0;padding:0;width:8px;height:8px;border-radius:8px;} #container.main > .contents > article.cover .slick-dots li.slick-active button {background-color:rgba(113,194,173,1);width:30px;} #container.main > .contents > article.notice {padding-top:50px;} #container.main > .contents > article.notice .inConts {position:relative;} #container.main > .contents > article.notice .inConts:after {content:"";display:block;width:100%;height:1px;background-color:#c4c4c4;margin-top:50px;} #container.main > .contents > article.notice .title {display:flex;justify-content:space-between;align-items:center;} #container.main > .contents > article.notice .title h1 {color:#007a74;font-size:30px;font-weight:800;} #container.main > .contents > article.notice .title a.more {color:#c7c7c7;font-size:10px;font-weight:300;border:1px solid #c7c7c7;padding:3px 15px;border-radius:20px;} #container.main > .contents > article.notice .title a.more:hover {color:#fff;background-color:#c7c7c7;} #container.main > .contents > article.notice .conts {display:flex;justify-content:space-between;margin-top:20px;} #container.main > .contents > article.notice .conts ul.list {} #container.main > .contents > article.notice .conts ul.list li {position:relative;padding-left:15px;} #container.main > .contents > article.notice .conts ul.list li:before {content:"";position:absolute;top:7px;left:2px;width:5px;height:5px;background-color:#ff9f28;border-radius:50%;} #container.main > .contents > article.notice .conts ul.list li + li {margin-top:7px;} #container.main > .contents > article.lh-garden-list {padding-top:50px;} #container.main > .contents > article.lh-garden-list .inConts {position:relative;} #container.main > .contents > article.lh-garden-list .title {display:flex;justify-content:space-between;align-items:center;} #container.main > .contents > article.lh-garden-list .title h1 {color:#ff9f28;font-size:30px;font-weight:800;} #container.main > .contents > article.lh-garden-list .title a.more {display:none;color:#c7c7c7;font-size:10px;font-weight:300;border:1px solid #c7c7c7;padding:3px 15px;border-radius:20px;} #container.main > .contents > article.lh-garden-list .title a.more:hover {color:#fff;background-color:#c7c7c7;} #container.main > .contents > article.lh-garden-list .conts div.slidewrap {margin-top:30px;} #container.main > .contents > article.lh-garden-list .conts div.slidewrap .slick-list {margin-left:-40px;overflow:visible;padding:0 !important} /*#container.main > .contents > article.lh-garden-list .conts div.slidewrap .slide-item:before {content:"";width:1000px;height:110%;background-color:#fff;position:absolute;top:-15px;left:-980px;z-index:9;}*/ #container.main > .contents > article.lh-garden-list .conts div.slidewrap .slide-item {width:calc((100% / 3) - 40px);margin-left:40px;filter:blur(5px);-webkit-filter:blur(5px);filter:progid:DXImageTransform.Microsoft.blur(pixelradius=5);opacity:0.25;} /*#container.main > .contents > article.lh-garden-list .conts div.slidewrap .slide-item.slick-active {filter:blur(0px);-webkit-filter:blur(0px);filter:progid:DXImageTransform.Microsoft.blur(pixelradius=0);opacity:1.0;}*/ #container.main > .contents > article.lh-garden-list .conts div.slidewrap .slick-center + .slick-slide, #container.main > .contents > article.lh-garden-list .conts div.slidewrap .slick-center, #container.main > .contents > article.lh-garden-list .conts div.slidewrap .slick-slide[aria-hidden="false"] { filter:blur(0px);-webkit-filter:blur(0px);filter:progid:DXImageTransform.Microsoft.blur(pixelradius=0);opacity:1.0; } #container.main > .contents > article.lh-garden-list .conts div.slidewrap .slide-item figure {position:relative;border-radius:30px 0 30px 0;overflow:hidden;margin-bottom:15px;} #container.main > .contents > article.lh-garden-list .conts div.slidewrap .slide-item figure > span {position:absolute;top:20px;left:20px;color:#fff;font-size:12px;line-height:1.0;padding:5px 10px;border-radius:10px 0 10px 0;} #container.main > .contents > article.lh-garden-list .conts div.slidewrap .slide-item figure > span.orange {background-color:#ff9f28;} #container.main > .contents > article.lh-garden-list .conts div.slidewrap .slide-item figure > span.lightgreen {background-color:#71c2ad;} #container.main > .contents > article.lh-garden-list .conts div.slidewrap .slide-item figure > span.red {background-color:#b02a2a;} #container.main > .contents > article.lh-garden-list .conts div.slidewrap .slide-item .t1 {color:#000;font-size:16px;font-weight:200;} #container.main > .contents > article.lh-garden-list .conts div.slidewrap .slide-item .t2 {color:#000;font-size:16px;font-weight:500;margin-top:5px;} #container.main > .contents > article.lh-garden-list .slide-btn {} #container.main > .contents > article.lh-garden-list .slide-btn a {position:absolute;top:37%;width:50px;height:50px;border-radius:50%;box-shadow:3px 3px 10px rgba(0,0,0,0.35);} #container.main > .contents > article.lh-garden-list .slide-btn a.prev {left:-35px;background:#007a74 url('../images/main/btn-prev.png') no-repeat center center;} #container.main > .contents > article.lh-garden-list .slide-btn a.next {right:-35px;background:#007a74 url('../images/main/btn-next.png') no-repeat center center;} #container.main > .contents > article.lh-garden-list .slide-btn a.slick-disabled {background-color:#c7c7c7;} #container.main > .contents > article.lh-garden-list .slick-dots {display:flex;justify-content:center;margin-top:50px;border-bottom:1px solid #c4c4c4;} #container.main > .contents > article.lh-garden-list .slick-dots li {width:100%;} #container.main > .contents > article.lh-garden-list .slick-dots li button {display:block;font-size:0;line-height:0;width:100%;height:7px;border:0;background-color:transparent;} #container.main > .contents > article.lh-garden-list .slick-dots li.slick-active button {background-color:rgba(113,194,173,1);} #container.main > .contents > article.lh-garden-now {padding-top:50px;margin-top:80px;background:linear-gradient(rgba(239,244,243,1.0), rgba(214,214,214,1.0));} #container.main > .contents > article.lh-garden-now .inConts {position:relative;padding-bottom:80px;} #container.main > .contents > article.lh-garden-now .title {display:flex;justify-content:space-between;align-items:center;} #container.main > .contents > article.lh-garden-now .title h1 {color:#71c2ad;font-size:30px;font-weight:800;} #container.main > .contents > article.lh-garden-now .conts {display:flex;justify-content:space-between;margin-top:30px;} #container.main > .contents > article.lh-garden-now .conts ul {max-width:315px;width:100%;display:flex;flex-wrap:wrap;align-content:space-between;} #container.main > .contents > article.lh-garden-now .conts ul li {font-size:0;line-height:0;} #container.main > .contents > article.lh-garden-now .conts .movie {font-size:0;line-height:0;position:relative;width:670px;height:300px;/*padding-bottom:56.25%;*/} #container.main > .contents > article.lh-garden-now .conts .movie iframe {position:absolute;top:0;left:0;width:100%;height:100%;} #container.main > .contents > article.banner-wrap {padding-top:100px;padding-bottom:80px;} #container.main > .contents > article.banner-wrap .slick-dots {display:flex;justify-content:center;padding:15px 0;} #container.main > .contents > article.banner-wrap .slick-dots li {margin:0 5px;} #container.main > .contents > article.banner-wrap .slick-dots li button {display:block;font-size:0;line-height:0;background-color:rgba(255,159,40,0.2);border:0;padding:0;width:8px;height:8px;border-radius:8px;} #container.main > .contents > article.banner-wrap .slick-dots li.slick-active button {background-color:rgba(255,159,40,1);width:30px;} /* 서브페이지 공통 */ #container > .contents > article.sub-cover figure {overflow:hidden;} #container > .contents > article.sub-cover figure > img {transform: scale(1.05);transform-origin:50% 50%;animation:subCoverScale 25s both;} #container > .contents > .menu-search-wrap {} #container > .contents > .menu-search-wrap .inConts {position:relative;display:flex;justify-content:center;align-items:center;margin-top:50px;} #container > .contents > .menu-search-wrap .menu .select {display:none;} #container > .contents > .menu-search-wrap .menu ul {display:flex;align-items:center;} #container > .contents > .menu-search-wrap .menu ul li a {display:inline-block;color:#c7c7c7;font-size:18px;line-height:40px;} #container > .contents > .menu-search-wrap .menu ul li + li:before {content:"";display:inline-block;width:1px;height:40px;background-color:#c7c7c7;vertical-align:middle;margin:0 40px;} #container > .contents > .menu-search-wrap .menu a.on {color:#007a74;font-weight:500;} #container > .contents > .menu-search-wrap .search {position:absolute;right:35px;border:1px solid #c7c7c7;width:250px;border-radius:40px;overflow:hidden;} #container > .contents > .menu-search-wrap .search form {display:flex;} #container > .contents > .menu-search-wrap .search input[type=text] {font-size:16px;line-height:38px;width:calc(100% - 40px);height:40px;border:0;background-color:transparent;vertical-align:middle;outline:none;padding-left:15px;} #container > .contents > .menu-search-wrap .search input[type=submit] {width:40px;height:40px;background:url('../images/common/icon_search.png') no-repeat center center;border:0;cursor:pointer;overflow:hidden;vertical-align:middle;} /* LH가든쇼 */ #container.lhgardenshow > .contents > .menu-search-wrap .menu ul li + li:before {margin:0 30px;} #container.lhgardenshow > .contents > article.sub-cover {position:relative;height:360px;background:linear-gradient(rgba(0,79,75,1), rgba(0,122,116,1));display:flex;justify-content:center;align-items:flex-start;} #container.lhgardenshow > .contents > article.sub-cover .txtBox {margin-top:9%;/*position:absolute;top:60%;left:55%;transform:translate(0,-50%);*/} #container.lhgardenshow > .contents > article.sub-cover .txtBox p.subcopy { color:#fff;font-size:16px;font-weight:200;text-align:center; -webkit-mask-image:linear-gradient( -70deg, rgba(0,0,0,0) 47.5%, rgba(0,0,0,1) 52.5% ); -webkit-mask-size:250% 100%; animation:reveal 4.5s 1.0s both; } #container.lhgardenshow > .contents > article.sub-cover .txtBox p.headcopy { color:#fff;font-size:32px;font-weight:600;text-align:center; -webkit-mask-image:linear-gradient( -70deg, rgba(0,0,0,0) 47.5%, rgba(0,0,0,1) 52.5% ); -webkit-mask-size:250% 100%; animation:reveal 2.5s 2.0s both; } #container.lhgardenshow > .contents > article.sub-cover .txtBox p.headcopy:before { content:"";display:block;width:80px;height:3px;background-color:#ff9f28;margin:15px auto 10px; -webkit-mask-image:linear-gradient( -70deg, rgba(0,0,0,0) 47.5%, rgba(0,0,0,1) 52.5% ); -webkit-mask-size:250% 100%; animation:reveal 1.5s 3.0s both; } #container.lhgardenshow.overview > .contents > .conts-wrap {max-width:739px;width:100%;margin:50px auto 100px;} #container.lhgardenshow > .contents > .conts-wrap .overview_infor {margin-top:60px;} #container.lhgardenshow > .contents > .conts-wrap .overview_infor h1 {font-size:24px;font-weight:600;} #container.lhgardenshow > .contents > .conts-wrap .overview_infor ul {margin-top:40px;} #container.lhgardenshow > .contents > .conts-wrap .overview_infor ul li {position:relative;font-size:16px;padding-left:60px;} #container.lhgardenshow > .contents > .conts-wrap .overview_infor ul li + li {margin-top:10px;} #container.lhgardenshow > .contents > .conts-wrap .overview_infor ul li.pl70 {padding-left:70px;} #container.lhgardenshow > .contents > .conts-wrap .overview_infor ul li > span {position:absolute;left:0px;} #container.lhgardenshow > .contents > .conts-wrap .overview_infor ul li > span:before {content:"";display:inline-block;width:6px;height:6px;background-color:#ff9f28;border-radius:50%;vertical-align:middle;margin-right:5px;} #container.lhgardenshow > .contents > .conts-wrap {margin:50px auto 100px;} #container.lhgardenshow > .contents > .conts-wrap .history_infor {display:flex;margin-top:70px;} #container.lhgardenshow > .contents > .conts-wrap .history_infor figure {width:50%;} #container.lhgardenshow > .contents > .conts-wrap .history_infor .history_conts {width:50%;padding-left:30px;} #container.lhgardenshow > .contents > .conts-wrap .history_infor h1 {font-size:24px;font-weight:600;} #container.lhgardenshow > .contents > .conts-wrap .history_infor ul {margin-top:40px;} #container.lhgardenshow > .contents > .conts-wrap .history_infor ul li {position:relative;font-size:16px;padding-left:60px;} #container.lhgardenshow > .contents > .conts-wrap .history_infor ul li + li {margin-top:10px;} #container.lhgardenshow > .contents > .conts-wrap .history_infor ul li > span {position:absolute;left:0px;} #container.lhgardenshow > .contents > .conts-wrap .history_infor ul li > span:before {content:"";display:inline-block;width:6px;height:6px;background-color:#ff9f28;border-radius:50%;vertical-align:middle;margin-right:5px;} #container.lhgardenshow > .contents > .conts-wrap .history_infor:nth-child(2n) {flex-direction:row-reverse} #container.lhgardenshow > .contents > .conts-wrap .history_infor:nth-child(2n) .history_conts {padding-left:0;} #container.lhgardenshow > .contents > .conts-wrap .history_infor:nth-child(n+1) {border-top:1px solid #ccc;padding-top:70px;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > h1 {font-size:24px;font-weight:600;text-align:center;margin-bottom:30px;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > h1 > span {color:#999;font-size:18px;font-weight:600;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul.cols1 {display:flex;align-items:stretch;margin-top:100px;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul.cols1 li {} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul.cols2 {display:flex;justify-content:space-between;flex-wrap:wrap;align-items:stretch;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul.cols2 li {width:50%;border-top:1px solid #ddd;margin-top:50px;padding-top:50px;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul li {display:flex;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul li figure {border-radius:20px 0 0 0;overflow:hidden;margin-right:30px;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul li .infoBox {} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul li .infoBox h3 {color:#007a74;font-size:16px;font-weight:600;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul li .infoBox h1 {font-size:24px;font-weight:600;letter-spacing:-0.05em;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul li .infoBox h1 > span {color:#71c2ad;font-size:16px;font-weight:500;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul li .infoBox h1 > span:before {content:"/";color:#ddd;font-size:24px;font-weight:200;margin:0 5px;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul li .infoBox .career {margin-top:10px;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul li .infoBox .career > p {position:relative;font-size:16px;padding-left:10px;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul li .infoBox .career > p:before {content:"";position:absolute;top:8px;left:0;width:6px;height:6px;border-radius:50%;background-color:#ff9f28;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul li .infoBox .career > p + p {margin-top:5px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor {} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor h1 {font-size:24px;font-weight:600;text-align:center;margin-bottom:30px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor div.txt > p {font-size:16px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor div.txt > p + p {margin-top:10px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor div.half {display:flex;align-items:flex-start;margin-top:70px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor figure > span {display:inline-block;font-size:16px;line-height:1.0;margin-top:10px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor div.half > figure:first-child {position:relative;display:flex;align-items:flex-end;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor div.half > figure:first-child:after {content:"";position:absolute;bottom:-80px;left:0;width:237px;height:10px;background-color:#ff9f28;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor div.half > figure:first-child > span {max-width:calc(100% - 250px);margin-left:15px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor div.half > figure:last-child {max-width:502px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor div.cols2 {display:flex;justify-content:space-between;align-items:flex-start;margin-top:70px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor div.cols2 > div > figure > span {display:inline-block;font-size:16px;line-height:1.0;margin-top:10px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor div.cols2 > div > .movie {margin-top:50px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor div.cols2 > div:first-child {width:670px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor div.cols2 > div:last-child {width:355px;padding-left:30px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor div.cols2 > div:last-child > p {} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor div.cols2 > div:last-child > p + p {margin-top:10px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor .movie {font-size:0;line-height:0;position:relative;max-width:670px;width:100%;padding-bottom:56.25%;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor .movie iframe {position:absolute;top:0;left:0;width:100%;height:100%;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 {margin-top:50px;padding-top:100px;border-top:1px solid #ccc;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 h1 {font-size:24px;font-weight:600;text-align:center;margin-bottom:30px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 figure > span {display:inline-block;font-size:16px;line-height:1.0;margin-top:10px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 .box-reverse div.txt {display:flex;justify-content:space-between;margin-top:70px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 .box-reverse div.txt > div {position:relative;width:calc(50% - 20px);} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 .box-reverse div.txt > div > p + p {margin-top:10px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 .box-reverse div.txt > div:first-child:after {content:"";position:absolute;bottom:50px;left:0;width:237px;height:10px;background-color:#ff9f28;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 div.half {display:flex;justify-content:space-between;margin-top:70px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 div.half > figure {width:calc(50% - 10px);} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 div.movie {} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 div.movie > div {display:block;max-width:670px;width:100%;margin:0 0 0 auto;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 div.movie > div > div {font-size:0;line-height:0;position:relative;width:100%;padding-bottom:56.25%;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 div.movie > div > div > iframe {position:absolute;top:0;left:0;width:100%;height:100%;} #container.lhgardenshow > .contents > .conts-wrap .citizen_infor {} #container.lhgardenshow > .contents > .conts-wrap .citizen_infor h1 {font-size:24px;font-weight:600;text-align:center;margin-bottom:30px;} #container.lhgardenshow > .contents > .conts-wrap .citizen_infor div.txt {margin-top:70px;} #container.lhgardenshow > .contents > .conts-wrap .citizen_infor div.txt > p {font-size:16px;} #container.lhgardenshow > .contents > .conts-wrap .citizen_infor div.txt > p + p {margin-top:15px;} #container.lhgardenshow > .contents > .conts-wrap .citizen_infor div.half {display:flex;justify-content:space-between;} #container.lhgardenshow > .contents > .conts-wrap .citizen_infor div.half figure {width:calc(50% - 10px);} #container.lhgardenshow > .contents > .conts-wrap .identity_infor {} #container.lhgardenshow > .contents > .conts-wrap .identity_infor h1 {font-size:24px;font-weight:600;text-align:center;margin-bottom:30px;} #container.lhgardenshow > .contents > .conts-wrap .identity_infor div.txt {margin-top:70px;} #container.lhgardenshow > .contents > .conts-wrap .identity_infor div.bi_wrap {max-width:800px;width:100%;margin:70px auto;} #container.lhgardenshow > .contents > .conts-wrap .identity_infor div.bi_wrap .logo {text-align:center;} #container.lhgardenshow > .contents > .conts-wrap .identity_infor div.bi_wrap .grid {margin-top:50px;background:url('../images/lhgardenshow/06_img03.png') no-repeat center center;} #container.lhgardenshow > .contents > .conts-wrap .identity_infor div.bi_wrap .half {display:flex;margin-top:50px;} #container.lhgardenshow > .contents > .conts-wrap .identity_infor div.bi_wrap .half figure {width:50%;text-align:center;} #container.lhgardenshow > .contents > .conts-wrap .identity_infor div.btn-wrap {margin-top:70px;text-align:center;} #container.lhgardenshow > .contents > .conts-wrap .identity_infor div.btn-wrap a {display:inline-block;color:#fff;font-size:16px;font-weight:600;background-color:#71c2ad;padding:10px 30px;border-radius:35px;} #container.contactus > .contents > .conts-wrap .contactus_infor {display:flex;justify-content:center;} #container.contactus > .contents > .conts-wrap .contactus_infor ul {display:flex;align-items:center;} #container.contactus > .contents > .conts-wrap .contactus_infor ul li {padding:50px;} #container.contactus > .contents > .conts-wrap .contactus_infor ul li:nth-child(1) {display:flex;} #container.contactus > .contents > .conts-wrap .contactus_infor ul li:nth-child(1) figure + figure {margin-left:30px;} #container.contactus > .contents > .conts-wrap .contactus_infor ul li:nth-child(2) {} #container.contactus > .contents > .conts-wrap .contactus_infor ul li:nth-child(2):before {content:"";display:block;width:237px;height:10px;background-color:#ff9f28;margin-bottom:100px;} #container.contactus > .contents > .conts-wrap .contactus_infor ul li:nth-child(2):after {content:"";display:block;width:237px;height:10px;background-color:#007a74;margin-top:100px;} #container.contactus > .contents > .conts-wrap .contactus_infor ul li:nth-child(2) h1 {font-size:24px;font-weight:800;} #container.contactus > .contents > .conts-wrap .contactus_infor ul li:nth-child(2) div {} #container.contactus > .contents > .conts-wrap .contactus_infor ul li:nth-child(2) div p {font-size:16px;margin-top:30px;} #container.contactus > .contents > .conts-wrap .contactus_infor ul li:nth-child(2) div p + p {margin-top:5px;} /* 정원 관련 */ /* 리스트페이지 */ #container.showgarden > .contents > article.sub-cover {position:relative;overflow:hidden;/*background-color:rgba(0,0,0,1.0);*/} #container.showgarden > .contents > article.sub-cover > .blurLayerBg {position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background-repeat:no-repeat;background-position:center center;background-size:cover;filter:blur(7px);-webkit-filter:blur(7px);filter:progid:DXImageTransform.Microsoft.blur(pixelradius=7);animation:subCoverBgScale 10s both;transform-origin:50% 50%;} #container.showgarden > .contents > article.sub-cover figure {max-width:1280px;width:100%;margin:0 auto;display:flex;justify-content:center;-webkit-mask-image:linear-gradient(90deg, rgba(0,0,0,0) 0.0%, rgba(0,0,0,1) 10.0%, rgba(0,0,0,1) 90.0%, rgba(0,0,0,0) 100.0%);} #container.showgarden > .contents > article.sub-cover figure:after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0));opacity:0.6;} #container.showgarden > .contents > article.sub-cover .txtBox {position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:flex-start;} #container.showgarden > .contents > article.sub-cover .txtBox > div {text-align:center;margin-top:15%;} #container.showgarden > .contents > article.sub-cover .txtBox > div p.subcopy { color:#fff;font-size:16px;font-weight:200; -webkit-mask-image:linear-gradient( -70deg, rgba(0,0,0,0) 47.5%, rgba(0,0,0,1) 52.5% ); -webkit-mask-size:250% 100%; animation:reveal 3.5s 0.2s both; } #container.showgarden > .contents > article.sub-cover .txtBox > div p.headcopy { color:#fff;font-size:32px;font-weight:600; -webkit-mask-image:linear-gradient( -70deg, rgba(0,0,0,0) 47.5%, rgba(0,0,0,1) 52.5% ); -webkit-mask-size:250% 100%; animation:reveal 3.5s 0.75s both; } #container.showgarden > .contents > article.sub-cover .txtBox > div p.desc { color:#fff;font-size:16px;font-weight:300;margin-top:50px; -webkit-mask-image:linear-gradient( -70deg, rgba(0,0,0,0) 47.5%, rgba(0,0,0,1) 52.5% ); -webkit-mask-size:250% 100%; animation:reveal 4.5s 2.0s both; } #container.showgarden > .contents > article.sub-cover .txtBox > div p.headcopy:before { content:"";display:block;width:80px;height:3px;background-color:#ff9f28;margin:15px auto 10px; -webkit-mask-image:linear-gradient( -70deg, rgba(0,0,0,0) 47.5%, rgba(0,0,0,1) 52.5% ); -webkit-mask-size:250% 100%; animation:reveal 1.5s 2.5s both; } #container.showgarden > .contents > .menu-search-wrap .inConts {} #container.showgarden > .contents > .list-wrap .inConts {display:flex;margin-top:70px;padding-bottom:70px;border-bottom:1px solid #c7c7c7;} #container.showgarden > .contents > .list-wrap .inConts .year {position:relative;width:145px;} #container.showgarden > .contents > .list-wrap .inConts .year:after {content:"";position:absolute;top:120px;left:55px;display:block;width:1px;height:calc(100% - 120px);border-left:1px dashed #ff9f28;} #container.showgarden > .contents > .list-wrap .inConts .year h1 {color:#007a74;font-size:50px;line-height:1.0;} #container.showgarden > .contents > .list-wrap .inConts .year p {color:#ff9f28;font-size:16px;margin-top:20px;} #container.showgarden > .contents > .list-wrap .inConts ul.list-table {width:calc(100% - 105px);display:flex;flex-wrap:wrap;margin-left:-40px;margin-top:-35px;} #container.showgarden > .contents > .list-wrap .inConts ul.list-table li {width:calc((100% / 2) - 40px);margin-left:40px;margin-top:40px;} #container.showgarden > .contents > .list-wrap .inConts ul.list-table li figure {position:relative;border-radius:30px 0 30px 0;overflow:hidden;} #container.showgarden > .contents > .list-wrap .inConts ul.list-table li figure > span {position:absolute;bottom:0;left:0;width:100%;color:#fff;font-size:14px;line-height:1.0;background-color:#ff9f28;padding:7px;} #container.showgarden > .contents > .list-wrap .inConts ul.list-table li figure > img {transform:scale(1.00);-webkit-transition: .45s; transition: .45s;} #container.showgarden > .contents > .list-wrap .inConts ul.list-table li:hover figure > img {transform:scale(1.1);} #container.showgarden > .contents > .list-wrap .inConts ul.list-table li .cont {margin-top:10px;} #container.showgarden > .contents > .list-wrap .inConts ul.list-table li .cont .cate span {color:#ff9f28;font-size:12px;font-weight:600;} #container.showgarden > .contents > .list-wrap .inConts ul.list-table li .cont .subj {font-size:16px;font-weight:300;} #container.showgarden > .contents > .list-wrap .inConts ul.list-table li .cont .writer {color:#007a74;font-size:14px;line-height:1.4;font-weight:600;margin-top:15px;} #container.showgarden > .contents > .list-wrap .inConts ul.list-table li .cont .writer > span {font-weight:400;} #container.showgarden > .contents > .list-wrap .inConts ul.list-table li .cont .date {color:#007a74;font-size:12px;font-weight:600;margin-top:15px;} #container.showgarden > .contents > .list-wrap .btn-wrap {max-width:1095px;width:100%;padding:0 35px;margin:30px auto 80px;text-align:center;} #container.showgarden > .contents > .list-wrap .btn-wrap a {display:inline-block;color:#fff;font-size:16px;line-height:48px;font-weight:600;width:315px;height:50px;text-align:center;background-color:#71c2ad;border-radius:25px 0 25px 0;} /* 상세페이지 */ #container.showgarden > .contents > .detail-wrap {padding:50px 0 100px;} #container.showgarden > .contents > .detail-wrap a.back {display:flex;align-items:center;color:#000;font-size:16px;font-weight:900;max-width:99px;} #container.showgarden > .contents > .detail-wrap a.back:before {content:"";width:25px;height:18px;background:url('../images/showgarden/back_icon.png') no-repeat left center;margin-right:5px;} #container.showgarden > .contents > .detail-wrap a.back:hover:before {width:50px;} #container.showgarden > .contents > .detail-wrap .detail-infor-wrap {margin-top:35px;text-align:center;} #container.showgarden > .contents > .detail-wrap .detail-infor-wrap h1 {font-size:24px;font-weight:700;} #container.showgarden > .contents > .detail-wrap .detail-infor-wrap h1 > span {color:#ff9f28;font-size:16px;font-weight:700;} #container.showgarden > .contents > .detail-wrap .detail-infor-wrap p.writer {font-size:16px;font-weight:300;margin-top:5px;} #container.showgarden > .contents > .detail-wrap .detail-infor-wrap p.award {color:#71c2ad;font-size:20px;font-weight:500;margin-bottom:30px;} /*#container.showgarden > .contents > .detail-wrap .contsBox-cols2 {display:flex;justify-content:space-between;margin-top:50px;} #container.showgarden > .contents > .detail-wrap .contsBox-cols2 > div:first-child {max-width:315px;width:100%;display:flex;flex-flow:wrap-reverse;align-items:flex-end;} #container.showgarden > .contents > .detail-wrap .contsBox-cols2 > div:first-child > figure {background-repeat:no-repeat;background-position:center center;background-size:cover;} #container.showgarden > .contents > .detail-wrap .contsBox-cols2 > div:last-child {width:670px;} #container.showgarden > .contents > .detail-wrap .contsBox-cols2 > div:last-child > figure:nth-child(2) {width:315px;margin-top:150px;} #container.showgarden > .contents > .detail-wrap .contsBox-row2 {display:flex;justify-content:space-between;margin-top:50px;} #container.showgarden > .contents > .detail-wrap .contsBox-row2 > figure {width:670px;} #container.showgarden > .contents > .detail-wrap .contsBox-row2 > p.txt {width:315px;} #container.showgarden > .contents > .detail-wrap p.txt {font-size:16px;line-height:1.6;}*/ #container.showgarden > .contents > .detail-wrap .contsBox {margin-top:50px;} #container.showgarden > .contents > .detail-wrap .contsBox figure {background-repeat:no-repeat;background-position:center center;background-size:cover;} #container.showgarden > .contents > .detail-wrap .contsBox .t-cols-full {margin-top:40px;} #container.showgarden > .contents > .detail-wrap .contsBox .t-cols-full > figure {max-width:100%;width:100%;} #container.showgarden > .contents > .detail-wrap .contsBox .t-cols-2-1 {display:flex;justify-content:space-between;align-items:flex-start;margin-top:40px;} #container.showgarden > .contents > .detail-wrap .contsBox .t-cols-2-1 > figure {width:670px;} #container.showgarden > .contents > .detail-wrap .contsBox .t-cols-2-1 > .txt {width:315px;} #container.showgarden > .contents > .detail-wrap .contsBox .t-cols-1-2 {display:flex;justify-content:space-between;align-items:flex-start;margin-top:40px;} #container.showgarden > .contents > .detail-wrap .contsBox .t-cols-1-2 > .txt {width:315px;} #container.showgarden > .contents > .detail-wrap .contsBox .t-cols-1-2 > figure {width:670px;} #container.showgarden > .contents > .detail-wrap .contsBox .t-cols-2-0 {display:flex;justify-content:flex-start;align-items:flex-start;margin-top:40px;} #container.showgarden > .contents > .detail-wrap .contsBox .t-cols-2-0 > figure {width:670px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-t-1-1 {display:flex;justify-content:space-between;align-items:flex-start;margin-top:40px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-t-1-1 > figure {width:315px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-t-1-1 > .txt {width:315px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-1-1-1 {display:flex;justify-content:space-between;align-items:flex-start;margin-top:40px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-1-1-1 > figure {width:315px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-1-1-1.center-up {margin-top:100px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-1-1-1.col-up-3 {position:relative;justify-content:flex-start;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-1-1-1.col-up-3 > figure {margin-right:40px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-1-1-1.col-up-3 > figure:nth-child(3) {position:absolute;margin-top:-250px;right:0;margin-right:0;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-1-1-1.col-down-3 {position:relative;justify-content:flex-start;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-1-1-1.col-down-3 > figure {margin-right:40px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-1-1-1.col-down-3 > figure:nth-child(3) {position:absolute;margin-top:100px;right:0;margin-right:0;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-1-1-1.col-fixed-3 {position:relative;justify-content:flex-start;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-1-1-1.col-fixed-3 > figure {margin-right:40px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-1-1-1.col-fixed-3 > figure:nth-child(3) {position:absolute;right:0;margin-right:0;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-t-1-1.center-up {margin-top:100px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-t-1-1.col-up-3 {position:relative;justify-content:flex-start;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-t-1-1.col-up-3 > .txt {margin-right:40px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-t-1-1.col-up-3 > figure {margin-right:40px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-t-1-1.col-up-3 > figure:nth-child(3) {position:absolute;margin-top:-250px;right:0;margin-right:0;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-t-1-1.col-down-3 {position:relative;justify-content:flex-start;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-t-1-1.col-down-3 > .txt {margin-right:40px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-t-1-1.col-down-3 > figure {margin-right:40px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-t-1-1.col-down-3 > figure:nth-child(3) {position:absolute;margin-top:100px;right:0;margin-right:0;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-t-1-1.col-fixed-3 {position:relative;justify-content:flex-start;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-t-1-1.col-fixed-3 > .txt {margin-right:40px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-t-1-1.col-fixed-3 > figure {margin-right:40px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-t-1-1.col-fixed-3 > figure:nth-child(3) {position:absolute;right:0;margin-right:0;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-1-1-1 > .txt {width:315px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-1-0-1 {display:flex;justify-content:space-between;align-items:flex-start;margin-top:40px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-1-0-1 > figure {width:315px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-1-0-1 > figure:nth-child(1) {width:500px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-1-0-0 {display:flex;justify-content:flex-start;align-items:flex-start;margin-top:40px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-1-0-0 > figure {width:500px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-1-t {display:flex;justify-content:space-between;align-items:flex-start;margin-top:40px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-1-t > figure {width:315px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-1-t > .txt {width:315px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-2-t {display:flex;justify-content:space-between;align-items:flex-start;margin-top:40px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-2-t > figure {width:670px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-2-t > .txt {width:315px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-t {display:flex;justify-content:flex-start;align-items:flex-start;margin-top:40px;} #container.showgarden > .contents > .detail-wrap .contsBox .m-cols-t > .txt {width:670px;} #container.showgarden > .contents > .detail-wrap .contsBox .b-cols-t-2 {display:flex;justify-content:space-between;align-items:flex-start;margin-top:40px;} #container.showgarden > .contents > .detail-wrap .contsBox .b-cols-t-2 > .txt {width:315px;} #container.showgarden > .contents > .detail-wrap .contsBox .b-cols-t-2 > figure {width:670px;} #container.showgarden > .contents > .detail-wrap .contsBox .b-cols-2-1 {display:flex;justify-content:space-between;align-items:flex-start;margin-top:40px;} #container.showgarden > .contents > .detail-wrap .contsBox .b-cols-2-1 > figure:nth-child(1) {width:670px;} #container.showgarden > .contents > .detail-wrap .contsBox .b-cols-2-1 > figure:nth-child(2) {width:315px;} #container.showgarden > .contents > .detail-wrap .contsBox .b-cols-2-1 > .txt {width:315px;} #container.showgarden > .contents > .detail-wrap .contsBox .b-cols-2-1.row-reverse {flex-direction:row-reverse;} #container.showgarden > .contents > .detail-wrap .contsBox .b-cols-2-1.flex-wrap {flex-wrap:wrap;} #container.showgarden > .contents > .detail-wrap .contsBox .b-cols-2-1.flex-wrap > .txt {width:100%;margin-top:30px;} #container.showgarden > .contents > .detail-wrap .contsBox .b-cols-0-2 {display:flex;justify-content:space-between;align-items:flex-start;margin-top:40px;} #container.showgarden > .contents > .detail-wrap .contsBox .b-cols-0-2 > figure:nth-child(1) {width:315px;} #container.showgarden > .contents > .detail-wrap .contsBox .b-cols-0-2 > figure:nth-child(2) {width:670px;} #container.showgarden > .contents > .detail-wrap .contsBox .b-cols-2-0 {display:flex;justify-content:space-between;align-items:flex-start;margin-top:40px;} #container.showgarden > .contents > .detail-wrap .contsBox .b-cols-2-0 > figure:nth-child(1) {width:670px;} #container.showgarden > .contents > .detail-wrap .contsBox .b-cols-2-0 > figure:nth-child(2) {width:315px;} #container.showgarden > .contents > .detail-wrap div.txt {} #container.showgarden > .contents > .detail-wrap div.txt > p {font-size:16px;line-height:1.6;} #container.showgarden > .contents > .detail-wrap div.txt > p + p {margin-top:10px;} #container.showgarden > .contents > .detail-wrap .recommend {max-width:1095px;width:100%;margin:100px auto 0;padding:0 35px;} #container.showgarden > .contents > .detail-wrap .recommend > h1 {color:#ff9f28;font-size:30px;font-weight:700;border-top:1px solid #c7c7c7;padding-top:50px;} #container.showgarden > .contents > .detail-wrap .recommend > ul.wrap {display:flex;margin-left:-41px;margin-top:20px;} #container.showgarden > .contents > .detail-wrap .recommend > ul.wrap li {width:calc((100% / 2) - 41px);margin-left:41px;} #container.showgarden > .contents > .detail-wrap .recommend > ul.wrap li a {position:relative;display:block;background-repeat:no-repeat;background-position:center center;background-size:cover;} #container.showgarden > .contents > .detail-wrap .recommend > ul.wrap li a:before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.4);} #container.showgarden > .contents > .detail-wrap .recommend > ul.wrap li a span {position:absolute;bottom:20px;left:20px;color:#fff;font-size:16px;} /* COMMUNITY */ /* NOTICE LIST */ #container.community > .contents > article.sub-cover {position:relative;height:360px;background:linear-gradient(rgba(0,79,75,1), rgba(0,122,116,1));display:flex;justify-content:center;align-items:flex-start;} #container.community > .contents > article.sub-cover .txtBox {margin-top:9%;/*position:absolute;top:60%;left:55%;transform:translate(0,-50%);*/} #container.community > .contents > article.sub-cover .txtBox p.subcopy { color:#fff;font-size:16px;font-weight:200;text-align:center; -webkit-mask-image:linear-gradient( -70deg, rgba(0,0,0,0) 47.5%, rgba(0,0,0,1) 52.5% ); -webkit-mask-size:250% 100%; animation:reveal 4.5s 1.0s both; } #container.community > .contents > article.sub-cover .txtBox p.headcopy { color:#fff;font-size:32px;font-weight:600;text-align:center; -webkit-mask-image:linear-gradient( -70deg, rgba(0,0,0,0) 47.5%, rgba(0,0,0,1) 52.5% ); -webkit-mask-size:250% 100%; animation:reveal 2.5s 2.0s both; } #container.community > .contents > article.sub-cover .txtBox p.headcopy:before { content:"";display:block;width:80px;height:3px;background-color:#ff9f28;margin:15px auto 10px; -webkit-mask-image:linear-gradient( -70deg, rgba(0,0,0,0) 47.5%, rgba(0,0,0,1) 52.5% ); -webkit-mask-size:250% 100%; animation:reveal 1.5s 3.0s both; } #container.community > .contents > .list-wrap {margin-top:50px;} #container.community > .contents > .list-wrap ul.noticewrap {} #container.community > .contents > .list-wrap ul.noticewrap li {display:flex;border-bottom:1px solid #c7c7c7;padding:20px 0;} #container.community > .contents > .list-wrap ul.noticewrap li > div:nth-child(1) {width:80px;} #container.community > .contents > .list-wrap ul.noticewrap li > div:nth-child(2) {width:calc(100% - 200px);} #container.community > .contents > .list-wrap ul.noticewrap li > div:nth-child(3) {width:120px;text-align:right;} #container.community > .contents > .list-wrap ul.notice-title li > div {color:#c7c7c7;font-size:16px;} #container.community > .contents > .list-wrap ul.notice-list li > div {color:#000;font-size:16px;font-weight:300;} #container.community > .contents > .list-wrap ul.notice-list li.notice > div:nth-child(1), #container.community > .contents > .list-wrap ul.notice-list li.notice > div:nth-child(3) {color:#71c2ad;} #container.community > .contents > .list-wrap ul.notice-list li.notice > div:nth-child(2), #container.community > .contents > .list-wrap ul.notice-list li.notice > div:nth-child(2) a {color:#007a74;font-weight:500;} #container.community > .contents > .list-wrap div.pagging {margin:50px 0 80px;} #container.community > .contents > .list-wrap div.pagging > div {display:flex;justify-content:center;align-items:center;} #container.community > .contents > .list-wrap div.pagging > div > a {display:inline-block;width:34px;height:34px;background-color:#000;background-repeat:no-repeat;background-position:right center;border-radius:50%;} #container.community > .contents > .list-wrap div.pagging > div > a.none {background-color:#c7c7c7;} #container.community > .contents > .list-wrap div.pagging > div > a.prev {background-image:url('../images/common/board_arrow.png');background-position:left center;} #container.community > .contents > .list-wrap div.pagging > div > a.next {background-image:url('../images/common/board_arrow.png');background-position:right center;} #container.community > .contents > .list-wrap div.pagging > div > ul {display:flex;justify-content:center;align-items:center;margin:0 20px;} #container.community > .contents > .list-wrap div.pagging > div > ul li {font-size:14px;display:flex;align-items:center;} #container.community > .contents > .list-wrap div.pagging > div > ul li.active {color:#ff9f28;font-weight:600;} #container.community > .contents > .list-wrap div.pagging > div > ul li a {color:#000;font-size:14px;font-weight:300;} #container.community > .contents > .list-wrap div.pagging > div > ul li + li:before {content:"";display:inline-block;width:4px;height:4px;background-color:#c7c7c7;border-radius:50%;margin:0 10px;} /* NOTICE VIEW */ #container.community > .contents > .view-wrap {margin-top:50px;} #container.community > .contents > .view-wrap .title {display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #c7c7c7;} #container.community > .contents > .view-wrap .title h1 {width:calc(100% - 120px);font-size:16px;font-weight:600;} #container.community > .contents > .view-wrap .title h1 span {display:none;} #container.community > .contents > .view-wrap .title .date {width:120px;font-size:16px;font-weight:300;text-align:right;} #container.community > .contents > .view-wrap .cont {padding:20px 0 30px;border-bottom:1px dashed #c7c7c7;} #container.community > .contents > .view-wrap .cont p {font-size:16px;line-height:1.6;} #container.community > .contents > .view-wrap .cont img {max-width:100% !important;height:auto !important;} #container.community > .contents > .view-wrap .cont .table {max-width:100% !important;overflow-y:auto;} #container.community > .contents > .view-wrap .file {position:relative;padding:20px 0 20px 100px;border-bottom:1px solid #c7c7c7;} #container.community > .contents > .view-wrap .file:before {content:"첨부파일";position:absolute;top:22px;left:0;color:#71c2ad;font-size:14px;} #container.community > .contents > .view-wrap .file a {color:#71c2ad;font-size:14px;} #container.community > .contents > .view-wrap ul.list-prev-next {} #container.community > .contents > .view-wrap ul.list-prev-next li {position:relative;padding:20px 0 20px 100px;border-bottom:1px solid #c7c7c7;display:flex;justify-content:space-between;} #container.community > .contents > .view-wrap ul.list-prev-next li:first-child:before {content:"이전글";position:absolute;top:22px;left:0;font-size:16px;} #container.community > .contents > .view-wrap ul.list-prev-next li:last-child:before {content:"다음글";position:absolute;top:22px;left:0;font-size:16px;} #container.community > .contents > .view-wrap ul.list-prev-next li a {} #container.community > .contents > .view-wrap ul.list-prev-next li .date {font-size:16px;font-weight:300;} #container.community > .contents > .view-wrap .btn-wrap {margin:40px 0 80px;text-align:center;} #container.community > .contents > .view-wrap .btn-wrap a {display:inline-block;color:#fff;font-size:16px;line-height:48px;font-weight:600;width:315px;height:50px;text-align:center;background-color:#71c2ad;border-radius:25px 0 25px 0;} /* 갤러리 */ #container.community > .contents > .gallery-wrap {} #container.community > .contents > .gallery-wrap ul.list {display:flex;flex-wrap:wrap;margin-left:-20px;} #container.community > .contents > .gallery-wrap ul.list li {width:calc((100% / 4) - 20px);margin-left:20px;margin-top:50px;position:relative;overflow:hidden;cursor:pointer;} #container.community > .contents > .gallery-wrap ul.list li .txtBox {position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;transform:translate(0,100%);} #container.community > .contents > .gallery-wrap ul.list li .txtBox > div {text-align:center;padding:15px;} #container.community > .contents > .gallery-wrap ul.list li .txtBox > div p {margin:5px 0;} #container.community > .contents > .gallery-wrap ul.list li .txtBox > div p.title {color:#71c2ad;font-size:16px;font-weight:600;word-break:break-all;} #container.community > .contents > .gallery-wrap ul.list li .txtBox > div p.subj {color:#fff;font-size:20px;font-weight:300;} #container.community > .contents > .gallery-wrap ul.list li .txtBox > div p.cnt {color:#ff9f28;font-size:14px;font-weight:600;} #container.community > .contents > .gallery-wrap ul.list li:hover .txtBox {transform:translate(0,0);} #container.community > .contents > .gallery-wrap .btn-wrap {margin:40px 0 80px;text-align:center;} #container.community > .contents > .gallery-wrap .btn-wrap a {display:inline-block;color:#fff;font-size:16px;line-height:48px;font-weight:600;width:315px;height:50px;text-align:center;background-color:#71c2ad;border-radius:25px 0 25px 0;} #container.community > .contents > .gallery-wrap div.pagging {margin:50px 0 80px;} #container.community > .contents > .gallery-wrap div.pagging > div {display:flex;justify-content:center;align-items:center;} #container.community > .contents > .gallery-wrap div.pagging > div > a {display:inline-block;width:34px;height:34px;background-color:#000;background-repeat:no-repeat;background-position:right center;border-radius:50%;} #container.community > .contents > .gallery-wrap div.pagging > div > a.none {background-color:#c7c7c7;} #container.community > .contents > .gallery-wrap div.pagging > div > a.prev {background-image:url('../images/common/board_arrow.png');background-position:left center;} #container.community > .contents > .gallery-wrap div.pagging > div > a.next {background-image:url('../images/common/board_arrow.png');background-position:right center;} #container.community > .contents > .gallery-wrap div.pagging > div > ul {display:flex;justify-content:center;align-items:center;margin:0 20px;} #container.community > .contents > .gallery-wrap div.pagging > div > ul li {font-size:14px;display:flex;align-items:center;} #container.community > .contents > .gallery-wrap div.pagging > div > ul li.active {color:#ff9f28;font-weight:600;} #container.community > .contents > .gallery-wrap div.pagging > div > ul li a {color:#000;font-size:14px;font-weight:300;} #container.community > .contents > .gallery-wrap div.pagging > div > ul li + li:before {content:"";display:inline-block;width:4px;height:4px;background-color:#c7c7c7;border-radius:50%;margin:0 10px;} /* GALLERY-LAYER-POPUP-WRAP */ #gallery-layer-popup-wrap {position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);z-index:-1;transform:translate(0,100%);opacity:0;-webkit-transition: .45s; transition: .45s;} #gallery-layer-popup-wrap.active {transform:translate(0,0);opacity:1;z-index:9;} #gallery-layer-popup-wrap .gallery-wrap {width:100%;height:100%;display:flex;justify-content:center;align-items:center;} #gallery-layer-popup-wrap .gallery-wrap > div {position:relative;width:820px;padding:10px;background-color:#000;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for {position:initial;} #gallery-layer-popup-wrap .gallery-wrap > div > a.close {position:absolute;top:0;right:0;width:50px;height:50px;font-size:0;line-height:0;-webkit-transition: .45s; transition: .45s;} #gallery-layer-popup-wrap .gallery-wrap > div > a.close > span {font-size:0;line-height:0;} #gallery-layer-popup-wrap .gallery-wrap > div > a.close:before {content:"";position:absolute;top:23px;left:10px;width:30px;height:4px;font-size:0;line-height:0;background-color:#fff;transform:rotate(-45deg);-webkit-transition: .45s; transition: .45s;} #gallery-layer-popup-wrap .gallery-wrap > div > a.close:after {content:"";position:absolute;top:23px;left:10px;width:30px;height:4px;font-size:0;line-height:0;background-color:#fff;transform:rotate(45deg);-webkit-transition: .45s; transition: .45s;} #gallery-layer-popup-wrap .gallery-wrap > div > a.close:hover {transform:rotate(360deg);} #gallery-layer-popup-wrap .gallery-wrap > div > a.close:hover:before {width:20px;left:16px;} #gallery-layer-popup-wrap .gallery-wrap > div > a.close:hover:after {width:20px;left:4px;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for button {position:absolute;z-index:55;font-size:0;line-height:0;width:50px;height:50px;border:0;background-color:#007a74;padding:0;margin:0;cursor:pointer;border-radius:50%;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for button.slick-prev {bottom:15px;left:10px;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for button.slick-prev:before {content:"";display:block;width:15px;height:15px;border-top:2px solid #fff;border-left:2px solid #fff;margin:0 auto;transform:rotate(-45deg) translate(2px,2px);} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for button.slick-next {bottom:15px;right:10px;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for button.slick-next:before {content:"";display:block;width:15px;height:15px;border-top:2px solid #fff;border-right:2px solid #fff;margin:0 auto;transform:rotate(45deg) translate(-3px,3px);} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for button.slick-disabled {display:none !important;background-color:#c7c7c7;opacity:0.35;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for .slick-list {} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for .slick-list .slick-track .slick-slide p {text-align:center;padding:10px;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for .slick-list .slick-track .slick-slide p > span {color:#fff;font-size:20px;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for .slick-list .slick-track .slick-slide p > span i {color:#71c2ad;font-style:normal;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for ul.slick-dots {position:absolute;bottom:10px;left:0;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for ul.slick-dots li {font-size:14px;font-weight:600;display:none;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for ul.slick-dots li > span {color:#437e63;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for ul.slick-dots li > span:after {content:"";display:inline-block;width:1px;height:10px;background-color:#000;margin:0 5px 0 7px;transform:rotate(15deg);} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for ul.slick-dots li.slick-active {display:block;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-nav {position:relative;width:calc(100% - 140px);margin:0 70px;margin-top:10px;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-nav .slick-list {padding:0 !important;/*overflow:visible;*/} #gallery-layer-popup-wrap .gallery-wrap > div .slider-nav .slick-list .slick-track {display:flex;align-items:center;min-width:100%;min-height:60px;margin-left:-2px;/*transform: translate3d(0, 0px, 0px) !important;*/font-size:0;line-height:0;margin-left:-2px;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-nav .slick-list .slick-track .slick-slide {position:relative;width:calc((100% / 7)) !important;opacity:0.45;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-nav .slick-list .slick-track .slick-slide:after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:0;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-nav .slick-list .slick-track .slick-slide.slick-current {opacity:1;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-nav .slick-list .slick-track .slick-slide.slick-current:after {border:4px solid #71c2ad;} #gallery-layer-popup-wrap .gallery-wrap > div .gallery-btn a {display:none;position:absolute;z-index:55;font-size:0;line-height:0;width:50px;height:50px;border:0;background-color:#007a74;padding:0;margin:0;cursor:pointer;border-radius:50%;} #gallery-layer-popup-wrap .gallery-wrap > div .gallery-btn a.prev {top:50%;transform:translate(0,-50%);left:-70px;} #gallery-layer-popup-wrap .gallery-wrap > div .gallery-btn a.prev:before {content:"";display:block;width:15px;height:15px;border-top:2px solid #fff;border-left:2px solid #fff;margin:0 auto;transform:rotate(-45deg) translate(-10px,15px);} #gallery-layer-popup-wrap .gallery-wrap > div .gallery-btn a.next {top:50%;transform:translate(0,-50%);right:-70px;} #gallery-layer-popup-wrap .gallery-wrap > div .gallery-btn a.next:before {content:"";display:block;width:15px;height:15px;border-top:2px solid #fff;border-right:2px solid #fff;margin:0 auto;transform:rotate(45deg) translate(10px,15px);} #gallery-layer-popup-wrap .gallery-wrap > div .gallery-btn a.slick-disabled {display:none !important;background-color:#c7c7c7;opacity:0.35;} /* e: Contents */ /* ******************************************************************************************************************************************************************************************************** */ /* ******************************************************************************************************************************************************************************************************** */ /* ******************************************************************************************************************************************************************************************************** */ /* 모바일 분기 */ @media only screen and (max-width:768px) { .pVer {display:none !important;} .mVer {display:block !important;} .inConts {padding:0 15px;} .slick-slide img {width:100%;} /* 모바일 BTN-MENU & MENU */ #header:after {content:"";position:fixed;top:0;left:100%;right:0;bottom:0;background-color:rgba(0,0,0,0.6);z-index:1;} #header.dim:after {left:0;} #header > .inConts > a.btn-menu { position: relative; display: inline-block; width: 30px; height: 30px; border-radius: 0; vertical-align:top; -o-transition: all .4s .0s ease-in-out; -ms-transition: all .4s .0s ease-in-out; -moz-transition: all .4s .0s ease-in-out; -webkit-transition: all .4s .0s ease-in-out; transition: all .4s .0s ease-in-out; z-index: 99; } #header > .inConts > a.btn-menu > span { position: absolute; top: 50%; left: 50%; background-color: #fff; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; width: 30px; height: 3px; -o-transition: margin-top .2s .0s ease-in-out,opacity .2s .0s ease-in-out,rotate .2s .0s ease-in-out,-o-transform .3s .4s ease-in-out; -ms-transition: margin-top .2s .0s ease-in-out,opacity .2s .0s ease-in-out,rotate .2s .0s ease-in-out,-ms-transform .3s .4s ease-in-out; -moz-transition: margin-top .2s .0s ease-in-out,opacity .2s .0s ease-in-out,rotate .2s .0s ease-in-out,-moz-transform .3s .4s ease-in-out; -webkit-transition: margin-top .2s .0s ease-in-out,opacity .2s .0s ease-in-out,rotate .2s .0s ease-in-out,-webkit-transform .3s .4s ease-in-out; transition: margin-top .2s .0s ease-in-out,opacity .2s .0s ease-in-out,rotate .2s .0s ease-in-out,transform .3s .4s ease-in-out; } #header > .inConts > a.btn-menu .l1 {margin-left:-15px;margin-top:-10px;} #header > .inConts > a.btn-menu .l2 {margin-left:-15px;margin-top:-2px;} #header > .inConts > a.btn-menu .l3 {margin-left:-15px;margin-top:6px;} /* ACTIVE */ #header > .inConts > a.btn-menu.active .l1 { margin-top: -2px; -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } #header > .inConts > a.btn-menu.active .l2 { opacity:0; } #header > .inConts > a.btn-menu.active .l3 { margin-top: -2px; -o-transform: rotate(135deg); -ms-transform: rotate(135deg); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); } #header {} #header > .inConts > ul.nav {position:fixed;top:0;left:100%;right:0;bottom:0;background-color:rgba(0,122,116,1);align-content:flex-start;flex-wrap:wrap;padding:60px 20px 20px;z-index:2;} #header > .inConts > ul.nav.active {left:15%;} #header > .inConts > ul.nav > li {width:100%;} #header > .inConts > ul.nav > li > ul.dep2 {position:inherit;width:100%;height:0;overflow:hidden;opacity:0;padding-left:25px;} #header > .inConts > ul.nav > li.active > ul.dep2 {height:auto;opacity:1;padding-bottom:10px;} #header > .inConts > ul.nav > li > ul.dep2 > li {padding-top:0;padding-bottom:5px;} #header > .inConts > ul.nav > li.dep1 + li.dep1 {margin-left:0;} #header > .inConts > ul.nav > li.dep1 > a {font-size:5.6vw;} #header > .inConts > ul.nav > li > ul.dep2 > li > a {font-size:3.6vw;} #header > .inConts > ul.nav > li.dep1 > a:after {content:none;} #header > .inConts > ul.nav > li > ul.dep2:before {content:none;} #header > .inConts > ul.nav > li > ul.dep2 > li > a:after {content:none;} /* MAIN */ #container.main > .contents > article.cover .txtBox {} #container.main > .contents > article.cover .txtBox > div {margin-top:50%;} #container.main > .contents > article.cover .txtBox > div p.subcopy {font-size:4.0vw;} #container.main > .contents > article.cover .txtBox > div p.headcopy {font-size:8.6vw;} #container.main > .contents > article.cover .txtBox > div a.more {font-size:2.8vw;} #container.main > .contents > article.cover .slidewrap .slick-slide > span {font-size:2.6vw;} #container.main > .contents > article.cover .slide-btn {display:none;} #container.main > .contents > article.notice .title h1 {font-size:8vw;} #container.main > .contents > article.notice .title a.more {font-size:2.6vw;padding:3px 10px;} #container.main > .contents > article.notice .conts {display:inherit;} #container.main > .contents > article.notice .conts ul.list li a {font-size:4.0vw;} #container.main > .contents > article.notice .conts .banner {display:none;} #container.main > .contents > article.lh-garden-list .conts div.slidewrap .slick-list {margin-left:-30px;overflow:hidden;} #container.main > .contents > article.lh-garden-list .conts div.slidewrap .slick-slide {margin-left:30px;} #container.main > .contents > article.lh-garden-list .conts div.slidewrap .slick-slide > div:nth-child(2) {margin-top:30px;} #container.main > .contents > article.lh-garden-list .conts div.slidewrap .slide-item {margin-left:0;} #container.main > .contents > article.lh-garden-list .conts div.slidewrap .slide-item figure img {width:100%;} #container.main > .contents > article.lh-garden-list .conts div.slidewrap .slide-item .t1 {color:#000;font-size:5.0vw;font-weight:200;} #container.main > .contents > article.lh-garden-list .conts div.slidewrap .slide-item .t2 {color:#000;font-size:5.0vw;font-weight:500;margin-top:5px;} #container.main > .contents > article.lh-garden-list .conts div.slidewrap .slick-slide.slick-active .slide-item {filter:blur(0px);-webkit-filter:blur(0px);filter:progid:DXImageTransform.Microsoft.blur(pixelradius=0);opacity:1.0;} #container.main > .contents > article.lh-garden-list .slick-dots {display:flex;justify-content:center;padding:15px 0;margin-top:30px;border-bottom:0;} #container.main > .contents > article.lh-garden-list .slick-dots li {width:auto;margin:0 5px;} #container.main > .contents > article.lh-garden-list .slick-dots li button {display:block;font-size:0;line-height:0;background-color:rgba(113,194,173,0.2);border:0;padding:0;width:8px;height:8px;border-radius:8px;} #container.main > .contents > article.lh-garden-list .slick-dots li.slick-active button {background-color:rgba(113,194,173,1);width:30px;} #container.main > .contents > article.lh-garden-list .title h1 {font-size:8vw;} #container.main > .contents > article.lh-garden-list .title a.more {font-size:2.6vw;padding:3px 10px;} #container.main > .contents > article.lh-garden-list .slide-btn {display:none;} #container.main > .contents > article.lh-garden-now .title h1 {font-size:8vw;} #container.main > .contents > article.lh-garden-now .conts {display:inherit;} #container.main > .contents > article.lh-garden-now .conts ul {display:inherit;max-width:100%;} #container.main > .contents > article.lh-garden-now .conts ul li img {width:100%;} #container.main > .contents > article.lh-garden-now .conts ul li + li {margin-top:10px;} #container.main > .contents > article.lh-garden-now .conts .movie {margin-top:10px;width:100%;height:0;padding-bottom:56.25%;} #container.main > .contents > article.banner-wrap {padding-top:50px;padding-bottom:50px;} #container > .contents > .menu-search-wrap .inConts {display:inherit;} #container > .contents > .menu-search-wrap .inConts .menu {} #container > .contents > .menu-search-wrap .inConts .menu .select {display:block;color:#fff;font-size:4.4vw;text-align:center;background:#c7c7c7 url('../images/common/selectbox_arrow.png') no-repeat right center;padding:13px 15px;} #container > .contents > .menu-search-wrap .inConts .menu.active .select {background-color:#007a74;} #container > .contents > .menu-search-wrap .inConts .menu ul {display:inherit;height:0;overflow:hidden;} #container > .contents > .menu-search-wrap .inConts .menu.active ul {height:auto;} #container > .contents > .menu-search-wrap .inConts .menu ul li {width:100%;border:1px solid #c7c7c7;} #container > .contents > .menu-search-wrap .inConts .menu ul li + li {border-top:0;} #container > .contents > .menu-search-wrap .inConts .menu ul li:before {content:none;} #container > .contents > .menu-search-wrap .inConts .menu ul li a, #container > .contents > .menu-search-wrap .inConts .menu ul li a.on {display:block;color:#c7c7c7;font-size:4vw;line-height:1.0;text-align:center;padding:10px 15px;} #container > .contents > .menu-search-wrap .search {position:inherit;right:0;width:100%;margin-top:20px;} /* LH GARDEN SHOW */ #container.lhgardenshow > .contents > article.sub-cover .txtBox {margin-top:45%;} #container.lhgardenshow > .contents > article.sub-cover .txtBox p.subcopy {font-size:4.0vw;} #container.lhgardenshow > .contents > article.sub-cover .txtBox p.headcopy {font-size:8.6vw;} #container.lhgardenshow > .contents > article.sub-cover .txtBox a.more {font-size:2.8vw;} #container.lhgardenshow > .contents > .conts-wrap .overview_infor h1 {font-size:7vw;} #container.lhgardenshow > .contents > .conts-wrap .overview_infor ul li {font-size:4.0vw;} #container.lhgardenshow > .contents > .conts-wrap .overview_infor ul li > span:before {width:4px;height:4px;} #container.lhgardenshow > .contents > .conts-wrap .history_infor {display:inherit;} #container.lhgardenshow > .contents > .conts-wrap .history_infor figure {width:100%;} #container.lhgardenshow > .contents > .conts-wrap .history_infor .history_conts {width:100%;padding:0;margin-top:30px;} #container.lhgardenshow > .contents > .conts-wrap .history_infor h1 {font-size:7vw;} #container.lhgardenshow > .contents > .conts-wrap .history_infor ul {margin-top:20px;} #container.lhgardenshow > .contents > .conts-wrap .history_infor ul li {font-size:4.0vw;} #container.lhgardenshow > .contents > .conts-wrap .history_infor ul li > span:before {width:4px;height:4px;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor {} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > h1 {font-size:7vw;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > h1 > span {display:block;font-size:4vw;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul {display:block !important;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul li {display:block !important;width:100% !important;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul li figure {margin-right:0;border-radius:10% 0 0 0;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul li figure img {width:100%;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul li .infoBox {margin-top:15px;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul li .infoBox h3 {font-size:4.0vw;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul li .infoBox h1 {font-size:6.0vw;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul li .infoBox h1 > span {font-size:4.0vw;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul li .infoBox .career {} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul li .infoBox .career > p {font-size:4.0vw;} #container.lhgardenshow > .contents > .conts-wrap .advisory_infor > ul li .infoBox .career > p:before {top:10px;width:4px;height:4px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor h1 {font-size:7vw;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor div.txt > p {font-size:4.0vw;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor > figure {margin-top:30px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor figure > img {width:100%;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor figure > span {font-size:4.0vw;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor div.half {display:inherit;margin-top:50px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor div.half > figure:first-child {display:inherit;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor div.half > figure:first-child > span {max-width:100%;width:100%;margin-left:0;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor div.half > figure:first-child:after {content:none;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor div.half > figure:last-child {width:100%;margin-top:50px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor div.cols2 {margin-top:50px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 h1 {font-size:7vw;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 div.txt p {font-size:4.0vw;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 > figure {margin-top:30px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 figure > img {width:100%;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 figure > span {font-size:4.0vw;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 .box-reverse {display:flex;flex-flow:column-reverse;flex-wrap:wrap;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 .box-reverse figure {margin-top:50px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 .box-reverse div.txt {display:initial;margin-top:0;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 .box-reverse div.txt > div {width:100%;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 .box-reverse div.txt > div:first-child:after {display:none;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 .box-reverse div.txt > div:last-child {margin-top:30px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 div.half {display:inherit;margin-top:50px;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 div.half > figure {width:100%;} #container.lhgardenshow > .contents > .conts-wrap .internationalexc_infor2 div.half > figure:last-child {margin-top:50px;} #container.lhgardenshow > .contents > .conts-wrap .citizen_infor h1 {font-size:7vw;text-align:left;word-break:break-all;} #container.lhgardenshow > .contents > .conts-wrap .citizen_infor div.txt p {font-size:4.0vw;} #container.lhgardenshow > .contents > .conts-wrap .citizen_infor div.txt p + p {margin-top:15px;} #container.lhgardenshow > .contents > .conts-wrap .citizen_infor figure {} #container.lhgardenshow > .contents > .conts-wrap .citizen_infor figure img {width:100%;} #container.lhgardenshow > .contents > .conts-wrap .citizen_infor div.half {display:inherit;} #container.lhgardenshow > .contents > .conts-wrap .citizen_infor div.half figure {width:100%;} #container.lhgardenshow > .contents > .conts-wrap .citizen_infor div.half figure:last-child {margin-top:20px;} #container.lhgardenshow > .contents > .conts-wrap .identity_infor h1 {font-size:7vw;text-align:left;word-break:break-all;} #container.lhgardenshow > .contents > .conts-wrap .identity_infor div.txt p {font-size:4.0vw;} #container.lhgardenshow > .contents > .conts-wrap .identity_infor div.bi_wrap .logo img {max-width:80%;} #container.lhgardenshow > .contents > .conts-wrap .identity_infor div.bi_wrap .grid {background:url('../images/lhgardenshow/06_img03_m.png') no-repeat center center;} #container.lhgardenshow > .contents > .conts-wrap .identity_infor div.bi_wrap .grid img {width:100%;} #container.lhgardenshow > .contents > .conts-wrap .identity_infor div.bi_wrap .half {display:inherit;} #container.lhgardenshow > .contents > .conts-wrap .identity_infor div.bi_wrap .half figure {width:100%;text-align:center;} #container.lhgardenshow > .contents > .conts-wrap .identity_infor div.bi_wrap .half figure img {max-width:60%;} #container.lhgardenshow > .contents > .conts-wrap .identity_infor div.bi_wrap .half figure:last-child {margin-top:30px;} #container.lhgardenshow > .contents > .conts-wrap .identity_infor div.btn-wrap a {font-size:4.4vw;} #container.contactus > .contents > .conts-wrap .contactus_infor {} #container.contactus > .contents > .conts-wrap .contactus_infor ul {display:block;} #container.contactus > .contents > .conts-wrap .contactus_infor ul li {padding:50px 0;width:100%;} #container.contactus > .contents > .conts-wrap .contactus_infor ul li:nth-child(2) {} #container.contactus > .contents > .conts-wrap .contactus_infor ul li:nth-child(2):before {width:100%;margin-bottom:50px;} #container.contactus > .contents > .conts-wrap .contactus_infor ul li:nth-child(2):after {width:100%;margin-top:50px;} #container.contactus > .contents > .conts-wrap .contactus_infor ul li:nth-child(2) h1 {font-size:7.0vw;} #container.contactus > .contents > .conts-wrap .contactus_infor ul li:nth-child(2) div p {font-size:4.0vw;} /* SHOW GARDEN */ #container.showgarden > .contents > article.sub-cover figure {-webkit-mask-image:unset;} #container.showgarden > .contents > article.sub-cover .txtBox {margin-top:50%;} #container.showgarden > .contents > article.sub-cover .txtBox p.subcopy {font-size:4.0vw;} #container.showgarden > .contents > article.sub-cover .txtBox p.headcopy {font-size:8.6vw;} #container.showgarden > .contents > article.sub-cover .txtBox p.desc {font-size:3.6vw;line-height:1.6;margin-top:35%} #container.showgarden > .contents > .list-wrap .inConts {display:inherit;border-bottom:0;padding-bottom:15px;} #container.showgarden > .contents > .list-wrap .inConts .year {width:100%;} #container.showgarden > .contents > .list-wrap .inConts .year h1 {font-size:12vw;} #container.showgarden > .contents > .list-wrap .inConts .year p {font-size:4.0vw;margin-top:10px;} #container.showgarden > .contents > .list-wrap .inConts .year:after {content:none;} #container.showgarden > .contents > .list-wrap .inConts ul.list-table {width:100%;display:inherit;margin-top:0;margin-left:0;} #container.showgarden > .contents > .list-wrap .inConts ul.list-table li {width:100%;margin-left:0;} #container.showgarden > .contents > .list-wrap .inConts ul.list-table li figure img {width:100%;} #container.showgarden > .contents > .list-wrap .inConts ul.list-table li figure > span {font-size:3.6vw;} #container.showgarden > .contents > .list-wrap .inConts ul.list-table li .cont .cate span {font-size:2.8vw;} #container.showgarden > .contents > .list-wrap .inConts ul.list-table li .cont .subj {font-size:4.0vw;} #container.showgarden > .contents > .list-wrap .inConts ul.list-table li .cont .writer {font-size:3.6vw;} #container.showgarden > .contents > .list-wrap .btn-wrap {padding:0 15px;} #container.showgarden > .contents > .list-wrap .btn-wrap a {width:100%;} #container.showgarden > .contents > .detail-wrap a.back {display:none;} #container.showgarden > .contents > .detail-wrap .detail-infor-wrap {margin-top:0;} #container.showgarden > .contents > .detail-wrap .detail-infor-wrap h1 {font-size:7.0vw;} #container.showgarden > .contents > .detail-wrap .detail-infor-wrap p.writer {font-size:4.0vw;} #container.showgarden > .contents > .detail-wrap .detail-infor-wrap p.award {font-size:5.0vw;margin-bottom:20px;} /*#container.showgarden > .contents > .detail-wrap .contsBox-cols2 {display:inherit;} #container.showgarden > .contents > .detail-wrap .contsBox-cols2 > div:first-child {display:inherit;max-width:100%;} #container.showgarden > .contents > .detail-wrap .contsBox-cols2 > div:last-child {width:100%;} #container.showgarden > .contents > .detail-wrap .contsBox-cols2 > div:last-child > figure:nth-child(2) {width:100%;margin-top:30px;}*/ #container.showgarden > .contents > .detail-wrap .contsBox > div:nth-child(1) {display:inherit;} #container.showgarden > .contents > .detail-wrap .contsBox > div:nth-child(2) {display:inherit;margin-top:20px !important;} #container.showgarden > .contents > .detail-wrap .contsBox > div:nth-child(3) {display:inherit;margin-top:20px !important;} #container.showgarden > .contents > .detail-wrap .contsBox figure {width:100% !important;position:relative !important;margin:0 !important;} #container.showgarden > .contents > .detail-wrap .contsBox figure + figure {margin-top:20px !important;} #container.showgarden > .contents > .detail-wrap .contsBox figure img {width:100% !important;} #container.showgarden > .contents > .detail-wrap div.txt {width:100% !important;font-size:4.0vw;padding:15px 0 30px;} #container.showgarden > .contents > .detail-wrap .contsBox-row2 {display:inherit;margin-top:40px;} #container.showgarden > .contents > .detail-wrap .contsBox-row2 > figure {width:100%;} #container.showgarden > .contents > .detail-wrap .recommend {margin:50px auto 0;padding:0 15px;} #container.showgarden > .contents > .detail-wrap .recommend > h1 {font-size:6vw;padding-top:30px;} #container.showgarden > .contents > .detail-wrap .recommend > ul.wrap {display:inherit;margin-left:0;} #container.showgarden > .contents > .detail-wrap .recommend > ul.wrap li {width:100%;margin-left:0;} #container.showgarden > .contents > .detail-wrap .recommend > ul.wrap li + li {margin-top:10px;} #container.showgarden > .contents > .detail-wrap .recommend > ul.wrap li a img {width:100%;} #container.showgarden > .contents > .detail-wrap .recommend > ul.wrap li a span {font-size:3.6vw;bottom:15px;left:15px;} /* COMMUNITY */ /* 공지사항 */ #container.community > .contents > article.sub-cover .txtBox {margin-top:45%;} #container.community > .contents > article.sub-cover .txtBox p.subcopy {font-size:4.0vw;} #container.community > .contents > article.sub-cover .txtBox p.headcopy {font-size:8.6vw;} #container.community > .contents > article.sub-cover .txtBox a.more {font-size:2.8vw;} #container.community > .contents > .list-wrap {margin-top:20px;} #container.community > .contents > .list-wrap ul.noticewrap.notice-title {display:none;} #container.community > .contents > .list-wrap ul.noticewrap li {position:relative;display:inherit;} #container.community > .contents > .list-wrap ul.noticewrap li div:nth-child(1) {font-size:3.2vw;} #container.community > .contents > .list-wrap ul.noticewrap li div:nth-child(2) {width:100%;font-size:5.0vw;margin-top:10px;} #container.community > .contents > .list-wrap ul.noticewrap li div:nth-child(2) a {word-break:break-all;} #container.community > .contents > .list-wrap ul.noticewrap li div:nth-child(3) {position:absolute;top:20px;right:0;font-size:3.2vw;} #container.community > .contents > .list-wrap .btn-wrap {margin:30px 0 80px;} /*#container.community > .contents > .list-wrap .btn-wrap > a {display:inline-block;color:#fff;font-size:16px;line-height:48px;font-weight:600;width:100%;height:50px;text-align:center;background-color:#71c2ad;border-radius:20px 0 20px 0;}*/ #container.community > .contents > .list-wrap .btn-wrap > div {width:50%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;} #container.community > .contents > .list-wrap .btn-wrap > div > a {display:inline-block;width:34px;height:34px;background-color:#000;background-repeat:no-repeat;background-position:right center;border-radius:50%;} #container.community > .contents > .list-wrap .btn-wrap > div > a.none {background-color:#c7c7c7;} #container.community > .contents > .list-wrap .btn-wrap > div > a.prev {background-image:url('../images/common/board_arrow.png');background-position:left center;} #container.community > .contents > .list-wrap .btn-wrap > div > a.next {background-image:url('../images/common/board_arrow.png');background-position:right center;} #container.community > .contents > .list-wrap div.pagging > div {width:50%;margin:0 auto;justify-content:space-between;} #container.community > .contents > .list-wrap div.pagging > div > ul {display:none;} #container.community > .contents > .view-wrap .title {position:relative;display:inherit;padding-top:7%;} #container.community > .contents > .view-wrap .title h1 {width:100%;font-size:5.0vw;word-break:break-all;} #container.community > .contents > .view-wrap .title h1 span {position:absolute;top:0;left:0;font-size:3.0vw;font-weight:300;display:block;} #container.community > .contents > .view-wrap .title .date {position:absolute;top:0;right:0;font-size:3.0vw;font-weight:300;} #container.community > .contents > .view-wrap .cont p {font-size:4.2vw;} #container.community > .contents > .view-wrap .file {padding:40px 0 20px;font-size:3.6vw;} #container.community > .contents > .view-wrap .file:before {position:absolute;top:15px;left:0;font-size:3.0vw;} #container.community > .contents > .view-wrap ul.list-prev-next li {padding:40px 0 20px;} #container.community > .contents > .view-wrap ul.list-prev-next li a {font-size:4.0vw;} #container.community > .contents > .view-wrap ul.list-prev-next li:before {top:15px !important;font-size:3.0vw !important;} #container.community > .contents > .view-wrap ul.list-prev-next li .date {position:absolute;top:15px;right:0;font-size:3.0vw;font-weight:300;} #container.community > .contents > .view-wrap .btn-wrap a {width:100%;font-size:4.0vw;} /* 갤러리 */ #container.community > .contents > .gallery-wrap {} #container.community > .contents > .gallery-wrap ul.list {margin-left:-10px;} #container.community > .contents > .gallery-wrap ul.list li {width:calc((100% / 2) - 10px);margin-left:10px;margin-top:20px;} #container.community > .contents > .gallery-wrap ul.list li .txtBox {display:block;position:inherit;background-color:transparent;transform:none;margin-top:10px;} #container.community > .contents > .gallery-wrap ul.list li .txtBox > div p.title {font-size:3.6vw;font-weight:500;} #container.community > .contents > .gallery-wrap ul.list li .txtBox > div p.subj {color:#000;font-size:4.0vw;} #container.community > .contents > .gallery-wrap ul.list li .txtBox > div p.cnt {font-size:3.2vw;font-weight:400;} #container.community > .contents > .gallery-wrap div.pagging > div {width:50%;margin:0 auto;justify-content:space-between;} #container.community > .contents > .gallery-wrap div.pagging > div > ul {display:none;} /* GALLERY-LAYER-POPUP-WRAP */ #gallery-layer-popup-wrap .gallery-wrap > div {width:calc(100% - 30px);background-color:#000;padding:0;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for .slick-list .slick-track .slick-slide p > span {font-size:3.6vw;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for ul.slick-dots {color:#fff;bottom:auto;top:-20px;left:50%;transform:translate(-50%,0);} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for ul.slick-dots li > span:after {background-color:#fff;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for button.slick-prev {bottom:-60px;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-for button.slick-next {bottom:-60px;} #gallery-layer-popup-wrap .gallery-wrap > div .slider-nav .item-wrap {display:none;} #gallery-layer-popup-wrap .gallery-wrap > div .gallery-btn a.prev, #gallery-layer-popup-wrap .gallery-wrap > div .gallery-btn a.next {transform:none;} #gallery-layer-popup-wrap .gallery-wrap > div > a.close {top:-50px;} #gallery-layer-popup-wrap .gallery-wrap > div > a.close:hover {transform:none;} #gallery-layer-popup-wrap .gallery-wrap > div > a.close:hover:before {width:30px;left:10px;} #gallery-layer-popup-wrap .gallery-wrap > div > a.close:hover:after {width:30px;left:10px;} #footer .inConts .infor-wrap h1 {font-size:4.0vw;} #footer .inConts .infor-wrap .info span {font-size:3.0vw;} #footer .inConts .infor-wrap p.copyright {font-size:3.0vw;} #footer .inConts .visitor{width:45%;} } @media (orientation: portrait) { /* Portrait 모드일 때 적용할 CSS */ /*#container:after {content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(247,189,205,1.0) url('../img/common/portrait.svg') no-repeat center center;background-size:70% auto;z-index:100;} */ } @media (orientation: landscape) { /* Landscape 모드일 때 적용할 CSS */ }