/* °øÅë */
html {
 overflow-y:scroll;
}
html {
 font-family:'Montserrat','Nanum Gothic',sans-serif;
 -webkit-text-size-adjust:100%;
 -ms-text-size-adjust:100%
}
body {
 font-family:'Montserrat','Nanum Gothic',sans-serif;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
 display:block
}
a,a:focus,a img {
 outline:none;
}
a:link,a:visited,a:active,a:hover {
 text-decoration:none !important;
 outline:0 !important;
}
* {
 outline:none;
 margin:0;
 padding:0;
}

.no-padding {
  padding: 0 !important;
}
.inline-block {
  display: inline-block;
}
ol, ul, li {
  list-style: none;
}
dl, dt, dd {
  margin: 0;
  padding: 0
}
img, fieldset {
  border: 0;
  vertical-align: middle
}

b,strong {
 font-weight:bold;
}
h1,h2,h3,h4,h5,h6 {
 font-family:'Montserrat',sans-serif,"Nanum Gothic";
}
a {
 padding:0;
 margin:0;
 color:#333333;
 text-decoration:none;
 transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 -ms-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 -webkit-transition:all .3s ease-in-out;
 background-color:transparent;
}
a:hover,a:focus {
 text-decoration:none;
 color:#148ac7;
}
html,body {
 height:100%;
}
img {
 height:auto;
 max-width:100%;
}
.clear {
 clear:both;
 display:block;
 font-size:0;
 height:0;
 line-height:0;
 width:100%;
}
#wrap {
 margin:0 auto;
 padding:0;
 background-color: #ffffff;
}
/* Contact Us */
.services-top {
 padding-top:20px;
}
.service-item {
 text-align:center;
}
.service-item .icon {
 border:1px #b3b3b3 solid;
 margin:0 auto;
 border-radius:100%;
 width:100px;
 height:100px;
 display:block;
 margin-bottom:20px;
}
.service-item .icon i {
 line-height:100px;
 font-size:45px;
 color:#c70503;
}
.service-item .icon:hover {
 background-color:#c70503;
 border-color:#c70503;
}
.service-item .icon:hover i {
 color:#fff;
}
.service-item h3 {
 margin-top:10px;
 margin-bottom: 25px;
}
/* Contact form */
section#contact.form-group {
 margin-bottom:35px;
}
section#contact .form-group input,section#contact .form-group textarea {
 padding:8px 15px 15px 15px;
 border:1px solid #BBBBBB;
 border-radius:0;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
 box-shadow:inset 0 0px 0px rgba(0,0,0,.075);
 font-size:13px;
}
.contact h3 {
 margin-bottom:30px;
}
.contact p {
 font-size:13px;
}
.contact .day {
 display:inline-block;
 width:180px;
}
.contact i {
 margin-right:5px;
}
section#contact {
 background-color:#f3f3f3;
}
.message {
 margin:30px 0 10px 0;
}
.pb10 {
 padding-bottom:10px;
}
.mb10 {
 margin-bottom: 10px;
}
.btn {
 display:inline-block;
 padding:8px 20px;
 margin-bottom:0;
 font-size:14px;
 font-weight:400;
 line-height:1.42857143;
 text-align:center;
 white-space:nowrap;
 vertical-align:middle;
 -ms-touch-action:manipulation;
 touch-action:manipulation;
 cursor:pointer;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 background-image:none;
 background-color:#;
 border:1px solid #bbbbbb;
 border-radius:4px;
 color:#333;
}
.btn:hover,.btn:focus,.btn:active,.btn.active,.open .dropdown-toggle.btn {
 color:#fff;
 background-color:#fa694e;
 border-color:#ef644b;
}
/* ¸ÞÀÎ½½¶óÀÌµå */
#main-slide {
 width:100%;
 margin-left:auto;
 margin-right:auto;
 position:relative;
 margin-top:73px;
 padding:0;
}
#carousel .carousel-control {
 z-index:11;
 width:7%;
}
#carousel .carousel-control .glyphicon-menu-left {
 position:absolute;
 top:50%;
 left:30%;
 z-index:5;
 margin-top:-10px;
 display:inline-block;
 font-size:16px;
 background-color:rgba(10,10,10,0.5);
 border-radius:2px;
 text-shadow:none;
 padding:5px;
 color:#fff;
}
#carousel .carousel-control .glyphicon-menu-right {
 position:absolute;
 top:50%;
 right:30%;
 z-index:5;
 margin-top:-10px;
 display:inline-block;
 font-size:16px;
 background-color:rgba(10,10,10,0.5);
 border-radius:2px;
 text-shadow:none;
 padding:5px;
 color:#fff;
}
#carousel .carousel-indicators li {
 width:9px;
 height:9px;
 background-color:rgba(250,250,250,0.6);
 border:0px;
}
#carousel .carousel-indicators li.active {
 width:10px;
 height:10px;
 background-color:rgba(250,250,250,1.0);
 border: 0px;
}
/* ½½¶óÀÌµå */
.carousel-control.left,.carousel-control.right {
 background-image: none;
}
@media screen and (max-width: 767px) {
 #main-slide {
  width:100%;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  margin-top:49px;
  padding: 0;
 }
 .carousel-inner .item img {
  width: 100%;
  height:155px;
 }
 #carousel .carousel-indicators li {
  width:7px;
  height:7px;
  background-color:rgba(250,250,250,0.6);
  border:0px;
 }
 #carousel .carousel-indicators li.active {
  width:8px;
  height:8px;
  background-color:rgba(250,250,250,1.0);
  border: 0px;
 }
 /* ¸ÞÀÎ,¼­ºê indicators(¿øÇü) À§Ä¡ */
 .carousel-indicators {
  top:85%
 }
}

