.pcbr{display:block !important;}
.ptbr{display:block !important;}
.tbr{display:none !important;}
.mbr{display:none !important;}
.pc_view{display:block !important;}
.pt_view{display:block !important;}
.tm_view{display:none !important;}
.t_view{display:none !important;} 
.m_view{display:none !important;}
#custom_cursor, #custom_cursor_text {width: 106px;height: 106px;position: fixed;top: 0;left: 0;z-index: 15;pointer-events: none;}
.custom_cursor_inner {display: block;width: 100%;height: 100%;position: relative;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.custom_hover_circle, .custom_hover_text {display: block;width: 0;height: 0;position: absolute;top: 50%;left: 50%;margin-top: -106px;margin-left: -106px;overflow: hidden;opacity: 0;border-radius: 50%;}
.custom_hover_circle {z-index: 1;background: url(../../img/drag.png) no-repeat center center;}
.custom_hover_text {z-index: 2;}
.custom_hover_text > span {display: block;width: 100%;height: 100%;padding-left: 0.1em;font-size: 14px;text-align: center;line-height: 125px;font-weight: 600;letter-spacing: 0.1em;color: #fff;}
body{background:#000;}
#container {padding-right:0px;}
 

/**¿ìÃø Äü¸Þ´º ¸ÞÀÎ »ö»ó º¯°æ**/
.r_quick  {background:rgba(255,255,255,0);}
.wht .r_quick  {background:rgba(255,255,255,1);}

.r_quick  .line_b {background:rgba(255,255,255,0.4);}
.wht .r_quick  .line_b {background:rgba(0,0,0,0.2);}

.r_quick ul li a span.txt {color:#fff;}
.wht .r_quick ul li a span.txt {color:#000;}

@media screen and (max-width:1024px){
.r_quick  {background:rgba(0,0,0,0.4);}
}

.wht #wrap header h1.logo a.main_logo {background-color:#000;}
.wht #wrap header .gnb>li>a {color:#000;}
.wht #wrap header .gnb>li .depth2_l>li>a {color:#000;}
.wht #wrap header .line_w, 
.wht #wrap header .line_h {background:rgba(0,0,0,0.2);}
 
/*¸ÞÀÎÇì´õ ¹è°æ °íÁ¤ »ö»ó*/
 #wrap header.aa{background-color:rgba(255,255,255,0.8); }


 /* »ç°¢Çü ÇÈ¼¿ ¸ð¼Ç */
.rect {display:block; position:absolute; width:60px; height:60px; background:#fff; z-index:10; opacity:0; animation-name:rect;  animation-duration:3s;  animation-iteration-count:1;   animation-fill-mode: forwards; }
.rect_s {width:40px; height:40px;}
.rect_ss {width:25px; height:25px;}
.rect_sss {width:12px; height:12px;}
.rect_b {background:#000;}
.rect_1 {left:0; bottom:0; animation-delay:1s; }
.rect_2 {left:0; bottom:60px; animation-delay:1.2s; }
.rect_3 {left:0; bottom:120px; animation-delay:1.5s; }
.rect_4 {left:0; bottom:180px; animation-delay:1.8s; }
.rect_5 {left:60px; bottom:60px; animation-delay:1.2s;}
.rect_6 {left:120px; bottom:60px; animation-delay:1.3s; }
.rect_7 {left:180px; bottom:0px; animation-delay:1s; }
.rect_8 {left:240px; bottom:60px; animation-delay:1.2s;}
.rect_9 {right:70px; top:70px; animation-delay:1.2s;}
.rect_10 {right:120px; top:120px; animation-delay:1.5s;}
.rect_11 {right:180px; top:160px; animation-delay:1.3s;}

/* ÀÏ·¯¸ð¼Ç */
@keyframes rect
{0%{opacity:0;} 5%{opacity:0.3;} 10%{opacity:0;} 15%{opacity:0.3;} 20%{opacity:0;} 50%{opacity:1;}  80%{opacity:1;}  90%{opacity:0.6;} 100%{opacity:1;} }
@-moz-keyframes rect
{0%{opacity:0;} 5%{opacity:0.3;} 10%{opacity:0;} 15%{opacity:0.3;} 20%{opacity:0;} 50%{opacity:1;}  80%{opacity:1;}  90%{opacity:0.6;} 100%{opacity:1;} }
@-webkit-keyframes rect
{0%{opacity:0;} 5%{opacity:0.3;} 10%{opacity:0;} 15%{opacity:0.3;} 20%{opacity:0;} 50%{opacity:1;}  80%{opacity:1;}  90%{opacity:0.6;} 100%{opacity:1;} }
@-o-keyframes rect
{0%{opacity:0;} 5%{opacity:0.3;} 10%{opacity:0;} 15%{opacity:0.3;} 20%{opacity:0;} 50%{opacity:1;}  80%{opacity:1;}  90%{opacity:0.6;} 100%{opacity:1;} }

@media screen and (max-width:1024px){
.rect {width:40px; height:40px;}
.rect_s {width:30px; height:30px;}
.rect_ss {width:18px; height:18px;}
.rect_sss {width:8px; height:8px;}
.rect_1 {bottom:0px; }
.rect_2 {bottom:40px;}
.rect_3 {bottom:80px;}
.rect_4 { bottom:120px;}
.rect_5 {left:40px; bottom:40px;}
.rect_6 {left:80px; bottom:40px;}
.rect_7 {left:120px; bottom:0px;}
.rect_8 {left:160px; bottom:40px;}
.rect_9 {right:47px; top:47px;}
.rect_10 {right:80px; top:80px;}
.rect_11 {right:140px; top:140px;}
}


 
 

/***** ¼½¼Ç1. ¸ÞÀÎ·Ñ¸µ ¹è³Ê *****/
.main_item {overflow:hidden;width: 100%;}
.main_item .bg {position: absolute;top: 0;left: 0;width: 100%;transform: translateX(-0%); height:100% !important; }
.main_item .text_g strong span {color:#FFE32B; letter-spacing:-0.01em; font-weight:800; }

/* ÅØ½ºÆ® */
.main_item .text_g {position: absolute;  z-index:100; top:50%;left: 50%; transform: translate(-50%,-50%);  width:90%; text-align:center;  }
.main_item .text_g strong {color:#fff; font-size:35px; line-height:100%;  font-family: 'Pretendard-Regular'; }
.main_item .text_g p {color:#fff; font-size:20px; margin:10px 0 40px 0; font-family: 'Pretendard-Regular'; }

/* view ¹öÆ° */
.main_item .text_g .view { width:200px;  padding:14px 0; line-height:1; position:relative; display:block; margin:0 auto; background:url(../../img/main_next2.png) no-repeat right center; }
.main_item .text_g .view a{color:#fff; font-size:13px; letter-spacing:0.3em;   font-family: 'Shadows Into Light';}
.main_item .text_g .view a:hover {padding-left:10px;}


/* ÀÌÀü ´ÙÀ½ ¹öÆ° */
.mainslide .main_paging {position:absolute; bottom:6%; left:50%; transform: translate(-50%,-0%);display: flex;justify-content: center;align-items: center; margin-left:5px;z-index: 100;}
.mainslide .main_prev {background:#fff url(../../img/main_prev2.png) no-repeat center; margin-right:25px; }
.mainslide .main_next {background:#000  url(../../img/main_next2.png) no-repeat center; margin-left:25px;}
.mainslide .main_arrow:hover {opacity:0.7;}
.mainslide .main_arrow {opacity:1; width:40px;height:40px; cursor:pointer;}
 
/* Áß¾Ó µ¿±×¶õ ¹öÆ°*/
.mainslide .main_pagination>span.swiper-pagination-bullet {width:14px;height:14px;border:1px solid #fff;background:transparent;margin: 0 8px;opacity: 1; z-index: 100;}
.mainslide .main_pagination>span.swiper-pagination-bullet-active {background:#fff;}
/* swiper-slide-active */
.main_item .bg {transform: scale(1.1) translateX(-0%); transition:0.7s; filter:grayscale(90%); }
.main_item.swiper-slide-active .bg {transform: scale(1) translateX(-0%); transition:2.5s 2.9s; filter:grayscale(0%);}
.main_item .text_g strong .rect_mtxt {right:0px; top:0px; animation-delay:1.3s;}
.mainslide .main_paging {opacity:0;transform:translate(-50%,70%);}
.mainslide.on .main_paging {opacity:1;transform:translate(-50%,-0%);transition:0.9s 0.9s;}
#section1 {height:100vh !important;}
.on #section1 {transition:border 0.8s 1.4s; }
#section1 .section_inner {width:100%;}
#section1 .scroll_bar {opacity:0;}
.on #section1 .scroll_bar {opacity:1;transition:opacity 0.7s 2.5s;}
.mainslide {position: relative;  width:100%; height:100% !important;}
.mainslide:before,
.mainslide:after {content:"";position: absolute;top: 0;width: 50%;height: 100%;background: #f3f3f3;z-index: 10;}
.mainslide:before {left: 0;}
.mainslide:after {right: 0;}
.on .mainslide:before,
.on .mainslide:after {width: 0;transition:width 0.9s;}
.mainslide.on .main_item.swiper-slide-active .bg {transition-delay:0.8s;}

@keyframes bg_ani {
 0% {transform:scale(1.05) translateX(0);   }
 100% {transform:scale(1) translateX(0);}
}
 
@media screen and (max-width:1339px){
.mainslide {height:100%;}
.main_item .text_g strong {font-size:30px; }
.main_item .text_g p { font-size:20px; margin:20px 0; }
}

@media screen and (max-width:1024px){
.mainslide .main_prev {background-size:13px; margin-right:15px; }
.mainslide .main_next {background-size:13px;  margin-left:15px;}
.mainslide .main_arrow {width:25px;height:25px; }
.mainslide .main_paging {bottom:25%;}
.mainslide .main_pagination>span.swiper-pagination-bullet {width:9px;height:9px; margin: 0 5px;}
.main_item .text_g strong {font-size:30px;}
}
    
        
@media screen and (max-width:767px){
.main_item .text_g strong {font-size:25px;}
.main_item .text_g p { font-size:18px; margin:5px 0 25px 0; }
.main_item .text_g .view { background-size:12px; padding:8px 0;}
.main_item .text_g .view a { font-size:9px;width:120px; }
}
 



 


/******* °¢¼½¼Çº° °øÅë ·¹ÀÌ¾Æ¿ô°ú Å¸ÀÌÆ² *******/
.section .tit_g {width:25%; padding:4% 2%;  float:left; text-align:left; position:relative; word-break:keep-all; }
.section .con_g{ width:75%; float:right; margin:0;    position:relative;  min-height:300px;}
.section {width:100%;  height:100%;  overflow: hidden; display:block; }
.section_inner {position: relative;width:100%; height: 100%;   margin:0 auto; display:block;}
.section .tit_g .cate {display:block; font-size:18px;  font-weight:500; color:#000;letter-spacing:-0.025em;line-height:1; opacity:0.9; }
.section .tit_g .tit {display:block; color:#000; font-size:60px;  line-height:0.8; letter-spacing:0; font-family: 'Cafe24Dangdanghae'; font-weight:900; }
.section .tit_g .tit b{ font-weight:800;}
.section .tit_g .txt1 {font-size:20px;  padding-top:20px; position:relative; line-height:1.5;}
.section .tit_g .txt1 b {font-size:23px; font-family: 'Cafe24Dangdanghae'; font-weight:900;}
.section .tit_g .txt1 span.line {display:inline-block; position:relative; }
.section .tit_g .txt1 span.line:before {content:"";position: absolute; bottom:3px; width:1%;height:9px; background:rgba(0,0,0,0.1);  z-index:10;}
.section.on .tit_g .txt1 span.line:before { width:100%; transition: 1.1s 1.3s;}

/* view more  ¹öÆ°*/
.section .tit_g .view a { position:relative; display: inline-block;   font-size:10px; color:#fff; font-family:'Titillium Web'; transition:0.5s;  font-weight:600; padding:5px 27px; margin-top:50px; background:#000 url(../../img/view_icon.png) no-repeat center right 3px; overflow:hidden;}
.section .tit_g .view a:hover {padding:5px 35px;  transition:width 0.5s; background-color:#AAAAAA; transition:0.5s; }

@media screen and (max-width:1600px){
.section .tit_g .cate {font-size:17px;}
.section .tit_g .tit {font-size:55px;}
.section .tit_g .txt1 {font-size:19px;}
.section .tit_g .txt1 b {font-size:22px;}
.section .tit_g .view a { margin-top:40px;}
}

@media screen and (max-width:1339px){
.section .tit_g {width:100%; padding:5% 3% 3% 3%; float:none; display:block;}
.section .con_g {width:100%; padding:0; float:none; display:block;}
.pcbr{display:none !important;}
.tmbr{display:block !important;}
#custom_cursor, #custom_cursor_text {width: 106px;height: 106px;position: fixed;top: 0;left: 0;z-index: 15;pointer-events: none;display: none;}
.section .tit_g .cate {font-size:14px;}
.section .tit_g .tit {font-size:50px;}
.section .tit_g .txt1 {font-size:19px;}
.section .tit_g .txt1 b {font-size:21px;}
.section .tit_g .view {position:absolute;  right:0; top:0;}
.section .tit_g .view a,
.section .tit_g .view a:hover {margin:0; padding:4px 23px;  font-size:9px; }
.section .tit_g .view a {padding:6px 27px;}
}

@media screen and (max-width:1024px){
.section .tit_g .cate {font-size:13px;}
.section .tit_g .tit {font-size:42px;}
.section .tit_g .txt1 {font-size:17px;}
.section .tit_g .txt1 b {font-size:18px;}
}

@media screen and (max-width:767px){
.section .tit_g {padding:30px 3% 25px 3%;}
.ptbr{display:none !important;}
.mbr{display:block !important;}
.section .tit_g .cate {font-size:12px;}
.section .tit_g .tit {font-size:30px;}
.section .tit_g .txt1 {font-size:15px; padding-top:10px;}
.section .tit_g .txt1 span.line:before { bottom:1px; height:7px; }
.top_btn { bottom:10px; right:10px;}
}

/* °øÅë¸ð¼Ç*/
.section .tit_g .tit {opacity:0;transform:translateY(40px);}
.section .tit_g .cate {opacity:0;transform:translateY(40px);}
.section .tit_g .txt1 {opacity:0;transform:translateY(40px);}
.section .tit_g .view {opacity:0;transform:translateY(40px);}
.section.on .tit_g .tit {opacity:1;transform:translateY(0px);transition: 0.8s 0.1s;}
.section.on .tit_g .txt1 {opacity:1;transform:translateY(0px);transition:0.9s 0.5s;}
.section.on .tit_g .view {opacity:1;transform:translateY(0px);transition:0.9s 0.9s;}
.section.on .tit_g.cate {opacity:1;transform:translateY(0px);transition: 0.9s 1s;}










/*****  ¼½¼Ç2. PRODUCT ·Ñ¸µ¹è³Ê *****/
.quick_menu {background:#fff;  overflow:hidden; position:relative; padding-right:70px;}
.quick_menu .quick_menu_inner {position:relative; display:block; overflow:hidden; width:100%; height:100%;  }

/**È­»ìÇ¥ ¹öÆ°**/
.quick_menu .product_arrow {position: absolute;  top:0; left:0; z-index: 100;  padding:0;   margin-left:-50px; width:50px;  height:100px;  }
.quick_menu .product_arrow .product_prev {background:#ADADAD url(../../img/main_prev.png) no-repeat center; width:50px; height:50px; display:block;  }
.quick_menu .product_arrow .product_next {background:#000 url(../../img/main_next.png) no-repeat center; width:50px; height:50px;  display:block; }

/**³×ÀÌ°ÔÀÌ¼Ç ¹Ù**/
.gallery_slide2 {width:100%;}
.gallery_slide2>.gallery_pagination {position: relative;width:100%; height:1px; background: #eee;}
.gallery_slide2>.gallery_pagination>span {background:#000;}

/**ÀÌ¹ÌÁö**/
.gallery_item2 {width:25%; height:100%;}
.gallery_item2  .img_inner {width:80%; padding:35px 0 25px 0; margin:0 auto; overflow:hidden; transition:0.5s;  }
.gallery_item2  .img_inner .img img {width:100%;}
.gallery_item2 .text {width:80%; padding:0 0 50px 0; margin:0 auto;}
.gallery_item2 .text h3 {display:block; font-size:21px;  color:#000; font-weight:600;  padding-bottom:20px; text-align:left;}
.gallery_item2 .text h3 span {display:block; font-size:17px; padding-bottom:6px; opacity:0.5;}
.gallery_item2 .text p {display:block; font-size:16px; color:#000; opacity:0.7;  text-align:left; width:100%;}
.gallery_item2 a .text p.more  {margin-top:20px; display:block;   background:url(../../img/arrow_2.gif) no-repeat right 0;  background-size:17px;}
.gallery_item2 a .text p.more span {font-size:16px; color:#000; opacity:0; }
.gallery_item2 a:hover .text p.more span {opacity:1;}
 
/**¸ð¼Ç**/
.quick_menu .gallery_item2:hover .img  {transition:0.1s;  opacity:0.6; }
.quick_menu .gallery_item2 .text {opacity:0;transform:translateY(40px);}
.quick_menu.on .gallery_item2 .text {opacity:1;transform:translateY(0px);}
.quick_menu .text_g  p{opacity:0;transform:translateY(40px);}
.quick_menu.on .text_g  p{opacity:1;transform:translateY(0px); transition:  0.7s 1.0s;} 
.quick_menu.on .gallery_item2 .img {transition: 1.2s 0.2s;}
.quick_menu.on .gallery_item2 .text {transition: 0.9s 1.3s;}
.quick_menu .gallery_slide2>.gallery_pagination {width:0;}
.quick_menu.on .gallery_slide2>.gallery_pagination {width:calc(100% - 40px);transition:  0.9s 1.5s; }
.quick_menu .product_arrow  { opacity:0;  translateY(40px); }
.quick_menu.on .product_arrow {translateY(0px); opacity:1;transition: 0.8s 0.1s; }
 
@media screen  and (max-width:1600px){
/**È­»ìÇ¥ ¹öÆ°**/
.quick_menu .product_arrow {margin-left:-40px; width:40px;  height:80px;  }
.quick_menu .product_arrow .product_prev,
.quick_menu .product_arrow .product_next {background-size:10px; width:40px; height:40px; }
}

@media screen  and (max-width:1339px){
.gallery_item2  .img_inner {width:88%;  padding:20px 0 7px 0; }
.quick_menu {padding-right:0px; height:auto;}
 
/**È­»ìÇ¥ ¹öÆ°**/
.quick_menu .product_arrow {right:0; margin-left:0;  margin-bottom:-30px; width:60px;  height:30px; }
.quick_menu .product_arrow .product_prev,
.quick_menu .product_arrow .product_next {background-size:10px; width:30px; height:30px; float:left;}

/**ÀÌ¹ÌÁö**/
.gallery_item2  .img_inner {padding:25px 0 20px 0;}
.gallery_item2 .text {padding:0 0 30px 0;}
.gallery_item2 .text h3 {font-size:19px;  padding-bottom:15px;}
.gallery_item2 .text h3 span {font-size:15px;}
.gallery_item2 .text p {font-size:13px;}
.gallery_item2 a .text p.more  {margin-top:10px;}
.gallery_item2 a .text p.more span {font-size:14px;}
}

@media screen  and (max-width:1024px){
.quick_menu {padding-right:0px;}
}

@media screen  and (max-width:767px){
/**ÀÌ¹ÌÁö**/
.gallery_item2 {width:50%;}
}

 


 




/*****  ¼½¼Ç3. ÃÖ±Ù°Ô½Ã¹° ÃßÃâ*****/
.board_list {background:#fff;  overflow:hidden; position:relative; padding-right:70px; }
.board_list .board_output {width:100%; margin:0 auto; }
.board_list .board_output tr:after {content:"";display:block;clear:both;}
.board_list .board_output tr .board_output tr  {width:100%; min-width:100%; margin:0; position: relative; display:inline-block; border-bottom:1px solid #eee;  }
.board_list .board_output tr .board_output tr td {display:block; font-size:15px; width:96%; margin:0 2%; padding:0 0 30px 0; color:#717171; }
.board_list .board_output tr .board_output tr td a {  font-family: 'S-CoreDream-4Regular';  display:inline-block;  padding-right:80px; background:url('../../img/m_notice_arrow.gif') no-repeat right  center; }
.board_list .board_output tr .board_output tr td a:hover {background-position:right 5px center;}
.board_list .board_output tr .board_output tr  td.bd_out1  { padding-left:10px;}
/* ¾ÕµµÆ®Á¦°Å*/
.board_list .board_output tr .board_output  tr td:first-child { display:none; }
/* Á¦¸ñ*/
.board_list .board_output tr .board_output tr  td.bd_out1 {display:block;  padding:29px 0 10px 0; }
.board_list .board_output tr .board_output tr  td.bd_out1 a {font-size:18px; color:#000; line-height:100%;   font-family: 'S-CoreDream-5Medium'; letter-spacing:-0.03em;  background:none;}
.board_list .board_output tr .board_output tr  td.bd_out1 a:hover {color:#e60012;  text-decoration: none;}
/* new ºñ¹Ð±Û ÀÌ¹ÌÁö ¾ÆÀÌÄÜ »çÀÌÁî Á¶Á¤*/
.board_list .board_output .bd_out1 a img {width:10px; height:10px; vertical-align:top;}
.board_list .board_output .bd_out1  img {width:13px; height:13px; vertical-align:top;}
/* ³¯Â¥*/
.board_list .board_output tr .board_output  tr td:last-child {display:inline-block; width:100px;   text-align:right; line-height:120%; padding:0; margin:0;  color:#A2A3A3; font-size:16px;  position: absolute; right:20px; top:30px;}
/**¸ð¼Ç**/
.board_list .board_output tr { opacity:0;  transform:translateY(40px); }
.board_list.on .board_output  tr{transform:translateY(0px);   opacity:1;}
.board_list.on .board_output tr:first-child {transition: 1.0s 0.1s; }
.board_list.on .board_output tr:nth-child(2) {transition: 1.0s  0.5s; }
.board_list.on .board_output tr:nth-child(3) {transition:1.0s  0.9s; }
.board_list.on .board_output tr:nth-child(4) {transition: 1.0s  1.3s; }
.board_list.on .board_output tr:nth-child(5) {transition: 1.0s 1.7s; }

@media screen and ( max-width:1339px ) {
.board_list .board_output tr .board_output tr  {background-size:18px;}
.board_list .board_output tr .board_output tr td {font-size:14px;}
 .board_output tr .board_output tr  td.bd_out1 a {font-size:17px;}
.board_list .board_output tr .board_output  tr td:last-child {margin-right:2%; font-size:13px; }
}
@media screen and ( max-width:1024px ) {
.board_list { padding-right:0px; }
.board_list .board_output tr .board_output tr  { width:100%; margin:0; }
.board_list .board_output tr .board_output tr td a {padding-right:0px;  background:none;}
}
@media screen and ( max-width:767px ) { 
.board_list .board_output .bd_out1 a {font-size:11px; letter-spacing:-0.04em;  }
.board_list .board_output .bd_out1 a img,
.board_list .board_output .bd_out1  img {margin-top:5px;}
.board_list .board_output tr .board_output tr td {font-size:12px; width:94%; margin:0 3%;}
.board_list .board_output tr .board_output tr  td.bd_out1 a {font-size:15px;}
.board_list .board_output tr .board_output  tr td:last-child {font-size:11px;  top:auto; right:14px; bottom:10px; }
} 









/*****  ¼½¼Ç4. °¶·¯¸® °Ô½ÃÆÇ ÃÖ±Ù°Ô½Ã¹° ÃßÃâ*****/
.board_gall {background:#fff;  overflow:hidden; position:relative; padding-right:70px;}
.board_gall .board_output {width:100%; margin:0 auto; }
.board_gall .board_output tr .board_output {width:94%; margin:5% 3% 1% 3%;}
.board_gall .board_output tr .board_output tr {width:100%;  padding:0; margin:0; }
.board_gall .board_output tr .board_output tr td {width:25%;  padding:0 1%; }
.board_gall .board_output tr .board_output tr td table {width:100%;  max-width:291px;}
.board_gall .board_output tr .board_output tr td table tr {width:100%; padding:0;}
.board_gall .board_output tr .board_output tr td table tr td.board_output_gallery_img {width:100%;}
.board_gall .board_output tr .board_output tr td table tr td.board_output_gallery_img img{width:100%; height:200px; max-height:400px; }
.board_gall .board_output tr .board_output tr td table tr td.board_output_gallery_img a:hover img{opacity:0.6;}

/* Á¦¸ñ*/
.board_gall .board_output tr .board_output tr  span.board_output_gallery_subject {display:block;  padding:15px 0; }
.board_gall .board_output tr .board_output tr  span.board_output_gallery_subject a {font-size:17px; color:#000; line-height:100%;   font-family:'Noto Sans KR'; letter-spacing:-0.03em;  background:none; }
.board_gall .board_output tr .board_output tr  span.board_output_gallery_subject a:hover {color:#e60012;  text-decoration: none; }

/**¸ð¼Ç**/
.board_gall .board_output tr .board_output td  { opacity:0;  transform:translateY(40px); }
.board_gall.on .board_output tr .board_output td {transform:translateY(0px);   opacity:1;}
.board_gall.on .board_output tr .board_output td:nth-child(1) {transition: 1.0s 0.1s;}
.board_gall.on .board_output tr .board_output td:nth-child(2) {transition: 1.0s 0.5s;}
.board_gall.on .board_output tr .board_output td:nth-child(3) {transition: 1.0s 0.9s;}
.board_gall.on .board_output tr .board_output td:nth-child(4) {transition: 1.0s 1.3s;}


@media screen and ( max-width:1339px ) {
/* Á¦¸ñ*/
.board_gall .board_output tr .board_output tr  span.board_output_gallery_subject a {font-size:16px; }
}

@media screen and ( max-width:1024px ) { 
.board_gall {padding-right:0px;}
.board_gall .board_output tr .board_output tr td table tr td.board_output_gallery_img img{height:150px;}
} 

@media screen and ( max-width:767px ) { 
.board_gall .board_output tr .board_output {width:94%; margin:5% 3% 1% 3%;}
.board_gall .board_output tr .board_output tr td {width:50%; float:left; }
.board_gall .board_output tr .board_output tr td tr td {width:100%;}
/* Á¦¸ñ*/
.board_gall .board_output tr .board_output tr  span.board_output_gallery_subject { padding:10px 0; }
.board_gall .board_output tr .board_output tr  span.board_output_gallery_subject a {font-size:14px; }
} 

@media screen and ( max-width:500px ) { 
.board_gall .board_output tr .board_output tr td table tr td.board_output_gallery_img img{height:140px;}
} 

@media screen and ( max-width:400px ) { 
.board_gall .board_output tr .board_output tr td table tr td.board_output_gallery_img img{height:120px;}
} 

@media screen and ( max-width:320px ) { 
.board_gall .board_output tr .board_output tr td table tr td.board_output_gallery_img img{height:100px;}
} 









/*****  ¼½¼Ç5. ÆÄÆ®³Ê ¹è³Ê *****/
.partner {background:#eee; overflow:hidden; position:relative; padding-right:70px;}
.section .partner_inner {position:relative; display:block;  width:100%;}

/**¹è°æ¸ð¼Ç**/
.partner .partner_inner:before {content:"";position:absolute;top:50%;left:50%;  opacity:0.2; transform:rotate(180deg) scale(2)  translate(-50%,-50%); width:calc(100% - 0px); height:calc(100% - 0px);   }
.partner.on .partner_inner:before {transform:translate(-50%,-50%) scale(1) rotate(0); transition:1.2s  0.5s;  }
.partner ul {width:90%; margin:0 auto; padding:50px 0; display: flex;  flex-wrap: wrap; }
.partner li {position:relative; display:inline-block; text-align:center;  width:20%; padding:1.5%; }
.partner li a img {max-width:100%;   webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.6; } 
.partner li a:hover img {  webkit-filter: grayscale(0%); filter: grayscale(0%); opacity:1; transition:0.5s; } 
 
/**¸ð¼Ç**/
.partner ul li { opacity:0;  transform:translateY(40px); }
.partner.on  ul li {transform:translateY(0px);   opacity:1;}
.partner.on  ul li:nth-child(1) {transition:1.0s 0.1s; }
.partner.on  ul li:nth-child(2) {transition:1.0s  0.2s; }
.partner.on  ul li:nth-child(3) {transition:1.0s  0.3s; }
.partner.on  ul li:nth-child(4) {transition:1.0s  0.4s; }
.partner.on  ul li:nth-child(5) {transition:1.0s 0.5s; }
.partner.on  ul li:nth-child(6) {transition:1.0s 0.6s; }
.partner.on  ul li:nth-child(7) {transition:1.0s  0.7s; }
.partner.on  ul li:nth-child(8) {transition:1.0s  0.8s; }
.partner.on  ul li:nth-child(9) {transition:1.0s  0.9s; }
.partner.on  ul li:nth-child(10) {transition:1.0s 1.0s; }
.partner.on  ul li:nth-child(11) {transition:1.0s 1.1s; }
.partner.on  ul li:nth-child(12) {transition:1.0s 1.2s; }
.partner.on  ul li:nth-child(13) {transition:1.0s 1.3s; }
.partner.on  ul li:nth-child(14) {transition:1.0s 1.4s; }
.partner.on  ul li:nth-child(15) {transition:1.0s 1.5s; }


@media screen and (max-width:1339px){
.partner ul { padding:35px 0;}
.partner li {width:25%;}
}

@media screen and (max-width:1024px){
.partner {padding-right:0px;}
}

@media screen and (max-width:767px){
.partner ul { padding:20px 0;}
.partner li {width:33.33%; padding:1%;}
}





 




/*****  ¼½¼Ç6. ¿À½Ã´Â±æ ¹è³Ê *****/
.map {background:#000; overflow:hidden; position:relative; width:100%; padding-right:70px;}
.map .map_inner {position:relative; display:block; overflow:hidden; height:100%;  width:100%; line-height:0;   }
.map .map_inner  iframe {width:100%;   height:600px; webkit-filter: grayscale(100%); filter: grayscale(100%);  }
.map_box {width:25%; z-index:2; left:0px;  height:100%; background:#fff; display:block;  position: absolute;  text-align: center; top:0;}
.map .map_box  .mimg {width:100%;  height:276px; display:block; background:url(../../img/map_img.jpg) no-repeat center top / cover; }
.map .map_box  .mtxt {text-align:center;  width:100%; padding:45px 0 35px 0; background:#fff;line-height:140%;  }
.map .map_box  .mtxt h4 {font-size:27px;  font-family: 'S-CoreDream-8Heavy'; letter-spacing:-0.03em; }
.map .map_box  .mtxt p {font-size:16px; padding-top:16px; line-height:130%; }
.map .map_box  .map_sns {width:86%; margin:0 auto; position:relative;  }
.map .map_box  .map_sns ul {padding:30px 0;}
.map .map_box  ul li {float:left; width:33.33%; padding-top:45px; position:relative; }
.map .map_box  ul li:nth-child(1) {background:url(../../img/micon_1.png) no-repeat center top; }
.map .map_box  ul li:nth-child(2) {background:url(../../img/micon_2.png) no-repeat center top; }
.map .map_box  ul li:nth-child(3) {background:url(../../img/micon_3.png) no-repeat center top; }
.map .map_box  ul li:nth-child(1),
.map .map_box  ul li:nth-child(2),
.map .map_box  ul li:nth-child(3) {background-size:30px; }
.map .map_box  ul li:before {content:"";position:absolute; height:100%; width:1px; top:0; right:0; background:#fff; opacity:0.2; }
.map .map_box  ul li:last-child:before  {background:none; }
.map .map_box  ul li a { font-size:15px;}
/** ¸ð¼Ç**/
.map .map_box  {opacity:0;transform:translateY(40px);}
.map.on  .map_box   {opacity:1;transform:translateY(0px); transition: 0.7s 0.1s; }
 
@media screen and (max-width:1339px){
.map .map_inner  iframe {height:550px;}
.map .map_box  .mtxt {padding:35px 0 25px 0;  }
.map .map_box  .mtxt h4 {font-size:24px }
.map .map_box  .mtxt p {font-size:14px; padding-top:10px; }
.map .map_box  .map_sns {width:90%; }
.map .map_box  .map_sns ul {padding:20px 0;}
.map .map_box  ul li a {font-size:13px;}
}

@media screen and (max-width:1024px){
.map { padding-right:0px;}
.map .map_inner  iframe {height:320px; display:block; }
.map .map_box {margin:0; width:100%; right:auto; height:auto; left:auto; position:relative;  top:0; transform:none; position:relative; }
.map .map_box  .mtxt h4 {font-size:21px;}
}
 


 









#fp-nav ul li:last-child{display:none;}
/*****  °øÅë:: ¿ìÃø ¹öÆ° ¹× ¼½¼ÇÅ×ÀÌºí*****/
html.fp-enabled,
.fp-enabled body { margin: 0; padding: 0; overflow:hidden;-webkit-tap-highlight-color: rgba(0,0,0,0); }
.fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */  -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box;}
.fp-slide { float: left;}
.fp-slide, .fp-slidesContainer { height: 100%; display: block;}
.fp-slides {z-index:1; height: 100%;  overflow: hidden; position: relative;-webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */transition: all 0.3s ease-out;}
.fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout:fixed; width: 100%; /*Ãß°¡*/ height: auto !important; }
.fp-tableCell {display: table-cell; vertical-align: middle;  width: 100%; height: 100%;  /*Ãß°¡*/  height:auto !important; }
.fp-slidesContainer { float: left; position: relative;}
.fp-controlArrow { position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0;height: 0;border-style: solid; margin-top: -38px;-webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ 
 -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0;border-color: transparent #fff transparent transparent;}
.fp-controlArrow.fp-next { right: 15px;border-width: 38.5px 0 38.5px 34px;border-color: transparent transparent transparent #fff;}
.fp-scrollable { overflow: hidden; position: relative;}
.fp-scroller{overflow: hidden;}
.iScrollIndicator{ border: 0 !important;}
.fp-notransition { -webkit-transition: none !important; transition: none !important;}
.r_area {position: fixed; width:80px; height:100%;  background:#424242; display:block;  z-index:99999; right:0; }
#fp-nav { position: fixed; z-index: 100000; margin-top: -32px; top: 50%;opacity: 1;  -webkit-transform: translate3d(0,0,0);}
#fp-nav.right {right:30px;}
#fp-nav.left {left: 17px;}
.fp-slidesNav{ position: absolute; z-index: 4; opacity: 1; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); left: 0 !important; right: 0; margin: 0 auto !important; margin-top:50%;}
.fp-slidesNav.bottom { bottom: 17px;}
.fp-slidesNav.top { top: 17px;}
#fp-nav ul,.fp-slidesNav ul { margin: 0;padding: 0;}
#fp-nav ul li,.fp-slidesNav ul li {display: block; width: 14px; height:14px;margin:20px 0; position:relative;}
.fp-slidesNav ul li {display: inline-block;}
#fp-nav ul li a,.fp-slidesNav ul li a { display: block; position: relative;z-index: 1; width: 100%;height: 100%;cursor: pointer;text-decoration: none;}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{ height: 16px;width: 16px; margin: -6px 0 0 -8px; border-radius: 50%; background:none; border:1px solid #fff; }
#fp-nav ul li a span,.fp-slidesNav ul li a span {position: absolute; z-index: 1; height:8px; width:8px; background:#fff; left: 50%;  top: 50%; margin: -2px 0 0 -3px; border-radius: 50%;
 -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
.wht #fp-nav ul li a.active span,.wht .fp-slidesNav ul li a.active span,.wht #fp-nav ul li:hover a.active span,.wht .fp-slidesNav ul li:hover a.active span{border:1px solid #133653; }
.wht #fp-nav ul li a span,.fp-slidesNav ul li a span {background:#133653;}
#fp-nav ul li .fp-tooltip {position: absolute;top: -2px;color: #fff;font-size: 14px;font-family:"Montserrat","Noto Sans KR"; font-weight:600; white-space: nowrap; max-width: 220px;  overflow: hidden;display: block;opacity: 0; width: 0;cursor: pointer;}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {-webkit-transition: opacity 0.2s ease-in;transition: opacity 0.2s ease-in; width: auto;opacity: 1;}
#fp-nav ul li .fp-tooltip.right {right: 20px;}
#fp-nav ul li .fp-tooltip.left { left: 20px;}
.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell{ height: auto !important;}
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {height: auto !important;}height: auto !important;}
#fp-nav ul li:last-child a span, .fp-slidesNav ul li:last-child a span { display: none;}
 
@media all and (max-width: 1339px) {
#fp-nav.right { right: 10px; }
.fp-section.fp-table, .fp-slide.fp-table {height: auto !important;}
.fp-tableCell {height:auto !important; }
.r_area {display:none;}
}
 @media all and (max-width: 480px) {
#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip {display: none;}
#fp-nav ul li, .fp-slidesNav ul li { margin: 0;}
 }