/*cursor */
.cursor {
  position: absolute;
  background-color: #3bc9bd;
  width: 9px;
  height: 9px;
  border-radius: 100%;
  z-index: 1;
  transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
  user-select: none;
  pointer-events: none;
  z-index: 10000;
  transform: scale(1);
  display:block;
}
.cursor-follower {
  position: absolute;
  background-color: #3bc9bd; 
  opacity: .3;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  z-index: 1;
  transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
  user-select: none;
  pointer-events: none;
  z-index: 10000;
  transform: translate(4px, 4px);
	display:block;
}
.cursor-follower.active {
  opacity: 0.3;
  transform: scale(2.5);
}
/* tooltip */
.closing_tooltip {
	height: 30px;
	position: fixed;
	/*_position: absolute;*/
	bottom: -70px;
 	/*_top:expression(eval(document.body.scrollTop + document.body.clientHeight - this.clientHeight) - 150);*/
	left:5px;
	padding: 10px;
	z-index: 1000;
	display: block;
	/*moz-border-radius: 5px;*/
	border-radius: 5px;
 	/*moz-box-shadow: rgba(30, 30, 30, 0.7) 0 0 8px;*/
	box-shadow: rgba(30, 30, 30, 0.7) 0 0 8px;
	background-color: rgba(40,41,45,0.8);
	font-size:0.75em;
	color: #fff;
	text-align:center;
}
/*����*/

.point {
	color:#00d0bf;	
}

/* header */
#hd { 
	width:100%; 
}

.header { 
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:transparent;
	margin:0 auto; 
	border-bottom:1px solid rgba(255,255,255,0.15);
}


.header > div.header_menu:after,
.gnb > ul:after {
	display:block;
	clear:both;
	content:"";	
}

.header > div.header_menu {
	max-width:1200px;
	margin:0 auto;	
	position:relative;
}

.header > div > h1 { 
	float:left; 
	max-width:148px;
	line-height:80px;
}

.header > div > h1 img {
	width:100%;	
}

.gnb {
	float:right;	
}

.gnb > ul {
	width:auto;
	/*width:857px;*/
}

.gnb > ul > li {
	float:left;
	position:relative;
	padding:28px 24px;
}

.gnb > ul > li:first-child {
	padding-left:0;	
}

.gnb > ul > li:last-child {
	padding-right:108px;	
}

@media screen and (-webkit-min-device-pixel-ratio:0){ /*safari, ũ��*/
	.gnb > ul > li {
		padding:28px 24px;
	}
}

.gnb > ul > li >a {
	font-size:1.0em;
	font-weight:500;	
	color:#fff;
	letter-spacing:-0.3px;
}

.gnb > ul > li >a:hover {
	color:#00d0bf;
}

.gnb > ul > li > ul {
	width:172px;
	position:absolute;
	top:81px;
	left:-27px;
	background:rgba(0,0,0,0.75);
	z-index:9;
	display:none;
}

.gnb > ul > li > ul > li {
	text-align:center;	
}

.gnb > ul > li > ul > li a {
	font-size:15px;	
	display:block;
	width:100%;
	padding:10px 0;
	color:#fff;
	transition:all 0.8s;
	-webkit-transition:all 0.8s;
	-moz-transition:all 0.8s;
	-ms-transition:all 0.8s;
	-o-transition:all 0.8s;
}

.gnb > ul > li > ul > li a:hover {
	color:#00d0bf;
}

.lang_btn {
	position:absolute;
	top:10px;
	right:10px;	
}

.lang_btn ul li {
	float:left;	
}

.lang_btn ul li a {
	display:block;
	padding-right:10px;
	color:#fff;
	font-size:0.75em;
	font-weight:300;	
	font-family:'dotum', sans-serif;
}

.mnav-bg {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	position:fixed;
	top:0;
	left:0;
	right:0;
	display:none;
}

.m-on {
	display:none;
	width:40px;
	float:right;
	line-height:80px;
	cursor:pointer;
}

.m-on img {
	width:100%;
}

.mgnb {
	position:fixed;
	top:0;
	right:-500px;
	width:250px;
	height:100%;
	background:#fff;
	z-index:9999;
	overflow:auto;
	display:none;
}

