body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;-webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 151, 132, 0);}
body{position:relative;line-height:1.25em;color:#333; word-wrap: break-word; word-break: break-all; width:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit ;}
body{font-family:Apple SD Gothic Neo, Helvetica, MalgunGothic, sans-serif;}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:inherit;text-decoration:none; }
a:link { color:#333; text-decoration:none; }
a:visited { color:#333; text-decoration:none; }
a:active { color:#333; text-decoration:none;  }
.clear {clear:both;}

li {position:relative; display:block; }
li a {position:relative;color:#043766; display:block; clear:both; overflow:hidden; line-height:1.25em;}

/*header*/
header {position:relative; width:100%;height:auto;}
header h1 { margin:0 auto;text-align:center;}
header h1 a {display:inline-table;}
header #logo {position:absolute;left:50%;top:3px;z-index:3;}
header #logo p {position:absolute;left:-36px;}

header #head {position:relative;background-color:#f9f9f9;width:100%;height:39px;border-bottom:1px solid #dedede;z-index:1;}
header .hleft {float: left;position:absolute;font-size: 0.8em;padding:0 5px;top: 3px;}
header .hleft li {float: left;padding:0 5px;top: 2px;}
header .hright {float: right;position:absolute;font-size: 0.8em;padding:0 5px;top: 3px;right:0;}
header .hright li {float: left;padding:0 5px;top: 2px;}

header #menu {position:relative;background-color:#0168b7;width:100%;height:36px;border-bottom:0px solid #dedede;z-index:2;}
header #menu li {float: left;width:50%;letter-spacing:-1px;font-size: 0.9em;font-weight: bold;color:#FFF;}
header #menu a {padding-top:5px; color:#FFF;}
header .mleft {float: left;position:absolute;top: 5px;width:40%;padding:0;margin:0;}
header .mright {float: right;position:absolute;top: 5px;width:40%;padding:0;margin:0;right:0;}

header .mleft li {text-align:left;}
header .mright li {text-align:right;}

#main {width:100%; overflow: hidden; position: relative;clear:both;}
#main .mainbox{margin:10px;}

#view_wrap{padding-top:10px;}
#view_wrap .fileup {
	width  : 100%;
	height : auto;
}

#xswipe {background: none repeat scroll 0 0 #FFFFFF; position: relative; width: 100%; display:block;margin:10px auto;}
.h_area{font-size:1.2em; clear:both;border-bottom:2px solid #DDD;padding: 0.5em 0 0.15em 0; position:relative; width:97%;margin:0 auto;}
.h2 {display:inline;font-size:0.9em;letter-spacing:1px; padding-left: 5px; font-weight:bold;-webkit-text-stroke-width:.02em; }

.imgtl{padding:10px 0;margin-left:5px;border-bottom:1px solid #DDD;}

/*pagenate*/ 
.pagingroup button {width:38px; display:inline-block; height:26px;line-height:28px; border: 1px solid #C9C9C9; cursor:pointer;
	background: #FAFAFA;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#f3f3f3');
	background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#f3f3f3));
	background: -moz-linear-gradient(top,  #FAFAFA,  #f3f3f3);
}
.pagingroup button strong {display:none;}
.pagingroup button span{background:url('img/ico_all.png') 50% 50% no-repeat scroll; width:30px; height:18px; text-align:center; display:inline-block;}
.pagingroup button.prev{margin-right:5px;border-radius: 6px 0px 0px 6px;}
.pagingroup button.prev span{background-position: 10px 6px;}
.pagingroup button.next{margin-left:5px;border-radius: 0px 6px 6px 0px;}
.pagingroup button.next span{background-position: 12px -14px;}

/*제품소개 리스트*/
.s li {border-bottom:1px solid #e3e3e3; background:#ffffff url('img/next.png') 98% 50% no-repeat scroll;}
.s li.last {border-bottom:none;}
.s li a { padding:1em 0 1em 10px;  padding-left:10px; clear:both; width:90%;font-size: 1em;display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overow: ellipsis;}
/*bbs 리스트*/
.bbsList li {border-bottom:1px solid #e3e3e3; background:#ffffff url('img/next.png') 98% 50% no-repeat scroll;}
.bbsList li a { padding:0.7em 0 0.7em 10px;  padding-left:10px; clear:both; width:90%;font-size: 0.8em;display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overow: ellipsis;}


/*포토리스트*/
#pro_List_img{padding-left:0px;clear: both;}
#pro_List_img li{padding: 0 10px;}
#pro_List_img li.f{padding: 10px 10px 10px 0px;}
#pro_List_img li.e{padding: 10px 0px 10px 10px;}
.firstimg{text-align:center;height:80px; width:95px; overflow:hidden;margin:1px;border:1px solid #C1C1C1;}
.firstimg img{overflow:hidden;}
.subject{min-height:50px; width:95px;text-align:center;overflow:hidden;padding:3px;font-size:10pt;font-weight:bold;letter-spacing: -1px;line-height:15px;}

.proListImg {position:relative; padding:10px 0;border-bottom: 1px solid #DDD;}
.proListImg dt {overflow: hidden;}
.proListImg dt h3 {font-size:16pt; font-weight:bold; letter-spacing:-2px;overflow: hidden;padding:1px 0px;}
.proListImg dd.img {position:relative; float:left; width:100px; height:80px; margin-right:10px;overflow: hidden;border:1px solid #DDD;text-align:center;}
.proListImg dd.img img {vertical-align:top;}
.proListImg dd.txt {height:80px; margin-left:10px;overflow: hidden;}
.proListImg dd .ico{margin-top:3px;}
.proListImg dd .name{margin-top:3px;}
.proListImg dd .name a{font-size:1em;}

.navbar{background:url('img/nav_01.png') 5px center no-repeat scroll;margin-top:1px; padding:10px 10px 10px 25px; background-color:#f9f9f9; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD;}
.navbar a{background:url('img/nav_02.png') 5px center no-repeat scroll;padding-left:23px;padding-right:3px;font-weight:bold;letter-spacing:-1px;font-size:1em;line-height:17px;height:17px;}

/* character list */
.charList li {width:100%;overflow:hidden; }
.charList li {float:left; width:50%; max-height:182px; text-align:center; padding:5px 0;overflow:hidden; }
.charList li img {width:98%;height:98%; overflow:hidden; margin:0 auto;max-width:212px;max-height:182px;min-width:82px;min-height:70px;}
.charList li a {display:block; overflow:hidden; margin:0 auto; line-height:1.1em;}
.charList li span { width:100%; text-align:center; overflow:hidden; margin:0 auto; display:block;padding:5px 0;font-size:0.9em; text-decoration:none; color:#333; letter-spacing:-1px;}


#ViewInfor{background-color:#ececec;border-top:1px solid #b4b4b4;margin-top:10px;padding:10px;position:relative;overflow:hidden;}
#ViewInfor .pbox{background-color:#FFF;border-bottom:1px solid #BBB;border-right:0px solid #BBB;padding:10px;position:relative;overflow:hidden;}
#ViewInfor .ptitle{border-bottom:1px solid #BBB;padding:10px 0;color:#065a9b;}
#ViewInfor .proTview{border-bottom:0px solid #BBB;padding:5px 10px;position:relative;overflow:hidden;border-collapse:collapse; }
#ViewInfor .proTview tbody th, #ViewInfor .proTview tbody td{border-bottom:1px solid #e5e5e5; padding: 5px 0;}
#ViewInfor .proTview th {min-width:85px;width:30%; font-weight:normal;text-align:left;}
#ViewInfor .btn {margin:0 auto;padding:10px 0 0;overflow:hidden;text-align:center;}
#ViewInfor .btn li {float: left;padding:0 5px;}
#bodyConts{font-size:0.85em;margin:5px;}

.xxico {position:absolute;background-color:#ff5703;border-radius: 3px;display: inline-block;height: 1em;line-height: 1em;margin: 0 auto;padding:0 3px;}

#lineBox{background-color:#ececec;border-top:1px solid #b4b4b4;margin-top:10px;padding:10px;position:relative;overflow:hidden;}
#lineBox .pbox{background-color:#FFF;border-bottom:1px solid #BBB;border-right:0px solid #BBB;padding:10px;position:relative;overflow:hidden;}

.xpageing a{padding: 1px 7px;font-size: 1em;display:inline-table;overflow:hidden;border:1px solid #DDD;margin:0 4px;font-weight:bold;text-align:center;}
.xpageing a.sel{border:1px solid #ff0033;margin:0 3px;color:#ff0033;}

.loginBox {
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    padding: 14px;
    position: relative;
}
.loginBox button {display:inline-block;border: 1px solid #C9C9C9; cursor:pointer;
	background: #FAFAFA;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#f3f3f3');
	background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#f3f3f3));
	background: -moz-linear-gradient(top,  #FAFAFA,  #f3f3f3);
	height:65px;
}
.loginBox button span{text-align:center; display:inline-block;font-size:1em;padding:10px;}

.input_text {
    border: 1px solid #DDD;
    border-radius: 3px;
    display: block;
    font-size: 0.8em;
    height: 27px;
    line-height: 27px;
    padding: 2px;
    width: 95%;
}

.searchBox {
    background: none repeat scroll 0 0 #EBEBEB;
    border-bottom: 1px solid #C4C4C4;
    padding: 5px;
    position: relative;
	height:35px;
}
.searchBox li {float:left; padding:5px;}
.searchBox button {display:inline-block;border: 1px solid #C9C9C9; cursor:pointer;background: #FAFAFA;}
.searchBox button span{text-align:center; display:inline-block;font-size:0.8em;padding:4px;}
.search_text {
    border: 1px solid #DDD;
    display: block;
    font-size: 0.8em;
    height: 26px;
    line-height: 26px;
    padding: 2px;
}

footer {background-color:#ececec;margin-top:0px;}
footer #footmenu {position:relative;width:100%;height:40px;}
footer #footmenu li {float: left;width:25%;margin:0;letter-spacing:-1px;font-size: 0.9em;font-weight: bold;color:#000;text-align:center;background-color:#676d7c;}
footer #footmenu a {color:#FFF;padding:10px 0px;display:block;}

footer #footaddr {font-size: 0.8em;color:#373737;padding:10px;text-align:center;}
footer #footaddr a {color:#373737;}
footer #footaddr .cpr {color:#5f5f5f;font-size:11px;}

footer button {display:inline-block;border: 1px solid #C9C9C9; cursor:pointer;
	background: #FAFAFA;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#f3f3f3');
	background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#f3f3f3));
	background: -moz-linear-gradient(top,  #FAFAFA,  #f3f3f3);
}
footer button span{text-align:center; display:inline-block;font-size:0.9em;padding:0 10px;}