@charset "utf-8";

body					{ min-width: 320px; overflow-y: scroll; background: #fbfbfb; }
.fix-layout				{ position: relative; max-width: 800px; margin: 0 auto; }
.fix-layout .fix-pad	{ max-width: 700px; margin: 0 auto; padding: 0 4.6875%; }
.fix-layout:after		{ content: ""; display: block; clear: both; width: 100%; }
.fix-layout.no-padding	{ padding: 0; }

select		{ padding-right: 0 !important; }

#wrap					{  }

.content-box			{ position: relative;  }
/* .content-box .title-bg	{ background-color: #eff0f4; } */
/* .content-box h1			{ padding: 20px 10px 30px; text-align: center; margin-top: 20px; border-top: 2px solid #000; font-size: 30px; font-family:'NanumS','돋움',Dotum,'굴림',Gulim,AppleGothic,Sans-serif; color:#333} */
/*ontent-box h1			{ padding: 60px 10px 60px; color: #1f48a6; text-align: center; margin-top: 20px; border-top: 2px solid #1f48a6; font-size: 30px; background: url('../img/bak_title.png') no-repeat 50% 50%; background-size: cover; font-family:'NanumS','돋움',Dotum,'굴림',Gulim,AppleGothic,Sans-serif; }*/
.content-box h1			{ padding: 30px 10px 30px; color: #4F4F4F; text-align: center; margin-top: 0px; border-top: 2px solid #009bfa; font-size: 30px; no-repeat 50% 50%; background-size: cover; font-family:'MALGUN','돋움',Dotum,'굴림',Gulim,AppleGothic,Sans-serif; letter-spacing: -0.05em;}
.content-box h1.noline	{ padding: 20px 10px 30px; text-align: center; margin-top: 0px; border: 0; font-size: 30px; }
.content-box > .box		{ border: 1px solid #c1c1c1; min-height: 500px; }

.content-box h2			{ padding: 10px; text-align: left; margin-top: 5px; font-size: 16px; font-weight: bold; letter-spacing: -0.06em;}

.content-box h2.print	{ padding: 10px; text-align: left; margin-top: 50px; border-bottom: 2px solid #000; font-family:'MALGUN','돋움',Dotum,'굴림',Gulim,AppleGothic,Sans-serif; font-size: 19px; font-weight: bold;}

@media all and (max-width: 820px) {
	.content-box			{ padding: 10px; }
	.content-box > .box		{  }
}
@media all and (max-width: 660px) {
	.content-box			{ padding: 0px; }
	.content-box > .box		{ border-width: 0; border-top-width: 1px; }
	.content-box h1			{ font-size: 25px; margin: 0; letter-spacing: -0.05em;}
}


#content_nav			{ display: table; width: 100%; font-family:'MALGUN','NanumSB','돋움',Dotum,'굴림',Gulim,AppleGothic,Sans-serif; color:#333}
#content_nav a			{ display: table-cell; width: 33.33%; height: 70px; text-align: center; vertical-align: middle; font-size: 18px; color: #fbfbfb; background: #34a6ec; word-break: keep-all; word-wrap: break-word; padding: 15px; box-sizing: border-box; }
#content_nav a + a		{ border-left: 1px solid #c1c1c1; }
#content_nav a.on		{ backgrounD: #fbfbfb; color: #000000; border-left-width: 0; }
#content_nav a.on + a	{ border-left-width: 0; }

@media all and (max-width: 600px) {
	#content_nav a	{ font-size: 16px; height: 65px; }
}
@media all and (max-width: 500px) {
	#content_nav a	{ font-size: 14px; height: 45px; }
}

.content input[type="radio"],
.content input[type="checkbox"]		{ display: none; }

.content						{ /*padding-top: 35px*/ !important; padding-bottom: 35px !important; }
.content h2						{ font-size: 18px; margin-bottom: 5px; font-family:'MALGUN','NanumS','돋움',Dotum,'굴림',Gulim,AppleGothic,Sans-serif; color:#333}
.content h2:before				{ content: ""; display: inline-block; width: 12px; height: 12px; vertical-align: middle; box-sizing: border-box; border: 3px solid #6b6b6b; background: #fff; border-radius: 9.0em; margin-right: 10px; }
.content h2.small				{ font-size: 18px; font-weight: 600; line-height: 30px; margin-top: 20px; margin-bottom: 5px; }
.content h2.small:before		{ margin-right: 5px; }
.content h2 em					{ color: #ff3232; }

.content h2 .icon					{ float: right; display: block; width: 30px; height: 30px; background: url('../img/splite_check_icon1.png') no-repeat 0 100%; overflow: hidden; text-indent: -999px; }
.content h2 input:checked + .icon	{ background-position: 100% 100%; }

.content table.list					{ width: 100%; border-top: 2px solid #000; }
.content table.list thead			{ font-size: 15px; }
.content table.list thead td,
.content table.list thead th		{ height: 55px; border-bottom: 1px dashed #eeeeee; background: #ffffff; color: #000; }
.content table.list tbody			{ font-size: 14px; }
.content table.list tbody td		{ padding: 15px 20px; border-bottom: 1px solid #ececec; color: #8b8b8b; text-align:center;}
.content table.list tbody td a		{  }
.content table.list tbody td span	{  }
.content table.list tbody tr:nth-child(even) td	{ background: #fff; }

@media all and (max-width: 560px) {
	.content table.list					{ width: 100%; border-top: 2px solid #000; }
	.content table.list thead			{ font-size: 15px; }
	.content table.list thead td,
	.content table.list thead th		{ height: 55px; border-bottom: 1px dashed #eeeeee; background: #ffffff; color: #000; font-size: 1.2rem}
	.content table.list tbody			{ font-size: 14px; }
	.content table.list tbody td		{ padding: 15px 20px; border-bottom: 1px solid #ececec; color: #8b8b8b; text-align:center; font-size: 0.9rem;}
	.content table.list tbody td a		{  }
	.content table.list tbody td span	{  }
	.content table.list tbody tr:nth-child(even) td	{ background: #fff; }
}

.paging					{ padding: 30px 0; text-align: center; font-size: 15px; }
.paging > *				{ display: inline-block; vertical-align: middle; position: relative; line-height: 30px; min-width: 30px; height: 30px; background: #fff; text-align: center; color: #a9a9a9;}
.paging > *:before		{ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #e7e7e7;  }
.paging > *.now			{ color: #000; font-weight: 600; }
.paging > *.now:after	{ content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; z-index: 1; background: #000000; }
.paging .first			{ overflow: hidden; text-indent: -999px; background: url('../img/btn_paging_first.png') no-repeat 50% 50% #fff; }
.paging .prev			{ overflow: hidden; text-indent: -999px; background: url('../img/btn_paging_prev.png') no-repeat 50% 50% #fff; }
.paging .next			{ overflow: hidden; text-indent: -999px; background: url('../img/btn_paging_next.png') no-repeat 50% 50% #fff; }
.paging .last			{ overflow: hidden; text-indent: -999px; background: url('../img/btn_paging_last.png') no-repeat 50% 50% #fff; }



.tab-group						{ border: 1px solid #dddddd; margin-bottom: 25px; font-family: 'MALGUN','dotum'; }
.tab-group .tab-nav				{ display: table; width: 100%; border-bottom: 1px solid #dddddd; }
.tab-group .tab-nav a			{ display: table-cell; width: 33.33%; height: 52px; text-align: center; vertical-align: middle; font-size: 13px; color: #a4a4a4; word-break: keep-all; word-wrap: break-word; padding: 5px; box-sizing: border-box; }
.tab-group .tab-nav a.on		{ color: #000000; background: #fff; }
.tab-group .tab-nav a + a		{ border-left: 1px solid #ddd; }
.tab-group .tab-content-box		{ background: #fff;  overflow: auto; font-size: 12px;  color:#000; padding: 15px; line-height: 1.5em; height: 50px; box-sizing: border-box; }

.tab-group .tab-descript		{ background: #fff; border-top: 1px solid #ddd; padding: 15px; line-height: 1.2em; }
.tab-group .tab-descript p		{ color: #808080; font-size: 13px; }
.tab-group .tab-descript .title	{ color: #000; font-size: 12px; margin-bottom: 5px; }
.tab-group .tab-descript input[type="checkbox"] { display:inline; width: 20px;}

.tab-group .tab-content			{ display: none; }
.tab-group .tab-content.on		{ display: block; }

@media all and (max-width: 560px) {
	.tab-group						{ border: 1px solid #dddddd; margin-bottom: 25px; }
	.tab-group .tab-nav				{ display: table; width: 100%; border-bottom: 1px solid #dddddd; }
	.tab-group .tab-nav a			{ display: table-cell; width: 33.33%; height: 52px; text-align: center; vertical-align: middle; font-size: 12px; color: #a4a4a4; word-break: keep-all; word-wrap: break-word; padding: 3px; box-sizing: border-box; }
	.tab-group .tab-nav a.on		{ color: #000000; background: #fff; }
	.tab-group .tab-nav a + a		{ border-left: 1px solid #ddd; }
	.tab-group .tab-content-box		{ background: #fff;  overflow: auto; font-size: 12px; font-family: 'dotum'; color:#000; padding: 15px; line-height: 1.5em; height: 50px; box-sizing: border-box; }

	.tab-group .tab-descript		{ background: #fff; border-top: 1px solid #ddd; padding: 15px; line-height: 1.0em;  font-size: 12px;}
	.tab-group .tab-descript p		{ color: #808080; }
	.tab-group .tab-descript .title	{ color: #000; font-size: 12px; margin-bottom: 5px; }
	.tab-group .tab-descript input[type="checkbox"] { display:inline; width: 20px;}

	.tab-group .tab-content			{ display: none; }
	.tab-group .tab-content.on		{ display: block; }
}

/*인쇄*/
table.print						{ border:0; width: 100%; background: #fff;  }
table.print th,
table.print td					{ padding: 10px; text-align:center; }
table.print td.both				{ border-left : 1px solid darkgray; border-right: 1px solid darkgray; }
table.print .tline				{ border-top: 3px solid #000; }
table.print tr 					{ border-bottom: 1px solid darkgray; }
table.print tr + tr th,
table.print tr + tr td			{ text-align: center;}
table.print th					{ color: #757575; font-weight: 400; font-size: 14px; padding-left: 0; padding-right: 0; line-height: 20px; background-color: #f7f7f7;}
table.print th.right			{ border-right: 1px solid darkgray; }
table.print th.both				{ border-left : 1px solid darkgray; border-right: 1px solid darkgray; }
table.print th.v-top			{ vertical-align: top; }


/*글쓰기 폼*/
table.form						{ width: 100%; background: #fff; border: 1px solid #dddddd; font-family:'MALGUN','NanumSB','돋움',Dotum,'굴림'; }
table.form th,
table.form td					{ padding: 10px; }
table.form tr + tr th,
table.form tr + tr td			{ border-top: 1px dashed #bbbbbb; }
table.form th					{ color: #757575; font-weight: 600; font-size: 13px; padding-left: 0; padding-right: 0; line-height: 35px; }
table.form th.v-top				{ vertical-align: top; }
table.form th label				{ display: inline-block; position: relative; padding-left:0; min-width: 90px; text-align: left;}
table.form th label:before		{ content: ""; display: block; position: absolute; top: 28%; left: 0; margin-top: -10px; font-size: 30px; color: #c7c7c7; }

table.form input[type="text"],
table.form input[type="password"],
table.form select					{ height: 35px; color:#000; border: 1px solid #eeeeee; box-sizing: border-box; }
table.form input[type="password"]	{ font-family: 'dotum'; }
table.form input[type="text"].full,
table.form input[type="password"].full,
table.form select.full				{ width: 100%; }
table.form input[type="text"],
table.form input[type="password"],
table.form select					{ padding: 0 15px; }
table.form select					{ background: #fbfbfb;}
table.form textarea					{ border: none; width: 100%; background: #fbfbfb; height: 110px; resize: none; padding: 15px; box-sizing: border-box; }

table.form .frm-name						{ display: block; position: relative; }
table.form .frm-name input[type="text"]		{ display: block; }
table.form .frm-name em						{ display: none; position: absolute; top: 0; bottom: 0; right: 20px; line-height: 35px; color: #ff3232; }
table.form .frm-name input[value=""] + em	{ display: block; }

table.form .frm-radio-button								{ display: block; }
table.form .frm-radio-button label							{ display: block; position: relative; width: 25%; float: left; height: 35px; line-height: 35px; text-align: center; box-sizing: border-box; z-index: 0; color: #a4a4a4; letter-spacing: -0.05em; }
table.form .frm-radio-button label:before					{ content: ""; display: block; position: absolute; top: 0; bottom: -1px; left: -1px; right: 0; border: 1px solid #dddddd;}
table.form .frm-radio-button input:checked + label			{ z-index: 1;  color: #34a6ec; }
table.form .frm-radio-button input:checked + label:before	{ border-color: #34a6ec; }
table.form .frm-radio-button.gender label					{ width: 50%; }

table.form .frm-radio-check									{ display: inline-block;}
table.form .frm-radio-check label							{ position:relative; display:inline-block; white-space: nowrap;}
table.form .frm-radio-check label:before					{ content: ""; display: inline-block; width: 17px; height: 17px; background: url('../img/splite_check_icon1.png') no-repeat -19px 0; vertical-align: middle; margin-right: 5px; }
table.form .frm-radio-check input:checked + label			{ color: #34a6ec; }
table.form .frm-radio-check input:checked + label:before	{ background-position: 0 0; }

table.form .frm-jumin			{ border: 1px solid #eeeeee; }
table.form .frm-jumin input		{ display: block; border: none; width: 45%; float: left; text-align: center; letter-spacing: 0.5em; }
table.form .frm-jumin i			{ display: block; width: 10%; float: left; text-align: center; line-height: 35px; }

table.form .frm-hp span					{ display: block; position: relative; width: 33.33%; float: left; overflow: hidden; }
table.form .frm-hp span input,
table.form .frm-hp span select			{ width: 80%; }
table.form .frm-hp span:before			{ content: "-"; display: block; position: absolute; top: 0; right: 0; width: 20%; text-align: center; bottom: 0; line-height: 35px; }
table.form .frm-hp span.last:before		{ display: none; }

table.form .frm-addr p				{ position: relative; max-width: 220px; width: 100%; box-sizing: border-box; padding-right: 90px; }
table.form .frm-addr p + p			{ margin-top: 10px; max-width: 100%; padding-right: 0; }
table.form .frm-addr input			{ width: 100%; }
table.form .frm-addr button			{ display: block; position: absolute; top: 0; right: 0; width: 90px; bottom: 0; background: #545454; color: #fff; }

table.form .frm-school				{ position: relative; box-sizing: border-box; padding-right: 90px; }
table.form .frm-school input		{ width: 100%; }
table.form .frm-school button		{ display: block; position: absolute; top: 0; right: 0; width: 90px; bottom: 0; background: #545454; color: #fff; }

table.form.bak							{ border-top: 2px solid #000; }
table.form.bak th						{ background: #fbfbfb; color: #757575; font-weight: 600; text-align: center; }
table.form.bak th label					{ display: inline-block; min-width: 0; padding-left: 0; }
table.form.bak th label:before			{ display: none; }
table.form.bak th label.icon:before		{ content: ""; display: inline-block; position: relative; top: auto; left: auto; margin-right: 5px; margin-top: 0; width: 17px; height: 19px; background: url('../img/ico_form_name.png') no-repeat 50% 50%; vertical-align: middle; }

.form-text		{ text-align: right; padding: 10px 20px 20px 0px ; font-size: 12px; color: #000; font-weight: 400; font-family: 'MALGUN','NanumS','돋움',Dotum,'굴림',Gulim,AppleGothic,Sans-serif; }
.form-text em	{ color: #009bfa; }
.form-text sup	{ font-size: 1.0em; vertical-align: middle; color: #a4a4a4; }

.frm-side							{ text-align: right; }
.frm-side input[type="text"],
.frm-side input[type="password"],
.frm-side select					{ height: 35px; color:#000; border: 1px solid #D9D9D9; box-sizing: borer-box; }

.form-button				{ text-align: center; padding-top: 30px; }
.form-button button			{ width: 100px; height: 46px; color: #fff; background: #34a6ec; font-size: 15px; font-weight: 600; font-family: 'MALGUN','NanumS','돋움',Dotum,'굴림',Gulim,AppleGothic,Sans-serif; }

@media all and (max-width: 560px) {
	/*글쓰기 폼*/
	table.form						{ width: 100%; background: #fff; border: 1px solid #dddddd; font-family:'MALGUN','NanumSB','돋움',Dotum,'굴림'; }
	table.form th,
	table.form td					{ padding: 10px; font-size: 12px;}
	table.form tr + tr th,
	table.form tr + tr td			{ border-top: 1px dashed #bbbbbb; }
	table.form th					{ color: #757575; font-weight: 400; font-size: 12px; padding-left: 0; padding-right: 0; line-height: 35px; }
	table.form th.v-top				{ vertical-align: top; }
	table.form th label				{ display: inline-block; position: relative; padding-left: 0px; min-width: 60px; text-align: left; }
	table.form th label:before		{ content: ""; display: block; position: absolute; top: 28%; left: 0; margin-top: -10px; font-size: 30px; color: #c7c7c7; }

	table.form input[type="text"],
	table.form input[type="password"],
	table.form select					{ height: 35px; color:#000; border: 1px solid #eeeeee; box-sizing: border-box; }
	table.form input[type="password"]	{ font-family: 'dotum'; }
	table.form input[type="text"].full,
	table.form input[type="password"].full,
	table.form select.full				{ min-width: 230px; }
	table.form input[type="text"],
	table.form input[type="password"],
	table.form select					{ padding: 0 15px; }
	table.form select					{ background: #fbfbfb;}
	table.form textarea					{ border: none; width: 100%; background: #fbfbfb; height: 110px; resize: none; padding: 15px; box-sizing: border-box; min-width: 230px}

	table.form .frm-name						{ display: block; position: relative; }
	table.form .frm-name input[type="text"]		{ display: block; }
	table.form .frm-name em						{ display: none; position: absolute; top: 0; bottom: 0; right: 20px; line-height: 35px; color: #ff3232; }
	table.form .frm-name input[value=""] + em	{ display: block; }

	table.form .frm-radio-buttongender frm-radio-button			{ display: block; min-width: 200px}
	table.form .frm-radio-button label							{ display: block; position: relative; width: 25%; float: left; height: 35px; line-height: 35px; text-align: center; box-sizing: border-box; z-index: 0; color: #a4a4a4; letter-spacing: -0.05em; }
	table.form .frm-radio-button label:before					{ content: ""; display: block; position: absolute; top: 0; bottom: -1px; left: -1px; right: 0; border: 1px solid #dddddd; }
	table.form .frm-radio-button input:checked + label			{ z-index: 1;  color: #34a6ec; }
	table.form .frm-radio-button input:checked + label:before	{ border-color: #34a6ec; }
	table.form .frm-radio-button.gender label					{ width: 50%; }

	table.form .frm-radio-check									{ display: block; }
	table.form .frm-radio-check label							{ display: inline-block; position: relative; height: 35px; line-height: 35px; z-index: 0; color: #a4a4a4; letter-spacing: -0.05em; margin-right: 5px; float:left; }
	table.form .frm-radio-check label:before					{ content: ""; display: inline-block; width: 17px; height: 17px; background: url('../img/splite_check_icon1../img/splite_check_icon.png') no-repeat -19px 0; vertical-align: middle; margin-right: 5px; }
	table.form .frm-radio-check input:checked + label			{ color: #34a6ec; }
	table.form .frm-radio-check input:checked + label:before	{ background-position: 0 0; }

	table.form .frm-jumin			{ border: 1px solid #eeeeee; }
	table.form .frm-jumin input		{ display: block; border: none; width: 45%; float: left; text-align: center; letter-spacing: 0.5em; }
	table.form .frm-jumin i			{ display: block; width: 10%; float: left; text-align: center; line-height: 35px; }

	table.form .frm-hp span					{ display: block; position: relative; width: 33.33%; float: left; overflow: hidden; }
	table.form .frm-hp span input,
	table.form .frm-hp span select			{ width: 80%; }
	table.form .frm-hp span:before			{ content: "-"; display: block; position: absolute; top: 0; right: 0; width: 20%; text-align: center; bottom: 0; line-height: 35px; }
	table.form .frm-hp span.last:before		{ display: none; }

	table.form .frm-addr p				{ position: relative; max-width: 220px; width: 100%; box-sizing: border-box; padding-right: 90px; }
	table.form .frm-addr p + p			{ margin-top: 10px; max-width: 100%; padding-right: 0; }
	table.form .frm-addr input			{ width: 100%; }
	table.form .frm-addr button			{ display: block; position: absolute; top: 0; right: 0; width: 90px; bottom: 0; background: #545454; color: #fff; }

	table.form .frm-school				{ position: relative; box-sizing: border-box; padding-right: 90px; }
	table.form .frm-school input		{ width: 100%; }
	table.form .frm-school button		{ display: block; position: absolute; top: 0; right: 0; width: 90px; bottom: 0; background: #545454; color: #fff; }

	table.form.bak							{ border-top: 2px solid #000; }
	table.form.bak th						{ background: #fbfbfb; color: #757575; font-weight: 600; text-align: center; }
	table.form.bak th label					{ display: inline-block; min-width: 0; padding-left: 0; }
	table.form.bak th label:before			{ display: none; }
	table.form.bak th label.icon:before		{ content: ""; display: inline-block; position: relative; top: auto; left: auto; margin-right: 5px; margin-top: 0; width: 17px; height: 19px; background: url('../img/ico_form_name.png') no-repeat 50% 50%; vertical-align: middle; }

	.form-text		{ text-align: right; padding: 20px 0; font-size: 12px; color: #000; font-weight: 600; }
	.form-text em	{ color: #009bfa; }
	.form-text sup	{ font-size: 1.0em; vertical-align: middle; color: #a4a4a4; }

	.frm-side							{ text-align: right; }
	.frm-side input[type="text"],
	.frm-side input[type="password"],
	.frm-side select					{ height: 35px; color:#000; border: 1px solid #a4a4a4; box-sizing: border-box; }

	.form-button				{ text-align: center; }
	.form-button button			{ width: 100px; height: 46px; color: #fff; background: #000000; font-size: 14px; font-weight: 600; }

	.button-modiy			{ width: 200px; height: 46px; color: #fff; background: #585858; font-size: 14px; font-weight: 600; padding: 10px;}
}

@media all and (max-width: 590px) {
	table.form			{ display: block; }
	table.form tbody	{ display: block; }
	table.form tr		{ display: block; }
	table.form th,
	table.form td		{ /*display: block;*/ border-top: 0 !important; }
	table.form tr + tr	{ border-top: 1px dashed #eeeeee; }

	table.form th		{ padding-bottom: 0; text-align: left; padding-left: 15px; }
	/* table.form td		{ padding-top: 0; } */

	table.form.bak th		{ padding: 10px 15px; text-align: left; }
	table.form.bak td		{ padding-top: 15px; }
}
@media all and (max-width: 460px) {
	table.form .frm-radio-button label	{ width: 33.33%; }
}
@media all and (max-width: 390px) {
	table.form .frm-hp span					{ display: block; position: relative; width: 33.33%; float: left; overflow: hidden; }
	table.form .frm-hp span input,
	table.form .frm-hp span select			{ width: 80%; }
	table.form .frm-hp span:before			{ content: "-"; display: block; position: absolute; top: 0; right: 0; width: 20%; text-align: center; bottom: 0; line-height: 35px; }
	table.form .frm-hp span.last:before		{ display: none; }
}