/*
	- Project : phpschool
	- Author : 설사댄스
	- Description : common style sheet
	- Create : 2012-02-03
	- Modify : YYYY-MM-DD
	- Version : ver 1.0

	* 수정 주석처리 순서 : 날짜 이름 수정사항

	- MODIFY HISTORY (수정 부분, 수정일 반드시 작성)
	-
*/

/*
========================================================================
	전체 공용
========================================================================
*/
.btn_link {
	cursor: pointer;
}

/*
========================================================================
	z-index, default Layout
========================================================================
*/
/* z-index */
#header {
	z-index: 3;
}
#container {
	z-index: 2;
}
#footer {
	z-index: 1;
	border-top: 1px solid #CCCCCC;
}

* {
	margin: 0px;
	padding: 0px;
}

BODY {
	background-position: top;
	background-repeat: repeat-x;
	background-image: url("/images/top_bg.gif");
	background-color: #f7f8f1;
	font-family: dotum;
}

/* layout */
#wrap {
	/*width: 980px;*/
	width: 1080px;
	margin: 0 auto;
}

#header,
#container {
	position: relative;
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
}

/*
#containerper {
	min-height: 100%;
	margin: -82px 0 -143px;
}
*html #containerper {
	height: 100%;
}
#container {
	padding: 82px 0 193px;
}
*/

/*
========================================================================
	Header
========================================================================
*/
#header {
	height: 90px;
	font-size: 12px;
}

/* 로고 */
#header .top_logo {
    height: 66px;
    left: 470px;
    position: absolute;
    top: 17px;
    width: 140px;
}

/* 한줄공지 */
#header .notice {
    background: url("/images/icon_notice.gif") no-repeat scroll 0 1px transparent;
    left: 0;
    padding-left: 34px;
    position: absolute;
    top: 65px;
    width: 370px;
}

*:first-child+html #header .notice { 
    background: url("/images/icon_notice.gif") no-repeat scroll 0 center transparent;
    left: 0;
    padding-left: 34px;
    position: absolute;
    top: 65px;
    width: 370px;
}

#header .notice a { 
	font-size: 12px;
	color: #ffffff;
	vertical-align: middle;
}

/* 언어선택 */
#header .language {
    color: #E4F6FF;
    position: absolute;
    right: 0;
    top: 5px;
}

/* 상단메인 */
#header .top_menu {
    color: #FFFFFF;
    position: absolute;
    right: 0;
    top: 65px;
}

#header .my_site {
    color: #E4F6FF;
    position: absolute;
    left: 0;
    top: 5px;
}

#header .top_menu .menu_list li {
	float: left;
}

#header .top_menu .menu_list .dash {
	padding: 0px 10px;
}

/* 2016-09-19 김준일 차장님 요청으로 배너 CSS 추가 */
#wingBanner {
	z-index: 10;
	margin-left: 500px;
	top: 105px;
	position: absolute;
	right: -83px;
}

/*
========================================================================
	container
========================================================================
*/

.shell {
	padding:3px 1px;
	background-color:#000;
	color:#FFF;
}

#urlcopy {
	padding:0px 2px;
	border:1px solid gray;
	font-size:11px;
	background-color:#FFF;
}

/* 메인공용 */
#container {
	background-position: left;
	background-repeat: repeat-y;
	background-image: url("/images/body_bg.gif");
	padding-top: 15px;
	overflow: hidden;
}

#container .text_color1 {
	color: #c1e436;
}

#container .text_color2 {
	color: #ffe400;
}

#container .text_color3 {
	color: #5485bf;
}

/* 메인 왼쪽 영역 */
#container .snb {
	float: left;
	width: 207px;
	padding: 0 0 20px 7px;
	position: relative;
}

/* 로그인 */
#container .snb .login {
	width: 198px;
	height: 83px;
	border: 1px solid #cccccc;
}

#container .snb .login .login_box, #container .snb .login .logout_box {
	width: 196px;
	height: 81px;
	border: 1px solid #ffffff;
	background-color: #f5f5f5;
}

#container .snb .login .login_left .focus {
	background: none repeat scroll 0 0 #FFFFFF !important;
}

/*
#container #mb_id {
	background: url("/images/login_text.gif") no-repeat scroll 0 0 #ffffff ;
}

#container #mb_password {
	background: url("/images/login_text.gif") no-repeat scroll 0 -23px #ffffff ;
}
*/

#container .snb .login .input_login {
	width: 98px;
	height: 18px;
	background-color: #ffffff;
	color: #777777;
	padding: 0px 5px;
	border: 1px solid #cccccc;
}

