@charset "utf-8";
/*main*/
#wrap {width:100%; min-width:320px; max-width:640px; min-height:150px;  overflow:hidden; margin:auto;}

#wrap .main_visual { width:100%; height:100%; position:relative; overflow:hidden; }
#wrap .main_visual .imgs { width:100%; padding-bottom:80%; position:relative; overflow:hidden; }
#wrap .main_visual .imgs li { width:100%; height:100%; position:absolute; top:0; left:100%; }
#wrap .main_visual .imgs li.li_01 { background:url('../img/main_visual01.jpg') center 0 no-repeat; background-size:100% 100%; left:0; }
#wrap .main_visual .imgs li.li_02 { background:url('../img/main_visual02.jpg') center 0 no-repeat;background-size:100% 100%; }
#wrap .main_visual .imgs li.li_03 { background:url('../img/main_visual03.jpg') center 0 no-repeat; background-size:100% 100%; }
#wrap .main_visual .imgs li.li_04 { background:url('../img/main_visual.jpg') center 0 no-repeat;background-size:100% 100%; }
#wrap .main_visual .indis { width:96px; position:absolute; left:50%; text-align:center; bottom:6%;  margin-left:-44px;z-index:10; }
#wrap .main_visual .indi_wrap { display:inline-block; overflow:hidden; z-index:10; }
#wrap .main_visual .indis ul { float:left; overflow:hidden;  }
#wrap .main_visual .indis ul li { width:16px; height:16px; float:left; margin-left:8px; position:relative; }
#wrap .main_visual .indis ul li.li_01 { }
#wrap .main_visual .indis ul li a { width:100%; height:100%; display:block; }
#wrap .main_visual .indis .indi_bn { float:left; width:17px; height:24px; position:relative; }
#wrap .main_visual .indis .indi_bn a { width:100%; height:100%; display:block; }

#wrap .row01 {width:100%; overflow:hidden;}
#wrap .row01 ul {width:100%; overflow:hidden;}
#wrap .row01 ul li {float:left; width:50%;}
#wrap .row01 ul li.exp {width:100%;}
#wrap .row01 ul li a {display:block;}
#wrap .row01 ul li a img {width:100%;}

#wrap .row02 {width:100%; padding:10% 0; overflow:hidden; background:#ebe8e4;}
#wrap .row02 ul {width:93.75%; overflow:hidden; margin:auto;}
#wrap .row02 ul li {width:21.67%; float:left;}
#wrap .row02 ul li.exp {width:26.67%;}
#wrap .row02 ul li a {display:block;}
#wrap .row02 ul li a img {width:100%;}

#wrap .bna {width:100%; padding:5% 0 10%; overflow:hidden; background:#444a59;}
#wrap .bna p {width:52.65625%;overflow:hidden; margin:2% auto;}
#wrap .bna p a {width:61.12759643916914%;float:left; margin:0 2%}
#wrap .bna p .bna_control_L {width:13.35311572700297%; float:left;}
#wrap .bna p .bna_control_R {width:13.35311572700297%; float:left;}
#wrap .bna .bna_visual { width:100%; height:auto; position:relative; overflow:hidden; margin-top:18px; }
#wrap .bna .bna_visual .imgs { width:90.625%;  position:relative; overflow:hidden; padding-bottom:40%;margin:auto;}
#wrap .bna .bna_visual .imgs li { width:100%; height:100%; position:absolute; top:0; left:100%; }
#wrap .bna .bna_visual .imgs li.li_01 { left:0; }

#wrap .tab { width:100%; overflow:hidden; background:#e3e6ed;}
#wrap .tab > ul {overflow:hidden;width:93.75%;margin:3% auto;}
#wrap .tab > ul > li {float:left; width:16%; overflow:hidden; margin-right:1%;}
#wrap .tab > ul > li > a {display:block;}
#wrap .tab .tab_view {position:relative;overflow:hidden; width:93.75%;margin:2% auto; font-family:'Nanum Gothic', sans-serif;}
#wrap .tab .tab_view div {position:absolute; top:0; left:0;overflow:hidden;width:100%; display:none;}
#wrap .tab .tab_view div ul {width:100%; overflow:hidden;}
#wrap .tab .tab_view div ul li {text-indent:10px; background:url("/img/bull01.png") left 32% no-repeat; padding:1% 0; padding-left:1.5%; width:100%; box-sizing:border-box;}
#wrap .tab .tab_view div ul li a {font-size:12px; color:#708898; font-size:18px;}
#wrap .tab .tab_view div ul li span {float:right; color:#77a2be; font-size:18px;}