@charset "utf-8";

.hide { position: absolute; overflow: hidden; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; border: none !important; }

.f_left { float: left !important; }
.f_right { float: right !important; }

.d_ib { display: inline-block !important; }
.d_i { display: inline !important; }
.d_b { display: block !important; }
.d_t { display: table !important; width: 100%; }
	.d_t > * { vertical-align: top; }
.d_t_r { display: table-row !important; width: 100%; }
	.d_t_r > * { vertical-align: top; }
.d_t_c { display: table-cell !important; }

.vertical_t { vertical-align: top !important; }
.vertical_m { vertical-align: middle !important; }
.vertical_b { vertical-align: bottom !important; }

.txt_left { text-align: left !important; }
.txt_right { text-align: right !important; }
.txt_center { text-align: center !important; }

.font_l { font-weight: lighter; }
.font_n { font-weight: normal; }
.font_b { font-weight: bold; }
.font_eb { font-weight: 800; }

.font_small { font-size: 0.7em; }
.font_big { font-size: 1.4em; }


.font_red { color: #e2372a !important; }
.font_green { color: #38af56 !important; }
.font_orange { color: #ec6b2b !important; }

.color_ju { color: #57a4cb !important; }
.color_in { color: #72981d !important; }
.color_gong { color: #e2372a !important; }


/*//CSSreset*/

/*width*/
.wd05 { width: 5% !important; }
.wd10 { width: 10% !important; }
.wd15 { width: 15% !important; }
.wd20 { width: 20% !important; }
.wd25 { width: 25% !important; }
.wd30 { width: 30% !important; }
.wd35 { width: 35% !important; }
.wd40 { width: 40% !important; }
.wd45 { width: 45% !important; }
.wd50 { width: 50% !important; }
.wd55 { width: 55% !important; }
.wd60 { width: 60% !important; }
.wd65 { width: 65% !important; }
.wd70 { width: 70% !important; }
.wd75 { width: 75% !important; }
.wd80 { width: 80% !important; }
.wd85 { width: 85% !important; }
.wd90 { width: 90% !important; }
.wd95 { width: 95% !important; }
.wd100 { width: 100% !important; }
/*3등분, 6등분*/
.wd6_1 { width: 16.66666% !important; }
.wd3_1 { width: 33.33333% !important; }
.wd3_2 { width: 66.66663% !important; }
.wd6_5 { width: 83.33333% !important; }
/*3등분, 6등분  end*/
/*7등분*/
.wd7_1 { width: 14.28571% !important; }
.wd7_2 { width: 28.57142% !important; }
.wd7_3 { width: 42.85714% !important; }
.wd7_4 { width: 57.14285% !important; }
.wd7_5 { width: 71.42857% !important; }
.wd7_6 { width: 85.71428% !important; }
/*7등분  end*/
/*8등분*/
.wd_8_1 { width: 12.5% !important; }
.wd_8_3 { width: 37.5% !important; }
.wd_8_5 { width: 62.5% !important; }
.wd_8_7 { width: 87.5% !important; }
/*8등분  end*/
/*9등분*/
.wd11 { width: 11.11111% !important; }
.wd22 { width: 22.22222% !important; }
.wd44 { width: 44.44444% !important; }
.wd55 { width: 55.55555% !important; }
.wd77 { width: 77.77777% !important; }
.wd88 { width: 88.88888% !important; }
/*9등분  end*/

/*//width end*/

/*margin*/
.m0 { margin: 0px !important; }
.m5 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.m45 { margin: 45px !important; }
.m50 { margin: 50px !important; }
.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }

.mr0 { margin-right: 0px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr22 { margin-right: 22px !important; }
.mr23 { margin-right: 23px !important; }
.mr24 { margin-right: 24px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }

.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
/*//margin end*/

/*padding*/
.p0 { padding: 0px !important; }
.p5 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }
.p45 { padding: 45px !important; }
.p50 { padding: 50px !important; }

.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }

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

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

.pl0 { padding-left: 0px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
/*//padding end*/

/*border*/
.no_bdr { border: none !important; }
.no_bdr_t { border-top: none !important; }
.no_bdr_r { border-right: none !important; }
.no_bdr_b { border-bottom: none !important; }
.no_bdr_l { border-left: none !important; }
/*//border end*/

/*overflow*/
.no_scroll_x { overflow-x: hidden !important; }
.no_scroll_y { overflow-y: hidden !important; }
.no_scroll { overflow: hidden !important; }
/*//overflow end*/

/*background*/
.no_bg { background: none !important; }
/*background end*/

input, select { border: 1px #e1e1e1 solid; }
	input[type=text], input[type=password] { padding: 0; }
	input[type=password] { }
	input[type=checkbox], input[type=radio] { padding: 0; margin: 0; border: none; }
/*input[type=text], input[type=password], select { padding: 4px; }*/


img { border: 0; }
label * { vertical-align: middle; }
/*common end*/

/* IR */
.blind { position: absolute; width: 1px; font-size: 0; line-height: 0; text-align: left; text-indent: -999em; left: -9999px; }

/* SKIP NAV */
#skipNav { z-index: 900; overflow: hidden; position: fixed; top: 0; left: 0; width: 100%; }
	#skipNav a { display: block; width: 100%; font-size: 0; line-height: 0; text-align: left; }
		#skipNav a:hover,
		#skipNav a:focus,
		#skipNav a:active { position: static; left: 0; padding: 9px 0; height: 16px; width: 100%; background: #f2f2f2; font-size: 12px; font-weight: bold; color: #000; line-height: 16px; text-align: center; }

/* 한줄 줄임 */
.strCut { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }

/*select menu*/
.ui-selectmenu-menu { font-size: 12px; z-index: 999999; }
	.ui-selectmenu-menu * { font-family: Dotum, sans-serif; }
	.ui-selectmenu-menu .ui-menu { margin-top: 2px; border-color: #13549e; background-color: #fff; }
		.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { }
.ui-selectmenu-open { }
.ui-selectmenu-button { background: #fff; border: 1px solid #aeaeae; height: 25px; line-height: 25px; }
	.ui-selectmenu-button.ui-state-disabled { background: #e4e4e4; }
	.ui-selectmenu-button.ui-state-focus { border-color: #13549e; color: #000; }
	.ui-selectmenu-button span.ui-icon { top: 50%; right: 0; width: 18px; height: 11px; margin-top: -5.5px; background: url(../img/sub/arrow_drop_nor.png) no-repeat left center; }
	.ui-selectmenu-button.ui-state-focus span.ui-icon { background: url(../img/sub/arrow_drop_foc.png) no-repeat left center; }
	.ui-selectmenu-button.ui-state-disabled span.ui-icon { background: url(../img/sub/arrow_drop_dis.png) no-repeat left center; }

	.ui-selectmenu-button span.ui-selectmenu-text { padding: 0; margin: 0; height: 25px; line-height: 25px; text-indent: 10px; font-family: Dotum, sans-serif !important; }
	.ui-selectmenu-button span.ui-icon { margin-top: -5.5px !important; }



.ui-menu { }
	.ui-menu .ui-menu { }
	.ui-menu .ui-menu-item { height: 21px; line-height: 21px; padding-left: 10px; }
	.ui-menu .ui-menu-divider { }
	.ui-menu .ui-state-focus,
	.ui-menu .ui-state-active { margin: 0; background: #ebf0f5; color: #000; }
	.ui-menu .ui-state-disabled { background: #e8e8e8; color: #444; }
/*select menu E*/


/*datepicker*/
.date_picker { background-image: url(../img/sub/icon_cal.png) !important; background-repeat: no-repeat !important; background-position: right center !important; }
	.date_picker:focus { background-image: url(../img/sub/icon_cal_on.png) !important; }
.ui-datepicker { /*margin: 1px 0 0 0;*/ background-color: #fff; text-align: center; /*border-radius: 3px;*/ /*box-shadow: 0 2px 0 #fbb2bf;*/ display: none; width: auto; border: 1px solid #2a5092; padding: 0px; margin-top: 1px; }

	.ui-datepicker .cal_top { position: relative; border-bottom: 1px solid #e1e1e5; font-size: 17px; font-weight: 600; color: #3e6372; height: 60px; line-height: 60px; }
		.ui-datepicker .cal_top > a { position: absolute; display: block; width: 22px; height: 22px; }
	.ui-datepicker .ui-datepicker-prev { position: absolute; display: block; width: 30px; height: 37px; background: url(../img/sub/arrow_cal_prev.png) no-repeat center center; top: 0; left: 45px; cursor: pointer; }
		.ui-datepicker .ui-datepicker-prev span { display: block; text-indent: -9999px; }
	.ui-datepicker .ui-datepicker-next { position: absolute; display: block; width: 30px; height: 37px; background: url(../img/sub/arrow_cal_next.png) no-repeat center center; top: 0; right: 45px; cursor: pointer; }
		.ui-datepicker .ui-datepicker-next span { display: block; text-indent: -9999px; }
	.ui-datepicker .ui-datepicker-header { position: relative; padding: 0; margin: 0; margin-bottom: 0; }
		.ui-datepicker .ui-datepicker-header:after { width: 100%; height: 22px; content: ''; background: none; display: block; position: absolute; z-index: 0; top: 100%; }
		.ui-datepicker .ui-datepicker-header * { vertical-align: middle; }
		.ui-datepicker .ui-datepicker-header ui-datepicker-year:after { position: relative; content: '.'; display: block; *display: inline /*IE7HACK*/; _display: inline; /*IE6HACK*/ *zoom: 1; }


		.ui-datepicker .ui-datepicker-header .ui-datepicker-title { height: 37px; line-height: 37px; font-size: 18px; color: #fff; font-weight: 600; background-color: #13549e; padding: 0 10px; }
	.ui-datepicker .ui-datepicker-title * { position: relative; font-size: 18px; font-family: 'Nanum Barun Gothic', sans-serif; vertical-align: top; line-height: 1; top: 8px; }


.ui-datepicker-calendar { /*margin-top: 10px !important;*/ position: relative; z-index: 1; margin-bottom: 5px !important; }
	.ui-datepicker-calendar * { font-family: Dotum, sans-serif; }

	.ui-datepicker-calendar table { margin: 0 10px; }
	.ui-datepicker-calendar thead { /*display: none;*/ }
	.ui-datepicker-calendar th { width: 22px; height: 22px; line-height: 22px; font-size: 11px; color: #000; background: none; font-weight: bold; padding-top: 5px; }
	.ui-datepicker-calendar tr th.ui-datepicker-week-end:first-child,
	.ui-datepicker-calendar tr th.ui-datepicker-week-end:first-child a { color: #ff6900; }

	.ui-datepicker-calendar td a { color: #000; margin: 2px; }

	.ui-datepicker-calendar tr td.ui-datepicker-today a { background: #bcbcbc; color: #fff; }
	.ui-datepicker-calendar tr td.ui-datepicker-week-end:first-child,
	.ui-datepicker-calendar tr td.ui-datepicker-week-end:first-child a { color: #ff6900; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #cae6f7; }

.ui-datepicker-calendar td a { display: inline-block; width: 25px; height: 25px; line-height: 25px !important; border-radius: 0; padding: 0; font-size: 11px !important; }
	.ui-datepicker-calendar td a.ui-state-hover { background: #13549e !important; color: #fff !important; }

.ui-datepicker-calendar .ui-state-highlight a { background-color: #f06784; color: #fff !important; }

.ui-datepicker-calendar tr .ui-datepicker-week-end.ui-date-saturday a,
.ui-datepicker-calendar tr .ui-datepicker-week-end span[title=sat] { color: #5f9dde; }


.ui-datepicker .cal_body { padding: 20px; }
.ui-datepicker table { width: auto; position: relative; margin: 0 10px; }
.ui-datepicker tbody td { position: relative; color: #3e6372; font-weight: 600; font-size: 11px; padding: 0; text-align: center; vertical-align: middle; width: 22px; height: 22px; }


	.ui-datepicker tbody td.sun,
	.ui-datepicker tbody td.holy { color: #ee6b67; }
	.ui-datepicker tbody td span { border-radius: 5px; display: inline-block; width: 22px; height: 22px; line-height: 22px; padding: 0; }
	.ui-datepicker tbody td .solid { }
		.ui-datepicker tbody td .solid.type1 { background-color: #ffada7; }
		.ui-datepicker tbody td .solid.type2 { background-color: #fad920; }
		.ui-datepicker tbody td .solid.type2 { background-color: #65cbe9; }

	.ui-datepicker tbody td.ui-datepicker-other-month,
	.ui-datepicker tbody td.ui-datepicker-other-month span { font-size: 11px; color: #bebebe; line-height: 22px; }

.ui-datepicker-trigger { display: inline-block; *display: inline /*IE7 HACK*/; _display: inline; /*IE6 HACK*/ *zoom: 1; vertical-align: middle; background: #989898; border: 1px solid #7c7b7b; color: #fff; font-size: 13px; height: 25px; padding: 0px 20px; margin-left: 10px; position: absolute; cursor: pointer; }
/*datepicker E*/