#container .snb .login .login_left {
	float: left;
	padding: 10px 0px 5px 10px;
}

#container .snb .login .login_left li {
	padding-bottom: 3px;
}

#container .snb .login .login_right {
	float: right;
	padding: 9px 10px 5px 0px;
}

#container .snb .login .login_right .btn_login {
	border: 1px solid #1d305a;
	background-color: #354977;
	border-radius: 5px;
	width: 62px;
	height: 45px;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	font-family: dotum;
}

#container .snb .login .btn_text {
	clear: both;
	color: #777777;
	text-align: center;
}

#container .snb .login .btn_text a {
	font-size: 11px;
}

#container .snb .login .login_msg {
    padding: 8px 15px;
	line-height: 20px;
	font-size: 12px;
}

#container .snb .login .logout_box .btn_area {
    padding: 0 15px;
}

#container .snb .login .logout_box .btn_area li {
	float: left;
}

#container .snb .login .logout_box .btn_area button {
	width: 78px;
	height: 19px;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	border-radius: 3px;
}

#container .snb .login .logout_box .btn_area .btn_info_edit {
	border: 1px solid #888888;
	background-color: #b5b5b5;
	margin-right: 10px;
}

#container .snb .login .logout_box .btn_area .btn_logout {
	border: 1px solid #1d305a;
	background-color: #354977;
}

#container .snb .domain_add {
	width: 198px;
	height: 33px;
	border: 1px solid #cccccc;
	background-color: #f6f6f6;
	font-weight: bold;
	text-align: center;
	line-height: 33px;
	margin-top: 10px;
}

#container .snb .snb_box {
	width: 200px;
	margin-top: 10px;
	padding-top: 1px;
	background-color: #555555;
}

#container .snb .snb_box .snb_box_tit {
	width: 188px;
	height: 26px;
	line-height: 26px;
	border-top: 1px solid #979797;
	margin: 0 auto;
	color: #ffffff;
	padding-left: 10px;
}

#container .snb .snb_box .snb_box_tit a {
	line-height: 26px;
	color: #ffffff;
}

#container .snb .snb_box .snb_box_tit .btn_all {
	font-size: 11px;
	color: #b6b6b6;
	text-decoration: underline;
	padding-right: 5px;
	padding-top: 2px;
}

#container .snb .snb_box .snb_box_content {
	width: 198px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #fcfcfc;
}

#container .snb .snb_box .snb_box_content .more {
	background-color: #aaa;
	color: #ffffff;
	font-size: 12px;
	height: 26px;
	line-height: 26px;
	position: absolute;
	text-align: center;
	top: 52px;
	width: 100%;
}

#container .snb .snb_box .snb_box_content .domain_list {
	width: 161px;
	margin: 0 auto;
    padding-top: 6px;
}

#container .snb .snb_box .snb_box_content .domain_list li {
	line-height: 25px;
	border-bottom: 1px dashed #c0c0c0;
	background: url("/images/bullet_03.gif") no-repeat scroll 2px 11px transparent;
	padding-left: 8px;
}

#container .snb .snb_box .snb_box_content .name_server {
	width: 180px;
	margin: 0 auto;
    padding-top: 4px;
	font-size: 12px;
}

#container .snb .snb_box .snb_box_content .name_server li {
	line-height: 19px;
	height: 19px;
	padding-top: 5px;
	overflow: hidden;
}

#container .snb .snb_box .snb_box_content .name_server li button {
	font-size: 11px;
	border: 1px solid #dedfcd;
	border-radius: 3px;
}

#container .snb .snb_box .snb_box_content .name_server .line {
	border-bottom: 1px dashed #c0c0c0;
	padding-top: 0;
	padding-bottom: 5px;
}

#container .snb .snb_box .snb_box_notice {
	width: 188px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #fcfcfc;
	padding: 10px 5px 2px;
}

#container .snb .snb_box .snb_box_notice li {
	background: url("/images/bullet_03.gif") no-repeat scroll 1px 7px transparent;
	height: 44px;
	padding-left: 7px;
}

#container .snb .snb_box .snb_box_notice a {
	font-size:14px;
}	

/* 무료가입 안내 */
#container .snb .free_info {
	width: 200px;
	background-color: #555555;
	color: #ffffff;
	padding-top: 1px;
    padding-bottom: 10px;
	margin-top: 10px;
}

#container .snb .free_info .text_title {
	border-top: 1px solid #979797;
	width: 198px;
	text-align: center;
	font-weight: bold;
	margin: 0 auto;
	padding: 10px 0;
}

#container .snb .free_info .text_box {
	width: 160px;
	background-color: #6a6a6a;
	margin: 0 auto;
	line-height: 20px;
	padding: 10px;
}

