@charset "utf-8";
/* CSS Document */

body, h1, h2, h3, ul, li, ol, p {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
img {
	border: 0;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.pdl10 {
	padding-left: 10px;
}
.mt7 {
	magin-top: 7px
}
.mt2 {
	margin-top: 2px
}
.pdl2 {
	padding-left: 2px;
}
.pdl3 {
	padding-left: 3px;
}
.pdl7 {
	padding-left: 7px;
}
.poptt_box {
	padding-top: 7px;
	border-bottom: solid 1px #dcdada;
}
.pop_txbox {
	padding: 7px 0px 7px 0px;
}
.pop_tx_name {
	float: left;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
}
.pop_tx_name2 {
	float: left;
	padding-top: 5px;
	padding-left: 20px;
}
.pop_tx_bar {
	width: 1px;
	height: 16px;
	margin-left: 20px;
	margin-right: 20px;
	float: left;
	background: url(/Content/login/img/boardtx_dotline.jpg) right repeat-y;
}
.pop_wbox102 {
	float: left;
	width: 104px;
}
.pop_wbox102_tx {
	width: 102px;
	font-family: 'dotum';
	color: #999;
	height: 15px;
	border: solid 1px #d2d2d2;
}
.pop_wbox50_tx {
	width: 50px;
	font-family: 'dotum';
	color: #999;
	height: 15px;
	border: solid 1px #d2d2d2;
}

.pop_wbox80_tx {
	width: 80px;
	font-family: 'dotum';
	color: #999;
	height: 15px;
	border: solid 1px #d2d2d2;
}
.pop_wbox200 {
	float: left;
	width: 200px;
	padding-top:0px;
}
.pop_line1 {
	background: #f5f5f5;
	height: 1px;
	font-size: 0px;
}
.pop_line2 {
	background: #dcdada;
	height: 1px;
	font-size: 0px;
}
.pop_selbox {
	font-family: 'dotum';
	color: #999;
	width: 102px;
	height: 20px;
	border: solid 1px #d2d2d2;
}
.mt20 {
	margin-top: 20px
}
.clear {
	clear: both;
}
.login_bg {
	background: url(/Content/login/img/login_bg.jpg) repeat-x;
	width: 100%;
	height: 691px;
}
.login_icbox {
	width: 999px;
	margin: auto;
	height: 99px;
}
.login_icbox .logo {
	float: left;
	margin: 77px 0px 0px 22px;
}
.login_icbox .ic {
	float: right;
	padding-top: 80px;
}
.login_icbox .pad {
	float: left;
	padding-right: 23px;
}
.loginbox {
	padding-top: 20px;
	height: 36px;
}
.logincheckbox {
	width: 292px;
	padding-left: 20px;
}
.login_icbox ul {
	float: right;
	width: 220px;
	margin: 0px 22px 0px 0px;
}
.logintximg {
	float: left;
	padding-top: 5px;
}
.logintximg2 {
	float: left;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.logintximg3 {
	float: right;
	padding-top: 5px;
}
.ippad {
	padding-top: 12px;
}
.login_icbox ul li {
	float: left;
}
.login_imgbg {
	width: 999px;
	margin: auto;
	height: 477px;
	/*background: url(/Content/login/img/main_imgbg.png);*/
	margin-top: 15px;
	position: relative;
}
/*¾Ë¸²ÆË¾÷ ·¹ÀÌ¾î*/
.alim_box {
	float: left;
	z-index: 9;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: none;
    border: solid 1px #dcdcdc;
}
.alim_boxw {
	width: 600px;
	position: relative;
}
.alim_close {
	position: absolute;
	top: 18px;
	left: 565px;
	z-index: 999;
}
.alim_boxtl {
	float: left;
	width: 6px;
	height: 6px;
	background: url(/Templates/Default/Content/login/img/popbg_tl.png) no-repeat;
}
.alim_boxtb {
	float: left;
	width: 588px;
	height: 5px;
	border-top: solid 1px #bdc8ca;
	background: #FFF;
}
.alim_boxtr {
	float: right;
	width: 6px;
	height: 6px;
	background: url(/Templates/Default/Content/login/img/popbg_tr.png) no-repeat;
}
.alim_boxl {
	float: left;
	width: 5px;
	height: 300px;
	border-left: solid 1px #bdc8ca;
	background: #FFF;
}
.alim_boxbg {
	float: left;
	width: 600px;
	height: 300px;
	background: #FFF;
}
.alim_boxbg .center {
	width: 491px;
	margin: auto;
	height: 260px;
}
.alim_boxbg .tab {
	width: 492px;
	padding-top: 28px;
}
.alim_boxbg .line {
	border-bottom: solid 1px #ac9c86;
	height: 29px;
}
.alim_boxbg .tabpad {
	float: left;
	margin-bottom: -1px;
}
.alim_boxbg .contents {
	width: 492px;
	margin-top: 90px;
	text-align: center;
	font-size: 12px;
	color: #0ba1d9;
	font-weight: bold;
}
.alim_boxr {
	float: left;
	width: 5px;
	height: 300px;
	border-right: solid 1px #bdc8ca;
	background: #FFF;
}
.alim_boxbl {
	float: left;
	width: 6px;
	height: 6px;
	background: url(/Templates/Default/Content/login/img/popbg_bl.png) no-repeat;
}
.alim_boxbbg {
	float: left;
	width: 588px;
	height: 5px;
	border-bottom: solid 1px #bdc8ca;
	background: #FFF;
}
.alim_boxbr {
	float: left;
	width: 6px;
	height: 6px;
	background: url(/Templates/Default/Content/login/img/popbg_br.png) no-repeat;
}
.alim_line {
	background: #6a6a6a;
	height: 1px;
}
/**/

.login_noimgbg {
	width: 999px;
	margin: auto;
	height: 477px;
	margin-top: 15px;
	position: relative;
}
.login_box {
	float: left;
	width: 333px;
	line-height: 0px;
	font-size: 0px;
}
.login_box1 {
	width: 333px;
	height: 6px;
	background: #eb749e;
	position: relative;
}
.login_box1 .layer1 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
}
.login_box1 .close {
	position: absolute;
	top: 22px;
	left: 290px;
	z-index: 999;
}
.login_box2 {
	width: 333px;
	font-size: 0px;
	height: 6px;
	background: #a6c0dd;
	position: relative;
}
.login_box2 .layer1 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
}
.login_box2 .close {
	position: absolute;
	top: 22px;
	left: 290px;
	z-index: 999;
}
.login_box3 {
	width: 333px;
	font-size: 0px;
	height: 6px;
	background: #d3c973;
	position: relative;
}
.login_box3 .layer1 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
}
.login_box3 .close {
	position: absolute;
	top: 22px;
	left: 290px;
	z-index: 999;
}
.login_box .timg {
	margin: 10px 0px 0px 20px;
}
.log_tx {
	padding: 58px 0px 0px 20px;
	width: 293px;
}
.log_boxidbox {
	width: 118px;
}
.log_boxidbox2 {
	width: 116px;
}
.log_boxid {
	width: 112px;
	height: 17px;
	padding-top: 5px;
	border: solid 1px #8c8c8c;
	font-size: 12px;
	font-family: "dotum";
	color: #666;
}
.log_boxpw {
	width: 112px;
	height: 17px;
	padding-top: 5px;
	border: solid 1px #8c8c8c;
	font-size: 12px;
	font-family: "dotum";
	color: #666;
}
.log_btn {
	float: left;
	margin-left: 2px;
}
.log_inputbox {
	float: left;
	padding-top: 5px;
}
.log_txid {
	float: left;
	font-size: 0px;
	padding-top: 10px;
}
.log_bar {
	float: left;
	height: 10px;
	font-size: 11px;
	color: #a1a4a4;
	margin-left: 10px;
	margin-right: 10px;
}
.log_txpw {
	float: left;
	font-size: 0px;
	line-height: 0px;
	padding-top: 10px;
}
.log_txaccount {
	float: right;
	height: 12px;
	font-size: 0px;
	padding-top: 10px;
}
.log_banbox {
	width: 293px;
	margin-right: 20px;
	float: right;
}
.log_banbox .btn {
	float: right;
	width: 74px;
	height: 20px;
}
.log_banbox .btnr {
	float: right;
	font-size: 0px;
}
.log_banbox .btnl {
	float: right;
	padding-right: 10px;
	font-size: 0px;
}
.log_banbox .banner {
	float: right;
	border: solid 1px #aec1c3;
	font-size: 0px;
	line-height: 0px;
}
/*btm*/
.login_btm {
	width: 999px;
	margin: auto;
	position: relative;
	text-align: center;
	padding-top: 30px;
}
.login_btm .btn {
	position: absolute;
	left: 847px;
	top: 29px;
}
.login_dotline {
	border-bottom: dotted 1px #969696;
	font-size: 0px;
	line-height: 0px;
	height: 12px;
}
/*°èÁ¤·¹ÀÌ¾î*/
.account_box {
	top: 43px;
	left: 116px;
	z-index: 9;
}
.account_boxw {
	width: 782px;
	position: relative;
}
.account_close {
	position: absolute;
	top: 18px;
	left: 747px;
	z-index: 999;
}
.account_close2 {
	position: absolute;
	top: 15px;
	left: 486px;
	z-index: 999;
}
.account_boxtl {
    position: absolute;
	top: -1px;
	left: -1px;
	display: block;
	width: 7px;
	height: 7px;
    background:none;
	/*background: url(img/deli_poptl.jpg) no-repeat;*/
	font-size: 0;
}
.account_boxtb {
	float: left;
	width: 770px;
	height: 5px;
	border-top: solid 1px #bdc8ca;
	background: #FFF;
}
.account_boxtr {
    position: absolute;
	top: -1px;
	left: -6px;
	margin-left: 100%;
	display: block;
	width: 7px;
	height: 7px;
	/*background: url(img/deli_poptr.jpg) no-repeat;*/
	font-size: 0
}
.account_boxl {
	float: left;
	width: 5px;
	height: 380px;
	border-left: solid 1px #bdc8ca;
	background: #FFF;
}
.account_boxbg {
	float: left;
	width: 782px;
	height: 380px;
	z-index: 9;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background: none;
}
.account_boxbg .center {
	width: 633px;
	margin: auto;
	height: 260px;
}
.account_boxbg .tab {
	width: 634px;
	margin-top: 30px;
}
.account_boxbg .line {
	border-bottom: solid 1px #ac9c86;
	height: 32px;
}
.account_boxbg .tabpad {
	float: left;
	margin-bottom: -1px;
}
.account_boxbg .contents {
	width: 634px;
	margin-top: 30px;
}

