/* 이플리션 리뉴얼 css */ :root { --purchase-link-img: url("../new_img/main/logo01.png?v=1"); --font-color-k50: #9e9fa0; --font-color-k60: #898989; --font-color-k70: #727171; --font-color-k80: #595757; --font-color-k90: #3e3a39; } @font-face { font-family:'NanumBarunGothic'; font-style: normal; src: url('../fonts/NanumBarunGothic.eot'); src: url('../fonts/NanumBarunGothic.eot#iefix') format('embedded-opentype'), url('../fonts/NanumBarunGothic.woff') format('woff'), url('../fonts/NanumBarunGothic.ttf') format('truetype'); } @font-face { font-family: 'NanumBold'; font-style: normal; src: url('../fonts/NanumBarunGothicBold.eot'), url('../fonts/NanumBarunGothicBold.woff'); } @font-face { font-family: 'KoddiUDOnGothic-Regular'; src: url('../fonts/KoddiUDOnGothic/KoddiUDOnGothic-Regular.eot'); /* 구형 IE용 EOT 폰트 */ src: url('../fonts/KoddiUDOnGothic/KoddiUDOnGothic-Regular.eot?#iefix') format('embedded-opentype'), /* EOT IE9 이상 */ url('../fonts/KoddiUDOnGothic/KoddiUDOnGothic-Regular.woff2') format('woff2'), /* 최신 브라우저용 WOFF2 */ url('../fonts/KoddiUDOnGothic/KoddiUDOnGothic-Regular.woff') format('woff'), /* WOFF */ url('../fonts/KoddiUDOnGothic/KoddiUDOnGothic-Regular.otf') format('opentype'), /* OTF */ url('../fonts/KoddiUDOnGothic/KoddiUDOnGothic-Regular.ttf') format('truetype'); /* TTF */ font-weight: normal; font-style: normal; } @font-face { font-family: 'KoddiUDOnGothic-Bold'; src: url('../fonts/KoddiUDOnGothic/KoddiUDOnGothic-Bold.eot'); /* 구형 IE용 EOT 폰트 */ src: url('../fonts/KoddiUDOnGothic/KoddiUDOnGothic-Bold.eot?#iefix') format('embedded-opentype'), /* EOT IE9 이상 */ url('../fonts/KoddiUDOnGothic/KoddiUDOnGothic-Bold.woff2') format('woff2'), /* 최신 브라우저용 WOFF2 */ url('../fonts/KoddiUDOnGothic/KoddiUDOnGothic-Bold.woff') format('woff'), /* WOFF */ url('../fonts/KoddiUDOnGothic/KoddiUDOnGothic-Bold.otf') format('opentype'), /* OTF */ url('../fonts/KoddiUDOnGothic/KoddiUDOnGothic-Bold.ttf') format('truetype'); /* TTF */ font-weight: normal; font-style: normal; } @font-face { font-family: 'NotoSansCJK-Bold'; src: url('../fonts/NotoSans/NotoSans-Bold.woff2') format('woff2'), /* 최신 브라우저용 WOFF2 */ url('../fonts/NotoSans/NotoSans-Bold.woff') format('woff'), /* WOFF */ url('../fonts/NotoSans/NotoSansCJKjp-Bold.otf') format('opentype'), /* OTF */ url('../fonts/NotoSans/NotoSansKR-Bold.ttf') format('truetype'); /* TTF */ font-weight: bold; font-style: normal; } /* @font-face { font-family: 'KoddiUDOnGothic-Regular'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/KoddiUDOnGothic-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } */ /* @font-face { font-family: 'KoddiUDOnGothic-Bold'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/KoddiUDOnGothic-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,th,td,input,select,textarea,button{margin:0;padding:0;} html,body{width:100%;height:100%;} body{font-family:dotum,tahoma,sans-serif;font-size:12px;color:#000;} fieldset,img{border:0 none;vertical-align:top} dl,ul,ol,menu,li{list-style:none} button{overflow:visible;border:0 none;background-color:transparent;cursor:pointer} button::-moz-focus-inner{padding:0;border:0} address,caption,em{font-style:normal} a{color:#000;text-decoration:none} a:focus,a:active,a:hover{color:#000;text-decoration:underline} table{border-collapse:collapse;border-spacing:0} table caption {display:none;} .boardstyle1 {border-top:2px solid #000; margin-top:10px;} .boardstyle1 th {border-bottom:1px solid #333; padding:9px 0 8px 0} .boardstyle1 th div {border-right:1px solid #333; padding-top:2px;} .boardstyle1 th .lno {border:none} .boardstyle1 td {border-bottom:1px solid #CCC; padding:10px; text-align:center;} .boardstyle1 td , .boardstyle1 th {font-family:"Dotum";font-size:12px;} .header {position:relative; width:100%; min-width:1024px; } .lnb_wrap {position:relative; width:100%; height:34px; border-bottom:1px solid #e5e4e4;} .lnb_box {position:relative; width:1000px; margin:0 auto; text-align:right; padding-top:11px;} .lnb_box a {color:#7c7c8a; color:12px; text-decoration:none; margin-left:7px; padding-left:14px; letter-spacing:-1px; background:url('http://newsuppullim.cafe24.com/new_img/main/lnb_line.gif') left 0 no-repeat; cursor:pointer;} .lnb_box a:hover { color:#000;} .lnb_box a.no_bg {background:none;} .lnb_box a:first-child {background:url('http://newsuppullim.cafe24.com/new_img/main/house_icon.gif') left 0 no-repeat; padding-left:20px;} .lnb_box a.eng_style {letter-spacing:0px;} .lnb_wrap01 {position:absolute; width:1000px; text-align:center; border:1px solid red;} .gnb_wrap {position:absolute; width:787px; left:50%; margin-left:-390px; top:53px; z-index:10;} .main_page {position:absolute; left:0px; top:10px;} /* main menu */ .gnb_wrap--img-acc { position: absolute; width: 85px; height: 57px; left: 100%; top: -100%; margin-left: -42.5px; margin-top: 25px; } /* 제품 구매 링크 버튼 css - start */ .gnb_wrap .purchase-link-highlight-wrap { position: absolute; top: -4px; cursor: pointer; } .gnb_wrap .purchase-link-highlight { width: 166px; height: 51px; border: 6px solid transparent; border-radius: 5px; background-origin: border-box; background-clip: padding-box, border-box; background-image: var(--purchase-link-img), linear-gradient(45deg, #8e44ad, #3498db, #e74c3c, #f1c40f); background-position: center center; animation: rotateAndChangeColor 4s linear infinite; } @keyframes rotateAndChangeColor { 0% { background-image: var(--purchase-link-img), linear-gradient(0deg, #8e44ad, #3498db, #e74c3c, #f1c40f); } 10% { background-image: var(--purchase-link-img), linear-gradient(36deg, #3498db, #e74c3c, #f1c40f, #8e44ad); } 20% { background-image: var(--purchase-link-img), linear-gradient(72deg, #e74c3c, #f1c40f, #8e44ad, #3498db); } 30% { background-image: var(--purchase-link-img), linear-gradient(108deg, #f1c40f, #8e44ad, #3498db, #e74c3c); } 40% { background-image: var(--purchase-link-img), linear-gradient(144deg, #8e44ad, #3498db, #e74c3c, #f1c40f); } 50% { background-image: var(--purchase-link-img), linear-gradient(180deg, #3498db, #e74c3c, #f1c40f, #8e44ad); } 60% { background-image: var(--purchase-link-img), linear-gradient(216deg, #e74c3c, #f1c40f, #8e44ad, #3498db); } 70% { background-image: var(--purchase-link-img), linear-gradient(252deg, #f1c40f, #8e44ad, #3498db, #e74c3c); } 80% { background-image: var(--purchase-link-img), linear-gradient(288deg, #8e44ad, #3498db, #e74c3c, #f1c40f); } 90% { background-image: var(--purchase-link-img), linear-gradient(324deg, #3498db, #e74c3c, #f1c40f, #8e44ad); } 100% { background-image: var(--purchase-link-img), linear-gradient(360deg, #8e44ad, #3498db, #e74c3c, #f1c40f); } } /* 제품 구매 링크 버튼 css - end */ #content01 {position:relative; width:100%; min-width:1024px;} .content_wrap {position:absolute; width:1500px; height:601px; left:50%; margin-left:-750px;} .v_bg {position:absolute; left:0px;} .m_banner {max-width:1500px; min-width:1024px; margin:1px auto 0 auto; height:199px; text-align:center; overflow:hidden; z-index:100;} .m_banner:after {display:block; clear:both; content:'';} .m_banner li {position:relative; float:left; width:20%; height:198px; overflow:hidden;} .m_banner li:first-child img {margin-left:-150px;} .m_banner li img {position:absolute; left:50%; margin-left:-149px; width:300px;} .main_pop_box {position:absolute; width:223px; height:275px; top:163px; right:0px;z-index:9999999999999999999999 } .m_p_close {position:absolute; left:50%; margin-left:-58px; bottom:25px; cursor:pointer;z-index:9999999999999999999999 } .m_p_go {position:absolute; right:-16px; top:-16px; cursor:pointer;} /* sub */ .sub_con{width:100%;} .sub_t_bg {height:85px; background:#f3f0ee;} .s_location {position:relative; width:100%; height:72px; background:#339900;} .s_location_p {width:1001px; margin:0 auto; background:url('http://newsuppullim.cafe24.com/new_img/sub/sub_t_bg.gif') 0 0 no-repeat; height:72px;} .s_location_p img {margin:26px 0 0 40px;} .s_location_box {position:relative; width:1000px; margin:0 auto;} .loca_text {position:absolute; top:19px; right:0px; color:#cde0c3; font-size:11px; text-align:right;} .text_style01 {color:#fff; font-weight:bold;} .sub_con01 {position:relative; width:1000px; margin:0 auto;} .sub_con01:after {display:block; content:''; clear:both;} .sub_menu {float:left; width:160px; margin-right:60px; padding-top:8px;} /* .sub_menu a {display:block; text-indent:-9999px; height:39px;border-bottom:1px solid #ddd;} */ .sub_menu a {display:flex; text-indent: 10px; height:39px;border-bottom:1px solid #ddd; align-items: center; color: #000; font-family: sans-serif; font-size: 110%;} .sub_menu a[class*="on"] {font-weight: bold; color: #000;} .sub_menu a:hover {font-weight: bold; color: #000;} .map_icon01 {position:absolute; top:50%; margin-top:-14px; margin-left:-24px; left:50%; width:35px; height:28px; background:url('http://newsuppullim.cafe24.com/new_img/sub/map_icon.gif') -110px 0 no-repeat;} .map_icon02 {position:absolute; top:50%; margin-top:-14px; margin-left:-24px; left:50%; width:35px; height:28px; background:url('http://newsuppullim.cafe24.com/new_img/sub/map_icon.gif') -73px 0 no-repeat;} .map_icon03 {position:absolute; top:50%; margin-top:-14px; margin-left:-24px; left:50%; width:35px; height:28px; background:url('http://newsuppullim.cafe24.com/new_img/sub/map_icon.gif') -39px 0 no-repeat;} .map_icon04 {position:absolute; top:50%; margin-top:-14px; margin-left:-24px; left:50%; width:35px; height:28px; background:url('http://newsuppullim.cafe24.com/new_img/sub/map_icon.gif') -148px 0 no-repeat;} .map_icon05 {position:absolute; top:50%; margin-top:-14px; margin-left:-24px; left:50%; width:35px; height:28px; background:url('http://newsuppullim.cafe24.com/new_img/sub/map_icon.gif') -184px 0 no-repeat;} .map_icon06 {position:absolute; top:50%; margin-top:-14px; margin-left:-24px; left:50%; width:35px; height:28px; background:url('http://newsuppullim.cafe24.com/new_img/sub/map_icon.gif') -220px 0 no-repeat;} .map_icon07 {position:absolute; top:50%; margin-top:-14px; margin-left:-24px; left:50%; width:35px; height:28px; background:url('http://newsuppullim.cafe24.com/new_img/sub/map_icon.gif') 0 0 no-repeat;} .hosun {position:relative; top:3px; display:inline-block; width:19px; height:19px; background:url('http://newsuppullim.cafe24.com/new_img/sub/num_1.gif') 0px 2px no-repeat; padding:0px 2px 0 0 ; } .three_hosun {position:relative; top:3px; display:inline-block; width:19px; height:19px; background:url('http://newsuppullim.cafe24.com/new_img/sub/num_3.gif') 0px 2px no-repeat; padding:0px 2px 0 0 ; } .bus_span {position:relative; top:3px; display:inline-block; width:40px; height:14px; background:url('http://newsuppullim.cafe24.com/new_img/sub/iilban.gif') 0px 0px no-repeat; padding:0px 2px 0 0 ;} .ic_span {position:relative; top:1px; display:inline-block; width:32px; height:14px; background:url('http://newsuppullim.cafe24.com/new_img/sub/ic_icon.gif') 0px 0px no-repeat; margin-left:4px;} .p_title {margin-left:30px;} .p_title01 {margin:0px 0 20px 30px;} .pro_title {margin:50px 30px 30px 35px; display:flex; justify-content:space-between; align-items:flex-end;} .pro_title .title {font-family: KoddiUDOnGothic-Bold; color:var(--font-color-k90); font-size:48px; font-weight:100;} .pro_title .ment1 {font-family: NotoSansCJK-Bold; color:var(--font-color-k60);} .p_menu {display:flex; height:51px; justify-content:space-around; align-items:center;} .por_tap_ul:after {content:''; display:block; clear:both;} .por_tap_ul li {float:left; width:141px; height:50px; background:url('http://newsuppullim.cafe24.com/new_img/sub/pro_tap_bg.png') 0 0 no-repeat; text-align:center; line-height:42px; color:#000000; margin-right:5px; cursor:pointer; } .por_tap_ul li.on {background:url('http://newsuppullim.cafe24.com/new_img/sub/pro_tap_bg_on.png'); color:#fff;} .pro_tap_con p {display:none;} .pro_tap_con p.pro_p0 {display:block;} /* 서브메뉴 01 */ /* .sub_menu a.sub01_menu01 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu.png') 0 0 no-repeat;} .sub_menu a.sub01_menu02 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu.png') 0 -40px no-repeat;} .sub_menu a.sub01_menu03 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu.png') 0 -80px no-repeat;} .sub_menu a.sub01_menu04 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu.png') 0 -120px no-repeat;} .sub_menu a.sub01_menu05 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu.png') 0 -160px no-repeat;} .sub_menu a.sub01_menu06 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu.png') 0 -200px no-repeat;} .sub_menu a.sub01_menu07 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu.png') 0 -240px no-repeat;} .sub_menu a.sub01_menu08 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu.png') 0 -280px no-repeat;} .sub_menu a.sub01_menu09 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu.png') 0 -320px no-repeat;} */ /* on */ /* .sub_menu a.sub01_menu01_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu_on.png') 0 0 no-repeat;} .sub_menu a.sub01_menu02_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu_on.png') 0 -40px no-repeat;} .sub_menu a.sub01_menu03_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu_on.png') 0 -80px no-repeat;} .sub_menu a.sub01_menu04_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu_on.png') 0 -120px no-repeat;} .sub_menu a.sub01_menu05_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu_on.png') 0 -160px no-repeat;} .sub_menu a.sub01_menu06_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu_on.png') 0 -200px no-repeat;} .sub_menu a.sub01_menu07_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu_on.png') 0 -240px no-repeat;} .sub_menu a.sub01_menu08_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu_on.png') 0 -280px no-repeat;} .sub_menu a.sub01_menu09_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu_on.png') 0 -320px no-repeat;} */ /* hover */ /* .sub_menu a.sub01_menu01:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu_on.png') 0 0 no-repeat;} .sub_menu a.sub01_menu02:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu_on.png') 0 -40px no-repeat;} .sub_menu a.sub01_menu03:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu_on.png') 0 -80px no-repeat;} .sub_menu a.sub01_menu04:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu_on.png') 0 -120px no-repeat;} .sub_menu a.sub01_menu05:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu_on.png') 0 -160px no-repeat;} .sub_menu a.sub01_menu06:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu_on.png') 0 -200px no-repeat;} .sub_menu a.sub01_menu07:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu_on.png') 0 -240px no-repeat;} .sub_menu a.sub01_menu08:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu_on.png') 0 -280px no-repeat;} .sub_menu a.sub01_menu09:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub01_menu_on.png') 0 -320px no-repeat;} */ /* END 서브메뉴 01 */ /* 서브메뉴 02 */ /* .sub_menu02 a.sub01_menu01 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub02_menu.png') 0 0 no-repeat; } .sub_menu02 a.sub01_menu02 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub02_menu.png') 0 -40px no-repeat;} .sub_menu02 a.sub01_menu03 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub02_menu.png') 0 -80px no-repeat;} .sub_menu02 a.sub01_menu04 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub02_menu.png') 0 -120px no-repeat;} .sub_menu02 a.sub01_menu05 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub02_menu.png') 0 -160px no-repeat;} .sub_menu02 a.sub01_menu06 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub02_menu.png') 0 -200px no-repeat;} */ /* on */ /* .sub_menu02 a.sub01_menu01_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub02_menu_on.png') 0 0 no-repeat;} .sub_menu02 a.sub01_menu02_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub02_menu_on.png') 0 -40px no-repeat;} .sub_menu02 a.sub01_menu03_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub02_menu_on.png') 0 -80px no-repeat;} .sub_menu02 a.sub01_menu04_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub02_menu_on.png') 0 -120px no-repeat;} .sub_menu02 a.sub01_menu05_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub02_menu_on.png') 0 -160px no-repeat;} .sub_menu02 a.sub01_menu06_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub02_menu_on.png') 0 -200px no-repeat;} */ /* hover */ /* .sub_menu02 a.sub01_menu01:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub02_menu_on.png') 0 0 no-repeat;} .sub_menu02 a.sub01_menu02:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub02_menu_on.png') 0 -40px no-repeat;} .sub_menu02 a.sub01_menu03:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub02_menu_on.png') 0 -80px no-repeat;} .sub_menu02 a.sub01_menu04:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub02_menu_on.png') 0 -120px no-repeat;} .sub_menu02 a.sub01_menu05:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub02_menu_on.png') 0 -160px no-repeat;} .sub_menu02 a.sub01_menu06:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub02_menu_on.png') 0 -200px no-repeat;} */ /* END 서브메뉴 02 */ /* 서브메뉴 03 */ /* .sub_menu03 a.sub01_menu01 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub03_menu.png') 0 0 no-repeat;} .sub_menu03 a.sub01_menu02 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub03_menu.png') 0 -40px no-repeat;} .sub_menu03 a.sub01_menu03 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub03_menu.png') 0 -80px no-repeat;} .sub_menu03 a.sub01_menu04 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub03_menu.png') 0 -120px no-repeat;} */ /* on */ /* .sub_menu03 a.sub01_menu01_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub03_menu_on.png') 0 0 no-repeat;} .sub_menu03 a.sub01_menu02_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub03_menu_on.png') 0 -40px no-repeat;} .sub_menu03 a.sub01_menu03_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub03_menu_on.png') 0 -80px no-repeat;} .sub_menu03 a.sub01_menu04_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub03_menu_on.png') 0 -120px no-repeat;} */ /* hover */ /* .sub_menu03 a.sub01_menu01:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub03_menu_on.png') 0 0 no-repeat;} .sub_menu03 a.sub01_menu02:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub03_menu_on.png') 0 -40px no-repeat;} .sub_menu03 a.sub01_menu03:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub03_menu_on.png') 0 -80px no-repeat;} .sub_menu03 a.sub01_menu04:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub03_menu_on.png') 0 -120px no-repeat;} */ /* END 서브메뉴 03 */ /* 서브메뉴 04 */ /* .sub_menu04 a.sub01_menu01 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub04_menu.png') 0 0 no-repeat;} .sub_menu04 a.sub01_menu02 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub04_menu.png') 0 -40px no-repeat;} .sub_menu04 a.sub01_menu03 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub04_menu.png') 0 -80px no-repeat;} .sub_menu04 a.sub01_menu04 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub04_menu.png') 0 -120px no-repeat;} */ /* on */ /* .sub_menu04 a.sub01_menu01_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub04_menu_on.png') 0 0 no-repeat;} .sub_menu04 a.sub01_menu02_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub04_menu_on.png') 0 -40px no-repeat;} .sub_menu04 a.sub01_menu03_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub04_menu_on.png') 0 -80px no-repeat;} .sub_menu04 a.sub01_menu04_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub04_menu_on.png') 0 -120px no-repeat;} */ /* hover */ /* .sub_menu04 a.sub01_menu01:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub04_menu_on.png') 0 0 no-repeat;} .sub_menu04 a.sub01_menu02:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub04_menu_on.png') 0 -40px no-repeat;} .sub_menu04 a.sub01_menu03:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub04_menu_on.png') 0 -80px no-repeat;} .sub_menu04 a.sub01_menu04:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub04_menu_on.png') 0 -120px no-repeat;} */ /* END 서브메뉴 04 */ /* 서브메뉴 05 */ /* .sub_menu05 a.sub01_menu01 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub05_menu.png') 0 0 no-repeat;} .sub_menu05 a.sub01_menu02 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub05_menu.png') 0 -40px no-repeat;} .sub_menu05 a.sub01_menu03 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub05_menu.png') 0 -80px no-repeat;} .sub_menu05 a.sub01_menu04 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub05_menu.png') 0 -120px no-repeat;} .sub_menu05 a.sub01_menu05 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub05_menu.png') 0 -160px no-repeat;} .sub_menu05 a.sub01_menu06 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub05_menu.png') 0 -200px no-repeat;} */ /* on */ /* .sub_menu05 a.sub01_menu01_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub05_menu_on.png') 0 1px no-repeat;} .sub_menu05 a.sub01_menu02_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub05_menu_on.png') 0 -39px no-repeat;} .sub_menu05 a.sub01_menu03_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub05_menu_on.png') 0 -79px no-repeat;} .sub_menu05 a.sub01_menu04_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub05_menu_on.png') 0 -119px no-repeat;} .sub_menu05 a.sub01_menu05_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub05_menu_on.png') 0 -159px no-repeat;} .sub_menu05 a.sub01_menu06_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub05_menu_on.png') 0 -199px no-repeat;} */ /* hover */ /* .sub_menu05 a.sub01_menu01:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub05_menu_on.png') 0 1px no-repeat;} .sub_menu05 a.sub01_menu02:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub05_menu_on.png') 0 -39px no-repeat;} .sub_menu05 a.sub01_menu03:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub05_menu_on.png') 0 -79px no-repeat;} .sub_menu05 a.sub01_menu04:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub05_menu_on.png') 0 -119px no-repeat;} .sub_menu05 a.sub01_menu05:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub05_menu_on.png') 0 -159px no-repeat;} .sub_menu05 a.sub01_menu06:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub05_menu_on.png') 0 -199px no-repeat;} */ /* .sub_menu05 p a {backgrond:none; height:100%; text-indent:-0px; border-bottom:0px;} */ /* END 서브메뉴 05 */ /* 서브메뉴 06 */ /* .sub_menu06 a.sub01_menu01 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub06_menu.png') 0 0 no-repeat;} .sub_menu06 a.sub01_menu02 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub06_menu.png') 0 -40px no-repeat;} .sub_menu06 a.sub01_menu03 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub06_menu.png') 0 -80px no-repeat;} .sub_menu06 a.sub01_menu04 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub06_menu.png') 0 -120px no-repeat;} .sub_menu06 a.sub01_menu05 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub06_menu.png') 0 -160px no-repeat;} */ /* on */ /* .sub_menu06 a.sub01_menu01_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub06_menu_on.png') 0 0 no-repeat;} .sub_menu06 a.sub01_menu02_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub06_menu_on.png') 0 -40px no-repeat;} .sub_menu06 a.sub01_menu03_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub06_menu_on.png') 0 -80px no-repeat;} .sub_menu06 a.sub01_menu04_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub06_menu_on.png') 0 -120px no-repeat;} .sub_menu06 a.sub01_menu05_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub06_menu_on.png') 0 -160px no-repeat;} */ /* hover */ /* .sub_menu06 a.sub01_menu01:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub06_menu_on.png') 0 0 no-repeat;} .sub_menu06 a.sub01_menu02:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub06_menu_on.png') 0 -40px no-repeat;} .sub_menu06 a.sub01_menu03:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub06_menu_on.png') 0 -80px no-repeat;} .sub_menu06 a.sub01_menu04:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub06_menu_on.png') 0 -120px no-repeat;} .sub_menu06 a.sub01_menu05:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub06_menu_on.png') 0 -160px no-repeat;} */ /* END 서브메뉴 06 */ /* 서브메뉴 07 */ /* .sub_menu07 a.sub01_menu01 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub08_menu.png') 0 0 no-repeat;} .sub_menu07 a.sub01_menu02 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub08_menu.png') 0 -40px no-repeat;} */ /* on */ /* .sub_menu07 a.sub01_menu01_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub08_menu_on.png') 0 0 no-repeat;} .sub_menu07 a.sub01_menu02_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub08_menu_on.png') 0 -40px no-repeat;} */ /* hover */ /* .sub_menu07 a.sub01_menu01:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub08_menu_on.png') 0 0 no-repeat;} .sub_menu07 a.sub01_menu02:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub08_menu_on.png') 0 -40px no-repeat;} */ /* END 서브메뉴 07 */ /* 서브메뉴 08 */ /* .sub_menu08 a.sub01_menu01 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub07_menu.png') 0 0 no-repeat;} .sub_menu08 a.sub01_menu02 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub07_menu.png') 0 -40px no-repeat;} .sub_menu08 a.sub01_menu03 {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub07_menu.png') 0 -80px no-repeat;} */ /* on */ /* .sub_menu08 a.sub01_menu01_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub07_menu_on.png') 0 0 no-repeat;} .sub_menu08 a.sub01_menu02_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub07_menu_on.png') 0 -40px no-repeat;} .sub_menu08 a.sub01_menu03_on {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub07_menu_on.png') 0 -80px no-repeat;} */ /* hover */ /* .sub_menu08 a.sub01_menu01:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub07_menu_on.png') 0 0 no-repeat;} .sub_menu08 a.sub01_menu02:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub07_menu_on.png') 0 -40px no-repeat;} .sub_menu08 a.sub01_menu03:hover {background:url('http://newsuppullim.cafe24.com/new_img/sub/sub07_menu_on.png') 0 -80px no-repeat;} */ /* END 서브메뉴 08 */ .sub_contents {overflow:hidden; min-height:500px; padding:30px 0 80px 0;} #footer { background:url('http://newsuppullim.cafe24.com/new_img/main/footer_bg.gif') 0 0 repeat; margin-top:1px; min-width:1024px; overflow:hidden; padding-bottom:77px;} .footer_wrap {position:relative; width:1000px; margin:0 auto;} .footer_wrap h1 {position:absolute; top:30px;} .f_menu {margin-left:217px; padding-top:40px;} .f_menu a {color:#fff; text-decoration:none; margin-left:26px;} .f_menu a:first-child {margin-left:0px;} .f_copy {color:#c3c4c8; margin-top:47px; margin-left:217px; line-height:20px;} .f_copy01 {margin-top:25px; color:#fff; margin-left:217px;} /* 서브 */ .sub_footer .f_menu, .sub_footer .f_copy, .sub_footer .f_copy01 {margin-left:0px;} .sub_footer h1 {top:101px; right:0px;} .ha_p_wrap {margin:70px 0 50px 0;} .ha_p_wrap a {margin-right:5px;} .ha_p, .ha_p01 { margin-right:78px;} .company {position:relative; width:100%; height:280px; background:url(/new_img/common/titleBg.png) no-repeat 330px 20px; margin-bottom:100px; } .company h1 { padding-top:40px; } .company .con_1{ padding-top:60px; } .company .con_2{ position: absolute;top:0px;right:0px; } .company .con_3{ position: absolute;top:205px;right:190px;} .business {position:relative; width:100%; height:250px; background:url(/new_img/common/titleBg.png) no-repeat 330px 40px; margin-bottom:40px; } .business h1 { padding-top:40px; } .business .con_1{ padding-top:80px; } .business .con_2{ position: absolute;top:0px;right:0px; } .business .con_3{ position: absolute;top:205px;right:170px;} .business .con_4 { position: absolute;top:100px;left:0px; color:#999 } .customer {position:relative; width:100%; height:250px; background:url(/new_img/common/titleBg.png) no-repeat 330px 40px; margin-bottom:80px; } .customer h1 { padding-top:40px; } .customer .con_1{ padding-top:80px; } .customer .con_2{ position: absolute;top:0px;right:0px; } .customer .con_3{ position: absolute;top:205px;right:170px;} .customer .con_4 { position: absolute;top:100px;left:0px; color:#999 } .customerTit .fontBold { color:#ff3200; font-weight:bold; font-size:15px; } .mb20 {margin-bottom:20px;} .sub_bg {width:780px; height:0px; position:absolute; left:50%; margin-left:-394px; z-index:1; top:43px; background:url('http://newsuppullim.cafe24.com/new_img/sub/menuBg.png')} .sub_menu01 {position:absolute; left:153px; z-index:10; top:64px; height:0px; overflow:hidden; } .sub_menu01:after {display:block; content:''; clear:both;} .sub_menu01 ul {float:left; left:50%; z-index:10;} .sub_menu01 ul li {padding-bottom:10px; width:110px; text-align:left;} .sub_menu01 ul.sub_menu01_ul01 li {margin-left:21px;} .sub_menu01 ul.sub_menu01_ul06 li {padding-left:0px;} .sub_menu01 ul li a {color:#b5bbc4; font-family:"NanumBold"; font-weight:bold; letter-spacing:0px;} .sub_menu01 ul li a:hover {text-decoration:none; color:#fff;} .sub_menu01 ul.s_menu_ul02 {width:108px;} .sub_menu01 ul.s_menu_ul03 {width:112px;} .sub_menu01 ul.s_menu_ul04 {width:110px;} hr {position: absolute;left:0px;width:100%;border:0px;} .lineCSI {border-top:1px solid #eee !important;} .tabArea { margin-bottom:30px; overflow:hidden; font-weight:bold} .tabArea li {float:left; text-align:center;} .mt_ul {margin-top:70px;} .mt_ul01 {margin-top:100px;} .policy_div {padding:10px 20px; border:1px solid #ddd; margin-top:10px; overflow-y:scroll; height:90px; line-height:20px; } .po_p {margin:10px 0 20px 0; } .po_p input {position:relative; top:2px; margin-right:5px;} /* 상품 비뉴얼 css */ .visual_wrap {position:relative; width:100%; height:601px; margin:0 auto; overflow:hidden; } .v_con {position:absolute; width:100%; left:0px; top:0px; } .visual01_wrap {position:relative; width:100%; height:601px; overflow:hidden; background:url('../new_img/main/mainimg_02.jpg') no-repeat top center; } .header01 {position:relative; overflow:hidden; z-index:0;} .header01 .bg {position:absolute; top:0px; left:0px; width:100%; height:601px; text-align:center;} .header01 .bg li {position:absolute; top:0; left:0; width:100%; height:601px; text-align:center;} .header01 .bg li img {width:565px; height:482px; } .bg0 { background:url('../new_img/main/mainimg_01.jpg') no-repeat top center;} .bg1 { background:url('../new_img/main/mainimg_02.jpg') no-repeat top center;} .b_btn {position:absolute; left:50%; margin-left:-50px; bottom:47px;} .b_btn a {display:inline-block; width:15px; height:15px; margin:0 5px; overflow:hidden; text-indent:-9999px; background:url('http://newsuppullim.cafe24.com/new_img/main/v_btn02.png') no-repeat 0 0; cursor:pointer} .b_btn a.on {background:url('http://newsuppullim.cafe24.com/new_img/main/v_btn01.png') no-repeat 0 0;} /* 마진 */ .m_t_50 {margin-top:30px;} /* 미디어 쿼리 */ @media all and (max-width:1540px) { .main_pop_box {position:fixed; top:197px; right:13px; z-index:9999;} }