@charset "euc-kr";

.main_container {width:100%; max-width:640px; margin:0 auto; padding-top:30px; position:relative; overflow:hidden;}

.main_visual {width:100%; max-width:640px; min-width:320px; position:relative; overflow:hidden; margin:0 auto; overflow:hidden;}
.main_visual .imgs {width:100%; padding-bottom:106.4%; position:relative;}
.main_visual .imgs li {width:100%; height:100%; position:absolute; top:0; left:100%;}
.main_visual .imgs li img {width:100%;}
.main_visual .imgs li.li_01 {left:0; background:url('/img/mar_main_visual_img001.jpg') center no-repeat;}
.main_visual .imgs li.li_02 {background:url('/img/mar_main_visual_img002.jpg') center no-repeat;}
.main_visual .imgs li.li_03 {background:url('/img/mar_main_visual_img003.jpg') center no-repeat;}
.main_visual .imgs li.li_04 {background:url('/img/mar_main_visual_img004.jpg') center no-repeat;}

.main_visual .bns {width:100%; position:absolute; top:50%; left:0; margin-top:-16%;}
.main_visual .bns > div {}
.main_visual .bns .bn a {width:100%; height:100%; display:block;}
.main_visual .bns .bn_left {float:left; left:0; position:absolute; width:9.4%; }
.main_visual .bns .bn_right {float:right; right:0;;position:absolute; width:9.4%;}

.main_visual .indis {width:100%; position:relative; left:50%; margin:0 0 0 -52px; padding:3.5% 0; overflow:hidden;}
.main_visual .indis ul {display:inline-block; overflow:hidden; }
.main_visual .indis ul li { float:left; margin-left:10px; position:relative;}
.main_visual .indis ul li.first {margin-left:0; }
.main_visual .indis ul li a {width:100%; height:100%; display:block;}

.div_main01 { position:relative; overflow:hidden;}
.div_main01 > ul > li { width:50%; float:left;  position:relative;}
.div_main01 > ul > li img { width:100%;}

.div_main02 { position:relative; overflow:hidden;}
.div_main02 > ul > li { width:20%; float:left; position:relative;}
.div_main02 > ul > li img { width:100%;}