@font-face {
 font-family: 'NanumSquare';
 src: url(../../skin/font/NanumSquareR.eot);
 src: url(../../skinfont/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(../../skinfont/NanumSquareR.woff) format('woff'),
      url(../../skinfont/NanumSquareR.ttf) format('truetype');
}


*{ margin:0px }

html{}
body{ background-color:#ffffff; color:#666666; line-height:100%; word-wrap:break-word; word-break:break-all; }
body,input,textarea,select,table,button{ font-size:14px; font-family:'µ¸¿ò',Dotum,'±¼¸²',Gulim,Apple-Gothic,sans-serif; }
*{ -webkit-text-size-adjust:none; }
ul,ol,li{ list-style:none; }
a:link { text-decoration:none;color:#8B8B8B; }

.relative { position:relative; top:0; left:0; }

.wrap { margin:0 auto; overflow:hidden; width:100%; max-width:800px; }





/*»ó´Ü¸Þ´º*/
.navi { display:table; top:0; width:100%; max-width:800px; background:#fff; z-index:100; }
.navi .logo { float:left; width:100%; text-align:center; padding:1rem 0 1rem 0; }
.navi .logo img { width:30%; }
.navi .navigroup { clear:both; float:left; width:100%; padding:0; margin:0; }
.navi .navigroup ul { width:100%; padding:0; margin:0; text-align:center; }
.navi .navigroup li { display:inline-block; *display:inline; width:15%; padding-left:3px; text-align:center; font-size:.8rem; line-height:3rem; margin:0; background:url('../images/navi_btnline.png') no-repeat left top; background-size:1px 100%; }
.navi .navigroup li:first-child { background:none; padding:0; }
.navi .navigroup a,
.navi .navigroup a:hover,
.navi .navigroup a:visited { font-size:.8rem; color:#000; text-decoration:none; letter-spacing:-.1rem; }







.customer { display:table; width:100%; max-width:800px; background:#081224; border-top:1px solid #1b2535; }





.bottom { display:table; top:0; width:100%; max-width:800px; background:#0c0c0c; padding:2rem 0 0; }
.bottom .logo { clear:both; width:100%; text-align:center; }
.bottom .logo img { width:10%; }
.bottom .copyright { clear:both; width:100%; text-align:center; padding:1rem 0 2rem; border-bottom:1px solid #050505;
					 font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:.7rem; font-weight:400; color:#b9b9b9; line-height:120%; }
.bottom .footerbtn { width:100%; text-align:center; padding:1rem 0; border-top:1px solid #252525; }
.bottom .footerbtn a,
.bottom .footerbtn a:visited,
.bottom .footerbtn a:hover { font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:.7rem; font-weight:400; color:#b9b9b9; }





/*À̹ÌÁö*/
.images { clear:both; width:100%; max-width:800px; }
.main_contents { display:table; clear:both; width:100%; max-width:800px; }
.main_contents ul { padding:0; margin:0; font-size:0; line-height:0; }
.main_contents li { float:left; list-style:none; width:50%; padding:0; margin:0; font-size:0; }




/*¼­ºêÄÁÅÙÃ÷*/
.subimages { display:table; width:100%; max-width:800px; }
.subimg01 { background:url('../images/subimages.jpg') no-repeat center; background-size:100%; }
.subimg02 { background:url('../images/subimages.jpg') no-repeat center; background-size:100%; }
.subimg03 { background:url('../images/subimages.jpg') no-repeat center; background-size:100%; }
.subimg04 { background:url('../images/subimages.jpg') no-repeat center; background-size:100%; }
.subimg05 { background:url('../images/subimages.jpg') no-repeat center; background-size:100%; }
.subimg06 { background:url('../images/subimages.jpg') no-repeat center; background-size:100%; }
.subimages .cellbg { display:table; width:100%; max-width:800px; }
.subimages .subtitle_e {clear:both; width:100%; text-align:center; font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:2rem; font-weight:400; color:#fff; padding:3rem 0 .8rem; }
.subimages .subtitle_k {clear:both; width:100%; text-align:center; font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:1rem; font-weight:400; color:#fff; padding:0 0 3rem 0; }

.contents { width:100%; min-height:300px; }





/*¼­ºê¸Þ´º*/
.subimages .submenu { display:table; width:100%; text-align:center; max-width:800px; padding:0; }
.subimages .submenu ul { padding:0; margin:0; font-size:0; }
.subimages .submenu li { display:inline-block; *display:inline; width:20%; font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-weight:400; padding:0; margin:0; background:rgba(44,44,44,0.9); }
.subimages .submenu a,
.subimages .submenu a:visited,
.subimages .submenu a:hover { font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:.8rem; font-weight:400; color:#fff; line-height:2.3rem; margin:0; padding:0; }
.subimages .submenu .on { background:#0063bc; }





.store { width:100%; }