@charset "euc-kr";
img { margin:0; padding:0; border:0; vertical-align:top;}
#wrapper {width:100%; background:url(../img/main/m_bg.jpg) top left repeat-x;z-index:999;}
#container {width:950px;   margin:0 auto; } 
#top {width:950px; height:78px;  } 
	.logo{ float:left; width:200px;height:78px; margin:0  } 
	.search{ float:left; width:480px;height:78px;  }
		.sear{ width:330px; height:30px; padding:25px 0 0 125px  }  
	.topps{ float:right; width:270px;height:78px; } 
		.topps1 {float:right; padding:8px 0 0 0 } 
		.topps1 li{float:right;   }
		.topps2 {float:right; padding:5px 0 0 0  } 
		.topps2 li{float:right;   }
#navi {clear:both; width:900px; height:34px; position:relative; margin:0; padding-left:70px; background:url(../img/main/navi_bg.jpg) top center no-repeat}
#navi ul{width:900px; height:20px;  padding:7px 0 0 0; margin:0;}
#navi ul li{width:auto; height:25px; float:left; padding-right:40px}

#m_topimg {clear:both; width:950px; height:350px;}
#middle {clear:both; width:950px; padding-top:20px} 
	#left {float:left; width:200px;}
		.leftgnb {float:left; width:190px; background:url(../img/sub/leftgnb_middle.gif) top left repeat-y}
		.leftcall {float:left; width:190px; height:175px; padding-top:20px}
		.leftbank {float:left; width:190px; height:175px; padding-top:20px; padding-bottom:20px}
	#right {float:left; width:750px;} 
		.subtitle {width:100%; height:35px; margin:10px 0; }
			.subtitle .title {float:left; margin:0; width:300px; height:30px}
			.subtitle .location {float:right; padding:10px 0 0 0;}
			.subtitle .location li {display:inline; list-style:none; font-size:11px}
			.subtitle .slashlast {font-weight:bold;}
			.subtitle .titlegray {clear:both; width:100%;height:1px;border-bottom:1px solid #ccc;}	
		/* º»¹® */
		.contents{width:100%; padding:20px 0;}
		/* Á¦Ç° ¸ñ·Ï */
		.topline1 {border-top:2px solid #000;}
		.topline2 {border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding:6px 20px;}
			.topline2 ul {float:left;width:60%;height:15px;padding:0;margin:0;}
			.topline2 li {float:left;}
			.topline2 li.area {float:left;width:1px;height:10px;background:#e6e6e6;margin:3px 8px;}
		.topline3 {float:right;width:35%;}
		.topline2 li,
		.topline2 select {font-size:11px;font-family:gulim;color:#000;}
		.topline2 span {font-size:11px;color:#e6e6e6;}
		.middleline {width:100%;}
			.middleline th {background:#f2f2f2;border-top:2px solid #e6e6e6;border-bottom:2px solid #e6e6e6;text-align:center;color:#000;font-weight:normal;}
			.middleline span {color:#43a3e0;}
			.middleline td {border-bottom:1px solid #e6e6e6;vertical-align:top;padding-top:30px;}
			.middleline td.first {padding-top:10px;text-align:center;}
			.middleline td.first img {width:100px;height:131px;border:1px solid #000;padding:10px;}
		.product {width:100%;}
			.product .title {background:#f2f2f2;border-top:2px solid #e6e6e6;border-bottom:2px solid #e6e6e6;color:#000;font-size:14px;font-weight:bold;padding:15px;margin-bottom:15px;}
			.product .img {float:left;width:37%;}
			.product .img img {width:300px;height:300px;border:1px solid #ccc;margin-bottom:10px;}
			.product .img .simg img {width:15%;height:15%;border:1px solid #ccc;}
			.product .info {float:right;width:60%;}
			.product .info table {width:95%;margin-top:13px;}
			.product .info th,
			.product .info td {vertical-align:top;}
			.product .info th {width:80px;padding-left:15px;text-align:left;background:url(../img/ico/ico_li.png) no-repeat left 10px; }
			.product .info td input {border:1px solid #e6e6e6;padding:3px;width:50px;color:#000000;font-weight:bold;}
			.product .info .buy {border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;background-color:#f2f2f2;}
			.product .info .buy input {background:#fff;margin-top:-2px;}
			.product .info input.btn {border:none;background:none;padding:none;width:auto;}
			.product .info span { color:#d40101; }
		/* »ó¼¼º¸±â */
		.detail {clear:both; width:100%;margin:10px 0;}
		.detail .tab ul {width:100%;vertical-align:middle;}
		.detail .tab li {
			width:59%;			
			float:left;			
			padding-top:10px;
			color:#666;
			height:25px;
			text-align:center;
			border-top:1px solid #ffffff;
			border-left:none;
			border-right:none;
			border-bottom:1px solid #d40101; 
		}
		.detail .tab li.on  {
			width:20%;
			color:#000;
			height:30px;
			margin-top:-5px;
			border-top:2px solid #d40101;
			border-left:1px solid #d40101;
			border-right:1px solid #d40101;
			border-bottom:1px solid #ffffff;
		}
		.detail .tab li.off {
			width:20%;
			height:25px;
			border-top:1px solid #e6e6e6;
			border-left:1px solid #e6e6e6;
			border-right:1px solid #e6e6e6;
			border-bottom:1px solid #d40101; 
		}
		.detail .tab_content {clear:both;padding:20px;}
/* ÇÏ´Ü */
#copyright {clear:both; width:950px; height:130px;}
#quick {width:90px; background:url(../img/main/quick_bg.gif) top left repeat-y; }

/* ·Î±×ÀÎÆäÀÌÁö */
.loginBox {width:97%;overflow:hidden; border-top:3px solid #d40101; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}
.loginBox input {border:none;}
.memberLoin {float:left;}
.noMemberLoin {float:right;}
.memberLoin, .noMemberLoin {width:45% !important;height:218px;border:1px solid #e6e6e6;margin:20px;}
.loginBanner {float:left; width:295px; height:218px;}
.boxTit {padding:10px 13px; border-bottom:1px solid #e6e6e6; background:#f2f2f2;}
.boxBtm {margin:15px 0; padding:10px; border-top:1px dashed #cccccc;}
.boxBtm ul {margin-left:15px;}
.boxBtm li {padding-left:10px; line-height:22px; }

/* ȸ¿ø°¡ÀÔ */
.registerWar { margin: 0 auto; overflow: hidden; zoom:1; }
.registerWar input {border:none;}
.registerBox { position: relative; overflow: hidden; zoom:1; margin-bottom: 25px; border: 1px solid #e6e6e6; background: #f2f2f2; }

.regBox { }
.regBox th,
.regBox td { padding-bottom: 3px; vertical-align: top; }
.regBox th { padding: 3px 20px 3px 15px; padding-right: ; background: url(http://img.wizwid.com/Skinrx/skinrx2/images/icon/dot_02.gif) 5px 6px no-repeat; }

.loginWar { width: 620px; }
.loginWar .registerBox { padding: 30px 55px; }
.loginWar .loboFirst { float: left; }
.loginWar .loboLast { float: left; padding-left: 30px; }
.loginWar .btnLogin { left: 255px; top: 31px; }
.loginWar th { text-align: left; padding-right: 10px; }
.loginWar .regBox { margin-left: 37px; }

.joinWar {}
.joinWar .table {background:#f2f2f2;text-align:center;border:1px solid #e6e6e6;width:100%;}
.joinWar .registerBox { font-size: 11px; padding: 10px; }
.joinWar .autoScroll {position:relative; overflow: auto; height: 150px; padding: 5px; border: 1px solid #e6e6e6; background: #FFFFFF; }
.joinWar .autoSbox { padding: 20px; border: 1px solid #e6e6e6; background: #FFFFFF; }
.joinWar .ul1 { font-weight: bold; padding-bottom: 3px; }
.joinWar .ul2 { padding: 0 0 5px 15px; }
.joinWar .ul3 { padding: 0 0 5px 15px; }
.joinWar .ul3 .dl { position: relative; margin-bottom: 10px; }
.joinWar .ul3 .dl dt { position: absolute; padding-left: 13px; background: url(http://img.wizwid.com/Skinrx/skinrx2/images/icon/dot_02.gif) 5px 4px no-repeat; }
.joinWar .ul3 .dl1 { margin-left: 70px; }
.joinWar .ul3 .dl1 dt { left: -70px; }
.joinWar .ul3 .dl2 { margin-left: 230px; }
.joinWar .ul3 .dl2 dt { left: -230px; }
.joinWar .boardType04 { margin-bottom: 5px; }
.joinWar .boardType05 { margin-bottom: 30px; }

.juminCon {}
.juminCon dl, .juminCon dt, .juminCon dd {margin:0;  padding:0;}
.juminCon li { float: left; font-size: 11px; width: 360px; height: 60px; border: 1px solid #e6e6e6; padding:15px;}
.juminCon li.first { margin-right: 10px; }
.juminCon .plusIcon { position: relative; }
.juminCon .plusIcon p { position: absolute; top: -8px; right: -8px; _right: 8px; }

.nameCerti {text-align:center;}
.nameCerti input {vertical-align:bottom;}
.nameCerti img {margin-bottom:2px; vertical-align:bottom;}
.mb20 {margin:20px 0;}

/* ȸ¿ø°¡ÀÔ¿Ï·á */
.joinEnd_h {padding:15px 0; border-bottom:1px solid #e6e6e6;}
.joinEnd {padding:20px; color:#808080; line-height:20px; border:5px solid #d9d8d8;}
.joinEnd strong {color:#ff3403;}

/* ȸ»ç¼Ò°³ */
.map table {border:2px solid #ccc;background:#f2f2f2;}
.map ul {background:#f3f3f3;}
.map li {float:left;list-style:disc;color:#666666;}
.add ul {margin:20px;}
.add li {background:url(../img/ico/ico_li.png) no-repeat;padding-left:15px;}

/* ÀÌ¿ë¾È³» */
.guide {}
.guide .title { float:left; font-weight:bold; }
.guide .btn_top { float:right; margin-top:5px}
.guide .subject {width:95%;margin:0 auto;}

/* °³ÀÎÁ¤º¸º¸È£Á¤Ã¥, ÀÌ¿ë¾à°ü */
.agree {width:95%;border:1px solid #e6e6e6;padding:20px;margin:0 auto;}
.agree .autoScroll {position:relative; overflow: auto; height: 400px; padding: 5px; border: 1px solid #e6e6e6; background: #FFFFFF; }

.txt {width:95%;margin:0 auto;}
.txt span {color:#d41010;font-size:14px;font-weight:bold;}
.txt li,
.txt div {font-size:12px !important;line-height:140%;letter-spacing:1.1pt;}
.txt ul,
.txt ol,
.txt div {padding:10px 0;color:#666;}
.txt ul li {padding-left:5px;list-style:disc !important;color:black;}
.txt ol li {list-style:decimal !important;color:black;}
.txt li li {list-style:decimal !important;color:#666;}
.txt li li li {list-style:upper-alpha !important;color:#666;}