@charset "utf-8";

@import url(superbox.css);

body{min-width: 1280px;}
/* Base */
* {margin:0;padding:0;}
html, body {height:100%;word-wrap:break-word;font-size:12px;font-family:"돋움", Dotum, arial;color:#717171;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
ul, ol {list-style:none;}
img, fieldset {border:0;}
legend, caption {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
table {border-collapse:collapse;}
input, select, img {vertical-align:middle;}
a {text-decoration:none;}

.clear {clear:both;}
.c_con {text-align:center;}
.r_con {text-align:right;}
.l_con {text-align:left;}

div.paging {clear:both;padding:17px 0 30px;text-align:center;}
div.paging a {display:inline-block;padding:4px 3px;vertical-align:middle;}
div.paging .num, div.paging strong {padding:4px 5px;}
div.paging .num {font-weight:bold;color:#000000;}
div.paging .num:hover, div.paging strong {font-weight:bold;color:#ff7200;text-decoration:underline;}

/* 대표 캐릭터 */
#Character {position:absolute;left:50%;top:300px;margin-left:-170px;z-index:10000;}
p.infoTxt {margin:0 0 18px 17px;padding-top:15px;font-size:12px;color:#787878;}

div.characterSelect {margin:0 auto 15px;padding:5px;width:280px;height:80px;border:1px solid #d1d1d1;}
div.characterSelect ul {height:80px;overflow:auto;}
div.characterSelect li {padding:0 5px;line-height:23px;}

div.create {margin:0 auto 15px;padding:30px 0;width:280px;text-align:center;}
div.create b {display:block;height:30px;font-size:14px;color:#000}

.xe_content img {
    max-width: 100%;
    height: auto;
}