*{margin:0; padding:0}
html{width:100%; height:100%;}
body,textarea,input,select{color:#666; font-size:12px; font-family:dotum, "돋움","굴림", "Gulim", "Arial"; font-weight:normal;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
caption{display:none;}
button{color:#666; padding:0; margin:0; border:0; background:none; cursor:pointer; font-family:dotum;}
input{padding:3px; font-size:12px; height:17px; background:#fff; color:#666; vertical-align:middle; border:1px solid #ddd;}
select{padding:2px; height:25px; background:#fff; border:1px solid #ddd; vertical-align:middle;}
textarea{font-size:12px; vertical-align:top; background:#fff; color:#666; padding:10px; border:0;}
a{text-decoration:none; color:#666; color:inherit;}
a:hover, a:focus, a:active{ text-decoration:none;}
table{width:100%; border-collapse:collapse;}
table td,table th{vertical-align:top;}

em{color:#777; font-style:normal; font-size:11px; }

.checkbox{padding:0; border:0; background:none; }
.radioBtn{padding:0; border:0; background:none; }
.disNone{display:none;}
.blind{position:absolute; top:0; left:0; visibility:hidden; width:1px;height:0px;overflow:hidden; font-size:0; line-height:0; }

/* 간격, 폰트 */
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mt55{margin-top:55px}
.mt60{margin-top:60px}

/* 정렬 */
.taC{text-align:center;}
.taR{text-align:right;}
.taL{text-align:left;}

/**/
#wrap{width:100%; min-width:980px; margin:0 auto;}
#header{position:relative; width:980px; height:67px; margin:0 auto; z-index:10;}
#container{position:relative; max-width:1260px; min-width:980px; margin:0 auto;}
#footer{border-top:1px solid #e8e8e8; padding:33px 0 89px; max-width:1260px; min-width:980px; margin:0 auto;}

/*#wrap{width:1260px; min-width:980px; margin:0 auto;}
#header{position:relative; width:980px; height:67px; margin:0 auto; z-index:10;}
#container{position:relative; width:1260px; margin:0 auto;}
#footer{border-top:1px solid #e8e8e8; padding:33px 0 89px;}*/

#header h1{position:absolute; top:37px; left:0; width:156px; height:31px;}
#header .util{position:absolute; top:16px; right:0; }
#header .util li{float:left; background:url("/common/images/icon/bl_x10.gif") no-repeat left top; padding:0 8px 0 7px;}
#header .util li.log{background:none;}
.gnbArea{position:absolute; top:47px; right:0;}
.gnbArea .gnb li{float:left; position:relative; text-align:center;}
.gnbArea .gnb li .twoDep li{float:none; text-align:left;}
.gnbArea .gnb li.g1{width:76px;}
.gnbArea .gnb li.g2{width:76px;}
.gnbArea .gnb li.g3{width:120px;}
.gnbArea .gnb li.g4{width:117px;}
.gnbArea .gnb li.g5{width:132px;}
.gnbArea .gnb li.g6{width:76px;}
.gnbArea .gnb li.g7{width:75px;}
.gnbArea .gnb li.g8{width:75px; text-align:right;}

.twoDep{position:absolute; top:27px; left:-46px; width:167px; background:url("/common/images/icon/ico_gnbArrow.gif") no-repeat center top; padding-top:9px;}
.twoDep ul{background:#0a1d4f; padding:20px 20px 7px;}
.twoDep ul li{margin-bottom:13px;}

.gnbArea .gnb li.g1 .twoDep{top:27px; left:-46px;}
.gnbArea .gnb li.g2 .twoDep{top:27px; left:-46px;}
.gnbArea .gnb li.g3 .twoDep{top:27px; left:-23px;}
.gnbArea .gnb li.g4 .twoDep{top:27px; left:-25px;}
.gnbArea .gnb li.g5 .twoDep{top:27px; left:-20px;}
.gnbArea .gnb li.g6 .twoDep{top:27px; left:-47px;}
.gnbArea .gnb li.g7 .twoDep{top:27px; left:-46px;}
.gnbArea .gnb li.g8 .twoDep{top:27px; left:-43px;}

.mainVisual{position:relative; width:100%; height:407px; background:url("/common/images/icon/img_main.png") no-repeat center top}
.mainVisual .vArea .media{position:absolute; top:213px; right:0px; width:305px; height:194px}/*top:213px;*/
.mainVisual .txtArea{position:absolute; top:40px; left:181px; width:286px; height:230px}
.mainVisual .txtArea p{margin-top:15px;}
.mainVisual .vArea{position:relative; width:980px; margin:0 auto;}
.mainVisual .vArea .t1{position:absolute; top:40px; left:0px;}/*left:181px*/
.mainVisual .vArea .t2{position:absolute; top:217px; left:0px;}/*left:181px*/
.mainBnr{position:relative; border-bottom:1px solid #f1eff4;}
.mainBnr h2{display:none;}
.mainBnr ul{width:980px; overflow:hidden; margin:0 auto;}
.mainBnr li{float:left;}
.mainBnr .banner_wrap {position:relative; margin:0 auto; width:980px;}
.mainBnr .btn_left {position:absolute; top:19px; left:-30px;}
.mainBnr .btn_right {position:absolute; top:19px; right:-30px;}


.mainContent{}
.contentDiv01{background:#f6f6f6; padding:39px 0 40px;}
.contentDiv01 .content01{width:900px; margin:0 auto;}
.contentDiv01 .content01:after{clear:both; display:block; content:''; *zoom:1;}
.contentDiv01 .event{float:left; width:303px;}
.contentDiv01 .event .img{position:relative; width:311px; height:247px;}
.contentDiv01 .event .img strong{position:absolute; top:9px; left:-8px;}
.contentDiv01 .event p{border:1px solid #e1e1e1; border-top:0; background:#fff; padding:16px; line-height:18px;}

.mainCounsel{float:left; position:relative; width:239px; height:316px; padding:0 50px;}
.mainCounsel .bbsTab{background:url("/common/images/btn/ir_main_tab.gif") no-repeat 0 0px;}
.mainCounsel .bbsTab:after{clear:both; display:block; content:'';}
.mainCounsel .bbsTab li{}
.mainCounsel .bbsTab li h3{font-size:11px;}
.mainCounsel .bbsTab li h3 a{display:block; height:31px; background:url("/common/images/btn/ir_main_tab.gif") no-repeat;}
.mainCounsel .bbsTab li h3 span{position:relative; z-index:-1;}
.mainCounsel .bbsTab li.tab1{float:left; width:95px;}
.mainCounsel .bbsTab li.tab2{float:left; width:95px;}
.mainCounsel .bbsTab li.tab1.on{width:95px;}
.mainCounsel .bbsTab li.tab2.on{width:95px;}
.mainCounsel .bbsTab li.tab1 h3 a{background-position:-250px 0px;}
.mainCounsel .bbsTab li.tab2 h3 a{background-position:-95px 0px;}
.mainCounsel .bbsTab li.tab1.on h3 a{background-position:0px 0px;}
.mainCounsel .bbsTab li.tab2.on h3 a{background-position:-344px 0px;}
.mainCounsel .bbsTab li .counselDiv{position:absolute; top:56px; left:50px; width:239px; height:265px;}
.bbsTab li .counselDiv .counList{}
.bbsTab li .counselDiv .counList li{width:239px; overflow:hidden; margin-bottom:11px; border-bottom:1px solid #e1e1e1; padding-bottom:3px; }
.bbsTab li .counselDiv .counList li em{float:left; width:27px; padding-right:9px;}
.bbsTab li .counselDiv .counList li .txt{float:left; width:200px; line-height:16px;}
.bbsTab li .counselDiv .counList li .txt p{padding-bottom:4px;}
.bbsTab li .counselDiv .counList li .txt .date{color:#888; font-size:11px;}
.counselDiv .btnMore{position:absolute; top:-56px; right:0;}

.contentDiv01 .mainEx{position:relative; float:right; width:257px;}
.mainEx .exTab{background:url("/common/images/btn/ir_main_tab.gif") no-repeat 0 -40px; margin-top:14px;}
.mainEx .exTab:after{clear:both; display:block; content:'';}
.mainEx .exTab li{}
.mainEx .exTab li h4{font-size:11px;}
.mainEx .exTab li h4 a{display:block; height:31px; background:url("/common/images/btn/ir_main_tab.gif") no-repeat;}
.mainEx .exTab li h4 span{position:relative; z-index:-1;}
.mainEx .exTab li.tab1{float:left; width:106px;}
.mainEx .exTab li.tab2{float:left; width:151px;}
.mainEx .exTab li.tab1.on{width:106px;}
.mainEx .exTab li.tab2.on{width:151px;}
.mainEx .exTab li.tab1 h4 a{background-position:-270px -40px;}
.mainEx .exTab li.tab2 h4 a{background-position:-106px -40px;}
.mainEx .exTab li.tab1.on h4 a{background-position:0px -40px;}
.mainEx .exTab li.tab2.on h4 a{background-position:-376px -40px;}
.mainEx .exTab li .exDiv{position:absolute; top:58px; left:0px; width:235px; height:217px; background:#fff; border:1px solid #eaeaea;border-top:0; padding:19px 10px;}
.mainEx .exTab li .exDiv .exList{}
.mainEx .exTab li .exDiv .exList li{overflow:hidden; margin-bottom:24px;}
.mainEx .exTab li .exDiv .exList .txt{display:block; overflow:hidden; width:235px; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; padding-top:9px;}
.mainEx .exTab li .exDiv .exList .txt .name{color:#193b70; background:url("/common/images/icon/bl_x4.gif") no-repeat left 4px; padding:0 4px 0 9px;}
.mainEx .exTab li .exDiv .exList .txt span{background:url("/common/images/icon/bl_x10.gif") no-repeat left 1px; padding-left:9px;}
.mainEx .btnMore{position:absolute; top:-46px; right:0;}

.contentDiv01 .content02{width:900px; margin:30px auto 0; overflow:hidden;}
.prgmBox{float:left; width:592px;}
.prgmBox ul{overflow:hidden; margin-top:13px;}
.prgmBox ul li{float:left;}

.star{float:right;}
.star .img{position:relative; width:257px; height:155px; margin-top:13px;}
.star .img .txt{position:absolute; top:96px; left:10px; background:#fff; width:228px; height:42px; line-height:18px; padding:7px 0 0 9px;}

.contentDiv02{width:900px; margin:0 auto; overflow:hidden; padding:42px 0 33px;}
.branchMap{float:left; position:relative; width:277px; height:307px; background:url("/common/images/icon/ir_branchMap.gif") no-repeat left top;}
.branchMap h3{position:absolute; top:0; left:0;}
.branchMap .mapDiv{}
.mapDiv span{display:block; position:absolute; text-indent:-9999px; font-size:0;}
.mapDiv span a{display:block; width:100%; height:100%;}
.mapDiv span.seoul{top:43px; left:96px; width:32px; height:29px; z-index:20;}
.mapDiv span.gyeon{top:12px; left:83px; width:75px; height:88px;}
.mapDiv span.chungN{top:76px; left:124px; width:71px; height:78px; z-index:20;}
.mapDiv span.chungS{top:88px; left:64px; width:82px; height:66px;}
.mapDiv span.gyesanN{top:82px; left:151px; width:91px; height:97px;}
.mapDiv span.gyesanS{top:159px; left:139px; width:101px; height:76px;}
.mapDiv span.jeolN{top:142px; left:78px; width:82px; height:56px;}
.mapDiv span.jeolS{top:183px; left:57px; width:95px; height:80px;}

.mapDiv span.seoul.on{background:url("/common/images/icon/ir_branchMap.gif") no-repeat -376px -43px;}
.mapDiv span.gyeon.on{background:url("/common/images/icon/ir_branchMap.gif") no-repeat -363px -322px}
.mapDiv span.chungN.on{background:url("/common/images/icon/ir_branchMap.gif") no-repeat -124px -386px}
.mapDiv span.chungS.on{background:url("/common/images/icon/ir_branchMap.gif") no-repeat -344px -88px}
.mapDiv span.gyesanN.on{background:url("/common/images/icon/ir_branchMap.gif") no-repeat -431px -82px}
.mapDiv span.gyesanS.on{background:url("/common/images/icon/ir_branchMap.gif") no-repeat -139px -469px}
.mapDiv span.jeolN.on{background:url("/common/images/icon/ir_branchMap.gif") no-repeat -358px -452px}
.mapDiv span.jeolS.on{background:url("/common/images/icon/ir_branchMap.gif") no-repeat -337px -183px}

.reserPr{float:left; width:250px; padding:0 40px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9;}
.reserPr .reserv{position:relative; padding-bottom:30px; border-bottom:1px solid #e1e1e1; background:url("/common/images/icon/bg_main_online.jpg") no-repeat right 28px;}
.reserPr .reserv p{margin-top:18px;}
.reserPr .btnMore{position:absolute; top:0; right:0;}
.reserPr .pr{position:relative; margin-top:30px; background:url("/common/images/icon/bg_main_pr.jpg") no-repeat left 28px; height:109px;}
.reserPr .pr p{margin-top:18px; padding-left:115px;}
.cfFran{float:right; width:251px;}
.cfFran .cf h3{margin-bottom:15px;}
.cfFran .fran{margin-top:30px; background:url("/common/images/icon/bg_main_fran.jpg") no-repeat right 33px;}
.cfFran .fran p{margin-top:20px;}

.footerDiv{width:900px; margin:0 auto; overflow:hidden;}
.footerDiv strong{float:left;}
.footerDiv .footerInfo{float:left; width:746px; overflow:hidden; padding:6px 0 0 40px;}
.infoList{overflow:hidden;}
.infoList li{float:left; background:url("/common/images/icon/bl_x10.gif") no-repeat left 1px; padding:0 10px 0 9px}
.infoList li.fir{background:none; padding:0 10px 0 0;}
.addr{overflow:hidden; margin:6px 0;}
.addr address{float:left; width:279px; height:11px; background:url("/common/images/txt/txt_address.gif") no-repeat; text-indent:-9999px; padding-right:8px;}
.addr p{float:left;}

.pop_wrap {position:relative; width:863px;}
.pop_wrap .close_btn { position:absolute; right:20px; top:10px;}

/*이벤트*/
.eventWrap{width:100%; background:url("/common/images/event/bg_evtWrap.gif") repeat;}

.eventDesc{width:890px; height:1808px; margin:0 auto; background:url("/common/images/event/img_event.jpg") no-repeat; padding-left:27px;}

.eventZone{width:863px; margin:0 auto; background:url("/common/images/event/bg_event.gif") repeat; padding:50px 0 0;}

.eventJoin{width:765px; margin:0 auto;}
.eventJoin .eventGuide{color:#fff; text-align:center; margin-top:30px;}
.joinForm{height:222px; background:#487aab; margin-top:30px; padding:17px 15px; overflow:hidden;}

.joinForm .form1{float:left;}
.joinForm .form1 fieldset legend{display:none;}
.joinForm .form1 table{width:358px; color:#fff; text-align:left;}
.form1 table th{padding:8px 0 7px; text-align:left;}
.form1 table td{padding:4px 0;}
.form1 table td .eventInput{border:1px solid #e3e3e3; height:14px;}
.form1 table td .eventTxt{border:1px solid #e3e3e3;}
.form1 table td select{height:22px;}
.form1 table td select optgroup{font-style:normal;}
.form1 table td select optgroup label{font-style:normal;}
.form1 table td select optgroup.opt1{ background:#eee;}
.form1 table td select optgroup.opt2{ background:#e6e6e6;}
.form1 table td select option{padding-left:5px;}
.form1 table th label{background:url("/common/images/event/bl_event.gif") no-repeat 0 3px; padding-left:11px; line-height:18px;}
.btns{text-align:center; margin-top:20px; padding-bottom:32px;}
.btns a{padding:0 14px;}

.form2{float:right; padding-left:21px; border-left:1px solid #5f8bb6;}
.joinForm .form2 fieldset legend{display:block; color:#fff; font-weight:bold; background:url("/common/images/event/bl_event.gif") no-repeat 0 3px; padding-left:11px;}
.joinForm .form2 .txtBox{font-size:11px; line-height:14px; border:1px solid #b5c4d2; background:#c8d7e6; padding:10px; overflow-y:scroll; width:316px; height:48px; margin-top:4px;}
.check{color:#fff; font-size:11px; overflow:hidden; margin-top:14px; }
.check p{}
.check p.txt{float:left;  padding-left:35px; line-height:18px}
.check p.checkInput{text-align:right;}
.check p.checkInput span{padding-left:15px}
.check p.checkInput input{background:none; padding:0; margin:0; border:0;}

.eventComplete{width:765px; margin:0 auto;}
.eventComplete .eventGuide{color:#fff; text-align:center; margin-top:30px;}
.eventComplete .eventGuide .t3{color:#fffc00; font-size:14px; margin-top:10px;}

.couponBox{width:640px; background:#f8f4e0; margin:20px auto 0; padding:20px 0 23px;}
.couponBox .tit{margin-bottom:23px;}

.eventReply{position:relative;}
.eventReply strong{display:block; width:765px; margin:0 auto;}
.joinNum{position:absolute; top:0; right:97px; color:#fff; height:32px; background:url("/common/images/event/bg_joinNumRight.png") no-repeat right top; padding-right:24px;}
.joinNum p{background:url("/common/images/event/bg_joinNumLeft.png") no-repeat left top; height:32px; line-height:28px; padding-left:24px;}
.joinNum strong{display:inline; color:#fff600}

.replyArea{position:relative; height:433px; background:url("/common/images/event/bg_evtReply1.jpg") no-repeat center bottom;}

.bubbleDiv{width:170px; background:url("/common/images/event/bg_bubble_btm.png") no-repeat left bottom; padding-bottom:18px;}
.bubbleDiv .txt{color:#777; font-size:11px; background:url("/common/images/event/bg_bubble_top.png") no-repeat left top; padding:13px 20px 0 13px;}
.bubbleDiv .txt p{margin-bottom:3px;}
.bubbleDiv .txt .name{color:#000; font-weight:bold;}

.bubbleDiv2{width:170px; background:url("/common/images/event/bg_bubble_btm2.png") no-repeat left bottom; padding-bottom:18px;}
.bubbleDiv2 .txt{color:#777; font-size:11px; background:url("/common/images/event/bg_bubble_top2.png") no-repeat left top; padding:13px 13px 0 20px;}
.bubbleDiv2 .txt p{margin-bottom:3px;}
.bubbleDiv2 .txt .name{color:#000; font-weight:bold;}

.replyArea .p1{position:absolute; top:0px; right:228px;}
.replyArea .p2{position:absolute; top:65px; right:41px;}
.replyArea .p3{position:absolute; top:160px; right:136px;}
.replyArea .p4{position:absolute; top:265px; right:71px;}
.replyArea .p5{position:absolute; top:311px; left:74px;}
.replyArea .p6{position:absolute; top:208px; left:138px;}
.replyArea .p7{position:absolute; top:112px; left:41px;}
.replyArea .p8{position:absolute; top:26px; left:230px;}

.replyArea .page{position:absolute; bottom:30px; right:41px;}
.replyArea .btnJoin{position:absolute; bottom:32px; left:334px; width:196px;}

.eventNotice{font-family:"굴림", "Gulim"; width:763px; margin:0 auto; color:#a3a3a3; background:#2b282b; padding:25px 50px; line-height:18px}
.eventNotice ul{margin-top:14px;}

/* 130827 이벤트 페이지 추가 */
.eventReplyList{height:838px; padding:0 41px}
.eventReplyList td{padding:11px 0 10px; border-bottom:1px solid #a5c3da; background:url("/common/images/event/bg_table.png") repeat 0 0; color:#fff; line-height:16px}

.replyPaing{padding-top:20px; border-top:1px solid #a5c3da; font-weight:bold; text-align:center}
.replyPaing a{display:inline-block; padding:0 5px; color:#fff; line-height:17px}
.replyPaing a.bts{padding:0}
.replyPaing a.bts img{vertical-align:middle}
.replyPaing strong{display:inline-block; padding:0 5px; color:#fffc00}