@charset "utf-8";
#headerWrap {
	transition:all .3s ease-in-out;
}
#headerWrap .logoBox>a {
	background-image:url("/images/layout/mainLogo2-1.png");
}
#headerWrap .menuOpen {
	background-image:url("/images/layout/menuBtn2.png");
}
#headerWrap .menuBox {
	height:1500px;
}
#headerWrap .logoBox.v2>a {
	background-image:url("/images/layout/mainLogo1-1.png");
}
#headerWrap .menuOpen.v2 {
	background-image:url("/images/layout/menuBtn.png");
}
#headerWrap.scroll {
	height:99px;
	box-sizing:border-box;
	padding:30px 100px 0;
	background-color:#fff;
	box-shadow:5px 0 15px rgba(0,0,0,0.11);
}
#subWrap {
	background:url("/images/sub/subBg.png") 88% top no-repeat;
}
.boardWrap {
	width:95%;
	max-width:1400px;
	margin:0 auto 50px;
	padding-top:240px;
	box-sizing:border-box;
	position: relative;
}
/*상단*/
.subTop {
	text-align:center;
	line-height:normal;
	margin-bottom:100px;
}
.subTop .subTit {
	font-size:80px;
	color:#000;
	letter-spacing:10px;
	font-family:'NotokrB';
}
.subTop .subSTit {
	font-size:20px;
	font-family:'NotokrL';
	color:#8a8a8a;
	letter-spacing:10px;
	margin-top:20px;
}
.searchBox {
	width:95%;
	max-width:439px;
	box-sizing:border-box;
	border-radius:50px;
	border:2px solid #000;
	margin:0 auto 50px;
	height:50px;
	position:relative;
}
.searchBox>* {
	height:100%;
	border:none;
	background-color:transparent;
	line-height:50px;
	box-sizing:border-box;
	vertical-align:top;
	font-size:16px;
	letter-spacing:-1px;
}
.searchBox>select {
	position:absolute;
	left:0;
	top:0;
	width:100px;
	box-sizing:border-box;
	text-align:center;
	color:#383838;
	padding-left:15px;
	z-index:1;
}
.searchBox>input[type=text] {
	color:#000;
	width:100%;
	box-sizing:border-box;
	padding:0 50px 0 110px;
}
.searchBox>input[type=text]::placeholder {
	color:#cecece;
}
.searchBox>input[type=button] {
	position:absolute;
	right:0;
	top:0;
	font-size:0;
	width:50px;
	background:url("/images/sub/searchIcon.png") center no-repeat;
	z-index: 1;
}
/*상단*/
/* 리스트*/
.boardWrap table {
	border-top:2px solid #000;
	box-sizing:border-box;
	table-layout:fixed;
}
.boardWrap table tbody tr {
	transition:all .3s ease-in-out;
	border-bottom:1px solid #e3e3e3;
	background:url("/images/sub/noticeOnBg.png") 67% 39% no-repeat;
}
.boardList tbody tr th,.boardList tbody tr td {
	padding:30px 0;
}
.boardList tbody tr th {
	text-align:center;
}
.boardList tbody tr th.boardNum .noticeNum {
	vertical-align:middle;
	display:inline-block;
	text-align:center;
	width:81px;
	height:88px;
	line-height:80px;
	background:url("/images/sub/noticeIcon.png") center no-repeat;
	color:#fff;
	font-size:18px;
	font-family:'NotorkB';
}
.boardList tbody tr th.boardNum .boardDay {
	font-size:45px;
	font-family:'NotokrB';
	line-height:50px;
	color:#000;
	transition:all .3s ease-in-out;
}
.boardList tbody tr th.boardNum .boardDate {
	font-size:16px;
	font-weight:normal;
	transition:all .3s ease-in-out;
}
.boardList tbody tr td.listTitle>a {
	display:block;
	padding-right:150px;
	box-sizing:border-box;
	background:url("/images/sub/plueOff.png") 98% center no-repeat;
	transition:all .3s ease-in-out;
}
.boardList tbody tr td.listTitle .ltTit {
	font-size:24px;
	font-family:'NotokrB';
	color:#000;
	letter-spacing:-0.1px;
	line-height:normal;
	transition:all .3s ease-in-out;
}
.boardList tbody tr td.listTitle .ltInfo {
	color:#383838;
	font-size:16px;
	letter-spacing:-0.1px;
	margin-top:10px;
	transition:all .3s ease-in-out;
	word-break:keep-all;
	display:inline-block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:normal;
	text-align:left;
	word-wrap:break-word;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
}
.boardList tbody tr:hover {
	background-color:#ef3b41;
	box-shadow:5px 0 15px rgba(0,0,0,0.32);
	margin-top:-1px;
	margin-left:-1px;
}
.boardList tbody tr:hover th.boardNum .boardDay,.boardList tbody tr:hover th.boardNum .boardDate,.boardList tbody tr:hover td.listTitle .ltTit,.boardList tbody tr:hover td.listTitle .ltInfo {
	color:#fff;
}
.boardList tbody tr:hover td.listTitle>a {
	background-image: url("/images/sub/plueOn.png");
}
/* 리스트*/
/*버튼*/
.btnWrap {
	width:102%;
}
.btnWrap.listBtn>a {
	position:relative;
	padding:0 5px;
	margin:0 5px;
	box-sizing:border-box;
}
.btnWrap.listBtn>a:before {
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:0;
	height:6px;
	background-color:#f9ee70;
	transition:all .3s ease-in-out;
	z-index:-1;
}
.btnWrap.listBtn>a:hover:before {
	width:100%;
}
.listMore {
	text-align:center;
}
.listMore>a {
	opacity:0.9;
	transition:all .3s ease-in-out;
}
.listMore>a:hover {
	opacity: 1;
}
/*버튼*/
@media screen and (max-width:1600px) {
	#subWrap {
		background-position:110% top;
		background-size:50%;
	}
}
@media screen and (max-width:1400px) {
	#subWrap {
		background-size:40%;
	}
	.boardWrap {
		padding-top:200px;
	}
}
@media screen and (max-width:1200px) {
	#headerWrap {
		padding:50px 30px 50px 15px;
	}
	#headerWrap.scroll {
		padding:30px 30px 30px 15px;
	}
	#headerWrap .menuOpen {
		padding-right:0;
		margin-right:-10px;
	}
	.boardWrap {
		padding-top:150px;
	}
	.subTop {
		margin-bottom:80px;
	}
	.subTop .subTit {
		font-size:70px;
	}
	.subTop .subSTit {
		font-size:18px;
		margin-top:15px;
	}
	.boardList tbody tr th.boardNum .boardDay {
		font-size:40px;
	}
	.boardList tbody tr th.boardNum .boardDate {
		font-size:15px;
	}
	.boardList tbody tr td.listTitle>a {
		background-size:50px;
		padding-right:100px;
	}
	.boardList tbody tr td.listTitle .ltTit {
		font-size:22px;
	}
	.boardList tbody tr td.listTitle .ltInfo {
		font-size:15px;
	}
	.btnWrap {
		width:100%;
	}
}
@media screen and (max-width:1000px) {
	/*#headerWrap{padding: 30px 30px 30px 15px;}*/
	#headerWrap.scroll {
		padding:30px 30px 30px 15px;
	}
}
@media screen and (max-width:768px) {
	#headerWrap {
		padding:30px 20px 30px 10px;
	}
	#headerWrap.scroll {
		padding:20px 20px 20px 10px;
		height:80px;
	}
	.boardWrap {
		padding-top:120px;
	}
	.subTop {
		margin-bottom:60px;
	}
	.subTop .subTit {
		font-size:60px;
	}
	.subTop .subSTit {
		font-size:16px;
		margin-top:10px;
		letter-spacing:5px;
	}
	.searchBox {
		height:45px;
	}
	.searchBox>* {
		line-height:45px;
	}
	.boardList tbody tr th,.boardList tbody tr td {
		padding:15px 0;
	}
	.boardList tbody tr th.boardNum .noticeNum {
		width:70px;
		height:78px;
		line-height:70px;
		background-size:100%;
	}
	.boardList tbody tr th.boardNum .boardDay {
		font-size:30px;
		line-height:30px;
	}
	.boardList tbody tr th.boardNum .boardDate {
		font-size:14px;
	}
	.boardList tbody tr td.listTitle>a {
		background-size:40px;
		padding-left:10px;
		padding-right:80px;
	}
	.boardList tbody tr td.listTitle .ltTit {
		font-size:20px;
	}
	.boardList tbody tr td.listTitle .ltInfo {
		font-size:14px;
	}
	.listMore img {
		width:70px;
	}
}
@media screen and (max-width:640px) {
	.boardWrap {
		padding-top:100px;
	}
	.subTop {
		margin-bottom:50px;
	}
	.subTop .subTit {
		font-size:50px;
		letter-spacing:15px;
		line-height:50px;
	}
	.subTop .subSTit {
		font-size:15px;
		letter-spacing:3px;
	}
	.searchBox {
		margin-bottom:30px;
		width:70%;
	}
}
@media screen and (max-width:480px) {
	.subTop {
		margin-bottom:40px;
	}
	.subTop .subTit {
		font-size:40px;
		letter-spacing:9px;
		line-height:40px;
	}
	.subTop .subSTit {
		font-size:14px;
		letter-spacing:1px;
	}
	.searchBox {
		width:90%;
	}
	.searchBox {
		height:40px;
	}
	.searchBox>* {
		font-size:14px;
		line-height:40px;
	}
	.searchBox>select {
		width:80px;
	}
	.searchBox>input[type=text] {
		padding:0 40px 0 90px;
	}
	.searchBox>input[type=button] {
		width:40px;
		background-size:50% !important;
	}
	.boardList tbody tr th.boardNum .noticeNum {
		width:60px;
		font-size:15px;
	}
	.boardList tbody tr th.boardNum .boardDay {
		font-size:25px;
		line-height:30px;
	}
	.boardList tbody tr th.boardNum .boardDate {
		font-size:13px;
	}
	.boardList tbody tr td.listTitle>a {
		padding-right:10px;
		background:none;
	}
	.boardList tbody tr td.listTitle .ltTit {
		font-size:16px;
	}
	.boardList tbody tr td.listTitle .ltInfo {
		font-size:13px;
		margin-top:5px;
	}
	.listMore img {
		width: 60px;
	}
}
/* 글쓰기 */
.boardWrite .writeTable tbody tr th,.boardWrite .writeTable tbody tr td {
	padding:10px 0px 10px 20px;
}
.boardWrite .writeTable tbody tr th {
	width:10%;
}
.boardWrite .writeTable tbody tr td {
	width:90%;
}
.boardWrite .writeTable tbody tr th label {
	font-size:20px;
	color:#000;
	font-family:'NotokrR';
	font-weight:500;
}
.boardWrite .writeTable tbody tr td {
	height:70px;
	padding-right:10px;
	box-sizing:border-box;
}
.boardWrite .writeTable tbody tr td a.ntCheck {
	display:inline-block;
	width:32px;
	height:32px;
	font-size:0;
	background:url("/images/sub/noticeOff.png") center no-repeat;
	background-size:100%;
}
.boardWrite .writeTable tbody tr td a.ntCheck.ntCheckActive {
	background-image:url("/images/sub/noticeOn.png");
}
.boardWrite .writeTable tbody tr td input[type=text] {
	height:48px;
	box-sizing:border-box;
	border:1px solid #e3e3e3;
	padding-left:10px;
	font-size:16px;
}
.boardWrite .writeTable tbody tr td textarea {
	width:99%;
	height:450px;
	resize:none;
	border:1px solid #e3e3e3;
}
input[type="file"].writeFile {
	position:absolute;
	top:0px;
	left:0px;
	width:0;
	height:0;
}
.fileWrap {
	position:relative;
	width:100%;
}
.fileWrap .fileBox {
	display:block;
	position:relative;
	padding-right:113px;
	box-sizing:border-box;
	width:534px;
}
.fileWrap .fileBox>p {
	float:left;
	height:48px;
	box-sizing:border-box;
}
.fileWrap .fileBox>p.fileName {
	border:1px solid #d6d6d6;
	border-right:0;
	width:100%;
	line-height:48px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:17px;
	padding-left:10px;
	box-sizing:border-box;
}
.fileWrap .fileBox>p.fileBtn {
	background:#7b7b7b;
	color:#fff;
	width:113px;
	position:absolute;
	right:0;
	top:0;
	line-height:48px;
	text-align:center;
	font-size:17px;
}
.btnWrap.writeBtn>a,.btnWrap.writeBtn input {
	display:inline-block;
	margin:0 10px;
	vertical-align:top;
}
.btnWrap.writeBtn>a img,.btnWrap.writeBtn input {
	box-shadow:5px 0px 15px rgba(0,0,0,0.34);
	opacity:0.9;
	transition:all .3s ease-in-out;
}
.btnWrap.writeBtn>a:hover img,.btnWrap.writeBtn input:hover {
	opacity:1
}
@media screen and (max-width:1000px) {
	.boardWrite .writeTable tbody tr th {
		width:15%;
	}
	.boardWrite .writeTable tbody tr th label {
		font-size:18px;
	}
	.boardWrite .writeTable tbody tr td {
		width:75%;
	}
}
@media screen and (max-width:768px) {
	.boardWrite .writeTable tbody tr th label {
		font-size:16px;
	}
	.boardWrite .writeTable tbody tr td {
		height:60px;
	}
	.boardWrite .writeTable tbody tr td a.ntCheck {
		width:25px;
		height:25px;
	}
	.boardWrite .writeTable tbody tr td input[type=text] {
		font-size:14px;
		height:38px;
	}
	.fileWrap .fileBox>p {
		height:38px;
		font-size:15px;
	}
	.fileWrap .fileBox>p.fileBtn {
		line-height:38px;
		font-size:15px;
	}
	.fileWrap .fileBox {
		width:100%;
	}
	.btnWrap.writeBtn>a,.btnWrap.writeBtn input:hover {
		margin:0 -10px;
	}
	.btnWrap.writeBtn>a img,.btnWrap.writeBtn input:hover {
		width:70%;
	}
}
@media screen and (max-width:480px) {
	.boardWrite .writeTable tbody tr th {
		width:30%;
	}
	.boardWrite .writeTable tbody tr td {
		width:70%;
	}
	.boardWrite .writeTable tbody tr th label {
		font-size:15px;
	}
	.fileWrap .fileBox {
		padding-right:90px;
	}
	.fileWrap .fileBox>p.fileBtn {
		width:90px;
	}
	.btnWrap .boardBtn img {
		width:20%;
	}
	.btnWrap .boardBtn.boardFix img {
		width:23%;
	}
	.btnWrap .boardBtn.boardRe img {
		width: 19.5%;
	}
}
/* 글보기 */
.boardView {
	width:100%;
	border-bottom:1px solid #e3e3e3;
	padding-bottom:30px;
}
.boardView .bvTitleBox {
	width:100%;
	overflow:hidden;
	box-sizing:border-box;
	position:relative;
	padding:0 0px 15px 10px;
	margin-bottom:30px;
	border-bottom:1px solid #000;
	vertical-align:bottom;
	line-height:normal;
}
.boardView .bvTitleBox>p.bvTitle {
	font-size:35px;
	font-family:'NotokrB';
	color:#000;
	float:left;
	display:inline-block;
}
.boardView .bvTitleBox>p.bvDate {
	float:right;
	display:inline;
	margin-top:20px;
	font-size:20px;
}
.boardView .bvCntBox a.cntImg>img {
	max-width:100%;
	margin:0 auto;
	display: block;
}
/* 글보기 */
@media screen and (max-width:1200px) {
	.boardView .bvTitleBox>p.bvTitle {
		font-size:30px;
	}
	.boardView .bvTitleBox>p.bvDate {
		font-size:18px;
	}
}
@media screen and (max-width:1000px) {
	.boardView .bvTitleBox>p.bvTitle {
		font-size:25px;
	}
	.boardView .bvTitleBox>p.bvDate {
		font-size:16px;
		margin-top:10px;
	}
}
@media screen and (max-width:768px) {
	.boardView .bvTitleBox>p.bvTitle {
		font-size:23px;
	}
	.boardView .bvTitleBox>p.bvDate {
		font-size:15px;
	}
}
@media screen and (max-width:640px) {
	.boardView .bvTitleBox>p.bvTitle {
		font-size:20px;
	}
	.boardView .bvTitleBox>p.bvDate {
		font-size: 14px;
	}
}
/* S.ABOUT */
.aboutWrap {
	margin-bottom:0;
	max-width:none;
	width:100%;
	overflow:hidden;
}
.aboutWrap .subTop {
	margin-bottom:30px;
}
.abSubCnt1 {
	text-align:left;
	max-width:500px;
	margin:120px auto 0;
	padding-left:400px;
}
.abSubCnt1 .sc1Title {
	font-size:40px;
	font-family:'NotokrB';
	color:#161616;
	line-height:normal;
}
.abSubCnt1 .sc1Cnt {
	font-size:20px;
	color:#020202;
	margin-top:10px;
}
.abSubCnt1 .sc1Cnt span {
	color:#ef3139;
}
.aboutCnt {
	background-color:#f3f3f3;
	padding:40px 0;
	position:relative;
}
.aboutCnt:before {
	background:url("/images/sub/abuotIcon4.png") center no-repeat;
	width:260px;
	height:281px;
	display:block;
	content:'';
	position:absolute;
	top:-130px;
	right:50%;
	transform:translate(830px,0);
	background-size:100%;
}
.aboutCnt .aboutLeft {
	width:35%;
	max-width:727px;
	height:1072px;
	position:absolute;
	top:-536px;
	left:0;
	background:url("/images/sub/aboutBg.png") center no-repeat;
	background-size:100%;
}
.aboutCnt .alCnt {
	width:303px;
	height:303px;
	border:1px solid #e4e4e4;
	box-shadow:5px 0 15px rgba(0,0,0,0.12);
	border-radius:50%;
	position:absolute;
	text-align:center;
	box-sizing:border-box;
	padding-top:190px;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center 40%;
}
.aboutCnt .alCnt span {
	font-family:'NotokrB';
}
.aboutCnt .alCnt1 {
	background-image:url("/images/sub/abuotIcon1.png");
	top:120px;
	left:15%;
}
.aboutCnt .alCnt2 {
	background-image:url("/images/sub/abuotIcon2.png");
	top:50%;
	right:-111px;
	margin-top:-151px;
}
.aboutCnt .alCnt3 {
	background-image:url("/images/sub/abuotIcon3.png");
	bottom:120px;
	left:15%;
}
.aboutCnt .acCnt {
	width:600px;
	margin:0 auto;
	padding-left:500px;
	font-size:16px;
	letter-spacing:-1px;
}
.aboutCnt .ourService {
	max-width:1400px;
	width:95%;
	margin:250px auto 0;
	text-align:center;
}
.aboutCnt .ourService .osTitleBox .osTitle {
	font-size:60px;
	font-family:'NotokrB';
	position:relative;
	line-height:normal;
	color:#000;
}
.aboutCnt .ourService .osTitleBox .osTitle:before {
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:50%;
	width:65px;
	height:2px;
	background:#ee3037;
	margin-left:-32px;
}
.aboutCnt .ourService .osTitleBox .osSubTitle {
	font-size:20px;
	font-family:'NotokrL';
	color:#020202;
	margin-top:25px;
}
.aboutCnt .ourService .osTitleBox .osSubTitle>br {
	display:none;
}
.aboutCnt .ourService .partnerBox {
	margin-top:70px;
}
.aboutCnt .ourService .partnerBox li.partnerList {
	opacity: 1;
}
/* E.ABOUT */
@media screen and (max-width:1600px) {
	/* S.ABOUT */
	.aboutCnt .aboutLeft {
		height:950px;
		top:-475px;
	}
	.aboutCnt .alCnt {
		width:250px;
		height:250px;
		padding-top:140px;
		background-size:20%;
	}
	.aboutCnt .alCnt1 {
		top:130px;
		left:13%;
	}
	.aboutCnt .alCnt2 {
		margin-top:-125px;
		right:-90px;
	}
	.aboutCnt .alCnt3 {
		bottom:130px;
		left: 13%;
	}
	/* E.ABOUT */
}
@media screen and (max-width:1400px) {
	/* S.ABOUT */
	.abSubCnt1 .sc1Title {
		font-size:35px;
	}
	.abSubCnt1 .sc1Cnt {
		font-size:18px;
	}
	.abSubCnt1 {
		padding-left:300px;
	}
	.aboutCnt:before {
		transform:translate(750px,0);
	}
	.aboutCnt .acCnt {
		font-size:15px;
		padding-left:400px;
	}
	.aboutCnt .aboutLeft {
		height:740px;
		top:-370px;
	}
	.aboutCnt .alCnt {
		width:220px;
		height:220px;
		padding-top:130px;
	}
	.aboutCnt .alCnt1 {
		top:60px;
		left:15%;
	}
	.aboutCnt .alCnt2 {
		margin-top:-110px;
		right:-70px;
	}
	.aboutCnt .alCnt3 {
		bottom:60px;
		left:15%;
	}
	.aboutCnt .ourService {
		margin-top: 200px;
	}
	/* E.ABOUT */
}
@media screen and (max-width:1200px) {
	/* S.ABOUT */
	.abSubCnt1 .sc1Title {
		font-size:30px;
	}
	.abSubCnt1 .sc1Cnt {
		font-size:16px;
	}
	.abSubCnt1 {
		padding-left:330px;
	}
	.aboutCnt:before {
		width:200px;
		transform:translate(300%,0);
		height:231px;
		top:-115px;
	}
	.aboutCnt .acCnt {
		font-size:15px;
		padding-left:430px;
	}
	.aboutCnt .aboutLeft {
		height:630px;
		top:-315px;
	}
	.aboutCnt .alCnt {
		width:190px;
		height:190px;
		padding-top:110px;
	}
	.aboutCnt .alCnt1 {
		top:6%;
		left:15%;
	}
	.aboutCnt .alCnt2 {
		margin-top:-100px;
		right:-60px;
	}
	.aboutCnt .alCnt3 {
		bottom:6%;
		left:15%;
	}
	.aboutCnt .ourService {
		margin-top:180px;
	}
	.aboutCnt .ourService .osTitleBox .osTitle {
		font-size:50px;
	}
	.aboutCnt .ourService .osTitleBox .osSubTitle {
		font-size:18px;
	}
	.aboutCnt .ourService .partnerBox {
		margin-top: 50px;
	}
	/* E.ABOUT */
}
@media screen and (max-width:1000px) {
	/* S.ABOUT */
	.abSubCnt1 .sc1Title {
		font-size:25px;
	}
	.abSubCnt1 .sc1Cnt {
		font-size:15px;
	}
	.abSubCnt1 {
		padding-left:45%;
		margin-bottom:50px;
		margin-top:70px;
	}
	.aboutCnt:before {
		width:160px;
		transform:translate(0,0);
		right:-10%;
		height:231px;
		top:-115px;
	}
	.aboutCnt .acCnt {
		font-size:14px;
		padding-left:35%;
		margin-top:45px;
	}
	.aboutCnt .aboutLeft {
		height:60%;
		top:-50%;
		transform:translate(0,33%);
	}
	.aboutCnt .alCnt {
		width:160px;
		height:160px;
		padding-top:85px;
		background-position:center 35%;
		line-height:16px;
	}
	.aboutCnt .alCnt1 {
		top:9%;
		left:13%;
	}
	.aboutCnt .alCnt2 {
		margin-top:-85px;
		right:-60px;
	}
	.aboutCnt .alCnt3 {
		bottom:9%;
		left:13%;
	}
	.aboutCnt .ourService {
		margin-top:160px;
	}
	.aboutCnt .ourService .osTitleBox .osTitle {
		font-size:45px;
	}
	.aboutCnt .ourService .osTitleBox .osSubTitle {
		font-size:17px;
	}
	.aboutCnt .ourService .partnerBox {
		margin-top: 40px;
	}
	/* E.ABOUT */
}
@media screen and (max-width:768px) {
	/* S.ABOUT */
	.abSubCnt1 .sc1Title {
		font-size:23px;
	}
	.abSubCnt1 {
		padding-left:0px;
		margin-bottom:20px;
		margin-top:70px;
		width:93%;
		max-width:none;
	}
	.aboutCnt:before {
		width:37%;
		height:340px;
		top:-170px;
	}
	.aboutCnt .aboutLeft {
		position:static;
		transform:translate(0,0);
		width:95%;
		margin:0 auto;
		overflow:hidden;
		max-width:none;
		background:none;
	}
	.aboutCnt .alCnt {
		position:static;
		width:31.33%;
		margin:0 1%;
		border:1px solid rgba(203,41,55,0.4);
		box-sizing:border-box;
		border-radius:0;
		float:left;
		height:140px;
		background-color:rgba(255,255,255,0.9);
		background-size:15%;
		background-position:center 30%;
		padding-top:80px;
		font-size:14px;
		line-height:17px;
	}
	.aboutCnt .acCnt {
		font-size:15px;
		padding-left:0;
		width:93%;
		margin-top:20px;
	}
	.aboutCnt .ourService {
		margin-top:120px;
	}
	.aboutCnt .ourService .osTitleBox .osTitle {
		font-size:40px;
	}
	.aboutCnt .ourService .osTitleBox .osSubTitle {
		font-size:16px;
		margin-top:15px;
	}
	.aboutCnt .ourService .partnerBox {
		margin-top: 30px;
	}
	/* E.ABOUT */
}
@media screen and (max-width:640px) {
	/* S.ABOUT */
	.aboutCnt .ourService {
		margin-top:80px;
	}
	.aboutCnt .ourService .osTitleBox .osTitle {
		font-size:30px;
	}
	.aboutCnt .ourService .osTitleBox .osSubTitle {
		font-size:14px;
		word-break:keep-all;
	}
	.aboutCnt .ourService .osTitleBox .osSubTitle>br {
		display:block;
	}
	.aboutCnt .ourService .partnerBox {
		margin-top: 30px;
	}
	/* E.ABOUT */
}
@media screen and (max-width:480px) {
	/* S.ABOUT */
	.abSubCnt1 .sc1Cnt {
		font-size:14px;
	}
	.aboutCnt:before {
		width:50%;
		top:-15%;
		right:-18%;
	}
	.aboutCnt .alCnt {
		background-size:25px;
		font-size:13px;
	}
	.aboutCnt .acCnt {
		font-size:14px;
	}
	.aboutCnt .acCnt>br {
		display:none;
	}
	.aboutCnt .ourService {
		margin-top:50px;
	}
	.aboutCnt .ourService .osTitleBox .osTitle {
		font-size:30px;
	}
	.aboutCnt .ourService .osTitleBox .osSubTitle {
		font-size:14px;
		word-break:keep-all;
	}
	.aboutCnt .ourService .osTitleBox .osSubTitle>br {
		display:none;
	}
	.aboutCnt .ourService .partnerBox {
		margin-top: 30px;
	}
	/* E.ABOUT */
}
/* S.포트폴리오 뷰페이지 */
#pfView {
	width:100%;
	overflow:hidden;
}
.pfBg {
	padding:217px 0;
	box-sizing:border-box;
	text-align:center;
	background-size:cover;
	background-position:center;
}
.pfBg .pfCate {
	font-size:20px;
	position:relative;
	padding-top:15px;
	box-sizing:border-box;
	color:rgba(255,255,255,0.6);
	letter-spacing:2px;
}
.pfBg .pfCate:before {
	width:50px;
	height:1px;
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:50%;
	margin-left:-25px;
	background-color:rgba(255,255,255,0.6);
}
.pfBg .pfTitle {
	font-size:60px;
	font-family:'NotokrB';
	color:#fff;
	line-height:normal;
	margin-top:5px;
}
.pfCntBox {
	position:relative;
	width:100%;
}
.pfCntBox .pfInfoLink {
	position:absolute;
	width:945px;
	left:50%;
	top:0%;
	transform:translate(-50%,-50%);
	box-sizing:border-box;
}
.pfCntBox .pfInfoLink:before {
	content:'';
	display:block;
	width:746px;
	height:810px;
	position:absolute;
	right:-50%;
	top:-120%;
	background:url("/images/sub/logoGray.png") center no-repeat;
	z-index:0;
	opacity:0.3;
	background-size:100%;
}
.pfCntBox .pfInfoLink .pfInfoBox {
	width:100%;
	overflow:hidden;
	box-sizing:border-box;
	padding:30px;
	position:relative;
	background-color:rgba(237,27,35,0.95);
	box-shadow:5px 0 15px rgba(0,0,0,0.34);
	z-index:2;
}
.pfCntBox .pfInfoLink .pfInfoBox .pfInfo {
	float:left;
	width:50%;
	min-height:113px;
	padding:10px 0;
	box-sizing:border-box;
	color:#fff;
	background-position:30px center;
	background-repeat:no-repeat;
}
.pfCntBox .pfInfoLink .pfInfoBox .pfInfo.pfClent {
	border-right:1px solid rgba(255,255,255,0.24);
	background-image:url("/images/sub/portClient.png");
	padding-left:100px;
}
.pfCntBox .pfInfoLink .pfInfoBox .pfInfo.pfWork {
	background-image:url("/images/sub/portWork.png");
	background-position:60px center;
	padding-left:140px;
}
.pfCntBox .pfInfoLink .pfInfoBox .pfInfo .pfiTit {
	font-family:'NotokrB';
	margin-bottom:10px;
}
.pfCntBox .pfInfoLink .pfInfoBox .pfInfo .pfiCnt {
	font-family:'NotokrL';
	line-height:normal;
	word-break:break-all;
}
.pfCntBox .pfInfoLink .pfLink {
	position:absolute;
	right:30px;
	bottom:0px;
	transform:translate(0,50%);
	width:227px;
	height:57px;
	text-align:center;
	line-height:57px;
	transition:all 0.5s ease-in-out;
	box-shadow:5px 0 15px rgba(0,0,0,0.34);
	background-color:#212121;
	z-index:3;
}
.pfCntBox .pfInfoLink .pfLink:hover {
	background-color:#464242;
}
.pfCntBox .pfInfoLink .pfLink>a {
	display:block;
	width:100%;
	height:100%;
}
.pfCntBox .pfInfoLink .pfLink>a>span {
	color:#fff;
	font-family:'NotokrB';
	box-sizing:border-box;
	padding-left:40px;
	background:url("/images/sub/portLink.png") 10px center no-repeat;
}
.pfCntBox>img {
	width:100%;
	max-width:100%;
}
@media screen and (max-width:1200px) {
	.pfBg {
		padding:170px 0 220px;
	}
	.pfBg .pfCate {
		font-size:18px;
	}
	.pfBg .pfTitle {
		font-size:55px;
	}
	.pfCntBox {
		padding-top:70px;
	}
	.pfCntBox .pfInfoLink {
		width:850px;
	}
	.pfCntBox .pfInfoLink .pfLink {
		width:200px;
		background-position:30px center;
	}
}
@media screen and (max-width:1000px) {
	.pfBg {
		padding:140px 0 180px;
	}
	.pfBg .pfCate {
		font-size:16px;
	}
	.pfBg .pfTitle {
		font-size:50px;
	}
	.pfCntBox .pfInfoLink {
		width:90%;
	}
	.pfCntBox .pfInfoLink:before {
		width:80%;
	}
	.pfCntBox .pfInfoLink .pfInfoBox {
		padding:20px;
	}
	.pfCntBox .pfInfoLink .pfLink {
		width:200px;
	}
}
@media screen and (max-width:768px) {
	.pfBg {
		padding:140px 0 180px;
	}
	.pfBg .pfCate {
		font-size:15px;
	}
	.pfBg .pfTitle {
		font-size:45px;
	}
	.pfCntBox .pfInfoLink .pfInfoBox .pfInfo {
		/*background-size:8%;*/min-height:103px;
	}
	.pfCntBox .pfInfoLink .pfInfoBox .pfInfo.pfClent {
		background-position:20px center;
		padding-left:70px;
	}
	.pfCntBox .pfInfoLink .pfInfoBox .pfInfo.pfWork {
		background-position:35px center;
		padding-left:100px;
	}
	.pfCntBox .pfInfoLink .pfInfoBox .pfInfo .pfiTit {
		margin-bottom:5px;
	}
	.pfCntBox .pfInfoLink .pfLink {
		height:47px;
		line-height:47px;
	}
	.pfCntBox .pfInfoLink .pfLink>a>span {
		font-size:14px;
		background-size:14%;
	}
}
@media screen and (max-width:640px) {
	.pfBg {
		padding:100px 0;
	}
	.pfBg .pfCate {
		font-size:14px;
	}
	.pfBg .pfTitle {
		font-size:40px;
	}
	.pfCntBox {
		padding-top:0;
	}
	.pfCntBox .pfInfoLink {
		width:100%;
		position:relative;
		transform:translate(0,0);
		margin:0 auto;
		left:0;
	}
	.pfCntBox .pfInfoLink:before {
		right:-10%;
		top:-180%;
		width:50%;
	}
	.pfCntBox .pfInfoLink .pfLink {
		position:relative;
		width:100%;
		transform:translate(0,0);
		right:0;
	}
}
@media screen and (max-width:480px) {
	.pfBg {
		padding:80px 0;
	}
	.pfBg .pfCate {
		font-size:14px;
	}
	.pfBg .pfTitle {
		font-size:35px;
	}
	.pfCntBox .pfInfoLink:before {
		right:-10%;
		top:-150%;
		width:50%;
	}
	.pfCntBox .pfInfoLink .pfInfoBox .pfInfo {
		float:none;
		width:100%;
		min-height:auto;
		background-size:auto;
	}
	.pfCntBox .pfInfoLink .pfInfoBox .pfInfo.pfClent {
		border-bottom:1px solid rgba(255,255,255,0.24);
		border-right:0;
		padding-left:80px;
	}
	.pfCntBox .pfInfoLink .pfInfoBox .pfInfo.pfWork {
		padding-left:80px;
		background-position: 20px center;
	}
}
/* E.포트폴리오 뷰페이지 */
/* S.포트폴리오 리스트 */
.portWrap {
	margin:0 auto 50px;
	padding-top:240px;
	box-sizing:border-box;
	position:relative;
}
.subTop .subRed {
	font-size:40px;
	font-family:'NotokrL';
	color:#ed1b23;
	letter-spacing:13px;
}
.portWrap .subTop {
	width:95%;
	margin:0 auto 70px;
}
.pfWrap {
	width:100%;
	position:relative;
}
.pfWrap .pfCateBox {
	text-align:center;
	width:95%;
	max-width:1000px;
	margin:0 auto 70px;
	overflow:hidden;
        display:flex;
        justify-content:space-between;
       flex-flow:wrap;
}
.pfWrap .pfCateBox .pfCate {
	width:20%;
	float:left;
}
.pfWrap .pfCateBox .pfCate>a {
	font-size:18px;
	font-family:'NotokrL';
	color:#808080;
	transition:all .3s ease-in-out;
}
.pfWrap .pfCateBox .pfCate>a.pfActive {
	font-family:'NotokrB';
	color:#ef3139;
}
.pfWrap .pfListBox {
	width:100%;
	overflow:hidden;
}
.pfWrap .pfListBox>ul {
	margin:0 -1%;
	overflow:hidden;
}
.pfWrap .pfListBox .pfList {
	width:23%;
	float:left;
	margin:1%;
	position:relative;
}
.pfWrap .pfListBox .pfList img {
	max-width:100%;
	box-shadow:5px 0 15px rgb(0,0,0,0.32);
}
.pfWrap .pfListBox .pfList>a {
	width:100%;
	height:100%;
	opacity:0;
	position:absolute;
	top:0px;
	left:0px;
	background:url("/images/sub/plueOn.png") center 80% no-repeat rgba(240,59,55,0.95);
	padding:50% 7% 0;
	box-sizing:border-box;
	transition:all .5s ease-in-out;
}
.pfWrap .pfListBox .pfList>a p {
	color:#fff;
}
.pfWrap .pfListBox .pfList>a>div {
	position:absolute;
	bottom:60%;
	width:90%;
}
.pfWrap .pfListBox .pfList>a p.portTitle {
	font-size:26px;
	font-family:'NotokrB';
	letter-spacing:-0.5px;
	margin-bottom:30px;
	line-height:normal;
	vertical-align:bottom;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
        width:100%;
}
.pfWrap .pfListBox .pfList>a p.portInfo {
	position:relative;
	padding-left:75px;
	margin:10px 0;
	font-size:16px;
	letter-spacing:-0.5px;
	line-height:normal;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.pfWrap .pfListBox .pfList>a p.portInfo>span {
	position:absolute;
	left:0;
	font-family:'NotokrB';
}
.portWrap .btnWrap {
	width:100%;
}
@media screen and (max-width:1400px) {
	.pfWrap .pfListBox .pfList>a {
		background-position:center 85%;
		background-size:50px;
	}
	.pfWrap .pfListBox .pfList>a p.portTitle {
		font-size:23px;
	}
	.pfWrap .pfListBox .pfList>a p.portInfo {
		font-size:15px;
		padding-left:60px;
		word-break:break-word;
	}
}
@media screen and (max-width:1200px) {
	.subTop .subRed {
		font-size:30px;
		letter-spacing:10px;
	}
	.pfWrap .pfListBox .pfList>a {
		padding:45% 5% 0;
		background-size:40px;
		background-position:center 90%;
	}
	.pfWrap .pfListBox .pfList>a>div {
		bottom:65%;
	}
	.pfWrap .pfListBox .pfList>a p.portTitle {
		font-size:20px;
		margin-bottom:15px;
	}
	.pfWrap .pfListBox .pfList>a p.portInfo {
		letter-spacing:-1px;
	}
}
@media screen and (min-width:1024px) {
	.pfWrap .pfCateBox .pfCate>a:hover {
		font-family:'NotokrB';
		color:#ef3139;
		letter-spacing:-0.1px;
	}
	.pfWrap .pfListBox .pfList:hover>a {
		opacity:1;
		top:-20px;
		left:-20px;
	}
}
@media screen and (max-width:1024px) {
	.portWrap {
		padding-top:180px;
	}
	.subTop .subRed {
		font-size:25px;
		letter-spacing:9px;
	}
	.pfWrap .pfListBox .pfList {
		margin:1.5% 1%;
	}
	.pfWrap .pfListBox .pfList {
		width:31.333%;
	}
	.pfWrap .pfListBox .pfList>a {
		opacity:1;
		bottom:0;
		top:auto;
		height:140px;
		background-color:rgba(255,255,255,.95);
		padding:15px;
		border:1px solid #dedede;
		border-top:0;
		background-image:url("/images/layout/logoRed2.png");
		background-position:125% center;
		background-repeat:no-repeat;
		background-size:100px;
	}
	.pfWrap .pfListBox .pfList>a p {
		color:#000;
		display:block;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	.pfWrap .pfListBox .pfList>a>div {
		display:block;
		width:100%;
		position:relative;
		bottom:0;
	}
	.pfWrap .pfListBox .pfList>a p.portTitle {
		font-size:18px;
		margin-bottom:10px;
		display:block;
	}
	.pfWrap .pfListBox .pfList>a p.portInfo {
		margin:5px 0;
		font-size:14px;
	}
}
@media screen and (max-width:768px) {
	.subTop .subRed {
		font-size:23px;
		letter-spacing:7px;
	}
	.pfWrap .pfCateBox {
		text-align:center;
		margin-bottom:50px;
	}
	.pfWrap .pfCateBox .pfCate {
		float:none;
		display:inline-block;
		width:auto;
		margin:0 3%;
	}
}
@media screen and (min-width:640px) {
}
@media screen and (max-width:640px) {
	.portWrap {
		padding-top:120px;
	}
	.portWrap .subTop {
		margin-bottom:50px;
	}
	.subTop .subRed {
		font-size:20px;
	}
	.pfWrap .pfCateBox .pfCate {
		margin:0 2%;
	}
	.pfWrap .pfCateBox .pfCate>a {
		font-size:16px;
		letter-spacing:-1px;
	}
	.pfWrap .pfListBox .pfList {
		width:90%;
		float:none;
		margin:0 auto 80px;
	}
	.pfWrap .pfListBox .pfList>img {
		width:100%;
	}
	.pfWrap .pfListBox .pfList>a {
		width:90%;
		bottom:-40px;
		left:50%;
		transform:translate(-50%,0);
		background-color:#eb373f;
		background-image:none;
		border:none;
		padding:50px;
		height:auto;
	}
	.pfWrap .pfListBox .pfList>a p.portTitle {
		font-size:20px;
		margin-bottom:30px;
		text-overflow:initial;
		overflow:initial;
		white-space:initial;
	}
	.pfWrap .pfListBox .pfList>a p.portInfo {
		font-size:21px;
		padding-left:85px;
		margin-bottom:15px;
	}
	.pfWrap .pfListBox .pfList>a p {
		color:#fff;
	}
}
@media screen and (max-width:480px) {
	.portWrap .subTop,.pfWrap .pfCateBox {
		margin-bottom:30px;
	}
	.subTop .subRed {
		font-size:18px;
		letter-spacing:5px;
	}
	.pfWrap .pfCateBox .pfCate {
		margin:2% 7%;
	}
	.pfWrap .pfCateBox .pfCate>a {
		font-size:16px;
	}
	.pfWrap .pfListBox .pfList>a {
		padding:20px;
	}
	.pfWrap .pfListBox .pfList>a p.portTitle {
		font-size:18px;
		margin-bottom:20px;
	}
	.pfWrap .pfListBox .pfList>a p.portInfo {
		font-size:16px;
		padding-left:65px;
		margin-bottom:15px;
	}
}
@media screen and (max-width:400px) {
	.pfWrap .pfListBox .pfList>a {
		padding:20px;
	}
	.pfWrap .pfListBox .pfList>a p.portTitle {
		margin-bottom:15px;
	}
	.pfWrap .pfListBox .pfList>a p.portInfo {
		font-size:15px;
		padding-left: 60px;
	}
}
/* E.포트폴리오 리스트 */
/* 오시는길 */
.loWrap {
	max-width:none;
	width:100%;
	margin-bottom:0;
	overflow:hidden;
}
.loWrap .subTop {
	margin-bottom:0;
}
.loCntBox {
	width:90%;
	margin:0 auto;
	position:relative;
}
.loCntBox .loInfo {
	width:602px;
	position:relative;
	bottom:-100px;
}
.loCntBox .loInfo:before,.loCntBox .loInfoBox:before {
	content:'';
	display:block;
	width:201px;
	height:219px;
	position:absolute;
	right:0%;
	bottom:20px;
	transform:translate(50%,0);
	background:url("/images/sub/logoGray2.png") center no-repeat;
	opacity:0.2;
	background-size:100% !important;
}
.loCntBox .loInfo .loTit {
	color:#000;
	font-size:35px;
	font-family:'NotoKrM';
	letter-spacing:2px;
	line-height:normal;
}
.loCntBox .loInfoBox {
	width:100%;
	padding:100px 10px 60px 40px;
	box-sizing:border-box;
	box-shadow:15px 0 15px rgba(0,0,0,0.23);
	background-color:#ee272e;
	position:relative;
	overflow:hidden;
	z-index:1001;
}
.loCntBox .loInfoBox:before {
	background:url("/images/sub/logoWhite.png") center no-repeat;
}
.loCntBox .loInfoBox .lifTit {
	position:absolute;
	top:2px;
	left:40px;
	font-family:'NotokrL';
	font-size:40px;
	color:#fff;
	opacity:.16;
	letter-spacing:1.5px;
}
.loCntBox .loInfoBox .lifCnt {
	position:relative;
	color:#fff;
	font-family:'NotokrL';
	padding-left:80px;
	margin-bottom:15px;
}
.loCntBox .loInfoBox .lifCnt span {
	font-family:'NotokrB';
	position:absolute;
	left:0;
}
.loMapLink {
	position:absolute;
	right:0;
	bottom:35px;
}
.loMapLink .lmLink {
	float:left;
	width:227px;
	height:57px;
	box-shadow:5px 0 15px rgba(0,0,0,0.34);
	background:#212121;
	opacity:0.9 !important;
	transition:all .3s ease-in-out;
}
.loMapLink .lmLink:hover {
	opacity:1 !important;
}
.loMapLink .lmLink.lmGoogle {
	margin-right:30px;
}
.loMapLink .lmLink>a {
	width:100%;
	height:100%;
	display:block;
	text-align:center;
}
.loMapLink .lmLink>a span {
	padding-left:40px;
	position:relative;
	background:url("/images/sub/locationBg.png")10px center no-repeat;
	color:#fff;
	font-family:'NotokrB';
	line-height:57px;
}
.loMapBox {
	width:100%;
}
.loMapBox .pcMap {
	width:100%;
	border:none;
}
.loMapBox .pcMap .wrap_controllers {
	display:none;
}
.loMapBox .moMap {
	display:none;
}
@media screen and (max-width:1400px) {
	.loCntBox .loInfo {
		width:562px;
	}
	.loCntBox .loInfo .loTit {
		font-size:32px;
	}
	.loMapLink .lmLink {
		width:187px;
	}
	.loCntBox .loInfoBox .lifTit {
		font-size:37px;
	}
}
@media screen and (max-width:1200px) {
	.loCntBox .loInfo {
		width:502px;
	}
	.loCntBox .loInfo:before,.loCntBox .loInfoBox:before {
		width:181px;
	}
	.loCntBox .loInfo .loTit {
		font-size:30px;
	}
	.loCntBox .loInfoBox {
		padding:80px 10px 40px 20px;
	}
	.loCntBox .loInfoBox .lifCnt {
		letter-spacing:-1px;
	}
	.loCntBox .loInfoBox .lifTit {
		left:20px;
	}
	.loMapLink {
		bottom:25px;
	}
	.loMapLink .lmLink {
		width:147px;
	}
	.loMapLink .lmLink.lmGoogle {
		margin-right:20px;
	}
	.loMapLink .lmLink>a span {
		font-size:14px;
	}
	.loCntBox .loInfoBox .lifTit {
		font-size:35px;
	}
}
@media screen and (max-width:1000px) {
	.loWrap .subTop {
		margin-bottom:80px;
	}
	.loCntBox {
		margin-bottom:20px;
	}
	.loCntBox .loInfo {
		width:100%;
		bottom:0;
	}
	.loCntBox .loInfo .loTit {
		font-size:28px;
	}
	.loMapLink {
		position:relative;
		width:100%;
		bottom:0;
		margin-top:15px;
		overflow:hidden;
	}
	.loMapLink .lmLink {
		width:49%;
	}
	.loMapLink .lmLink.lmGoogle {
		margin-right:2%;
	}
	.loCntBox .loInfoBox .lifTit {
		font-size:33px;
	}
	.loMapBox .pcMap {
		display:none
	}
	.loMapBox .moMap {
		display:block;
	}
}
@media screen and (max-width:640px) {
	.loCntBox .loInfo .loTit {
		font-size:25px;
	}
	.loCntBox .loInfoBox {
		padding:60px 10px 20px 20px;
	}
	.loCntBox .loInfoBox .lifTit {
		font-size:30px;
	}
	.loMapLink .lmLink {
		height:50px;
	}
	.loMapLink .lmLink>a span {
		line-height:50px;
	}
}
@media screen and (max-width:480px) {
	.loCntBox .loInfo .loTit {
		font-size:22px;
		letter-spacing:-1px;
	}
	.loCntBox .loInfoBox .lifTit {
		font-size: 27px;
	}
}
/* 오시는길 */