@charset "utf-8";

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

.main_visual {width:100%; position:relative; margin:0 auto; overflow:hidden;}
.main_visual .imgs {width:100%; padding-bottom:71.15%; 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-top:-9px; margin-left:-37px;}
.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;}

.main_con { width:93.75%; position:relative; margin:5.1% auto 0;}

.main_con > .m_con01 { overflow:hidden;}
/*.main_con > .m_con01 > ul > li { float:left; width:33.33%; position:relative;}*/
.main_con > .m_con01 > ul{overflow:hidden;}
.main_con > .m_con01 > ul > li { float:left; width:49%; margin:0 2% 2% 0; /* padding-bottom:5.91%; */}
.main_con > .m_con01 > ul > li:nth-of-type(2n){margin-right:0;}
.main_con > .m_con01 > ul > li:nth-of-type(3){margin-bottom:0;}
.main_con > .m_con01 > ul > li:nth-of-type(4){margin-bottom:0;}
.main_con > .m_con01 > ul > li.last { padding-bottom:0;}
.main_con > .m_con01 > ul > li img { width:100%; }

.main_con > .m_con02 { padding:5.81% 0; width:100%;}
.main_con > .m_con02 img { width:100%;}

.main_con > .m_con03 { overflow:hidden; padding-top:5.81%;}
.main_con > .m_con03 > ul > li { float:left; width:33.33%; position:relative;}
.main_con > .m_con03 > ul > li img { width:100%; }

.main_con > .m_con04 { padding:5.81% 0; width:100%;}
.main_con > .m_con04 img { width:100%;}

.main_con > .m_con05 { padding-bottom:1.81%; width:100%;}
.main_con > .m_con05 img { width:100%;}

.main_con > .m_con06 { padding-bottom:1.81%; width:100%;}
.main_con > .m_con06 img { width:100%;}

/*메인팝업*/
.main_pop { position:absolute; width:80.46%; z-index:999; left:50%; top:100px; margin-left:-34.23%;}
.main_pop .pop_area { position:relative; width:100%; height:100%;}
.main_pop .pop_area .p_close { position:absolute; right:0; top:0;  width:8.93%; } 
.main_pop .pop_area .p_close  img { width:100%;}
.main_pop .pop_area .pop_con { position:relative; width:91.06%; float:left;}
.main_pop .pop_area .pop_con > img { width:100%}