.account_boxbg2 {
	float: left;
	width: 782px;
	height: 420px;
	z-index: 9;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background: none;
}

.account_boxbg2 .center {
	width: 633px;
	margin: auto;
	height: 260px;
}
.account_boxbg2 .tab {
	width: 634px;
	margin-top: 30px;
}
.account_boxbg2 .line {
	border-bottom: solid 1px #ac9c86;
	height: 32px;
}
.account_boxbg2 .tabpad {
	float: left;
	margin-bottom: -1px;
}
.account_boxbg2 .contents {
	width: 634px;
	margin-top: 30px;
}


.account_boxr {
	float: left;
	width: 5px;
	height: 380px;
	border-right: solid 1px #bdc8ca;
	background: #FFF;
}
.account_boxbl {
	position: absolute;
	left: -1px;
	bottom: -1px;
	display: block;
	width: 7px;
	height: 7px;
	/*background: url(img/deli_popbl.jpg) no-repeat;*/
	font-size: 0
}
.account_boxbbg {
	float: left;
	width: 770px;
	height: 5px;
	border-bottom: solid 1px #bdc8ca;
	background: #FFF;
}
.account_boxbr {
    position: absolute;
	bottom: -1px;
	left: -6px;
	margin-left: 100%;
	display: block;
	width: 7px;
	height: 7px;
	/*background: url(img/deli_popbr.jpg) no-repeat;*/
	font-size: 0
}
.account_line {
	background: #6a6a6a;
	height: 1px;
}
.l_width80 {
	width: 80px;
	float: left;
}
.l_width80_input {
	width: 80px;
	font-size: 11px;
	font-family: 'dotum';
	color: #999;
	height: 15px;
	margin-right: 3px;
	border: solid 1px #d2d2d2;
}
.l_width180 {
	float: left;
	width: 180px;
}
.l_width52_input {
	width: 52px;
	font-size: 11px;
	font-family: 'dotum';
	color: #999;
	height: 20px;
	margin-right: 3px;
	border: solid 1px #d2d2d2
}
.l_width60 {
	width: 60px;
	float: left;
}
.l_width40_input {
	width: 40px;
	font-size: 11px;
	font-family: 'dotum';
	color: #999;
	height: 15px;
	margin-right: 3px;
	border: solid 1px #d2d2d2
}
.l_width284_input {
	width: 284px;
	font-family: 'dotum';
	color: #999;
	height: 15px;
	border: solid 1px #d2d2d2;
}
.l_width492 {
	width: 492px;
}
.l_width165 {
	width: 165px;
}
.l_width102 {
	width: 102px;
	float: left;
}
.l_width112 {
	width: 112px;
	float: left;
}