/* banner */
.banner {
 margin:15px 0 0px 0;
 background-repeat:no-repeat;
 background-image:url(../img/pure/ban_bg1.jpg);
 position:relative;
 overflow:hidden;
 width:100%;
 height:300px;
 display:block;
 min-height:300px;
}
.banner-text {
 text-align:center;
 position:absolute;
 width:100%;
 left:50%;
 margin-left:-50%;
 z-index:2;
 padding-top:38px;
}
.ban_tit01 {
 color:#ffffff;
 font-size:62px;
}
.ban_tit02 {
 font-size:48px;
 color:#ffffff;
}
.ban_tit03 {
 padding-top:15px;
 font-size:20px;
 color:#ffffff;
}
@media (max-width:767px) {
 .banner {
  background-repeat:no-repeat;
  background-image:url(../img/pure/ban_bg1.jpg);
  position:relative;
  overflow:hidden;
  display:block;
  width:100%;
  height:200px;
  min-height:200px;
 }
 .banner-text {
  text-align:center;
  position:absolute;
  top:15%;
  width:100%;
  left:50%;
  margin-left:-50%;
  z-index:2;
 }
 .ban_tit01 {
  color:#ffffff;
  font-size:34px;
  text-shadow:2px 2px #333;
 }
 .ban_tit02 {
  font-size:18px;
  color:#ffffff;
  text-shadow:1px 1px #4e4e4e;
 }
 .ban_tit03 {
  padding-top:15px;
  font-size:13px;
  color:#ffffff;
  text-shadow:1px 1px #4e4e4e;
 }
}
.text-success {
 color:#fa694e;
}
.text-success p {
 font-size:13px;
}
a.text-success:hover {
 color:#449d44;
}
.thumb-container {
 max-width:1140px;
 position:relative;
 margin:0 auto;
 padding-left:15px;
 padding-right:15px;
}
#thumb-products {
 background:#efefef;
}
#thumb-products .thumb-bottom {
 margin-bottom:10px;
}
#thumb-products {
 font-size:14px;
 color:#000000;
}
#ban-slide .item {
 margin:3px;
}
#ban-slide .item img {
 display:block;
 width:100%;
 height:auto;
}

/* °øÁö Á¦¸ñ */
.notice_span {
 float:right;
 font-size:14px;
 color:#333;
 padding: 6px 5px 0 0;
}

/* °øÁöÃßÃâ Á¦¸ñ */
.main-board {
 position:relative;
 padding:10px 0 0 0;
}
.main-board h3 a {
 color:#333;
 text-decoration:none;
}
.main-board-tit {
 color:#00000;
 text-decoration:none;
 padding: 10px 0;
}
@media (max-width: 767px) {
 h3.main-board-tit {font-size:16px; font-weight: 600;}
 .main-board h3 {font-size:16px; font-weight: 600;}
}

