/* 노트북 작은 해상도 1440*900 */ @media all and (max-width: 1440px) { /* 로고 */ #logo_wrap img { width: 140px; height: auto; margin-left: 30px; margin-top: 10px; } /* 텍스트 */ #contact_top { width: 100%; height: 40%; background-color: #ffe000; font-size: 18px; position: relative; } #contact_top .contactWrap { width: 100%; height: 100%; position: absolute; left: 50%; margin-top: 0%; text-align: center; } #contact_top .contactWrap span { font-family: 'roboto'; font-weight: 900; color: #797979; font-size: 14px; } .margin { margin-top: 10px; } #contact_top .contactWrap .nullBox { width: 100%; height: 16%; } #contact_top .contactWrap .address { width: 100%; height: 28%; position: relative; } #contact_top .contactWrap .address .addressWrap { width: 100%; } #contact_top .contactWrap .address .addressWrap span { } #contact_top .contactWrap .address .addressWrap p { padding-left: 5%; padding-right: 5%; } #contact_top .contactWrap .tel { width: 100%; height: 28%; position: relative; } #contact_top .contactWrap .tel .telWrap { width: 100%; } #contact_top .contactWrap .info { width: 100%; height: 28%; position: relative; } #contact_top .contactWrap .info .infoWrap { width: 100%; } #contact_top .contactWrap .info span { } #contact_top .contactWrap .info p { font-size: 14px; padding-left: 5%; padding-right: 5%; } } /* 노트북 작은 해상도 1366*768,1280*800,1200*800 */ @media all and (max-width: 1366px) { /* 로고 */ #logo_wrap img { width: 130px; height: auto; margin-left: 30px; margin-top: 10px; } } /* 노트북 작은 해상도 1024*768 */ @media all and (max-width: 1024px) { /* 로고 */ #logo_wrap img { width: 120px; height: auto; margin-left: 30px; margin-top: 10px; } } /* 노트북 작은 해상도 970*600,960*600(G패드8.3,넥서스7-2013) */ @media all and (max-width: 970px) { /* 로고 */ #logo_wrap img { width: 120px; height: auto; margin-left: 20px; margin-top: 10px; } /* 오시는 길 페이지 */ /* 전체 */ #contact_page { width: 100%; height: 100%; position: absolute; z-index: 3; top: 0px; } /* 텍스트 */ #contact_top { width: 100%; height: 40%; background-color: #ffe000; font-size: 16px; position: relative; } #contact_top .contactWrap { width: 100%; height: 100%; position: absolute; left: 50%; margin-top: 0%; text-align: center; } #contact_top .contactWrap span { font-family: 'roboto'; font-weight: 900; color: #797979; font-size: 12px; } .margin { margin-top: 10px; } #contact_top .contactWrap .nullBox { width: 100%; height: 16%; } #contact_top .contactWrap .address { width: 100%; height: 28%; position: relative; } #contact_top .contactWrap .address .addressWrap { width: 100%; } #contact_top .contactWrap .address .addressWrap span { } #contact_top .contactWrap .address .addressWrap p { padding-left: 5%; padding-right: 5%; } #contact_top .contactWrap .tel { width: 100%; height: 28%; position: relative; } #contact_top .contactWrap .tel .telWrap { width: 100%; } #contact_top .contactWrap .info { width: 100%; height: 28%; position: relative; } #contact_top .contactWrap .info .infoWrap { width: 100%; } #contact_top .contactWrap .info span { } #contact_top .contactWrap .info p { font-size: 14px; padding-left: 5%; padding-right: 5%; } } /* 태블릿 세로모드 */ /* 넥서스10,갤럭시탭S 800*1280 */ @media all and (max-width: 900px) { /* 로고 */ #logo_wrap img { width: 120px; height: auto; margin-left: 20px; margin-top: 10px; } /* 오시는 길 페이지 */ /* 전체 */ #contact_page { width: 100%; height: 100%; position: absolute; z-index: 3; top: 0px; } /* 텍스트 */ #contact_top { width: 100%; height: 40%; background-color: #ffe000; font-size: 20px; position: relative; } #contact_top .contactWrap { width: 100%; height: 100%; position: absolute; left: 50%; margin-top: 0%; text-align: center; } #contact_top .contactWrap span { font-family: 'roboto'; font-weight: 900; color: #797979; font-size: 16px; } .margin { margin-top: 10px; } #contact_top .contactWrap .nullBox { width: 100%; height: 25%; } #contact_top .contactWrap .address { width: 100%; height: 25%; position: relative; } #contact_top .contactWrap .address .addressWrap { width: 100%; } #contact_top .contactWrap .address .addressWrap span { } #contact_top .contactWrap .address .addressWrap p { padding-left: 5%; padding-right: 5%; } #contact_top .contactWrap .tel { width: 100%; height: 25%; position: relative; } #contact_top .contactWrap .tel .telWrap { width: 100%; } #contact_top .contactWrap .info { width: 100%; height: 25%; position: relative; } #contact_top .contactWrap .info .infoWrap { width: 100%; } #contact_top .contactWrap .info span { } #contact_top .contactWrap .info p { font-size: 16px; padding-left: 5%; padding-right: 5%; } } /* 아이패드1,패드2,미니,레티나 세로모드 768*1024 */ @media (min-width: 767px) and (max-width: 768px) { /* 로고 */ #logo_wrap img { width: 120px; height: auto; margin-left: 20px; margin-top: 10px; } /* 오시는 길 페이지 */ /* 전체 */ #contact_page { width: 100%; height: 100%; position: absolute; z-index: 3; top: 0px; } /* 텍스트 */ #contact_top { width: 100%; height: 40%; background-color: #ffe000; font-size: 18px; position: relative; } #contact_top .contactWrap { width: 100%; height: 100%; position: absolute; left: 50%; margin-top: 0%; text-align: center; } #contact_top .contactWrap span { font-family: 'roboto'; font-weight: 900; color: #797979; font-size: 14px; } .margin { margin-top: 10px; } #contact_top .contactWrap .nullBox { width: 100%; height: 25%; } #contact_top .contactWrap .address { width: 100%; height: 25%; position: relative; } #contact_top .contactWrap .address .addressWrap { width: 100%; } #contact_top .contactWrap .address .addressWrap span { } #contact_top .contactWrap .address .addressWrap p { padding-left: 5%; padding-right: 5%; } #contact_top .contactWrap .tel { width: 100%; height: 25%; position: relative; } #contact_top .contactWrap .tel .telWrap { width: 100%; } #contact_top .contactWrap .info { width: 100%; height: 25%; position: relative; } #contact_top .contactWrap .info .infoWrap { width: 100%; } #contact_top .contactWrap .info span { } #contact_top .contactWrap .info p { font-size: 16px; padding-left: 5%; padding-right: 5%; } } /* 태블릿 세로모드 */ /* 여기에 걸리는건 없는듯 그래도 지정했음. */ @media all and (max-width: 766px) { /* 로고 */ #logo_wrap img { width: 120px; height: auto; margin-left: 20px; margin-top: 10px; } /* 오시는 길 페이지 */ /* 전체 */ #contact_page { width: 100%; height: 100%; position: absolute; z-index: 3; top: 0px; } /* 텍스트 */ #contact_top { width: 100%; height: 40%; background-color: #ffe000; font-size: 18px; position: relative; } #contact_top .contactWrap { width: 100%; height: 100%; position: absolute; left: 50%; margin-top: 0%; text-align: center; } #contact_top .contactWrap span { font-family: 'roboto'; font-weight: 900; color: #797979; font-size: 14px; } .margin { margin-top: 10px; } #contact_top .contactWrap .nullBox { width: 100%; height: 25%; } #contact_top .contactWrap .address { width: 100%; height: 25%; position: relative; } #contact_top .contactWrap .address .addressWrap { width: 100%; } #contact_top .contactWrap .address .addressWrap span { } #contact_top .contactWrap .address .addressWrap p { padding-left: 5%; padding-right: 5%; } #contact_top .contactWrap .tel { width: 100%; height: 25%; position: relative; } #contact_top .contactWrap .tel .telWrap { width: 100%; } #contact_top .contactWrap .info { width: 100%; height: 25%; position: relative; } #contact_top .contactWrap .info .infoWrap { width: 100%; } #contact_top .contactWrap .info span { } #contact_top .contactWrap .info p { font-size: 16px; padding-left: 5%; padding-right: 5%; } } /* 640*360(갤럭시노트4,S5,노트3,S3,노트2,알파),667*375(아이폰6),736*414(아이폰6+) */ /* 모바일 가로모드 */ @media all and (max-width: 736px) { /* 로고 */ #logo_wrap img { width: 90px; height: auto; margin-left: 20px; margin-top: 10px; } /* 메뉴박스 */ .menuBox { width: 34px; height: 30px; position: absolute; right: 25px; top: 25px; z-index: 5; } .menu { width: 34px; position: relative; cursor: pointer;} /* 옆 메뉴 */ #sideMenu { width: 220px; height: 100%; background-color: #fff; position: absolute; right: 0px; box-shadow: 0px 0px 5px #555; -moz-box-shadow: 0px 0px 5px #555; -webkit-box-shadow: 0px 0px 5px #555; -ms-box-shadow: 0px 0px 5px #555; behavior: url(PIE.htc); display: none; } .sideMenuWrap { top: 20px; position: absolute; font-size: 12px; } #sideMenu ul li { } #sideMenu ul li a { text-decoration: none; color: #bababa; font-family: 'NanumBGLight'; font-weight: 900; display: block; padding-left: 40px; padding-top: 8px; padding-bottom: 8px; padding-right: 30px;} .sideMenuName { } .sideMenuLine { padding-top: 0px; color: #cbcbcb; padding-left: 40px; } .sideMenuBottom { position: absolute; bottom: 0px; padding-left: 30px; padding-bottom: 10px; font-family: 'roboto'; line-height: 13px; } .since {font-size: 14px; color: #bababa; } .name1 { font-size: 12px; color: #bababa; } .name2 { font-size: 14px; color: #bababa; } .sideMenuClose { position: absolute; font-family: 'NanumBGBold'; font-weight: 400; font-size: 26px; right: 30px; top: 15px; color: #bababa; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; cursor: pointer; } /* 오시는 길 페이지 */ /* 전체 */ #contact_page { width: 100%; height: 100%; position: absolute; z-index: 3; top: 0px; } /* 텍스트 */ #contact_top { width: 100%; height: 40%; background-color: #ffe000; font-size: 14px; position: relative; } #contact_top .contactWrap { width: 100%; height: 100%; position: absolute; left: 50%; margin-top: 0%; text-align: center; } #contact_top .contactWrap span { font-family: 'roboto'; font-weight: 900; color: #797979; font-size: 12px; } .margin { margin-top: 0px; } #contact_top .contactWrap .nullBox { width: 100%; height: 13%; } #contact_top .contactWrap .address { width: 100%; height: 29%; position: relative; } #contact_top .contactWrap .address .addressWrap { width: 100%; } #contact_top .contactWrap .address .addressWrap span { } #contact_top .contactWrap .address .addressWrap p { padding-left: 5%; padding-right: 5%; } #contact_top .contactWrap .tel { width: 100%; height: 29%; position: relative; } #contact_top .contactWrap .tel .telWrap { width: 100%; } #contact_top .contactWrap .info { width: 100%; height: 29%; position: relative; } #contact_top .contactWrap .info .infoWrap { width: 100%; } #contact_top .contactWrap .info span { } #contact_top .contactWrap .info p { font-size: 12px; padding-left: 5%; padding-right: 5%; } } /* 태블릿 세로모드 */ /* G패드8.3,넥서스7(2013)- 600*960 */ @media all and (max-width: 600px) { /* 로고 */ #logo_wrap img { width: 110px; height: auto; margin-left: 20px; margin-top: 10px; } /* 메뉴박스 */ .menuBox { width: 34px; height: 30px; position: absolute; right: 30px; top: 30px; z-index: 5; } .menu { width: 34px; position: relative; cursor: pointer;} /* 옆 메뉴 */ #sideMenu { width: 220px; height: 100%; background-color: #fff; position: absolute; right: 0px; box-shadow: 0px 0px 5px #555; -moz-box-shadow: 0px 0px 5px #555; -webkit-box-shadow: 0px 0px 5px #555; -ms-box-shadow: 0px 0px 5px #555; behavior: url(PIE.htc); display: none; } .sideMenuWrap { top: 20px; position: absolute; font-size: 14px; } #sideMenu ul li { } #sideMenu ul li a { text-decoration: none; color: #bababa; font-family: 'NanumBGLight'; font-weight: 900; display: block; padding-left: 40px; padding-top: 20px; padding-bottom: 20px; padding-right: 30px;} .sideMenuName { } .sideMenuLine { padding-top: 0px; color: #cbcbcb; padding-left: 40px; } .sideMenuBottom { position: absolute; bottom: 0px; padding-left: 30px; padding-bottom: 30px; font-family: 'roboto'; line-height: 15px; } .since {font-size: 14px; color: #bababa; } .name1 { font-size: 12px; color: #bababa; } .name2 { font-size: 14px; color: #bababa; } .sideMenuClose { position: absolute; font-family: 'NanumBGBold'; font-weight: 400; font-size: 26px; right: 30px; top: 15px; color: #bababa; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; cursor: pointer; } /* 오시는 길 페이지 */ /* 전체 */ #contact_page { width: 100%; height: 100%; position: absolute; z-index: 3; top: 0px; } /* 텍스트 */ #contact_top { width: 100%; height: 40%; background-color: #ffe000; font-size: 16px; position: relative; } #contact_top .contactWrap { width: 100%; height: 100%; position: absolute; left: 50%; margin-top: 0%; text-align: center; } #contact_top .contactWrap span { font-family: 'roboto'; font-weight: 900; color: #797979; font-size: 12px; } .margin { margin-top: 10px; } #contact_top .contactWrap .nullBox { width: 100%; height: 31%; } #contact_top .contactWrap .address { width: 100%; height: 23%; position: relative; } #contact_top .contactWrap .address .addressWrap { width: 100%; } #contact_top .contactWrap .address .addressWrap span { } #contact_top .contactWrap .address .addressWrap p { padding-left: 5%; padding-right: 5%; } #contact_top .contactWrap .tel { width: 100%; height: 23%; position: relative; } #contact_top .contactWrap .tel .telWrap { width: 100%; } #contact_top .contactWrap .info { width: 100%; height: 23%; position: relative; } #contact_top .contactWrap .info .infoWrap { width: 100%; } #contact_top .contactWrap .info span { } #contact_top .contactWrap .info p { font-size: 14px; padding-left: 5%; padding-right: 5%; } } /* 모바일 가로모드 */ @media all and (max-width: 590px) { /* 로고 */ #logo_wrap img { width: 90px; height: auto; margin-left: 10px; margin-top: 10px; } /* 메뉴박스 */ .menuBox { width: 34px; height: 30px; position: absolute; right: 25px; top: 25px; z-index: 5; } .menu { width: 34px; position: relative; cursor: pointer;} /* 옆 메뉴 */ #sideMenu { width: 220px; height: 100%; background-color: #fff; position: absolute; right: 0px; box-shadow: 0px 0px 5px #555; -moz-box-shadow: 0px 0px 5px #555; -webkit-box-shadow: 0px 0px 5px #555; -ms-box-shadow: 0px 0px 5px #555; behavior: url(PIE.htc); display: none; } .sideMenuWrap { top: 20px; position: absolute; font-size: 12px; } #sideMenu ul li { } #sideMenu ul li a { text-decoration: none; color: #bababa; font-family: 'NanumBGLight'; font-weight: 900; display: block; padding-left: 40px; padding-top: 6px; padding-bottom: 6px; padding-right: 30px;} .sideMenuName { } .sideMenuLine { padding-top: 0px; color: #cbcbcb; padding-left: 40px; } .sideMenuBottom { position: absolute; bottom: 0px; padding-left: 30px; padding-bottom: 10px; font-family: 'roboto'; line-height: 10px; } .since {font-size: 12px; color: #bababa; } .name1 { font-size: 10px; color: #bababa; } .name2 { font-size: 12px; color: #bababa; } .sideMenuClose { position: absolute; font-family: 'NanumBGBold'; font-weight: 400; font-size: 26px; right: 30px; top: 15px; color: #bababa; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; cursor: pointer; } /* 오시는 길 페이지 */ /* 전체 */ #contact_page { width: 100%; height: 100%; position: absolute; z-index: 3; top: 0px; } /* 텍스트 */ #contact_top { width: 100%; height: 40%; background-color: #ffe000; font-size: 10px; position: relative; } #contact_top .contactWrap { width: 100%; height: 100%; position: absolute; left: 50%; margin-top: 0%; text-align: center; } #contact_top .contactWrap span { font-family: 'roboto'; font-weight: 900; color: #797979; font-size: 10px; } .margin { margin-top: 0px; } #contact_top .contactWrap .nullBox { width: 100%; height: 16%; } #contact_top .contactWrap .address { width: 100%; height: 28%; position: relative; } #contact_top .contactWrap .address .addressWrap { width: 100%; } #contact_top .contactWrap .address .addressWrap span { } #contact_top .contactWrap .address .addressWrap p { padding-left: 5%; padding-right: 5%; } #contact_top .contactWrap .tel { width: 100%; height: 28%; position: relative; } #contact_top .contactWrap .tel .telWrap { width: 100%; } #contact_top .contactWrap .info { width: 100%; height: 28%; position: relative; } #contact_top .contactWrap .info .infoWrap { width: 100%; } #contact_top .contactWrap .info span { } #contact_top .contactWrap .info p { font-size: 10px; padding-left: 5%; padding-right: 5%; } } /* 아이폰6플러스 414*736 */ @media all and (max-width: 414px) { /* 로고 */ #logo_wrap img { width: 90px; height: auto; margin-left: 10px; margin-top: 10px; } /* 메뉴박스 */ .menuBox { width: 34px; height: 30px; position: absolute; right: 25px; top: 25px; z-index: 5; } .menu { width: 34px; position: relative; cursor: pointer;} /* 옆 메뉴 */ #sideMenu { width: 220px; height: 100%; background-color: #fff; position: absolute; right: 0px; box-shadow: 0px 0px 5px #555; -moz-box-shadow: 0px 0px 5px #555; -webkit-box-shadow: 0px 0px 5px #555; -ms-box-shadow: 0px 0px 5px #555; behavior: url(PIE.htc); display: none; } .sideMenuWrap { top: 20px; position: absolute; font-size: 14px; } #sideMenu ul li { } #sideMenu ul li a { text-decoration: none; color: #bababa; font-family: 'NanumBGLight'; font-weight: 900; display: block; padding-left: 40px; padding-top: 16px; padding-bottom: 16px; padding-right: 30px;} .sideMenuName { } .sideMenuLine { padding-top: 0px; color: #cbcbcb; padding-left: 40px; } .sideMenuBottom { position: absolute; bottom: 0px; padding-left: 40px; padding-bottom: 20px; font-family: 'roboto'; line-height: 14px; } .since {font-size: 12px; color: #bababa; } .name1 { font-size: 11px; color: #bababa; } .name2 { font-size: 12px; color: #bababa; } .sideMenuClose { position: absolute; font-family: 'NanumBGBold'; font-weight: 400; font-size: 26px; right: 30px; top: 15px; color: #bababa; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; cursor: pointer; } /* 오시는 길 페이지 */ /* 전체 */ #contact_page { width: 100%; height: 100%; position: absolute; z-index: 3; top: 0px; } /* 텍스트 */ #contact_top { width: 100%; height: 40%; background-color: #ffe000; font-size: 14px; position: relative; } #contact_top .contactWrap { width: 100%; height: 100%; position: absolute; left: 50%; margin-top: 0%; text-align: center; } #contact_top .contactWrap span { font-family: 'roboto'; font-weight: 900; color: #797979; font-size: 10px; } .margin { margin-top: 4px; } #contact_top .contactWrap .nullBox { width: 100%; height: 31%; } #contact_top .contactWrap .address { width: 100%; height: 23%; position: relative; } #contact_top .contactWrap .address .addressWrap { width: 100%; } #contact_top .contactWrap .address .addressWrap span { } #contact_top .contactWrap .address .addressWrap p { padding-left: 5%; padding-right: 5%; } #contact_top .contactWrap .tel { width: 100%; height: 23%; position: relative; } #contact_top .contactWrap .tel .telWrap { width: 100%; } #contact_top .contactWrap .info { width: 100%; height: 23%; position: relative; } #contact_top .contactWrap .info .infoWrap { width: 100%; } #contact_top .contactWrap .info span { } #contact_top .contactWrap .info p { font-size: 10px; padding-left: 5%; padding-right: 5%; } } /* 모바일 세로모드 */ /* 갤럭시노트1- 400*640 */ /* 갤럭시노트4,S5,노트3,S3,노트2,알파- 360*640 */ /* 아이폰6 375*667 */ @media all and (max-width: 413px) { /* 로고 */ #logo_wrap img { width: 85px; height: auto; margin-left: 15px; margin-top: 10px; } /* 메뉴박스 */ .menuBox { width: 34px; height: 30px; position: absolute; right: 20px; top: 25px; z-index: 5; } .menu { width: 34px; position: relative; cursor: pointer;} /* 옆 메뉴 */ #sideMenu { width: 220px; height: 100%; background-color: #fff; position: absolute; right: 0px; box-shadow: 0px 0px 5px #555; -moz-box-shadow: 0px 0px 5px #555; -webkit-box-shadow: 0px 0px 5px #555; -ms-box-shadow: 0px 0px 5px #555; behavior: url(PIE.htc); display: none; } .sideMenuWrap { top: 20px; position: absolute; font-size: 14px; } #sideMenu ul li { } #sideMenu ul li a { text-decoration: none; color: #bababa; font-family: 'NanumBGLight'; font-weight: 900; display: block; padding-left: 40px; padding-top: 14px; padding-bottom: 14px; padding-right: 30px;} .sideMenuName { } .sideMenuLine { padding-top: 0px; color: #cbcbcb; padding-left: 40px; } .sideMenuBottom { position: absolute; bottom: 0px; padding-left: 40px; padding-bottom: 20px; font-family: 'roboto'; line-height: 14px; } .since {font-size: 12px; color: #bababa; } .name1 { font-size: 11px; color: #bababa; } .name2 { font-size: 12px; color: #bababa; } .sideMenuClose { position: absolute; font-family: 'NanumBGBold'; font-weight: 400; font-size: 26px; right: 30px; top: 15px; color: #bababa; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; cursor: pointer; } /* 오시는 길 페이지 */ /* 전체 */ #contact_page { width: 100%; height: 100%; position: absolute; z-index: 3; top: 0px; } /* 텍스트 */ #contact_top { width: 100%; height: 40%; background-color: #ffe000; font-size: 14px; position: relative; } #contact_top .contactWrap { width: 100%; height: 100%; position: absolute; left: 50%; margin-top: 0%; text-align: center; } #contact_top .contactWrap span { font-family: 'roboto'; font-weight: 900; color: #797979; font-size: 10px; } .margin { margin-top: 4px; } #contact_top .contactWrap .nullBox { width: 100%; height: 30%; } #contact_top .contactWrap .address { width: 100%; height: 25%; position: relative; } #contact_top .contactWrap .address .addressWrap { width: 100%; } #contact_top .contactWrap .address .addressWrap span { } #contact_top .contactWrap .address .addressWrap p { padding-left: 10%; padding-right: 10%; } #contact_top .contactWrap .tel { width: 100%; height: 20%; position: relative; } #contact_top .contactWrap .tel .telWrap { width: 100%; } #contact_top .contactWrap .info { width: 100%; height: 25%; position: relative; } #contact_top .contactWrap .info .infoWrap { width: 100%; } #contact_top .contactWrap .info span { } #contact_top .contactWrap .info p { font-size: 12px; padding-left: 5%; padding-right: 5%; } } /* 아이폰5 320*568 */ /* 갤럭시S2,S1- 320*533 */ /* 아이폰4 320*480 */ /* 아이폰 3GS 320*480 */ @media all and (max-width: 320px) { /* 로고 */ #logo_wrap img { width: 85px; height: auto; margin-left: 15px; margin-top: 10px; } /* 메뉴박스 */ .menuBox { width: 34px; height: 30px; position: absolute; right: 20px; top: 25px; z-index: 5; } .menu { width: 34px; position: relative; cursor: pointer;} /* 옆 메뉴 */ #sideMenu { width: 220px; height: 100%; background-color: #fff; position: absolute; right: 0px; box-shadow: 0px 0px 5px #555; -moz-box-shadow: 0px 0px 5px #555; -webkit-box-shadow: 0px 0px 5px #555; -ms-box-shadow: 0px 0px 5px #555; behavior: url(PIE.htc); display: none; } .sideMenuWrap { top: 20px; position: absolute; font-size: 14px; } #sideMenu ul li { } #sideMenu ul li a { text-decoration: none; color: #bababa; font-family: 'NanumBGLight'; font-weight: 900; display: block; padding-left: 40px; padding-top: 14px; padding-bottom: 14px; padding-right: 30px;} .sideMenuName { } .sideMenuLine { padding-top: 0px; color: #cbcbcb; padding-left: 40px; } .sideMenuBottom { position: absolute; bottom: 0px; padding-left: 40px; padding-bottom: 20px; font-family: 'roboto'; line-height: 14px; } .since {font-size: 12px; color: #bababa; } .name1 { font-size: 11px; color: #bababa; } .name2 { font-size: 12px; color: #bababa; } .sideMenuClose { position: absolute; font-family: 'NanumBGBold'; font-weight: 400; font-size: 26px; right: 30px; top: 15px; color: #bababa; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; cursor: pointer; } /* 오시는 길 페이지 */ /* 전체 */ #contact_page { width: 100%; height: 100%; position: absolute; z-index: 3; top: 0px; } /* 텍스트 */ #contact_top { width: 100%; height: 40%; background-color: #ffe000; font-size: 12px; position: relative; } #contact_top .contactWrap { width: 100%; height: 100%; position: absolute; left: 50%; margin-top: 0%; text-align: center; } #contact_top .contactWrap span { font-family: 'roboto'; font-weight: 900; color: #797979; font-size: 10px; } .margin { margin-top: 0px; } #contact_top .contactWrap .nullBox { width: 100%; height: 35%; } #contact_top .contactWrap .address { width: 100%; height: 24%; position: relative; } #contact_top .contactWrap .address .addressWrap { width: 100%; } #contact_top .contactWrap .address .addressWrap span { } #contact_top .contactWrap .address .addressWrap p { padding-left: 12%; padding-right: 12%; } #contact_top .contactWrap .tel { width: 100%; height: 17%; position: relative; } #contact_top .contactWrap .tel .telWrap { width: 100%; } #contact_top .contactWrap .info { width: 100%; height: 24%; position: relative; } #contact_top .contactWrap .info .infoWrap { width: 100%; } #contact_top .contactWrap .info span { } #contact_top .contactWrap .info p { font-size: 10px; padding-left: 5%; padding-right: 5%; } }