.l_width150 {
	width: 150px;
	float: left;
}
.l_width150_input {
	width: 150px;
	font-size: 11px;
	font-family: 'dotum';
	color: #999;
	height: 15px;
	margin-right: 3px;
	border: solid 1px #d2d2d2;
}
.l_width123 {
	width: 123px;
	float: left;
}
.l_width202 {
	width: 202px;
	float: left;
}
.l_width290 {
	width: 290px;
	float: left;
}
.account_btn {
	width: 150px;
	padding-top: 10px;
	margin: auto;
}
.l_width202_input {
	width: 202px;
	font-family: 'dotum';
	color: #999;
	height: 15px;
	border: solid 1px #d2d2d2;
}
.l_width165_input {
	float: left;
	width: 165px;
	height: 18px;
	margin-left: 10px;
	margin-top: 4px;
	color: #666;
}
.pwchange_img {
	text-align: center;
	margin-top: 40px;
}
.account_table {
	width: 100%;
	color: #666;
	font-family: "dotum";
	font-size: 12px;
	border-top: #b0b0b0 solid 1px;
}
.account_table th {
	border-right: solid 1px #e8e8e8;
	width: 121px;
	background: #f8f8f8;
	border-bottom: solid 1px #b0b0b0;
	padding: 6px 0px 5px 10px;
	text-align: left;
	margin-left: 15px;
	border-top: solid 1px #e8e8e8;
}
.account_table tr {
	margin-top:3px;
	margin-bottom:3px;
}
.account_table td {
	width: 176px;
	margin: 6px 0px 5px 15px;
	border-bottom: solid 1px #b0b0b0;
}
/*»ç¿ë±â°£ ¸¸·á¾È³»*/
.expire_bg {
	background: url(/Content/login/img/login_expire_bg.png) no-repeat;
	width: 672px;
	height: 280px;
	margin: 100px 0px 0px 140px;
}
.ready_bg {
	background: url(/Content/login/img/login_ready_bg.png) no-repeat;
	width: 672px;
	height: 280px;
	margin: 100px 0px 0px 140px;
}
.expire_box {
	width: 352px;
	padding: 135px 68px 0px 253px;
}
.expire_box .dotline {
	border-bottom: dotted 1px #CCCCCC;
	float: left;
	padding: 5px;
}
.expire_box .tt {
	width: 100px;
	float: left;
	font-family: 'dotumche';
	font-size: 12px;
	font-weight: bold;
	color: #666;
}
.expire_box .tx {
	width: 232px;
	float: left;
	font-family: 'dotumche';
	font-size: 12px;
	color: #ff9600;
}

