@charset "utf-8"; /*─────────────────────────────────────────────────────────── header, footer, main 관련 작성 css 파일입니다. ** 이와 서브페이지 관련 css는 /css/sub.css 에 있습니다. ───────────────────────────────────────────────────────────*/ /*─────────────────────────────────────────────────────────── layout common ───────────────────────────────────────────────────────────*/ body{background:#faf4f0; top:auto !important;} #wrap {position:relative;height:100%;width:768px;margin:0 auto;padding:0;background:#fff;overflow:hidden;} /* #header 와 #container, #footer 전체 감싸는 영역 */ #wrap #header {width:100%;margin:0;overflow: visible;border-bottom:1px solid #ddd;box-sizing:border-box;position: relative;z-index: 9;} #wrap.main_index #header{border:none;} #wrap #container {width:100%;margin:0;padding:0;box-sizing:border-box;} #wrap #footer {width:100%;margin:0;} /* #container 안의 레이아웃 */ #contents_wrap {width:100%;margin:0 auto;padding:0;position:relative;z-index:1;box-sizing:border-box;} /* #container 안의 컨텐츠 감싸는 영역 */ #contents_wrap #side_box {width:100%;padding:110px 0 0 0;box-sizing:border-box;} /* lnb 감싸는 영역 */ #contents_wrap #contents_box {width:100%;padding:110px 0 7.2% 0;box-sizing:border-box;} /* 컨텐츠를 감싸는 영역 */ #contents_wrap #side_box + #contents_box {padding-top:0;} /* lnb와 컨텐츠가 float 일때 사이즈 재설정 */ /* navigation layout */ #contents_wrap .nav_wrap {box-sizing:border-box;} /* #content */ #content {width:100%;margin:0;padding:0;text-align:left;box-sizing:border-box;padding:0 30px;} /* navigation 을 제외한 컨텐츠 */ .main_index #content{padding:0;} #content .sub_content{width:100%;margin:0 auto;background:#fff;box-sizing:border-box;} #content .sub_content:after {clear:both;content:"";display:block;} /* 컨텐츠 전체 가로 사이즈 */ @media only screen and (max-width:1366px) { } @media only screen and (max-width:1217px) { body.on {height:100%;overflow:hidden;} } @media only screen and (max-width:640px) { #content{padding:0 15px;} } /*─────────────────────────────────────────────────────────── 메인 상품 진열 ───────────────────────────────────────────────────────────*/ /* 메인상품진열 - 공통 */ .main .list_cont {} .main .list_cont ul {font-size:0;width:calc(100% + 15px);margin-left:-15px;} .main .list_cont ul li {display:inline-block;margin-left:15px;vertical-align:top;} .main .list_cont ul li a {display:block;height:100%;} .main .list_cont ul li .thumb {} .main .list_cont ul li .thumb img {max-width:100%;width:100%;} .main .list_cont ul li .info {} .main .list_cont ul li .info p {color:#333;line-height:1.2;} .main .list_cont ul li .info .name {font-size:14px;} /* 메인상품진열 - 갤러리형 */ .main .list_Galleryform {} .main .list_Galleryform ul {text-align:left;} .main .list_Galleryform ul li {width:calc(25% - 15px);} .main .list_Galleryform ul li:nth-of-type(n+5) {margin-top:40px;} .main .list_Galleryform ul li .thumb {} .main .list_Galleryform ul li .thumb img {} .main .list_Galleryform ul li .info {margin-top:10px;} .main .list_Galleryform ul li .info p {} .main .list_Galleryform ul li .info .name {} /* 메인상품진열 - 리스트형 */ .main .list_Listform {} .main .list_Listform ul {} .main .list_Listform ul li {width:calc(50% - 15px);} .main .list_Listform ul li a {width:100%;display:table;} .main .list_Listform ul li:nth-of-type(n+3) {margin-top:40px;} .main .list_Listform ul li .thumb, .main .list_Listform ul li .info {display:table-cell;vertical-align:middle;width:50%;box-sizing:border-box;} .main .list_Listform ul li .thumb {} .main .list_Listform ul li .thumb img {} .main .list_Listform ul li .info {border:1px solid #ddd;padding:0 15px;} .main .list_Listform ul li .info p {} .main .list_Listform ul li .info .name {} @media only screen and (max-width:860px) { /* 메인상품진열 - 갤러리형 */ .main .list_Galleryform ul li {width:calc(50% - 15px);} .main .list_Galleryform ul li:nth-of-type(n+3) {margin-top:40px;} /* 메인상품진열 - 리스트형 */ .main .list_Listform ul li {width:calc(100% - 15px);} .main .list_Listform ul li:nth-of-type(n+2) {margin-top:40px;} } /*─────────────────────────────────────────────────────────── sub custom ───────────────────────────────────────────────────────────*/ /*** company/history (연혁) ***/ /* 연도 */ .sub_history.history1 .history_box .his_year .year strong {background:#4aabe6;} /* 원 */.sub_history.history1 .history_box .his_year .year::before {background-color:#4aabe6;} /* 삼각형 */.sub_history.history1 .history_box .his_year .year strong::after {border-bottom:12px solid #4aabe6;border-color:#4aabe6 !important;} /*** company/history2 (연혁2) ***/ /* 연도 */ .sub_history.history2 .history_box .his_year .year strong {color:#4aabe6;} .sub_history.history2 .history_box .his_year .year strong::before {background:#4aabe6;} .sub_history.history2 .history_box .his_year .year strong::after {border-color:#4aabe6;} /*** company/history3 (연혁3) ***/ /* 연도 */ .sub_history.history3 .history_box table.history span {color:#49abe6;} /*** company/work (조직도1번) ***/ .sub_chart.chart1 .chart .chart_box h3 + h3 {background:#ffa531;} /*** company/work (조직도2번) ***/ /* :before 요소는 라인, :after 요소는 원형 */ .sub_chart.chart2 .chart h3 {box-shadow:0 0 0 20px #f2fafd;border:2px #0095da solid;} .sub_chart.chart2 .chart h3:before{border-color:#0095da;} .sub_chart.chart2 .chart h4{border-color:#0095da;0 0 0 8px #f2fafd;} .sub_chart.chart2 .chart h3:after, .sub_chart.chart2 .chart h4:after, .sub_chart.chart2 .chart li.chart_side li h5:after{border-color:#0095da;} @media only screen and (max-width:479px) { /* 삼각형 */.sub_history.history1 .history_box .his_year .year strong::after {border-bottom:8px solid #4aabe6;} } /*─────────────────────────────────────────────────────────── HEADER | outline/header.html, outline/nav.html ───────────────────────────────────────────────────────────*/ #header .hd_bnr{width:100%;height:50px;} #header .hd_bnr a{display:block;width:100%;height:100%;position:relative;overflow:hidden;background:#944040;} #header .hd_bnr img{width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} #header .header_cont{width:100%;height:100px;position:relative;box-sizing:border-box;text-align:center;} #header .header_cont .hd_logo{display:inline-block;width:286px;height:64px;margin:0 auto;padding-top:18px;z-index:10;} #header .header_cont .hd_logo a{display:block;width:100%;height:100%;background:url('../images/skin/hd_logo.png')no-repeat center;background-size:auto 100%;font-size:0;} #header .hd_aside{position:absolute;left:30px;top:33px;} #header .hd_aside a{display:block;width:38px;height:35px;position:relative;} #header .hd_aside a span{display:inline-block;width:100%;height:3px;background:#333;position:absolute;left:0;transition:all 0.3s;} #header .hd_aside a span:nth-child(1){top:0;} #header .hd_aside a span:nth-child(2){top:16px;width:63.5%;} #header .hd_aside a span:nth-child(3){bottom:0;} /* #header .hd_aside:hover a span:nth-child(2){width:100%;transition:all 0.3s;} */ #header .right_link{position: absolute;right:31px;top: 50%;display:flex;align-items:center;gap:25px;transform: translateY(calc(-50% - 0.5px));} .skiptranslate{display:none;} #header .rang_desc{position:relative;} #header .rang_desc dt{font-size:0; cursor:pointer;} #header .rang_desc dd{position:absolute;top: calc(100% + 10px);left:50%;transform:translateX(-50%);width: 90px;padding:15px 0;box-sizing:border-box;background:#fff;opacity:0;pointer-events:none;transition:all 0.4s;box-shadow: 3px 3px 5px rgba(0,0,0,0.1);} #header .rang_desc .on + dd{opacity:1; pointer-events:all;} #header .translation-links{} #header .translation-links a{display:block;font-size: 0;padding: 5px 15px;} #header .translation-links a span{display:block; background:no-repeat center / auto 100%; height:26px; font-size:0;} #header .translation-links .ko{background-image:url('../images/skin/rang01.jpg');} #header .translation-links .en{background-image:url('../images/skin/rang02.jpg');} #header .translation-links .cn{background-image:url('../images/skin/rang03.jpg');} #header .translation-links .ja{background-image:url('../images/skin/rang04.jpg');} #header .translation-links .th{background-image:url('../images/skin/rang05.jpg');} #header .translation-links .zh-TW{background-image:url('../images/skin/rang06.jpg');} #header .translation-links .vi{background-image:url('../images/skin/rang07.jpg');} #header .hd_cart{display:inline-block;width:35px;height:45px;background:url('../images/skin/icon_cart.png')no-repeat center;background-size:auto 100%;} #aside{position:fixed;top:0;left:50%;width:768px;height:100%;background:#fff;transform:translate(-50%);z-index:50;transition:all 0.7s;overflow-y:auto;opacity:0;display: none;} #aside.on{transition:all 0.7s;opacity:1;display: block;} #aside .aside_box{width:100%;box-sizing:border-box;padding:0 50px 50px 50px;} #aside{ -ms-overflow-style: none; } #aside::-webkit-scrollbar{ display: none;} #aside .aside_hd{width:100%;height:100px;position:relative;padding-top:26px;} #aside .aside_hd .aside_logo{display:inline-block;width:286px;height:64px;margin:0 auto;z-index:10;} #aside .aside_hd .aside_logo a{display:block;width:100%;height:100%;background:url('../images/skin/hd_logo.png')no-repeat left;background-size:auto 100%;font-size:0;} #aside .aside_hd .btn_aside_close{width:31px;height:31px;position: absolute;right:0;top:57px;} #aside .aside_hd .btn_aside_close a{display: block;width:100%;height:100%;background:url('../images/skin/aside_close.png')no-repeat center;background-size:auto 100%;} #aside .aside_gnb{width:100%;font-size:0;margin-top:24px;} #aside .aside_gnb li{display:inline-block;width:calc(50% - 14px);height:80px;box-sizing:border-box;text-align:center;background:#fff;border-radius:10px;} #aside .aside_gnb li:nth-child(1){margin-right:14px;border:1px solid #c0392b;} #aside .aside_gnb li:nth-child(2){margin-left:14px;border:1px solid #222;background:url('../images/skin/icon_join.png')no-repeat 28% center;padding-left:55px;} /* #aside .aside_gnb li:hover{background:transparent;} */ #aside .aside_gnb li a{display:block;width:100%;height:100%;font-size:28px;color:#fff;font-weight:500;line-height:76px;letter-spacing:-0.04em;} #aside .aside_gnb li:nth-child(1) a{color:#c0392b;} #aside .aside_gnb li:nth-child(2) a{color:#222;} /* #aside .aside_gnb li:hover:nth-child(1) a{color:#c0392b;} #aside .aside_gnb li:hover:nth-child(2) a{color:#222;} */ #aside .slidemenu{box-sizing:border-box;width:100%;border-top:1px solid #000;margin-top:50px;padding-top:19px;} #aside .slidemenu .depth1_li{width:100%;position:relative;} #aside .slidemenu .depth1_li.on .depth1_a{color:#c0392b;} #aside .slidemenu .depth1_li.on .icons{background:url('../images/skin/aside_cate_off.png')no-repeat center;} #aside .slidemenu .depth1_li .depth1_a{font-size:24px;color:#222;font-weight:500;display:block;width:100%;height:100%;line-height:54px;letter-spacing:-0.04em;} #aside .slidemenu .depth1_li .icons{display:inline-block;width:20px;height:54px;background:url('../images/skin/aside_cate_on.png')no-repeat center;cursor:pointer;position:absolute;top:0;right:10px;} #aside .slidemenu .depth{width: 100%;box-sizing: border-box;padding-left: 36px;margin:3px 0 5px;/* display:none; */} #aside .slidemenu .depth .depth2_li a{font-size:20px;color:#555;font-weight:400;display:block;width:100%;height:100%;line-height:40px;letter-spacing:-0.04em;} #aside .aside_bnr{margin-top:51px;width:100%;height:0;padding-bottom:89.9%;box-sizing:border-box;position: relative;} #aside .aside_bnr a{display: block;width:100%;height:0;padding-bottom: 100%;} .hd_quick{position:fixed;top:26.7%;right:12.95%;} .hd_quick .quick_wrap{position:relative;text-align:center;} .hd_quick .quick_logo{} .hd_quick .quick_wrap > span{display:block;font-size:16px;color:#333;font-weight:300;line-height:24px;letter-spacing:-0.05em;margin:34px 0 37px;} .hd_quick .quick_wrap a{display:block;width:220px;height:40px;box-sizing:border-box;border:1px solid #c0392b;} .hd_quick .quick_wrap a span{line-height:36px;font-size:16px;color:#c0392b;font-weight:400;letter-spacing:-0.05em;} @media only screen and (max-width:1700px){ .hd_quick{right:11%;} } @media only screen and (max-width:1600px){ .hd_quick{right:9%;} } @media only screen and (max-width:1500px){ .hd_quick{right:3%;} } @media only screen and (max-width:1366px){ #wrap{width:100%;} #header .hd_bnr{height:106px;} #aside{width:100%;left:0;transform:none;} #aside .aside_gnb li:nth-child(2){background:url('../images/skin/icon_join.png')no-repeat 36% center;padding-left:40px;} .hd_quick{display:none;} } @media only screen and (max-width:900px){ #aside .aside_gnb li:nth-child(2){background:url('../images/skin/icon_join.png')no-repeat 33% center;} } /*아이패드*/ @media only screen and (max-width:768px){ #header .hd_bnr{height:60px;} #header .header_cont{height:110px;} #header .hd_aside{top:38px;} #header .hd_aside a{width:40px;height:34px;} #header .hd_aside a span:nth-child(2){width:74%;top:15px;} #header .header_cont .hd_logo{padding-top:23px;} #header .right_link{right:30px;} #header .hd_cart{width:41px;height:51px;right:30px;top:27px;} #aside .aside_box{padding:0 40px 40px 40px;} #aside .aside_hd{padding-top:36px;} #aside .aside_hd .btn_aside_close{width:33px;height:33px;top:60px;} #aside .aside_gnb li a{font-size:27px;font-weight:400;} #aside .slidemenu{padding-top:16px;} #aside .slidemenu .depth1_li .depth1_a{font-size:30px;line-height:70px;} #aside .slidemenu .depth1_li .icons{width:25px;height:70px;background-size:auto 12px;} #aside .slidemenu .depth1_li.on .icons{background-size:auto 12px;} #aside .slidemenu .depth{padding-left:30px;margin:0 0 28px;} } @media only screen and (max-width:700px){ #aside .aside_gnb li:nth-child(2){background:url('../images/skin/icon_join.png')no-repeat 30% center;background-size:auto 23px;} } @media only screen and (max-width:640px){ #header .hd_bnr{height:45px;} #header .header_cont{height:80px;} #header .hd_aside{top:25px;left:15px;} #header .hd_aside a{width:28px;height:28px;} #header .hd_aside a span{height:2px;} #header .hd_aside a span:nth-child(2){width:70%;top:13px;} #header .header_cont .hd_logo{padding-top:16px;width:217px;height:48px;} #header .right_link{gap:20px; right:15px;} #header .rang_desc dt{width:30px;} #header .translation-links a span{height:22px} #header .hd_cart{width:30px;height:34px;top:21px;right:15px;} #aside .aside_box{padding:0 15px 40px;} #aside .aside_gnb li{height:70px;} #aside .aside_gnb li a{font-size:25px;line-height:64px;} #aside .slidemenu .depth1_li .depth1_a{font-size:24px;line-height:54px;} #aside .slidemenu .depth1_li .icons{height:54px;} #aside .slidemenu .depth{margin:0 0 10px;} #aside .slidemenu .depth .depth2_li a{font-size:18px;line-height:36px;} } /*모바일*/ @media only screen and (max-width:480px){ #header .hd_aside{top:29px;} #header .hd_aside a{height:24px;} #header .hd_aside a span:nth-child(2){top:11px;} #header .header_cont .hd_logo{padding-top:19px;width:179px;height:40px;} #header .right_link{gap:15px;} #header .rang_desc dt{width:25px;} #header .hd_cart{width:25px;height:28px;top:25px;} #header .translation-links a span{height:20px} #aside .aside_hd{padding-top:10px;height:70px;} #aside .aside_hd .aside_logo{width:220px;height:48px;} #aside .aside_hd .btn_aside_close{width:20px;height:20px;top:35px;} #aside .aside_gnb li{height:60px;width:calc(50% - 7px);} #aside .aside_gnb li:nth-child(1){margin-right:7px;} #aside .aside_gnb li:nth-child(2){margin-left:7px;background-size:auto 21px;} #aside .aside_gnb li a{font-size:22px;line-height:56px;} #aside .slidemenu{margin-top:35px;padding-top:10px;} #aside .slidemenu .depth1_li .depth1_a{font-size:22px;line-height:50px;} #aside .slidemenu .depth1_li .icons{width:20px;height:50px;background-size:auto 10px;} #aside .slidemenu .depth1_li.on .icons{background-size:auto 10px;} #aside .slidemenu .depth{padding-left:20px;margin:0 0 10px;} #aside .slidemenu .depth .depth2_li a{font-size:16px;line-height:30px;} #aside .aside_bnr{margin-top:25px;} } @media only screen and (max-width:375px){ #header .hd_bnr{height:35px;} #header .header_cont{height:70px;} #header .hd_aside{top:23px;} #header .hd_aside a{width:26px;height:22px;} #header .hd_aside a span:nth-child(2){top:10px;} #header .header_cont .hd_logo{padding-top:19px;width:157px;height:35px;} #header .hd_cart{top:19px;} #aside .aside_hd .aside_logo{width:190px;height:40px;} #aside .aside_hd .btn_aside_close{width:17px;height:17px;top:32px;} #aside .aside_gnb{margin-top:10px;} #aside .aside_gnb li{height:40px;} #aside .aside_gnb li:nth-child(2){background-size:auto 18px;background:url('../images/skin/icon_join.png')no-repeat 26% center;background-size:auto 18px;} #aside .aside_gnb li a{font-size:16px;line-height:36px;} #aside .slidemenu .depth1_li .depth1_a{font-size:17px;line-height:36px;} #aside .slidemenu .depth1_li .icons{height:36px;background-size:auto 8px;} #aside .slidemenu .depth1_li.on .icons{background-size:auto 8px;} #aside .slidemenu .depth .depth2_li a{font-size:14px;line-height:26px;} } /*─────────────────────────────────────────────────────────── FOOTER | outline/footer.html ───────────────────────────────────────────────────────────*/ #wrap .pop_dim{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0, 0.5);z-index: 50;display: none;} #wrap.main_index .pop_dim{display:block;} /* #wrap .layer-popup.layer_pc:before{} */ #wrap #footer{background:#eee;width:100%;box-sizing:border-box;margin-top:100px;padding:60px 30px 61px 30px;} #wrap #footer .ft_hd{width:100%;} #wrap #footer .ft_hd:after{clear:both;content:"";display:block;} #wrap #footer .ft_hd .ft_logo{display:inline-block;background:url('../images/skin/ft_logo.png')no-repeat left;background-size:auto 61px;width:285px;height:61px;} #wrap #footer .ft_hd .ft_sns{float:right;display:inline-block;font-size:0;margin-top:6px;} #wrap #footer .ft_hd .ft_sns li{display:inline-block;} #wrap #footer .ft_hd .ft_sns li + li{margin-left:15px;} #wrap #footer .ft_hd .ft_sns li a{display:block;width:50px;height:50px;box-sizing:border-box;border-radius:100%;font-size:0;} #wrap #footer .ft_hd .ft_sns li a.kakao{background:#878787 url('../images/skin/icon_plus.png')no-repeat center;background-size:auto 23px;} #wrap #footer .ft_hd .ft_sns li a.instagram{background:#878787 url('../images/skin/icon_insta.png')no-repeat center;background-size:auto 24px;} #wrap #footer .ft_hd .ft_sns li a.youtube{background:#878787 url('../images/skin/icon_youtube.png')no-repeat center;background-size:auto 20px;} #wrap #footer .ft_hd .ft_sns li a.facebook{background:#878787 url('../images/skin/icon_facebook.png')no-repeat center;background-size:auto 25px;} #wrap #footer .ft_hd .ft_sns li a.blog{background:#878787 url('../images/skin/icon_blog.png')no-repeat center;background-size:auto 20px;} #wrap #footer .ft_cs{margin-left:-1px;margin-top:43px;} #wrap #footer .ft_cs dl + dl{} #wrap #footer .ft_cs dl dt, #wrap #footer .ft_cs dl dd{display:inline-block;line-height:42px;letter-spacing:-0.05em;word-break:keep-all;vertical-align:top;} #wrap #footer .ft_cs dl dt{font-size:17px;color:#222;font-weight:400;width:85px;} #wrap #footer .ft_cs dl dt span{display:inline-block;margin:0 8px;} #wrap #footer .ft_cs dl dd{font-size:17px;color:#666;font-weight:400;} #wrap #footer .ft_cs p{font-size:17px;color:#444;font-weight:400;letter-spacing:-0.05em;margin-top:11px;} #wrap #footer .ft_cs p span{display:inline-block;font-size:inherit;color:inherit;font-weight:inherit;letter-spacing:inherit;margin:0 2px;} #wrap #footer .ft_info{margin-left:-2px;margin-top:41px;} #wrap #footer .ft_info dl + dl{} #wrap #footer .ft_info dl dt, #wrap #footer .ft_info dl dd{display:inline-block;font-size:16px;color:#666;font-weight:400;line-height:42px;letter-spacing:-0.05em;word-break:keep-all;vertical-align:top;} #wrap #footer .ft_info dl dt{width:125px;} #wrap #footer .ft_info dl dd{letter-spacing:-0.06em;} #wrap #footer .ft_gnb{width:100%;font-size:0;margin-top:41px;} #wrap #footer .ft_gnb li{display:inline-block;} #wrap #footer .ft_gnb li + li:before{width:1px;height:14px;content:"";background:#ccc;display:inline-block;vertical-align:middle;margin:0 19px;margin-top:-6px;} #wrap #footer .ft_gnb li a{font-size:17px;color:#777;font-weight:400;letter-spacing:-0.05em;} #wrap #footer .ft_gnb li.policy a{color:#333;} #wrap #footer .ft_quick{position:fixed;right:31.3%;bottom:40px;z-index:10;} #wrap #footer .ft_quick a{display:block;width:70px;height:70px;box-sizing:border-box;border-radius:100%;font-size:0;box-shadow:2px 5px 8px 0px rgba(0, 0, 0, 0.15);} #wrap #footer .ft_quick a + a{margin-top:15px;} #wrap #footer .ft_quick a.link_call{background:#878787 url('../images/skin/icon_tel.png')no-repeat center;background-size:auto 30px;display:none;} #wrap #footer .ft_quick a.link_kakao{background:#fbe902 url('../images/skin/icon_kakao.png')no-repeat center;background-size:auto 37px;} #wrap #footer .ft_quick a.link_insta{background:radial-gradient(circle farthest-corner at 32% 106%,#ffe17d 0%,#ffcd69 10%,#fa9137 28%,#eb4141 42%,transparent 82%) , linear-gradient(135deg,#234bd7 12%,#c33cbe 58%);position:relative;} #wrap #footer .ft_quick a.link_insta:after{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:29px;height:29px;background:url('../images/skin/icon_insta.png')no-repeat center;background-size:auto 29px;} #wrap #footer .ft_quick a.btn_top{background:#fff url('../images/skin/btn_top.png')no-repeat center;background-size:auto 10px;} #wrap #footer .quick_wrap{position: fixed;right: 0;top: 50%;translate: 0 calc(-50% - 0.5px);width: 100px; z-index: 50;} #wrap #footer .quick_wrap .cont_list{position: relative;background: #c0392b;border-radius: 15px 0 0 15px;} #wrap #footer .quick_wrap .cont_list > li{position: relative;text-align: center;padding: 15px 10px;} #wrap #footer .quick_wrap .cont_list > li:not(:first-child){border-top: 1px solid rgba(255,255,255,0.2);} #wrap #footer .quick_wrap .link{position: absolute; inset: 0; z-index: 5; } #wrap #footer .quick_wrap .desc{position: relative;} #wrap #footer .quick_wrap .desc dt{font-size: 0;display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;margin-inline: auto;filter: brightness(0) invert(1);} #wrap #footer .quick_wrap .desc dt img{max-width: 100%; max-height: 100%;} #wrap #footer .quick_wrap .desc dt + dd{margin-top: 5px;} #wrap #footer .quick_wrap .desc dd{font-size: 14px;font-weight: 300;color: #fff;word-break: keep-all;overflow-wrap: anywhere;} #wrap #footer .quick_wrap .qr_box{position: absolute;bottom:0;right: calc(-100% - 40px);opacity: 0;transition: all 0.4s;width: 230px;height: 230px;padding: 10px;background: #fff;border: 1px solid #c0392b;box-sizing: border-box;box-shadow: 3px 3px 10px rgba(0,0,0,0.1);z-index: -1;pointer-events: none;} @media (hover:hover) and (pointer:fine){ #wrap #footer .quick_wrap .cont_list > li:hover .qr_box{right: calc(100% + 15px); opacity: 1;} } @media only screen and (max-width:1750px){ #wrap #footer .ft_quick{right:29.3%;} } @media only screen and (max-width:1600px){ #wrap #footer .ft_quick{right:27.3%;} } @media only screen and (max-width:1500px){ #wrap #footer .ft_quick{right:25.3%;} } @media only screen and (max-width:1400px){ #wrap #footer .ft_quick{right:23.3%;} } @media only screen and (max-width:1366px){ #wrap #footer{padding:79px 30px 97px 28px;} #wrap #footer .ft_hd{margin-left:2px;} #wrap #footer .ft_hd .ft_logo{background-size:auto 63px;height:63px;width:287px;} #wrap #footer .ft_hd .ft_sns{margin-top:2px;} #wrap #footer .ft_hd .ft_sns li + li{margin-left:17px;} #wrap #footer .ft_hd .ft_sns li a{width:60px;height:60px;} #wrap #footer .ft_hd .ft_sns li a.kakao{background-size:auto 31px;} #wrap #footer .ft_hd .ft_sns li a.instagram{background-size:auto 30px;} #wrap #footer .ft_hd .ft_sns li a.youtube{background-size:auto 26px;} #wrap #footer .ft_hd .ft_sns li a.facebook{background-size:auto 30px;} #wrap #footer .ft_hd .ft_sns li a.blog{background-size:auto 26px;} #wrap #footer .ft_cs{margin-left:0;margin-top:62px;} #wrap #footer .ft_cs dl dt, #wrap #footer .ft_cs dl dd{font-size:30px;line-height:60px;} #wrap #footer .ft_cs dl dt{width:115px;} #wrap #footer .ft_cs dl dt span{margin:0 14px;} #wrap #footer .ft_cs p{font-size:30px;} #wrap #footer .ft_info{margin-left:0;margin-top:91px;} #wrap #footer .ft_info dl + dl{margin-top:17px;} #wrap #footer .ft_info dl dt, #wrap #footer .ft_info dl dd{font-size:28px;} #wrap #footer .ft_info dl dt{width:230px;} #wrap #footer .ft_info dl dd{width:calc(100% - 300px);line-height:38px;} #wrap #footer .ft_gnb{margin-top:83px;} #wrap #footer .ft_gnb li + li:before{height:25px;margin:0 33px;margin-top:-10px;} #wrap #footer .ft_gnb li a{font-size:30px;} #wrap #footer .ft_quick{right:40px;bottom:40px;} #wrap #footer .ft_quick a{width:70px;height:70px;} #wrap #footer .ft_quick a.link_kakao{background-size:auto 37px;} #wrap #footer .ft_quick a.btn_top{background-size:auto 10px;margin-top:15px;} } @media (max-width:1023px){ #wrap #footer .quick_wrap{width: clamp(90px, 11vw, 100px);} #wrap #footer .quick_wrap .desc dt{width: clamp(22px, 3.5vw, 30px);height: clamp(22px, 3.5vw, 30px);} } @media only screen and (max-width:800px){ #wrap #footer .ft_cs dl dd{width:78%;} } @media only screen and (max-width:640px){ #wrap #footer .ft_hd .ft_sns li a{height:50px;width:50px;} #wrap #footer .ft_hd .ft_sns li a.kakao{background-size:auto 23px;} #wrap #footer .ft_hd .ft_sns li a.instagram{background-size:auto 24px;} #wrap #footer .ft_hd .ft_sns li a.youtube{background-size:auto 20px;} #wrap #footer .ft_hd .ft_sns li a.facebook{background-size:auto 24px;} #wrap #footer .ft_hd .ft_sns li a.blog{background-size:auto 20px;} #wrap #footer .ft_cs dl dt, #wrap #footer .ft_cs dl dd{font-size:25px;} #wrap #footer .ft_cs p{font-size:25px;} #wrap #footer .ft_cs dl dd{width:70%;} #wrap #footer .ft_info dl + dl{margin-top:10px;} #wrap #footer .ft_info dl dt, #wrap #footer .ft_info dl dd{font-size:22px;} #wrap #footer .ft_info dl dt{width:185px;} #wrap #footer .ft_info dl dd{line-height:34px;width:calc(100% - 200px);} #wrap #footer .ft_gnb li + li:before{height:17px;margin:0 20px;} #wrap #footer .ft_gnb li a{font-size:22px;} #wrap #footer .quick_wrap{top: auto;bottom:30px;translate: 0;width: 50px;} #wrap #footer .quick_wrap .cont_list{border-radius:7px 0 0 7px} #wrap #footer .quick_wrap .desc dd{display: none;} } @media only screen and (max-width:550px){ #wrap #footer{padding:40px 30px 97px 28px;} #wrap #footer .ft_hd .ft_logo{height:50px;background-size:auto 100%;width:230px;} #wrap #footer .ft_hd .ft_sns li a{width:40px;height:40px;} #wrap #footer .ft_hd .ft_sns li a.kakao{background-size:auto 18px;} #wrap #footer .ft_hd .ft_sns li a.instagram{background-size:auto 19px;} #wrap #footer .ft_hd .ft_sns li a.youtube{background-size:auto 15px;} #wrap #footer .ft_hd .ft_sns li a.facebook{background-size:auto 20px;} #wrap #footer .ft_hd .ft_sns li a.blog{background-size:auto 17px;} } @media only screen and (max-width:480px){ #wrap #footer{padding:40px 15px 60px 15px;margin-top:50px;} #wrap #footer .ft_hd .ft_logo{height:44px;} #wrap #footer .ft_hd .ft_sns{margin-top:10px;} #wrap #footer .ft_hd .ft_sns li + li{margin-left:10px;} #wrap #footer .ft_hd .ft_sns li a{width:30px;height:30px;} #wrap #footer .ft_hd .ft_sns li a.kakao{background-size:auto 13px;} #wrap #footer .ft_hd .ft_sns li a.instagram{background-size:auto 14px;} #wrap #footer .ft_hd .ft_sns li a.youtube{background-size:auto 10px;} #wrap #footer .ft_hd .ft_sns li a.facebook{background-size:auto 14px;} #wrap #footer .ft_hd .ft_sns li a.blog{background-size:auto 12px;} #wrap #footer .ft_cs{margin-top:30px;} #wrap #footer .ft_cs dl dt, #wrap #footer .ft_cs dl dd{font-size:18px;line-height:35px;} #wrap #footer .ft_cs dl dt{width:90px;} #wrap #footer .ft_cs dl dt span{margin:0 8px;} #wrap #footer .ft_cs p{font-size:18px;} #wrap #footer .ft_info{margin-top:50px;} #wrap #footer .ft_info dl dt, #wrap #footer .ft_info dl dd{font-size:17px;line-height:30px;} #wrap #footer .ft_info dl dt{width:140px;} #wrap #footer .ft_info dl dd{line-height:25px;width:calc(100% - 160px);} #wrap #footer .ft_gnb{margin-top:40px;} #wrap #footer .ft_gnb li + li:before{height:10px;margin:0 13px;margin-top:-5px;} #wrap #footer .ft_gnb li a{font-size:15px;} #wrap #footer .ft_quick{right:20px;bottom:20px;} #wrap #footer .ft_quick a{width:50px;height:50px;} #wrap #footer .ft_quick a.link_kakao{background-size:auto 27px;} #wrap #footer .ft_quick a.link_insta:after {width:24px;height:24px;background-size:auto 24px;} #wrap #footer .ft_quick a.link_call{display:block;background-size:auto 21px;} } @media only screen and (max-width:375px){ #wrap #footer{padding:30px 15px 50px 15px;} #wrap #footer .ft_hd .ft_logo{height:38px;width:175px;} #wrap #footer .ft_hd .ft_sns{margin-top:8px;} #wrap #footer .ft_cs{margin-top:20px;} #wrap #footer .ft_cs dl dt, #wrap #footer .ft_cs dl dd{font-size:16px;line-height:33px;} #wrap #footer .ft_cs dl dt{width:70px;} #wrap #footer .ft_cs p{font-size:16px;} #wrap #footer .ft_info{margin-top:40px;} #wrap #footer .ft_info dl dt, #wrap #footer .ft_info dl dd{font-size:15px;line-height:26px;} #wrap #footer .ft_info dl dt{width:120px;} #wrap #footer .ft_gnb li + li:before{height:8px;margin:0 10px;} #wrap #footer .ft_gnb li a{font-size:13px;} } /*─────────────────────────────────────────────────────────── SIDE_BOX | outline/left_bbs.html｜outline/left_goods.html｜outline/left_member.html｜outline/left_service.html ───────────────────────────────────────────────────────────*/ #side_box {padding-bottom:1.8%;} #side_box .sub_menu {width:100%;padding:0;margin:0;z-index:2;text-align:center;vertical-align:top;} #side_box .sub_menu dl {position:relative;display:inline-block;margin:0 auto;z-index:3;font-size:0;text-align:center;vertical-align:top;padding:0;} #side_box .sub_menu dt, #side_box .sub_menu dd {display:inline-block;margin:0;padding:0;} #side_box .sub_menu dt {display:none;} #side_box .sub_menu dd {line-height:31px;height:32px;padding:0 12px;border-bottom:1px #ccc solid;position:relative;z-index:1;box-sizing:border-box;vertical-align:top;} #side_box .sub_menu dd + dd {} #side_box .sub_menu dd a, #side_box .sub_menu dd strong {height:31px;line-height:31px;font-size:15px;font-weight:600;padding:0 2px;color:#888;display:inline-block;box-sizing:border-box;vertical-align:top;} #side_box .sub_menu dd:hover a, #side_box .sub_menu dd.on a, #side_box .sub_menu dd strong {border-color:#333;color:#333;position:relative;} #side_box .sub_menu dd:hover a:before, #side_box .sub_menu dd.on a:before, #side_box .sub_menu dd strong:before {bottom:-1px;width:100%;height:2px;background:#333;left:50%;transform:translateX(-50%);position:absolute;content:"";display:block;} @media only screen and (max-width:1200px) { } @media only screen and (max-width:1023px) { } @media only screen and (max-width:860px) { #side_box .sub_menu dd {line-height:29px;height:30px;padding:0 8px;} #side_box .sub_menu dd a, #side_box .sub_menu dd strong {height:29px;line-height:29px;font-size:14px;padding:0 2px;} } @media only screen and (max-width:767px) { } @media only screen and (max-width:640px) { #side_box .sub_menu dd {line-height:27px;height:28px;padding:0 8px;} #side_box .sub_menu dd a, #side_box .sub_menu dd strong {height:27px;line-height:27px;font-size:14px;padding:0 2px;} } @media only screen and (max-width:479px) { #side_box {display:none;} } /*─────────────────────────────────────────────────────────── MAIN | index.html ───────────────────────────────────────────────────────────*/ #wrap.main_index #container{padding-top:0 !important;} .w_custom{width:100%;box-sizing:border-box;padding:0 30px;} /*메인 비주얼*/ .main_visual{width:100%;height:500px;position:relative;box-sizing:border-box;} .main_visual .visual_ul, .main_visual .slick-list, .main_visual .slick-track, .main_visual .slick-list, .main_visual .slick-slide{height:100%;} .main_visual .visual_ul .slick-slide a{display:block;width:100%;height:100%;background-position:center !important;} .main_visual .slick-dots{font-size:0;position:absolute;right:30px;bottom:30px;} .main_visual .slick-dots li{display:inline-block;} .main_visual .slick-dots li + li{margin-left:15px;} .main_visual .slick-dots li button{display:block;font-size:0;width:12px;height:12px;box-sizing:border-box;border-radius:100%;background:#fff;opacity:0.7;} .main_visual .slick-dots li.slick-active button{background:#c0392b;opacity:1;} /*이벤트*/ .main_event{margin-top:70px;} .main_event .main_tit{position:relative;width:100%;} .main_event .main_tit h3{font-size:28px;color:#222;font-weight:700;letter-spacing:-0.06em;margin-bottom:9px;} .main_event .main_tit p{font-size:19px;color:#777;font-weight:400;letter-spacing:-0.05em;} .main_event .main_tit a{display:block;width:30px;height:30px;background:url('../images/skin/main_link_more.png')no-repeat center;background-size:auto 100%;position:absolute;right:0;font-size:0;top:10px;} .main_event .event_box{margin-top:34px;overflow:visible;} .main_event .event_ul{font-size:0;} .main_event .event_ul .event_li{width:100%;height:100%;box-sizing:border-box;border:1px solid #ddd;} .main_event .event_ul .event_li a{display:block;width:100%;height:100%;box-sizing:border-box;padding:23px 24px 28px 25px;position: relative;} .main_event .event_ul .event_li a:after{clear:both;content:"";display:block;} .main_event .event_ul .event_li .event_hd{font-size:15px;color:#c0392b;font-weight:700;display:inline-block;box-sizing:border-box;padding:6px 9px;border:2px solid #c0392b;border-radius:15px;line-height:1;} .main_event .event_ul .event_li .t_prd{float:right;display:inline-block;font-size:16px;color:#957d69;font-weight:400;margin-top:3px;} .main_event .event_ul .event_li .t_prd em{font-size:inherit;color:inherit;font-weight:inherit;} .main_event .event_ul .event_li .event_tit{font-size:22px;color:#222;font-weight:700;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:13px 0 10px;letter-spacing:-0.05em;} .main_event .event_ul .event_li .event_cont{font-size:16px;color:#888;font-weight:400;line-height:24px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow: ellipsis;overflow: hidden;height:auto;max-height:48px;word-break:keep-all;letter-spacing:-0.055em;} .main_event .event_ul .event_li .prd_c_price{font-size:20px;color:#999;font-weight:400;display:block;margin-top:20px;text-decoration:line-through;} .main_event .event_ul .event_li .prd_c_price em{font-sIze:14px;color:inherit;font-weight:300;} .main_event .event_ul .event_li .prd_price{font-size:30px;color:#c0392b;font-weight:500;display:block;} .main_event .event_ul .event_li .prd_price em{font-sIze:20px;color:inherit;font-weight:400;} .main_event .event_ul .event_li .event_more{padding:0;font-size:0;position:absolute;width:40px;height:40px;right:24px;bottom:24px;border-radius:100%;background:#222 url('../images/skin/icon_more.png')no-repeat center;background-size:auto 17px;background-position:17px center;} .main_event .swiper-pagination{position:relative;margin-top:40px;background:#eee;height:3px;} .main_event .swiper-pagination > span{background:#222;} /*메인 비디오*/ .main_video{width:100%;margin-top:100px;} .main_video .video_wrap{width:100%;height:100%;position:relative;box-sizing:border-box;height:0;padding-bottom:70.4%;} .main_video .video_wrap iframe{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);} /*메인 이벤트 02*/ .main_event02{width:100%;/*background:url('../images/skin/main_brand_logo.png')no-repeat left top;*/background-size:auto 241px;padding-top:199px;padding-bottom:13px;border-bottom:18px solid #eee;} .main_event02 .main_tit{text-align:center;position:relative;} .main_event02 .main_tit:before{} .main_event02 .main_tit h3{font-size:42px;color:#222;font-weight:400;line-height:58px;margin-top:9px;position: relative;letter-spacing:-0.05em;} .main_event02 .main_tit h3:before{width:1px;height:100px;content:"";background:#000;left:50%;top:-148px;position: absolute;} .main_event02 .main_tit h3 strong{font-size:inherit;color:inherit;font-weight:700;display:block;} .main_event02 .main_tit p{font-size:26px;color:#333;font-weight:400;line-height:40px;margin-top:14px;letter-spacing:-0.05em;} .main_event02 .event02_box{margin-top:54px;} .main_event02 .event02_box li{margin-bottom:76px;} .main_event02 .event02_box li a{display:block;width:100%;height:100%;} .main_event02 .event02_box li .event02_img{width:100%;height:0;padding-bottom:59.4%;;} .main_event02 .event02_box li .event02_cont{width:100%;box-sizing:border-box;position:relative;margin-top:22px;padding-left:43px;} .main_event02 .event02_box li .event02_cont:before{width:29px;height:4px;content:"";background:#c0392b;position:absolute;top:19px;left:0;} .main_event02 .event02_box li .event02_cont .event02_tit{font-size:28px;color:#222;font-weight:700;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;letter-spacing:-0.055em;} .main_event02 .event02_box li .event02_cont .event02_txt{font-size:22px;color:#666;font-weight:400;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-0.055em;margin:10px 0 28px 1px;} .main_event02 .event02_box li .event02_cont .more{display:inline-block;font-size:20px;color:#444;font-weight:400;background:url('../images/skin/btn_more.png')no-repeat right 11px;background-size:auto 11px;padding-right:20px;letter-spacing:-0.05em;margin-left:3px;} /*메인 오시는길*/ .main_location{margin-top:86px;} .main_location .main_tit{text-align:center;} .main_location .main_tit h3{font-size:42px;color:#222;font-weight:700;letter-spacing:-0.045em;} .main_location .main_tit p{font-size:26px;color:#222;font-weight:400;margin-top:12px;letter-spacing:-0.05em;word-break:keep-all;} .link_map{text-align:center;width:100%;font-size:0;margin-top:30px;box-sizing:border-box;} .link_map > a{display:inline-block;width:180px;height:60px;box-sizing:border-box;border:1px solid #ccc;} .link_map > a:nth-child(2){margin-left:20px;} .link_map > a:after{clear:both;content:"";display:block;} .link_map > a .icon_map{width:37px;height:37px;box-sizing:border-box;border-radius:100%;overflow:hidden;display:inline-block;margin-top:12px;} .link_map > a:nth-child(1) .icon_map{background:url('../images/skin/naver_map.png')no-repeat center;background-size:auto 39px;} .link_map > a:nth-child(2) .icon_map{background:url('../images/skin/kakao_map.png')no-repeat center;background-size:auto 39px;} .link_map > a span{font-size:18px;color:#333;font-weight:400;display: inline-block;padding-left:10px;vertical-align:top;line-height:60px;} .main_location .map_wrap{width:100%;height:0;padding-bottom:82%;box-sizing:border-box;background:url('../images/skin/main_map_img.jpg')no-repeat center;background-size:cover;margin-top:50px;letter-spacing:-0.06em;} /*태블릿*/ @media only screen and (max-width:1366px) { /*메인비주얼*/ .main_visual{height:740px;} .main_visual .slick-dots li button{width:17px;height:17px;} /*메인 이벤트*/ .main_event{margin-top:102px;} .main_event .main_tit h3{font-size:40px;} .main_event .main_tit p{font-size:30px;} .main_event .main_tit a{width:50px;height:50px;} .main_event .event_box{margin-top:50px;} .main_event .event_ul .event_li a{padding:39px 36px 46px 40px;} .main_event .event_ul .event_li .event_hd{font-size:28px;border-radius:22.5px;} .main_event .event_ul .event_li .t_prd{font-size:30px;} .main_event .event_ul .event_li .event_tit{font-size:33px;margin:19px 0 10px;} .main_event .event_ul .event_li .event_cont{font-size:26px;line-height:43px;max-height:86px;} .main_event .event_ul .event_li .prd_price{font-size:36px;} .main_event .event_ul .event_li .prd_price em{font-size:25px;} .main_event .event_ul .event_li .event_more{width:70px;height:70px;right:35px;bottom:35px;background-size:auto 29px;background-position:center;} .main_event .swiper-pagination{height:4px;margin-top:50px;} /*메인 비디오*/ .main_video{margin-top:120px;} /*메인 이벤트 02*/ .main_event02{background-position:-4px -5px;padding-top:222px;padding-bottom:22px;border-bottom:20px solid #eee;} .main_event02 .main_tit h3{font-size:50px;line-height:60px;} .main_event02 .main_tit h3:before{height:120px;top:-170px;} .main_event02 .main_tit p{font-size:34px;line-height:50px;margin-top:25px;} .main_event02 .event02_box{margin-top:52px;} .main_event02 .event02_box li{margin-bottom:91px;} .main_event02 .event02_box li .event02_img{padding-bottom:56.5%;} .main_event02 .event02_box li .event02_cont{margin-top:27px;padding-left:48px;} .main_event02 .event02_box li .event02_cont:before{top:30px;} .main_event02 .event02_box li .event02_cont .event02_tit{font-size:40px;} .main_event02 .event02_box li .event02_cont .event02_txt{font-size:32px;margin:12px 0 32px 1px;} .main_event02 .event02_box li .event02_cont .more{font-size:30px;background-size:auto 25px;padding-right:33px;} /*메인 오시는길*/ .main_location{margin-top:104px;} .main_location .main_tit h3{font-size:50px;} .main_location .main_tit p{font-size:34px;line-height:50px;margin-top:18px;} .link_map{width:100%;padding:0 84px;margin-top:55px;} .link_map > a{width:calc(50% - 10px);height:80px;} .link_map > a:nth-child(2){margin-left:20px;} .link_map > a .icon_map{width:47px;height:47px;margin-top:16px;} .link_map > a:nth-child(1) .icon_map, .link_map > a:nth-child(2) .icon_map{background-size:auto 50px;} .link_map > a span{font-size:30px;line-height:78px;padding-left:17px;} .main_location .map_wrap{margin-top:61px;} } @media only screen and (max-width:1100px) { .main_visual{height:670px;} } @media only screen and (max-width:1000px) { .main_visual{height:600px;} } @media only screen and (max-width:900px) { .main_visual{height:550px;} } @media only screen and (max-width:800px) { .main_visual{height:500px;} .main_visual .visual_ul .slick-slide a{background-position:left !important;} } /*아이패드*/ @media only screen and (max-width:750px) { /*메인 오시는길*/ } @media only screen and (max-width:700px) { /*메인 오시는길*/ .link_map > a .icon_map{width:40px;height:40px;margin-top:20px;} .link_map > a span{font-size:25px;padding-left:15px;} } @media only screen and (max-width:640px) { .w_custom{padding:0 15px;} /*메인 이벤트*/ .main_event{margin-top:50px;} .main_event .main_tit h3{font-size:26px;} .main_event .main_tit p{font-size:18px;} .main_event .main_tit a{width:30px;height:30px;} .main_event .event_box{margin-top:40px;} .main_event .event_ul .event_li a{padding:23px 24px 28px 25px ;} .main_event .event_ul .event_li .event_hd{font-size:15px;border-radius:17px;} .main_event .event_ul .event_li .t_prd{font-size:14px;} .main_event .event_ul .event_li .event_tit{font-size:18px;} .main_event .event_ul .event_li .event_cont{font-size:16px;line-height:26px;max-height:52px;} .main_event .event_ul .event_li .prd_c_price{font-size:18px;} .main_event .event_ul .event_li .prd_price{font-size:24px;} .main_event .event_ul .event_li .prd_price em{font-size:18px;} .main_event .event_ul .event_li .event_more{width:40px;height:40px;right:24px;bottom:24px;background-size:auto 17px;background-position:17px center;} .main_event .swiper-pagination{margin-top:40px;height:3px;} .main_video .video_wrap{padding-bottom:54.4%;} .main_video{margin-top:60px;} /*메인 이벤트 02*/ .main_event02{padding-top:175px;padding-bottom:22px;} .main_event02 .main_tit h3{font-size:38px;line-height:50px;} .main_event02 .main_tit h3:before{height:100px;top:-125px;} .main_event02 .main_tit p{font-size:26px;line-height:36px;} .main_event02 .event02_box li{margin-bottom:50px;} .main_event02 .event02_box li .event02_cont:before{top:19px;} .main_event02 .event02_box li .event02_cont .event02_tit{font-size:28px;} .main_event02 .event02_box li .event02_cont .event02_txt{font-size:21px;margin:5px 0 15px 1px;} .main_event02 .event02_box li .event02_cont .more{font-size:18px;background-size: auto 11px;padding-right: 20px;background-position: right 9px;} /*메인 오시는길*/ .main_location{margin-top:15%;;} .main_location .main_tit h3{font-size:3em;} .main_location .main_tit p{font-size:1.5em;line-height:26px;margin-top:5px;} .link_map{margin-top:25px;padding:0 34px;} .link_map > a{height:60px;} .link_map > a .icon_map{width:30px;height:30px;margin-top:14px;} .link_map > a:nth-child(1) .icon_map, .link_map > a:nth-child(2) .icon_map{background-size:auto 31px;} .link_map > a span{font-size:2em;line-height:2.4em;;} } @media only screen and (max-width:600px) { /*메인비주얼*/ .main_visual{height:450px;} .main_visual .slick-dots li button{width:12px;height:12px;} } /*모바일*/ @media only screen and (max-width:480px) { /*메인비주얼*/ .main_visual{height:380px;} /*메인 이벤트*/ .main_event .main_tit h3{margin-bottom:5px;} .main_event .main_tit a{width:20px;height:20px;} .main_event .event_box{margin-top:30px;} .main_event .event_ul .event_li a{padding:18px 19px 23px 20px;} .main_event .event_ul .event_li .event_hd{font-size:15px;} .main_event .event_ul .event_li .t_prd{margin-top:6px;font-size:14px;} /*메인 이벤트 02*/ .main_event02{background-size:auto 160px;padding-top:150px;;} .main_event02 .main_tit h3{font-size:34px;line-height:43px;} .main_event02 .main_tit h3:before{height:80px;top:-110px;} .main_event02 .main_tit p{font-size:22px;line-height:30px;margin-top:15px;} .main_event02 .event02_box li{margin-bottom:36px;} .main_event02 .event02_box li .event02_cont{margin-top:15px;padding-left:36px;} .main_event02 .event02_box li .event02_cont:before{width:20px;height:3px;top:19px;} .main_event02 .event02_box li .event02_cont .event02_tit{font-size:26px;} .main_event02 .event02_box li .event02_cont .event02_txt{font-size:18px;margin:5px 0 15px 1px;} .main_event02 .event02_box li .event02_cont .more{font-size: 15px;background-size: auto 9px;padding-right: 20px;background-position: right 7px;} /*메인 오시는길*/ .main_location{margin-top:10%;} .main_location .main_tit h3{font-size:2.5em;} .main_location .main_tit p{font-size:1.3em;line-height:22px;} .link_map{margin-top:20px;} .link_map > a{height:50px;} .link_map > a .icon_map{margin-top:9px;;} .link_map > a span{font-size:1.5em;line-height:2.7em;padding-left:2px;} .main_location .map_wrap{margin-top:40px;} } @media only screen and (max-width:375px) { /*메인비주얼*/ .main_visual{height:310px;} .main_visual .slick-dots{right:15px;bottom:15px;} /*메인 이벤트*/ .main_event .main_tit h3{font-size:20px;} .main_event .main_tit p{font-size:15px;} .main_event .event_ul .event_li .event_hd{font-size:13px;padding:5px 7px;} .main_event .event_ul .event_li .t_prd{font-size:13px;margin-top:3px;} .main_event .event_ul .event_li .event_tit{font-size:16px;margin:13px 0 5px;} .main_event .event_ul .event_li .event_cont{font-size:15px;line-height:23px;max-height:46px;} .main_event .event_ul .event_li .prd_c_price{font-size:16px;margin-top:10px;} .main_event .event_ul .event_li .prd_c_price em{font-size:13px;} .main_event .event_ul .event_li .prd_price{margin-top:0;font-size:20px;} .main_event .event_ul .event_li .prd_price em{font-size:14px;} .main_event .event_ul .event_li .event_more{width:35px;height:35px;right:20px;bottom:20px;background-size:auto 12px;background-position:15px center;} .main_event .swiper-pagination{margin-top:25px;} /*메인 이벤트 02*/ .main_event02{background-size:auto 120px;padding-top:100px;} .main_event02 .main_tit h3{font-size:22px;line-height:28px;} .main_event02 .main_tit h3:before{height:100%;top:-130%;} .main_event02 .main_tit p{font-size:15px;line-height:21px;margin-top:14px;} .main_event02 .event02_box{margin-top:25px;} .main_event02 .event02_box li .event02_cont:before{top:14px;} .main_event02 .event02_box li .event02_cont .event02_tit{font-size:19px;} .main_event02 .event02_box li .event02_cont .event02_txt{font-size:13px;} .main_event02 .event02_box li .event02_cont .more{font-size:12px;background-position:right 5px;padding-right:15px;} /*메인 오시는길*/ .main_location .main_tit h3{font-size:2em;} .main_location .main_tit p{font-size:1.1em;line-height:20px;} .link_map{padding:0 20px;} .link_map > a{height:40px;} .link_map > a:nth-child(1) .icon_map, .link_map > a:nth-child(2) .icon_map{background-size:auto 25px;} .link_map > a .icon_map{margin-top:7px;width:24px;height:24px;} .link_map > a span{font-size:1.2em;line-height:2.7em;;} .main_location .map_wrap{margin-top:25px;} }