@charset "UTF-8";
/* CSS Document */


/* Reset */
body { margin:0px; padding:0px;}
html, body{ font-family: 돋움, 굴림, Dotum, Gulim, sans-serif; font-size:12px; width:100%; height:100%; } 
a { text-decoration:none; border:0px; margin:0px; padding:0px; }
img { border:0px; margin:0px; padding:0px;}

#left { width:230px; height:100%; left:0px; top:0px; background:#293546; color:#fff; } 
#left h1 { text-align:center; margin-top:0px; }
#left .loginbox { width:100%; height:172px; background:#242f3f; border-top:1px solid #1e2938; border-bottom:1px solid #1e2938; } 
#left .loginbox .before h2 { margin:20px 0 5px 20px; }
#left .loginbox .before .id { margin:0 0 0 20px; width:180px; height:30px; border:1px solid #202c3c; background-image:url(/image/left/bg_idinput.png); }
#left .loginbox .before .id input { margin:1px 0 0 0; height:16px; width:147px; font-size:12px; margin-left:30px; border:0px; background:#fff; padding:7px 0px 5px 0px;}
#left .loginbox .before .pw { margin:0 0 0 20px; width:180px; height:30px; border:1px solid #202c3c; background-image:url(/image/left/bg_pwinput.png); }
#left .loginbox .before .pw input { margin:1px 0 0 0; height:16px; width:147px; font-size:12px; margin-left:30px; border:0px; background:#fff; padding:7px 0px 5px 0px; } 
#left .loginbox .before .findpw { display:block; margin-right:30px; } 
#left .loginbox .before .findpw a { color:#fff; font-size:11px; }
#left .loginbox .after { margin:20px 0 0 20px; font-size:11px; }
#left .loginbox .after span { color:#f6414b; margin-right:10px; }
#left .loginbox .after p { line-height:11px; }
#left .loginbox .after a { color:#fff; }
#left .loginbox .btn { margin:7px 0 0 20px;} 
#left .loginbox .btn .btnlogin { }
#left .loginbox .btn .btnjoin { } 
#left .loginbox .btn .btnfindpw { display:block; margin:5px 0;}
#left .loginbox .message .messagetext { margin:10px 0 0 20px; font-size:11px; }
#left .loginbox .message span { color:#f6414b; }

#left .gnb
#left .gnb, #left .gnb ul, #left .gnb li, #left .gnb a { 
 margin: 0;
 padding: 0;
 border: 0;
 list-style: none;
 font-weight: normal;
 text-decoration: none;
 line-height: 1;
 font-family: 'Dotum', sans-serif;
 font-size: 12px;
 position: relative;
}
#left .gnb a { line-height: 1.3; padding: 0px; }
#left .gnb { width: 230px; }
#left .gnb > ul > li { cursor: pointer; background: #293546; border-bottom: 1px solid #25303f; }
#left .gnb > ul > li:last-child { border-bottom: 1px solid #25303f; }
#left .gnb > ul > li > a { font-size: 12px; display: block; color: #ffffff; background: #293546; }
#left .gnb > ul > li > a:hover { text-decoration: none; color:#f6414b; }
#left .gnb > ul > li.active { border-bottom: none; }
#left .gnb > ul > li.active > a { background: #f6414b; color: #ffffff; }
#left .gnb > ul > li.has-sub > a:after { content: ''; position: absolute; top: 10px; right: 10px;  }
#left .gnb > ul > li.has-sub.active > a:after { right: 14px; top: 12px;  }
/* Sub menu */
#left .gnb ul ul { padding-right:35px; display: none; }
#left .gnb ul ul a { background: #2f3b4b; display: block; color: #ffffff; font-size: 12px; text-align:right; padding:5px 0px 5px 0px; }
#left .gnb ul ul a:hover { color: #f6414b; }
#left .gnb ul ul li { border-bottom: 1px solid #25303f; }
#left .gnb ul ul li.odd a { background: #2f3b4b; }
#left .gnb ul ul li:last-child { border: none; }


