* {
 margin:0;
 padding:0;
 -webkit-text-size-adjust:none;
 box-sizing:border-box outline:none !important;
}
html,body {
 height:100%
}
body {
 font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
 font-size:14px;
 font-weight:400;
 line-height: 1.6;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
}
p {
 font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
 font-size:14px;
}
h1,h2,h3,h4,h5,h6 {
 font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
 font-weight:600;
}
.no-padding {
 padding:0 !important;
}
.inline-block {
 display:inline-block;
}
ol,ul {
 margin:0;
 padding:0;
 list-style:none;
}
dl,dt,dd {
 margin:0;
 padding:0
}
img,fieldset {
 border:0;
 vertical-align:middle
}
input,textarea,select {
 font-family:'Noto Sans KR',sans-serif;
 color:#666;
 font-weight:300;
}
input,button,select,textarea {
 font:inherit
}
input[type=button],input[type=reset],input[type=submit],select {
 -webkit-appearance:none
}
caption,legend {
 display:none;
 visibility:hidden
}
address,em,i {
 font-style:normal
}
.clearfix:before,.clearfix:after {
 content:'';
 display:block
}
.clearfix:after {
 clear:both
}
a {
 transition:all .3s ease-in 0s;
 color:#333;
 text-decoration:none;
}
a,a:focus,a:hover {
 text-decoration:none;
 outline:0;
}
a:focus,a:hover {
 color:#555;
}
.mt-10 {
 margin-top:10px;
}
.mt-20 {
 margin-top:20px;
}
.mt-30 {
 margin-top:30px;
}
.mt-40 {
 margin-top:40px;
}
.mt-50 {
 margin-top:50px;
}
.mb-10 {
 margin-bottom:10px;
}
.mb-20 {
 margin-bottom:20px;
}
.pt-10 {
 padding-top:10px;
}
.pt-20 {
 padding-top:20px;
}
.pt-30 {
 padding-top:30px;
}
.pb-20 {
 padding-bottom:20px;
}
.pl-5 {
 padding-left:5px;
}
.pl-10 {
 padding-left:10px;
}
.m-left-10 {
 margin-left:-10px;
}
.p-left-10 {
 padding-left: -10px;
}
/*float*/
.fl {
 float:left;
 padding-left:10px;
}
.fr {
 float:right;
 padding-right:10px;
}
.section {
 padding:40px 0;
}
.section-sm {
 padding:10px 0 20px 0;
}
.section-xs {
 padding:10px 0;
}
.section-title {
 margin-bottom:40px;
 color:#555;
 text-align:center;
}
.section-title a {
 color:#555;
}
.section-line {
 background-color:#36ade1;
 width:136px;
 height:3px;
 display:inline-block;
}
.dark-bg {
 background:rgba(0,0,0,0.7);
 height:100%;
 width:100%;
 position:absolute;
 z-index:-1;
}
.bg-white {
 background:#ffffff;
}
.bg-gray {
 background:#f9f9f9;
}
.clear {
 clear:both;
}
.center {
 text-align:center;
}
.text-white {
 color:#fff;
 text-align:center;
}
.text-overflow {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}
.border {
 height:2px;
 margin:20px auto 20px;
 position:relative;
 width:80px;
 background: #28ABE3;
}
/*-----------------------------------------------------*/
/* Animations */
/*-----------------------------------------------------*/
/* ZoomIn animation */
@-moz-keyframes animationZoomIn {
 from {
  -webkit-transform:scale(0.7) translateY(-100%);
  -moz-transform:scale(0.7) translateY(-100%);
  -ms-transform:scale(0.7) translateY(-100%);
  -o-transform:scale(0.7) translateY(-100%);
  transform:scale(0.7) translateY(-100%);
 }
 to {
  -webkit-transform:scale(1) translateY(none);
  -moz-transform:scale(1) translateY(none);
  -ms-transform:scale(1) translateY(none);
  -o-transform:scale(1) translateY(none);
  transform:scale(1) translateY(none);
 }
}
@keyframes animationZoomIn {
 from {
  -webkit-transform:scale(0.7) translateY(-100%);
  -moz-transform:scale(0.7) translateY(-100%);
  -ms-transform:scale(0.7) translateY(-100%);
  -o-transform:scale(0.7) translateY(-100%);
  transform:scale(0.7) translateY(-100%);
 }
 to {
  -webkit-transform:scale(1) translateY(none);
  -moz-transform:scale(1) translateY(none);
  -ms-transform:scale(1) translateY(none);
  -o-transform:scale(1) translateY(none);
  transform: scale(1) translateY(none);
 }
}
/*-----------------------------------------------------*/
/* ¹öÆ° */
/*-----------------------------------------------------*/
.btn,.btn:hover,.btn.hover,.btn:focus,.btn.focus,.btn:active,.btn.active {
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none;
}
.btn {
 display:inline-block;
 padding:4px 20px;
 ;
 font-size:13px;
 line-height:17px;
 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;
 border-radius:0;
 background-image:none;
 color:#333;
}
.btn.active:focus,.btn:active:focus,.btn:focus {
 outline:0;
}
.btn-main {
 background:#28ABE3;
 border:1px solid #28ABE3;
 color:#fff;
 display:inline-block;
 font-size:13px;
 letter-spacing:1px;
 padding:4px 30px;
 text-transform:uppercase;
 border-radius:0px;
}
.btn-main:hover {
 background:#fff;
 border:1px solid #28ABE3;
 color:#28ABE3;
}
.btn-transparent {
 color:#fff;
 border:1px solid #fff;
 display:inline-block;
 font-size:13px;
 letter-spacing:1px;
 padding:14px 35px;
 text-transform:uppercase;
 border-radius:40px;
}
.btn-transparent:hover {
 color: #fff;
}
/*-----------------------------------------------------*/
/* Button */
/*-----------------------------------------------------*/
.button {
 border-radius:5px;
 background-color:#555;
 border:none;
 color:#fff;
 text-align:center;
 font-size:14px;
 padding:5px 20px;
 transition:all 0.5s;
 cursor:pointer;
 margin:5px;
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none;
}
.button span {
 cursor:pointer;
 display:inline-block;
 position:relative;
 transition:0.5s;
}
.button span:after {
 content:'\00bb';
 position:absolute;
 opacity:0;
 top:0;
 right:-20px;
 transition:0.5s;
}
.button:hover span {
 padding-right:25px;
}
.button:hover span:after {
 opacity:1;
 right: 0;
}
.button1 {
 border:2px solid #a49ebe;
 border-radius:50px;
 padding:3px 10px;
 background:none;
 text-align:center;
 text-decoration:none;
 display:inline-block;
 font-size:16px;
 margin:4px 2px;
 -webkit-transition-duration:0.4s;
 /* Safari */
 transition-duration:0.4s;
 cursor:pointer;
}
.button1:hover {
 color: #a49ebe !important;
}
/*-----------------------------------------------------*/
/* Title */
/*-----------------------------------------------------*/
.divHeading h4 {
 border-bottom:1px solid #e2e2e2;
 margin-bottom:20px;
 padding:0 0 10px;
 position:relative;
}
.divHeading h4 a {
 color:#555;
}
.divHeading h4 a:hover {
 color:#36ade1;
}
.text-theme {
 font-size:16px;
 color:#333;
 font-weight:500;
}
.text-green {
 font-size:20px;
 color:#80b435;
 font-weight:600;
}
.text-green:hover {
 color: #80b435;
}
/*-----------------------------------------------------*/
/* ÇÏ´Ü Ç²ÅÍ ¿µ¿ª */
/*-----------------------------------------------------*/
.footer-top {
 width:100%;
 position:relative;
 background-color:#f5f5f5;
 padding:20px 0;
 margin-top:0;
 text-align:center;
}
.footer-top a {
 font-size:14px;
 color:#333;
 line-height:23px;
 font-weight:400;
 transition:color .3s;
 font-family:'Montserrat','Noto Sans KR',sans-serif;
 display:inline-block;
 padding:0 15px;
 border-right:1px solid #ddd;
}
.footer-top a:hover {
 color:#36ade1;
}
.footer-top span.link-list {
 text-align:center;
}
.footer-bottom {
 text-align:center;
 background-color:#f5f5f5;
 border-top:1px solid #ddd;
 padding:20px;
}
.footer-bottom .footer-add {
 font-size:13px;
 line-height:1.8;
 color:#333;
 font-weight:400;
}
.footer-bottom .copy {
 font-size:13px;
 line-height:1.8;
 color:#333;
 font-weight:400;
}
@media screen and (max-width:767px) {
 .footer-top {
  padding:10px 0;
 }
 .footer-top a {
  padding:0 5px;
  border-right:0;
 }
 .footer-bottom {
  text-align:left;
 }
 .section {
  padding:20px 0;
 }
 .section-title {
  margin-bottom:30px;
 }
 .pc_view {
  display:none;
 }
}
@media screen and (min-width:768px) {
 .mobile_view {
  display: none;
 }
}
/*-----------------------------------------------------*/
/* board_output_gallery_img */
/*-----------------------------------------------------*/
.board_output_gallery_img {
 position:relative;
 z-index:0;
 width:100%;
 height:100%;
 overflow:hidden;
}
.board_output_imgs {
 -webkit-transition:all 0.5s ease-in-out;
 -moz-transition:all 0.5s ease-in-out;
 -ms-transition:all 0.5s ease-in-out;
 -o-transition:all 0.5s ease-in-out;
 transition:all 0.5s ease-in-out;
 max-width:100%;
 border:0px solid #e5e5e5;
 border-bottom:0;
}
.board_output_gallery_img a::before {
 -webkit-transition:all 0.5s ease-in-out;
 -moz-transition:all 0.5s ease-in-out;
 -ms-transition:all 0.5s ease-in-out;
 -o-transition:all 0.5s ease-in-out;
 transition:all 0.5s ease-in-out;
 display:block;
 content:'';
 position:absolute;
 left:0;
 top:0;
 z-index:1;
 width:100%;
 height:100%;
 opacity:.0;
}
.board_output_gallery_img a::after {
 -webkit-border-radius:0;
 -moz-border-radius:0;
 border-radius:0;
 -webkit-transition:all 0.5s ease-in-out;
 -moz-transition:all 0.5s ease-in-out;
 -ms-transition:all 0.5s ease-in-out;
 -o-transition:all 0.5s ease-in-out;
 transition:all 0.5s ease-in-out;
 display:block;
 content:'';
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:2;
 margin:auto;
 width:40px;
 height:40px;
 color:#fff;
 font-size:24px;
 line-height:36px;
 text-align:center;
 opacity:0;
 background:rgba(255,255,255,0);
 font-family:'FontAwesome',sans-serif;
}
.board_output_gallery_img a:hover::before {
 opacity:.7;
}
.board_output_gallery_img a:hover::after {
 -webkit-animation:0.5s animationZoomIn;
 -moz-animation:0.5s animationZoomIn -ms-animation:0.5s animationZoomIn -o-animation:0.5s animationZoomIn;
 animation:0.5s animationZoomIn;
 opacity:1.0;
}
.board_output_gallery_img a {
 -webkit-transition:0.5s ease-in-out;
 -moz-transition:0.5s ease-in-out;
 -ms-transition:0.5s ease-in-out;
 -o-transition:0.5s ease-in-out;
 transition:0.5s ease-in-out;
}
.board_output_gallery_img a:hover img {
 -webkit-transform:scale(1.2);
 -moz-transform:scale(1.2);
 -ms-transform:scale(1.2);
 -o-transform:scale(1.2);
 transform: scale(1.2);
}
/*-----------------------------------------------------*/
/* board_output_gallery_subject */
/*-----------------------------------------------------*/
.board_output_gallery_subject {
 position:relative;
 z-index:10;
}
.board_output_gallery_subject br {
 display:none;
}
.board_output_gallery_subject a {
 display:block;
 font-size:15px;
 color:#333;
 text-align:center !important;
 margin-top:15px;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden
}
.board_output_gallery_subject a:hover {
 opacity:1;
}
.board_output_gallery_description {
 display:block;
 padding:0 25px 10px 25px;
 font-size:14px;
 color:#888;
 font-weight:400;
 text-align:left !important;
 line-height:18px;
}
.board_output_gallery_img br {
 display:none;
}
@media screen and (max-width:767px) {
 .board_output_gallery_img a::after {
  display:none;
 }
 .board_output_gallery_subject a {
  font-size:13px !important;
  margin-bottom:5px;
  line-height:24px;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  overflow: hidden !important;
 }
}
/*-----------------------------------------------------*/
/* main_visual */
/*-----------------------------------------------------*/
#main_slide {
 clear:both;
 margin-top:5px;
 position:relative;
 margin:0 auto;
 background:#f8f8f8;
}
.visual01 .carousel-inner .item {
 width:100%;
 height:600px;
 -webkit-background-size:cover;
 -moz-background-size:cover;
 -o-background-size:cover;
 background-size:cover;
 background-position:50%;
 background-repeat:no-repeat;
}
.visual01 .carousel-inner .item:before {
 content:'';
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
}
.visual01 .carousel-caption {
 position:absolute;
 -webkit-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 z-index:10;
 max-width:100%;
 width:100%;
 height:100%;
 display:table;
 padding:0px;
}
.visual01 #myCarousel .carousel-control .icon-menu-left {
 position:absolute;
 top:47%;
 left:20%;
 z-index:5;
 display:inline-block;
 font-size:20px;
 text-shadow:none;
 color:#333;
}
.visual01 #myCarousel .carousel-control .icon-menu-right {
 position:absolute;
 top:47%;
 right:20%;
 z-index:5;
 display:inline-block;
 font-size:20px;
 text-shadow:none;
 color:#333;
}
.visual01 #myCarousel .carousel-control .icon-menu-left::after {
 content:'\f053';
 font-family:'FontAwesome',sans-serif;
}
.visual01 #myCarousel .carousel-control .icon-menu-right::after {
 content:'\f054';
 font-family: 'FontAwesome',sans-serif;
}
/* ±âº» µµÆ® (ÀÛÀº ¿øÇü) */
.visual01 #myCarousel .carousel-indicators li {
 width:10px;
 height:10px;
 border-radius:9999px;
 background:rgba(255,255,255,0.5);
 transition:all 0.3s ease;
 margin:0 6px;
 opacity:1;
 cursor: pointer;
}
/* È°¼ºÈ­µÈ µµÆ® (°¡·Î·Î ±æ¾îÁü) */
.visual01 #myCarousel .carousel-indicators .active {
 width:32px;
 height:10px;
 background:#fff;
 border-radius:10px;
}
@media screen and (max-width:767px) {
 #main_slide {
  margin:0 auto;
  position:relative;
  margin-top:-30px;
 }
 .visual01 .carousel-inner .item {
  width:100%;
  height:250px;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  background-position:50%;
  background-repeat:no-repeat;
 }
 .visual01 #myCarousel .carousel-control .icon-menu-left {
  position:absolute;
  top:49%;
  left:15%;
  z-index:5;
  font-size:14px;
 }
 .visual01 #myCarousel .carousel-control .icon-menu-right {
  position:absolute;
  top:49%;
  right:15%;
  z-index:5;
  font-size:14px;
 }
}
@media (min-width:768px) and (max-width:1199px) {
 .visual01 .carousel-inner .item {
  width:100%;
  height: 450px;
 }
}
/* ½½¶óÀ̵å */
.carousel-control.left,.carousel-control.right {
 background-image:none;
}
.visual01 .item .container {
 height:100%;
 display:flex;
 justify-content:center;
 align-items:center;
 text-align:center;
}
.visual01 .block {
 width: 100%;
}
/* ÅؽºÆ®¹Ú½º */
.visual-tit1 {
 margin-top:-100px;
 font-size:50px;
 color:#fff;
 font-weight:600;
 line-height:60px;
 text-shadow:0 1px 2px rgba(0,0,0,.5);
 padding:0 0 13px 0;
 letter-spacing:-1px;
}
.visual-tit2 {
 font-size:30px;
 color:#fff;
 font-weight:500;
 line-height:40px;
 letter-spacing:-1px;
}
@media (min-width:1341px) and (max-width:1600px) {
 .visual-tit1 {
  margin-top:18%;
 }
}
@media (min-width:1200px) and (max-width:1340px) {
 .visual-tit1 {
  margin-top:18%;
 }
}
@media (min-width:768px) and (max-width:1199px) {
 .visual-tit1 {
  margin-top:19%;
 }
}
@media (max-width:767px) {
 .block {
  width:100%;
 }
 .visual-tit1 {
  margin-top:-30px;
  font-size:20px;
  line-height:24px;
  padding:0 0 10px 0;
 }
 .visual-tit2 {
  font-size:14px;
  line-height: 22px;
 }
}
/*-----------------------------------------------------*/
/* Latest Us */
/*-----------------------------------------------------*/
#latest-us {
 padding-top:50px;
 background:#fff;
}
.post-item {
 background:#fff;
 margin-bottom:10px;
}
.post-item .content {
 padding:10px 10px 15px 10px;
 border:1px solid #ddd;
 border-top:none;
 background:#fff;
 text-align:center;
}
.post-item .content h3 a {
 color:#333;
 font-weight:500;
 font-size:26px;
}
.post-item .content p {
 color:#666;
 font-size:15px;
 margin:10px 0;
}
.post-item .content span {
 font-weight:300 !important;
}
.post-item .gallery-image img {
 -webkit-transition:all 0.5s ease-in-out;
 -moz-transition:all 0.5s ease-in-out;
 -ms-transition:all 0.5s ease-in-out;
 -o-transition:all 0.5s ease-in-out;
 transition:all 0.5s ease-in-out;
}
.post-item .gallery-image img:hover {
 -webkit-transform:scale(1.1);
 -moz-transform:scale(1.1);
 -ms-transform:scale(1.1);
 -o-transform:scale(1.1);
 transform:scale(1.1);
}
.post-item .gallery-image {
 overflow: hidden
}
/* Latest Us - Ä«µå ÁÂ¿ì °£°Ý ÁÙÀ̱â */
#latest-us .row {
 margin-left:-10px;
 /* ±âº» -15px ¡æ Á¶±Ý ÁÙÀÓ */
 margin-right:-10px;
}
#latest-us [class*="col-"] {
 padding-left:6px;
 /* ±âº» 15px ¡æ ÁÙÀÓ */
 padding-right:6px;
}
/*-----------------------------------------------------*/
/* Mobile 320px */
/*-----------------------------------------------------*/
@media only screen and (max-width:767px) {
 #latest-us {
  padding-top:20px;
 }
 #latest-board {
  padding-bottom: 0;
 }
 .post-item .content h3 a {
  font-size:20px;
 }
}

