@charset "utf-8";
/* CSS Document */

html, body{width:100%;}
body{margin:0; font-family:"돋움", Arial; font-size:12px; color:#555; line-height:150%;}
h1{margin:0 0 0 20px; background-repeat:no-repeat; text-indent:-10000px; height:50px;}
/*h2{ margin:0; font-size:100%; color:#4d5f77;}*/
h2{font-size:140%; letter-spacing:-1px; background:url(/img/common/bul_h2.jpg) no-repeat left; padding-left:20px;}
h3{ font-size:100%; margin-top:20px; margin-bottom:10px;background:url(/img/common/bul_h3.jpg) no-repeat left; padding-left:15px;}
select{font-size:100%; font-family:"돋움"; padding:1px;}
input, textarea{font-family:"돋움"; font-size:100%;}
img{border:none;}
table{ line-height:150%;}
caption{text-align:left; margin-bottom:5px;}

a:link{color:#555; text-decoration:none;}
a:active{color:#555; text-decoration:none;}
a:visited{color:#555; text-decoration:none;}
a:hover{color:#000; text-decoration:none;}

#top{background:url(/img/common/bg_visual3.jpg) top no-repeat; width:100%;}
#topBg01{background: url(/img/common/topBg01.jpg) top no-repeat; width:100%;}
#topBg02{background: url(/img/common/topBg02.jpg) top no-repeat; width:100%;}
#topBg03{background: url(/img/common/topBg03.jpg) top no-repeat; width:100%;}
#topBg04{background: url(/img/common/topBg04.jpg) top no-repeat; width:100%;}
#topBg05{background: url(/img/common/topBg05.jpg) top no-repeat; width:100%;}
#topBg06{background: url(/img/common/topBg06.jpg) top no-repeat; width:100%;}
#imsi{ background: url(/img/common/imsi.png); width:908px; height:333px; position: absolute; left:50%; margin-left:-454px;}
#login{position:absolute; top:180px; left:50%; margin-left:260px; color:#f6c8c0; width:166px;}
#login .tit{text-align:left;}
#login .left_btn{float:left;}
#login .right_btn{float: right;}
#login ul{margin:10px 0; list-style:none; padding:0;}
#login li{ background:url(/img/main/bul_red.gif) no-repeat left; padding-left:15px; margin:0;}
#model1{position:absolute; left:50%; margin-left:-630px; top:0; display:none;}
#model2{position:absolute; left:50%; margin-left:425px; top:0; display:none;}
/*#menu{position:absolute; top:0; left:50%; margin-left:-454px;}*/
#menu{ width: 908px; margin:auto;}
/*#wrap{position:absolute; top:333px; left:50%; margin-left:-450px; width:900px;}*/
#wrap{ width:900px; margin:auto;}
#body{float:left; width:656px;}
#location{margin-bottom:20px; margin-left:23px;}
#right_menu{float:right; width:214px;}
#foot{clear:both;}
#numUser{text-align:center; padding-top:20px;}

#paging{ margin-top:20px; text-align:center;}
#paging .pLeftBtn{margin-right:10px; letter-spacing:-5px;}
#paging .pRightBtn{margin-left:10px; letter-spacing:-5px;}
#paging .active{font-weight:bold; color:#000;}

.center{text-align:center;}

.tab ul{list-style:none; padding:7px 0; background:#2e4c72; color:#FFF; height:17px; border:solid 2px #2e4c72; border-bottom:none; margin-left:0;}
.tab li{display:inline; padding:20px;}
.tab .active{background:#FFF; color:#2e4c72; padding:10px 20px; height:15px; font-weight:bold;}
.tab .non_active{background: none; color:#fff; padding:10px 20px; height:15px; font-weight: lighter;}

.tab2 ul{list-style:none; padding:7px 0; height:15px; border-bottom: solid 2px #2e4c72;}
.tab2 li{display:inline; padding:20px; cursor:pointer;}
.tab2 .active{ padding:9px 20px; font-weight:bold; border:solid 2px #2e4c72; border-bottom:none; background:#FFF;}
.tab2 .non_active{background: none; color:#fff; padding:10px 20px; height:15px; font-weight: lighter;}

.png24 { tmp: expression(setPng24(this)); }

.contents_box{border:solid 3px #b3c8e4; background:#e0e8f3; padding:20px 50px; text-align:center;}
.whiteBox{border:solid 3px #b3c8e4; padding:20px 50px;}
.whiteBox dl{margin:0 0 0 20px;}
.whiteBox dt{font-weight:bold; color:#3d6dad;}
.whiteBox dd{margin:-18px 0 0 40px;}

.login_input{background:#c26f62 no-repeat; padding:5px; border-top: solid 2px #a9584a; border-left:solid 2px #a9584a; border-right:solid 2px #bd6959; border-bottom:solid 2px #bd6959; width:152px; color:#FFF;}

.finish{text-align:center; padding-top:30px; clear:both;}

.floatLeft{float:left;}
.floatRight{float: right;}
.clearBoth{clear:both; height:1px;}

.tbDefault{ width: 100%; border-top:solid 2px #b3c8e4; border-bottom:solid 2px #b3c8e4; border-collapse:collapse; margin-top:5px;}
.tbDefault .tit{font-weight:bold; color:#4d5f77; text-align:center;}
.tbDefault th{background:#dae4f1; padding:5px; color:#4d5f77; border-bottom:solid 1px #b3c8e4;}
.tbDefault .contents{ padding:20px; border-bottom:solid 1px #719396;}
.tbDefault td{ border-bottom:solid 1px #ccc; padding:5px;}
.tbDefault .reply{word-break:break-all;}

.tbFAQ{width:100%; border-top:solid 2px #2e4c72; border-bottom:solid 2px #2e4c72; border-collapse:collapse;}
.tbFAQ td{padding:5px;}
.tbFAQ .q{font-size:120%; font-weight:bold; width:50px; text-align:center; background:#cddbe5; color:#2e4c72;}
.tbFAQ .a{font-size:120%; font-weight:bold; width:50px; text-align:center; background:#cddbe5; color:#2e4c72;}
.tbFAQ .question{}
.tbFAQ .answer{ background:#e8eff4;}
.tbFAQ .line{ border-top:solid 1px #afc4d3;}

.stepDiv{margin-left:10px;}
.stepDiv .step{float:left; margin:0 7px; text-align:center;}
.stepDiv .step img{margin-bottom:5px;}

.btn{
 color:#ffffff;
 padding:2px 4px;
 background:#b92642;
 border-top:solid 2px #b92642;
 border-right:solid 2px #930c25;
 border-bottom:solid 2px #930c25;
 border-left:solid 2px #b92642;
 cursor:pointer;
 }
 
.btn_green{
 color:#ffffff;
 padding:2px 4px;
 background:#66a33d;
 border-top:solid 2px #66a33d;
 border-right:solid 2px #568128;
 border-bottom:solid 2px #568128;
 border-left:solid 2px #66a33d;
 cursor:pointer;
 }
 
.btn_blue{
 color:#ffffff;
 padding:2px 4px;
 background:#5693cb;
 border-top:solid 2px #5693cb;
 border-right:solid 2px #2e6aa2;
 border-bottom:solid 2px #2e6aa2;
 border-left:solid 2px #5693cb;
 cursor:pointer;
 }
 
.btn_orange{
 color:#ffffff;
 padding:2px 4px;
 background:#cd7025;
 border-top:solid 2px #cd7025;
 border-right:solid 2px #a1602b;
 border-bottom:solid 2px #a1602b;
 border-left:solid 2px #cd7025;
 cursor:pointer;
 }
 
.btn_un{
 color:#ffffff;
 background:#7b7b7b;
 padding:2px 4px;
 border-top:solid 2px #7b7b7b;
 border-right:solid 2px #595959;
 border-bottom:solid 2px #595959;
 border-left:solid 2px #7b7b7b;
 cursor:pointer;
 }
 
.btn_big{
 color:#ffffff;
 background:#b92642;
 padding:10px 30px;
 border-top:solid 2px #b92642;
 border-right:solid 2px #930c25;
 border-bottom:solid 2px #930c25;
 border-left:solid 2px #b92642;
 cursor:pointer;
 }
 
.btn_big_un{
 color:#ffffff;
 background:#7b7b7b;
 padding:10px 30px;
 border-top:solid 2px #7b7b7b;
 border-right:solid 2px #595959;
 border-bottom:solid 2px #595959;
 border-left:solid 2px #7b7b7b;
 cursor:pointer;
 }
 
.unit h2{height:21px; margin:0 0 5px 0; color:#4d5f77;}

.ruleTxt{ height:100px; overflow:auto; border:solid 2px #4d5f77; padding:10px; background:#d2deeb;}

.agree{margin-top:5px;}

.txt_blue{ color:#3d6dad;}
.txt_red{ color:#900;}
.txt_samll{font-size:90%;}
.txt_gray{color:#999;}
.txtBgBack{background: #991b1b; padding:3px 4px 3px 2px; color:#FFF;}
.txtBlack{color:#000;}
.txtBig{font-size:140%;}

.help{background:#2f2f2f; border:#000; padding:10px;}

#popLayer{ width:69px; height:55px; position:absolute; padding:10px 10px 10px 13px; background:url(/img/common/bgPoplayer.gif);}