#maininfo { height:177px; background:#fff; color:#293546; } 
#maininfo h3 { padding-bottom:10px; border-bottom:1px solid #f7f7f7; }
#maininfo .notice { width:247px; float:left; margin:20px 00px 0 10px; }
#maininfo .notice .more { float:right; }
#maininfo .notice ul { margin:20px 0 0 0px; padding:0px; list-style-type:none; }
#maininfo .notice li { margin:3px 0 3px 0; font-size:11px; color:#828282; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
#maininfo .notice a { color:#828282; }
#maininfo .notice a:hover { color:#202c3c; }
#maininfo .cscenter { width:247px; float:left; margin:20px 0px 0px 20px; }
#maininfo .contact { width:247px; float:left; margin:20px 0px 0px 0px; }
#mamin_shipping { height:111px; background:#f7f7f7; color:#293546; }
#mamin_shipping img { margin-top:40px; margin-bottom:40px; margin-left:25px; border:0px; }
#mamin_shipping a { margin-left:15px; border:0px; }

html, body{ height:100%; }
ul{list-style:none;}
a:link,a:hover, a:visited, a:active { text-decoration:none; color:#222;}
img{border:none;}


/* common class */
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.txtL{text-align:left;}
.txtC{text-align:center;}
.txtR{text-align:right;}
.txt11{font-size:11px;}
.txtBold{font-weight:bold;}
.txtN{font-weight:100;}
.box_L1{width:168;padding:10px;background:#fbfbfb;border:1px solid #dfdfdf;margin-bottom:10px;}
.box_L2{width:160;padding:10px 15px;background:#eee;margin-bottom:10px;}
.pageTitle{background:url(/image/title_icon.gif) no-repeat 0px 100%;font-size:15px;font-weight:bold;color:#666;padding:12px 0 10px 30px;height:24px;} 
.datetxt{font-family:verdana;font-size:10px;letter-spacing:-1px;}
input[type="text"],input[type="password"],input[type="select"]{height:13px;padding:1px 0px;}
.center_txt{text-align:center;}



#gbMenu{position:relative;margin:0 auto;width:1000px;padding:5px 10px;border-bottom:3px solid #fa8504;text-align:right;}
	#gbMenu ul{}
	#gbMenu ul li{display:inline;font-size:11px;}
	#gbMenu ul li img{vertical-align:top;}
#topWrap{position:relative;margin:0 auto;width:1000px;height:135px;z-index:100;}
	#miniInfo{position:absolute;top:5px;right:0;}
		#miniInfo ul li{float:left;display:block;}
		#miniInfo ul li.amount{width:100px;font-size:11px;font-weight:bold;color:#fa6604;padding-left:5px;}
	#logo{position:absolute;top:50px;left:40px;}
	#mainMenu{position:absolute;top:95px;right:10px;z-index:100;}
		#mainMenu ul{}
		#mainMenu ul > li{float:left;display:block;margin:0 25px;position:relative;}
		#mainMenu ul li a{font-weight:bold;color:#444}
		#mainMenu ul li ul{margin:0;padding:10px 15px;position:absolute;border:1px solid #ddd; background:#fff;display:none;left:-10px;z-index:1000}
		#mainMenu ul li:hover ul{display:block;z-index:1000;}
		#mainMenu ul li ul li{display:block;font-weight:100;margin:0;padding:3px 0;float:none}
		#mainMenu ul li ul li a{font-weight:100;white-space:nowrap}

#mainImg{position:relative;width:1000px;height:340px;margin:0 auto;background:#FFF;overflow:hidden;}
#images_wrap{position:absolute;left:0;top:0;}
#images_wrap .images{width:1000px;height:420px; }

#mainContents{position:relative;width:1000px;min-height:220px;margin:20px auto;}
	#column1{float:left;width:320px;padding:24px 30px;}
		#noticeBox {margin:5px 0;}
		#noticeBox li{padding:3px 5px;border-bottom:1px dotted #ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}
	
	#column2{float:left;height:92px;width:225px;border-right:1px solid #ddd;border-left:1px solid #ddd;padding:24px 35px;}
	#column3{float:left;height:92px;width:225px;padding:24px 35px;}

#footerMenu{ width:auto; height:113px; padding-top:5px; background:#fff; color:#293546; }
	#footerMenu span{ margin:2px; color:#a2a2a2; font-weight:bold; font-size:11px; letter-spacing:-1px; }
	#footerMenu .work { font-weight:bold; color:red; margin-left:18px; }


/* 서브 컨텐츠 본문 */
#contentsWrap{ color:#293546; }
	#contentsLeft{ display:none; }
		.box_L1 p{margin:5px 0;}
		.box_L1 .acct{color:red;}
		.leftmenu h1{font-size:15px;border-bottom:1px solid #999;padding:10px;color:#666}
		.leftmenu ul{margin:3px 0 3px 15px;;padding:0;border-bottom:1px solid #ddd;list-style-type:circle;}
		.leftmenu ul:last-child{border-bottom:none;}
		.leftmenu ul li{display:block;padding:5px 5px;color:#666;border-bottom:1px dashed #eee;}
		.leftmenu ul li:last-child{border-bottom:none;}
		.leftmenu ul li:hover,.leftmenu ul li.on{background: white url(/images/sub/arrow2.gif) no-repeat 95% 50%;}
		.leftmenu ul li.depth1{padding-left:15px;}
		.leftmenu ul li.link{cursor:pointer}
		.leftmenu ul li span{float:right;}
		.leftmenu ul li.line { height:1px; background-color:#ddd; padding:0px; margin-top:3px; margin-bottom:3px; }

		.psnlqna {cursor:pointer;background:#aaa;font-size:15px; color:#FFFFFF; font-weight:bold;text-align:center;padding:6px;margin:10px 0;}
	

		.cscenter2 {border:1px solid #aaa;margin:10px 0;}
		.cscenter2 div{padding:5px 10px;line-height:15px;}

	#contentsRight{ width:98%; padding-left:10px; min-height:800px;}
	#contentsWide{width:100%; min-height:600px;}


/* 마이페이지 */

#mypage_box_wrap{margin:20px 0; }
#mypage_box_wrap .arrowdiv{float:left;width:35px;background:url(/images/sub/mypage_arrow.gif) no-repeat 50% 50px;height:132px;}
#mypage_box_wrap .box{float:left;width:218px;border:1px solid #eee;padding:10px;}
#mypage_box_wrap .box h1{margin:0;padding:0;}
#mypage_box_wrap .box ul{list-style:none;height:100%;margin:0;padding:0;}
#mypage_box_wrap .box ul li{display:block;padding:8px;}
#mypage_box_wrap .box ul li.h2{display:block;padding:13px;}
#mypage_box_wrap .num1{background:url(/images/sub/bgnum1.gif) no-repeat 50% 40px;}
#mypage_box_wrap .num2{background:url(/images/sub/bgnum2.gif) no-repeat 50% 40px;}
#mypage_box_wrap .num3{background:url(/images/sub/bgnum3.gif) no-repeat 50% 40px;}



/* DatePicker Container */
#ui-datepicker-div{background:#fff;}
.ui-datepicker {
	width: 216px;
	height: auto;
	margin: 5px auto 0;
	font: 9pt Arial, sans-serif;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}
.ui-datepicker a {
	text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker table {
	width: 100%;
}
.ui-datepicker-header {
	background: url('../img/dark_leather.png') repeat 0 0 #000;
	color: #e0e0e0;
	font-weight: bold;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	text-shadow: 1px -1px 0px #000;
	filter: dropshadow(color=#000, offx=1, offy=-1);
	line-height: 30px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #111;
}
.ui-datepicker-title {
	text-align: center;
}
.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	background-image: url('../img/arrow.png');
	background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
}
.ui-datepicker-prev {
	float: left;
	background-position: center -30px;
}
.ui-datepicker-next {
	float: right;
	background-position: center 0px;
}
.ui-datepicker thead {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
	background-image: -webkit-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);
	background-image: -o-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);
	background-image: -ms-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);
	background-image: linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
	border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
	text-transform: uppercase;
	font-size: 6pt;
	padding: 5px 0;
	color: #666666;
	text-shadow: 1px 0px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=0);
}
.ui-datepicker tbody td {
	padding: 0;
	border-right: 1px solid #eee;
	margin:0;
}
.ui-datepicker tbody td:last-child {
	border-right: 0px;
}
.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 27px;
	height: 26px;
	line-height: 30px;
	color: #666666;
	text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=1);
}
.ui-datepicker-calendar .ui-state-default {
	background: #ededed;
	background: -moz-linear-gradient(top, #ededed 0%, #dedede 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
	background: -webkit-linear-gradient(top, #ededed 0%,#dedede 100%);
	background: -o-linear-gradient(top, #ededed 0%,#dedede 100%);
	background: -ms-linear-gradient(top, #ededed 0%,#dedede 100%);
	background: linear-gradient(top, #ededed 0%,#dedede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	-moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}
.ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
	background: #6eafbf;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	color: #e0e0e0;
	text-shadow: 0px 1px 0px #4d7a85;
	filter: dropshadow(color=#4d7a85, offx=0, offy=1);
	border: 1px solid #55838f;
	position: relative;
	margin: -1px;
}
.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 29px;
	margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 29px;
	margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 29px;
	margin-bottom: 0;
}