/* 네임서버 안내 */
#container .snb .name_info {
	width: 198px;
	color: #0f345e;
	background-color: #f6f6f6;
	margin-top: 10px;
	border: 1px solid #cccccc;
    padding-bottom: 10px;
}

#container .snb .name_info .text_title {
	text-align: center;
	font-weight: bold;
	background-color: #EEE8AA;
    margin-bottom: 10px;
    padding: 7px 0;
}

#container .snb .name_info .text_box {
	width: 180px;
	margin: 0 auto;
	line-height: 20px;
}

#container .snb .left_banner {
	padding-top: 10px;
}
/*
*/
#container .snb .rolling_banner {
	width:200px; height:0px; overflow:hidden;
}

#container .snb .rolling_banner img {
	float:left;
}

/* 컨텐츠 영역 */
#container .content {
	float: right;
	width: 851px;
	padding-bottom: 20px;
}

/* 서브 TOP메뉴 */
#container .content .sub_top_menu {
	width: 864px;
	height: 38px;
	border-left: 1px solid #cccccc;
	margin-bottom: 20px;
	font-size: 11px;
}

#container .content .sub_top_menu li {
	float: left;
	width: 97px;
	height: 31px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	background-color: #f5f5f5;
	text-align: center;
	padding-top: 4px;
}

#container .content .sub_top_menu .menu_on {
	background-color: #f3f4eb;
	border-bottom: 2px solid #f3f4eb;
	font-weight: bold;
	color: #000000;
}

#container .content .sub_top_menu .line {
	width: 67px;
	height: 32px;
	background-color: #f3f4eb;
	border-top: none;
	border-right: none;
	border-bottom: 2px solid #cccccc;
}

/* 컨텐츠 설명상자 */
#container .content .info_box {
	clear: both;
	border: 3px solid #cccccc;
	background-color: #f5f5f5;
	padding: 20px;
	line-height: 20px;
}

/* 컨텐츠 타이틀 및 리스트 */
#container .content .info_title {
    background: url("/images/bullet_01.png") no-repeat scroll 5px 2px transparent;
    border-bottom: 2px solid #CCCCCC;
    color: #555;
    font-size: 18px;
    font-weight: bold;
    margin-top: 25px;
    padding: 0 0 5px 22px;
}

#container .content .info_title_noline {
    background: url("/images/bullet_01.png") no-repeat scroll 5px 2px transparent;
    color: #555;
    font-size: 18px;
    font-weight: bold;
    margin-top: 25px;
    padding: 0 0 5px 22px;
}

#container .content .info_list {
	padding: 10px 0px 0px 15px;
}

#container .content .info_list li {
    background: url("/images/bullet_02.gif") no-repeat scroll 0 9px transparent;
    line-height: 25px;
    padding-left: 10px;
}

#container .content .info_list .sub_txt {
	padding-left: 15px;
	background: none;
}

#container .content .btn_help {
	font-size: 12px;
	font-weight: normal;
	color: #999999;
}

/* 메인 컨텐츠 박스 */
#container .content .info_box3 {
	clear: both;
	line-height: 20px;
    margin-top: 20px;
	height: 300px;
}

#container .content .info_box2 {
	clear: both;
	border: 1px solid #cccccc;
	line-height: 20px;
    margin-top: 20px;
	height: 300px;
}

#container .content .info_box2 .info_title2 {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
	background-color: #fcfcfc;
    color: #555;
    font-size: 18px;
    font-weight: bold;
    padding: 11px 20px;
}

#container .content .info_box2 .info_list2 {
    background: url("/images/bullet_02.gif") no-repeat scroll 10px 24px transparent;
    line-height: 25px;
    padding: 15px 20px
}

/* 메인 3단 컨텐츠 박스 */
#container .content .info_box2 .three_box {
	padding-top: 20px;
}

#container .content .info_box2 .three_box .box_area {
	float: left;
	width: 281px;
}

#container .content .info_box2 .three_box .box_area .title {
    font-size: 16px;
	font-weight: bold;
    text-align: center;
	padding-bottom: 10px;
}

#container .content .info_box2 .info_list3 {
	height: 185px;
	padding: 0 20px;
    border-right: 1px dashed #CCCCCC;
}

#container .content .info_list3 .info {
    background: url("/images/bullet_02.gif") no-repeat scroll 0 9px transparent;
    line-height: 25px;
    padding-left: 10px;
	padding-bottom: 10px;
}

#container .content .info_box2 .no_line {
    border-right: none;
}

#container .content .free {
    right: 0;
    top: 0;
}

