/* 280612 : 블록 설정 */ .block_option__280612__ {display:table;width:100%} .block_option__280612__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} @media (max-width:1023px){ .row__280612__ {} } @media (min-width:1024px){ .row__280612__ {background-color:#fff!important; padding-bottom:100px;} } /* 279518 : YouTube 배경 동영상 커스텀 */ /* farm */ .farm__279518__ {display:table;width:100%} .farm__279518__ p {display:table-cell;height:200px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} /* player */ .player__279518__cover {position:absolute; width:100%; height:610px; padding:0; z-index:11; background-color:#0000002e;} .player__279518__ {display:block;overflow:hidden;position:relative;height:0;padding:0;background:url(/img_up/shop_pds/appkorea248/build/option/me-in_11657255387.jpg);background-size:cover; background-position:center;} .player__279518__ .player-item, .player__279518__ iframe, .player__279518__ embed, .player__279518__ object, .player__279518__ video {position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0;} /* .player__279518__.player-16by9 {padding-bottom:56.25%} */ /* 영상일 때 */ /*.player__279518__.player-4by3 {padding-bottom:75%}*/ .player__279518__ { padding-bottom:610px; } /* player bg */ .player_bg__279518__ {overflow:hidden; position:relative; width:100%; height:610px;} /* text animation */ .text_animation__279518__ {position:absolute;top:0;right:0;bottom:0;left:0;z-index:200} .text_animation__279518__ .owl-carousel, .text_animation__279518__ .owl-stage-outer, .text_animation__279518__ .owl-stage, .text_animation__279518__ .owl-item {height:100%} .text_animation__279518__ .item {display:table;width:100%;height:100%} .text_animation__279518__ .item div {display:table-cell;height:100%;text-align:center;vertical-align:middle;box-sizing:border-box} .text_animation__279518__ .item span {display:inline-block;width:{$farm_set[text_width]}%;border:{$farm_set[bsize]} solid {$farm_set[bcolor]};font-weight:{$farm_set[weight]};color:{$farm_set[color]};text-align:center;box-sizing:border-box;word-break:keep-all} @media (max-width:479px){ .text_animation__279518__ .item div {padding:calc(8px*6) 0} .text_animation__279518__ .item span {padding:calc(2px*6)} .text_animation__279518__ .text_sml .item span {font-size:calc(2px*6)} .text_animation__279518__ .text_med .item span {font-size:calc(3px*6)} .text_animation__279518__ .text_big .item span {font-size:calc(4px*6)} } @media (min-width:480px) and (max-width:639px){ .text_animation__279518__ .item div {padding:calc(8px*7) 0} .text_animation__279518__ .item span {padding:calc(2px*7)} .text_animation__279518__ .text_sml .item span {font-size:calc(2px*7)} .text_animation__279518__ .text_med .item span {font-size:calc(3px*7)} .text_animation__279518__ .text_big .item span {font-size:calc(4px*7)} } @media (min-width:640px) and (max-width:799px){ .text_animation__279518__ .item div {padding:calc(8px*8) 0} .text_animation__279518__ .item span {padding:calc(2px*8)} .text_animation__279518__ .text_sml .item span {font-size:calc(2px*8)} .text_animation__279518__ .text_med .item span {font-size:calc(3px*8)} .text_animation__279518__ .text_big .item span {font-size:calc(4px*8)} } @media (min-width:800px) and (max-width:959px){ .text_animation__279518__ .item div {padding:calc(8px*9) 0} .text_animation__279518__ .item span {padding:calc(2px*9)} .text_animation__279518__ .text_sml .item span {font-size:calc(2px*9)} .text_animation__279518__ .text_med .item span {font-size:calc(3px*9)} .text_animation__279518__ .text_big .item span {font-size:calc(4px*9)} } @media (min-width:960px){ .text_animation__279518__ .item div {padding:calc(8px*10) 0} .text_animation__279518__ .item span {padding:calc(2px*10)} .text_animation__279518__ .text_sml .item span {font-size:calc(2px*10)} .text_animation__279518__ .text_med .item span {font-size:calc(3px*10)} .text_animation__279518__ .text_big .item span {font-size:calc(4px*10)} } @media (min-width:1120px) and (max-width:1279px){ .text_animation__279518__ .item div {padding:calc(8px*11) 0} .text_animation__279518__ .item span {padding:calc(2px*11)} .text_animation__279518__ .text_sml .item span {font-size:calc(2px*11)} .text_animation__279518__ .text_med .item span {font-size:calc(3px*11)} .text_animation__279518__ .text_big .item span {font-size:calc(4px*11)} } @media (min-width:1280px) and (max-width:1439px){ .text_animation__279518__ .item div {padding:calc(8px*12) 0} .text_animation__279518__ .item span {padding:calc(2px*12)} .text_animation__279518__ .text_sml .item span {font-size:calc(2px*12)} .text_animation__279518__ .text_med .item span {font-size:calc(3px*12)} .text_animation__279518__ .text_big .item span {font-size:calc(4px*12)} } @media (min-width:1440px) and (max-width:1599px){ .text_animation__279518__ .item div {padding:calc(8px*13) 0} .text_animation__279518__ .item span {padding:calc(2px*13)} .text_animation__279518__ .text_sml .item span {font-size:calc(2px*13)} .text_animation__279518__ .text_med .item span {font-size:calc(3px*13)} .text_animation__279518__ .text_big .item span {font-size:calc(4px*13)} } @media (min-width:1600px) and (max-width:1759px){ .text_animation__279518__ .item div {padding:calc(8px*14) 0} .text_animation__279518__ .item span {padding:calc(2px*14)} .text_animation__279518__ .text_sml .item span {font-size:calc(2px*14)} .text_animation__279518__ .text_med .item span {font-size:calc(3px*14)} .text_animation__279518__ .text_big .item span {font-size:calc(4px*14)} } @media (min-width:1760px){ .text_animation__279518__ .item div {padding:calc(8px*15) 0} .text_animation__279518__ .item span {padding:calc(2px*15)} .text_animation__279518__ .text_sml .item span {font-size:calc(2px*15)} .text_animation__279518__ .text_med .item span {font-size:calc(3px*15)} .text_animation__279518__ .text_big .item span {font-size:calc(4px*15)} } .player_bg__279518__ .wrap {display:none; background:no-repeat right top; background-size:100% 500px; width:100% !important; height: 500px; margin:0; z-index:12;} .player_bg__279518__ .wrap.close {display:none;} .player_bg__279518__ .wrap.open {display:none;} .player_bg__279518__ button.accordionBtn01 {display:none;} .player_bg__279518__ button.accordionBtn01 span{display:none;} .player_bg__279518__ .wrap02 {no-repeat right top; background-size:100% 500px; width:100%; height: 500px; margin:0;} .player_bg__279518__ .wrap02.close {display:none;} .player_bg__279518__ .wrap02.open {display:none;} .player_bg__279518__ button.accordionBtn02 {display:none;} .player_bg__279518__ button.accordionBtn02 span{display:none;} .player_bg__279518__ div p {display:none !important;} .player_bg__279518__ .wrap dd, .player_bg__279518__ .wrap02 dd {position:absolute; top:370px; left:500px;} .player_bg__279518__ .wrap dd.link, .player_bg__279518__ .wrap02 dd.link {top:0; left:0; width:80%; height:100%; } .player_bg__279518__ .wrap dd.link a, .player_bg__279518__ .wrap02 dd.link a { font-size:0; border:none; width:100%; height:100%; padding:0; margin:0; } .player_bg__279518__ .wave {position: absolute; bottom:-60px; left: 0;width: 6400px; animation: wave 10s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;-webkit-animation: wave 10s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);background: url('/img_up/shop_pds/appkorea248/etc/bl_wave.png') repeat-x;z-index:100; padding-top:0; height:160px; background-position-y:center;} .player_bg__279518__ .weather_slider, .board_search {display:none;} @media all and (min-width:1400px){ .player_bg__279518__ {height:610px;} .player_bg__279518__ .wrap {display:block; background: url('/img_up/shop_pds/appkorea246/etc/slide01.png') no-repeat right top; background-size:100% 610px; height:610px; width: 1370px !important; animation: slideOutOnce 8s; transform: translateX(-1050px); padding-left:0px; position: absolute; top: 0; height: 610px;} .player_bg__279518__ .wrap .accordion_cont {padding-left:269px;} .player_bg__279518__ .wrap02 .accordion_cont {padding-left:200px;} .player_bg__279518__ .wrap.close {display:block; animation: slideOut 1s; transform: translateX(-1050px);} .player_bg__279518__ .wrap.open {display:block; animation: slideIn 1s; transform: translateX(0);} .player_bg__279518__ button.accordionBtn01 {display:block; color: #fff; text-align: center; font-size: 14px; position: absolute; right: 15px; bottom: 170px; top:auto;} .player_bg__279518__ button.accordionBtn01 span{display:block; display: block; margin-top: 5px;} .player_bg__279518__ .wrap02 {background: url('/img_up/shop_pds/appkorea246/etc/slide02.png') no-repeat right top; background-size:100% 610px; width: 1370px; height: 610px; animation: slideOutOnce02 8s; transform: translateX(-1119px); position: absolute; top: 0; padding-left: 0px; z-index:13;} .player_bg__279518__ .wrap02.close {display:block; animation: slideOut02 1s; transform: translateX(-1119px);} .player_bg__279518__ .wrap02.open {display:block; animation: slideIn02 1s; transform: translateX(-69px);} .player_bg__279518__ button.accordionBtn02 {display:block; color: #fff; text-align: center; font-size: 14px; position: absolute; right: 15px; bottom: 170px;} .player_bg__279518__ button.accordionBtn02 span{display: block; margin-top: 5px;} /*.player_bg__279518__ > div {padding:190px 0 0 8%;}*/ .player_bg__279518__ button {display:block; width:30px; height:30px; border-radius:50%; background:#fff; text-align:left !important; right:35px !important; bottom:190px !important; border:none;} .player_bg__279518__ button img {} .player_bg__279518__ button span {position:absolute;left:-99999px; } .player_bg__279518__ .video_box{position: absolute; left:0; top: 0; right: 0; height: 100%; z-index: -1; object-fit: cover; overflow: hidden; display:block !important;} .player_bg__279518__ video {width:100%; max-width:1903px; height:1150px !important; position:absolute; top:-350px !important; left:50% !important; margin-left:-50%; height:100%; vertical-align: top; z-index:10; background:#000;} .player_bg__279518__ iframe {width:100%; height:1150px !important; position:absolute; top:-350px !important; left:50% !important; margin-left:-50%; height:100%; vertical-align: top; z-index:10; background:#000;} .video_mask {position:absolute; top:0; left:0; width:100%; height:610px; background:rgba(0,0,0,.6); z-index:10;} .player_bg__279518__ div p {display:block !important; position:absolute; top:235px; right:-7px; transform: rotate(73.7deg) ; font-size:21px; font-weight:500; color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,.5)} .player_bg__279518__ div.wrap p {right:14px; top:218px;} .player_bg__279518__ .open img {transform:scaleX(-1);} /* 날씨 */ .player_bg__279518__ .weather_slider {display:block; z-index:14; position:absolute; top:150px; right:50px; list-style:none; padding:0} .player_bg__279518__ .weather_slider .wth_cont {display:flex;} .player_bg__279518__ .weather_slider .wth_text {color:#ffffff; font-size:25px;} .player_bg__279518__ .weather_slider .wth_text img {margin:0 10px; transform:translate(0px, 5px);} /* 검색 폼 */ .player_bg__279518__ .board_search {padding:13px 50px; background-color:#fff; display:flex; justify-content:center; position:absolute; top:240px; right:50px; z-index:14; border-radius:40px;} .player_bg__279518__ .board_search input {font-size:20px; border:none; outline: none;} .player_bg__279518__ .board_search button {font-size:0;} .player_bg__279518__ .board_search button:before {content:'\e901'; font-family:'icomoon'; font-size:30px; color:#666;} } @media all and (max-width:1399px){ .player_bg__279518__ .accordion_cont {padding:100px 0 0 100px;} .player_bg__279518__ {height:auto;} .player__279518__cover, .player_bg__279518__ .wrap, .player_bg__279518__ .wrap02, #youtube_player__279518__ {display:none;} .player_bg__279518__ .wave {background-size:1600px 110px;} } @media all and (max-width:1023px){ .accordion {padding-top:160px; background:#fff;} } @media all and (max-width:880px){ .player_bg__279518__, .player_bg__279518__ .wrap, .player_bg__279518__ .wrap02, .player_bg__279518__ .video_box {height:400px; background-size:100% 400px; overflow:hidden;} .player_bg__279518__ .accordion_cont {padding:100px 0 0 15%;} } @media all and (max-width:640px){ .player_bg__279518__, .player_bg__279518__ .wrap, .player_bg__279518__ .wrap02, .player_bg__279518__ .video_box {height:300px; background-size:100% 300px} .player_bg__279518__ .accordion_cont {padding:50px 0 0 12%;} } @media all and (max-width:480px){ .player_bg__279518__, .player_bg__279518__ .wrap, .player_bg__279518__ .wrap02, .player_bg__279518__ .video_box {height:233px; background-size:100% 200px} .player_bg__279518__ .accordion_cont {padding:30px 0 0 10%;} } .player_bg__279518__ dt, .player_bg__279518__ dd {font-family:'SCDream', sans-serif; letter-spacing:-0.07em; color:#0b1d35;} .player_bg__279518__ dt {font-size:54px; font-weight:800;} .player_bg__279518__ dd {font-size:32px;} .player_bg__279518__ dd a {margin-top:30px; display:inline-block; font-size:19px; border:2px solid #333; padding:10px 40px;} .player_bg__279518__ video {width:100%;} @media all and (max-width:880px){ .player_bg__279518__ dt {font-size:40px;} .player_bg__279518__ dt img {width:60%;} .player_bg__279518__ dd {font-size:24px;} .player_bg__279518__ dd a {font-size:16px;} } @media all and (max-width:640px){ .player_bg__279518__ video {width:100%; overflow:hidden;} } @media all and (max-width:480px){ .player_bg__279518__ dt {font-size:24px;} .player_bg__279518__ dd {font-size:18px;} .player_bg__279518__ dd a {font-size:14px; padding:5px 15px;} } @media all and (max-width:1400px){ } @keyframes slideOutOnce { 0% {transform: translateX(-1050px); zoom : 100%;} 15% {transform: translateX(-1050px); zoom : 100%;} 50% {transform: translateX(0px); zoom : 100%;} 80% {transform: translateX(0px); zoom : 100%;} 90% {transform: translateX(0px); zoom : 100%;} 100% {transform: translateX(-1050px); zoom : 100%;} } @keyframes slideIn { 0% {transform: translateX(-1050px); zoom : 100%;} 100% {transform: translateX(0); zoom : 100%;} } @keyframes slideOut { 0% {transform: translateX(0); zoom : 100%;} 100% {transform: translateX(-1050px); zoom : 100%;} } @keyframes slideOutOnce02 { 0% {transform: translateX(-1119px); zoom : 100%;} 15% {transform: translateX(-1119px); zoom : 100%;} 50% {transform: translateX(-1119px); zoom : 100%;} 80% {transform: translateX(-69px); zoom : 100%;} 90% {transform: translateX(-69px); zoom : 100%;} 100% {transform: translateX(-1119px); zoom : 100%;} } @keyframes slideIn02 { 0% {transform: translateX(-1119px); zoom : 100%;} 100% {transform: translateX(-69px); zoom : 100%;} } @keyframes slideOut02 { 0% {transform: translateX(-69px); zoom : 100%;} 100% {transform: translateX(-1119px); zoom : 100%;} } @keyframes wave { 0% {margin-left: 0;} 100% {margin-left: -1600px;} } @-webkit-keyframes wave { 0% {margin-left: 0;} 100% {margin-left: -1600px;} } /* 281195 : 셀 설정 */ .cell_option__281195__ {display:table;width:100%} .cell_option__281195__ p {display:table-cell;height:70px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} @media (max-width:1023px){ .col__281195__ {display:none;} } @media (min-width:1024px){ .col__281195__ {} } /* 280732 : 이미지 */ .img__280732__ {max-width:100%; display:none;} .img__280732__.on {display:block;} .img__280732__ * {box-sizing:border-box} .img__280732__ a {display:block;vertical-align:top} .img__280732__ img {width:px;vertical-align:top} /* 280739 : 셀 설정 */ .cell_option__280739__ {display:table;width:100%} .cell_option__280739__ p {display:table-cell;height:70px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} @media (max-width:1023px){ .col__280739__ {} } @media (min-width:1024px){ .col__280739__ {padding-left: 150px;} } /* 284063 : 이미지 (모바일/PC 출력 구분) */ .img__284063__ {max-width:100%} .img__284063__ * {box-sizing:border-box} .img__284063__ a {display:block;vertical-align:top} .img__284063__ img {vertical-align:top} .img__284063__ .img_pc {display:none; position:relative;} .img__284063__ .img_m {display:none;} .img__284063__ .popUp {position:absolute; opacity:0; transform:scale(1.0) translate(-17%, -17%); transition:0.3s; } .img__284063__ .popUp.on {opacity:1; transform:scale(3.0) translate(-17%, -17%);} @media all and (min-width:1024px){ .img__284063__ .img_m {display:none;} .img__284063__ .img_pc {display:none; margin-top:18px;} /*.img__284063__ .img_pc img {width:200px;}*/ } /* 284064 : 이미지 (모바일/PC 출력 구분) */ .img__284064__ {max-width:100%} .img__284064__ * {box-sizing:border-box} .img__284064__ a {display:block;vertical-align:top} .img__284064__ img {vertical-align:top} .img__284064__ .img_m {display:block; margin-top:30px;} .img__284064__ .img_pc {display:none;} @media all and (min-width:1024px){ .img__284064__ .img_m {display:none;} .img__284064__ .img_pc {display:block; margin-top:18px;} /*.img__284064__ .img_pc img {width:200px;}*/ } /* 284805 : HTML 편집기 */ .box2 {float:right;} #local_wrap {position:relative;} #local_wrap .mapbtn {position: relative;} #local_wrap .mapbtn img {} #local_wrap .mapbtn ul {} #local_wrap .mapbtn ul li a + div {width:100%; height:100%; transition:1.5s; transform:scale(1)} #local_wrap .mapbtn ul li a.ov + div {transform:scale(1.13); z-index:10;} #local_wrap .mapbtn ul li {position:absolute;text-align: center;} #local_wrap .mapbtn ul li.n1 {bottom: 26.5%;left: 40.6%;width: 11.8%;height: 18.3%;padding: 5% 0 0;} #local_wrap .mapbtn ul li.n2 {bottom: 23%;left: 62.3%;width: 22.2%;height: 16.9%;padding: 10% 0 0;} #local_wrap .mapbtn ul li.n3 {top: 11%;right: 21.5%;width: 10.6%;height: 21.6%;padding: 5% 2% 0 3%;} #local_wrap .mapbtn ul li.n4 {top: 20.9%;right: 3.2%;width: 12.9%;height: 12%;padding: 7% 0 0 0%;} #local_wrap .mapbtn ul li.n5 {top: 9.4%;right: 11.7%;width: 12.9%;height: 11.2%;padding: 6% 0 0;} #local_wrap .mapbtn ul li.n6 {top: 26.6%;left: 34%;width: 18.8%;height: 12%;padding: 5% 0% 0 0;} #local_wrap .mapbtn ul li.n7 {top: 1.8%;left: 51.6%;width: 11.3%;height: 15.3%;padding: 7% 1% 0 0;} #local_wrap .mapbtn ul li.n8 {top: 45.7%;left: 26.3%;width: 5.1%;height: 6%;padding: 0 0 0;} #local_wrap .mapbtn ul li.n9 {top: 23.2%;left: 21.2%;width: 8%;height: 14.6%;padding: 10% 0% 0 7%;} #local_wrap .mapbtn ul li.n10 {top: 35.7%;right: 21.1%;width: 19.2%;height: 15.8%;padding: 7% 4% 0 0%;} #local_wrap .mapbtn ul li.n11 {top: 22.4%;right: 13.0%;width: 14.3%;height: 12.5%;padding: 9% 3% 0;} #local_wrap .mapbtn ul li.n12 {top: 23.5%;left: 0.1%;width: 27%;height: 29.5%;padding: 11% 0% 0 0;} #local_wrap .mapbtn ul li.n13 {bottom: 29.2%;right: 2.3%;width: 14.9%;height: 21%;padding: 6% 0% 0%;} #local_wrap .mapbtn ul li.n14 {top: 3.8%;left: 23.8%;width: 10.5%;height: 10.5%;padding: 7% 3% 0;} #local_wrap .mapbtn ul li.n15 {top: 38.4%;left: 26.7%;width: 18.4%;height: 10%;padding: 7% 3% 0;} #local_wrap .mapbtn ul li.n16 {bottom: 2.2%;right: 37.6%;width: 20.6%;height: 17.5%;padding: 6% 9% 0 0;} #local_wrap .mapbtn ul li.n17 {top: 0;right: 45%;width: 11.4%;height: 12%;padding: 7% 3% 0;} #local_wrap .mapbtn ul li.n18 {bottom: 22.3%;right: 39.8%;width: 12.2%;height: 27.4%;padding: 5% 0% 0;} #local_wrap .mapbtn ul li.n19 {bottom: 16.7%;left: 12.6%;width: 9.2%;height: 13.5%;padding: 5% 3% 0;} #local_wrap .mapbtn ul li.n20 {top: 18.3%;right: 58.7%;width: 8.2%;height: 15.6%;padding: 3% 3% 0;} #local_wrap .mapbtn ul li.n21 {bottom: 14.9%;left: 21.2%;width: 23.2%;height: 20%;padding: 11% 0% 0% 0%;} #local_wrap .mapbtn ul li.n21>a {padding-left:50px;} #local_wrap .mapbtn ul li.n22 {top: 19.4%;right: 31.9%;width: 18.9%;height: 14.5%;padding: 11% 0% 0;} #local_wrap .mapbtn ul li a {display: inline-block;position:relative;z-index: 1;color: #fff;font-size: 15px;transition: all 0.3s;-webkit-transition: all 0.3s;font-family: S-CoreDream-5Medium;text-shadow: 2px 2px 7px #3e3e3e;} #local_wrap .mapbtn ul li a.ov {font-size: 22px;font-weight:bold;color:#3d85b7;text-shadow: 2px 0px 3px #ffffff; z-index:11;} #local_wrap .mapbtn ul li span {display: block;opacity: 0;width: 21px;height: 29px;margin: 0 auto 3px;background: url(/naraedu/img/main/map_ico.png)no-repeat;transition: all 0.3s;-webkit-transition: all 0.3s;} #local_wrap .mapbtn ul li a.ov span {opacity:1; -webkit-animation: vibes2 1.5s ease infinite;animation:vibes2 1.5s ease infinite;} #local_wrap .mapbtn ul li a.ov + div {position:absolute; left:0; top:0; width:100%; height:100%; background-size:100% auto; background-repeat:no-repeat;} #local_wrap .mapbtn ul li.n1 a.ov + div {background-image:url(/img_up/shop_pds/appkorea248/design/app_img/gangjin.png);} #local_wrap .mapbtn ul li.n2 a.ov + div {background-image:url(/img_up/shop_pds/appkorea248/design/app_img/goheung.png);} #local_wrap .mapbtn ul li.n3 a.ov + div {background-image:url(/img_up/shop_pds/appkorea248/design/app_img/gokseong.png);} #local_wrap .mapbtn ul li.n4 a.ov + div {background-image:url(/img_up/shop_pds/appkorea248/design/app_img/gwangyang.png);} #local_wrap .mapbtn ul li.n5 a.ov + div {background-image:url(/img_up/shop_pds/appkorea248/design/app_img/gurye.png);} #local_wrap .mapbtn ul li.n6 a.ov + div {background-image:url(/img_up/shop_pds/appkorea248/design/app_img/naju.png);} #local_wrap .mapbtn ul li.n7 a.ov + div {background-image:url(/img_up/shop_pds/appkorea248/design/app_img/damyang.png);} #local_wrap .mapbtn ul li.n8 a.ov + div {background-image:url(/img_up/shop_pds/appkorea248/design/app_img/mokpo.png);} #local_wrap .mapbtn ul li.n9 a.ov + div {background-image:url(/img_up/shop_pds/appkorea248/design/app_img/muan.png);} #local_wrap .mapbtn ul li {list-style: none;} #local_wrap .mapbtn ul li.n10 a.ov + div {background-image:url(/img_up/shop_pds/appkorea248/design/app_img/boseong.png);} #local_wrap .mapbtn ul li.n11 a.ov + div {background-image:url(/img_up/shop_pds/appkorea248/design/app_img/suncheon.png);} #local_wrap .mapbtn ul li.n12 a.ov + div {background-image:url(/img_up/shop_pds/appkorea248/design/app_img/sinan.png);} #local_wrap .mapbtn ul li.n13 a.ov + div {background-image:url(/img_up/shop_pds/appkorea248/design/app_img/yeosu.png);} #local_wrap .mapbtn ul li.n14 a.ov + div {background-image:url(/img_up/shop_pds/appkorea248/design/app_img/yeonggwang.png);} #local_wrap .mapbtn ul li.n15 a.ov + div {background-image:url(/img_up/shop_pds/appkorea248/design/app_img/yeongam.png);} #local_wrap .mapbtn ul li.n16 a.ov + div {background-image:url(/img_up/shop_pds/appkorea248/design/app_img/wando.png);} #local_wrap .mapbtn ul li.n17 a.ov + div {background-image:url(/img_up/shop_pds/appkorea248/design/app_img/jangseong.png);} #local_wrap .mapbtn ul li.n18 a.ov + div {background-image:url(/img_up/shop_pds/appkorea248/design/app_img/jangheung.png);} #local_wrap .mapbtn ul li.n19 a.ov + div {background-image:url(/img_up/shop_pds/appkorea248/design/app_img/jindo.png);} #local_wrap .mapbtn ul li.n20 a.ov + div {background-image:url(/img_up/shop_pds/appkorea248/design/app_img/hampyeong.png);} #local_wrap .mapbtn ul li.n21 a.ov + div {background-image:url(/img_up/shop_pds/appkorea248/design/app_img/haenam.png);} #local_wrap .mapbtn ul li.n22 a.ov + div {background-image:url(/img_up/shop_pds/appkorea248/design/app_img/hwasun.png);} #local_wrap .mapbtn ul li em {display:inline-block; margin-right:5px;font-size:15px; font-weight:700; } #local_wrap .con_wrap {position:absolute;right: 7%;bottom: -160px;} #local_wrap .con_wrap .con {position: relative;padding: 40px 0 0;} #local_wrap .con_wrap .con.ov {display:block;} #local_wrap .con_wrap .con .mapinfo {position:relative;} #local_wrap .con_wrap .con .mapinfo ul {} #local_wrap .con_wrap .con .mapinfo ul li {display:inline-block;line-height:1;margin: 0 25px;color:#000;font-family:"Arita-b";font-size: 24px;text-align:center;} #local_wrap .con_wrap .con .mapinfo ul li strong {float: right; display:block; line-height:1; margin:0 0 20px;color:#000; font-family:"Arita-b"; font-size:70px;} #local_wrap .con_wrap .con .mapinfo ul li img {width: 50%;} #local_wrap .con_wrap .con .mapinfo a.morebtn {position:absolute;right: -30px;top: -28px;z-index: 999;width: 35px;height: 35px;background: #4a9bd3;color: #fff;font-size:0;} #local_wrap .con_wrap .con .mapinfo a.morebtn:before, #local_wrap .con_wrap .con .mapinfo a.morebtn:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;} #local_wrap .con_wrap .con .mapinfo a.morebtn:before {width: calc(100%/2);height: 1px;background: #fff;} #local_wrap .con_wrap .con .mapinfo a.morebtn:after {width: 1px;height: calc(100%/2);background: #fff;} @media all and (max-width:1023px) { .box2 {display:none;} } /* 280750 : 이미지 */ .img__280750__ {max-width:100%} .img__280750__ * {box-sizing:border-box} .img__280750__ a {display:block;vertical-align:top} .img__280750__ img {width:px;vertical-align:top} @media all and (max-width:1023px){ .img__280750__ img {max-width:75%} } /* 280751 : 공백 */ .solid_line__280751__ {box-sizing:border-box;display:block;position:relative;width:100%;height:15px} .solid_line__280751__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__280751__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1} @media all and (max-width:1023px){ .solid_line__280751__ {height:0px} } /* 280731 : 타이틀 텍스트 */ .title__280731__ {font-size:0; position:relative; /*height:160px;*/} .title__280731__ .myung_ga_cnt_wrap {/*position:absolute;*/ top:0; z-index:10;} .title__280731__ .myung_ga_cnt {list-style:none; padding:0; margin:0; overflow:hidden; height:136px; transition:0.3s; } .title__280731__ .on .myung_ga_cnt {list-style:none; padding:0; margin:0; overflow:hidden; height:286px; transition:0.3s; background-color:#fff;} .title__280731__ span.btn {line-height:24px;} .title__280731__ span.btn i {font-size:30px;} .title__280731__ span.btn.open {display:block; padding:4px 0;} .title__280731__ span.btn.close {display:none;} .title__280731__ .on span.btn.close {display:block;} .title__280731__ .on span.btn.open {display:none;} .title__280731__ .myung_ga_cnt li {display:inline-block; width:9.34%; margin-right:-4px;} .title__280731__ .myung_ga_cnt li:hover a {-webkit-animation-name: hv_ac-float, hv_ac; animation-name: hv_ac-float, hv_ac; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } .title__280731__ .myung_ga_cnt a {padding:20px 5px; display:block;} .title__280731__ .myung_ga_cnt .ico {position:relative;} .title__280731__ .myung_ga_cnt .title, .title__280731__ .myung_ga_cnt .li_cnt_num {display:block; font-size:16px; font-weight:bold; font-family: S-CoreDream-5Medium; text-align:center; margin-bottom:7px;} .title__280731__ .myung_ga_cnt .li_cnt_num {position:absolute; top:0; width:100%; padding:18.5px 0; opacity:0; transition:0.3s; font-size:25px; color:#fff;} .title__280731__ .myung_ga_cnt li .ico {width:73px; height:73px; border-radius:50%; background-color:#3375be; overflow:hidden; margin:0 auto;} .title__280731__ .myung_ga_cnt li:nth-child(2n) .ico {background-color:#2b425b;} .title__280731__ .myung_ga_cnt .ico img {opacity:1; transition:0.3s;} .title__280731__ .myung_ga_cnt .ico:hover img {opacity:0;} .title__280731__ .myung_ga_cnt .ico:hover .li_cnt_num {opacity:1;} .title__280731__ .myung_ga_cnt_btn {display:block; border:1px solid #ddd; border-radius:5px; width:80px; height:36px; font-size:20px; text-align:center; margin-left:2%; background-color:#fff} .title__280731__ p { display:inline-block;position:relative;margin:0;padding:0; font-size:20px;font-weight:bold;color:#000000;letter-spacing:-.03em;line-height:1.4em; } .title__280731__ p:before {content:'';position:absolute;background:#d00000;font-size:0} .title__280731__.style_top p {padding-top:10px} .title__280731__.style_top p:before {top:0;left:0;width:20px;height:4px} .title__280731__.style_right p {padding-right:14px} .title__280731__.style_right p:before {top:16%;right:0;width:4px;height:20px} .title__280731__.style_bottom p {padding-bottom:12px} .title__280731__.style_bottom p:before {bottom:0;left:0;width:20px;height:4px} .title__280731__.style_left p {padding-left:14px} .title__280731__.style_left p:before {top:16%;left:0;width:4px;height:20px} .title__280731__.style_circle1 p {padding-left:18px} .title__280731__.style_circle1 p:before { top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%; } .title__280731__.style_circle2 p {padding-left:18px} .title__280731__.style_circle2 p:before { top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%; border:2px solid #d00000;background:none;box-sizing:border-box; } @media all and (max-width:768px){ .title__280731__ .myung_ga_cnt li {width:25%;} .title__280731__ .myung_ga_cnt li .ico {width:65px; height:65px;} .title__280731__ .myung_ga_cnt .li_cnt_num {padding:16px 0;} .title__280731__ .myung_ga_cnt {height:133px;} .title__280731__ .on .myung_ga_cnt {height:798px;} } @keyframes hv_ac { 0% { -webkit-transform: translateY(-16px); transform: translateY(-16px); } 50% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 100% { -webkit-transform: translateY(-16px); transform: translateY(-16px); } } @keyframes hv_ac-float { 100% { -webkit-transform: translateY(-16px); transform: translateY(-16px); } } /* 1001785 : 공백 */ .solid_line__1001785__ {box-sizing:border-box;display:block;position:relative;width:100%;height:50px} .solid_line__1001785__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__1001785__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1} @media all and (max-width:1023px){ .solid_line__1001785__ {height:30px} } /* 350519 : 이미지 */ .img__350519__ {max-width:100%} .img__350519__ * {box-sizing:border-box} .img__350519__ a {display:block;vertical-align:top} .img__350519__ img {width:px;vertical-align:top} @media all and (max-width:1023px){ .img__350519__ img {max-width:75%} } /* 350520 : 공백 */ .solid_line__350520__ {box-sizing:border-box;display:block;position:relative;width:100%;height:15px} .solid_line__350520__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__350520__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1} @media all and (max-width:1023px){ .solid_line__350520__ {height:0px} } /* 350521 : 타이틀 텍스트 */ .title__350521__ {font-size:0; position:relative; /*height:160px;*/} .title__350521__ .myung_ga_cnt_wrap {/*position:absolute;*/ top:0; z-index:10;} .title__350521__ .myung_ga_cnt {list-style:none; padding:0; margin:0; overflow:hidden; height:136px; transition:0.3s; } .title__350521__ .on .myung_ga_cnt {list-style:none; padding:0; margin:0; overflow:hidden; height:286px; transition:0.3s; background-color:#fff;} .title__350521__ span.btn {line-height:24px;} .title__350521__ span.btn i {font-size:30px;} .title__350521__ span.btn.open {display:block; padding:4px 0;} .title__350521__ span.btn.close {display:none;} .title__350521__ .on span.btn.close {display:block;} .title__350521__ .on span.btn.open {display:none;} .title__350521__ .myung_ga_cnt li {display:inline-block; width:9.34%; margin-right:-4px;} .title__350521__ .myung_ga_cnt li:hover a {-webkit-animation-name: hv_ac-float, hv_ac; animation-name: hv_ac-float, hv_ac; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } .title__350521__ .myung_ga_cnt a {padding:20px 5px; display:block;} .title__350521__ .myung_ga_cnt .title {display:block; font-size:16px; font-weight:bold; font-family: S-CoreDream-5Medium; text-align:center; margin-bottom:7px;} .title__350521__ .myung_ga_cnt .ico {position:relative;} .title__350521__ .myung_ga_cnt li .ico {width:73px; height:73px; border-radius:50%; background-color:#789a42; overflow:hidden; margin:0 auto;} .title__350521__ .myung_ga_cnt li:nth-child(2n) .ico {background-color:#75b2aa;} .title__350521__ .myung_ga_cnt .ico img {opacity:1; transition:0.3s;} .title__350521__ .myung_ga_cnt_btn {display:block; border:1px solid #ddd; border-radius:5px; width:80px; height:36px; font-size:20px; text-align:center; margin-left:2%; background-color:#fff} .title__350521__ p { display:inline-block;position:relative;margin:0;padding:0; font-size:20px;font-weight:bold;color:#000000;letter-spacing:-.03em;line-height:1.4em; } .title__350521__ p:before {content:'';position:absolute;background:#d00000;font-size:0} .title__350521__.style_top p {padding-top:10px} .title__350521__.style_top p:before {top:0;left:0;width:20px;height:4px} .title__350521__.style_right p {padding-right:14px} .title__350521__.style_right p:before {top:16%;right:0;width:4px;height:20px} .title__350521__.style_bottom p {padding-bottom:12px} .title__350521__.style_bottom p:before {bottom:0;left:0;width:20px;height:4px} .title__350521__.style_left p {padding-left:14px} .title__350521__.style_left p:before {top:16%;left:0;width:4px;height:20px} .title__350521__.style_circle1 p {padding-left:18px} .title__350521__.style_circle1 p:before { top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%; } .title__350521__.style_circle2 p {padding-left:18px} .title__350521__.style_circle2 p:before { top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%; border:2px solid #d00000;background:none;box-sizing:border-box; } @media all and (max-width:768px){ .title__350521__ .myung_ga_cnt li {width:25%;} .title__350521__ .myung_ga_cnt li .ico {width:65px; height:65px;} .title__350521__ .myung_ga_cnt {height:133px;} .title__350521__ .on .myung_ga_cnt {height:528px;} } @keyframes hv_ac { 0% { -webkit-transform: translateY(-16px); transform: translateY(-16px); } 50% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 100% { -webkit-transform: translateY(-16px); transform: translateY(-16px); } } @keyframes hv_ac-float { 100% { -webkit-transform: translateY(-16px); transform: translateY(-16px); } } /* 279529 : 공백 */ .solid_line__279529__ {box-sizing:border-box;display:block;position:relative;width:100%;height:50px} .solid_line__279529__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__279529__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1} @media all and (max-width:1023px){ .solid_line__279529__ {height:25px} } /* 279530 : 타이틀 텍스트 */ .title__279530__ {font-size:0} .title__279530__ p { font-family: 'S-CoreDream-3Light'; display:block;position:relative;margin:0;padding:0; text-align:center; font-size:20px;font-weight:normal;color:#000000;letter-spacing:-.03em;line-height:1.4em; } .title__279530__ p>strong {font-family: 'S-CoreDream-6Bold';} .title__279530__ p:before {content:'';position:absolute;background:#d00000;font-size:0} .title__279530__.style_top p {padding-top:10px} .title__279530__.style_top p:before {top:0;left:0;width:20px;height:4px} .title__279530__.style_right p {padding-right:14px} .title__279530__.style_right p:before {top:16%;right:0;width:4px;height:20px} .title__279530__.style_bottom p {padding-bottom:12px} .title__279530__.style_bottom p:before {bottom:0;left:0;width:20px;height:4px} .title__279530__.style_left p {padding-left:14px} .title__279530__.style_left p:before {top:16%;left:0;width:4px;height:20px} .title__279530__.style_circle1 p {padding-left:18px} .title__279530__.style_circle1 p:before { top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%; } .title__279530__.style_circle2 p {padding-left:18px} .title__279530__.style_circle2 p:before { top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%; border:2px solid #d00000;background:none;box-sizing:border-box; } @media all and (min-width:1024px){ .title__279530__ p {font-size:30px} .title__279530__.style_top p:before {width:30px} .title__279530__.style_right p:before {height:30px} .title__279530__.style_bottom p:before {width:30px} .title__279530__.style_left p:before {height:30px} } /* 279531 : 한줄 텍스트 */ .text__279531__ p { font-family: 'S-CoreDream-3Light'; display:block;margin:0;padding:0; text-align:center; font-size:17px;font-weight:normal;color:#444444;letter-spacing:0;line-height:1.5em; } .text__279531__ p a {color:#444444} @media all and (min-width:1024px){ .text__279531__ p {font-size:17px} } /* 280050 : 블록 설정 */ .block_option__280050__ {display:table;width:100%} .block_option__280050__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} .row__280050__ {display:table;width:100%;padding: 0 58px;} .row__280050__ > div {display:table-cell;vertical-align:middle;} .row__280050__ {position:relative;} .row__280050__:before {content:''; position:absolute; top:0; left:0; width:78px; height:23px; background:url("/img_up/shop_pds/appkorea248/design/app_img/bgsection1_1.png") no-repeat;} .row__280050__:after {content:''; position:absolute; top:0; right:0; width:104px; height:239px; background:url("/img_up/shop_pds/appkorea248/design/app_img/bgsection1_2.png") no-repeat;} @media (max-width:1023px){ .row__280050__ {} .row__280050__ {display:table;width:100%;padding: 0 15px;} } @media (min-width:1024px){ .row__280050__ {height: 400px; background: url("/img_up/shop_pds/appkorea248/design/app_img/download.png") 90px 350px no-repeat;} } /* 280045 : 맞춤게시판 - 슬라이드 (반응형) */ @font-face { font-family:'icomoon_slider'; src:url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.eot'); src:url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.eot?#iefix') format('embedded-opentype'), url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.woff') format('woff'), url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.ttf') format('truetype'), url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.svg#icomoon_slider') format('svg'); font-weight:normal; font-style:normal; } #my_location {position:relative; max-width:1600px; margin:0 auto; z-index:10;} #my_location a {display:inline-block; font-size:20px; font-family:S-CoreDream-5Medium; background-color:#fff; color:#3375be;} #my_location i {text-align:center; font-size:40px;} #my_location span {display:inline-block; margin:6px 0; vertical-align:top;} .pm-myboard_slide_responsive__280045__ {max-width:1600px;margin:0 auto;} .pm-myboard_slide_responsive__280045__ a {border:none} .pm-myboard_slide_responsive__280045__ a img {border:none} .pm-myboard_slide_responsive__280045__.owl-carousel .owl-stage-outer .owl-stage{padding-top:20px} .pm-myboard_slide_responsive__280045__ .item {position:relative;transition:margin 0.3s ease; margin:0 5px;} .pm-myboard_slide_responsive__280045__ .item a{display:block;overflow:hidden;position:relative;background:#fff} .pm-myboard_slide_responsive__280045__ .item:hover a{box-shadow: 0 2px 5px 2px rgba(0,0,0,0.4); animation:bounceUp 0.5s ease; -webkit-animation: bounceUp 0.5s ease;} .pm-myboard_slide_responsive__280045__ .item img {vertical-align:top} .pm-myboard_slide_responsive__280045__ .item span {display:block;overflow:hidden;line-height:40px;padding:0 20px;text-align:left;vertical-align:top;text-overflow:ellipsis;white-space:nowrap; font-size:17px; font-family:S-CoreDream-3Light;} .pm-myboard_slide_responsive__280045__ .item span i {margin-right:10px; font-size:20px; font-weight:bold;} .pm-myboard_slide_responsive__280045__ .item .subject {font-family: S-CoreDream-5Medium; font-size:20px; font-weight:bold; padding:20px;} .pm-myboard_slide_responsive__280045__ .item .tel {padding-top:30px;} .pm-myboard_slide_responsive__280045__ .item .time {padding-bottom:30px;} .pm-myboard_slide_responsive__280045__ .owl-nav {-webkit-tap-highlight-color:transparent} .pm-myboard_slide_responsive__280045__ .owl-nav [class*='owl-'] { position:absolute;top:50%;z-index:2;width:30px;height:30px;line-height:30px;margin-top:-15px;padding:10px 0; font-size:0;background:rgba(255, 255, 255, 0.7); } .pm-myboard_slide_responsive__280045__ .owl-nav [class*='owl-']:before{font-family:'icomoon_slider';font-size:30px;color:#4c4c4c} .pm-myboard_slide_responsive__280045__ .owl-nav [class*='owl-']:hover:before{color:#0655b4} .pm-myboard_slide_responsive__280045__ .owl-nav .owl-prev {left:0} .pm-myboard_slide_responsive__280045__ .owl-nav .owl-next {right:0} .pm-myboard_slide_responsive__280045__ .owl-nav .owl-prev:before {content:'\e600'} .pm-myboard_slide_responsive__280045__ .owl-nav .owl-next:before {content:'\e601'} .pm-myboard_slide_responsive__280045__ .owl-nav .disabled {opacity:0.5;cursor:default !important} .pm-myboard_slide_responsive__280045__ .owl-dots { position:absolute;left:0;width:100%;height:30px;padding:10px;font-size:0;box-sizing:border-box;text-align:center; } .pm-myboard_slide_responsive__280045__ .owl-dots .owl-dot {display:inline-block} .pm-myboard_slide_responsive__280045__ .owl-dots .owl-dot span { display:block;width:10px;height:10px;margin:0 3px; background:#ddd; transition:opacity 200ms ease; } .pm-myboard_slide_responsive__280045__ .owl-dots .owl-dot.active span, .pm-myboard_slide_responsive__280045__ .owl-dots .owl-dot:hover span {background:#999999} .pm-myboard_slide_responsive__280045__.empty__9610__ {font-size:13px;color:#363636;line-height:100px;text-align:center} .pm-myboard_slide_responsive__280045__ .cert_mark {position:absolute; top:90px; left:10px;} .pm-myboard_slide_responsive__280045__ .cert_mark img {display:inline-block; width:30px; margin-right:7px;} @media all and (max-width:768px) { .pm-myboard_slide_responsive__280045__ {max-width:300px;} .pm-myboard_slide_responsive__280045__ .item {box-shadow: 0 2px 5px 2px rgba(0,0,0,0.4); margin-bottom:5px;} .pm-myboard_slide_responsive__280045__ .item .subject {padding:10px 20px; font-size:15px;} .pm-myboard_slide_responsive__280045__ .item span {font-size:15px;} .pm-myboard_slide_responsive__280045__ .item .tel {padding-top:10px;} .pm-myboard_slide_responsive__280045__ .item .time {padding-bottom:10px;} .pm-myboard_slide_responsive__280045__ .cert_mark {top:70px;} .pm-myboard_slide_responsive__280045__ .owl-nav .owl-prev {left:-30px;} .pm-myboard_slide_responsive__280045__ .owl-nav .owl-next {right:-30px;} #my_location a {font-size:16px;} #my_location i {text-align:center; font-size:30px;} #my_location span {display:inline-block; margin:3.5px 0; vertical-align:top;} } @keyframes bounceUp { 0% {transform: translateY(0);} 50% {transform: translateY(-15px);} 100% {transform: translateY(0);} } @-webkit-keyframes bounceUp { 0% {-webkit-transform: translateY(0);} 50% {-webkit-transform: translateY(-15px);} 100% {-webkit-transform: translateY(0);} } /* 279537 : 공백 */ .solid_line__279537__ {box-sizing:border-box;display:block;position:relative;width:100%;height:100px} .solid_line__279537__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__279537__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1} @media all and (max-width:1023px){ .solid_line__279537__ {height:30px} } /* 1447235 : 블록 설정 */ .block_option__1447235__ {display:table;width:100%} .block_option__1447235__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} @media (max-width:1023px){ .row__1447235__ {display:none;} } @media (min-width:1024px){ .row__1447235__ {display:none;} } /* 280733 : 이미지 */ .img__280733__ {max-width:100%; padding-top:80px;} .img__280733__ * {box-sizing:border-box} .img__280733__ a {display:block;vertical-align:top} .img__280733__ img {width:px;vertical-align:top} .img__280733__ .img_wrap {width:20%; margin-right:-4px; float:left; text-align:left;} .img__280733__ .theme_tour_list {display:inline-block; list-style:none; padding:0; margin:0; width:80%;} .img__280733__ .theme_tour_list li {display:inline-block; width:25%; margin-right:-4px;} .img__280733__ .theme_tour_list span {display:block; font-family:S-CoreDream-3Light; font-size:20px;} .img__280733__ .theme_tour_list .title {font-size:35px; font-weight:bold; padding:5px 25px; font-family:S-CoreDream-5Medium;} .img__280733__ .theme_tour_list a .check_ico {display:none;} .img__280733__ .theme_tour_list a.on .title, .img__280733__ .theme_tour_list a:hover .title, .img__280733__ .theme_tour_list a:focus .title {color:#3375be;} .img__280733__ .theme_tour_list a.on .check_ico {display:inline-block;} .img__280733__ .theme_tour_list a.on .cont {display:none;} @media all and (max-width:1023px) { .img__280733__ .img_wrap {float:none; width:40%; margin-right:0; margin-bottom:20px;} .img__280733__ .theme_tour_list {width:100%;} .img__280733__ .theme_tour_list .title {padding:5px; font-size:20px;} .img__280733__ .theme_tour_list span {font-size:16px;} .img__280733__ .theme_tour_list span.cont {visibility:hidden;} } /* 280738 : 공백 */ .solid_line__280738__ {box-sizing:border-box;display:block;position:relative;width:100%;height:50px} .solid_line__280738__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__280738__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1} @media all and (max-width:1023px){ .solid_line__280738__ {height:25px} } /* 280734 : 이미지 */ $icomoon : '/img_up/shop_pds/aramskin/design/uf2smart97/icomoon/'; @font-face { font-family: 'icomoon'; src:url('#{$icomoon}icomoon.eot?asxbi'); src:url('#{$icomoon}icomoon.eot?asxbi#iefix') format('embedded-opentype'), url('#{$icomoon}icomoon.ttf?asxbi') format('truetype'), url('#{$icomoon}icomoon.woff?asxbi') format('woff'), url('#{$icomoon}icomoon.svg?asxbi#icomoon') format('svg'); font-weight: normal; font-style: normal; } .img__280734__ {max-width:100%; display:none; border: 1px solid #ddd;border-radius: 0 0 0 30px;} .img__280734__.on {display:block;} .img__280734__ * {box-sizing:border-box} .img__280734__ a {display:block;vertical-align:top} .img__280734__ .figure img{width:25%; margin-right:-4px; vertical-align:top; padding:10px 80px; border-radius:50%; transform:translateX(8px);} .img__280734__ .figure{display:table-cell;vertical-align:middle;width:25%; padding-top:50px;} .img__280734__ .caption_wrap{display:table;width:100%;padding:80px 60px 24px 70px;} .img__280734__ .caption_wrap:after{content:'';display:block;clear:both;} .img__280734__ .caption_wrap .caption{display:block;padding-right:15px;margin:0;width:100%;} .img__280734__ .caption_wrap .caption .title{position:relative; font-family: 'S-CoreDream-5Medium'; font-weight:bold; margin:0;padding:0;font-size:18px;color:#3d7199;} .img__280734__ .caption_wrap .caption span{display:block;font-size:15px; color:#3d7199;;} .img__280734__ .caption_wrap .caption span.desc{position:relative;margin-top:15px;padding-top:14px;color:#666; font-family:S-CoreDream-3Light; line-height:26px;} .img__280734__ .caption_wrap .btn_request{display:block; width:180px;} .img__280734__ .caption_wrap .btn_request span{margin-top:18px; border-radius: 30px; display:block;padding:15px;background:#3375be;font-size:14px;color:#fff;text-align:center;} .img__280734__ .caption_wrap .btn_request span:after{content:'\e916';display:block;width:16px;height:16px;line-height:16px;margin:10px auto 0 auto;border:1px solid #fff;border-radius:50%;font-size:12px;font-family:'icomoon';color:#fff;text-align:center;} @media all and (min-width:1024px){ .img__280734__ .figure{display:block; width:100%; padding-top:0px;} .img__280734__ .figure img {width:px;} /*.img__280734__ .caption_wrap{display:table-cell;vertical-align:middle;width:60%;}*/ .img__280734__ .caption_wrap .caption .title{display: inline-block; float: left; font-size:24px;} .img__280734__ .caption_wrap .caption:first-child span{font-size:15px; padding-top:10px; display:inline-block; padding-left:10px;} .img__280734__ .caption_wrap .caption span{font-size:18px;} .img__280734__ .caption_wrap .caption span.desc{display:block; padding:0px;font-size:17px;} .img__280734__ .caption_wrap .caption span.desc:before{width:46px;} .img__280734__ .caption_wrap .btn_request span{padding:10px 20px;font-size:16px;} .img__280734__ .caption_wrap .btn_request span:after{display:inline-block;width:18px;height:18px;line-height:18px;margin:0 0 0 10px;} } @media all and (max-width:1023px){ .img__280734__ {position:relative;} .img__280734__ .caption_wrap{display:table;width:100%;padding:80px 25px 24px;} .img__280734__ .figure {display:none;} .img__280734__ .figure img {padding:0;} .img__280734__ .caption_wrap .btn_request {width:120px;} .img__280734__ .caption_wrap .btn_request span:after {display:inline;} } /* 280787 : 이미지 */ $icomoon : '/img_up/shop_pds/aramskin/design/uf2smart97/icomoon/'; @font-face { font-family: 'icomoon'; src:url('#{$icomoon}icomoon.eot?asxbi'); src:url('#{$icomoon}icomoon.eot?asxbi#iefix') format('embedded-opentype'), url('#{$icomoon}icomoon.ttf?asxbi') format('truetype'), url('#{$icomoon}icomoon.woff?asxbi') format('woff'), url('#{$icomoon}icomoon.svg?asxbi#icomoon') format('svg'); font-weight: normal; font-style: normal; } .img__280787__ {max-width:100%; display:none; border:1px solid #ddd;border-radius: 0 0 0 30px;} .img__280787__.on {display:table;} .img__280787__ * {box-sizing:border-box} .img__280787__ a {display:block;vertical-align:top} .img__280787__ .figure img{width:100%;vertical-align:top; padding:30px; background-color:#fff; border-radius:50%; transform:translateX(8px);} .img__280787__ .caption_wrap{display:table;width:100%;padding:80px 60px 24px 70px;} .img__280787__ .caption_wrap:after{content:'';display:block;clear:both;} .img__280787__ .caption_wrap .caption{display:block;padding-right:15px;margin:0;width:100%;} .img__280787__ .caption_wrap .caption .title{position:relative; font-family: 'S-CoreDream-5Medium'; font-weight:bold; margin:0;padding:0;font-size:18px;color:#3d7199;} .img__280787__ .caption_wrap .caption span{display:block;font-size:15px; color:#3d7199;;} .img__280787__ .caption_wrap .caption span.desc{position:relative;margin-top:15px;padding-top:14px;color:#666; font-family:S-CoreDream-3Light; line-height:26px;} .img__280787__ .caption_wrap .btn_request{display:block; width:180px;} .img__280787__ .caption_wrap .btn_request span{margin-top:18px; border-radius: 30px; display:block;padding:15px;background:#3375be;font-size:14px;color:#fff;text-align:center;} .img__280787__ .caption_wrap .btn_request span:after{content:'\e916';display:block;width:16px;height:16px;line-height:16px;margin:10px auto 0 auto;border:1px solid #fff;border-radius:50%;font-size:12px;font-family:'icomoon';color:#fff;text-align:center;} @media all and (min-width:1024px){ .img__280787__{width: 100%;border: 1px solid #ddd;border-radius: 0 0 0 30px;} .img__280787__ .figure{display:table-cell;vertical-align:middle;width:25%; padding-top:50px;} .img__280787__ .figure img {width:px;} .img__280787__ .caption_wrap{display:table-cell;vertical-align:middle;width:60%;} .img__280787__ .caption_wrap .caption .title{display: inline-block; float: left; font-size:24px;} .img__280787__ .caption_wrap .caption:first-child span{font-size:15px; padding-top:10px; display:inline-block; padding-left:10px;} .img__280787__ .caption_wrap .caption span{font-size:18px;} .img__280787__ .caption_wrap .caption span.desc{display:block; padding:0px;font-size:17px;} .img__280787__ .caption_wrap .caption span.desc:before{width:46px;} .img__280787__ .caption_wrap .btn_request span{padding:10px 20px;font-size:16px;} .img__280787__ .caption_wrap .btn_request span:after{display:inline-block;width:18px;height:18px;line-height:18px;margin:0 0 0 10px;} } @media all and (max-width:1023px){ .img__280787__ {position:relative;} .img__280787__ .caption_wrap{display:table;width:100%;padding:80px 25px 24px;} .img__280787__ .figure {display:none;} .img__280787__ .figure img {padding:0;} .img__280787__ .caption_wrap .btn_request {width:120px;} .img__280787__ .caption_wrap .btn_request span:after {display:inline;} } /* 280788 : 이미지 */ $icomoon : '/img_up/shop_pds/aramskin/design/uf2smart97/icomoon/'; @font-face { font-family: 'icomoon'; src:url('#{$icomoon}icomoon.eot?asxbi'); src:url('#{$icomoon}icomoon.eot?asxbi#iefix') format('embedded-opentype'), url('#{$icomoon}icomoon.ttf?asxbi') format('truetype'), url('#{$icomoon}icomoon.woff?asxbi') format('woff'), url('#{$icomoon}icomoon.svg?asxbi#icomoon') format('svg'); font-weight: normal; font-style: normal; } .img__280788__ {max-width:100%; display:none; border:1px solid #ddd;border-radius: 0 0 0 30px;} .img__280788__.on {display:table;} .img__280788__ * {box-sizing:border-box} .img__280788__ a {display:block;vertical-align:top} .img__280788__ .figure img{width:100%;vertical-align:top; padding:30px; background-color:#fff; border-radius:50%; transform:translateX(8px);} .img__280788__ .caption_wrap{display:table;width:100%;padding:80px 60px 24px 70px;} .img__280788__ .caption_wrap:after{content:'';display:block;clear:both;} .img__280788__ .caption_wrap .caption{display:block;padding-right:15px;margin:0;width:100%;} .img__280788__ .caption_wrap .caption .title{position:relative; font-family: 'S-CoreDream-5Medium'; font-weight:bold; margin:0;padding:0;font-size:18px;color:#3d7199;} .img__280788__ .caption_wrap .caption span{display:block;font-size:15px; color:#3d7199;;} .img__280788__ .caption_wrap .caption span.desc{position:relative;margin-top:15px;padding-top:14px;color:#666; font-family:S-CoreDream-3Light; line-height:26px;} .img__280788__ .caption_wrap .btn_request{display:block; width:180px;} .img__280788__ .caption_wrap .btn_request span{margin-top:18px; border-radius: 30px; display:block;padding:15px;background:#3375be;font-size:14px;color:#fff;text-align:center;} .img__280788__ .caption_wrap .btn_request span:after{content:'\e916';display:block;width:16px;height:16px;line-height:16px;margin:10px auto 0 auto;border:1px solid #fff;border-radius:50%;font-size:12px;font-family:'icomoon';color:#fff;text-align:center;} @media all and (min-width:1024px){ .img__280788__{width: 100%;border: 1px solid #ddd;border-radius: 0 0 0 30px;} .img__280788__ .figure{display:table-cell;vertical-align:middle;width:25%; padding-top:50px;} .img__280788__ .figure img {width:px;} .img__280788__ .caption_wrap{display:table-cell;vertical-align:middle;width:60%;} .img__280788__ .caption_wrap .caption .title{display: inline-block; float: left; font-size:24px;} .img__280788__ .caption_wrap .caption:first-child span{font-size:15px; padding-top:10px; display:inline-block; padding-left:10px;} .img__280788__ .caption_wrap .caption span{font-size:18px;} .img__280788__ .caption_wrap .caption span.desc{display:block; padding:0px;font-size:17px;} .img__280788__ .caption_wrap .caption span.desc:before{width:46px;} .img__280788__ .caption_wrap .btn_request span{padding:10px 20px;font-size:16px;} .img__280788__ .caption_wrap .btn_request span:after{display:inline-block;width:18px;height:18px;line-height:18px;margin:0 0 0 10px;} } @media all and (max-width:1023px){ .img__280788__ {position:relative;} .img__280788__ .caption_wrap{display:table;width:100%;padding:80px 25px 24px;} .img__280788__ .figure {display:none;} .img__280788__ .figure img {padding:0;} .img__280788__ .caption_wrap .btn_request {width:120px;} .img__280788__ .caption_wrap .btn_request span:after {display:inline;} } /* 280789 : 이미지 */ $icomoon : '/img_up/shop_pds/aramskin/design/uf2smart97/icomoon/'; @font-face { font-family: 'icomoon'; src:url('#{$icomoon}icomoon.eot?asxbi'); src:url('#{$icomoon}icomoon.eot?asxbi#iefix') format('embedded-opentype'), url('#{$icomoon}icomoon.ttf?asxbi') format('truetype'), url('#{$icomoon}icomoon.woff?asxbi') format('woff'), url('#{$icomoon}icomoon.svg?asxbi#icomoon') format('svg'); font-weight: normal; font-style: normal; } .img__280789__ {max-width:100%; display:none; border:1px solid #ddd;border-radius: 0 0 0 30px;} .img__280789__.on {display:table;} .img__280789__ * {box-sizing:border-box} .img__280789__ a {display:block;vertical-align:top} .img__280789__ .figure img{width:100%;vertical-align:top; padding:30px; background-color:#fff; border-radius:50%; transform:translateX(8px);} .img__280789__ .caption_wrap{display:table;width:100%;padding:80px 60px 24px 70px;} .img__280789__ .caption_wrap:after{content:'';display:block;clear:both;} .img__280789__ .caption_wrap .caption{display:block;padding-right:15px;margin:0;width:100%;} .img__280789__ .caption_wrap .caption .title{position:relative; font-family: 'S-CoreDream-5Medium'; font-weight:bold; margin:0;padding:0;font-size:18px;color:#3d7199;} .img__280789__ .caption_wrap .caption span{display:block;font-size:15px; color:#3d7199;;} .img__280789__ .caption_wrap .caption span.desc{position:relative;margin-top:15px;padding-top:14px;color:#666; font-family:S-CoreDream-3Light; line-height:26px;} .img__280789__ .caption_wrap .btn_request{display:block; width:180px;} .img__280789__ .caption_wrap .btn_request span{margin-top:18px; border-radius: 30px; display:block;padding:15px;background:#3375be;font-size:14px;color:#fff;text-align:center;} .img__280789__ .caption_wrap .btn_request span:after{content:'\e916';display:block;width:16px;height:16px;line-height:16px;margin:10px auto 0 auto;border:1px solid #fff;border-radius:50%;font-size:12px;font-family:'icomoon';color:#fff;text-align:center;} @media all and (min-width:1024px){ .img__280789__{width: 100%;border: 1px solid #ddd;border-radius: 0 0 0 30px;} .img__280789__ .figure{display:table-cell;vertical-align:middle;width:25%; padding-top:50px;} .img__280789__ .figure img {width:px;} .img__280789__ .caption_wrap{display:table-cell;vertical-align:middle;width:60%;} .img__280789__ .caption_wrap .caption .title{display: inline-block; float: left; font-size:24px;} .img__280789__ .caption_wrap .caption:first-child span{font-size:15px; padding-top:10px; display:inline-block; padding-left:10px;} .img__280789__ .caption_wrap .caption span{font-size:18px;} .img__280789__ .caption_wrap .caption span.desc{display:block; padding:0px;font-size:17px;} .img__280789__ .caption_wrap .caption span.desc:before{width:46px;} .img__280789__ .caption_wrap .btn_request span{padding:10px 20px;font-size:16px;} .img__280789__ .caption_wrap .btn_request span:after{display:inline-block;width:18px;height:18px;line-height:18px;margin:0 0 0 10px;} } @media all and (max-width:1023px){ .img__280789__ {position:relative;} .img__280789__ .caption_wrap{display:table;width:100%;padding:80px 25px 24px;} .img__280789__ .figure {display:none;} .img__280789__ .figure img {padding:0;} .img__280789__ .caption_wrap .btn_request {width:120px;} .img__280789__ .caption_wrap .btn_request span:after {display:inline;} } /* 284226 : 공백 */ .solid_line__284226__ {box-sizing:border-box;display:block;position:relative;width:100%;height:30px} .solid_line__284226__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__284226__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1} @media all and (max-width:1023px){ .solid_line__284226__ {height:25px} } /* 1447245 : 블록 설정 */ .block_option__1447245__ {display:table;width:100%} .block_option__1447245__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} @media (max-width:1023px){ .row__1447245__ {display:none;} } @media (min-width:1024px){ .row__1447245__ {display:none;} } /* 284221 : 블록 설정 */ .block_option__284221__ {display:table;width:100%} .block_option__284221__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} @media (max-width:1023px){ .row__284221__ {} } @media (min-width:1024px){ .row__284221__ {} } /* ipad 미만 사이즈 */ @media (max-width:767px){ .row__284221__ .white-space > div {margin-top:-10px !important; margin-left:-10px !important;} .row__284221__ .col {padding-top:10px !important; padding-left:10px !important;} } /* 284222 : 이미지 (비율형) */ .img_ratio__284222__ {max-width:100%;vertical-align:top; border:1px solid #e5e5e5; transition:0.3s; border-radius:6px; background-color:#fafafa;} .img_ratio__284222__.active, .img_ratio__284222__:hover {border:1px solid #d5d5d5; box-shadow:1px 7px 7px 0px rgb(0 0 0 / 7%); background-color:#fff;} .img_ratio__284222__ * {box-sizing:border-box} .img_ratio__284222__ a {display:block;vertical-align:top; padding:30px;} .img_ratio__284222__ .img_wrap {position:relative; text-align:center; margin-bottom:20px;} .img_ratio__284222__ .img_wrap .title {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:90px; height:90px; background-color:#fff; border-radius:50%; line-height:90px; font-size:24px; font-family:S-CoreDream-5Medium} .img_ratio__284222__ .img_wrap .title span {position:relative;} .img_ratio__284222__ .img_wrap .title span:before, .img_ratio__284222__ .img_wrap .title span:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#000; opacity:0; transition:0.3s;} .img_ratio__284222__.active .img_wrap .title span:before, .img_ratio__284222__:hover .img_wrap .title span:before {opacity:1;} .img_ratio__284222__ img {width:60%;vertical-align:top} .img_ratio__284222__ .sub, .img_ratio__284222__ .cnt {display:block; text-align:center; font-size:17px; font-family:S-CoreDream-3Light} .img_ratio__284222__ .sub {margin-bottom:20px;} .img_ratio__284222__ .cnt {width:140px; margin:0 auto; font-size:15px; padding:6px 11px; color:#cb4910; border: 1px solid #e2e2e2; background-color:#fff;} @media all and (max-width:768px) { .img_ratio__284222__ a {padding:11px 5px;} .img_ratio__284222__ img {width:100%;} .img_ratio__284222__ .img_wrap .title {width:40px; height:40px; font-size:13px; line-height:10px; display:table;} .img_ratio__284222__ .img_wrap .title span {display:table-cell; vertical-align:middle;} .img_ratio__284222__ .img_wrap .title span:before {display:none;} .img_ratio__284222__ .sub {display:none;} .img_ratio__284222__ .cnt {width:auto; font-size:12px; padding:6px; word-break:keep-all;} } /* 284223 : 이미지 (비율형) */ .img_ratio__284223__ {max-width:100%;vertical-align:top; border:1px solid #e5e5e5; transition:0.3s; border-radius:6px; background-color:#fafafa;} .img_ratio__284223__.active, .img_ratio__284223__:hover {border:1px solid #d5d5d5; box-shadow:1px 7px 7px 0px rgb(0 0 0 / 7%); background-color:#fff;} .img_ratio__284223__ * {box-sizing:border-box} .img_ratio__284223__ a {display:block;vertical-align:top; padding:30px;} .img_ratio__284223__ .img_wrap {position:relative; text-align:center; margin-bottom:20px;} .img_ratio__284223__ .img_wrap .title {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:90px; height:90px; background-color:#fff; border-radius:50%; line-height:90px; font-size:24px; font-family:S-CoreDream-5Medium} .img_ratio__284223__ .img_wrap .title span {position:relative;} .img_ratio__284223__ .img_wrap .title span:before, .img_ratio__284223__ .img_wrap .title span:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#000; opacity:0; transition:0.3s;} .img_ratio__284223__.active .img_wrap .title span:before, .img_ratio__284223__:hover .img_wrap .title span:before {opacity:1;} .img_ratio__284223__ img {width:60%;vertical-align:top} .img_ratio__284223__ .sub, .img_ratio__284223__ .cnt {display:block; text-align:center; font-size:17px; font-family:S-CoreDream-3Light} .img_ratio__284223__ .sub {margin-bottom:20px;} .img_ratio__284223__ .cnt {width:140px; margin:0 auto; font-size:15px; padding:6px 11px; color:#cb4910; border: 1px solid #e2e2e2; background-color:#fff;} @media all and (max-width:768px) { .img_ratio__284223__ a {padding:11px 5px;} .img_ratio__284223__ img {width:100%;} .img_ratio__284223__ .img_wrap .title {width:40px; height:40px; font-size:13px; line-height:10px; display:table;} .img_ratio__284223__ .img_wrap .title span {display:table-cell; vertical-align:middle;} .img_ratio__284223__ .img_wrap .title span:before {display:none;} .img_ratio__284223__ .sub {display:none;} .img_ratio__284223__ .cnt {width:auto; font-size:12px; padding:6px; word-break:keep-all;} } /* 284224 : 이미지 (비율형) */ .img_ratio__284224__ {max-width:100%;vertical-align:top; border:1px solid #e5e5e5; transition:0.3s; border-radius:6px; background-color:#fafafa;} .img_ratio__284224__.active, .img_ratio__284224__:hover {border:1px solid #d5d5d5; box-shadow:1px 7px 7px 0px rgb(0 0 0 / 7%); background-color:#fff;} .img_ratio__284224__ * {box-sizing:border-box} .img_ratio__284224__ a {display:block;vertical-align:top; padding:30px;} .img_ratio__284224__ .img_wrap {position:relative; text-align:center; margin-bottom:20px;} .img_ratio__284224__ .img_wrap .title {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:90px; height:90px; background-color:#fff; border-radius:50%; line-height:90px; font-size:24px; font-family:S-CoreDream-5Medium} .img_ratio__284224__ .img_wrap .title span {position:relative;} .img_ratio__284224__ .img_wrap .title span:before, .img_ratio__284224__ .img_wrap .title span:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#000; opacity:0; transition:0.3s;} .img_ratio__284224__.active .img_wrap .title span:before, .img_ratio__284224__:hover .img_wrap .title span:before {opacity:1;} .img_ratio__284224__ img {width:60%;vertical-align:top} .img_ratio__284224__ .sub, .img_ratio__284224__ .cnt {display:block; text-align:center; font-size:17px; font-family:S-CoreDream-3Light} .img_ratio__284224__ .sub {margin-bottom:20px;} .img_ratio__284224__ .cnt {width:140px; margin:0 auto; font-size:15px; padding:6px 11px; color:#cb4910; border: 1px solid #e2e2e2; background-color:#fff;} @media all and (max-width:768px) { .img_ratio__284224__ a {padding:11px 5px;} .img_ratio__284224__ img {width:100%;} .img_ratio__284224__ .img_wrap .title {width:40px; height:40px; font-size:13px; line-height:10px; display:table;} .img_ratio__284224__ .img_wrap .title span {display:table-cell; vertical-align:middle;} .img_ratio__284224__ .img_wrap .title span:before {display:none;} .img_ratio__284224__ .sub {display:none;} .img_ratio__284224__ .cnt {width:auto; font-size:12px; padding:6px; word-break:keep-all;} } /* 284225 : 이미지 (비율형) */ .img_ratio__284225__ {max-width:100%;vertical-align:top; border:1px solid #e5e5e5; transition:0.3s; border-radius:6px; background-color:#fafafa;} .img_ratio__284225__.active, .img_ratio__284225__:hover {border:1px solid #d5d5d5; box-shadow:1px 7px 7px 0px rgb(0 0 0 / 7%); background-color:#fff;} .img_ratio__284225__ * {box-sizing:border-box} .img_ratio__284225__ a {display:block;vertical-align:top; padding:30px;} .img_ratio__284225__ .img_wrap {position:relative; text-align:center; margin-bottom:20px;} .img_ratio__284225__ .img_wrap .title {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:90px; height:90px; background-color:#fff; border-radius:50%; line-height:90px; font-size:24px; font-family:S-CoreDream-5Medium} .img_ratio__284225__ .img_wrap .title span {position:relative;} .img_ratio__284225__ .img_wrap .title span:before, .img_ratio__284225__ .img_wrap .title span:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#000; opacity:0; transition:0.3s;} .img_ratio__284225__.active .img_wrap .title span:before, .img_ratio__284225__:hover .img_wrap .title span:before {opacity:1;} .img_ratio__284225__ img {width:60%;vertical-align:top} .img_ratio__284225__ .sub, .img_ratio__284225__ .cnt {display:block; text-align:center; font-size:17px; font-family:S-CoreDream-3Light} .img_ratio__284225__ .sub {margin-bottom:20px;} .img_ratio__284225__ .cnt {width:140px; margin:0 auto; font-size:15px; padding:6px 11px; color:#cb4910; border: 1px solid #e2e2e2; background-color:#fff;} @media all and (max-width:768px) { .img_ratio__284225__ a {padding:11px 5px;} .img_ratio__284225__ img {width:100%;} .img_ratio__284225__ .img_wrap .title {width:40px; height:40px; font-size:13px; line-height:10px; display:table;} .img_ratio__284225__ .img_wrap .title span {display:table-cell; vertical-align:middle;} .img_ratio__284225__ .img_wrap .title span:before {display:none;} .img_ratio__284225__ .sub {display:none;} .img_ratio__284225__ .cnt {width:auto; font-size:12px; padding:6px; word-break:keep-all;} } /* 350142 : 블록 설정 */ .block_option__350142__ {display:table;width:100%} .block_option__350142__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} @media (max-width:1023px){ .row__350142__ {display:none;} } @media (min-width:1024px){ .row__350142__ {display:none;} } /* 280783 : 이미지 */ .img__280783__ {max-width:100%} .img__280783__ * {box-sizing:border-box} .img__280783__ a {display:block;vertical-align:top} .img__280783__ img {width:px;vertical-align:top} @media all and (max-width:1023px){ .img__280783__ img {max-width:75%} } /* 280784 : 공백 */ .solid_line__280784__ {box-sizing:border-box;display:block;position:relative;width:100%;height:15px} .solid_line__280784__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__280784__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1} @media all and (max-width:1023px){ .solid_line__280784__ {height:0px} } /* 280782 : 타이틀 텍스트 */ .title__280782__ {font-size:0; position:relative; /*height:160px;*/} .title__280782__ .myung_ga_cnt_wrap {/*position:absolute;*/ top:0; z-index:10;} .title__280782__ .myung_ga_cnt {list-style:none; padding:0; margin:0; overflow:hidden; height:136px; transition:0.3s; } .title__280782__ .on .myung_ga_cnt {list-style:none; padding:0; margin:0; overflow:hidden; height:286px; transition:0.3s; background-color:#fff;} .title__280782__ span.btn i {font-size:30px;} .title__280782__ span.btn {line-height:24px;} .title__280782__ span.btn.open {display:block; padding:4px 0;} .title__280782__ span.btn.close {display:none;} .title__280782__ .on span.btn.close {display:block;} .title__280782__ .on span.btn.open {display:none;} .title__280782__ .myung_ga_cnt li {display:inline-block; width:9.34%; margin-right:-4px;} .title__280782__ .myung_ga_cnt li:hover a {-webkit-animation-name: hv_ac-float, hv_ac; animation-name: hv_ac-float, hv_ac; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } .title__280782__ .myung_ga_cnt a {padding:20px 5px; display:block;} .title__280782__ .myung_ga_cnt .ico {position:relative;} .title__280782__ .myung_ga_cnt .title, .title__280782__ .myung_ga_cnt .li_cnt_num {display:block; font-size:16px; font-weight:bold; font-family: S-CoreDream-5Medium; text-align:center; margin-bottom:7px;} .title__280782__ .myung_ga_cnt .li_cnt_num {position:absolute; top:0; width:100%; padding:18.5px 0; opacity:0; transition:0.3s; font-size:25px; color:#fff;} .title__280782__ .myung_ga_cnt li .ico {width:73px; height:73px; border-radius:50%; background-color:#f3b700; overflow:hidden; margin:0 auto;} .title__280782__ .myung_ga_cnt li:nth-child(2n) .ico {background-color:#5d3927;} .title__280782__ .myung_ga_cnt .ico img {opacity:1; transition:0.3s;} .title__280782__ .myung_ga_cnt .ico:hover img {opacity:0;} .title__280782__ .myung_ga_cnt .ico:hover .li_cnt_num {opacity:1;} .title__280782__ .myung_ga_cnt_btn {display:block; border:1px solid #ddd; border-radius:5px; width:80px; height:36px; font-size:20px; text-align:center; margin-left:2%; background-color:#fff} .title__280782__ p { display:inline-block;position:relative;margin:0;padding:0; font-size:20px;font-weight:bold;color:#000000;letter-spacing:-.03em;line-height:1.4em; } @media all and (max-width:768px){ .title__280782__ .myung_ga_cnt li {width:25%;} .title__280782__ .myung_ga_cnt li .ico {width:65px; height:65px;} .title__280782__ .myung_ga_cnt .li_cnt_num {padding:16px 0;} .title__280782__ .myung_ga_cnt {height:133px;} .title__280782__ .on .myung_ga_cnt {height:798px;} } @keyframes hv_ac { 0% { -webkit-transform: translateY(-16px); transform: translateY(-16px); } 50% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 100% { -webkit-transform: translateY(-16px); transform: translateY(-16px); } } @keyframes hv_ac-float { 100% { -webkit-transform: translateY(-16px); transform: translateY(-16px); } } /* 1448815 : YouTube 동영상 플레이어 */ .block_wrapper_2893712 * {margin:0; padding:0; box-sizing:border-box;} .block_wrapper_2893712 {display:flex; gap:20px; padding:75px 0;} .block_wrapper_2893712 .player__1448815__ {width:64%;} .block_wrapper_2893712 .banner__1448835__ {width:36%; display:flex; flex-direction:column; justify-content:center;} .block_wrapper_2893712 .banner__1448835__ > div {font-size:0;} .block_wrapper_2893712 .banner__1448835__ > div > a {font-size:0;} .block_wrapper_2893712 .banner__1448835__ > div > a > img {width:100%;} /* farm */ .farm__1448815__ {display:table;width:100%} .farm__1448815__ p {display:table-cell;height:200px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} /* player */ .player__1448815__ {display:block;overflow:hidden;position:relative;height:0;padding:0} .player__1448815__ .player-item, .player__1448815__ iframe, .player__1448815__ embed, .player__1448815__ object, .player__1448815__ video {position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0} .player__1448815__.player-16by9 {padding-bottom:56.25%} .player__1448815__.player-4by3 {padding-bottom:32%} @media all and (max-width:1024px){ .block_wrapper_2893712 {padding:50px 0; flex-direction:column;} .block_wrapper_2893712 .player__1448815__ {width:100%;} .player__1448815__.player-4by3 {padding-bottom:60%;} .block_wrapper_2893712 .banner__1448835__ {width:100%;} } /* 280060 : 공백 */ .solid_line__280060__ {box-sizing:border-box;display:block;position:relative;width:100%;height:10px} .solid_line__280060__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__280060__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1} @media all and (max-width:1023px){ .solid_line__280060__ {height:5px} } /* 281230 : 블록 설정 */ .block_option__281230__ {display:table;width:100%} .block_option__281230__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle} .row__281230__ .keyword_list {list-style:none; margin:0; padding:0; overflow:hidden; transition:0.3s;} .row__281230__ .keyword_list li {display:inline-block;} .row__281230__ .keyword_list li {border:1px solid #d8d7d7; border-radius:5px; padding:10px 15px; margin:0 10px 10px 0;} .row__281230__ .keyword_list li:hover {border-color:#000;} .row__281230__ .keyword_list li a {font-size:18px; font-famlily:S-CoreDream-3Light} .row__281230__ .keyword_list_btn {display:block; border:1px solid #ddd; border-radius:5px; width:80px; height:36px; font-size:20px; text-align:center; margin-top:10px; background-color:#fff} .row__281230__ .keyword_list_btn span {line-height:32px;} .row__281230__ .keyword_list_btn .btn.close {display:none;} .row__281230__.on .keyword_list_btn .btn.close {display:block;} .row__281230__.on .keyword_list_btn .btn.open {display:none;} @media (max-width:1023px){ .row__281230__ {} .row__281230__ .keyword_list li a {font-size:13px;} } /* 281235 : 공백 */ .solid_line__281235__ {box-sizing:border-box;display:block;position:relative;width:100%;height:100px} .solid_line__281235__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__281235__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1} @media all and (max-width:1023px){ .solid_line__281235__ {height:40px} } /* 280095 : 이미지 슬라이드 + 텍스트 (기본형) */ @font-face{ font-family: 'icomoon_slider'; src: url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.eot'); src: url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.eot?#iefix') format('embedded-opentype'), url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.woff') format('woff'), url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.ttf') format('truetype'), url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.svg#icomoon_slider') format('svg'); font-weight: normal; font-style: normal; } .pm-slide_basic__280095__{max-width:100%px;margin:0 auto;} .pm-slide_basic__280095__.slide_zindex .owl-item{z-index:1;} .pm-slide_basic__280095__ .item{display:table;position:relative;width:100%;table-layout:fixed; background:#3872b9;} .pm-slide_basic__280095__ .item .caption{display:inline-block;width:50%;padding:30px;box-sizing:border-box; color:#ffffff;vertical-align:middle;} .pm-slide_basic__280095__ .item .caption .subject {display:block; font-family: S-CoreDream-3Light; font-size:20px;} .pm-slide_basic__280095__ .item .caption .camera_ico {width:auto; margin:25px 0;} .pm-slide_basic__280095__ .item .caption span.banner_title{display:block;line-height: 33px;margin-bottom:15px;font-size: 24px;letter-spacing:-0.03em; font-family: S-CoreDream-5Medium;} .pm-slide_basic__280095__ .item .caption span.banner_text{display:block;line-height:24px;margin-bottom:20px;font-size:17px;letter-spacing:-0.03em; font-family: S-CoreDream-3Light;} .pm-slide_basic__280095__ .item .caption a{background: url('/img_up/shop_pds/appkorea248/design/app_img/travel_cursor.png') no-repeat left bottom;float: right;display: block;position: relative;line-height: 25px;padding: 0px;color: rgb(255, 255, 255);font-weight: bold;font-size: 14px;padding-right: 40px;text-decoration: none;transition: color 0.3s ease 0s, background 0.3s ease 0s;text-align: left; font-family:S-CoreDream-3Light;} .pm-slide_basic__280095__ .item .owl_img_wrap{display:inline-block; width:50%; vertical-align:middle; margin-right:-4px;} .pm-slide_basic__280095__ .item .owl_img_wrap img{height: 100%; border:none;vertical-align:top;} .pm-slide_basic__280095__ .owl-nav [class*='owl-']{position:absolute;top:50%;z-index:2;width:30px;height:30px;line-height:30px;margin-top:-15px;font-size:0;cursor:pointer;opacity:0.7;-webkit-tap-highlight-color:transparent;} .pm-slide_basic__280095__ .owl-nav [class*='owl-']:before{font-family:'icomoon_slider';font-size:30px;font-weight:bold;color:#666;} .pm-slide_basic__280095__ .owl-nav [class*='owl-']:hover{opacity:1;} .pm-slide_basic__280095__ .owl-nav .owl-prev{left:2px;} .pm-slide_basic__280095__ .owl-nav .owl-next{right:2px;} .pm-slide_basic__280095__ .owl-nav .owl-prev:before{content:'\e600';} .pm-slide_basic__280095__ .owl-nav .owl-next:before{content:'\e601';} .pm-slide_basic__280095__ .owl-nav .disabled{opacity:0.5;cursor:default;} .pm-slide_basic__280095__ .owl-dots{position:absolute;left:0;bottom:0;width:100%;height:30px;padding:10px;font-size:0;box-sizing:border-box;text-align:center;} .pm-slide_basic__280095__ .owl-dots .owl-dot{display:inline-block;} .pm-slide_basic__280095__ .owl-dots .owl-dot span{display:block;width:10px;height:10px;margin:0 3px;background:#fff;border-radius:50%;} .pm-slide_basic__280095__ .owl-dots .owl-dot.active span, .pm-slide_basic__280095__ .owl-dots .owl-dot:hover span{background:#000000;} .pm-slide_basic__280095__.empty__280095__{padding:30px 10px;font-size:13px;text-align:center;} .pm-slide_basic__280095__.build_edit_mode .item{display:none;} .pm-slide_basic__280095__.build_edit_mode .item:first-child{display:block;} @media (min-width:1200px){ .pm-slide_basic__280095__ .owl-nav [class*="owl-"] {background: #000 !important;} .pm-slide_basic__280095__ .owl-nav [class*="owl-"]:before {font-size:15px; padding:10px; color:#fff; } .pm-slide_basic__280095__ .owl-nav [class*="owl-"] {width: 65px; height: 65px; top:100%; bottom: 0;} .pm-slide_basic__280095__ .owl-nav .owl-prev{left:50%; margin-left:-65px; margin-top:-65px;} .pm-slide_basic__280095__ .owl-nav .owl-next{left:50%; margin-top:-65px;} } @media (max-width:1023px){ .pm-slide_basic__280095__ .item .caption{padding:20px 20px 20px 30px;} .pm-slide_basic__280095__ .item .caption span.banner_title{display:block;line-height:26px;margin-bottom:15px;font-size:20px;font-weight:bold;} .pm-slide_basic__280095__ .item .caption span.banner_text{display:block;line-height:20px;margin-bottom:15px;font-size:14px;} .pm-slide_basic__280095__ .item .caption a{line-height:30px;padding:0 20px;font-size:13px;} .pm-slide_basic__280095__ .owl-nav {display:none;} } @media (max-width:767px){ .pm-slide_basic__280095__ .item .caption{display:block;width:100%;padding:50px; 20px;vertical-align:top;} .pm-slide_basic__280095__ .item .owl_img_wrap{display:block;width:100%;vertical-align:top;} } /* 280094 : 공백 */ .solid_line__280094__ {box-sizing:border-box;display:block;position:relative;width:100%;height:50px} .solid_line__280094__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__280094__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1} @media all and (max-width:1023px){ .solid_line__280094__ {height:25px} } /* 280090 : 최근 게시글 탭 - 목록형 */ .pm-board_tab_list___280090__ {display:block} .pm-board_tab_list___280090__ .tab-wrap { position: relative; width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch} .pm-board_tab_list___280090__ .tab-wrap .move_to_board {position:absolute; top:50%; transform:translateY(-50%); right:0; width:25px; height:25px; border-radius:50%; background-color:#999; transition:0.3s;} .pm-board_tab_list___280090__ .tab-wrap .move_to_board:before {content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:60%; height:1px; background-color:#fff; transition:0.3s;} .pm-board_tab_list___280090__ .tab-wrap .move_to_board:after {content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:1px; height:60%; background-color:#fff; transition:0.3s;} .pm-board_tab_list___280090__ .tab-btn {display:table;width:60%;margin:0;padding:0;list-style-type:none;} .pm-board_tab_list___280090__ .tab-btn > li > a{position: relative;} .pm-board_tab_list___280090__ .tab-wrap:before {content:''; display:block; width:100%; height:1px; background:#222; position:absolute; left:0; bottom:0px;} .pm-board_tab_list___280090__ .tab-btn > li.on a {font-size:19px;} .pm-board_tab_list___280090__ .tab-btn > li.on a:before {content:''; display:block; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:0px;} .pm-board_tab_list___280090__ .tab-btn > li {display:table-cell} .pm-board_tab_list___280090__ .tab-btn > li > a { display:block;padding:11px 8px; font-size:17px;font-weight:bold;color:#9b9b9b;text-align:center;white-space:nowrap; } .pm-board_tab_list___280090__ .tab-btn > li.on > a, .pm-board_tab_list___280090__ .tab-btn > li:hover > a { border: 1px solid #000; border-bottom: none; color: #000; } .pm-board_tab_list___280090__ .tab-btn > li:first-child > a {} .pm-board_tab_list___280090__ .tab-btn.tab_col2 > li {width:50%} .pm-board_tab_list___280090__ .tab-btn.tab_col3 > li { width:33.3333%} .pm-board_tab_list___280090__ .tab-btn.tab_col4 > li {width:25%} .pm-board_tab_list___280090__ .tab-btn.tab_col5 > li {width:20%} .pm-board_tab_list___280090__ .tab-btn.tab_col6 > li {width:16.6666%} .pm-board_tab_list___280090__ .tab-cont {display:none;padding:15px 10px; border-top:none;background:#ffffff} .pm-board_tab_list___280090__ .tab-cont.on {display:block} .pm-board_tab_list___280090__ .tab-cont ul {margin:0;padding:0;list-style:none} .pm-board_tab_list___280090__ .tab-cont ul li {font-size:14px;line-height:27px;} .pm-board_tab_list___280090__ .tab-cont a {display:block} .pm-board_tab_list___280090__ .tab-cont a dl {position:relative;margin:0;padding:0} .pm-board_tab_list___280090__ .tab-cont a dl dt {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333} .pm-board_tab_list___280090__ .tab-cont a dl dt .bullet {display:inline-block;width:10px;text-align:center} .pm-board_tab_list___280090__ .tab-cont a dl dt .bullet:before {content:'·'} .pm-board_tab_list___280090__ .tab-cont a:hover dt {text-decoration:underline;} .pm-board_tab_list___280090__ .tab-cont .bd_blank {border-bottom-color:transparent} .pm-board_tab_list___280090__ .tab-cont .bd_blank span {display:block;color:#333} .pm-board_tab_list___280090__ .tab-cont .comment {font-weight:normal;color:#d00000} .pm-board_tab_list___280090__ .tab-cont .new_icon {margin-left:5px} .pm-board_tab_list___280090__ .tab-cont .bd_empty {font-size:13px;color:#666;text-align:center} .pm-board_tab_list___280090__ .tab-cont.date_show a dl {padding-right:110px} .pm-board_tab_list___280090__ .tab-cont.date_show a dl dd {position:absolute;right:0;top:0;margin:0;font-size:12px;font-family:Arial;color:#888} .pm-board_tab_list___280090__ .tab-cont.date_show a dl dd .bd_name {display:none;padding-right:6px;font-size:12px} .pm-board_tab_list___280090__ .tab-cont.date_show a dl dd .bd_date {display:inline-block;position:relative;padding-left:6px;font-size:12px} .pm-board_tab_list___280090__ .tab-cont.date_show a dl dd .bd_date:before {content:'';position:absolute;top:0;bottom:0;left:0;width:1px;height:8px;margin:auto;} @media (min-width:1024px){ .pm-board_tab_list___280090__ .tab-cont {padding:22px 20px} } @media (max-width:1023px){ .pm-board_tab_list___280090__ .tab-btn > li > a {font-size:15px;} .pm-board_tab_list___280090__ .tab-btn > li.on a {font-size:14px; border-bottom:1px solid #fff;} .pm-board_tab_list___280090__ .bd_blank {display:none;} } /* 280759 : 이미지 (비율형) */ .img_ratio__280759__ {max-width:100%;vertical-align:top;} .img_ratio__280759__ .img_wrap {display:inline-block;width:50%; margin-right:-4px;} .img_ratio__280759__ .img_wrap:nth-child(1) {padding-right:10px;} .img_ratio__280759__ .img_wrap:nth-child(2) {padding-left:10px;} .img_ratio__280759__ * {box-sizing:border-box} .img_ratio__280759__ a {display:block; position:relative; vertical-align:top; overflow:hidden;} .img_ratio__280759__ img {width:100%;vertical-align:top} .img_ratio__280759__ a:before, .img_ratio__280759__ a:after, .img_ratio__280759__ .figure:before, .img_ratio__280759__ .figure:after {content:''; position:absolute; z-index:100; -webkit-box-sizing:content-box; box-sizing:content-box; -webkit-transition: all .4s; transition: all .4s; -webkit-transition-delay:0s; transition-delay:0s;} .img_ratio__280759__ a:before {left: 0;top: 0;height: 3px;right: 100%;background: -webkit-gradient(linear, left top, right top, from(transparent), to(#983b49));background: linear-gradient(to right, transparent, #8b2332);} .img_ratio__280759__ a:after { top: 0; right: 0; width: 3px; bottom: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000)); background: linear-gradient(#983b49, transparent); } .img_ratio__280759__ .figure:before { right: 0; bottom: 0; height: 3px; left: 100%; background: -webkit-gradient(linear, left top, right top, from(#a34f5c), to(transparent)); background: linear-gradient(to right, #a34f5c, transparent); } .img_ratio__280759__ .figure:after { top: 100%; left:0; width: 3px; bottom: 0; background: linear-gradient(transparent, #a34f5c); } .img_ratio__280759__ .figure img {-webkit-transition: all ease 1s; transition: all ease 1s;} .img_ratio__280759__ a:hover:before, .img_ratio__280759__ a:hover:after, .img_ratio__280759__ a:hover .figure:before, .img_ratio__280759__ a:hover .figure:after {-webkit-transition: all .2s; transition: all .2s; -webkit-transition-delay:0s; transition-delay:0s;} /* 띠색 수정 */ .img_ratio__280759__ a:hover:before {right: 0;background: linear-gradient(to right, #8b2332, #8b2332);} .img_ratio__280759__ a:hover:after {bottom:0;background: linear-gradient(#983b49, #983b49);} .img_ratio__280759__ a:hover .figure:before {left:0;background: linear-gradient(to right, #a34f5c, #a34f5c);} .img_ratio__280759__ a:hover .figure:after {top: 0;background: linear-gradient(#a34f5c, #a34f5c);} /* 띠색 수정 */ .img_ratio__280759__ a:hover .figure img {-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);} /* 284201 : 공백 */ .solid_line__284201__ {box-sizing:border-box;display:block;position:relative;width:100%;height:10px} .solid_line__284201__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__284201__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1} @media all and (max-width:1023px){ .solid_line__284201__ {height:10px} } /* 280761 : 공백 */ .solid_line__280761__ {box-sizing:border-box;display:block;position:relative;width:100%;height:20px} .solid_line__280761__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__280761__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1} @media all and (max-width:1023px){ .solid_line__280761__ {height:15px} } /* 280760 : 이미지 (비율형) */ .img_ratio__280760__ {max-width:100%;vertical-align:top;} .img_ratio__280760__ .img_wrap {display:block;width:100%;} .img_ratio__280760__ * {box-sizing:border-box} .img_ratio__280760__ a {display:block; position:relative; vertical-align:top; overflow:hidden;} .img_ratio__280760__ img {width:100%;vertical-align:top} .img_ratio__280760__ a:before, .img_ratio__280760__ a:after, .img_ratio__280760__ .figure:before, .img_ratio__280760__ .figure:after {content:''; position:absolute; z-index:100; -webkit-box-sizing:content-box; box-sizing:content-box; -webkit-transition: all .4s; transition: all .4s; -webkit-transition-delay:0s; transition-delay:0s;} .img_ratio__280760__ a:before {left: 0;top: 0;height: 3px;right: 100%;background: -webkit-gradient(linear, left top, right top, from(transparent), to(#983b49));background: linear-gradient(to right, transparent, #8b2332);} .img_ratio__280760__ a:after { top: 0; right: 0; width: 3px; bottom: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000)); background: linear-gradient(#983b49, transparent); } .img_ratio__280760__ .figure:before { right: 0; bottom: 0; height: 3px; left: 100%; background: -webkit-gradient(linear, left top, right top, from(#a34f5c), to(transparent)); background: linear-gradient(to right, #a34f5c, transparent); } .img_ratio__280760__ .figure:after { top: 100%; left:0; width: 3px; bottom: 0; background: linear-gradient(transparent, #a34f5c); } .img_ratio__280760__ .figure img {-webkit-transition: all ease 1s; transition: all ease 1s;} .img_ratio__280760__ a:hover:before, .img_ratio__280760__ a:hover:after, .img_ratio__280760__ a:hover .figure:before, .img_ratio__280760__ a:hover .figure:after {-webkit-transition: all .2s; transition: all .2s; -webkit-transition-delay:0s; transition-delay:0s;} .img_ratio__280760__ a:hover:before {right: 0;background: linear-gradient(to right, #8b2332, #8b2332);} .img_ratio__280760__ a:hover:after {bottom:0;background: linear-gradient(#983b49, #983b49);} .img_ratio__280760__ a:hover .figure:before {left:0;background: linear-gradient(to right, #a34f5c, #a34f5c);} .img_ratio__280760__ a:hover .figure:after {top: 0;background: linear-gradient(#a34f5c, #a34f5c);} .img_ratio__280760__ a:hover .figure img {-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);} /* 350304 : 공백 */ .solid_line__350304__ {box-sizing:border-box;display:block;position:relative;width:100%;height:50px} .solid_line__350304__.build_edit_mode {min-height:10px;border:1px dashed red} .solid_line__350304__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1} @media all and (max-width:1023px){ .solid_line__350304__ {height:25px} } /* 350301 : 이미지 슬라이드 (반응형) */ @font-face { font-family:'icomoon_slider'; src:url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.eot'); src:url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.eot?#iefix') format('embedded-opentype'), url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.woff') format('woff'), url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.ttf') format('truetype'), url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.svg#icomoon_slider') format('svg'); font-weight:normal; font-style:normal; } .pm-banner_slide_responsive__350301__ { position:relative; max-width:1600px; margin:0 auto; padding-right:100px; box-sizing:border-box; } .pm-banner_slide_responsive__350301__ a {display:block;border:none} .pm-banner_slide_responsive__350301__ a img {border:none} .pm-banner_slide_responsive__350301__ .item {position:relative} .pm-banner_slide_responsive__350301__ .item img {vertical-align:top} .pm-banner_slide_responsive__350301__ .owl-nav {-webkit-tap-highlight-color:transparent} .pm-banner_slide_responsive__350301__ .owl-nav [class*='owl-'] {position:absolute;top:50%;z-index:2;width:30px;height:30px;line-height:30px;margin-top:-15px;font-size:0;opacity:0.7} .pm-banner_slide_responsive__350301__ .owl-nav [class*='owl-']:before {font-family:'icomoon_slider';font-size:30px;font-weight:bold;color:#fff} .pm-banner_slide_responsive__350301__ .owl-nav [class*='owl-']:hover {opacity:1} .pm-banner_slide_responsive__350301__ .owl-nav .owl-prev {left:2px} .pm-banner_slide_responsive__350301__ .owl-nav .owl-next {right:2px} .pm-banner_slide_responsive__350301__ .owl-nav .owl-prev:before {content:'\e600'} .pm-banner_slide_responsive__350301__ .owl-nav .owl-next:before {content:'\e601'} .pm-banner_slide_responsive__350301__ .owl-nav .disabled {opacity:0.5;cursor:default !important} .pm-banner_slide_responsive__350301__ .owl-dots {position:absolute;left:0;width:100%;height:30px;padding:10px;font-size:0;box-sizing:border-box;text-align:center} .pm-banner_slide_responsive__350301__ .owl-dots .owl-dot {display:inline-block} .pm-banner_slide_responsive__350301__ .owl-dots .owl-dot span {display:block;width:10px;height:10px;margin:0 3px;background:#ddd;border-radius:30px;transition:opacity 200ms ease} .pm-banner_slide_responsive__350301__ .owl-dots .owl-dot.active span, .pm-banner_slide_responsive__350301__ .owl-dots .owl-dot:hover span {background:#999999} .pm-banner_slide_responsive__350301__.empty__350301__ {padding:30px 10px;font-size:13px;text-align:center} .pm-banner_slide_responsive__350301__ .owl-nav.disabled { display:block; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { border:1px solid #ddd; } .pm-banner_slide_responsive__350301__ .owl-nav { position:absolute; top:0; right:0; height:100%;} .pm-banner_slide_responsive__350301__ .owl-nav [class*='owl-'] { position:unset; top:unset; left:unset !important; margin-top:0; width:40px; height:100%;} .pm-banner_slide_responsive__350301__ .owl-nav [class*='owl-']:last-child { margin-left:7px; } .pm-banner_slide_responsive__350301__ .owl-nav [class*='owl-']:before { color:#555; font-size:17px; } @media all and (max-width:768px) { .pm-banner_slide_responsive__350301__ { padding:0; } .pm-banner_slide_responsive__350301__ .owl-dots, .pm-banner_slide_responsive__350301__ .owl-nav { display:none; } }