@charset "euc-kr";



/* ÀÎÅͳݹðÅ· ************************************************************************************************/
.online1 { text-align: right; }
.online1 li { padding: 2px 0; }
.online1 .btnType a { width: 180px; text-align: left; }

.online2 { }
.online2 .date { font-size: 18px; font-weight:bold; font-family: Tahoma; margin: 5px 0 10px 0; }
.online2 .timeline { position:relative; width: 374px; height: 31px; background: url(/images/online/online_101.gif) 0 0 no-repeat; }
.online2 .timeline li { position: absolute; top: 6px; width: 31px; height: 7px; text-indent: -9999px; background: url(/images/online/online_102.gif) top repeat-x; }

.online2 .timeline .time1 { left: 1px; }
.online2 .timeline .time2 { left: 32px; }
.online2 .timeline .time3 { left: 63px; }
.online2 .timeline .time4 { left: 94px; }
.online2 .timeline .time5 { left: 125px; }
.online2 .timeline .time6 { left: 156px; }
.online2 .timeline .time7 { left: 187px; }
.online2 .timeline .time8 { left: 218px; }
.online2 .timeline .time9 { left: 249px; }
.online2 .timeline .time10 { left: 280px; }
.online2 .timeline .time11 { left: 311px; }
.online2 .timeline .time12 { left: 342px; }

