@import "common.css";

#BothPrt h1 {background:url(/_Image/Util/bg_title.gif) no-repeat;padding:29px 0 11px 9px;width:653px;margin-left:135px;}
#BothPrt h1.Jn {background:url(/_Image/Util/bg_title2.gif) no-repeat;padding:29px 0 11px 9px;width:823px;margin-left:50px;}
#BothPrt div.Cprgt {clear:both;background:url(/_Image/Util/copyright.gif) no-repeat center;margin:27px 0 0 25px;height:9px;}
#BothPrt div.Cprgt2 {clear:both;background:url(/_Image/Util/copyright.gif) no-repeat center;margin:57px 0 0 0px;height:0px;}

/*·Î±×ÀÎ*/
.Lgn #BothPrt div.CntStr {float:left;background:url(/_Image/Util/login_bg.gif) 1px 0 no-repeat;width:654px;height:296px;margin-left:67px;}
html>body .Lgn #BothPrt div.CntStr {margin:0 0 30px 134px;}
.Lgn #BothPrt div.CntStr div.Lf {width:150px;text-align:center;padding-top:39px;}
.Lgn #BothPrt div.CntStr div.Rt {width:473px;padding-top:39px;}
.Lgn #BothPrt div.CntStr div.Rt p.Txt {height:21px;color:#EB1D02;padding-top:1px;margin:0;}
.Lgn #BothPrt div.CntStr div.Rt p.Mgn {margin:4px 0;}
.Lgn div.Frm {width:198px;margin:28px 0 40px 123px;}
html>body .Lgn div.Frm {margin-top:35px;}
.Lgn div.Frm div.Inpt input.ipt {width:120px;}

/*½Ç¸íÀÎÁõ*/
.Lgn2 #BothPrt div.CntStr2 {float:left;background:url(/_Image/Util/login_name_bg.gif) 1px 0 no-repeat;width:654px;height:296px;margin-left:67px;}
html>body .Lgn2 #BothPrt div.CntStr2 {margin:0 0 30px 134px;}
.Lgn2 #BothPrt div.CntStr2 div.Lf {width:150px;text-align:center;padding-top:39px;}
.Lgn2 #BothPrt div.CntStr2 div.Rt {width:473px;padding-top:39px;}
.Lgn2 #BothPrt div.CntStr2 div.Rt p.Txt {height:21px;color:#EB1D02;padding-top:1px;margin:0;}
.Lgn2 #BothPrt div.CntStr2 div.Rt p.Mgn {margin:4px 0;}
.Lgn2 div.Frm {width:198px;margin:28px 0 40px 90px;}
html>body .Lgn2 div.Frm {margin-top:35px;}
.Lgn2 div.Frm div.Inpt input.ipt {width:157px; BACKGROUND-COLOR: FFFFFF; BORDER-BOTTOM: DADADA 1px solid; BORDER-LEFT: DADADA 1px solid; BORDER-RIGHT: DADADA 1px solid; BORDER-TOP: DADADA 1px solid;}
.Lgn2 div.Frm div.Inpt input.ipt2 {width:71px; BACKGROUND-COLOR: FFFFFF; BORDER-BOTTOM: DADADA 1px solid; BORDER-LEFT: DADADA 1px solid; BORDER-RIGHT: DADADA 1px solid; BORDER-TOP: DADADA 1px solid;}

/*¾ÆÀ̵ð/ºñ¹Ð¹øÈ£¹®ÀÇ*/
.IdPw #BothPrt div.CntStr {float:left;background:url(/_Image/Util/idpw_bg.jpg) 1px bottom no-repeat;width:654px;margin-left:67px;}
html>body .IdPw #BothPrt div.CntStr {margin:0 0 30px 134px;}
.IdPw div.RndBx {float:left;margin-left:25px;}
html>body .IdPw div.RndBx {margin-left:50px;}
.IdPw div.RndBx div.BxCnt {float:left;}
.IdPw div.RndBx div.LfImg {float:left;width:190px;text-align:center;}
.IdPw div.Frm {float:right;width:322px;margin-right:20px;}
.IdPw div.Frm div.Btn {width:89px;}
html>body .IdPw div.Frm div.Inpt div {padding-bottom:1px;}
.IdPw div.RndBx p.Txt {clear:both;padding:23px 0 5px 0;margin:0 0 10px;}
.IdPw div.RndBx p.Txt2 {margin:0 0 10px;line-height:130%;}

