@charset "utf-8";
/*=================================================================================================
// 명    칭 : 메인화면 스타일쉬트 - 태블릿
// 처리내용 : 
// 작 성 자 : 2018-05-28 김진후 
//=================================================================================================*/

.dcMainSliderWrap{display:none;}
.dcMainSliderWrap div.dcSlider{width:100%;}
.dcMainSliderWrap div.dcSlider img{width:100%;}
.dcMainSliderWrap .slick-dotted.slick-slider {margin-bottom:0;}
.dcMainSliderWrap div.dcSlider button.slick-prev{top: 50%; left:5%; width:60px; height:37px; background:url(/en/img/main/btn_tabPrev.png) no-repeat 50% 50%; background-size:cover; text-indent:-9999px; z-index:30;}
.dcMainSliderWrap div.dcSlider button.slick-next{top: 50%; right:5%; width:60px; height:37px; background:url(/en/img/main/btn_tabNext.png) no-repeat 50% 50%; background-size:cover; text-indent:-9999px; z-index:30;}
.dcMainSliderWrap div.dcSlider .slick-dots {bottom: 10%;}
.dcMainSliderWrap div.dcSlider .slick-dots li {width:11px; height: 11px; margin: 0 5px; padding: 0;  cursor: pointer;}
.dcMainSliderWrap div.dcSlider .slick-dots li button {width: 11px; height: 11px;  padding:  0;  background:url(/en/img/main/paigingOff.png) no-repeat 50% 50%; text-indent:-9999px; z-index:30;  background-size:cover;}
.dcMainSliderWrap div.dcSlider .slick-dots li.slick-active button {width: 11px; height: 11px;  padding:  0;  background:url(/en/img/main/paigingOn.png) no-repeat 50% 50%;  background-size:cover;}

.dcMainConWrap{padding:2%;}
.dcMainConWrap ul{overflow:hidden;}
.dcMainConWrap ul li{float:left; position:relative; width:50%; text-align:center; overflow:hidden;}
.dcMainConWrap ul li a{display:block; padding:5%;}
.dcMainConWrap ul li a .dcBgOver{display:none; position:absolute; top:0; left:0; width: 100%; height:100%; z-index:2; background:url(/en/img/main/bgOver.png) repeat 0 0;}
.dcMainConWrap ul li a p.dcImg{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 100%; z-index:1;}
.dcMainConWrap ul li a p.dcImg img{width:100%; height:100%;}
.dcMainConWrap ul li a h3{font-size:18px; text-align:center; font-weight:100; color:#fff; line-height: 120%; text-shadow: 3px 3px 8px #000;  z-index:3;  position: relative; background: rgba(0,0,0,0.5);  padding: 5%;}
.dcMainConWrap ul li a h3 p.dcView{display:block; position: relative; font-size: 16px; text-align: center; font-weight: 100; color: #fff; padding:6% 0 3% 0; z-index:3; text-shadow:none; }
.dcMainConWrap ul li a h3 p.dcView::after{content:''; display:block; position:absolute; left:50%; bottom:0; width:100px; height:1px; background-color:#fff; margin-left:-50px;}
.dcMainConWrap ul li a h3 p.dcView span{font-weight:400;}
.dcMainConWrap ul li a p.dcView{display:none;}

.dcMainFooterWrap{padding:10% 2%; background:url(/en/img/main/bgMainBottom.png) no-repeat 50% 50%; background-size:cover;}
.dcMainFooterWrap ul{overflow:hidden; }
.dcMainFooterWrap ul li{float:left; position:relative; width:20%; text-align:center;}
.dcMainFooterWrap ul li::after{content:''; display:block; position:absolute; right:100%; top:0; width:1px; height:100%; background-color:#909191;}
.dcMainFooterWrap ul li.dcMainFooter01{background:url(/en/img/main/icoMainCon01.png) no-repeat 50% 30% rgba(0,0,0,0.5); background-size:30%;}
.dcMainFooterWrap ul li.dcMainFooter02{background:url(/en/img/main/icoMainCon02.png) no-repeat 50% 30% rgba(0,0,0,0.5); background-size:18%;}
.dcMainFooterWrap ul li.dcMainFooter03{background:url(/en/img/main/icoMainCon03.png) no-repeat 50% 30% rgba(0,0,0,0.5); background-size:24%;}
.dcMainFooterWrap ul li.dcMainFooter04{background:url(/en/img/main/icoMainCon04.png) no-repeat 50% 30% rgba(0,0,0,0.5); background-size:30%;}
.dcMainFooterWrap ul li.dcMainFooter05{background:url(/en/img/main/icoMainCon05.png) no-repeat 50% 30% rgba(0,0,0,0.5); background-size:21%;}
.dcMainFooterWrap ul li a{position:relative; display:block; padding:40% 2% 10%;  font-size:14px; font-weight:100; color:#fff;}
.dcMainFooterWrap ul li:hover a{font-weight:500; color:#333;}
.dcMainFooterWrap ul li:hover a::after{content:''; display:block; position:absolute; left:50%; bottom:10%; width:100px; height:1px; background-color:#333; margin-left:-50px;}
.dcMainFooterWrap ul li:hover.dcMainFooter01{background:url(/en/img/main/icoMainCon01_on.png) no-repeat 50% 30% rgba(255,255,255,0.9); background-size:30%;} 
.dcMainFooterWrap ul li:hover.dcMainFooter02{background:url(/en/img/main/icoMainCon02_on.png) no-repeat 50% 30% rgba(255,255,255,0.9); background-size:18%;}
.dcMainFooterWrap ul li:hover.dcMainFooter03{background:url(/en/img/main/icoMainCon03_on.png) no-repeat 50% 30% rgba(255,255,255,0.9); background-size:24%;}
.dcMainFooterWrap ul li:hover.dcMainFooter04{background:url(/en/img/main/icoMainCon04_on.png) no-repeat 50% 30% rgba(255,255,255,0.9); background-size:30%;}
.dcMainFooterWrap ul li:hover.dcMainFooter05{background:url(/en/img/main/icoMainCon05_on.png) no-repeat 50% 30% rgba(255,255,255,0.9); background-size:21%;}