.online3 { overflow: hidden; zoom: 1; }
.online3 .giroMore { float: left; width: 460px; }
.online3 .giroMore li { float: left; }
.online3 .giroFaq { float: right; width: 280px; height: 152px; border-bottom: 1px solid #EEE; }
.online3 .giroFaq .title { padding: 5px 0; margin-bottom: 15px; border-bottom: 2px solid #EEE; }
.online3 .giroFaq .bulType7 { padding-left: 5px; }
.online3 .giroFaq .bulType7 li { padding-bottom: 4px; }
.online3 .giroFaq .bulType7 a { font-size: 11px; text-decoration: none; }

.online4 { overflow: hidden; zoom: 1; }

.online5 { }
.online5 .over { position: absolute; right: 15px; bottom: 0px; }


/* °í°´¼¾ÅÍ ************************************************************************************************/
.customer1 { clear:both; }
.customer1 dt { float: left; width: 160px; padding-bottom: 10px; }
.customer1 dd { float: left; padding-top: 18px; }


.customer2 { padding: 0 20px; }/*background: url(/images/box/bg_01top.gif) top repeat-x;*/
.customer2 li { overflow: hidden; zoom: 1; padding: 15px  0 15px 30px; }
.customer2 dl { }
.customer2 dt { padding-bottom: 10px; }
.customer2 dd { }

.customer2 .no1 { background: url(/images/customer/guide_no1.gif) 0 15px no-repeat; }
.customer2 .no2 { background: url(/images/customer/guide_no2.gif) 0 15px no-repeat; }
.customer2 .no3 { background: url(/images/customer/guide_no3.gif) 0 15px no-repeat; }
.customer2 .no4 { background: url(/images/customer/guide_no4.gif) 0 15px no-repeat; }
.customer2 .no5 { background: url(/images/customer/guide_no5.gif) 0 15px no-repeat; }

.customer2 #serviceHit { width: 580px; position: absolute; left: 154px; margin-top: -1px; z-index: 0; display: none; }

.customer2 .bulType2 li { padding: 0 0 0 8px; }
.customer2 .bulType3 li { padding: 0 0 0 10px; }

.customer3 { overflow: hidden; zoom: 1; }
.customer3 li { float: left; padding: 7px; }
.customer3 .store { position:relative; }
.customer3 .btnType { position: absolute; top: -26px; _top: -30px; left: 5px; }
.customer3 .btnType a { padding-left: 5px; padding-right: 5px; }

.customer4 { clear:both; margin-top: 10px; }
.customer4 .box { padding: 0 !important; }
.customer4 .pic { float: left; width: 190px; margin: 20px 10px 0 25px; _margin-left: 10px; padding-right: 30px; background: url(/images/customer/guide_151.gif) right 8px no-repeat; }
.customer4 dl { float: left; width: 450px; margin-top: 25px; }
.customer4 dt { font-weight:bold; margin-bottom: 10px; }
.customer4 dd { }


.customer5 { }
.customer5 li { float: left; width: 365px; height: 102px; margin: 0 0 10px 10px; background: url(/images/customer/guide_153.gif) 0 0 no-repeat; }
.customer5 li.first { margin-left: 0px; }
.customer5 .pic { float: left; margin: 10px 15px 0 15px; _margin-left: 7px; }
.customer5 dl { float: left; width: 250px; margin-top: 15px; }
.customer5 dt { margin-bottom: 3px; font-weight:bold; }
.customer5 dd { height: 38px; }


.customer6 { clear:both; overflow: hidden; zoom: 1; position:relative; }

.customer6 .no1 { position: absolute; top: 170px; left: 0px; width: 226px; text-align: center; }
.customer6 .no2 { position: absolute; top: 170px; left: 252px; width: 226px; text-align: center; }
.customer6 .no3 { position: absolute; top: 170px; left: 503px; width: 226px; text-align: center; }
.customer6 .no4 { position: absolute; top: 338px; left: 0px; width: 226px; text-align: center; }
.customer6 .no5 { position: absolute; top: 338px; left: 252px; width: 226px; text-align: center; }
.customer6 .no6 { position: absolute; top: 338px; left: 503px; width: 226px; text-align: center; }

.customer6 .no7 { position: absolute; top: 115px; left: 100px; }
.customer6 .no8 { position: absolute; top: 115px; left: 487px; }


.customer7 { overflow: hidden; zoom: 1; position:relative; }
.customer7 .card { float: left; width: 336px; height: 178px; background: url(/images/customer/guide_156.gif) 0 0 no-repeat; }
.customer7 .cardTable { float: right; width: 400px; }
.customer7 .otp { float: left; width: 207px; height: 151px; background: url(/images/customer/guide_168.gif) 0 0 no-repeat; }
.customer7 .otpTable { float: right; width: 530px; }
.customer7 .tableType2 { margin-left: 18px; }
.customer7 .bulType3 { width: 96%; }

.systemList { border-top:2px solid #c4b1a9; background:#F5F3F2; }
.systemList li { position:relative; overflow:hidden; zoom:1; vertical-align: top; border-bottom:1px solid #c4b1a9; background:url(/images/popup/common/system_list_bg.gif) 0 0 repeat-y;  }
.systemList li .no { float: left; display:inline-block; width:90px; height:50px; margin: 0 20px 0 0;  }
.systemList li.no01 .no { background: url(/images/popup/common/no1.gif) center 50% no-repeat; }
.systemList li.no02 .no { background: url(/images/popup/common/no2.gif) center 50% no-repeat; }
.systemList li.no03 .no { background: url(/images/popup/common/no3.gif) center 50% no-repeat; }
.systemList li.no04 .no { background: url(/images/popup/common/no4.gif) center 50% no-repeat; }
.systemList li.no05 .no { background: url(/images/popup/common/no5.gif) center 50% no-repeat; }
.systemList li.no06 .no { background: url(/images/popup/common/no6.gif) center 50% no-repeat; }
.systemList li.no07 .no { background: url(/images/popup/common/no7.gif) center 50% no-repeat; }
.systemList li.no08 .no { background: url(/images/popup/common/no8.gif) center 50% no-repeat; }
.systemList li.no09 .no { background: url(/images/popup/common/no9.gif) center 50% no-repeat; }
.systemList li.no10 .no { background: url(/images/popup/common/no10.gif) center 50% no-repeat; }
.systemList li .text { float: left; display:inline-block; width:450px; padding:10px 0 10px 0; }
.systemList li .arrow { }/*position:absolute; left:163px; bottom:-6px; background: url(/images/popup/icon/arrow_down.gif) 0 0 no-repeat;  width:18px; height:18px; */





/* ¸®¼­Ä¡/ÅõÀÚÁö¿ø ************************************************************************************************/
.research1 { float: left; width: 220px; }
.research1 .codeCar { margin: 15px 0; }
.research1 .codeCar li { float: left; width: 90px; margin: 3px 0 0 0; }
.research1 .codeCar1 { float: left; width: 95px; border-right: 2px solid #F7F5EF; }
.research1 .codeCar2 { float: right; width: 95px; padding-left: 7px; }
.research1 .codeCar1 dt,
.research1 .codeCar2 dt { color: #885E4C; font-weight:bold; padding: 0 0 5px 8px; background: url(/images/common/icon/blu_b2.gif) 0 4px no-repeat; }

.research2 { float: right; width: 200px; }

.boxType1.research1,
.boxType1.research2 { clear:none !important; }