/*
  Title _ bbb Common Stylesheet
  Author _ Choojiho(chubo@gmail.com), Kim Moonjung(oopsbitty@gmail.com)
  Date _ 2008. 6. 11
  Last _ 2008. 6. 11
*/
@import url("common.css");

.s_introduce h2 { padding-bottom:25px; }
.s_introduce span.bbb_card { position:absolute; bottom:150px; right:10px; display:inline; float:right; margin-top:80px; }
.s_introduce span.bbb_tel { padding: 30px 0 30px 30px;}
.s_introduce span.bbb_tel img { margin-top:55px; }
.s_introduce .block_area p, .s_introduce div.usage p { margin-bottom:20px; }

/* introduce */
.s_introduce .block_area { width:605px; height:auto; overflow:hidden; }
.s_introduce .block_area h3 { margin:5px 0; font-weight:bold; }
.s_introduce .block_area p.logo_txt { margin-top:25px; }
.s_introduce .block_area p.roaming_phone { padding:20px 0; text-align:center; }
.s_introduce .block_area span.bbb_logo { float:left; padding:10px 15px 0 0; }
.s_introduce .block_area span.btn img.roaming { margin-bottom:20px; }
.s_introduce .block_area span.btn img.agreement { margin-top:20px; }
.s_introduce .block_area dl { width:600px; height:auto; overflow:hidden; margin-top:25px; padding:10px 0; }
.s_introduce .block_area dl dt { float:left; clear:both; width:80px; padding:20px 0 15px 0;}
.s_introduce .block_area dl dd { float:left; width:500px; padding:10px 0; }
.s_introduce .block_area dl dd img { margin:5px 20px 5px 0; vertical-align:middle; }
.s_introduce .block_area dl dd img.space { margin-left:80px; }
.s_introduce div.member { width:288px; padding:75px 0 40px 0; }
.s_introduce div.member ul { width:160px; margin:12px 0 0 13px; }
.s_introduce div.member ul li img { margin:4px 0; vertical-align:top; }

/* history */
.s_introduce ul.history { width:605px; height:auto; overflow:hidden; margin-top:15px; }
.s_introduce ul.history li { width:605px; height:auto; overflow:hidden; padding-top:15px; background: transparent url(../../images/common/dot_line.gif) no-repeat scroll 0 bottom; }
.s_introduce ul.history li span img { vertical-align:middle; }
.s_introduce ul.history li span { float:left; line-height:22px; }
.s_introduce ul.history li span.year_first { width:80px; padding:10px 0; }
.s_introduce ul.history li span.year { width:80px; padding:25px 0; }
.s_introduce ul.history li span.btn_more { display:block; float:right; width:605px; padding-bottom:2px; text-align:right; }
.s_introduce ul.history li ul { float:left; width:520px; background:none; }
.s_introduce ul.history li ul.more { display:inline; float:right; margin-right:5px; }
.s_introduce ul.history li ul li { width:520px; padding:0; background:none; }
.s_introduce ul.history li ul li span.month_day { width:85px; }
.s_introduce ul.history li ul li span.contents { width:435px; }

