@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap');
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
.notosanskr { font-family: 'Noto Sans KR', sans-serif; }
html {
	height:100%;
}
*,body {
	margin: 0px;
	padding: 0px;
	font-family:'Nanum Gothic', sans-serif;
}

img {
	vertical-align:middle;
}
/* main css */
.wrapper {
    height: 100% !important;
    height: 100%;
    margin: 0 auto; 
    overflow: hidden;
	/* max-width:1920px; */
}
a {
	text-decoration: none;
}
/* header */
.header{
	position:fixed;
	top:0;
	background: url('/images/main/h_bg.jpg')no-repeat center top;
	width:100%;
	height:121px;
	margin:0 auto;
	z-index: 999;	
	color:#fff;
	/* box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); */
}

.header-inner {
	width:1180px;
	height:121px;
	margin:0 auto;
	overflow:hidden;
}
.header-inner h1{
	position:relative;
	float:left;
	width:200px;
	height:90px;
	color:#10253F;
	text-align:center;
	padding-top:19px;
	font-weight:bold;
}
.gnb_left {
	position:relative;
	float:left;
	width:980px;
}
.gnb_left .box01 {
	position:relative;
	height:60px;
	overflow:hidden;
}
.gnb_left .box01 p.text01 {
	position:relative;
	line-height:60px;
	float:left;
	padding-left:80px;
}
.gnb_left .box01 p.contact_area {
	position:relative;
	line-height:60px;
	float:left;
	padding-left:115px;
}
.gnb_left .box01 p.contact_area .header_contact {
	position:relative;
	display:inline-block;
	border-radius:2px;
	width:80px;
	height:33px;
	line-height:33px;
	text-align:center;
	color:#2a2f4c;
	background-color:#FFF;
	font-size:13px;
	font-weight:bold;
	margin-left:20px;
}
.gnb_left .box02 {
	position:relative;
	padding:0 80px;
}
.gnb_left .box02 ul {
	overflow:hidden;
	line-height:60px;
}
.gnb_left .box02 ul li {
	position:relative;
	float:left;
	width:140px;
	padding-left:30px;
	text-align:center;
}
.gnb_left .box02 ul li:first-child {
	padding-left:0;
}
.gnb_left .box02 ul li a {
	color:#fff;
	font-weight:bold;
	display:inline-block;
}
.gnb_left .box02 ul li a:hover {
	text-decoration:underline;
}





/* main contents */
.cont {
	position: relative;
	max-width:1903px;
	width:100%;
	text-align: center;
	margin:0 auto;
	/* left:50%;
	margin-left:-951.5px */
}
.cont img.bg {
	width:100%;
}

.main {
	z-index:1;
	max-width:1903px;
	margin:121px auto 0;
}


.sec_08_main {
	position: relative;
	background-color: #E5EEFC;
}
.sec_08_main .inner {
	position: relative;
	width: 1180px;
	margin:0 auto;
	padding:166px 0 95px;
}
.sec_08_main .inner .box_area {
	position: relative;
	overflow: hidden;
}
.sec_08_main .inner .box_area a {
	display: inline-block;
	float: left;
	margin-left:20px;
}
.sec_08_main .inner .box_area a:first-child {
	margin-left: 0;
}
.sec_08_main .inner .confirm_text {
	margin-top:60px;
	text-align: center;
}
.sec_08_main .inner .btn_go {
	margin-top:30px;
	text-align: center;
}


.bottom_map {
	position: relative;
	background-color: #444444;
	max-width:1903px;
}
.bottom_map .inner {
	position: relative;
	width:1180px;
	margin:0 auto;
	overflow: hidden;
	padding:64px 0;
}
.bottom_map .inner #map {
	float: left;
}

.bottom_map .inner .location {
	position: relative;
	float: left;
	margin-top:78px;
	margin-left:87px;
}

.bottom_map .inner .location .info {
	color:#fff;
	margin-top:10px;
}
.bottom_map .inner .location .info a {
	color:#4ed3ff;
	margin-top:10px;
}
.bottom_map .inner .location .info a:hover {
	text-decoration:underline;
}
.bottom_map .inner .location .info i {
	margin-right:10px;
}

/* footer */
.footer {
	max-width:1903px;
	width:100%;
	background-color:#313131;
}
.footer .f_wrap {
	position:relative;
	width:1200px;
	margin:0 auto;
	padding:30px 0;
	overflow:hidden;
}
	.footer .f_wrap h2 {
		position:relative;
		float:left;
	}
	.footer .copyright {
		position:relative;
		float:left;
		color:#969696;
		line-height:20px;
		font-size:13px;
		margin-left:50px;
	}
