@charset "UTF-8";

/* 메인 비주얼 */
.main_visual {}


/* 하단 이니셜 */
.copyright_yis {width:100%; padding:5px; font-size:12px; color:#777; text-align:right; box-sizing:border-box;}


.mo_tab_top{margin-top: 5%;}
.mo_text{margin-bottom: 3%;}
.mo_tab_goods{margin-top: 5%; display:block;}


/*tab menu*/
.tab_wrap{ position:relative; width:100%; height:60px; z-index:30}
.tab_wrap.fixed{ position:fixed; left:0; top:60px;}
.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; width:100%; height:50px; text-indent:-9999px;}

.tab_wrap .tab_area .tab1{background-image:url(../images/mo_tab01.jpg?2); width:33%;}
.tab_wrap .tab_area .tab2{background-image:url(../images/mo_tab02.jpg?2); width:33%;}
.tab_wrap .tab_area .tab3{background-image:url(../images/mo_tab03.jpg?3); width:34%;}

.tab_wrap .tab_area .tab1.on{background-image:url(../images/mo_tab01_on.jpg?2);}
.tab_wrap .tab_area .tab2.on{background-image:url(../images/mo_tab02_on.jpg?2);}
.tab_wrap .tab_area .tab3.on{background-image:url(../images/mo_tab03_on.jpg?3);}

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



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

.content{ position:relative; width:100%; text-align:center; margin:0 auto}

.mo_cont02 {background-color: #0fc7bd; padding-bottom: 10%;}
.progress {display: block; width: 30%; height: 10px; border-radius: 10px; margin: auto; margin-top: 8%; overflow: hidden; background-color: #f5f5f5; background-image: linear-gradient(to right, #06484c, #06484c); background-repeat: no-repeat; background-size: 25% 100%; transition: background-size 0.4s ease-in-out;}  
.content {width: 200%;}
.slider {height: auto;}
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}

.mo_cont02 {background-color: #0fc7bd; padding-bottom: 10%;}
.progress {display: block; width: 30%; height: 10px; border-radius: 10px; margin: auto; margin-top: 8%; overflow: hidden; background-color: #f5f5f5; background-image: linear-gradient(to right, #06484c, #06484c); background-repeat: no-repeat; background-size: 25% 100%; transition: background-size 0.4s ease-in-out;}  
.content {width: 200%;}
.slider {height: auto;}
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}