/* -------- COMMON -------- */
html,body{width:100%;height:100%}
html{overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family:Proxima N W01 bold,'µ¸¿ò',dotum,Helvetica,sans-serif;font-size:12px;color:#666; }
body{background-color:#fff;text-align:center;*word-break:break-all;-ms-word-break:break-all}
img,textarea,fieldset,iframe,{border:0 none; margin:0;}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
table{/* border-collapse:collapse;table-layout:fixed; */border-collapse:collapse;border-spacing:0}
fieldset, img {border:0;}
a {color:#666; text-decoration:none;}
a.black {color:#000; text-decoration:none;}
a:hover {color:#000;}
a:active, button:active {outline:none;}
a.on {font-weight:bold;}
em {font-style:normal;}
form {display:inline;}
p,form {margin:0; padding:0;}
p, dt,dd, li{font-size:12px;line-height:18px;}
/* scroll bar */
html {
scrollbar-base-color: #ffffff;
scrollbar-arrow-color: #ababab;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ababab;
scrollbar-shadow-color: #ababab;
scrollbar-track-color: #ffffff;
}
/*
=========================================================================
Text
========================================================================== */
.d_r {font-family:'Proxima N W01 Bold', Dotum,µ¸¿ò; font-size: 13px; color: #f2545a; margin:0px;}
.14 a {font-family:'Proxima N W01 Bold', Dotum,µ¸¿ò; font-size: 14px; font-weight:bold; color: #fff; margin:0px;}
.14 a:hover {font-family:'Proxima N W01 Bold', Dotum,µ¸¿ò; font-size: 14px; font-weight:bold; color: #000; margin:0px;}
.m {font-weight:bold;}
.cate {font-family:'Proxima N W01 Bold', Dotum,µ¸¿ò; font-size: 14px; font-weight:bold; color: #000; margin-left:3px; line-height:30px;}
.footer {font-family:'Proxima N W01 Bold', Dotum,µ¸¿ò; font-size: 12px; color: #aaa; line-height:18px;}
.copy {font-family:Verdana; font-size:9px; font-weight:bold; color:#aaa; line-height:50px;}
h4 {font-family:'Arial'; font-size:20px;font-weight: bold; line-height: 1; color: #000000;}
.item p.name {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
word-wrap: normal !important;
word-break: keep-all;
white-space: nowrap;
width: 99%;
display: block;
}
.list-product p.name {
font-size: 12px;
}
.red {font-family:'Proxima N W01 Bold', Dotum,µ¸¿ò; font-size: 12px; color: #f13534;}
/*
=========================================================================
layout
========================================================================== */
#header,#contents,#footer {min-width: 1000px;}
#wrap{position:relative;min-width:1000px;}
#header{_position:fixed; position:absolute; _z-index:-1; top:0; left:0;right:0; z-index:999;width:100%;min-width:1000px; text-align:center;}
#contents {clear:both; min-height: 830px; height: auto !important; padding-top:169px; margin-bottom:70px;}
.main{min-width:1120px;}
.header_gnb{position:relative;margin:0 auto; height:34px;}
.core {position:relative; margin:0 auto; height:auto;}
div {display: block;}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
/* header */
.gnb_depth {overflow: hidden;position: relative;width: 1000px;display: inline-block;_display: inline;_zoom: 1; text-align:right;}
.gnb { float:right; text-align:right; display:block; margin:10px 0 0 0;}
.gnb {*zoom:1;}
.gnb li {float:left; background:url('/img/common/pipe_01.png') no-repeat 0 50%;}
.gnb li.first {background:none; }
.gnb li a {display:block; color:#000; padding:0px 12px; font-size:12px; line-height:14px; font-family:'Proximas N W01 Bold', Dotum,µ¸¿ò; letter-spacing:0.5px;}
.gnb li a:hover {display:block; color:#9e9d9d; padding:0px 12px; font-size:12px; line-height:14px; font-family:'Proxima N W01 Bold', Dotum,µ¸¿ò; letter-spacing:0.5px;}
#search {width:380px; border:1px solid yellow;}
.wrap {clear: both; margin: 0 auto;width: 1000px;text-align: left; }
.wrap01 {clear:both; margin:0 auto; width:600px; text-align:center;}
.core .col {float: left;}
.core .col.ci {width: 369px; height:70px;}
.core .col.ci img {margin-top:5px;}
.core .col.search { position: relative; z-index: 99; margin-top: 14px; width: 261px; height: 36px; background-image: url('/img/common/search.gif'); background-position: left top;}
.core .col.links { margin-top: 24px; width: 370px; border:5px}
.pull-right {float: right !important;}
ul.tab { margin: 0; padding: 0; list-style: none;}
ul.tab li { float: left !important;}
ul.tab li a {display:block; color:#000; padding:0px 8px; font-size:12px; line-height:14px; font-family:'Proxima N W01 Bold', Dotum,µ¸¿ò; letter-spacing:0.5px;}
ul.tab li a:hover {display:block; color:#9e9d9d; padding:0px 8px; font-size:12px; line-height:14px; font-family:'Proxima N W01 Bold', Dotum,µ¸¿ò; letter-spacing:0.5px;}
ul.tab li a .d_rr{display:block; color:#f2545a;}
ul.tab li a .d_rr:hover {display:block; color:#9e9d9d;}
.core .col.search input.text {
background-color: transparent;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
margin: 1px 0 0 1px;
padding: 0 10px;
width: 195px;
height: 32px;
line-height: 30px;
border: none;
color: #999;
}
.core .col.search .submit .icon {
width: 40px;
height: 20px;
}
.lt-ie8 .core .col.search .submit .icon {
cursor: pointer;
}
.icon em {
position: absolute;
display: inline-block;
margin: -1px;
padding: 0;
height: 1px;
clip: rect(0 0 0 0);
border: none;
white-space: nowrap;
overflow: hidden;
}
#wrapper {
width: 100%;
margin: 0 auto;
font: 300 86% helvetica,arial,sans-serif;
color: #000;
background: #fff;
}
nav {
position: relative;
width: 100%;
height: 50px;
margin: 0 auto;
background: #000;
filter:alpha(opacity=95); opacity: 0.95; -moz-opacity:0.05 /* IE 8 */
}
header, nav {
display: block;
}
nav ul#menu_bar li {
position: relative;
display: inline-block;
}
nav ul#menu_bar li a {
display: block;
height: 50px;
font-size: 1em;
line-height: 50px;
color: #fff;
text-decoration: none;
padding: 0 15px;
}
nav ul#menu_bar li a:hover, nav ul#menu_bar li:hover > a {
background: #333;
}
nav ul#menu_bar li:hover > #mega {
display: block;
}
#mega {
position: absolute;
top: 100%;
left: 0;
width: 940px;
height: auto;
padding: 20px 30px;
background: #333;
display: none;
}
ul#menu_bar ul {
display:inline-block;
vertical-align:top;
text-transform:uppercase;
width: 22%;
margin: 0 2% 15px 0;
padding: 0;
list-style: none;
}
ul#menu_bar ul li {
display: block;
}
ul#menu_bar ul li a {
float: left;
display: block;
width: 100%;
height: auto;
line-height: 1.3em;
color: #888;
text-decoration: none;
padding: 6px 0;
}
ul#menu_bar ul li:first-child a {
font-size: 1.2em;
color: #8dc63f;
}
ul#menu_bar ul li a:hover {
color: #fff;
background: none;
}
ul#menu_bar ul li:first-child a:hover {
color: #fff;
}
/* clearfix */
nav ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
nav ul {
display: inline-block;
}
html[xmlns] nav ul {
display: block;
}
#nav {padding:0; margin:-10px 0 0 0; list-style:none; height:34px; position:relative; z-index:500; font-family:'Proxima N W01 Bold', Dotum,µ¸¿ò; }
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:34px; color:#000; font-size:14px; letter-spacing:-1.5px;font-weight:bold; cursor:pointer;}
#nav li a.top_link span {float:left;width:137px; display:block;font-size:14px; height:34px; padding:10px 0 0 5px;}
#nav li a.top_link span.down {float:left;width:137px; display:block; height:34px; padding-left:5px;}
#nav li a.top_link:hover {color:#000;}
#nav li a.top_link:hover span {background:#fff; padding:10px 0 0 5px; color:#000; }
#nav li a.top_link:hover span.down {background:#fff; padding-left:5px;}
#nav li:hover > a.top_link {color:#000; }
#nav li:hover > a.top_link span {color:#e60000;}
#nav li:hover > a.top_link span.down {background:#fff; }
/* Default list styling */
#nav li:hover {position:relative; z-index:200;}
/* keep the 'next' level invisible by placing it off screen. */
#nav ul,
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover ul.sub
{left:-1px; top:31px; background: #fff; padding-left:5px; border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000;white-space:nowrap; width:165px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; position:relative; float:left; width:165px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-family:'Proxima N W01 Bold', Dotum,µ¸¿ò; font-size:12px; letter-spacing:-1px; width:165px; line-height:30px; text-indent:5px; color:#878787; text-decoration:none;}
#nav li:hover ul.sub li a:hover
{color:#e60000;}
#wrap #contents {height: 845px; background-position: center top;}
.contents .subject { margin-top: 125px; height: 42px; line-height: 42px; border:solid;}
/* notice */
#contents .notice {height:66px; text-align:center; margin-top:-12px;}
#contents .notice a { color: #7b7b7b;}
#contents .notice span { height: 51px; line-height: 63px; color: #7b7b7b;}
#contents .notice span.text { float: left; display: block; width: 264px; text-align:left;}
#contents .notice span.date { float: right; display: block; width: 100px; text-align:left;}
#contents .notice .subject { width: 136px; margin-top:0;}
#contents .notice .contents { width: 450px;}
#contents .notice .contents .list { width: 100%;}
.subject {margin-top: 25px; height: 42px; line-height: 42px;}
.section-a {width: 100%; height: auto !important; height: 500px; background:#fff; overflow: hidden;}
.section-b {margin-top:-10px; min-height: 326px; height: auto !important; height: 326px; overflow:hidden; }
.section-b .dc {width: 378px;}
.section-b .subject { margin-top: 25px; height: 42px; line-height: 42px;}
.subject {font-size:15px; color:#000;}
.section-b .dc .subject:first-child { margin: 15px 0 5px;}
.section-b .dc .slidr-counter { height: 40px; line-height: 40px; margin-top: -35px;}
.slidr-utils .slidr-counter {position: absolute; right: 0; top: 0;}
.section-b .dc .section-slider { position: relative; border: solid 1px #ddd;}
.section-b .dc .slidr { width: 376px;}
.slidr-utils { position: relative;}
.dc_box { position: relative; height:256px; overflow:hidden; z-index:199;}
.dc_box .inutil {
position: absolute;
z-index: 200;
left: 0;
right: 0;
bottom: 0;
background:#ffffff;
/*background-color:rgba(255,255,255,0.9);*/
filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.2 /* IE 8 */
}
.inutil { padding:10px; 3px}
.inutil li {float:left; padding-left: 7px; color:#000;}
.inutil li.right {text-align:right; width:250px;}
.inutil span.red20 {font-family: Georgia, Dotum,µ¸¿ò;font-size:40px; line-height:50px; font-weight:bold; color:#c00000;}
.b14 {font-size:14px; font-weight:bold; letter-spacing:-0.8px;}
.inutil span a,.inutil li span a:hover {display:inline-block; height: 15px; line-height: 18px;color: #000;}
.section-b .pick {width: 594px; height: 336px; }
.section-b .pick .subject { margin: 15px 0 5px 0;}
.js-prductSlidr { position: relative;}
.list-product { clear: both; padding: 10px 0 10px 0; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; line-height: 1.4; color: #333;}
.section-b .pick .list .tap li {display:block; float:left; width:190px;}
.section-b .pick .list {width:594px; margin-top:5px; }
.section-b .pick .list .item:first-child { margin: 0 0 0 0px }
.section-b .pick .list .item {border:1px solid #ccc; height:257px; margin-left:6px;}
.item .module {height:189px; background-image:url(/img/common/col_dot.gif);background-repeat:repeat-x; background-position:bottom;}
.code {padding:8px;}
.list p { margin: 3px 0; padding: 0; font-size: 12px;}
p.name {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
word-wrap: normal !important;
word-break: keep-all;
white-space: nowrap;
width: 99%;
line-height:15px;
display: block;
}
.prices {font-size: 13px;font-weight: bold; line-height:13px; color:#c00000; text-align:right;}
.section-c { position: relative; height: auto !important; overflow: hidden;}
.section-c .best {background-color:#182236; padding:10px; height:504px;}
.list-product {position: absolute; z-index: 500;width: 1008px; height: 494px; overflow: hidden; border: 0; padding: 0; margin:0;}
.list-product li {display:block; float:left; padding:0px;}
.list-product .item {
position: relative;
display: block;
opacity: 1;
pointer-events: auto;
width: 243px;
height: 243px;
text-align: left;
margin: 0 9px 9px 0;
}
.thumb {
position: relative;
z-index: 299;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
width:244px;
}
.thumb .util {
position: absolute;
z-index: 300;
left: 0;
right: 0;
bottom: 0;
background:#000000;
/* background-color:rgba(0,0,0,0.6);*/
filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.2
}
.util {padding:3px 7px;}
.util p ,.util p a,.util span {margin: 3px 0;padding: 0;font-size: 12px; text-align:right;}
.util p {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
word-wrap: normal !important;
word-break: keep-all;
white-space: nowrap;
width: 99%;
display: block;
}
.util p a span, .util span {display: block;height: 15px;line-height: 15px;color: #fff;}
.section-d {position: relative;height: auto !important; overflow: hidden;}
.section-d .new .item{ position: relative; border: solid 1px #ddd; z-index:1;}
.section-d .new .tap li {display:block;float:left; width:241px;margin:0 7px 7px 0;}
.desc {padding-top:2px;}
.module02 { height:189px;text-align:center; background-image:url(/img/common/col_dot.gif); background-repeat:repeat-x; background-position:bottom;}
.item .module02 img {width:188px; height:188px;}
.code02 {padding:8px; }
p.name02 {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
word-wrap: normal !important;
word-break: keep-all;
white-space: nowrap;
width: 99%;
height:37px;
display: block;
}
p.name02 img {margin:2px 2px 0 0; }
/* in_nav*/
.sub_a {position: relative;height: auto !important;overflow: hidden;}
.in_nav {height:57px; float:right; }
.in_nav li {float:left;padding-left:10px; line-height:50px; color:#7b7b7b;}
.in_nav li a.ing {font-weight:bold; color:#ed0814;}
/*sub*/
.title {position: relative; height:80px;}
.title .t_name li {float:left;font-size:25px; line-height:80px; width:880px; font-weight:bold; color:#000;}
.title .in_num li{float:right;margin:40px 15px 0 0; color:#999;}
#page {padding-bottom:50px; overflow: hidden;}
#page .mypage_login{float:left;text-align:center;width:45%;margin-top:70px;margin-right:17px;margin-left:17px;}
.page-detail-title {position: relative;height: 70px;}
#detailSummary {overflow: hidden;}
.page-detail-summary {line-height: 1;padding-top: 20px;border-top: solid 2px #000;}
.page-detail-summary .pick {float:left; margin-right: 30px; width: 530px; padding-bottom: 30px; border:1px solid #ddd;}
.page-detail-summary .pick .b_logo{position:absolute;}
.page-detail-summary .desc {float:left; width: 433px;}
.page-detail-summary table .gist {table-layout: fixed; width: 100%;margin:0 10px;}
table.gist, table.quantity {table-layout: fixed;}
table.gist th { width: 90px; vertical-align: top; padding-left:20px;}
table.gist th span { display: inline-block; font-weight: bold; font-size: 14px; color: #000; line-height:35px;}
table.gist td { width: auto; font-size: 14px;color: #666; font-weight:bold; line-height:27px;}
table.gist span.price {font-size:16px;font-family: Georgia, Dotum,µ¸¿ò; }
.hr { height:1px; margin: 20px 0; background-color: #dedede;}
table.gist td.pice span {font-weight:normal; font-size:12px;}
.quantity {width:324px; margin:10px 0 30px 20px;}
.quantity .sort { background:#6a6e87; font-weight:bold; font-size:12px; color:#fff; height:36px;}
.quantity .sort th {border:1px solid #434b6a; text-align:center;}
.quantity .enter, .out {text-align:center; }
.quantity .enter td {border-left:1px solid #cecece; border-right:1px solid #cecece;border-bottom:1px solid #cecece; height:28px;}
.quantity .out td {border-left:1px solid #cecece; border-right:1px solid #cecece;border-bottom:1px solid #cecece; height:28px; background:#e6e7ed;}
.clearfix {
clear: both;
*zoom: 1;
}
.stock {color:#a200e5;}
.actions {width:100%; height:51px; margin:30px 0;}
.actions ul {float:left; padding-left:40px;}
.actions li {text-align:center;}
.detail-downer {width:100%;}
.section-detail-core { line-height: 1.4; margin-top: 30px;}
table.quantity input.mini01 {width:20px; height:20px; line-height:20px; text-align:center;}
.comWrap {overflow:hidden;}
.comWrap li span {float:left;}
.comWrap span.title-text {font-size:16px; display:block; margin-top:15px;}
.comWrap span.total-text {font-size:12px; font-weight:normal; color:#959595; display:block; margin:15px 0 0 10px;}
.comWrap span.btn {overflow:hidden;}
comWrap table, .com table { width: 100%;}
colgroup { display: table-column-group;}
#cart {margin:30px 0;}
.comWrap table thead th, .com_board thead th {
line-height: 40px;
height: 40px;
text-align: center;
border-bottom: 1px solid #434b6a;
font-size: 13px;
color: #000;
}
.com_board {width:100%;}
.com_board thead th { background: #fafafa;}
.CTbl td { position: static;}
.comWrap table td { border-bottom: 1px solid #ddd; line-height: 43px; text-align: center;}
.cTbl td.info {text-align:left; padding-left:20px;}
.star {margin:0 auto; width:70px; height:12px; }
.star li {background:url('/img/common/star_off.gif') no-repeat; text-align:left;}
/* »ó¼¼ÆäÀÌÁö TAB */
.tab_wrap {height:70px;}
.tab_wrap ul {height:40px;border-bottom:1px solid #000;}
.tab_wrap li {float:left;margin-right:1px; width:24.61%;height:39px;border-top:1px solid #E5E5E5;border-right:1px solid #E5E5E5; border-left:1px solid #E5E5E5;}
.tab_wrap li a {display:block;width:100%;text-align:center;font:14px/39px 'µ¸¿ò',dotum; font-weight:bold;}
.tab_wrap li.on1 {border-bottom:1px solid #FFF; border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;}
.tab_wrap li.on1 a {color:#000;}
.tab_wrap li:hover a, .tab_wrap li.on1 { border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;}
.tab_wrap li a span, .tab_wrap li a span:hover {font:12px 'µ¸¿ò'; color:#999; background:#fff;}
.padder { padding:40px; text-align: left;border:1px solid #e5e5e5;}
.detail-view { text-align: center;}
.lock {margin:13px 0 0 10px;}
/*¸®½ºÆ® ÆäÀÌÁö*/
.cateimg { overflow:hidden;width:1000px; height:103px; background-image:url('/img/product/cate_img.gif');}
.cateimg h3 {font-family:Dungeon; font-size:24px; line-height:50px; color:#fff; text-shadow :1px 1px 5px #000; margin:50px 0 0 20px; }
.makerWrap {overflow:hidden; border:1px solid #cccccc; margin:20px 0; }
.makerWrap ul li {float:left; height:40px; width:19.8%; border-right:1px dashed #e2e2e2; border-bottom:1px dashed #e2e2e2; text-align:center; line-height:40px;}
.makerWrap ul li.on, .on a {background:#e30813; color:#fff;}
.product-sort {margin:0 auto; clear:both; z-index:1;}
.product-sort ul li {float:left;}
.product-sort .col {margin: 10px 0; height: 40px;line-height: 40px;}
.product-sort .orderby {float:right;}
.product-sort ul.tab { overflow:hidden; margin: 0 0 0 600px; padding: 0; list-style: none;}
.product-sort ul.tab li { float: left !important;}
.product-sort ul.tab li a {display:block; color:#686868; padding:0px 8px; font-size:12px; line-height:30px; font-family:'Proxima N W01 Bold', Dotum,µ¸¿ò; letter-spacing:0.5px;}
.product-sort ul.tab li a:hover {display:block; color:#e30813; padding:0px 8px; font-size:12px; line-height:30px; font-family:'Proxima N W01 Bold', Dotum,µ¸¿ò; letter-spacing:-0.5px; font-weight:bold;}
.product-sort .bar { margin: -20px 0 0 0; border-color: #e8e8e8; vertical-align: top;}
.bar { display: inline-block; overflow: hidden; width: 0; height: 11px; margin: -1px 5px 1px 4px;border-left: 1px solid #eaeaea; vertical-align: middle;}
.sb {clear:both; margin:10px 0 0 15px; z-index:500;}
.inqu {margin:0 auto; }
/*ÆäÀÌÁö*/
.section-pagination {
clear: both;
position: relative;
margin: 0 auto 40px;
text-align: center;
line-height: 1;
cursor: default;
padding-top:20px;
}
.section-pagination a.nav.first { background-image: url('/img/btn/pagination_first.png');}
.section-pagination a.nav.prev { margin-right: 7px; background-image: url('/img/btn/pagination_prev.png');}
.section-pagination a.nav.next { margin-left: 7px; background-image: url('/img/btn/pagination_next.png');}
.section-pagination a.nav.last { background-image: url('/img/btn/pagination_last.png');}
.section-pagination a.nav {
background-position: center center;
background-repeat: no-repeat;
border-color: #ddd;
}
.section-pagination a {
display: inline-block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
margin: 0 1px;
width: 32px;
height: 32px;
line-height: 32px;
border-style: solid;
border-width: 1px;
border-color: #ddd;
vertical-align: middle !important;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
font-size: 14px;
color: #999;
}
.section-pagination a.active, .section-pagination a.nav:hover, .section-pagination a:hover {
text-decoration: none;
border-color: #eb060e;
font-weight: 600;
background-color: #eb060e;
color: #fff;
}
span.icon { opacity: 0.9; filter: alpha(opacity=90);}
span.icon { text-align: left;}
.icon {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
min-width: 18px;
min-height: 18px;
display: inline-block;
margin: 0;
padding: 0;
text-decoration: none;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
line-height: 1;
vertical-align: middle !important;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
/* ¹è¼Û,¹ÝÇ°,±³È¯¾È³» */
.re_info {overflow: hidden;}
.cntTlt { margin-top: 40px; padding-bottom: 15px; border-bottom: 2px solid #333; margin-bottom: 0px;}
h3.cntTlt {text-align: left; font: 16px 'µ¸¿ò'; font-weight:bold; color:#000;}
.re_info dl {overflow: hidden; border-bottom: 1px solid #ddd; background: url('/img/common/l_re_info.gif') repeat-y 0 0;}
.re_info dl dt {float: left; padding: 14px 0 15px 20px; color: #333;font-size:14px; font-weight: bold;}
.re_info dl dd { padding: 14px 30px 15px; line-height: 18px; padding-left: 215px;}
.re_info ul li { line-height: 20px; padding:0 0 8px 8px; background: url('/img/common/ic_bullet_gray.gif') no-repeat 0 7px;}
/*member*/
.m_title {height:80px; border-bottom:2px solid #ed000c;}
.m_title .mt_name {float:left; padding:25px 0 0 10px;}
.m_title .in_t {float:left;margin:40px 15px 0 20px; color:#999; }
.page-detail .process_area { margin: 58px 0; width: 1000px; text-align:center;}
.table_list, .mytable_list {overflow:hidden;}
.table_list > h3 {margin-bottom: 15px; font-size: 18px; font-weight: bold; color: #000;}
.table_list > h4 {margin:60px 0 15px 0; font-size: 18px; font-weight: bold; color: #000;}
.fifa_textarea { overflow-y: auto; padding:15px; font-size:12px; color:#666; display: block; height: 120px; width: 960px!important; background: #fff; border: 1px solid #CCC; resize: none;}
.fifa_check_area {margin: 15px 0; width:1000px;}
.fifa_check_area p span {float:right; margin-left:10px;}
.btn_area {overflow:hidden;text-align: center; padding:15px 0 30px 0;}
.table_list .in_input .tl_tit li ,.tl_tit_l li{
position: relative;
margin-bottom: 15px;
font-size: 12px;
line-height:30px;
}
.tl_tit li {float:left;}
.tl_tit li .tit,.tl_tit_l li .tit {font-size: 18px; font-weight: bold; color: #000;}
.tl_tit li .in_span {margin:10px 0 15px 780px; background:url('/img/join/arrow.gif'); background-repeat:no-repeat; background-position:10% 45%;}
.bbs-form tr th p {display: inline-block; margin-left: 20px; padding-left:10px;}
.bg_must { background:url('/img/join/arrow.gif'); background-repeat:no-repeat; background-position:0% 45%;}
.btn_p {margin-left:10px;}
.in_st, .in_st p {font-size:11px; color:#898989; line-height:12px; padding-left:10px;}
.bbs-form input.mini {width: 30px;}
.bbs-form input.middle {width:350px;}
.bbs-form input.middle01 {width:250px;}
.bbs-form input.max {width: 95%;}
.s_t{line-height:15px;}
.tl_tit_l {padding-top:30px;}
.btn_p {padding-left:20px;}
.table_box {border:1px solid #909090; padding:26px; margin-bottom:30px; text-align:center;}
.table_box h1 {text-align:left; font-weight:normal;}
.table_box .in li {margin:30px;}
/*·Î±×ÀÎ*/
.login { overflow:hidden; border-bottom:1px solid #999999; padding:20px 0; margin-bottom:50px;}
.login h2 {padding:20px 0; text-align:center;}
.loginWrap {width:550px; overflow:hidden; margin:0 auto;}
.loginWrap .enter {font-size:14px; font-weight:normal; color:#000;}
.loginWrap .enter h3 {width:550px;font-size:12px; float:left;}
.inputArea { width: 339px;}
.input_box {float: left;margin-right: 10px;}
.input_box label {
display: inline-block;
width: 67px;
font-family: 'µ¸¿ò';
font-size: 1.167em;
vertical-align: middle;
}
.input_box > p:first-child { margin-bottom: 10px;}
.input_box .input {
width: 300px;
height: 29px;
padding: 10px 0 10px 10px;
font-size:18px;
}
.inp_s {float:left; margin-left:70px;}
.input_box .idcheck {width:75px; font-size:12px; padding:15px 0; color:#666;}
.login_box .login_btn { float: left;}
.login_btn input { display: block;border:none; width:150px; height:111px;background: url('/img/btn/login.gif') no-repeat 50% 50%; cursor: pointer}
.findWrap {border-top:1px solid #e6e6e6; text-align:center;}
.idfind {margin:25px 0 0 100px; }
.find_box {width:370px; border-right:1px solid #e6e6e6;overflow:hidden; margin:0 auto; float:left;}
.find_box ul li {float: left;}
.join_box {width:300px; overflow:hidden; margin:0 auto; }
.join_box ul li {float: left;}
.text_p {display:nline-block; margin-top:20px; text-align:left;}
.text_p p {padding-left:15px; color:#808080;}
.text_p p a { font:16px 'µ¸¿ò';color:#000; letter-spacing:-1.5px;}
#Wrapfind {width:1000px; margin:0 auto;}
.find_id { float:left;width:470px; margin:50px 0 0 10px ;}
.find_pw {float:right; width:470px; margin:50px 10px 0 0;}
.find_tlt {font:14px 'µ¸¿ò'; font-weight:bold; color:#000; line-height:30px;}
h1.findTlt { font:bold 18px 'µ¸¿ò'; color:#000; border-bottom:2px solid #000; padding-left:10px;}
.payment-info h3 {font-size:12px; font-weight:normal; color:#808080; padding:20px 0; text-align:center;}
.payment-info h3 span {letter-spacing:-0.7px;}
span.r { color: #e30813;}
.payment-info h4 {text-align:center; height:100px; padding:30px 0 0 0;}
/*Àå¹Ù±¸´Ï*/
.m_title .in_ing {float:right; margin-top:15px;}
.tblWrap table, .mytbl table { width: 100%;}
colgroup { display: table-column-group;}
#cart {margin:30px 0;}
.tblWrap table thead th, .tbl_board thead th {
line-height: 40px;
height: 40px;
text-align: center;
border-top: 1px solid #434b6a;
border-bottom: 1px solid #434b6a;
border-left:1px solid #434b6a;
border-right:1px solid #434b6a;
font-size: 13px;
color: #fff;
}
.tbl_board {border-bottom:2px solid #000;}
.tbl_board thead th { background: #6a6e87;}
.cartTbl td { position: static;}
.tblWrap table td { height: 90px; padding: 10px 0 10px; border-bottom: 1px solid #ddd; line-height: 15px; text-align: center;}
.tbl_board tfoot th {background:#fff; height:60px; color:#000;}
.Review_btn {float:left; margin-left:15px;}
.total {overflow:hidden;float:right; width:300px;}
.total ul li {float:left;}
.tlt {height:30px; line-height:30px;}
.total .price {color:#e30813; text-align:right; width:200px;}
.total .price em{font-size:20px; font-family: Georgia, Dotum,µ¸¿ò; line-height:22px;}
.total .price var{display: inline-block; font:12px 'µ¸¿ò' normal;}
.checkWrap {position:relative; margin:0 0 0 20px;}
.checkWrap label {position:absolute; margin-bottom:0px; left:0px; height:20px; padding:0 0 0 20px; background:url('/img/btn/checkbox.png') no-repeat;}
.checkWrap input[type="checkbox"]:checked + label {background-position:0 -20px}
tbody { display: table-row-group; vertical-align: middle; border-color: inherit;}
.cartTbl td.info {text-align: left; padding: 10px 0;}
.cartTbl td.info_m {text-align:left; padding:10px 10px;}
td em {font-weight:bold; color:#ed0814; }
.prdInfoWrap {position:relative;}
.prdInfoWrap .prdImg {
position: absolute;
left: 0;
top: 50%;
margin-top: -45px;
width: 90px;
height: 90px;
display: block;
float: left;
}
.prdInfoWrap .prdImg{left:15px; width:90px; height:90px; display:block; float:left;}
.prdInfoWrap .prdImg img{width:90px;height:90px;}
.prdInfoWrap .prdInfo{min-height:30px;padding:0 10px 0 120px;}
.prdInfoWrap .prdInfo > a > span{display:block}
.mount {position:relative;min-height: 90px; border-left:1px solid #ebebeb;}
.size {width:30px;}
.slash {padding:0 5px; color:#bababa;}
.ea {display:inline-block; color:#008edf;}
p.in_line {height:1px; background:#ebebeb; margin:7px 0;}
.spinnr { display: inline-block; padding: 0 19px; position: relative;}
.spinnr .icon {
position: absolute;
right: 0;
width: 17px;
height: 9px;
background-image: url('/img/btn/spinnr_plus.png');
min-height: 5px;
background-color: #f9f9f9;
border: solid 1px #aaa;
}
.spinnr .plus .icon {top: 0;}
.spinnr .minus .icon { bottom: 0; background-image: url('/img/btn/spinnr_minus.png');}
span.icon { text-align: left;}
.icon em {
position: absolute;
display: inline-block;
margin: -1px;
padding: 0;
height: 1px;
clip: rect(0 0 0 0);
border: none;
white-space: nowrap;
overflow: hidden;
}
.tbl_board input.number {width: 30px; height:19px; line-height:19px; text-align:center;}
.product-info {overflow:hidden; width:99.6%; border:1px solid #dcdcdc; margin-bottom:15px;}
.product-info span.img {
display: inline-block;
padding: 19px 0 19px 19px;
vertical-align: middle;
}
.product-info span.img img {
border: 1px solid #E9E9E9;
width:80px; height:80px;
}
.product-info span.info {
display: inline-block;
padding: 0 0 0 14px;
vertical-align: middle;
}
.product-info span.info span.link a {
font-weight: bold;
font-size:14px;
line-height:24px;
color: #444444;
}
.product-info span.info span.order-info {
display: block;
width: 652px;
margin-top: 7px;
padding-top: 10px;
color: #8195E0;
font-size: 11px;
border-top:1px dashed #8195E0;
}
/*input type*/
input[type="text"],
input[type="password"],
input.text {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
border-radius: 0;
text-align:left;
padding: 0 5px;
height: 26px;
width:120px;
line-height: 26px;
font-size: 12px;
border: solid 1px #d9d9d9;
}
label > input[type="checkbox"], label > input[type="radio"] {
margin-right: 3px;
vertical-align: middle !important;
cursor: pointer;
}
.select { padding: 4px 0 5px 0;}
input.address {width: 80%;}
.btnWrap { display: inline; /* position: relative; */}
.btnWrap.orderBtn { padding-bottom: 70px;}
.orderBtn {display: block; margin-top: 20px;}
.orderBtn > * { float: left;}
.btnWrap .btn_single { display: inline;margin:10px 0 0 5px;}
.orderBtn .btn { float: right;width: 537px;}
.orderBtn .btn span {padding-left:10px; text-align:right;}
table.fixed {table-layout: fixed;}
.button_payment{
width:236px; height:61px; cursor:pointer;
border:1px solid #4b22c3; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:18px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
background-color: #683FDE; background-image: -webkit-gradient(linear, left top, left bottom, from(#683FDE), to(#501CC6));
background-image: -webkit-linear-gradient(top, #683FDE, #501CC6);
background-image: -moz-linear-gradient(top, #683FDE, #501CC6);
background-image: -ms-linear-gradient(top, #683FDE, #501CC6);
background-image: -o-linear-gradient(top, #683FDE, #501CC6);
background-image: linear-gradient(to bottom, #683FDE, #501CC6);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#683FDE, endColorstr=#501CC6);
}
.button_payment:hover{
border:1px solid #3c1b9c;
background-color: #4d22c8; background-image: -webkit-gradient(linear, left top, left bottom, from(#4d22c8), to(#3e1699));
background-image: -webkit-linear-gradient(top, #4d22c8, #3e1699);
background-image: -moz-linear-gradient(top, #4d22c8, #3e1699);
background-image: -ms-linear-gradient(top, #4d22c8, #3e1699);
background-image: -o-linear-gradient(top, #4d22c8, #3e1699);
background-image: linear-gradient(to bottom, #4d22c8, #3e1699);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4d22c8, endColorstr=#3e1699);
}
.payment-box {clear: both;}
.payment-box .payment-info { float: left;width: 690px;}
.payment-info h1 {height:30px; padding-bottom:7px;}
.payment-info h2 {font-size: 16px;}
h2.in-title, h3.in-title{margin: 20px 0 15px 0;}
.ml20 {margin-left: 20px !important;}
span.warning { color: #e30813;}
.pay-info {}
.pay-info li {float:left;font-size: 16px; line-height:20px;}
li.in-title {margin:10px 0 15px 0 ;}
.in-btn {margin:10px 0 15px 330px;}
.in-btn img {padding-left:7px;}
h1.payTlt { font:bold 25px 'µ¸¿ò'; letter-spacing:-4px; color:#000; border-bottom:2px solid #000; padding-left:10px;}
.payment-box .payment-total { position: relative; float: right; width: 280px;}
.payment-total .price-box {padding: 2px; background: #3a0089;}
.price-box h4 {font:bold 16px 'µ¸¿ò'; color: #fff; padding: 20px 0; text-align: center;}
.price-box .pay-calculation { padding: 0 20px 20px 20px; background: #fff;}
.reset { margin: 0; padding-top: 15px; list-style: none;}
.price-box .pay-calculation .article li{
position: relative;
padding: 10px 0;
font-size: 13px;
text-align: right;
line-height:30px;
border-bottom: 1px #e9e9e9 solid;
}
.price-box .pay-calculation .select{
font-size:11px;
}
.article li .tit {position: absolute; left: 0px;color: #000000;font-weight: bold;}
.article li span {font:bold 13px 'µ¸¿ò';}
.sum li {
position: relative;
padding: 18px 0;
font-size: 13px;
text-align: center;
border-bottom: 1px #e9e9e9 solid;
}
.sum li span {font-weight:bold; color:#ef2705;}
.sum li span em {font-size:24px; font-family: Georgia, Dotum,µ¸¿ò; line-height:30px;}
.pay-btn {padding-top:20px;}
tbody { display: table-row-group; vertical-align: middle; border-color: inherit;}
.bbs-form {width: 100%; border-bottom:1px solid #ccc;}
.bbs-form tr th,.bbs-form tr td { border-top: 1px #ccc solid;}
.bbs-form tr th {
font-weight:normal;
padding: 10px 0;
text-align: left;
color: #000;
font-size: 13px;
line-height:30px;
background: #f5f5f5;
}
.bbs-form tr th span {display: inline-block; margin-left: 30px;}
.bbs-form tr td {padding: 7px 0px 7px 10px;}
.bbs-form tr:first-child th, .bbs-form tr:first-child td { border-color: #000;}
.bbs-form p { margin: 5px 0;padding: 0;}
.bbs-form td.way label { display: inline-block; margin: 5px 20px 5px 0;}
table label {vertical-align: middle !important;}
input.small {width: 60px;}
textarea.memo {
width:510px;
height:26px;
padding: 5px;
line-height: 15px;
font-size: 12px;
color:#666;
border: solid 1px #d9d9d9;
}
textarea.write {
width:94%;
height:180px;
padding: 5px 10px;
line-height:18px;
font-size: 12px;
color:#666;
border: solid 1px #d9d9d9;
}
.btn-wrap {text-align:center;}
/*¸¶ÀÌÆäÀÌÁö*/
.myimg {float:left;}
.myWrap {float:right; height:100%; width:79%;}
.myWrap .cateWrap, .cateWrap01 {overflow:hidden; border:1px solid #cccccc; margin:0; }
.myWrap .cateWrap ul li {float:left; height:40px; width:24.87%; border-right:1px dashed #e2e2e2; text-align:center; line-height:40px;}
.cateWrap01 ul li {float:left; height:40px; width:24.87%; border-right:1px dashed #e2e2e2; border-bottom:1px dashed #e2e2e2;text-align:center; line-height:40px;}
.myWrap .cateWrap ul li.on, .on a, .cateWrap01 ul li.on, .on a {background:#e30813; color:#fff;}
.mytbl table td { height: 60px; padding: 3px 0 3px; border-bottom: 1px solid #ddd; line-height: 15px;}
.table_mylist td {min-height:20px;}
.my_mount {position:relative; border-left:1px solid #ebebeb; text-align:center;}
.my_mount:first-child {border-left:none;}
.onum {color:#bb00f9;}
.settle {border-left:1px solid #ebebeb; text-align:right;}
.settle span {padding-right:40px;}
.mytable_list .in_input .tl_tit li ,.tl_tit_l li{
position: relative;
margin: 30px 0 15px 0;
font-size: 12px;
line-height:30px;
}
.tl_tit {overflow:hidden;}
.tl_tit li .myin_span {margin:10px 0 15px 570px; background:url('/img/join/arrow.gif'); background-repeat:no-repeat; background-position:10% 45%;}
.p_check { margin-top:30px;}
.p_check h1 {font-size:16px; color:#000; line-height:26px; padding-bottom:15px; border-bottom:1px solid #ccc;}
.bank {overflow:hidden; border-bottom:1px solid #000;}
.bank span {float:left; text-align:center; padding:15px 20px 28px 20px;}
.bank_name {display:inline-block;color:#000; font-size:24px; font-weight:bold; margin-top:15px; }
.bin_text {display: inline-block; font-family:Century Gothic,µ¸¿ò; color:#000; font-size:14px; font-weight:bold; margin-top:5px;}
.bin_num {font-size:20px; line-height:30px;}
.checkArea {margin-top:15px;}
.checkArea h2 {font-size:14px; color:#000; line-height:22px;}
.cBox {background:#f9f9f9; border:1px solid #e7dee9; overflow:hidden; margin-top:15px; padding:0 10px;}
.cBox li {float:left; height:50px; line-height:50px;}
.cBox .inbox {padding:0 10px 0 50px;}
.listWrap { margin-top:30px;}
.listWrap table td { height: 40px; padding: 3px 0 3px; border-bottom: 1px solid #ddd; line-height: 15px;}
/*¼ºñ½º*/
#board {margin:0px;}
.mytable_list .in_input .tl_tit li.board_title {font-size: 24px; color: #000; font-weight:bold; }
.board {font-size:12px; line-height:22px;}
.agreeArea {
margin:10px 10px 10px 0;
padding: 10px;
overflow-x: hidden;
overflow-y: scroll;
height: 800px;
border: 1px solid #d8d9db;
}
.agreeArea * { line-height: 16px;}
.agreementMenu {
overflow: hidden;
padding: 21px 0;
border: 1px solid #c2c2c2;
background:#f7f7f7;
}
.agreementMenu ul li {
float: left;
width: 49%;
height: 24px;
}
.agreementMenu ul li span {
display: block;
margin-left: 30px;
height: 24px;
overflow: hidden;
line-height: 18px;
margin-bottom: 4px;
padding-left: 13px;
background: url('/img/common/ic_bullet.gif') no-repeat 0 7px;
}
.agreeArea .agreeContents { line-height: 20px;}
.agreeArea .agreeContents h3:first-child { margin-top: 15px;}
.agreeContents .acTlt {
text-align:left;
margin-top: 45px;
margin-bottom: 13px;
}
.acTlt { color: #333; font-size: 16px; font-weight: bold;}
.agreeArea .agreeContents ul.type02 { padding: 0 0 0 19px;}
.agreeArea .agreeContents ul.type02 > li .first_letter { margin: 0 4px 0 -15px;}
.agreeContents ul.type02 p {
font-weight: normal;
font-size: 12px;
margin:0 0 10px -15px;
}
.agreeContents ul.type02 > li { margin-top: 21px;}
.agreement .agreeArea .agreeContents li {
line-height: 20px;
font-weight: normal;
font-size: 12px;
}
.agreeContents ul.type02 li ol {padding-left: 0;}
.agreeContents ol {
padding: 0 0 0 18px;
font-weight: normal;
font-size: 12px;
}
.agreeContents ul.type02 li ol li { margin-top: 10px;}
.agreeContents ul.type02 li ol li dd {margin-top: 7px;}
p.agreeEnd { padding-top: 20px;}
.tbl_board .board_list td {height:25px;}
.board_list .title_name {text-align:left; padding-left:20px;}
.question { line-height: 20px; color: #555; border-bottom: 1px solid #e4e4e4; }
tr.answer {overflow: auto; padding: 19px 17px 14px;}
tr.answer .answer-td {overflow: auto;text-align:left; line-height:20px; padding: 15px 20px 14px; color: #555; background: #f3f3f3;}
.answer-text {
max-height:250px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
.faq-answer-text {
max-height:250px;
padding-left:10%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
.section-btn {
clear: both;
position: relative;
margin: 0 auto ;
line-height: 1;
cursor: default;
padding-top:20px;
text-align:right;
}
.faq_tab {width:100%; overflow:hidden;}
.Review-s span {padding-right:15px;}
.Review-s label {display: inline-block; vertical-align: middle;}
/* footer */
ul.tab-1 > li { float: left !important;}
#footer li, #footer p {margin: 0;padding: 0;list-style: none;}
#footer .tail { height: 162px;margin-top: 20px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
#footer .tail .tel li {float:left;}
#footer .contact { margin-top:15px; overflow:hidden;}
.contact h2 {font-family:Broadway; font-size:16px; line-height:24px;}
#footer .tail .tel .contact li {float:left; padding-right:10px;}
li.cont {font-family:Californian FB; font-size:48px; letter-spacing:5px; line-height:52px; padding-right:20px;}
#footer .tail .tel .contact li.time {line-height:24px;}
#footer .tail .guide {float: right;width: 145px; margin-top:45px;}
#footer .tail .guide li {float:left;padding-left:10px;}
#footer .col-1 {height:130px;margin:0px 0 25px 0;}
#footer .core-1 .tab-1 {width:1000px;float:left;margin: 26px 0 20px;}
#footer .core-1 .tab-1 .footer {position:relative;}
#footer .core-1 .tab-1 a {display: inline-block; padding: 0 8px 0 15px;}
#footer .core-1 .tab-1 .nth-child-1 a, .nth-child-2 a, .nth-child-3 a {padding-left: 0; color:#5d5d5d;}
#br_logo{position:absolute; margin-left:3px;}
#br_logo img{width:40px; height:40px;}