/* bbb ÀÌ¿ëÇϱâ */
.s_introduce h3.usage_stitle { width:590px; height:41px; margin:10px auto 20px auto; }
.s_introduce div.usage { margin-top:10px; }
.s_introduce div.usage p.h4 { margin-top:60px; }
.s_introduce div.usage p span.phone_code img { margin-top:12px; }
.s_introduce table.bbb_phone { width:603px; margin:25px 0 10px 0; }
.s_introduce table.bbb_phone th { padding:5px 0; text-align:center; border-bottom:1px solid #b9b9b9; }
.s_introduce table.bbb_phone td { padding:5px 0; border-bottom:1px solid #b9b9b9; }
.s_introduce table.bbb_phone td.space { padding-left:15px;}
.s_introduce table.bbb_phone th { text-align:center; font-weight:bold; background:transparent url(../../images/introduce/phone_table_line.gif) no-repeat scroll right bottom; }
.s_introduce table.bbb_phone th.last { background:none; }
.s_introduce table.bbb_phone td.one_day { padding:12px 0; }
.s_introduce table.bbb_phone td.orange { color:#f25b20; }
.s_introduce p.usage_text { padding: 10px 0;}
.s_introduce p.usage_card_img { width:610px; height:auto; overflow:hidden; margin:15px 0; }

.s_introduce .language { position: relative; width:610px; }
.s_introduce .language .date { position: absolute; top: 0; right: 0; }
.s_introduce .language ul { margin: 20px 0 0 0; }
.s_introduce .language ul li { float: left; position: relative; margin: 0 20px 0 0; width: 188px; height: 15px; padding: 8px 0; border-top: 1px solid #c1c1c1; background-image: none; }
.s_introduce .language ul li img { vertical-align: middle; margin: 0 5px 0 0; }
.s_introduce .language ul li .count { position: absolute; right: 0; }
.s_introduce .language ul li.total { text-align: right; font-weight: bold; }
.s_introduce .language ul li.no_margin { margin: 0; }


/* popup */
.s_introduce .organization_popup { width:560px; margin:15px 10px; }
.s_introduce .organization_popup h1 { width:560px; height:30px; }
.s_introduce .organization_popup ul { width:560px; }
.s_introduce .organization_popup ul li { width:560px; height:auto; overflow:hidden; padding:5px 0; }
.s_introduce .organization_popup ul li.gray_bg { background-color:#e2e2e2; }
.s_introduce .organization_popup ul li dl { width:560px;  }
.s_introduce .organization_popup ul li dl dt { float:left; clear:both; width:80px; font-weight:bold; text-align:center; font:bold 9px/18px verdana; }
.s_introduce .organization_popup ul li dl dd { float:left; width:480px; line-height:16px; font:9px/18px verdana; letter-spacing:-0.1em; }
.s_introduce .organization_popup ul li dl dd span { color:#9c9c9c; letter-spacing:-0.1em; }
.s_introduce .organization_popup ul li span.language { float:left; width:125px; text-indent:10px; font:bold 9px/18px verdana; }
.s_introduce .organization_popup ul li p.professor { float:left; width:425px; font:9px/18px verdana; letter-spacing:-0.1em; }
.s_introduce .organization_popup ul li p.professor span { color:#9c9c9c; letter-spacing:-0.1em; }

.s_introduce .phone_code_popup { width:445px; margin:15px 10px; }
.s_introduce .phone_code_popup ul { width:208px; margin-top:12px; border-top:1px solid #c5c5c5; }
.s_introduce .phone_code_popup ul li { width:208px; height:auto; overflow:hidden; padding:5px 0; border-bottom:1px solid #c5c5c5; }
.s_introduce .phone_code_popup ul li span.state { float:left; }
.s_introduce .phone_code_popup ul li span.code { float:right; font-weight:bold; text-align:right; }

.s_introduce .roaming_popup { padding:18px 0 15px 10px; width: 640px; }
.s_introduce .roaming_popup h1 { height:30px; }
.s_introduce .roaming_popup p { padding-top: 6px; padding-left: 3px;}
.s_introduce .roaming_popup ul { margin-top:15px; }
.s_introduce .roaming_popup ul li { float: left; width:320px; padding:5px 0 10px 0;  }
.s_introduce .roaming_popup ul li.clear_left { clear: left; }
.s_introduce .roaming_popup ul li h3 { padding-top:5px; padding-left: 3px; }

.s_introduce .agreement_popup { padding:18px 10px 15px 15px; background-color: #E8E8E8;}
.s_introduce .agreement_popup h1 { height:35px; }
.s_introduce .agreement_popup p { padding: 12px 0 8px 0; width: 590px; border-bottom: 1px dashed #C2C2C2; }
.s_introduce .agreement_popup p.none { border-bottom: 0;}
.s_introduce .agreement_popup p img { padding: 3px 0;}
.s_introduce .agreement_popup p span { display: block; padding: 5px 0;}
.s_introduce .agreement_popup p span.space { padding: 0 0 0 70px;}

.s_introduce .price_list_popup { padding:18px 10px 15px 10px; background-color: #E8E8E8; }
.s_introduce .price_list_popup h1 { height:30px; }
.s_introduce .price_list_popup ul { margin:5px 0; }
.s_introduce .price_list_popup table td { border-bottom: 1px solid #C2C2C2; }
.s_introduce .price_list_popup table td.line { background:transparent url(../../images/introduce/phone_table_line.gif) no-repeat scroll right bottom;}
.s_introduce .price_list_popup table td.border { border-bottom: 0;}
.s_introduce .price_list_popup table .space { padding-left: 10px;}

.s_introduce .card_down_popup { width:530px; margin:15px 13px; }
.s_introduce .card_down_popup h1  { height:30px; }
.s_introduce .card_down_popup p { margin:10px 0; }
.s_introduce .card_down_popup p span { display: block; float: right; padding: 5px 33px 5px 0;}

/* japan */
.s_introduce .japan { padding-top:10px; font:12px/22px sarif; }
.s_introduce .china { padding-top:10px; font:12px/22px sarif; }