@charset "utf-8";
/* font */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); /* font-family: 'Noto Sans KR', sans-serif; */
@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css); /* font-family: 'Jeju Myeongjo', serif; */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* font-family : 'Nanum Gothic' */


/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{ margin: 0; padding: 0; border: 0; font-size: 100%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

table { /* border-collapse: collapse; border-spacing:0; */ }
table {padding:0; border-spacing:0px; border:0; border-collapse:collapse;}
th, td {padding:0px;}

caption	{ overflow: hidden; height: 0px; color: transparent; }
ul,ol,li,dl,dt,dd { list-style: none; margin: 0; padding:0; }
img { vertical-align:middle; border:0; max-width: 100%; }
textarea { overflow: auto; padding: 5px; }
input,select,button,label { vertical-align: middle; }
input[type="radio"],
input[type="checkbox"],
label[for],
button { cursor: pointer;}

input[name="upfile"]	{ position: absolute; z-index: -100; top: 0; left: 0; opacity: 0; }

li i	{ display: none; }

input { margin:0; }
button { margin: 0; padding: 0; border: 0; background: 0; cursor: pointer; }
address, i { font-style:normal}
a { text-decoration: none; color:#555; }
a:link,a:visited { text-decoration: none; }
a:hover,a:active,a:focus { text-decoration:underline; }

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

/* ellipsis */
.ellipsis {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; -moz-binding:url(/assets/css/ellipsis.xml#ellipsis);}
.clip {text-overflow:clip; overflow:hidden; white-space:nowrap;}

/* hidden style */
.invisible { position: absolute; left: -9999px; width: 0; height: 0; overflow :hidden; font-size: 0; line-height: 0; z-index: -1; }
.invisible_IR { position: absolute; left: -9999px; width: 0; height: 0; font-size: 0; line-height: 0; z-index: -1; }

/* Ajax Loading */
body.ajaxLoading:after	{ content: ""; display: block; position: fixed; top: 0; lefT: 0; right: 0; bottom: 0; z-index: 99999; background: url('/resource/img/common/loader.gif') no-repeat 50% 50% rgba(255,255,255,  0.7); }


/*** Web Size Viewer Control ***/
/* PC Screen*/
.only-pc	{  }
.only-ta	{ display: none !important; }
.only-mo	{ display: none !important; }

.not-pc	{ display: none !important; }
.not-ta	{  }
.not-mo	{  }

/* Tablet Screen */
@media all and (max-width:1000px) {
	.only-pc			{ display: none !important; }
	
	/** 각 태그 대응 : 이 외의 예외처리 시 따로 추가 하거나 혹은 해당 클래스 제외 개별 처리 요망 */
	.only-ta			{ display: block !important; }
	table.only-ta	{ display: table !important; }
	tr.only-ta		{ display: table-row !important; }
	td.only-ta		{ display: table-cell !important; }
	span.only-ta		{ display: inline !important; }
	
	.only-mo			{ display: none !important; }
	
	
	.not-pc			{ display: block !important; }
	table.not-pc		{ display: table !important; }
	tr.not-pc		{ display: table-row !important; }
	td.not-pc		{ display: table-cell !important; }
	span.not-pc		{ display: inline !important; }
	
	.not-ta	{ display: none !important; }
	.not-mo	{  }
}

/* Mobile Screen */
@media all and (max-width:640px) {
	.only-pc			{ display: none !important; }
	.only-ta			{ display: none !important; }
	
	/** 각 태그 대응 : 이 외의 예외처리 시 따로 추가 하거나 혹은 해당 클래스 제외 개별 처리 요망 */
	.only-mo			{ display: block !important; }
	table.only-mo	{ display: table !important; }
	tr.only-mo		{ display: table-row !important; }
	td.only-mo		{ display: table-cell !important; }
	span.only-mo		{ display: inline !important; }
		
	.not-pc			{  }
	.not-ta	{ display: block !important; }
	table.not-ta	{ display: table !important; }
	tr.not-ta		{ display: table-row !important; }
	td.not-ta		{ display: table-cell !important; }
	span.not-ta		{ display: inline !important; }
	
	.not-mo	{ display: none !important; }
}


/*** Web Size Viewer Control ***/
/* 게시판에서만 사용되는 Class - DB 값에 따라 출력 여부가 선택 된다 */
.pc_Y	{ display: none !important; }
.pc_N	{ display: none !important; }
.ta_Y	{ display: none !important; }
.ta_N	{ display: none !important; }
.mo_Y	{ display: none !important; }
.mo_N	{ display: none !important; }

/* PC Screen ( 1001px ) */
@media all and (min-width: 1001px) {
	.pc_Y { display: block !important; }
	
	/** 각 태그 대응 : 이 외의 예외처리 시 따로 추가 하거나 혹은 해당 클래스 제외 개별 처리 요망 */
	table.pc_Y		{ display: table !important; }
	tr.pc_Y			{ display: table-row !important; }
	td.pc_Y			{ display: table-cell !important; }
	th.pc_Y			{ display: table-cell !important; }
	colgroup.pc_y	{ display: table-column-group !important; }
	col.pc_y		{ display: table-column !important; }
}

/* Tablet Screen ( 641px ~ 1000px ) */
@media all and (min-width: 641px) and (max-width: 1000px) {
	.ta_Y { display: block !important; }
	
	/** 각 태그 대응 : 이 외의 예외처리 시 따로 추가 하거나 혹은 해당 클래스 제외 개별 처리 요망 */
	table.ta_Y		{ display: table !important; }
	tr.ta_Y			{ display: table-row !important; }
	td.ta_Y			{ display: table-cell !important; }
	th.ta_Y			{ display: table-cell !important; }
	colgroup.ta_Y	{ display: table-column-group !important; }
	col.ta_Y		{ display: table-column !important; }
}

/* Mobile Screen */
@media all and (max-width:640px) {
	.mo_Y { display: block !important; }
	
	/** 각 태그 대응 : 이 외의 예외처리 시 따로 추가 하거나 혹은 해당 클래스 제외 개별 처리 요망 */
	table.mo_Y		{ display: table !important; }
	tr.mo_Y			{ display: table-row !important; }
	td.mo_Y			{ display: table-cell !important; }
	th.mo_Y			{ display: table-cell !important; }
	colgroup.mo_Y	{ display: table-column-group !important; }
	col.mo_Y		{ display: table-column !important; }
}

/* 본문 바로가기 */
#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}




.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; height: 30px; line-height: 30px; padding: 0 10px; background: #f8f8f8; margin: 1px; border: 1px solid #ccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-page-tab li.on a,
.ui-page-tab li a:hover	{ background: #0093b2; color: #fff; border: 1px solid #007088l; text-decoration: none; }


/*** Button Style */
.ui-btn			{ display: inline-block; font-size: 12px; padding: 5px 15px; cursor: pointer; text-decoration: none; color: #fff; background: #34a4e1; border: 1px solid #1e8bc7; border-radius: 5px; }
.ui-btn:hover,
.ui-btn:active,
.ui-btn:link,
.ui-btn:visited	{ text-decoration: none; }
button.ui-btn	{ height: 31px; }
input.ui-btn	{ height: 31px; }

.ui-btn:hover	{ text-decoration: none; background: #1e8bc7; border-color: #1a7eb5; }
.ui-btn.ui-ico:before	{ padding-right: 8px; }

/* color */
.ui-btn.blue		{ background: #1b84be; border-color: #1378b0; }
.ui-btn.blue:hover	{ background: #1573a6; border-color: #0e6596; }
.ui-btn.red			{ background: #d03131; border-color: #b31b1b; }
.ui-btn.red:hover	{ background: #a61313; border-color: #990b0b; }
.ui-btn.green		{ background: #7ac257; border-color: #5aad32; }
.ui-btn.green:hover	{ background: #6db44b; border-color: #3a8814; }
.ui-btn.gray		{ background: #747681; border-color: #5f616c; }
.ui-btn.gray:hover	{ background: #5c5e6a; border-color: #4e505e; }
.ui-btn.white		{ background: #fefefe; border-color: #cacaca; color: #555; }
.ui-btn.white:hover	{ background: #efefef; border-color: #c1c1c1; }
.ui-btn.disable			{ background: #eaeaea; border-color: #e1e1e1; color: #999; cursor: default; }
.ui-btn.disable:hover	{ background: #eaeaea; border-color: #e1e1e1; }

.ui-gray-box					{ border: 5px solid #e1e2e3; padding: 10px; }

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

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

.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; }

.jconfirm-box																{ max-width: 300px; margin: 0 auto; border: 4px solid #34a4e1; }
.jconfirm-box .title-c														{ border-bottom: 1px solid #ccc; 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; }

.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; }


/** 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-form			{ position: relative; border-top: 3px solid #3c515a; overflow: hidden; }
.ui-form hr		{ display: block; position: relative; clear: both; margin: 0; padding: 0; border: none; height: 0px; border-bottom: 1px solid #e1e1e1 }
.ui-form dl		{ display: table; position: relative; width: 50%; float: left; min-height: 25px; line-height: 25px; margin-bottom: 0 !important; }
.ui-form dt		{ display: table-cell; position: relative; width: 100px; padding: 10px; font-weight: bold; color: #333 !important; font-size: 14px !important; }
.ui-form dd			{ display: table-cell; position: relative; vertical-align: top; padding: 10px; background: #fff; }
.ui-form dd input[type="text"],
.ui-form dd input[type="password"],
.ui-form dd textarea					{ width: 100%; }
.ui-form dd input[type="text"].m-small,
.ui-form dd input[type="password"].m-small	{ max-width: 100px; }
.ui-form dd input[type="text"],
.ui-form dd input[type="password"],
.ui-form dd textarea,
.ui-form dd select					{ height: 25px; border: 1px solid #ddd; padding: 0 5px; box-sizing: border-box; }
.ui-form dd textarea					{ height: 200px; padding: 5px; }

.ui-form dd label				{ margin-left: 5px; }
.ui-form dd label + input		{ margin-left: 10px; }

.ui-form dl.check input[type="button"],
.ui-form dl.addr input[type="button"]{ position: absolute; top: 11px; right: 10px; padding: 0; height: 25px; padding: 0 20px; background: #1b84be; border: 1px solid #1378b0; color: #fff; cursor: pointer; font-size: 12px; }
.ui-form dl.check #userid,
.ui-form dl.addr #addss		{ padding-right: 100px; }
.ui-form dl.addr #addss		{ margin-bottom: 5px; }

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

.ui-form dl.single		{ width: 100%; float: none; }
.ui-form dl.single dd	{ background: #fff; }
.ui-form dl.both	{ display: block; width: 100%; float: none; }
.ui-form dl.both dt,
.ui-form dl.both dd			{ display: block; }
.ui-form dl.both dt			{ width: auto; padding-bottom: 10px; background: #fafafa; border-bottom: 1px solid #e1e1e1;  }
.ui-form dl.both dt:after	{ bottom: 0; top: auto; left: 10px; width: 150px; height: 1px; }
.ui-form dl.both dd			{ padding: 10px;  background: #fff; }

.ui-form .buttonBox			{ padding: 15px 0; }

@media all and (max-width: 740px) { 
	.ui-form:before,
	.ui-form:after			{ display: none; }
	.ui-form hr				{ display: none; }
	.ui-form dl				{ display: block; width: 100%; float: none; border-bottom: 1px solid #e1e1e1; }
	.ui-form dl dt,
	.ui-form dl dd			{ display: block; }
	.ui-form dl dt			{ width: auto; padding-bottom: 10px; padding-top: 10px; background: #eaeaea; border-bottom: 1px solid #e1e1e1; line-height: 1.3em; }
	.ui-form dl dt:after		{ display: none; }
	.ui-form dl dd			{ padding: 10px; min-height: 30px; }

	.ui-form dl.both dt			{ background: #eaeaea;  }
}


.ui-data-list			{ width: 100%; padding:0; border-spacing:0px; border:0; border-collapse:collapse; border-top: 2px solid #3c515a; border-bottom: 1px solid #dadada; }
.ui-data-list thead th	{ background: #fafafa; height: 38px; border-bottom: 1px solid #dadada; }
.ui-data-list .empty		{ text-align: center; padding: 30px 0; }
.ui-data-list tbody td,
.ui-data-list tbody th			{ padding: 5px 10px; }
@media all and (max-width: 1000px) { .ui-data-list .num	{ display: none !important; } }
@media all and (max-width: 740px) { 
	.ui-data-list,
	.ui-data-list thead,
	.ui-data-list tbody,
	.ui-data-list tfoot,
	.ui-data-list tr,
	.ui-data-list td,
	.ui-data-list th					{ display: Block; }
	.ui-data-list .ta_N					{ display: none !important; }
	.ui-data-list .ta_Y					{ display: block !important; }
	.ui-data-list thead					{ display: none; }
	.ui-data-list tbody th				{ overflow: hidden; background: #fafafa; border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea; }
	.ui-data-list tbody th a			{ display: block; overflow: hidden; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; }
	.ui-data-list tbody td				{ position: relative; padding: 0 10px; line-height: 30px; padding-left: 100px; }
	.ui-data-list tbody td:before		{ content: attr(data-header); display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 80px; padding-right: 10px; border-right: 1px solid #dadada; }
	.ui-data-list tbody td.empty:before	{ display: none; }
	.ui-data-list .txt-center			{ text-align: left !important; }
}




/*************************************************************
	Viewer Style
**************************************************************/

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

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

.ui-data-viewer #board_item_list			{ position: relative; border-top: 1px solid #e1e1e1; background: #fff; }
.ui-data-viewer #board_item_list.no-top-line	{ border-top: none; }
.ui-data-viewer #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; }
.ui-data-viewer #board_item_list dl		{ display: table; position: relative; width: 50%; float: left; min-height: 25px; line-height: 25px; margin: 0; z-index: 1; }
.ui-data-viewer #board_item_list dt		{ display: table-cell; position: relative; width: 100px; padding: 10px; font-weight: bold; color: #333; font-size: 14px; font-wegiht: normal; }
.ui-data-viewer #board_item_list dd			{ display: table-cell; position: relative; vertical-align: top; padding: 10px; }
.ui-data-viewer #board_item_list dd input[type="text"],
.ui-data-viewer #board_item_list dd input[type="password"],
.ui-data-viewer #board_item_list dd textarea						{ width: 100%; }
.ui-data-viewer #board_item_list dd input[type="text"].small,
.ui-data-viewer #board_item_list dd input[type="password"].small	{ width: 30%; }
.ui-data-viewer #board_item_list dd input[type="text"],
.ui-data-viewer #board_item_list dd input[type="password"],
.ui-data-viewer #board_item_list dd textarea,
.ui-data-viewer #board_item_list dd select					{ height: 25px; border: 1px solid #ddd; padding: 0 5px; box-sizing: border-box; }
.ui-data-viewer #board_item_list dd textarea					{ height: 200px; padding: 5px; }

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

.ui-data-viewer #board_item_list dl.single		{ width: 100%; float: none; }
.ui-data-viewer #board_item_list dl.single dd	{ background: #fff; }

.ui-data-viewer #board_item_list dl.both	{ display: block; width: 100%; float: none; }
.ui-data-viewer #board_item_list dl.both dt,
.ui-data-viewer #board_item_list dl.both dd			{ display: block; }
.ui-data-viewer #board_item_list dl.both dt			{ width: auto; padding-bottom: 10px; background: #fafafa; border-bottom: 1px solid #e1e1e1;  }
.ui-data-viewer #board_item_list dl.both dt:after	{ bottom: 0; top: auto; left: 10px; width: 150px; height: 1px; }
.ui-data-viewer #board_item_list dl.both dd			{ padding: 10px;  background: #fff; }

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

.ui-data-viewer .buttonBox			{ padding: 15px 0; }

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

@media all and (max-width: 740px) { 
	.ui-data-viewer #board_item_list:before,
	.ui-data-viewer #board_item_list:after			{ display: none; }
	.ui-data-viewer #board_item_list hr				{ display: none; }
	.ui-data-viewer #board_item_list dl				{ display: block; width: 100%; float: none; border-bottom: 1px solid #e1e1e1; }
	.ui-data-viewer #board_item_list dl dt,
	.ui-data-viewer #board_item_list dl dd			{ display: block; }
	.ui-data-viewer #board_item_list dl dt			{ width: auto; padding-bottom: 10px; padding-top: 10px; background: #eaeaea; border-bottom: 1px solid #e1e1e1; line-height: 1.3em; }
	.ui-data-viewer #board_item_list dl dt:after		{ display: none; }
	.ui-data-viewer #board_item_list dl dd			{ padding: 10px; min-height: 30px; }

	.ui-data-viewer #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: 25px 0;  }
.pageNavi > *				{ display: inline-block; position: relative; padding: 8px 15px; 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:before	{ border: 4px solid #4666a6; }	



#survey_page	{ }
#survey_page header	{ background: #4666a6; 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: #4666a6; 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: #4666a6; }

#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: #4666a6; }


/*** 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; }
.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;  }
.ui-gallery li a p	{ position: absolute; bottom: 0; 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: 104px; background: #fafafa; border: 1px solid #e1e1e1; z-index: -1; }

@media all and (min-width: 1001px) {
	.ui-gallery li a img.pc_Y		{ display: inline !important; }
}
@media all and (min-width: 641px) and (max-width: 1000px) {
	.ui-gallery li a img.ta_Y		{ display: inline !important; }
}
@media all and (max-width:640px) {
	.ui-gallery li a img.mo_Y		{ display: inline !important; }
}





#page_user_agree textarea		{ box-sizing: border-box; width: 100%; height: 250px; border: 4px solid #e1e2e3; resize: none; padding: 10px; line-height: 1.5em; }
#page_user_agree fieldset		{ display: block; position: relative; text-align: right; padding-bottom: 30px; padding-top: 10px; }
#page_user_agree fieldset label	{ padding-left: 10px; }

/*사이트맵*/
.sitemap {}
.sitemap a {display:block; }
.sitemap > ul > li {float:left; width:33%;}
.sitemap > ul > li > a {background:#4666a6; color:#fff; border-radius:5px; width:90%; text-align:center; padding:10px 0; font-size:16px; font-weight:bold; margin-bottom:10px;}
.sitemap > ul > li > ul > li {margin-bottom:20px;}
.sitemap > ul > li > ul > li > a {background:#aaaaaa; color:#fff; border-radius:5px; width:80%; font-weight:bold; padding:5px 5%;}
.sitemap > ul > li > ul > li > ul > li {position: relative; padding:0; font-size:13px; color: #4d4d4d; padding:2px 0 2px 13px; line-height:20px; margin-left:10px;}
.sitemap > ul > li > ul > li > ul > li:before	{content: ""; display: block; position: absolute; width:6px; height:6px; background:#666; top:12px; margin-top:-3px; left: 0; border-radius:50%; }