@charset "utf-8";

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

.main_visual {width:100%; position:relative; margin:0 auto;  overflow:hidden;}
.main_visual .imgs {width:100%; padding-bottom:97.2%; height:0; 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;}

.main_visual .indis {width:100%; position:absolute; top:92%; left:50%; margin:-9px 0 0 -70px;}
.main_visual .indis ul {display:inline-block; overflow:hidden; float:left; }
.main_visual .indis ul li {width:auto; height:18px; 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;}

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

.yeon_bot_quick { width:93.75%; position:relative; margin:15px auto 15px; overflow:hidden;}
.yeon_bot_quick > ul { overflow:hidden; overflow:hidden;}
.yeon_bot_quick > ul > li { width:24.5%; float:left; margin-right:0.63%;}
.yeon_bot_quick > ul > li img { width:100%;}
.yeon_bot_quick > ul > li.last { margin-right:0;}