@font-face {
	font-family: 'arittaLight';
	src: url('../fonts/aritta-Medium.eot');
    src: url('../fonts/aritta-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aritta-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'arittaBold';
	src: url('../fonts/aritta-SemiBold');
    src: url('../fonts/aritta-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aritta-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'FuturaLight';
	src: url('../fonts/futura-light-webfont.eot');
    src: url('../fonts/futura-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura-light-webfont.woff') format('woff'),
         url('../fonts/futura-light-webfont.ttf') format('truetype'),
         url('../fonts/futura-light-webfont.svg#futura_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'FuturaBook';
	src: url('../fonts/futura-book-webfont.eot');
    src: url('../fonts/futura-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura-book-webfont.woff') format('woff'),
         url('../fonts/futura-book-webfont.ttf') format('truetype'),
         url('../fonts/futura-book-webfont.svg#futura_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
	ul,li {
		list-style:none;margin:0;padding:0;
	}

caption {display:none}

body { font-family: 'arittaLight', '맑은고딕', 'Malgun Gothic', sans-serif;overflow-y:scroll }
h1,h2,h3,h4,h5 { font-family: 'FuturaBook', 'arittaLight', sans-serif;}
::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #FF9500;
}

::selection {
    color: #fff;
    background: #FF9500;
}
.modal-backdrop.in
{
    opacity:0.9 !important;
}
i, em, address {
	font-style: normal;
}
* {
    border-color: #444;
    border-width: 0;
    border-style: solid;
    outline: 0;
}
a:hover{text-decoration:none}
section {clear: both;margin-bottom:20px}
section h2 {font-weight:300;letter-spacing:0;}

	section .head-title {  position: relative;  text-align: center;
    border-top: 1px solid #D3D3D3;
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 16px;
    margin: 80px 0 20px 0;
    box-shadow: 0 1px #FFFFFF;}

	section .head-title h1{position: absolute;
    display: block;
    left: 50%;
    top: -47px;
    margin-left: -135px;
    background-color: white;
    font-size: 28px;
    line-height: 50px;
    width: 300px;
    height: 50px;}

	section h1:before {

	}

header ul {padding:0;margin:0;}

/* gnb and lnb */

	header {clear: both;height:110px}

	@media (min-width: 480px) {
		header {clear: both;height:125px}
	}

	@media (min-width: 768px) {
		header {clear: both;height:135px}
	}
	@media (min-width: 992px) {
		header {clear: both;height:135px}
	}
	header .topwrap {background-color:#375069}
	header .topwrap .container {position:relative}
	header .member,
	header .lang {display:none}
	header .member {position:absolute;right:10px;top:25px;}
	header .lang {position:absolute;left:10px;top:25px;}
	header .member a,
	header .lang a {margin:0 5px;opacity:.4;color:#fff;font-size:11px;font-family: 'FuturaLight', 'NanumGothic', sans-serif;letter-spacing:1px}
	header .head-logo a {display:block;padding: 15px 0;text-align:center;
		font-size: 1.8em;
		line-height: 20px;
		letter-spacing:8px;
		color:#fff;width:320px;margin:0 auto;}
	header .head-logo a img{width:100%;height:auto}
	header .member a.active,
	header .member a:hover,
	header .lang a.active,
	header .lang a:hover {opacity:1}
	header .header .navbar-brand {
		display:none
	}

	header .head-logo a img {
		height:30px;width:230px
	}

	header .header .navbar-brand img {
		height:30px;width:auto;margin-top:5px;
	}
	@media only all and (min-width:480px){
		header .header .navbar-brand img {
			height:35px;margin-top:0;
		}
		header .head-logo a img {
			height:46px;width:auto
		}
	}

	.navbar-collapse.in {
		border-top:1px solid #ececec
		}
	@media only all and (max-width:768px){
		header .header.nav-up .navbar-brand {
			display:block
		}
	}
	@media only all and (min-width:768px){
		header .member,
		header .lang {display:block}
	}
	header .header {min-width:320px;min-height:125px;width:100%;z-index:100;
			-webkit-transition: height .5s ease-in-out;
			-moz-transition: height .5s ease-in-out;
			transition: height .5s ease-in-out;
			}

	header .header.nav-up .navbar{
		position:absolute;position:fixed;
		margin-top:0;
		top:0;
		width:100%;
		z-index:1000;
	    border-top: 2px solid #375069;
	}
	header .navbar {border:0;border-bottom:1px solid #ececec;background-color:#fff;background-color:rgba(255,255,255,.95);z-index:100}
	header .navbar-nav>li>a {
		-webkit-transition: padding .5s ease-in-out;
		-moz-transition: padding .5s ease-in-out;
		transition: padding .5s ease-in-out;
	}
	header .navbar-nav>li>a {
		padding: 8px 25px;
		line-height: 20px;
		text-transform:uppercase;
		font-size:1.15em;
	}
	header .header .search-li {position:relative;cursor:pointer}
	header .header .search-li input[type='text'] {}

	header .header .search-li input[type='text'] {
		background: url(../img/search-white.png) no-repeat 10px 10px #fff !important;
		font-size: 1.2em;
		color: #bebebe;
		width: 100%;
		padding: 6px 15px 6px 35px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		-webkit-transition: all 0.7s ease 0s;
		-moz-transition: all 0.7s ease 0s;
		-o-transition: all 0.7s ease 0s;
		transition: all 0.7s ease 0s;
    }

	header .header .search-li input[type='text']:focus {
		color: #858585;
    }
	header .navbar-right .showlayer {display:block}

	#search_top {padding:20px 15px;}
	header .header .navbar-nav>li>a>i{font-size:1.1em;margin-left:3px;color:#6C80A5}

	@media only all and (min-width:768px){
		.search-li .glyphicon-search{display:none;}
		header .navbar-right .showlayer {display:none}

		#search_top {padding:0;}
		#search_on {display:block;}
		header .header .navbar-nav>li>a {
			padding: 20px 15px;
		}
		header .header .navbar-nav>li.search-li>a {
			padding: 20px 15px;
		}
		header .header .search-li .glyphicon-search{display:block; height: 19px;}
		header .header .hidden-search {display:none;position:absolute;right:50px;top:13px;left:-310px;
				-webkit-transition: top .5s ease-in-out;
		-moz-transition: top .5s ease-in-out;
		transition: top .5s ease-in-out;
		}
		header .header.nav-up .hidden-search {top:12px;}

		header .header.nav-up .navbar-nav>li>a {
			padding: 15px 20px;
		}
		header .header.nav-up .navbar-brand {
			padding: 15px 20px;
		}
	}
	@media only all and (min-width:992px){
		header .header .navbar-nav>li>a {
			padding: 20px 30px;
			border-left: 1px solid #ececec;
			border-right: 1px solid #ececec;
			margin-right: -1px;
		}
		header .header .navbar-nav>li.search-li>a {
			padding: 20px 30px;
		}
		header .header.nav-up .navbar-nav>li.search-li>a {
			padding: 15px 20px;
		}
		header .header .hidden-search {top:13px;}
	}
	@media only all and (min-width:1200px){
	}

	.upper {text-transform:uppercase;}


	#contents_wrap .sub-top-img {position:relative;min-width:1014px;height:300px;overflow:hidden}
	#contents_wrap .sub-top-img img{position:absolute;height:auto;width:100%;z-index:-1}
	#contents_wrap .sub-top-img img.product{width:55%;top:32px;z-index:0;left:50%;margin-left: -100px;    max-width: 700px;}
	#contents_wrap .sub-top-img h1{font-size:65px;color:#fff;margin-top:80px;margin-left:30px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);position:relative;}
	#contents_wrap .sub-top-img p{margin-left:30px;color:#fff;font-size:1.3em;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);}

	#contents_wrap .sub-top-img h1:before {content: " ";position: absolute;top: -13px;width: 45px;height: 5px;background: #fff;}
	@media only all and (max-width:767px){
		#contents_wrap .sub-top-img h1{font-size:25px;margin-top:40px;}
		#contents_wrap .sub-top-img {min-width:0;height:auto;min-height:200px;}
		
		#contents_wrap .sub-top-img img{min-height:200px;}
		#contents_wrap .sub-top-img img.product{min-height:0;width:100%;top:auto;bottom:0;z-index:0;left:0;margin-left: 0;}
		#contents_wrap .sub-top-img p{display:none}
	}



	.lnb{padding:20px 0;font-size:0;text-align:center;white-space:nowrap;width: 100%; height: 74px;    background: #F0F5FB;}
	.lnb li{position:relative;display:inline-block;width:auto;margin-right:-1px;margin-bottom:-1px;}
	.lnb li a{display:inline-block;min-width:115px;min-height: 35px;*width:115px;padding:0 20px;border:1px solid #D2D9EC;background:#FFF;color:#585858;font-size:12.5px;text-align:center;line-height:32px;text-decoration:none;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}
	.lnb li a:hover{background:#E3EEF9;color:#000}
	.lnb li.active > a{background:#375069;color:#fff}
	.lnb li>ul{display:none;position:absolute;left:0;z-index:10;margin-top:-1px}
	.lnb li:hover ul{display:block;}
	.lnb li>ul>li{display:block;text-align:left;}
	.lnb li>ul>li a{min-width:220px;*width:220px;}
	.lnb-slider{position:relative}
	.lnb-slider.active{padding-left:34px;padding-right:34px;text-align:left}
	.lnb-mask{padding-bottom:1px}
	.lnb-slider>button{position:absolute;top:0;width:34px;height:34px;padding:0;background:url(images/btn_prev.png) center center no-repeat;background-color:#d5d5d5;background-size:cover;color:#ddd;-ms-filter:alpha(opacity=75);filter:alpha(opacity=75);opacity:.75}
	.lnb-slider>button:hover,.lnb-slider>button:focus{background-color:#424242;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);opacity:1}
	.lnb-slider .prev{left:0}
	.lnb-slider .next{background-image:url(images/btn_next.png);right:0}

	.lnb-slider.active li {margin-left:0;}
	.lnb-slider.active li a{padding-left:20px;border:1px solid #efefef}

	.lnb-mask{overflow:hidden;padding-bottom:1px}
	.lnb-slider>button{position:absolute;top:0;width:34px;height:34px;padding:0;background:url(images/btn_prev.png) center center no-repeat;background-color:#d5d5d5;background-size:cover;color:#ddd;-ms-filter:alpha(opacity=75);filter:alpha(opacity=75);opacity:.75}
	.lnb-slider>button:hover,.lnb-slider>button:focus{background-color:#424242;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);opacity:1}
	.lnb-slider .prev{left:0}
	.lnb-slider .next{background-image:url(images/btn_next.png);right:0}


	#bbs_movie {text-align:center}
	#bbs_movie .close-btn{margin-top:20px;cursor:pointer}
	#bbs_movie iframe{margin-top:40px;width:600px;height:340px;overflow:hidden}
	#bbs_movie hr{border-color:#444}
	#bbs_movie h3,#bbs_movie p{color:#ccc}
	@media only all and (min-width:992px){
		#bbs_movie iframe{width:900px;height:500px}
	}

	.btn-full-wrap {position:relative;}
	.btn-full-wrap a.btn{display:block;padding:28px 0;border-left:0;border-right:0;}
	.btn-full-wrap a.scrollTop{position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    right: 20px;
    top: 50%;
    margin-top: -15px;
    text-align: center;cursor:pointer}


	.shapes.bottom {
		border-top: 5px solid #FBFBFB;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		left: 0;
		top: 0;
		right: 0;
		margin: 0 auto;
	}
	.shapes {
		background-color: transparent;
		position: absolute;
		top: 50%;
		width: 0px;
		height: 0px;
	}


	section h2 i {color:#375069}


	.movie-gallery .mv-item {margin-bottom:20px;display:block;-webkit-transition:color .3s;-moz-transition:color .3s;-ms-transition:color .3s;-o-transition:color .3s;transition:color .3s}
	.movie-gallery .mv-item .img-wrap img {opacity:1;max-width:100%;height:auto;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}
	.movie-gallery .mv-item .img-wrap {position:relative;background:#772946 url('../img/mv_bg.jpg') no-repeat center center}
	.movie-gallery .mv-item:hover .img-wrap img{opacity:.4}
	.movie-gallery .mv-item .img-wrap .playicon{position:absolute;left:5px;bottom:4px;background:#fff;padding:5px 8px;}
	.movie-gallery .mv-item .subscript {height: 92px;overflow: hidden;}
	.movie-gallery .mv-item .subscript .title {text-transform:uppercase;font-size:1.1em;letter-spacing:0;font-weight:500;max-height: 35px;overflow: hidden;}
	.movie-gallery .mv-item .subscript .title small {color:#E80606}
	.movie-gallery .mv-item .subscript p {color:#BBB;font-size:15px;height:44px;overflow:hidden}



	.large-latest {margin-bottom:20px;}
	.large-latest .item{max-height:400px;overflow:hidden;text-align:center;margin-bottom:20px;position: relative;}
	.large-latest .item img.full-symbol {width:100%;height:auto}
	@media only all and (max-width:767px){
		.large-latest .item{max-height:none;}
		.large-latest .item img.full-symbol {width:100%;max-height:none;height:auto}
	}
	.large-latest .item .caption {
		position: absolute;
		right: 20px;
		bottom: 20px;
		left: 20px;
		top:20px;
		z-index: 10;
		color: #fff;
		text-align: center;
		text-shadow: 0 1px 2px rgba(0,0,0,.6);
		background: transparent url("../img/textBg_red60.png") repeat;
		background: rgba(35, 44, 88, 0.6);
		opacity:0;
		-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s
	}
	.large-latest .item:hover .caption {
		opacity:1
	}
	.large-latest .item .caption .btn{
		color: #fff;
		background-color: transparent;
		border: 2px solid #fff;
	}

	.large-latest .item .caption .block {
		position: absolute;
		top: 50%;
		width: 100%;
		margin-top: -61px;
	}
	.large-latest .item .caption .block h1{
		vertical-align: middle;display: inline-block;    letter-spacing: 3px;
		white-space:nowrap; height:27px; width:90%; margin:20px auto; overflow:hidden;
	}



	.brand-gallery .brand-item {margin-bottom:40px;display:block;}
	.brand-gallery .brand-item img {max-width:100%;height:auto}

	.brand-gallery .brand-item {margin-bottom:40px;display:block;position:relative}
	.brand-gallery .brand-item .caption{position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 10;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		text-align: center;
		text-shadow: 0 1px 2px rgba(0,0,0,.6);
		background: transparent url("../img/textBg_purple60.png") repeat;
		background: rgba(75,35,88,0.6);
		opacity:0;
		font-size:2em;text-transform:uppercase;letter-spacing:-1px;
		-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s
		}
	.brand-gallery .brand-item:hover .caption {
		opacity:1
	}




	.people-gallery {position:relative;}
	.people-gallery,
	.people-gallery li{padding:0;margin:0;list-style:none;}
	.people-gallery li{width:auto;}
	.people-gallery .people-item {margin-bottom:40px;display:block;}
	.people-gallery .people-item img {max-width:100%;height:auto}

	.people-gallery .people-item {margin-bottom:40px;display:block;}
	.people-gallery .people-item .caption{
		color:#bbb;
		padding-top: 10px;
		padding-bottom: 10px;
		letter-spacing:-1px;
		-webkit-transition:color .3s;-moz-transition:color .3s;-ms-transition:color .3s;-o-transition:color .3s;transition:color .3s
		}
	.people-gallery .people-item .caption h4{
		color:#111;
		margin-bottom:0;
		-webkit-transition:color .3s;-moz-transition:color .3s;-ms-transition:color .3s;-o-transition:color .3s;transition:color .3s
		}

	.people-gallery .people-item:hover .caption{
		color:#375069;}
	.people-gallery .people-item:hover .caption h4{
		color:#B56A00;
		}


	.people-gallery .people-item .caption .cate {
		text-transform:uppercase;letter-spacing:0;
	}

	@media only all and (min-width:480px){
		.people-gallery {background:transparent url(../img/people_guide_480.png) repeat-y center top;}
		.people-gallery li{width:48%;}
	}
	@media only all and (min-width:768px){
		.people-gallery {background:transparent url(../img/people_guide_768.png) repeat-y center top;}
		.people-gallery li{width:220px;}
	}
	@media only all and (min-width:992px){
		.people-gallery {background:transparent url(../img/people_guide_992.png) repeat-y center top;}
	}
	@media only all and (min-width:1200px){
		.people-gallery {background:transparent url(../img/people_guide_1200.png) repeat-y center top;}
		.people-gallery li{width:270px;}
	}


	.visual-line {
		position: relative;
		margin:0;
		height:170px;
		background-position: center center;
		background-repeat: no-repeat;
		background-image: url('../img/main2.jpg');
	}
	.visual-line-caption {
		display:none;
        position: absolute;
        bottom: 0;
        z-index: 10;
        width: 100%;
		z-index: 10;
		color: #fff;
		text-align: center;
		font-family: 'Montserrat', 'NanumGothic', sans-serif;
		text-shadow: 0 1px 2px rgba(0,0,0,.6);
	}
	.visual-line span.image img{}
	.visual-line-caption p{
		color:#fff;
		margin-bottom:0;
		padding:3px 0;
		background: transparent url(../img/textBg_transparency40.png) repeat left top;
	}
.guide {display:none;position:absolute;text-align:center;z-index:100;left:0;right:0;top:0;width:100%;bottom:0;opacity:.5;background:#000;}
.guide img{     width: 15%;
    height: auto;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -7%;
    margin-top: -8%;}


	.board-style span {font-size:8pt; color:#9A9A9A;}
	.board-style li:before,
	.board-style li:after {display:block;clear:both;content:" "}
	.board-style li {position:relative;}
	.board-style li a{display:block; }
	.board-style li a p {float:left;margin:0;max-width:82%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
	.board-style li span.datetime{float:right;padding-top: 3px;}


#footer {
  background: #e9e9e9;
  min-height: 75px;
  color: #c2c2c2;
  font-size: 11px;
  padding: 20px 0;
}
#footer:before,
#footer:after {
  content: " ";
  display: table;
}
#footer:after {
  clear: both;
}
#footer a {
  color: #c2c2c2;
}

#footer .list a {
  display:block;
}


#footer p {
}
#footer p img {
  margin-bottom: 6px;
}
#footer .box .box-heading a,
#footer .box .box-heading {
  border: 0;
  line-height: normal;
  background-color: transparent;
  font-size: 14px;
  padding: 0;
  color:#9A9A9A;
}
#footer .box .box-heading .glyphicon {
  margin-right: 6px;
  font-size: 7px;
  top:0;
}
#footer .box .box-heading.icon .glyphicon {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#footer .box .box-content {
  padding: 15px 0 0 0;
  margin: 0;
  background: none;
  border: none;
}
.index-map .box.pavgooglemap {
  position: relative;
  margin: 0;
}
.index-map .box.pavgooglemap .box-content {
  padding: 0;
}
.index-map .box.pavgooglemap .box-heading {
  position: absolute;
  text-align: center;
  min-height: 20px;
  height: auto;
  left: 0;
  right: 0;
  width: 197px;
  min-width: 197px;
  z-index: 2;
  margin: auto;
  font-size: 14px;
  top: -20px;
  background-color: #375069;
  padding: 10px;
  color:#fff;
}
.index-map .box.pavgooglemap img {
  max-width: none;
}
#footer .footer-center {
  padding-top: 30px;
  padding-bottom: 30px;
}
#footer .footer-center .box {
}
#footer h3 {
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 8px;
}


#powered {
  margin: 0;
  clear: both;
  background: transparent;
  color: #c2c2c2;
}
#powered .copyright {
  line-height: 20px;
}
#powered a {
}

footer #blogo {
    padding: 30px 0;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 8px;
    font-weight: bold;
}
footer #blogo img{
    width:250px;height:auto;margin-bottom:20px;

}
footer .copy {
    font-size: 11px;
    color: #999FA5;
    letter-spacing: -.025em;
    margin-top: 11px;
	line-height:180%;
}




/*shop*/
.normal-page {padding-bottom:40px}
.bulType {margin-left: 0px;padding: 15px;background: #fff;margin-bottom: 8px;}
.bulType ul li {color:#7d7d7d;line-height:165%;padding-left:14px;background:url("../img/blot.gif") no-repeat 4px 8px;}
.bulType ul li ol {padding-left:0;}
.bulType ul li ol li {color:#959595;line-height:150%;padding-left:0;background:none}

	.gray-bg-wrap {
		background-color: #f5f5f5;
	}
	.brown-bg-wrap {background-color:#F1F2F7;}
	.brown-bg-fix {margin:0 auto;padding: 20px 0;}
	.brown-bg-fix .normal-page {position:relative}
	.brown-bg-fix hr {border-color:#E9DDEC;border-color:rgba(209,190,214,0.3);box-shadow: 0 1px #FFFFFF;}

	#rnav {position:fixed;top:30%;right:12px;z-index:99}
	#rnav ul li a {background:#ccc;background:rgba(0, 0, 0, 0.3);text-indent:-99999px;height:12px;width:12px;margin:10px 0;padding:0;    -webkit-transition: background-color 0.7s ease 0s; -moz-transition: background-color 0.7s ease 0s; -o-transition: background-color 0.7s ease 0s;
	transition: background-color 0.7s ease 0s; }
	#rnav ul li:hover a,
	#rnav ul li.active a {background:#B21919;}
	#rnav .tooltip-inner {
				white-space: nowrap;
				}



	.portfolio-boxes .portfolio-box {
	  position: relative;
	  margin-top: 20px;
	  text-align: center; }
	  .portfolio-boxes .portfolio-box a {
		text-decoration: none;
		display: block;
		-webkit-transition: color 300ms;
		-moz-transition: color 300ms;
		-o-transition: color 300ms;
		transition: color 300ms; }
		.portfolio-boxes .portfolio-box a.image-link, .portfolio-boxes .portfolio-box a .image-link {
		  overflow: hidden;
		  display: block;
		  position: relative;
		  bottom: 0;
		  -webkit-border-radius: 10px;
		  -moz-border-radius: 10px;
		  border-radius: 10px;
		  -webkit-transition: bottom 300ms;
		  -moz-transition: bottom 300ms;
		  -o-transition: bottom 300ms;
		  transition: bottom 300ms; }
		  .portfolio-boxes .portfolio-box a.image-link:before, .portfolio-boxes .portfolio-box a .image-link:before {
			content: '';
			background-color: transparent;
			position: absolute;
			display: block;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			-webkit-transition: background-color 300ms;
			-moz-transition: background-color 300ms;
			-o-transition: background-color 300ms;
			transition: background-color 300ms;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px; }
		  .portfolio-boxes .portfolio-box a.image-link [class^="glyphicon-"], .portfolio-boxes .portfolio-box a.image-link [class*=" glyphicon-"], .portfolio-boxes .portfolio-box a .image-link [class^="glyphicon-"], .portfolio-boxes .portfolio-box a .image-link [class*=" glyphicon-"] {
			position: absolute;
			left: 50%;
			top: -50%;
			font-size: 30px;
			margin-left: -15px;
			margin-top: -15px;
			color: white;
			-webkit-transition: top 300ms;
			-moz-transition: top 300ms;
			-o-transition: top 300ms;
			transition: top 300ms;
			text-shadow: 1px 1px 1px black;
			width: 30px;
			height: 30px; }
		  .portfolio-boxes .portfolio-box a.image-link img, .portfolio-boxes .portfolio-box a .image-link img {
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px; }
		   .portfolio-boxes .portfolio-box a .image-link img {width:100%;height:auto}
		.portfolio-boxes .portfolio-box a:hover.image-link, .portfolio-boxes .portfolio-box a:hover .image-link {
		  bottom: 5px; }
		  .portfolio-boxes .portfolio-box a:hover.image-link:before, .portfolio-boxes .portfolio-box a:hover .image-link:before {
			background:url(../../img/textBg_transparency40.png) repeat\9;
			background-color: rgba(86, 76, 75, 0.48); }
		  .portfolio-boxes .portfolio-box a:hover.image-link [class^="glyphicon-"], .portfolio-boxes .portfolio-box a:hover.image-link [class*=" glyphicon-"], .portfolio-boxes .portfolio-box a:hover .image-link [class^="glyphicon-"], .portfolio-boxes .portfolio-box a:hover .image-link [class*=" glyphicon-"] {
			top: 50%; }
		.portfolio-boxes .portfolio-box a:hover .title {
		  color: #BD6005; }
		.portfolio-boxes .portfolio-box a:hover .category {
		  color: #A90F0F;font-weight:bold }
	  .portfolio-boxes .portfolio-box .title {
		margin-top: 15px;
		margin-bottom: 5px;
		color: #434955;
		white-space: nowrap;
		overflow: hidden;
		-ms-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		-webkit-transition: color 300ms;
		-moz-transition: color 300ms;
		-o-transition: color 300ms;
		transition: color 300ms; }
	  .portfolio-boxes .portfolio-box .category {
		color: #948D87;
		margin: 0;
		font-size: 14px;
		white-space: nowrap;
		overflow: hidden;
		-ms-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		-webkit-transition: color 300ms;
		-moz-transition: color 300ms;
		-o-transition: color 300ms;
		transition: color 300ms; }

	@media (max-width: 1199px) {
	  .portfolio-boxes .portfolio-box {

	  }
	}
	@media (max-width: 767px) {
	  .portfolio-boxes .portfolio-box {
		min-height: 340px;
	  }
	  .lead.lead-lg {
	    font-size: 17px;
		line-height: 19px;
		margin-bottom: 20px;
	  }
	}
	@media (min-width: 768px) {
	  .profile-boxes .row:last-child .profile-box {
		margin-bottom: 0; } 
	}
	.profile-boxes .row:last-child .profile-box:last-child {
	  margin-bottom: 0; }

	.profile-boxes .profile-box {
	  margin-bottom: 50px;
	  text-align: center; }
	  @media (min-width: 768px) {
		.profile-boxes .profile-box {
		  text-align: left; } }
	  .profile-boxes .profile-box .image-link {
		position: relative;
		overflow: hidden;
		text-decoration: none;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		zoom: 1;
		*display: inline; }
		.profile-boxes .profile-box .image-link:before {
		  content: '';
		  background-color: transparent;
		  position: absolute;
		  display: block;
		  left: 0;
		  top: 0;
		  width: 100%;
		  height: 100%;
		  -webkit-transition: background-color 300ms;
		  -moz-transition: background-color 300ms;
		  -o-transition: background-color 300ms;
		  transition: background-color 300ms;
		  -webkit-border-radius: 50%;
		  -moz-border-radius: 50%;
		  border-radius: 50%; }
		.profile-boxes .profile-box .image-link [class^="glyphicon-"], .profile-boxes .profile-box .image-link [class*=" glyphicon-"] {
		  position: absolute;
		  left: 50%;
		  top: -50%;
		  font-size: 30px;
		  margin-left: -15px;
		  margin-top: -15px;
		  color: white;
		  -webkit-transition: top 300ms;
		  -moz-transition: top 300ms;
		  -o-transition: top 300ms;
		  transition: top 300ms;
		  text-shadow: 1px 1px 1px black;
		  width: 30px;
		  height: 30px; }
		.profile-boxes .profile-box .image-link:hover:before {
		  background:url(../../img/textBg_transparency40.png) repeat\9;
		  background-color: rgba(86, 76, 75, 0.48); }
		.profile-boxes .profile-box .image-link:hover [class^="glyphicon-"], .profile-boxes .profile-box .image-link:hover [class*=" glyphicon-"] {
		  top: 50%; }
	  .profile-boxes .profile-box .name {
		color: #434955;
		margin: 0;
		margin-top: 20px; }
		@media (min-width: 768px) {
		  .profile-boxes .profile-box .name {
			margin-top: 0; } }
	  .profile-boxes .profile-box .position {
		color: #9ca4af;
		font-family: "Open Sans";
		font-size: 14px;
		text-transform: uppercase;
		margin-top: 0; }
	  .profile-boxes .profile-box p {
		margin-bottom: 15px; }
	  .profile-boxes .profile-box img {
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		height: auto;
		max-width: 100%; }



					.comment-wrap {padding:15px 12px; border:1px solid #e5e5e5;margin-bottom: 20px;}
					.comment-wrap h3 {
						margin-top: 0;
						border-bottom: 1px solid #e5e5e5;
						padding-bottom: 10px;
						margin-bottom: 10px;
					}
					.comment-wrap h3 i {
						font-size: 85%;
						color: #ddd;
					}
					.comment-wrap ul {min-height:50px;}
					.comment-wrap ul li a{display:block;padding:4px 0;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}


	.search-wrap{
	padding: 20px 0;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    height: 74px;
    background: #F0F5FB; }

	.search-wrap .form-control {width:auto;display:inline-block}

	table.address th,
	table.address td {border-left:1px solid #ddd}
	table.address {border-bottom:1px solid #ddd}
	table.address .cut td{border-top:1px solid #BBB}

	table.address th:first-child,
	table.address td:first-child {border-left-width:0}
	table.address td.hp,
	table.address th.tel{border-left-width:1px}

	table.address th,
	table.address td{text-align:center}
	table.address td.oaddr,
	table.address td.addr{text-align:left;max-width:250px;}

	table.address .num{width:5%}
	table.address .name{width:9%}
	table.address .email{width:19%}
	table.address .kisu{width:5%}
	table.address .tel{width:12%}
	table.address .hp {width:12%}
	table.address .act {width:5%}

	table.address .act a i{color:#ccc}
	table.address .act a:hover i{color:#111}

	@media (max-width: 991px) {
		table.address td:first-child {border-left-width:1px}

		table.address tr.info {display:none}

		table.address .num {display:none}

		table.address th{display:none;}
		table.address tr:before,
		table.address tr:after {display:block;clear:both;content:" ";}
		table.address tr:after {}
		table.address tr {display:block;padding:10px 0;border-bottom:1px solid #ccc}

		table.address tr.company {border-bottom:1px solid #888}
		
		table.address td{width:auto !important;display:inline-block;vertical-align:top;border-top:0 !important;padding:2px 10px !important}
		table.address td.kisu {font-weight:bold}
		table.address td.act {display:none}
		table.address td.addr,
		table.address td.oaddr {max-width:100%;}

		table.address td.kisu:after{content:" 기 ";}
		table.address td.hp:before{content:" 휴대폰 : ";}

		table.address td.otel:before{content:" 회사전화 : ";}
		table.address td.oaddr:before{content:" 회사주소 : ";}
	}


.memverView img {max-width:100%;height:auto;*zoom:1;*width:100%}

.box-win {background:#fff;position:fixed;*position:absolute;}
.box-content {overflow:hidden}
.box-close {text-align:right;height:25px;line-height:25px;background-color:#ddd;}
.box-win.boxtext{background:url(../img/pop_bg.jpg) no-repeat center center;background-size:cover;border:2px solid #375069}
.box-content.boxtext {padding:20px;}
@media screen and (max-width: 480px) {
	.box-win {width:90%!important;left:5% !important;top:5% !important;height:auto!important}
	.box-content {background-color:#fff;width:100%!important;height:auto!important}
	.box-content img{width:100%!important;height:auto!important;}
	.box-close {position: absolute;width: 100%;bottom: 0;}
}