@CHARSET "EUC-KR";
@import url('/css/default.css');
@import url('/css/layout.css');
@import url('/css/common.css');
@import url('/css/main.css');
/*----------ABOUT----------*/
/* ---ELASTINE--- */
/*ABOUT*/
.contAbout .noticeSection{font-size:36px; height:57px; padding-top:60px; line-height:36px; letter-spacing: -3px; text-align:center;}
.contAbout .noticeSection strong{font-size:36px; color:#535051;}
.contAbout .headerCont{height:230px; padding:110px 0 0 50px ; background:url('/images/about/aboutModel.png') no-repeat 0px -30px;}
.contAbout .headerCont dl{float:left; width:345px; margin-right:242px; }
.contAbout .headerCont dl dt{padding-bottom:18px; font-family:'Nanum Gothic Bold'; font-size:24px; color:#343132; }
.contAbout .headerCont dl dd{font-size:13px; letter-spacing: -1px; line-height:19px;}
.contAbout .headerCont dl dd strong{display:block; padding-bottom:14px; font-size:15px; color:#535051; letter-spacing: -1px;}
.contAbout .sloganList{padding-top:75px;}
.contAbout .sloganList h3{height:53px; width:352px; padding:23px 3px 0 3px ; margin:0 auto; border-top:2px dotted #535051; border-bottom:2px dotted #535051; font-size:31px; font-family:'Nanum Gothic Bold'; letter-spacing: -4px; line-height:30px; color:#535051;}
.contAbout .sloganList>p{padding:20px 0 28px 0; text-align:center; font-size:18px;}
.contAbout .sloganList ul{zoom:1;}
.contAbout .sloganList ul:after{content:""; display:block; clear:both}
.contAbout .sloganList ul li{width:323px; height:485px; margin-right:15px; float:left; text-align:center}
.contAbout .sloganList ul li.elastic{background:url('/images/about/aboutListBg1.png') no-repeat}
.contAbout .sloganList ul li.gorgeous{background:url('/images/about/aboutListBg2.png') no-repeat}
.contAbout .sloganList ul li.confident{background:url('/images/about/aboutListBg3.png') no-repeat}
.contAbout .sloganList ul li h4{ padding:40px 0 8px 0;font-size:40px; color:#343132; font-weight:normal; line-height: 34px;}
.contAbout .sloganList ul li>span{ font-family:'Nanum Gothic Bold'; font-size:15px; color:#535051;}
.contAbout .sloganList ul li>p{padding-top:178px; font-size:13px; line-height:20px; letter-spacing: -1px;}
.contAbout .sloganList ul li>p>strong{display:block; padding-top:10px;}
.contAbout .ciCont{padding-top:75px; *zoom:1;}
.contAbout .ciCont:after{content:""; display:block; clear:both;}
.contAbout .ciCont .imgArea{position:relative; width:419px; float:left;}
.contAbout .ciCont .imgArea>a{position:absolute; right:0px; bottom:0px;}
.contAbout .ciCont .explain{float:left; padding:20px 0 0px 28px;}
.contAbout .ciCont .explain>div{padding-bottom:20px; color:#767173; font-size:30px; font-family: 'Nanum Gothic';}
.contAbout .ciCont .explain>div>strong{ padding-right:44px; font-family:'Nanum Gothic Bold'; font-size:30px; color:#535051 ;background:url('/images/about/nextArrow.gif') no-repeat 123px 12px}
.contAbout .ciCont .explain>div>span{padding:0 10px; text-indent:-999999em; color:#535051;}
.contAbout .ciCont .explain>p{font-size:15px; }
.contAbout .ciCont .explain>p>strong{color:#535051;font-family:'Nanum Gothic Bold';}
/* ---GALLERY--- */
/*CF*/
.tabTypeA{ height:70px; *zoom:1;}
.tabTypeA:after{content:""; display:block; clear:both; padding-bottom:30px;}
.tabTypeA li{float:left;}
.tabTypeA li{width:50%; height:40px; padding:0 2px 0 4xp; background:url(/images/common/tabTypeA_left_off.gif) no-repeat top left; line-height:0px; padding:0px 0px 0px 0px;}
.tabTypeA li a{display:block; margin:0 1px 0 4px; height:38px; text-align:center; line-height:38px;background:#f9f9f9; border:1px solid #e6e6e6; font-size:15px;}
.tabTypeA li.on{background:url(/images/common/tabTypeA_left_on.gif) no-repeat top left;}
.tabTypeA li.on a{border:0px; background:#525051; height:40px; color:#fff;}
.tabTypeA li.tabRight{padding:0px 0px 0px 0px; background: url(/images/common/tabTypeA_right_off.gif) no-repeat top right;}
.tabTypeA li.tabRight.on{background:url(/images/common/tabTypeA_right_on.gif) no-repeat top right;}
.tabTypeA li.tabRight a{margin:0px 4px 0px 2px;}
.contGalleryCf .movieSection{*zoom:1; padding-bottom:50px;}
.contGalleryCf .movieSection:after{content:""; display:block; clear:both;}
.contGalleryCf .movieSection .movieBox{float:left; width:500px; height:322px; background:#000; }
.contGalleryCf .movieSection .movieTitle{float:left; width:470px; height:292px; padding:30px 0 0 30px }
.contGalleryCf .movieSection .movieTitle h3{height:66px; font-size:23px; font-family: 'Nanum Gothic Bold'; color:#343132;}
.contGalleryCf .movieSection .movieTitle p{font-size:15px; padding-bottom:30px;}
.contGalleryCf .movieSection .movieTitle span{font-size:13px;}
.contGalleryCf .movieSection .movieTitle .socialList{*zoom:1; float:right; padding:30px 0 12px 0;}
.contGalleryCf .movieSection .movieTitle .socialList:after{content:""; display:block; clear:both;}
.contGalleryCf .movieSection .movieTitle .socialList li{float:left; margin-left:5px;}
.contGalleryCf .movieSection .movieTitle .captionArea{clear:both; height:70px; padding:10px; border:1px solid #e6e6e6; overflow-y: scroll; font-size:12px;}
.contGalleryCf .serchArea{position: relative; padding: 15px 0 15px 18px; border-top:1px dotted #000; border-bottom: 2px solid #767173; background: #fcfafb;}
.contGalleryCf .serchArea label{font-size:14px;}
.contGalleryCf .movieList{padding-top:30px; border-bottom:1px solid #bcb6b8; *zoom:1;}
.contGalleryCf .movieList:after{content:""; display:block; clear:both;}
.contGalleryCf .movieList li{float:left; position:relative; width:225px; height: 240px; margin:0 33px 0px 0; /* cursor:pointer; */ z-index:12;}
.contGalleryCf .movieList li .imgArea{display:inline;width:225px; height:149px;}
.contGalleryCf .movieList li .imgArea img{width:225px; height:149px;}
.contGalleryCf .movieList li p{display:inline-block; width:225px; padding:12px 0 15px 0; height:30px; color:#535051;cursor:pointer;}
.contGalleryCf .movieList li .playBg{display:block; position:absolute; top:108px; left:10px; width:31px; height:32px; background: url('/images/icon/play.png') no-repeat;}
.contGalleryCf .movieList li .daysTxt{color:#767173; }
.contGalleryCf .movieList li a{display:block; position:relative; z-index:11; text-decoration:none;}
.contGalleryCf .movieList li.last{margin:0;}
.movieBox #videoContent {float: left;width: 500px;height: 322px;position: relative;}
.movieBox .flashMovie .control .play,
.movieBox .flashMovie .control .stop {position: absolute;left:50%;top:50%; margin-left:-50px; margin-top:-41px; display:none}
.movieBox .flashMovie .control .on {display:block; z-index:2}
.movieBox .flashMovie .control .hideBtn {height:0px !important; width:0px !important; overflow:hidden !important;}
/*stillCut*/
.contGalleryStillCut {}
.contGalleryStillCut .btnArea {position:relative; margin-top:-1px; text-align:center; padding-top:20px; border-top:1px dotted #9e9e9e; background:#fff;}
#stillCutList {*zoom:1;}
#stillCutList:after {content:""; display:block; clear:both;}
#stillCutList .gsc_Section {position:relative; float:left; width:225px; height:225px; padding:20px 33px 20px 0; overflow:hidden; border-bottom:1px dotted #9e9e9e;}
#stillCutList .gsc_Section.last {padding-right:0px;}
#stillCutList .gsc_Section a {display:block; width:225px; height:225px; overflow:hidden;}
#stillCutList .gsc_Section div.thum {display:block; width:225px; height:225px; overflow:hidden;}
#stillCutList .gsc_Section div.thum img {width:225px; height:225px; vertical-align:top;}
#stillCutList .gsc_Section .bigImg {display:none;}
#stillCutList .gsc_Section strong.tit {display:none; position:absolute; height:32px; line-height:32px; width:225px; left:0px; bottom:20px; text-align:center; color:#fff; background:url("/images/common/block_bg.png") repeat;}
#stillCutList .gsc_Section span.date {display:none;}
#stillCutList .gsc_Section.on strong.tit {display:block;}
#stillCutList .gsc_Section a:hover strong.tit,
#stillCutList .gsc_Section a:focus strong.tit {display:block;}
.contGalleryStillCut #imgDetailArea {position:relative; height:0px; overflow:hidden; padding:0px; margin-top:-1px; background:#fcfafb; float:left; width:100%; border-bottom:1px dotted #9e9e9e; border-top:1px dotted #9e9e9e;*zoom:1;}
.contGalleryStillCut #imgDetailArea:after {content:""; display:block; clear:both;}
.contGalleryStillCut #imgDetailArea a {position:absolute; display:block; width:27px; height:70px; top:50%; margin-top:-35px;}
.contGalleryStillCut #imgDetailArea a.btnPrev {left:0px;}
.contGalleryStillCut #imgDetailArea a.btnNext {left:785px;}
.contGalleryStillCut #imgDetailArea a.btnClose {width:33px; height:33px; right:8px; top:8px; margin:0px;}
.contGalleryStillCut #imgDetailArea .detailImg {float:left; width:740px; text-align:center; padding:20px 37px; border-right:1px dotted #9e9e9e;}
.contGalleryStillCut #imgDetailArea .detailCont {float:right; width:150px; padding:75px 20px 0 0;}
.contGalleryStillCut #imgDetailArea .detailCont strong.tit {display:block; color:#000; font-size:14px; font-weight:normal; line-height:18px; padding-bottom:10px;}
.contGalleryStillCut #imgDetailArea .detailCont span.date{display:block; line-height:16px; padding-bottom:10px;}
.contGalleryStillCut #imgDetailArea img {max-width:100%;}
/*----------PRODUCT----------*/
/* NEW PRODUCT */
.contNewProduct .sectionBox{*zoom:1;}
.contNewProduct .sectionBox:after{content:""; display:block; clear:both}
.contNewProduct .sectionBox .section1{float:left; position:relative; width:470px; height:504px; padding:3px; margin-right:22px; border:1px solid #d9d6d1; }
.contNewProduct .sectionBox .section1 h3 {padding:4px 0 3px 12px;}
.contNewProduct .sectionBox .section1 h3 span{font-size:16px; color:#645f61; font-family:'Tahoma'; font-weight:normal; }
.contNewProduct .sectionBox .section1 h3 strong{display:block; height:auto; font-size:22px; color:#343132; margin-top: 5px;}
.contNewProduct .sectionBox .section1 p{font-size:13px; padding-left:12px; margin-top: 8px;}
.contNewProduct .sectionBox .section1>a{text-decoration: none;}
.contNewProduct .sectionBox .section1>a.on .imgPosition .productComment{display:block;}
.contNewProduct .sectionBox .section1>a>.imgPosition .productComment{display:none}
.contNewProduct .sectionBox .section1 .imgPosition{position:absolute; bottom:3px;}
.contNewProduct .sectionBox .section1.on {display:block;}
.contNewProduct .sectionBox .section1 .imgPosition>img{width:471px; height:360px;}
.contNewProduct .sectionBox .section1 .imgPosition .productComment{ width: 469px; height: 359px; position: absolute; top: 1px; left: 1px; background: url('/images/product/newProductBg.png') repeat; z-index: 1;}
.contNewProduct .sectionBox .section1 .imgPosition .productComment p{position:absolute; width:100%; padding:20px 0 0 0; top:50%; text-align:center; color:#fff; font-size:18px; margin-top:-80px;}
.contNewProduct .sectionBox .section1 .imgPosition .productComment span{position:absolute; left:50%; bottom:60px; margin-left:-38px;}
.contNewProduct .sectionBox .sectionSub{float:left; width:500px; height:512px;*zoom:1;}
.contNewProduct .sectionBox .sectionSub div h3{padding:14px 0 0 12px;}
.contNewProduct .sectionBox .sectionSub div h3 span{ font-family:'Tahoma'; font-weight:normal; font-size:13px; color:#757073;;}
.contNewProduct .sectionBox .sectionSub div h3 strong{display:block; height:32px; color:#343132; font-size:13px; padding-top:6px; }
.contNewProduct .sectionBox .sectionSub div p{padding:0 12px;}
.contNewProduct .sectionBox .sectionSub div>a{text-decoration: none;}
.contNewProduct .sectionBox .sectionSub div>a.on>div>.productComment{display:block;}
.contNewProduct .sectionBox .sectionSub div>a>div>.productComment{display:none; width:230px; height:390px; position:absolute; top:1px; left:1px; background:url('/images/product/newProductBg.png') repeat; z-index:1}
.contNewProduct .sectionBox .sectionSub div>a>div>.productComment p{position:absolute;width:100%; padding:20px 0 0 0; bottom:57px; text-align:center; background:url('/images/product/blt_detailView.png') no-repeat top center; color:#fff; font-size:15px;}
.contNewProduct .sectionBox .sectionSub div>a>div>.productComment span{position:absolute; left:50%; bottom:14px; margin-left:-38px;}
.contNewProduct .sectionBox .sectionSub:after{content:""; display:block; clear:both;}
.contNewProduct .sectionBox .sectionSub .section2{float:left; position:relative; width:231px; height:504px; margin-right:22px; padding:3px; border:1px solid #d9d6d1;}
.contNewProduct .sectionBox .sectionSub .section2 a h3{position:absolute; bottom:48px;}
.contNewProduct .sectionBox .sectionSub .section2 a .imgPosition{position:absolute; top:2px;}
.contNewProduct .sectionBox .sectionSub .section2 a .imgPosition>img{width:231px; height:390px;}
.contNewProduct .sectionBox .sectionSub .section2 a>p{position:absolute; bottom:16px; height:34px}
.contNewProduct .sectionBox .sectionSub .section3{position:relative; float:left; width:231px; height:504px; padding:3px; border:1px solid #d9d6d1;}
.contNewProduct .sectionBox .sectionSub .section3 h3 strong{color:#343132;}
.contNewProduct .sectionBox .sectionSub .section3 a h3{position:absolute; bottom:48px;}
.contNewProduct .sectionBox .sectionSub .section3 a .imgPosition{position:absolute; top:2px;}
.contNewProduct .sectionBox .sectionSub .section3 a .imgPosition>img{width:231px; height:390px;}
.contNewProduct .sectionBox .sectionSub .section3 a>p{position:absolute; bottom:16px; height:34px}
.contNewProduct .rollingCont{position:relative;}
.contNewProduct .rollingCont>p {position:absolute; top:110px;}
.contNewProduct .rollingCont>p.prev{left:10px;}
.contNewProduct .rollingCont>p.next{right:10px;}
.contNewProduct .rollingCont .slideCont{margin-top:30px; overflow:hidden;position: relative; width:1000px;}
.contNewProduct .rollingCont .slideCont ul{*zoom:1; width:200000000000px !important; position:relative;}
.contNewProduct .rollingCont .slideCont ul:after{content:""; display:block; clear:both;}
.contNewProduct .rollingCont .slideCont ul li {float:left; width:233px;margin-right:21px; }
.contNewProduct .rollingCont .slideCont ul li>a{text-decoration:none;}
.contNewProduct .rollingCont .slideCont ul li .box {width:231px; padding:2px; border:1px solid #e7e7e7; }
.contNewProduct .rollingCont .slideCont ul li .box .imgPosition{width:231px; }
.contNewProduct .rollingCont .slideCont ul li .box .imgPosition>img{width:100%;}
.contNewProduct .rollingCont .slideCont ul li h3{padding:14px 0 16px 14px; }
.contNewProduct .rollingCont .slideCont ul li h3 strong{display:block; height:37px; font-size:13px; color:#757073; font-weight:normal;}
.contNewProduct .rollingCont .slideCont ul li h3 span{font-weight:bold; font-size:13px; color:#343132;}
.contNewProduct .rollingCont .slideCont ul li p{padding:16px 0; margin:0 14px; background:url(/images/blt/productBorder.gif) repeat-x top left; line-height:15px;}
/* list */
.contListProduct .productBanner img{width:1000px; height:255px;}
.contListProduct .productListLine{*zoom:1; background:url('/images/blt/productListLine1.gif') repeat-x top left; border-bottom:2px solid #767173;}
.contListProduct .productListLine:after{content:""; display:block; clear:both;}
.contListProduct .productListLine .productSelect{float:left; background:#fff; padding-right:20px;}
.contListProduct .productListLine .productSelect strong{display:block; font-size:24px; padding-right:18px; height:38px; line-height:35px; background:url('/images/product/blt_selectArrow.gif') no-repeat center right; color:#343132; font-weight:normal; font-family: 'Nanum Gothic Bold'; border-top:2px dotted #535051;}
.contListProduct .productListLine>ul{float:left; width:848px; margin-top:11px; *zoom:1;}
.contListProduct .productListLine>ul:after{content:""; display:block; lcear:both}
.contListProduct .productListLine>ul>li{float:left; padding-right:10px; margin:0 10px 9px 0; background:url('/images/blt/productListLine.gif') no-repeat right center; font-size:14px; }
.contListProduct .productList{padding:20px 0 0 50px;}
.contListProduct .productList>p{float:right; padding:10px; font-size:13px; color:#343132; font-family: 'Nanum Gothic Bold'; }
.contListProduct .productList>p strong{color:#bb2b5b;}
.contListProduct .productList ul{*zoom:1; clear:both;}
.contListProduct .productList ul:after{content:""; display:block; clear:both;}
.contListProduct .productList ul li{float:left; width:268px; padding-bottom:16px; margin-bottom:35px; margin-right:48px;}
.contListProduct .productList ul li>a{display:block; text-decoration: none; cursor: pointer}
.contListProduct .productList ul li .imgArea{position:relative; height:250px; width:287px; padding-top:20px;}
.contListProduct .productList ul li .imgArea>img{width:287px; height:250px;}
.contListProduct .productList ul li .imgArea span{display:none;}
.contListProduct .productList ul li .imgArea.on span{display:block; position:absolute; width:268px; height:268px; top:0px; left:50%; transform: translateX(-50%); background:url('/images/product/productList_on.png') no-repeat;}
.contListProduct .productList ul li a p{height:68px;}
.contListProduct .productList ul li p{text-align:center;}
.contListProduct .productList ul li p strong{display:block; width:100%; height:22px; padding-top:10px; color:#535051; font-size:14px; text-align:center; margin-bottom:19px; line-height:19px; word-break:keep-all;}
.contListProduct .productList ul li p span{display:block; text-align:center; font-size:13px; width:268px;}
.contListProduct .productListLine .productSelect{position:relative}
.contListProduct .productListLine .productSelect strong{cursor: pointer;}
.contListProduct .productListLine .productSelect ul{position:absolute; width:100px; background:#fff; border:1px solid #cdcbcb; padding:4px;}
.contListProduct .productListLine .productSelect ul li{line-height:20px;}
.contListProduct .productListLine .productSelect ul li a{display:block; text-decoration:none; padding-left:4px;}
.contListProduct .productListLine .productSelect ul li a.on{color:#fff; background:#656163;}
/* detail */
.contDetailProduct{*zoom:1;}
.contDetailProduct:after{content:""; display:block; clear:both;}
.contDetailProduct .topCont{width:100%; padding-top:8px; *zoom:1;}
.contDetailProduct .topCont:after{content:""; display:block; clear:both;}
.contDetailProduct .topCont .productList{float:left; width:157px;}
.contDetailProduct .topCont .productList h3{height:52px; color:#535051; font-size:25px; font-weight:normal; }
.contDetailProduct .topCont .productList>ul li{font-size:13px; color:#676465; margin-bottom:10px;}
.contDetailProduct .topCont .productList>ul li a{text-decoration:none;}
.contDetailProduct .topCont .productList>ul li.on a{color:#343132; font-family: 'Nanum Gothic Bold';}
.contDetailProduct .topCont .prdt_wrap {float:left; width:842px; border-left:1px solid #dbdbdb; background:url('/images/product/detailProductBg.gif') repeat-y top left; *zoom:1;}
.contDetailProduct .topCont .productHeader{float:left;}
.contDetailProduct .topCont .productHeader:after{content:""; display:block; clear:both;}
.contDetailProduct .topCont .productHeader .imgArea{float:left; width:380px; padding-right:10px;}
.contDetailProduct .topCont .productHeader .imgArea>img{width:100%;}
.contDetailProduct .topCont .productHeader .productMain{float:left}
.contDetailProduct .topCont .productHeader .productMain .productTitle{width:410px; padding:54px 0 0 10px;}
.contDetailProduct .topCont .productHeader .productMain .productTitle h2{font-size:27px; font-family: 'Nanum Gothic Bold'; color:#343132; line-height: 1.3em;}
.contDetailProduct .topCont .productHeader .productMain .productTitle h2 span{display:block; font-size:20px; color:#676264; padding-top: 10px; line-height: 1.3em; }
.contDetailProduct .topCont .productHeader .productMain .productTitle p{padding:26px 0; color:#535051;font-size:16px; line-height: 1.3em; }
.contDetailProduct .topCont .productHeader .productMain .productAccount{width:410px; padding-top:28px; margin-left: 10px; border-top:1px dotted #000;}
.contDetailProduct .topCont .productHeader .productMain .productAccount>ul li{position:relative; margin-bottom:5px; font-size:13px;}
.contDetailProduct .topCont .productHeader .productMain .productAccount>ul li strong{display:inline-block; font-family: 'Nanum Gothic Bold'; top:0px; left:0px; width: 100px; color:#535051}
.contDetailProduct .topCont .productHeader .productMain .productAccount .btnArea{float:right; margin-top:30px;}
.contDetailProduct .topCont .productHeader .productMain .productAccount .btnArea ul{*zoom:1;}
.contDetailProduct .topCont .productHeader .productMain .productAccount .btnArea ul:after{content:""; display:block; clear:both;}
.contDetailProduct .topCont .productHeader .productMain .productAccount .btnArea ul li{position:relative; float:left; margin-left:4px;}
.contDetailProduct .topCont .productHeader .productMain .productAccount .btnArea ul li .lgShopLink{position:absolute; top:30px; left:0px;}
.contDetailProduct .topCont .productHeader .productList{clear:both; padding-top:30px;}
.contDetailProduct .topCont .productList .compatibleList strong{font-size:14px; font-family: 'Nanum Gothic Bold';}
.contDetailProduct .topCont .productList .productListSlide{position:relative; width:843px; height:160px; padding:10px 20px 0px 20px; margin-top:5px; background-color: #fff; box-sizing: border-box; border-top: 1px dotted #333; border-bottom: 1px dotted #333; /*background:url('/images/product/detailSlideBg.jpg') no-repeat;*/}
.contDetailProduct .topCont .productList .productListSlide .slideCont{zoom:1;*position:relative;width: 100%; height:135px; overflow:hidden;}
.contDetailProduct .topCont .productList .productListSlide .slideCont ul{*zoom:1; width:20000px !important; position:relative;}
.contDetailProduct .topCont .productList .productListSlide .slideCont ul:after{content:""; display:block; clear:both;}
.contDetailProduct .topCont .productList .productListSlide .slideCont ul li{float:left; width:110px; margin-right: 25px; height:120px;}
.contDetailProduct .topCont .productList .productListSlide .slideCont ul li a{text-decoration:none;}
.contDetailProduct .topCont .productList .productListSlide .slideCont ul li a>img{width:110px; height:90px;}
.contDetailProduct .topCont .productList .productListSlide .slideCont ul li a p{text-align:center; font-size:11px; margin-top: 8px;}
.contDetailProduct .topCont .productList .productListSlide .slideCont ul li a p img{}
.contDetailProduct .topCont .productList .productListSlide>p{position:absolute; top:60px;}
.contDetailProduct .topCont .productList .productListSlide>p.prev{left:10px;}
.contDetailProduct .topCont .productList .productListSlide>p.next{right:10px;}
.contDetailProduct .mainCont{padding-top:65px;}
.contDetailProduct .mainCont .tabType1{}
.contDetailProduct .mainCont h3{color:#343132; font-family: 'Nanum Gothic Bold'; font-size:23px; padding:30px 0 10px 50px;}
.contDetailProduct .mainCont .tabType1 ul{*zoom:1;}
.contDetailProduct .mainCont .tabType1 ul:after{content:""; display:block; clear:both;}
.contDetailProduct .mainCont .tabType1 ul li{float:left; width:740px; height:40px; background:url('/images/product/detailTabBg.png') no-repeat; width:170px; height:40px; background-position:0 -40px;}
.contDetailProduct .mainCont .tabType1 ul li.on{background-position:0 0px;}
.contDetailProduct .mainCont .tabType1 ul li.on a{color:#fff;}
.contDetailProduct .mainCont .tabType1 ul li a{display:block; width:166px; height:40px; font-size:15px; text-align:center; line-height:38px; font-family: 'Nanum Gothic Bold'; text-decoration:none; }
.contDetailProduct .mainCont .characterCont{padding-top:30px; background:url('/images/product/detailcharacterBg.png') no-repeat 340px top; margin:-6px 0 60px 0;}
.contDetailProduct .mainCont .characterCont .imgArea{width:1000px; overflow:hidden; }
.contDetailProduct .mainCont .characterCont .imgArea img{/* max-width:999px; */}
.contDetailProduct .mainCont .characterCont h3{background:url('/images/icon/character.png') no-repeat top left;}
.contDetailProduct .mainCont .directionsCont{margin-bottom:60px;}
.contDetailProduct .mainCont .directionsCont h3{background:url('/images/icon/directions.png') no-repeat top left;}
.contDetailProduct .mainCont .directionsCont p{padding:20px 0 0 50px; line-height:20px;}
/* .contDetailProduct .mainCont .directionsCont ol{padding:20px 0 0 50px;}
.contDetailProduct .mainCont .directionsCont ol li{font-size:15px; color:#767173; margin-bottom:5px;} */
.contDetailProduct .mainCont .reviewCont h3{background:url('/images/icon/review.png') no-repeat top left; padding-top:14px;}
.contDetailProduct .mainCont .reviewCont>ul{border-bottom:1px solid #bcb6b8; }
.contDetailProduct .mainCont .reviewCont>ul li{position:relative; padding:20px 0 20px 156px; border-top:1px dotted #9e9e9e;}
.contDetailProduct .mainCont .reviewCont>ul li .userSection{position:absolute; width:156px; left:0px; top:20px; text-align:center;}
.contDetailProduct .mainCont .reviewCont>ul li .userSection .thumImg{display:block; margin:0 auto; width:39px; height:39px; border:1px solid #e0e0e0;}
.contDetailProduct .mainCont .reviewCont>ul li .userSection .thumImg img{width:100%;}
.contDetailProduct .mainCont .reviewCont>ul li .userSection p{margin-bottom:12px;}
.contDetailProduct .mainCont .reviewCont>ul li .userSection p span{display:block; margin-top:2px; }
.contDetailProduct .mainCont .reviewCont>ul li .userSection p strong{display:block; margin-top:6px; }
.contDetailProduct .mainCont .reviewCont>ul li .userReview{background:url('/images/product/reviewContBg1.png') no-repeat top left; padding-top:3px;}
.contDetailProduct .mainCont .reviewCont>ul li .userReview a{text-decoration:none;}
.contDetailProduct .mainCont .reviewCont>ul li .userReview a.on .userReviewBg .userReviewArea{ height:auto; }
.contDetailProduct .mainCont .reviewCont>ul li .userReview .userReviewBg .userReviewArea .sumBody{display:block;}
.contDetailProduct .mainCont .reviewCont>ul li .userReview .userReviewBg .userReviewArea .conBody{display:none;}
.contDetailProduct .mainCont .reviewCont>ul li .userReview .userReviewBg .userReviewArea .conBody img{max-width:100%;}
.contDetailProduct .mainCont .reviewCont>ul li .userReview .userReviewBg .userReviewArea.on p{height:auto;}
.contDetailProduct .mainCont .reviewCont>ul li .userReview .userReviewBg .userReviewArea.on p img{max-width:100%;}
.contDetailProduct .mainCont .reviewCont>ul li .userReview .userReviewBg .userReviewArea.on .sumBody{display:none;}
.contDetailProduct .mainCont .reviewCont>ul li .userReview .userReviewBg .userReviewArea.on .conBody{display:block; height:auto;}
.contDetailProduct .mainCont .reviewCont>ul li .userReview .userReviewBg{background:url('/images/product/reviewContBg2.png') no-repeat bottom left; padding-bottom:3px;}
.contDetailProduct .mainCont .reviewCont>ul li .userReview .userReviewBg .userReviewArea{border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; padding:22px 30px; height:56px; }
.contDetailProduct .mainCont .reviewCont>ul li .userReview .userReviewBg .userReviewArea{ height:auto; }
.contDetailProduct .mainCont .reviewCont>ul li .userReview .userReviewBg .userReviewArea strong{position:relative; color:#423f40; font-size:15px; font-family: 'Nanum Gothic Bold'; }
.contDetailProduct .mainCont .reviewCont>ul li .userReview .userReviewBg .userReviewArea strong span{display:block; position:absolute; right:-34px; top:2px; width:15px; height:13px; padding-left:10px; background:url('/images/icon/camera.gif') no-repeat; }
.contDetailProduct .mainCont .reviewCont>ul li .userReview .userReviewBg .userReviewArea p{padding-top:8px; font-size:14px; height:36px; overflow:hidden;}
.contDetailProduct .mainCont .reviewCont .btnArea{position:relative;}
.contDetailProduct .mainCont .reviewCont .btnArea ul{*zoom:1; position:absolute; right:0px; top:18px;}
.contDetailProduct .mainCont .reviewCont .btnArea ul:after{content:""; display:block; clear:both;}
.contDetailProduct .mainCont .reviewCont .btnArea ul li{float:right; margin-left:5px;}
/*productMap*/
.contProductMap .contSelect{}
.contProductMap .contSelect .tableTypeB{width:100%; border-top:2px solid #767173; color:#343132}
.contProductMap .contSelect .tableTypeB tbody tr th{height:75px; background:#fcfafb; fon-size:13px;}
.contProductMap .contSelect .tableTypeB tbody tr td ul{height:37px; padding-left:20px; border-bottom:1px dotted #9e9e9e; *zoom:1;}
.contProductMap .contSelect .tableTypeB tbody tr td ul:after{content:""; display:block; clear:both;}
.contProductMap .contSelect .tableTypeB tbody tr td ul li{float:left; width:138px; line-height:37px;}
.contProductMap .contSelect .tableTypeB tbody tr th,
.contProductMap .contSelect .tableTypeB tbody tr td{height:75px; border-bottom:1px solid #bcb6b8}
.contProductMap .contSelect .tableTypeB tbody tr td p{padding-left:20px;}
.contProductMap .contSelect .tableTypeB tbody tr td p input{width:384px; border:1px solid #cacaca;}
.contProductMap .contSelect .tableTypeB tbody tr td p span{padding-left:20px;}
.contProductMap .btnArea{position:relative; padding-top:20px;}
.contProductMap .btnArea:after{content:""; display:block; clear:both;}
.contProductMap .btnArea>a{position:absolute;}
.contProductMap .btnArea ul{*zoom:1; float:right;}
.contProductMap .btnArea ul:after{content:""; display:block; clear:both}
.contProductMap .btnArea ul li{float:left; margin-left:10px;}
.contProductMap .productMap{width:1000px;overflow-x: scroll; padding-top:50px; padding-bottom:10px;}
.contProductMap .productMap .tableTypeD{width:1178px; border-top:2px solid #767173; border-bottom:1px solid #969696; }
.contProductMap .productMap .tableTypeD thead tr th{height:40px; border-bottom:1px solid #bcb6b8; background:#fbfbfb url(/images/product/tableLine2.gif) no-repeat right top; white-space: nowrap; }
.contProductMap .productMap .tableTypeD thead tr th p {position:relative; height:21px; width: 30px; }
.contProductMap .productMap .tableTypeD thead tr th p.line{background:url('/images/product/tableLine.gif') no-repeat left 12px;}
.contProductMap .productMap .tableTypeD thead tr th p span{width:30px;}
.contProductMap .productMap .tableTypeD thead tr th p.type{background:url('/images/product/tableLine.gif') no-repeat 0px -9px;}
.contProductMap .productMap .tableTypeD thead tr th p.line span{position:absolute; top: 0; right: 0;}
.contProductMap .productMap .tableTypeD thead tr th p.type span{position:absolute; bottom:6px; left:0px;}
.contProductMap .productMap .tableTypeD tbody tr th{background:#fbfbfb; color:#343132;}
.contProductMap .productMap .tableTypeD tbody tr td{ vertical-align:top;background:url('/images/product/tlb_line.gif') 0 0 repeat;}
.contProductMap .productMap .tableTypeD tbody tr td.last {background:url('/images/product/tlb_line2.gif') 0 0 repeat-y;}
.contProductMap .productMap .tableTypeD tbody tr td ul li{position:relative;}
.contProductMap .productMap .tableTypeD tbody tr{border-top:1px solid #969696;}
.contProductMap .productMap .tableTypeD tbody tr td ul li img {padding-bottom: 1px; vertical-align: top;}
.contProductMap .productMap .tableTypeD tbody tr td ul li a{display:block; color:#fff;width: 98px; height: 96px; vertical-align: middle; text-align: center; padding-top: 3px; overflow:hidden;}
.contProductMap .productMap .tableTypeD tbody tr td ul li a span{display:none; position:absolute; width:88px; height:63px; top:0px; left:0px; padding:30px 5px 5px 5px; background:url('/images/product/newProductBg.png') repeat; text-align:center; cursor: pointer; overflow:hidden;}
.contProductMap .productMap .tableTypeD tbody tr td ul li.on a span{display:block;}
/*---REVIEW---*/
/* list */
.contReviewList{}
.contReviewList .headerBanner{padding-bottom:50px;}
.contReviewList .headerBanner ul{*zoom:1;}
.contReviewList .headerBanner ul:after{content:""; display:block; clear:both;}
.contReviewList .headerBanner ul li{float:left; width:326px; height:250px; border:1px solid #dbd1d1; margin-right:8px;}
.contReviewList .headerBanner ul li a img{width:326px; height:250px;}
.contReviewList .serchArea{position:relative; padding:15px 0 15px 18px; border-top:1px dotted #000; border-bottom:2px solid #767173; background:#fcfafb}
.contReviewList .serchArea select{border:1px solid #cacaca; color:#535051; height:26px;}
.contReviewList .serchArea input{border:1px solid #cacaca; height:14px;}
.contReviewList .serchArea .listType{position:absolute; right:18px; top:20px; *zoom:1;}
.contReviewList .serchArea .listType:after{content:""; display:block; clear:both;}
.contReviewList .serchArea .listType li{float:left;}
.contReviewList .serchArea .listType li.bgOn{padding-right:10px; margin-right:6px; background:url('/images/blt/textLine.gif') no-repeat right top;}
.contReviewList .userList{padding-bottom:30px;}
/*.contReviewList .userList .productList{*zoom:1; margin-top:30px;}
.contReviewList .userList .productList:after{content:""; display:block; clear:both;}
.contReviewList .userList .productList li{float:left; width:235px; overflow:hidden; margin-right:18px; border:1px solid #e7e7e7;}*/
.contReviewList .userList .productList { position:relative; z-index: 1;margin-top:18px; *zoom:1; }
.contReviewList .userList .productList:after { content:""; display:block; clear:both; }
.contReviewList .userList .productList li { position:absolute; left:0; top:0; float:left;width:235px;overflow: hidden;margin:7px;border:1px solid #e7e7e7;}
.contReviewList .userList .productList li a{text-decoration:none;}
.contReviewList .userList .productList li a .imgArea{padding:8px 8px 0px 8px; width:218px;}
.contReviewList .userList .productList li a .imgArea img{width:100%;}
.contReviewList .userList .productList li a .textSection{padding-top:14px; text-align:center;}
.contReviewList .userList .productList li a .textSection>strong{display:block; color:#343132; font-size:14px; padding:0 16px 5px 16px; }
.contReviewList .userList .productList li a .textSection>p{font-size:13px; padding:20px 16px 18px 16px;text-align:left; }
.contReviewList .userList .productList li a .textSection>p>strong{ display:block; padding-bottom:8px; color:#343132;text-align:left; font-weight:normal;}
.contReviewList .userList .productList li a .userReport{position:relative; padding:10px 18px 10px 18px; background:#fcfafb; border-top:1px dotted #7e7d7d;}
.contReviewList .userList .productList li a .userReport .idArea{ left:18px;}
.contReviewList .userList .productList li a .userReport .dayArea{position:absolute; right:18px;}
/* write */
.contReviewWrite{}
.tableTypeC{border-top:2px solid #807b7d; border-bottom:1px solid #807b7d;}
.tableTypeC tbody tr th{text-align:left; padding-left:30px; background:#fbfbfb; color:#343132; font-weight:normal;}
.tableTypeC tbody tr td{padding:0 20px;}
.tableTypeC tbody tr th,
.tableTypeC tbody tr td{height:38px; border-bottom:1px dotted #9d9d9d; }
.tableTypeC tbody tr td .ratioSection{*zoom:1;}
.tableTypeC tbody tr td .ratioSection:after{content:""; display:block; clear:both;}
.tableTypeC tbody tr td .ratioSection li{float:left; margin-right:40px;}
.tableTypeC tbody tr td>select{border}
.tableTypeC tbody tr td .noteList li{padding-left:6px; background:url('/images/blt/listStyle1.gif') no-repeat center left; margin-bottom:6px; line-height:16px;}
.contReviewWrite .btnArea{position:relative; padding-top:20px;}
.contReviewWrite .btnArea ul{position:absolute; right:0px; *zoom:1;}
.contReviewWrite .btnArea ul:after{content:""; display:block; clear:both;}
.contReviewWrite .btnArea ul li{float:left; margin-left:10px;}
/*----------El MANIA----------*/
.elManiaArea .cont01 { position:relative; height:369px; }
.elManiaArea .cont01 .eventInfo p.topImg { width:724px; border:1px solid #ececec; }
.elManiaArea .cont01 .eventInfo ul.txt { *zoom:1; }
.elManiaArea .cont01 .eventInfo ul.txt:after { content:""; display:block; clear:both; }
.elManiaArea .cont01 .eventInfo ul.txt li { padding:18px 80px 16px 0; float:left; font-size:14px; color:#535051; }
.elManiaArea .cont01 { position:relative; }
.elManiaArea .cont01 .sliderArea { width:295px; height:322px; position:absolute; right:0; top:0; background:url("../images/elmania/tabBg.gif") no-repeat right top; }
.elManiaArea .cont01 .sliderArea .tabArea { margin-left:1px; position:relative; }
.elManiaArea .cont01 .sliderArea .tabArea .tab01{ position:relative;height:322px; }
.elManiaArea .cont01 .sliderArea .tabArea .tab01 p.prevh { position:absolute; left:127px; top:-23px; }
.elManiaArea .cont01 .sliderArea .tabArea .tab01 p.nexth { position:absolute; left:127px; bottom:37px; }
.elManiaArea .cont01 .sliderArea .tabArea .tab01 .slideCont2 { margin-top:30px; position:relative; height:260px; border-right:1px solid #dfdfdf; overflow:hidden; }
.elManiaArea .cont01 .sliderArea .tabArea .tab01 .slideCont2 ul { margin-left:21px; position:relative;}
.elManiaArea .cont01 .sliderArea .tabArea .tab01 .slideCont2 ul li { margin-top:1px; text-align:center; height:83px;border:1px solid #ededed; background:url("../images/elmania/tab_bg.gif") repeat-x left top; }
.elManiaArea .cont01 .sliderArea .tabArea .tab01 .slideCont2 ul li a { display:inline-block; padding-top:20px; padding-left:20px; padding-right:20px; font-size:15px; color:#676465; font-weight:bold; }
.elManiaArea .cont01 .sliderArea .tabArea .tab01 .slideCont2 ul li.on { margin-left:-21px; background:url("../images/elmania/tab_on_bg.png") no-repeat left top; border:0; }
.elManiaArea .cont01 .sliderArea .tabArea .tab01 .slideCont2 ul li.on a {font-family:'nanumgothic'; color:#fff; padding-left:25px; }
.elManiaArea .cont02 p.txt { padding:12px 0; border-top:1px dotted #000; border-bottom:1px dotted #000; text-align:right; position:relative; line-height:18px; }
.elManiaArea .cont02 p.txt a { position:absolute; left:0; top:17px; }
.elManiaArea .cont02 .registration { padding:15px 20px; background:#fbfbfb; position:relative; border-bottom:1px dotted #000;}
.elManiaArea .cont02 .registration ul { *zoom:1; display:inline-block; }
.elManiaArea .cont02 .registration ul:after { content:""; display:block; clear:both; }
.elManiaArea .cont02 .registration ul li { padding-right:5px; float:left; color:#343132; }
.elManiaArea .cont02 .registration ul li:first-child { padding-right:10px; margin-top:5px; }
.elManiaArea .cont02 .registration ul li>input { margin-left:7px; padding:0 8px; height:24px; border:1px solid #cacaca; }
.elManiaArea .cont02 .registration textarea.txtArea { padding:0 10px; margin-top:3px; width:821px; height:70px; border:1px solid #cacaca; }
.elManiaArea .cont02 .registration .btnRegistration { position:absolute; right:20px;; top:15px; }
.elManiaArea .cont03 { padding-bottom:30px; margin-top:30px; *zoom:1; }
.elManiaArea .cont03:after { content:""; display:block; clear:both; }
.elManiaArea .cont03 li { float:left; width:237px; border:1px solid #dee2e2; }
.elManiaArea .cont03 li.facebook { background:#f6f6f9; }
.elManiaArea .cont03 li.twitter { background:#f6f9f9; }
.elManiaArea .cont03 li.blog { background:#f8f9f6; }
.elManiaArea .cont03 li.kakao { background:#f9f7f6; }
.elManiaArea .cont03 li p.txt { padding:30px 20px 25px 20px; font-size:15px; color:#676465; line-height:23px; }
.elManiaArea .cont03 li p.info { background:#fbfbfb; padding:10px; border-top:1px dotted #7d7d7d; font-size:13px; color:#676365; position:relative; }
.elManiaArea .cont03 li p.info span { font-size:12px; }
.elManiaArea .cont03 li p.info span.date { position:absolute; right:53px; top:12px;}
.elManiaArea .cont03 li p.info span.social { position:absolute; right:21px; top:8px;}
.elManiaArea .cont03 li .listClose{position:absolute; top:5px; right:8px; font-size:20px;}
/*----------NEW & EVENT----------*/
/* news */
.newsArea .top { padding-bottom:40px; }
.newsArea .top:after { content:""; display:block; clear:both; }
.newsArea .top li { width:494px; border-top:1px solid #767173; border-bottom:1px solid #bcb6b8; font-size:13px; color:#343132; font-weight:bold; float:left; }
.newsArea .top li:first-child { margin-right:12px; }
.newsArea .top li p { padding:10px 0 10px 20px; background:#f9f9f9; position:relative;}
.newsArea .top li p a { display:inline-block; padding-left:10px; }
.newsArea .top li p span.date { position:absolute; right:20px; top:10px; font-weight:normal; }
/* .newsArea .top li>a>span {display:block; padding:10px 0 10px 20px; background:#f9f9f9; position:relative;}
.newsArea .top li>span>a { display:inline-block; padding-left:10px; }
.newsArea .top li>span>span.date { position:absolute; right:20px; top:15px; font-weight:normal; } */
.newsArea .btnArea{ padding-top:20px; text-align:right; }
/* listTb */
.listTb { border-top:2px solid #767173; border-bottom:1px solid #bcb6b8; }
.listTb thead th { padding:14px 0; border-bottom:1px solid #bcb6b8; background:url("../images/news/tit_bg.gif") no-repeat left 18px; }
.listTb thead th:first-child { background:none; }
.listTb tbody td { padding:13px 0 12px 0; font-size:13px; color:#767173; text-align:center; border-bottom:1px dotted #9e9e9e; }
.listTb tbody td.txt { padding-left:10px; text-align:left; }
.listTb tbody td.txt a { color:#535051; }
/* viewTb */
.viewTb { border-top:3px solid #767173; }
.viewTb thead td { padding:16px 0; border-bottom:1px solid #bcb6b8; background:#fcfafb; }
.viewTb thead td strong { padding-left:30px; font-size:14px; color:#343132; }
.viewTb thead td span { display:inline-block; padding-right:10px; margin-right:7px; font-size:13px; color:#343132; background:url("../images/news/line_bg.gif") no-repeat right 5px; }
.viewTb tbody td { padding:50px 30px; font-size:13px; line-height:20px;}
.viewTb tbody td div{width:940px;}
.viewTb tbody td div img{max-width:100%; _width:100%;}
.viewTb tbody td p{font-size:13px; line-height:20px;}
.viewTb tbody td p img{max-width:940px;}
.viewTb thead td.urlLink{padding:9px 50px 9px 30px !important;}
.viewListArea { border-top:1px solid #767173; border-bottom:1px solid #767173; }
.viewListArea li { padding:10px; position:relative; }
.viewListArea li:first-child { border-bottom:1px dotted #9e9e9e; }
.viewListArea li span { display:inline-block; padding:0 24px 0 20px; color:#343132; background:url("../images/news/line_bg.gif") no-repeat 64px 4px; }
.viewListArea li a.btn{ position:absolute; left:10px; top:17px; }
.viewListArea li a.txt { font-size:13px; color:#535051; }
/* evnet */
.eventArea .eventTab { *zoom:1; }
.eventArea .eventTab:after{ content:""; display:block; clear:both; }
.eventArea .eventTab li { margin-left:1px; padding:12px 0; width:330px; border:1px solid #e6e6e6; text-align:center; float:left; background:#f9f9f9; }
.eventArea .eventTab li :first-child { margin-left:0; }
.eventArea .eventTab li a{ font-size:15px; color:#676465; }
.eventArea .eventTab li.on { background:#525051; }
.eventArea .eventTab li.on a { font-size:15px; color:#fff; }
.eventArea .eventSlide { position:relative; padding-bottom:30px; }
.eventArea .eventSlide p.prev { position:absolute; left:8px; top:140px; z-index:10; }
.eventArea .eventSlide p.next { position:absolute; right:8px; top:140px;z-index:10; }
.eventArea .eventSlide .slideCont { overflow:hidden;position: relative; width:1000px;}
.eventArea .eventSlide .slideCont ul { position: relative; width:2000000000000000px !important;}
.eventArea .eventSlide .slideCont ul li {float:left; width:1000px; }
.eventArea .eventList ul { *zoom:1; padding-bottom:15px; }
.eventArea .eventList ul:after { content:""; display:block; clear:both; }
.eventArea .eventList ul li { margin-right:15px; margin-bottom:15px; float:left; width:321px; border:1px solid #e7e7e7; }
.eventArea .eventList ul li:nth-child(3n+3){margin-right:0}
/* .eventArea .eventList ul li:last-child {} */
.eventArea .eventList ul li div.top { padding:9px 9px 0 9px;}
.eventArea .eventList ul li div.top p { padding:15px 0 16px 11px; position:relative; }
.eventArea .eventList ul li div.top p>a { font-size:14px; color:#535051; font-weight:bold; }
.eventArea .eventList ul li div.top p>span { position:absolute; right:0; top:8px; }
.eventArea .eventList ul li div.info { padding:8px 0 14px 19px; background:#fbfbfb; border-top:1px dotted #7d7d7d; }
.eventArea .eventList ul li div.info dl { *zoom:1; padding-top:8px; }
.eventArea .eventList ul li div.info dl:after { content:""; display:block; clear:both; }
.eventArea .eventList ul li div.info dl dt { padding-right:5px; float:left; }
.eventArea .eventList .endList { margin-top:30px; }
.eventArea .listTb { margin-top:30px; }
.eventArea .viewTb { margin-top:30px; }
.eventArea .btnArea{ padding-top:20px; text-align:right; }
/* more */
div.moreArea { padding-top:20px; border-top:1px dotted #9e9e9e; }
div.moreArea p { margin:0 auto; padding:7px 0 6px 0; color:#535051; width:672px; border:1px solid #bcb6b8; text-align:center; }
div.moreArea p img { display:inline-block; margin:4px 0 0 5px; }
/* historyArea */
.historyArea .cont01 { padding-top:45px; }
.historyArea .cont01 p.txt01 { padding-bottom:32px; font-size:26px; color:#767173; text-align:center; background:url("../images/about/txt_bg.gif") no-repeat center bottom; }
.historyArea .cont01 p.txt01 span { display:block; font-size:26px; color:#535051; }
.historyArea .cont01 p.txt02 { padding:33px 0; font-size:17px; color:#767173; text-align:center; }
.historyArea .cont01 p.txt03 { font-size:20px; color:#767173; font-weight:bold; text-align:center; }
.historyArea .cont02 { padding-top:52px; }
.historyArea .cont02 .tabArea { background:url("../images/about/tabBg_left.gif") no-repeat left top; margin:0 auto; width:494px; }
.historyArea .cont02 .tabArea ul { padding-left:20px; background:url("../images/about/tabBg_right.gif") no-repeat right top; *zoom:1; margin:0 auto; }
.historyArea .cont02 .tabArea ul:after { content:""; display:block; clear:both; }
.historyArea .cont02 .tabArea ul li { padding:6px 0 1px 0; width:35px; float:left; background:#535051 url("../images/about/tabBg.gif") no-repeat 23px center; }
.historyArea .cont02 .tabArea ul li.last { background:none;}
.historyArea .cont02 .tabArea ul li a { display:inline-block; color:#fff; font-weight:bold; padding:6px 0 0 3px; width:26px; height:26px; }
.historyArea .cont02 .tabArea ul li a.on {background:url("../images/about/tabBg.png") no-repeat left top; color:#535051;}
.historyArea .cont02 .history { padding-top:28px; }
.historyArea .cont02 .history>ul li div dl dt { padding-bottom:9px; font-size:26px; color:#535051; font-weight:bold; }
.historyArea .cont02 .history>ul li div dl dd { line-height:16px; }
.historyArea .cont02 .history>ul li>div div>p{ padding:14px 0 0 9px; font-size:30px; color:#fff; font-weight:bold; }
.historyArea .cont02 .history>ul li div div.on {background-position: -67px 0 !important;}
.historyArea .cont02 .history>ul li.y_2014 { height:224px; position:relative;}
.historyArea .cont02 .history>ul li.y_2014>div { position:absolute; left:486px; top:0; height:196px; background:url("../images/about/y2014_date_bg.gif") no-repeat 0px 110px; }
.historyArea .cont02 .history>ul li.y_2014>div div.year14 {width:67px; height:182px; background:url("../images/about/2014_bg.png") no-repeat left top;}
.historyArea .cont02 .history>ul li.y_2014>div dl.cont01 { padding-top:39px; width:448px; height:162px; position:absolute; left:85px; top:65px; background:url("../images/about/2014_01.jpg") no-repeat right top; }
.historyArea .cont02 .history>ul li.y_2014>div dl.cont02 { padding-top:39px; padding-left: 185px; width:268px; height:162px; position:absolute; left:-470px; top:0px; background:url("../images/about/2014_02.jpg") no-repeat left top; }
.historyArea .cont02 .history>ul li.y_2013 { margin-top:-43px; height:291px; position:relative;}
.historyArea .cont02 .history>ul li.y_2013>div { height:291px; background:url("../images/about/y2013_date_bg.gif") no-repeat 487px 110px; }
.historyArea .cont02 .history>ul li.y_2013>div div.year13 {position:absolute; left:486px; top:0; width:67px; height:291px; background:url("../images/about/2013_bg.png") no-repeat left top;}
.historyArea .cont02 .history>ul li.y_2013>div dl.cont01 { position:absolute; left:572px; top:30px; width:448px; height:125px; background:url("../images/about/2013_01.jpg") no-repeat right 14px; }
.historyArea .cont02 .history>ul li.y_2013>div dl.cont02 { padding:80px 0 0 198px; width:246px; height:92px; background:url("../images/about/2013_02.jpg") no-repeat 30px 43px; }
.historyArea .cont02 .history>ul li.y_2013>div dl.cont03 { padding-top:14px; position:absolute; left:572px; top:169px; width:448px; height:135px; background:url("../images/about/2013_03.jpg") no-repeat right top; }
.historyArea .cont02 .history>ul li.y_2013>div dl.cont04 { padding:16px 0 0 198px; width:265px; height:136px; background:url("../images/about/2013_04.jpg") no-repeat 30px top; }
.historyArea .cont02 .history>ul li.y_2012 { height:182px; position:relative;}
.historyArea .cont02 .history>ul li.y_2012>div { height:182px; background:url("../images/about/y2012_date_bg.gif") no-repeat 487px 110px; }
.historyArea .cont02 .history>ul li.y_2012>div div.year12 {position:absolute; left:486px; top:0; width:67px; height:182px; background:url("../images/about/2012_bg.png") no-repeat left top;}
.historyArea .cont02 .history>ul li.y_2012>div dl.cont01 { position:absolute; left:572px; top:27px; width:448px; height:137px; background:url("../images/about/2012_01.jpg") no-repeat right 33px; }
.historyArea .cont02 .history>ul li.y_2012>div dl.cont02 { padding:80px 0 0 198px; width:246px; height:190px; background:url("../images/about/2012_02.jpg") no-repeat 0 54px; }
.historyArea .cont02 .history>ul li.y_2011 { height:153px; position:relative;}
.historyArea .cont02 .history>ul li.y_2011>div { height:153px; background:url("../images/about/y2014_date_bg.gif") no-repeat 535px 110px; }
.historyArea .cont02 .history>ul li.y_2011>div div.year11 {position:absolute; left:486px; top:0; width:67px; height:182px; background:url("../images/about/2011_bg.png") no-repeat left top;}
.historyArea .cont02 .history>ul li.y_2011>div dl.cont01 { position:absolute; left:572px; top:27px; width:448px; height:137px; }
.historyArea .cont02 .history>ul li.y_2010 { height:184px; position:relative;}
.historyArea .cont02 .history>ul li.y_2010>div { height:184px; background:url("../images/about/y2012_date_bg.gif") no-repeat 487px 110px; }
.historyArea .cont02 .history>ul li.y_2010>div div.year10 {position:absolute; left:486px; top:0; width:67px; height:182px; background:url("../images/about/2010_bg.png") no-repeat left top;}
.historyArea .cont02 .history>ul li.y_2010>div dl.cont01 { position:absolute; left:572px; top:27px; width:448px; height:145px; background:url("../images/about/2010_01.jpg") no-repeat right top;}
.historyArea .cont02 .history>ul li.y_2010>div dl.cont02 { padding:80px 0 0 198px; width:246px; height:243px; background:url("../images/about/2010_02.jpg") no-repeat 0 54px; }
.historyArea .cont02 .history>ul li.y_2010>div dl.cont02 dd { padding-bottom:18px; }
.historyArea .cont02 .history>ul li.y_2009 { margin-top:-2px; height:154px; position:relative;}
.historyArea .cont02 .history>ul li.y_2009>div { height:154px; background:url("../images/about/y2014_date_bg.gif") no-repeat 535px 110px; }
.historyArea .cont02 .history>ul li.y_2009>div div.year09 {position:absolute; left:486px; top:0; width:67px; height:182px; background:url("../images/about/2011_bg.png") no-repeat left top;}
.historyArea .cont02 .history>ul li.y_2009>div dl.cont01 { position:absolute; left:572px; top:35px; width:448px; height:137px;background:url("../images/about/2009_01.jpg") no-repeat right 15px; }
.historyArea .cont02 .history>ul li.y_2008 { margin-top:-2px; height:154px; position:relative;}
.historyArea .cont02 .history>ul li.y_2008>div { height:154px; background:url("../images/about/y2014_date_bg.gif") no-repeat 487px 110px; }
.historyArea .cont02 .history>ul li.y_2008>div div.year08 {position:absolute; left:486px; top:0; width:67px; height:182px; background:url("../images/about/2008_bg.png") no-repeat left top;}
.historyArea .cont02 .history>ul li.y_2008>div dl.cont01 { padding:80px 0 0 198px; width:252px; height:243px; }
.historyArea .cont02 .history>ul li.y_2007 { height:174px; position:relative;}
.historyArea .cont02 .history>ul li.y_2007>div { height:174px; background:url("../images/about/y2012_date_bg.gif") no-repeat 487px 100px; }
.historyArea .cont02 .history>ul li.y_2007>div div.year07 {position:absolute; left:486px; top:0; width:67px; height:182px; background:url("../images/about/2007_bg.png") no-repeat left top;}
.historyArea .cont02 .history>ul li.y_2007>div dl.cont01 { position:absolute; left:572px; top:36px; width:448px; height:137px;background:url("../images/about/2007_01.jpg") no-repeat right 25px; }
.historyArea .cont02 .history>ul li.y_2007>div dl.cont02 { padding:116px 0 0 198px; width:246px; height:243px; background:url("../images/about/2007_02.jpg") no-repeat 0 0; }
.historyArea .cont02 .history>ul li.y_2006 {height:144px; position:relative;}
.historyArea .cont02 .history>ul li.y_2006>div { height:144px; background:url("../images/about/y2014_date_bg.gif") no-repeat 535px 110px; }
.historyArea .cont02 .history>ul li.y_2006>div div.year06 {position:absolute; left:486px; top:0; width:67px; height:182px; background:url("../images/about/2011_bg.png") no-repeat left top;}
.historyArea .cont02 .history>ul li.y_2006>div dl.cont01 { position:absolute; left:572px; top:35px; width:448px; height:161px;background:url("../images/about/2006_01.jpg") no-repeat right 16px; }
.historyArea .cont02 .history>ul li.y_2005 { margin-top:-2px; height:154px; position:relative;}
.historyArea .cont02 .history>ul li.y_2005>div { height:154px; background:url("../images/about/y2014_date_bg.gif") no-repeat 487px 110px; }
.historyArea .cont02 .history>ul li.y_2005>div div.year05 {position:absolute; left:486px; top:0; width:67px; height:182px; background:url("../images/about/2008_bg.png") no-repeat left top;}
.historyArea .cont02 .history>ul li.y_2005>div dl.cont01 { padding:80px 0 0 198px; width:252px; height:243px; }
.historyArea .cont02 .history>ul li.y_2004 { height:174px; position:relative;}
.historyArea .cont02 .history>ul li.y_2004>div { height:174px; background:url("../images/about/y2012_date_bg.gif") no-repeat 487px 100px; }
.historyArea .cont02 .history>ul li.y_2004>div div.year04 {position:absolute; left:486px; top:0; width:67px; height:182px; background:url("../images/about/2004_bg.png") no-repeat left top;}
.historyArea .cont02 .history>ul li.y_2004>div dl.cont01 { position:absolute; left:572px; top:36px; width:448px; height:137px;}
.historyArea .cont02 .history>ul li.y_2004>div dl.cont02 { padding:116px 0 0 198px; width:264px; height:243px; background:url("../images/about/2004_01.jpg") no-repeat 404px 101px; }
.historyArea .cont02 .history>ul li.y_2002 {margin-top:-5px; height:138px; position:relative;}
.historyArea .cont02 .history>ul li.y_2002>div { height:144px; background:url("../images/about/y2014_date_bg.gif") no-repeat 535px 101px; }
.historyArea .cont02 .history>ul li.y_2002>div div.year02 {position:absolute; left:486px; top:0; width:67px; height:182px; background:url("../images/about/2002_bg.png") no-repeat left top;}
.historyArea .cont02 .history>ul li.y_2002>div dl.cont01 { position:absolute; left:572px; top:35px; width:448px; height:161px;}
.historyArea .cont02 .history>ul li.y_2001 { margin-top:-2px; height:154px; position:relative;}
.historyArea .cont02 .history>ul li.y_2001>div { height:154px; background:url("../images/about/y2014_date_bg.gif") no-repeat 487px 101px; }
.historyArea .cont02 .history>ul li.y_2001>div div.year01 {position:absolute; left:486px; top:0; width:67px; height:182px; background:url("../images/about/2001_bg.png") no-repeat left top;}
.historyArea .cont02 .history>ul li.y_2001>div dl.cont01 { padding:80px 0 0 198px; width:252px; }
/*----------ETC----------*/
/* ---LOGIN--- */
#popWrap{position:relative; padding-top:56px; width:700px; height:400px; background:url('/images/member/loginBg.gif') repeat; }
#popWrap .popMain{position:relative; width:600px; height:330px; padding:30px 30px 0 30px; border:1px solid #e8e8e8; background:#fff; margin:0 auto; }
#popWrap .popMain .popHeader{padding-bottom:19px; border-bottom:2px solid #767173; *zoom:1; }
#popWrap .popMain .popHeader:after{content:""; display:block; clear:both;}
#popWrap .popMain .popHeader h2{float:left; height:44px; font-size:57px; color:#535051; font-weight:normal; line-height:47px; }
#popWrap .popMain .popHeader p{float:left; padding:4px 0 0 13px; line-height:20px; letter-spacing: -1px;}
#popWrap .popMain .popHeader p strong{display:block; font-size:16px; color:#535051}
#popWrap .popMain .popCont{position:relative; width:336px; padding:20px 0; *zoom:1; }
#popWrap .popMain .popCont:after{content:""; display:block; clear:both}
/*�α��� ���� �߰�*/
#popWrap .popMain .popCont .checkArea {margin-bottom:10px;}
#popWrap .popMain .popCont .checkArea .checkTxt {color:#545152; font-weight:bold;}
#popWrap .popMain .popCont .checkArea .checkTxt:first-child {margin-right:10px;}
#popWrap .popMain .popCont .checkArea input {margin-right:3px;}
#popWrap .popMain .popCont .saveId {margin-top:5px;}
#popWrap .popMain .popCont:before {position:absolute; left:356px; top:20px; content:""; display:block; clear:both; width:1px; height:143px; background:#f2f2f2;}
#popWrap .popMain .popCont:after {position:absolute;left: 341px;top:72px;content:"or";display:block;clear:both;width: 30px;background:#fff;font-size: 15px;text-align: center;padding: 7px 0px;}
/*#popWrap .popMain .popCont label{display:block; position:relative; width:279px; height:26px; padding:0 0 5px 90px; z-index:99;}
#popWrap .popMain .popCont label span{position:absolute; left:18px; top:3px; padding-left:8px; background:url('/images/blt/loginList.gif') no-repeat center left; font-family: 'Nanum Gothic Bold'; font-size:14px; color:#535051; z-index:1;}*/
#popWrap .popMain .popCont input[type=text],
#popWrap .popMain .popCont input[type=password]{display:block; margin-bottom:3px; width:219px; vertical-align:top;}
.popSocial {position:absolute; right:30px; bottom:95px;}
.popSocial a {display:block;margin-bottom:10px;}
/*�α��� ���� �߰�*/
#popWrap .popMain .popCont .btnLogin{position:absolute; right:0px; top:44px;}
#popWrap .popMain .popCont .btnArea{width:336px; *zoom:1; margin-right: 22px; padding-top:11px;}
#popWrap .popMain .popCont .btnArea:after{content:""; display:block; clear:both;}
#popWrap .popMain .popCont .btnArea li{margin-left:15px; float:left;}
#popWrap .popMain .popCont .btnArea li:first-child{margin-left:0;}
#popWrap .popMain>p{padding:17px 0 0 38px;; border-top:1px dotted #9e9e9e; background: url('/images/icon/note.gif') no-repeat 0px 18px;}
#popWrap .popMain>h2{position:absolute; bottom:10px; right:30px;}
#popWrap .popClose{position:absolute; top:17px; right:22px;}
/* ---MY PAGE--- */
/*my q&a*/
.noticeSection{height:87px; text-align:center; line-height:87px;}
.noticeSection strong{font-family:'Nanum Gothic Bold'; font-size:21px; color:#343132}
.contMypageQna .tabTypeB li{width:50%}
.contMypageQna .mainCont .myQna tbody tr td{border-bottom:1px solid #bcb6b8;}
.contMypageQna .mainCont .myQna tbody tr.on td{border-bottom:1px dotted #9e9e9e;}
.contMypageQna .mainCont .myQna tbody tr td.reply{text-align:left; background:#fcfafb;}
.contMypageQna .mainCont .myQna tbody tr td.reply>div{position:relative; padding:0 54px 34px 222px; line-height:18px;}
.contMypageQna .mainCont .myQna tbody tr td.reply>div>span{position:absolute; font-size:13px; color:#535051;}
.contMypageQna .mainCont .myQna tbody tr td.reply .askCont span {left:118px; top:0px; height:26px; padding-left:30px; background:url('/images/icon/ask.png') no-repeat; line-height:26px; font-family:'Nanum Gothic Bold';}
.contMypageQna .mainCont .myQna tbody tr td.reply .replyCont span {left:118px; top:-6px; height:26px; padding-left:49px; background:url('/images/icon/reply.png') no-repeat; line-height:26px; font-family:'Nanum Gothic Bold';}
/* ---CUSTOMER CENTER--- */
/*FAQ*/
.contCustomerFaq .mainCont .serchArea{position: relative; padding: 15px 0 15px 18px; border-top: 1px dotted #000; border-bottom: 2px solid #767173; background: #fcfafb;}
.contCustomerFaq .mainCont .myQna tbody tr td{border-bottom:1px solid #bcb6b8;}
.contCustomerFaq .mainCont .myQna tbody tr.on td{border-bottom:1px dotted #9e9e9e;}
.contCustomerFaq .mainCont .myQna tbody tr td.reply{text-align:left; background:#fcfafb;}
.contCustomerFaq .mainCont .myQna tbody tr td.reply>div{position:relative; padding:10px 54px 20px 276px; line-height:18px;}
.contCustomerFaq .mainCont .myQna tbody tr td.reply>div>span{position:absolute; font-size:13px; color:#535051;}
.contCustomerFaq .mainCont .myQna tbody tr td.reply .replyCont span {left:118px; top:0px; height:26px; padding-left:49px; background:url('/images/icon/reply.png') no-repeat; line-height:26px; font-family:'Nanum Gothic Bold';}
/*Q&A*/
.contCustomerQna .noticeSection{height:76px; line-height:20px;padding-top:35px; }
.contCustomerQna .noticeSection strong{display:block; text-align:center; padding-bottom:8px;}
.contCustomerQna .noticeSection span{font-size:17px; color:#535051;}
.contCustomerQna .tableTypeC tbody tr td .ratioSection li label{padding-left:6px;}
.contCustomerQna .btnArea{position:relative; padding-top:20px;}
.contCustomerQna .btnArea ul{position:absolute; right:0px; *zoom:1;}
.contCustomerQna .btnArea ul:after{content:""; display:block; clear:both;}
.contCustomerQna .btnArea ul li{float:left; margin-left:10px;}
/*���̵�� ����*/
.contCustomerIdea .noticeSection{height:76px; line-height:20px;padding-top:35px; }
.contCustomerIdea .noticeSection strong{display:block; text-align:center; padding-bottom:8px;}
.contCustomerIdea .noticeSection span{font-size:17px; color:#535051;}
.contCustomerIdea .tableTypeC tbody tr td .ratioSection li label{padding-left:6px;}
.contCustomerIdea .btnArea{position:relative; padding-top:20px;}
.contCustomerIdea .btnArea ul{position:absolute; right:0px; *zoom:1;}
.contCustomerIdea .btnArea ul:after{content:""; display:block; clear:both;}
.contCustomerIdea .btnArea ul li{float:left; margin-left:10px;}