@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* 기본 서비스폰트은 나눔고딕 입니다 */

/***************************************************************

Author :Justin.J

IE6핵 : _ (언더바 핵)
IE7핵 : * (스타 핵)

IE8핵 전용
@media \0screen {
	#wrap{width:100%;}
}

***************************************************************/


/* Float bug */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix{
	display:inline-block;
	}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
/* */


/************************************************
*		Reset									*
************************************************/
*{margin:0;padding:0;}
body{margin:0;padding:0;*word-break:break-all;-ms-word-break:break-all;}
body, div, input, textarea, button{font-size:13px;line-height:140%;font-family:"나눔고딕",Nanum Gothic,"맑은고딕",Malgun Gothic,"돋음", Dotum, "굴림", Gulim, tahoma, AppleGothic, Sans-serif;color:#555;}
table{border-collapse:collapse;table-layout:fixed;}

a:link		{color:#555;text-decoration:none;}
a:visited	{color:#555;text-decoration:none;}
a:hover		{color:#c9252b;text-decoration:none;}
a:active	{color:#c9252b;text-decoration:none;}

ul, ol, ul li, ol li, dl, dt, dd, dt dd{margin:0;padding:0;list-style:none;}
h1, h2, h3, h4, h5{margin:0;padding:0;}
img, fieldset, iframe, input, textarea{border:none;}
img, input, select{vertical-align:middle;}

button, button img{border:none;}
button {border:0 none;background-color:transparent;cursor:pointer;cursor:pointer;_cursor /**/:hand;}


/* Tab Images Setting */
a.rollover img {border-width:0px;display:block }
a.rollover img.rollover {display:none;}
a.rollover:hover {position:relative;}
a.rollover:hover img {display:none;}
a.rollover:hover img.rollover {display:block;}


.sliderkit{text-align:left;position:relative;overflow:hidden;}
.sliderkit a,
.sliderkit a:hover{text-decoration:none;}
.sliderkit a:focus{outline:1px dotted #000;/*optional*/}
.sliderkit img{border:0;}
.sliderkit .sliderkit-btn{z-index:10;}


textarea{
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-arrow-color:#ffffff;
	scrollbar-face-color:#cccccc;
	scrollbar-3dlight-color:#999;
	scrollbar-darkshadow-color:#999;
	scrollbar-track-color:#ffffff;
}

iframe{
	scrollbar-face-color:#ffffff;
	scrollbar-shadow-color:#d2e5f4;
	scrollbar-highlight-color:#d2e5f4;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-track-color:#ffffff;
	scrollbar-arrow-color:#d2e5f4;
}




/* Input & Button & Form Setting */
.m_search{
	width:337px;
	height:27px;
	padding:1px 3px 0 3px;
	color:#666;
	border:1px solid #870b03;
	background:url(http://image.newstomato.com/tomatopass/search_bg.gif) repeat-x;
	vertical-align:middle;
	ime-mode:active;
}

.login_input{
	height:23px;
	padding:1px 3px 0 3px;
	color:#666;
	border:1px solid #cdcdcd;
	background:url(http://image.newstomato.com/tomatopass/search_bg.gif) repeat-x;
	vertical-align:middle;
	ime-mode:active;
}

.w_input{
	height:22px;
	padding:2px 3px 5px 3px;
	font-size:12px;
	color:#666;
	border:1px solid #cdcdcd;
	border-radius:4px;
	vertical-align:middle;
	ime-mode:active;
}

.d_input{
	height:22px;
	padding:2px 3px 0 3px;
	font-size:12px;
	color:#666;
	background-color:#f0f0f0;
	border:1px solid #cdcdcd;
	border-radius:4px;
	vertical-align:middle;
	ime-mode:active;
}

.w_select{
	height:26px;
	padding:2px 3px 2px 3px;
	font-size:12px;
	line-height:18px;
	color:#666;
	border:1px solid #cdcdcd;
	vertical-align:middle;
	ime-mode:active;
}

.w_textarea{
	padding:10px;
	font-size:12px;
	color:#666;
	border:1px solid #cdcdcd;
	vertical-align:middle;
	ime-mode:active;
}

.w_btn{
	height:28px;
	padding:2px 15px 3px;
	font-size:14px;
	font-weight:bold;
	color:#666;
	background-color:#efefef;
	border:1px solid #cdcdcd;
	border-radius:4px;
	vertical-align:middle;
}



/*************** placeholder color ******************/
/*보드*/
input::-webkit-input-placeholder{color:#116a3b;}
input:-moz-placeholder{color:#116a3b;} 
input::-moz-placeholder{color:#116a3b;}
input:-ms-input-placeholder{color:#116a3b;} 



/*************** 체크박스 & 라디오버튼 ******************/

.label_radio{background:url(../img/radio_w-on.png) no-repeat;}
.label_check{background:url(../img/check_w-off.png) no-repeat;}
.label_check.c_on{background:url(../img/check_w-on.png) no-repeat;}
.label_radio.r_on{background:url(../img/radio_w-on.png) no-repeat;}
.label_check input, .label_radio input{position:absolute;left:-9999px;}
.label_check, .label_radio{padding:3px 0;padding-left:24px;}

.label_radio_b{background:url(../img/radio_b-on.png) no-repeat;}
.label_check_b{background:url(../img/check_b-off.png) no-repeat;}
.label_check_b.c_on{background:url(../img/check_b-on.png) no-repeat;}
.label_radio_b.r_on{background:url(../img/radio_b-on.png) no-repeat;}
.label_check_b input, .label_radio_b input{position:absolute;left:-9999px;}
.label_check_b, .label_radio_b{padding:3px 0;padding-left:24px;}




/*************** 셀렉트박스 ******************/
.sbHolder{width:200px;height:30px;position:relative;font-size:12px;font-weight:normal;background-color:#fff;border:solid 1px #eee;}
.sbHolder:focus .sbSelector{}
.sbSelector{width:170px;height:30px;display:block;position:absolute;left:0;top:0;overflow:hidden;line-height:30px;outline:none;text-indent:10px;}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{color:#333;outline:none;text-decoration:none;}
.sbToggle{width:30px;height:30px;display:block;outline:none;position:absolute;right:0;top:0;background:url(../img/select-icons.png) no-repeat;}
.sbToggle:hover{background:url(../img/select-icons.png) no-repeat;}
.sbToggleOpen{background:url(../img/select-icons.png) no-repeat;}
.sbToggleOpen:hover{background:url(../img/select-icons.png) no-repeat;}
.sbHolderDisabled{background-color:#3C3C3C;border:solid 1px #515151;}
.sbHolderDisabled .sbHolder{}
.sbHolderDisabled .sbToggle{}
.sbOptions{margin:0;padding:0;position:inherit;left:-1px;top:30px;overflow-y:auto;list-style:none;background-color:#fff;border:solid 1px #e5e5e5;z-index:1;}
.sbOptions li{padding:0 5px;}
.sbOptions a{padding:7px 0 7px 0;display:block;outline:none;border-bottom:dotted 1px #ccc;}
.sbOptions a:link, .sbOptions a:visited{color:#666;text-decoration:none;}
.sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus{color:#1fc872;}
.sbOptions li.last a{border-bottom:none;}
.sbOptions .sbDisabled{display:block;padding:7px 0 7px 3px;color:#999;border-bottom:dotted 1px #515151;}
.sbOptions .sbGroup{padding:7px 0 7px 3px;display:block;color:#333;font-weight:bold;border-bottom:dotted 1px #515151;}
.sbOptions .sbSub{padding-left:17px;}




.mt5px{margin-top:5px !important;}
.mt10px{margin-top:10px !important;}
.mt15px{margin-top:15px !important;}
.mt20px{margin-top:20px !important;}
.mt25px{margin-top:25px !important;}
.mt30px{margin-top:30px !important;}
.mt35px{margin-top:35px !important;}
.mt40px{margin-top:40px !important;}
.mt45px{margin-top:45px !important;}
.mt50px{margin-top:50px !important;}
.mt60px{margin-top:60px !important;}
.mt70px{margin-top:70px !important;}
.mt80px{margin-top:80px !important;}
.mt90px{margin-top:90px !important;}
.mt100px{margin-top:100px !important;}

.ml5px{margin-left:5px !important;}
.ml10px{margin-left:10px !important;}
.ml15px{margin-left:15px !important;}
.ml20px{margin-left:20px !important;}
.ml25px{margin-left:25px !important;}
.ml30px{margin-left:30px !important;}
.ml35px{margin-left:35px !important;}
.ml40px{margin-left:40px !important;}
.ml45px{margin-left:45px !important;}
.ml50px{margin-left:50px !important;}
.ml60px{margin-left:60px !important;}
.ml70px{margin-left:70px !important;}
.ml80px{margin-left:80px !important;}
.ml90px{margin-left:90px !important;}
.ml100px{margin-left:100px !important;}

.mr5px{margin-right:5px !important;}
.mr10px{margin-right:10px !important;}
.mr15px{margin-right:15px !important;}
.mr20px{margin-right:20px !important;}
.mr25px{margin-right:25px !important;}
.mr30px{margin-right:30px !important;}
.mr35px{margin-right:35px !important;}
.mr40px{margin-right:40px !important;}
.mr45px{margin-right:45px !important;}
.mr50px{margin-right:50px !important;}
.mr60px{margin-right:60px !important;}
.mr70px{margin-right:70px !important;}
.mr80px{margin-right:80px !important;}
.mr90px{margin-right:90px !important;}
.mr100px{margin-right:100px !important;}

.mb5px{margin-bottom:5px !important;}
.mb10px{margin-bottom:10px !important;}
.mb15px{margin-bottom:15px !important;}
.mb20px{margin-bottom:20px !important;}
.mb25px{margin-bottom:25px !important;}
.mb30px{margin-bottom:30px !important;}
.mb35px{margin-bottom:35px !important;}
.mb40px{margin-bottom:40px !important;}
.mb45px{margin-bottom:45px !important;}
.mb50px{margin-bottom:50px !important;}
.mb60px{margin-bottom:60px !important;}
.mb70px{margin-bottom:70px !important;}
.mb80px{margin-bottom:80px !important;}
.mb90px{margin-bottom:90px !important;}
.mb100px{margin-bottom:100px !important;}



.pt5px{padding-top:5px !important;}
.pt10px{padding-top:10px !important;}
.pt15px{padding-top:15px !important;}
.pt20px{padding-top:20px !important;}
.pt25px{padding-top:25px !important;}
.pt30px{padding-top:30px !important;}
.pt35px{padding-top:35px !important;}
.pt40px{padding-top:40px !important;}
.pt45px{padding-top:45px !important;}
.pt50px{padding-top:50px !important;}
.pt60px{padding-top:60px !important;}
.pt70px{padding-top:70px !important;}
.pt80px{padding-top:80px !important;}
.pt90px{padding-top:90px !important;}
.pt100px{padding-top:100px !important;}

.pl5px{padding-left:5px !important;}
.pl10px{padding-left:10px !important;}
.pl15px{padding-left:15px !important;}
.pl20px{padding-left:20px !important;}
.pl25px{padding-left:25px !important;}
.pl30px{padding-left:30px !important;}
.pl35px{padding-left:35px !important;}
.pl40px{padding-left:40px !important;}
.pl45px{padding-left:45px !important;}
.pl50px{padding-left:50px !important;}
.pl60px{padding-left:60px !important;}
.pl70px{padding-left:70px !important;}
.pl80px{padding-left:80px !important;}
.pl90px{padding-left:90px !important;}
.pl100px{padding-left:100px !important;}

.pr5px{padding-right:5px !important;}
.pr10px{padding-right:10px !important;}
.pr15px{padding-right:15px !important;}
.pr20px{padding-right:20px !important;}
.pr25px{padding-right:25px !important;}
.pr30px{padding-right:30px !important;}
.pr35px{padding-right:35px !important;}
.pr40px{padding-right:40px !important;}
.pr45px{padding-right:45px !important;}
.pr50px{padding-right:50px !important;}
.pr60px{padding-right:60px !important;}
.pr70px{padding-right:70px !important;}
.pr80px{padding-right:80px !important;}
.pr90px{padding-right:90px !important;}
.pr100px{padding-right:100px !important;}

.pb5px{padding-bottom:5px !important;}
.pb10px{padding-bottom:10px !important;}
.pb15px{padding-bottom:15px !important;}
.pb20px{padding-bottom:20px !important;}
.pb25px{padding-bottom:25px !important;}
.pb30px{padding-bottom:30px !important;}
.pb35px{padding-bottom:35px !important;}
.pb40px{padding-bottom:40px !important;}
.pb45px{padding-bottom:45px !important;}
.pb50px{padding-bottom:50px !important;}
.pb60px{padding-bottom:60px !important;}
.pb70px{padding-bottom:70px !important;}
.pb80px{padding-bottom:80px !important;}
.pb90px{padding-bottom:90px !important;}
.pb100px{padding-bottom:100px !important;}


.black{color:#000 !important;}
.gray{color:#999 !important;}
.red{color:#c3090e !important;}
.blue{color:#09F !important;}
.dblue{color:#4e5e8f !important;}
.green{color:#393 !important;}
.yellow{color:#fff200 !important;}
.orange{color:#F60 !important;}
.white{color:#fff !important;}

.bg_black{background-color:#000 !important;}
.bg_gray{background-color:#999 !important;}
.bg_red{background-color:#c3090e !important;}
.bg_blue{background-color:#09F !important;}
.bg_dblue{background-color:#4e5e8f !important;}
.bg_green{background-color:#393 !important;}
.bg_yellow{background-color:#fff200 !important;}
.bg_orange{background-color:#F60 !important;}
.bg_white{background-color:#fff !important;}
.bg_brown{background-color:#a25b00 !important;}


.hltxt{text-decoration:line-through;}

.dot_line{height:1px;margin:0;padding:0;border-top:1px dotted #d4d4d4;}
.top_line{height:1px;border-top:2px solid #d4d4d4;}
.cut_line{height:1px;margin:5px 0;border-top:2px solid #d4d4d4;}
.half_line{height:1px;margin:5px 0;border-top:1px solid #d4d4d4;}
.noline{border:none !important;border:0 !important;}

.wn{display:block !important;overflow:hidden !important;white-space:nowrap !important;text-overflow:ellipsis !important;}
.i_wn{display:inline-block !important;overflow:hidden !important;white-space:nowrap !important;text-overflow:ellipsis !important;}
/*ie_7에서 줄어들지 않는 현상 보완*/
.wn span, .wn p, .wn b{*display:block !important;*overflow:hidden !important;*white-space:nowrap !important;*text-overflow:ellipsis !important;}
.i_wn span, .i_wn p, .i_wn b{*display:inline-block !important;*overflow:hidden !important;*white-space:nowrap !important;*text-overflow:ellipsis !important;}
/*ie_7에서 줄어들지 않는 현상 보완 끝*/

.clear{width:100%;height:0;margin:0 !important;padding:0 !important;display:block;float:none;clear:both;font-size:0 !important;line-height:0 !important;overflow:hidden;}