@charset "utf-8";
@import url('layout.css');

input[type='text'], input[type='password'], input[type='file'], textarea, select{vertical-align:middle;}
.txt-l{text-align:left !important;}
.txt-c{text-align:center !important;}
.txt-r{text-align:right !important;}
/* [s] btnBox */
.btnR, .btnL, .btnC {margin-top:30px}
.btnC.type2 {margin-top:80px}
.btnR {text-align:right;}
.btnL {text-align:left;}
.btnC {text-align:center;}
.btnR a, .btnL a, .btnC a {display:inline-block;}
.pointTxt + .btnR {margin-top:-30px}
.blt01 + .btnR {margin:-50px 0 10px}
.wd45{width:45% !important;}
@media screen and (max-width:1016px) {
	.pointTxt + .btnR {margin-top:10px}
}
@media screen and (max-width:716px) {
	.btnR, .btnL, .btnC {margin-top:15px}
	.btnC.type2 {margin-top:40px}
}
/*--[e] btnBox */

/* [s] btn */
.btn, .btn2 {
	display:inline-block;
	text-align:center;
	color:#fff !important;
	vertical-align:top;
	background-color:#666;
	max-width:100%;
	min-width:120px;
	border:none;
	box-sizing:border-box;
}
.btn > span {display:inline-block; vertical-align: top; color:#fff !important; line-height:16px; padding-right:20px;}
.btn {
	height:40px;
	padding:10px;
}
.btn2 {
	border-radius:2px;
	background-color:#999;
	min-width:70px;
	height:auto;
	padding:2.5px 4px;
}
.btnDown {padding:12px 20px;}
.btnDown > span {background:url('../img/btn/down.png') no-repeat right center;}
.btnLink {background-color:#006dc9;}
.btnLink > span {display:inline-block; line-height:20px; padding-right:30px; background:url('../img/btn/link2.png') no-repeat right center;}
.btnMovie {
	color:#fff;
	background:url('../img/btn/movie2.png') no-repeat 21px center #006dc9;
	padding:23px 27px 23px 82px;
}
.btnSearch {
	display:inline-block;
	width:30px;
	height:30px;
	background:url('../img/btn/search.png') no-repeat center center;
	background-size:100% auto;
	text-indent:-99999px;
}
.btnMore {
	display:inline-block;
	padding-right:15px;
	background:url('../img/btn/more.png') no-repeat right center;
	color:#333;
	font-size:14px;
	line-height:14px;
}
.btnMore2 {
	display:inline-block;
	border:1px solid #333;
	padding:0 26px;
	line-height:38px;
}
.btnMore2 > span {
	color:#333;
	background:url('../img/btn/more2.png') no-repeat right center;
	font-size:15px;
	padding-right:27px;
}
.btnBl {background-color:#333;}
.btnBl2 {background-color:#666;}
.btnBl3 {background-color:#fff; border:1px solid #333; color:#333 !important;}
.btnB {background-color:#006dc9;}
.btnM {background-color:#2495f5;}
@media screen and (max-width:716px) {
	.btn {padding:10px 6px; min-width:80px; height:auto;font-size:13px}
	.btnBl3 {padding:9px 6px}
	.btnDown {padding:6px;}
	.btnMovie {
		background-size:20px auto;
		background-position:10px center;
		padding:10px 10px 10px 40px;
	}
}
/*--[e] btn */

/* [s] dotList */
.dotList01 > li, .dotList02 > li, .dotList03 > li, .dotList06 > li:first-child, .dotList07 > li:first-child, .dotList06 > li > ul > li > ul > li:first-child {text-align:left;}
.dotList01 > li:first-child {margin-top:0}
.dotList01 > li {
	font-size:18px;
	line-height:20px;
	color:#333;
	font-weight:bold;
	padding-left:22px;
	background:url('../img/blt/blt01.png') no-repeat 0 0;
	margin:50px 0 21px;
}
.dotList02, .dotList03 {margin-top:-10px}
.dotList02 > li, .dotList06 > li > ul > li > ul > li {
	padding-left:11px;
	background:url('../img/blt/blt02.png') no-repeat 0 5px;
	line-height:16px;
	margin-top:10px;
}
.dotList03 > li {
	padding-left:11px;
	background:url('../img/blt/blt03.png') no-repeat 0 5px;
	line-height:16px;
	margin-top:10px;
}
.dotList04 > li {
	padding-left:11px;
	background:url('../img/blt/blt04.png') no-repeat 0 5px;
	line-height:16px;
	margin-top:10px;
}
.dotList05 {margin-top:5px}
.dotList05 li {
    padding-left:8px;
	background:url('../img/blt/blt05.png') no-repeat 0 7px;
	line-height:24px;
    margin-left:13px;
}
.dotList06 > li {
	padding-left:8px;
	background:url('../img/blt/blt06.png') no-repeat 0 7px;
	line-height:18px;
	margin-top:8px;
}
.dotList06 > li strong {font-weight:normal; color:#333; display:block}
.dotList07 > li, .dotList06 > li > ul > li {
	padding-left:9px;
	background:url('../img/blt/blt07.png') no-repeat 0 10px;
	line-height:20px;
	margin-top:7px;
}
.dotList06 .pointTxt {margin-top:5px}
.olList > li {margin-top:5px;}
/*--[e] dotList */

/* [s] blt */
.blt01:first-child, .blt06:first-child {margin-top:0}
.blt01, .blt02, .blt03, .blt05 {text-align:left;}
.blt01 + .txtBox > .blt05:first-child {margin-top:0}
.blt01 {
	font-size:18px;
	line-height:20px;
	color:#333;
	font-weight:bold;
	padding-left:22px;
	background:url('../img/blt/blt01.png') no-repeat 0 0;
	margin:50px 0 21px;
}
.blt01 span {color:#333; font-size:18px}
.blt01 + .txtBox {padding-left:20px}
.blt02 {
	padding-left:11px;
	background:url('../img/blt/blt02.png') no-repeat 0 5px;
	line-height:16px;
	margin-top:10px;
}
.blt03:first-child, .blt04:first-child {margin-top:0}
.blt03 {
	padding-left:11px;
	background:url('../img/blt/blt03.png') no-repeat 0 5px;
	line-height:16px;
	margin-top:10px;
}
.blt04 {
	padding-left:11px;
	background:url('../img/blt/blt04.png') no-repeat 0 5px;
	line-height:16px;
	margin-top:10px;
}
.blt05 {
	padding-left:18px;
	background:url('../img/blt/blt05.png') no-repeat 0 2px;
	line-height:18px;
	font-size:16px;
	font-weight:bold;
	color:#333;
	margin:40px 0 18px;
	text-align:left;
}
.blt06 {
	padding-left:8px;
	background:url('../img/blt/blt06.png') no-repeat 0 10px;
	line-height:18px;
	margin-top:8px;
}
.blt07 {
	padding-left:9px;
	background:url('../img/blt/blt07.png') no-repeat 0 10px;
	line-height:20px;
	margin-top:7px;
}
.bltNumber:first-child, .bltNumberList > li:first-child {margin-top:0}
.bltNumber, .bltNumberList > li {margin-top:10px; text-indent:-27px; padding-left:27px}
.bltNumber > span, .bltNumberList > li > span {
	display:inline-block;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#fff;
	background:#333;
	border-radius:100%;
	font-size:13px;
	margin-right:7px;
	vertical-align:middle;
	text-indent:0;
}
@media screen and (max-width:716px) {
	.blt01 {margin-top:30px;}
	.blt05 {margin:20px 0 10px;}
	.blt01 + .txtBox {padding-left:10px}
}
/*--[e] blt */

/* [s] tabList */
.tabList01 {margin-left:-5%; font-size:0;}
.tabList01 li {
	display:inline-block;
	width:15%;
	margin-left:5%;
}
.tabList01.cnt2 li {width:50%}
.tabList01.cnt7 li {width:14.28%}
.tabList01 li > a {
	display:block;
	line-height:36px;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	color:#ccc;
	letter-spacing:-1px;
}
.tabList01 li.on > a {
	border-bottom:3px solid #006dc9;
	color:#006dc9;
}
.tabListBox + .historyCont {margin-top:50px}
.tabList02 > li {
	float:left;
	width:50%;
}
.tabList02.cnt7 > li {width:14.28%}
.tabList02 > li > a {
	display:block;
	height:50px;
	line-height:48px;
	color:#999;
	border:1px solid #ddd;
	font-size:16px;
	text-align:center;
}
.tabList02 > li.on > a {
	color:#fff;
	background-color:#006dc9;
	border-color:#006dc9;
}
@media screen and (max-width:1216px) {
	.tabList01 {min-width:1007px}
	.tabListBox {white-space:nowrap; overflow-x:auto; overflow-y:hidden}
}
@media screen and (min-width:1017px) {
	.tabList02 > li:first-child > a {border-left:1px solid #ddd}
	.tabList02 > li > a {border-left:none;}
}
@media screen and (max-width:1016px) {
	.tabList01 {min-width:800px; margin-left:-3%}
	.tabList01.cnt7 li {width:33.33%}
	.tabList01 li {
		width:17%;
		margin-left:3%;
	}
	.tabList01 li > a {
		line-height:30px;
		font-size:25px;
	}
	.tabList01 li.on > a {border-width:2px;}
	.tabList02.cnt7 > li {width:25%; padding:1px}
}
@media screen and (max-width:716px) {
	.tabListBox + .historyCont {margin-top:20px}
	.tabList01.cnt7 li {width:50%}
	.tabList02 > li > a {
		height:40px;
		line-height:38px;
		font-size:15px;
	}
	.tabList02.cnt7 > li {width:33.33%;}
}
@media screen and (max-width:500px) {
	.tabList01 {min-width:550px;}
	.tabList01 li > a {line-height:25px; font-size:20px;}
	.tabList02.cnt7 > li {width:50%;}
}
/*--[e]tabList */

/* [s] table */
.blt01 + .caption {margin:-41px 0 21px}
.caption {text-align:right; font-size:14px; margin:20px 0 10px}

@media screen and (max-width:768px){
	.caption{font-size:12px;}
}

	/* .tbType01 */
.tbType01 tr.notice {background:#ecf7fb}

.tbType01.qna tr {cursor: pointer;}
.tbType01.qna .a {display:none; background-color:#f2f2f2;}
.tbType01.qna .a td {vertical-align:top;}

	/* .tbType02 */
.tbType02 {border-top:1px solid #ddd; border-right:1px solid #ddd;}
.tbType02 th {background-color:#f2f2f2; color:#333}
.tbType02 th, .tbType02 td {
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	padding:10px 5px;
	text-align:center;
	vertical-align:middle;
	word-break:break-all;
}
.tbType02.type2 th, .tbType02.type2 td {padding:10px}
.tbType02 tfoot th, .tbType02 tfoot td {font-weight:bold; color:#333}
.tbType02.type3 th, .tbType02.type3 td {text-align:center !important}
.tbType02.type4 td {text-align:left;}
.tbType02.type4 td input {width:100%;}
.tbType02.tbTypeMobile .m_block{vertical-align:middle}
@media screen and (max-width:768px){
	.tbType02.mobile-scroll{overflow-x:auto;}
	.tbType02.mobile-scroll table{min-width:550px;}
}
@media screen and (max-width:716px) {
	.blt01 + .caption {margin:-10px 0 10px}
	.tbType01 th, .tbType01 td {padding:10px 3px; font-size:14px}
	.tbType02 th, .tbType02 td {width:100%;padding:7px 5px; font-size:14px}
	.tbType02.tbTypeMobile{overflow-x:auto}
	.tbType02.tbTypeMobile table{table-layout:auto}
	.tbType02.tbTypeMobile .m_block{display:block}
}
@media screen and (max-width:340px) {
	.tbType01 th, .tbType01 td, .tbType02 th, .tbType02 td {padding:5px 2px; font-size:13px}
}
/*--[e] table */

.wd-8p {width:8%;}
.wd-9p {width:9%;}
.wd-10p {width:10%;}
.wd-12p {width:12%;}
.pc_none,.pc_none_tp2{display:none !important}
@media screen and (max-width:716px) {
	.tbType01 thead {display:none;}
	.tbType01 .num {display:none;}
	.tbType01 tbody tr td {border:0;padding:0;}
	.tbType01 tbody tr {border-bottom:1px solid #ddd;}
	.tbType01 .subject {display:inline-block;width:88%;padding:10px 0 5px;text-align:left;font-size:16px;}
	.tbType01 .upfile {display:inline-block;width:10%;}
	.tbType01 .write {padding-left:5px;}
	.tbType01 .data,
	.tbType01 .cate,
	.tbType01 .write,
	.tbType01 .read {display:inline-block;padding-bottom:10px;text-align:left;}

	.tbType01 .data:after,
	.tbType01 .write:after{display:inline-block;width:1px;height:12px;background:#ddd;margin:0 5px;content:'';}

	.tbType01.qna tbody tr td {padding:10px;}
	.tbType01.qna tbody tr td img {max-width:20px;}
	.tbType01.qna tbody tr td.icon {width:28px;}
	.tbType01.qna tbody tr td.hit {width:45px;}
	.tbType01.qna tbody tr td.year {width:100px;}

	.tbType02.memb_type3 table thead{display:none}
	.tbType02.memb_type3 table tr td input[type='text']{width:95%;height:30px;margin:5px auto;}
 	.tbType02.memb_type3 td{display:block;}
 	.tbType02.memb_type3 td:before{background:#f2f2f2;padding:7px}
	.tbType02.memb_type3 td.th01:before{content:"직위";display:block;margin:5px 0;clear:both}
	.tbType02.memb_type3 td.th02:before{content:"성명";display:block;margin:5px 0;clear:both}
	.tbType02.memb_type3 td.th03:before{content:"주요경력";display:block;margin:5px 0;clear:both}
	.tbType02.memb_type3 td.th04:before{content:"TEL";display:block;margin:5px 0;clear:both}
	.tbType02.memb_type3 td.th05:before{content:"품 목";display:block;margin:5px 0;clear:both}
	.tbType02.memb_type3 td.th06:before{content:"매 출 액(단위 : 백만원)";display:block;margin:5px 0;clear:both}
	.tbType02.memb_type3 td.th07:before{content:"구성비";display:block;margin:5px 0;clear:both}
	.tbType02.memb_type3 td.th08:before{content:"비 고";display:block;margin:5px 0;clear:both}

	.tbType02.memb_type3 td.th09:before{content:"재직기관/재직중";display:block;margin:5px 0;clear:both}
	.tbType02.memb_type3 td.th10:before{content:"근무처";display:block;margin:5px 0;clear:both}
	.tbType02.memb_type3 td.th11:before{content:"직위";display:block;margin:5px 0;clear:both}
	.tbType02.memb_type3 td.th12:before{content:"담당업무";display:block;margin:5px 0;clear:both}
	.tbType02.memb_type3 td.th13:before{content:"행추가";display:block;margin:5px 0;clear:both}

	.tbType02.memb_type3 td.th14:before{content:"근무지";display:block;margin:5px 0;clear:both}
	.tbType02.memb_type3 td.th15:before{content:"업 종";display:block;margin:5px 0;clear:both}
	.tbType02.memb_type3 td.th16:before{content:"부 서";display:block;margin:5px 0;clear:both}
	.tbType02.memb_type3 td.th17:before{content:"직 급";display:block;margin:5px 0;clear:both}
	.tbType02.memb_type3 td.th18:before{content:"근무기간/재직중";display:block;margin:5px 0;clear:both}
	.pc_none{display:block !important}
	.pc_none_tp2{display:inline-block !important}

	.tbType01.expert tbody tr td {text-align:left;padding:0;font-size:15px;}
	.tbType01.expert tbody tr td.subject {display:inline-block;width:60%;padding-top:10px;}
	.tbType01.expert tbody tr td.subject a {display:block;font-size:15px;width:90%;text-overflow: ellipsis; white-space: nowrap; overflow: hidden}
	.tbType01.expert tbody tr td.part {display:inline-block;width:35%;padding-top:10px;}
	.tbType01.expert tbody tr td.place {display:inline-block;clear:both;padding-bottom:10px;padding-top:5px;}
	.tbType01.expert tbody tr td.name,
	.tbType01.expert tbody tr td.data {display:inline-block;padding-bottom:10px;padding-top:5px;font-size:13px;}
	.tbType01.expert tbody tr td.data:after {display:none;}
	.tbType01.expert tbody tr td.place:after,
	.tbType01.expert tbody tr td.name:after {content:'';display:inline-block;vertical-align:middle;width:1px;height:13px;background:#ddd;margin:0 10px;}

	.tbType02.export-tbl01 tbody tr th {clear:both;display:block;width:30%;float:left;}
	.tbType02.export-tbl01 tbody tr td {display:block;width:70%;float:left;text-align:center;padding-left:10px;}



	.tbType02.export-tbl tbody tr td.ti-item {position:relative;clear:both;display:block;width:100%;text-align:center;padding-left:90px;height:30px;}
	.tbType02.export-tbl tbody tr td.ti-item:before {content:"";display:block;position:absolute;left:1px;top:1px;width:80px;line-height:25px;text-align:center;height:100%;background:#f2f2f2;}
	.tbType02.export-tbl tbody tr td.ti-item:nth-child(1):before {content:'구분';}
	.tbType02.export-tbl tbody tr td.ti-item:nth-child(2):before {content:'수여일자';}
	.tbType02.export-tbl tbody tr td.ti-item:nth-child(3):before {content:'학교명';}
	.tbType02.export-tbl tbody tr td.ti-item:nth-child(4):before {content:'학위명';}
	.tbType02.export-tbl tbody tr td.ti-item:nth-child(5):before {content:'전공';}
	.tbType02.export-tbl tbody tr th {display:none;clear:both;}

	.check-list-export span {display: block;margin:2px 0;font-size:13px;}
	.m-wd100p {width:98%;}


	.email input,
	.email select {width:80% !important;margin:2px 0;}
	.sizeS.required.export-name {width:100% !important;}

}

@media screen and (max-width:560px) {
	.tbType02.export-tbl02 tbody tr th {clear:both;display:block;width:100%;}
	.tbType02.export-tbl02 tbody tr td {display:block;width:100%;text-align:center;padding-left:10px;font-size:13px;}
}





/* [s] page */
/* .page {text-align:center; margin-top:30px; font-size:0;}
.page * {vertical-align:top; display:inline-block; box-sizing:border-box; margin:0 1px}
.page li {float:left}
.page li a:hover, .page li.on a {color:#fff; background:#006dc9; border-color:#006dc9;}
.page li a {
	min-width:36px;
	height:36px;
	line-height:34px;
    text-align:center;
	font-size:14px;
	color:#999;
	border:1px solid #ddd;
}
@media screen and (max-width:716px) {
	.page {margin-top:20px}
	.page > a:first-child, .page > a:last-child {display:none}
	.page img {width:30px}
	.page li a {
		min-width:30px;
		height:30px;
		line-height:28px;
		font-size:13px;
	}
} */
/*--[e] page */

/* [s] txtStyle */
.titTxt {
	border-top:1px solid #ddd;
	color:#333;
	font-size:25px;
	line-height:28px;
	font-weight:bold;
	padding:47px 0;
	text-align:center;
	margin-top:80px;
}
.titTxt2:first-child {margin-top:0}
.titTxt2 {
	color:#2495f5;
	font-weight:bold;
	margin:35px 0 15px;
}
.titTxt2 + ul > li:first-child {margin-top:0}
.titTxt2 + ul > li {margin-top:20px}
.pointTxt, .pointTxt3 {
	color:#999;
	margin-top:20px;
	padding-left:15px;
	text-indent:-15px;
}
.pointTxt2 {
	color:#999;
	font-size:14px;
	margin-top:15px;
	padding-left:9px;
	text-indent:-9px;
}
.pointTxt3 {text-indent:-19px; padding-left:19px;}
.pointTxt3 + .pointTxt3 {margin-top:5px;}
.totTxt, .totCnt {
	font-size:14px;
	line-height:16px;
}
.totTxt strong, .totCnt strong {
	color:#2495f5;
	font-weight:normal;
	font-size:14px;
}
.totTxt.type2 {margin:50px 0 20px;}
.totCnt {
	text-align:right;
	margin-top:-16px;
}
.iconNotice, .iconState {
	display:inline-block;
	font-size:13px;
	border:1px solid #2495f5;
	color:#2495f5;
	background:#fff;
	min-width:40px;
	line-height:18px;
	text-align:center;
	padding:0 2px;
	border-radius:2px;
}
.iconState {min-width:60px; border-radius:20px}
.iconState.type2 {border-color:#ed1c24; color:#ed1c24;}
.iconState.type3 {border-color:#44bdc5; color:#44bdc5;}
.iconState.type4 {border-color:#999; color:#666;}
.ti_10 > li {
	text-indent:-10px;
	padding-left:10px;
	line-height:24px;
}
.ti_15 > li {
	text-indent:-15px;
	padding-left:15px;
	line-height:24px;
}
.ti_20 > li {
	text-indent:-20px;
	padding-left:20px;
	line-height:26px;
}
.ti_15 ul, .ti_20 ul {text-indent:0}
@media screen and (max-width:716px) {
	.titTxt {
		font-size:20px;
		line-height:25px;
		padding:25px 0;
		margin-top:40px;
	}
	.pointTxt {margin-top:10px;}
	.iconState {min-width:40px;}
}
/*--[e] txtStyle */

/* [s] 일반 게시판 */
.listType {border-top:2px solid #333;}
.listType > li {border-bottom:1px solid #ddd; padding:20px 0;}
.listType > li:first-child {
	position:relative;
	font-size:18px;
	color:#333;
	font-weight:bold;
	border-style:dashed;
}
.listType > li:first-child > strong {font-size:18px; font-weight:bold}
.listType > li:first-child .linkBox {
	position:absolute;
	top:15px;
	right:0;
}
.listType > li:first-child .linkBox a {margin-right:5px; font-size:14px; color:#999}
.listType > li:first-child .writer > li, .listType > li:first-child .hits {color:#999; font-size:14px; font-weight:normal}
.listType > li:first-child .writer > li {
	float:left;
	margin:25px 10px 0 0;
}
.listType > li:first-child .hits {text-align:right; margin-top:-22px;}
.listType .dotList02 > li {
	float:left;
	width:50%;
	text-indent:-100px;
	padding-left:111px;
}
.listType .dotList02 > li .tit {
	display:inline-block;
	width:100px;
	color:#333;
	text-indent:0;
}
#view_content {
	padding:0 0 50px;
	background-color:#fff;
	word-break:break-all;
}
#view_content .tbType02 td {text-align:left; padding:10px 18px}
.listType.type2 #view_content {padding:40px 0}
.listType > li.fileList {position:relative; padding-left:78px}
.listType > li.fileList p.tit {
	position:absolute;
	top:20px;
	left:0;
	font-size:14px;
	color:#999;
}
.listType > li.fileList > ul > li {
	background:url('../img/btn/file.png') 0 7px no-repeat;
	line-height:26px;
	padding:2px 0 2px 23px;
	color:#2495f5;
	font-size:13px;
}
.listType > li.fileList > ul > li a:first-child {margin-left:20px}
.bnList:after {content:'';display:block;clear:both;}
.bnList {border-top:#dddddd solid 1px; margin-top:50px;}
.bnList * {font-size:14px;}
.bnList dt {
	clear:both;
	color:#444;
	float:left;
	line-height:50px;
	width:70px;
	border-bottom:#dddddd solid 1px;
}
.bnList dd {
	float:left;
	width:calc(100% - 70px);
	line-height:50px;
	padding:0 10px;
	border-bottom:#dddddd solid 1px;
}
.bnList dd a {
	display:block;
	width:100%;
	line-height:50px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.uploaded-item-cell > ul{margin-bottom: 5px;}
@media screen and (max-width:716px) {
	.listType > li:first-child .linkBox {position:static; margin-top:10px}
	.listType > li:first-child {padding:15px 0 10px}
	.listType > li {padding:15px 0;}
	.listType > li.fileList {padding:5px 0;}
	.listType > li.fileList p.tit {display:none}
	.listType .dotList02 > li {width:100%}
	#view_content {padding-bottom:20px}
}
@media screen and (max-width:540px) {
	.listType > li:first-child .writer {margin-top:15px}
	.listType > li:first-child .writer > li {
		float:none;
		margin:0;
		padding-top:3px;
	}
	.listType > li:first-child .hits {text-align:left; margin-top:3px;}
	#view_content .tbType02 td {padding:10px 5px}
}
/*-- [e] 일반 게시판 */

/* [s] FAQ 게시판 */
.listType.faq > li {background:url('../img/blt/faq_q.png') 33px 28px no-repeat;}
.listType.faq > li:nth-child(even) {background:url('../img/blt/faq_a.png') 33px center no-repeat #fffcf3; display:none;}
.listType.faq > li > a {width:90%}
.listType.faq > li > span.file {
	top:28px;
	background:url('../img/btn/faq_down.png') right center no-repeat;
	padding-right:20px;
	width:50px;
}
.listType.faq > li.on > span.file {background:url('../img/btn/faq_up.png') right center no-repeat #fff;}
.listType.faq > li > span.file a {
	background:url('../img/btn/file.png') center center no-repeat;
	font-size:0;
	width:30px;
	height:30px;
	display:block;
}
.listType.faq > li > a > span.gubun {top:28px;}
.listType.faq > li:nth-child(even) > p {
	padding:0 20px 0 90px;
	color:#000;
	font-size:17px;
}
.listType.faq > li:nth-child(even) dl {margin-left:90px;}
.listType.faq > li:nth-child(even) dt {font-size:13px;}
.listType.faq > li:nth-child(even) dd {
	margin-top:-22px;
	padding:0 0 0 58px;
	color:#a60d40;
	font-size:13px;
}
.listType.faq > li:nth-child(even) dd a {font-size:13px; color:#a60d40}
.listType.faq > li:nth-child(even) dd a:hover {text-decoration:underline}
@media screen and (max-width:1216px) {
	.listType.faq > li {background-position:20px 28px}
	.listType.faq > li:nth-child(even) {background-position:20px center}
	.listType.faq > li:nth-child(even) > p {padding-left:70px}
	.listType.faq > li:nth-child(even) dl {margin-left:70px}
}
@media screen and (max-width:1016px) {
	.listType.faq > li {background-position:15px 20px}
	.listType.faq > li:nth-child(even) {background-position:15px center}
	.listType.faq > li > a > span.gubun {left:60px;top:20px}
	.listType.faq > li > a {padding-left:140px;}
	.listType.faq > li ul > li:first-child {padding:0 10px 0 140px}
	.listType.faq > li > span.file {top:20px}
	.listType.faq > li:nth-child(even) > p {padding-left:60px}
	.listType.faq > li:nth-child(even) dl {margin-left:60px}
}
@media screen and (max-width:716px) {
	.listType.faq > li {background-position:0px 20px}
	.listType.faq > li:nth-child(even) {background-position:10px center}
	.listType.faq > li > a {padding:25px 0px 0 40px;width:83%}
	.listType.faq > li ul {display:none}
	.listType.faq > li > span.file {right:0}
	.listType.faq > li > a > span:last-child {left:40px;top:15px;}
	.listType.faq > li:nth-child(even) > p {padding:0 10px 0 50px}
	.listType.faq > li:nth-child(even) dl {margin-left:50px}
}
/*-- [e] FAQ 게시판 */

/* [s] 게시판 검색 */
.searchBox, .searchBox2 {background:#f2f2f2; padding:16px 0; margin-bottom:30px;}
.searchBox > div {float:left; padding:5px 21px; width:50%}
.searchBox:after, .searchBox > div:after {display:block; content:''; clear:both}
.searchBox label {float:left;}
.searchBox label > span {
	display:table-cell;
	vertical-align:middle;
	width:110px;
	height:40px;
	color:#333;
}
.searchBox label + * {width:calc(100% - 110px)}
.searchBox input {width:calc(100% - 217px)}
.searchBox select + input {width:calc(100% - 317px)}
.searchBox.type2 {position:relative; padding-left:20px; padding-right:20px}
.searchBox.type2 > div {padding-left:0; padding-right:0}
.searchBox.type2 .gubunBox {border-top:1px dashed #ccc; margin-top:13px; padding-top:20px;}
input.cal {padding-right:30px; background:url('../img/btn/cal.png') no-repeat right center #fff}
.searchBox input.cal {width:calc((100% - 126px)/2)}

.searchBox2 {padding:35px 10px; text-align:center}
.searchBox2 * {margin:5px 0}
.searchBox2 select {width:100px}
.searchBox2 input {width:270px}
.searchBox .btn, .searchBox2 .btn {min-width:100px;}

.searchBox3 {
	position:relative;
	width:600px;
	margin:0 auto;
	max-width:100%;
}
.searchBox3 input {
	border:2px solid #ddd;
	width:100%;
	height:50px;
	line-height:46px;
	padding:0 50px 0 20px;
}
.searchBox3 .btnSearch {
	position:absolute;
	top:9px;
	right:15px;
}
@media screen and (max-width:1016px) {
	input.cal {padding:0 20px 0 5px; background-size:20px auto}
	.searchBox > div {padding:3px 15px}
}
@media screen and (min-width:717px) {
	.searchBox.type2 {padding-left:10px; padding-right:10px}
	.searchBox.type2 > div:first-child > div {width:calc(100% - 126px);}
	.searchBox.type2 > div:first-child .btn {
		position:absolute;
		top:19px;
		right:15px;
		height:70px;
		line-height:70px;
		padding:0;
	}
}
@media screen and (max-width:716px) {
	.searchBox {padding:10px 0; margin-bottom:20px;}
	.searchBox > div {float:none; width:100%; padding:2px 10px}
	.searchBox label > span {height:30px;}
	.searchBox input {width:calc(100% - 193px)}
	.searchBox select + input {width:calc(100% - 276px)}
	.searchBox.type2 .gubunBox {padding-top:10px;}
	.searchBox2 {padding:15px 10px;}
	.searchBox2 select {width:100%;}
	.searchBox2 input {width:calc(100% - 83px)}
	.searchBox .btn, .searchBox2 .btn {min-width:79px;}
}
@media screen and (max-width:470px) {
	.searchBox2 select {width:100%;}
	/* .searchBox2 input {width:100%;} */
	.searchBox .btn, .searchBox2 .btn {/* width:100%; */}
	.searchBox2.type2 select {width:100%;}
	.searchBox label {float:none; display:block;}
	.searchBox label + * {width:100%}
	.searchBox select + input {width:calc(100% - 166px);}
}

.searchBox2 input.txt-sz01 {width:250px;}
.searchBox2 input.txt-sz02 {width:150px;}
.searchBox2 select.txt-sz03 {width:150px;}

@media screen and (max-width:1204px) {
.searchBox2 input.txt-sz01 {width:200px;}
.searchBox2 input.txt-sz02 {width:120px;}
.searchBox2 select.txt-sz03 {width:120px;}
}

@media screen and (max-width:768px) {
.searchBox2 input.txt-sz01 {width:100%;}
.searchBox2 input.txt-sz02 {width:47%;}
.searchBox2 select.txt-sz03 {width:calc(100% - 84px);}

}

@media screen and (max-width:460px) {
.searchBox2 input.txt-sz01 {width:100%;}
.searchBox2 input.txt-sz02 {width:45%;}
/* .searchBox2 select.txt-sz03 {width:100%;} */

}

=======
>>>>>>> .r712
/*-- [e] 게시판 검색 */

/* [s] 개인정보취급방침 */
.privateBox {border:1px solid #ddd; padding:28px 30px;}
.privateBox::after {display:block; clear:both; content:''}
.privateBox ul:first-child {margin-left:0}
.privateBox ul {float:left; margin-left:60px}
.privateCont {margin-top:45px}
.privateCont .blt03.on {padding-top:115px; background-position:0 115px}
@media screen and (max-width:1216px) {
	.privateBox {padding:15px}
	.privateBox ul {margin-left:20px;}
	.privateBox ul li a {font-size:13px}
}
@media screen and (max-width:780px) {
	.privateBox ul {float:none; margin:0}
	.privateBox ul li a {font-size:15px}
}
/*-- [e] 개인정보취급방침 */

/* [s] 이미지 갤러리 */
.imgList, .imgList2 {margin-top:10px; border-top:2px solid #333;}
.imgList > ul, .imgList2 > ul {margin:0 0 0 -30px;}
.imgList3 {margin:-30px 0 0 -30px}
.imgList > ul > li, .imgList2 > ul > li, .imgList3 > li {
	float:left;
	width:25%;
	padding:30px 0 0 30px;
	box-sizing:border-box;
}
.imgList > ul > li > a {position:relative; display:block}
.imgList > ul > li img {width:100%}
.imgList > ul > li .txtBox * {color:#fff}
.imgList > ul > li .txtBox {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:55px;
	padding:17.5px;
	background:rgba(0, 0, 0, 0.5);
}
.imgList > ul > li .txtBox .tit {display:block; height:20px; overflow:hidden;}
.imgList > ul > li .txtBox .date {display:none;}
.imgList > ul > li > a:hover .txtBox {max-height:100%; min-height:55px; height:auto}
.imgList > ul > li > a:hover .txtBox .tit {height:auto; overflow:visible;}
.imgList > ul > li > a:hover .txtBox .date {display:block; margin-top:10px; font-size:13px}
.imgList2 .img a img {width:100%}
.imgList2 .img > a, .imgList2 .tit > a {display:block}
.imgList2 > ul > li > div {border:1px solid #ddd;}
.imgList2 > ul > li .txtBox {border-top:1px solid #ddd; height:90px; padding:18px 10px; text-align:center;}
.imgList2 > ul > li .txtBox .tit a {
	color:#333;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;-moz-binding:url('ellipsis.xml#ellipsis');-o-text-overflow:ellipsis;
}
.imgList2 > ul > li .txtBox .btn2 {margin-top:9px}
.imgList2.type2 > ul > li > div:hover {border:1px solid #2495f5}
.imgList2.type2 > ul > li .txtBox {height:78px}
.imgList2.type2 > ul > li .txtBox .date {font-size:13px; color:#999; margin-top:5px}
.imgList3 > li > a {
	display:block;
	border:1px solid #ddd;
}
.imgList3 > li > a img {width:100%}
.imgList4 {margin:-40px 0 0 -40px}
.imgList4 > li {float:left; width:33.33%; text-align:center; padding:40px 0 0 40px;}
.imgList4 > li > a {display:block;}
.imgList4 > li > a span {
	display:block;
	margin-top:20px;
	color:#333;
	font-size:20px;
}
.imgList4 > li > a span img {vertical-align:top;}
@media screen and (max-width:716px) {
	.imgList > ul, .imgList2 > ul {margin:0 0 0 -10px;}
	.imgList > ul > li, .imgList2 > ul > li {
		width:33.33%;
		padding:10px 0 0 10px;
	}
	.imgList3 {margin:-15px 0 0 -15px}
	.imgList3 > li {width:50%; padding:15px 0 0 15px;}
}
@media screen and (max-width:716px) {
	.imgList > ul > li, .imgList2 > ul > li  {width:50%;}
	.imgList4 {margin:-20px 0 0 -20px}
	.imgList4 > li {width:50%; padding:20px 0 0 20px;}
	.imgList4 > li > a span {font-size:16px; margin-top:10px;}
}
@media screen and (max-width:450px) {
	.imgList4 {margin:-10px 0 0 -10px}
	.imgList4 > li {padding:10px 0 0 10px;}
	.imgList4 > li > a span {font-size:15px;}
}
/*-- [e] 이미지 갤러리 */

/* [s] 회원사 혜택 */
.boxType01 > li {
	border:1px solid #ddd;
	border-top:none;
}
.boxType01 > li .titBox {
	position:relative;
	border:1px solid #accde8;
	margin:-1px;
	color:#333;
	line-height:16px;
	padding:16px 10px;
	background-color:#e9f5ff;
	text-align:center;
}
.boxType01 > li + li .titBox {border-color:#ddd; background-color:#f2f2f2}
.boxType01 > li .txtBox {padding:20px;}
.callBox .tit {
	margin:15px 0;
	color:#333;
}
.callBox li {font-size:14px; line-height:17px; vertical-align:middle}
.callBox li + li {margin-top:8px}
.callBox li img {margin-right:5px}
@media screen and (min-width:717px) {
	.boxType01 {display:table; width:100%; table-layout:fixed}
	.boxType01 > li {display:table-cell; width:50%;}
	.boxType01 > li + li {border-left:none}
	.boxType01 > li .titBox:after {
		content:'';
		position:absolute;
		top:-1px;
		right:-1px;
		width:11px;
		height:10px;
		background:url('../img/content/box_bg01.png') no-repeat 0 0;
	}
	.boxType01 > li + li .titBox:after {left:-1px; right:auto; background-image:url('../img/content/box_bg02.png');}
}
@media screen and (max-width:716px) {
	.boxType01 > li .titBox {padding:10px 5px;}
	.boxType01 > li .txtBox {padding:15px;}
}
/*-- [e] 회원사 혜택 */

/* [s] 회원사 현황 */
.title {
	display:inline-block;
	position:relative;
	padding:0 25px;
	margin:40px 0 15px;
	font-size:16px;
	font-weight:bold;
	color:#333;
	line-height:30px;
	background:url('../img/content/title_bg1.png') no-repeat 0 0;
}
.title:after {
	content:'';
	position:absolute;
	top:0;
	right:0;
	width:15px;
	height:30px;
	background:url('../img/content/title_bg2.png') no-repeat 0 0;
}
@media screen and (max-width:716px) {
	.title {margin:20px 0 7px}
}
/*-- [e] 회원사 현황 */

/* [s] 참가신청 결과 조회 */
.writeList {
	border:1px solid #ddd;
	padding:10px 20px;
}
.writeList > li {
	position: relative;
	line-height:60px;
	padding-left:110px;
}
.writeList > li > * {margin:10px 0; vertical-align:top;}
.writeList > li > .diIb {vertical-align:middle;}
.writeList > li .tit {
	position:absolute;
	top:0;
	left:0;
	float:left;
	display:table;
	width:110px;
	height:40px;
}
.writeList > li .tit > span {
	display:table-cell;
	vertical-align:middle;
	color:#333;
	width:100%;
}
.writeList.type2 {border-left:none; border-right:none}
.writeList.type2 > li {float:left; width:50%}
.writeList.type2 p.txt {margin-top:0}
.writeList > li input[type="file"] {width:100%}
.writeList.type3 .sizeS {width:29% !important}
.writeList.type3 #captcha {margin:0; vertical-align:top;}
.writeList.type3 .radImg {min-height:30px; line-height:30px;}
@media screen and (max-width:716px) {
	.writeList {padding:5px 10px}
	.writeList > li {line-height:30px; padding-left:90px;}
	.writeList > li > * {margin:5px 0;}
	.writeList > li .tit {width:90px; height:20px}
	.writeList > li input {width:30%}
	.writeList.type2 > li {float:none; width:100%}
	.writeList.type3 * {font-size:13px}
	.writeList.type3 > li {padding-left:95px !important;}
	.writeList.type3 > li .tit {width:95px !important}
	.writeList.type3 #captcha {height:35px}
}
@media screen and (max-width:500px) {
	.writeList > li {padding-left:60px;}
	.writeList > li .tit {width:60px;}
	.writeList.type3 .sizeS.type2 {width:100% !important;}
}
@media screen and (max-width:450px) {
	.writeList > li input {width:40%}
}
/*-- [e] 참가신청 결과 조회 */

/* [s] 전체 월간일정 */
.calControl {text-align:center;}
.calControl select {
	height:30px;
	font-size:30px;
	line-height:30px;
	border:none;
	padding:0 20px 0 0;
	color:#333;
	font-weight:bold;
	margin:0 20px;
	background:url('../img/common/select_cal.png') no-repeat right center;
}
.calControl + .floatBox {margin:40px 0 15px;}
.calendar {border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.calendar th {background-color:#f2f2f2; color:#333; text-align:center;}
.calendar th, .calendar td {
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	padding:10px 5px;
	vertical-align:top;
}
.calendar td {position:relative; height:90px; max-height:90px}
.calendar td > div {margin-top:5px}
.calendar td > div a {display:inline-block;}
.calendar td.chk {background-color:#eee;}
.calendar td.sun {background-color:#fde8e9; color:#ed1c24}
.calendar td.sat {background-color:#e5f5fb; color:#2495f5}
.calendar td.today {border:1px solid #2495f5; margin:-1px;}
@media screen and (max-width:716px) {
	.calControl > a {display:inline-block; width:25px}
	.calControl select {
		height:25px;
		font-size:25px;
		line-height:25px;
	}
	.calControl + .floatBox {margin:15px 0 10px;}
	.calendar th, .calendar td {padding:5px 2px; font-size:14px}
	.calendar td > div a {width:16px;}
}
/*-- [e] 전체 월간일정 */

/* [s] 행사참가신청 */
.scrollBox {
	height:160px;
	border:1px solid #ddd;
	background:#f2f2f2;
	padding:20px;
	overflow-y:scroll;
	text-align:left;
}
/*-- [e] 행사참가신청 */

/* [s] 방산정보 > 회원사 채용공고 */
.summaryBox {
	display:table;
	width:100%;
	min-height:139px;
	table-layout:fixed;
	padding:20px 40px 20px 190px;
	background:url('../img/content/summary01.png') no-repeat 30px center;
	border:1px solid #2495f5;
}
.summaryBox > div {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	width:100%;
	padding-right:135px;
}
.summaryBox > div .tit {
	font-size:20px;
	color:#333;
	font-weight:bold;
}
.summaryBox > div .txt {
	font-size:14px;
	line-height:15px;
	margin-top:10px;
	color:#999;
}
.summaryBox > div .btn {
	position:absolute;
	top:50%;
	right:0;
	margin-top:-20px;
}
.summaryBox + .searchBox2 {margin-top:50px}
@media screen and (max-width:716px) {
	.summaryBox {
		min-height:90px;
		padding:10px 20px;
		background:none;
	}
	.summaryBox > div {padding-right:95px;}
	.summaryBox > div .tit {font-size:18px;}
	.summaryBox > div .btn {margin-top:-15px;}
	.summaryBox + .searchBox2 {margin-top:30px}
}
@media screen and (max-width:500px) {
	.summaryBox > div {padding-right:0;}
	.summaryBox > div .btn {position:static; margin-top:15px;}
}
/*-- [e] 방산정보 > 회원사 채용공고 */

/* [s] 진흥회 소개 */
.introBox {
	background:url('../img/content/intro_bg2.png') no-repeat right top;
	padding-right:40px;
}
.introBox .tit {
	color:#333;
	font-size:25px;
	line-height:28px;
	margin-bottom:25px;
	padding-right:155px;
}
.introBox .txt {
	display:table-cell;
	vertical-align:middle;
	color:#e4e4e3;
	font-size:16px;
	line-height:23px;
	word-break:keep-all;
	text-align:center;
	padding:0 70px;
	height:287px;
	background:url('../img/content/intro_bg.png') no-repeat left bottom /cover;
}
.busList {display:inline-block; font-size:0; margin:-10px 0 0 -10px}
.busList > li {display:inline-block; padding:10px 0 0 10px}
.busList > li > span {
	display:inline-block;
	min-width:70px;
	text-align:center;
	line-height:30px;
	color:#fff;
	border-radius:30px;
	font-size:16px;
	background:#006dc9;
	padding:0 14px;
}
.busList.type2 > li > span {background:#48922d}
@media screen and (max-width:1216px) {
	.introBox {
		background-size:180px auto;
		padding-right:30px;
	}
	.introBox .tit {font-size:22px; line-height:25px; margin-bottom:20px}
	.introBox .txt {height:250px}
}
@media screen and (max-width:1016px) {
	.introBox .tit {font-size:20px; line-height:23px; margin-bottom:15px}
}
@media screen and (max-width:716px) {
	.introBox {background:none; padding:0}
	.introBox .tit {padding:0}
	.introBox .txt {height:auto; padding:40px}
}
@media screen and (max-width:500px) {
	.introBox .tit {font-size:18px;}
	.introBox .txt {padding:15px; font-size:14px; text-align:left}
}
/*-- [e] 진흥회 소개 */

/* [s] imgBox */
.imgBox {text-align:center; padding:40px 0}
.imgBox2 {text-align:center}
.imgBox3 {
	margin-top:20px;
	display:inline-block;
	border:1px solid #ddd;
}
.imgBox4 {margin-top:20px}
.imgBox5 {border:1px solid #ddd;}
.floatBoxImage:after {display:block; clear:both; content:''}
.floatBoxImage {margin-top:20px}
.floatBoxImage > div img {width:100%}
.imgSet > li:first-child {margin-top:0}
.imgSet > li {margin-top:10px; border:1px solid #ddd;}
.imgSet2 {margin:-20px 0 0 -30px; font-size:0}
.imgSet2 > li {
	display:inline-block;
	width:25%;
	padding:20px 0 0 30px;
	vertical-align:top;
}
.imgSet2 > li img {width:100%}
.imgSet2 > li.type2 img {margin-top:36px}
.imgBox2 + .searchBox2 {margin-top:50px}
.imgSet2 .blt05 {margin-top:0}
@media screen and (max-width:1216px) {
	.imgSet2 {margin:-10px 0 0 -20px;}
	.imgSet2 > li {padding:10px 0 0 20px;}
}
@media screen and (min-width:717px) {
	.imgBox2.type2 {margin-top:-36px}
	.floatBoxImage {margin-top:40px}
	.floatBoxImage:after {display:block; content:''; clear:both}
	.floatBoxImage > .flBox {float:left; width:49%}
	.floatBoxImage > .frBox {float:right; width:49%}
}
@media screen and (max-width:716px) {
	.imgBox {padding:20px 0}
	.imgBox2.type2 {margin-top:20px}
	.floatBoxImage > .frBox {margin-top:40px}
	.imgBox2 + .searchBox2 {margin-top:25px}
	.imgSet2 {margin-left:-10px;}
	.imgSet2 > li {padding-left:10px; width:50%}
	.imgSet2 > li.type2 img {margin-top:28px}
}
@media screen and (max-width:450px) {
	.floatBoxImage {margin-top:0}
	.floatBoxImage > .frBox {margin-top:20px}
}
/*-- [e] imgBox */

/* [s] imgSlide */
.imgSlideBox {padding:40px 100px 0}
.imgSlide img {width:100%}
/*.imgSlideThumb .slick-slide {opacity:0.5;}
.imgSlideThumb .slick-slide.slick-active {opacity:1;}*/
.imgSlideThumb {margin-top:5px}
.imgSlideThumb .slick-slide {padding:0 2px}
@media screen and (max-width:716px) {
	.imgSlideBox {padding:20px 20px 0}
}
/*-- [e] imgSlide */

.grayBox {
	border:1px solid #ddd;
	background:#f2f2f2;
	border-left:none;
	border-right:none;
	padding:27px 21px;
	margin-top:75px;
}
.grayBox > .tit {margin-top:35px}
.grayBox .tit {margin-bottom:15px}
.grayBox .tit > span {
	line-height:22px;
	color:#333;
	font-size:16px;
	font-weight:bold;
	padding:0 2px;
	border-bottom:2px solid #333;
}
.grayBox ul  > li:first-child {margin-top:0}
.grayBox ul  > li {margin-top:7px;}
.fileBtn {color:#2495f5; font-size:13px;}
@media screen and (max-width:716px) {
	.grayBox > .tit {margin-top:20px}
}
.graphBox {border:1px solid #ddd}

/* [s] floatBox */
.floatBox.type2 > div {width:49%; background:#e7f4ff; padding:20px}
.floatBox.type3 > .flBox {width:320px}
.floatBox.type3 > .frBox {width:calc(100% - 320px); padding-left:40px}
.floatBox.type4 {border-bottom:1px solid #ddd}
.floatBox.type4 .flBox {font-size:20px; color:#333; font-weight:bold;}
.floatBox.type4 > div {line-height:25px; padding:22.5px 0;}
.floatBox.type5 {display:table; width:100%;}
.floatBox.type5 > div {
	width:49%;
	border:1px solid #ddd;
	padding:0 20px;
}
.floatBox.type5 > div .tit * {vertical-align:middle}
.floatBox.type5 > div .tit {
	color:#333;
	font-size:20px;
	line-height:25px;
	padding:14px 0;
}
.floatBox.type5 > div .txtBox {
	border-top:1px solid #ddd;
	display:table;
	width:100%;
	height:110px;
	padding:20px 0
}
.floatBox.type5 > div .txtBox > div {
	display:table-cell;
	vertical-align:middle;
}
.floatBox.type6 > div {width:50%; padding-bottom:20px}
.floatBox.type7 {border:1px solid #2495f5; padding:20px;}
.floatBox.type7 * {color:#2495f5; line-height:38px;}
.floatBox.type7 + .searchBox2 {margin-top:20px}
.floatBox.type8 > .flBox {width:60%}
.floatBox.type8 > .frBox {width:38%}
.floatBox.type8 > div .blt05:first-child {margin-top:0}
@media screen and (min-width:1017px) and (max-width:1216px) {
	.floatBox.type2 > div {padding:15px 11px}
}
@media screen and (max-width:1216px) {
	.floatBox.type3 > .flBox {width:250px}
	.floatBox.type3 > .frBox {width:calc(100% - 250px); padding-left:20px}
}
@media screen and (max-width:1016px) {
	.floatBox.type3 > .flBox {width:30%}
	.floatBox.type3 > .frBox {width:calc(100% - 30%); padding-left:20px}
	.floatBox.type4 .flBox {padding-bottom:0}
	.floatBox.type4 .frBox {padding-top:10px}
}
@media screen and (max-width:716px) {
	.floatBox.type2 > div {padding:10px}
	.floatBox.type2 > .flBox {padding-bottom:0}
	.floatBox.type3 > div {width:40%}
	.floatBox.type3 > .flBox img {width:100%}
	.floatBox.type3 > .frBox {padding-left:0; margin-top:20px}
	.floatBox.type5 > div {width:100%}
	.floatBox.type5 > div .txtBox {height:auto}
	.floatBox.type5 > .frBox, .floatBox.type6 > .frBox, .floatBox.type8 > .frBox {margin-top:20px;}
	.floatBox.type7 {padding:15px}
	.floatBox.type7 * {line-height:22px}
	.floatBox.type7 img {margin-top:10px}
}
/*-- [e] floatBox */

/* [s] 과월호 */
.magazineList {margin:-40px 0 0 -40px}
.magazineList > li {float:left; width:33.33%; padding:40px 0 0 40px;}
.magazineList > li > a {
	position:relative;
	display:block;
	height:382px;
	border:1px solid #ddd;
	background:url('../img/content/magazine_bg01.png') no-repeat center bottom;
	background-size:100% auto;
	text-align:center;
	padding:40px 20px;
}
.magazineList > li.sec > a {background-image:url('../img/content/magazine_bg02.png');}
.magazineList > li.thi > a {background-image:url('../img/content/magazine_bg03.png');}
.magazineList > li > a .tit {
	font-size:25px;
	line-height:25px;
	color:#333;
}
.magazineList > li > a .txt {margin-top:15px}
.magazineList .btnLink {
	position:absolute;
	left:50%;
	bottom:40px;
	margin-left:-60px;
}
@media screen and (max-width:1016px) {
	.magazineList {margin:-20px 0 0 -20px}
	.magazineList > li {padding:20px 0 0 20px;}
}
@media screen and (max-width:716px) {
	.magazineList > li {width:50%}
}
@media screen and (max-width:450px) {
	.magazineList > li {width:100%}
}
/*-- [e] 과월호 */

/* [s] 구독신청하기 */
.hiddenBox {
	background-color:#f2f2f2;
	border:1px solid #eee;
	padding:12px 20px;
}
.writeList.type3 > li .hiddenBox strong.tit {
	display:inline-block;
	width:100% !important;
	color:#333;
	line-height:30px;
}
.hiddenBox > ul > li:first-child {margin-top:15px}
.hiddenBox > ul > li {margin-top:20px}
.hiddenBox > ul > li label + label {margin-left:18px}
.hiddenBox .btn2 {vertical-align:middle;}
.monthList {display:inline-block; margin:-2px 0 0 -2px; font-size:0;}
.monthList > li {display:inline-block; margin:2px 0 0 2px; line-height:40px;}
.monthList > li > a {
	display:inline-block;
	border-radius:2px;
	border:1px solid #aaa;
	min-width:52px;
	height:26px;
	line-height:24px;
	text-align:center;
	font-size:14px;
	background-color:#fff;
}
@media screen and (max-width:1016px) {
	.monthList {margin-top:8px;}
	.monthList > li {line-height:26px;}
}
@media screen and (max-width:716px) {
	.hiddenBox {padding:6px 10px}
	.hiddenBox > ul > li:first-child {margin-top:5px}
	.hiddenBox > ul > li {margin-top:10px}
	.hiddenBox > ul > li label {display:block; width:100%;}
	.hiddenBox > ul > li label + label {margin:5px 0 0}
	.hiddenBox .btn2 {margin-top:5px}
}
@media screen and (max-width:470px) {
	.monthList {margin-top:-2px}
}
/*-- [e] 구독신청하기 */

/* [s] 사업소개 > 방위사업관련규정개정 */
.revisionList {margin:-30px 0 0 -20px}
.revisionList > li {
	display:table;
	table-layout:fixed;
	width:100%;
	float:left;
	width:25%;
	padding:30px 0 0 20px;
}
.revisionList > li span {
	display:table-cell;
	vertical-align:middle;
	height:100px;
	border:1px solid #ddd;
	padding:5px 20px;
	text-align:center;
	color:#333;
	word-break:keep-all;
}
.revisionList.type2 > li span {padding:5px 10px;}
@media screen and (max-width:1016px) {
	.revisionList.type2 > li {width:33.33%;}
}
@media screen and (max-width:716px) {
	.revisionList {margin:-10px 0 0 -10px}
	.revisionList > li {
		width:33.33%;
		padding:10px 0 0 10px;
	}
	.revisionList > li span {padding:5px}
	.revisionList.type2 > li {width:50%;}
	.revisionList.type3 > li, .revisionList.type3 > li.w50 {width:100% !important;}
}
@media screen and (max-width:450px) {
	.revisionList > li {width:50%;}
}
@media screen and (max-width:380px) {
	.revisionList.type2 > li {width:100%;}
	.revisionList.type2 > li span {height:auto; padding:20px 10px}
}
/*-- [e] 사업소개 > 방위사업관련규정개정 */

/* [s] 사업소개 > 계약관리 */
.manageList > li {
	display:table;
	width:100%;
	table-layout:fixed;
	margin-top:10px;
}
.manageList > li > p {
	display:table-cell;
	vertical-align:middle;
}
.manageList > li > .tit {
	width:150px;
	border-radius:9px 0 0 9px;
	border:1px solid #accde8;
	background-color:#e9f5ff;
	color:#333;
	text-align:center;
	padding:18px 10px;
}
.manageList > li > .txt {
	border:1px solid #ddd;
	border-left:none;
	padding:18px;
}
.manageList.type2 {margin:-20px 0 0 -30px}
.manageList.type2 > li {
	float:left;
	width:33.33%;
	padding:20px 0 0 30px;
}
.manageList.type2 > li > p {
	display:block;
	width:100% !important;
}
.manageList.type2 > li > .tit {border-radius:9px 9px 0 0;}
.manageList.type2 > li > .txt {
	border:1px solid #ddd;
	border-top:none;
	height:135px;
}
@media screen and (max-width:1216px) {
	.manageList.type2 > li > .txt {height:180px}
}
@media screen and (max-width:800px) {
	.manageList.type2 {margin:-10px 0 0 -20px}
	.manageList.type2 > li {width:50%; padding:10px 0 0 20px;}
	.manageList.type2 > li > .txt {height:150px}
}
@media screen and (max-width:716px) {
	.manageList > li > .tit {width:30%}
}
@media screen and (max-width:570px) {
	.manageList.type2 > li {width:100%}
	.manageList.type2 > li > .tit {padding:10px;}
	.manageList.type2 > li > .txt {height:auto}
}
/*-- [e] 사업소개 > 계약관리 */

/* [s] 사업소개 > 업체 건의사항 검토결과(글작성) */
.fileBox > p:first-child {
	display:inline-block;
	background-color:#2495f5;
	color:#fff;
	padding:0 20px;
	line-height:30px;
	text-indent:0;
}
.fileBox > div {
	border:1px solid #2495f5;
	padding:10px;
}
.fileBox > div > p {
	text-align:center;
	color:#999;
	padding:30px 0;
}
.fileList2 {
	background-color:#f2f2f2;
	padding:13px 19px;
	margin-top:25px !important;
}
.fileList2 > li {margin:5px 0}
/*-- [e] 사업소개 > 업체 건의사항 검토결과(글작성) */

.boxB {margin-top:50px; border-top:1px dashed #ddd; height:1px}

.dayList > li:first-child {margin-top:0}
.dayList > li {
	position:relative;
	margin-top:10px;
	padding-left:110px;
	line-height:30px;
	letter-spacing:-0.5px;
}
.dayList > li .tit {
	position:absolute;
	top:0;
	left:0;
	border:1px solid #333;
	border-radius:30px;
	line-height:28px;
	width:100px;
	color:#333;
	text-align:center;
}
.callBox.type2 {
	margin-top:15px;
	display:inline-block;
	padding:0 20px 20px;
	border:1px solid #ddd;
}
@media screen and (max-width:716px) {
	.callBox.type2 {display:block;}
}

/* [s] 통합검색 */
.noResultBox {text-align:center; border-top:1px solid #333}
.noResultBox > div {
	display:inline-block;
	background:url('../img/content/no_result.png') no-repeat center 0;
	text-align:left;
	margin-top:100px;
	padding-top:165px;
}
.noResultBox .result_text {
	color:#333;
	font-weight:700;
}
.noResultBox .dotList06 {margin-top:35px; text-align:left;}
.searchTit {
	margin:60px 0 20px;
	color:#333;
	font-size:20px;
	line-height:20px;
	font-weight:bold;
}
.searchTit span {font-size:16px; color:#333;}
.searchResult {border-top:1px solid #333}
.result_list > li {
	border-bottom:1px solid #ddd;
	padding:20px 0;
}
.result_list > li > a, .result_list > li > a > span {display:block;}
.result_list > li .tit {
	color:#333;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;-moz-binding:url('ellipsis.xml#ellipsis');-o-text-overflow:ellipsis;
}
.result_list > li .txt {margin-top:5px; height:40px; overflow:hidden;}
.result_list > li .nav, .result_list > li .org {margin-top:5px; color:#999}
.result_list > li .nav strong {font-weight:normal; color:#666}
.result_list.img {font-size:0; margin:0 0 0 -30px}
.result_list.img > li {
	display:inline-block;
	vertical-align:top;
	width:25%;
	padding:20px 0 0 30px;
	border:none;
}
.result_list.img > li > a {border:1px solid #ddd; height:143px; overflow:hidden;}
.result_list.img > li > a img {min-width:100%; min-height:100%; max-width:120%; max-height:120%;}
.searchResult .btnR {margin-top:20px}
@media screen and (max-width:716px) {
	.noResultBox > div {margin-top:50px}
	.searchTit {margin:30px 0 10px;}
	.result_list > li {padding:10px 0;}
	.result_list.img > li > a {height:100px;}
	.result_list.img {margin-left:-10px}
	.result_list.img > li {padding:10px 0 0 10px;}
}
@media screen and (max-width:450px) {
	.result_list.img > li {width:50%}
}
/*-- [e] 통합검색 */

/* [s] 기타서비스 */
.etcBox {
	border-top:2px solid #333;
	padding-top:15px;
}
.etcBox .tit {
	margin:40px 0 20px;
	color:#333;
	font-weight:bold
}
.stepList {text-align:right;}
.stepList > ul {display:inline-block;}
.stepList li:first-child {margin-left:0}
.stepList li {
	float:left;
	text-indent:-44px;
	padding-left:44px;
	color:#999;
	margin-left:20px;
	font-weight:bold;
	padding-bottom:4px;
	text-align:left;
}
.stepList li .num {
	display:inline-block;
	width:34px;
	height:34px;
	line-height:34px;
	text-align:center;
	color:#fff;
	background-color:#ddd;
	border-radius:100%;
	font-size:18px;
	font-weight:bold;
	margin-right:7px;
	vertical-align:middle;
	text-indent:0;
}
.stepList li.on {color:#333; border-bottom:2px solid #333}
.stepList li.on .num {background-color:#333;}
.finBox:before {content:''; clear:both; display:block;}
.finBox {
	margin-top:80px;
	text-align:center;
	background:url('../img/content/finBox_bg.png') no-repeat center 65px;
}
.finBox.type2 {background-image:url('../img/content/finBox_bg2.png');}
.finBox.type3 {background-position:center 110px}
.finBox .tit, .finBox .tit > span {
	color:#333;
	font-size:30px;
	line-height:40px;
	font-weight:700;
	word-break:keep-all;
}
.finBox .tit {display:inline-block; border-bottom:2px solid #333;}
.finBox .tit1, .finBox .tit1 > span {
	color:#333;
	font-size:30px;
	line-height:40px;
	font-weight:700;
	word-break:keep-all;
}
.finBox .tit1 {display:inline-block; border-bottom:2px solid #333;}
.finBox .sub {
	color:#333;
	font-size:25px;
	line-height:30px;
	margin-top:300px;
}
.finBox .sub span {font-size:25px;}
.finBox .txt {
	color:#666;
	margin-top:7px;
}
.finBox .btnC {margin-top:40px}
.loginBox {width:475px; margin:0 auto; max-width:100%}
.loginBox h1 {
	height:79px;
	text-indent:-999999px;
	background:url('../img/content/login_logo.png') no-repeat center 0;
	margin-bottom:30px;
}
.loginBox .sub {
	margin:19px 0 40px;
	color:#2495f5;
	text-align:center;
}
.loginBox > div {
	border-top:1px solid #333;
	border-bottom:1px solid #ddd;
	padding:20px 0;
}
.loginBox input[type="text"], .loginBox input[type="password"],
.loginList input[type="text"], .loginList input[type="password"] {
	width:100%;
	line-height:44px;
	height:44px;
}
.loginBox input + input, .loginList input + input {border-top:none}
.loginBox .btn.btnB, .loginList .btn.btnB {
	margin-top:20px;
	width:100%;
	height:60px;
	line-height:60px;
	font-size:20px;
	padding:0;
}
.loginBox > ul {text-align:center; margin-top:17px}
.loginBox > ul > li {
	position:relative;
	display:inline-block;
	padding:0 27px;
}
.loginBox > ul > li:first-child:after {display:none;}
.loginBox > ul > li:after {
	content:'';
	position:absolute;
	top:5px;
	left:0;
	width:1px;
	height:10px;
	background-color:#ddd;
}
.loginBox > ul > li a:hover {color:#333}
.loginList > li {
	float:left;
	width:50%;
	padding:0 60px 50px;
}
.loginList > li + li {border-left:1px solid #ddd}
.loginList .tit {
	font-size:30px;
	line-height:35px;
	color:#333;
	font-weight:700;
	text-align:center;
}
.loginList .sub {margin-top:10px;}
.loginList > li > div {
	border-top:1px solid #333;
	padding:20px 0;
	height:175px;
	margin-top:35px;
}
.joinList > li {
	float:left;
	width:50%;
	border:1px solid #accde8;
	background-color:#e9f5ff;
	border-right:none;
	padding:20px 49px 40px;
	text-align:center;
}
.joinList > li + li {
	border:1px solid #ddd;
	background-color:#f2f2f2;
}
.joinList > li .tit {
	padding:15px 0;
	font-size:25px;
	line-height:30px;
	color:#333;
	border-bottom:2px solid #333;
}
.joinList > li .txtBox {
	padding:20px 20px 26px;
	word-break:keep-all;
}
.joinList > li > a, .joinList2 > li > div > a {
	margin-top:30px;
	display:block;
	height:50px;
	line-height:48px;
	font-size:18px;
	color:#2495f5;
	border:1px solid #2495f5;
	background-color:#fff;
}
.joinList2 {
	margin:-30px 0 0 -30px;
	text-align:center;
}
.joinList2 > li {
	float:left;
	width:25%;
	padding:30px 0 0 30px;
}
.joinList2 > li > div {
	height:415px;
	border:1px solid #ddd;
	padding:20px;
}
.joinList2 > li .tit {
	margin:8px 0 15px;
	font-size:20px;
	line-height:25px;
	height:50px;
	color:#333;
}
.joinList2 > li .txtBox {
	height:153px;
	text-align:left;
	letter-spacing:-1.1px;
}
.joinList2 > li > div > a {
	margin-top:12px;
	height:43px;
	line-height:41px;
	font-size:16px;
}
.tableList {
	border:1px solid #333;
	border-left:none;
	border-right:none;
}
.tableList > li:first-child {border-top:none;}
.tableList > li {
	display:table;
	width:100%;
	border-top:1px solid #ddd;
}
.tableList > li > div {
	display:table-cell;
	padding:10px 15px;
	font-size:13px;
	vertical-align:middle;
}
.tableList > li > div.th {
	width:140px;
	background-color:#f2f2f2;
}
.tableList > li > div.td input[type="text"],
.tableList > li > div.td input[type="password"]{width:100%;}
.tableList .sizeM {width:40% !important;}
.tableList .sizeM2 {width:49% !important; margin-top:5px}
.tableList .sizeS {width:25% !important;}
.tableList .rowspan + li {
	width:100%;
}
.tableList .rowspan + li {width:100%;}
.tableList.type2 {position:relative;}
.tableList.type2 > li.w100.type2 {padding-right:325px;}
.tableList.type2 .profile {
	position: absolute;
	top:0;
	right:0;
	width:476px;
	height:59px;
	background-color:#fff;
	border-bottom:1px solid #ddd;
}
.tableList.type2 .profile .th {vertical-align:middle;}
.tableList.type2 .profile .td {text-align:center;}
.tableList.type2 .profile2 {
	position: absolute;
	top:603px;
	right:0;
	width:476px;
	height:59px;
	background-color:#fff;
	border-bottom:1px solid #ddd;
}
.tableList.type2 .profile2 .th {vertical-align:middle;}
.tableList.type2 .profile2 .td {text-align:center;}
.tbType02.exprot-manage tbody tr td.m-align{text-align:left}
@media screen and (max-width:1216px) {
	.joinList2 > li {width:50%}
	.joinList2 > li > div {height:350px;}
	.joinList2 > li .tit {height:auto}
	.joinList2 > li .txtBox {height:113px;}
	.tableList > li > div {padding:10px 15px}
}
@media screen and (max-width:1016px) {
	.loginList {margin-top:30px}
	.loginList > li {padding:0 20px 20px;}
	.joinList2 > li > div {padding-top:10px;}
}
@media screen and (min-width:717px) {
	.tableList > li:not(.w100):first-child + li {border-top:none;}
	.tableList > li {float:left; width:50%;}
}
@media screen and (max-width:716px) {
	.stepList li {
		text-indent:-24px;
		padding-left:24px;
		margin-left:10px;
		padding-bottom:2px;
	}
	.stepList li .num {
		display:inline-block;
		width:20px;
		height:20px;
		line-height:20px;
		font-size:13px;
		margin-right:4px;
	}
	.stepList li.on {border-width:1px;}
	.finBox {
		margin-top:40px;
		background-size:250px auto;
		background-position:center 80px;
	}
	.finBox .tit, .finBox .tit > span {
		font-size:22px;
		line-height:28px;
	}
	.finBox .sub {
		font-size:18px;
		line-height:25px;
		margin-top:200px;
	}
	.finBox.type2 .sub {margin-top:160px;}
	.finBox .sub span {font-size:18px}
	.finBox .txt {margin-top:4px;}
	.finBox .btnC {margin-top:20px}

	.loginBox, .loginList {margin-top:20px}
	.loginBox .sub {margin:10px 0 20px;}
	.loginBox h1 {
		height:60px;
		background-size:auto 60px;
	}
	.loginBox .btn.btnB, .loginList .btn.btnB {
		margin-top:10px;
		height:40px;
		line-height:40px;
		font-size:17px;
	}
	.loginBox > ul > li {padding:0 15px}
	.loginList .tit {font-size:25px; line-height:30px}
	.loginList > li {width:100%; padding:20px}
	.loginList > li + li {border:none; border-top:1px solid #ddd}
	.loginList > li > div {height:auto; margin-top:20px}
	.joinList > li {
		width:100%;
		border-right:1px solid #accde8;
		border-bottom:none;
		padding:10px 20px;
	}
	.joinList > li + li {border:1px solid #ddd}
	.joinList2 > li {width:100%;}
	.joinList2 > li > div {height:auto}
	.joinList2 > li .txtBox {height:auto; padding:20px 0}
	.tableList > li > div {padding:5px 10px;vertical-align: middle;}
	.tableList > li > div.th {width:95px;vertical-align:middle;}
	.tableList .sizeM {width:100% !important;}
	.tableList .sizeM + .btn {margin-top:5px}
	.tableList .sizeS {width:28% !important;}
	.tableList .exc-line .sizeS{width:calc(50% - 13px)!important;margin-bottom:10px;vertical-align:baseline;}
	.tableList .exc-line select.sizeS:last-of-type{width:100% !important;}
	.tableList .exc-line2 .sizeS{width:calc(33.3% - 13px) !important;}
	.tableList .exc-line2 .td input[type="text"]{width:calc(33.3% - 15px) !important;}
	.tableList .diIb {margin-top:5px;}
	.tableList .phone-num{width:38% !important;margin-top:5px;}
	.tableList .email{width:86% !important;margin-top:5px;}
	.tableList .email2{width:100% !important;margin-top:5px;}


	.tableList.exprot-manage {}
	.tableList.exprot-manage > li > div.th{display:block;width:100%;padding:10px;}
	.tableList.exprot-manage > li > div.td {clear:both;display:block;width:100%;padding:10px;}
	.tableList.exprot-manage > li > div.td input[type=text],
	.tableList.exprot-manage > li > div.td input[type=password],
	.tableList.exprot-manage > li > div.td select {height:35px;line-height:33px;}
	.tbType02.exprot-manage tbody tr td.m-align {text-align:left;padding-left:10px;}
	.tbType02.exprot-manage tbody tr td input[type=password],
	.tbType02.exprot-manage tbody tr td input[type=text] {height:35px;line-height:33px;}
	.v_mobile {display:block;}

}

@media screen and (max-width:520px) {
._row_toTerm_ {display:block;clear;both;margin-top:5px;}
}



/*-- [e] 기타서비스 */

/* [s] 자문단소통마당 */
.opinion {padding:70px 0}
.opinionBox {border:1px solid #ddd}
.opinionBox > div:first-child:after {display:block; content:''; clear:both;}
.opinionBox > div:first-child {
	background-color:#f2f2f2;
	border-bottom:1px solid #ddd;
	padding:15px;
}
.opList {margin-left:-15px;}
.opList > li {float:left; font-weight:500; margin-left:15px; font-size:14px}
.opinionBox > div + div {padding:20px}
.opinionBox textarea {border:none; width:calc(100% - 110px); height:90px}
.opinionBox textarea + .btn {width:100px; min-width:auto; height:90px; line-height:90px; padding:0}

.opinionList:before {
	content:'';
	position:absolute;
	top:40px;
	left:50%;
	margin-left:-1px;
	width:2px;
	height:calc(100% - 40px);
	background:#ddd;
}
.opinionList {position:relative; padding:20px 0;}
.opinionList > li:before {
	content:'';
	position:absolute;
	top:15px;
	left:0;
	z-index:1;
	width:12px;
	height:12px;
	margin-left:-6px;
	background:url('../img/content/op_dot01.png') no-repeat 0 0;
}
.opinionList > li.fcR2:before {background-image:url('../img/content/op_dot02.png')}
.opinionList > li.fcG:before {background-image:url('../img/content/op_dot03.png')}
.opinionList > li:first-child {margin-top:0}
.opinionList > li {position:relative; margin-top:30px; padding-left:40px;}
.opinionList > li > div:before {
	content:'';
	position:absolute;
	top:21px;
	left:-40px;
	width:40px;
	height:1px;
	background-color:#ddd;
}
.opinionList > li.fcB > div:before {background-color:#accde8}
.opinionList > li.fcR2 > div:before {background-color:#ffa5a5}
.opinionList > li > div {
	position:relative;
	border:1px solid #ddd;
	background-color:#f2f2f2;
	border-radius:4px;
	padding:20px;
}
.opinionList > li.fcB > div {border-color:#accde8; background-color:#e9f5ff;}
.opinionList > li.fcR2 > div {border-color:#ffa5a5; background-color:#ffe9e9;}
.opinionList > li > div .tit {
	color:#333;
	font-size:16px;
}
.opinionList > li > div .txt {margin-top:15px;}
.opinionList > li > div .writer {position:absolute; top:20px; right:20px}
.opinionList > li > div .writer > li {
	float:left;
	position:relative;
	color:#999;
	font-size:14px;
	padding-left:6px;
	margin-left:4px;
}
.opinionList > li > div .writer > li:first-child:before {display:none;}
.opinionList > li > div .writer > li:before {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	margin-top:-5px;
	width:1px;
	height:10px;
	background-color:#777;
}
@media screen and (min-width:1017px) {
	.opinionBox .radioList {float:left}
	.opList {float:right}

	.opinionList > li {width:50%;}
	.opinionList > li:nth-child(odd) {float:right;}
	.opinionList > li:nth-child(even) {float:left; padding-right:40px}
	.opinionList > li:nth-child(even):before {left:auto; right:0; margin:0 -6px 0 0;}
	.opinionList > li:nth-child(even) > div:before {left:auto; right:-40px;}
}
@media screen and (max-width:1016px) {
	.opinion {padding:40px 0}
	.opinionBox > div:first-child {padding:10px}
	.opList {margin-top:10px}
	.opinionBox > div + div {padding:15px}
	.opinionBox textarea {width: calc(100% - 65px); height:70px}
	.opinionBox textarea + .btn {width:60px; height:70px; line-height:70px}

	.opinionList:before, .opinionList > li:before {left:0; margin:0}
	.opinionList > li:before {left:-6px}
	.opinionList > li {margin-top:15px; padding-left:30px;}
	.opinionList > li > div:before {top:20px; left:-30px; width:30px;}
	.opinionList > li > div {padding:10px;}
	.opinionList > li > div .writer {top:10px; right:10px}
	.opinionList > li > div .txt {margin-top:7px; font-size:14px}
}
/*-- [e] 자문단소통마당 */

/* [s] 사업안내 */
.txtList {margin-top:-2%;}
.txtList > li {
	border-radius:5px;
	border:1px solid #ddd;
	padding:15px;
	margin-top:2%;
}
.squareList {margin:0 0 0 -20px}
.squareList > li {
	display:inline-block;
	width:80px;
	height:80px;
	line-height:80px;
	border-radius:100%;
	text-align:center;
	border:1px solid #accde8;
	background-color:#e9f5ff;
	color:#333;
	font-weight:500;
	margin:15px 0 0 20px;
}


/* 답변 스타일 (KDIA tempalte4에서 복사함 */
.reply {
	background-color:#f2f2f2;
	padding:20px !important;
}
.reply .tit {
	color:#333;
	font-weight:bold;
	font-size:16px;
}
.reply .writer {
	text-align:right;
	margin-top:-20px;
	color:#999;
	font-size:14px;
}
.reply .txt {margin-top:25px}
.replyBox {margin-top:40px;}
.replyBox .tit {
	color:#333;
	font-weight:bold;
	font-size:16px;
	margin-bottom:15px;
}
.replyBox > div {font-size:0}
.replyBox textarea {width:calc(100% - 120px); height:100px;}
.replyBox .btn {width:120px; height:100px; line-height:100px; padding:0}
.replyList {margin-top:20px}
.replyList > li:first-child {border-top:none}
.replyList > li {padding:20px 0; border-top:1px solid #ddd}
.replyList > li .write {color:#999;}
.replyList > li .txt {margin-top:10px}



@media screen and (max-width:1216px) and (min-width:1016px) {
	.txtList {margin-left:-2%; width:102%;}
	.txtList > li {
		float:left;
		width:48%;
		margin-left:2%;
	}
}
@media screen and (max-width:1216px) {
	.squareList {margin-left:-7px}
	.squareList > li {margin-left:7px;}
}
@media screen and (max-width:716px) {
	.squareList {margin:0 0 0 -5px}
	.squareList > li {
		width:60px;
		height:60px;
		line-height:60px;
		margin:5px 0 0 5px;
		font-size:14px;
	}
}
/*-- [e] 사업안내 */

.newsletter-wrap .text-wrap{padding:20px 10px;border:1px solid #ddd;line-height:20px;}
.newsletter-wrap .text-wrap .tit{margin-top:45px;color:#333;font-weight:bold;}
.newsletter-wrap .text-wrap .text{margin-top:25px;}
.newsletter-wrap .privacy-wrap{margin-top:50px;border-top:1px solid #333;border-bottom:1px solid #333;}
.newsletter-wrap .privacy-wrap div{padding:10px 0;border-top:1px solid #ddd;}
.newsletter-wrap .privacy-wrap div:first-child{border:none;}
.newsletter-wrap .privacy-wrap input{vertical-align:middle;}
.newsletter-wrap .privacy-wrap label{display:inline-block;width:17%;vertical-align:middle;}

.ir_text, legend, .blind {
    overflow: hidden;
    position: absolute;
    border: 0;
    width: 1px;
    height: 1px;
    clip: rect(1px,1px,1px,1px);
}
.page {margin-top:25px;font-size:0;text-align:center;vertical-align: middle;}
.page a{display:inline-block;vertical-align: top;width:36px;height:36px !important;margin:0 2px;border:1px solid #a6a6a6;background-position:center center;background-repeat:no-repeat;padding:0 !important;}
.page a span{width:36px;height:36px;vertical-align:middle}
.page .sp_start{background-image:url(/resource/templete/cms4/img/common/first-arrow.png);background-size:auto;}
.page .sp_finish{background-image:url(/resource/templete/cms4/img/common/last-arrow.png);background-size:auto;}
.page .sp_prev{background-image:url(/resource/templete/cms4/img/common/left-arrow.png);background-size:auto;}
.page .sp_next{background-image:url(/resource/templete/cms4/img/common/right-arrow.png);background-size:auto;}
.page .paginate_input_wrap{display:inline-block;margin:0 6px 0 8px;font-size:18px;font-weight:700;color:#575757}
.page .paginate_input{display:inline-block;width:50px;height:34px;margin-right:6px;border:0;font-size:18px;font-weight:700;color:#575757;text-align:center;vertical-align:top;border-bottom:1px solid #000;}
.page .paginate .paginate_input {width:55px}
.page .paginate_input2{width:45px;}
.page .total_num{margin:0 14px;display: inline-block;padding-top:8px;}
.page .btn_page_go{width:57px;height:36px;background:#006dc9;font-weight:300;color:#fff;line-height:36px}

@media screen and (max-width:767px) {
    .page{margin-top:13px}
    .page a{width:28px;height:28px !important;margin:0 1px;}
    .page a span{width:28px;height:28px;vertical-align:middle}
    .page .paginate_input_wrap{margin:0;font-size:1.7rem}
    .page .paginate_input{height:28px;border-bottom:1px solid #000;}
    .page .total_num{margin:0 10px;}
    .page .btn_page_go{height:28px;font-size:1rem;line-height:28px}
}
@media screen and (max-width:767px) {
.btncancel {padding: 9px 6px;}

}

#noData {height:100px;}
.m_info {padding-top:10px;}

.yakguan-page {padding:30px;}
.yakguan-page .mt-20 {margin-top:20px;}