.mgnb h2 {
	overflow:hidden;
	font-size:1.75em;
	background:#00d0bf;
	color:#fff;
	padding:20px 0 20px 20px;
	text-transform:uppercase;
}

#m-off {
	float:right;
	width:30px;
	padding-right:10px;
	cursor:pointer;	
}

#m-off img {
	width:100%;	
}

.mgnb ul li span,
.mgnb > ul > li > a {
	display:block;
	padding:15px 0 25px 20px;
	padding-bottom:10px;
	font-size:1.188em;	
	font-weight:500;
	cursor:pointer;
	color:#3a3a3a;
	box-sizing:border-box;
	border-bottom:1px solid #ebebeb;
}

.mgnb ul li:last-child span {
	border-bottom:none;	
}

.mgnb ul li ul {
	background:#f9f9f9;	
}

.mgnb > ul > li > ul > li a {
	display:block;
	padding:10px 0 10px 35px;
	font-size:1.0em;
	color:#444;
	box-sizing:border-box;
}

.m_lang {
	border-bottom:1px solid #ebebeb;
}

.m_lang a {
	display:inline-block;
	width:48%;	
	line-height:40px;
	text-align:center;
	font-size:1.188em;	
	font-weight:500;
	cursor:pointer;
	color:#3a3a3a;
	box-sizing:border-box;
}

.m_lang a:first-child {
	border-right:1px solid #ebebeb;
	background:#00d0bf;
	color:#fff;
}

/* footer */

.footer {
	padding:38px 0 52px;
	background:#131b30;
}

.footer section:after,
.footer ul:after {
	content:'';
	display:block;
	clear:both;	
}

.f_logo {
	float:left;	
	width:14.5%;
}

.f_info {
	float:left;	
	width:85.5%;
	color:#969696;
	font-family:'Nanum Barun Gothic', sans-serif;
}

.footer ul li {
	float:left;
	margin-right:10px;
	padding-right:13px;	
	background:url("/img/footer_bar.png") no-repeat right center;
	font-size:0.875em;
	line-height:24px;
}

.footer ul li:nth-child(2) {
	float:none;	
}

.footer ul li:nth-child(3),
.footer ul li:last-child {
	background:none;
}

.footer p {
	padding-top:13px;
	font-size:0.813em;	
}

.footer a.board_sian {
	font-size:0.813em;
	color:#969696;
}

/* sub���̾ƿ� */

.snb {
	background:#f3f3f3;
	border-top:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	box-sizing:border-box;	
}

.snb article > ul {
	width:100%;
	max-width:454px;
}

.snb article > ul:after {
	content:'';
	display:block;
	clear:both;	
}

.snb article > ul > li:nth-child(2),
.snb article > ul > li:nth-child(2) a {
	color:#959595;
}

.snb article > ul > li:last-child,
.snb article > ul > li:last-child a {
	color:#3a3a3a;
}

.snb article > ul > li {
	float:left;
	width:44.5%;
	position:relative;
	padding:12px 0 12px 4%;
	font-weight:500;
	letter-spacing:-0.3px;	
	font-size:0.938em;
	border-right:1px solid #d3d3d3;
	box-sizing:border-box;
	cursor:pointer;
}

.snb article > ul > li:first-child {
	width:11%;
	padding-left:0;
	text-align:center;
	border-left:1px solid #d3d3d3;
}

.snb article > ul > li:nth-child(2) {
	background:url("/img/snb_arrow.png") no-repeat 90% center;
}

.snb article > ul > li:last-child {
	background:url("/img/snb_arrow2.png") no-repeat 90% center;
}

.snb article ul.snb_depth2 {
	display:none;	
	position:absolute;
	top:47px;
	left:-1px;
	width:100%;
	background:#fff;
	border:1px solid #d3d3d3;
	border-top:none;
	z-index:99;
}

.snb article ul.snb_depth2 li a {
	display:block;	
	padding:12px 0 12px 9%;
	box-sizing:border-box;
	border-bottom:1px solid #d3d3d3;
	transition:all 0.8s;
	-webkit-transition:all 0.8s;
	-moz-transition:all 0.8s;
	-ms-transition:all 0.8s;	
	-o-transition:all 0.8s;
}

.snb article ul.snb_depth2 li:last-child a {
	border-bottom:none;	
}

