@charset "UTF-8";

/* 메인Visual Banner */
.main_visual{}

/* section */
.content.content1{background:url(../images/sec_bg.jpg) no-repeat center; position:relative; width:100%; h text-align:center; margin:0 auto;}



/*tab menu*/
.tab_wrap { position:relative; width:100%; height:35px; z-index:12;  }
.tab_wrap.fixed { position:fixed; left:0; top:32; }
.tab_wrap .tab_area { width:100%; margin:0 auto; display:flex; justify-content:space-between; }
.tab_wrap .tab_area li { text-align:center; background-size:cover; background-position:center; }
.tab_wrap .tab_area li a{position:relative; display:block;}
.tab_wrap .tab_area li span{display:inline-block; height:35px; text-indent:-9999px; }

.tab_wrap .tab_area:after{ content:''; display:block; clear:both; }

.tab_wrap .tab_area .tab1 {background-image:url(../images/mo_tab01.jpg); width:25%; background-size:cover; }
.tab_wrap .tab_area .tab2 {background-image:url(../images/mo_tab02.jpg); width:25%; background-size:cover; }
.tab_wrap .tab_area .tab3 {background-image:url(../images/mo_tab03.jpg); width:25%; background-size:cover; }
.tab_wrap .tab_area .tab4 {background-image:url(../images/mo_tab04.jpg); width:25%; background-size:cover; }
.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 .tab3.on {background-image:url(../images/mo_tab03_on.jpg); }
.tab_wrap .tab_area .tab4.on {background-image:url(../images/mo_tab04_on.jpg); }


/* section */
.tab_wrap.fixed + .section_wrap{ margin-top:0px; }
.section{ text-align:center; position:relative; }
.section_wrap .section{ display:none;}
.section_wrap .section.on{ display:block;}




/* 픽스 탭
border-top:1px solid #212121; border-bottom:1px solid #212121;

.tab_wrap {position:relative; width:100%; height:40px; z-index:12;}
.tab_wrap.fixed{ position:fixed; left:0; top:99px; }
.tab_wrap.fixed + .section_wrap{margin-top:10px;} /* 픽스 탭 영역
.tab_wrap .tab_area{margin:0 auto;}
.tab_wrap .tab_area li{float:left; width:50%; text-align:center;}
.tab_wrap .tab_area li a{ position:relative; display:block}
.tab_wrap .tab_area li + li {box-sizing:border-box;}
.tab_wrap .tab_area li {display:inline-block; width:50%; height:92px; background-repeat:no-repeat; background-size:contain; text-indent:-9999px;}

.tab_wrap .tab_area .tab1{background-image:url(../images/tab_01.jpg);}
.tab_wrap .tab_area .tab2{background-image:url(../images/tab_02.jpg);}
.tab_wrap .tab_area .tab1.on{background-image:url(../images/tab_01_on.jpg);}
.tab_wrap .tab_area .tab2.on{background-image:url(../images/tab_02_on.jpg);}

 */