/*·Î±×ÀÎ ÇÏ´Ü Ãß°¡ºò¹öÆ°*/
.ic_btn_mt{float:left; padding-top:30px;}
.ic_btn_mt2{float:left; padding-top:30px; padding-left:10px;}
.ic_btn_mt3{float:left; padding-top:30px; padding-left:10px;}
/**/


/*ÆË¾÷_3020Ãß°¡css*/

.guide_tx{line-height:16px; padding-bottom:20px; font-family:'dotum'; font-size:12px; position:relative;}
.guide_tx2{color:#666; font-weight:bold;}
.guide_tx3{color:#ff9600; padding-left:10px;}
.guide_tx4{float:left; padding-left:6px; margin-top:1px; font-size:11px; color:#999; font-family:'dotum'; letter-spacing:-1px; margin-top:5px;}
.guide_tx5{float:left; padding-left:6px; margin-top:1px; font-size:11px; color:#e61b0d; font-weight:bold;margin-top:5px;}
.process_pad{padding-bottom:40px;}
.process_pad2{padding-bottom:25px;}
.idrecheck{float:left; padding-left:6px; margin-top:1px;}
.btn_idok{margin-top:20px; text-align:center;}



/*¾Ë¸²¹Ú½º*/
.arlimbox{border: solid 1px #dadada; width: 300px; z-index: 999; position: absolute; top: 44px; left: 165px;}
.arlimbox .top{height:10px; background:#8fddee; padding:10px;}
.arlimbox .arrow{float:left; margin-top:4px;}
.arlimbox .tt{float:left; padding-left:5px; font-weight:bold; color:#fff; font-size:14px;}
.arlimbox .txbg{background:#FFF; padding:20px;}
.arlimbox .tx{border:solid 4px #ededed; font-size:11px; color:#666; text-align:center; line-height:16px; padding:20px;}
.arlimbox .btn{margin-top:10px; text-align:center;}

/**/

/* ·Î±×ÀÎ_°¡ÀÌµå*/
.login_guide_wrap{width:630px;text-align:left;}
.guide_bg01{border-bottom:solid 1px #eee; background:url(img/guide_01.jpg) no-repeat; height:91px; padding:88px 0 0 184px;}
.guide_bg02{border-bottom:solid 1px #eee; background:url(img/guide_02.jpg) no-repeat; height:91px; padding:88px 0 0 184px;}
.guide_bg03{border-bottom:solid 1px #eee; background:url(img/guide_03.jpg) no-repeat; height:91px; padding:88px 0 0 184px;}
.guide_tit{padding-left:20px; padding-bottom:30px;}
.guide_tit h2{padding:30px 0 5px 0px;}

.guide2_tit{padding-left:20px; padding-bottom:30px;}
.guide2_tit h2{padding:0px 0 15px 0px;}
.guide2_tit p{color:#fc762e; font-weight:bold; padding-bottom:7px;}
.guide2_tit span{line-height:14px; color:#999;}
.guide2_table {width:100%; }
.guide2_table td{font-size:11px; line-height:15px; color:#555; padding:10px 0 10px 0;  border-bottom:#e9e9e9 1px solid; border-right:1px solid #e9e9e9;}
.guide2_table .left{background:#ffffed;font-weight:bold; text-align:center; color:#4fab74;height:19px;}
.guide2_table .right{ border-right:0px; color:#999999; font-size:11px; text-align:left; padding:0 10px 0 10px;float:left;height:39px;}
.guide2_table .text{ padding:3px 0 0 0;width:345px;}
.guide_qrbox{padding:20px 0 20px 40px;}
.guide_qrbox .qr1{float:left; padding-right:10px;}

.guide3_tit{padding-left:20px; padding-bottom:30px;}
.guide3_tit h2{padding:0px 0 15px 0px;}
.guide3_tit .faq_Q{background:url(img/ic_q.png) no-repeat; width:22px; height:19px; float:left; color:#fff; padding:4px 0 0 0px; text-align:center;}
.guide3_tit .faq_Qtx{float:left; display:inline-block; padding:3px 0 0 7px; color:#fc762e; font-size:12px; font-weight:bold;}
.guide3_tit .abox{padding:5px 0 0 0; clear:both;}
.guide3_tit .faq_A{background:url(img/ic_a.png) no-repeat; width:22px; height:19px; float:left; color:#fff; padding:3px 0 0 0; text-align:center;}
.guide3_tit .faq_Atx{float:left; display:inline-block; padding:3px 0 5px 7px; color:#666; font-size:12px; line-height:16px; width:580px;}

.guide3_tit .detailbox{background:#fffeed; border:solid 1px #e9e9e9; padding:5px 20px 20px 20px; margin-left:30px;}
.guide3_tit .detailbox p {color:#4fab74; font-size:11px; font-weight:bold; text-align:left; margin-top:15px;}
.guide3_tit .detailbox span {color:#666; font-size:11px; line-height:14px; text-align:left;}

.guide_imgbg01{background:url(img/guide01_bg1.jpg) no-repeat; height:127px; position:relative;}
.guide_imgbg02{background:url(img/guide01_bg2.jpg) no-repeat; height:127px;}
.guide_imgbg03{background:url(img/guide01_bg3.jpg) no-repeat; height:127px; clear:both;}
.guide_imgbg01 .textbox1{width: 140px; position: absolute; top: 15px; left: 154px; z-index: auto;}
.login_guide_wrap p{color:#fc762e; font-weight:bold; padding-bottom:7px;}
.login_guide_wrap p .center{color:#fc762e; font-weight:bold; padding-bottom:7px; text-align:center;}
.login_guide_wrap span{line-height:14px; color:#666;}
.guide_imgbg01 .textbox2{width: 180px; position: absolute; top: 15px; left: 440px; z-index: auto;}

.service_wrap{margin:0 0 0 20px;}
.service_wrap .box{float:left; width:180px;margin-right:35px;}
.service_wrap .boxR{float:left; width:180px;}
.service_wrap .box,.boxR p{color:#fc762e; font-weight:bold; padding-bottom:7px; text-align:center;}
.service_wrap .box,.boxR p span{line-height:14px; color:#999; font-weight:normal; text-align:left;}


.guide_Q{background:url(img/ic_q.png) no-repeat; width:22px; height:19px; float:left; color:#fff; padding:4px 0 0 0px; text-align:center;}
.guide_A{float:left; display:inline-block; padding:3px 0 0 7px; color:#fc762e; font-size:12px; font-weight:bold;}
/* //·Î±×ÀÎ_°¡ÀÌµå*/

/* °øÁö»çÇ×Ãß°¡_0409*/
.main_notice {width: 960px;margin:auto;}
.main_notice .title{padding:14px 0 14px 0; float:left}
.main_notice .btnbox{padding:12px 0 0 16px; float:left; position:relative;}
.main_notice p{ width:252px;padding:14px 0 0 16px; display:inline; float:left;}
.main_notice .btn{padding:10px 0 0 0; float:left;}
.main_notice .ic{position: absolute;top: 11px;right: -289px;z-index: auto;}
.notice_line {background:#eaeaea; height:1px; width:100%; clear:both;}
