@charset "utf-8";
/* base */
body { margin: 0; padding: 0; background-color: #fff; }
img,fieldset { border:0 none;}
dl,ul,ol,li { list-style: none; }
hr { display:none; }
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend,body { margin: 0; padding: 0; font-family: '돋움', 'Dotum', '굴림', 'gulim', 'Helvetica', 'Apple-Gothic'; letter-spacing: -1px; }
a { text-decoration: none; }
a:link, a:hover, a:active { text-decoration: none; }
input, select, textarea { margin: 0; padding: 0; font-size: 100%; vertical-align: middle; }


/* layout */
/* Mobile Safari, Opera Mobile, 기타 브라우저일 경우 */
body { text-align: center; margin: 0; padding: 0; background-color: #fff; -webkit-text-size-adjust: none; }
#mobileWrap { text-align: left; width: auto; min-width: 320px; }
#topWrap, #contentsWrap { margin: 0 6px; text-align: left; }
#footerWrap { text-align: center; }
#contentsWrap {padding:5px 0px 30px 0px;}



h1 {display:none}
h2 {color:#000;font:bold 22px AppleGothic,"돋움",dotum,sans-serif;}
h4 {display:none;margin:0;padding:0;}

.b	{font-weight:bold;letter-spacing:-1px;}
.border	{border:1px #f00 solid;}
.clr {clear:both;}
em	{font-style:normal;}
.fl {float:left}
.fr {float:right}

/* gnb service logo */
#gnbLogoNav h1 {display:inline;}
/* Mobile Safari, Opera Mobile, 기타 브라우저일 경우 */
#gnbLogoNav { position: relative; height: 34px; }
#gnbLogoNav a { position: absolute; top: 0; height: 33px; display: block; text-indent: -1000em; overflow: hidden; background: url('http://icon.daum-img.net/mobile/simple/safari/common/cbi_sfr.gif') no-repeat; }
#gnbLogoNav h1 a.daum { left: 3px; width: 41px; background-position: left top; }
#gnbLogoNav h1 a.daumNew { left: 6px; width: 40px; background:url("http://icon.daum-img.net/mobile/simple/safari/2010_common/cbi_sfr.gif") no-repeat left top; }
#gnbLogoNav h1 a.svc { left: 49px;  }
#gnbLogoNav h1 a.exchange_logo { width: 29px; background-position: left -204px; }
#gnbLogoNav h1 a.exchange_logoNew { left:50px;top:2px; width: 29px; background:url("http://icon.daum-img.net/mobile/simple/safari/2010_common/cbi_sfr.gif") no-repeat left -206px; }
#gnbLogoNav a.btn_2_rel { width: 24px; height:33px; top: 0px; left: 84px; background-position: left 0; background: url('http://icon.daum-img.net/mobile/simple/safari/exchange/exchange_gnb_title_spr.gif') no-repeat 0 12px; }
#gnbLogoNav a.btn_2_rel2 { width: 40px; height:33px; top: 0px; left: 109px; background-position: left 0; background: url('http://icon.daum-img.net/mobile/simple/safari/exchange/exchange_gnb_title_spr.gif') no-repeat 0 -38px; }
#gnbLogoNav a.btn_all_svc { width: 77px; left: 148px; background-position: left -27px; }
#gnbLogoNav a.btn_all_svcNew { width: 77px; left: 89px; background-position: left -27px; }
 

/* GNB  */
/* Mobile Safari, Opera Mobile, 기타 브라우저일 경우 */
#gnbTabNav { position: relative; background: url("http://icon.daum-img.net/mobile/simple/safari/exchange/exchange_gnb_bg.gif") repeat-x 0px -50px;}
#gnbBrd { position: relative;width:100%; height:100%;}
#gnbBrd ul { min-height: 36px;padding:0px 0px 0px 2px;}
* html #gnbBrd ul {height:36px;}
#gnbBrd li {float:left; padding:2px 0px; }
#gnbBrd a { display: block; overflow: hidden; float: left; height: 34px; text-indent: -1000em;background-image: url("http://icon.daum-img.net/mobile/simple/safari/exchange/exchange_gnb_spr.gif");background-repeat: no-repeat;; text-decoration: none; }
#gnbBrd li.gnbMenu1 a {width:37px;height:32px;background-position: 8px -2px;}
#gnbBrd li.gnbMenu1 a.on {background-position: 8px -38px;}
#gnbBrd li.gnbMenu2 a {width:60px;height:32px;background-position: -29px -2px;}
#gnbBrd li.gnbMenu2 a.on {background-position: -29px -38px;}
#gnbBrd li.gnb_r {float:right;width:2px;height:36px;padding:0px;background: url("http://icon.daum-img.net/mobile/simple/safari/exchange/exchange_gnb_bg.gif") no-repeat right -100px;}

.gnb_l {display: block; overflow:hidden; position: absolute; top: 0px; width: 2px; height: 36px; font-size:0px;background: url("http://icon.daum-img.net/mobile/simple/safari/exchange/exchange_gnb_bg.gif") no-repeat; }
.gnb_l { left: 0px; background-position: left top; }


/* Scroll Navigation */
#scrollNav { position: absolute; top: 223px; right: 32px; width: 66px; height: 190px; z-index: 9999; }
#scrollNav a { display: block; width: 66px; height: 66px; overflow: hidden; background: url('http://img.mobile.daum.net/static_img/fb/common/scroll_v2.png') no-repeat; text-indent: -1000em; }
#scrollNav a.btn_up { margin-bottom: 18px; background-position: left top; }
#scrollNav a.btn_dn { margin-bottom: 8px; background-position: 0 -84px; }
#scrollNav a.btn_top { height: 32px; background-position: 0 -158px; }
#scrollNav a.btn_up:active, #scrollNav a.btn_up:hover { background-position: -84px top; }
#scrollNav a.btn_dn:active, #scrollNav a.btn_dn:hover { background-position: -84px -84px }

/* Mobile Safari, Opera Mobile일 경우 */
#foot_btn { position: relative; height: 24px; }
#foot_btn a { display: block; position: absolute; height: 24px; background: url('http://img.mobile.daum.net/static_img/iphone/common/footer_btn_ipn.gif') no-repeat; overflow: hidden; text-indent: -1000em; }
#foot_btn .btGoPrev { top: 0; left: 0; width: 78px; background-position: 10px -24px; }
#foot_btn .btGoTop { top: 0; right: 1px; width: 65px; background-position: 10px top; }

#footer { padding-top:1px; border-top: 1px solid #dadada; }
#footer .mini_copy { margin: 0; background-color:#f0f0f0; padding-top: 8px; padding-bottom: 10px; text-align: center; vertical-align: top; }
#footer .copy { font-family: 'Tahoma', 'Helvetica'; font-size: 10px; color:#999; text-align: center; padding: 10px 0 5px 0; }


/* MiniDaum */ 
#DaumUI__minidaum {margin:0 auto;}

/* Layout out */
#wrap { text-align: left; margin: 0 10px 0 10px; }
#GNB { margin-bottom: 8px; }
#GNB h2 {display:none;}

/* font color */
.cUp, .cUp2 {color:#DC3636}
.cDn, .cDn2 {color:#025EDD}
.cFt {color:#333}
.topLine {border-top:1px solid #D5D5D5}
.dTime {font-size:20px;color:#999}
.firstLi {font:24px;color:#313131;font-weight:bold;}
.bar {margin:0px 5px;color:#999}
.typeBtn {border:0px;text-indent:-1000em;margin:0px;padding:0px;}
.imgMore {width:51px;height:25px;float:right;background:url(http://fn.daum-img.net/fb_img/more_view_btn.gif) no-repeat left top;text-indent:-1000em;margin-top:10px;}

.dpNone {display:none;}
/* 기본 title */
.titNormal {display:block;font-size:13px;height:14px;color:#333;margin:0px 0px 6px 0px;padding:0px 0px 0px 6px;}
table caption {display:none}


/* highLight */
#highLightBox {width:auto;height:100%;border:2px solid #ABBCF4;margin-bottom:13px;overflow:hidden;}

#exchangeDiv {overflow:hidden;float:left;padding:0px 7px 0px 7px;line-height:15px;}
#exchangeDiv dl {float:left;width:225px;}
#exchangeDiv dt {width:100%;font-size:15px;color:#333;padding-top:11px;margin-bottom:4px}
#exchangeDiv dt a {display:inline-block;padding-right:23px;font-size:15px;font-weight: bold;color:#333;letter-spacing: -1px;text-decoration: underline;background: url("http://icon.daum-img.net/mobile/simple/safari/exchange/bt_graph.gif") no-repeat right top;}
#exchangeDiv b {margin-left:6px;}
#exchangeDiv dt .stUp {background: url("http://icon.daum-img.net/mobile/simple/safari/exchange/img_updown_spr3.gif") no-repeat left 2px;padding-left:20px;}
#exchangeDiv dt .stDn {background: url("http://icon.daum-img.net/mobile/simple/safari/exchange/img_updown_spr3.gif") no-repeat left -23px;padding-left:20px;}
#exchangeDiv dt .stFt {background: url("http://icon.daum-img.net/mobile/simple/safari/exchange/img_updown_spr3.gif") no-repeat left -48px;padding-left:20px;}
#exchangeDiv dd {width:100%;border-bottom: 1px solid #F7F7F7;padding-bottom:4px}
#exchangeDiv dd .price {margin-left:6px;font-size:15px;color:#333;}
#exchangeDiv dd .point, #exchangeDiv dd .rate {margin-left:10px;font-size:13px;}
#exchangeDiv .wlst {border-bottom:0px;}

/*기본 데이터 테이블*/
.dtable {width:100%;margin-bottom:9px;border-collapse:collapse;}
.dtable caption {display:none;}
.dtable th {height:21px;padding-top:3px;font-size:12px;font-weight: normal;letter-spacing: -1px;text-align:center;border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;background-color: #F0F0F0;}
.dtable th em {font-size:16px;font-style:normal;}
.dtable td {font-size:12px;vertical-align:top;letter-spacing:-1px;line-height:20px;font-weight:normal;padding-top:3px;}
.dtable td.fst {padding-top:11px;}
.dtable td.line {border-bottom:1px solid #E9E9E9;padding-bottom:11px;}
.dtable td.right1 {padding-right:15px;text-align:right;font-size:12px;}
.dtable td.left1 {padding-left:15px;text-align:left}
.dtable td a {margin-left:8px;font-size:13px;font-weight:bold;color:#2557DC;letter-spacing: -1px;text-decoration: underline;}

.informerTxt {clear:both;padding-right:0px;margin-bottom:6px;font-size:10px;font-weight: bold;color:#999;text-align: right;letter-spacing: -1px;}
.informerTxt .infoSpan {float: right;white-space: nowrap;}
.dataInfoTxt {float:left;padding-bottom:4px;margin-right:0px;font-size:9px;font-weight: bold;color:#999;text-align: right;letter-spacing: -1px;}



/* 국가 상세 */
#barExchangeTit {width:100%;padding:0px;}
#barExchangeTit h3 {display:inline;float:left;margin:4px 0px 0px 5px;font-size:14px;font-weight: bold;color:#000;letter-spacing: -1px;}
#barExchangeTit .titExchange {float:left;margin-bottom:6px;}
#barExchangeTit span {display:block;float:left;margin:4px 0px 0px 8px;font-size:14px;color:#666;}
#selectCountry {float:right;padding-top:1px;margin:0px 0px 5px 0px;}
#btnCountry {display:block;overflow:hidden;width:78px;height:20px;padding:0px;margin:0px;border:0px;text-indent: -1000em;background: url("http://icon.daum-img.net/mobile/simple/safari/exchange/bt_other.gif") no-repeat left top;cursor: pointer;}

#exChangeInfo {padding:2px 0px 0px 0px;height:28px;line-height:20px}
#exChangeInfo b {margin:0px;}
#exChangeInfo dl {overflow:hidden;}
#exChangeInfo dl.cDn {color:#005DDE}
#exChangeInfo dt {display:none}
#exChangeInfo dd {float:left;width:auto;border:0px;}
#exChangeInfo .price {font-size:18px;margin-top:2px}
#exChangeInfo .point, #exChangeInfo .rate {font-size:13px;margin:4px 0px 0px 12px;padding:0px;}


#exChangePrice {width:100%;font-size:12px;border-top:1px solid #B2B2B2;border-bottom:1px solid #B2B2B2;border-collapse:collapse;}
#exChangePrice th {color:#000;border-bottom:1px solid #ECECEC;border-right:1px solid #ECECEC;}
#exChangePrice td {font-size:11px;font-weight: normal;line-height:23px;color:#444;border-bottom:1px solid #ECECEC;}
#exChangePrice .border_b_no {border-bottom:0px;}
#exChangePrice .left1 {padding-left:8px;}
#exChangePrice .right0 {text-align: right;}


/* 국가 layer */
#layerCountry {display:none;position: absolute;padding:14px 3px 14px 3px;border:2px solid #4051C7;background-color: #FFF;z-index:100;}
#layerCountry.on {display:block !important;}
#layerCountry.off {display:none !important;}
#layerCountry a {display:block;padding:6px 0px;font-size:12px;color:#000;cursor: pointer;}
#layerCountry ul {float:left;padding:0px 13px 0px 13px;border-right:1px solid #EBECEE;}
#layerCountry ul.border_r_no {border-right:0px;}
#layerCountry ul.fst a {padding-right:6px;padding-left:4px;}
#layerCountry li.margin_b_no {margin-bottom:0px;}
#layerCountry a.layerClose {display: block;overflow: hidden;position: absolute;right:0px;top:0px;padding:0px;width:22px;height:20px;text-indent:-1000em;background: url("http://icon.daum-img.net/mobile/simple/safari/exchange/bt_close.gif") no-repeat 5px 5px;}



/* 환율계산기 */
#calcDiv {position:relative;width:304px;margin:0px auto;font-size:14px;color:#000;}
#inputMoney {float:left;width:68px;height:18px;padding-left:10px;padding-top:2px;margin-right:10px;border:1px solid #A6A6A6;font-size:14px;color:#333;line-height:18px;}
#calcDiv .selectDiv {overflow:hidden;float:left;width:121px;height:20px;padding-left:4px;margin-right:7px;border:1px solid #A6A6A6;font-size:14px;color:#333;line-height:22px;background: url("http://icon.daum-img.net/mobile/simple/safari/exchange/bt_more.gif") no-repeat right top;cursor: pointer;}

#calcDiv .calcPosition1 {position:absolute;left:0px;top:18px;padding-left:3px;}
#calcDiv .calcPosition2 {position:absolute;left:0px;top:49px;padding-left:3px;}

#calcDiv .calcPosition1 span.calcText {float:left;margin-top:4px;}
#calcDiv .calcPosition2 span.calcText {float:left;margin-right:6px;margin-top:4px;}

#divDummy {width:100%;height:91px;}
#btnExchange {display:block;overflow:hidden;float:left;width:83px;height:26px;text-indent: -1000em;background: url("http://icon.daum-img.net/mobile/simple/safari/exchange/bt_calc.gif") no-repeat left top;cursor: pointer;}

#resultDiv {margin:0px 11px 0px 11px;padding:11px 0px 11px 0px;border-top:1px solid #E9E9E9;text-align: center}
#resultDiv.off {display:none;}
#resultDiv.on {display:block;}
#resultDiv p {margin-top:10px;font-size:14px;font-weight: bold;color:#999;}
#resultPrice {font-size:22px;font-weight: bold;color:#4554E7}
#resultCurrency {font-size:22px;font-weight: bold;color:#333}




/* 세로모드 재선언 */
#mobileWrap.hMode #highLightBox {padding-bottom:10px;}
#mobileWrap.hMode #highLightBox .leftDiv {margin-left:10px;}
#mobileWrap.hMode #highLightBox .rightDiv {margin-left:60px;}
#mobileWrap.hMode #exchangeDiv dl {width:290px;}
#mobileWrap.hMode #exchangeDiv .lst {border-bottom:0px;}


/* xperia */
#exchangeDiv dt a {white-space: nowrap;}

#barExchangeTit h3 {white-space: nowrap;}
#barExchangeTit span {white-space: nowrap;}
#exChangePrice .left1 {white-space: nowrap;}
#exChangePrice .right0 {white-space: nowrap;}
#calcDiv .calcPosition1 span.calcText {white-space: nowrap;}
#calcDiv .calcPosition2 span.calcText {white-space: nowrap;}
#layerCountry a {white-space: nowrap;}
#resultDiv p {white-space: nowrap;}
.dtable td {white-space: nowrap;}
.informerTxt {white-space: nowrap;}
.dataInfoTxt {white-space: nowrap;}
#exchangeDiv dd {min-width:225px;}
#exchangeDiv dd span {white-space: nowrap;}
#exchangeDiv #exChangeInfo dl {width:180px;}
#exchangeDiv #exChangeInfo dd {min-width:0px;}
/*#highLightBox {min-width:464px}*/