Homeshop!
국내 최고의 디자인과 기술력! Homeshop과 함께하세요.
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-size:12pt;font-family:돋움, 돋움체, Dotum; text-decoration:none; color:#3F3F3F; }
td { text-decoration:none; font-family:돋움, 돋움체, tahoma; font-size: 9pt; color: #404040; letter-spacing:0px; line-height:20px;}
th { text-decoration:none; font-family:돋움, 돋움체, tahoma; font-size: 9pt; color: #404040; letter-spacing:0px; }
a {text-decoration:none;color:#4f5051;}
a:hover {text-decoration:none;color:#0f0f0f}
.s_txt {color:#404040;font-family:"돋움";font-size:11px;line-height:15px;}
.date_txt {color:#9a9a9a;font-family:"돋움";font-size:12px;letter-spacing:0px;}
.b_txt {color:#435887;font-family:"돋움";font-size:12px;line-height:20px; letter-spacing:-1px; font-weight:bold;}
a:link { color: #fff; text-decoration: none ;selector-dummy:expression(this.hideFocus=true);}
a:visited { color: #fff; text-decoration: none; selector-dummy : expression(this.hideFocus=true);}
a:hover { color: #fff; text-decoration: none; selector-dummy : expression(this.hideFocus=true);}
모바일 css
@charset "utf-8";
/* Tag Style */
body {font-size:1em; -webkit-text-size-adjust:none; font-family:Sans-Serif;}
table {border-collapse:collapse;}
fieldset {}
img {border:none; max-width:100%;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
/* Attribute Style */
.block {display: block;}
.clear {clear: both;}
.center {text-align: center;}
.left {text-align: left;}
.blind {overflow:hidden; width:0; height:0; font-size:0; line-height:0; visibility:hidden;}
.ui-content {padding:0;}
.mpad {padding:0 10px;}
/* Icons Style */
.ics {
-webkit-background-size: 300px 200px;
background-image:url('/img_up/shop_pds/newsbig/design_m/css/sprite1x.png');
background-repeat:no-repeat;
}
@media screen and (-webkit-min-device-pixel-ratio:1.5){
.ics {background-image:url('/img_up/shop_pds/newsbig/design_m/css/sprite15x.png')}
}
@media screen and (-webkit-device-pixel-ratio: 2) {
.ics {background-image:url('/img_up/shop_pds/newsbig/design_m/css/sprite2x.png');}
}
/* Tab Style */
.ttab {border-top:1px solid #fff;}
.ttab p {display:table; width:100%; margin:0; border:1px solid #b0b4b6; border-radius:3px;}
.ttab a {
display:table-cell; width:50%; border-left:1px solid #b0b4b6; text-align:center;
color:#333; font-size:.875em; text-decoration:none; padding:12px 0 10px; text-shadow:1px 1px 1px rgba(255,255,255,1);
background: #f0f0f1;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#f0f0f1));
background: linear-gradient(#fff, #f0f0f1);
}
.ttab a.active {
background: #c7cbd3;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c7cbd3), to(#e6e9ed));
background: linear-gradient(#c7cbd3, #e6e9ed);
}
.ttab a:first-child {border:none;}
/* Button Style */
.ibtn {
display:inline-block; padding:.5em .8em .35em;
border-radius:3px; border-width:1px; border-style:solid; border-color:#7492d6 #2050bd #2050bd #7492d6;
box-shadow: inset 1px 1px 1px rgba(255,255,255,.5);
background: #4575d6;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#62a6e8), to(#4575d6));
background: linear-gradient(#62a6e8, #4575d6);
font-size:.875em; text-decoration:none; font-weight:bold; color:#fff; text-shadow:0 -1px 0px rgba(0,0,0,.6);
}
.ibtn.sml {font-size:.75em;}
.ibtn.gray {
border-color:#a3a3a3 #808080 #808080 #a3a3a3;
background: #c9c9c9;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c9c9c9), to(#a2a2a2));
background: linear-gradient(#c9c9c9, #a2a2a2);
}
/* Header Style */
.header {position:relative; background:none; border:none; padding:0; margin:0;}
.header .ui-title {display:table; text-align:center; margin:0; padding:0; width:100%; height:50px;}
.header .ui-title span {display:table-cell; vertical-align:middle;}
.header .btn {position:absolute; top:6px; width:37px; height:34px; overflow: hidden;}
.header .btn.nav {left:10px;}
.header .btn.nav.active span {background-position:-92px 0;}
.header .btn.search {right:10px;}
.header .btn.search span {background-position:-46px 0;}
.header .btn span {position:absolute;left:0; top:0; width:100%; height:100%; background-color:white;}
/* Search Box */
.searchBox {
position:relative; padding:1px 0 0 0; margin:0; display:none;
background: #AFAFAF;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#AFAFAF), to(#9e9e9e));
background: linear-gradient(#AFAFAF, #9e9e9e);
}
.searchBox .line {display:block; height:1px; background:#c7c7c7;}
.searchBox fieldset {margin:5px 0 0 0; padding:0 10px 7px;}
.searchBox fieldset .box {
display:block; position:relative; border-radius:5px; background:white; padding:2px 40px 2px 10px;
box-shadow: inset 0 1px 3px rgba(0,0,0,.8);
}
.searchBox fieldset .box .ipt_text1 {
width:100%; height:31px; border:none; background:transparent; padding:0;
line-height:31px; font-size:1em; color:#333;
}
.searchBox fieldset .box .btn {
display:block; position:absolute; right:5px; top:5px; width:25px; height:25px; border:none; padding:0;
background-position:3px -38px; background-color:transparent; cursor:pointer;
}
/* Top Navigation */
.tNav {
background: #5B88DC;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5B88DC), to(#3C6CD2));
background: linear-gradient(#5B88DC, #3C6CD2);
}
.tNav ul {margin:0; padding:0; display:table; width:100%; list-style:none; border-top:1px solid #3658cf;}
.tNav ul li {
width:20%; display:table-cell; white-space:nowrap;
border-width:1px 0; border-style:solid; border-color:#8bc7ef #ff0000 #264ec1;
}
.tNav ul li a {
display:block; padding:12px 0;
font-size:.875em; text-align:center; color:white; text-decoration:none; font-weight:bold;
border-left:1px solid #5893e1; border-right:1px solid #3255ca;
text-shadow:0 -1px 1px rgba(41, 65, 197, 1);
}
.tNav ul li a.ui-link {color:#fff !important; text-shadow:0 0 0;}
.tNav ul li:first-child a {border-left:none;}
.tNav ul li:last-child a {border-right:none;}
.tNav ul li.active {background:#fff; border-bottom:none;}
.tNav ul li.active a {color:#333 !important; text-shadow:1px 1px 1px rgba(0, 0, 0, .2);}
/* Sub Navigation */
.sNav {
border-bottom:1px solid #bbb;
background: #ededed;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fbfbfb), to(#e2e2e2));
background: linear-gradient(#fbfbfb, #e2e2e2);
}
.sNav ul {margin:0; padding:0; list-style:none;}
.sNav ul li {display:inline-block;}
.sNav ul li a {display:inline-block; padding:12px 5px 10px 10px; text-decoration:none; color:#333; font-size:.875em;}
.sNav ul li.active a {font-weight:bold;}
/* Footer */
.footer {padding:6px 0 12px; text-align:center; border-top:3px solid #999; background:#f5f5f5;}
.footer div a {
text-decoration:none; display:inline-block; font-family:Sans-serif; text-shadow:0 0 0;
background:url('/img_up/shop_pds/newsbig/design_m/css/bul_line1.gif') left 50% no-repeat;
}
.footer .d1 a {font-size:.875em; padding:5px 5px 5px 9px; color:#333; line-height:.875em;}
.footer .d2 a {font-size:.75em; color:#666; padding:3px 5px 3px 8px;}
.footer div a:first-child {background:none;}
.footer .address {margin:7px 0 0 0; font-family:Sans-serif; font-size:.75em; color:#a2a2a2; text-shadow:0 0 0;}
.ui-footer {border-bottom:none;}
/* Global Navigation */
.gnb {position:relative; left:0; top:0; width:100%; border-top:1px solid #707070; display:none; -webkit-text-size-adjust:none; z-index:5;}
.gnb ul {margin:0; padding:0; list-style:none;}
.gnb ul ul {border-bottom:1px solid #707070;}
.gnb li {background:#999;}
.gnb li li {background:#fff;}
.gnb a {
display:block; padding:10px 10px; position:relative;
border-width:0 0 1px; border-style:solid; border-color:#707070;
font-size:.875em; text-decoration:none; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.5); font-weight:bold;
}
.gnb a .ics {
position:absolute; right:12px; top:14px; width:8px; height:9px; overflow:hidden;
background-position:-25px -55px;
}
.gnb li li a {
color:#555; text-shadow:0 0 0;
border-width:0 0 1px 0; border-color:#d9d9d9;
}
.gnb li li a .ics {background-position:-25px -44px;}
/* Login */
.login {}
.login form {border:1px solid #cbd1d3; background:#f4f5f7;}
.login fieldset {border:1px solid #fff; margin:0; padding:0;}
.login .login_form {border-bottom:1px solid #cbd1d3; padding:18px;}
.login .login_form dl {position:relative; margin:0;}
.login .login_form dl dt {margin-right:74px;}
.login .login_form dl dt p {border:1px solid #9ba0a2; height:25px; margin:5px 0 0; padding:3px 0 0 0; background-color:white; overflow:hidden;}
.login .login_form dl dt p:first-child {margin:0;}
.login .login_form dl dt p input {width:95%; display:block; margin:0; padding:0 0 5px 5px; line-height:16px; border:none; font-size:.875em; background:transparent;}
.login .login_form dl dt p.id {background-position:-242px 7px;}
.login .login_form dl dt p.pw {background-position:-242px -16px;}
.login .login_form dl dt p.active {background-position:-300px 0;}
.login .login_form dl dd {position:absolute; right:0; top:0; margin:0;}
.login .login_form dl dd input {
display:block; width:65px; height:65px; border:none; margin:0; padding:0; background:#4574d5; cursor:pointer;
color:#fff; font-size:1em;
-webkit-border-radius:.3em; -webkit-appearance:none;
}
.login .login_form .idSave {margin:8px 0 0;}
.login .login_form .idSave input {}
.login .login_form .idSave label {font-size:.875em; color:#444;}
.login .ttab {padding:18px;}
/* Member Join Step.1 */
.join1 {}
.join1 .terms .txt {font-size:.75em; line-height:1.5em; color:#555; padding:0 5px 5px;}
.join1 .terms .txt a {
display:block; margin-top:10px; width:130px;
font-size:1.167em; font-weight:bold; text-decoration:none; color:#4675d6;
}
.join1 .terms .txt a .ics {display:inline-block; width:8px; height:11px; background-position:-40px -44px; margin-left:3px;}
.join1 .terms .terms2 {display:none;}
.join1 .realAuth {margin:20px 0 0; border:1px solid #cbd1d3; background:#f4f5f7;}
.join1 .realAuth form {border:1px solid #fff; padding:15px 15px 0 15px;}
.join1 .realAuth h1 {margin:0; padding:0; font-size:1em; color:#4170d4;}
.join1 .realAuth h2 {margin:6px 0 0; padding:0; font-size:.875em; color:#444;}
.join1 .realAuth .ui-grid-a input {width:80%;}
.join1 .realAuth .btnGrp {text-align:center;}
.join1 .memType {margin:20px 0; border:1px solid #cbd1d3; background:#f4f5f7;}
.join1 .memType form {border:1px solid #fff; padding:15px;}
.join1 .memType h1 {margin:0 0 .6em 0; padding:0; font-size:1em; color:#4170d4;}
.join1 .btnGroup {text-align:center; margin-top:20px;}
/* Member Join Step.2 */
.join2 .ics {display:inline-block; width:12px; height:9px; background-position:-57px -44px; margin-right:2px;}
.join2 .ment {text-align:right; font-size:.875em; color:#555;}
.join2 .frm p {margin:0 0 20px; font-size:11px;}
.join2 .frm label {display:block; margin-bottom:3px; color:#333; font-size:14px;}
.join2 .frm input[type='text'],
.join2 .frm input[type='password'] {border:1px solid #aaa; height:22px; line-height:22px; margin:2px 0; padding:0 0 0 3px; font-size:14px; vertical-align:middle;}
.join2 .frm input[type='password'] {width:100px; margin-right:5px;}
.join2 .frm input[name='addr1'],
.join2 .frm input[name='addr2'],
.join2 .frm input[name='email'] {width:95%;}
.join2 .frm .info {display:block; font-size:12px; margin-top:3px; color:#777;}
.join2 .frm br {display:none;}
.join2 .frm .ibtn {vertical-align:middle;}
.join2 .frm .ibtn.sml {font-size:11px;}
.join2 .btnGroup {text-align:center;}
/* Member Join Complete */
.joinok {text-align:center;}
.joinok h1 {font-size:1.5em; color:#3f6ed3;}
.joinok h2 {font-size:1em; color:#333; font-weight:normal; line-height:1.5em;}
.joinok .txtbox {border:1px solid #ddd; border-radius:5px; font-size:.875em; padding:1em; color:#444; line-height:1.3em;}
.joinok .btnGroup {margin-top:15px;}
/* Main Contents */
.main {padding-bottom:0px; min-width:320px; position:relative;}
.main .mRoll {text-align:center; margin:15px 0;}
.main .midNav {margin:0 10px; position:relative;}
.main .midNav ul {
list-style:none; width:100%; display:inline-block; margin:0; padding:0;
border-width:1px; border-style:solid; border-color:#d7d7d7;
background: #fafbfb;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fafbfb), to(#EDEFF1));
background: linear-gradient(#fafbfb, #EDEFF1);
}
.main .midNav ul li {
width:50%; float:left; margin-left:-2px;
border-width:0 0 0 1px; border-style:solid; border-color:#d7d7d7;
-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,1);
}
.main .midNav ul li a {display:block; color:#424649; text-decoration:none; font-size:.875em;text-align:center; padding:9px 0; font-weight:bold;}
.main .midNav ul li:nth-child(1),
.main .midNav ul li:nth-child(4),
.main .midNav ul li:nth-child(7) {width:50%;}
.main .midNav ul::after {position:absolute; top:49%; left:0; width:100%; height:1px; background-color:#d7d7d7; content:'';}
.main .nBrd {margin:25px 0 0 0; padding:0;}
.main .nBrd h1 {margin:0; padding:6px 10px; font-size:1em; border-bottom:1px solid #d0d0d0;}
.main .nBrd h1 a {color:#000; text-decoration:none;}
.main .nBrd ul {margin:0; padding:0; list-style:none;}
.main .newsDoc li {border-bottom:1px solid #eaeaea;}
.main .newsDoc li a {display:block; color:#333; font-size:.875em; padding:10px 10px 10px 10px; text-decoration:none;}
.main .newsGal {}
.main .newsGal ul {display:table; width:100%; margin:11px 0;}
.main .newsGal ul li {display:table-cell; text-align:center;}
.main .newsGal ul li .thum {margin:0;}
.main .newsGal ul li .subject {margin:5px 0 0;}
.main .newsGal ul li .subject a {font-size:.75em; letter-spacing:-1px; color:#333; text-decoration:none;}
.main .banner {text-align:center; margin:25px 0 0 0; background:#f5f5f5;}
.main .banner2 {text-align:center; margin:0px 0 0 0; background:#fff;}
.main .telBnr {
display:block; text-align:center; padding:7px 0; margin-top:15px;
border-radius:.5em;
background: #255fcb;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5997e3), to(#255fcb));
background: linear-gradient(#5997e3, #255fcb);
}
.main .telBnr .ics {display:inline-block; width:30px; height:30px; background-position:-185px 0; vertical-align:middle; margin-right:3px;}
.main .telBnr .number {color:white; font-family:Halveltica,sans-serif; font-weight:bold; font-size:24px; vertical-align:middle; text-shadow:0 .05em 1px rgba(0,0,0,.5);}
/* Sub Header */
.container .hgroup {border-bottom:1px solid #aaa;}
.container .hgroup h1 {margin:0; font-size:1em; padding:11px 0 11px 10px; color:#333;}
/* Sub Contents */
.container .concon {padding:20px 10px 30px; -webkit-text-size-adjust:none;}
.container .concon .msg {
background:#eee; border-radius:.3em; border:1px solid #ccc; padding:1em 1em 1.6em;
font-size:.875em; line-height:1.5em;
}
.container .concon .msg strong {color:#001ca8;}
.container .concon .msg .adm_btn {
padding:8px 10px;
border-radius:5px; border:1px solid #3658cf;
box-shadow:inset 1px 1px 1px rgba(255, 255, 255, .6);
background: #5B88DC;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5B88DC), to(#3C6CD2));
background: linear-gradient(#5B88DC, #3C6CD2);
color:#fff; text-decoration:none; font-weight:bold;
}
.sub1_1 .img {text-align:center; max-width:100%;}
.sub1_1 .txt {margin-top:20px; color:#333;}
.sub1_3 .map {padding:0 10px; text-align:right;}
.sub1_3 .map a {padding-top:3px; display:inline-block; color:#333;}
.sub1_3 .info {margin:30px 0 0 0; padding:0; list-style:none;}
.sub1_3 .info li {margin-bottom:15px;}
.sub1_3 .info li strong {display:block; font-size:.875em; margin-bottom:3px; background:#eee; padding:3px 0 3px 6px;}
.sub1_3 .info li span,
.sub1_3 .info li a {font-size:.75em; color:#333;}
/* 통합검색 결과 */
.searchResult {}
.searchResult .re_block {display:inline-block; width:100%; padding:0 0 15px; border-bottom:1px solid #ccc; margin:0 0 15px;}
.searchResult .re_block dt {margin:0; float:left;}
.searchResult .re_block dd {margin:0;}
.searchResult .re_block p {margin:0;}
.searchResult .re_block a {text-decoration:none;}
.searchResult .re_block .coninfo {line-height:1.4em;}
.searchResult .re_block .subject {font-size:1em; color:#333; font-weight:bold;}
.searchResult .re_block .date,
.searchResult .re_block .board_title {font-size:.875em; color:#555;}
.searchResult .re_block .date {margin-left:5px;}
.searchResult .re_block .conbody {margin-top:12px; font-size:.75em; color:#555;}
/* Find ID&PW */
.findpw {border-top:5px solid #b5b7b4; padding:0 1em;}
.findpw .hgrp {}
.findpw .hgrp h1 {margin:0; color:#3f6ed3; font-size:1.6em; padding-top:.5em;}
.findpw .hgrp p {margin:.3em 0;}
.findpw .btn_grp {margin:1.5em 0; text-align:center;}
/* 자주가는서비스 */
#service { clear:both; position:relative; width:100%; margin:0 auto; padding:0; text-align:center; overflow:hidden }
#service .service_title { position:relative; width:100%; margin:0; padding:0; border-bottom:1px solid #ddd; overflow:hidden }
#service .service_title h2 { padding:6px 0 7px 10px; margin:0; color:#0034DD; font-weight:bold; font-size:1em; border-bottom:2px solid #005ccd; background: url(/img/m2h2bg.gif) repeat-x}
#service .icon { position:relative; width:420px; margin:0 auto; padding:0 0 0 5px; text-align:center; overflow:hidden }
#service .icon ul { margin:0 auto; padding:0; list-style:none; }
#service .icon ul li { float:left; width:60px; margin:0 5px; padding:0; overflow:hidden }
#service .icon ul li a{ display:block; width:100%; padding:10px 0; margin:0; font-size:11px; color:#666; cursor:pointer; }
#service .icon ul li .pic{ display:inline; float:left; width:69px; height:55px; padding:0; margin:0 0 5px 0; background:transparent }
#service .icon ul li .pic img{ vertical-align:top; }
#service .icon ul li .subject{ display:block; width:69px; padding:0; margin:0; color:#666; line-height:1.25; text-align:center; vertical-align:bottom }
/* 배너1 */
#m2 { position:relative; width:100%; margin-top:20px; text-align:center; background: url(/img_up/shop_pds/newsbig/design_m/css/BN_00002.gif) repeat-x; overflow:hidden}
#m2 a{ display:block; width:100%; padding:0; margin:0; cursor:pointer; overflow:hidden }
#m2 .pic{ display:inline; width:320px; height:48px; padding:0; margin:0; background:transparent}
#m2 .pic img{ vertical-align:top; }
/* 배너2 */
#m3 { position:relative; width:100%; margin-top:20px; text-align:center; background: url(/img_up/shop_pds/newsbig/design_m/css/BN_00003.gif) repeat-x; overflow:hidden}
#m3 a{ display:block; width:100%; padding:0; margin:0; cursor:pointer; overflow:hidden }
#m3 .pic{ display:inline; width:300px; height:80px; padding:0; margin:0; background:transparent}
#m3 .pic img{ vertical-align:top; }
/* 쇼셜서비스 */
#sns {clear:both; position:relative; width:100%; margin:0 auto; padding:0; text-align:left; overflow:hidden }
#sns .sns_title { position:absolute; width:100%; margin:0; padding:0; border-bottom:1px solid #ddd; overflow:hidden }
#sns .sns_title h2 { padding:6px 0 7px 10px; margin:0; color:#0034DD; font-weight:bold; font-size:1em; border-bottom:2px solid #005ccd; background: url(/img/m2h2bg.gif) repeat-x}
#sns .icon { position:relative; width:100%; margin:0 auto; padding:0 0 0 5px; text-align:center; overflow:hidden }
#sns .icon ul { margin:0 auto; padding:0; list-style:none; }
#sns .icon ul li { float:left; width:60px; margin:0 5px; padding:0; overflow:hidden }
#sns .icon ul li a{ display:block; width:100%; padding:10px 0; margin:0; font-size:11px; color:#fff; cursor:pointer; }
#sns .icon ul li .pic{ display:inline; float:left; width:69px; height:55px; padding:0; margin:0 0 5px 0; background:transparent }
#sns .icon ul li .pic img{ vertical-align:top; }
#sns .icon ul li .subject{ display:block; width:69px; padding:0; margin:0; color:#fff; line-height:1.25; text-align:center; vertical-align:bottom }