.footer .copyright a {
	color:#4ed3ff;
}
	.footer .copyright a:hover {
		border-bottom:1px solid #4ed3ff;
	}
	.footer .copyright a i {
		margin-right:8px;
	}
	.footer .copyright strong {
		color:#fff;
		font-weight:bold;
	}
	.footer .copyright span.hor_bar {
		color:#555;
		position:relative;
		padding:0 10px;
	}
	.footer .f_contact {
		float:right;
		overflow:hidden;
	}
	.footer .f_contact .tel {
		position:relative;
		margin-right:11px;
		vertical-align:-5px;
	} 
	.footer .f_contact .btn {
		position:relative;
		display:inline-block;
		border-radius:2px;
		width:80px;
		height:33px;
		line-height:33px;
		text-align:center;
		color:#2a2f4c;
		background-color:#FFF;
		font-size:13px;
		font-weight:bold;
	}



/* 서브페이지 */
.sub_contact {
	min-height:620px;
}
.sub_contact .inner {
	position: relative;
	width:1180px;
	margin:0 auto;
	overflow: hidden;
	padding:131px 0 96px;
	text-align: center;
}
.sub_contact .text01 {
}
.sub_contact .btn {
	margin-top:45px;
}
.sub_contact .btn a {
	display: inline-block;
}
.sub_contact .text02 {
	margin-top:33px;
}


.sub_contact.sub_01 {
background: url('/images/sub01/contact_bg.jpg') no-repeat center top;
}
.sub_contact.sub_02 {
background: url('/images/sub02/contact_bg.jpg') no-repeat center top;
}
.sub_contact.sub_03 {
background: url('/images/sub03/contact_bg.jpg') no-repeat center top;
}
.sub_contact.sub_04 {
background: url('/images/sub04/contact_bg.jpg') no-repeat center top;
}

/* contact */
.contact {
	height:780px;
	background:url('/images/contact/contact_bg.jpg') no-repeat center top;
	background-origin:content-box;
	/* background-size:cover; */

	/* background:url(../image/contact_bg.jpg) center center no-repeat; background-size:cover;
	         filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/contact_bg.jpg',sizingMethod='scale');
	
	         -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/contact_bg.jpg', sizingMethod='scale'); */
}
.contact_cnt {
	position:relative;
	padding:55px 0;
	width:1200px;	
	margin:0 auto;
}
.contact_cnt .cnt_area {
	position:relative;
	width:1020px;
	/* min-height:678px; */
	margin:0 auto;
	padding:55px 80px ;
	border:1px solid #fff;
	box-sizing:border-box;
}
.contact_cnt .cnt_area p {
	position:relative;
	text-align:center;
	margin-bottom:64px;
}

.contact_form_area {
	position:relative;
/* 	width:857 */
}
.contact_form_area legend {
	display:none;
}
.contact_form_area ul {
	position:relative;
	overflow:hidden;
	margin-bottom:21px;
	width:100%;
}
.contact_form_area ul li {
	position:relative;
	width:380px;
	float:left;
	overflow:hidden;
}
.contact_form_area ul li:last-child {
	float:right;
	/* padding-left:48px; */
}
.contact_form_area label {
	color:#fff;
	font-size:15px;
	float:left;
	line-height:36px;
	/* font-weight:bold; */
	/* margin-right:30px; */
}
.contact_form_area .form_input {
	display:inline-block;
	width:290px;
	height:36px;
	background-color:#FFF;
	border:none;
	padding-left:15px;
	margin-left:30px;
	float:right;
}
.comment_area {
	position:relative;
	overflow:hidden;
}
.comment_area .comment_label {
	position:absolute;
	top:0; left:0;
}
.comment_area textarea {
	float:right;
	border:none;
	font-size:15px;
	width:755px;
	height:209px;
	padding:15px;
}
.form_bottom {
	position:relative;
	padding-top:23px;
	overflow:hidden;
}
.pri_check {
	position:relative;
	float:left;
}
.pri_check input[type=checkbox] {
	display:none;
}
.pri_check input[type=checkbox] + label {
	display:inline-block;
	cursor:pointer;
	position:relative;
	padding-left:30px;
	font-size:14px;
	font-weight:normal;
	line-height:23px;
}
.pri_check input[type=checkbox] + label:before {
	content:"";
	display:inline-block;
	width:20px;
	height:20px;
	margin-right:20px;
	position:absolute;
	left:0;
	bottom:0px;
	background-color:#FFF;
	border-radius:2px;
	/* box-shadow:inset 0px 1px 1px 0px rgba(0,0,0,0.3) 0px 1px 0px 0px rgba(255,255,255,0.8); */
	
}
.pri_check input[type=checkbox]:checked + label:before {
	content:"\2714"; /*체크모양*/
	/* text-shadow:1px 1px 1px rgba(0,0,0,0.8); */
	color: #1D3982;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:18px;
}
.submit_btn {
	position:relative;
	float:left;
	padding-left:100px;
}
.submit_btn button {
	cursor:pointer;
	border:none;
	width:213px;
	height:60px;
}
.submit_btn button img {
	vertical-align:top;
}


