body {margin:0px auto; padding:0; font-family:dotum, gulim; font-size:12px; background:#fff; color:#717171; line-height:170%}
td {font-family:dotum, gulim; font-size:12px; color:#848484; line-height:170%}

input, textarea, select {font-family:dotum, gulim; font-size:12px; background:#fff; color:#848484;}
textarea {border:1px solid #d6d6d6; padding:5px;}
select {height:20px; overflow:hidden}
.inputBox {border:1px solid #d6d6d6; padding:2px 0px 2px 2px;font-size:12px;color:#848484;}

form {margin:0px;}
ul,li,dl,dd,dt,em,p {list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend {margin:0;padding:0;}
img,fieldset {border:0 none;}

a { color: #33a3f5; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

.wrap {width: 900px;margin:0px auto;}
#header {margin:0px 0 0 0;}
#container {margin:20px 0 0 0;}
#footer {margin:30px 0 10px 0; border-top:1px solid #eee; padding:15px 10px;font-size:11px; color:#bbb;}

h1 a { float: left; width: 156px; height: 0; padding-top: 17px; overflow: hidden;background:url(/images/logo_aruworks.gif) no-repeat; margin:25px 0 15px 7px; line-height:100%}
.gnb {background:url(/images/bg_gnb.gif) no-repeat; padding:3px 20px; height:33px; margin:0px 0 0 0px;}
.clear {clear:both;}
.ttl {background:url(/images/blt_ttl.gif) no-repeat left center; padding:0 0 0 13px; color:#33a3f5; font-weight:bold;}
.b {font-weight:bold;}

/* TABS */
.tab {padding:3px 10px;}
.tab ul {list-style:none}
.tab li {display:inline; padding:0 20px 0 20px; background: url(/images/bg_tabdv.gif) no-repeat 0 0; color:#fff;}
.tab li a {color:#fff; text-decoration:none;}
.tab .selected, .selected a, .selected a:link, .selected a:visited, .selected a:active {color:#fff; font-weight:bold;}
.tab .first {background:none; padding-left:0px;}

/* MEMBER */
.mb1 {background:url(/images/img_member1.jpg) no-repeat; height:80px; padding:10px 0 10px 100px;}
.mb2 {background:url(/images/img_member2.jpg) no-repeat; height:80px; padding:10px 0 10px 100px;}
.mb3 {background:url(/images/img_member3.jpg) no-repeat; height:80px; padding:10px 0 10px 100px;}

/* SERVICE */
.sv li {padding:20px 20px 10px 330px; border:1px solid #eee; height:200px; margin:10px 0 0 0;}
.sv1 {background:url(/images/sv_hanrss.png) no-repeat 10px 10px;}
.sv2 {background:url(/images/sv_trenb.png) no-repeat 10px 10px;}
.sv3 {background:url(/images/sv_ziolog.png) no-repeat 10px 10px;}
.sv4 {background:url(/images/sv_moimer.png) no-repeat 10px 10px;}
.sv5 {background:url(/images/sv_questglobe.png) no-repeat 10px 10px;}
.sv6 {background:url(/images/sv_tourbud.png) no-repeat 10px 10px;}

/* PROJECT */
.pr li {padding:20px 20px 10px 330px; border:1px solid #eee; height:200px; margin:10px 0 0 0;}
.pr1 {background:url(/images/pr_goibt.png) no-repeat 10px 10px;}
.pr2 {background:url(/images/pr_byblog.png) no-repeat 10px 10px;}
.pr3 {background:url(/images/pr_ithwave.png) no-repeat 10px 10px;}
.pr4 {background:url(/images/pr_dailypick.png) no-repeat 10px 10px;}
.prbg {background:url(/images/img_project.png) no-repeat right bottom; height:120px;}

/* LINK */
.gray7, .gray7 a { color: #717171; }
.gray7 a:link, .gray7 a:visited, .gray7 a:active { text-decoration: none; }
.gray7 a:hover {color: #33a3f5; text-decoration: underline; }

.orange, .orange a { color: #cc6633; }
.orange a:link, .orange a:visited, .orange a:active, .orange a:hover { text-decoration: underline; }

.blue {color: #33a3f5;}
.dv {color:#CCCCCC;}

/* MARGIN */
.mT10 {margin-top:10px;}
.mT20 {margin-top:20px;}
.mT30 {margin-top:30px;}
.mT40 {margin-top:40px;}