* {
    padding: 0;
    margin: 0;
}

img {
    border: 0;
}

/* 반응형 폰트로 변경: 20221015 */
body {
    font: 13px helvetica, arial, sans-serif;
	color: #777;
	background-color: #fff;
    line-height: 18px;
    height: 100%;
}

td,input,select,textarea {
    font: 0.8rem helvetica, arial, sans-serif;
	color: #777;
}

A:link    {color:#777777; text-decoration: none}
A:visited {color:#777777; text-decoration: none}
A:active  {color:#777777; text-decoration: none}
A:hover  {color:#FF8900; text-decoration: none}
a.linkover:hover {position:relative; top:1; left:0}
.point:link {color:#777777; text-decoration: none} 
.point:visited {color:#777777; text-decoration: none}
.point:active {color:#777777; text-decoration: none}
.point:hover {color:#777777; text-decoration: none}

.clear4 {
    clear: both;
    height: 4px;
    background-color: #fff;
}

.clear8 {
    clear: both;
    height: 8px;
    background-color: #fff;
}


/* 레이아웃 설정 202104 */
#container {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    height: auto !important;
}

/* 해더 */
#header {
    background-color: #fff;
    width:100%;
	height: 116px;
	margin-bottom:4px;
    padding-top: 5px;
}

#header .topmenu {
    height: 20px;
    text-align: right;
    padding: 3px 5px 0 0;
}

#header .logo {
    height: 80px;
    text-align: center;
}

/* 메뉴 */
#menu {
    
	height:30px;
	background: #fff;
	text-align: center;
	padding: 5px 0 0 0;
	margin-bottom:8px;
}

#menu span {    
	display: inline-block;
	padding: 0 10px 0 10px;
	vertical-align: top;
}


/* 바디시작 */
#body {
    width: 900px;
    background-color: #fff;
}

/* 배너 */
#banner {
    width: 900px;
    height: 345px;
	position:relative;
    background-color: #fff;
	z-index:1;
}

/* 배너배경 */
#banner_bg {
    width: 100%;
    height: 300px;
	position:absolute;
	left:0;
	top:163;
    background-color: #f7f7f7;
	z-index:0;
}

#content {
    width: 100%;
	text-align:left;
    background-color: #fff;
}

#content_title {
    width: 100%;
	height: 35px;
	background:transparent url(http://corp.inplanet.co.kr/images/top_title_bg.gif) top center repeat-x;
	text-align:left;
    background-color: #fff;
	font: 20px 'Dela Gothic One', cursive;
    color: #FF8900;
    letter-spacing: 0px;
    text-decoration: none;
}

/* 하단 */
#footer {
   
    clear: both;
	width: 900px;
    background-color: #fff;
}

#footer .bottomline {
    width: 900px;
    height: 1px;
    background-color: #ccc;
}

#footer span {
    width: 50%;
    float: left;
    text-align: left;
    padding: 10px 0 30px 0;
}

#footer ul {
	width: 50%;
    float: right;
    text-align: right;
    padding: 10px 0 30px 0;
}


/*-------------------------------*/

/* 페이징 2022 */

/*-------------------------------*/

.pageno
{
	margin: 4.5em 0 6em;
    font: 16px 'Dela Gothic One', cursive;
    color: #ccc;
	letter-spacing: 0.5px;
}

.pageno a:link, .pageno a:visited
{
	color: #ccc;
}

.pageno a:hover, .pageno a:active
{
	color: #ff8900;
}

.pageno .selected
{
	color: #ff8900;
	border-bottom: 0px solid #ff8900;
}


/* 폰트 */

/* 본문 폰트 사이즈 조정은 여기서 */
.contentfont {
    font-size: 0.8rem;
}

.titlefont {
    font: 1.0rem 'Gothic A1', sans-serif;
    color: 777777;
    letter-spacing: -0.5px;
	line-height: 120%;
}

.titlefont a:link {
    font: 1.0rem 'Gothic A1', sans-serif;
    color: 777777;
    letter-spacing: -0.5px;
    text-decoration: none;
	line-height: 120%;
}

.titlefont a:visited {
    font: 1.0rem 'Gothic A1', sans-serif;
    color: 777777;
    letter-spacing: -0.5px;
    text-decoration: none;
	line-height: 120%;
}

