|
Server : Apache/2.2.17 (Unix) mod_ssl/2.2.17 OpenSSL/0.9.8e-fips-rhel5 DAV/2 PHP/5.2.17 System : Linux localhost 2.6.18-419.el5 #1 SMP Fri Feb 24 22:47:42 UTC 2017 x86_64 User : nobody ( 99) PHP Version : 5.2.17 Disable Function : NONE Directory : /home/queenjbs/www/test/mobile/ |
Upload File : |
* {
margin:0;
padding:0;
-webkit-text-size-adjust:none; }
body {
color:#777;
font-size:14px;
font-family:helvetica, AppleGothic, Dotum; }
img, fieldset {border:0 }
ul, ol, li, dl { list-style:none; }
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal; }
hr { display:none; }
a { color:inherit; }
a, a:link {
color:#333;
text-decoration:none; }
em, i, address {
font-style:normal;
font-weight:normal; }
legend, caption {
display:none;
clear:both; }
input, textarea, select, button, table {
font-size:inherit;
font-family:inherit;
line-height:inherit; }
section, nav, article, aside, hgroup, header, footer { display:block;}
textarea, input {
background:url(none);
-webkit-border-radius:1px;
-webkit-appearance:none; }
textarea { resize:none; }
label { cursor:pointer; }
.bold {font-weight:bold; }
.helv { font-family:돋움, HelveticaNeue, Dotum, 굴림, Gulim, Apple-Gothic; }
.verd { font-family:verdana, 돋움, HelveticaNeue, Dotum, 굴림, Gulim, Apple-Gothic; }
/* HEADER */
#wrap_head {
background:url(images/bg_top_gnb.png) repeat-x;
color:#FFF; }
h1.main_logo {
display:inline-block;
height:35px; }
#logo {
color:#FFF;
margin:7px 0 0 10px;
display:block;
font-size:16px; }
#btn1 {
float:right;
height:35px;
width:45px;
border:none;
background:url(images/img_top_slice.png) no-repeat;}
#btn1 img { margin:10px 0 0 16px; }
.search_left {
width:6px;
height:32px;
-webkit-background-size:6px 32px;
background:url(images/bg_search_left.png) no-repeat;
display:block;
position:absolute;
left:0;
top:; }
@media screen and (-webkit-device-pixel-ratio:2) {
.search_left {background:url("images/bg_search_leftx2.png");}
}
.search_icon {
margin:10px 0 0 16px;
width:15px;
height:15px;
background:url(images/btn_search.png) no-repeat;
display:block;
-webkit-background-size:15px 15px; }
@media screen and (-webkit-device-pixel-ratio: 2) {
.search_icon {background:url("images/btn_searchx2.png"); }
}
/* 숨겨진 검색창 */
#content {
display:none;
width:100%;
height:42px;
background:#CF08080;
padding-top:11px; }
#content fieldset {margin:0 9px;}
#content .bg_search {
position:relative;
padding-right:36px; }
#content .wrapBox {
height:32px;
background-color:#fff; }
#content .wrabBox input.type_text {
width:85%;
height:20px;
color:#444;
border:0 none;
margin:5px 0 0 10px; }
#content input.type_btn {
position:absolute;
top:0;
right:0;
display:block;
width:36px;
height:32px;
background:url(images/btn_down_search.png) no-repeat;
border:0;
text-indent:-500em; }
/* 대메뉴 */
.main_menu {
width:100%;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
background:#f6f6f6;
overflow:hidden;
text-align:center; }
.main_menu li {
float:left;
width:25%;
height:31px }
.main_menu li a {
display:block;
border:none;
height:25px;
color:#333;
padding-top:6px;
font-size:12px; }
.main_menu li a.tab_m {border-right:1px solid #ddd}
.main_menu li a.on {color:#cd0000}
/* 메인 컨텐츠 */
#main { clear:both; }
h2.today_tit {
color:#CD0000;
height:25px;
margin:10px 0 0 10px; }
.n_text_list li {
height:24px;
border-top:1px solid #dcdcdc; }
.n_text_list li a {
height:20px;
padding:5px 0 0 10px;
display:block; }
.n_img_list {margin-top:5px; }
.n_img_list li {
float:left;
width:33%;
text-align:center; }
.n_img_list li a {
display:block;
width:100%; }
.n_img_list li span {
display:block;
font-size:12px;
margin-top:5px; }
.notice {
height:20px;
background:#f3f3f3;
border-top:1px solid #dcdcdc;
border-bottom:1px solid #dcdcdc;
padding-top:7px;
font-size:12px;
float:left;
width:100%;
margin:10px 0 5px 0; }
.notice span {
color:#cd0000;
font-weight:bold;
margin-left:10px; }
.banner {
background:url(images/bn_main.png) no-repeat 10px 7px;
clear:both;
height:43px;
background-color:#424242; }
.banner a {
width:100%;
height:43px;
display:block;
color:#fff; }
.banner a span {
display:block;
float:left; }
.banner a span.text {margin:8px 0 0 113px;}
.banner a span.small_text {font-size:10px;}
/* fotter */
#footer {
border-top:1px solid #aeaeae;
background-color:#dcdcdc;
text-align:center;
font-size:15px;
margin-top:5px;
clear:both; }
#footer .foot_box {
padding:0 0 20px 0;
border-top:1px solid #e2e2e2; }
#footer ul { margin:15px 0 15px 0; }
#footer ul li {
display:inline-block;
height:16px;
margin:0;
text-align:left;
letter-spacing:-1px; }
#footer ul li a {
height:16px;
padding:0 10px 0 5px;
font-size:15px;
color:#555;
background:url(images/bg_bar.png) no-repeat right; }
#footer ul li.end a { background:none; }
#footer input {
height:26px;
padding:1px 8px 0 8px;
border:1px solid #aaa;
font-size:80%;
color:#222;
letter-spacing:-1px;
text-align:center;
box-shadow:0 1px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15);
-moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e5e5e5)); /*Safari*/
background:-webkit-linear-gradient(top, #fff, #e5e5e5); /*webkit nightly*/
background:-moz-linear-gradient(top, #fff, #e5e5e5); /*Modzilla Firefox*/ }
#footer p.privacy {
width:100%;
margin:12px 0 0 0;
height:10px;
font-size:12px;
letter-spacing:-1px; }
#footer p.privacy a { color:#787878; }
#footer p.privacy span.bar {
padding:0 8px 0 7px;
font-size:11px;
color:#dldldl; }
#footer p.copyright {
width:100%;
height:8px;
margin-top:17px;
font-size:9px;
letter-spacing:0; }
.end_bar {
height:25px;
background:#424242;
color:#ccc;
font-size:0.65em; }
.end_bar span.copyrights{
padding:6px 0 0 10px;
display:inline-block; }
.end_bar img {
float:right;
margin:5px 10px 0 0; }
/* 추가 SUB_css */
.sub_menu {
border-bottom:1px solid #ddd;
height:29px;
overflow:hidden;
padding-left:10px; }
.sub_menu li {
float:left;
height:29px;
padding-right:20px; }
.sub_menu li a {
display:block;
border:none;
height:22px;
color:#999;
padding-top:8px;
font-size:11px; }
.sub_menu li a.on {
color:#777;
font-weight:bold;
letter-spacing:-1px; }
.sub_tit {
color:#434343;
height:36px;
font-size:30px;
letter-spacing:-1px; }
#s_main {
clear:both;
margin:0 10px;
padding-top:10px;
position:relative; }
.m_cont { padding:10px 10px 0 0; }
.m_bg {
background:url(images/m1_01_img.png) no-repeat right bottom;
padding:0 0 100px 0; }
.m_cont .m_tit {
font-size:16px;
display:block;
margin-bottom:10px; }
.m_cont .play {
font-size:16px;
display:block;
margin:10px 0;
text-align:center; }
.m_cont .map {
display:block;
text-align:center; }
.btn_loca {
font-family:Verdana, Arial, Helvetica, sans-serif;
height:26px;
padding:0 8px 3px 8px;
border:1px solid #aaa;
font-size:90%;
color:#fff;
letter-spacing:-1px;
text-align:center;
box-shadow:0 1px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15);
-mox-box-shadow:0 1px 0 rgba(0, 0, 0, .1);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #989898), color-stop(100%, #787878)); /*Safari*/
background:-webkit-linear-gradient(top, #989898, #787878); /*Webkit nightly*/
background:-moz-linear-gradient(top, #989898, #787878); /*Modzilla Firefox*/
position:absolute;
top:10px;
right:10px; }
.btn_tel {
font-family:Verdana, Arial, Helvetica, sans-serif;
height:26px;
padding:0 8px 3px 8px;
border:1px solid #aaa;
font-size:90%;
color:#fff;
letter-spacing:-1px;
text-align:center;
box-shadow:0 1px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15);
-moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #989898), color-stop(100%, #787878)); /*Safari*/
background: -webkit-linear-gradient(top, #989898, #787878); /*Webkit nightly*/
background: -moz-linear-gradient(top, #989898, #787878); /*Modzilla Firefox*/
float:right;
margin-right:10px; }
.btn_email {
font-family:Verdana, Arial, Helvetica, sans-serif;
height:26px;
padding:0 8px 3px 8px;
border:1px solid #aaa;
font-size:90%;
color:#fff;
letter-spacing:-1px;
text-align:center;
box-shadow:0 1px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15);
-moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #989898), color-stop(100%, #787878)); /*Safari*/
background: -webkit-linear-gradient(top, #989898, #787878); /*Webkit nightly*/
background: -moz-linear-gradient(top, #989898, #787878); /*Modzilla Firefox*/
float:right;
margin-right:10px; }
.add_box th {text-align:left; }
.add_box th, .add_box td {
border-bottom:1px solid #ddd;
height:35px; }
.tab_text {
display:inline-block;
margin-top:5px; }
/* PROJECT */
.pro_list {
margin:15px 0;
overflow:auto; }
.pro_list li {
display:inline;
margin:0 0 10px 15px;
width:55px;
float:left; }
.pro_list li span {
display:block;
text-align:center;
font-size:11px; }
/* 플리킹 배너 영역 */
#flicking_wrapper {
width:160px; /*page_width*/
height:237px; /*page_height*/
margin:0;
padding:0;
overflow:hidden;
background-color:#FFF;
margin:0 auto;
clear:both; }
#flicking_wrapScroll {
position:relative;
top:0;
left:0;
width:480px; /*=number_of_page*page_width*/
height:124px;
float:left; }
#flicking_wrapScroll ul {
list-style:none;
position:relative;
display:block;
margin:0;
padding:0;
top:0;
left:0;
width:100%;
height:100%; }
#flicking_wrapScroll ul li {
display:block;
float:left;
width:160px; }
#flicking_wrapScroll ul li { -webkit-background-size:160px 237px;}
#indicator {
margin:6px auto;
width:57px; }
#indicator li {
width:9px;
height:9px;
margin-right:10px;
float:left;
background:url(images/slider_off.png) no-repeat;
margin-bottom:10px; }
#indicator li.active { background:url(images/slider_on.png) no-repeat; }
#indicator li span {display:none;}
/* 플리킹배너 이미지 주소 영역 */
#flicking_wrapScroll li:nth-shild(1) {
background:url(images/fli_img01.jpg) no-repeat;
-webkit-background-size:160px 237px; }
#flicking_wrapScroll li:nth-shild(2) {
background:url(images/fli_img01.jpg) no-repeat;
-webkit-background-size:160px 237px; }
#flicking_wrapScroll li:nth-shild(3) {
background:url(images/fli_img01.jpg) no-repeat;
-webkit-background-size:160px 237px; }
@media screen and (-webkit-device-pixel-ratio: 2) {
#flicking_wrapScroll li:nth-child(1) {background:url("images/fli_img01x2.jpg") no-repeat; }
}
@media screen and (-webkit-device-pixel-ratio: 2) {
#flicking_wrapScroll li:nth-child(2) {background:url("images/fli_img02x2.jpg") no-repeat; }
}
@media screen and (-webkit-device-pixel-ratio: 2) {
#flicking_wrapScroll li:nth-child(3) {background:url("images/fli_img03x2.jpg") no-repeat; }
}
/* 리크루트 */
.rec_list dt {
color:#cd0000;
font-family:돋움, HelveticaNeue, Dotum, 굴림, Gulim, Apple-Gothic;
font-weight:bold;
margin-top:10px; }
.rec_list dd {
background:url(images/icon_round.png) no-repeat 7px 5px;
padding-left:20px;
padding-bottom:5px;
line-height:18px;
-webkit-background-size:7px 7px; }
@media screen and (-webkit-device-pixel-ratio: 2) {
.rec_list dd {background:url("images/icon_roundx2.png") no-repeat 7px 5px; }
}
/* 리퀘스트 */
.req_box {
border-top:1px solid #dadada;
margin-top:10px; }
.req_box th { text-align:left; }
.req_box tr { height:35px; }
.btn_send {
font-family:Verdana, Arial, Helvetica, sans-serif;
height:26px;
padding:0 15px 3px 15px;
border:1px solid #ccc;
font-size:90%;
color:#FFF;
letter-spacing:-1px;
text-align:center;
box-shadow:0 1px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15);
-moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F20), color-stop(100%, #861C0C)); /*Safari*/
background: -webkit-linear-gradient(top, #F20, #861c0c); /*Webkit nightly*/
background: -moz-linear-gradient(top, #F20, #861C0C); /*Modzilaa Firefox*/
font-weight:bold; }
.req_input {
width:100%;
height:25px;
border:1px solid #dadada; }
.req_long {
width:100%;
height:100px;
border:1px solid #dadada; }
.btn_center {
text-align:center;
padding:10px 0; }