@charset "euc-kr";

* { margin:0; padding:0; }
html, body { width:100%; height:100%; }
html { overflow-y:scroll; }
body { *word-break:break-all; -ms-word-break:break-all; background:url(/img/bg/body.gif) repeat-x 0 0; }
body, input, select, button { font-family:µ¸¿ò, Dotum, Tahoma, Arial; font-size:12px; line-height:1.5em; color:#666; }
img, fieldset, iframe { border:0 none; }

legend, hr { display:none; }
li { list-style:none; }

.gap { clear:both; font-size:0; line-height:0; }
.gap3 { clear:both; font-size:0; line-height:0; height:3px; }
.gap5 { clear:both; font-size:0; line-height:0; height:5px; }
.gap10 { clear:both; font-size:0; line-height:0; height:10px; }
.gap15 { clear:both; font-size:0; line-height:0; height:15px; }
.gap20 { clear:both; font-size:0; line-height:0; height:20px; }
.gap25 { clear:both; font-size:0; line-height:0; height:25px; }
.gap30 { clear:both; font-size:0; line-height:0; height:30px; }
.gap40 { clear:both; font-size:0; line-height:0; height:40px; }

a { color:#676d76; text-decoration:none; }
a:visited { color:#676d76; text-decoration:none; }
a:active { color:#676d76; text-decoration:none; }
a:hover { color:#676d76; text-decoration:none; }

/*span.through { text-decoration:line-through; }*/
span.f77a36 { color:#f77a36; }
span.b666 { color:#666; font-weight:bold; }
span.bf77a36 { color:#f77a36; font-weight:bold; }
span.b676d76 { color:#676d76; font-weight:bold; }
span.b2f3743 { color:#2f3743; font-weight:bold; }

#container { margin: 0px 0px 10px 30px; width:920px; background:url(/img/bg/container.gif) repeat-y 0 0; }
#container_main { background: url(/img/welcome/bg.png) no-repeat; }

#clear { clear: both; margin: 0px; }
.clear { clear: both; margin: 0px; }

#header { width:878px; height:86px; border-bottom:15px solid #fecb51; }
#header .logo { float:left; padding:12px 0 0 20px; }
#header .menu { float:right; text-align:right; }
#header .topmenu { clear:both; height:55px; }
#header .topmenu ul {  padding:10px 20px; }
#header .topmenu li { display:inline; padding-left:11px; background:url(/img/bg/line2.gif) no-repeat 3px 2px; }
#header .topmenu li.first { padding-left:0; background:none; }
#header .mainmenu { position:relative; clear:both; width:481; height:31px; padding:0 24px; font-size:0; }
#header .mainmenu li { position: relative; float:left; display:inline; }
#header .mainmenu .over1 { position:absolute; top:0; left:22px; }
#header .mainmenu .over2 { position:absolute; top:0; left:106px; }
#header .mainmenu .over3 { position:absolute; top:0; left:189px; }
#header .mainmenu .over4 { position:absolute; top:0; left:250px; }
#header .mainmenu .over5 { position:absolute; top:0; left:334px; }
#header .mainmenu .over6 { position:absolute; top:0; left:419px; }

#header_main { width: 878px; height: 86px; }
#header_main .menu { float: right; text-align: right; }
#header_main .topmenu { clear: both; height: 55px; }
#header_main .topmenu ul { padding: 10px 20px; text-align: right; }
#header_main .topmenu li { display: inline; }
#header_main .mainmenu { position: relative; float: right; height: 31px; padding: 0 24px; clear: both; }
#header_main .mainmenu li { position: relative; float: left; display: inline; }

#neck { position:relative; width:878px; height:231px; }
#neck .neckimg { position:absolute; float:left; top:20px; left:20px; }
#neck .path { position:absolute; float:right; top:214px; right:25px; font-size:11px; color:#8d8d8d; line-height:120%; }
#neck .path a { color:#8d8d8d; }

#body { width:878px; min-height:300px; _height:300px; }

#body .bodyleft { float:left; width:169px; height: 480px; background: url(/img/menu/left_bg.gif) no-repeat; }
#body .bodyleft .mtitle { font-size:0; line-height:0; }
#body .bodyleft ul { width:126px; padding-left:20px; }
#body .bodyleft li { display:block; padding:8px 0 1px 20px; border-top:1px solid #fde3d2; }
#body .bodyleft li.first { padding:0 0 1px 20px; border-top:none; }

#body .bodyright { float:left; width:689px; }
#body .bodyright .stitle { height:48px; border-bottom:1px solid #fde3d2; }
#body .bodyright .stitle li { float:left; display:inline; font-size:0; line-height:0; vertical-align:top; }
#body .bodyright .stitle li.txt { padding:12px 0 0 8px; }

#footer { clear:both; width:920px; height:60px; background:url(/img/bg/footer.gif) no-repeat 0 0; padding:20px 0 0 20px; }
#footer .logo { float:left; }
#footer .menu { float:left; padding:6px 0 0 18px; font-size:0; line-height:0; }
#footer .menu li { float:left; display:inline; padding-left:11px; background:url(/img/bg/line1.gif) no-repeat 5px 1px; }
#footer .menu li.first { padding-left:0; background:none; }
#footer .menu .copyright { float:left; padding-top:7px; }
#footer .delivery { float:left; padding:0 0 0 34px; }
#footer .address { float:left; padding:7px 0 0 24px; }

#scroll { position:absolute; top:180px; left:908px; }

#main_sidebar { float:left; width:140px; padding:30px 0 30px 45px; }
#main_sidebar .orderani { display: block; float:left; height: 80px; width: 140px; }
#main_sidebar .orderani .bike { padding: 20px 0; }
#main_sidebar .store { float:left; }
#main_sidebar .store .title { float:left; }
#main_sidebar .store .dot { float:right; }
#main_sidebar .storeimg { clear:both; padding-top:2px; }
#main_sidebar .storename { float:left; padding:2px 0 0 9px; line-height:100%; background:url(/img/bg/arrow1.gif) no-repeat 0 4px; }
#main_sidebar .twitter { clear: both; float:left; padding-top:30px; }
#main { float:left; padding:47px 0px 25px 65px; }
#main .mainflash { clear:both; }
#main ul.mainbanner { float:left; padding:10px 0 0 40px; }
#main ul.mainbanner li { display:inline; font-size:0; line-height:0; }

#main_media { margin-top: 20px; width: 598px; text-align: right; }

.titletype1 { clear:both; padding-left:20px; background:url(/img/bg/arrow2.gif) no-repeat 0 1px; }

.boxtype1 { float:right; width:667px; border:1px solid #fde3d2; }
.boxtype1a { height:145px; padding:10px; overflow-y:scroll; }
.boxtype1b { padding:14px 20px 10px 0; font-size:11px; color:#f77220; font-weight:bold; line-height:1.2em; text-align:right; vertical-align:bottom; background-color:#fef1e8; }

.boxtype2 { float:right; width:663px; height:48px; border:3px solid #ff3c00; }
.boxtype2 img { float:left; padding:17px 0 0 15px; }
.boxtype2 p { float:left; padding:18px 0 0 5px; color:#ff3c00; font-weight:bold; line-height:1.2em; }

.boxtype3 { clear:both; padding:30px 0 50px 0; font-weight:bold; text-align:center; }
.boxtype3 img { padding:0 10px 0 10px; vertical-align:middle; }
.boxtype3 .left { float:left; padding:0 0 50px 60px; }
.boxtype3 .right { float:left; padding:20px 0 0 20px; text-align:left; }

.boxtype4 { clear:both; margin:0 auto; width:517px; height:48px; border:3px solid #ff3c00; }
.boxtype4 img { float:left; padding:17px 0 0 15px; }
.boxtype4 p { float:left; padding:18px 0 0 5px; color:#ff3c00; font-weight:bold; line-height:1.2em; }

.boxtype5 { clear:both; margin:0 auto; width:517px; border-top:2px solid #fa8f26; }
.boxtype5 .leftimg { float:left; padding:20px 0 0 36px; }
.boxtype5 .rightbutton { float:left; padding:43px 0 0 0; }

.boxtype6 { clear:both; margin:0 auto; text-align:center; }

.boxtype7 { clear:both; margin:0 auto; width:517px; border-top:1px solid #e3e3e3; }
.boxtype7 ul { float:left; width:340px; padding:26px 0 0 120px; }
.boxtype7 li { float:left; display:inline; width:170px; height:30px; }
.boxtype7 li img { vertical-align:middle; }

.boxtype8 { clear:both; }
.boxtype8 .realview { float:left; width:363px; }
.boxtype8 .realview .viewbox { float:left; padding:7px; font-size:0; line-height:0; border:1px solid #e3e3e3; background-color:#f9f9f9; }
.boxtype8 .realview .alert { float:left; }
.boxtype8 .realview .alert img { float:left; }
.boxtype8 .realview .alert p { float:left; padding-left:5px; color:#f77220; line-height:1.2em; }
.boxtype8 .storedetails { float:left; width:326px; }
.boxtype8 .storedetails h1 { height:42px; padding-left:22px; font-size:14px; color:#f77220; line-height:2em; background:url(/img/bg/title1.gif) no-repeat 0 6px; }
.boxtype8 .storedetails ul { clear:both; padding-top:14px; }
.boxtype8 .storedetails li { float:left; display:inline; height:124px; padding-left:26px; }
.boxtype8 .storedetails li.first { padding-left:0; }
.boxtype8 .storedetails li div.hallimg { float:left; padding:6px; font-size:0; line-height:0; border:1px solid #e6e6e6; }

.boxtype9 { float:left; width:687px; border:1px solid #e3e3e3; }
.boxtype9a { padding:9px 9px 0 9px; }
.boxtype9left { float:left; width:410px; padding:5px 9px 9px 9px; }
.boxtype9left a { font-weight:bold; }
.boxtype9right { float:right; width:240px; padding:5px 9px 9px 9px; text-align:right; }
.boxtype9right a { color:#999; }

.boxtype10 { float:right; width:683px; height:48px; border:3px solid #ff3c00; }
.boxtype10 img { float:left; padding:17px 0 0 15px; }
.boxtype10 p { float:left; padding:18px 0 0 5px; color:#ff3c00; font-weight:bold; line-height:1.2em; }

.boxtype11 { float:right; width:669px; }
.boxtype11a { float:right; width:677px; }
.boxtype11 ul { clear:both; }
.boxtype11 ul li { float:left; display:inline; width:317px; height:243px; }
.boxtype11 ul li.first { padding-right:34px; }

.boxtype12 { clear:both; margin-top:-12px; }
.boxtype12 h1 { padding:12px 0 2px 0; font-size:12px; color:#fa8f26; line-height:1.4em; }
.boxtype12 h2 { padding:18px 0 0 0; font-size:12px; line-height:1.4em; }
.boxtype12 p { padding-top:8px; }

.boxtype13 { float:left; width:685px; border:2px solid #e3e3e3; }
.boxtype13 .mapleft { float:left; padding:20px 50px 10px 50px; }
.boxtype13 .mapright { float:left; padding:20px 0 0 50px; background:url(/img/bg/line4.gif) no-repeat 0 30px; }

.boxtype14 { float:right; width:667px; height:125px; border:1px solid #e3e3e3; }
.boxtype14 .storeimg { float:left; padding:15px 27px 15px 15px; }
.boxtype14 .storedetails { float:left; width:420px; height:125px; }
.boxtype14 .storedetails h1 { padding:15px 0 3px 0; font-size:12px; font-weight:bold; line-height:1.2em; }
.boxtype14 .realview { float:left; height:125px; padding-left:10px; background:url(/img/bg/line5.gif) no-repeat 0 16px; }
.boxtype14 .realview img { padding-top:17px; }

.boxtype15 { float:right; width:667px; }
.boxtype15 img { float:left; }
.boxtype15 p { float:left; padding-left:5px; color:#f77220; line-height:1.2em; }

.buttontype1 { clear:both; text-align:center; }
.buttontype1 img { padding:0 10px 0 10px; }

.buttontype2 { clear:both; padding-top:10px; border-top:2px solid #fde3d2; text-align:right; }
.buttontype1 img { padding-left:10px; }

ul.type1 { clear:both; }
ul.type1 li { float:left; display:inline; width:199px; height:200px; padding-left:46px; }
ul.type1 li.first { padding-left:0; }

ul.type2 { clear:both; }
ul.type2 li { display:block; height:25px; padding-left:30px; background:url(/img/bg/title3.gif) no-repeat 0 0; }
ul.type2 li a { float:left; padding-top:6px; line-height:1.2em; }
ul.type2 li.first { padding-left:20px; background:url(/img/bg/title2.gif) no-repeat 0 0; }
ul.type2 li.first a { padding-top:0; }

ul.type3 { clear:both; }
ul.type3 li { display:block; width:689px; height:220px; }
ul.type3 li div.menuimg { float:left; padding-right:20px; }
ul.type3 li div.menudetails { float:left; width:410px; padding:0px 0 0 0; }
ul.type3 li div.menudetails h1 { font-size:16px; color:#f87d2a; line-height:1.4em; }
ul.type3 li div.menudetails p { padding-top:6px; }
ul.type3 li div.menudetails h2 { float:left; padding-left:34px; font-size:12px; color:#f87d2a; line-height:1.2em; background:url(/img/bg/price.gif) no-repeat 0 0; }
ul.type3 li div.menudetails h3 { float:left; padding-left:5px; font-size:11px; color:#8d8d8d; line-height:1.4em; font-weight:normal; }

table.type1 { width:689px; border-top:2px solid #fa8f26; }
table.type1 th { padding:11px 0 7px 30px; font-size:11px; font-weight:bold; line-height:1.2em; text-align:left; vertical-align:top; border-bottom:1px solid #e3e3e3; background:url(/img/bg/arrow3.gif) no-repeat 20px 14px; }
table.type1 th.optional { background:url(/img/bg/arrow4.gif) no-repeat 20px 14px; }
table.type1 td { padding:5px 0 5px 0; font-size:11px; color:#fa8f26; line-height:1.2em; text-align:left; vertical-align:middle; border-bottom:1px solid #e3e3e3; }
table.type1 td.txt { padding:8px 0 2px 0; font-size:11px; color:#666; line-height:1.6em; font-weight:bold; }
table.type1 td input.type1 { height:19px; padding:0 4px 0 4px; border:1px solid #fde3d2; }
table.type1 td select { border:1px solid #fde3d2; }
table.type1 td textarea { width:99%; border:1px solid #fde3d2; }
table.type1 td img { vertical-align:middle; }

table.type2 { float:left; width:264px; margin:36px 0 0 20px; }
table.type2 th { padding:13px 0 9px 30px; font-size:11px; font-weight:bold; line-height:1.2em; text-align:left; vertical-align:top; background:url(/img/bg/arrow3.gif) no-repeat 20px 15px; }
table.type2 td { padding:7px 0 7px 0; font-size:11px; color:#fa8f26; line-height:1.2em; text-align:left; vertical-align:middle; }
table.type2 td input.type1 { height:19px; padding:0 4px 0 4px; border:1px solid #fde3d2; }

table.type3 { width:689px; border-top:1px solid #fde3d2; }
table.type3 th { height:30px; padding-top:4px; font-size:11px; color:#6b6d70; font-weight:bold; line-height:100%; text-align:center; border-bottom:2px solid #fa8f26; background:url(/img/bg/line3.gif) no-repeat 0 11px; }
table.type3 th.first { background:none; }
table.type3 td { height:29px; padding-top:4px; font-size:12px; color:#6b6d70; line-height:1.4em; text-align:left; border-bottom:1px solid #e3e3e3; }
table.type3 td.period { color:#999; text-align:center; }
table.type3 td.store { color:#999; text-align:center; }
table.type3 td.answer { padding:8px 0 4px 0; background-color:#f9f9f9; }
table.type3 td.answer img { float:left; padding:0 10px 0 40px; }
table.type3 tr.answer { display:table-row; }

#faq { width: 690px; border-top:1px solid #fde3d2; }
#faq .faq_header { height: 30px; font-weight: bold; border-bottom: 2px solid #fa8f26; text-align: center; }
#faq .faq_header_num { width: 82px; float: left; padding: 6px 0px; }
#faq .faq_header_title { width: 608px; float: left; padding: 6px 0px; }
#faq .question { height: 30px; border-bottom: 1px solid #e3e3e3; }
#faq .question_num { float: left; width: 82px; padding: 6px 0px; text-align: center; }
#faq .question_text { float: left; width: 608px; padding: 6px 0px; }
#faq .answer { display: none; height: 30px; border-bottom: 1px solid #e3e3e3; background-color: #f9f9f9; }
#faq .answer_img { float: left; width: 92px; padding: 6px 0px; text-align: right; }
#faq .answer_text { float: left; width: 598px; padding: 6px 0px; }
#faq .answer_img img { margin-right: 10px; vertical-align: middle; }

table.type4 { width:640px; }
table.type4 th { padding:6px 0 1px 32px; font-weight:bold; line-height:1.2em; text-align:left; vertical-align:top; background:url(/img/bg/arrow4.gif) no-repeat 22px 9px; }
table.type4 td { padding:5px 0 1px 0; line-height:1.2em; text-align:left; vertical-align:middle; }
table.type4 td img { vertical-align:middle; }

table.type5 { width:400px; }
table.type5 th { padding:6px 0 1px 8px; font-size:11px; font-weight:bold; line-height:1.2em; text-align:left; vertical-align:top; background:url(/img/bg/arrow4.gif) no-repeat 0 9px; }
table.type5 td { padding:6px 0 1px 0; font-size:11px; line-height:1.2em; text-align:left; vertical-align:middle; }

table.type6 { width:320px; }
table.type6 th { padding:6px 0 1px 8px; font-size:11px; font-weight:bold; line-height:1.2em; text-align:left; vertical-align:top; background:url(/img/bg/arrow4.gif) no-repeat 0 9px; }
table.type6 td { padding:6px 0 1px 0; font-size:11px; line-height:1.2em; text-align:left; vertical-align:middle; }

table.type7 { width:689px; border-top:2px solid #fa8f26; }
table.type7 th { height:30px; padding-top:4px; font-size:11px; color:#fa8f26; font-weight:bold; line-height:100%; text-align:center; border-bottom:1px solid #fde3d2; }
table.type7 td { height:29px; padding-top:4px; padding-left:20px; font-size:12px; color:#6b6d70; line-height:1.4em; text-align:left; border-bottom:1px solid #fde3d2;  background:url(/img/bg/line3.gif) no-repeat 0 11px; }
table.type7 td.viewimg { padding:20px 0 0 0; background:none; border-bottom:none; }
table.type7 td.details { padding:20px 0 20px 0; background:none; border-bottom:none; }

/*paging*/
#paging { margin:0 auto; text-align:center; }
#paging .pagingleft { display:inline-block; *display:inline; *zoom:1; padding-right:10px; vertical-align:middle; }
#paging .pagingleft img { padding:0 2px 0 2px; vertical-align:middle; }
#paging .page { display:inline-block; *display:inline; *zoom:1; padding-top:3px; vertical-align:middle; }
#paging .page li { display:inline; padding-left:16px; font-size:12px; line-height:1.2em; }
#paging .page li a { color:#6b6d70; }
#paging .page li a:hover { color:#6b6d70; font-weight:bold; text-decoration:underline; }
#paging .page li.current a { color:#f02f1e; font-weight:bold; }
#paging .page li.first { padding-left:0; background:none; }
#paging .pagingright { display:inline-block; *display:inline; *zoom:1; padding-left:10px; vertical-align:middle; }
#paging .pagingright img { padding:0 2px 0 2px; vertical-align:middle; }

/*floater*/
#floater { position: absolute; top: 500px; left: 908px; }

/*slideshow*/
.webwidget_slideshow_dot{
    padding: 0px;
    margin: 0px;
    position: relative;
    font-family: Arial,Sans-Serif;
    font-size: 13px;
}
.webwidget_slideshow_dot a{
    text-decoration: none;
}
.webwidget_slideshow_dot a:hover{
    text-decoration: underline;
}
.webwidget_slideshow_dot .slides_box{
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    position: absolute;
}
.webwidget_slideshow_dot .title_thumb_box{
    width: 100%;
    position: absolute;
    bottom: 14px;
    z-index: 2;
}
.webwidget_slideshow_dot .title_thumb_box .title_box{
    padding: 5px;
}
.webwidget_slideshow_dot .title_thumb_box .thumb_box{
    text-align: right;
    height: 15px;
}
.webwidget_slideshow_dot .title_thumb_box .thumb_box span{
    margin-right: 2px;
    margin-left: 2px;
}
.webwidget_slideshow_dot .title_thumb_box .thumb_box span img{
    cursor: pointer;
}
.webwidget_slideshow_dot img{
    padding: 0px;
    margin: 0px;
    border: none;
}
.webwidget_slideshow_dot ul{
    padding: 0px;
    margin: 0px;
    position: absolute;
    list-style: none;
}
.webwidget_slideshow_dot ul li{
    padding: 0px;
    margin: 0px;
    float: left;
}
.webwidget_slideshow_dot ul li a{
    display: block;
}

/*lightbox*/
#lightbox_overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 3000;
}

#lightbox_overlay[id] {
    position: fixed;
    background-image: url(/img/lb_overlay.png);
}

#lb_content {
    width: 100%;
    min-width: 140px;
    min-height: 100px;
}

.lb_content_w {
    background-color: #ffffff;
}

.lb_content_g {
    padding-top: 22px;
    background: #505050;
}

.lb_content_loading_w {
    background: #ffffff url(/img/loading_big_w.gif) no-repeat 50% 50%;
}

.lb_content_loading_g {
    background: #505050 url(/img/loading_big_g.gif) no-repeat 50% 50%;
}

.lightbox {
    position: absolute;
    top: 25%;
    z-index: 5000;
    left: 40%;
}

.lightbox[id] {
    position: fixed;
}

.lightbox table {
    border-collapse: collapse;
}

.lightbox td {
    padding: 0px;
}

.lightbox .tl, .lightbox .tr, .lightbox .bl, .lightbox .br {
    width: 10px;
    height: 10px;
}

.lightbox .tl, .lightbox .tr, .lightbox .bl, .lightbox .br {
    background: url(/img/lb.gif) no-repeat;
}

.lightbox .tl, .lightbox .bl {
}

.lightbox .tr, .lightbox .br {
}

.lightbox .tl {
    background-position: 0px 0px;
}

.lightbox .tr {
    background-position: -10px 0px;
}

.lightbox .bl {
    background-position: 0px -10px;
}

.lightbox .br {
    background-position: -10px -10px;
}

.lightbox .cl, .lightbox .cr, .lightbox .tc, .lightbox .bc {
    background-color: #505050;
}

.lightbox .cc {
    text-align: left;
    background-color: #ffffff;
    width: 140px;
    position: relative;
}

.lightbox .cc-g {
    background-color: #505050;
}

.lightbox .close {
    position: absolute;
    margin: 0px;
    cursor: pointer;
    font-weight: bold;
    font-size: 90%;
    padding: 3px 20px 0px 0px;
    height: 16px;
}

.lightbox .close_w {
    top: 20px;
    right: 20px;
    color: #0072eb;
    background: transparent url(/img/lb_close_w.gif) no-repeat right top;
}

.lightbox .close_g {
    top: 10px;
    right: 10px;
    color: #ffffff;
    background: transparent url(/img/lb_close_g.gif) no-repeat right top;
}

.lightbox .loading {
    padding: 40px 100px;
}

.lightbox .loading_w {
    background: transparent url(/img/loading_big_w.gif) no-repeat 50% 50%;
}

.lightbox .loading_g {
    background: #505050 url(/img/loading_big_g.gif) no-repeat 50% 50%;
}