.titlefont a:hover {
    font: 1.0rem 'Gothic A1', sans-serif;
    color: #ff8900;
    letter-spacing: -0.5px;
    text-decoration: none;
	line-height: 120%;
}

.titlefont12 {
    font: 0.8rem 'Gothic A1', sans-serif;
    color: 777777;
    letter-spacing: -0.5px;
}

.titlefont12 a:link {
    font: 0.8em 'Gothic A1', sans-serif;
    color: 777777;
    letter-spacing: -0.5px;
    text-decoration: none;
}

.titlefont12 a:visited {
    font: 0.8rem 'Gothic A1', sans-serif;
    color: 777777;
    letter-spacing: -0.5px;
    text-decoration: none;
}

.titlefont12 a:hover {
    font: 0.8rem 'Gothic A1', sans-serif;
    color: #ff8900;
    letter-spacing: -0.5px;
    text-decoration: none;
}

.titlefontwhite {
    font: 1.0rem 'Gothic A1', sans-serif;
    color: #fff;
    letter-spacing: -0.5px;
	line-height: 120%;
}

.titlefontwhite a:link {
    font: 1.0rem 'Gothic A1', sans-serif;
    color: #fff;
    letter-spacing: -0.5px;
    text-decoration: none;
	line-height: 120%;
}

.titlefontwhite a:visited {
    font: 1.0rem 'Gothic A1', sans-serif;
    color: #fff;
    letter-spacing: -0.5px;
    text-decoration: none;
	line-height: 120%;
}

.titlefontwhite a:hover {
    font: 1.0rem 'Gothic A1', sans-serif;
    color: #ffc076;
    letter-spacing: -0.5px;
    text-decoration: none;
	line-height: 120%;
}

.titleorange {
    font: 1.0rem 'Gothic A1', sans-serif;
    color: #FF8900;
    letter-spacing: -0.5px;
}

.titleorange a:link {
    font: 1.0rem 'Gothic A1', sans-serif;
    color: #FF8900;
    letter-spacing: -0.5px;
    text-decoration: none;
}

.titleorange a:visited {
    font: 1.0rem 'Gothic A1', sans-serif;
    color: #FF8900;
    letter-spacing: -0.5px;
    text-decoration: none;
}

.titleorange a:hover {
    font: 1.0rem 'Gothic A1', sans-serif;
    color: #ffc076;
    letter-spacing: -0.5px;
    text-decoration: none;
}

.menufonttop {
    font: 0.9rem 'Dela Gothic One', cursive;
    color: #ccc;
    letter-spacing: 0px;
    text-decoration: none;
}

.menufonttop a:link {
    font: 0.9rem 'Dela Gothic One', cursive;
    color: #ccc;
    letter-spacing: 0px;
    text-decoration: none;
}

.menufonttop a:visited {
    font: 0.9rem 'Dela Gothic One', cursive;
    color: #ccc;
    letter-spacing: 0px;
    text-decoration: none;
}

.menufonttop a:hover {
    font: 0.9rem 'Dela Gothic One', cursive;
    color: #ff8900;
    letter-spacing: 0px;
    text-decoration: none;
}


.menufont {
    font: 1.3rem 'Dela Gothic One', cursive;
    color: #777;
    letter-spacing: 0px;
}

.menufont a:link {
    font: 1.3rem 'Dela Gothic One', cursive;
    color: #777;
    letter-spacing: 0px;
    text-decoration: none;
}

.menufont a:visited {
    font: 1.3rem 'Dela Gothic One', cursive;
    color: #777;
    letter-spacing: 0px;
    text-decoration: none;
}

.menufont a:hover {
    font: 1.3rem 'Dela Gothic One', cursive;
    color: #ccc;
    letter-spacing: 0px;
    text-decoration: none;
}

.menufontccc {
    font: 1.3rem 'Dela Gothic One', cursive;
    color: #ccc;
    letter-spacing: 0px;
}

.menufontccc a:link {
    font: 1.3rem 'Dela Gothic One', cursive;
    color: #ccc;
    letter-spacing: 0px;
    text-decoration: none;
}

.menufontccc a:visited {
    font: 1.3rem 'Dela Gothic One', cursive;
    color: #ccc;
    letter-spacing: 0px;
    text-decoration: none;
}

