@charset "euc-kr";

@import url("main.css");
@import url("common.css");
@import url("footer.css");
@import url("board.css");
@import url("help.css");
@import url("service.css");
@import url("member.css");

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');

/* Default Style */
*    	  	{margin:0; padding:0; }
body {
    margin: 0;
    font-size: 13px;
    font-family: Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif!important;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
    background-color: #fff;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
/*	min-height: 950px;*/
}

html, body {
    margin: 0;
	padding: 0;
	height: 100%;
}

td *, div *, li *, span *, p *  {}
ul, ol, li						{list-style:none; margin:0px 0px 0px 0px;}

img, hr		{border:none;}
img			{vertical-align: top; border:0px ; /* for IE imge margin */}
strong		{font-weight:bold;}
b		{font-weight:bold;}
sup			{vertical-align:super;}

/* Link Style */
a			{text-decoration:none; }
a:link		{text-decoration:none; }
a:visited	{text-decoration:none; }
a:hover		{text-decoration:none;}
a:active	{text-decoration:none; }

/* Table Style */
table  		{border-collapse:collapse;}

/* From Style */
textarea	{border:1px solid #d3d0c9; padding:10px;}
.c_j	    {color : #f37700 !important;}
select		{font-size:12px; padding:2px 0 0 4px;}

/* Font Class Style */
.b		{font-weight:bold !important;}
.u		{text-decoration:underline}

a {selector-dummy: expression(this.hideFocus=true);} /* 일반 링크포커스 감추기 */
a,img {selector-dummy: expression(this.hideFocus=true);} /* 이미지맵 링크포커스 감추기 */

.png            {_display:inline-block;}
.png img        {_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}

.png24			{mpt:expression(septng24(this))};

.black			{color:#000}
.orange			{color:#c25900}
.brown 			{color:#634028}
.red 			{color:#bb2d3b}

a, body, button, div, dl, dt, em, footer, form, h1, h2, h3, h4, h5, h6, header, html, img, input, label, li, mark, menu, nav, object, ol, section, select, span, strong, sub, summary, table, tbody, td, textarea, th,  tr, u, ul {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    box-sizing: border-box;
}

.l_h			{line-height:1%; font-size:1px;}
.t_1			{vertical-align:1px;}
.l_s			{letter-spacing:-1px;}
.v_t			{vertical-align:-2px;}

/* align */
.l		{text-align:left !important;}
.c		{text-align:center !important;}
.r		{text-align:right !important;}
.t		{vertical-align:top !important;}
.bb		{vertical-align:bottom !important;}
.m		{vertical-align:middle !important;}

/* float */
.overflow		{overflow:hidden;}
.float_left		{float:left;}
.float_right	{float:right;}
.clear_both		{clear:both;}
select option:disabled{
    color: #dddddd !important;
}
.red {
	color : #E60012 !important;
}
.blue{
	color : #0054A7 !important;
}
.orange{
	color : #ff9900 !important;
}
.green{
	color : #109618 !important;
}
.gray{
	color : #CDCDCD;
}
.yellow{
	color : #FFC107;
}
.black{
	color : #333333;
}
.fade_none {
    display: none !important;
}

.hover{
	background-color: #f8f7f8; cursor: pointer;
}

.bl1 {
	border-left: 1px solid #dddddd;
}

.br1 {
	border-right: 1px solid #dddddd;
}

.bell_menu{
	max-height: 550px;
    border: 1px solid #ddd;
    border-right: 1px solid #ddd;
    overflow-y: scroll;
    user-select: none;
	padding: 0;
}
.bell{
	font-weight: bold;
    background-color: #cf1a14;
    padding: 1px 6px;
    border-radius: 10px;
    position: absolute;
    color: #fff;
    font-size: 12px;
	z-index: 1;
	left: 0;
}
.bell_div {
    width: 350px;
    padding: 10px 10px 10px 15px;
    border-bottom: 1px solid #dddddd;
}
.bell_title {
    font-weight: bold;
}
.bell_message {
    font-size: 13px;
}
.bell_today {
    font-size: 10px;
    background-color: #4379b6;
    color: #fff;
    border-radius: 10px;
    padding: 1px 5px 2px 5px;
    margin-left: 5px;
}
.bell_dt {
    font-size: 6px;
    position: absolute;
    right: 10px;
}
.bell_view {
    background-color: #f4f4f4;
}

.w450 {width: 450px !important;}
.w400 {width: 400px !important;}
.w15	{width: 150px !important;}
.w10	{width: 100px !important;}
.mw10	{max-width: 150px !important;}

 /* Margin Set */
.m0	    {margin:0px !important;}

.m15	{margin:15px;}

.ml5	{margin-left:5px;}
:root .ml5	{margin-left:3px;}
.ml8	{margin-left:8px;}
.ml10	{margin-left:10px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}
.ml25	{margin-left:25px;}
.ml30	{margin-left:30px;}
.ml35	{margin-left:35px;}
.ml40	{margin-left:40px;}
.ml45	{margin-left:45px;}
.ml50	{margin-left:50px;}
.ml53	{margin-left:53px;}
.ml55	{margin-left:55px;}
.ml60	{margin-left:60px;}
.ml65	{margin-left:65px;}
.ml75	{margin-left:75px;}
.ml87	{margin-left:87px;}
.ml90	{margin-left:90px;}
.ml100	{margin-left:100px;}
.ml103	{margin-left:103px;}
.ml144	{margin-left:144px;}





.mr2	{margin-right:2px;}
.mr5	{margin-right:5px;}
.mr10	{margin-right:10px;}
.mr15	{margin-right:15px;}
.mr20	{margin-right:20px;}
.mr25	{margin-right:25px;}
.mr30	{margin-right:30px;}
.mr35	{margin-right:35px;}
.mr40	{margin-right:40px;}
.mr45	{margin-right:45px;}
.mr50	{margin-right:50px !important;}

.mb2	{margin-bottom:2px;}
.mb3	{margin-bottom:3px;}
.mb4	{margin-bottom:4px;}
.mb5	{margin-bottom:5px;}
.mb10	{margin-bottom:10px;}
.mb15	{margin-bottom:15px;}
.mb20	{margin-bottom:20px;}
.mb25	{margin-bottom:25px;}
.mb30	{margin-bottom:30px;}
.mb35	{margin-bottom:35px;}
.mb40	{margin-bottom:40px;}
.mb45	{margin-bottom:45px;}
.mb50	{margin-bottom:50px;}
.mb55	{margin-bottom:55px;}
.mb60	{margin-bottom:60px;}

.mt1	{margin-top:1px;}
.mt2	{margin-top:2px;}
.mt3	{margin-top:2px;}
.mt5	{margin-top:5px;}
.mt7	{margin-top:7px;}
.mt8	{margin-top:8px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}
.mt25	{margin-top:25px;}
.mt27	{margin-top:27px;}
.mt30	{margin-top:30px;}
.mt35	{margin-top:35px;}
.mt40	{margin-top:40px;}
.mt45	{margin-top:45px;}
.mt50	{margin-top:50px;}

/* Padding Set */
.p0	    {padding:0px !important;}

.pl1	{padding-left:1px;}
.pl3	{padding-left:3px;}
.pl5	{padding-left:5px;}
.pl10	{padding-left:10px;}
.pl15	{padding-left:15px;}
.pl20	{padding-left:20px;}
.pl25	{padding-left:25px;}
.pl30	{padding-left:30px !important;}
.pl35	{padding-left:35px;}
.pl40	{padding-left:40px;}
.pl45	{padding-left:45px;}
.pl50	{padding-left:50px !important;}
.pl60	{padding-left:60px;}
.pl90	{padding-left:90px;}
.pl120	{padding-left:120px;}
.pl150	{padding-left:150px;}

.pr3	{padding-right:3px;}
.pr4	{padding-right:4px;}

.pr0	{padding-right:0px !important;}
.pr5	{padding-right:5px;}
.pr10	{padding-right:10px;}
.pr15	{padding-right:15px;}
.pr20	{padding-right:20px;}
.pr25	{padding-right:25px;}
.pr30	{padding-right:30px;}
.pr35	{padding-right:35px;}
.pr40	{padding-right:40px;}
.pr45	{padding-right:45px;}
.pr50	{padding-right:50px !important;}

.pb3	{padding-bottom:3px;}
.pb5	{padding-bottom:5px;}
.pb10	{padding-bottom:10px;}
.pb15	{padding-bottom:15px;}
.pb20	{padding-bottom:20px;}
.pb25	{padding-bottom:25px;}
.pb30	{padding-bottom:30px;}
.pb35	{padding-bottom:35px;}
.pb40	{padding-bottom:40px;}
.pb45	{padding-bottom:45px;}
.pb50	{padding-bottom:50px;}

.pt2	{padding-top:2px;}
.pt3	{padding-top:3px;}
.pt4	{padding-top:4px;}
.pt5	{padding-top:5px;}
.pt7	{padding-top:7px;}
.pt10	{padding-top:10px;}
.pt12	{padding-top:12px;}
.pt15	{padding-top:15px;}
.pt20	{padding-top:20px;}
.pt22	{padding-top:22px;}
.pt25	{padding-top:25px;}
.pt30	{padding-top:30px;}
.pt35	{padding-top:35px;}
.pt40	{padding-top:40px;}
.pt45	{padding-top:45px;}
.pt50	{padding-top:50px;}


div.growlUI { background: url(../_img/check48.png) no-repeat 10px 10px; background-size:22px; opacity:1}
div.growlUI h1, div.growlUI h2 {
    color: white; padding: 10px 5px 5px 55px; text-align: left;
	font-size:15px;
}