/* 개발자 도구로 작성. 원본 파일을 정확하게 표현한 것이 아닐 수도 있습니다*/
* {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
A:link {
	COLOR: #555; TEXT-DECORATION: none
}
A:hover {
	COLOR: #999; TEXT-DECORATION: none
}
A:visited {
	COLOR: #555; TEXT-DECORATION: none
}
TABLE {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-COLLAPSE: collapse; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
IMG {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
IMG {
	VERTICAL-ALIGN: middle
}
INPUT {
	VERTICAL-ALIGN: middle
}
.english_name {
	POSITION: relative; WIDTH: 780px; HEIGHT: 600px; margin:0 auto;
}
.english_name .tab {
	MARGIN-BOTTOM: -1px
}
.english_name .banner IMG {
	MARGIN: 0px -3px; FLOAT: left
}
.container {
	POSITION: relative; WIDTH: 780px; BACKGROUND: url(//image.gohackers.com/img/sub/english_name/bg_contents.jpg) no-repeat; FLOAT: left; HEIGHT: 343px
}
.contents {
	MARGIN: 18px 0px 0px 50px; WIDTH: 690px; HEIGHT: 310px
}
.initial .contents {
	BACKGROUND: url(//image.gohackers.com/img/sub/english_name/bg_initial.jpg) no-repeat 520px 190px
}
.contents .hgroup {
	POSITION: relative; WIDTH: 100%; visibility:visible
}
.contents .hgroup P.btn1 {
	Z-INDEX: 3; POSITION: absolute; TOP: 1px; RIGHT: 0px
}
.contents .script_01 {
	MARGIN: 15px 0px 0px
}
.contents .list {
	DISPLAY: inline; FLOAT: left; OVERFLOW: auto
}
.contents .list DL {
	MARGIN: 10px 0px 20px; WIDTH: 100%; FLOAT: left
}
.contents .list DT {
	WIDTH: 100%; FLOAT: left
}
.contents .list DD {
	TEXT-ALIGN: center; MARGIN: 10px 7px 10px 0px; WIDTH: 124px; BACKGROUND: url(//image.gohackers.com/img/sub/english_name/box_bg_04.jpg) no-repeat left top; FLOAT: left
}
.contents .list DD IMG {
	MARGIN: 4px 0px 10px 4px; WIDTH: 116px; FLOAT: left; HEIGHT: 75px
}
.contents .list DD A:hover IMG {
	BORDER-BOTTOM: #177bc9 1px solid; BORDER-LEFT: #177bc9 1px solid; MARGIN: 3px 0px 9px 3px; BORDER-TOP: #177bc9 1px solid; BORDER-RIGHT: #177bc9 1px solid
}
.intro .btn {
	POSITION: absolute; TOP: 8px; RIGHT: 14px
}
.intro .start {
	Z-INDEX: 2; POSITION: absolute; TOP: 361px; LEFT: 285px
}
.guide .list {
	MARGIN: 20px 0px 0px 20px; FLOAT: left
}
.guide .btn {
	POSITION: absolute; TOP: 18px; RIGHT: 18px
}
.guide .start {
	Z-INDEX: 2; POSITION: absolute; TOP: 297px; LEFT: 600px
}
.main .select {
	MARGIN: 17px 0px 0px 9px
}
.initial .search {
	MARGIN: 20px 0px 0px 10px; WIDTH: 500px; FLOAT: left
}
.initial .search DL {
	WIDTH: 100%; MARGIN-BOTTOM: 7px; FLOAT: left
}
.initial .search DT {
	WIDTH: 70px; FLOAT: left
}
.initial .search DT IMG {
	MARGIN-TOP: 5px
}
.initial .search DD {
	FLOAT: left
}
.initial .search DL.initial DD INPUT {
	BORDER-BOTTOM: #7d7d7d 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #7d7d7d 1px solid; WIDTH: 35px; HEIGHT: 20px; MARGIN-LEFT: 3px; BORDER-TOP: #7d7d7d 1px solid; FONT-WEIGHT: bold; BORDER-RIGHT: #7d7d7d 1px solid; PADDING-TOP: 3px
}
.initial .search DD.sex {
	WIDTH: 160px; BACKGROUND: url(//image.gohackers.com/img/sub/english_name/img_03.jpg) no-repeat 21px 6px
}
.initial .search DD.sex INPUT {
	MARGIN: 6px 64px 0px 0px; DISPLAY: inline
}
.initial .namelist {
	BORDER-BOTTOM: #d5d6da 1px solid; BORDER-LEFT: #d5d6da 1px solid; BACKGROUND-COLOR: #fff; MARGIN: 5px 0px 0px 8px; WIDTH: 662px; DISPLAY: inline; FLOAT: left; HEIGHT: 155px; OVERFLOW: auto; BORDER-TOP: #d5d6da 1px solid; BORDER-RIGHT: #d5d6da 1px solid
}
.initial .namelist P.name {
	MARGIN: 10px 0px 10px 20px; WIDTH: 610px; DISPLAY: inline; FLOAT: left
}
.initial .namelist P.name SPAN {
	TEXT-ALIGN: left; LINE-HEIGHT: 28px; WIDTH: 90px; DISPLAY: inline; FLOAT: left; COLOR: #666; MARGIN-LEFT: 25px
}
.result H3 {
	LINE-HEIGHT: 25px; MARGIN: 13px 0px 0px 10px; WIDTH: 642px; DISPLAY: inline; FLOAT: left; FONT-SIZE: 14px; FONT-WEIGHT: bold
}
.contents .list01 {
	MARGIN: 5px 0px 0px; WIDTH: 680px; HEIGHT: 240px
}
.contents .list02 {
	MARGIN: 5px 0px 0px; WIDTH: 680px; HEIGHT: 240px
}
.result .namelist {
	MARGIN: 10px 7px 0px; WIDTH: 325px; DISPLAY: inline; FLOAT: left; HEIGHT: 200px
}
.result .namelist P.name {
	MARGIN: 39px 5px 0px; WIDTH: 300px; DISPLAY: inline; FLOAT: left;height:150px;overflow-x:auto;
}
.result .namelist P.name SPAN {
	TEXT-ALIGN: left; LINE-HEIGHT: 30px; WIDTH: 100px; DISPLAY: inline; FLOAT: left; COLOR: #666; MARGIN-LEFT: 40px
}
.result .m {
	BACKGROUND: url(//image.gohackers.com/img/sub/english_name/box_bg_01.jpg) no-repeat left top
}
.result .f {
	BACKGROUND: url(//image.gohackers.com/img/sub/english_name/box_bg_02.jpg) no-repeat left top
}
.result .rm {
	BACKGROUND: url(//image.gohackers.com/img/sub/english_name/box_bg_05.jpg) no-repeat left top
}
.result .rf {
	BACKGROUND: url(//image.gohackers.com/img/sub/english_name/box_bg_06.jpg) no-repeat left top
}
.result .namelist_all {
	MARGIN: 10px 0px 0px 5px; WIDTH: 661px; DISPLAY: inline; BACKGROUND: url(//image.gohackers.com/img/sub/english_name/box_bg_03.jpg) no-repeat left top; FLOAT: left; HEIGHT: 200px
}
.result .namelist_all P.name {
	MARGIN: 39px 50px 0px 110px; DISPLAY: inline; FLOAT: left
}
.result .namelist_all P.name SPAN {
	TEXT-ALIGN: left; LINE-HEIGHT: 30px; WIDTH: 150px; DISPLAY: inline; FLOAT: left; COLOR: #666; MARGIN-LEFT: 80px
}
.paging {
	TEXT-ALIGN: center; MARGIN: 8px 0px 15px; WIDTH: 98%; FLOAT: left
}
.paging A {
	BORDER-BOTTOM: #dbdbdb 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #dbdbdb 1px solid; PADDING-BOTTOM: 2px; MARGIN: 0px 1px; PADDING-LEFT: 0px; WIDTH: 18px; PADDING-RIGHT: 0px; DISPLAY: inline-block; COLOR: #333; FONT-SIZE: 11px; BORDER-TOP: #dbdbdb 1px solid; BORDER-RIGHT: #dbdbdb 1px solid; PADDING-TOP: 3px
}
.paging SPAN {
	BORDER-BOTTOM: #dbdbdb 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #dbdbdb 1px solid; PADDING-BOTTOM: 2px; MARGIN: 0px 1px; PADDING-LEFT: 0px; WIDTH: 18px; PADDING-RIGHT: 0px; DISPLAY: inline-block; COLOR: #333; FONT-SIZE: 11px; BORDER-TOP: #dbdbdb 1px solid; BORDER-RIGHT: #dbdbdb 1px solid; PADDING-TOP: 3px
}
.paging A:hover {
	LETTER-SPACING: -1px; COLOR: #ff4000; FONT-WEIGHT: bold
}
.paging A.next {
	WIDTH: auto
}
.paging A.prev {
	WIDTH: auto
}
.paging SPAN {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; LETTER-SPACING: -1px; BORDER-TOP: medium none; FONT-WEIGHT: bold; BORDER-RIGHT: medium none
}

@media screen and (max-width: 640px) {
		.english_name,.english_name.initial {width:100%;overflow:auto;}
	}