.menufontccc a:hover {
    font: 1.3rem 'Dela Gothic One', cursive;
    color: #eee;
    letter-spacing: 0px;
    text-decoration: none;
}

.menufontccc12 {
    font: 0.8rem 'Dela Gothic One', cursive;
    color: #ccc;
    letter-spacing: 0px;
}

.menufontccc12 a:link {
    font: 0.8rem 'Dela Gothic One', cursive;
    color: #ccc;
    letter-spacing: 0px;
    text-decoration: none;
}

.menufontccc12 a:visited {
    font: 0.8rem 'Dela Gothic One', cursive;
    color: #ccc;
    letter-spacing: 0px;
    text-decoration: none;
}

.menufontccc12 a:hover {
    font: 0.8rem 'Dela Gothic One', cursive;
    color: #ddd;
    letter-spacing: 0px;
    text-decoration: none;
}

.menufontorange {
    font: 1.3rem 'Dela Gothic One', 'Do Hyeon', cursive;
    color: #FF8900;
    letter-spacing: 0px;
    text-decoration: none;
}

.menufontorange a:link {
    font: 1.3rem 'Dela Gothic One', 'Do Hyeon', cursive;
    color: #FF8900;
    letter-spacing: 0px;
    text-decoration: none;
}

.menufontorange a:visited {
    font: 1.3rem 'Dela Gothic One', 'Do Hyeon', cursive;
    color: #FF8900;
    letter-spacing: 0px;
    text-decoration: none;
}

.menufontorange a:hover {
    font: 1.3rem 'Dela Gothic One', 'Do Hyeon', cursive;
    color: #ffc076;
    letter-spacing: 0px;
    text-decoration: none;
}

.menufontorange12 {
    font: 0.8rem 'Dela Gothic One', 'Do Hyeon', cursive;
    color: #FF8900;
    letter-spacing: 0px;
    text-decoration: none;
}

.menufontorange12 a:link {
    font: 0.8rem 'Dela Gothic One', 'Do Hyeon', cursive;
    color: #FF8900;
    letter-spacing: 0px;
    text-decoration: none;
}

.menufontorange12 a:visited {
    font: 0.8rem 'Dela Gothic One', 'Do Hyeon', cursive;
    color: #FF8900;
    letter-spacing: 0px;
    text-decoration: none;
}

.menufontorange12 a:hover {
    font: 0.8rem 'Dela Gothic One', 'Do Hyeon', cursive;
    color: #ffc076;
    letter-spacing: 0px;
    text-decoration: none;
}


.categoryfont0 {
    font: 0.75rem 'Dela Gothic One', cursive;
    color: #FF8900;
    letter-spacing: 0px;
    text-decoration: none;
}

.categoryfont0 a:link {
    font: 0.75rem 'Dela Gothic One', cursive;
    color: #FF8900;
    letter-spacing: 0px;
    text-decoration: none;
}

.categoryfont0 a:visited {
    font: 0.75rem 'Dela Gothic One', cursive;
    color: #FF8900;
    letter-spacing: 0px;
    text-decoration: none;
}

.categoryfont0 a:hover {
    font: 0.75rem 'Dela Gothic One', cursive;
    color: #ffc076;
    letter-spacing: 0px;
    text-decoration: none;
}

.categoryfont1 {
    font: 0.75rem 'Dela Gothic One', cursive;
    color: #ccc;
    letter-spacing: 0px;
    text-decoration: none;
}

.categoryfont1 a:link {
    font: 0.75rem 'Dela Gothic One', cursive;
    color: #ccc;
    letter-spacing: 0px;
    text-decoration: none;
}

.categoryfont1 a:visited {
    font: 0.75rem 'Dela Gothic One', cursive;
    color: #ccc;
    letter-spacing: 0px;
    text-decoration: none;
}

.categoryfont1 a:hover {
    font: 0.75rem 'Dela Gothic One', cursive;
    color: #ff8900;
    letter-spacing: 0px;
    text-decoration: none;
}