.IdPw .Mgn {margin:20px 0 5px 29px;clear:both;}
.IdPw .BtnMgn {margin-top:10px;}
.IdPw .BtnMgn2 {margin-top:30px;}
.IdPw .PMgn {margin:4px 0;}
.IdPw .PMgn2 {margin:4px 0 10px;}
.IdPw .FrmMgn {margin-bottom:15px;}
.IdPw .CntPdn {padding-bottom:30px;}
.IdPw .FrmPdn {padding-bottom:15px;}
.IdPw .FrmPdn2 {padding-bottom:5px;}


/*ȸ¿ø°¡ÀÔ*/
.Jn #BothPrt div.CntStr {margin-left:64px;width:795px;}
.Jn div.RndBx2 {float:left;}
.Jn .ClsMgn {text-align:center;padding:30px 0 20px 0;margin:0;word-spacing:18px;}
.Jn div.LfAgr {float:left;background:url(/_Image/Util/join_bg_agree.gif) no-repeat;width:360px;height:240px;margin-left:13px;}
html>body .Jn div.LfAgr {margin-left:26px;}
.Jn div.RtPrv {float:right;background:url(/_Image/Util/join_bg_privacy.gif) no-repeat;width:360px;height:240px;margin-right:13px;}
html>body .Jn div.RtPrv {margin-right:26px;}
.Jn div.Chk {clear:both;text-align:center;padding:20px 0 30px;}
.Jn img.Mgn {margin:30px 0 10px 448px;}
.Jn .FrmWd1 {width:157px;}
.Jn .FrmWd2 {width:71px;}
.TxtCtr {text-align:center;margin-bottom:40px;}
.Jn img.Stit {margin:20px 0 10px 71px;}