/* footer */
.section-danger {
 background-color:#d9534f !important;
 color:#ffffff;
}
.section-danger p {
 font-size:12px;
}
.section-danger .background-image {
 opacity:0.5;
}
/* footer */
/* icons */
ul.social {
 float:right;
 list-style:none;
 margin:0 50px 0 0;
 padding-top:-60px;
}
ul.social li {
 display:inline-block;
 width:35px;
}
ul.social li a {
 text-decoration:none;
}
ul.social li a i {
 color:#fff;
 width:35px;
 height:35px;
 display:block;
 line-height:35px;
 text-align:center;
 -webkit-transition:all 0.5;
 transition:all 0.5s;
}
ul.social li a i:hover,ul.social li a i:focus {
 border-radius:100%;
 background-color:#fff;
 color:#fff;
}
ul.social li a:hover .xi-kakaotalk {
 background-color:#fec900;
}
ul.social li a:hover .xi-naver {
 background-color:#2db400;
}
ul.social li a:hover .xi-instagram {
 background-color:#ea4c89;
}
ul.social li a:hover .fa-star-o {
 background-color:#cc2127;
}
#scrollTop {
 position:fixed;
 z-index:1000;
 bottom:35px;
 right:35px;
 list-style:none;
 cursor:pointer;
 display:none;
}
#scrollTop .back-top {
 width:32px;
 height:32px;
 display:block;
 text-align:center;
 font:11px/100% Arial,Helvetica,sans-serif;
 text-transform:uppercase;
 text-decoration:none;
 color:#ffffff;
 background:#b5b5be;
 -webkit-transition:1s;
 -moz-transition:1s;
 transition:1s;
}
#scrollTop .back-top:hover {
 background:#fa694e;
}
#scrollTop .back-top i {
 margin-top:5px;
 font-size:18px;
}
@media only screen and (min-width:320px) and (max-width:480px) {
 #scrollTop {
  position:fixed;
  z-index:1000;
  bottom:20px;
  right:20px;
  list-style:none;
  cursor:pointer;
  display:none;
 }
 #scrollTop .back-top {
  width:32px;
  height:32px;
  display:block;
  text-align:center;
  font:11px/100% Arial,Helvetica,sans-serif;
  text-transform:uppercase;
  text-decoration:none;
  color:#ffffff;
  background:#b5b5be;
  -webkit-transition:1s;
  -moz-transition:1s;
  transition:1s;
 }
 #scrollTop .back-top:hover {
  background:#fa694e;
 }
 #scrollTop .back-top i {
  margin-top:5px;
  font-size: 18px;
 }
}
/*-----------------------------------------------------*/
/* °øÅëÇÏ´Ü */
/*-----------------------------------------------------*/

#footer2 {
 width:100%;
 text-align:left;
}
#footer2:after {
 content:'';
 display:block;
 clear:both;
}
#footer2 .inner {
 background-color:#fff;
 padding: 5px 0 7px 0;
}
/*-----------------------------------------------------*/
/* °øÅëÇÏ´Ü:inner>util(HOME,ABOUT US µîµî) */
/*-----------------------------------------------------*/
#footer2 .inner .util {
 overflow:hidden;
 padding-top:3px;
 padding-left:18px;
}
#footer2 .inner .util li {
 float:left;
 padding-right:20px;
 list-style:none;
}
#footer2 .inner .util li a {
 position:relative;
 display:block;
 font-size:13px;
 font-weight:500;
 color:#666;
 padding:5px 0;
}
#footer2 .inner .util li a:hover {
 color:#333;
}
#footer2 .inner .util li a:after {
 content:'';
 position:absolute;
 top:11px;
 right:-11px;
 width:1px;
 height:6px;
 background-color:#666;
}
#footer2 .inner .util li:last-child a:after {
 display:none;
}
.consultation {
 padding:30px 0 25px 0;
}
.consultation h3 {
 font-size:18px;
 color:#555;
 font-weight:600;
 line-height:1.8;
}
.consultation p.text {
 font-size:16px !important;
 color:#555;
 font-weight:600;
}
.consultation i {
 font-size:16px !important;
}
.center {
 text-align: center;
}

/*-----------------------------------------------------*/
/* Product Output */
/*-----------------------------------------------------*/
.products-board .board_output {text-align:center;}
.products-board .board_output table {width:98%; margin:0 5px 0 0; border: 0px solid #e5e5e5; float:left;}
.products-board .board_output table .board_output_gallery_img img { width:100%; height:150px;} 

@media all and (max-width: 1002px) {
.products-board .board_output table {width:98%; margin:0 10px 10px 0;}
.products-board .board_output table .board_output_gallery_img img {width:100%; height:100%;}
}

@media all and (max-width: 360px) {
.products-board .board_output table {width:100%; margin:0% !important; margin-bottom:20px !important;}
.products-board .board_output table .board_output_gallery_img img {height:auto;}
}

.bd_1 {padding:10px 0}


/*-----------------------------------------------------*/
/* ÇÏ´Ü Ç²ÅÍ ¿µ¿ª */
/*-----------------------------------------------------*/
.footer-top {
 position:relative;
 background-color:#1e232f;
 border-top:1px solid #424646;
 padding:15px 0;
 margin-top:0;
 text-align:center;
}
.footer-top a {
 font-size:14px;
 color:#fff;
 line-height:25px;
 transition:color .3s;
 display:inline-block;
 padding:0 15px 0 12px;
 border-right:1px solid #4a4a4a;
 height:25px;
}
.footer-top a:hover {
 color:#b58a5f;
}
.footer-top span.link-list {
 text-align:center;
}
.footer-bottom {
 text-align:center;
 background-color:#1e232f;
 border-top:1px solid #424646;
 padding:20px;
}
.footer-bottom p {
 font-size:13px;
 color:#fff;
 line-height:1.8;
}
@media screen and (max-width:767px) {
 .footer-top a {
  font-size:13px;
  color:#fff;
  line-height:25px;
  transition:color .3s;
  display:inline-block;
  padding:0 7px 0 5px;
  border-right:1px solid #4a4a4a;
  height:25px;
 }
 .footer-top a:first-child {
  padding-left:0;
 }
 .footer-bottom {
  text-align:left;
 }
}