@CHARSET "utf-8";
@import url('/css/default.css');
@import url('/css/common.css?01');
@import url('/css/user/layout.css?02');

/* 레이어 팝업 */
.layerPop{position:absolute; right:0px; top:12px; z-index:11;}

/***************** 메인 *****************/
/* 메인 비주얼 */
.visualArea {position:relative; height:573px;text-align:center;}
.visualArea .thumb li {position:absolute; top:0; left:0;}
.visualArea .thumb li a img {width:2000px; height:573px; 
    /* margin-left:-470px; */
}
.visualArea .control {position:absolute; bottom:25px; left:0; width:100%; height:43px; padding-bottom:3px; z-index:10; background:url(/img/main/control_bg.png) repeat;}

.visualArea .nav {position:absolute; top:0; left:170px; width:840px; height:43px; line-height:43px;}
.visualArea .nav li {position:absolute; top:0; left:0; height:43px; line-height:43px; display:none;}
.visualArea .nav li .tit {display:inline-block; margin:-3px 0 0px 7px; font-size:11px; line-height:13px; color:#adadad; font-style:italic; font-family:verdana; zoom:1; *display:inline}
.visualArea .nav li a {display:inline-block; margin-left:7px; font-size:20px; line-height:43px; color:#adadad; letter-spacing:-1px; zoom:1; *display:inline}
.visualArea .nav li.on {display:block;}
.visualArea .nav li.on a {color:#fc3;}

.visualArea .btn {overflow:hidden; height:19px; margin-top:14px; position:absolute; left:24px; top:0px;}
.visualArea .btn span {float:left; overflow:hidden; width:19px; height:19px;}
.visualArea .btn span input[type=image]:hover {margin-top:-19px;}
.visualArea .btn span.page {width:38px; text-align:center; color:#fff; font-size:12px; line-height:19px;}
.visualArea .btn span.page strong {font-family:nGothic; font-weight:normal;}
.visualArea .btn span.pause {margin:0 5px 0 21px;}

#main_wrap .b2bvisualArea .bx-controls-direction,
#main_wrap .visualArea .bx-controls-direction{display:none;}


#main_wrap .visualArea .bx-has-pager{position: absolute;bottom: 50px;left:50%; transform:translateX(-50%);z-index: 50;}
#main_wrap .visualArea .bx-wrapper .bx-pager span {width: 15px!important;height: 15px!important;}

.quickBtn {position:relative; width:1005; height:49px; margin-top:-25px; overflow:hidden; background:#f2f2f2; z-index:10;}
.quickBtn li {float:left; width:25%; height:49px; font-size:14px; line-height:49px; text-align:center;}
.quickBtn li:first-child {background:none;}
.quickBtn li a {display:block; width:100%; text-align:center; color:#000;}
.quickBtn li a:hover, .quickBtn li a:focus {background:#fc3;}
.quickBtn li img {margin-right:10px; vertical-align:middle;}

/* 메인슬라이드 */
.arrivalsList {width:100%; margin:0; overflow:hidden;}
.slideCont .lst {position:relative; display:inline-block; width:235px;}
.slideCont .slides_control {left:0;}
.slideCont .arrivalsList {width:20000px; margin:0; overflow:hidden;}
.slideCont .arrivalsList > li {width:225px; margin:0 8px 0 8px; display:inline-block; overflow:hidden;}
.slideCont .arrivalsList > li .thumb {width:225px; height:145px; border:1px solid #dadada; overflow:hidden;}
.slideCont .arrivalsList > li .thumb img {width:100%; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.slideCont .arrivalsList > li a:hover .thumb img, .slideCont .arrivalsList >li a:focus .thumb img {width:106%;}
.slideCont .arrivalsList > li .tit {position:relative; margin-top:12px; text-align:center; font-weight:bold;}
.slideCont .arrivalsList > li .tit span {display:block; font-weight:normal; margin-top:5px;}
.slideCont .arrivalsList > li .tit strong {letter-spacing:-1px;}
.arrivalsNav .prev {position:absolute; left:-44px; top:45px;}
.arrivalsNav .next {position:absolute; right:-44px; top:45px;}

/* 메인 Popular Service */
.popular {}
.popular h2 {height:80px; margin-top:80px; text-align:center; font-family:'Noto Sans KR'; font-size:50px; line-height:52px;}
.popular ul {width:980px; margin:0 auto; overflow:hidden;}
.popular li {float:left; margin-left:26px;}
.popular li:first-child {margin-left:0;}

/* 메인 작은 슬라이드 */
.bx-wrapper {position:relative;}
.bx-wrapper .slide p {margin-top:15px; font-size:14px; font-weight:bold; text-align:center;}
.bx-wrapper .slide p span {display:block; margin-top:5px; font-size:13px; font-weight:normal;}
.bx-wrapper .bx-pager {text-align:center; margin-top:30px;}
.bx-wrapper .bx-pager span {display:inline-block; width:18px; height:18px; margin:0 8px;}
.bx-wrapper .bx-pager span a {font-size:0; width:100%; height:100%; display:block; border-radius:50%; background:#c6c6c6;}
.bx-wrapper .bx-pager span a.active {background:#fc3;}
.bx-wrapper .bx-controls-direction {position:absolute; top:42px; width:100%;}


.arrivalsNav, .specialNav {position:relative;}
/* .arrivalsNav h2, .specialNav h2 {height:80px; margin-top:100px; text-align:center; font-family:'Noto Sans KR'; font-size:50px; line-height:52px;} */

/* 메인 Special Products */
/* .specialNav .bx-viewport {border:1px solid #dcdcdc;} */
/* .specialNav .slide {border-left:1px solid #dcdcdc;} */
.specialNav .lst {position:relative; padding:20px 12px; overflow:hidden; background:url(/img/common/blit_slide.png) right top no-repeat;}
.specialNav .lst a {display:block; width:100%; height:100%;}
.specialNav .lst > span {position:absolute; top:12px; right:3px; font-size:14px; font-weight:bold; text-align:center; color:#fff; transform:rotate(45deg); transform:-ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari */}
.specialNav .lst .thumb {width:218px; border:1px solid #dcdcdc;}
.specialNav .lst .thumb img {width:100%; height:100%;}
.specialNav .bx-controls-direction {top:95px;}

/* 메인 best Products */
.bestlNav {}
/* .bestlNav h2 {height:80px; margin-top:100px; text-align:center; font-family:'Noto Sans KR'; font-size:50px; line-height:52px;} */
/* 상품 리스트 */
/* .secList3 {margin:40px 0 0 -25px;} */
.secList3:after {display:block; clear:both; content:"";}
.secList3 > li {float:left; width:225px; margin:0 0 50px 25px;}
.secList3 > li .thumb {height:157px; overflow:hidden; border:1px solid #dadada;}	/* 2017-08-28 수정 */
.secList3 > li .thumb img {}
.secList3 > li .tit {margin-top:14px; font-size:14px; font-weight:bold; text-align:center;}
.secList3 > li .price {display:block; margin-top:8px; font-size:13px; font-weight:normal; color:#727272;}


/***************** 차량모델 *****************/
/* 보유 차종 선택 */
.myIndex {position:relative; padding-top:30px; margin-top:-60px; margin-bottom:40px; text-align:center; background:#fff;}
.myIndex h1 {height:auto; padding:0; color:#333; border:0; font-size:24px; line-height:34px;}
.myIndex h1 span {display:block; font-size:18px;}
.myIndex h1 strong {color:#fc3;}
.myIndex .btn {overflow:hidden; text-align:center;}

.carWish {*zoom:1;}
.carWish:after {content:""; display:block; clear:both;}
.carWish dl {float:left; width:810px; height:33px; padding:17px 0 0 30px; text-align:left; background:#333;}
.carWish dt {float:left; margin-right:45px; color:#fff; font-size:15px; line-height:15px; font-family:nGothicB; font-weight:bold;}
.carWish dt.div {padding-left:20px; border-left:1px solid #828282;}
.carWish dd {float:left; margin-right:20px; color:#fc3; font-size:15px; line-height:15px; font-family:nGothicB; font-weight:bold; white-space:nowrap;}
.carWish select {height:25px; margin-top:-4px; border:0; border-bottom:1px solid #4d4d4d; color:#fc3; font-size:15px; line-height:25px; font-family:nGothicB; font-weight:bold; vertical-align:top; background-color:#333; background-image:url(/img/btn/btn_arrow3.gif);}
.carWish select option {line-height:25px;}
.carWish .eui_selectType3 {margin-top:-4px; vertical-align:top;}
.carWish .eui_selectType3 .euiSelectMain {background-image:url(/img/btn/btn_arrow3.gif);}
.carWish .eui_selectType3 .euiSelectMain .euiSelectTitle {height:20px; text-align:right;}
.carWish .btn a {float:right; width:140px; height:50px; padding:0; line-height:50px;}

.carWish dl dd:last-child{position: absolute;right:140px;}

.myIndex .foot {margin:15px 10px 30px; text-align:left;}
.myIndex .foot .tit {font-size:15px; font-weight:600;}

.content {margin-top:35px;}
.content:after {display:block; clear:both; content:"";}

/* 좌측 메뉴 */
.vLnb {float:left; width:212px; margin:0 5px;}
.vLnb .search {margin:12px 0;}
.vLnb .prdCount {padding-left:7px; margin-bottom:12px;}
.vLnb .prdCount span {color:#8e8e8e; margin-left:4px;}
.prdCategory {margin:20px 0 50px;}
.prdCategory h3 {font-size:14px; font-weight:bold; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; background:url(/img/common/blit_category.png) center right 10px no-repeat;}
.prdCategory h3.plus {background:url(/img/common/blit_category2.png) center right 10px no-repeat;}
.prdCategory h3 a {display:block; padding:12px 20px 13px;}
.prdCategory > ul {margin:21px 0; padding:0 18px;}
.prdCategory > ul li {margin-bottom:15px;}
.prdCategory > ul li span {margin-left:5px;}

.prdCategory .subCategory {margin:10px 0 30px; padding-left:20px;}
.subCategory li {margin-bottom:10px; color:#727272;}

.range {width:188px; padding:0 10px;}
.range h3 {font-size:14px; font-weight:bold; padding:12px 20px 13px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
.range .bar {position:relative; width:100%; height:25px; margin:10px auto; background:url(/img/purchase/bg_range.gif) center no-repeat;}
.range .status {display:block; height:30px; overflow:hidden; text-align:center;}
.range .bar .min, .range .bar .max {position:absolute; top:1px; cursor:pointer;}
.range .bar .min img, .range .bar .max img {display:block; margin:0 auto;}
.range i {font-size:0; width:14px; height:6px; display:block; margin:7px auto 0; background:url(/img/purchase/blit_range.png) top center no-repeat;}
.range input {width:70px; font-size:11px; font-family:nGothicB; text-align:center; padding:4px 0; border:0; background:#f0f0f0;}

.range .result {position:relative; text-align:center;}
.range .result strong {font-size:15px;}

/* 우측 내용 */
.content .vCont {float:right; width:750px;}
/* 상품 리스트 */
.secList {margin-top:5px;}
.secList:after {display:block; clear:both; content:"";}
.secList > li {float:left; width:225px; height:270px; margin:0 0 0 25px;box-sizing: border-box;}
.secList > li .over {display:none; position:absolute; bottom:20px; margin-left:30%;}
.secList > li .frame {display:none; position:absolute; top:0; width:100%; height:100%; background:url(/img/common/frame.png) repeat;}
.secList > li .thumb {position:relative; border:1px solid #dadada;}
.secList > li .thumb > a img {width:100%;}
.secList > li .tit {margin-top:14px; font-size:14px; font-weight:bold; text-align:center;}
.secList > li .tit > span {display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:225px; overflow:hidden;}
.secList > li .price {display:block; margin-top:8px; font-family:nGothicB; font-size:13px; color:#a21700; font-weight:normal;}
.secList > li .price .sale {color:#727272; font-family:nGothicL; text-decoration:line-through; margin-right:5px;}
.secList > li .price .soldOut {color:#727272; font-family:nGothicL;}
.secList li:hover .over {display:block;}
.secList li:hover .frame {display:block;}


/***************** 타이어 *****************/
/* 타이어 절차 */
.infoTire {}
.infoTire .foot {font-size:15px; font-weight:600; margin:15px 10px 30px; text-align:left;}
.tireStep {padding-top:30px; text-align:center; border-top:1px solid #333; border-bottom:1px solid #333; *zoom:1;}
.tireStep:after {clear:both; display:block; content:'';}
.tireStep li {float:left; width:17%; padding:0 14px 34px 15px; background:url(/img/common/blt20.png) 100% 36px no-repeat}
.tireStep h3 {font-size:20px; font-family:nGothicB; color:#727272; padding-top:23px;}
.tireStep p {color:#727272; line-height:20px; word-break:keep-all; padding-top:10px;}

/* 타이어 탭메뉴 */
.tSnb {position:relative; text-align:center; border-bottom:2px solid #f0f0f0; *zoom:1;}
.tSnb .tSlectBox .euiSelectMain {height:65px; text-align:center; border:0; border:0; background:none;}
.tSnb .tSlectBox .euiSelectTitle {padding:0 20px 0 0; line-height:65px; text-align:center; float:none; background:url(/img/common/blit_tire_arrow.png) 100% 50% no-repeat;}
.tSnb .tSlectBox .euiSelectList {top:64px; padding:0; border:0;}
.tSnb .tSlectBox .euiSelectList li {line-height:30px; text-align:center; border-top:1px solid #fff; background:#f0f0f0;}
.tSnb a {position:absolute; right:100px; line-height:65px; padding:0 30px; background:#f0f0f0;}

/* 타이어 사이즈 확인방법 */
.tireSize {height:337px; text-align:center; border-bottom:1px solid #343434; background:url(/img/tire/tireSize.png) no-repeat;}
.tireSize h3 {font-size:24px; padding-top:30px;}
.tireSize p {margin-top:14px; color:#747474; line-height:23px;}
.tireSize span {font-weight:600; color:#333; text-decoration:underline;}
/* 상품 리스트 */
.secList4 {}
.secList4:after {display:block; clear:both; content:"";}
.secList4 > li {overflow:hidden; padding-bottom:19px; margin-bottom:19px; border-bottom:1px solid #ececec;}
.secList4 .thumb {float:left; width:227px; height:159px; border:1px solid #ececec;}
.secList4 .text {float:left; width:293px; margin-left:22px;}
.secList4 .text h4 {font-size:14px; font-weight:bold; margin-top:4px;}
.secList4 .text span {display:block; font-weight:normal; margin-top:3px;}
.secList4 .text p {margin-top:14px; line-height:17px; word-break:keep-all; color:#727272;}
.secList4 .text ul {margin-top:15px;}
.secList4 .text li {display:inline-block; margin-left:-1px;}
.secList4 .price {float:left; width:64px; text-align:right;}
.secList4 .price li {margin-bottom:3px;}
.secList4 .price li.prime {color:#727272; text-decoration:line-through;}
.secList4 .price li.point {font-size:11px; margin-bottom:6px;}
.secList4 .price li.delivery {font-size:12px; color:#a21700; margin-bottom:2px;}
.secList4 .price li.equip {font-size:12px; color:#a21700;}
.secList4 .btn {float:right; width:105px;}
.secList4 .btn li {margin-bottom:3px;}


/***************** 상세페이지 *****************/
#vNav {position:fixed; left:-200px; top:0; z-index:35; width:169px; height:100%; padding-left:30px; border-right:1px solid #eaeaea; background:#fff;}
#vNav .control {position:absolute; left:200px; top:47px; overflow:hidden; margin-left:-26px; width:26px; height:229px;}
#vNav .control .ico {position:absolute; left:5px; top:33px; overflow:hidden; width:16px; height:8px; background:url(/img/vehicle/ico_open.gif) no-repeat 0 0;}
#vNav .control a:hover .ico {background-position:-16px 0;}
#vNav .scrollBox{position:absolute; width:169px; left:30px; top:0px; height:100%; overflow-y:auto;}
#vNav .logo {padding:57px 0 10px; text-align:center;}
#vNav .tit {text-align:center; padding:25px 0; font-size:15px; line-height:21px;}
#vNav .tit span {display:block; font-size:12px;}

#vNav ul {width:103px; padding:25px 0; margin:0 auto; border-top:1px solid #eaeaea;}
#vNav li {margin:0 -10px; line-height:30px; color:#000; text-align:center;}
#vNav li a {color:#000;}
#vNav li a.small{font-size:12px; letter-spacing:-1px;}
#vNav li.on a {padding:0 12px; color:#fcb515; background:url(/img/common/blt6.png) no-repeat 100% 50%;}
#vNav .btn li {float:left; width:50%; margin:10px 0; font-size:11px; line-height:normal;}
#vNav .btn li a {color:#727272;}
#vNav .btn li span {display:block; height:36px; margin-bottom:5px; line-height:36px;}
#vNav .btn li span img {vertical-align:middle;}
#vNav .logo +ul {border-top:0;}
#vNav.show .control {margin-left:0;}
#vNav.open .control img {margin-top:-229px;}
#vNav.open .control .ico {background-position:-16px 0;}
#vNav.open .control a:hover .ico {background-position:0 0;}

#vNav .scrollBox .opt {width:105px; margin:0 auto;}
#vNav .scrollBox .opt li {margin-bottom:5px;}
#vNav .scrollBox .volume {position:relative; margin:0 auto;}
#vNav .scrollBox .volume a {position:absolute; top:0; font-size:0; width:29px; height:28px; border:1px solid #d4d4d4;}
#vNav .scrollBox .volume .plus {left:0; background:url(/img/common/ico_plus.png) no-repeat;}
#vNav .scrollBox .volume .minus {right:0; background:url(/img/common/ico_minus.png) no-repeat;}
#vNav .scrollBox .volume input {width:83px; text-align:center;}

#vNav .scrollBox .price {font-size:16px; font-family:nGothicB;}





/* 간략설명 */
#prdArea {overflow:hidden;}
#prdArea .prdImg {float:left; width:473px;}
.prdImg .thumb {width:472px; height:329px; border:1px solid #ececec;}
.prdImg .thumb img {width:100%;}
.prdImg .thumbNail {margin-top:5px; font-size:0;}
.prdImg .thumbNail li {width:111px; height:79px; margin-right:5px; display:inline-block; border:1px solid #eaeaea;}
.prdImg .thumbNail li img {width:100%;}

#prdInfo {float:right; width:475px;}
#prdInfo .title {padding:16px 7px 14px; border-top:1px solid #fc3; border-bottom:1px solid #fc3;}
#prdInfo .title h2 {font-size:16px; margin-bottom:12px;}
#prdInfo .title h2 span {margin-left:6px; font-size:13px; color:#858585;}
#prdInfo .title .price {font-size:20px; font-family:nGothicB; margin-bottom:13px;}
#prdInfo .title .price .sale {font-family:nGothicL; text-decoration:line-through; color:#727272; margin-right:10px;}
#prdInfo .title .sub {color:#727272; line-height:1.8;}
#prdInfo .title .sub strong {display:block;}
#prdInfo .title .img {margin-top:10px;}
#prdInfo .title .img li {display:inline-block;}

/*20170724 추가 :: start*/
#prdInfo .title .price.layoutType1 ul:after {display: block; content: ''; clear: both;}
#prdInfo .title .price.layoutType1 li {float: left;}
#prdInfo .title .price.layoutType1 li+li {margin-left: 10px;}
#prdInfo .title .price.layoutType1 span {display: block;font-size:20px;}
#prdInfo .title .price.layoutType1 strong {display: block;font-size:20px;}
#prdInfo .title .price.layoutType1 .mTit {margin-bottom: 3px; font-size: 12px; font-weight: 600; color: #727272;}
/*20170724 추가 :: end*/

#prdInfo .info {}
#prdInfo .info li {padding:10px; border-bottom:1px solid #ececec;}
#prdInfo .info li:after {display:block; clear:both; content:"";}
#prdInfo .info dl {overflow:hidden;}
#prdInfo .info dt {float:left; width:85px; font-weight:bold;}
#prdInfo .info dd {float:left;}
#prdInfo .info dd em {color:#a6a6a6; margin-left:5px; font-size:12px;}

#prdInfo dl.li_mileage, #prdInfo dl.li_delivery, #prdInfo dl.li_equip, #prdInfo dl.li_chk {padding:9px 0 8px;}
#prdInfo .li_option dt, #prdInfo .li_qty dt {padding:7px 0 6px;}
#prdInfo .li_chk label {margin-right:35px;}

/*20170724 추가 :: start*/
#prdInfo dl.li_equip .txt {margin-top: 4px; line-height: 1.3;}
#prdInfo dl.li_equip .caution {display: inline-block; margin-top: 4px;}
#prdInfo dl.li_equip .width80 {width: 80%;}
#prdInfo dl.li_equip .caution li {padding: 0 0 0 19px; border-bottom: 0px;}
/*20170724 추가 :: end*/

#prdInfo .volume {position:relative;}
#prdInfo .volume a {position:absolute; top:0; font-size:0; width:29px; height:28px; border:1px solid #d4d4d4;}
#prdInfo .volume .plus {left:0; background:url(/img/common/ico_plus.png) no-repeat;}
#prdInfo .volume .minus {right:0; background:url(/img/common/ico_minus.png) no-repeat;}
#prdInfo .volume input {width:70px; text-align:center;}

#prdInfo .result {position:relative;}
#prdInfo .result li {position:relative; font-size:18px; text-align:right; padding:14px 21px 13px; border-bottom:1px solid #ececec; background:#f8f8f8;}
#prdInfo .result li.allPrice {font-weight:bold; background:#ececec;}
#prdInfo .result li span {position:absolute; top:16px; right:160px; font-size:13px; font-weight:bold;}
#prdInfo .result li em {}

#prdInfo .btnArea {position:relative; text-align:center;}
#prdInfo .btnArea li {display:inline-block; margin:0 5px;}

/* 상세페이지_관련상품 */
#prdItem {margin:75px 0 80px;}
#prdItem:after {display:block; clear:both; content:"";}

#prdItem .secCar {float:left; width:247px; border:1px solid #ececec;}
#prdItem .secCar h3 {position:relative; font-weight:bold; line-height:39px; text-align:center; padding-left:80px; background:#f8f8f8;}
#prdItem .secCar span {position:absolute; top:0; left:0; width:80px; font-weight:normal; background:#fc3;}
#prdItem .secCar .cont {width:247px; height:155px;}
#prdItem .secCar .cont img {width:100%; height:100%;}

#prdItem .secItem {float:right; width:718px; height:194px; overflow:hidden; border:1px solid #ececec;}
#prdItem .secItem > ul {float:left; width:166px;}
#prdItem .secItem > ul li {color:#fff; padding:10px; border-bottom:1px solid #646464; background:#333;}
#prdItem .secItem > ul li.on {background:#fc3;}
#prdItem .secItem > ul li a {color:#fff;}
#prdItem .secItem > ul li.on a {color:#060606;}
#prdItem .secItem .item {float:left; width:552px; background:#f8f8f8;}
/* 관련상품 리스트 */
.secList2 {padding:23px 27px;}
.secList2:after {display:block; clear:both; content:"";}
.secList2 > li {float:left; width:155px; margin-left:16px;}
.secList2 > li:first-child {margin-left:0;}
.secList2 > li .thumb {border:1px solid #dadada;}
.secList2 > li .thumb img {width:100%;}
.secList2 > li .tit {margin-top:8px; font-weight:bold; text-align:center;}
.secList2 > li .price {display:block; margin-top:5px; font-size:12px; font-weight:normal; color:#727272;}

/* 상품상세정보 */
#prdView {}
#prdView h2 {font-size:48px; font-family:RL-L; text-align:center; padding-bottom:20px; border-bottom:1px solid #909090;}
#prdView .view {}
#prdView .view h3 {display:inline-block; font-size:28px; padding:95px 0 20px; margin-bottom:50px; border-bottom:1px solid #ececec;}
#prdView .view h3 span {font-size:14px; margin-left:5px;}
#prdView .btn {text-align:right;}

/* 한줄고객후기 */
#prdView .prdReview {}
.prdReview {margin-top:0;}
.prdReview li {padding:25px 0; border-bottom:1px solid #ececec;}
.prdReview li:after {display:block; clear:both; content:"";}
/* 별점 */
.prdReview .score {position:relative; float:left; width:150px; padding-left:15px;}
.prdReview .score dl {overflow:hidden; margin-bottom:8px;}
.prdReview .score dt {float:left; font-weight:bold;}
.prdReview .score dd {position:relative; float:left; width:92px; height:16px; margin-left:10px; text-align:left; background:url(/img/common/ico_star.png) no-repeat;}
.prdReview .score span {display:inline-block; overflow:hidden; width:92px; height:16px; background:url(/img/common/ico_star.png) no-repeat;}
.prdReview .score .star-1 {width:20%; background-position:0 -16px;}
.prdReview .score .star-2 {width:40%; background-position:0 -16px;}
.prdReview .score .star-3 {width:60%; background-position:0 -16px;}
.prdReview .score .star-4 {width:80%; background-position:0 -16px;}
.prdReview .score .star-5 {width:100%; background-position:0 -16px;}

.prdReview .txt {position:relative; float:left; width:585px;}
.prdReview .txt span {font-size:14px; color:#727272; display:block; font-size:13px; margin-bottom:10px;}
.prdReview .photo {display:inline-block; width:23px; height:19px; font-size:0; vertical-align:top; margin-left:5px; padding-bottom:2px; background:url(/img/common/ico_photo.png) no-repeat;}
.prdReview .date {position:relative; float:left; width:130px; padding-top:13px; text-align:center;}
.prdReview .name {position:relative; float:left; width:100px; padding-top:13px; text-align:center;}
.prdReview .viewPhoto {top:45px;}
.prdReview .photo:hover .viewPhoto {display:block;}


/* 코멘트 */
.comArea {padding:20px 15px; margin-top:10px; border-bottom:1px solid #ececec; background:#f8f8f8;}
.comArea h4 {font-size:14px; font-family:nGothicB; margin-bottom:10px;}
.comArea .caution a {text-decoration:underline; font-size:12px; padding-right:10px; background:url(/img/common/div2.gif) 100% 5px no-repeat;}

/* 상품 Q&A */
.accordion {}
.accordion li {border-bottom:1px solid #ececec;}
.accordion .qLst {position:relative; padding:15px 0; overflow:hidden; cursor:pointer;}
.accordion .qLst span {line-height:20px;}
.accordion .qLst .q_tit {float:left; width:120px; text-align:center; font-family:nGothicB; color:#727272;}
.accordion .qLst .q_tit.complete {color:#333;}
.accordion .qLst .q_cont {float:left; width:580px; padding-left:20px;}
.accordion .qLst .q_date {float:right; width:120px; text-align:center;}
.accordion .qLst .q_name {float:right; width:80px; text-align:center;}
.accordion .qLst a {color:#333;}

.accordion .aLst {padding:0 25px; border-top:1px solid #ececec; background:#f8f8f8;}
.accordion .aLst .q {border-bottom:1px solid #ececec;}
.accordion .aLst .q .tit {color:#fc3; background:#333;}
.accordion .aLst .a .tit {color:#333; background:#fc3;}
.accordion .aLst .q, .accordion .aLst .a {padding:25px 0;}
.accordion .aLst .tit {display:inline-block; width:50px; text-align:center; font-size:32px; line-height:58px; margin:0 10px; }
.accordion .aLst .cont {display:inline-block; padding-left:45px; line-height:20px;}

/***************** 검색결과 *****************/
.noData {position:relative; text-align:center; padding:100px 0 80px;}
.noData span.mark {width:93px; height:86px; display:inline-block; margin-bottom:20px; background:url(/img/common/ico_nosearch.png) no-repeat;}
.noData p {color:#727272;}
.noData p strong {font-size:16px; color:#333; margin:20px 0; display:inline-block;}


/***************** 뉴스레터 *****************/
.nlHead {position:relative; margin:0px 0 10px; text-align:center;}
.nlHead .bgWrap {position:absolute; left:50%; top:0; width:890px; padding:105px 0 0 90px; margin-left:-490px; text-align:left;}
.nlHead h1 {position:relative; padding-left:20px; font-size:23px; line-height:44px;}
.nlHead h1 .ico {position:absolute; left:0; top:10px; width:9px; height:79px; background:#fc3;}
.nlHead h1 >strong {display:block; font-family:RL-L; font-size:65px;}
.nlHead h1 .num {font-family:RL-L; font-size:30px; line-height:60px;}
.nlHead h1 .num em {position:relative; top:-2px; font-size:33px; font-family:nGothicEB; font-weight:bold; color:#58585a}
.nlHead h1 .num em>strong{font-family:nGothicEB; color:#8e6b4f}
.nlHead .srmy {margin:30px 0 0 20px; font-size:19px; font-family:nGothicB; font-weight:bold;}
.nlHead .btn {margin-top:100px;}
.nlHead .btn .btnType5 {position:relative; width:260px; padding:0;}
.nlHead .btn .btnType5 .ico {position:absolute; left:25px; top:0; height:100%;}
.nlHead .btn .btnType5 .ico img {margin-top:-2px; vertical-align:middle;}


/***************** 이벤트 *****************/
.eventVisual {position:relative; width:980px; height:687px !important; border-bottom:1px solid #333; background:#fff;}
.eventVisual li {position:absolute; left:0; top:0; width:100%;}
.eventVisual li .thumb {position:absolute; left:0; top:0; z-index:10;}
.eventVisual li .info {position:relative; top:568px; width:100%; background:#fff;}
.eventVisual li .info h2 {padding:20px 0 15px 15px; font-size:20px; line-height:22px; font-family:nGothicB; font-weight:bold;}
.eventVisual li .info .date {padding-left:18px; line-height:21px; color:#727272; background:url(/img/common/blt3.gif) no-repeat 8px 50%;}
.eventVisual li .info .btn {position:absolute; right:0; top:40px;}
.eventVisual .prev {position:absolute; left:21px; top:260px; z-index:20;}
.eventVisual .next {position:absolute; right:21px; top:260px; z-index:20;}
.eventVisual li.on {z-index:3;}
.eventVisual .none {height:387px !important; padding-top:300px !important;}
.eventList {overflow:hidden; width:999px; margin-top:70px; margin-left:-19px;}
.eventList li {float:left; width:314px; height:330px; margin-left:19px;}
.eventList li .thumb {position:relative; width:314px; height:211px; margin-bottom:14px;}
.eventList li .thumb a >img {width:314px; height:211px;}
.eventList li .state {float:left; width:37px; height:20px; text-align:center; font-size:11px; line-height:20px; background:#fc3;}
.eventList li h2 {float:right; width:266px; margin:1px 0 4px; font-size:16px; line-height:20px;}
.eventList li h2 a {font-family:nGothicB; font-weight:bold;}
.eventList li .date {float:right; width:266px; color:#727272; font-size:12px; line-height:20px;}
.eventList li .ico {position:absolute; left:11px; bottom:0; font-size:0; line-height:normal;}
.eventList li.end .state {width:33px; border-left:4px solid #fc3; color:#fc3; background-color:#333;}
.eventList li.end h2 {color:#727272;}
.eventList li.end .date {color:#adadad;}
.eventList li.end .ico {left:0; width:303px; height:6px; padding:205px 0 0 11px; background:url(/img/common/frame.png) repeat 0 0;}
.eventList+.paging {padding-top:20px; margin-top:0; border-top:1px solid #333;}

.viewArea .info {position:relative; margin-bottom:15px;}
.viewArea .info h2 {margin:30px 0 15px 15px;}
.viewArea .info p {padding-left:10px; margin-left:8px; color:#727272; line-height:21px; background:url(/img/common/blt3.gif) no-repeat 0 10px;}
.viewArea .content {min-height:300px; padding:30px 0; text-align:center; background:#f3f3f3;}
.viewArea .content img {max-width:980px;}
.viewArea .content.new {padding:0; background:#fff;}
.viewArea .content.file {min-height:35px; line-height:35px; text-align:left; padding:0 5px; border-bottom:1px solid #333; background:#fff;}


/***************** 관련상품 *****************/
.relatedInfo {margin-top:40px; border-top:1px solid #ececec; border-bottom:1px solid #333;}
.relatedInfo h2 {font-size:28px; text-align:center; padding:35px 0 40px;}
.relatedSec {display:table; width:980px; padding-bottom:70px;}
.relatedSec .content {text-align:center;}
.relatedSec .content .srmy {padding-bottom:10px; font-size:18px; color:#333;}
.relatedSec .content h3 {margin-bottom:20px; font-size:36px; line-height:44px; font-weight:normal; font-family:nGothicL; word-spacing:-1px;}
.relatedSec .content p {padding-bottom:20px; color:#727272; line-height:22px; word-break:keep-all;}
.relatedSec .content p sup {position:relative; bottom:-4px; margin-right:1px; line-height:12px; font-size:13px; letter-spacing:-1px;}
.relatedSec .content p.blt {padding-left:10px; font-family:nGothicB; font-weight:bold; font-size:14px; color:#333; background:url(/2016/images/common/blt27.gif) no-repeat 0 9px;}
.relatedSec .content ul.blt li {padding-left:10px; color:#727272; line-height:25px; background:url(/2016/images/common/blt27.gif) no-repeat 0 11px;}
.relatedSec .content ul.blt li strong {font-family:nGothic; font-weight:normal; color:#333;}
.relatedSec .content .process li {position:relative; padding-left:48px; margin-bottom:7px; color:#727272; line-height:34px;}
.relatedSec .content .process li .ico {position:absolute; left:0; top:0; width:37px; height:34px; background:url(/2016/images/service/ico_normal.gif) no-repeat 0 0;}
.relatedSec .content .process li .ico2 {background-position:-37px 0;}
.relatedSec .content .process li .ico3 {background-position:-74px 0;}
.relatedSec .content .process li .ico4 {background-position:-111px 0;}
.relatedSec .content .process li .ico5 {background-position:-148px 0;}
.relatedSec .content .process li .ico6 {background-position:-185px 0;}
.relatedSec .content .process li .ico7 {background-position:-222px 0;}
.relatedSec .content .process li .ico8 {background-position:-259px 0;}
.relatedSec .content .process li .ico9 {background-position:-296px 0;}
.relatedSec .content .process li strong {font-size:16px; font-family:nGothicB; font-weight:bold; color:#333;}
.relatedSec .content p em {color:#fcb515;}
.relatedSec .content p.btn a {position:relative; min-width:105px; padding:0 30px 0 45px; margin-right:16px; font-size:14px;}
.relatedSec .content p.btn a .ico {position:absolute; left:10px; top:0; height:40px; vertical-align:middle;}
.relatedSec .content p.btn a .ico img {margin-top:-2px; vertical-align:middle;}
.relatedSec .content p.btn +p.btn {margin-top:-10px;}
.relatedSec .btnType5.al {min-width:100px !important; padding:0 20px 0 25px !important;}
.relatedSec span.btnGo {background-image:url(/img/common/blt29.png);}
.relatedSec .content p.tel {font-size:18px; font-family:nGothicB; font-weight:bold; color:#333;}
.relatedSec .thumb +.content >h3:first-child {margin-top:20px;}
.relatedSec .thumb.left, .relatedSec .thumb.right {width:468px; height:308px; display:table-cell; vertical-align:top; border:1px solid #ececec;}
.relatedSec .thumb.left img, .relatedSec .thumb.right img {width:100%; height:100%;}
.relatedSec .content.left, .relatedSec .content.right {display:table-cell; text-align:left; vertical-align:middle;}
.relatedSec .content.left {width:470px; padding-right:40px;}
.relatedSec .content.right {width:440px; padding-left:70px;}
.relatedSec .content.left p:last-child, .relatedSec .content.right p:last-child {padding-bottom:0;}
.relatedSec .content.left h3:first-child, .relatedSec .content.right h3:first-child {margin-top:0;}
.relatedSec .qa {width:440px;}
.relatedSec .qa dt, .relatedSec .qa dd {display:table; width:340px; padding-left:100px; min-height:84px;}
.relatedSec .qa dt p, .relatedSec .qa dd p {display:table-cell; min-height:84px; vertical-align:middle; color:#727272; font-size:12px; line-height:22px; word-break:keep-all;}
.relatedSec .qa dt {margin-bottom:16px; background:url(/2016/images/service/ico_question.gif) no-repeat 0 50%;}
.relatedSec .qa dd {background:url(/2016/images/service/ico_answer.gif) no-repeat 0 50%;}
.relatedSec .dic {width:440px;}
.relatedSec .dic.fl {width:470px;}
.relatedSec .dic dt {margin-top:30px; font-size:16px; line-height:24px;}
.relatedSec .dic dd {line-height:24px; color:#727272; word-break:keep-all;}
.relatedSec .dic dt:first-child {margin-top:0;}

/***************** 카달로그 *****************/
.catalogDown .tabType3 {border-top:0;}
.catalogList, .catalogList2 {overflow:hidden; width:1000px; margin-left:-20px;}
.catalogList li {position:relative; float:left; width:478px; height:334px; margin:55px 0 0 20px; border:1px solid #fff}
.catalogList2 li {position:relative; float:left; width:478px; height:200px; margin:55px 0 0 20px; border:1px solid #fff}
.catalogList li .thumbArea {position:relative; width:418px; height:182px; padding-top:71px; margin:0 auto; border-bottom:1px solid #ececec; text-align:center;}
.catalogList li .logo {position:absolute; left:19px; top:30px; font-size:16px; line-height:18px; font-family:nGothicB; font-weight:bold;}
.catalogList li .logo img {vertical-align:middle;}
.catalogList li .thumb img {width:338px; height:167px;}
.catalogList li .btnArea {text-align:center;}
.catalogList li .btnArea a {width:129px; height:30px; padding:0; margin:0 5px; line-height:30px;}
.catalogList li .btnArea a span, .catalogList2 li .text a span {display:inline-block; vertical-align:top;}
.catalogList li.on {border-color:#fc3;}

.catalogList2 li .thumb {width:235px; height:235px;}
.catalogList2 li .thumb img {width:100%; height:100%;}
.catalogList2 li .text {position:absolute; left:260px; top:0;}
.catalogList2 li .text > span {display:block; margin-bottom:15px;}
.catalogList2 li .text a {width:129px; height:30px; padding:0; line-height:30px;}

/***************** 고객후기 *****************/
.reviewArea .bgWrap {padding:25px 0 0 45px;}
.reviewArea .bgWrap strong {font-size:52px;}
.reviewArea .bgWrap p {line-height:20px; margin-top:20px;}

.reviewList {margin-top:35px;}
.reviewList:after {display:block; clear:both; content:"";}
.reviewList li {position:relative; padding:20px 10px; border-bottom:1px solid #ececec;}
.reviewList li:after {display:block; clear:both; content:"";}
.reviewList li:last-child {border-bottom:0;}
.reviewList .thumb {position:relative; float:left; width:100px; height:70px; margin-right:18px; border:1px solid #ececec;}
.reviewList > li .thumb img {width:100%; height:100%;}

/* 별점 */
.score2 {position:relative; float:left; width:117px; text-align:center;}
.score2 dl {margin-bottom:7px; overflow:hidden;}
.score2 dt {float:left; font-weight:bold; margin-top:3px;}
.score2 dd {position:relative; float:left; width:69px; height:11px; text-align:left; margin:4px 0 0 9px; background:url(/img/common/ico_star2.png) no-repeat;}
.score2 span {display:inline-block; overflow:hidden; width:92px; height:16px; background:url(/img/common/ico_star2.png) no-repeat;}
.score2 .star-1 {width:20%; background-position:0 -11px;}
.score2 .star-2 {width:40%; background-position:0 -11px;}
.score2 .star-3 {width:60%; background-position:0 -11px;}
.score2 .star-4 {width:80%; background-position:0 -11px;}
.score2 .star-5 {width:100%; background-position:0 -11px;}

.reviewList .text {position:relative; float:left; width:508px; color:#727272;}
.reviewList .text h4 {font-weight:bold; margin-top:3px;}
.reviewList .text .opt {margin:8px 0 15px 0;}
.reviewList .text p {font-size:14px; letter-spacing:-1px;}
.reviewList .text span {color:#727272; margin-right:15px;}

.reviewList .text a {position:relative;}
.reviewList .info {position:relative;}
.reviewList .text .photo {cursor:pointer; display:inline-block; width:23px; height:19px; font-size:0; vertical-align:top; padding-bottom:2px; margin-left:5px; background:url(/img/common/ico_photo.png) no-repeat;}

.viewPhoto {position:absolute; top:20px; left:0; width:400px; min-height:100px; border:3px solid #fc3; background:#fff; z-index:1; display:none; cursor:initial;}
.viewPhoto .img {position:relative;}
.viewPhoto img {width:100%;}
.viewPhoto i {position:absolute; right:0; top:0; width:100%; height:100%; cursor:pointer; font-size:0; background:url(/img/btn/btn_close2.png) 95% 5% no-repeat;}

.reviewList .photo:hover .viewPhoto {display:block;}

.reviewList .date {position:relative; float:left; width:130px; padding-top:25px; text-align:center;}
.reviewList .name {position:relative; float:right; width:80px; padding-top:25px; text-align:center;}

/********** 회원서비스 **********/
/* 로그인 */
.loginArea {position:relative; padding:48px 0; border:1px solid #ececec;}
.loginArea .welcome {text-align:center; font-size:24px; line-height:26px; font-family:nGothicB; font-weight:bold;}
.loginArea .welcome +.text {margin-top:18px; text-align:center; color:#727272; font-size:14px; line-height:22px;}
.loginArea fieldset {position:relative; width:555px; margin:50px auto 0;}
.loginArea fieldset input[type=text], .loginArea fieldset input[type=password] {width:378px; padding:9px 10px; font-size:16px;}
.loginArea fieldset input[type=button] {position:absolute; right:0; top:0; width:133px; height:100px; border:0; font-size:20px; line-height:100px; font-family:nGothicB; font-weight:bold; cursor:pointer; background:#fc3;}
.loginArea fieldset legend+input[type=text] {margin-bottom:20px;}
/* .loginArea fieldset input[type=text] {background:url(/img/member/label_id.gif) no-repeat 10px 50%;} */
/* .loginArea fieldset input[type=password] {background:url(/img/member/label_pwd.gif) no-repeat 10px 50%;} */
.loginArea .save {position:relative; width:554px; margin:8px auto 50px; font-size:11px; color:#727272;}
.loginArea .save a {position:absolute; top:0; right:0;}
.loginArea .myBtn {position:relative; width:554px; margin:30px auto 0;}
.loginArea .myBtn .tit {margin-bottom:8px; font-size:16px; line-height:18px; font-family:nGothicB; font-weight:bold;}
.loginArea .myBtn .text {color:#727272; line-height:20px;}
.loginArea .myBtn .btn {position:absolute; right:0; top:7px;}
.loginArea .myBtn .btn .btnType2 {width:132px; padding:0;}


/********** 주문/결제 **********/
/* 장바구니 */
.orderHead {width:980px; margin:0 auto 35px; overflow:hidden; text-align:center; border-top:1px solid #333; border-bottom:1px solid #333;}

.orderHead .benefit {float:left; width:440px; text-align:left; padding:30px 0 32px 6px; overflow:hidden;}
.benefit h2 {font-size:16px; font-family:nGothicEB; margin:12px 0 20px;}
.benefit h3 {font-size:14px;}
.benefit > p {line-height:20px;}
.benefit ul {overflow:hidden; margin-top:20px;}
.benefit li {float:left; width:94px; height:39px; margin-right:5px; padding:12px 5px; text-align:center; background:#f0f0f0;}
.benefit li p {margin-top:10px; font-weight:bold;}

.orderHead .cartStep {float:right; width:450px; padding:38px 0 39px; overflow:hidden;}
.cartStep li {float:left; width:20%; padding:0px 15px 0 10px; background:url(/img/common/blt29.png) 100% 36px no-repeat}
.cartStep li:last-child {padding-right:0; background:none;}
.cartStep li h4 {margin:2px auto 3px;}
.cartStep div {font-weight:bold; opacity:0.5; filter:alpha(opacity=50);}
.cartStep div.on {opacity:1; filter:alpha(opacity=100);}

.cartArea {position:relative; margin-bottom:65px;}
.cartArea:after {display:block; clear:both; content:"";}
.cartArea h2 {position:relative; font-size:18px; font-family:nGothicEB; margin-bottom:10px;}
.cartArea h2 span {font-size:11px; font-family:NanumGothic; color:#747474; margin-left:10px;}
.cartArea h2 .text {position:absolute; top:3px; right:0; font-size:11px; color:#747474; margin-top:0;}
.cartArea .thumb img {width:114px; height:79px; border:1px solid #ececec;}
.cartArea .info {text-align:left; padding:12px 10px 11px;}

.cartArea h3 {font-family:nGothicEB;}
.cartArea h4 {font-family:nGothicB; border-bottom:1px solid #333;}
.cartArea > p {position:relative; margin-top:20px;}
.cartArea .modifyOpt {position:absolute; right:15px;}
.cartArea .modifyOpt a {text-decoration:underline; font-size:12px; padding-right:10px; background:url(/img/common/div2.gif) 100% 5px no-repeat;}
.cartArea .prime {text-decoration:line-through; color:#333; letter-spacing:-0.5px;}
.cartArea .price {color:#a21700; letter-spacing:-0.5px;}
.cartArea .volume {position:relative; width:90px; margin:0 auto;}
.cartArea .volume a {position:absolute; top:0; font-size:0; width:29px; height:28px; border:1px solid #d4d4d4;}
.cartArea .volume .plus {left:0; background:url(/img/common/ico_plus.png) no-repeat;}
.cartArea .volume .minus {right:0; background:url(/img/common/ico_minus.png) no-repeat;}
.cartArea .volume input {width:68px; text-align:center;}
.cartArea .btn li {margin-bottom:3px;}

.cartArea .orderLeft {position:relative; float:left; width:667px;}
.cartArea .orderLeft td {position:relative;}
.cartArea .orderLeft td .qty {position:absolute; top:15px; right:20px; text-align:right;}
.cartArea .orderLeft td .qty strong {color:#b44633;}
.cartArea .orderLeft .text {margin-top:5px;}
.cartArea .orderLeft .text li {position:relative; font-size:11px; padding-left:6px; color:#707070;}
.cartArea .orderLeft .text li em {position:absolute; left:0;}
.cartArea .orderLeft .text2 {margin-top:10px; font-size:13px;}
.cartArea .orderLeft .text2 .tit {width:80px; font-weight:bold; text-align:right; margin-right:15px; display:inline-block;}

.cartArea .orderLeft .box {margin:10px 15px; padding:0 10px 10px; border:1px solid #ececec;}

.orderText li {font-size:12px; line-height:19px; padding-left:25px;}
.orderText li em {left:15px;}

.cartArea .orderRight {position:relative; float:right; width:288px;}
.cartArea .priceArea {border-top:1px solid #fc3; border-bottom:1px solid #fc3;}
.cartArea .priceArea li {position:relative; height:30px; padding:10px 20px 10px 125px; text-align:right; line-height:30px; border-bottom:1px solid #ececec;}
.cartArea .priceArea li.point {color:#a21700; background:#f8f8f8;}
.cartArea .priceArea li span {position:absolute; top:10px; left:20px; text-align:left; font-weight:bold; color:#333;}
.cartArea .priceArea li.pay {background:#ececec;}
.cartArea .priceArea li.pay span {font-size:15px; font-weight:normal;}
.cartArea .priceArea li.pay strong {font-size:21px; color:#a21700;}

.cartArea .priceArea .agree {margin-top:-1px; padding:20px 10px; border-top:1px solid #ececec;}
.cartArea .priceArea .agree h4 {font-family:nGothicB; border-bottom:0;}
.cartArea .priceArea .agree p {font-size:12px; color:#727272; line-height:19px; margin-top:12px;}

.payArea {padding:15px; text-align:center; border-top:1px solid #ececec; border-bottom:1px solid #ececec;}
.payArea label {margin-right:15px;}
.payArea span img {font-weight:bold; opacity:0.5; filter:alpha(opacity=50);}
.payArea span.fb img {opacity:1; filter:alpha(opacity=100);}

.payCont ul {padding:10px 15px;}
.payCont li {position:relative; font-size:11px; line-height:17px; color:#727272;}

/* 결제예상금액 */
.calculateArea {position:relative; text-align:center; margin-bottom:25px; border:6px solid #ececec;}
.calculateArea .price, .calculateArea .delivery, .calculateArea .equip, .calculateArea .totalPrice, .calculateArea .sale, .calculateArea .point {display:inline-block; padding:25px 15px 25px 25px;}
.calculateArea .delivery, .calculateArea .equip {background:url(/img/common/ico_plus2.png) 0 50% no-repeat;}
.calculateArea .sale, .calculateArea .point {background:url(/img/common/ico_minus2.png) 0 50% no-repeat;}
.calculateArea .totalPrice {padding-left:30px; background:url(/img/common/total_price.png) left 50% no-repeat;}
.calculateArea h4 {font-size:16px; margin-bottom:5px;}
.calculateArea .result {font-size:18px; font-family:nGothicEB;}
.calculateArea .totalPrice p {color:#b44633;}

/* 무통장입금(가상계좌) */
.bankArea {position:relative; padding-bottom:25px; border-bottom:1px solid #ececec;}
.bankArea dt {position:absolute; top:12px; left:40px; display:inline-block; font-weight:bold; vertical-align:middle;}
.bankArea dd {display:inline-block; padding-left:190px; line-height:20px;}

.cartBtn {position:relative;}
.cartBtn .cartChk {position:absolute; top:-1px; left:25px; text-align:left;}
.cartBtn .cartChk p {margin-top:10px;}

/* 택배상품 */
.cartArea table td.deliveryAddr p {margin-top:0;}
.cartArea table td.deliveryAddr p em {display:inline-block; margin-bottom:10px; color:#a21700;}
.cartArea table td label {margin-right:35px;}

/* 이용정보 */
.cartHelp {position:relative; margin-top:60px; padding:25px 0; border-top:1px solid #ececec; border-bottom:1px solid #ececec;}
.cartHelp li {color:#727272; line-height:20px;}

/* 달력 */
#calender {overflow:hidden;}
#calender .calArea {float:left; width:415px;}
.calenderTit {position:relative; width:100%; margin:15px 0; text-align:center; font-size:16px; font-family:nGothicB;}

.calender {display:block; margin-bottom:10px; border:1px solid #ececec; border-collapse:separate;}
.calender th {height:15px; padding:4px 0; text-align:center; font-size:12px; line-height:15px; border-left:1px solid #ececec; background:#f8f8f8;}
.calender th:first-child {border-left:0;}
.calender td {position:relative; height:32px; padding:6px; font-size:12px; line-height:14px; vertical-align:top;}
.calender td.on {background:#fff8eb;}
.calender .chk {position:absolute; top:40%; left:50%; width:19px; height:15px; background:url(/img/mypage/ico_calender_chk.png) no-repeat;}
#calender .calText {float:right; width:320px; margin-top:30px; font-size:13px;}
#calender .calText ul {margin-top:20px;}
#calender .calText li {position:relative; font-size:12px; color:#727272; padding-left:10px;}
#calender .calText li em {position:absolute; left:0;}
/* 달력아이콘 */
a.mCalender {width:20px; height:20px; font-size:0; display:inline-block; vertical-align:middle; background:url(/img/mypage/ico_calender.png) no-repeat;}


/* 우편번호 */
.addrTit {display:inline-block; width:56px; height:30px; padding-right:4px; margin-right:10px; text-align:center; color:#fff; line-height:30px; background:#727272 url(/img/common/ico_balloon.gif) no-repeat 100% 50%;}





/********** 마이페이지 **********/
/* 좌측 메뉴 */
.mContent {margin-top:1px; overflow:hidden;}
.myLnb {float:left; width:215px;}
.mBenefit {position:relative; padding:13px; margin-bottom:1px; background:#ececec;}
/* 관리자 이미지 등록 기능으로 background 속성 제거 170627 .mBenefit .level {position:absolute; top:13px; left:13px; width:74px; height:74px; background:url(/img/mypage/ico_level.png) no-repeat;} */
.mBenefit .level {position:absolute; top:13px; left:13px; width:74px; height:74px;}
.mBenefit .level.lev1 {background-position:0 0;}
.mBenefit .level.lev2 {background-position:0 -75px;}
.mBenefit .level.lev3 {background-position:0 -150px;}
.mBenefit .level.lev4 {background-position:0 -225px;}
.mBenefit .level.lev5 {background-position:0 -300px;}

.mBenefit .text {padding-left:87px;}
.mBenefit .text h2 {font-size:15px; font-family:nGothicB; padding-bottom:7px; margin-bottom:10px; background:url(/img/mypage/div1.gif) left bottom no-repeat;}
.mBenefit .text span {display:block; margin-bottom:10px;}
.mBenefit .text p a {font-size:11px; padding-right:17px; background:url(/img/common/blt6.png) 100% 50% no-repeat;}

.noMb .text {padding-left:10px;}

.mCounsel {overflow:hidden; padding:15px 0 15px 11px; background:#f8f8f8;}
.mCounsel li {float:left; width:95px; text-align:center; font-family:nGothicB; font-weight:bold;}
.mCounsel li p {width:70px; height:55px; padding-top:20px; margin:0 auto 6px; line-height:28px; font-family:nGothicB; font-weight:bold; background:url(/img/mypage/bg_num3.gif) no-repeat 0 0;}
.mCounsel li p strong {color:#fc3; font-size:18px;}

.mSnb h3 {padding:13px 0; margin-top:15px; text-align:center; font-size:14px; font-family:nGothicB; border-bottom:1px solid #fff; background:#f8f8f8;}
.mSnb li {position:relative; border-bottom:1px solid #fff; background:#ececec;}
.mSnb li a {font-family:nGothicB; padding:13px 15px; display:block;}
.mSnb li span {font-family:nGothicL; margin-left:3px;}
.mSnb li i.arrow {position:absolute; right:15px; width:10px; height:7px; background:url(/img/common/blt40.png) no-repeat;}

.mSnb2 .accordion {background:#ececec}
.mSnb2 .aLst {margin:0 15px; padding:10px 0; border-top:1px solid #fff; background:none;}
.mSnb2 .aLst a {display:block; line-height:25px; padding:0 10px;}
.mSnb2 h3 {padding:13px 0; margin-top:15px; text-align:center; font-size:14px; font-family:nGothicB; background:#f8f8f8;}
.mSnb2 h4 {position:relative; padding:13px 15px !important; font-family:nGothicB; border-top:1px solid #fff; background:#ececec; cursor:pointer;}
.mSnb2 .hide i {position:absolute; right:15px; top:20px; width:11px; height:6px; background:url(/img/common/blt44.png) no-repeat;}
.mSnb2 .show i {position:absolute; right:15px; top:20px; width:11px; height:6px; background:url(/img/common/blt45.png) no-repeat;}


.mCont {float:right; width:735px; margin-top:25px;}
/* 관련상품 */
.secList5 {margin:10px 0 0 -20px;}
.secList5:after {display:block; clear:both; content:"";}
.secList5 > li {float:left; width:168px; margin:0 0 0 20px;}
/* .secList5 > li .thumb {height:118px; overflow:hidden; border:1px solid #dadada;} */
.secList5 > li .thumb img {width:100%; height:100%;}
.secList5 > li .tit {margin-top:14px; font-size:14px; font-weight:bold; text-align:center;}
.secList5 > li .price {display:block; margin-top:8px; font-size:13px; font-weight:normal; color:#727272;}
.secList5 > li p {margin-top:0;}


/* 주문안내 */
.orderStep {padding-top:30px; text-align:center; *zoom:1;}
.orderStep:after {clear:both; display:block; content:'';}
.orderStep li {float:left; width:17%; padding:0 20px 34px 0; background:url(/img/common/blt30.png) 100% 5px no-repeat}
.orderStep li:last-child {padding-right:0; background:none;}
.orderStep h3 {font-size:13px; font-family:nGothicEB; padding-top:23px;}
.orderStep p {color:#727272; font-size:12px; line-height:20px; word-break:keep-all; margin-top:10px;}
.orderStep p span {color:#a21700; font-size:11px; display:block; margin-top:10px;}

.orderStep.num4 li{width:22%;}

.orderInfo ul {margin-top:30px;}
.orderInfo ul li {line-height:20px; color:#727272;}


/* 주문목록 */
.orderSearch {position:relative; padding:15px 20px; margin-bottom:30px; border:2px solid #f0f0f0; overflow:hidden;}

.orderSearch dl.left {float:left;}
.orderSearch dl.right {float:right;}
.orderSearch dt, .orderSearch dd {display:inline-block;}
.orderSearch dt {font-family:nGothicB; margin-right:10px;}
.orderSearch dd {color:#727272;}

/* 주문취소 */
.cancelInfo {margin:25px 0;}
.cancelInfo p {font-size:13px; color:#333; line-height:21px;}
/* 말풍선 */
.addInfo {display:inline-block; margin-top:-2px; vertical-align:middle; line-height:15px;}
.addCont {display:none; position:absolute; left:0; top:25px; min-width:250px; font-size:12px; color:#727272; z-index:1; padding:10px; border:1px solid #fc3; background:#fff;}
.addCont i {position:absolute; top:-7px; width:16px; height:7px; display:inline-block; background:url(/img/common/blt41.png) no-repeat 0 0;}
.addInfo:hover > .addCont {display:block;}

/* 발송정보 */
.orderHelp {position:relative; padding:15px 0; margin-bottom:15px; border-top:1px solid #ececec; border-bottom:1px solid #ececec;}
.orderHelp dt, .orderHelp dd {display:inline-block;}
.orderHelp dt {font-family:nGothicB; padding:0 10px 0 20px;}
.orderHelp dd {margin-right:40px;}
p.orderText {font-size:11px; margin-bottom:30px; display:block;}

/* 교환배송비 */
.exchangeHelp {margin:25px 0 0 10px;}
.exchangeHelp li {line-height:20px; font-size:11px; color:#a21700;}


/* 관심상품 */
.secList6 {margin:10px 0 0;}
.secList6:after {display:block; clear:both; content:"";}
.secList6 > li {position:relative; float:left; width:158px; min-height:250px; text-align:center; margin:0 0 0 5px; padding:0 0 40px 20px;}
.secList6 > li .prdCheck {position:absolute; top:3px; left:0;}
/* .secList5 > li .thumb {height:118px; overflow:hidden; border:1px solid #dadada;} */
.secList6 > li .thumb img {width:100%; height:100%;}
.secList6 > li .tit {margin-top:14px; font-size:14px; font-weight:bold; text-align:center;}
.secList6 > li .price {display:block; margin-top:8px; font-size:13px; font-weight:normal; color:#727272;}
.secList6 > li p {margin-top:0;}
.secList6 > li .select {margin-top:10px;}

/* 포인트_쿠폰 */
.boxArea {position:relative; text-align:center; padding:20px 0; background:#f8f8f8; overflow:hidden;}
.pointArea {float:left; width:47%;}
.pointArea h2 {font-size:24px; font-family:nGothicB; padding:15px 0 20px; margin-bottom:20px; border-bottom:1px dashed #fff;}
.pointArea h3 {font-size:16px;}
.pointArea li {font-size:16px; line-height:22px;}

.couponArea {float:right; width:47%;}
.couponArea h2 {font-size:24px; font-family:nGothicB; padding:15px 0 20px; margin-bottom:20px; border-bottom:1px dashed #fff;}
.couponArea h3 {font-size:16px;}
.couponArea li {font-size:16px; line-height:22px;}

.tabCont .tab5Cont ul {position:relative;}
.tabCont .tab5Cont ul .btnArea {position:absolute; right:0; bottom:0;}
.tabCont .tab5Cont ul .btnArea a {text-decoration:underline; font-size:12px; padding-right:10px; background:url(/img/common/div2.gif) 100% 5px no-repeat;}

/* 상품 qna */
.myReview {margin-top:30px; border-top:1px solid #000; border-bottom:1px solid #000;}
.myReview li {overflow:hidden; border-bottom:1px solid #ececec;}
.myReview .thumb {float:left; width:120px; margin:20px 15px; text-align:center;}
.myReview .thumb img {width:100%;}
.myReview .thumb p {margin-top:5px; font-weight:bold; line-height:20px;}
.myReview .thumb p span {display:block; font-weight:normal; color:#727272;}
.myReview .reviewLst {float:left; width:545px; padding:0 20px; background:#f8f8f8;}
.myReview .reviewLst .q, .myReview .reviewLst .a {position:relative; min-height:58px; padding:20px 0; overflow:hidden; border-bottom:1px solid #ececec;}
.myReview .reviewLst .tit {position:absolute; width:50px; text-align:center; font-size:32px; line-height:58px;}
.myReview .reviewLst .q .tit {color:#fc3; background:#333;}
.myReview .reviewLst .a .tit {color:#333; background:#fc3;}
.myReview .reviewLst .cont {position:relative; padding-left:80px; line-height:20px; margin-bottom:20px;}
.myReview .reviewLst .date {position:absolute; right:0; bottom:20px; color:#727272;}

/***************** 팝업 *****************/
#popContent.popMembershipWrap {position:relative; height:500px; padding:20px; margin:0; overflow-y:auto;}
.popMembership .listType.small {margin:0;}
.popMembership .listType.small li {font-size:11px; line-height:20px; padding-left:15px;}
.popMembership .type4.caution {padding-left:15px; margin-bottom:8px; background:url(/img/common/ico_caution.png) no-repeat 0 50%}

/* 비회원 주문조회 */
.orderHistory {position:relative;}
.orderHistory fieldset {position:relative; width:555px; margin:60px auto 0;}
.orderHistory fieldset input[type=text], .orderHistory fieldset input[type=password] {width:378px; padding:9px 10px; font-size:16px;}
.orderHistory fieldset input[type=button] {position:absolute; right:0; top:0; width:133px; height:100px; border:0; font-size:20px; line-height:100px; font-family:nGothicB; font-weight:bold; cursor:pointer; background:#fc3;}
.orderHistory fieldset legend+input[type=text] {margin-bottom:20px;}
.orderHistory fieldset input[type=text] {/* background:url(/img/member/label_id.gif) no-repeat 10px 50%; */}
.orderHistory fieldset input[type=password] {/* background:url(/img/member/label_pwd.gif) no-repeat 10px 50%; */}

.orderHistory .help {position:relative; width:515px; margin:25px auto; padding:20px; font-size:14px; line-height:20px; border-top:1px solid #ececec; border-bottom:1px solid #ececec;}

.orderHistory .myBtn {position:relative; width:554px; margin:30px auto 0;}
.orderHistory .myBtn .tit {margin-bottom:8px; font-size:16px; line-height:18px; font-family:nGothicB; font-weight:bold;}
.orderHistory .myBtn .text {color:#727272; line-height:20px;}
.orderHistory .myBtn .btn {position:absolute; right:0; top:7px;}

/* 비회원 동의 */
.popMembership .listType {margin-bottom:35px;}
.popMembership .listType li {position:relative; padding-left:30px; font-size:14px; line-height:20px; color:#727272;}
.popMembership .listType li em {position:absolute; left:20px;}
.popMembership .agree {margin-top:-1px; padding:20px 10px; border-top:1px solid #ececec;}
.popMembership .agree span {display:inline-block;vertical-align: top;line-height:19px;}
/* .popMembership .agree h4 {font-family:nGothicB; border-bottom:0;}
.popMembership .agree p {font-size:12px; color:#727272; line-height:19px; margin-top:12px;} */

/* 배송지 변경 */
#popContent .addrList {padding:20px 25px; margin-bottom:20px; border-top:1px solid #333; border-bottom:1px solid #333; overflow:hidden;}
#popContent > dt {float:left; width:110px; font-family:nGothicB; font-size:16px; line-height:40px;}
#popContent > dd {float:left; color:#727272; line-height:20px;}
#popContent > dd span {display:block;}

#popContent .scrollWrap {height:250px; overflow-y:auto; margin-top:20px; padding:10px; border:1px solid #ececec;}
#popContent .tab5Cont table {margin:0 auto 10px;}
#popContent table label {margin-right:35px;}

/* 상품권번호 입력 */
#popContent .sentence {padding:30px 0;}
#popContent .sentence h3 {font-size:20px;}

#popContent .sentence2 {width:730px; padding:30px 0; margin:0 auto; border-bottom:1px solid #ececec;}

/* 장착점 보기 */
#popContent .equipSchArea h3 {font-size:15px; font-family:nGothicB; margin-bottom:10px;}
#popContent .equipSchArea .info {float:right; width:470px;}
#popContent .equipSchArea .info h4.caution {font-family:nGothicB; padding-left:15px; float:none; background:url(/img/common/ico_caution.png) 0 48% no-repeat;}
#popContent .equipSchArea .info p {font-size:12px; color:#727272; padding-left:15px; margin-left:25px;}
#popContent .equipArea .map {position:relative; width:465px;}

/* 상품후기 */
.popReview {}
.popReview .thumb {width:100px; height:70px; float:left;}
.popReview .thumb img {width:100%; height:100%;}
.popReview .info {float:left; margin-left:15px;}
.popReview .score2 {width:100%; margin:5px 0;}
.popReview .score2 dt {width:80px; margin-top:0;}
.popReview .score2 dd {padding-left:20px; margin:4px 20px 0 0; background-position:20px 0;}
.popReview .score2 dd input {position:absolute; left:0;}



/********** 고객센터 **********/
/* 좌측 메뉴 */
.csLnb {float:left; width:215px;}
.csLnb h2 {position:relative; font-family:nGothicB; font-size:15px; text-align:center; padding:13px 15px; margin-bottom:1px; display:block; background:#ececec;}
.csLnb .csSnb {padding:25px 0 15px 22px; background:#f8f8f8; overflow:hidden;}
.csSnb h3 {font-family:nGothicB; margin-bottom:10px;}
.csSnb ul {padding-left:10px; margin-bottom:40px;}
.csSnb li {line-height:25px;}

.csLnb .csCall {position:relative; margin-top:15px; padding:15px 20px; background:#f8f8f8;}
.csCall h3 {font-size:15px; font-family:nGothicB; margin-bottom:20px;}
.csCall .t1, .csCall .t2 {text-align:center; color:#727272; line-height:18px; margin-bottom:10px;}
.csCall .t1 p {font-family:nGothicB; font-size:16px; margin:10px 0; line-height:21px;}
.csCall .t1 i  {margin-right:8px;}
.csCall .t2 {color:#727272; font-size:12px; line-height:18px;}

/* 검색바 */
.faqSchArea {position:relative; width:454px; margin:0 auto 35px;}
.faqSchArea h3 {font-size:18px; font-family:nGothicB; line-height:20px; margin:5px 0 10px;}
.faqSchArea .faqSch {padding:3px 0; border:3px solid #fc3;}
.faqSch input {border:0;}
.faqSch a.faqSchBtn {position:absolute; right:3px; width:36px; height:30px; font-size:0; display:inline-block; background:url(/img/btn/btn_faq_sch.png) no-repeat;}
.faqSchArea .faqWords {text-align:center; margin-top:15px;}
.faqSchArea .faqWords a {font-size:12px; padding-left:25px; margin-left:24px; background:url(/img/common/div1.gif) no-repeat 0 50%;}
.faqSchArea .faqWords a:first-child {padding-left:0; margin-left:0;background:none;}

.qnaMore {overflow:hidden; padding:16px 25px; margin-top:50px; background:#f3f3f3;}
.qnaMore .text {float:left; padding-top:12px; font-size:14px; line-height:18px; font-family:nGothicB; font-weight:bold;}
.qnaMore .btnType1 {float:right;}

.faqBtn {overflow:hidden; margin-bottom:50px;}
.faqBtn li {float:left; margin-left:1px;}
.faqBtn:first-child {margin-left:0;}

.cusArea {position:relative; margin-bottom:50px; overflow:hidden;}
.cusArea h2 {font-size:24px; line-height:26px; font-family:nGothicB; font-weight:bold; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #fc3;}

.cusArea .col1 {float:left; width:345px;}
.cusArea .col2 {float:right; width:345px;}

/* 번호 리스트 */
.csList {position:relative;}
.csList li {position:relative; line-height:25px; padding:5px 0 5px 50px; color:#727272;}
.csList li em.num {position:absolute; top:5px; left:5px; display:inline-block; width:25px; height:25px; line-height:25px; text-align:center; font-size:12px; color:#333; border-radius:50%; background:#ececec;}
.csList li span {margin-right:25px;}
.csList li dl {margin-top:15px;}
.csList li dt {}
.csList li dd {color:#727272; line-height:20px; margin-bottom:15px;}

/* 나의 등급 */
.myLevel {position:relative; margin-bottom:30px; padding:40px 0 37px 250px; border-top:1px solid #000; background:url(/img/customer/bg_membership.png) no-repeat;}
/*
 * 관리자 이미지 등록 기능으로 background 속성 제거 170627
.myLevel .level {position:absolute; top:20px; left:105px; display:inline-block; width:109px; height:109px; font-size:0; background:url(/img/customer/ico_level.png) no-repeat;}
*/
.myLevel .level {position:absolute; top:20px; left:105px; display:inline-block; width:109px; height:109px; font-size:0; }
.myLevel .level.lev1 {background-position:0 0;}
.myLevel .level.lev2 {background-position:0 -109px;}
.myLevel .level.lev3 {background-position:0 -218px;}
.myLevel .level.lev4 {background-position:0 -327px;}
.myLevel .level.lev5 {background-position:0 -436px;}
.myLevel .text h2 {font-size:24px; margin-bottom:30px;}
.myLevel .text li {display:inline-block; margin-right:20px;}

/* 신규회원 혜택 */
.cusMbArea {position:relative; margin-top:20px;}
.cusMbArea .sec {padding:30px 0 0 0; background:#f8f8f8;}
.cusMbArea .sec h3 {font-size:16px; line-height:37px; color:#fff; padding-left:20px; margin-bottom:45px; background:url(/img/customer/blit_newMembership.png) no-repeat;}
.cusMbArea .info {position:relative; line-height:20px; padding:30px 20px; margin-bottom:50px; border-top:3px solid #fc3; background:#ececec;}
.cusMbArea .info a {position:absolute; top:40px; right:30px;}
/* 쿠폰 */
.coupon {position:relative; padding-bottom:45px;}
.coupon span {font-family:RM-B; color:#fff;}
.coupon li {display:inline-block; width:172px; vertical-align:top; margin:0 10px 0 45px;}
.coupon li.coupon1 {height:84px; background:url(/img/customer/ico_coupon1.png) no-repeat;}
.coupon li.coupon1 span {font-size:57px; line-height:84px; padding-left:27px;}
.coupon li.coupon2 {height:86px; background:url(/img/customer/ico_coupon2.png) no-repeat;}
.coupon li.coupon2 span {font-size:28px; line-height:96px; padding-left:45px;}
.coupon li.coupon3 {height:96px; background:url(/img/customer/ico_coupon3.png) no-repeat;}
.coupon li.coupon3 span {font-size:30px; line-height:96px; text-align:center; display:block;}

/* 게시물 보기 */
.csLst h2 {margin:0 0 15px 0 !important;}
.csLst p.date {position:absolute; top:5px; right:0; background:none;}
.csLst .content {margin-top:20px;}
.csLst .content img {max-width:735px;}

/* 장착점 찾기 */
.equipSchArea {position:relative; padding-bottom:25px; border-bottom:1px solid #333; overflow:hidden;}
.equipSchArea .equipSch {float:left; margin-left:10px;}
.equipSchArea .equipSch .schBtn {float:right; width:40px; height:30px; display:inline-block; font-size:0; background:url(/img/layout/btn_search.gif) no-repeat;}
.equipSchArea .caution {float:left; margin:6px 0 0 25px;}

.equipArea {position:relative; overflow:hidden;}
.equipArea .schResult {float:left; width:255px; height:485px; padding:0 10px; border:1px solid #ececec; overflow-y:auto;}
.schResult .lst {}
.schResult .lst > li {border-bottom:1px solid #ececec;}
.schResult .info {}
.schResult dt {font-size:15px; margin:13px 0 5px;}
.schResult dd {font-size:12px; color:#727272; line-height:20px;}
.schResult .thumb {margin:5px 0;}
.schResult .thumb li {display:inline-block;}
.schResult .score {margin-bottom:15px;}
.schResult .score:after {content:""; display:block; clear:both;}

.schResult .score li {position:relative;}
.schResult .score li:after {content:""; display:block; clear:both;}
.schResult .score .star {width:69px; height:11px; float:left;; margin:5px 10px 4px 0; background:url(/img/common/ico_star2.png) no-repeat;}
.schResult .score span {display:block; overflow:hidden; width:69px; height:11px; background:url(/img/common/ico_star2.png) no-repeat;}
.schResult .score .star-1 {width:20%; background-position:0 -11px;}
.schResult .score .star-2 {width:40%; background-position:0 -11px;}
.schResult .score .star-3 {width:60%; background-position:0 -11px;}
.schResult .score .star-4 {width:80%; background-position:0 -11px;}
.schResult .score .star-5 {width:100%; background-position:0 -11px;}
.schResult .score .text {position:relative; width:140px; float:left; font-size:12px; line-height:20px; color:#727272; word-wrap:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; cursor:pointer;}
.schResult .score .view {display:none; position:absolute; left:0; bottom:23px; width:215px; font-size:12px; z-index:1; padding:10px; border:1px solid #fc3; background:#fff;}
.schResult .score .view i {position:absolute; bottom:-7px; left:-1px; width:16px; height:7px; display:inline-block; background:url(/img/common/blt43.png) no-repeat 0 0;}
.schResult .score .view .star {float:none; margin-bottom:10px;}
.schResult .score .view p {font-size:12px;}
.schResult .score .view .date {margin-top:10px; color:#727272;}
.schResult .score  li:hover > .view  {display:block;}

.equipArea .map {position:relative; float:right; width:445px; height:485px;}
.equipArea .map img {width:100%;}
.equipArea .map .mark {position:absolute; top:100px; left:200px; width:36px; height:55px; font-size:0; background:url(/img/common/blit_mark.png) no-repeat;}


/***************** 에러페이지 *****************/
.error {position:relative; text-align:center; padding:100px 0 80px;}
.error h3 {font-family:nGothicB; font-size:20px; margin-bottom:60px;}
.error li {display:inline-block; text-align:left; vertical-align:top; padding-right:40px; margin-right:40px; border-right:1px solid #ececec;}
.error li:last-child {margin-right:0; padding-right:0; border-right:0;}
.error p {margin-bottom:5px; color:#727272; line-height:18px;}


/***************** 이용약관 *****************/
.etcInfo {overflow:hidden; padding:30px 0; border-bottom:1px solid #000;}
.etcInfo .lst {float:left; width:295px;}
.etcInfo .lst {padding-left:30px;}
.etcInfo .lst a {display:block; line-height:21px;}

.etcTxtBox {position:relative;}
.etcTxtBox h3 {font-size:15px; font-family:nGothicB; margin-bottom:15px; padding-top:50px;}
.etcTxtBox .box {padding:20px; border:1px solid #d8d8d8;}
.etcTxtBox .box p {margin-bottom:5px;}
.etcTxtBox .box li {margin-left:15px; margin-top:10px; text-indent:-15px;}
.etcTxtBox .box li:first-child {margin-top:0;}
.etcTxtBox .box p, .etcTxtBox .box li {color:#727272; line-height:22px; word-break:keep-all;}


/***************** 연장보증 *****************/
/* 자동차 */
.serviceCar {position:relative; margin-top:70px;}
.serviceCar .bar {position:absolute; top:50px; width:100%; height:30px; margin:0 auto; background:url(/img/purchase/bar_service.png) top center no-repeat;}
.serviceCar .cont {padding-top:50px;}
.serviceCar .thumb {position:absolute; top:0; left:73px; display:inline-block;}
.serviceCar .column {position:relative; padding-left:150px; margin-top:35px; overflow:hidden;}
.serviceCar .column h3 {position:absolute; left:73px; top:110px; font-size:18px;}

.serviceCar .column ul {width:130px; float:left; padding-left:35px;}
.serviceCar .column li {margin-bottom:25px;}
.serviceCar .column li p {position:relative; text-align:left; font-size:14px; font-family:nGothicB; line-height:20px; padding-left:30px;}
.serviceCar .column li em {position:absolute; left:0; font-size:40px; line-height:40px;}
.serviceCar .column li em.txtin {text-indent:-25px;}
.serviceCar .column li span {line-height:20px;}

.happyVisual {position:relative;}
.happyVisual .bgWrap {position:absolute; top:0; left:0; padding:55px 0 0 40px;}
.happyVisual h1 {height:auto; padding:0; text-align:left; font-size:18px; font-family:nGothicB; font-weight:bold; border:0;}
.happyVisual h1 .tit {display:block; margin-top:15px; font-size:40px; font-family:nGothic; font-weight:normal; line-height:45px;}
.happyVisual .srmy {margin-top:35px; font-size:15px; line-height:26px; color:#727272;}

.tabService {height:38px; margin-top:10px;}
.tabService .tabType3 {z-index:10; border-top-width:0;}
.tabService.fix .tabType3 {position:fixed; left:0; top:47px; width:100%; border-top-width:5px;}
.tabService +.titService {margin-top:0;}
.titService {position:relative; padding:50px 0 35px; margin-top:50px; text-align:center;}
.titService h2 {font-size:18px; }
.titService h2 span {font-size:40px; line-height:54px; color:#000; margin-top:10px; display:block;}
.titService p{padding-top:15px; font-size:14px; line-height:22px; color:#727272;}

.titService .content {text-align:center; margin-top:0;}
.titService .content .srmy {padding-bottom:10px; font-size:18px; color:#333;}
.titService .content h3 {margin-bottom:20px; font-size:36px; line-height:44px; font-weight:normal; font-family:nGothicL; word-spacing:-1px;}
.titService .content p {padding-bottom:20px; color:#727272; line-height:22px; word-break:keep-all;}

.serviceSec {display:table; width:980px; padding-top:30px;}
.serviceSec .box li {display:inline-block; width:255px; padding:33px 0; margin:0 15px; text-align:center; background:#f0f0f0;}
.serviceSec .box li span {display:block; font-size:18px; margin-top:10px;}

.serviceSec .advise {width:490px; padding:30px 0;}
.serviceSec .advise li { border-top:1px solid #ececec;}
.serviceSec .advise.fl li {padding:30px 30px 30px 0; border-right:1px solid #ececec;}
.serviceSec .advise.fr li {padding:30px 0 30px 30px;}
.serviceSec .advise li:first-child {border-top:0;}
.serviceSec .advise li span {display:block; font-size:16px; font-family:nGothicB; margin-bottom:15px;}

.serviceSec .happyStep {padding-top:30px; text-align:center; *zoom:1;}
.serviceSec .happyStep:after {clear:both; display:block; content:'';}
.serviceSec .happyStep li {float:left; width:30%; padding:0 14px 34px 15px; background:url(/img/common/blt46.png) 100% 60px no-repeat}
.serviceSec .happyStep h3 {font-size:16px; font-family:nGothicB; padding-top:23px;}
.serviceSec .happyStep p {color:#727272; line-height:20px; word-break:keep-all; padding-top:10px;}

.warrantyCont h3 {padding-bottom:10px; border-bottom:1px solid #ececec;}
.warrantyCont .text {color:#727272; font-size:14px; line-height:22px; word-break:keep-all;}
.warrantyCont li {padding-left:8px; color:#727272; font-size:14px; line-height:22px; word-break:keep-all; background:url(/img/common/blt18.png) no-repeat 0 10px;}
.warrantyCont .caution {padding-top:10px; margin-top:10px; border-top:1px solid #ececec; background-position:0 12px;}
.warrantyCont .agreeArea {position:relative; padding:20px 0 30px; border-bottom:1px solid #ececec; line-height:22px; color:#727272;}
.bbsList.wrrantyPrice tbody th {border-color:#fff !important; background:#f9f9f9;}
.warrantyStep {overflow:hidden; width:988px; padding:20px 0 12px; margin-left:-8px; border-top:1px solid #ececec;}
.warrantyStep li {float:left; width:237px; height:81px; margin:0 0 8px 8px; border:1px solid #727272; background:#727272;}
.warrantyStep li .tit {float:left; width:64px; height:55px; padding:26px 4px 0 0; text-align:center; font-size:10px; font-family:nGothicB; font-weight:bold; background:#fff url(/img/service/ico_step.gif) no-repeat 100% 50%;}
.warrantyStep li .tit strong {font-size:20px; font-family:nGothicEB;}
.warrantyStep li .cont {float:left; padding-top:8px; margin:14px 0 0 20px; color:#fff; font-size:12px; line-height:16px; background:url(/img/common/blt17.gif) no-repeat 0 0;}

.faqList {padding:15px; margin-top:20px; background:#ececec;}
.faqList dt {margin-top:15px; font-size:16px; line-height:25px; background:#fff url(/img/common/ico_plus3.png) no-repeat 914px 50%;}
.faqList dt a {display:block; height:25px; padding:10px 0 10px 20px; color:#333;}
.faqList dd {display:none; padding:11px 20px; color:#727272; font-size:12px; line-height:24px; word-break:keep-all; background:#fff;}
.faqList dt:first-child {margin-top:0;}
.faqList dt.on {background-color:#fc3; background-image:url(/img/common/ico_minus3.png);}

.servicePrd {overflow:hidden; padding:30px 0;}
.servicePrd li {display:inline-block; font-size:13px; margin:0 50px; background:none;}
.servicePrd li p {position:relative; text-align:left; font-size:14px; font-family:nGothicB; line-height:20px; color:#fc3; padding-left:30px;}
.servicePrd li em {position:absolute; left:0; font-size:40px; line-height:40px;}

.serviceAgree {position:relative;}
.serviceAgree .allAgree {font-size:15px; font-family:nGothicB; padding:40px 0; border-bottom:1px solid #ececec;}
.serviceAgree h3 {margin:50px 0 15px; font-size:20px; line-height:22px; font-family:nGothicB; font-weight:bold;}
.serviceAgree h3 .fs {color:#727272; font-size:13px !important; font-family:nGothic; font-weight:normal;}
.serviceAgree h3:first-child {margin-top:60px;}
.serviceAgree .agreeArea {position:relative; height:170px; padding:10px; margin-bottom:10px; border:1px solid #ececec; line-height:22px; color:#727272; overflow-y:scroll;}
.serviceAgree .chk {text-align:right; color:#727272;}
.serviceAgree .checkBox{position: relative;}
.serviceAgree .checkBox .item{position: absolute; left:0; top:0; padding-left:10px; color:#727272;}
/* 안심관리 */
.lineList {overflow:hidden; height:43px; padding:5px 5px 0; background:#f0f0f0;}
.lineList li {float:left; width:16.6%; height:31px; padding-top:12px; font-size:16px; line-height:18px; text-align:center;}
.lineList li a {color:#000;}
.lineList li.on {font-family:nGothicB; font-weight:bold; background:#fff;}
.lineList li:first-child {width:17%;}
.modelInfo {position:relative; width:980px; height:300px; margin:10px 0 0;}
.modelInfo ul {position:relative; width:980px; height:300px; margin:0 auto;}
.modelInfo li {position:absolute; left:0; top:0; z-index:1; width:100%; height:189px; padding-top:85px; background:#fff;}
.modelInfo li .table {position:absolute; top:30px; right:60px; width:460px;}
.modelInfo li .table p {font-size:18px; font-family:nGothicB; margin-bottom:10px;}
.modelInfo li .name {position:relative; z-index:1; display:block; margin-bottom:10px; font-size:34px; line-height:44px; color:#000; letter-spacing:-2px;}
.modelInfo li .name sub {position:relative; top:-7px; font-size:20px; letter-spacing:0;}
.modelInfo li .price {color:#fc3; font-size:15px; line-height:44px;}
.modelInfo li .price strong {font-size:42px; font-family:RL-B; font-weight:bold;}
.modelInfo li .thumb {position:absolute; left:60px; top:35px; width:375px; height:215px;}
.modelInfo .caution {font-size:13px; background-position:0 3px;}
.modelInfo .prev {position:absolute; left:0; top:103px; z-index:20;}
.modelInfo .next {position:absolute; right:0; top:103px; z-index:20;}

.modelList {overflow:hidden; padding:20px 10px;}
.modelList li {float:left; width:285px; height:42px; padding:14px 20px 0; border-right:1px solid #fff;}
.modelList li input[type=radio] {float:left; margin:1px 0 -1px;}
.modelList li label {float:left; font-size:14px; line-height:16px; word-break:keep-all;}
.modelList li label sub {display:block; margin-top:4px; font-size:12px; color:#727272;}
.modelList li .price {float:right; font-size:14px; line-height:16px; color:#727272;}
.modelList li:nth-child(3n+3) {border-right:0;}

.modelList2 {overflow:hidden; padding:20px 10px;}
.modelList2 h4 {font-size:18px; font-family:nGothicB; margin-bottom:10px;}


/***************** 201802 수정내용 *****************/

/* 버튼 스타일 추가 */
.cartArea h2 .btnType13 .btnGo6{color:#333;}

/* 로그인 버튼 추가 */
.loginArea fieldset input[type=button].general{position:absolute; right:0; top:0; width:133px; height:40px; border:0; font-size:15px; line-height:40px; font-family:nGothicB; font-weight:bold; cursor:pointer; background:#fc3;}
.loginArea fieldset input[type=button].sales{position:absolute; right:0; top:60px; width:133px; height:40px; border:0; font-size:15px; line-height:40px; font-family:nGothicB; font-weight:bold; cursor:pointer; background:#333; color:#fff;}
.loginArea .myBtn .btn{top:0;}

/* 할인율 추가 - 타이어 상품 상세 */
#prdInfo .title .price.layoutType1 .discount {float:right;}
#prdInfo .title .price .sale.noLine{text-decoration:none;}
#prdInfo .title .pointColor{line-height:1.8; color:red;}

/* 할인율 추가 - 타이어 상품 리스트 */
.secList4 .price li.discount{font-size:12px; color:#a21700; letter-spacing:-1px;}

/* 개인정보수정 팝업 */
.infoPopup table{margin-top:20px;}
.infoPopup table p{display:inline-block; margin-left:5px;}
.infoPopup table input{width:242px;}
.infoPopup table .num input{width:58px;}
.infoPopup .business input{width:58px; margin-right: 12px;}
.infoPopup .address .btnType3{margin-left:10px;}
.infoPopup .address p{margin-top:10px; margin-left:0;}
.infoPopup .address p input{width:310px;}
.infoPopup .address p input + input{width:150px; margin-left:10px;}
.infoPopup select{height:30px; width:80px;}
.infoPopup .pointColor{color:#f00;}
.infoPopup .tel p{display:block; margin-top:6px;}

/* 검색버튼 이미지 수정 */
.util2 .btnNew a{width:280px; background:url(/img/layout/b2b_btn_search2.gif) no-repeat 0 center;}

/* 옵션 선택 시 문구 추가 */
#prdInfo .info .pointColor{border-bottom:0; line-height:1.6;}
#prdInfo .info .pointColor dt{color:red;}
#prdInfo .info .pointColor p{width:360px; color:red;}

/* 타이어 프로세스 수정 */
.newInfoTire .tireStep li{width:25%; box-sizing:border-box;}
.newInfoTire .tireStep li .pointColor{padding-top:5px; color:#a21700;}

/* b2b 메인 비주얼 */
.b2bvisualArea {position:relative; height:573px;margin-top:50px;}
.b2bvisualArea .thumb li {position:absolute; top:0; left:0;}
.b2bvisualArea .thumb li a img {width:2000px; height:573px; margin-left:-470px;margin:0 auto;}
.b2bvisualArea .control {position:absolute; bottom:25px; left:0; width:100%; height:43px; padding-bottom:3px; z-index:10; background:url(/img/main/control_bg.png) repeat;}

.b2bvisualArea .nav {position:absolute; top:0; left:170px; width:840px; height:43px; line-height:43px;}
.b2bvisualArea .nav li {position:absolute; top:0; left:0; height:43px; line-height:43px; display:none;}
.b2bvisualArea .nav li .tit {display:inline-block; margin:-3px 0 0px 7px; font-size:11px; line-height:13px; color:#adadad; font-style:italic; font-family:verdana; zoom:1; *display:inline}
.b2bvisualArea .nav li a {display:inline-block; margin-left:7px; font-size:20px; line-height:43px; color:#adadad; letter-spacing:-1px; zoom:1; *display:inline}
.b2bvisualArea .nav li.on {display:block;}
.b2bvisualArea .nav li.on a {color:#fc3;}

.b2bvisualArea .btn {overflow:hidden; height:19px; margin-top:14px; position:absolute; left:24px; top:0px;}
.b2bvisualArea .btn span {float:left; overflow:hidden; width:19px; height:19px;}
.b2bvisualArea .btn span input[type=image]:hover {margin-top:-19px;}
.b2bvisualArea .btn span.page {width:38px; text-align:center; color:#fff; font-size:12px; line-height:19px;}
.b2bvisualArea .btn span.page strong {font-family:nGothic; font-weight:normal;}
.b2bvisualArea .btn span.pause {margin:0 5px 0 21px;}

#container.b2b .visualArea{display:none}
#container.b2b .b2bvisualArea{display:block;}

/* b2b 결제 수단 수정 */
.payArea.b2b{text-align:left;}

/* 엑셀 다운로드 수정 */
.cartArea .excel{position:absolute; height:25px; top:18px; right:20px; padding: 0 10px; line-height:25px; background:#72ad29; color:#fff;}

/* 영업사원 로그인 버튼 추가 */
.loginArea fieldset input[type=button].general{height:30px; line-height:30px;}
.loginArea fieldset input[type=button].sales{top:auto; bottom:0; height:30px; line-height:30px;}
.loginArea fieldset input[type=button].salesman{position:absolute; right:0; top:35px; width:133px; height:30px; border:0; font-size:15px; line-height:26px; font-family:nGothicB; font-weight:bold; cursor:pointer; background:none; border: 2px solid #fc3; color:#333;}

/* 타이어 사이트 이동 버튼 */
.loginArea .salesMove{ font-family:nGothicB; font-weight:bold; cursor:pointer; background:#333; color:#fff;}

/* 2020 수정사항 */
.fwBold{font-weight:bold;}
.container{width:1200px;margin: 0 auto;}
.clearfix:after{display:block;clear:both;content:'';}

.header_banner {background:#f6bb1f;padding:14px;text-align:center;display:block;}
.header_banner > .container {position: relative;}
.header_banner > .container img, .header_banner > .container p {display: inline-block;vertical-align: middle;}
.header_banner > .container p {padding-left: 10px;font-size: 18px;color:#000;line-height: 28px;text-align: left;}
.header_banner > .container img.banner_close_btn {position: absolute;top:10px;right:0;}

.visualArea {width:100%;position: relative;background:url(/img/main/main_visual.jpg) no-repeat;background-size:cover;}
.visualArea .visualTxt {position: absolute;top:130px;left:50%;transform: translateX(-50%);font-weight: 300;text-align: center;}
.visualArea .visualTxt h1 {font-size: 48px;color:#fff;padding:15px 0 35px;}
.visualArea .visualTxt h3 {font-size: 26px;color:#fecd33;font-weight: 500;}
.visualArea .visualTxt p {font-size: 22px;color:#fff;line-height: 32px;font-weight: 300;}
.visualArea .visualTxt p span {text-decoration: underline;font-weight: 500;}
.visualArea .visualTxt img {padding-top:100px;}

.visualArea > ul{margin:0 auto;}

#main_wrap .util2 {position: relative;float:none;text-align: center;z-index:70;}
#main_wrap .util2 .schArea {height:70px;display: inline-block;line-height: 56px;z-index:15;
-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
position: absolute;top:-35px;left:50%;transform: translateX(-50%);background:#fff;}
#main_wrap .util2 .schArea input,#main_wrap .util2 .schArea a{display:inline-block;vertical-align: middle;}
#main_wrap .util2 .schArea input {width: 770px!important;box-sizing: border-box; padding:0 25px;margin:0;border:none;background:#fff;color:#707070;font-size:16px;margin-top:5px;}
#main_wrap .util2 .schArea .sch-cta{float:right;display:inline-block;height:100%;}
#main_wrap .util2 .schArea .sch-cta a {padding:5px 0;text-align:center;font-size:16px;font-weight: normal;margin-left: -4px;box-sizing: border-box;height:100%;width:200px;}
#main_wrap .util2 .schArea .sch-cta a img {padding-right:10px;}
#main_wrap .util2 .schArea .sch-cta a.btn-sch {background:#fecd33;color:#000;}
#main_wrap .util2 .schArea .sch-cta a.btn-sch:hover {background:#fecd33;color:#000;}
#main_wrap .util2 .schArea .sch-cta a.btn-loc {background:#2e2e2e;color:#fff;}
#main_wrap .util2 .schArea .sch-cta a.btn-loc:hover {background:#2e2e2e;color:#fff;}
#main_wrap .util2 .schArea .sch-cta a img {vertical-align: middle;}

#main_wrap h2 {font-size:30px;color:#000;font-weight: bold;text-transform: uppercase;margin-bottom:20px;}
#main_wrap h2 span {font-weight: 400;}
#main_wrap .cta-all {position: relative;}
#main_wrap .cta-all  a {position:absolute;top:56%;transform: translateY(-50%);right:0; font-size: 14px;color:#000;font-weight: 300;}

.modelNav {text-align: center;padding:80px 0 40px 0;}
.modelNav .bx-wrapper {margin:0 auto;}
.modelNav .bx-wrapper .bx-pager {display: none;}
.modelTxt div p {font-size:18px;color:#707070;padding-top:5px;}

.bx-wrapper .bx-controls-direction .bx-prev {position:absolute; left:0; width:14px; height:57px; font-size:0; background:url(/img/main/arrow_prev.png) no-repeat;}
.bx-wrapper .bx-controls-direction .bx-next {position:absolute; right:0; width:14px; height:57px; font-size:0; background:url(/img/main/arrow_next.png) no-repeat;}

.notice_banner {background:#f2f2f2;padding:22px 0;}
.notice_banner h4 {font-size:20px;color:#000;font-weight:bold;}
.notice_banner h4 img {vertical-align: middle;transform: translateY(-3px);}
.notice_banner .n_item {width:100%;}
.notice_banner .n_item > div {display:inline-block;}
.notice_banner .n_item > div:first-child {width:10%;}
.notice_banner .n_item > div:last-child {width:89%;}
.notice_banner .n_item > div a {display:inline-block;width:100%;}
.notice_banner .n_item > div a p{display:inline-block;font-size:16px;color:#6f6f6f;font-weight:400;}
.notice_banner .n_item > div a p.date {font-size:14px;color:#383838;font-weight:300;float:right;}
/*
.notice_banner .n_item > div a .text-box p{display:inline-block;}
.notice_banner .n_item > div a .text-box p {font-size:16px;color:#6f6f6f;font-weight:400;}
.notice_banner .n_item > div a .text-box p.date {font-size:14px;color:#383838;font-weight:300;float:right;}
*/

.hidden-special{display:none;}
.tt-category{font-size:15px!important;color:#555!important;font-weight: normal!important;text-align: center;}
.tt-product{font-size:18px!important;color:#000!important;font-weight: 500!important;}
.tt-price{font-size:15px!important;color:#f3b807!important;font-weight: bold!important;text-align: center;}

.arrivalsNav li {text-align: center;}
.arrivalsNav li a {position:relative;}
.arrivalsNav li a .new-tag{position: absolute;top:0;left:0;font-size:10px;font-weight:bold;color:#fff;background:#ffcb30;width:35px;height: 35px;line-height: 35px;margin-top:0;}
.arrivalsNav li img{border:1px solid #e3e3e3;}
.arrivalsNav .bx-wrapper .bx-pager {display: none;}
.arrivalsNav .bx-wrapper .bx-controls-direction {display: none;}
.arrivalsNav h2, .specialNav h2 {margin-top:60px; text-align:center; font-family:'Noto Sans KR'; font-size:50px; line-height:52px;}
.arrivalsNav  .bx-viewport {height:auto!important;}

.specialNav .bx-viewport {border:none;}
.specialNav .slide {border-left:none;}
.specialNav li {text-align:center;}
.specialNav li img{border:1px solid #e3e3e3;}
.specialNav .bx-wrapper .bx-controls-direction .bx-prev {top:-30px;left:-50px;}
.specialNav .bx-wrapper .bx-controls-direction .bx-next {top:-30px;right:-50px;}
.specialNav .bx-wrapper .bx-pager {display: none;}

.event_section {margin-top: 35px;}
.event_section .bx-wrapper .bx-pager {text-align: right; margin-top: 0;position: relative;z-index: 20;}
.event_section .bx-wrapper .bx-controls-direction {display: none;}
.event_section .bx-wrapper .bx-pager span{width: 30px;height: 3px;margin: 0 2px;}
.event_section .bx-wrapper .bx-pager span a {font-size: 0;width: 30px;height: 3px;display: block;border-radius: 0;background: #d5d5d5;}
.event_section .bx-wrapper .bx-pager span a.active{background:#444;}

/* .event_banner {background:#f3e9cb;text-align:center;}
.event_banner > div {text-align: left;}
.event_banner > div,.event_banner > img{vertical-align: middle;display: inline-block;}
.event_banner > img{margin-left: 60px;transform: translateY(42px);}
.event_banner > div p{color:#cc9a44;font-size:18px;font-weight: 500;}
.event_banner > div h4{color:#000;font-size:22px;font-weight: bold;}
.event_banner > div h4 img,.event_banner > div h4 span{vertical-align: middle;display: inline-block;} */

.bestlNav h2 {height:auto; font-size:30px;color:#000;font-weight: bold;text-transform: uppercase; text-align:center; margin-top:50px;font-family:'Noto Sans KR';height:auto;}
.bestlNav .secList3 {margin: 20px 0 0 -34px;}
.bestlNav .secList3 li {float:left; width:270px; margin:0 0 50px 36px;text-align: center;}
.bestlNav .secList3 li img {width:270px!important;height:190px!important;}
.bestlNav .tabType3 {border:none;margin-top:24px;}
.bestlNav .tabType3 li {padding:0 20px;}
.bestlNav .tabType3 li a{font-size:18px;color:#8c8c8c;font-weight: normal;position: relative; height:;}
.bestlNav .tabType3 li a:after{position: absolute;content: '';width:4px;height:4px;background:#e2e2e2;border-radius: 50%;top:50%;right:-21px;}
.bestlNav .tabType3 li:last-child a:after{content: none;}
.bestlNav .tabType3 li.on a {background:none;font-size:18px;color:#000;font-weight: bold;height:;}
.bestlNav .cta-all a {top: 184%!important;z-index:10;}

/*모바일 메뉴 열기 아이콘 애니*/
.qodef-menu-appear {display: inline-block;position: relative;width: 26px;height: 26px;vertical-align: middle;}
.qodef-menu-appear span {display: block}
.qodef-menu-appear .icon {width: 100%;height: 100%;}
.qodef-menu-appear .line {margin: 0 0 0 auto;position: relative;width: 100%; height: 2px;background: #000000;-moz-transition: width .3s cubic-bezier(.77, 0, .175, 1);-o-transition: width .3s cubic-bezier(.77, 0, .175, 1);-webkit-transition: width .3s cubic-bezier(.77, 0, .175, 1);transition: width .3s cubic-bezier(.77, 0, .175, 1)}
.qodef-menu-appear .line:nth-child(1) {-moz-transition-delay: .3s;-o-transition-delay: .3s;-webkit-transition-delay: .3s;transition-delay: .3s}
.qodef-menu-appear .line:nth-child(2) {-moz-transition-delay: .4s;-o-transition-delay: .4s;-webkit-transition-delay: .4s;transition-delay: .4s}
.qodef-menu-appear .line:nth-child(3) {-moz-transition-delay: .5s;-o-transition-delay: .5s;-webkit-transition-delay: .5s;transition-delay: .5s}

.qodef-menu-appear .line + .line {margin-top: 6px}

.qodef-menu-appear .close {position: absolute;top: 0px;left: 0;width: 26px;height: 26px;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);opacity:1;}
.qodef-menu-appear .close:after,.qodef-menu-appear .close:before {display: block;position: absolute;top: 50%;left: 50%;background: #000000;content: '';-moz-transition: -moz-transform .3s cubic-bezier(.77, 0, .175, 1);-o-transition: -o-transform .3s cubic-bezier(.77, 0, .175, 1);-webkit-transition: -webkit-transform .3s cubic-bezier(.77, 0, .175, 1);transition: transform .3s cubic-bezier(.77, 0, .175, 1)}
.qodef-menu-appear .close:before {margin: -1px 0 0 -14px;width: 28px;height: 2px;-moz-transform: scaleX(0);-ms-transform: scaleX(0);-webkit-transform: scaleX(0);transform: scaleX(0);-moz-transform-origin: 0 50% 0;-webkit-transform-origin: 0 50% 0;transform-origin: 0 50% 0}
.qodef-menu-appear .close:after {margin: -14px 0 0 -1px;width: 2px;height: 28px;-moz-transform: scaleY(0);-ms-transform: scaleY(0);-webkit-transform: scaleY(0);transform: scaleY(0);-moz-transition-delay: .15s;-o-transition-delay: .15s;
-webkit-transition-delay: .15s;transition-delay: .15s;-moz-transform-origin: 50% 100% 0;-webkit-transform-origin: 50% 100% 0;transform-origin: 50% 100% 0}
.qodef-menu-appear.opened .icon .close:before {-moz-transform: scaleX(1);-ms-transform: scaleX(1);-webkit-transform: scaleX(1);transform: scaleX(1);-moz-transition-delay: .35s;
-o-transition-delay: .35s;-webkit-transition-delay: .35s;transition-delay: .35s}
.qodef-menu-appear.opened .icon .close:after {-moz-transform: scaleY(1);-ms-transform: scaleY(1);-webkit-transform: scaleY(1);transform: scaleY(1);-moz-transition-delay: .5s;-o-transition-delay: .5s;
-webkit-transition-delay: .5s;transition-delay: .5s}

.qodef-menu-appear.opened .icon .line {width: 0}
.qodef-menu-appear.opened .icon .line:nth-child(1) {-moz-transition-delay: 0s;-o-transition-delay: 0s;-webkit-transition-delay: 0s;transition-delay: 0s}
.qodef-menu-appear.opened .icon .line:nth-child(2) {-moz-transition-delay: .1s;-o-transition-delay: .1s;-webkit-transition-delay: .1s;transition-delay: .1s}
.qodef-menu-appear.opened .icon .line:nth-child(3) {-moz-transition-delay: .2s;-o-transition-delay: .2s;-webkit-transition-delay: .2s;transition-delay: .2s}
/**/




.secList3 .tt-category {
    margin-top: 14px;;
}

/* 공지사항 스타일 추가 */
.ticker {width: 100%;height: 20px;overflow: hidden;border: 0px ;margin: 0;padding: 0;list-style: none;border-radius: 5px;}