.snb article ul.snb_depth2 li a:hover {
	color:#00d0bf;
}

/*���κ��־�*/

.visual {
	padding:0;
	background:url("/img/main_visual.jpg") no-repeat center center;
	background-size:cover;	
}

.visualTxt {
	color:#fff;	
}

.visualTxt h2 {
	font-size:2.813em;
	line-height:1em;
	font-weight:500;
	text-transform:uppercase;
}

.visualTxt h2 span {
	color:#00ffd9;	
}

.visualTxt ul {
	width:100%;
	max-width:790px;
	margin:80px auto 0;	
}

.visualTxt ul li {
	position:relative;
	float:left;
	width:216px;
	height:210px;	
	margin-left:71px;
	padding-top:130px;
	border:1px solid #fff;
	box-sizing:border-box;
	font-size:1.063em;
	line-height:22px;
	letter-spacing:-0.4px;
	text-transform:uppercase;
}

.visualTxt ul li:after {
	position:absolute;
	top:105px;
	right:-73px;
	content:'';
	display:block;
	width:73px;
	height:1px;	
	background:url("/img/visual_line.png") no-repeat;	
	clear:both;
}

.visualTxt ul li.vis1 {
	margin-left:0;
	background:url("/img/visual1.png") no-repeat center 67px;	
}

.visualTxt ul li.vis2 {
	padding-top:60px;
	line-height:33px;
	letter-spacing:0px;
}

.visualTxt ul li.vis3 {
	background:url("/img/visual2.png") no-repeat center 67px;
}


/*����������*/

.main01 {
	padding:45px 0 63px;
	background:#e9f1fb;	
}

.main01 a {
	display:block;
	width:264px;
	height:52px;
	margin:auto;
	line-height:52px;
	color:#fff;
	font-size:1.063em;
	letter-spacing:-0.3px;
	background:#da2643;
}

.main01 ul {
	width:95%;
	margin:63px auto 0;	
}

.main01 ul li {
	float:left;
	position:relative;
	width:21.25%;
	min-height:242px;
	margin-right:5%;
	padding:4.5% 0;
	background:url("/img/main01_bg.png") no-repeat;
	background-size:100%;
	box-sizing:border-box;
	letter-spacing:-0.3px;		
}

.main01 ul li:hover {
	background:url("/img/main01_bg_hover.png") no-repeat;
	background-size:100%;
}

.main01 ul li:last-child {
	margin-right:0;	
}

.main01 ul li:after {
	content:'';
	position:absolute;
	top:118px;
	right:-50px;
	width:43px;
	height:3px;
	background:url("/img/dots.png") no-repeat;	
}

.main01 ul li:last-child:after {
	background:none;
}

.main01 ul li h3 {
	padding:14px 0 11px;
	font-size:1.188em;
	font-weight:500;
	color:#242424;
}

.main01 ul li p {
	font-size:0.938em;
	line-height:25px;
	color:#727272;
}

.main02 {
	padding:56px 0;	
}

.main02 div {
	float:left;
	color:#fff;		
}

.banner01 {
	width:46%;
	padding:30px 0 52px;
	background:url("/img/banner1_bg.jpg") no-repeat center center;
	background-size:cover;	
}

.banner01 h3 {
	font-family:'Titillium Web', sans-serif;
	font-size:2.875em;
	font-weight:300;
	line-height:40px;
	letter-spacing:-0.25px;
}

.banner01 h3 span {
	font-size:0.5em;
	letter-spacing:1px;
	font-weight:600;	
}

.banner01 p {
	padding-top:19px;
	font-size:1.375em;
	line-height:31px;	
}

.banner02 {
	width:26%;
	margin:0 1%;
	padding:48px 0;
	background:url("/img/banner2_bg.jpg") no-repeat center center;
	background-size:cover;
}

.banner02 h3 {
	position:relative;
	margin-bottom:21px;
	padding-bottom:22px;
	font-size:1.25em;
	font-weight:500;	
}

.banner02 h3:after {
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	content:'';
	width:85px;
	height:1px;
	background:rgba(255,255,255,0.4);	
}

.banner02 p {
	font-size:0.875em;
	line-height:21px;
}