/*-----------------------------------------------------*/
/* Product Output */
/*-----------------------------------------------------*/
.product_output {
 text-align:center;
}
.product_output table {
 width:24.2%;
 margin:0 10px 20px 0;
 border:1px solid #e5e5e5;
 background:#fff;
 float:left;
 vertical-align:top;
}
.product_output table:nth-child(4n+4) {
 margin-right:0;
}
.product_output table .board_output_gallery_subject {
 display:block;
 padding:0 2px;
 text-align:center !important;
}
.product_output table .board_output_gallery_subject a {
 font-size:15px;
 color:#333;
 font-weight:400;
}
.product_output table .board_output_gallery_subject a:hover {
}
.product_output table .board_output_gallery_img {
 margin:0;
 padding:0;
 font-size:0;
}
.product_output table .board_output_gallery_img a:hover {
}
.product_output table .board_output_gallery_img img {
 width:100%;
 height:220px;
}
.product_output table .board_output_gallery_description {
 display:block;
 padding:5px 10px;
 text-align:left !important;
 font-size:13px;
 color:#666 !important;
 line-height:17px;
}
@media all and (max-width:1200px) {
 .product_output table {
  width:24%;
  margin:0 10px 20px 0;
 }
 .product_output table .board_output_gallery_img img {
  height:160px;
 }
}
@media all and (max-width:1024px) {
 .product_output table {
  width:23.7%;
  margin:0 10px 20px 0;
 }
 .product_output table .board_output_gallery_img img {
  height:160px;
 }
}
@media all and (max-width:767px) {
 .product_output table {
  width:48%;
  margin:1% !important;
 }
 .product_output table .board_output_gallery_img {
  padding:0;
  margin:0;
  font-size:0;
 }
 .product_output table .board_output_gallery_img img {
  height:180px;
 }
 .product_output table .board_output_gallery_subject {
  padding:0 2px;
  margin:0;
 }
 .product_output table .board_output_gallery_subject a {
  font-size:13px;
  line-height:13px;
 }
 .product_output table .board_output_gallery_description {
  display:none;
 }
}
@media all and (max-width:480px) {
 .product_output table {
  width:48%;
  margin:1% !important;
  margin-bottom:20px !important;
 }
 .product_output table .board_output_gallery_img img {
  height:145px;
 }
 .product_output table .board_output_gallery_subject a {
  font-size:13px;
  line-height:13px;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  overflow:hidden !important;
 }
}

