﻿@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
/*
 파일명:			default.css
 기능설명:		common, layout, content css
 작성자:			dm-p
 최초작성일:    	2013.10.23
 */
html{overflow-y:scroll; background:#000;}
ul,li,ol,li,dl,dd,dt{list-style:none}
body{}
body,p,ul,ol,li,dl,dt,dd,form,table,th,td,fieldset,input,textarea,select,button,h1,h2,h3,h4,h5,h6,pre{margin:0;padding:0;-webkit-text-size-adjust:none}
body,table,input,textarea,button,select{font-family:'Nanum Gothic',AppleGothic,Apple Gothic,Apple-Gothic,AppleGothic,'Dotum','돋움','gulim','굴림',Helvetica,sans-serif;font-size:13px;font-weight:400;color:#7e7e7e; font-weight: 200;}
header,footer,nav,aside,section,article{display:block}
table{border-collapse:collapse;border-spacing:0}
caption{visibility:hidden;z-index:-1;width:0;height:0;font-size:0;line-height:0}
fieldset,img{border:0}
img{vertical-align:middle;-ms-interpolation-mode:bicubic !important}

/* ie7 */
select{font-size:12px;color:#6b6b6c}
legend,hr{visibility:hidden;position:absolute;left:-999px;z-index:-1;width:0;height:0;font-size:0}
hr{display:none}

/* form */
form{margin:0;padding:0}
fieldset{margin:0;padding:0;border:0 none}
legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;padding:0;font-size:0;line-height:0}
input,select,textarea{margin:0;padding:1px;font-size:12px;line-height:1;vertical-align:middle}
label,button{cursor:pointer}
/*button{overflow:visible;margin:0;padding:0;border:none;background:none;vertical-align:top;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
*/
/* link */
a{text-decoration:none;cursor:pointer}
a:link{color:#7e7e7e}
a:visited{color:#7e7e7e}
a:hover{color:#fff}
a:active{color:#333}

/* Button */
button{margin:0;padding:0;border:none;background:none}
button.btn{display:inline-block;*overflow:visible;cursor:pointer}
button,button.btn{vertical-align:middle}

/* basic */
.d-n{display:none}
.fw-n{font-weight: normal  !important;}
.t-c{text-align:center !important}
.t-l{text-align:left !important}
.t-r{text-align:right !important}
.v-t{vertical-align:top !important}
.v-m{vertical-align:middle !important}
.v-b{vertical-align:bottom !important}
.f-l{float:left !important}
.f-r{float:right !important}
.f-n{float:none !important}
.bg-n{background:none !important}
.bd-n{border:none !important}
.blind{visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0}
/* padding & margin */
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb15{margin-bottom:15px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
.mb70{margin-bottom:70px}
.mb80{margin-bottom:80px}
.mb90{margin-bottom:90px}
.mb100{margin-bottom:100px}
.mb110{margin-bottom:110px}
.mb120{margin-bottom:120px}
.mb130{margin-bottom:130px}
.mb140{margin-bottom:140px}
.mt30{margin-top: 30px;}
/* clearfix */
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;content:' '}
.clearfix{display:inline-block}
/* start commented backslash hack \ */
* html .clearfix{height:1%}
.clearfix{display:block}
/* close commented backslash hack */

/*lst_thmb*/
.lst_thmb:after{overflow:hidden;clear:both;content:''}
.lst_thmb .thmb{float:left;}
.lst_thmb .cont{ margin-left: 281px; }
/* layout */
/* common */
/* pc 모드 불필요한 요소 */
iframe {position:relative; z-index:0;}
#main_wrap{min-width:1920px; position:relative; }
#wrap{min-width:1600px; position:relative; }

#header .inside,#popup .inside,#container,#footer .inside,#container_sub,#sitemap .inside{position:relative;z-index:20;/* width:1024px;  */margin:0 auto; }
.accessibilityWrap{}
.accessibilityWrap dd a{display:block;position:absolute;top:-10000px;left:0;z-index:500;width:100%;font-size:1.3em;text-align:center}
.accessibilityWrap dd a:hover,.accessibilityWrap dd a:focus,.accessibilityWrap dd a:active{position:absolute;top:0;z-index:500;padding:15px 0;background:#1d60a7;font-weight:bold;color:#fff}


#header {background:url(/images/header/bg_left.png); width:195px; position:absolute; height:100%; z-index:99;}
#header .inner {padding:0 16px;}
#header h1.logo {padding:14px 0; border-bottom:1px solid #3c3c3c; text-align:center; margin-bottom:20px;}
#header h1.logo a {display:block; padding:13px 0; }
#header .snb {position:absolute; top:125px; left:16px;width:100%;}
#header .snb > ul {}
#header .snb > ul > li {padding-bottom:9px; padding-top:9px; }
#header .snb > ul > li:first-child {padding-top:0;}
#header .snb > ul > li > a {display:inline-block; padding:4px 0; display:block;}
#header .snb > ul > li > a {display:inline-block; height:14px; padding:4px 0; display:block;}
#header .snb > ul > li > a img{vertical-align:top;}
#header .snb > ul > li > a:hover{padding:4px 0;}
#header .snb > ul > li .depth2 {position:absolute; left:185px; top:-75px; z-index:50; display:none; overflow:hidden; width:180px; height:1000px;} 
#header .snb > ul > li .depth2 .inner {position:absolute; left:-200px;z-index:99;}
#header .snb > ul > li .depth2 h3.tit {color:#fff; font-weight:bold; font-size:21px;  margin-bottom:53px;}
#header .snb > ul > li .depth2 ul {position:relative;}
#header .snb > ul > li.s1 .depth2 ul {top:0;}
#header .snb > ul > li.s5 .depth2 ul {top:140px}
#header .snb > ul > li.s6 .depth2 ul {top:210px}
#header .snb > ul > li.s7 .depth2 ul {top:250px}
#header .snb > ul > li .depth2 ul li {margin-bottom:11px;}
#header .snb > ul > li .depth2 ul li a {color:#fff;font-family:'Malgun Gothic'; display:inline-block; padding:5px 0; font-weight:bold; line-height:15px;}
#header .snb > ul > li .depth2 ul li:hover a,#header .snb > ul > li .depth2 ul li.on a {color:#27d4e9;}
#header #footer {position:absolute; top:570px;}
#header p.tel {margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #3c3c3c;}
#header .ico_banner {padding-bottom:12px; }
#header ul.link_list {padding-bottom:14px; border-bottom:1px solid #3c3c3c; margin-bottom:15px;}
#header ul.link_list li:first-child {margin-top:0;}
#header ul.link_list li {margin-top:8px;}
#header ul.link_list li a {color:#fff; font-size:12px;}
#header ul.link_list li a span {font-weight:bold; }
#header .copy {font-size:11px; line-height:16px; overflow:hidden; }
#header .copy .co_mtn{margin-bottom:5px;}
#header .copy .co_mtn:first-child{margin-top:5px;}
.depth2_bg {position:fixed; display:block;left:195px;width:0px; background:#000 url(/images/header/bg_depth2.jpg) 0 bottom no-repeat; height:100%;  z-index:2;}
.depth2_bg.s0 { background:#000 url(/images/header/bg_depth2.jpg) 0 bottom no-repeat; }
.depth2_bg.s1 {background:#000}
.depth2_bg.s2 {background:#000}
.depth2_bg.s3 {background:#000}
.depth2_bg.s4 { background:#000 url(/images/header/bg_depth4.jpg) 0 bottom no-repeat; }
.depth2_bg.s5 { background:#000 url(/images/header/bg_depth5.jpg) 0 bottom no-repeat; }
.depth2_bg.s6 { background:#000 url(/images/header/bg_depth6.jpg) 0 bottom no-repeat; }
.depth2_bg.s8 {background:#000}
.depth2_bg .titBox {height:104px; background:#393a3f;}
#container {z-index:1;position:relative; }
#container .mainSpot {height:1010px; overflow-y:hidden;}
#container .spot_visual {position:absolute; width:100%; height:1010px; background:url(/eng/images/main/bg_visual.gif) repeat; z-index:1;overflow-x:hidden;width:100%;}
#container .main_visual { width:100%; height:1010px;  }
#container .main_banner {margin:0 auto 0px; width:100%; }
#container .main_banner .banner_img{ position:relative; height:1030px;  }
#container .main_banner .banner_img .banner_list li { width:100%; height:1030px; padding:0; text-align:center;  position:relative;}
#container .main_banner .banner_img .banner_list li img {position:absolute; left:0;}
#container .main_banner .banner_img .banner_list li .slogan {position:absolute; z-index:99; right:53.6%; top:175px}
#container .btn_spot {position:absolute; right:50%;bottom:100px; z-index:999;width:259px;}
#container .btn_spot p { text-align:left;padding-top:16px; z-index:10;} 
#container .btn_spot p span {cursor:pointer;}
#quick {position:fixed;right:0; top:0; width:60px; height:1030px; z-index:60;background:#c2c3c5;}
#quick ul {}
#quick ul li {}
#quick ul li a {display:block; height:82px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; background:#c2c3c5; text-align:center; line-height:82px;}
#quick ul li a:hover {background:#3c3c3c; border-bottom:1px solid #3c3c3c; border-top:1px solid #3c3c3c}
#main_cont {position:absolute; right:0; height:1010px;width:460px; top:0; z-index:99; overflow:hidden;}
#main_cont .banner_list ul{overflow:hidden; width:460px; }
#main_cont .banner_list ul li{float:left;}
#main_cont .bbs_box {position:relative;background:#0a0d14; }
#main_cont .bbs_box .inner {padding:25px 18px;height:113px;}
#main_cont .bbs_box .inner .tit {font-size:15px; color:#fff;font-weight:normal;} 
#main_cont .bbs_box h4 {margin-bottom:15px;}
#main_cont .bbs_box a.more {position:absolute; right:19px; top:30px;}
#main_cont .bbs_box ul.bbs_list {}
#main_cont .bbs_box ul.bbs_list li {position:relative;line-height:21px;}
#main_cont .bbs_box ul.bbs_list li a {background:url(/images/main/bg_bbs_dot.gif) 0 center no-repeat; padding-left:9px;}
#main_cont .bbs_box ul.bbs_list li span {position:absolute; right:0;} 
#main_cont .content_box {position:relative;}
#main_cont .content_box .tab_list {}
#main_cont .content_box .tab_list:after {display:block; clear:both; content:"";}
#main_cont .content_box .tab_list li {float:left;width:50%;}

#sub_container {background:#fff;}
#sub_container.bg1 {background:url(/images/sub/bg_container.jpg) right 100px no-repeat #4b4e52;}
#sub_container .titBox {background:#fff; height:104px; padding-left:245px;}
#sub_container .titBox h4 {padding-top:32px; font-size:26px; font-weight:bold; margin-bottom:8px;color:#131313;}
#sub_container .titBox p {color:#7f7f7f; font-size:13px; }
#sub_container .pathBox {background:#373b3f; height:35px; margin-left:195px; padding-left:53px;}
#sub_container .pathBox ul {}
#sub_container .pathBox ul:after {display:block; clear:both; content:"";} 
#sub_container .pathBox ul li:first-child {background:none; padding-left:0;}
#sub_container .pathBox ul li {float:left; padding-left:18px; background:url(/images/sub/bg_path_arr.gif) 0 10px no-repeat; line-height:35px; margin-right:11px;font-size:13px;color:#989c9f;}
#sub_container .pathBox ul li.last  {color:#fff;}
#sub_container .pathBox ul li a {}
#sub_container .article {padding:35px 50px; width:1275px; margin-left:193px; }
#sub_container .article .article_inner {padding:30px 30px 70px 30px; background:url(/images/sub/bg_article.png); min-height:550px; }
#sub_container .article.history_article{padding:0 50px 35px 50px; }

/* KYMCO 브랜드소개 */
.introBox {}
.introBox.introBg1{background:url(/images/sub/bg_intro1.png) left top no-repeat; margin-bottom:40px;}
.introBox.introBg2{background:url(/images/sub/bg_intro2.png) left top no-repeat; padding-top:320px;}
.introBox h5{font-size:25px; color:#989c9f; font-weight:normal; width:790px; border-bottom:1px solid #2e2f30; padding-bottom:30px; margin-bottom:30px;}
.introBox h5 b{font-weight:bold; color:#fff;}
.introBox p{color:#989c9f; font-size:15px; line-height:25px; } 
.introBox p.mb400{margin-bottom:400px;}
.introBox p b{font-weight:bold; color:#fff;}

/* KYMCO CI */
.ciBox{margin-bottom:40px;}
.noTitle{background:url(/images/sub/bg_title.gif) left center no-repeat; padding-left:10px; font-size:16px; line-height:18px; color:#ffffff; margin-bottom:15px}
.ciBox ul:after {display:block; clear:both; content:"";} 
.ciBox ul li {float:right; text-align:center;margin-right:10px;}
.ciBox ul li:first-child{float:left; margin-left:10px; }
.ciBox ul li em{display:block; font-style:normal; margin-top:10px;}
.ciBox ul li em a:hover {font-weight:bold;}

/* ㈜바이크코리아 CEO */
.ceoBox{background:url(/images/sub/bg_ceo.png) right 10px no-repeat; height:600px;}
.ceoBox h5{margin-bottom:30px;}
.ceoBox p{color:#989c9f; font-size:15px; line-height:25px; padding-left:20px;} 
.ceoBox p b{font-weight:bold; color:#fff;}
.ceoBox .signBox{text-align:right; margin-top:110px; margin-right:20px;}

/* ㈜바이크코리아 연혁 */
.history_spot{padding:35px 0 5px 49px; width:1275px; margin-left:193px; }
.historyBox {}
.historyBox .history_cont.history_bg1{background:url(/images/sub/bg_history1.png) left top no-repeat; min-height:500px; margin-bottom:80px}
.historyBox .history_cont.history_bg2{background:url(/images/sub/bg_history2.png) left top no-repeat; min-height:300px;}
.historyBox .history_cont:after {display:block; clear:both; content:"";} 
.historyBox h5{float:left; font-size:18px; line-height:23px; color:#fff;}
.historyBox h5 strong{display:block; margin-bottom:20px;}
.historyBox .history_list{margin-left:400px; padding-top:10px}
.historyBox .history_list>ul>li em{float:left; background:url(/images/sub/bg_history_text.gif) left center no-repeat; padding-left:10px; font-size:18px; line-height:20px; color:#e5e5e5; font-style:normal;}
.historyBox .history_list>ul>li>ul{margin-left:100px; margin-bottom:25px;}
.historyBox .history_list>ul>li>ul>li{color:#989c9f; font-size:15px; margin-bottom:5px; font-weight:bold;}

/* 찾아오시는 길 */
.mapT_box{overflow:hidden;}
.mapT{margin-bottom:30px;}
.mapT.left{float:left;}
.mapT.left:first-child{ margin-right:220px;}
.mapT p{font-size:15px; color:#989c9f; line-height:25px; padding-left:20px;}
.mapT>p{padding-left:10px;}
.mapT p span{display:block; font-size:13px; color:#a5080e;}
.mapT strong{font-size:16px; color:#e5e5e5; background:url(/images/sub/bg_location.png) left center no-repeat; display:block; padding-left:15px; margin-left:10px; margin-bottom:5px;}

/* 채용안내 */
.recruitBox .recruit_cont{margin:0 0 50px 0;}
.recruitBox .recruit_cont .noTitle.reTitle{font-size:18px; }
.recruitBox .recruit_cont:first-child .noTitle.reTitle{margin-bottom:40px}
.recruitBox .recruit_cont .recruit_info{text-align:center; padding:0 10px;}
.recruitBox .recruit_cont .recruit_info p{text-align:left; font-size:15px; color:#989c9f; line-height:25px;}
.recruitBox .recruit_cont .recruit_info ul{text-align:left; }
.recruitBox .recruit_cont .recruit_info ul li{font-size:15px; margin-bottom:7px;}
.recruitBox .recruit_cont .recruit_info .applicationBox:after {display:block; clear:both; content:"";}
.recruitBox .recruit_cont .recruit_info .applicationBox .application1{float:left; padding:10px; width:520px; border:1px solid #5e5f63; margin-right:10px; }
.recruitBox .recruit_cont .recruit_info .applicationBox .application1:after {display:block; clear:both; content:"";}
.recruitBox .recruit_cont .recruit_info .applicationBox .application1 p{float:left; font-size:14px; color:#989c9f; line-height:34px;}
.recruitBox .recruit_cont .recruit_info .applicationBox .application1 a{float:right;}

/* 제품 */
#inven_list {}
#inven_list ul.img_list {}
#inven_list ul.img_list:after {display:block; clear:both; content:"";}
#inven_list ul.img_list > li {float:left;position:relative; overflow:hidden; cursor:pointer; margin-right:3px; margin-bottom:4px;}
#inven_list ul.img_list li:hover span.line {display:block;}
#inven_list ul.img_list li span.line {display:none;position:absolute;  width: 419px; height: 329px; border:1px solid #ff0000; z-index:50;}
#inven_list ul.img_list li .img {position:relative;}
#inven_list ul.img_list li .img img {}/*width:420px; height:240px;*/
#inven_list ul.img_list li .txt {position:relative;height:50px;background:#000;}
#inven_list ul.img_list li .txt p {line-height:50px;color:#fff; font-size:14px; font-weight:bold;text-align:center;}
#inven_list .btn {text-align:center; margin:40px auto 0 auto; width:45px;}

.proBox {margin-bottom:20px}
.proBox .productBig{border-bottom:1px solid #ddd;}
.proBox .list_interior { position: relative; width: 1275px; }
.proBox .list_interior .inner{}
.proBox .list_interior ul { width: 1278px !important; height: 212px; margin-left: 0; overflow: hidden; text-align: center; }
.proBox .list_interior li { position: relative; float: left; margin-right: 1px; }
.proBox .list_interior li img { }/* width: 318px; height: 153px;  */

.proBox .list_interior button { position: absolute; top: 0; width: 37px; height: 212px; line-height: 62px; text-align: center; background-color: #181818; cursor: pointer; }
.proBox .list_interior button.prev { right: 0; }
.proBox .list_interior button.next { left: 0; }

/*visual*/
#slides1 {overflow: hidden;height: 212px; margin-bottom:22px; }
#slides1:after  {display:block; content:""; clear:both;}
#slides1 li {list-style: none;width: 1275px; position:relative;}
#slides1 li .productSmall{width:317px; padding-left:1px; float:left; cursor:pointer}
#slides1 li .productSmall img{width:100%; }
.slides1_wrap {position:relative;width:1275px; margin:0 auto; }
.slides1_wrap .prev {position: absolute;left:0px;top: 0;outline: 0; padding:29px 0; width: 37px; background-color: #181818; }
.slides1_wrap .next {position: absolute;right:0px;top:0;outline: 0; padding:29px 0; width: 37px; background-color: #181818; }
.bxslider_container {display:inline-block;}
.bx_pager {position:absolute;bottom:30px; left:50%; margin-left:-42px;}
.bx_pager a {float: left;background: url(/mall/images/product/btn_visual_off.png) no-repeat 0 0px;width: 14px;height: 17px;margin-right: 0px;padding: 4px 0 0 7px; }
.bx_pager a.active {background: url(/mall/images/product/btn_visual_on.png) no-repeat 0 0px;text-decoration: none;}



.inforBox {background:url(/images/sub/bg_inforbox.png); width:1275px; }
.inforBox .bar {height:49px; line-height:49px; background:#000; position:relative; text-align:center; border-bottom:1px solid #2e2f30;}
.inforBox .bar p.tit {color:#fff; font-size:14px; font-weight:bold; padding-left:10px;}
.inforBox .cont {overflow:hidden;position:relative;}
.inforBox .cont p.tit {font-size:35px; color:#fff; padding-bottom:25px; margin-bottom:30px; padding-left:25px; border-bottom:1px solid #2e2f30; margin-top:25px;}
.inforBox .cont p.price {position:absolute;right:12px; top:16px; } 
.inforBox .cont p.price span {display:block;font-size:14px; margin-bottom:3px; text-align:right; color:#989c9f;}
.inforBox .cont p.price strong {display:block; font-size:28px; margin-top:5px;color:#ff0000; }
.inforBox .cont:after {display:block; clear:both; content:"";}
.inforBox .cont .box {padding-left:25px; padding-bottom:30px;margin-top:25px;}
.inforBox .cont .box:after {display:block; clear:both; content:"";}
.inforBox .cont .content {float:left;}
.inforBox .cont .content ul.spec_list {margin-right:50px; width:320px;}
.inforBox .cont .content ul.spec_list li {line-height:25px;}
.inforBox .cont .content ul.spec_list li.fcRed {margin-top:17px;}
.inforBox .cont .content ul.spec_list li.fcRed.mt0 {margin-top:0;}
.inforBox .cont .content ul.spec_list li.fcRed span {color:#ff0000;}
.inforBox .cont .content ul.spec_list li:after {display:block; clear:both; content:"";}
.inforBox .cont .content ul.spec_list li span {display:block; float:left; color:#989c9f; font-size:13px; font-weight:bold; }
.inforBox .cont .content ul.spec_list li em {display:block; margin-left:109px;font-style:normal; color:#fff;}
.inforBox .cont .content.spec_txt {width:790px; float:left; color:#fff; font-size:13px; line-height:23px; padding-left:30px; border-left:1px solid #3f4146; }
.inforBox .cont .content.spec_txt p{margin-bottom:30px;}


/* 탭 tap*/
.goods_info{margin:0 0 0 0;}
.goods_info .tab_list { border-bottom: 3px solid #cf0000; clear: both; }
.goods_info .tab_list ul{*zoom:1; width:1215px;}
.goods_info .tab_list ul:after {display:block;visibility:hidden;clear:both;height:0;content:''}
.goods_info .tab_list li {float:left;position:relative;position:relative;left:0;bottom:-1px;z-index:1;width:20%;text-align:center}
.goods_info .tab_list li a {display:block;z-index:0;padding:12px 0;font-size:15px; color:#7c7c7c; background:#494949; border-left:1px solid #181a20;} 
.goods_info .tab_list li:first-child a{ border-left:none;}
.goods_info .tab_list li.fixed a, .goods_info .tab_list li a:hover {padding:12px 0;background:#ec1f27;color:#fff;font-size:15px;}
.goods_info .tab_list li.fixed {bottom:-1px;z-index:0;padding-right:0px; }
.goods_info .tab_list.six li {width:16.66%;}

/*탭2 - service*/

.warranty {}
.service .tab_list { clear: both; }
.service .tab_list ul{*zoom:1; width:1215px;}
.service .tab_list ul:after {display:block;visibility:hidden;clear:both;height:0;content:''}
.service .tab_list li {float:left;position:relative;position:relative;left:0;bottom:-1px;z-index:1;width:20%;text-align:center}
.service .tab_list li a {font-family:'Malgun Gothic'; display:block;z-index:0;padding:12px 0;font-size:15px; color:#7c7c7c; background:#494949; border-left:1px solid #181a20;} 
.service .tab_list li:first-child a{ border-left:none;}
.service .tab_list li.fixed a, .service .tab_list li a:hover {font-family:'Malgun Gothic'; text-decoration:none; padding:12px 0;background:#ec1f27;color:#fff;font-size:15px;}
.service .tab_list li.fixed {bottom:-1px;z-index:0;padding-right:0px; }

.service .tab_cont .cont{margin-top: 30px; display: none;}
.service .tab_cont .cont:first-child {display:block;}

/* warranty - 보증수리안내 */

.warranty .noTitle.reTitle{font-size:18px; margin-bottom: 30px; }
.service .tab_cont .cont .textBox{margin-bottom:36px;}
.service .tab_cont .cont .textBox dl{font-size: 15px; line-height: 25px;}
.service .tab_cont .cont .textBox dl dt{color: #fff; }
.service .tab_cont .cont .textBox dl dd{color: #989c9f;}
.add_txt{color: #666; font-size: 14px; line-height: 20px;}
.ul_ST1{font-size: 14px; line-height: 20px;}
.ul_ST2{font-size: 14px; margin: 31px 35px;}

.tb_ti{font-size: 15px; line-height: 25px; color: #989c9f; margin-bottom: 10px;}
.warranty_TB{}
.warranty_TB{ border-top:2px solid #cf0000; }
.warranty_TB > table{ width:100%; border-top:0; margin:0; font-size: 15px;}
.warranty_TB > table thead th,.warranty_TB > table tbody th,.warranty_TB > table tbody td{ padding:20px 0; border-style:solid; border-width:0  1px 1px 0; border-color:#5e5f63; text-align:center; }
.warranty_TB > table thead th.last, .warranty_TB > table tbody td.last{ border-width:0  0 1px 0; }
.warranty_TB > table thead th{  color:#fff; font-weight: bold;  }
.warranty_TB > table tbody th{font-weight: normal;}
.warranty_TB > table tbody td{ color:#989c9f;  vertical-align: top; line-height: 25px;}
.warranty_TB > table tbody td > ul{text-align: left; margin-left: 17px;}
.warranty_TB > table tbody td > ul > li{padding-left: 10px;background:url(/images/sub/arr_red.png) left 10px no-repeat;}

/* 직영서비스센터 */
#direct h5{width: 788px; font-size: 25px; color: #989c9f; font-weight: normal; position: relative; padding-left: 14px; padding-bottom: 32px; border-bottom: 1px solid #2e2f30;}
#direct h5 > strong{color: #fff;}
#direct h5:after{ position: absolute; top:4px; left:0; width: 3px; height: 24px; background-color: #ec1f27; content:"";}
#direct > .header{background:url(/images/sub/img_direct1.jpg) right top no-repeat;}
#direct > .header > p{font-size: 15px; line-height: 25px; margin-top: 30px; color: #989c9f;}
#direct .article_direct{padding-bottom: 640px; background:url(/images/sub/img_direct2.jpg) left bottom no-repeat;}
#direct .article_direct > p{font-size: 15px; line-height: 25px; margin-top: 30px; color: #989c9f; }

.lst_ban:after {display:block; clear:both; content:"";}
.lst_ban{margin-left: -30px;}
.lst_ban > li{float: left; margin-left:30px; margin-bottom: 30px;}

/* 게시판 */
.board_list{}
.board_list table{width:100%;}
.board_list table thead tr th{ font-weight:bold; border-bottom:2px solid #484848; border-top:2px solid #cf0000; font-size:13px; color:#e5e5e5; padding:12px 0; text-align:center; vertical-align:middle;}
.board_list table .borderTopNone{ border-top:none;}
.board_list table .borderTop{border-top:2px solid #cf0000;}
.board_list table tbody tr td{text-align:center; border-bottom:1px solid #484848; color:#fff;}
.board_list table tbody tr td.alignLeft{text-align:left; padding:12px 10px;}
.board_list table tbody tr td a{color:#fff;}
.board_list table tbody tr td .topNotice{font-weight:bold; color:#cf0000;}
.board_list table tbody tr td .reviewBox{padding:10px; cursor:pointer;}
.board_list table tbody tr td .reviewBox:after {display:block;visibility:hidden;clear:both;height:0;content:''}
.board_list table tbody tr td .reviewImg{float:left; display:table;}
.board_list table tbody tr td .reviewImg .reviewImg_inner{display:table-cell; width:227px; height:143px;text-align:center; vertical-align:middle;}
.board_list table tbody tr td .reviewText {margin:0 0 0 260px;}
.board_list table tbody tr td .reviewText h5{color:#e5e5e5; font-size:15px; margin:0 0 20px 0; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%;}
.board_list table tbody tr td .reviewText p{line-height:23px; height:70px; color:#989c9f; font-size:13px; margin:0 0 20px 0; width:100%; }
.board_list table tbody tr td .reviewText span{color:#989c9f; font-size:13px;}

.gallery_list{border-top:2px solid #cf0000; border-bottom:1px solid #484848;  padding:20px 0;}
.gallery_list ul:after {display:block;visibility:hidden;clear:both;height:0;content:''}
.gallery_list ul li{float:left; width: 281px; text-align:center; margin:20px 30px 20px 0; cursor:pointer;}
.gallery_list ul li .galleryImg{ display:table; margin:0 0 20px 0;}
.gallery_list ul li .galleryImg .galleryImg_inner{display:table-cell; width:281px; height:219px;text-align:center; vertical-align:middle;}
.gallery_list ul li h5{color:#e5e5e5; font-size:15px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%; margin:0 0 10px 0;}
.gallery_list ul li span{color:#989c9f; font-size:13px; display:block; }

.board_view{}
.board_view>table{width:100%;  border-top:2px solid #cf0000;}
.board_view table tbody tr th{ font-weight:bold; border-bottom:1px solid #484848; font-size:13px; color:#e5e5e5; padding:12px 0; text-align:center; vertical-align:middle;}
.board_view table tbody tr th span{display:block; border-right:1px solid #484848;}
.board_view table tbody tr td{text-align:center; border-bottom:1px solid #484848; color:#fff;}
.board_view table tbody tr td a{ color:#fff;}
.board_view table tbody tr td.alignLeft{text-align:left; padding:12px 20px;}
.board_view table tbody tr td.cont{padding:20px; height:200px; text-align:left; vertical-align:top;}
.board_view table tbody tr td.contents3{border:none; text-align:right; position:relative; padding-bottom:30px;}
.board_write {}
.board_write form > table{width:100%;  border-top:2px solid #cf0000;}
.board_write form > table > tbody > tr > th{ font-weight:bold; border-bottom:1px solid #484848; font-size:13px; color:#e5e5e5; padding:10px 0; height:19px;text-align:center; vertical-align:middle;}
.board_write form > table > tbody > tr > th span{color:#cf0000}
.board_write form > table > tbody > tr > th label{display:block; border-right:1px solid #484848;}
.board_write form > table > tbody > tr > td{text-align:center; border-bottom:1px solid #484848; color:#fff;}
.board_write form > table > tbody > tr > td.alignLeft{text-align:left; padding:10px 20px;}
.board_write form > table > tbody > tr > td.cont{padding:10px 0; height:200px; text-align:left; vertical-align:top;}
.board_write form > table > tbody > tr > td input{width:200px; height:20px;}
.board_write form > table > tbody > tr > td input.w100{width:100px;}
.board_write form > table > tbody > tr > td input.w500{width:500px;}
.board_write form > table > tbody > tr > td input.w300{width:300px;}
.board_write form > table > tbody > tr > td input.check{width:15px;}
.board_write form > table > tbody > tr > td select{width:150px; height:26px; }
.board_write form > table > tbody > tr > td textarea{height:300px; width:100%; }
.board_write form > table > tbody > tr > td > span{color:#5c5c5c; font-size:13px; display:inline-block; margin:0 0 0 10px; }
.board_write form > table > tbody > tr > td > span.email{color:#e5e5e5; font-size:13px; display:inline-block; margin:0 10px 0 0 ; }
.board_write form > table > tbody > tr > td p{color:#5c5c5c; font-size:13px; margin:5px 0 0 0;}
.board_write form > table > tbody > tr > td.cont{padding:0; border-bottom:none;}
.board_write .join_text{text-align:right; color:#cf0000; font-size:13px; margin: 0 0 5px 0;}


/* 로그인 */
.loginBox{overflow:hidden; font-family:dotum; margin:0 0 40px 0;}
.login_box{padding:160px 0 40px 0; width:501px; margin:0 auto;}
.login_box:after {display:block; clear:both; content:"";}
.login_box .input_box{float:left; margin:0 15px 0 0; padding:0; vertical-align:top; overflow:hidden;}
.login_box .input_box label{display:inline-block; width:90px; color:#989c9f; font-weight:bold; font-size:15px; font-family:'Malgun Gothic';}
.login_box .input_box p{margin:0 0 7px 0; height:29px;}
.login_box .input_box p input{width:255px; border:1px solid #cdcdcd; background-color:#fff; font-size:13px; height:20px; color:#5a5a5a; padding:4px; position:relative;font-family:'Malgun Gothic', 'ë§‘ì€ ê³ ë”•', 'dotum', 'ë‹ì›€';}
.login_box .login_btn{float:left;}
.logbtn_box{width:722px; margin:0 auto;}
.logbtn_box:after {display:block; clear:both; content:"";}
.logbtn_box .log_text{float:left; padding:0 20px 0 0; margin:0 20px 0 0; border-right:1px solid #3c3e42;}
.logbtn_box .login_list{float:left; margin:55px 0 0 0;}
.logbtn_box .login_list ul li {margin:0 0 10px 0;}
.logbtn_box .login_list ul li p{float:left; color:#686868; font-size:13px; width:200px;}
.logbtn_box .security{clear:both; margin:0 0 20px 0;}
.logbtn_box .log_another{margin:5px 0;}
.logbtn_box .log_another.logJoin{float:left;}
.logbtn_box .log_another:after {display:block; clear:both; content:"";}
.logbtn_box .log_another .log_anotherText{float:left; width:200px;}
.logbtn_box .log_another .log_anotherText strong{font-family:'Malgun Gothic';color:#5c5c5c; font-size:15px; display:block; margin:0 0 5px 0; padding:5px 0; font-weight:bold;}
.logbtn_box .log_another button{float:right; margin:0 0 10px 0;}
.logbtn_box .log_another p{font-family:'Malgun Gothic';clear:both; color:#5c5c5c; font-size:15px; } 

.login_box_info{padding:160px 0 40px 0; width:501px; margin:0 auto; text-align:center;}
.login_box_info p{font-size:15px; color:#989c9f; margin:0 0 70px 0;}
.login_box_info p b{font-weight:bold}
.login_box_info p span{color:#cf0000; font-weight:bold;}

/* 회원가입 동의 */
.agreeBox{margin:0 0 40px 0}
h5.join_title{background:url(/images/sub/but_agree.gif) left center no-repeat; padding:0 0 0 10px; line-height:20px; font-size:18px; color:#ffffff; margin:0 0 20px 0;}
.agreeBox .agreeText{background-color:#fff; height:190px; overflow-y:scroll; padding:20px; margin:0 0 10px 0;  font-size:13px; color:#989c9f; }
.agreeBox .agreeText p{color:#989c9f; font-size:13px;}

/* 회원가입 완료 */
.join_ok{text-align:center; padding:120px 0 0 0;}
.join_ok h1{margin:0 0 60px 0;}
.join_ok strong{color:#989c9f; font-size:25px; font-weight:normal; display:block; margin:0 0 40px 0;}
.join_ok strong b{color:#e5e5e5;}
.join_ok p{color:#989c9f; font-size:18px; line-height:25px; margin:0 0 40px 0;}


/* 회원 탈퇴 */
.secessionBox{border:1px solid #3a3c41; padding:20px; margin:0 0 30px 0;}
.secessionBox ul{margin:0 0 30px 0;}
.secessionBox ul:after {display:block; clear:both; content:"";}
.secessionBox ul li{float:left; margin:0 100px 0 0;}
.secessionBox ul li label{font-size:15px; color:#989c9f;}
.secessionBox h6{font-size:15px; color:#ffffff; margin:0 0 10px 0;}
.secessionBox textarea{width:100%; height:150px;}


/*	 게시판 페이징	*/
.bbs:link { color :#545454; font-size: 9pt; font-family: '돋음',Dotum; TEXT-DECORATION: none;cursor:pointer;font-weight:bold;}
a.bbs:link { color :#545454; font-size: 9pt; font-family: '돋음',Dotum; TEXT-DECORATION: none;cursor:pointer;font-weight:bold;}
a.bbs:active { color :#545454; font-size: 9pt; font-family: '돋음',Dotum; TEXT-DECORATION: none;cursor:pointer;font-weight:bold;}
a.bbs:visited { color :#545454; font-size: 9pt; font-family: '돋음',Dotum; TEXT-DECORATION: none;cursor:pointer;font-weight:bold;}
a.bbs:hover { color :#ff7208; font-size: 9pt; font-family: '돋음',Dotum; TEXT-DECORATION: none;cursor:pointer;font-weight:bold;}

/*	 게시판  해당페이지 페이징	*/
.bbs_page { color :#ff7208; font-size: 9pt; font-family: '돋음',Dotum; TEXT-DECORATION: none;cursor:pointer;font-weight:bold;}

.contents3 {padding:10px 0 2px 10px;line-height:19px;} 
.filenum {color :#ec1f27; font-size: 12px; padding:0 2px 0 4px; TEXT-DECORATION: none}
.filenum.fz14 {font-size:14px;}
.filetxt {color :#fff; font-size: 14px;}

.attach_file:link { color :#5d89d5; font-size: 8pt;font-family: 'verdana'; cursor:pointer;text-decoration:underline;line-height:15px;}
a.attach_file:link { color :#5d89d5; font-size: 8pt;font-family: 'verdana'; cursor:pointer;text-decoration:underline;line-height:15px;}
a.attach_file:active { color :#5d89d5; font-size: 8pt;font-family: 'verdana'; cursor:pointer;text-decoration:underline;line-height:15px;}
a.attach_file:visited { color :#5d89d5; font-size: 8pt;font-family: 'verdana';cursor:pointer;text-decoration:underline;line-height:15px;}
a.attach_file:hover { color :#5d89d5; font-size: 8pt;font-family: 'verdana'; cursor:pointer;text-decoration:underline;line-height:15px;}

.video_box {height:315px;}

#contant_wrap{padding:20px; background-color:#fff;}
#contant_wrap .noTitle{color:#2b2b2b;}
#contant_wrap .print_btn{text-align:Center;}
#contant_wrap .mapT_box{overflow:hidden;}
#contant_wrap .mapT{margin-bottom:30px;}
#contant_wrap .mapT.left{float:left;}
#contant_wrap .mapT.left:first-child{ margin-right:220px;}
#contant_wrap .mapT p{font-size:15px; color:#565656; line-height:25px; padding-left:20px;}
#contant_wrap .mapT>p{padding-left:10px;}
#contant_wrap .mapT p span{display:block; font-size:13px; color:#e00e00;}
#contant_wrap .mapT strong{font-size:16px; color:#2b2b2b; background:url(/images/sub/bg_location.png) left center no-repeat; display:block; padding-left:15px; margin-left:10px; margin-bottom:5px;}

/* 댓글 */
.reply_type2 {margin-top:40px;}
.reply_type2 table.reply_input {width:100%;}
.reply_type2 table.reply_input tr td {}
.reply_type2 table.reply_input tr td .profile {border:1px solid #c1c1c0; width:55px; border-radius:5px; text-align:center;}
.reply_type2 table.reply_input tr td textarea {padding:0;height:66px; color:#181a21; padding:5px; width:98%; border:1px solid #d0d0d0; border:1px solid #b1b1b1;border-right:0;}
.reply_type2 table.reply_input tr td a.btn {display:table; width:100%; vertical-align:middle;height:80px; background:#cf0000; color:#fff;font-weight:bold; font-size:14px; text-align:center;}
.reply_type2 table.reply_input tr td a.btn span {display:table-cell; vertical-align:middle;}
.reply_type2 .infor {padding-left:66px; position:relative; margin-bottom:33px;}
.reply_type2 .infor .right {position:absolute; right:0; top:3px;}
.reply_type2 .infor .right input[type="text"] { border:0;border-bottom:1px solid #ddd; width:87px;}
.reply_type2 .infor:after {display:block; clear:both; content:"";}
.reply_type2 .reply_list {}
.reply_type2 .reply_list > ul {border-top:1px solid #484848; border-bottom:1px solid #484848;}
.reply_type2 .reply_list ul {clear:both;}
.reply_type2 .reply_list > ul > li:first-child {border-top:0; }
.reply_type2 .reply_list > ul > li {border-top:1px dashed #484848; padding-top:20px; padding-bottom:15px;}
.reply_type2 .reply_list ul li:after {display:block; clear:both; content:"";}
.reply_type2 .reply_list ul li .cont {}
.reply_type2 .reply_list ul li .cont .name {width:15%; float:left; text-align:center;color:#fff; font-weight:bold; font-size:13px; line-height:25px;margin-bottom:2px; border-right:1px solid #484848;}
.reply_type2 .reply_list ul li .cont .name span.day {color:#848484;}
.reply_type2 .reply_list ul li .cont .txt {float:left; color:#333; font-weight:normal; font-size:13px; margin-bottom:5px; width:69%; line-height:25px; padding:0 3%; color:#fff;}
.reply_type2 .reply_list ul li .day{color:#fff; font-size:13px; line-height:25px; }
.reply_type2 .reply_list ul li .replay_btn {text-align:right; float:right; margin-bottom:15px;font-weight:bold; padding-top:5px; color:#9a9a9a; cursor:pointer}

