@charset "utf-8";
/* Reset */
html,body{min-height:100%}
body,div,h1,h2,h3,h4,h5,h6,form,fieldset,input,table,textarea,p,th,td {margin:0;padding:0;font-family:"맑은 고딕", "굴림", "돋움", Tahoma, Verdana, sans-serif;}
body{color:#333;background:#eef2f5 url(../images/bg_line_silver_900.gif) repeat-x center top}
a{text-decoration:none}
a:active, a:focus, a:hover{text-decoration:none}

/* Common */
.bdAll{border:1px solid #b9c7d3}
.bdTop{border-top:1px solid #b9c7d3}

/* Tool Box */
#containerTool{display:none;width:100%;background:#f60;border-bottom:1px dashed #66f;}
#containerTool .tubeTool{margin:0 auto;padding-top:25px;width:1152px;height:80px}
#containerTool .tubeTool ul{list-style:none;margin:0 0 15px 20px;padding:0;text-align:left;zoom:1}
#containerTool .tubeTool ul:after{content:"";display:block;clear:both}
#containerTool .tubeTool li{list-style:none;float:left;margin-right:50px;line-height:16px;white-space:nowrap}
#containerTool .tubeTool li a{padding-left:12px;color:#039;font-size:14px;background:url(images/dot_339.gif) no-repeat left center;display:inline-block}
#containerTool .tubeTool li a:hover{color:#fff;text-decoration:underline}

/* Troll */
.containerTroll { z-index:100000; position:fixed; top:30%; right:5px; background:transparent; height:auto} 
.containerTroll a {display:block;height:35px; background:no-repeat}
.containerTroll div {width:34px;height:35px}
.containerTroll .tubeQuestion {margin-bottom:3px}
.containerTroll .tubeQuestion a{background:url(images/troll_question.png)}
.containerTroll .tubeQuestion a:hover{background-position:0 -35px}
.containerTroll .tubeCart {margin-bottom:20px}
.containerTroll .tubeCart a{background:url(images/troll_cart.png)}
.containerTroll .tubeCart a:hover{background-position:0 -35px}
.containerTroll .tubeWish {margin-bottom:3px}
.containerTroll .tubeWish a{background:url(images/troll_wish)}
.containerTroll .tubeWish a:hover{background-position:0 -35px}
.containerTroll .tubeFace {margin-bottom:3px}
.containerTroll .tubeFace a{background:url(images/troll_face.png)}
.containerTroll .tubeFace a:hover{background-position:0 -35px}
.containerTroll .tubeTwit {margin-bottom:3px}
.containerTroll .tubeTwit a{background:url(images/troll_twitter.png)}
.containerTroll .tubeTwit a:hover{background-position:0 -35px}
.containerTroll .tubeSkype {margin-bottom:3px}
.containerTroll .tubeSkype a{background:url(images/troll_skype.png)}
.containerTroll .tubeSkype a:hover{background-position:0 -35px}
.containerTroll .tubeUtube {margin-bottom:20px}
.containerTroll .tubeUtube a{background:url(images/troll_utube.png)}
.containerTroll .tubeUtube a:hover{background-position:0 -35px}
.containerTroll .tubeFoward {width:34px; height:35px; margin-bottom:3px; cursor:pointer;}
.containerTroll .tubeFoward a{background:url(images/troll_fo.png)}
.containerTroll .tubeFoward a:hover{background-position:0 -35px}
.containerTroll .tubeBack {width:34px; height:35px; margin-bottom:3px; cursor:pointer;}
.containerTroll .tubeBack a{background:url(images/troll_bk.png)}
.containerTroll .tubeBack a:hover{background-position:0 -35px}
.containerTroll .tubeTop {margin-bottom:3px}
.containerTroll .tubeTop a{background:url(images/troll_top.png)}
.containerTroll .tubeTop a:hover{background-position:0 -35px}
.containerTroll .tubeHome {margin-top:0px}
.containerTroll .tubeHome a{background:url(images/troll_home.png)}
.containerTroll .tubeHome a:hover{background-position:0 -35px}

/* Layout */
.wrapBody{width:1152px;margin:0 auto}
.wrapBody .skip{margin:0}
.wrapBody .skip a{display:block;text-align:center;line-height:28px;height:1px;overflow:hidden}
.wrapBody .skip a:focus{height:auto}
.wrapBody a{text-decoration:none;color:#333}


/* Header */
.header{}
.header .tubeAdmin{position:relative;height:27px;z-index:201}
.header .tubeAdmin h1{position:absolute;top:10px;left:1px;width:261px;height:64px}
.header .tubeAdmin h1 a{display:block;outline:0;height:64px;background:url("../images/logo_meca_128.png")no-repeat 0 0}
.header .tubeAdmin h1 a:hover{background-position:0 -64px}
.header .tubeAdmin h3{position:absolute;top:2px;right:1px;margin:0;font-weight:normal;font-size:11px;color:#888;letter-spacing:1px;}
.header .tubeAdmin #btnAdmin{position:absolute;top:0;right:5px;width:75px;height:24px;}
.header .tubeAdmin #btnAdmin a{display:block;outline:0;height:24px;background:url(../images/admin_1.gif) no-repeat}
.header .tubeAdmin #btnAdmin a:hover{background:url(../images/admin_2.gif) no-repeat}

/* GNB */
.header .gnb{position:relative;height:35px;z-index:200}
.header .gnb ul{float:right;list-style:none;margin:0;padding:0;zoom:1}
.header .gnb ul:after{content:"";display:block;clear:both}
.header .gnb li{float:left;list-style:none;margin-left:5px;white-space:nowrap}
.header .gnb li.first{padding:0;margin:0;background:none}
.header .gnb li a{float:left;padding:2px 15px 3px;font-size:16px;font-weight:bold;color:#000;border:1px dashed rgba(0,0,0,0.00);white-space:nowrap}
.header .gnb li a:hover,
.header .gnb li a:active,
.header .gnb li a:focus{color:#000;border:1px dashed #999;border-radius:5px;background:#f9fafa}
.header .gnb li.active a{color:#000;border:1px dashed #999;border-radius:5px;background:#f9fafa}

/* Login */
.header .tubeLogin{position:relative;height:30px;border-right:1px solid #b9c7d3;z-index:100}
.header .tubeLogin .timeMeca{position:absolute;left:10px;bottom:5px;font:bold 13px "맑은 고딕";color:#999}
.header .tubeLogin .timeMeca ul{margin:0;padding:0}
.header .tubeLogin .timeMeca li{float:left;list-style:none;margin-right:10px}
.header .tubeLogin .timeMeca li span{margin-right:2px}
.header .tubeLogin .logged{position:absolute;bottom:0;right:115px;height:27px;padding-top:3px;font-size:13px;border-right:1px solid #b9c7d3;}
.header .tubeLogin .logged a{display:block;outline:0;padding:5px 15px 5px 35px;background:url(images/icon_myinfo_1.png) no-repeat left center}
.header .tubeLogin .logged a:hover{background:url(images/icon_myinfo_2.png) no-repeat left center}
.header .tubeLogin .login{position:absolute;bottom:0;right:17px;height:27px;padding-top:3px;font-size:13px}

/* Content */
.wrapContent{padding:19px 19px 50px;background:#fff;}

/* Latest */
.wrapIndex{min-height:500px}
.wrapIndex ul,ol{list-style:none;padding:0;margin:0}
.tubeIndex{margin:0 auto 35px;padding-bottom:35px;border-bottom:1px dashed #ddd}
.tubeIndex:after{content:"";display:block;clear:both}
.tubeIndex h3{padding:10px 21px;font-size:14px;letter-spacing:1px;border-bottom:1px solid #b9c7d3;background:#f9fafa}
.unitVisual{float:left;padding:15px;width:648px;overflow:hidden;background:#f9fafa}
.unitNotice{float:right;width:408px}
.unitNotice>li{margin-bottom:15px}
.unitNotice .not{height: 238px}
.unitNotice .cot{height: 180px}
.textLatest{margin:20px 15px;font-size:14px;line-height:1.9}
.styleLatest{margin:0 auto 35px;padding-bottom:35px;border-bottom:1px dashed #ddd}
.styleLatest:after{content:"";display:block;clear:both}
.styleLatest ul{float:left}
.styleLatest ul li{float:left;height:370px;width:355px;margin-right:20px}



.ulLatest .more{position:absolute;bottom:15px;right:15px;width:55px;height:23px;}
.ulLatest .more a{display:block;outline:0;height:23px;background:url(images/btn_more_1.gif) no-repeat}
.ulLatest .more a:hover{background:url(images/btn_more_2.gif) no-repeat}
.tubeLatest .bgNoti{background:url(images/icon_noti_h50.png) no-repeat 310px 140px}
.tubeLatest .bgFree{background:url(images/icon_talk_h63.png) no-repeat 30px 340px}
.tubeLatest .bgRework{background:url(images/icon_rework_h66.png) no-repeat 30px 335px}
.tubeLatest .bgCart{background:url(images/icon_cart_h68.png) no-repeat 27px 335px}
.tubeLatest .bgReview{background:url(images/icon_review_h72.png) no-repeat 30px 330px}
.tubeLatest .bgBinder{background:url(images/icon_binder_h63.png) no-repeat 30px 330px}
.tubeLatest .bgTask{background:url(images/icon_task_h77.png) no-repeat 30px 330px}
.tubeLatest .bgEbay{background:url(images/icon_ebay_h42.png) no-repeat 30px 350px}

/* Footer */
.wrapFooter{margin:12px auto 7px;font-size:13px;color:#666}
.wrapFooter ul{list-style:none;padding:0}

.tubeFnb{position:relative;margin-bottom:12px;height:150px;background:#fff}
.titleFnb{position:absolute;top:10px;left:15px;padding-left:30px;color:#000;letter-spacing:1px;line-height:20px;background:url(../images/logo_m_footer.gif) no-repeat left}
.titleMapSite a{display:block;height:20px;color:#000}
.titleMapSite a:hover{text-decoration:underline}

.unitFnb1{position:absolute;top:35px;left:0}
.unitFnb2{position:absolute;top:35px;left:300px}
.fnbList{margin-left:50px}
.fnbList li{list-style:disc;padding-top:5px;white-space:nowrap}
.fnbList li a{color:#888; text-decoration:none;letter-spacing:1px}
.fnbList li a:hover{color:#111; text-decoration:underline}

.unitFnb3{position:absolute;top:15px;right:30px;color:#888}
.unitFnb3>li{line-height:2;height:29px}
.unitFnb3>li a{padding-right:70px;display:block;height:29px;color:#888;background-position:right;background-repeat:no-repeat}
.unitFnb3>li a:hover{color:#333;background-position:right;background-repeat:no-repeat}
.fox>a{background:url(../images/icon_firefox_1.gif)}
.fox>a:hover{background:url(../images/icon_firefox_2.gif)}
.chrome>a{background:url(../images/icon_chrom_1.gif)}
.chrome>a:hover{background:url(../images/icon_chrom_2.gif)}
.ex>a{background:url(../images/icon_ie9_1.gif)}
.ex>a:hover{background:url(../images/icon_ie9_2.gif)}

.footer{position:relative;height:30px;margin-bottom:10px;background:url(../images/sns_link.png) no-repeat right}
.copy{position:absolute;top:5px;left:300px;color:#000}
.copy>li{float:left;margin-right:50px}