/*-----------------------------------------------------*/
/* °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
/*-----------------------------------------------------*/
.privacy {
 width:100%;
 margin-bottom:20px;
}
.privacy-con {
 width:100%;
 height:400px;
 font-size:12px;
 padding: 5px;
}
/*-----------------------------------------------------*/
/* ÀÌ¿ë¾à°ü */
/*-----------------------------------------------------*/
.agreement {
 width:100%;
 margin-bottom:20px;
}
.agreement-con {
 width:100%;
 height:400px;
 font-size:12px;
 padding: 5px;
}
/*-----------------------------------------------------*/
/* Modal */
/*-----------------------------------------------------*/
.modal {
 text-align:left;
 z-index:99991;
}
.modal-content {
 border:none;
 border-radius:10px 10px 0 0;
 -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
 box-shadow:0 5px 15px rgba(0,0,0,.5);
}
.modal-header {
 background:#fff;
 padding:20px 15px 10px 15px;
 border-bottom:1px solid #fff;
 border-radius:10px 10px 0 0;
}
.modal-header .close-link span {
 position:absolute;
 top:0;
 right:30px;
 font-size:30px;
 color:#333;
}
.modal-title {
 font-size:17px;
 color:#333;
 margin-top:-20px;
}
.modal .modal-dialog {
 margin:0 auto;
 text-align:center;
 position:fixed;
 bottom:0;
 left:25%;
 right:25%;
}
.modal-backdrop.in {
 opacity:0;
}
@media (min-width:768px) {
 .modal-sm {
  width:350px;
 }
}
@media (min-width:992px) {
 .modal-lg {
  width:900px;
 }
}
@media screen and (max-width:767px) {
 .modal .modal-dialog {
  margin:0 auto;
  text-align:center;
  position:fixed;
  bottom:0;
 }
 .modal-header .close-link span {
  display: none;
 }
}
/*-----------------------------------------------------*/
/* Promotion section */
/*-----------------------------------------------------*/
.promotion {
 margin:0 auto;
 padding:60px 0 40px 0;
 background:url("../../img/pure/main_con_bg.jpg") no-repeat center;
 background-size:cover;
 background-position:50%;
 position:relative;
 height:400px;
 align-items:center;
 text-align:center;
 color:#fff;
 z-index:1;
}
.promotion .section-title h2 {
 color:#fff;
 font-size:36px;
 font-weight:600;
 text-align:center;
 margin-bottom:20px;
 position:relative;
}
.promotion .section-title h3 {
 color:#fff;
 font-size:30px;
 font-weight:600;
 text-align:center;
 margin-top:20px;
 margin-bottom:40px;
 position:relative;
}
.promotion .promotion-tit {
 margin-top:20px;
 color:#fff;
 font-size:20px;
 font-weight:500;
}
@media (max-width:767px) {
 .promotion {
  padding:30px 0;
  height:300px;
 }
 .promotion .section-title h2 {
  font-size:30px;
  margin-top:40px;
 }
 .promotion .section-title h3 {
  font-size:22px;
  margin-top:10px;
  margin-bottom:20px;
 }
 .promotion .promotion-tit {
  margin-top:20px;
  font-size:17px;
 }
}
.cs-board img {
 border:1px solid #ddd;
}

.products-title {
 font-size: 18px;
}
.product_output br {
  display: none !important;
}
.board_output_gallery_subject a {margin-bottom:15px;}
@media (max-width:767px) {
 .section-title h3 {
  font-size: 22px;
  letter-spacing:-1px;
 }
 .products-title {
  font-size: 15px;
  letter-spacing:-1px;
 }
}
.text-red {
  color: #FF0000; /* ±âº» »¡°­ */
}