#container .content .post {
    right: 10px;
    top: 10px;
}

/* 컨텐츠 테이블 */
#container .content .info_table {
	border-top: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	line-height: 35px;
}

#container .content .info_table th {
	border-bottom: 1px solid #cccccc;
	background-color: #f5f5f5;
	height: 35px;
}

#container .content .info_table td {
	text-align: center;
	border-bottom: 1px solid #cccccc;
	height: 35px;
}

#container .content .register_box {
    background-color: #FCFCFC;
    border: 1px solid #CCCCCC;
    height: 490px;
    width: 410px;
	overflow-x:hidden;
	overflow-y:scroll;
}

/* 컨텐츠 범용 사용 */
#container .content .btn_small {
	color: #555555;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	font-size: 12px;
	border-radius: 3px;
	padding: 2px 5px 0 5px;
	font-family: dotum;
	line-height: 20px;
	display: inline-block;
}

#container .content .btn_small_gray {
	color: #ffffff;
	border: 1px solid #333333;
	background-color: #555555;
	font-size: 12px;
	border-radius: 3px;
	padding: 2px 5px 0 5px;
	font-family: dotum;
	line-height: 20px;
	display: inline-block;
}

#container .content .btn_small_red {
	color: #ffffff;
	border: 1px solid #9e2714;
	background-color: #de1f00;
	font-size: 12px;
	border-radius: 3px;
	padding: 2px 5px 0 5px;
	font-family: dotum;
	line-height: 20px;
	display: inline-block;
}

#container .content .btn_big_gray {
	color: #ffffff;
	border: 1px solid #333333;
	background-color: #555555;
	font-size: 14px;
	font-weight: bold;
	border-radius: 5px;
	padding: 5px 10px;
	font-family: dotum;
	line-height: 20px;
	display: inline-block;
}

#container .content .btn_big_red {
	color: #ffffff;
	border: 1px solid #9e2714;
	background-color: #de1f00;
	font-size: 14px;
	font-weight: bold;
	border-radius: 5px;
	padding: 5px 10px;
	font-family: dotum;
	line-height: 20px;
	display: inline-block;
}

#container .content .input_text {
	color: #555555;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	font-size: 14px;
	padding: 4px;
}

#container .content .input_sel {
	color: #555555;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	font-size: 14px;
	padding: 3px;
	height: 24px;
}

#container .content .page {
	text-align: center;
}

#container .content .page span {
    border: 1px solid #999999;
    border-radius: 2px;
    padding: 2px 5px 0;
	cursor: pointer;
}

#container .content .page .sel {
	background-color: #666666;
	color: #ffffff;
	font-weight: bold;
}

/* 이용약관 */
#container .content .user_txt {
	font-size: 12px;
	line-height: 18px;
}

#container .content .user_txt .depth1 {
	font-weight: bold;
	padding-top: 20px;
	padding-left: 10px;
}

#container .content .user_txt .depth2 {
	padding-top: 5px;
	padding-left: 20px;
}

#container .content .user_txt .depth3 {
	padding-top: 5px;
	padding-left: 30px;
}


.copy {
	
	background-color: #666666;		
}

/* 회사소개 */
#companyInfoWrap .bx_companyinfo_top {
    background: rgba(0, 0, 0, 0) url("/images/bg_comany_info.jpg") no-repeat scroll 10px 100px;
    padding: 35px 0 0 340px;
    position: relative;
}
#companyInfoWrap .bx_companyinfo_top .tit {
    font-size: 30px;
    font-weight: bold;
}
#companyInfoWrap .bx_companyinfo_top .stit {
    font-size: 18px;
    font-weight: bold;
    padding-top: 15px;
}
#companyInfoWrap .bx_companyinfo_top .cont {
    font-size: 14px;
    line-height: 22px;
    padding-top: 25px;
}

/*
========================================================================
	footer
========================================================================
*/

#footer {
	clear: both;
	width: 100%;
	height: 85x;
	padding-top: 5px;
	padding-bottom: 10px;
	border-top: 1px solid #cccccc;
}

#footer .company_menu, #footer .company_info {
	clear: both;
	width: 1060px;
	font-size: 12px;
	padding-top: 10px;
	padding-left: 3px;
	margin: 0 auto;
}

#footer .company_menu li {
	float: left;
}

#footer .company_menu .split {
	font-size: 10px;
	padding: 0 10px;
}

#footer .company_info {
	line-height: 18px;
}

#popup { position:absolute;margin:0;padding:0;left:230px; top:0px; z-index: 10; }

#wrap .wing_banner { position: absolute; top:105px; left: 985px; }