﻿/*  LIST 페이지  */
.sWrap{width:1080px;margin:0 auto;background:url(../img_test/img/lnb_bg.gif) repeat-y;padding:0 0 50px 0;overflow:hidden}
.sbg{background:url(../img_test/img/sbg.png) no-repeat 0 0;font-size:0;text-indent:-9999px}
.cont{float:left;width:754px}

/*  LNB영역  */
.lnbWrap{width:206px;float:left;margin:0 40px 0 0}
.lnbtit{background:url(../img_test/img/lnb_tit.gif) no-repeat 20px 20px;padding:45px 23px 15px 23px;width:160px;height:130px;border-bottom:1px solid #dfdfdf;text-align:center}
.lnbtit h2{font-size:24px;color:#111;height:30px;line-height:30px;padding:10px 0 0 0;letter-spacing:-2px}
.lnbtit span{display:block;width:90px;height:70px;margin:0 auto}
.lnbtit span.log{background-position:0 0}
.lnb{width:206px}
.lnb li{padding:10px 20px;height:18px;line-height:18px;border-bottom:1px solid #dfdfdf}
.lnb li a{color:#333;font-size:13px}
.lnb li.on{background:#fff url(../img_test/img/i_dot1.gif) no-repeat 186px 12px}
.lnb li.on a{color:#1699dc;font-weight:bold}
.lnb_search{height:72px;width:188px;padding:18px 0 0 12px;border:3px solid #64b7e7}
.lnb_search a{background-position:0 -295px;display:block}
.lnb_ban li{background:#dee3ec;border-bottom:1px solid #b0bbd1;border-top:1px solid #d3d9e6;margin:0 0 2px 0;width:205px;height:55px;padding:20px 0}
.lnb_ban a{display:block;width:175px;margin:0 0 0 15px;height:55px;background-position:0 -95px}
.lnb_ban a.ban1{background-position:0 -200px}
.snbTit{padding:15px 10px 15px 15px;height:40px;line-height:36px;font-size:21px;letter-spacing:-2px;border-bottom:1px solid #dfdfdf;overflow:hidden}
.snbTit span{display:inline-block;float:left}
.snbTit em{display:inline-block;float:right;vertical-align:middle;background-position:-392px -137px;height:38px;width:38px}
.snbTit em.snb1{background-position:-392px -192px}
.snbTit em.snb2{background-position:-392px -243px}
.snbTit em.snb3{background-position:-120px 0}
.snbTit em.snb4{background-position:-186px 0}
.snbTit em.snb5{background-position:-242px 0}
.snbTit em.snb6{background-position:-302px 0}

.log_my{padding:15px 13px;width:180px;height:160px;border-bottom:1px solid #dfdfdf;overflow:hidden}
.log_my h3{overflow:hidden;font-size:13px;letter-spacing:0;color:#666;height:18px;line-height:18px;padding:10px 0;border-bottom:1px solid #dfdfdf}
.log_my h3 em{float:left;display:inline-block;background-position:-391px -100px;height:20px;width:20px;margin:0 5px 0 0}
.log_my ul{margin:14px 0}
.log_my li{background:url(../img_test/img/i_dot.gif) no-repeat 3px center;padding:2px 0 2px 10px}
.log_my .mbtn{float:left;margin:0 2px;width:60px}

/*  Sub Title  */
.sTit{padding:15px 300px 0 4px;width:450px;margin:0 0 30px 0;background:url(../img_test/img/tit_login.png) no-repeat right bottom;border-bottom:2px solid #464646;height:175px}
.sTit.my{background:url(../img_test/img/tit_my.png) no-repeat right bottom}
.sTit.s1{background:url(../img_test/img/s1_tit.png) no-repeat right bottom}
.sTit.s2{background:url(../img_test/img/s2_tit.png) no-repeat right bottom}
.sTit.s3{background:url(../img_test/img/s3_tit.png) no-repeat right bottom}
.sTit.s4{background:url(../img_test/img/s4_tit.png) no-repeat right bottom}
.sTit.s5{background:url(../img_test/img/s5_tit.png) no-repeat right bottom}
.sTit.s6{background:url(../img_test/img/s6_tit.png) no-repeat right bottom}
.sTit h2{font-size:36px;line-height:36px;letter-spacing:-2px;color:#111}
.sTit h2 span{display:block;font-size:14px;letter-spacing:-1px;line-height:18px;color:#666;margin:10px 0 0 0;font-weight:normal}
.navi a{color:#888}
.navi{font-size:11px;font-family:dotum;letter-spacing:-1px;padding:20px 0}
.navi a:last-child{color:#1699dc}
.navi span{padding:0 5px;color:#ccc}
.sfont{font-size:11px;letter-spacing:-1px;padding:0 5px 0 0;line-height:15px}

/*  Sub Page  */
.insa{width:750px;padding:40px 0;height:620px;background:url(../img_test/img/s1_img1.gif) no-repeat right 60px}
.insa h3{margin:0 0 50px 0}
.insaTxt{width:480px;font-size:15px;letter-spacing:-1px;line-height:24px;margin:0 0 30px 0}
.test_info{margin:0 0 60px 0}
.tsTit{color:#111;font-size:19px;padding:10px 0 15px 5px;border-bottom:1px solid #dfdfdf;margin:0 0 25px 0}
/*.test_txt{margin:5px 0 25px 10px}  */
/*.test_txt dt{font-size:17px;letter-spacing:-1px;font-weight:bold;color:#1c92dc;margin:0 0 8px 0}  */
/*.test_txt dd{background:url(../img_test/img/i_dot.gif) no-repeat 3px 14px;color:#666;font-size:14px;padding:5px 0 5px 12px;line-height:20px}  */
.cWrap{width:750px;padding:20px 0}

/*  My page  */
.mileTxt{border:1px solid #bfd8ee;border-radius:2px;background:#fafafa;padding:20px 40px 20px 50px;width:660px;margin:0 0 50px 0;overflow:hidden}
.mileTxt dd{float:left;background-position:-205px -296px;width:96px;height:96px;margin:0 30px 0 0}
.mileTxt dd.pay{background-position:-325px -296px}
.mileTxt dt{float:right;width:530px;line-height:18px}
.mileTxt h3{padding:15px 0 10px 0;font-size:20px}
.quizBtn .mbtn{height:28px;line-height:27px;float:left;margin:0 2px}

/*  마일리지 부분  */
.dateWrap{border:1px solid #bfd8ee;border-radius:2px;background:#fafafa;margin:0 0 30px 0}
.date1{height:30px;border-bottom:1px solid #bfd8ee;padding:10px 0 8px 0;overflow:hidden}
.dateWrap h4{font-size:13px;margin:8px 25px 0 30px ;width:65px;color:#333;float:left}
.date_4ea{float:left;background:url(../img_test/img/myg.png) no-repeat -108px 0;overflow:hidden;width:220px;height:29px}
.date_4ea li{width:54px;text-align:center;color:#444;float:left}
.date_4ea li a{width:54px;height:28px;line-height:28px;display:block}
.date_4ea li a.on{background:url(../img_test/img/myg.png) no-repeat 0 0;color:#fff}
.date2{height:30px;padding:8px 0 6px 120px;overflow:hidden}
.date2 li{float:left;padding:0 5px 0 0}
.datetxt{margin:0 0 0 10px;line-height:28px}

/*  회원가입 부분  */
.logBox{border:1px solid #d5dbe5;background:#fafafa;overflow:hidden;border-radius:2px;width:650px;height:360px;padding:50px 40px 40px 60px;position:relative}
.logtit{float:left;width:166px;height:166px;margin:20px 64px 0 0;background-position:-202px -95px}
.login{float:right;width:412px;position:relative}
.login h3{padding:20px 0;font-size:42px;font-weight:normal;letter-spacing:-3px;color:#9c9c9c}
.login h3 span{color:#006bbe}
.login strong{font-size:16px;line-height:26px}
.login ul{overflow:hidden;width:424px;margin:50px 0 0 0}

.tit_sub{background:url(../img_test/img/i_dot2.png) no-repeat 5px 12px;font-size:18px;color:#111;height:18px;line-height:20px;padding:10px 0 18px 26px}
.ipFind{overflow:hidden;position:absolute;top:320px;left:50px;width:652px;padding:20px 0 0 0;border-top:1px solid #d5dbe5}
.ipFind li{float:left;width:275px;height:56px;font-size:13px;padding:0 25px}
.ipbr{border-right:1px dotted #dddddc}

.outTxt, .idpw{border:1px solid #bfd8ee;border-radius:2px;padding:20px 30px;width:690px;margin:0 0 30px 0}
.idpw dt{line-height:20px;padding:0 0 20px 0;border-bottom:1px dashed #bfd8ee;font-size:13px;letter-spacing:-1px}
.idpw ul{margin:20px 0 0 0;overflow:hidden}
.idpw li{float:left;width:335px;padding:0 0 5px 10px}
.idpw li strong{font-size:13px;display:inline-block;width:55px;margin:0 10px 0 0}

.outTxt li{padding:8px 0 8px 10px;background:url(../img_test/img/i_dot.gif) no-repeat 0 18px;line-height:22px}
.outTxt li p{color:#888;font-size:11px;font-family:dotum;letter-spacing:-1px}
.scroll{margin:0 0 12px 0;height:200px;padding:16px;line-height:21px;border:1px solid #dddddc;background:#fff;border-radius:3px;overflow-y:scroll;color:#7f7f7f}
.vrTxt dt{font-size:34px;letter-spacing:-2px;line-height:40px;padding:30px 0 60px 20px}
.vrTxt dd{padding:0 0 0 20px;line-height:22px;font-size:13px;letter-spacing:-1px}
.ipin{margin:70px 0;text-align:center}
.outList{overflow:hidden;margin:0 0 30px 0}
.outList ul{float:left;width:180px}
.outList li{height:24px}
.outList li input{margin:0 4px 0 0}
.outre{margin:0 0 40px 0}
.outre dt{font-size:15px;letter-spacing:-1px;padding:0 0 8px 0;height:14px;font-weight:bold}
.outre dd{padding:3px 0;font-size:12px}
.agreebar{margin:20px 0 30px 0}

/*  Table 속성  */
.ttbl, .tbl, .ftbl{margin:0 0 20px 0;border-top:2px solid #8abae8;font-size:13px}
.tbl th, .ftbl th{height:28px;line-height:28px;border-bottom:1px solid #d4e4f2;border-right:1px solid #d4e4f2;background:#f5f9fd;padding:7px 12px}
.stbl th:last-child, .ttbl th:last-child, .tbl th:last-child, .ftbl th:last-child{border-right:0}
.tbl td{text-align:center;border-bottom:1px solid #d4e4f2;line-height:28px;height:28px;color:#555;padding:7px 10px}
.ftbl td{border-bottom:1px solid #d4e4f2;line-height:28px;height:28px;color:#555;padding:7px 10px}
th.tl, td.tl{text-align:left !important}
th.tr, td.tr{text-align:right !important}
.tblTxt{padding:12px 0;color:#006bbe;text-align:right}
.ttbl th{height:24px;line-height:20px;border-bottom:1px solid #d4e4f2;border-right:1px solid #d4e4f2;background:#f5f9fd;padding:10px 12px}
.ttbl td{height:24px;line-height:20px;border-bottom:1px solid #d4e4f2;padding:10px 12px;text-align:center}

.tttbl{margin:0 0 20px 0;font-size:13px}
.tttbl td{height:24px;line-height:20px;padding:10px 12px;text-align:center}

.stbl{border:1px solid #d4e4f2;border-radius:2px;border-bottom:0;border-right:0;font-size:13px;background:#fafafa}
.stbl th{height:18px;line-height:18px;border-bottom:1px solid #d4e4f2;color:#2365be;background:#fafafa;border-right:1px solid #d4e4f2;padding:8px 12px}
.stbl td{height:18px;line-height:18px;border-bottom:1px solid #d4e4f2;border-right:1px solid #d4e4f2;padding:8px 12px;text-align:center;color:#666}
.sjtit{display:inline-block;vertical-align:middle;background:#fff;border:1px solid #afc6db;border-radius:4px;padding:0 12px;height:24px;line-height:24px;color:#07a800;font-size:13px;margin:0 5px 0 0}
.tstbl{border-top:1px solid #1479c7;margin:15px 0 25px 0;font-size:13px}
.tstbl th{height:18px;line-height:18px;color:#1d69a3;background:#f2f9ff;border-right:1px solid #b3d2e9;padding:9px 12px;font-weight:normal}
.tstbl td{height:18px;line-height:18px;border-bottom:1px solid #b3d2e9;border-right:1px solid #b3d2e9;padding:9px 12px;text-align:center;color:#454545;font-weight:normal}
.brn{border-right:0 !important}

/*  Button  */
.sbtn{display:inline-block;vertical-align:middle;background:#fff;border:1px solid #afc6db;border-radius:2px;padding:0 14px;height:26px;line-height:26px;color:#3e5064;letter-spacing:-1px;font-size:12px}
.cBtn{margin:30px 0 50px 0;text-align:center}
.btn{display:inline-block;text-align:center;text-decoration:none;height:44px;line-height:43px;border-radius:3px;padding:0 35px;color:#fff !important;font-size:15px;font-weight:bold;letter-spacing:-1px}
.mbtn{display:inline-block;text-align:center;text-decoration:none;height:30px;line-height:29px;border-radius:3px;padding:0 10px;color:#fff !important;font-size:13px;font-weight:bold;letter-spacing:-1px}
.blue{background:#1699dc;border:1px solid #0c8aca}
.red{background:#cc0000;border:1px solid #ff6633}
.ablue{background:#f7fbff;border:1px solid #aacef2;color:#2465bc !important}
.grey{background:#646e7d;border:1px solid #5a6370}
.green{background:#058a00;border:1px solid #047000}

.memBtn{position:absolute;top:152px;left:245px;background:#1699dc;border:1px solid #0c8aca;height:74px;line-height:73px;border-radius:3px;width:96px;text-align:center;color:#fff !important;font-size:15px;font-weight:bold}

/*  Paging  */
.paging{text-align:center;padding:0 0 30px 0}
.paging strong{color:#0088ce !important;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:#666;line-height:26px}

/* FORM STYLE */
.selTxt{padding:2px;border-radius:3px;line-height:25px;height:26px;color:#666;font-size:13px;border:1px solid #d7e0e7;background:#fafafa}
.selTxt1{padding:2px;border-radius:3px;line-height:25px;height:26px;color:#666;font-size:13px;border:1px solid #d7e0e7;background:#fff}
.inpTxtf{padding:2px 8px;border-radius:3px;line-height:21px;height:22px;color:#666;font-size:13px;border:1px solid #ccc;background:#fafafa}
.inpTxt1{padding:2px 8px;border-radius:3px;line-height:21px;color:#666;font-size:13px;height:22px;border:1px solid #d7e0e7;background:#fafafa}
.txtarea{padding:5px;border:1px solid #cacfcd;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;height:120px;line-height:20px;color:#666}

/*  넓이,길이 */
.w30{width:30px}
.w60{width:60px}
.w80{width:80px}
.w100{width:100px}
.w150{width:150px}
.w170{width:170px}
.w180{width:185px}
.w250{width:245px}
.w500{width:500px} 
.w400{width:400px} 
.w300{width:300px} 
.w200{width:200px} 
.w560{width:560px} 
.pl20{padding:0 0 0 20px}
.pr20{padding:0 20px 0 0}
.mr40{margin:0 40px 0 0}
.mb8{margin:0 0 8px 0}
.mb60{margin:0 0 60px 0}
.mt10{margin:10px 0 0 0}

/*  Font style */
.fb{color:#006bbe}
.fr{color:#dd3001}

/* Board Search 부분 */
.scr-box{position:relative;z-index:5;width:750px;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}

.btn-test, .btn-test a{display:inline-block; overflow:visible; background:url(../img_test/img/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;}

.btnsr{display:inline-block;font-size:11px;color:#fff !important;border-radius:3px;vertical-align:middle;padding:2px 6px;line-height:19px;background:#cc0000;border:1px solid #cc0000}
.btnsb{display:inline-block;font-size:11px;color:#fff !important;border-radius:3px;vertical-align:middle;padding:2px 6px;line-height:19px;background:#336699;border:1px solid #336699}
.btns{display:inline-block;font-size:11px;color:#fff !important;border-radius:3px;vertical-align:middle;padding:2px 6px;line-height:19px;background:#40af36;border:1px solid #40af36}
.btns.trans{background:#fff;color:#336699 !important;border-color:#d1d5dc}
.btns.trans1{background:#fff;color:#cc0000 !important;border-color:#d1d5dc}

.tCate{border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;margin:0 0 30px 0;font-size:13px}
.tCate td{padding:12px;line-height:16px;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;letter-spacing:-1px;}
.tCate td.on a{color:#e62b00;font-weight:bold}

.pwrap{width:100%;margin:0 auto;}
.pop_tit{height:70px;padding:0 20px;background:#1fa6eb;border-bottom:3px solid #4c5365;overflow:hidden}
.pop_tit h1{font-size:32px;font-weight:normal;padding:18px 0 0 0;line-height:34px;color:#fff;float:left;display:inline-block}

.pop_tita{height:70px;padding:0 20px;background:#cc0000;border-bottom:3px solid #4c5365;overflow:hidden}
.pop_tita h1{font-size:32px;font-weight:normal;padding:18px 0 0 0;line-height:34px;color:#fff;float:left;display:inline-block}

.alarm{display:inline-block;width:160px;float:right;text-align:right;color:#b7e9fe;padding:18px 0 0 0;line-height:34px;}
.alarm span{font-family:tahoma;font-size:30px;padding:0 0 0 10px;color:#fff}
.test_zone{padding:20px 80px;}
.test_txt{padding:40px 15px;}
.test_txt dt{padding:0 0 14px 0;font-weight:bold;font-size:16px;line-height:24px;color:#333}
.test_txt dd{font-size:14px;padding:5px 0 5px 12px;line-height:22px;color:#666}
.test_txt dd input{margin-right:10px}
.test_txt textarea{border:1px solid #ddd;height:100px;line-height:20px;width:768px;font-size:13px;color:#555;padding:10px 15px}
.qbtnwrap{margin:40px auto;overflow:hidden;text-align:center}
.qbtn{display:inline-block;font-weight:bold;font-size:18px;color:#fff !important;letter-spacing:-1px;vertical-align:middle;padding:16px 46px;line-height:24px;background:#46a5ff;border:1px solid #3096f7;margin:0 3px}
.qbtn1{display:inline-block;font-weight:bold;font-size:18px;color:#fff !important;letter-spacing:-1px;vertical-align:middle;padding:16px 46px;line-height:24px;background:#ff6633;border:1px solid #cc0000;margin:0 3px}
.qbtn.next{background:#4a5470 url(../img_test/img/btn_arr.png) no-repeat 112px 18px;border-color:#3f4966;padding:16px 80px 16px 36px}
.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}

.pho_list{width:750px;margin:0 0 20px 0;padding:10px 0;border-top:1px solid #666;border-bottom:1px solid #e5e5e5}
.pho_list ul{overflow:hidden;padding:20px 0}
.pho_list li{float:left;width:165px;overflow:hidden;margin:0 0 30px 0;padding:0 10px}
.pho_list li img{display:block;width:160px;height:122px;margin:0 auto;border:1px solid #efefef;background:#f7f7f7}
.pho_list li strong{display:block;padding:8px 6px 5px 6px;color:#333}
.pho_list li em{display:block;padding:0 0 0 5px;color:#888;font-size:12px}

.ban_box{width:750px;margin:0 0 50px 0;border-top:1px solid #666;}
.ban_box dl{overflow:hidden;width:750px;height:120px;padding:15px 15px;border-bottom:1px solid #e5e5e5}
.ban_box dt{float:left;background:#fff;padding:2px;margin:0 15px 0 0;width:166px;height:120px;border:1px solid #dfdfdf}
.ban_box dt img{display:block;width:159px;height:117px;margin:0 auto;border:1px solid #efefef;background:#f7f7f7}
.ban_txt{float:left;width:530px}
.ban_txt h4{font-size:15px;color:#333;margin:8px 0}
.ban_url{display:block;margin:6px 0 0 0;color:#287abb !important}

.reBox{width:720px;position:relative;height:110px;background:#f7fbff;border:1px solid #ddebf7;margin:10px 0 0 0;padding:5px 14px}
.re_inp{line-height:18px;padding:4px 0 6px 0}
.reBox .txtarea{height:54px !important;width:608px}
.reBox .rebtn{position:absolute;top:33px;right:44px}

.logform li{display:block;margin:0 0 5px 0;width:212px;background:#fff;border:1px solid #ccc;padding:4px 12px;height:26px;border-radius:3px;overflow:hidden}
.logform li strong{display:inline-block;width:70px;font-size:13px;float:left}
.ico{float:left;background-position:-512px 2px;width:20px;height:22px;display:inline-block;vertical-align:middle;margin:0 5px 0 0}
.ico.pw{background-position:-512px -37px}
.inpTxt{float:left;width:180px;height:21px;color:#424a56;padding:2px 0;border:none;font-family:nanumgothic;color:#000000}