/*
가이드 명칭 : YG History CSS 가이드
가이드 목적 : -------------------------------------------------------------
가이드 내용 : 사이트 레이아웃
최초 제작자 : 박진규 (arigato9@gmail.com)
최초 제작일 : 2009.09.28
최종 수정자 : 박진규
최종 수정일 : 2009.09.28
수정 / 배포 : 담당자 문의 후 수정 가능. 재배포 절대 불가
*/

@charset "utf-8";

/* dafault */
*{ margin:0; padding:0; }
body, form, div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,pre,fieldset,input,blockquote,th,td{padding:0; margin:0; word-break:break-all;}
html, body{height:100%; margin:0; padding:0;}
body{color:#666666; font-size:12px; font-family:dotum,tahoma,sans-serif; text-align:left; letter-spacing:0px; line-height:15px;}
input, textarea, select{font-size:12px; font-family:dotum,tahoma,sans-serif; margin:0; padding:0;}
img{border:0; vertical-align:middle;}
a{color:#666666; text-decoration:none; onfocus:blur;}
a:link{color:#666666; text-decoration:none; onfocus:blur;}
a:hover{color:#c90000; text-decoration:underline; onfocus:blur;}
ul,ol,ul,dl{list-style: none;}
table{border-collapse:collapse;}
em, cite, address, dfn, var{font-style:normal;}
fieldset, blockquote{border:none;}
input{padding:3px 5px 3px 5px; color:#666666; border:1px solid #dedede;}
input.checkbox{width:14px; height:14px; border:0;}
input.radio{width:14px; height:14px; border:0;}
.textarea{border:1px solid #dedede;line-height:175%; }

/* body */
#body{background:url('/join/images/bg_body_join.gif'); margin:0; padding:0; height:1800px;}
#container{clear:both; position:relative; width:566px; padding:40px; border:6px solid #e8e8e8; margin:20px auto; background-color:#fff;} /*height:1690px; */
.loader{background:url('/join/images/loader_membership.gif') no-repeat center;}

/* loginStuff */
#pop_login, #pop_ship{visibility:hidden; position:absolute; top:0; left:0; width:290px; height:190px; border:5px solid #e8e8e8;}
#pop_login_outline{border:1px solid #d9d9d9; width:262px; height:162px; padding:13px; background-color:#fff;}
#pop_login_outline02{border:1px solid #d9d9d9; width:389px; height:222px; padding:13px; background-color:#fff;}
h2.pop_login_title{position:relative; background:url('/join/images/bj1_login_title.gif') no-repeat; width:250px; height:31px; text-indent:-9999px; float:left;}
h2.pop_login_title02{position:relative; background:url('/join/images/bj1_login_title02.gif') no-repeat; width:250px; height:31px; text-indent:-9999px; float:left;}
.btnclosepop{position:relative; background:url('/join/images/btn_closepop.gif') no-repeat; width:10px; height:9px; text-indent:-9999px; cursor:pointer; float:right;}
.btn_login_pop{cursor:pointer;}
.login_inputs{clear:both; height:65px; padding:20px 13px 20px 13px;}
.login_input_set{position:relative; float:left; width:160px;}
.login_input_set dt{position:relative; float:left; width:23px; text-align:right; padding-top:10px; padding-right:10px;}
.login_input_set dd{position:relative; float:left; width:123px; padding-top:5px;}
.btn_login{position:relative; float:left; width:64px; padding-left:10px;}
.pop_login_belowlink{clear:both; border-top:1px dashed #ececec; padding-top:14px; font-size:8pt; color:#c8c8c8; letter-spacing:-1px; text-align:center;}
.pop_login_belowlink a{color:#5b5b5b; text-decoration:none; onfocus:blur;}
.pop_login_belowlink a:link{color:#5b5b5b; text-decoration:none; onfocus:blur;}
.pop_login_belowlink aLhover{color:#5b5b5b; text-decoration:underline; onfocus:blur;}
.pop_login_belowlink span{padding-left:7px; padding-right:7px; text-align:center;}

h1.apply_tit{position:relative; background:url('/join/images/bj1_apply_tit.gif') no-repeat; width:566px; height:26px; text-indent:-9999px; margin-bottom:15px;}
h4.apply_tit_comment{position:relative; background:url('/join/images/bj1_apply_tit_comment.gif') no-repeat; width:566px; height:14px; text-indent:-9999px; margin-bottom:30px;}
h1.apply_tit_en{position:relative; background:url('/join/images/bj1_apply_tit_en.gif') no-repeat; width:566px; height:26px; text-indent:-9999px; margin-bottom:15px;}
h4.apply_tit_comment_en{position:relative; background:url('/join/images/bj1_apply_tit_comment_en.gif') no-repeat; width:566px; height:27px; text-indent:-9999px; margin-bottom:30px;}
h1.apply_tit_ship{position:relative; background:url('/join/images/bj1_apply_tit_ship.gif') no-repeat; width:566px; height:43px; text-indent:-9999px; margin-bottom:15px;}
h4.apply_accountinfo{position:relative; background:url('/join/images/bj1_apply_accountinfo.gif') no-repeat; width:566px; height:95px; text-indent:-9999px; margin-top:20px; margin-bottom:20px;}
h4.apply_accountinfo_en{position:relative; background:url('/join/images/bj1_apply_accountinfo_en.gif') no-repeat; width:566px; height:159px; text-indent:-9999px; margin-top:20px; margin-bottom:20px;}
#apply_form_input{position:relative; width:566px; height:375px;}
#apply_form_input dt{position:relative; width:120px; float:left; text-align:left; padding:7px 15px 7px 0;}
#apply_form_input dd{position:relative; width:405px; float:left; text-align:left; padding:4px 0 7px 15px; border-left:1px solid #d9d9d9; display:block;}
#apply_form_input dt.id{background:url('/join/images/bg_apply_form_tit.gif') no-repeat -15px 3px; text-indent:-9999px;}
#apply_form_input dt.name{background:url('/join/images/bg_apply_form_tit.gif') no-repeat -165px 3px; text-indent:-9999px;}
#apply_form_input dt.idno{background:url('/join/images/bg_apply_form_tit.gif') no-repeat -315px 3px; text-indent:-9999px;}
#apply_form_input dt.address{background:url('/join/images/bg_apply_form_tit.gif') no-repeat -465px 3px; text-indent:-9999px;}
#apply_form_input dt.mobile{background:url('/join/images/bg_apply_form_tit.gif') no-repeat -615px 3px; text-indent:-9999px;}
#apply_form_input dt.phone{background:url('/join/images/bg_apply_form_tit.gif') no-repeat -765px 3px; text-indent:-9999px;}
#apply_form_input dt.sms{background:url('/join/images/bg_apply_form_tit.gif') no-repeat -915px 3px; text-indent:-9999px;}
#apply_form_input dt.email{background:url('/join/images/bg_apply_form_tit.gif') no-repeat -1065px 3px; text-indent:-9999px;}
#apply_form_input dt.accountname{background:url('/join/images/bg_apply_form_tit.gif') no-repeat -1215px 3px; text-indent:-9999px;}
#apply_form_input dt.paymentdate{background:url('/join/images/bg_apply_form_tit.gif') no-repeat -1365px 3px; text-indent:-9999px;}
#btn_applybj{position:relative; background:url('/join/images/btn_applybj.gif') no-repeat; width:225px; height:80px; text-indent:-9999px; margin-right:auto; margin-bottom:5px; margin-left:auto; }
#btn_applybj_en{position:relative; background:url('/join/images/btn_applybj_en.gif') no-repeat; width:225px; height:80px; text-indent:-9999px; margin-right:auto; margin-bottom:5px; margin-left:auto; }

#apply_form_input dt.id_en{background:url('/join/images/bg_apply_form_tit_en.gif') no-repeat -15px 3px; text-indent:-9999px;}
#apply_form_input dt.name_en{background:url('/join/images/bg_apply_form_tit_en.gif') no-repeat -165px 3px; text-indent:-9999px;}
#apply_form_input dt.address_en{background:url('/join/images/bg_apply_form_tit_en.gif') no-repeat -465px 3px; text-indent:-9999px;}
#apply_form_input dt.mobile_en{background:url('/join/images/bg_apply_form_tit_en.gif') no-repeat -615px 3px; text-indent:-9999px;}
#apply_form_input dt.phone_en{background:url('/join/images/bg_apply_form_tit_en.gif') no-repeat -765px 3px; text-indent:-9999px;}
#apply_form_input dt.sms_en{background:url('/join/images/bg_apply_form_tit_en.gif') no-repeat -915px 3px; text-indent:-9999px;}
#apply_form_input dt.email_en{background:url('/join/images/bg_apply_form_tit_en.gif') no-repeat -1065px 3px; text-indent:-9999px;}
#apply_form_input dt.accountname_en{background:url('/join/images/bg_apply_form_tit_en.gif') no-repeat -1215px 3px; text-indent:-9999px;}
#apply_form_input dt.paymentdate_en{background:url('/join/images/bg_apply_form_tit_en.gif') no-repeat -1365px 3px; text-indent:-9999px;}

#apply_form_input2{position:relative; width:566px; height:340px;}
#apply_form_input2 dt{position:relative; width:120px; float:left; text-align:left; padding:12px 15px 12px 0;}
#apply_form_input2 dd{position:relative; width:405px; float:left; text-align:left; padding:9px 0 12px 15px; border-left:1px solid #d9d9d9; display:block;}
#apply_form_input2 dt.ApplicationDate{background:url('/join/images/bg_apply_form_ship.gif') no-repeat -15px 5px; text-indent:-9999px;}
#apply_form_input2 dt.ExpectedPaymentDate{background:url('/join/images/bg_apply_form_ship.gif') no-repeat -165px 5px; text-indent:-9999px;}
#apply_form_input2 dt.DepositStatus{background:url('/join/images/bg_apply_form_ship.gif') no-repeat -315px 5px; text-indent:-9999px;}
#apply_form_input2 dt.Shipping{background:url('/join/images/bg_apply_form_ship.gif') no-repeat -465px 5px; text-indent:-9999px;}
#apply_form_input2 dt.InvoiceNumber{background:url('/join/images/bg_apply_form_ship.gif') no-repeat -615px 5px; text-indent:-9999px;}
#apply_form_input2 dt.Address{background:url('/join/images/bg_apply_form_ship.gif') no-repeat -765px 5px; text-indent:-9999px;}
#apply_form_input2 dt.MobilePhone{background:url('/join/images/bg_apply_form_ship.gif') no-repeat -915px 5px; text-indent:-9999px;}
#apply_form_input2 dt.Phone{background:url('/join/images/bg_apply_form_ship.gif') no-repeat -1065px 5px; text-indent:-9999px;}

h2.pop_apply_result_title{position:relative; background:url('/join/images/bj1_apply_result_title.gif') no-repeat; width:250px; height:31px; text-indent:-9999px; float:left;}
#pop_result{visibility:hidden; position:absolute; top:0; left:0; width:415px; height:250px; border:5px solid #e8e8e8;}
.apply_result_img{border-top:1px solid #e0e0e0; margin-top:10px; display:block;}


/* input */
.input01{padding:3px 5px 3px 5px; color:#666666; border-top:1px solid #d8d8d8; border-right:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; border-left:1px solid #d8d8d8;}
.input_width1{width:115px;}
.input02{padding:3px 5px 3px 5px; color:#fff; background-color:#000; border:1px solid #000;}
.input03{padding:2px 5px 1px 5px; color:#fff; background-color:#000; border:1px solid #000;}
.input_width2{width:100px;}
.input_width3{width:402px;}
.input_width4{width:30px;}
.input_width5{width:60px;}
.input_width6{width:200px;}
.select01{_height:24px; background-color:#000; color:#fff; }

/* align */
.centerism{margin-right:auto; margin-left:auto;}

/* margin */
.mb1{margin-bottom:5px;}
.ml1{margin-left:10px;}

/* padding */

/* borderline */
.line01{border-bottom:1px dashed #e1e1e1;}

/* textcolor */
.hacktest{color: green; color /*\**/: red\9; *color: blue; _color: pink;}

/* position */
.pos01{position:relative; top:-3px; top /*\**/: -1px; *top:-4px; _top:-4px;}