@charset "utf-8";


/* 웹 접근성을 위한 추가 작업 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button {margin:0;padding:0}
caption {width:0; height:0; line-height:0;  text-indent:-999em;  overflow:hidden}
table {border-collapse:collapse; border:none; line-height:13px !important}

/* Skip Navigation */
.skip {width:100%; height:0px; top:0px; left:0px}
.skip a {display:block; position:absolute; top:0px; text-indent:-9999px; overflow:hidden}
.skip a:focus,
.skip a:active {display:block; position:absolute; z-index:999; text-indent:0px; top:0px; width:100%; height:14px; font-size:14px; padding:6px 0px; font-weight:bolder; line-height:14px; text-align:center; color:#F5CF1D; background:#D12727}

/* 레이아웃 */
#Wrap {width:940px}

#Header {position: relative; width: 940px; height:151px; background: url(/jejuisarang/img/common/bg_header.gif) no-repeat left top}
#GotoMain {float:left; display:block; width:162px; height: 34px; padding: 62px 20px 55px 36px}

#topMenu {position:absolute; top:0; right:0; width:720px; height:17px; z-index:888}
#topMenu ul {float:right}
#topMenu ul li {float:left; height:10px; margin:7px 10px 0 0}
#topMenu ul li a {display:block}

#gnb {position:relative; float:left; width:720px; height:151px}
#gnb ul {overflow:hidden}
#gnb li {float:left; display:block;}
#gnb li a {display:block;}
#gnb > ul > li {width:142px; height:16px; text-align:center; background:url(/jejuisarang/img/gnb/gnbBg_off.png) no-repeat 0 0; padding:64px 0 63px 0; margin-top:8px;}
#gnb li.this {background:url(/jejuisarang/img/gnb/gnbBg_on.png) no-repeat 0 0}
#gnb li.on {background:url(/jejuisarang/img/gnb/gnbBg_on.png) no-repeat 0 0}
#gnb li.this ul {display:block !important}
#gnb ul ul {display:none; position:absolute; padding:0; top:98px; background:url(/jejuisarang/img/gnb/gnbBg2.png) no-repeat}
#gnb li li {background:url(/jejuisarang/img/gnb/gnb_line.gif) no-repeat right 8px !important; padding:8px 20px 12px 20px}
#gnb li li.last {background:url(/jejuisarang/img/gnb/gnbBg2_last.png) no-repeat right top !important}
#gnb li li a {}
#gnb .gb01 {left:0}
#gnb .gb02 {left:143px}
#gnb .gb03 {left:286px}
#gnb .gb04 {right:153px}

#container {position:relative; width:940px; background: url(/jejuisarang/img/common/bg_content.gif) no-repeat left bottom; padding-bottom:10px; *zoom:1}
#container:after {content: ""; display: block; clear: both}
#Closet {position:relative; top:-11px; float:left; width: 237px; height:610px; background: url(/jejuisarang/img/common/bg_closet.jpg) no-repeat left top; padding-top:71px}
#Content {float:left; width:680px}
#ContentHeader {width:680px; height:139px; background:url(/jejuisarang/img/contents/header/introduction.jpg) no-repeat}
#LineMap {height:20px; background: url(/jejuisarang/img/common/bul_linemap.gif) no-repeat -2px 124px; padding:119px 0 0 10px}
#ContentBody {width:618px; background:url(/jejuisarang/img/common/bg_contentbody.gif) no-repeat left top; padding: 25px 31px 60px 31px}

#SubNavigation {position:relative; height:219px; background:url(/jejuisarang/img/common/bg_subnavigation.gif) no-repeat 0 41px; padding:45px 0 0 24px; z-index:3}
#Attention {position:relative; top:-74px; height:184px; background: url(/jejuisarang/img/common/bg_attention.gif) no-repeat left top; padding-top:35px}
#Attention a {display:block; margin-left:104px}
#CallCenter {position:relative; top:-27px; padding-left:34px}

#Footer {width:850px; height:116px; background: url(/jejuisarang/img/common/bg_footer.gif) no-repeat left top; padding: 8px 53px 0 37px}
#Footer .fWrap {float:left}
#Help {height:17px; padding: 0;}
#Help li {float: left; background: url(/jejuisarang/img/common/bul_help.gif) no-repeat right top;	margin-right:3px; padding:3px 12px 3px 3px}
#Help li a {display: block}
#RelatedAgencies {float:right; padding-top:4px; line-height:0; font-size:0}
#RelatedAgencies a.first { margin:10px 15px 0 0; }
#RelatedAgencies a.last { margin:10px 0 0 15px}
#RelatedAgencies span.mark { margin-left:15px; } 
#RelatedAgencies span.mark img { width:120px; }
/*메인*/
body#Main {background: white url(/jejuisarang/img/main/mainBg.jpg) no-repeat left top}
 
#mainCon {width:940px; *zoom:1}
#mainCon:after {content: ""; display: block; clear: both}

#mainVisual {float:left; position:relative; width:622px; height:544px}
.menuTap {position:absolute; left:359px; width:214px; height:212px; background:url(/jejuisarang/img/main/menuTap_bg_on.png) no-repeat; z-index:3}
.menuTap li {position:absolute}
.menuTap .tap1 {width:78px; height:60px; margin:40px 0 0 33px}
.menuTap .tap1 a {display:block}
.menuTap .tap2 {top:69px; left:71px; width:87px; height:58px; margin:43px 0 0 24px}
.menuTap .tap2 a {display:block}

#mainMenu {position:relative; left:77px; width:424px; height:424px}
#mainMenu div {position:absolute; width:424px; height:424px}
.cardInpo {display:block; background:url(/jejuisarang/img/main/mainCardinpo_bg.jpg) no-repeat}
.cardInpo img {margin:112px 0 33px 87px}
.cardInpo li {height:35px; background:url(/jejuisarang/img/main/mainCardinpo_02_off.jpg) no-repeat; text-align:center}
.cardInpo li.first {background:url(/jejuisarang/img/main/mainCardinpo_01_on.jpg) no-repeat} 
.cardInpo li a {display:inline-block; padding:10px}
.cardInpo li img {margin:0}

.cardBene {display:none; background:url(/jejuisarang/img/main/mainCardbene_bg.jpg) no-repeat}
.cardBene img {margin:112px 0 33px 87px}
.cardBene li {height:35px; background:url(/jejuisarang/img/main/mainCardbene_02_off.jpg) no-repeat; text-align:center}
.cardBene li.first {background:url(/jejuisarang/img/main/mainCardbene_01_on.jpg) no-repeat}
.cardBene li.last {background:url(/jejuisarang/img/main/mainCardbene_03_off.jpg) no-repeat} 
.cardBene li a {display:inline-block; padding:10px}
.cardBene li img {margin:0}

.mainCall {position:absolute; top:342px}

.roBanner {position:absolute; top:248px; left:421px; width:201px; height:217px; background:url(/jejuisarang/img/main/rollBn_bg_01.png) no-repeat left top; z-index:2}
.roBanner li {position:absolute; line-height:0}
.roBanner li a {position:absolute; display:inline-block; z-index:999}
.roBanner li p {display:none; position:absolute; z-index:1}
.roBanner li p.active {display:block}
.roBanner .roBn01 p {top:-73px; left:-4px}
.roBanner .roBn02 p {top:-110px; left:-21px}
.roBanner .roBn03 p {top:-111px; left:-65px}
.roBanner .roBn04 p {top:35px; left:-65px}
.roBanner .roBn05 p {top:45px; left:-93px}
.roBanner .roBn06 p {top:14px; left:-111px}
.roBanner .roBn07 p {top:-8px; left:-152px}
.roBn01 {top:143px; left:17px}
.roBn02 {top:178px; left:37px}
.roBn03 {top:178px; left:79px}
.roBn04 {top:32px; left:76px}
.roBn05 {top:22px; left:113px}
.roBn06 {top:56px; left:128px}
.roBn07 {top:74px; left:163px}

#MainContent {float:right; width:307px; height:535px}
#MainNews {position:relative; width:296px; padding:11px 11px 0 0}
.newsTit {height:20px}
.newsTit:after {content:""; display:block; clear:both}
.newsTit h2 {float:left}
.btn_m_news {position:absolute; top:15px; right:10px}
#MainNewsList {height: 95px; padding-top:7px}

#Shortcut-HowtoApply {height:106px; background:url(/jejuisarang/img/contents/mainApp_bg.jpg) no-repeat right bottom; margin-top:11px; text-align:left}
#Shortcut-HowtoApply h2 {margin-bottom:20px}
#Shortcut-HowtoApply a {display:block; width:61px; margin-top:8px}

/*컨텐츠 - 카드소개*/
h4 {margin: 0 0 20px 0}

#ContentBody h3 {height:30px}
.greetings_photo {float:left; width:196px; margin-left:-10px}
.greetings_con {float:right; width:432px}

.letter_box {background:url(/jejuisarang/img/contents/img_letter_content_10.gif) no-repeat left bottom;margin-top:20px; padding-bottom:243px}

.topTxt {display:block; margin-bottom:20px}
.howtoapply_box h3 {margin-bottom:15px}
.iloveis_box h4, .adfranchises_box h4, .howtoapply_box h4 {margin-bottom:16px}
.iloveis_box h5, .howtoapply_box h5, .adfranchises_box h5 {margin-bottom:9px}
.iloveis_box p, .howtoapply_box p, .adfranchises_box p {margin-bottom:19px}
.iloveis_box .ulLIst, .howtoapply_box .ulLIst, .adfranchises_box .ulList {padding-left:10px}
.iloveis_box .last {margin-bottom:40px}
.apply {background:url(/jejuisarang/img/contents/txt_iloveis_detail_bg.gif) no-repeat; padding-left:9px; *zoom:1}
.apply:after {content:" "; display:block; clear:both}
.apply li {float:left; margin-right:35px}
.adfranchises_box h3 {margin-bottom:20px}
.adfranchises_box .last {margin-bottom:39px}
.adfranchises_box .btn {display:inline-block; margin-left:10px}

/* 특별한 혜택 */
.franchise_menu {height:123px; background:url(/jejuisarang/img/contents/img_franchise_pagemenu_bg.gif) no-repeat; padding:5px 10px 5px 42px; margin:15px 0 20px 0; clear:both}
.franchise_menu li {float:left; margin:10px 26px 10px 0px}
.franchise_menu li a {display:block}
.franchise_menu .space {margin-right:34px}
.franStitle {margin-bottom:20px}
.franchise_box h4 {display:inline; margin:0}
.franchise_box h4 img {padding:5px 10px 0 0}
.franchise_box h5 {font-size:12px}
.franchise_box .space {margin-bottom:18px}
.franchise_box .TxtBold2 {font-weight:bold; margin:0 0 30px 0}
.dotList li {background: url("/jejuisarang/img/common/bl_dot_gray.gif") 0 40% no-repeat; margin:0; padding-left:10px; letter-spacing:-1px; color:#666666}

.beneStitle {margin:15px 0 20px 0}
.benefit_menu {height:50px; text-align:center; background:url(/jejuisarang/img/contents/bg_bccredit_benefit_menu.gif) no-repeat; padding:20px 0px 20px 0px; margin:15px 0 20px 0; clear:both}
.benefit_menu li {display:inline-block; margin-left:28px;}
.benefit_menu li:first-child {margin-left:0;}
.benefit_menu.check li {margin-left:55px;}
.benefit_menu.check li:first-child {margin-left:0;}
.beneCheck_menu {height:42px; padding:14px 131px 15px 142px}
.beneCheck_menu .space {margin-right:15px}
.benefit_box {padding-left:180px; margin-bottom:40px}
#BenefitsCredit01 {background:url(/jejuisarang/img/contents/bg_bccredit_benefit_01.gif) no-repeat left top}
#BenefitsCredit02 {background:url(/jejuisarang/img/contents/bg_bccredit_benefit_02.gif) no-repeat left top}
#BenefitsCredit03 {background:url(/jejuisarang/img/contents/bg_bccredit_benefit_03.gif) no-repeat left top}
#BenefitsCredit04 {background:url(/jejuisarang/img/contents/bg_bccredit_benefit_04.gif) no-repeat left top}
#BenefitsCredit05 {background:url(/jejuisarang/img/contents/bg_bccredit_benefit_05.gif) no-repeat left top}
#BenefitsCredit06 {background:url(/jejuisarang/img/contents/bg_bccredit_benefit_06.gif) no-repeat left top}
#BenefitsCredit07 {background:url(/jejuisarang/img/contents/bg_bccredit_benefit_07.gif) no-repeat left top}
#BenefitsCredit08 {background:url(/jejuisarang/img/contents/bg_bccredit_benefit_08.gif) no-repeat left top}
#BenefitsCheck01 {background:url(/jejuisarang/img/contents/bg_bccheck_benefit_01.gif) no-repeat left top}
#BenefitsCheck02 {height:94px; background:url(/jejuisarang/img/contents/bg_bccheck_benefit_02.gif) no-repeat left top}
#BenefitsCheck03 {background:url(/jejuisarang/img/contents/bg_bccheck_benefit_03.gif) no-repeat left top}
#BenefitsCheck04 {background:url(/jejuisarang/img/contents/bg_bccheck_benefit_04.gif) no-repeat left top}
#BenefitsCheck05 {background:url(/jejuisarang/img/contents/bg_bccheck_benefit_05.gif) no-repeat left top}
.benefit_box .detail {height:12px; font-weight:bold; margin:21px 0 15px 0}
.benefit_box ul {}
.benefit_box li {background:url(/jejuisarang/img/contents/img_benefits_blit.gif) no-repeat 2px 5px; padding-left:9px}
.benefit_box .blit {background:url(/jejuisarang/img/contents/img_benefits_blit.gif) no-repeat 2px 5px; padding-left:9px}
.benefit_box .star {background:url(/jejuisarang/img/contents/img_benefits_star.gif) no-repeat 2px 5px; padding-left:9px}
.benefit_box .leftSpace {margin-left:65px}
.benefit_box .oil {letter-spacing:-1px}
.benefit_box .emphasis {margin-top:20px; color: #906961}
.benefit_box2 p {margin-bottom:20px}

.bul01 {}
.bul01 > li {padding-left:10px; background:url('/jejuisarang/img/contents/bg_bul01.gif') 0 7px no-repeat;}
.bul01 > li.fwb {font-weight:bold;}
.bul02 {}
.bul02 > li {padding-left:10px; background:url('/jejuisarang/img/contents/bg_bul02.gif') 0 7px no-repeat;}
.bul02 > li.fwb {font-weight:bold;}
.bul_nobg {}
.bul_nobg > li {padding-left:16px; text-indent:-16px; background:none;}
.bul_nobg > li.fwb {font-weight:bold;}
.bul_nobg p {text-indent:0;}

.benefit_tbl_wrap {margin-top:40px;}
.benefit_tbl_wrap .tbl_tit01 {font-weight:bold; margin-bottom:7px;}

.tbl01 {border-collapse:collapse;}
.tbl01 th, .tbl01 td {padding:10px 5px; border:1px solid #ddd; border-right:none; text-align:center;}
.tbl01 th.first, .tbl01 td.first {border-left:none;}
.tbl01 .row01 th, .tbl01 .row01 td {border-top-color:#000;}
.tbl01 th.tal, .tbl01 td.tal {text-align:left;}
.tbl01 th {background-color:#f6f6f6;}

.benefit_btn_wrap {margin:50px 0; text-align:center;}

.btn_black01 {display:inline-block; height:40px; padding:0 40px; border:none; color:#fff; font-size:14px; font-weight:bold; text-align:center; line-height:40px; background-color:#484848;}

.benefit_notice01 {margin-top:20px;}
.benefit_notice01 .desc01 {padding-left:17px; font-weight:bold; text-indent:-17px;}

.benefit_notice02 {padding:30px 20px; border:1px solid #ddd;}
.benefit_notice02 .notice_tit01 {margin-bottom:13px; font-weight:bold;}
.benefit_notice02 .bul02 > li {margin-top:10px;}
.benefit_notice02 .bul02 > li:first-child {margin-top:0;}
.benefit_notice02 .bot_num {margin-top:15px;}

/* 커뮤니티 */
#FAQCategodries {height:34px; line-height:0}
#BBCCategodries {height:94px; line-height:0}
.newsSummary {margin:12px 0}
.pageNation {text-align:center; margin:10px auto 0 auto}

/* 사이버지점 */
.cybStit {margin-bottom:13px}
.cybStit2 {margin:32px 0 13px 0; padding-left:10px}
.cyberBox , .cardUse {width:600px; margin:0 0 20px 10px; background:url(/jejuisarang/img/common/bg_round_gray_top.gif) repeat-y left top; padding-top:8px}
.cyberBox .boxCon:after , .cardUse .boxCon:after {content:""; display:block; clear:both}
.cyberBox .boxCon {padding:3px 175px 8px 183px; background:url(/jejuisarang/img/common/bg_rund_gray_bottom.gif) no-repeat left bottom; *zoom:1}
.cyberBox .boxCon div {float:left; width:178px}
.cyberBox .boxCon span {display:block; height:20px; padding-bottom:4px}
.cyberBox .boxCon a {float:right; width:46px; height:42px}

.cyberBox .boxAp {padding:4px 90px 8px 94px}
.cyberBox .boxAp div {width:370px}
.cyberBox .boxAp .customDate {padding-left:66px}
.cyberBox .boxAp a {margin-top:13px}

.cyberBox .boxTc {padding:4px 110px 8px 113px}
.cyberBox .boxTc div {width:331px}
.cyberBox .boxTc .customDate {padding-left:100px}
.cyberBox .boxTc a {margin-top:13px}

.cyberBox .boxLim {padding:3px 158px 11px 165px}
.cyberBox .boxLim div {width:231px; padding-top:5px}
.cyberBox .boxLim a {height:29px}

.cyberBox .boxCal {padding:3px 175px 11px 181px}
.cyberBox .boxCal span {float:left; padding-top:5px}
.cyberBox .boxCal strong {display:inline-block; width:52px; padding-right:12px; *display:inline; *zoom:1}
.cyberBox .boxCal a {height:29px}

table.calendar td {padding:0 4px}
table.calendar td span {display:block; padding-top:6px}
.Caltop {height:26px}
.Caltop #ApprovedDetail-Current {float:left; font-weight:bold; font-size: 12px; color:black; margin:0; padding:0 20px}
.footnote {float:right; margin:0; padding-top:10px; font: normal 11px 돋움; text-align: right}
.Caltop2 {height:44px}
.Caltop2 #ApprovedDetail-Current {font-weight:bold; margin:0 0 0 10px; padding:0 20px}
.Caltop2 .footnote{padding:28px 10px 0 0}

.calDetail {width:600px; border:1px solid #dedede; font-size:11px; line-height:13px; text-align:center; overflow:hidden; margin:0 0 8px 10px}

.tblWord {word-break:break-all}

.btn-group {padding-left:10px}
.btn-group2 {padding-left:10px; margin-bottom:30px}

.oilBox {height:21px; padding:10px; margin-bottom:6px; clear:both}
.note p {float:left; width:440px; background: url(/jejuisarang/img/common/bul_noteitem.gif) no-repeat 0 6px; padding:3px 0 0 15px; font-size: 11px}
.note a {float:right; width:87px; height:23px}

.note2 {background-color: #F5F5F5; margin: 0 0 35px 10px; padding: 10px 15px 7px 16px; border-width: 1px 0; border-style: solid; border-color: #DEDEDE;}
.note2 p{background: url(/jejuisarang/img/common/bul_noteitem.gif) no-repeat 0 6px; padding:3px 0 0 15px; font-size: 11px}

.oil_tit {height:27px; margin-top:20px}
.btn_cal {border:0; background:none; margin:0 2px; vertical-align:middle}

.errorBox {height:60px}

/* 사이버지점 - 팝업 */
#pop_up {background:#FF9925; padding:5px; margin:0}
#pop_up h1 {padding:20px 0 13px 12px}
#pop_up #box {width:642px; background:#FFFFFF; padding:0; vertical-align:top}
#pop_up #box .top {background:url(/jejuisarang/img/popup/bgTop642.gif) no-repeat left top; padding:30px 0 13px 12px}
#pop_up #box #in {background:url(/jejuisarang/img/popup/bgBt642.gif) no-repeat left bottom; padding:0 12px 20px 12px}
#pop_up #box .btn {margin-top:15px; text-align:center}

#pop_up #box2 {background:#FFFFFF; padding:0; vertical-align:top}
#pop_up #box2 .top {background:url(/jejuisarang/img/popup/bgTop470.gif) no-repeat left top; padding:30px 0 0 22px; margin-bottom:8px}
#pop_up #box2 #in {background:url(/jejuisarang/img/popup/bgBt470.gif) no-repeat left bottom; padding:0 22px 20px 22px}
#pop_up #box2 .btClose {display:block; width:69px; margin:15px auto 0 auto}

#pop_up #box3 {width:654px; background:#FFFFFF; padding:0; vertical-align:top}
#pop_up #box3 #in {background:url(/jejuisarang/img/popup/bgTop654.gif) no-repeat left top; padding:20px 22px}
#pop_up #box3 .btn {background:url(/jejuisarang/img/popup/bgBt654.gif) no-repeat left bottom; padding:15px 0 20px 0; text-align:center}

#popTit {margin-bottom:20px; padding:0; border:none}

/*가맹점*/

.cardUse .boxCon {padding:0 70px 8px 58px; background:url(/jejuisarang/img/common/bg_rund_gray_bottom.gif) no-repeat left bottom; *zoom:1}
.cardUse .search_box {float:left; width:294px; padding:7px 0}
.cardUse .search_box span {display:block; float:left; width:147px; height:20px}
.cardUse .search_box div {float:left}
.cardUse .btn_box {float:right; padding:5px 0}

.tblLIst {width:600px; margin-left:10px; border-top:1px solid #dedede}
.tblLIst tr {border:none}
.tblLIst th, .tblLIst td {border-right:1px solid #dedede; border-bottom:1px solid #dedede; border-left:none; border-top:none; text-align:center; padding-top:4px}
.tblLIst .last {border-right:none}
.tblLIst .grayBg {background-color:#f5f5f5}

.cardUse2 {width:618px; margin-top:20px; padding-top:8px; background:url(/jejuisarang/img/common/bg_round_gray_top2.gif) repeat-y left top}
.cardUse2 .boxCon {padding:0 0 8px 120px; background:url(/jejuisarang/img/common/bg_rund_gray_bottom2.gif) no-repeat left bottom}
.cardUse2 .boxCon:after {content:""; display:block; clear:both}
.cardUse2 .boxCon p {display:inline-block; margin-right:35px; vertical-align:middle; *display:inline; *zoom:1}
.cardUse2 .boxCon span {display:inline-block; margin-right:29px; vertical-align:middle}
.cardUse2 .boxCon a {display:inline-block; vertical-align:middle; padding:3px}

.cardRes {width:495px; margin-top:20px}
.cardRes p {height:59px; padding:15px 0 0 98px; background:url(/idanury/img/contents/office/frnchprch/img_result.gif) no-repeat 12px top; text-align:center}

/*사이트 안내*/
.storeLogin {margin:20px 0 0 10px}
.agreeMent h4, .agreeMent h5 {margin:30px 0 20px; font-size:12px}
.agreeMent p {margin-bottom:20px}
.agreeMent table {margin-bottom:20px}
#SitemapTree {}
#SitemapTree:after {content:""; display:block; clear:both}