/*ȸ¿ø°¡ÀÔ-step2*/
div.BxBg1 {background:url(/_Image/Util/join1_boxbg_01.gif) no-repeat;width:653px;height:203px;margin:20px 0 0 71px;}
div.BxBg1 div.Frm {width:318px;margin:15px 0 0 284px;color:#DADADA;}
div.BxBg1 div.Frm div.Btn {padding:15px 0;}
div.BxBg1 p.Mgn {margin:4px 0 4px -4px;color:#555555;}
html>body div.BxBg1 p.Mgn {margin:10px 0 5px 0;}
div.BxBg1 div.Btn2 {clear:both;margin:15px 0 0 285px;word-spacing:3px;}
html>body div.BxBg1 div.Btn2 {padding-top:20px;}
/*ȸ¿ø°¡ÀÔ-step2_01,step2_02*/
div.BxBg2 {background:url(/_Image/Util/join1_boxbg_02.gif) no-repeat;width:653px;height:203px;margin:20px 0 0 71px;}
div.BxBg2 div.Frm {width:403px;margin:5px 0 0 203px;line-height:130%;}
div.BxBg2 div.Frm div.Inpt {width:275px;}
div.BxBg2 div.Frm div.Btn {padding:25px 0 15px;word-spacing:2px;}
html>body div.BxBg2 div.Frm div.Btn {padding:25px 0 30px;}
div.BxBg2 div.Frm2 {width:403px;margin:5px 0 0 203px;line-height:130%;}
div.BxBg2 div.Frm2 img {margin-right:3px;}
div.BxBg2 p.Mgn {margin:0;padding:10px 0 7px 0;}
div.BxBg2 p.Mgn span {color:#DA6D57;}
div.BxBg2 p.Mgn b {color:#555555;}
div.BxBg2 div.Btn2 {clear:both;margin:15px 0 0 203px;word-spacing:3px;}
/*ȸ¿ø°¡ÀÔ-step2_03*/
div.BxBg3 {background:url(/_Image/Util/join1_boxbg_03.gif) no-repeat;width:653px;height:238px;margin:20px 0 0 71px;}
div.BxBg3 div.Frm2 {width:403px;margin:10px 0 0 203px;line-height:130%;}
div.BxBg3 div.Frm2 p.Mgn {margin:0;padding:4px 0 7px 0;}
div.BxBg3 div.Frm2 p.Mgn span {color:#DA6D57;}
div.BxBg3 div.Frm2 img {margin-right:3px;}
div.BxBg3 div.Btn2 {clear:both;margin:20px 0 0 203px;word-spacing:3px;}
/*ȸ¿ø°¡ÀÔ-step3,step4*/
div.BxBg4 {background:url(/_Image/Util/join2_boxbg_01.gif) no-repeat;width:653px;height:198px;margin:20px 0 30px 71px;padding:106px 0 0 205px;}
html>body div.BxBg4 {width:373px;height:92px;padding:107px 0 0 280px;}
/*ȸ¿ø°¡ÀÔ-3_step2,*/
div.BxBg5 {background:url(/_Image/Util/join3_boxbg_01.gif) no-repeat;width:653px;height:153px;margin:20px 0 30px 71px;}
div.BxBg5 div.Frm {width:228px;margin:51px 0 0 300px;color:#DADADA;}
html>body div.BxBg5 div.Frm {margin:0;padding:53px 0 0 300px;}
div.BxBg5 .FrmWd1 {margin-bottom:4px;}
html>body div.BxBg5 .FrmWd1 {margin-bottom:6px;}
/*ȸ¿ø°¡ÀÔ-3_step2_01*/
div.BxBg6 {background:url(/_Image/Util/join3_boxbg_02.gif) no-repeat;width:653px;height:173px;margin:20px 0 30px 71px;}
div.BxBg6 div.Frm {width:403px;margin:40px 0 0 203px;line-height:130%;}
html>body div.BxBg6 div.Frm {padding-top:40px;margin:0 0 0 203px;}
div.BxBg6 div.Frm div.Inpt {width:275px;}
div.BxBg6 div.Frm div.Btn {padding:25px 0 15px;word-spacing:2px;}
div.BxBg6 div.Frm2 {width:403px;margin:40px 0 0 203px;line-height:130%;}
html>body div.BxBg6 div.Frm2 {padding-top:40px;margin:0 0 0 203px;}
div.BxBg6 div.Frm2 img {margin-right:3px;}
div.BxBg6 p.Mgn {margin:0;padding:10px 0 7px 0;}
div.BxBg6 p.Mgn span {color:#DA6D57;}
div.BxBg6 p.Mgn b {color:#555555;}
/*ȸ¿ø°¡ÀÔ-1_step3*/
table.Lst2 {width:670px;margin:0px 0px 0px 0px;}
table.Lst2 td.Fld1, table.Lst2 td.Fld3 {width:124px;}
table.Lst2 .FrmWd1 {width:270px;}
table.Lst2 .FrmWd2 {width:56px;}
table.Lst2 .FrmWd3 {width:46px;}
table.Lst2 .FrmWd4 {width:140px;}
table.Lst2 .FrmWd5 {width:190px;margin:33px 0 0 5px;}
table.Lst2 .FrmWd6 {width:190px;}
table.Lst2 .FrmWd7 {width:65px;}
table.Lst2 p.Mgn {margin:10px 0 0;font-size:11px;line-height:130%;}
table.Lst2 div.Eml {width:145px;position:absolute;}
html>body table.Lst2 div.Eml {position:absolute;margin:-18px 0 0 147px;}
table.Lst2 .Mgn2 {margin-left:145px;}
table.Lst2 .Mgn3 {margin-left:30px;}
table.Lst2 .Mgn4 {margin-left:10px;}
table.Lst2 div.AtJnNo {border:1px solid #C3C3C3;padding:1px;width:131px;height:49px;float:left;}
table.Lst2 div.Txt2 {float:right;width:325px;color:#939393;font-size:11px;line-height:130%;padding-top:5px;}
table.Lst2 div.Lf .FrmWd4 {margin-top:5px;}
table.Lst2 td.BgDtLn {background:url(/_Image/Util/join_bg_dotline.gif) repeat-y;padding:6px 0 6px 25px;}
html>body table.Lst2 td.BgDtLn {padding:10px 0 7px 25px;}
table.Lst2 td.BgDtLn p {margin:0;padding:7px 0;}
html>body table.Lst2 td.BgDtLn p {margin:0;padding:13px 0 14px;}
table.Lst2 td.BmLn1 {border-bottom:1px solid #FFFFFF;}
table.TpBmLn {margin-bottom:20px;}

/*ȸ¿ø°¡ÀÔ ¿Ï·áÃß°¡*/
.JnOk #BothPrt div.CntStr3 {float:left;background:url(/_Image/Util/joinok_bg2.gif) 1px 0 no-repeat;width:654px;height:459px;margin-left:67px;}


/*ȸ¿ø°¡ÀÔ ¿Ï·á*/
.JnOk #BothPrt div.CntStr {float:left;background:url(/_Image/Util/joinok_bg.gif) 1px 0 no-repeat;width:654px;height:326px;margin-left:67px;}
html>body .JnOk #BothPrt div.CntStr {margin:0 0 30px 134px;}
.JnOk #BothPrt div.CntStr div.Lf {width:150px;text-align:center;padding-top:39px;}
.JnOk #BothPrt div.CntStr div.Rt {width:473px;padding-top:39px;}
.JnOk #BothPrt div.CntStr div.Rt p.Txt {height:21px;margin:0;padding-bottom:10px;}
html>body .JnOk #BothPrt div.CntStr div.Rt p.Txt {padding-bottom:6px;}
.JnOk #BothPrt div.CntStr div.Rt p.Txt span {color:#000000;}
.JnOk #BothPrt div.CntStr div.Rt p.Mgn {margin:4px 0;}
.JnOk div.Frm {width:313px;margin:40px 0 30px 40px;font-weight:bold;}
html>body .JnOk div.Frm {margin:44px 0 70px 40px;}
.JnOk div.Frm div.Inpt {margin:3px 0 0 48px;line-height:160%;}
html>body .JnOk div.Frm div.Inpt {margin:0 0 0 92px;}
.JnOk div.Frm div.Inpt span.JnId {color:#1A0084;}
.JnOk div.Frm div.Inpt span.Pnt {color:#BD180D;}

/*============== POPUP1 ==============*/
#PpBd td.PpTop div.LocTit {background:url(/_Image/Util/pop_loc_member.gif) right 0 no-repeat;width:213px;height:30px;}

/*POPUP1-ÈÞ´ëÆùÀÎÁõ*/
.IdPw h2 {margin-bottom:20px;}
.IdPw img.BMgn {margin-bottom:19px;}
.IdPw .Lst1 {width:342px;margin-left:18px;}
.IdPw .Lst1 td.Wd1 {width:90px;}
.IdPw .Lst1 td.Wd2 .SlctScrl {width:61px;}
.IdPw .FrmWd1 {width:47px;background-color:#F6F6F6;}
.IdPw .FrmWd2 {width:126px;background-color:#F6F6F6;margin-bottom:3px;}
.IdPw p.PpTxt {width:342px;color:#DA6D57;padding:10px 0 7px 10px;margin:0 0 0 18px;line-height:140%;background:url(/_Image/Util/idpw_dotline.gif) repeat-x bottom;}

/*POPUP1-¿ìÆí¹øȣã±â*/
#PpBd .Mgn2 {margin:19px 0 20px 0;}
.Jn .Lst1 {width:342px;margin:0 0 0 18px;}
.Jn .Lst1 td.Wd3 {text-align:center;padding:8px 0 10px;border-bottom:0;}
.Jn .Lst1 .FrmWd1 {width:226px;background-color:#F6F6F6;}
.Jn table.Lst3 {width:342px;margin:20px 0 20px 18px;}
.Jn table.Lst3 th.Fld1 {width:76px;height:24px;}
.Jn table.Lst3 th.Fld2 {width:266px;height:24px;}
.Jn .LyScrl {width:342px;height:175px;overflow:yes;}
.Jn li {float:left;background:url(/_Image/bg_dotline_w3.gif) repeat-x bottom;font-size:11px;line-height:130%;}
.Jn li .Wd1 {float:left;padding:4px 0 3px 0;text-align:center;font-family:Tahoma;width:76px;}
.Jn li .Wd2 {float:right;padding:5px 5px 2px 0;width:215px;}

/*============== POPUP2 ==============*/
/*POPUP2-Áֹεî·Ï¹øÈ£ µµ¿ë À§¹ý ¾È³»*/
.Mem .Pp2Top div.LocTit {background:url(/_Image/Util/pop2_loc_member.gif) no-repeat;width:213px;height:61px;}
.Mem h2.BgYs {margin-bottom:9px;}
.Mem .Mgn {margin-bottom:19px;}
.Mem .Mgn2 {margin-top:10px;}
p.BlCr {background:url(/_Image/bul_cir_01.gif) 0 2px no-repeat;padding:0 0 7px 19px;margin:10px 0 0;line-height:140%;}
dl.BxDl {border:1px solid #CBCBCB;background-color:#F8F8F8;padding:10px;margin:0 0 20px 19px;line-height:140%;color:#555555;}
dl.BxDl dt {font-weight:bold;line-height:170%;}
.LiTxt {font-size:11px;color:#939393;padding-left:15px;}

/*POPUP2-°¡»óÁֹιøÈ£*/
.Mem .Mgn3 {margin-top:20px;}
.Mem .Mgn4 {margin:13px 0 0 18px;}
.Mem .Mgn5 {margin:10px 0 20px 18px;}
.Mem .LyScrl {width:524px;height:334px;overflow:yes;padding-top:15px;border-bottom:1px solid #EDDED9;}
.Mem ul.iPin {margin:15px 0 10px 18px;line-height:130%;list-style-type:none;}
.Mem ul.iPin li.BlCr {background:url(/_Image/bul_cir_02.gif) 0 3px no-repeat;padding:0 0 7px 10px;}
.Mem .BtnCtr {margin-top:10px;}

/*===================================*/
/*=============== FORM ==============*/
div.Frm div.Inpt {float:left;}
div.Frm div.Inpt div.Name {background:url(/_Image/Util/idpw_fld_01.gif) 0 5px no-repeat;padding:0 0 0 83px;}
div.Frm div.Inpt div.Name input.ipt {width:134px;}
div.Frm div.Inpt div.RsNum {background:url(/_Image/Util/idpw_fld_02.gif) 0 5px no-repeat;padding:0 0 0 83px;color:#DADADA;word-spacing:-3px;}
div.Frm div.Inpt div.RsNum input.ipt {width:63px;}
div.Frm div.Inpt div.Id {background:url(/_Image/Util/idpw_fld_03.gif) 0 5px no-repeat;padding:0 0 0 83px;}
div.Frm div.Inpt div.Id input.ipt {width:134px;}
div.Frm div.Btn {float:right;padding-top:2px;}

/*select.SltBx {behavior: url('/_Lib/Script/New/selectBox.htc');}*/
select {behavior: url('/_Lib/Script/New/selectBox.htc');}

/*=============== ROUND BOX ==============*/
div.RndBx {width:553px;background:url(/_Image/Util/rndbox_bttm.gif) no-repeat bottom;padding-bottom:5px;}
div.RndBx div.BxTp {background:url(/_Image/Util/rndbox_top.gif) no-repeat;padding-top:5px;}
div.RndBx div.BxCnt {background:url(/_Image/Util/rndbox_bg.gif) repeat-y;}
div.RndBx p.Txt {background:url(/_Image/Util/idpw_dotline.gif) repeat-x bottom;}

div.RndBx2 {width:795px;background:url(/_Image/Util/join1_rndbox_bg.gif) repeat-y;}

/*=============== TAB ==============*/
.Tab {background:url(/_Image/Util/bg_tab.gif) no-repeat;padding:20px 0 15px 0;text-align:center;word-spacing:5px;}
.Tab2 {background:url(/_Image/Util/pop2_ipin_tab_bg.gif) repeat-x;height:30px;}

/*=============== COLOR ==============*/
.Clr1 {color:#EB1D02;}
.Clr2 {color:#13007C;}
.Clr3 {color:#FB5225;}
.Clr4 {color:#FF7902;}

/*=============== BUTTON ==============*/
.BtnCtr {margin-top:20px;}

/*=============== 09³â ȸ¿ø°¡ÀÔ¼öÁ¤Ãß°¡css ==============*/
/*=============== IFRAME ==============*/
.Ifrm {width:620px;height:106px;margin:10px 0px 0px 0px;border-top:1px solid #B9B9B9;border-left:1px solid #B9B9B9;border-bottom:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
.Ifrm2 {width:297px;height:96px;margin:10px 0px 0px 0px;border-top:1px solid #B9B9B9;border-left:1px solid #B9B9B9;border-bottom:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
.Ifrm3 {width:661px;height:250px;margin:10px 0px 0px 0px;}
.Ifrm4 {width:661px;height:270px;margin:10px 0px 0px 0px;}
.Ifrm5 {width:661px;height:300px;margin:10px 0px 0px 0px;}
.Ifrm6 {width:553px;height:215px;margin:0px 0px 0px 0px; background-color:#fbfbfb}/*¾ÆÀ̵ð ã±â*/
.Ifrm7 {width:553px;height:280px;margin:0px 0px 0px 0px; background-color:#fbfbfb}/*ºñ¹Ð¹øȣã±â*/
.Ifrm8 {width:450px;height:250px;margin:0px 0px 0px 0px; background-color:#ebebeb}/*¾à°üÅ©°Ôº¸±â*/
#IfrBd {background-color:#EDEDED;padding:10px;font-size:11px;line-height:140%;}

/*=============== TEXT ==============*/
.utxt{font-family:"µ¸¿ò";font-size:9pt;color:#555555;line-height:16px}


/*=============== TEXTBOX ==============*/
.ipt1 {width:100px; height:19px; BACKGROUND-COLOR: FFFFFF; BORDER-BOTTOM: DADADA 1px solid; BORDER-LEFT: DADADA 1px solid; BORDER-RIGHT: DADADA 1px solid; BORDER-TOP: DADADA 1px solid;}/*Áֹεî·Ï¹øÈ£*/
.ipt2 {width:40px; height:19px; BACKGROUND-COLOR: FFFFFF; BORDER-BOTTOM: DADADA 1px solid; BORDER-LEFT: DADADA 1px solid; BORDER-RIGHT: DADADA 1px solid; BORDER-TOP: DADADA 1px solid;}/*Åë½Å»ç*/
.ipt3 {width:60px; height:19px; BACKGROUND-COLOR: FFFFFF; BORDER-BOTTOM: DADADA 1px solid; BORDER-LEFT: DADADA 1px solid; BORDER-RIGHT: DADADA 1px solid; BORDER-TOP: DADADA 1px solid;}/*ÀüÈ­¹øÈ£*/
.ipt4 {width:130px; height:19px; BACKGROUND-COLOR: FFFFFF; BORDER-BOTTOM: DADADA 1px solid; BORDER-LEFT: DADADA 1px solid; BORDER-RIGHT: DADADA 1px solid; BORDER-TOP: DADADA 1px solid;}/*ÀÎÁõ¹øÈ£*/
.ipt5 {width:200px; height:19px; BACKGROUND-COLOR: FFFFFF; BORDER-BOTTOM: DADADA 1px solid; BORDER-LEFT: DADADA 1px solid; BORDER-RIGHT: DADADA 1px solid; BORDER-TOP: DADADA 1px solid;}/*±¸ÀÔó*/
.ipt6 {width:154px; height:19px; BACKGROUND-COLOR: FFFFFF; BORDER-BOTTOM: DADADA 1px solid; BORDER-LEFT: DADADA 1px solid; BORDER-RIGHT: DADADA 1px solid; BORDER-TOP: DADADA 1px solid;}/*À̸§-¹®ÀÇ*/
.ipt7 {width:70px; height:19px; BACKGROUND-COLOR: FFFFFF; BORDER-BOTTOM: DADADA 1px solid; BORDER-LEFT: DADADA 1px solid; BORDER-RIGHT: DADADA 1px solid; BORDER-TOP: DADADA 1px solid;}/*ÁֹιøÈ£-¹®ÀÇ*/


/*=============== ½Ç¸íÀÎÁõ ¾ÆÀÌÇÉ ±¸ºÐ==============*/
.rnip1 {width:553px; height:30px;background:url(/_Image/Util/09_util/is_rn_tab_bg1.gif) no-repeat bottom; text-align:right;}
.rnip2 {width:661px; height:34px;background:url(/_Image/Util/09_util/jo_rn_tab_bg.gif) no-repeat bottom; text-align:left;}