@charset "euc-kr";

@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);

body, * {font-family:"Noto Sans", sans-serif;}
.header {padding:17px 0 0; border-top:5px solid #1c1c1c; border-bottom:1px solid #e8e8e8}
.header .brand {display:block; margin:0 auto; text-align:center;}

.navbar {margin-bottom:0}

.top-members {}
.top-members ul {float:left;}
.top-members ul li {display:inline; float:left;}
.top-members ul li:first-child,
.top-members ul li.first-child {margin-right:12px}
.top-members ul li a.ico {display:inline-block; height:55px; padding-left:22px; font-size:13px; color:#696969; line-height:55px; vertical-align:middle;}
.top-members ul li a.ico.log {background:url(/skin/img/common/ico-login.gif) left 20px no-repeat;}
.top-members ul li a.ico.join {background:url(/skin/img/common/ico-member.gif) left 20px no-repeat;}

@media (max-width:767px) {
	.header .brand {display:block; margin:0 0 20px;}

	.top-members ul {float:right;}
	.top-members ul li {display:inline; float:left;}
	.top-members ul li:first-child,
	.top-members ul li.first-child {margin-right:12px}
	.top-members ul li a.ico {display:inline-block; height:55px; padding-left:22px; font-size:13px; color:#696969; line-height:55px; vertical-align:middle;}
	.top-members ul li a.ico.login {background:url(/skin/img/common/ico-login.gif) left 20px no-repeat;}
	.top-members ul li a.ico.join {background:url(/skin/img/common/ico-member.gif) left 20px no-repeat;}
}

.analytics-badge {float:left; margin-left:10px;}
.analytics-badge p {margin:0 0 2px; padding:0; font-size:12px;}
.analytics-badge p .badge {font-weight:400;}

/* main-nav */
.main-nav {
  z-index:1000;
  background: #fff;
  margin-bottom: 0;
  border-radius: 0px;
  border:0;
  /*
  border-top:4px solid #abbd3e;
  border-bottom:1px solid #ccc;
  */
}
.main-nav button {
  background: #27435a;
  color: #fff !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top:0;
  margin-right:0;
  margin-bottom:16px;
}
.main-nav button:focus {
  outline: none;
}
.main-nav button .icon-bar {
  background-color: #fff;
}
.main-nav .navbar-collapse {
  margin-right:50px;
  border-top:0;
  padding: 0;
}
.main-nav .nav .nav-item {
  height:55px;
  vertical-align:middle;
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'Han Sans', 'open sans', arial, sans-serif;
  z-index: 100;
  border-right:1px solid #ccc;
}
.main-nav .nav .nav-item.dropdown {
  border-right:0;
}
.main-nav .nav .nav-item a {
  padding:0 35px;
  line-height:55px;
  vertical-align:middle;
  font-weight:500;
  font-size:15px;
  color: #434343;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  border-radius: 0px;
}
.main-nav .nav .nav-item a:hover, .main-nav .nav .nav-item > a:focus,
.main-nav .nav .nav-item a:hover, .main-nav .nav .nav-item > a:hover,
.main-nav .nav .nav-item a:hover, .main-nav .nav .nav-item > a.active {
	background-color:transparent;
	color:#92272b;
	text-decoration:none;
	border-top:2px solid #92272b;
}
.main-nav .nav .nav-item a.cate-tit {height:40px; padding-top:12px; background-color:#e6e6e6}
.main-nav .nav .nav-item a.cate-tit:hover, .main-nav .nav .nav-item a.cate-tit:focus {
  background: #89b336;
  color: #fff;
  text-decoration:none;
}
.main-nav .nav .nav-item.active {
  position: relative;
  border-radius:0px;
}
.main-nav .nav .nav-item.active > a {
  background: #89b336;
  color: #fff;
}
.main-nav .nav .nav-item.active > a:before {
  content: "\f0d8";
  position: absolute;
  bottom: -8px;
  left: 0;
  text-align: center;
  font-family: FontAwesome;
  display: block;
  font-size: 12px;
  width: 100%;
}
.main-nav .nav .nav-item.active > a.dropdown-toggle:before {
  display: none;
}
.main-nav .nav .nav-item.open a {
  /*background: #89b336;
  color: #fff;*/
}
.main-nav .nav .nav-item .dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0;
  border: none;
  padding: 10px 0;
  text-transform: none;
  min-width: 212px;
  -webkit-box-shadow: 0 0 0 rgba(0,0,0,.175);
  box-shadow: 0 0 0 rgba(0,0,0,.175);
  z-index:8080;
}
.main-nav .nav .nav-item:last-child .dropdown-menu,
.main-nav .nav .nav-item.last-child .dropdown-menu {
	left:auto;
	right:0;
}
.main-nav .nav .nav-item .dropdown-menu li {
  z-index:8090;
  padding:0 15px;
}
.main-nav .nav .nav-item .dropdown-menu li.divider {margin:10px 20px 5px; background-color:#b6b6b6;}
.main-nav .nav .nav-item .dropdown-menu li.dropdown-header {
  display: block;
  padding: 3px 0;
  white-space: nowrap;
}
.main-nav .nav .nav-item .dropdown-menu li.dropdown-header a {
	font-weight:600;
  font-size: 15px;
  line-height: 40px;
  color: #92272b;
}
.main-nav .nav .nav-item .dropdown-menu li.dropdown-header a:hover {
  font-size: 15px;
  line-height: 40px;
  color: #92272b;
}
.main-nav .nav .nav-item .dropdown-menu a {
  /*border-bottom: 1px solid #89b336;
  padding: 8px 20px;*/
  line-height:30px;
  vertical-align:top;
  font-size:14px;
  color:#434343;
}
.main-nav .nav .nav-item .dropdown-menu a:hover {
  /*background: #89b336;*/
  color: #92272b;
  background:transparent;
  border:0;
}


@media (min-width:768px) {
	.main-nav .nav .nav-item .dropdown-menu {background-color:#fff;/*background:url(/skin/img/common/dropdown-bg.png) top left repeat;*/}

	.main-nav .nav .nav-item .dropdown-menu li.dropdown-header a {
		font-weight:600;
		font-size: 15px;
		line-height: 40px;
		color: #92272b;
	}
}
@media (max-width:991px){
  .main-nav .navbar-collapse {
    margin-right:0;
  }
}

@media (max-width:800px){
  .main-nav .nav .nav-item .dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 0;
    border: none;
    padding: 0;
    text-transform: none;
    min-width: 179px;
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,.175);
    box-shadow: 0 0 0 rgba(0,0,0,.175);
  }
  .main-nav .nav .nav-item .dropdown-menu a {
    /*border-bottom: 1px solid #89b336;
    padding: 8px 20px;*/
    line-height:30px;
    vertical-align:top;
    font-size:14px;
    color:#666;
  }
  .main-nav .nav .nav-item .dropdown-menu a:hover {
    /*background: #89b336;
    color: #fff;*/
  }
  .main-nav .nav .nav-item a {font-size:14px}
}

@media (max-width:767px){
  .main-nav .nav .nav-item .dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 0;
    border: none;
    padding: 0;
    text-transform: none;
    min-width: 100%;
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,.175);
    box-shadow: 0 0 0 rgba(0,0,0,.175);
  }
  .main-nav .nav .nav-item .dropdown-menu a {
    /*border-bottom: 1px solid #89b336;
    padding: 8px 20px;*/
    line-height:30px;
    vertical-align:top;
    font-size:14px;
    color:#666;
  }
  .main-nav .nav .nav-item .dropdown-menu a:hover {
    /*background: #89b336;
    color: #fff;*/
  }
  .main-nav .nav .nav-item a {font-size:14px}
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
  .main-nav .navbar-collapse {
  position:absolute;
  top:50px;
  right:0;
  width:100%;
  min-width:250px;
    border: 1px solid #e8e8e8;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
  z-index:8050;
  background-color:#fff;
  }
  .navbar-nav {
  width:100%;
    margin: 0px;
    border-bottom: 0;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     color:#fff;
  }
  .navbar-nav .open .dropdown-menu > li:last-child > a {
    border-bottom: 0px;
  }
  .main-nav .nav .nav-item {
  float:left;
  width:100%;
  height:auto;
    border-right: 1px solid #ccc;
    margin-left: 0px;
  }
  .main-nav .nav .nav-item:last-child {
    border-right: 0;
  }
  .main-nav .open .dropdown-menu {clear:both; width:100%;}
  .main-nav .open .dropdown-menu > li:first-child {
    border-top: 1px solid #e8e8e8;
  }
  .main-nav .nav .nav-item > a {
    margin-bottom: 0px;
    text-align: center;
    border-radius: 0px;
  }
  .main-nav .nav .nav-item.active > a:before {
    content: none;
  }
  /*.main-nav .nav .nav-item .dropdown-toggle {display:none}
  .main-nav .dropdown-menu {
  display:block;
  }*/
  .main-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .main-nav .open .dropdown-menu > li > a,
  .main-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .main-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .main-nav .open .dropdown-menu > li > a:hover,
  .main-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }

  .main-nav .nav .nav-item .dropdown-menu {
    position:relative;
    clear:both;
    float:left;
    width:100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 0;
    padding: 0;
    text-transform: none;
    min-width: 179px;
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,.175);
    box-shadow: 0 0 0 rgba(0,0,0,.175);
    border-bottom: 1px solid #e8e8e8;
  }
  .main-nav .nav .nav-item .dropdown-menu a {
    /*border-bottom: 1px solid #89b336;
    padding: 8px 20px;*/
    line-height:30px;
    vertical-align:top;
    font-size:14px;
    color:#666;
  }
  .main-nav .nav .nav-item .dropdown-menu a:hover {
    /*background: #89b336;
    color: #fff;*/
  }
  .main-nav .nav .nav-item .dropdown-menu .sub-menu-box {
    float:left;
    min-width:100%;
    padding:23px 0 5px;
    border:1px solid #89b336;
    /*border-top:0;*/
  }
  .main-nav .nav .nav-item .dropdown-menu .sub-menu-box h3.tit {
    display:block;
    float:left;
    width:25%;
    margin:0;
    text-align:center;
    font-weight:500;
    font-size:18px;
    color:#89b336;
  }

  .main-nav .nav .nav-item .dropdown-menu .sub-menu-box ul li.nav-item {border-right:0}
  .main-nav .nav .nav-item .dropdown-menu .sub-menu-box.producta {min-height:150px}
  .main-nav .nav .nav-item .dropdown-menu .sub-menu-box.technica {min-height:210px; border-top:0}
  .main-nav .nav .nav-item .dropdown-menu .sub-menu-box .cate-list {display:inline; float:right; width:70%;  margin-top:-24px}
  .main-nav .nav .nav-item .dropdown-menu .sub-menu-box .cate-list li {width:100%; height:35px; line-height:350px;}
  .main-nav .nav .nav-item .dropdown-menu .sub-menu-box .cate-list li a {font-size:14px;}
  /*.main-nav .nav .nav-item .dropdown-menu .special-set {display:block; clear:both; width:100%; height:70px; background-color:#89b336}
  .main-nav .nav .nav-item .dropdown-menu .special-set a {display:block; padding-top:0; font-weight:500; font-size:16px; line-height:70px; vertical-align:middle; text-align:center; color:#fff; }*/

  .btn-theme {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding:11px 12px 10px;
    /*
    background: #808080;
    border: 1px solid #808080;
    color: #fff;
    */
  }
  .btn-theme:hover {
    /*
    background: #949494;
    border: 1px solid #949494;
    color: #fff;
    */
  }
}