.11 {font-size:11px;font-family:'Malgun Gothic' !important;color:777777; letter-spacing:-1px;}
.11 a:link {font-size:11px; font-family:'Malgun Gothic' !important; color:#777777; text-decoration:none;}
.11 a:visited {font-size:11px; font-family:'Malgun Gothic' !important; color:#777777; text-decoration:none;}
.11 a:hover {font-size:11px; font-family:'Malgun Gothic' !important; color:#FF8900; text-decoration:none;}

.11_white {font-size:11px;font-family:'Malgun Gothic' !important;color:FFFFFF; letter-spacing:-1px;}
.11_white a:link {font-size:11px; font-family:'Malgun Gothic' !important; color:#FFFFFF; text-decoration:none;}
.11_white a:visited {font-size:11px; font-family:'Malgun Gothic' !important; color:#FFFFFF; text-decoration:none;}
.11_white a:hover {font-size:11px; font-family:'Malgun Gothic' !important; color:#FF8900; text-decoration:none;}


/* 하이라이트폰트들 */
.highlight {background-color:FF6318;color:ffffff;font-family:tahoma;font-size:7pt;line-height:10px}
.highlight_green {background-color:FF6318;font-weight:bold;color:ffffff;font-family:'Malgun Gothic' !important;font-size:12px;}
.highlight_purple {background-color:553155;font-weight:bold;color:ffffff;font-family:'Malgun Gothic' !important;font-size:12px;}
.highlight_yellow {background-color:E97300;font-weight:bold;color:ffffff;font-family:'Malgun Gothic' !important;font-size:12px;}

/* 2006 개편 폰트 스타일 */
.thm7 {font-family:tahoma;font-size:7pt}
.thm7white {font-family:tahoma;font-size:7pt;color:#ffffff;}
.thm7white a:link {font-family:tahoma;font-size:7pt;color:#ffffff;}
.thm7white a:visited {font-family:tahoma;font-size:7pt;color:#ffffff;}
.thm7white a:hover {font-family:tahoma;font-size:7pt;color:#ffc076;}
.thm7orange {font-family:tahoma;font-size:7pt;color:#ff8900;}
.thm7orange a:link {font-family:tahoma;font-size:7pt;color:#ff8900;}
.thm7orange a:visited {font-family:tahoma;font-size:7pt;color:#ff8900;}
.thm7orange a:hover {font-family:tahoma;font-size:7pt;color:#ffc076;}
.thm8 {font-family:tahoma;font-size:8pt}
.thm8white {font-family:tahoma;font-size:8pt;color:#ffffff;}
.thm8white a:link {font-family:tahoma;font-size:8pt;color:#ffffff;}
.thm8white a:visited {font-family:tahoma;font-size:8pt;color:#ffffff;}
.thm8white a:hover {font-family:tahoma;font-size:8pt;color:#ffc076;}
.thm9 {font-family:tahoma;font-size:9pt}
.thm9white {font-family:tahoma;font-size:9pt;color:#ffffff;}
.thm9white a:link {font-family:tahoma;font-size:9pt;color:#ffffff;}
.thm9white a:visited {font-family:tahoma;font-size:9pt;color:#ffffff;}
.thm9white a:hover {font-family:tahoma;font-size:9pt;color:#ffc076;}
.vrdn7 {font-family:verdana;font-size:7pt;letter-spacing:-1px;}
.vrdn8 {font-family:verdana;font-size:8pt;letter-spacing:-1px;}
.vrdn10 {font-family:verdana,tahoma;font-size:10pt;font-weight:bold;color:#754C24;}
.vrdn11 {font-family:verdana,tahoma;font-size:11pt;font-weight:bold;color:#754C24;}
.vrdn12 {font-family:verdana,tahoma;font-size:11pt;font-weight:bold;color:#754C24;}

/* 2006 제로보드 스타일 시트 */
.input {border:solid 0;background-color:#e6e6e6;border-color:333333;width:150px;height:40px;color:#ff8900;font:1.2rem 'Gothic A1', sans-serif;color:#FF8900;}
.c_textarea {border:solid 1;background-color:#f7f7f7;border-color:#ff8900;color:;999999;line-height:120%;width:100%;}
.w_textarea {border:solid 1;border-color:FFF45D;background-color:FFF45D;width:100%;}
.textarea {border:solid 1;background-color:FFF45D;border-color:FFF45D;line-height:120%;width:100%;}
.writeform {border:solid 1;border-color:999999;background-color:e6e6e6;}