/* BASIC css start */ .section_fixedFooter, .sub_top_ban {display:none;} /************************** 메인이미지 폰트/사이즈 :::: 개별적으로 맞추고 싶을때 line3 처럼 뒤에 숫자를 붙여서 구분해주기 **************************/ .text { color:#ffffff; font-weight:bold; letter-spacing:8px; display:block; text-transform: uppercase ;font-family: sans-serif;} .section {text-align:center;font-size:0;} .sub_top_ban {display:none !important;} #footer {margin:0 auto !important;} /* 한글 */ .k_title28 { font-size:12px; line-height:25px; letter-spacing:1px;} /*영문 bold굵게 line얇게 */ .bold_title95 { font-size:25px; line-height:40px; } .bold_title70 { font-size:25px; line-height:40px;} .line_title70 { font-size:25px; line-height:40px; font-weight:300; } .line3_title70 { font-size:25px; line-height:40px; font-weight:300; } /* 메인이미지3 얇은 폰트 */ .bold3_title95 { font-size:25px; line-height:40px; } .bold4_title95 { font-size:25px; line-height:40px; } .bold5_title95 { font-size:25px; line-height:40px; } .bold6_title95 { font-size:25px; line-height:40px; } /* 메인이미지 버튼 */ .page_btn {display:inline-block; height:40px;margin:31px auto 0 auto;text-align:center;} .page_btn a {display:block; padding:0px 10px; height:30px; color:#ffffff;border:1px solid #ffffff;font-size:12px;line-height:30px;letter-spacing:2px;font-weight:300;} .page_btn a:hover {color:#fff;border:1px solid #004fd2;background-color:#004fd2;} /* 텍스트영역 */ .area_center {position: absolute; z-index: 4; margin:0 auto;top:35%;width:100%;} /************************** 메인이미지 **************************/ /* 공통 하단 텍스트 */ .text_area { width:90%;padding:15px 5%;background:url(/design/monsferkik/mobile_glam/sub_text_bg.jpg); color:#fff; position:absolute; bottom:0px;} .text_area .inner_tilte {font-size:15px; color:#fff; font-weight:300;} .text_area .inner_text {font-size:12px; color:#8d8d8d; padding:15px 0 0 0; font-weight:300;} /* 23번 카톡상담*/ #section23 {position:relative; background-image:url(/design/monsferkik/0119glam/mainbanner01.jpg); background-position:center; background-size: cover;} /* 9번 사진리뷰*/ #section9 {position:relative; background-image:url(/design/monsferkik/0119glam/mainbanner08.jpg); background-position:center; background-size: cover;} /* 6번 블랙멤버쉽*/ #section6 {position:relative; background-image:url(/design/monsferkik/0119glam/mainbanner02.jpg); background-position:center; background-size: cover;} /* 22번 에어팟*/ #section22 {position:relative; background-image:url(/design/monsferkik/0119glam/mainbanner09.jpg); background-position:center; background-size: cover;} /* 21번 스마트톡*/ #section21 {position:relative; background-image:url(/design/monsferkik/0119glam/mb001.jpg); background-position:center; background-size: cover;} /* 3번 맥세이프*/ #section3 {position:relative; background-image:url(/design/monsferkik/0119glam/mainbanner000.jpg); background-position:center; background-size: cover;} /* 5번 보조배터리*/ #section5 {position:relative; background-image:url(/design/monsferkik/0119glam/mainbanner07.jpg); background-position:center; background-size: cover;} /* 1번 슬림하드*/ #section1 {position:relative; background-image:url(/design/monsferkik/0119glam/mainbanner04.jpg); background-position:center; background-size: cover;} /* 11번 카드팩 */ #section11 {position:relative; background-image:url(/design/monsferkik/0119glam/mainbanner05.jpg); background-position:center; background-size: cover;} /* 16번 여권*/ #section16 {position:relative; background-image:url(/design/monsferkik/0119glam/mainbanner10.jpg); background-position:center; background-size: cover;} /* 25번 투명하드 */ #section25 {position:relative; background-image:url(/design/monsferkik/0119glam/mainbanner11.jpg); background-position:center; background-size: cover;} /* 4번 월릿커버*/ #section4 {position:relative; background-image:url(/design/monsferkik/0119glam/mainbanner17.jpg); background-position:center; background-size: cover;} /* 2번 터프*/ #section2 {position:relative; background-image:url(/design/monsferkik/0119glam/mainbanner16.jpg); background-position:center; background-size: cover;} /* 0번 클리어핏*/ #section0 {position:relative; background-image:url(/design/monsferkik/0119glam/mainbanner18.jpg); background-position:center; background-size: cover;} /* 26번 석고방향제*/ #section26 {position:relative; background-image:url(/design/monsferkik/0119glam/mainbanner15.jpg); background-position:center; background-size: cover;} /* 14번 도매OEM*/ #section14 {position:relative; background-image:url(/design/monsferkik/0119glam/mainbanner13.jpg); background-position:center; background-size: cover;} /* 10번(인스타그램) */ #section10 { position:relative; margin:0px; padding:0px; font-size:0px; background-color:#f4f4f4;} #section10 .inner_tilte_sns {font-size:12px;color:#9a9a9a; text-align:center;margin:70px auto 5px;} #section10 .inner_tilte_sns img {height:30px;} #section10 .inner_tilte_sns .text_follow {display:inline-block; vertical-align:middle; margin:10px 6px 0;text-align:center; } #section10 .inner_tilte_sns .text_follow span {color:#333;} #instafeed { margin:0 auto; text-align:center; width:100%; } #instafeed img { text-decoration:none; border:none; width:150px !important; height:150px !important; margin:5px; } /* 하단 2단 배너 */ #section10 { height:100%; margin:0px; padding:0px; font-size:0px; } .banner_area { width:100%; vertical-align:top; margin:60px 0 0 0; padding:0;} .banner_area img { width:100%; height:100%;} .ban01 { width:50%; min-height:100%; display:inline-block;vertical-align:top;} .ban02 { width:50%; min-height:100%; display:inline-block;vertical-align:top;} .banner_area .banner01 img {width:100%; } .banner_area .banner02 img {width:100%; } .banner_area .ban_txt01 {width:100%;background-color:#f5eeee;margin:0 auto;text-align:center;} .banner_area .ban_txt02 {width:100%;background-color:#f4f4f4;margin:0 auto;text-align:center;} .ban_title a {font-size:15px; font-weight:300; color:#464646; text-align:center; padding:23px 5px 0; display:block;} .ban_txt a{font-size:12px; color:#a7a7a7; text-align:center; padding:14px 5px 0; display:block;} .ban_read a{font-size:11px; color:#6d6d6d; text-align:center; padding:7px 5px 20px; font-weight:bold; display:block;} /************************** 브라우저 사이즈별 **************************/ @media all and (max-height:430px) { .text_area {display:none;} #section5 #instafeed img { text-decoration:none; border:none; width:100px; height:100px; margin:5px; } } /* BASIC css end */