@charset "euc-kr";
/* CSS Document */

button{cursor:pointer; font-size:12px;}

/* ·Î±×ÀÎÁ¤º¸ ÀÔ·Â */
#loginBeforeWrap{/* margin:190px 0 0 450px; *margin:170px 0 0 450px; */ width:170px; height:196px;}
#loginBeforeWrap .loginInputWrap{padding:5px; font-size:11px; color:#939598; letter-spacing:-1px; border:1px solid #d1d3d4; border-top:none;}
#loginBeforeWrap .bgColor{background:#f7f9fb;}
#loginBeforeWrap .loginInputWrap ul{border:1px solid #d1d3d4; height:60px; margin:7px 0 3px 0;}
#loginBeforeWrap .loginInputWrap ul li{border-bottom:1px solid #d1d3d4; padding:4px; line-height:13px;}
#loginBeforeWrap .loginInputWrap ul li input{border:none; padding:3px; font-size:11px;}
#loginBeforeWrap .loginInputWrap button.loginBtn{width:100%; background:#538be3; border:1px solid #345fad; color:#ffffff; font-weight:bold; padding:5px 0 5px 0; margin-bottom:10px;}
#loginBeforeWrap .loginInputWrap button.loginP{padding:13px 0 13px 0; margin-bottom:5px;}
#loginBeforeWrap .loginInputWrap button.loginP p{padding:8px 0 9px 0; *padding:8px 0 7px 0;}
#loginBeforeWrap .loginInputWrap button.loginBtn2{width:100%; background:url('/my_page/images/buttonBg.gif'); border:1px solid #d1d3d4; color:#000000; font-size:11px; height:28px; padding:8px 0 5px 0; *padding:7px 0 5px 0; margin-bottom:10px;}
#loginBeforeWrap p.type1{margin-top:10px; background:url('/my_page/images/bg1.gif') no-repeat; width:170px; height:170px; padding:80px 0 0 15px; font-size:11px;}
#loginBeforeWrap p.type2{margin-top:10px; background:url('/my_page/images/bg2.gif') no-repeat; width:170px; height:170px; padding:80px 0 0 15px; font-size:11px;}
#loginBeforeWrap p.type3{margin-top:10px; background:url('/my_page/images/bg3.gif') no-repeat; width:170px; height:170px; padding:80px 0 0 15px; font-size:11px;}
#loginBeforeWrap p.type1 a, #loginBeforeWrap p.type2 a, #loginBeforeWrap p.type3 a{color:#a7a9ac;}