.portfolio {
	background-color: #FFC000;
	color:#1a1a1a;
	padding:80px 0;
}
.portfolio .title {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin:40px 0;
}

/* 포트폴리오 슬라이드 */
#mixedSlider,
#mixedSlider01,
#mixedSlider02,
#mixedSlider03,
#mixedSlider04,
#mixedSlider05 {
  position: relative;
}
#mixedSlider .MS-content,
#mixedSlider01 .MS-content,
#mixedSlider02 .MS-content,
#mixedSlider03 .MS-content,
#mixedSlider04 .MS-content,
#mixedSlider05 .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 9%;
}
#mixedSlider .MS-content .item,
#mixedSlider01 .MS-content .item,
#mixedSlider02 .MS-content .item,
#mixedSlider03 .MS-content .item,
#mixedSlider04 .MS-content .item,
#mixedSlider05 .MS-content .item {
  display: inline-block;
  /* width: 33.3333%; */
  position: relative;
  vertical-align: top;
  overflow: hidden;
 /*  height: 100%; */
  white-space: normal;
  padding: 0 10px;
}
#mixedSlider .MS-content .item img,
#mixedSlider01 .MS-content .item img,
#mixedSlider02 .MS-content .item img,
#mixedSlider03 .MS-content .item img,
#mixedSlider04 .MS-content .item img,
#mixedSlider05 .MS-content .item img {
	width: 500px;
}

#mixedSlider .MS-controls button,
#mixedSlider01 .MS-controls button,
#mixedSlider02 .MS-controls button,
#mixedSlider03 .MS-controls button,
#mixedSlider04 .MS-controls button,
#mixedSlider05 .MS-controls button {
  position: absolute;
  border: none;
  background-color: transparent;
  outline: 0;
  font-size: 50px;
  top: 140px;
  color: rgba(29, 57, 130, 0.4);
  transition: 0.15s linear;
  cursor:pointer;
}
#mixedSlider .MS-controls button:hover,
#mixedSlider01 .MS-controls button:hover,
#mixedSlider02 .MS-controls button:hover,
#mixedSlider03 .MS-controls button:hover,
#mixedSlider04 .MS-controls button:hover,
#mixedSlider05 .MS-controls button:hover {
  /* color: rgba(0, 0, 0, 0.8); */
  color: #1D3982;
}
@media (max-width: 992px) {
  #mixedSlider .MS-controls button,
  #mixedSlider01 .MS-controls button,
  #mixedSlider02 .MS-controls button,
  #mixedSlider03 .MS-controls button,
  #mixedSlider04 .MS-controls button,
  #mixedSlider05 .MS-controls button {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls button,
  #mixedSlider01 .MS-controls button,
  #mixedSlider02 .MS-controls button,
  #mixedSlider03 .MS-controls button,
  #mixedSlider04 .MS-controls button,
  #mixedSlider05 .MS-controls button {
    font-size: 20px;
  }
}
#mixedSlider .MS-controls .MS-left,
#mixedSlider01 .MS-controls .MS-left,
#mixedSlider02 .MS-controls .MS-left,
#mixedSlider03 .MS-controls .MS-left,
#mixedSlider04 .MS-controls .MS-left,
#mixedSlider05 .MS-controls .MS-left {
  left: 30px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-left,
  #mixedSlider01 .MS-controls .MS-left,
  #mixedSlider02 .MS-controls .MS-left,
  #mixedSlider03 .MS-controls .MS-left,
  #mixedSlider04 .MS-controls .MS-left,
  #mixedSlider05 .MS-controls .MS-left {
    left: -10px;
  }
}
#mixedSlider .MS-controls .MS-right,
#mixedSlider01 .MS-controls .MS-right,
#mixedSlider02 .MS-controls .MS-right,
#mixedSlider03 .MS-controls .MS-right,
#mixedSlider04 .MS-controls .MS-right,
#mixedSlider05 .MS-controls .MS-right {
  right: 30px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-right,
  #mixedSlider01 .MS-controls .MS-right,
  #mixedSlider02 .MS-controls .MS-right,
  #mixedSlider03 .MS-controls .MS-right,
  #mixedSlider04 .MS-controls .MS-right,
  #mixedSlider05 .MS-controls .MS-right {
    right: -10px;
  }
}