.banner03 {
	width:26%;
	background:url("/img/banner3_bg.jpg") no-repeat center center;
	background-size:cover;	
}

.banner03 a {
	display:block;
	padding:128px 0 64px;
	background:url("/img/banner3_ico.png") no-repeat center 69px;
	color:#fff;	
}

.banner03 a h3 {
	font-weight:500;	
	font-size:1.5em;
	line-height:30px;
}

.main03 {
	padding:77px 0;
	background:url("/img/main03_bg.jpg") no-repeat center center;
	background-size:cover;
	letter-spacing:-0.2px;
}

.main03 p {
	font-size:1.375em;
	line-height:32px;
	color:#fff;	
	letter-spacing:-0.2px;
	word-break:keep-all;
}

.a_link {
	display:block;
	width:169px;
	height:43px;
	line-height:39px;
	border-radius:5px;
	box-sizing:border-box;
	font-size:0.938em;
	transition:all 0.8s;
	-webkit-transition:all 0.8s;
	-moz-transition:all 0.8s;
	-ms-transition:all 0.8s;
	-o-transition:all 0.8s;	
}

.main03 a {
	margin:31px auto 0;
	border:2px solid rgba(255,255,255,0.67);
	color:#fff;
	border-radius:0px;
}

.main03 a:hover {
	background:#fff;
	color:#00d0bf;	
}

.main_tit {
	padding-bottom:2px;
	font-size:1.625em;
	color:#242424;
	text-transform:uppercase;
}

.main_subTit {
	font-size:0.938em;
	color:#888;	
}

.main04 {
	padding:59px 0 53px;	
}

.main04 ul {
	margin:48px 0 38px;
}

.main04 ul li {
	float:left;
	width:19%;
	margin:0 1% 10px 0;	
	overflow:hidden;
	border:1px solid #e1e1e1;
	box-sizing:border-box;
}

.main04 ul li img {
	width:100%;
	height:200px;	
	transition:all 0.8s;
	-webkit-transition:all 0.8s;
	-moz-transition:all 0.8s;
	-ms-transition:all 0.8s;
	-o-transition:all 0.8s;		
}

.main04 ul li img:hover {
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
}

.main04  .a_link {
	margin:auto;
	letter-spacing:-0.2px;
	color:#3a3a3a;
	border:1px solid rgba(0,0,0,0.87);
	border-radius:0;
}

.main04 .a_link:hover {
	background:#000;
	border:1px solid rgba(0,0,0,0.87);
	color:#fff;	
	border-radius:0;
}

.main05 {
	padding:59px 0 61px;
	background:#e9f1fb;
}

.contactBox > div {
	float:left;
	width:50%;
}

.contact1 {
	min-height:737px;
	padding:44px 3.5% 36px;
	background:#fff;
	box-sizing:border-box;	
}

.contact1 h4 {
	font-size:1.938em;
	line-height:28px;
	font-weight:500;
	text-transform:uppercase;
}

.contact1 p {
	padding:25px 0 31px;
	font-size:0.938em;
	line-height:22px;
	color:#626262;
}

.contactForm label {
	display:block;	
}

.contactForm li {
	float:left;
	width:49%;
	margin:0 2% 13px 0;	
}

.contactForm li:nth-child(2n) {
	margin-right:0;	
}

.contactForm li:last-child {
	width:100%;	
}

.contactForm li input {
	display:block;
	width:100%;	
	padding:8px 0 8px 16px;	
	box-sizing:border-box;
	background:#fff;
	border:1px solid rgba(0,0,0,0.28);
	color:#626262;
	font-size:0.938em;
	font-weight:300;
}

.contactForm input::placeholder,
.contactForm textarea::placeholder {
	color:#626262;	
}

.contactForm input:focus::placeholder {
	color:transparent;	
}

.contact1 textarea {
	width:100%;
	margin-bottom:8px;
	padding:19px 18px;
	box-sizing:border-box;
	min-height:150px;
	background:#fff;
	border:1px solid rgba(0,0,0,0.28);
	color:#626262;
	font-size:0.938em;
	overflow-y:hidden;
	resize:none;
}