/* UI Object */
.tab2{position:relative;height:29px;background:url('/my_page/images/tab_menu.gif') repeat-x 0 100%;font-family:'±¼¸²',gulim;font-size:11px}
.tab2 ul,.tab2 ul li{margin:0;padding:0}
.tab2 ul li{list-style:none}
.tab2 ul li,.tab2 ul li a{background:url('/my_page/images/bg_tab2_off.gif') no-repeat}
.tab2 ul li{float:left;margin-right:-1px;line-height:26px; letter-spacing:-1px;}
.tab2 ul li a{display:inline-block;padding:2px 7px 1px 7px;*padding:2px 6px 1px 7px;background-position: 100% 0;font-weight:bold;color:#a7a9ac;text-decoration:none !important}
.tab2 ul li a:hover{color:#000}
.tab2 ul li.on,.tab2 ul li.on a{background-image:url('/my_page/images/bg_tab2_on.gif')}
.tab2 ul li.on a{color:#414042}
/* //UI Object */

/* login after */
.loginWrap{border:1px solid #d1d3d4; background:#f7f9fb; border-bottom:none; width:168px;}
.loginWrap .loginInfo{padding:10px 0 8px 6px; height:30px;}
.loginWrap .loginInfo .smallTxt, .loginData, .mailWrap, .moneyWrap, .endTxt{font-size:12px;}
.loginWrap .loginInfo .marginBottom{margin-bottom:5px;}
.loginWrap .stateWrap{background:url('/my_page/images/stateBg.gif') no-repeat; width:150px; height:100px; margin:5px 0 0 8px; padding:0 0 7px 0; *padding:0 0 6px 0;}
.loginWrap .loginData{padding:10px 0 11px 10px; line-height:18px;}
.loginWrap .redColor{color:#ea0101;}
.loginWrap .mailWrap{padding-left:6px; text-align:center; margin-right:10px; line-height:18px; float:left; width:58px;}
.loginWrap .mailWrap a:link{text-decoration:underline; color:#ea0101;}
.loginWrap .mailWrap img{vertical-align:top; *vertical-align:top;}
.loginWrap .moneyWrap{line-height:18px; text-align:center; float:left ;width:65px;}
.loginWrap .moneyWrap img{vertical-align:top; *vertical-align:top;}
.loginWrap .btnWrap{margin:14px 0 0 11px;}
.loginWrap .btnWrap ul{margin-top:4px;}
.loginWrap .btnWrap ul li{display:block; float:left; margin-right:1px;}

/* service_end */
#loginWrap .loginInfo .endTxt{color:#ff0103;}

/* myPage */

#myPageWrap{width:100%; height:100%; min-height:1300px; background:#e6e7e8; padding:24px 0;}
#myPageWrap .myPage{width:1090px; margin:0 auto;}
.myPageLeft{width:140px; float:left; margin-right:10px; background:#ffffff; padding:50px 20px 20px 20px; *padding:40px 20px 20px 20px;}
.myPageLeft h1{width:140px; padding-bottom:12px; *padding-bottom:2px; border-bottom:2px solid #276ce7;}
.myPageLeft h2{width:140px; height:20px; background:url('/my_page/images/downArrow.gif') no-repeat right center; font-size:14px; font-family:'µ¸¿ò', dotum; color:#000000;}
.myPageLeft ul{display:block; border-bottom:1px solid #d1d3d4; margin-bottom:15px; *margin-bottom:15px;}
.myPageLeft ul li{display:block; margin-bottom:10px; line-height:18px; padding-left:10px; height:22px; *height:25px;}
.myPageLeft ul li.on{background:url('/my_page/images/dotted.gif') no-repeat left top;}
.myPageLeft ul li.on a{color:#276ce7;}
.myPageLeft ul li:hover{background:url('/my_page/images/dotted.gif') no-repeat left top;}
.myPageLeft ul li a:hover{color:#276ce7;}
.myPageLeft ul.borderNone{border:none;}

.myPageRight{width:860px; min-height:760px; float:left; background:#ffffff; padding:20px;}
.myPageRight .locate{text-align:right; font-size:11px;}
.myPageRight .locate span{color:#276ce7;}
.myPageRight .subTitle{border-bottom:2px solid #d1d3d4; margin:12px 0 10px 0;}
.myPageRight .subTitle h3{float:left;}
.myPageRight .subTitle ul{float:right;}
.myPageRight .subTitle ul li{float:left; margin-right:3px;}
.myPageRight .dataWrap{height:189px;}
.myPageRight .dataWrap table.dataTable{border:5px solid #c7dff4; float:left; margin-right:8px; height:189px;}
.myPageRight .dataWrap table.dataTable th{font-size:16px; padding:11px;}
.myPageRight .dataWrap table.dataTable td{font-family:Arial, Helvetica, sans-serif; font-size:34px; padding:15px 10px 13px 10px; *padding:15px 10px 14px 10px;}
.myPageRight .dataWrap table.dataTable td.dateTxt{text-align:right; border-bottom:2px dashed #d7d9d9; color:#276ce7;}
.myPageRight .dataWrap p.adWrap{float:left; width:550px; height:189px; background:url('/my_page/images/adBg2.gif') no-repeat; position:relative;}
.myPageRight .dataWrap p.adWrap button{width:130px; height:35px; background:#ff7800; border:1px solid #f00; position:absolute; bottom:10px; right:10px; color:#ffffff; font-size:14px; font-weight:bold;  font-family:'µ¸¿ò', dotum;}
.sectionWrap h4{height:16px; margin-bottom:9px;}
.sectionWrap .groupWrap{border:5px solid #e6e7e8; padding:10px;}
.sectionWrap .groupWrap table{width:100%;}
.sectionWrap .groupWrap table td{font-size:16px; font-weight:bold; text-align:right; line-height:20px; padding:10px 20px; border-right:2px solid #e1e1e1;}
.sectionWrap .groupWrap table td span{font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; padding-top:5px; display:inline-block}
.sectionWrap .groupWrap table td.ico_1{background:url('/my_page/images/ico_1.gif') no-repeat;}
.sectionWrap .groupWrap table td.ico_2{background:url('/my_page/images/ico_2.gif') no-repeat;}
.sectionWrap .groupWrap table td.ico_3{background:url('/my_page/images/ico_3.gif') no-repeat; border:none;}
.sectionWrap .groupWrap table td.ico_4{background:url('/my_page/images/ico_6.gif') no-repeat;}
.sectionWrap .groupWrap table td.ico_5{background:url('/my_page/images/ico_7.gif') no-repeat left center; padding:22px 20px; vertical-align:middle;}
.sectionWrap .groupWrap table td.ico_6{background:url('/my_page/images/ico_8.gif') no-repeat;}
.sectionWrap .groupWrap table td.ico_7{background:url('/my_page/images/ico_9.gif') no-repeat;}
.sectionWrap .groupWrap table td.ico_8{background:url('/my_page/images/ico_3.gif') no-repeat;}
.sectionWrap .groupWrap table td.ico_9{background:url('/my_page/images/ico_4.gif') no-repeat left center; padding:22px 20px; vertical-align:middle;}
.sectionWrap .groupWrap table td.ico_10{background:url('/my_page/images/ico_5.gif') no-repeat left center; padding:22px 20px; vertical-align:middle;}
.sectionWrap .groupWrap table td.ico_11{background:url('/my_page/images/ico_10.gif') no-repeat left center; padding:22px 20px; vertical-align:middle;}
.sectionWrap .groupWrap table td.ico_12{background:url('/my_page/images/ico_11.gif') no-repeat left center; padding:22px 20px; vertical-align:middle;}
.sectionWrap .groupWrap table td.noticeTxt{font-size:12px; text-align:left; vertical-align:middle; color:#256be4; line-height:14px;}
.sectionWrap .groupWrap table td.noticeTxt span.norTxt{font-size:12px; color:#949496; font-weight:normal;}
.sectionWrap .groupWrap table td.leftA{font-size:12px; text-align:left; vertical-align:middle; font-weight:normal; border:none;}
.sectionWrap .groupWrap table td.centerA{font-size:12px; text-align:left; vertical-align:middle; font-weight:normal; border:none;}
.sectionWrap .groupWrap table td.borderNone{border:none;}
.sectionWrap ul.alarm{}
.sectionWrap ul.alarm li.on{border:1px solid #276ce7; background:url('/my_page/images/useBg.gif') no-repeat right;}
.sectionWrap ul.alarm li.off{border:1px solid #c7c8ca; background:url('/my_page/images/noneBg.gif') no-repeat right;}
.sectionWrap ul.alarm li{display:block; float:left; width:196px; height:48px; padding:20px 0 0 10px; margin-right:7px;}
.sectionWrap ul.alarm li span{font-size:16px; text-align:center; display:inline-block; width:130px;}
.sectionWrap ul.alarm li span .smTxt{font-size:12px; color:#939598;}
.sectionWrap ul.report{}
.sectionWrap ul.report li{display:block; float:left; font-size:16px; border:5px solid #e6e7e8; padding:30px 20px; text-align:right; width:232px; margin-right:7px;}
.sectionWrap ul.report li.ico_4{background:url('/my_page/images/ico_4.gif') no-repeat left center;}
.sectionWrap ul.report li.ico_5{background:url('/my_page/images/ico_5.gif') no-repeat left center;}

.searchWrap{position:relative; height:25px;}
.searchWrap p{height:30px; padding-left:10px;}
.searchWrap p input{padding:4px; width:80px; border:1px solid #d2d3d5;}
.searchWrap p button{background:#949599; border:none; color:#ffffff; padding:6px 10px 5px 10px; *padding:4px 3px 5px 3px;}
.searchWrap button.useButton{position:absolute; top:0; right:0; padding:6px 10px 5px 10px; *padding:4px 0px 5px 0px; background:#286ce9; color:#ffffff; border:none;}
.searchWrap .remote{position:absolute; top:0; right:0; height:30px;}
.searchWrap .remote li{display:block; float:left; height:30px; margin-right:5px;}
.searchWrap .remote li.list{background:#ffffff; height:18px; border:1px solid #d3d3d3; padding:8px 10px 2px 10px;}
.searchWrap .remote li.list2{background:#266ce8; height:18px; border:1px solid #266ce8; padding:8px 10px 2px 10px;}
.searchWrap .remote li.list2 a{color:#ffffff;}
table.recordTable{width:100%; border-top:1px solid #d2d4d3;}
table.recordTable th{font-weight:bold; font-size:14px; background:#e2ecf8;}
table.recordTable th, table.recordTable td{padding:12px 10px; text-align:center; border-bottom:1px solid #d2d4d3; vertical-align:middle;}
table.recordTable td.blue{color:#024fdd;}
table.recordTable td.red{color:#e92728;}
table.addBorder{border-left:1px solid #d2d4d3;}
table.addBorder th, table.addBorder td{border-right:1px solid #d2d4d3}

.questionLayer2{width:318px; border:1px solid #4a9900; background:#ffffff; position:absolute; padding:10px 15px;}
.questionLayer2 img{position:absolute; top:-9px; left:80px;}
.questionLayer2 p{color:#000000; font:normal 11px/1.5 "µ¸¿ò"; letter-spacing:-1px;}

/* page */
.screen_out {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px}
.img_sample {background:url('/my_page/images/arrow.png') no-repeat 0 0}
.paging_comm {font-weight:bold;font-size:14px;line-height:14px;text-align:center;vertical-align:top}
.paging_comm .link_page {display:inline-block;padding:6px 8px 5px 7px;margin-right:5px;text-decoration:none; color:#949597;}
.paging_comm .link_page:hover,
.paging_comm em.link_page {background:#949599;color:#ffffff;font-weight:bold}
.paging_comm .img_sample {display:inline-block;padding:6px 2px 4px 3px;border:0 none;font-weight:normal;color:#999;text-decoration:none}
.paging_comm .link_page:hover {text-decoration:none}
.paging_comm .btn_prev {padding-left:6px;background-position:0 10px}
.paging_comm .btn_next {padding-right:7px;background-position:100% -10px}
.paging_comm a.btn_prev:hover {background-position:0 -30px;color:#333}
.paging_comm a.btn_next:hover {background-position:100% -50px;color:#333}
.paging_comm span.btn_prev {background-position:0 10px;color:#999}
.paging_comm span.btn_next {background-position:100% -10px;color:#999}

ul.coupon li{display:block; float:left; width:120px; height:55px; text-align:center; padding:25px 0 0 0; line-height:16px; margin:0 8px 8px 0;}
ul.coupon li.none{background:url('/my_page/images/ticket_0.gif') no-repeat;}
ul.coupon li span{font-size:11px !important; font-weight:normal !important;}
ul.coupon li.level_1{background:url('/my_page/images/ticket_1.gif') no-repeat; height:45px; padding:35px 0 0 0; font-size:14px; font-weight:bold;}
ul.coupon li.level_2{background:url('/my_page/images/ticket_2.gif') no-repeat; height:45px; padding:35px 0 0 0; font-size:14px; font-weight:bold;}
ul.coupon li.level_3{background:url('/my_page/images/ticket_3.gif') no-repeat; height:45px; padding:35px 0 0 0; font-size:14px; font-weight:bold;}
ul.coupon li.level_4{background:url('/my_page/images/ticket_4.gif') no-repeat; height:45px; padding:35px 0 0 0; font-size:14px; font-weight:bold;}
ul.coupon li.level_5{background:url('/my_page/images/ticket_5.gif') no-repeat; height:45px; padding:35px 0 0 0; font-size:14px; font-weight:bold;}
ul.coupon li.level_6{background:url('/my_page/images/ticket_6.gif') no-repeat; height:45px; padding:35px 0 0 0; font-size:14px; font-weight:bold;}

.leftA{text-align:left !important;}
.inputTxt{width:90%; border:1px solid #d2d3d5; padding:3px;}
.inputTxt2{border:1px solid #d2d3d5; padding:3px;}
p.noticeTxt img{vertical-align:middle;}
img{vertical-align:middle;}
p.mail{font-size:12px; color:#256ce8;}

ul.check li{line-height:18px;}


table.inputTable{width:100%; border-top:1px solid #d2d4d3;}
table.inputTable th{font-weight:bold; font-size:14px; background:#e2ecf8; text-align:left;}
table.inputTable th, table.inputTable td{padding:8px 10px; text-align:left; border-bottom:1px solid #d2d4d3; vertical-align:middle;}
table.inputTable td img{ vertical-align:top;}

table.inputTable2 {width:100%; border-top:1px solid #d2d4d3;}
table.inputTable2 th{font-weight:bold; font-size:14px; background:#e2ecf8; text-align:left;}
table.inputTable2 th, table.inputTable2 td{padding:8px 10px; text-align:center; border-bottom:1px solid #d2d4d3; vertical-align:middle;}
table.inputTable2 td img{ vertical-align:top;}
table.inputTable2 td input{ text-align:center;}

.buttonWrap{text-align:center;}
.buttonWrap span{text-align:center;}

/* myPagePopUP */
#myPagePop{width:440px; padding:20px;}
#myPagePop h1{margin-top:10px; *margin:0;}
.buttonWrap button{border:none; font-size:12px; color:#ffffff; font-weight:bold; padding:5px 45px 5px 45px; *padding:5px 25px 5px 25px; *margin-right:5px;}
.buttonWrap button.on{background:#276ce7;}
.buttonWrap button.off{background:#a8a9ad;}