/* OwlCarousel HEBRON CUSTOM */
.maincarousel {position:relative; z-index:100}
.owl-carousel .items {position:relative}
.owl-carousel .items .txt-wrap {position:absolute; top:50%; left:0; width:100%; margin-top:-10%; text-align:center; color:#fff}
.owl-carousel .items .txt-wrap h1 {margin:0; font:500 75px/36px 'Han Sans', 'Open Sans', sans-serif;}
.owl-carousel .items .txt-wrap .txt1 {padding-bottom:20px; font-size:24px;font-family:'Han Sans', 'Open Sans', sans-serif;}

.owl-carousel .items .txt-wrap .txt2 {font:normal 17px/30px 'Han Sans', 'Open Sans', sans-serif;}
.owl-carousel .items .txt-wrap .divide {display:block; width:90px; height:2px; margin:40px auto 45px; background-color:#fff;}

.owl-theme .owl-controls {position:absolute; bottom:64px; left:50%; z-index:200; margin-left:-42px; text-align: center;}
.owl-theme .owl-controls .owl-page span {display: block; width: 13px; height: 13px; margin: 0s 8px; border:2px solid #e6ebea; filter: Alpha(Opacity=100);/*IE7 fix*/ opacity:1; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background:transparent;}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; background-color:#e6ebea;}
.maincarousel .owl-buttons {z-index:150;}
.maincarousel .owl-buttons div {display: inline-block; position:absolute; top:35%; margin-top:-42px; cursor:pointer; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding:20px; -webkit-border-radius: 30px; -moz-border-radius: 30px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5;}
.maincarousel .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none;}
.maincarousel .owl-buttons div.btn-prev {left:10%;}
.maincarousel .owl-buttons div.btn-next {right:10%;}

@media (min-width:1100px) and (max-width:1422px) {
  .owl-carousel .items .txt-wrap {top:40%;}
  .owl-carousel .items .txt-wrap h1 {font:500 55px/36px Arial, sans-serif}
  .owl-carousel .items .txt-wrap .txt1 {padding-bottom:20px; font-size:24px;}
  .owl-carousel .items .txt-wrap .txt2 {font:normal 15px/25px 'Han Sans', 'Open Sans', sans-serif;}
  .owl-carousel .items .txt-wrap .divide {margin:30px auto 35px;}

  .owl-theme .owl-controls {bottom:24px;}
}
@media (min-width:998px) and (max-width:1099px) {
  .owl-carousel .items .txt-wrap {top:40%;}
  .owl-carousel .items .txt-wrap h1 {font:500 45px/36px Arial, sans-serif}
  .owl-carousel .items .txt-wrap .txt1 {padding-bottom:20px; font-size:24px;}
  .owl-carousel .items .txt-wrap .txt2 {font:normal 14px/22px 'Han Sans', 'Open Sans', sans-serif;}
  .owl-carousel .items .txt-wrap .divide {margin:30px auto 35px;}

  .owl-theme .owl-controls {bottom:24px;}
}
@media (min-width:768px) and (max-width:997px) {
  .owl-carousel .items .txt-wrap {top:38%;}
  .owl-carousel .items .txt-wrap h1 {font:500 40px/36px Arial, sans-serif}
  .owl-carousel .items .txt-wrap .txt1 {padding-bottom:0px; font-size:20px;}
  .owl-carousel .items .txt-wrap .txt2 {font:normal 14px/22px 'Han Sans', 'Open Sans', sans-serif;}
  .owl-carousel .items .txt-wrap .divide {margin:10px auto 15px;}

  .owl-theme .owl-controls {bottom:24px;}
}

@media (max-width:1200px) {
  .main-nav .nav .nav-item a {padding:0 25px;}
}
@media (max-width:991px) {
  .main-nav .nav .nav-item a {padding:0 12px;}

  .maincarousel .owl-buttons div.btn-prev {left:5%;}
  .maincarousel .owl-buttons div.btn-next {right:5%;}
}
@media (max-width:767px) {
  .owl-carousel .items .txt-wrap {top:38%;}
  .owl-carousel .items .txt-wrap h1 {font:500 40px/36px Arial, sans-serif}
  .owl-carousel .items .txt-wrap .txt1 {padding-bottom:0px; font-size:20px;}
  .owl-carousel .items .txt-wrap .txt2 {font:normal 14px/22px 'Han Sans', 'Open Sans', sans-serif;}
  .owl-carousel .items .txt-wrap .divide {margin:10px auto 15px;}

  .owl-theme .owl-controls {bottom:24px;}
}
@media (max-width:479px) {
  .owl-carousel .items .txt-wrap {top:42%;}
  .owl-carousel .items .txt-wrap h1 {font:500 20px/36px Arial, sans-serif}
  .owl-carousel .items .txt-wrap .txt1 {padding-bottom:0; font-size:16px;}
  .owl-carousel .items .txt-wrap .txt2 {display:none}

  .maincarousel .owl-buttons div {top:50%; margin-top:-11px; padding:0;}
  .maincarousel .owl-buttons div img {width:50%}
  .maincarousel .owl-buttons div.btn-prev {text-align:left;}
  .maincarousel .owl-buttons div.btn-next {text-align:right;}
  .owl-theme .owl-controls {display:none !important; bottom:24px;}
}

/* MAIN CLIENT CSS */
.main-content-wrap {padding:90px 0 0; letter-spacing:-.1em}

.main-head {float:left; width:100%; padding-bottom:30px; background:url(/skin/img/common/bg-head-line.png) top left repeat-x}
.main-head h3.tit {display:inline; float:left; max-width:150px; margin:0; padding-right:18px; font-weight:400; font-family:"Noto Sans", sans-serif; font-size:25px; color:#111; background-color:#fff}
.main-head .btn-wrap {float:right; width:auto; padding-left:22px; background-color:#fff}
.main-head .btn-wrap > a {display:inline-block; width:30px; height:30px; line-height:25px; font-size:18px; color:#000; vertical-align:middle; text-align:center; border:2px solid #4b4b47; background-color:transparent}
.main-head .btn-wrap > a:hover {color:#fff; background-color:#4b4b47}

.main-head .btn-wrap > a.btn-more2{display:inline-block; width:80px; height:30px; line-height:25px; font-size:18px; color:#000; vertical-align:middle; text-align:center; border:2px solid #4b4b47; background-color:transparent}
.main-head .btn-wrap > a.btn-more2:hover {color:#fff; background-color:#4b4b47}


.clientcarousel {float:left; width:100%; padding-bottom:50px}
.clientcarousel .items ul li {max-width:285px; max-height:265px; margin-bottom:18px}
.clientcarousel .items ul li a {display:block;}
.clientcarousel .items ul li a .img {overflow:hidden;}
.clientcarousel .items ul li a .img img {margin:0 auto; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.clientcarousel .items ul li a:hover .img img {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.clientcarousel .items ul li a .txt {overflow:hidden; width:100%; height:52px; text-overflow:ellipsis; white-space:nowrap; font-family:500; font-size:14px; color:#343434; line-height:52px; vertical-align:middle; text-align:center; border-bottom:1px solid #c7c7c7}
.clientcarousel .items ul li a:hover .txt {color:#92272b; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out;}

.customer-wrap {clear:both; padding:65px 0; border-top:1px solid #e7eae7; border-bottom:1px solid #e7eae7; background-color:#e1e1e1}
.customer-wrap .main-head {height:51px;}
.customer-wrap .main-head h3.tit {background-color:#e1e1e1}
.customer-wrap .main-head .btn-wrap {background-color:#e1e1e1}

.notice-list {height:216px; border-bottom:1px solid #a8a8a8}
.notice-list li {margin-bottom:30px}
.notice-list li a {line-height:1em;}
.notice-list li a .tit {margin-bottom:10px; font-weight:500; font-size:14px; color:#434343}
.notice-list li a .info {overflow:hidden; width:100%; margin-bottom:0; font-size:12px; color:#676767; text-overflow:ellipsis; white-space:nowrap;}

.partner-area {padding-left:50px}
.partner-box {float:left; position:relative; width:100%; height:216px; padding:32px 25px 26px; border:1px solid #dcdedb; background-color:#fff;}
.partner-box .imgs {cursor:pointer;}
.partner-box .twrap {float:left; width:60%;}
.partner-box .twrap h3.tit {margin:0 0 22px; font-weight:500; color:#151515}
.partner-box .twrap .info {margin-bottom:25px; font-size:13px; line-height:20px; color:#777}
.partner-box .btn-request {display:block; clear:both; width:100%; height:44px; line-height:44px; vertical-align:middle; text-align:center; font-weight:400; color:#fff; background-color:#393b33}
.partner-box .btn-request:hover {background-color:#5a5d52}

.adgallery-wrap {clear:both; padding:60px 0 80px;}

.ad-area {}
.ad-area .ad-link {display:block; overflow:hidden; max-height:225px;}
.ad-area .ad-link .play {display:block; position:absolute; top:50%; left:50%; width:80px; height:80px; margin-left:-40px; margin-top:-40px; background:url(/skin/img/icon/btn-play.png) top left no-repeat;}

.gallery-area {padding-left:45px}
.gallery-area .row {margin-left:-5px; margin-right:-5px;}
.gallery-area .row .col-md-6,
.gallery-area .row .col-sm-6 {padding-left:5px; padding-right:5px;}
.gallery-box {position:relative;}
.gallery-box .tit {position:absolute; bottom:20px; left:20px; width:80%; font-weight:400; font-size:15px; color:#fff}
.gallery-box a {display:block; overflow:hidden; width:100%; height:100%;}
.gallery-box a img {-webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.gallery-box a:hover img {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

/* FOOTER */
.footer {color:#dadada; background:#2c2d2c; padding:70px 0 40px;}
.footer address {margin-bottom:25px; font-size:14px; line-height:26px; color:#949494;}
.footer #back-top {width:48px; height:48px; margin:0 auto; border:2px solid #989b97; color:#3a3b3a; background-color:#3a3b3a; border-radius:25px; text-align:center;}
.footer #back-top a {display:block; width:44px; height:44px;}

/*Copyright*/
.copyright {padding:50px 0 40px; background: #232322;}

.copyright p {font-size:12px; color:#dadada;}
.copyright p strong {font-weight:400; color:#b14949}

@media (max-width:1199px) {
	.ad-area .ad-link {max-height:190px;}

	.partner-box .twrap {height:115px;}
	.partner-box .twrap .info {margin-bottom:10px;}
}
@media (max-width:991px) {
	.ad-area .ad-link {max-height:250px;}
	.ad-area .ad-link .img-responsive2 {display:block; max-width:50%; height:auto; margin:0 auto;}

	.partner-box .twrap {height:166px;}

	.clientcarousel .items ul li a .txt {font-size:12px; letter-spacing:-.1em}

	.customer-wrap {padding:30px 0;}
	.adgallery-wrap {clear:both; padding:30px 0 50px;}
	.notice-list {height:auto; min-height:216px; margin-bottom:30px; border-bottom:1px solid #caccc9}
	.partner-box {height:auto; min-height:216px; margin-bottom:10px; padding:15px 25px 21px;}
	.partner-box .twrap {width:55%;}
	.ad-area {margin-bottom:30px;}
	.gallery-box .tit {bottom:10px; left:10px}

	.partner-area,
	.gallery-area {padding-left:0}
}
@media (max-width:768px) {
  .clientcarousel .items ul li {max-width:100%; max-height:100%; margin-bottom:18px}

  .partner-box .twrap {height:134px;}
}

/* SUB COMMON */
.sub-content-wrap {padding:0 0 110px; line-height:1; letter-spacing:-.1em;}

/* LEFT MENU */
.left-menu {clear:both; float:left; width:100%; margin-right:25px; padding:40px 30px 60px; border:2px solid #50514e;}
.left-menu .head {float:left; width:100%; margin-bottom:35px; background:url(/skin/img/common/bg-head-line.png) top left repeat-x}
.left-menu .head h3.tit {display:inline; float:left; margin:0; padding-right:10px; font-weight:400; font-size:22px; color:#111; background-color:#fff}
.left-menu .list {clear:both; width:100%}
.left-menu .list ul {}
.left-menu .list ul > li {clear:both; float:left; width:100%; min-height:43px;}
.left-menu .list ul > li a {float:left; width:100%; font-weight:500; font-size:14px; color:#939393; line-height:43px; vertical-align:middle;}
.left-menu .list ul > li.active a,
.left-menu .list ul > li a:hover {color:#242424}
.left-menu .list ul > li span.fa {float:right; font-weight:normal; font-size:9px; line-height:43px; vertical-align:middle;}
.left-menu .list ul > li .sub-menu {display:none; clear:both; float:left; width:100%; padding:10px 14px; background-color:#f4f4f4;}
.left-menu .list ul > li .sub-menu.open {display:block !important; transition: .6s ease-in-out;}
.left-menu .list ul > li .sub-menu li {min-height:26px;}
.left-menu .list ul > li .sub-menu li a {font-size:13px; color:#939393; line-height:26px;}
.left-menu .list ul > li .sub-menu li.active a,
.left-menu .list ul > li .sub-menu li a:hover {color:#242424}

/* SUB TITLE */
.sub-title-wrap {clear:both; position:relative; width:100%; margin-bottom:55px; background:url(/skin/img/sub/sub-topimg02.jpg) center center no-repeat; background-size:contain;}
.sub-title-wrap .abs-txt {position:absolute; top:0; left:0; z-index:990; width:100%; height:100%; text-align:center}
.sub-title-wrap .abs-txt h1 {font:600 48px/1 "Noto Sans", sans-serif; color:#fff}
.sub-title-wrap .abs-txt h2 {font-size:20px; font-family:Arial, sans-serif; color:#fff7f7;}
.sub-title-wrap .breadcrumb {border:0}
.sub-title-wrap .breadcrumb li {font-size:13px; color:#f4f4f4}
.sub-title-wrap .breadcrumb li a {font-size:13px; color:#f4f4f4}
.sub-title-wrap .breadcrumb>li+li:before {padding:0 5px 0 2px; color:#ccc; content:"\003e"}

.sub-title-wrap .imgs {width:100% !important}

@media (min-width:1422px) {
  .sub-title-wrap .abs-txt h1 {margin:45px auto 30px;}
  .sub-title-wrap .abs-txt h2 {margin:0 auto;}
}
@media (min-width:1200px) and (max-width:1421px) {
  .sub-title-wrap .abs-txt h1 {margin:30px auto 15px;}
  .sub-title-wrap .abs-txt h2 {margin:0 auto;}
}
@media (min-width:1000px) and (max-width:1199px) {
  .sub-title-wrap .abs-txt h1 {margin:30px auto 5px; font-size:40px;}
  .sub-title-wrap .abs-txt h2 {margin:0 auto;}
}
@media (min-width:768px) and (max-width:999px) {
  .sub-title-wrap .abs-txt h1 {margin:10px auto 5px; font-size:35px;}
  .sub-title-wrap .abs-txt h2 {margin:0 auto; font-size:16px;}
  .sub-title-wrap .breadcrumb {margin-top:-5px}
}
@media (max-width:767px) {
  .sub-title-wrap .abs-txt {position:absolute; top:10px; left:0; width:100%; height:100%; text-align:left}
  .sub-title-wrap .abs-txt h1 {float:left; margin:0 10px 5px; font-weight:500; font-size:18px;}
  .sub-title-wrap .abs-txt h2 {display:none;}
  .sub-title-wrap .breadcrumb {padding:0;}
}

/* ȸ»ç¼Ò°³ */
.company-wrap {padding:30px 22px 0;}
.company-wrap p {width:100%; word-break:keep-all;}
.company-wrap .txt1 {margin:0 0 20px; font-weight:400; font-size:16px; color:#666;}
.company-wrap .txt2 {margin:0 0 50px; font-weight:200; font-size:30px; color:#1a1a1a; line-height:36px; letter-spacing:-.1em;}
.company-wrap .txt2 strong {position:relative; z-index:10; font-weight:500;}
.company-wrap .txt2 strong .line {display:block; position:absolute; bottom:3px; left:0; z-index:-1; width:100%; height:3px; background-color:#ffd400;}
.company-wrap .txt3 {margin:0 0 15px; font-weight:400; font-size:16px; color:#666; line-height:30px}
.company-wrap .txt4 {word-break:normal; margin:0 0 60px; font-weight:200; font-size:30px; color:#333; letter-spacing:-.1em}
.company-wrap .txt4 strong {font-weight:200; color:#cc3d3d}
.company-wrap .img {margin:0 0 40px}
.company-wrap .comp-info {border-top:1px solid #666; border-bottom:1px solid #666; line-height:1; text-align:left;}
.company-wrap .comp-info li {border-top:1px solid #ccc;}
.company-wrap .comp-info li:first-child,
.company-wrap .comp-info li.first-child {border-top:0}
.company-wrap .comp-info li p {display:inline-block; margin:0; padding:17px 0; font-weight:400; font-size:16px; line-height:1; vertical-align:middle;}
.company-wrap .comp-info li .th {float:left; width:95px; padding-left:8px; margin-right:20px; color:#666; background:url(/skin/img/sub/map-divider.gif) top right no-repeat;}
.company-wrap .comp-info li .td {width:auto; padding-left:8px; color:#333}

/* ã¾Æ¿À½Ã´Â ±æ */
.map-address {margin-top:50px; border-top:1px solid #666; border-bottom:1px solid #666; line-height:1;}
.map-address li {border-top:1px solid #ccc;}
.map-address li:first-child,
.map-address li.first-child {border-top:0}
.map-address li p {display:inline-block; margin:0; padding:17px 0; font-weight:400; font-size:16px; line-height:1; vertical-align:middle;}
.map-address li .th {float:left; width:95px; padding-left:8px; margin-right:20px; color:#666; background:url(/skin/img/sub/map-divider.gif) top right no-repeat;}
.map-address li .td {width:auto; padding-left:8px; color:#333}

/* »ç¾÷¿µ¿ª */
.business-wrap {padding:30px 22px 0;}
.business-wrap p {width:100%; word-break:keep-all;}
.business-wrap .divide {clear:both; float:left; width:100%; height:2px; background-color:#666}
.business-wrap .divide2 {clear:both; float:left; width:100%; height:1px; background-color:#c1c1c1}

.business-wrap .head {line-height:1; letter-spacing:-.1em;}
.business-wrap .head h3.tit {margin:0 0 25px; font-weight:500; font-size:36px; color:#1a1a1a;}
.business-wrap .head .txt {font-weight:400; font-size:16px; color:#666; line-height:20px;}

.nav-tabs.nav-justified > li > a {border:1px solid #bfbfbf; border-radius:0; font-size:14px; color:#33342c;}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {border:1px solid #33342c; background-color:#33342c; color:#fff;}

/* ÀÎÀçä¿ë */
.comp-slider-wrap {clear:both; position:relative; width:100%; margin-bottom:50px; padding:18px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; box-sizing:border-box;}
.comp-slider-wrap .owl-carousel {width:100%; margin:0 auto; padding:0 64px;}
.comp-slider-wrap .owl-carousel .items {margin:0 21px;}
.comp-slider-wrap .owl-carousel .items a.tit {display:block; text-decoration:none; text-align:center;}
.comp-slider-wrap .owl-buttons .owl-btn {position:absolute; top:50%; margin-top:-22px; padding:7px 10px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; cursor:pointer;}
.comp-slider-wrap .owl-buttons .owl-btn:hover {filter: Alpha(Opacity=100);/*IE7 fix*/	opacity: 1;}
.comp-slider-wrap .owl-buttons .owl-btn.btn-prev {left:0}
.comp-slider-wrap .owl-buttons .owl-btn.btn-next {right:0}

.reqruit-wrap .txt1 {margin:0 0 50px; font-weight:200; font-size:24px; color:#1a1a1a; line-height:30px; letter-spacing:-.1em;}
.reqruit-wrap .txt1 strong {position:relative; z-index:10; font-weight:500;}
.reqruit-wrap .txt1 strong .line {display:block; position:absolute; bottom:3px; left:0; z-index:-1; width:100%; height:3px; background-color:#ffd400;}
.reqruit-wrap .txt2 {margin:0 0 35px; font-weight:400; font-size:16px; color:#666;}
.reqruit-wrap .circle {}
.reqruit-wrap .circle .round-box {margin:0 auto 30px;}
.reqruit-wrap .circle .tit {margin-bottom:25px; font-weight:200; font-size:36px; color:#333;}
.reqruit-wrap .circle .info {font-weight:400; font-size:16px; color:#666; line-height:30px;}

@media (max-width:991px) {
	.comp-slider-wrap {margin-bottom:35px;}

	.reqruit-wrap .txt1 {font-size:24px; line-height:38px;}
	.reqruit-wrap .circle .tit {font-size:20px; color:#333;}
	.reqruit-wrap .circle .info {font-size:13px; color:#666; line-height:25px;}
}
@media (max-width:768px) {
	.comp-slider-wrap {margin-bottom:20px;}
	.comp-slider-wrap .owl-carousel {padding:0 45px;}

	.reqruit-wrap .txt1 {font-size:20px; line-height:38px;}
	.reqruit-wrap .circle {margin-bottom:50px;}
}

/* ±¤°í´ëÇà */
.agencies-wrap .tit {margin:0 0 50px; font-weight:100; font-size:36px; color:#1a1a1a; line-height:48px; letter-spacing:-.1em;}
.agencies-wrap .tit strong {position:relative; z-index:10; font-weight:500;}
.agencies-wrap .tit strong .line {display:block; position:absolute; bottom:3px; left:0; z-index:-1; width:100%; height:3px; background-color:#ffd400;}
.agencies-wrap .txt1 {margin:0 0 40px; font-weight:200; font-size:24px; color:#1a1a1a; line-height:30px; letter-spacing:-.1em;}
.agencies-wrap .txt1 strong {position:relative; z-index:10; font-weight:500;}
.agencies-wrap .txt1 strong .line {display:block; position:absolute; bottom:3px; left:0; z-index:-1; width:100%; height:3px; background-color:#ffd400;}
.agencies-wrap .txt-wrap {margin-bottom:15px; padding:24px 0 15px; border-top:1px solid #33342c; border-bottom:1px solid #33342c; font-size:14px; color:#666}
.agencies-wrap .txt-wrap .tit {margin:0 0 15px; font-weight:400; font-size:26px; color:#333; line-height:1;}
.agencies-wrap .txt-wrap .info {margin:0; font-weight:400; font-size:15px; color:#333; line-height:1;}
.agencies-wrap .info-wrap {min-height:130px; margin-bottom:30px; padding:30px 0; background-color:#f2f2f2;}
.agencies-wrap .info-wrap .txt {font-weight:400; font-size:14px; color:#767676; line-height:20px;}

/* µå¶ó¸¶ Á¦ÀÛÇùÂù */
.dramas-wrap .txt1 {margin:0 0 15px; font-weight:400; font-size:16px; color:#ababab;}
.dramas-wrap .txt2 {margin:0 0 50px; font-weight:100; font-size:36px; color:#1a1a1a; line-height:48px; letter-spacing:-.1em;}
.dramas-wrap .txt2 strong {position:relative; z-index:10; font-weight:500;}
.dramas-wrap .txt2 strong .line {display:block; position:absolute; bottom:3px; left:0; z-index:-1; width:100%; height:3px; background-color:#ffd400;}
.dramas-wrap .txt3 {margin:0 0 35px; font-weight:400; font-size:16px; line-height:30px; color:#666;}
.dramas-wrap .thum-tit {margin-top:22px; font-weight:400; font-size:14px; color:#666;}

/* ÇÁ·Î±×·¥ Á¦ÀÛÇùÂù */
.programs-wrap .txt1 {margin:0 0 15px; font-weight:400; font-size:16px; color:#ababab;}
.programs-wrap .txt2 {margin:0 0 50px; font-weight:100; font-size:36px; color:#1a1a1a; line-height:48px; letter-spacing:-.1em;}
.programs-wrap .txt2 strong {position:relative; z-index:10; font-weight:500;}
.programs-wrap .txt2 strong .line {display:block; position:absolute; bottom:3px; left:0; z-index:-1; width:100%; height:3px; background-color:#ffd400;}
.programs-wrap .txt3 {margin:0 0 35px; font-weight:400; font-size:16px; line-height:30px; color:#666;}
.programs-wrap .thum-tit {margin-top:22px; font-weight:400; font-size:14px; color:#666;}

/* »óÇ° Á¦ÀÛÇùÂù */
.products-wrap .txt1 {margin:0 0 15px; font-weight:400; font-size:16px; color:#ababab;}
.products-wrap .txt2 {margin:0 0 50px; font-weight:100; font-size:36px; color:#1a1a1a; line-height:48px; letter-spacing:-.1em;}
.products-wrap .txt2 strong {position:relative; z-index:10; font-weight:500;}
.products-wrap .txt2 strong .line {display:block; position:absolute; bottom:3px; left:0; z-index:-1; width:100%; height:3px; background-color:#ffd400;}
.products-wrap .txt3 {margin:0 0 35px; font-weight:400; font-size:16px; line-height:30px; color:#666;}
.products-wrap .thum-tit {margin-top:22px; font-weight:400; font-size:14px; color:#666;}

/* ¹Ìµð¾îÁ¦ÀÛ */
.media-wrap .tit {margin:0 0 20px; font-weight:100; font-size:36px; color:#1a1a1a; line-height:48px; letter-spacing:-.1em;}
.media-wrap .tit strong {position:relative; z-index:10; font-weight:500;}
.media-wrap .tit strong .line {display:block; position:absolute; bottom:3px; left:0; z-index:-1; width:100%; height:3px; background-color:#ffd400;}
.media-wrap .txt1 {margin:0; font-weight:200; font-size:24px; color:#1a1a1a; line-height:30px; letter-spacing:-.15em;}
.media-wrap .txt1 strong {position:relative; z-index:10; font-weight:500;}
.media-wrap .txt1 strong .line {display:block; position:absolute; bottom:3px; left:0; z-index:-1; width:100%; height:3px; background-color:#ffd400;}
.media-wrap .txt2 {margin:0 0 25px; font-weight:400; font-size:16px; color:#666; line-height:30px;}
.media-wrap .txt3 {margin:0 0 15px; font-weight:300; font-size:16px; color:#ababab;}
.media-wrap .inquiry-btn {display:block; width:177px; margin:0 auto; border-top:1px solid #4e4e4e; text-align:center; font-size:16px; line-height:33px; vertical-align:middle; color:#fff; background-color:#222}
.media-wrap .inquiry-btn:hover {background-color:#5a5d52;}
.media-wrap .txt-wrap {margin-bottom:15px; padding:24px 0 15px; border-top:1px solid #33342c; border-bottom:1px solid #33342c; font-size:14px; color:#666}
.media-wrap .txt-wrap .tit {margin:0 0 15px; font-weight:500; font-size:26px; color:#333; line-height:1;}
.media-wrap .txt-wrap .info {margin:0; font-weight:500; font-size:15px; color:#333; line-height:1;}
.media-wrap .info-wrap {min-height:130px; margin-bottom:30px; padding:30px 0; background-color:#f2f2f2;}
.media-wrap .info-wrap .txt {font-size:14px; color:#767676; line-height:20px;}
.media-wrap .make-media .abs-box {position:relative;}
.media-wrap .make-media .abs-box p.imgs {overflow:hidden; cursor:pointer;}
.media-wrap .make-media .abs-box p.imgs img {-webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.media-wrap .make-media .abs-box p.imgs:hover img {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.0); -ms-transform: scale(1.1); transform: scale(1.1);}
.media-wrap .make-media .abs-box p.imgs.action {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.0); -ms-transform: scale(1.1); transform: scale(1.1);}
.media-wrap .make-media .abs-box .bg-box {display:none; position:absolute; bottom:0; left:0; width:100%; min-height:88px; padding:10px 30px; cursor:pointer; background:url(/skin/img/sub/bg-box-piece.png) repeat;}
.media-wrap .make-media .abs-box .bg-box p {margin:0; font-weight:400; vertical-align:middle;}
.media-wrap .make-media .abs-box .bg-box p.tit {font-size:22px; color:#ffe63d; line-height:30px;}
.media-wrap .make-media .abs-box .bg-box p.tit.solo {line-height:68px;}
.media-wrap .make-media .abs-box .bg-box p.info {font-size:14px; color:#fff; line-height:20px;}

@media (max-width:1199px) {
  .agencies-wrap .txt1 {margin:0 0 40px; font-weight:100; font-size:22px; color:#1a1a1a; line-height:30px; letter-spacing:-.1em;}
}
@media (max-width:767px) {
  .agencies-wrap .txt-wrap {margin-bottom:0;}
  .agencies-wrap .txt1 {margin:0 0 40px; font-weight:100; font-size:16px; color:#1a1a1a; line-height:25px; letter-spacing:-.1em;}

  .media-wrap .tit {margin:0 0 20px; font-weight:100; font-size:20px; color:#1a1a1a; line-height:35px; letter-spacing:-.1em;}
  .media-wrap .txt1 {margin:0; font-weight:100; font-size:16px; color:#1a1a1a; line-height:25px; letter-spacing:-.1em;}
}

/* ÆÄÆ®³Ê */
.partner-wrap {padding:30px 22px 0;}
.partner-wrap .divide {clear:both; float:left; width:100%; height:2px; background-color:#666}
.partner-wrap .divide2 {clear:both; float:left; width:100%; height:1px; background-color:#c1c1c1}

/* Á¦ÀÛ¹®ÀÇ */
.inquiry-wrap {}
.inquiry-wrap .tit {margin:0 0 20px; font-weight:200; font-size:36px; color:#1a1a1a; line-height:48px; letter-spacing:-.1em;}
.inquiry-wrap .tit strong {position:relative; z-index:10; font-weight:500;}
.inquiry-wrap .tit strong .line {display:block; position:absolute; bottom:3px; left:0; z-index:-1; width:100%; height:3px; background-color:#ffd400;}
.inquiry-wrap .txt {margin:0 0 30px; font-weight:400; font-size:16px; color:#666; line-height:30px;}
.inquiry-wrap .numb {font-size:30px; color:#1a1a1a;}
.inquiry-wrap .numb strong {position:relative; z-index:10; font-weight:600}
.inquiry-wrap .numb strong .line {display:block; position:absolute; bottom:3px; left:0; z-index:-1; width:100%; height:3px; background-color:#ffd400;}
@media (max-width:767px) {
	.inquiry-wrap .numb {font-size:20px; color:#1a1a1a;}

	.sub-content-wrap strong .line {display:none !important;}
}

.form-wrap {}
.form-wrap .tit {margin:0 0 20px; font-weight:400; font-size:16px; color:#333; line-height:1;}
.privacy-area {overflow:auto; position:relative; width:100%; height:170px; margin:0; padding:15px; border:1px solid #c8c8c8; font:400 14px/25px "Noto Sans", sans-serif; color:#666; background-color:#fff;}
.agree-chk {float:left; margin:10px 0; vertical-align:middle;}
.agree-chk label {font-weight:400; cursor:pointer}
.agree-chk .input-form {display:inline; float:left; margin:0 5px 0 0}

/* °ßÀûÁ¶È¸ ¹× ÀÇ·Ú */
.requests-wrap {margin-top:-30px;}
.requests-wrap h2.tit {display:block; margin:0 0 20px; text-align:center; font-weight:500; font-size:36px; color:#1a1a1a; line-height:1;}
.classificate-box {margin-bottom:20px; border-top:2px solid #666; border-bottom:2px solid #666;}
.classificate-box .head {height:50px; margin:0; font-size:16px; color:#333; font-weight:500; line-height:50px; vertical-align:middle; text-align:center; background-color:#e6e6e6;}
.classificate-box .scroll-box {border:1px solid #ccc; border-bottom:0; min-height:170px;}
.classificate-box .scroll-box ul.list {overflow-y:scroll; height:168px; padding:9px;}
.classificate-box .scroll-box ul.list li {width:100%;}
.classificate-box .scroll-box ul.list li a {display:block;padding:7px 0 6px 12px;line-height:18px;vertical-align:middle; font-weight:400; font-size:14px; color:#000; cursor:pointer;}
.classificate-box .scroll-box ul.list li a:hover,
.classificate-box .scroll-box ul.list li.active a {background-color:#ffd400;}

.table.select-list {margin:0 0 30px; border-top:2px solid #666}
.table.select-list tr:last-child,
.table.select-list tr.last-child {border-bottom:2px solid #666;}
.table.select-list tr {border-bottom:1px solid #ccc;}
.table.select-list tr td {min-height:48px; padding:0; vertical-align:middle;}
.table.select-list tr td.wid1 {width:10%;}
.table.select-list tr td.wid2 {width:100%;}
.table.select-list tr td.wid3 {width:15%;}
.table.select-list tr td.wid4 {width:10%;}
.table.select-list tr td p {margin:0; font-size:14px; color:#333; line-height:48px;}
.table.select-list tr td .input {margin-bottom:0; line-height:48px; font-weight:normal;}
.table.select-list tr td input.ipt-price {display:inline-block; height:32px; margin-right:5px; padding:8px 10px; border:1px solid #bdbdbd; font:13px/16px 'Open Sans',Helvetica,Arial,sans-serif; color:#404040;}
.table.select-list tr td p.price {font-weight:600;}
.table.select-list tr td a.delete {width:50px; height:30px; margin:8px auto; padding:0; border-radius:4px; font-size:14px; text-align:center; line-height:30px; vertical-align:middle; color:#666;}
.table.select-list tr td .price-wrap {clear:both; width:100%; min-height:80px; margin-right:0; background-color:#e6e6e6;}
.table.select-list tr td .price-wrap p.price {display:inline; float:right; margin-right:15px; font-weight:200; font-size:30px; line-height:80px; vertical-align:middle;}
.table.select-list tr td .price-wrap p.price strong {font-weight:600; letter-spacing:0em;}
.table.select-list tr td .price-wrap .btn-price {display:inline; float:right; width:160px; height:50px; margin:16px 10px 0 0; padding:0; border:0; border-radius:4px; font-size:18px; color:#fff; line-height:50px; vertical-align:middle; background-color:#33342c}
.table.select-list tr td .half-width {max-width:225px; margin-top:15px;}
.table.select-list tr td.last-cell {min-height:60px}
.table.select-list tr td.last-cell p {margin:0; font-size:14px; color:#333; line-height:60px;}
.table.select-list tr td.last-cell input {background-color:#f2f2f2}

.requests-wrap .btn-add {display:block; width:100px; height:40px; border-radius:4px; line-height:40px; vertical-align:middle; text-align:center; color:#fff; font-size:18px; background-color:#33342c;}
.requests-wrap .btn-requests {display:block; width:160px; height:60px; margin:0 auto; border-radius:4px; vertical-align:middle; text-align:center; color:#fff; font-size:18px; background-color:#33342c;}

@media (max-width:991px) {
  .table.select-list tr td p {padding:10px 5px; line-height:1.5em;}
  .table.select-list tr td.wid1 {width:15%;}
  .table.select-list tr td.wid2 {}
  .table.select-list tr td.wid3 {width:25%;}
  .table.select-list tr td.wid4 {width:15%;}
  .table.select-list tr td .price-wrap {clear:both; width:100%; min-height:60px; margin-right:0; background-color:#e6e6e6;}
  .table.select-list tr td .price-wrap p.price {display:inline; float:right; margin-right:15px; padding:0; font-weight:100; font-size:15px; line-height:60px; vertical-align:middle;}
  .table.select-list tr td .price-wrap p.price strong {letter-spacing:0em;}
  .table.select-list tr td .price-wrap .btn-price {display:inline; float:right; width:auto; height:30px; margin:15px 10px 0 0; padding:0 10px; border:0; border-radius:4px; font-size:14px; color:#fff; line-height:30px; vertical-align:middle; background-color:#33342c}
  .table.select-list tr td .half-width {max-width:100%; margin-top:0;}
  .table.select-list tr td.last-cell {min-height:30px}
  .table.select-list tr td.last-cell p {margin:0; font-size:14px; color:#333; line-height:30px;}
  .table.select-list tr td.last-cell input {background-color:#f2f2f2}
  .requests-wrap .btn-requests {display:block; width:120px; height:40px; margin:0 auto; border-radius:4px; line-height:40px; vertical-align:middle; text-align:center; color:#fff; font-size:14px; background-color:#33342c;}
}
/* Ä«µå°áÁ¦ */
.payment-wrap {margin-top:-30px;}

/* TABLE FORM */
.table.table-hebron {margin-bottom:45px; border-top:2px solid #666; border-bottom:2px solid #666;}
.table.table-hebron tr th {width:95px;}
.table.table-hebron tr th label {font-weight:400; color:#333;}
.table.table-hebron tr th,
.table.table-hebron tr td {min-height:47px; padding:10px 8px; vertical-align:middle;}
.table.table-hebron tr td .form-control {display:inline;}
.table.table-hebron label {margin-bottom:0 !important;}
.table.table-hebron tr td label.schk {display:inline; float:left; min-width:40px; margin-right:20px; padding-left:20px; font-weight:400; font-size:14px; cursor:pointer;}
.table.table-hebron tr td .p-numb {max-width:70px;}
.table.table-hebron tr td .mail-name {max-width:95px;}
.table.table-hebron tr td .mail-domain {max-width:130px;}
.table.table-hebron tr td .mail-sel {max-width:130px;}
.table.table-hebron tr td .fileup {width:100%; max-width:310px;}
.table.table-hebron tr td .find {height:30px; border-radius:4px; font-size:12px;}
.table.table-hebron tr td .q-text {width:100%; height:150px;}
.table.table-hebron tr td .half-width {max-width:225px}
.table.table-hebron tr td .ex-txt {margin-left:20px; font-size:14px; color:#666;}
.btn-confirm {height:43px; padding:0 30px; border-radius:4px; font-size:15px; color:#fff; background-color:#33342c;}
.btn-confirm:hover,
.btn-confirm:focus {color:#fff; background-color:#46473c; border-color:#33342c;}
.btn-payment {height:60px; padding:0 30px; border-radius:4px; font-size:15px; color:#fff; background-color:#33342c;}
.btn-payment:hover,
.btn-payment:focus {color:#fff; background-color:#46473c; border-color:#33342c;}
.table.table-hebron input {background-color:#f2f2f2}
@media (max-width:767px) {
  .table.table-hebron tr th {width:75px;}
  .table.table-hebron tr td {padding:10px 2px}
  .table.table-hebron tr td .mail-name,
  .table.table-hebron tr td .mail-domain,
  .table.table-hebron tr td .fileup {margin-bottom:5px;}
}

/* BOARD */
.board-top {min-height:34px; margin-bottom:32px; margin-left:-5px; margin-right:-5px;}
.board-top > div {padding-left:5px !important; padding-right:5px !important;}
.board-top .btn-all {}
.board-top .btn-all > a {display:block; width:100%; height:34px; line-height:34px; vertical-align:middle; text-align:center; border:1px solid #bfbfbf;}
.board-top .sel-wrap {}
.board-top .sel-wrap select {width:100%; height:34px; line-height:34px; vertical-align:middle; padding-left:50px; border:1px solid #bfbfbf; cursor:pointer;}
.board-top .srch-wrap {}
.board-top .srch-wrap .srch-submit {float:right; width:100%; height:34px; border:0; line-height:34px; vertical-align:middle; text-align:center; color:#fff; background-color:#33342c;}
.board-top .srch-wrap .srch-input {float:right; width:80%; height:34px; padding:0 10px; border:0; background-color:#f4f4f4}
@media (max-width:1199px){
	.board-top .sel-wrap select {padding-left:10px;}
}
.board-list {border-top:2px solid #666; border-bottom:1px solid #ddd;}
.board-list tr.bb {border-bottom:1px solid #ddd;}
.board-list tr th,
.board-list tr td {height:42px;}
.board-list tr th {border-bottom:1px solid #aaaba8; font-weight:500; font-size:14px; color:#333; text-align:center; background-color:#f8f8f8;}
.board-list tr td {/*border-bottom:1px solid #ddd; */font-size:13px; color:#666;}
.board-list tr td.tit {padding-left:90px;}
.board-list tr td.tit font {color:#666}

.paging .arrow {border:1px solid #989997}
.paging .link {display:inline-block; width:34px; height:34px; margin:0 2px; border:1px solid #989997; font-size:13px; color:#2a2a2a; text-align:center; line-height:32px; vertical-align:middle;}
.paging .link.no {width:34px; height:34px; border:1px solid #989997; font-size:13px; color:#2a2a2a; text-align:center; line-height:32px; vertical-align:middle; background-color:#f1f1f1;}

/* BOARD - COLUMN */
.column-list {border-top:1px solid #aaaba8;}
.column-list tr {border-bottom:1px solid #e6e6e6}
.column-list tr:last-child,
.column-list tr.last-child {border-bottom:1px solid #aaaba8;}
.column-list tr td {padding:40px 0;}
.column-list tr td .img-wrap {float:left; width:35%;}
.column-list tr td .img-wrap > img {display:block; float:left; width:100%; max-width:274px; height:100%; max-height:160px; min-height:120px;}
.column-list tr td .txt-wrap {float:right; width:63%; word-break:break-all;}
.column-list tr td .txt-wrap h3.tit {position:relative; margin:7px 0 10px; padding-top:10px;}
.column-list tr td .txt-wrap h3.tit font {font-size:20px; color:#25261e !important;}
.column-list tr td .txt-wrap h3.tit .bg {position:absolute; top:0; left:0; width:20px; height:2px; background-color:#666761;}
.column-list tr td .txt-wrap .info {font-size:13px; color:#8e8e8e; line-height:20px;}

@media (max-width:767px) {
  .board-list tr td.tit {padding-left:10px;}
  .column-list tr td .txt-wrap {width:60%;}
}

/* BOARD - BIGIMAGE */
.big-img-list {text-align:center;}
.big-img-list tr:last-child,
.big-img-list tr.last-child {}
.big-img-list tr td {padding-bottom:30px; vertical-align:top;}
.big-img-list tr td .imgs {overflow:hidden; position:relative; width:100%; min-height:150px; cursor:pointer;}
.big-img-list tr td .imgs img {width:90%; max-width:265px; max-height:200px; min-width:60px; min-height:100px;}
.big-img-list tr td .imgs .play {display:block; position:absolute; top:50%; left:50%; width:80px; height:80px; margin-left:-40px; margin-top:-40px; background:url(/skin/img/icon/btn-play.png) top left no-repeat;}
.big-img-list tr td .tits {padding:15px 5%; text-align:left;}
.big-img-list tr td .tits font {font-size:20px; color:#666; line-height:26px;}
@media (max-width:991px) {
  .big-img-list tr td .imgs {min-height:110px;}
  .big-img-list tr td .imgs .play {display:block; position:absolute; top:50%; left:50%; width:40px; height:40px; margin-left:-20px; margin-top:-20px; background:url(/skin/img/icon/btn-play.png) top left no-repeat; background-size:40px 40px;}
}
@media (max-width:767px) {
  .big-img-list tr td .imgs {min-height:100px;}
}
/* BOARD VIEW */
.board-wrap {float:left; width:100%; padding-bottom:60px;}
.board-wrap .imgs > a {display:block; cursor:pointer;}
.board-wrap p.tits > a {font-weight:400; font-size:20px; color:#666; line-height:26px;}
.board-view {width:100%; margin-bottom:25px; border-top:2px solid #666;}
.board-view th,
.board-view td {min-height:42px; padding:10px 30px;}
.board-view th.tit {border-bottom:1px solid #aaaba8; font-weight:500; font-size:15px; color:#333; background-color:#f8f8f8}
.board-view td.date {font-size:13px; border-bottom:1px solid #ddd;}
.board-view td .btn-download {display:inline-block; width:108px; height:25px; margin-left:10px; border-top:1px solid #858580; font-size:13px; color:#fff; text-align:center; line-height:25px; vertical-align:middle; background-color:#33342c}
.board-view .contents {padding:30px 0; border-bottom:1px solid #ddd; word-break:break-all;}
/* °Ô½ÃÆÇ Á¦¸ñ ¹× ³»¿ë¿¡ bold µé¾î°£ °Í »©ÁÖ¼¼¿ä & ÀÚ°£ ³ÐÇôÁÖ¼¼¿ä */
.board-wrap p.tits > a,
.big-img-list tr td .tits font,
.board-list tr td.tit font,
.column-list tr td .txt-wrap h3.tit font,
.column-list tr td .txt-wrap .info,
.board-view th,
.board-view td {letter-spacing:1px;}
.board-view .contents th,
.board-view .contents td {min-height:0; padding:0; line-height:1; vertical-align:middle;}
.board-view .contents th p,
.board-view .contents td p {margin-bottom:0;}
.board-view .contents dt,
.board-view .contents b,
.board-view .contents strong {font-weight:auto;}
.board-view .contents * {font-family:auto; line-height:1; letter-spacing:1px;}

.board-button {width:100%; margin-bottom:40px; border-top:2px solid #666;}
.board-button th,
.board-button td {height:42px; border-bottom:1px solid #ddd;}
.board-button th {font-weight:500; font-size:15px; color:#333; text-align:center; background-color:#f8f8f8}
.board-button td {padding:0 30px}
.board-button th.tit {width:15%;}
.board-button td.date {width:10%;}

.go-list {clear:both; float:right}
.go-list a {display:block; width:114px; height:40px; text-align:center; vertical-align:middle; line-height:40px; color:#fff; background-color:#33342c;}
@media (max-width:767px) {
  .board-button td {padding:0 10px}
}

.txc-wrapper .txc-image {max-width:100%; height:auto;}

/* CUSTOM STYLESHEET CSS : /skin/vendor/fancybox/source/jquery.fancybox.css */
.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #666;
	text-shadow: none;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
}
.fancybox-title {
	visibility: hidden;
	font: normal 14px/1 "Noto Sans", sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}
.fancybox-title .date {margin:0; font-weight:300; line-height:1;}
.fancybox-title h1.tit {margin:0; font-size:24px; font-weight:500; color:#333; line-height:1.5;}

.fancybox-title-inside-wrap {
	padding: 30px;
}
@media (min-width:768px){
.fancybox-nav {
    position: absolute;
    top: 50%;
    width: 10%;
    height: 34px;
	margin-top:-17px;
    cursor: pointer;
    text-decoration: none;
    background: transparent;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
	}
}
@media (max-width:767px) {
	.fancybox-nav {
		position: absolute;
		top: 0;
		width: 20%;
		height: 100%;
		cursor: pointer;
		text-decoration: none;
		background: transparent; /* helps IE */
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		z-index: 8040;
	}
}
.fancybox-close {
	display:block;
	position: absolute;
	top: 10px;
	right: -20px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 8060;
	background:url(/skin/img/sub/btn-close-video.png) top left no-repeat;
}

/* Materialize Slider */
/*******************
  Utility Classes
*******************/
.hide {
  display: none !important; }

.left-align {
  text-align: left; }

.right-align {
  text-align: right; }

.center, .center-align {
  text-align: center; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.slider {
  position: relative;
  height: 621px;
  width: 100%; }
.sub-title-wrap .slider {height:249px;}
  .slider.fullscreen {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .slider.fullscreen ul.slides {
      height: 100%; }
    .slider.fullscreen ul.indicators {
      z-index: 2;
      bottom: 30px; }
  .slider .slides {
    background-color: #9e9e9e;
    margin: 0;
    height: 100%; }
    .slider .slides li {
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: inherit;
      overflow: hidden; }
      .slider .slides li img {
        height: 100%;
        width: 100%;
        background-size: cover;
        background-position: center; }
      .slider .slides li .caption {
        color: #fff;
        position: absolute;
        top: 20%;
        left: 15%;
        width: 70%;
        opacity: 0;
		text-align:center;}
	  .slider .slides li .caption p.cname {margin:0 0 24px; font:bold 25px/1 Arial, sans-serif; color:#fff;}
	  .slider .slides li .caption h1.slogan {margin:0 0 42px; font:700 71px/1 "Noto Sans", sans-serif; color:#fff;}
	  .slider .slides li .caption p.info {margin:0; font:400 20px/1 "Noto Sans", sans-serif; color:#fff;}
	  .slider .slides li .caption span.line {display:inline-block; width:90px; height:2px; margin-bottom:45px; background-color:#fff;}
      .slider .slides li.active {
        z-index: 2; }
  .slider .indicators {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 64px;
    margin: 0;
	z-index: 3;}
    .slider .indicators .indicator-item {
      display: inline-block;
      position: relative;
      cursor: pointer;
      height: 17px;
      width: 17px;
      margin: 0 8px;
      background-color: transparent;
      -webkit-transition: background-color .3s;
      -moz-transition: background-color .3s;
      -o-transition: background-color .3s;
      -ms-transition: background-color .3s;
      transition: background-color .3s;
	  border:2px solid #fff;
      border-radius: 0; }
      .slider .indicators .indicator-item.active {
        background-color: #fff; }

@media (max-width:1422px) {
	.slider {height: 500px; transition: height .5s}
}
@media (max-width:1200px) {
	.slider {height: 450px; transition: height .5s}
}
@media (max-width:922px) {
	.slider {height: 400px; transition: height .5s}
}
@media (max-width:800px) {
	.slider {height: 350px; transition: height .5s}

	.slider .slides li .caption p.cname {margin:0 0 14px; font:bold 15px/1 Arial, sans-serif; color:#fff;}
	.slider .slides li .caption h1.slogan {margin:0 0 22px; font:700 51px/1 "Noto Sans", sans-serif; color:#fff;}
	.slider .slides li .caption p.info {margin:0; font:400 20px/1 "Noto Sans", sans-serif; color:#fff;}
	.slider .slides li .caption span.line {display:inline-block; width:90px; height:2px; margin-bottom:20px; background-color:#fff;}
}
@media (max-width:767px) {
	.slider {height: 300px; transition: height .5s}

	.slider .slides li img.imgs1 {background-position: left;}
	.slider .slides li img.imgs2 {background-position: right;}
	.slider .slides li img.imgs3 {background-position: center;}

	.slider .slides li .caption {color: #fff; position: absolute; top: 20%; left: 15%; width: 70%; opacity: 0; text-align:center;}
	.slider .slides li .caption p.cname {margin:0 0 14px; font:bold 15px/1 Arial, sans-serif; color:#fff;}
	.slider .slides li .caption h1.slogan {margin:0 0 22px; font:700 30px/1 "Noto Sans", sans-serif; color:#fff;}
	.slider .slides li .caption p.info {margin:0; font:400 15px/1 "Noto Sans", sans-serif; color:#fff;}
	.slider .slides li .caption span.line {display:inline-block; width:90px; height:2px; margin-bottom:20px; background-color:#fff;}

	.slider .indicators {bottom:20px;}
	.slider .indicators .indicator-item {width:10px; height:10px;}
}
@media (max-width:480px) {
	.slider {height: 250px; transition: height .5s}
}