.contact1 input::-webkit-input-placeholder,
.contact1 textarea::-webkit-input-placeholder,
.contact1 input::-ms-input-placeholder,
.contact1 textarea::-ms-input-placeholder,
.contact1 input::-moz-placeholder,
.contact1 textarea::-moz-placeholder {
	color:#626262;	
}

.addF {
	overflow:hidden;
	padding:9px 0 9px 18px;
	border:1px solid rgba(0,0,0,0.28);
	box-sizing:border-box;
	background:#fff;
	color:#626262;
}

.addF input[type="file"] {
	position:absolute;
	width:1px;
	height:1px;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}

.addF .find { /*��ư*/
	float:right;
	display:block;
	width:120px;
	vertical-align:middle;
	text-align:center;
	cursor:pointer;
	/*cursor:none;*/
	font-size:0.938em;
}

.addF .upload-name {
	float:left;
	display:block;
	vertical-align:middle;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	background:transparent;
	border:none;
	font-size:0.938em;
	cursor:pointer;
}

.inquire {
	width:100%;
	max-width:195px;
	margin:15px auto 0;
	display:block;
	padding:7px 0;
	border:1px solid #000;
	background:#fff;
	cursor:pointer;
	transition:all 0.8s;
	-webkit-transition:all 0.8s;
	-moz-transition:all 0.8s;
	-ms-transition:all 0.8s;
	-o-transition:all 0.8s;
	font-weight:500;
}

.inquire:hover {
	background:#000;
	border:1px solid #000;
}

.inquire span {
	color:#3a3a3a;
	font-size:0.938em;	
	text-align:center;
	/*cursor:pointer;*/
}

.inquire:hover span {
	color:#fff;	
}

.contact2 {
	min-height:737px;
	padding:179px 0;
	background:url("/img/contact2_bg.jpg") no-repeat center center;
	background-size:cover;
	box-sizing:border-box;
}

.contact2 h4 {
	padding-bottom:10px;
	font-size:1.438em;
	color:#fff;
	letter-spacing:3px;
	font-family:'Titillium Web', sans-serif;
	font-weight:400;
	color:#fff;
}

.contact2 h5 {
	font-size:4.375em;
	letter-spacing:-0.3px;
	font-family:'Titillium Web', sans-serif;
	font-weight:400;
	line-height:1;	
}

.contact2 p {
	position:relative;
	margin-bottom:26px;
	padding:27px 0 45px;
	font-size:1.188em;
	color:#fff;	
	line-height:31px;
	word-break:keep-all;
}

.contact2 p:after {
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	content:'';
	width:37px;
	height:2px;
	background:#00d0bf;	
}

.contact2 ul {
	width:44%;
	margin:auto;	
}

.contact2 ul li {
	padding-left:38px;
	font-weight:300;
	color:#bcbcbc;
	font-size:1.125em;
	line-height:35px;
	text-align:left;
	box-sizing:border-box;	
}

.contact2 ul li:first-child {
	background:url("/img/email_ico.png") no-repeat left center;	
}

.contact2 ul li:last-child {
	background:url("/img/fax_ico.png") no-repeat left center;	
}

.contact2 ul li span.under_line {
	border-bottom:1px solid #fff;
	color:#fff;	
}

/*
.main06 {
	padding:62px 0 79px;	
}

.main06 ul {
	padding-top:45px;	
}

.main06 ul li {
	float:left;
	position:relative;
	width:10.5%;
	margin-right:4.4%;
	font-size:0.875em;
	color:#6c6c6c;
	font-weight:500;
}

.main06 ul li:last-child {
	margin-right:0;	
}

.main06 ul li:after {
	position:absolute;
	top:35%;
	right:-66px;
	transform:translateX(-35%);
	-webkit-transform:translateX(-35%);
	-moz-transform:translateX(-35%);
	-ms-transform:translateX(-35%);
	-o-transform:translateX(-35%);
	content:'';
	width:48px;
	height:10px;
	background:url("/img/pr_arrow.png")	no-repeat;
	background-size:100%;
}

.main06 ul li:last-child:after {
	background:none;	
}

.main06 ul li img {
	display:block;
	margin:0 auto 17px;
}
*/

.list_type0 a{
	width: 80% !Important;
	border-radius: 4px;
	margin: 0 auto;
	padding: 5px !Important;
	background: #00d0bf;
	color: #fff !Important;
}