@charset "utf-8";
a:hover { text-decoration:none; }
a {outline:none; select-dummy: expression(this.hideFocus=true);}


/*버튼*/
.btn_small_light { font-family: 나눔고딕, 'NanumGothic', 'NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', 돋움, 굴림, Dotum, Gulim, sans-serif; letter-spacing:2px;
                   text-align: center; font-size: 11px; padding:5px 10px 5px 10px; background: #f7f7f7; border-top: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; color: #a2a2a2; overflow: hidden; transition: all 0.5s; height:30px; border-radius:3px; }
.btn_small_light:hover, .btn_small_light:active  { text-decoration: none; color: #333; border-top: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; border-right: 1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background: #fff; }

.btn_small_dark { font-family: 나눔고딕, 'NanumGothic', 'NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', 돋움, 굴림, Dotum, Gulim, sans-serif; letter-spacing:2px;
                   text-align: center; font-size: 11px; padding:5px 20px 5px 20px; background: #555; border-top: 1px solid #333; border-left: 1px solid #333; border-right: 1px solid #000; border-bottom: 1px solid #000; color: #e7e7e7; overflow: hidden; transition: all 0.5s; height:30px; border-radius:3px; }
.btn_small_dark:hover, .btn_small_dark:active  { text-decoration: none; color: #fff; border-top: 1px solid #333; border-left: 1px solid #333; border-right: 1px solid #000; border-bottom:1px solid #000; background: #333; }

.btn_tap_light { font-family: 나눔고딕, 'NanumGothic', 'NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', 돋움, 굴림, Dotum, Gulim, sans-serif;  
                   text-align: center; font-size: 11px; padding:5px 10px 5px 10px; background: #f7f7f7; border-top: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; border-right: 1px solid #d7d7d7; color: #a2a2a2; overflow: hidden; transition: all 0.5s; height:30px; border-radius:3px; }
.btn_tap_light:hover, .btn_tap_light:active  { text-decoration: none; color: #333; border-top: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; border-right: 1px solid #d7d7d7; background: #fff; }

.btn_tap_dark { font-family: 나눔고딕, 'NanumGothic', 'NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', 돋움, 굴림, Dotum, Gulim, sans-serif;  
                   text-align: center; font-size: 11px; padding:5px 20px 5px 20px; background: #555; border-top: 1px solid #333; border-left: 1px solid #333; border-right: 1px solid #000; color: #e7e7e7; overflow: hidden; transition: all 0.5s; height:30px; border-radius:3px; }
.btn_tap_dark:hover, .btn_tap_dark:active  { text-decoration: none; color: #fff; border-top: 1px solid #333; border-left: 1px solid #333; border-right: 1px solid #000; background: #333; }

.btn_order_light { font-family: 나눔고딕, 'NanumGothic', 'NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', 돋움, 굴림, Dotum, Gulim, sans-serif; 
                   text-align: center; font-size: 12px; padding:15px 20px 15px 20px; background: #f7f7f7; border-top: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; color: #a2a2a2; overflow: hidden; transition: all 0.5s; height:30px; border-radius:3px; }
.btn_order_light:hover, .btn_order_light:active  { text-decoration: none; color: #333; border-top: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; border-right: 1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background: #fff; }

.btn_order_dark { font-family: 나눔고딕, 'NanumGothic', 'NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', 돋움, 굴림, Dotum, Gulim, sans-serif; 
                   text-align: center; font-size: 12px; padding:15px 20px 15px 20px; background: #555; border-top: 1px solid #333; border-left: 1px solid #333; border-right: 1px solid #000; border-bottom: 1px solid #000; color: #e7e7e7; overflow: hidden; transition: all 0.5s; height:30px; border-radius:3px; }
.btn_order_dark:hover, .btn_small_dark:active  { text-decoration: none; color: #fff; border-top: 1px solid #333; border-left: 1px solid #333; border-right: 1px solid #000; border-bottom:1px solid #000; background: #333; }


/*전체*/    
    @font-face{
    font-family: 'NanumGothicWeb';
    font-style: normal;
    font-weight: normal;
    src: url('/mcss/NanumGothic.eot'); 
    src: local(''), url('NanumGothic.woff') format('woff'), url('NanumGothic.ttf') format('truetype');}

    @font-face{
    font-family: 'NanumGothicWeb';
    font-style: normal;
    font-weight: bold;
    src: url('/mcss/NanumGothicBold.eot');     
    src: local(''), url('NanumGothicBold.woff') format('woff'), url('NanumGothicBold.ttf') format('truetype'); }
    html, body{
              font-family: 나눔고딕, 'NanumGothic', 'NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', 돋움, 굴림, Dotum, Gulim, sans-serif; font-size:12px;
                }

/* layout */
#wrap { position:relative; width:1180px; margin:0 auto; }

#header { overflow:hidden; width:960px; margin:0 auto; }
#header .inner { float:right; width:750px; margin:7px 0 15px; text-align:right; }
#header .campaign { display:inline; margin:0 5px 0 0; }
#header .campaign img { vertical-align:middle; }
#header .link { display:inline; padding:0 0 0 18px; font-size:11px; line-height:14px; }
#header .link img { vertical-align:-1px; }

#container { width:960px; margin:0 auto; zoom:1;}
#container:after {content:""; display:block; clear:both; }
#container #snb { float:left; width:180px; margin:0 24px 0 0; }
#container #contents { float:left; width:756px; }
#container #visual { clear:both; }

#footer { position:relative; clear:both; width:960px; margin:50px auto 50px; overflow:hidden; zoom:1; }

#banner { position:absolute; top:80px; left:0; width:100px; min-height:200px; }
#quick { position:absolute; top:80px; right:0; width:100px; min-height:200px; }

#boardArea { overflow:hidden; margin:30px 0; }
.mainBoard p { margin:10px 0 0;}
.mainBoard thead {visibility:hidden; position:absolute; left:-1000px; top:-1000px; height:0; width:0; }
.mainBoard td { border:none; font-size:.9em; line-height:1.8em; }
.mainBoard td.title a,
.mainBoard td.title a:hover { text-decoration:underline; color:#8f8f91; }

#board2nd { float:right; width:270px; }
#board2nd h2 { height:20px; margin:0 0 20px; border-bottom:1px solid #a2a2a2; }
#board3rd td { display:none; }
#board3rd td.title { display:block; width:auto; }

/* COMMON */
.path { overflow:hidden; height:30px; line-height:30px; }
.path h3 { overflow:hidden; position:absolute; width:0; height:0; white-space:nowrap; text-indent:100%; font-size:0; line-height:0; }
.path ol { float:right; }
.path li { float:left; padding:0 0 0 10px; margin:0 0 0 5px; font-size:11px; background:url("../images/ico_path.gif") 0 9px no-repeat; }
.path li.displaynone { display:none; }
.path li.first { background:none; }
.path li strong { font-weight:normal; }

.titleArea { margin:40px; text-align:center; }
.titleArea h2 { font-family: 'Oswald', sans-serif; font-size:22px; font-weight:normal; letter-spacing:3px; }
.titleArea h3 { font-size:11px; color:#a2a2a2; }
.titleArea p { margin:0px 0 0 10px; font-size:11px; color:#8f8f8f; line-height:140%; }
.titleArea ul { margin:16px 0 0; }
.titleArea ul li { padding:0 0 0 10px; color:#8f8f8f; font-size:11px; line-height:18px; background:url("../images/ico_help.gif") 0 2px no-repeat; }
.titleArea ul strong { color:#f26522; }

#banners { margin:30px 0 0; overflow:hidden; zoom:1; }
#banners p img { display:block; }

.utilBanner { margin:25px 0 0; }

/* 공통 */
.help { margin:30px 0 0; }
.help h3 { padding:20px 0 10px; font-size:12px; color:#292925; }
.help li { padding:0 0 0 10px; color:#8b8b8c; font-size:11px; line-height:18px; background:url("../images/ico_help.gif") 0 2px no-repeat; }
.help strong { color:#f26522; }
.help a,
.help a:hover {color:#8b8b8c; }

.sort { overflow:hidden; margin:20px 0; }
.sort p.icon { float:right; text-align:right; }

/* 게시판 메인 */
.boardMain { overflow:hidden; *zoom:1; }
.boardMain img { vertical-align:middle; margin:1px; }
.boardMain .leftArea { float:left; width:49.4%;  }
.boardMain .rightArea { float:right; width:49.4%; }
.boardMain .board { position:relative; padding:0 0 50px; margin:2px 0 0; }
.boardMain .board p.btn { width:370px; padding:15px 0 0; }
.boardMain h3 { height:25px; font-size:12px; color:#272823; background:url("../images/bg_title.gif") 0 3px repeat-x; }
.boardMain h3 span { padding:0 7px 0 0; background:#fff; }
.boardMain .more { position:absolute; top:-2px; right:0; background:#fff; padding:0 0 0 7px; }

.boardMain table { width:100%; }
.boardMain table th { display:none; }
.boardMain table td { height:20px; font-size:11px; line-height:20px; color:#8f8f91; }
.boardMain table td.subject { padding:0 0 0 7px; background:url("../images/ico_board_main.gif") no-repeat 0 50%; }
.boardMain table td.subject a { color:#8f8f91; }
.boardMain table td.subject strong { color:#34a7b3; }
.boardMain table td.date { width:65px; text-align:right; }

.boardMain .galleryList { overflow:hidden; }
.boardMain .galleryList ul { overflow:hidden; margin:0 0 0 -12px; }
.boardMain .galleryList li { float:left; position:relative; width:83px; padding:0 0 12px 12px; font-size:11px; word-break:break-all; }
.boardMain .galleryList li span { display:block; }
.boardMain .galleryList li em { display:block; font-style:normal; }
.boardMain .galleryList li strong { font-weight:normal; }
.boardMain .galleryList li .imgLink img { display:block; width:72px; height:96px; padding:0 0 3px; }
.boardMain .galleryList li a.imgLink,
.boardMain .galleryList li a.imgLink:hover { display:block; color:#8f8f8f; padding:0 0 5px; }

/* 마이쇼핑 메인 */
#shopMain { margin:30px 0 0; border-top:3px solid #333; border-bottom:3px solid #333; }
#shopMain .shopMain { height:90px; padding:27px 0 0 30px; border-bottom:1px solid #e9e9e9; background:url("../images/bg_myshop1.gif") no-repeat 100% 0; }
#shopMain .shopMain h3 { padding:0 0 5px; font-size:11px; color:#333; font-weight:normal; }
#shopMain .shopMain h3 strong { font-size:18px; padding:0 5px 0 0; font-family:'Lucida Sans', serif; }
#shopMain .shopMain h3 a:hover { text-decoration:none; }
#shopMain .shopMain p a { font-size:11px; line-height:18px; color:#8f8f8f; }
#shopMain .shopMain.order { background-image:url("../images/bg_myshop1.gif"); }
#shopMain .shopMain.profile { background-image:url("../images/bg_myshop2.gif"); }
#shopMain .shopMain.wishlist { background-image:url("../images/bg_myshop3.gif"); }
#shopMain .shopMain.mileage { background-image:url("../images/bg_myshop4.gif"); }
#shopMain .shopMain.deposits { background-image:url("../images/bg_myshop9.gif"); }
#shopMain .shopMain.consult { background-image:url("../images/bg_myshop5.gif"); }
#shopMain .shopMain.coupon { background-image:url("../images/bg_myshop6.gif"); }
#shopMain .shopMain.board { background-image:url("../images/bg_myshop7.gif"); }
#shopMain .shopMain.address { background-image:url("../images/bg_myshop8.gif"); }