@charset "utf-8";

/* Basic Custom 
body { font-family: Noto Sans KR, sans-serif,'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif'; font-size: 0.8em; line-height: 1.7em; color:#555; }*/

/* 회원가입 첫항목 구분 숨김*/
#userJoinVO table.ui-view.white tr:nth-child(1) { display:none !important;}

button, html input[type=button], input[type=reset], input[type=submit]{-webkit-appearance:button; cursor:pointer;}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:35px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:35px}

#schKeyword.required {background-image: none !important; padding-left: 10px !important;}

.jconfirm-box {max-width: 400px; margin: 0 auto; border: 2px solid #1c1c1c; font-family: 'Pretendard'}
.jconfirm-box .title-c {margin-bottom: 10px;}
.jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-default {height: 31px; display: inline-block; font-size: 12px; padding: 5px 15px; cursor: pointer; text-decoration: none; color: #fff !important; background: #34a4e1; border: 1px solid #1e8bc7; border-radius: 5px; }
.jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-default:hover {text-decoration: none; background: #1e8bc7 !important; border-color: #1a7eb5; }

 /*게시판 로딩창*/
.jconfirm.jconfirm-supervan .jconfirm-box {background: #fff; padding: 35px 0 7px;}
.jconfirm.jconfirm-supervan .jconfirm-box div.title-c {color: #57bdbf;}
.jconfirm.jconfirm-supervan .jconfirm-box div.content {color:#3d3d3d;}
.jconfirm.jconfirm-supervan .jconfirm-box .buttons button {background:#2d2d2d; color:#fff; border-radius: 0; font-size:14px; font-weight:600;}
.jconfirm.jconfirm-supervan .jconfirm-box .buttons .btn-cancel {background:#e5e5e5; color:#555;}

.cfm-style-box					{ position: relative; max-width: 350px; margin: 20px auto; border: 4px solid #e1e2e3; padding: 20px; }
.cfm-style-box > h3				{ text-align: center; font-size: 18px  !important; font-weight: 600  !important; border-bottom: 1px solid #d1d2d3;  padding: 0 0 20px 0 !important; margin-bottom: 20px !important }
.cfm-style-box > h3:before		{ display: none !important; }
.cfm-style-box > h3 span		{ display: block; font-size: 12px; color: #888; line-height: 1.2em; padding-top: 10px; font-weight: 400; max-width:230px; margin: 0 auto; }
.cfm-style-box > h3 span.full	{ max-width: 100%; }
.cfm-style-box fieldset			{ text-align: center; }
.cfm-style-box fieldset label	{ display: block; position: absolute; top: 0; left: 0; overflow: hidden; z-index: -100; width: 1px; height: 1px; }
.cfm-style-box fieldset input[type="text"],
.cfm-style-box fieldset input[type="password"]	{ width: 100%; border: 1px solid #d1d2d3; height: 30px; border-radius: 3px; }
.cfm-style-box button		{ display: block; width: 100%; margin-top: 10px; text-decoration: none; padding: 10px 0; background: #4666a6; color: #fff; }
.cfm-style-box button:hover	{ background: #375394; }

.cfm-style-box .login .ui-user-id		{ display: block; position: relative; margin-bottom: 5px; }
.cfm-style-box .login .ui-user-pw		{ display: block; position: relative; }

.cfm-style-box .login .ui-user-id:before	{ content: ""; display: block; position: absolute; top: 50%; margin-top: -8px; left: 10px; width:16px; height: 16px; background: url('/resources/images/cmm/ico-login-id.png') no-repeat 50% 50%; }
.cfm-style-box .login .ui-user-pw:before	{ content: ""; display: block; position: absolute; top: 50%; margin-top: -8px; left: 10px; width:16px; height: 16px; background: url('/resources/images/cmm/ico-login-pw.png') no-repeat 50% 50%; }

.cfm-style-box .login #userid	{ text-indent: 35px; background: #fff; }
.cfm-style-box .login #passwd	{ text-indent: 35px; background: #fff; }

.ui-style-title			{ position: relative; margin-bottom: 20px; font-size: 18px; font-weight: 300; padding-left: 10px;}
.ui-style-title:before	{ content: ""; display: block; position: absolute; left: 0; width: 5px; top:0; bottom: 0; background:#49a5bf; }

.ui-page-tab		{ position: relative; overflow: hidden; /*padding-bottom: 20px;*/}
.ui-page-tab li		{ float: left; width: 20%; }
.ui-page-tab li a	{display: block; line-height: 50px; vertical-align: middle; height: 50px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align:center; /*background: #f8f8f8; margin: 1px; border: 1px solid #ccc;*/}
.ui-page-tab li.on a,
.ui-page-tab li a:hover	{text-decoration: none; /*background: #224fa3; color: #fff; border:1px solid #007088;*/}

.ui-board-info			{ position: relative; margin-bottom: 20px; clear: both; }
.ui-board-info:after	{ content: ""; display: block; position: relative; clear: both; }
.ui-board-info .ui-fl,
.ui-board-info .fl-left		{ line-height: 30px; }

@media all and (max-width: 580px) {
	.ui-board-info .ui-fl,
	.ui-board-info .fl-left		{ display: none; }
}

.form-group					{ vertical-align: middle; }
.form-group.margin.top		{ margin-top: 5px; }
.form-group.margin.bottom	{ margin-bottom: 5px; }

/*** Button Style */
.ui-btn			{ line-height:100%; display: inline-block; font-size: 13px; padding: 5px 15px; cursor: pointer; text-decoration: none; color: #fff; background: #49a5bf; border: 1px solid #368da5; border-radius: 4px; text-decoration: none; vertical-align: middle; }
.ui-btn:hover,
.ui-btn:active,
.ui-btn:link,
.ui-btn:visited	{  }
button.ui-btn	{ height: 31px; }
input.ui-btn	{ height: 31px; }

/* icon */
.ui-btn:hover	{ text-decoration: none; background: #388fa7; border-color: #2b798f; }
.ui-btn.ui-ico:before	{ padding-right: 8px; }
.ui-btn.no-text			{ position: relative; text-indent: -999px; overflow: hidden; border-radius: 9.0em; padding: 0; width: 20px; height: 20px; }
.ui-btn.no-text:before	{ display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-indent: 0; text-align: center; line-height: 20px; padding: 0; }
.ui-btn.no-text.squer	{ border-radius: 2px; }

/* color */
.ui-btn.blue		{ background: #176dce; border-color: #1378b0; color: #ffffff; }
.ui-btn.blue:hover	{ background: #1573a6; border-color: #0e6596; }
.ui-btn.blue02		{ background: #fff; border: #0c94db 1px solid; color:#333 ; }
.ui-btn.blue02:hover	{ background: #fff; border: #224fa3 1px solid; color:#224fa3 }
.ui-btn.red			{ background: #d03131; border-color: #b31b1b; color: #ffffff; }
.ui-btn.red:hover	{ background: #a61313; border-color: #990b0b;  }
.ui-btn.green		{background: #5aad32;border-color: #43981a;color: #ffffff;}
.ui-btn.green:hover	{ background: #43981a; border-color: #3a8814; }
.ui-btn.gray		{ background: #747681; border-color: #5f616c; color: #ffffff; }
.ui-btn.gray:hover	{ background: #5c5e6a; border-color: #4e505e; }
.ui-btn.dakgray		{ background: #464856; border-color: #353744; color: #ffffff; }
.ui-btn.dakgray:hover	{ background: #50525f; border-color: #343642; }
.ui-btn.white		{ background: #fefefe; border-color: #cacaca; color: #555; }
.ui-btn.white:hover	{ background: #efefef; border-color: #c1c1c1; color: #555; }
.ui-btn.disable			{ background: #eaeaea; border-color: #e1e1e1; color: #999; cursor: default; }
.ui-btn.disable:hover	{ background: #eaeaea; border-color: #e1e1e1; }
.ui-btn.Orange			{ background: #d8671b; border-color: #d86212; color: #ffffff; }
.ui-btn.Orange:hover	{ background: #d86212; border-color: #bd4c00;  }

/* Size */
.ui-btn.small		{ padding: 2px 8px; }
button.ui-btn.small	{ height: 25px; }
input.ui-btn.small	{ height: 25px; }

.ui-btn.big			{ padding: 10px 25px; font-size: 14px; }
button.ui-btn.blg	{ height: 41px; }
input.ui-btn.big	{ height: 41px; }

.ui-btn.big2			{ padding: 18px 25px; font-size: 1em; font-weight:500 }

.ui-btn.wrap		{ box-sizing: border-box; width: 100%; text-align: center; }

.fl-left		{ float: left !important; }
.fl-right		{ float: right !important; }
.fl-center		{ margin-left: auto !important; margin-right: auto !important; }

.txt-left		{ text-align: left !important; }
.txt-right		{ text-align: right !important; }
.txt-center		{ text-align: center !important; }

.single-title		{ padding-bottom: 10px; font-size: 18px; text-align: center; }
.single-title span	{ display: block; font-size: 12px; color: #d1d1d1; }
.single-box			{ position: relative; max-width: 250px; margin: 0 auto; padding: 10px; }
.single-box input[type="text"],
.single-box input[type="password"]		{ height: 30px; border: 1px solid #d1d1d1; border-radius: 3px; box-sizing: border-box; width: 100%; padding: 0 10px; margin-bottom: 5px; }

/** 레이어팝업 */
.layer_popup{background:#333; color:#fff}
.layer_popup .txt-center{padding:5px;}
.layer_popup > button, html input[type="button"], input[type="reset"], input[type="submit"]{color:#fff; background:#333; border:#fff 1px solid; font-size:12px; }
.layer_popup .popup_under input[type="button"].closeApop{border:0;}
.layer_popup label{font-size:12px;}
.layer_popup .popup_under{padding:5px;}
.layer_popup .popup_under .f_l{float:left;}
.layer_popup .popup_under .f_r{float:right;}

.layer_popup.mo_Y{display:none;}
@media all and (max-width:768px){
	.layer_popup.mo_Y{display:block !important;}
	.layer_popup.mo_N{display:none;}
}
/** Form Table */
.search label {display: block; position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden;}
.search input[type="text"], .search input[type="file"], .search input[type="password"] {height: 27px; border: 1px solid #d1d1d1; text-indent: 10px;}

.ui-list			{ width: 100%; padding:0; border-spacing:0px; border:0; border-collapse:collapse; border-top: 2px solid #3c515a; border-bottom: 1px solid #dadada; }
.ui-list thead th	{ background: #fafafa; height: 38px; border-bottom: 1px solid #dadada; }
.ui-list .empty		{ text-align: center; padding: 30px 0; }
.ui-list tbody td,
.ui-list tbody th	{ padding: 5px 10px; border-bottom: 1px solid #f4f4f4; font-weight: normal; }

/*검색*/
.search_open{ position:absolute; z-index:100; width:100px; height:80px; left:100px; top:100px; background: url('/resources/images/prolinc/search_all_bg.gif') no-repeat  }


@media all and (max-width: 1000px) { 
	.ui-list .num	{ display: none !important; } 
}

@media all and (max-width: 740px) { 
	td .ui-box.small						{ border: none; background: transparent; margin: 0; font-size: 12px; line-height: 1.8em; }
	td .ui-box.small .form-group			{ display: block; border: 1px solid #d1d1d1; background: #fff; border-radius: 3px; margin-bottom: 5px; padding: 0 5px; }
	td .ui-box.small .form-group + br		{ display: none; }
	td .ui-box.small .form-group:after		{ display: none; }
}

/*** Gallery Style */

.ui-gallery		{ display: block; position: relative; padding: 25px 0; border-top: 3px solid #616263; border-bottom: 1px solid #e1e2e3; margin-top: 10px; }
.ui-gallery:after	{ content: ""; display: block; position: relative; clear: both; }
.ui-gallery li		{ display: block; position: relative; float: left; width: 25%; text-align: center; margin-bottom: 20px; box-sizing: border-box; overflow: hidden; }
.ui-gallery li img	{ max-height: 150px; height: 100%;}
.ui-gallery li > a	{ display: block; position: relative; max-width: 150px; padding: 1px; height: 100px; line-height: 100px; margin: 0 auto; padding-bottom: 40px; text-align: center; overflow: hidden;  }
.ui-gallery li > a p, .ui-gallery li a p	{ position: absolute; bottom:10px; left: 0; right: 0; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ui-gallery li > a:before	{ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; height: 150px; background: #fafafa; border: 1px solid #e1e1e1; z-index: -1; }
.ui-gallery li .ui-control-box		{ display: inline-block; }

.ui-gallery li i			{ display: block; position: absolute; left: -22px; top: 10px; width: 80px; line-height: 1.5em; background-color: #a00; overflow: hidden; white-space: nowrap; color: #fff; }
.ui-gallery li i.ready		{ background: #971515; }
.ui-gallery li i.ing		{ background: #f5a211; }
.ui-gallery li i.com		{ background: #9a9fa8; }
.ui-gallery li i			{ -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: 0 0 3px #888; -moz-box-shadow: 0 0 3px #888; box-shadow: 0 0 3px #888;}

@media all and (max-width: 645px) {
	.ui-gallery li		{ width: 33.3%; }
}
@media all and (max-width:480px) {
	.ui-gallery li		{ width: 50%; }
}

/*************************************************************
	Viewer Style
**************************************************************/
.ui-view						{ position: relative; margin-bottom:20px }
.ui-view h5.ui-title			{ text-align: left; padding: 10px 0; font-size: 20px; font-weight: 800; }
.ui-view h5.ui-title:before	{ content: "-"; font-family: '궁서'; font-size: 25px; padding-right: 5px; color: #34a4e1; }

/* Viewer */
table.ui-view		{ width: 100%; padding:0; border-spacing:0px; border:0; border-collapse:collapse; }
table.ui-view th,
table.ui-view td	{ padding: 8px 10px; }
table.ui-view th	{ background: #49a5bf; color: #fff; border-bottom: 1px solid #89c8da; font-weight: 300; } 
table.ui-view td	{ border: 1px solid #d8dada; }
table.ui-view tr:first-child	{ border-top: 1px solid #d8dada; }

table.ui-view.white					{border-top: 3px solid #9f9f9f;}
table.ui-view.white th				{background: #f2f2f2;color: #333;border: 1px solid #d8dada;} 
table.ui-view.white td				{ background: #fff;}


@media all and (max-width: 740px) { 
	table.ui-view,
	table.ui-view tbody,
	table.ui-view tfoot,
	table.ui-view tr,
	table.ui-view td,
	table.ui-view th		{ display: Block; }
	table.ui-view .ta_N	{ display: none !important; }
	table.ui-view .ta_Y	{ display: block !important; }

	table.ui-view			{  border-bottom: 1px solid #d8dada; }

	table.ui-view tr		{ margin-bottom: 10px; border: 1px solid #d1d1d1; border-radius: 5px; background: #fff; overflow: hidden;}
	table.ui-view td,
	table.ui-view th		{ text-align: left; } 

	table.ui-view th		{ position: relative; background: transparent; background: #77c3d8; color: #fff; padding: 4px 15px; }
	table.ui-view td		{ border: none; }

	table.ui-view td input[type="text"] + input[type="button"],
	table.ui-view td input[type="text"] + button,
	table.ui-view td input[type="text"] + button + button,
	table.ui-view td input[type="text"] + input[type="button"] + input[type="button"]	{ width: 100%; margin-top: 5px; }
	
	table.ui-view input[type="text"], 
	table.ui-view input[type="file"], 
	table.ui-view input[type="password"], 
	table.ui-view select			{ width: 100%; }

	table.ui-view.white		{ border: none; margin-top: 10px; }
	table.ui-view.white tr:first-child	{ border-top-width: 1px; }
	table.ui-view.white th { border: 0px solid #d8dada; border-bottom-width: 1px; }
	
	.ui-page-tab li{  width: 50%; }

}

#board_page_info				{ position: relative; padding: 10px;  border-top: 1px solid #e1e1e1; text-align: right; }
#board_page_info p			{ display: inline; position: relative; padding: 0 5px; font-size: 11px; }
#board_page_info p:before	{ font-family: 'icon'; }
#board_page_info p strong	{ display: block; position: absolute; width: 0; height: 0; overflow: hidden; top: 0; left: 0; }
#board_page_info p.name:before	{ content: ""; }
#board_page_info p.date:before	{ content: ""; }
#board_page_info p.hit:before	{ content: "View "; }

#board_item_list			{ position: relative; border: 1px solid #e1e1e1; border-left-width: 0px; border-right-width: 0px;overflow: hidden; background: #fff; clear:both }
#board_item_list.no-top-line	{ border-top: none; }
#board_item_list hr		{ display: block; position: relative; clear: both; margin: 0; padding: 0; border: none; height: 0px; border-bottom: 1px solid #e1e1e1;  z-index: 2; }
#board_item_list hr.padding		{ height: 30px; }
#board_item_list hr + hr	{ display: none; }
#board_item_list dl		{ display: table; position: relative; width: 50%; float: left; min-height: 25px; line-height: 25px; margin: 0; z-index: 1; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #ffffff; }
#board_item_list dt		{ display: table-cell; position: relative; width: 125px; padding: 5px 10px; font-weight: bold; color: #333; font-size: 12px; font-weight: normal; }
#board_item_list dd			{ display: table-cell; position: relative; vertical-align: top; padding: 10px; }
#board_item_list dd input[type="text"],
#board_item_list dd input[type="password"],
#board_item_list dd textarea						{ width: 100%; }
#board_item_list dd input[type="text"].small,
#board_item_list dd input[type="password"].small	{ width: 30%; }
#board_item_list dd input[type="text"],
#board_item_list dd input[type="password"],
#board_item_list dd textarea,
#board_item_list dd select					{ height: 34px; border: 1px solid #ddd; padding: 0 5px; box-sizing: border-box; }
#board_item_list dd textarea					{ height: 200px; padding: 5px; }

#board_item_list:before,
#board_item_list:after		{ content:""; display: block; position: absolute; width: 120px; top: 0; bottom: 0; left: 0; background: #fafafa; z-index: 0; }
#board_item_list:after		{ left: 50%; }

#board_item_list dl.single		{ width: 100%; float: none; clear: both; }
#board_item_list dl.single dd	{ background: #fff; }
#board_item_list dl.single dt	{ width:125px; }

#board_item_list dl.both			{ display: block; width: 100%; float: none; clear: both; }
#board_item_list dl.both dt,
#board_item_list dl.both dd			{ display: block; }
#board_item_list dl.both dt			{ width: auto; background: #f6f6f6; border-bottom: 1px solid #e1e1e1; text-align: left; }
#board_item_list dl.both dt:after	{ bottom: 0; top: auto; left: 10px; width: 150px; height: 1px; }
#board_item_list dl.both dd			{ padding: 10px;  background: #fff; }
#board_item_list dl.both dd img{  max-width:100%}
#board_item_list dl.both dd {min-height:250px;}

#board_item_list.no-top-line dl.both dd	{ padding-bottom: 50px; }

#board_item_list + .txt-right,
.ui-view .buttonBox					{ padding: 15px 0; }

@media all and (max-width: 740px) { 
	#board_item_list:before,
	#board_item_list:after			{ display: none; }
	#board_item_list hr				{ display: none; }
	#board_item_list dl				{ display: flex; width: 100%; float: none; border-bottom: 1px solid #e1e1e1; }/*display: block; 호시신문고 상세페이지 때문에 변경함 */
	
	#board_item_list dl.single 		{ display: flex; }
	#board_item_list dl dd 			{ width: 100%; }
	#board_item_list dl.single dd   { width: 100%; }
	#board_item_list dl dt,
	#board_item_list dl dd			{ display: block; }
	
	
	#board_item_list dl dt,
	#board_item_list dl.single dt	{ width: 30%; min-width: 100px; padding-bottom: 10px;padding-top: 10px;  line-height: 1.3em;}
	#board_item_list dl dt:after	{ display: none; }
	#board_item_list dl dd			{ padding: 10px; min-height: 30px; }
	

	#board_item_list dl.both dt			{ background: #eaeaea;  }
}

.buttonBox	{ padding: 20px 0 50px; text-align: right; }

.single-page					{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 20px; background: #fff; border: 5px solid #dadbdc; box-sizing: border-box; overflow: auto; }
.single-page h1					{ padding-bottom: 20px; margin-bottom: 20px; text-align: center; font-size: 18px; border-bottom: 1px solid #dadbdc; }
.single-page section fieldset	{ position: relative; text-align: center; }
.single-page section fieldset.check-id		{ max-width: 300px; margin: 0 auto; padding-right: 70px; }
.single-page section fieldset.check-id input[type="submit"]	{ position: absolute; top: 0; right: 0; padding: 0; height: 25px; padding: 0 20px; background: #1b84be; border: 1px solid #1378b0; color: #fff; cursor: pointer; font-size: 12px; }
.single-page section fieldset.check-id input[type="text"]	{ width: 100%; height: 25px; border: 1px solid #ddd; padding: 0 5px; box-sizing: border-box; }
.single-page section article								{ text-align: center; }
.single-page section article p								{ padding: 30px 0; }
.single-page section article input[type="button"]			{ padding: 0; height: 25px; padding: 0 20px; background: #1b84be; border: 1px solid #1378b0; color: #fff; cursor: pointer; font-size: 12px; }


/*************************************************************
	Paging Style
**************************************************************/

.pageBox { margin:30px 0 20px; text-align:center; font-family:Tahoma, Geneva, '돋움', Dotum, sans-serif; font-size:1em; }
.pageBox a,
.pageBox strong { display:inline-block; padding:0 10px; height:25px; line-height:25px; color:#555; text-decoration: underline; }
.pageBox strong { color:#000}
.pageBox button { width:35px; height:35px; border:1px solid #c8cacf; }
.pageBox button.pgFirst { background-position: center 12px; }
.pageBox button.pgPrev { background-position: center -51px;}
.pageBox button.pgNext { background-position: center -115px;}
.pageBox button.pgEnd { background-position: center -178px;}
.pageBox button span {position:absolute; left:-9999px; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1;}
.pageBox span { display:inline-block; width:35px; height:35px; }
.pageBox span:hover, .pageBox span:active, .pageBox span:focus { background:#f5f6f8}

/*** Page Navi Style */
.pageNavi					{ padding:  24px 0px;  }
.pageNavi > *				{ display: inline-block; position: relative; padding: 8px 13px; background: #fff; box-sizing: border-box; }
.pageNavi > *:before		{ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #ccc; }
.pageNavi > strong		{ color:#25539e;}
.pageNavi > strong:before	{ border: 4px solid #25539e; }	

/*************************************************************
	File Box Style
**************************************************************/

.fileBox		{ position: relative; border: 4px solid #ddd; margin: 10px 0 30px; padding: 15px; background: #fafafa; }
.fileBox p	{ display: block; position: relative; padding: 3px 10px; margin-top: 10px; background: #fff; border: 1px solid #eaeaea; }
.fileBox input[type="file"]		{ background: #fff; border: 1px solid #eaeaea; width: 100%; box-sizing: border-box; }
.fileBox em		{ display: block; position: relative; margin-right: 90px; }
.fileBox #addFile	{ position: absolute; right: 15px; top: 15px; }

.fileList li		{ padding: 3px 0; }

.fileList li:first-child	{ padding-top: 0; }

/*************************************************************
	Social Comment Style
**************************************************************/

.sCommentTop { overflow:hidden; height:60px; padding:10px 25px; position:relative; border-bottom:1px solid #d4d6db; }
.sCommentTop .title { display:inline-block; padding-top:10px; font-size:16px; font-weight:bold}

.socialMediaWrap { border:4px solid #e2e4e8; /*margin-left:60px; */ margin-bottom: 50px; }
.socialMediaWrap * { box-sizing:border-box;}
.sCommentBlock { background:#f6f6f7; padding-bottom:20px; border-bottom:1px solid #d4d6db;}
.sCommentBlock .sCommentTop .logSNSWrap { float:right;}
.sCommentBlock .sCommentTop .logSNSWrap p { display: none; }
.sCommentBlock .logSNS { float:left;}
.sCommentBlock .logSNS li { position:relative; float:left; width:40px; height:40px; }
.sCommentBlock .logSNS button { width:40px; height:40px; background:url(/resources/images/cmm/icon_social_cmt_full.png) no-repeat; border:3px solid rgba(255, 255, 255, 0); overflow: hidden; text-indent: -999px; }
.sCommentBlock .logSNS button:hover, .socialMediaWrap .logSNS button:focus, .socialMediaWrap .logSNS li.active button { width:40px; height:40px; border:3px solid #b4b7bd; border-radius:50%;}
.sCommentBlock .logSNS li.log_active button  { border:3px solid #ec3636; border-radius:50%;}
.sCommentBlock .logSNS li.log_active:before { content:""; display:block; width:23px; height:20px; position:absolute; top:-5px; right:-5px; background:url(/resourceS/images/cmm/active.png) right 0;}
.sCommentBlock .logSNS .bs  button { background-position: -239px 2px; }
.sCommentBlock .logSNS .fb  button { background-position: 2px 2px; }
.sCommentBlock .logSNS .tw  button { background-position: -38px 2px;}
.sCommentBlock .logSNS .kkt  button { background-position: -78px 2px;}
.sCommentBlock .logSNS .nbg  button { background-position: -118px 2px;}
.sCommentBlock .logSNS .gp  button { background-position: -157px 2px;}

.sCommentBlock .logSNSWrap .btn-logout	{ display: block; position: relative; float: left; width: 40px; height: 40px; overflow: hidden; text-indent: -999px;  background:url(/resources/images/cmm/icon_social_cmt_full.png) no-repeat -198px 2px; border:3px solid rgba(255, 255, 255, 0); }
.sCommentBlock .logSNSWrap .btn-logout:hover  { border:3px solid #b4b7bd; border-radius:50%;}

.sCommentBlock .sCommentBlockInner { padding:20px 25px 0;}
.sCommentBlock .sCommentBlockInner .sCommentWrite { overflow:hidden; margin-top:10px;}
.sCommentBlock .sCommentBlockInner .sCommentWrite .socialID { padding:10px 20px; background:#61646c; color:#fff; font-weight:bold; border-radius:5px 5px 0 0;}
.sCommentBlock .sCommentBlockInner .sCommentWrite textarea { margin-bottom:5px; border-radius:0 0 5px 5px; border-top:none;}
.sCommentBlock .sCommentBlockInner .sCommentWrite .textCount { float:right; font-size:12px;}
.sCommentBlock .sCommentBlockInner .btnArea { overflow:hidden; margin:0} 

.socialMediaWrap .sListBlock { overflow:hidden}
.socialMediaWrap .sListBlock .alignCmt { float:right; margin-top:15px;}
.socialMediaWrap .sListBlock .alignCmt li { float:left; padding:0 8px; background:url(/resourceS/images/cmm/board/line_th.gif) no-repeat left 0 ; }
.socialMediaWrap .sListBlock .alignCmt li:first-child { background:none;}
.socialMediaWrap .sListBlock .sCommentList { position:relative; overflow:hidden; margin:15px 25px 20px; padding-top:15px; border-top:1px dashed #d4d6db}
.socialMediaWrap .sListBlock .sCommentTop + div.sCommentList { margin-top:0; border:none;}
.socialMediaWrap .sListBlock .sCommentList .socialID_2 { float:left; width:120px; margin-top:15px; padding-right:20px; font-weight:bold; color:#000;}
.socialMediaWrap .sListBlock .sCommentList .sCommentTxt { float:left; padding-left:120px; margin-left:-120px; width:100%; _border:1px solid}
.socialMediaWrap .sListBlock .sCommentList .sCommentTxt .iconRcm { float:right}
.socialMediaWrap .sListBlock .sCommentList .sCommentTxt .iconRcm li { float:left; margin:0 3px; }
.socialMediaWrap .sListBlock .sCommentList .sCommentTxt .iconRcm li button { display:inline-block; height:30px; padding:0 0 0 30px; border-radius:5px;font-family: 'Nanum Gothic', '나눔고딕','Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Arial', 'sans-serif';
 font-size:12px; cursor:pointer; background:url(/resourceS/images/cmm/icon_thum.png) no-repeat 7px -48px #5e626b; color:#fff;}
.socialMediaWrap .sListBlock .sCommentList .sCommentTxt .iconRcm li:first-child button { background-position: 7px 6px;}
.socialMediaWrap .sListBlock .sCommentList .sCommentTxt .iconRcm li button i { display:inline-block; margin-left:5px; padding:0 10px; background:#fff; height:30px; border:1px solid #5e626b; border-width:1px 1px 1px 0; border-radius:0 5px 5px 0; color:#5e626b;
line-height:28px; font-weight:bold; font-size:11px;}

.socialMediaWrap .sListBlock .sCommentList .sCommentTxt time { display:inline-block; margin-top:15px; font-size:12px;}
.socialMediaWrap .sListBlock .sCommentList .sCommentTxt time span { padding-right:10px;}
.socialMediaWrap .sListBlock .sCommentList .sCommentTxt time span:first-child { margin-right:10px; border-right:1px solid #d4d6db}
.socialMediaWrap .sListBlock .sCommentList .sCommentTxt p.contText { margin:15px 0;}

@media all and (max-width:1024px) {
	.socialMediaWrap { margin-left:0; }
}

@media all and (max-width:640px) {
/* 소셜댓글 */
.sCommentTop { height:auto; }
.sCommentTop .title { padding-bottom: 10px; }
.socialMediaWrap .sCommentBlock .sCommentTop .logSNSWrap { float:none; }
.socialMediaWrap .sCommentBlock .sCommentTop .logSNSWrap p {  position:absolute; top:10px; right:20px;}
.socialMediaWrap .sCommentBlock .logSNS						{ float: none; }
.socialMediaWrap .sListBlock .alignCmt { float:none; margin-top:15px;}
.socialMediaWrap .sListBlock .sCommentList .socialID_2 { float:none; width:100%; padding-top:0;}
.socialMediaWrap .sListBlock .sCommentList .sCommentTxt { float:none; padding-left:0; margin-left:0; width:100%;}
.socialMediaWrap .sListBlock .sCommentList .sCommentTxt .iconRcm li:first-child a:hover span { position: absolute; right:35px; top:85px;}
.socialMediaWrap .sListBlock .sCommentList .sCommentTxt .iconRcm li a:hover span { position: absolute; right:0; top:85px;}
}

#comment		{ display: block; position: relative; width: 100%; overflow: hidden; margin-top: 20px; }
#comment label[for="comments"]	{ display: block; position: relative; padding: 0 15px; font-weight: bold; line-height: 40px; border-top: 2px solid #49a5bf ; }
#comment textarea				{ display: block; border: 2px solid #e1e1e1; box-sizing: border-box; width: 100%; height: 100px; margin: 0; }
#comment input[type="submit"]	{ display: block; position: relative; width: 100%; margin: 0; padding: 0 15px; font-weight: bold; line-height: 30px; background: #aaabac ; color: #fff; border: none; margin-bottom: 10px; }

#comment table							{ width: 100%; }
#comment table tr td					{ padding: 10px; border: 1px solid #e1e2e3; }
#comment table tr td:first-child		{ background: #f1f2f3; width: 100px; text-align: left; border: 1px solid #e1e2e3; }

@media all and (max-width: 640px) { 
	#comment table,
	#comment table tbody,
	#comment table tr,
	#comment table td,
	#comment table th,
	#comment table tr td:first-child	{ display: block; position: relative; width: 100%; box-sizing: border-box; max-width: 100%; text-align: left; }
	#comment table tr td:first-child	{ margin-bottom: 5px; }
	#comment table tr					{ padding-bottom: 20px; }
}

.bullet					{ display: inline-block; position: relative; font-size: 11px; font-family: 'dotum'; overflow: hidden; text-indent: -999px; width: 18px; line-height: 18px; border-radius: 3px; vertical-align: middle; margin-right: 3px; margin-left: 5px; }
.bullet:before				{ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-indent: 0; text-align: center; color: #fff; }
.bullet.online:before		{ content: "온"; background: #ff822b; }
.bullet.offline:before		{ content: "오"; background: #535353; }
.bullet.ready:before		{ content: "대"; background: #49a5bf; }
.bullet.all:before			{ content: "정"; background: #a40000; }

.ui-box			{ position: relative; border: 1px solid #d8dada; padding: 15px; background: #fff; }
.ui-box.small	{ padding: 5px; margin-bottom: 10px; border-radius: 3px; }
.ui-box.gray	{ font-family: 'Dotum'; color: #666; }
.ui-box.gray strong	{ color: #f26c00; }

.ui-list-title		{ display: block; font-weight: 800; margin-bottom: 5px; font-size: 14px; }

.ui-progress				{ display: block; position: relative; overflow: hidden; }
.ui-progress li p span		{ display: inline-block; position: relative; line-height: 1.2em; vertical-align: middle; word-break: break-all; }
.ui-progress.col-3 li		{ width: 33.33%; }
.ui-progress li:nth-child(4) {display:none;}


@media all and (min-width: 841px) { 
	/*.ui-progress				{ padding-right: 25px; }
	.ui-progress li						{ position: relative; float: left; margin-right: -25px; padding-left: 25px; z-index: 0; }
	.ui-progress li:before				{ content: ""; display: block; position: absolute; top: 0px; left: 0px; border: 25px solid transparent; border-top-color: #e1e1e1; border-bottom-color: #e1e1e1; }
	.ui-progress li:nth-child(3):after	{ content: ""; display: block; position: absolute; top: 0px; right: -20px; border: 25px solid transparent; border-left-color: #e1e1e1; z-index: 0; }
	.ui-progress li p				{ position: relative; border: 1px solid #e1e1e1; border-left-width: 0px; border-right-width: 0px; box-sizing: border-box; text-align: center; height: 50px; line-height: 50px; z-index: 1; padding-right: 25px; }
	.ui-progress li p span			{ z-index: 1; }
	.ui-progress li:nth-child(3) p			{ margin-right: 30px; text-indent: 0; }
	.ui-progress li p:before		{ content: ""; display: block; position: absolute; top: 0px; left: -23px; border: 24px solid transparent; border-top-color: #fff; border-bottom-color: #fff; }
	.ui-progress li:nth-child(3) p:after	{ content: ""; display: block; position: absolute; top: 0px; right: -48px; border: 24px solid transparent; border-left-color: #fff; }
	.ui-progress li.on:before			{ border-top-color: #127b98; border-bottom-color: #127b98; }
	.ui-progress li.on p:before			{ border-top-color: #49a5bf; border-bottom-color: #49a5bf; }
	.ui-progress li.on p				{ color: #fff; background: #49a5bf; border-color: #127b98; }*/
	
	.ui-progress.col-3 li						{ position: relative; float: left; padding-bottom:10px; }
	.ui-progress.col-3 li:before				{ content: ""; display: block; position: absolute; top: 43%; left: -5px; margin-top: -10px; border: 10px solid transparent; border-left-color: #e1e1e1; }
	.ui-progress.col-3 li:first-child:before	{ display: none; }
	.ui-progress.col-3 li p						{margin: 0 20px 0 0;height: 60px;line-height: 60px;text-align: center;border: 1px solid #e1e1e1;/* border-radius: 3px; */}
	.ui-progress.col-3 li:nth-child(3) p {margin: 0 ;}
	.ui-progress.col-3 li.on p					{border-color: #127b98;color: #fff;background: #25539e;margin-right: 0;}
	.ui-progress.col-3 li p span				{ padding: 0 10px; }
	.ui-progress.col-3 li:nth-child(1)						{padding-right: 20px;}
	.ui-progress.col-3 li:nth-child(2)						{padding-left: 20px;}
	.ui-progress.col-3 li:nth-child(3)						{padding-left: 20px;padding-right: 0;}

}

@media all and (max-width: 840px) {
	.ui-progress.col-3 li						{ position: relative; float: left; padding-bottom: 12px; }
	.ui-progress.col-3 li:before				{ content: ""; display: block; position: absolute; top: 50%; left: -5px; margin-top: -10px; border: 10px solid transparent; border-left-color: #e1e1e1; }
	.ui-progress.col-3 li:first-child:before	{ display: none; }
	.ui-progress.col-3 li p						{ margin: 0 20px; height: 80px; line-height: 80px; text-align: center; border: 1px solid #e1e1e1; border-radius: 3px; }
	.ui-progress.col-3 li.on p					{ border-color: #127b98; color: #fff; background: #25539e; }
	.ui-progress.col-3 li p span				{ padding: 0 10px; }
}

@media all and (max-width: 588px) {
	.ui-progress.col-3 li p					{ margin: 0 10px; }
	.ui-progress.col-3 li p span			{ padding: 0 5px; }
	/*파일선택부분*/
	.fileBox{word-wrap:break-word; word-break:break-all}
	.fileBox #addFile{position:relative; right:0px; top:0px}
}

#survey_page header	{ background: #49a5bf; padding: 10px 15px; text-align: center; color: #fff; font-size: 18px; }

#survey_page .survey-tab				{ position: relative; padding: 10px 0; overflow: hidden; }
#survey_page .survey-tab li				{ position: relative; float: left; width: 25%; height: 50px; text-align: center; }
#survey_page .survey-tab li:before		{ content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
#survey_page .survey-tab li:after		{ content: ""; display: block; position: absolute; top: 3px; left: 3px; right: 3px; bottom: 3px; border: 1px solid #c1c1c1; background: #e1e2e3; }
#survey_page .survey-tab li a			{ display: inline-block; position: relative; width: 95%; vertical-align: middle; z-index: 2; text-decoration: none; }
#survey_page .survey-tab li a:hover		{ font-weight: 800; }

#survey_page .survey-tab li.on:after	{ background: #49a5bf; border-color: #284580; }
#survey_page .survey-tab li.on a		{ color: #fff; }

#survey_page .tabArea .ui-item			{ display: none; background: #fff; padding: 20px; border: 1px solid #e1e2e3; }
#survey_page .tabArea .ui-item.on		{ display: block; }

#survey_page .ui-descript				{ line-height: 1.5em; padding-bottom: 30px; border-bottom: 1px solid #e1e2e3; margin-bottom: 30px; }

#survey_page .ui-item input[type="text"],
#survey_page .ui-item input[type="password"],
#survey_page .ui-item textarea					{ width: 100%; }
#survey_page .ui-item input[type="text"],
#survey_page .ui-item input[type="password"],
#survey_page .ui-item textarea,
#survey_page .ui-item select					{ height: 25px; border: 1px solid #ddd; padding: 0 5px; box-sizing: border-box; }
#survey_page .ui-item textarea					{ height: 200px; padding: 5px; }
#survey_page .ui-item dl						{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #e1e2e3; }
#survey_page .ui-item dt						{ position: relative; margin-bottom: 5px; padding-left: 20px; color: #333; }
#survey_page .ui-item dt:after					{ content: ""; display: block; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 13px; height: 4px; background: #49a5bf; }

#survey_page .btnBox			{ text-align: center; padding: 10px 0 20px; }
#survey_page .btnBox input[type="button"]		{ cursor: pointer; width: 100%; box-sizing: border-box; line-height: 40px; color: #fff; text-align: center; border: none; background: #49a5bf; }


/*************************************************************
	Category Style
**************************************************************/
.ui-page-total-category						{ display: block; position: relative; margin-bottom: 20px; overflow: hidden; }
.ui-page-total-category > ul				{ display: none; }

/*게시판 카테고리-간화학과-교수별게시판 */
.ui-page-total-category li				{ display: inline-block; line-height: 20px; }
.ui-page-total-category li a			{display: block;position: relative;line-height: 20px;margin: 0;border-radius: 2px;text-decoration: none;background: #dcdcdc;padding: 10px 25px;}
.ui-page-total-category li.on a			{background: #3d539e;color: #fff;}

.ui-page-total-category > div			{ padding: 4px 6px; margin: 2px 0; border-radius: 2px; }

.ui-page-total-category .box-0			{ background: #ffffff; }/*게시판 카테고리 배경 */
.ui-page-total-category .box-1			{ background: #7dc6db; }
.ui-page-total-category .box-2			{ background: #609332; }
.ui-page-total-category .box-3			{ background: #d9dada; }
.ui-page-total-category .box-4			{ background: #f2f2f2; }
.ui-page-total-category .box-4 li a		{ color: #333; }

.ui-date-info			{ text-align: center; }
.ui-date-info p			{ display: inline-block; position: relative; vertical-align: middle; padding: 30px 0; }
.ui-date-info p > a		{ display: block; position: absolute; left: 0; right: 0; height: 30px; line-height: 30px; }
.ui-date-info p span	{ display: block; padding: 8px 10px; border: 1px solid #d1d1d1; background: #fff; font-size: 15px; border-radius: 5px; min-width: 100px; }

.ui-date-info p .btn-prev		{ opacity: 0.5; top: 0; text-indent: -999px; overflow: hidden; background: url('/resources/images/cmm/ico_date_up.png') no-repeat 50% 50%; }
.ui-date-info p .btn-next		{ opacity: 0.5; bottom: 0; text-indent: -999px; overflow: hidden; background: url('/resources/images/cmm/ico_date_down.png') no-repeat 50% 50%; }
.ui-date-info p .btn-prev:hover,
.ui-date-info p .btn-next:hover	{ opacity: 1.0; }


/*************************************************************
	공통스타일  Style
**************************************************************/
b{ font-weight:bold}
/* 폰트사이즈 */
.f_6em { font-size: 0.6em!important; }
.f_7em { font-size: 0.7em!important; }
.f_8em { font-size: 0.8em!important; }
.f_9em { font-size: 0.9em!important; }
.f_10em { font-size: 1.0em!important; }
.f_11em { font-size: 1.1em!important; }
.f_12em { font-size: 1.2em!important; }
.f_13em { font-size: 1.3em!important; }
.f_14em { font-size: 1.4em; }
.f_15em { font-size: 1.5em; }
.f_16em { font-size: 1.6em; }

.f_10 { font-size: 10px; }
.f_11 { font-size: 11px; }
.f_12 { font-size: 12px; }
.f_13 { font-size: 13px; }
.f_14 { font-size: 14px; }
.f_15 { font-size: 15px; }
.f_16 { font-size: 16px; }

.f_w100{ font-weight:100}
.f_w300{ font-weight:300}
.f_w600{ font-weight:600}
.f_w900{ font-weight:900}

/*들여쓰기*/
.indent { padding:  0 0 0 10px!important; }
.indent2 { padding:  0 0 0 20px!important; }
.indent3 { padding:  0 0 0 30px!important; }

.t_center { text-align: center!important; }
.t_left { text-align: left!important; }
.t_right { text-align: right!important; }

/*********************** Float Style ***********************/
.f_left { float: left !important; }
.f_right { float: right !important; }
.f_none { float: none !important; }
.f_clear { clear: both !important; }
.d_inline { display: inline !important; }
.show { display: block; }
.hide { display: none !important; }

/*********************** Vertical Align Style ***********************/
.v_top { vertical-align: top !important; }
.v_middle { vertical-align: middle !important; }
.v_bottom { vertical-align: bottom !important; }
.v_baseline { vertical-align: baseline !important; }

/*********************** Letter Spacing Style ***********************/
.mp0 { margin: 0 !important; padding: 0 !important; }
.m0 { margin: 0 !important ; }
.p0 { padding: 0 !important ; }

/*********************** Padding Style ***********************/
.p_t0 { padding-top: 0px !important; }
.p_t1 { padding-top: 1px !important; }
.p_t2 { padding-top: 2px !important; }
.p_t3 { padding-top: 3px !important; }
.p_t4 { padding-top: 4px !important; }
.p_t5 { padding-top: 5px !important; }
.p_t6 { padding-top: 6px !important; }
.p_t7 { padding-top: 7px !important; }
.p_t8 { padding-top: 8px !important; }
.p_t9 { padding-top: 9px !important; }
.p_t10 { padding-top: 10px !important; }
.p_t11 { padding-top: 11px !important; }
.p_t12 { padding-top: 12px !important; }
.p_t13 { padding-top: 13px !important; }
.p_t14 { padding-top: 14px !important; }
.p_t15 { padding-top: 15px !important; }
.p_t16 { padding-top: 16px !important; }
.p_t17 { padding-top: 17px !important; }
.p_t18 { padding-top: 18px !important; }
.p_t19 { padding-top: 19px !important; }
.p_t20 { padding-top: 20px !important; }
.p_t30 { padding-top: 30px !important; }
.p_t40 { padding-top: 40px !important; }

.p_l0 { padding-left: 0px !important; }
.p_l1 { padding-left: 1px !important; }
.p_l2 { padding-left: 2px !important; }
.p_l3 { padding-left: 3px !important; }
.p_l4 { padding-left: 4px !important; }
.p_l5 { padding-left: 5px !important; }
.p_l6 { padding-left: 6px !important; }
.p_l7 { padding-left: 7px !important; }
.p_l8 { padding-left: 8px !important; }
.p_l9 { padding-left: 9px !important; }
.p_l10 { padding-left: 10px !important; }
.p_l11 { padding-left: 11px !important; }
.p_l12 { padding-left: 12px !important; }
.p_l13 { padding-left: 13px !important; }
.p_l14 { padding-left: 14px !important; }
.p_l15 { padding-left: 15px !important; }
.p_l16 { padding-left: 16px !important; }
.p_l17 { padding-left: 17px !important; }
.p_l18 { padding-left: 18px !important; }
.p_l19 { padding-left: 19px !important; }
.p_l20 { padding-left: 20px !important; }

.p_r0 { padding-right: 0px !important; }
.p_r1 { padding-right: 1px !important; }
.p_r2 { padding-right: 2px !important; }
.p_r3 { padding-right: 3px !important; }
.p_r4 { padding-right: 4px !important; }
.p_r5 { padding-right: 5px !important; }
.p_r6 { padding-right: 6px !important; }
.p_r7 { padding-right: 7px !important; }
.p_r8 { padding-right: 8px !important; }
.p_r9 { padding-right: 9px !important; }
.p_r10 { padding-right: 10px !important; }
.p_r11 { padding-right: 11px !important; }
.p_r12 { padding-right: 12px !important; }
.p_r13 { padding-right: 13px !important; }
.p_r14 { padding-right: 14px !important; }
.p_r15 { padding-right: 15px !important; }
.p_r16 { padding-right: 16px !important; }
.p_r17 { padding-right: 17px !important; }
.p_r18 { padding-right: 18px !important; }
.p_r19 { padding-right: 19px !important; }
.p_r20 { padding-right: 20px !important; }

.p_b0 { padding-bottom: 0px !important; }
.p_b1 { padding-bottom: 1px !important; }
.p_b2 { padding-bottom: 2px !important; }
.p_b3 { padding-bottom: 3px !important; }
.p_b4 { padding-bottom: 4px !important; }
.p_b5 { padding-bottom: 5px !important; }
.p_b6 { padding-bottom: 6px !important; }
.p_b7 { padding-bottom: 7px !important; }
.p_b8 { padding-bottom: 8px !important; }
.p_b9 { padding-bottom: 9px !important; }
.p_b10 { padding-bottom: 10px !important; }
.p_b11 { padding-bottom: 11px !important; }
.p_b12 { padding-bottom: 12px !important; }
.p_b13 { padding-bottom: 13px !important; }
.p_b14 { padding-bottom: 14px !important; }
.p_b15 { padding-bottom: 15px !important; }
.p_b16 { padding-bottom: 16px !important; }
.p_b17 { padding-bottom: 17px !important; }
.p_b18 { padding-bottom: 18px !important; }
.p_b19 { padding-bottom: 19px !important; }
.p_b20 { padding-bottom: 20px !important; }

/*********************** Margin Style ***********************/
.m_t0 { margin-top: 0px !important; }
.m_t1 { margin-top: 1px !important; }
.m_t2 { margin-top: 2px !important; }
.m_t3 { margin-top: 3px !important; }
.m_t4 { margin-top: 4px !important; }
.m_t5 { margin-top: 5px !important; }
.m_t6 { margin-top: 6px !important; }
.m_t7 { margin-top: 7px !important; }
.m_t8 { margin-top: 8px !important; }
.m_t9 { margin-top: 9px !important; }
.m_t10 { margin-top: 10px !important; }
.m_t11 { margin-top: 11px !important; }
.m_t12 { margin-top: 12px !important; }
.m_t13 { margin-top: 13px !important; }
.m_t14 { margin-top: 14px !important; }
.m_t15 { margin-top: 15px !important; }
.m_t16 { margin-top: 16px !important; }
.m_t17 { margin-top: 17px !important; }
.m_t18 { margin-top: 18px !important; }
.m_t19 { margin-top: 19px !important; }
.m_t20 { margin-top: 20px !important; }
.m_t25 { margin-top: 25px !important; }
.m_t30 { margin-top: 30px !important; }
.m_t40 { margin-top: 40px !important; }
.m_t50 { margin-top: 50px !important; }
.m_t96 { margin-top: 96px !important; }

.m_l0 { margin-left: 0px !important; }
.m_l1 { margin-left: 1px !important; }
.m_l2 { margin-left: 2px !important; }
.m_l3 { margin-left: 3px !important; }
.m_l4 { margin-left: 4px !important; }
.m_l5 { margin-left: 5px !important; }
.m_l6 { margin-left: 6px !important; }
.m_l7 { margin-left: 7px !important; }
.m_l8 { margin-left: 8px !important; }
.m_l9 { margin-left: 9px !important; }
.m_l10 { margin-left: 10px !important; }
.m_l11 { margin-left: 11px !important; }
.m_l12 { margin-left: 12px !important; }
.m_l13 { margin-left: 13px !important; }
.m_l14 { margin-left: 14px !important; }
.m_l15 { margin-left: 15px !important; }
.m_l16 { margin-left: 16px !important; }
.m_l17 { margin-left: 17px !important; }
.m_l18 { margin-left: 18px !important; }
.m_l19 { margin-left: 19px !important; }
.m_l20 { margin-left: 20px !important; }
.m_l25 { margin-left: 25px !important; }
.m_l30 { margin-left: 30px !important; }
.m_l55 { margin-left: 55px !important; }

.m_r0 { margin-right: 0px !important; }
.m_r1 { margin-right: 1px !important; }
.m_r2 { margin-right: 2px !important; }
.m_r3 { margin-right: 3px !important; }
.m_r4 { margin-right: 4px !important; }
.m_r5 { margin-right: 5px !important; }
.m_r6 { margin-right: 6px !important; }
.m_r7 { margin-right: 7px !important; }
.m_r8 { margin-right: 8px !important; }
.m_r9 { margin-right: 9px !important; }
.m_r10 { margin-right: 10px !important; }
.m_r11 { margin-right: 11px !important; }
.m_r12 { margin-right: 12px !important; }
.m_r13 { margin-right: 13px !important; }
.m_r14 { margin-right: 14px !important; }
.m_r15 { margin-right: 15px !important; }
.m_r16 { margin-right: 16px !important; }
.m_r17 { margin-right: 17px !important; }
.m_r18 { margin-right: 18px !important; }
.m_r19 { margin-right: 19px !important; }
.m_r20 { margin-right: 20px !important; }
.m_r25 { margin-right: 25px !important; }
.m_r50 { margin-right: 50px !important; }
.m_r55 { margin-right: 55px !important; }
.m_r88 { margin-right: 88px !important; }

.m_b0 { margin-bottom: 0px !important; }
.m_b1 { margin-bottom: 1px !important; }
.m_b2 { margin-bottom: 2px !important; }
.m_b3 { margin-bottom: 3px !important; }
.m_b4 { margin-bottom: 4px !important; }
.m_b5 { margin-bottom: 5px !important; }
.m_b6 { margin-bottom: 6px !important; }
.m_b7 { margin-bottom: 7px !important; }
.m_b8 { margin-bottom: 8px !important; }
.m_b9 { margin-bottom: 9px !important; }
.m_b10 { margin-bottom: 10px !important; }
.m_b11 { margin-bottom: 11px !important; }
.m_b12 { margin-bottom: 12px !important; }
.m_b13 { margin-bottom: 13px !important; }
.m_b14 { margin-bottom: 14px !important; }
.m_b15 { margin-bottom: 15px !important; }
.m_b16 { margin-bottom: 16px !important; }
.m_b17 { margin-bottom: 17px !important; }
.m_b18 { margin-bottom: 18px !important; }
.m_b19 { margin-bottom: 19px !important; }
.m_b20 { margin-bottom: 20px !important; }
.m_b30 { margin-bottom: 30px !important; }
.m_b50 { margin-bottom: 50px !important; }

/* 가로세로 */
.w100p { width: 100% !important; }
.w90p { width: 90% !important; }
.w80p { width: 80% !important; }
.w70p { width: 70% !important; }
.w60p { width: 60% !important; }
.w50p { width: 50% !important; }
.w40p { width: 40% !important; }
.w30p { width: 30% !important; }
.w20p { width: 20% !important; }
.w10p { width: 10% !important; }

.h100p { height: 100% !important; }
.h90p { height: 90% !important; }
.h80p { height: 80% !important; }
.h70p { height: 70% !important; }
.h60p { height: 60% !important; }
.h50p { height: 50% !important; }
.h40p { height: 40% !important; }
.h30p { height: 30% !important; }
.h20p { height: 20% !important; }
.h10p { height: 10% !important; }

/*********************** Media Print Style ***********************/
@media print{
	header, footer{display:none;}
	.ui-page-tab{display:none}
	.sub-top-bg, .contentsUtill {display:none !important;}
}