@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button,select{margin:0;padding:0;}
img,fieldset{border:0;}

ul,ol,li,dl{list-style:none;}
input,select{vertical-align:middle;}
table caption{display:none;}

body{font-size: 13px;
	 color:#5b5b5b;
	 line-height:18px;
	 margin:0px;}	 

A:link{text-decoration:none;color:#666}
A:hover{text-decoration:none;color:#303642}
A:visited{text-decoration:none;color:#666}
A:active{text-decoration:none;color:#666}

.header{width:100%;}
.container{width:1000px;margin:0 auto; background:url(../img_quiz/o_img/page/le_bg.gif);overflow:hidden}
.container1{width:1000px;margin:0 auto; overflow:hidden}

/* 로고 & 로그인 & 고객센터 */
.top{width:1000px;margin:0 auto; height:85px;position:relative}
.top h1{ display:inline-block; margin-top:14px; float:left}
.tmenu{display:inline-block;float:right;background:#f7f8fa;padding:6px 12px;margin:5px 0 28px 0;height:13px;font-size:12px;line-height:13px}
.tmenu .mem{background:url(../img_quiz/o_img/img1/i_arrow.gif) no-repeat 50px 5px;padding:0 15px 0 0;} 
.tmenu span{padding:0 8px;color:#d3d3d3}

/* Menu */
.gnb-wrap{width:100%;clear:both;height:43px;background:#f37e00;border-top:1px solid #e47805;border-bottom:1px solid #e47805}
.gnb-wrap .gnb{width:1000px;margin:0 auto;font-size:16px;height:43px;font-weight:bold}
.gnb ul li{float:left;line-height:43px;text-align:center;background:url(../img_quiz/o_img/page/me_bg.gif) repeat-y 0 0;width:2px}
.gnb .my-me{width:158px}
.gnb .me{width:140px}

/* Lnb 영역 : 로그인,로그아웃폼 */
.lnb{ width:230px; float:left}
.login{ width:206px; height:170px; background:#d0d0d0; padding:12px;}
.my-info{ width:206px; height:120px; padding:12px;}
.my-info h3{ line-height:28px; height:30px; color:#666; font-size:14px; background:url(../img_quiz/o_img/page/my_arrow.gif) no-repeat 0 10px; padding-left:22px}
.login h3{ line-height:28px; height:30px; color:#fff; font-size:14px; background:url(../img_quiz/o_img/page/log_arrow.gif) no-repeat 0 10px; padding-left:22px}
.my-info h3 span{ margin-right:4px}
.my-info .subtn{ margin-top:12px;background:url(../img_quiz/o_img/page/logout_bt.gif) no-repeat 0 0;width:205px;height:36px;overflow:hidden}
.subtn a{display:block; width:205px;height:36px;letter-spacing:-1px;line-height:35px;font-weight:bold;float:left}
.subtn a.mypage{width:72px; padding-left:33px}
.subtn a.logout{width:65px; padding-left:35px}

.formbox{position:relative;background:url(../img_quiz/o_img/page/le_form.gif) no-repeat 0 0;width:206px;height:100px;}
.formbox input.form_id{position:absolute;width:150px;height:18px;font-weight:bold;padding:4px 0 3px 0;border:1px solid #fff;top:2px;left:40px;}
.formbox input.form_pw{position:absolute;width:150px;height:18px;font-weight:bold;padding:4px 0 3px 0;border:1px solid #fff;top:36px;left:40px;}
.formbox label{position:absolute;top:74px;left:0;line-height:18px; font-size:12px; color:#fff}
.formbox .subtn{position:absolute;top:98px;left:0;background:url(../img_quiz/o_img/page/log_bt.gif) no-repeat 0 0;width:205px;height:36px;overflow:hidden}
.subtn a{display:block;width:60px;height:36px;padding-left:40px;letter-spacing:-1px;line-height:35px;font-weight:bold;float:left}

/* Lnb 영역 : 카테고리 */
.lnb-tit{background:url(../img_quiz/o_img/page/le_titbg1.gif) no-repeat 0 0; width:218px; height:50px; padding:20px 0 20px 12px}
.lnb-tit h2{ font-size:24px; color:#fff9b4; font-weight:normal; letter-spacing:-1px}
.lnb-tit p{ font-size:12px; color:#d2f0e2; padding-bottom:7px}
.lnb-list li{ border-bottom:1px solid #e8e8e8; font-weight:bold; width:208px; height:36px; line-height:36px; padding-left:20px}
.cscenter{height:105px;width:190px; font-size:12px;padding:20px;background:url(../img_quiz/o_img/img/cs_img.gif) no-repeat 155px 65px}
.cscenter h2{font-size:24px;letter-spacing:-1px;color:#454545;margin-bottom:10px}

/* Content 영역 */
.content{ width:720px; float:right; margin:20px 0 50px 50px; overflow:hidden}
.contTit{width:720px; height:35px; line-height:35px; margin-bottom:18px; overflow:hidden}
.contTit h2{font-size:26px; font-weight:normal; letter-spacing:-1px; color:#333; display:inline; float:left}
.contTit p{float:right; font-size:12px; padding-top:6px}
.contTit span.arrow{padding:0 6px; color:#c8c8c8}
.content p.fs-grey1{float:right; padding:0 0 7px 0}

/* Table 영역 */
.table{width:720px;border:1px solid #d8d8d8;margin-bottom:20px;color:#e0e0e0;border-collapse:collapse;}
.table th{text-align:center;height:38px;line-height:34px;color:#33353e;border-top:1px solid #b9b9b9;border-bottom:1px solid #b9b9b9;border-right:1px solid #d8d8d8;letter-spacing:-1px;background:#f3f3f3}
.table tr{border-bottom:1px solid #d8d8d8} 
.table td{padding:8px 0;text-align:center;color:#676767;line-height:18px;border-right:1px solid #d8d8d8;}
.table .tleft{text-align:left; padding:0 0 0 10px}
.table .pleft,
.table .fleft{text-align:left; height:22px; padding:8px 0 8px 10px}
.table .pleft span{padding-right:20px}
td.tab-cont{text-align:left;padding:25px;}
td.poll-cont{text-align:left;padding:10px;}
.table .blue-left{text-align:left; height:22px; border-bottom:1px solid #4380ce; padding:8px 0 8px 10px}

/* Table 영역 */
.table1{width:950px;border:1px solid #d8d8d8;margin-bottom:20px;color:#e0e0e0;border-collapse:collapse;}
.table1 th{text-align:center;height:38px;line-height:34px;color:#33353e;border-top:1px solid #b9b9b9;border-bottom:1px solid #b9b9b9;border-right:1px solid #d8d8d8;letter-spacing:-1px;background:#f3f3f3}
.table1 tr{border-bottom:1px solid #d8d8d8} 
.table1 td{padding:8px 0;text-align:center;color:#676767;line-height:18px;border-right:1px solid #d8d8d8;}
.table1 .tleft{text-align:left; padding:0 0 0 10px}
.table1 .pleft,
.table1 .fleft{text-align:left; height:22px; padding:8px 0 8px 10px}
.table1 .pleft span{padding-right:20px}
.table1 .blue-left{text-align:left; height:22px; border-bottom:1px solid #4380ce; padding:8px 0 8px 10px}



.subject{width:480px; border:0;border-collapse:collapse;}
.subject th{width:90px; border:0;background:#fff; color:#294da2;padding:0; height:28px;line-height:28px}
.subject tr{border:0}
.subject td{width:360px;border:0; padding:0 10px 0 10px; text-align:left; height:28px; line-height:28px}
.subject th.titTag{background:url(../img_quiz/o_img/page/tit_tag.png) no-repeat 10px 2px; width:73px; letter-spacing:1px; height:26px; color:#004094;}
.subject th.tab-line{background:url(../img_quiz/o_img/page/tab-line.gif) no-repeat right 8px}

.cate{width:720px;border:1px solid #dfdfdf;margin-bottom:20px;border-collapse:collapse;}
.cate td{height:28px;line-height:28px;color:#222; padding:10px; border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf;letter-spacing:-1px;}

/* 설문조사 Table 영역 */
.poll-table{width:100%; border:0; background:#f3f7fb; border-collapse:collapse;}
.poll-table td,
.poll-table th{ border-bottom:1px solid #d9dce1; border:0; height:18px; line-height:18px; background:none; text-align:left; padding:8px}
.poll-table td.right,
.poll-table th.right{text-align:right !important; padding-right:10px !important}
.poll-table tfoot tr th,
.poll-table tfoot td{border-bottom:none }


/* Paging 부분  */
.paging{text-align:center;width:720px;margin: 25px 0 40px 0}
.paging strong{color:#ff3942 !important;font-size:13px;background-color:#f4f4f4;}
.paging a.num,
.paging strong{padding:0 12px;margin-right:1px;display:inline-block;height:28px;border:1px solid #dedede;vertical-align:top;color:#939393;line-height:26px;}

/* View Page */
.paperInfo{width:676px; height:170px; padding:10px 20px; background:#f2fafb; border:2px solid #a2d9fe; overflow:hidden}
.paperInfo h3{background:url(../img_quiz/o_img/page/i_paper.png) no-repeat 2px 12px; line-height:38px; font-size:16px; padding-left:20px; border-bottom:1px solid #d7d7d7; margin-bottom:10px}
.paperInfo ul{float:left; width:338px}
.paperInfo ul li{background:url(../img_quiz/o_img/page/i_dot1.gif) no-repeat 4px 10px; line-height:23px; padding-left:15px;}
.detailInfo{width:678px; padding:10px 20px; border:1px solid #e8e8e8; margin:0 0 20px 0; overflow:hidden}
.detailInfo h3{background:url(../img_quiz/o_img/page/i_dot2.gif) no-repeat 3px 15px; line-height:38px; font-size:16px; padding-left:18px; border-bottom:1px dashed #d7d7d7; margin-bottom:5px}
.detailInfo p{padding:10px}

/* Pop Quiz Page*/
/* 11.29  */
.qWrap{ width:100%; }
.quiz-wrap{width:952px; margin:0 auto 50px auto; padding:24px}
.boxWrap{ background:url(../img_quiz/o_img/page/pop_tab_top.gif) no-repeat 0 top; padding-top:12px}
.boxWrap ul{background:url(../img_quiz/o_img/page/pop_tab_btm.gif) no-repeat 0 bottom; padding-bottom:12px}
/* 11.29 End*/
.txt-bar{width:952px; height:42px; margin:0 0 40px 0; overflow:hidden}
.txt-bar img{float:left}
.txt-bar .detail-txt{ background:url(../img_quiz/o_img/page/pop_bar.gif) no-repeat 0 0; letter-spacing:-1px;float:right; height:42px; width:880px; padding-left:18px; line-height:40px; color:#294da2}
.tit-wrap{width:952px; height:40px; line-height:40px; margin:0 0 15px 0; overflow:hidden}
.tit-wrap h1{ font-size:32px; letter-spacing:-1.5px; color:#635e59; float:left}
.tit-wrap .alarm{ background:url(../img_quiz/o_img/page/pop_time.gif) no-repeat 0 0; width:126px; height:38px; line-height:36px; margin-top:5px; padding-left:40px; float:right}
.quiz-box{ background:url(../img_quiz/o_img/page/pop_tab_bg.gif); width:870px; padding:15px 40px}
.quiz-box dt{padding:0 0 20px 0; font-weight:bold; font-size:14px; color:#333}
.quiz-box dd{min-height:34px; line-height:34px; padding-left:12px}
.quiz-box dd input{margin-right:10px}
p.btn-img{ margin:30px 0; text-align:center}

.btn-test, .btn-test a{display:inline-block; overflow:visible; background:url(../img_quiz/o_img/page/btn_test.gif) no-repeat; font-size:12px; text-decoration:none !important; white-space:nowrap;}
.btn-test.mint, .btn-test.mint a, .btn-test.grey, .btn-test.grey a{height:26px; line-height:26px; color:#fff !important;}
.btn-test.trans, .btn-test.trans a{height:24px; line-height:24px;color:#333 !important;}
.btn-test.bmint, .btn-test.bmint a,.btn-test.bgrey, .btn-test.bgrey a{height:36px; line-height:36px; font-weight:bold; color:#fff !important;}
.btn-test.grey{background-position:left 0;}
.btn-test.mint{background-position:left -34px;}
.btn-test.trans{background-position:left -64px; margin-left:4px}
.btn-test.bgrey{background-position:left -93px;}
.btn-test.bmint{background-position:left -134px;}
.btn-test.grey a{ padding:0 9px;background-position:right 0px; }
.btn-test.mint a{ padding:0 9px;background-position:right -34px;}
.btn-test.trans a{ padding:0 9px 0 9px;background-position:right -64px;}
.btn-test.bmint a{ padding:0 9px;background-position:right -134px;}
.btn-test.bgrey a{ padding:0 9px 0 9px;background-position:right -93px;}

.btnAlign{text-align:right}
.btnAlign1{text-align:center}


/*마이페이지 주문내역*/
.period { widows:678px; height:50px; padding:15px 20px; background:#f9f9f9; border:1px solid #dedede; margin-bottom:15px; overflow:hidden}
.inquiry { width:80px;height:50px; float:left; color:#222; font-size:13px; padding-top:2px; font-weight:bold;}
.btn-wrap {width:580px; float:left}
.btn-option,
.btn-period{ clear:both; display:block; overflow:hidden; padding:3px 0}
.btn-label{ float:left; height:20px; padding-right:10px; background:url(../img_quiz/o_img/page/btn_flex.png) no-repeat right 0}
.btn-label .inner{ float:left; height:20px; padding-left:10px;background:url(../img_quiz/o_img/page/btn_flex.png) no-repeat left -25px; font-size:11px; font-family:돋움체; color:#444; line-height:19px; }
.btn-label.fst .inner{ background-position:left 0}
.btn-label.lst{ background-position:right -25px}
.btn-option select{ height:21px; border:1px solid #ccc;color:#666; font-family:돋움체}
.pay-day{ width:150px}
.opt_year{ width:65px}
.opt_month, .opt_day{ width:45px}
.opt-txt{ line-height:21px; color:#444; padding:0 4px 0 1px}
.order-period{ cursor:pointer; overflow:visible; border:0 none; height:21px; margin-left:5px; vertical-align:top; padding-right:9px;background:url(s_img/page/btn_flex.png) no-repeat right -75px;}
.order-period .inner{ text-align:center; height:16px; padding:3px 0 6px 9px; background:url(s_img/page/btn_flex.png) no-repeat left -50px; font-size:11px; line-height:16px; color:#fff}

/* List 페이지 */
.subTwrap { width:720px;height:40px;overflow:hidden; }
h3.subTit { float:left;display:inline-block;background:url(../img_quiz/o_img/page/i_dot2.gif) no-repeat 3px 15px; line-height:34px; letter-spacing:-1px; font-size:16px; padding-left:18px;margin-bottom:8px}
.subTwrap strong {line-height:35px;}

/* Mileage 충전하기, 신청하기 */
.mileBox{width:658px; height:80px; padding:25px 30px; background:#f2fafb; margin-bottom:50px; border:1px solid #eaeaea; background:#f3f3f3;}
.mileTxt{background:url(../img_quiz/o_img/page/img_mile.gif) no-repeat right 0; text-align:left; width:640px; height:80px}
.payTxt{background:url(../img_quiz/o_img/page/img_mile.gif) no-repeat right -100px; text-align:left; width:640px; height:80px}
.mileBox h3{font-size:28px; font-weight:normal; color:#666; letter-spacing:-1.5px; line-height:30px; padding:10px 0 10px 0}

/* 포토게시판 부분 */
.photolist{width:720px; overflow:hidden; padding-top:20px; margin:0 0 20px 0; border-top:2px solid #b9b9b9; border-bottom:1px solid #b9b9b9}
.photolist li{float:left; width:166px; overflow:hidden; margin:0 0 30px 0; padding:0 6px}
.photolist li a{display:block; width:166px; height:120px; border:1px solid #efefef; background:#f7f7f7}
.photolist li span{display:block; padding:10px 0 0 5px; color:#333}
.photolist li em{padding-left:5px; color:#888; font-style:normal}

/* 설문조사 부분 */
.fs-num{color:#1668a6; font-size:24px; padding:8px 10px; display:inline-block;}
.poll-txt{ font-size:14px; max-width:310px; font-weight:normal}
.data-lgraph{display:inline-block; height:18px; line-height:18px; background:#f59148; font-weight:bold; font-size:12px; text-align:center; color:#fff; max-width:260px}

/* Board Search 부분 */
.scr-box{position:relative;z-index:5;width:718px;height:30px;padding:18px 0;border:1px solid #e0e0e0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;clear:both}
.scr-box .search-result{position:absolute;top:18px;left:300px;}
input.finder{height:24px;padding:0 7px;border:0;width:190px;line-height:24px;color:#333;font-family:나눔고딕}
.word-list{position:absolute;top:18px;left:155px;color:#333;width:140px;white-space:nowrap;height:26px;padding:2px 2px 2px 4px;border:1px solid #999;border-right:1px solid #ddd;border-bottom:1px solid #ddd;cursor:pointer;font-family:나눔고딕;}
.scr-box label{position:absolute;top:18px;left:510px}

/* 검색폼 */
.search-result{position:absolute;top:20px;left:320px;display:inline-block;border:1px solid #999;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.search-result input.searchre{height:24px;padding:0 7px;border:0;width:180px;line-height:24px;color:#333;font-family:나눔고딕}
.my-result{ display:inline-block; border:1px solid #999; border-right:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle }
.my-result input.searchre { height:22px; padding:0 7px; border:0; width:180px; line-height:22px; color:#333; font-family:나눔고딕}
.my-result input.searchre500 { height:22px; padding:0 7px; border:0; width:500px; line-height:22px; color:#333; font-family:나눔고딕}
.my-result input.searchre100 { height:22px; padding:0 7px; border:0; width:100px; line-height:22px; color:#333; font-family:나눔고딕}
.my-result input.searchre60 { height:22px; padding:0 7px; border:0; width:60px; line-height:22px; color:#333; font-family:나눔고딕}
.my-result input.searchre30 { height:22px; padding:0 7px; border:0; width:30px; line-height:22px; color:#333; font-family:나눔고딕}

textarea.text500{height:75px;padding:3px 7px;border:1px solid #e5e5e5;margin-bottom:5px;width:500px;font-size:11px;line-height:18px;color:#666;font-family:나눔고딕}

/* Button */
.btn-wrap260 a,.btn-wrap240 a,.btn-wrap1000 a{float:left;display:block;font-weight:bold;text-align:center; font-size:14px;letter-spacing:-1px;}
.btn-wrap260{width:260px;margin:30px auto;overflow:hidden}
.btn-wrap240{width:245px;margin:20px auto;float:right;overflow:hidden}
.btn-wrap1000{width:1000px;margin:20px auto;float:right;overflow:hidden}
a.bt-submit{width:120px;height:32px;background:url(../img_quiz/o_img/page/btn_paper.gif); padding-left:11px;line-height:30px;color:#fff;margin-right:4px;}
a.bt-cash{width:134px;height:32px;background:url(../img_quiz/o_img/page/btn_cash.gif); padding-left:11px;line-height:30px;color:#fff;margin-right:4px;}
a.bt-list{width:108px;height:32px;background:url(../img_quiz/o_img/page/btn_list.gif);line-height:30px;color:#fff;}

/* footer */
.foot-wrap{width:100%;height:160px;border-top:1px solid #dedede;}
.footer{width:1000px;margin:30px auto 0 auto;overflow:hidden;}
.foot-me{width:800px;line-height:23px;margin:0 0 15px 0;}
.home{float:right;width:150px;margin-top:10px}
.home span{line-height:25px;color:#396da3;font-size:11px;background:url(../img_quiz/o_img/img/i_arrow.gif) no-repeat 0 4px;padding-left:10px}
.slash{padding:0 10px;color:#e1e1e1}
.foot-copy{width:800px;height:71px;font-size:12px;color:#848484}

/* 글자스타일지정*/
h3.title{font-size:16px;color:#323232;height:45px;line-height:50px;padding-left:3px}
.fs-org1{color:#f37e00;}
.fs-org2{color:#e46100;}
.fs-grey1{color:#7c7c7c;}
.fs-grey2{color:#333;}
.fs-grey3{ background:url(../img_quiz/o_img/page/i_dot1.gif) no-repeat 2px 8px; font-size:12px; line-height:20px; padding-left:10px; color:#666;}
.fs-blue1{color:#2a8ed0}
.fs-blue2{color:#3c8e92; font-size:12px; margin-left:10px}
.fs-blue3{color:#00939c}
.fs-white{color:#fff}
.fs-yel{color:#ffd40d}

/* 11.19  */
.titTxt{ display:inline-block; margin-right:6px;background:url(../img_quiz/o_img/page/tit_tag.png) no-repeat 10px 0; width:83px; letter-spacing:1px; height:26px; color:#004094; text-align:center; line-height:24px; font-weight:bold}
.result{border:0;border-collapse:collapse; border-top:1px solid #daf0f6}
.result th{ text-align:left; background:#f2f8fa; width:80px; padding:0 10px 0 10px;border:0;color:#294da2;padding:0 0 0 10px; height:28px;line-height:28px}
.result tr{border-bottom:1px solid #daf0f6;}
.result td{border:0; padding:0 10px 0 10px; height:28px; border-left:1px solid #daf0f6; line-height:28px}