@charset "UTF-8";

/* 메인 비주얼 */
.main_visual {pointer-events:none;}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*tab menu*/
.tab_wrap{ position:relative; width:100%; height:16px; z-index:10; }
/*.tab_wrap.fixed{ position:fixed; left:0; top:65px;} */
.tab_wrap .tab_area li{ background-size:cover; background-position:center; float:left; text-align:center;}
.tab_wrap .tab_area li a{ position:relative; display:block; }
.tab_wrap .tab_area li span{ display:inline-block; margin-top:30px; width:100%; height:16px; text-indent:-9999px;}

.tab_wrap .tab_area .tab1{background-image:url(../images/mo_tab01.jpg); width:50%; }
.tab_wrap .tab_area .tab2{background-image:url(../images/mo_tab02.jpg); width:50%; }

.tab_wrap .tab_area .tab1.on{background-image:url(../images/mo_tab01_on.jpg);}
.tab_wrap .tab_area .tab2.on{background-image:url(../images/mo_tab02_on.jpg);}


.tab_wrap .tab_area:after { content:''; display:block; clear:both}

html, body{width:100%;overflow-x:hidden;}
.pc_cont03_bg{background-color:#fff; width:100%; min-height:55vh;}

/* 좌우배너  */
.msec-vis {position:relative; height:0;}
.msec-vis .svis-slide-for .slick-prev{position:absolute; top:50%; left:15px; z-index:1; width:70px; height:70px; margin-top:-35px; border:0px; font-size:0px;  background:url(/_Img/Content/sub-vis-arrowL.png) no-repeat center;}
.msec-vis .svis-slide-for .slick-next{position:absolute; top:50%; right:15px; z-index:1; width:70px; height:70px; margin-top:-35px; border:0px; font-size:0px; background:url(/_Img/Content/sub-vis-arrowR.png) no-repeat center;}
.msec-vis .svis-slide-for .slick-prev {top:41.8%; background:url(../images/mo_left.png) no-repeat center;  left:-20%; width:50%; height:50%; z-index:1;}
.msec-vis .svis-slide-for .slick-next {top:41.8%; background:url(../images/mo_right.png) no-repeat center; right:-20%; width:50%; height:50%; z-index:1;}

/*li동그라미없애기  */
.slick-dots{list-style:none; display:block; width:100%; text-align:center; position:relative; bottom:40px;}

/* 123버튼이 옆으로 붙는다 */
.slick-dots li{display:inline-block; margin:5px; width:19px; height:19px;}
.slick-dots li button {border:3px solid #ff8e42; background-color:#ffffff; font-size:0; width:19px; height:19px; border-radius:50%;}
.slick-dots li.slick-active button {background-color:#ff8e42;}