@charset "utf-8";
/* CSS Document */
@import url('all.css');
@import url('default.css');
@import url('font.css');


#wrap {width:97%; overflow:hidden; margin:0 auto;}
#header {z-index:1000;  position:relative; height:50px; width:100%;  margin:0 auto;}/*border:1px solid #ff0000;*/
.techrightcon_notbg {width:805px; float:right;border:1px solid #EEEEEE;}
.techrightcon {width:805px; float:right;border:1px solid #EEEEEE; background-color:#fffff3}
.techrightcon dl dt {padding-left:10px; padding-top:5px; height:30px}
.techrightcon dl dd {padding-left:10px; padding-top:5px; height:30px}
#trustcon {width:100%; height:100%; float:left; padding-left:4px; padding-top:4px}
#mindcon {width:100%; height:100%; float:left;}
#techleftmenu {width:190px; float:left;}
#techleftmenu dl dt {height:40px}
#contents {z-index:10; clear:both;  position:relative; overflow:hidden; width:100%; margin:0 auto; padding-bottom:15px; padding-top:5px;}
#contents1 {z-index:10; clear:both;  position:relative; overflow:hidden; width:100%;  margin:0 auto; padding-bottom:15px; padding-top:5px;}
#copyright {clear:both;  overflow:hidden; width:100%; height:100px; margin:0 auto;margin-top:30px}
#mLeft { width:190px; padding-right:35px; float:left; padding-top:20px; }
#mCenter {width:400px; float:left; padding-top:20px;}
#mRight { width:40px; float:right; height:40px; line-height:23px;margin-top:17px;background-image:url('/img/list_icon.gif');}
.mRightMenu {
	display:none;
}
#gongback { width:1000px; clear:both; height:20px;position:relative; margin:0 auto; padding-top:28px;}
#gongback30 {  height:1px;}
#gongback_tab { width:1000px; clear:both; height:34px;position:relative; margin:0 auto; padding-top:28px;}
#myphoto { width:1000px; float:right;}

#divFViewList {
  width:100%;
  height:300px;
  background-color:white;
  display:none;
}

#BtnorgView1 {
  display: none;
}

#mobileTopMenu {
	background-color:white;
	width:140px;
	height:60px;
	z-index:-9999
}

#mobileTopMenu_span1 {
	background-color:white;
	border-top:2px solid #BBBBBB;
	border-left:2px solid #BBBBBB;
	border-right:2px solid #BBBBBB;
	height:15px;
	z-index:9999
}

#mobileTopMenu_span2 {
	background-color:white;
	border-left:2px solid #BBBBBB;
	border-right:2px solid #BBBBBB;
	height:15px;
	z-index:9999
}

#mobileTopMenu_span3 {
	background-color:white;
	border-bottom:2px solid #BBBBBB;
	border-left:2px solid #BBBBBB;
	border-right:2px solid #BBBBBB;
	height:18px;
	z-index:9999
}


#copy1 {
	min-width:97px;height:22px;float:left;vertical-align:middle;font-size:22px;line-height:22px;margin-left:5px;margin-top:8px;font-family:'NanumGothic';color:#ba4709;font-weight:bold;
}

#copy2 {
	width:100%;height:100%;float:left;font-family:'NanumGothic';color:#ba4709;font-weight:normal;font-size:18px;line-height:18px;margin-left:5px
}

#copy3 {
	display:none;
}


#copy_span1 {
	display:inline-block;width:100%;height:18px%;line-height:14px;font-size:14px;margin-top:7px;margin-left:5px
}

#copy_span2 {
	display:inline-block;width:100%;height:18px%;line-height:14px;font-size:14px;margin-top:15px;margin-left:5px
}

#copy_span3 {
	display:inline-block;width:100%;height:18px%;line-height:14px;font-size:14px;margin-top:3px;margin-left:5px
}

#copy_span4 {
	display:inline-block;width:100%;height:18px%;line-height:14px;font-size:14px;margin-top:3px;margin-left:5px
}

#copyright {
	height:130px;
}

.gongback30_con {  height:30px;float:right;width:100px}
.header_text {color:#666666;}
.seperate_text {color:#AAAAAA;}

/*border:1px solid #ff0000; */
.closeX {
	width:20px;
	height:20px;
	position:relative;
	left:912px;
	top:-702px;
	background-color:black;
	color:white;
	z-index:1000;
	font-size:20px;
	line-height:20px;
	text-align:center;
	cursor:pointer;
}

.fxTR_h {
	border-bottom:1px solid #e5e5e5;
	font-size:13px;
	line-height:32px;
	height:32px;
	text-align:center;
	width:100%;
	clear:both;
/*	background:url(../images/comn/ln.gif) no-repeat scroll right 22px;*/
}

.fxTD { height:32px; text-align:center;padding-left:10px; text-align:left;  float:left; line-height:32px; overflow:hidden}
.header { font-weight:bold;}
.tit{padding-left:10px; text-align:left;}
.tit a:hover{text-decoration:underline; font-weight:bold;}

.fxTR_h .no .name {border-left:1px solid #e5e5e5;}
.fxTR_h .end {}

#td1 {width:8%; display:none}
#td2 {max-width:10%}
#td3 {max-width:82%; min-width:82%; overflow:hidden}
#td4 {width:12%; display:none}
#td5 {width:12%; display:none}
#td6 {width:11%; display:none}

#tdV1 {width:53px; height:32px; line-height:32px; display:inline-block;float:left;font-weight:bold}
#tdV2 {min-width:70%; max-width:90%; height:32px; line-height:32px; display:inline-block;float:left}
#tdV3 {width:3px; height:32px; line-height:32px; display:inline-block;float:left}


.divCA {
width:100%;margin:0px auto; text-align:center; background-color:white; line-height:22px; margin-bottom:-20px; margin-top:20px;margin-right:200px;
}

.divCAHeader {
width:0px;height:0px;color:red;font-weight:bold;float:left; font-size:13px; background-color:#white; border-bottom:1px solid white;margin-right:0px;color:white
}

.divCAone {
	float:left;text-align:left; margin-right:20px
}

/*.divCA {
width:800px;height:22px;margin:0px auto; text-align:center; background-color:white; line-height:22px; margin-bottom:-20px; margin-top:20px;margin-right:200px;
}

.divCAHeader {
width:0px;height:0px;color:red;font-weight:bold;float:left; font-size:13px; background-color:#white; border-bottom:1px solid white;margin-right:0px;color:white
}

.divCAone {
	width: 100px; float:left;height:22px; text-align:left; padding-left:5px;
}*/

.selCA {
	font-size:15px; font-weight:bold;border-bottom:2px solid #f93f06; color:#f93f06;  font-family: 'NanumGothicBold'; cursor:pointer
}

.selCA:hover {
	color:red
}

.selOutCA {
	font-size:13px; font-weight:normal;border-bottom:1px solid #f97e06; color:#f97e06; font-family: 'NanumGothicBold'; cursor:pointer
}

.selOutCA:hover {
	color:red
}

#frame_org {
	width:950px;
	height:700px;
	display:none;
	background-color:#FFFFFF;
	border:2px solid #222222;
}

/* 팝업존 */
.popupArea {z-index:10; width:1000px; height:310px; position:relative;  overflow:hidden;  background-color:#fafafa;   }
.popupArea ol { width:1000px; padding:0px; }
.popupArea ol li { float:left; height:310px; overflow:hidden;}
.popupArea .popupbtn1 { position:absolute; left:10px; top:290px; }
.popupArea .popupbtn2 { position:absolute; left:30px; top:290px; }
.popupArea .popupbtn3 { position:absolute; left:50px; top:290px;}
.popupArea .popupbtn4 { position:absolute; left:70px; top:290px;}
.popupArea .popupbtn5 { position:absolute; left:90px; top:290px; }
.popupArea .popupbtn6 { position:absolute; left:110px; top:290px; }0
.popupArea .popupbtn7 { position:absolute; left:130px; top:290px; }
.popupArea .popupbtn8 { position:absolute; left:150px; top:290px; }
.popupArea li a.popupZoneImg { height:281px; position:absolute;}
.playBtn { position:absolute; right:10px; top:287px; }

#mLeft .mEvent{  }
#mLeft .mEvent .eventBox {  background:url(/images/main/eventBg.gif) 0 0 no-repeat; padding:10px; margin-top:10px; position:relative;  height:171px;}
#mLeft .mEvent .eventBox .eventEle { position:absolute; }
#mLeft .mEvent .eventBox .eventImg {clear:both; float:left; padding-right:10px; width:105px; height:171px; overflow:hidden; padding-right:10px; margin-right:10px; }
#mLeft .mEvent .eventBox .eventImg img {}
#mLeft .mEvent .eventBox dl.eventExp {float:left; width:124px;}
#mLeft .mEvent .eventBox dl.eventExp dt { font-size:1.1em; font-weight:bold; color:#000; padding-bottom:15px;}
#mLeft .mEvent .eventBox .eventBtn { position:absolute; top:167px; left:135px; width:124px;}
#mLeft .siteLink {clear:both; padding-top:30px; }
#mLeft .siteLink h2 {padding-bottom:10px;}
#mLeft .siteLink ul {}
#mLeft .siteLink ul li {margin-bottom:7px;}
 
/* 탭메뉴-공지사항 */
#mTabarea {  position:relative; width:400px; height:240px;  background:url(/images/main/mtabBg.gif) 0 0 repeat-x;}
#mTabarea .tabM {}
#mTabarea .tabM  p { position:absolute; top:0px; left:360px; }
#mTabarea .tabTitle1 { position:absolute; left:0px; top:0px;}
#mTabarea .tabTitle2 { position:absolute; left:63px; top:0px; }
#mTabarea .tabTitle3 { position:absolute; left:120px; top:0px; }
#mTabarea .tabTitle4 { position:absolute; left:180px; top:0px; }
#mTabarea ul {padding-top:30px;}
#mTabarea ul li { clear:both; line-height:27px;}
#mTabarea ul li.arrow { background:url(/images/main/mB_bu.gif) 0px 10px no-repeat; padding-left:7px; overflow: hidden;}
#mTabarea ul li img { padding-right:10px; float:left;}
#mTabarea ul li span a { float:left; }
#mTabarea ul li span.mdate { float:right;}


/* 탭메뉴-게시판 */
#bTabarea {position:relative; width:400px; background:url(/images/main/mtabBg.gif) 0 -1px repeat-x; }
#bTabarea p { position:absolute; top:0px; left:360px;}
#bTabarea .btabTitle1 { position:absolute; left:0px; top:0px;}
#bTabarea .btabTitle2 { position:absolute; left:70px; top:0px; }
#bTabarea .btabTitle3 { position:absolute; left:127px; top:0px; }
#bTabarea .btabTitle4 { position:absolute; left:180px; top:0px; }
#bTabarea ul {padding-top:28px;}
#bTabarea ul li { clear:both; line-height:26px; background:url(/images/main/mB_bu.gif) 0px 10px no-repeat; padding-left:7px; overflow: hidden;}
#bTabarea ul li span a { float:left; }
#bTabarea ul li span.mdate { float:right;}

#mRight .businessBox {background:url(/images/main/businessBg.gif) top no-repeat;}
#mRight .businessBox h2 { height:22px;}
#mRight .businessBox p { height:23px;}
#mRight .businessBox ul li{height:23px;}
#mRight ul.mRbanner {height:70px;}
#mRight ul.mRbanner li {float:left; margin-top:10px; }

.businessList { height:210px; padding:15px 15px;}
.businessList .bList{ margin-top: 0px;  width: 235px; }/*overflow-y: scroll;*/
.businessList ol {}
.businessList ol li{ height:24px;}
.businessList ol li a {display:block; background:url(/images/main/busi_li.gif) 0 7px no-repeat; padding:2px 10px; height:18px;}
.businessList ol li a:hover {display:inline-block;  background-color:#222; color:#fff;}
.businessList ol li a:active {display:inline-block;  background-color:#222; color:#fff;}


/* 뉴스레터 관련 추가 */
#mTabarea2 {  position:relative; width:327px; height:145px; }
#mTabarea2 ul {}
#mTabarea2 ul li { clear:both; line-height:27px;}
#mTabarea2 ul li.arrow { background:url(/images/main/mB_bu.gif) 0px 10px no-repeat; padding-left:7px; overflow: hidden;}
#mTabarea2 ul li img { padding-right:10px; float:left;}
#mTabarea2 ul li span a { float:left; }
#mTabarea2 ul li span.mdate { float:right;}

.mEvent2{  }
.mEvent2 .eventBox { height:149px; overflow:hidden;}
.mEvent2 .eventBox .eventEle {float:left; padding-left:20px; }
.mEvent2 .eventBox .eventImg {clear:both; width:118px; height:149px; overflow:hidden; }
.mEvent2 .eventBox .eventImg img {}
.mEvent2 .eventBox dl.eventExp {width:118px;}
.mEvent2 .eventBox dl.eventExp dt { position:relative; padding:4px; top:-34px; font-size:11px; font-weight:bold; color:#fff; display:block; font-weight:normal; background:#535964; line-height:14px;}
.mEvent2 .eventBox dl.eventExp dt a{ color:#fff;}



@charset "euc-kr";




/*-- News --*/

 .botable{
	margin-top:26px;
	margin-bottom:33px;
	}

.notitable{
	width:100%;
	border-bottom:2px solid #eeeeee;
	border-top:2px solid #eeeeee;
/*	background: url('../images/comn/grf100.png') repeat-x top center #FFF;*/
	}
	.notitable caption{
		font-size:0px;
		height:0px;
		line-height:0;
		visibility:hidden;
		width:0px;
	}
	.notitable tr th
	{border-bottom:1px solid #e5e5e5;
	font-size:13px;
	height:32px;
	text-align:center;
/*	background:url(../images/comn/ln.gif) no-repeat scroll right 22px;*/

	}
	.notitable tr th.title{text-align:left; padding-left:15px;font-weight:bold;
	}
	.notitable tr th.no,.notitable tr th.name {border-left:1px solid #e5e5e5;}
	.notitable tr th.end {border-right:1px solid #e5e5e5; background:none;}
	.notitable tbody td{border-bottom:1px solid #e5e5e5; height:34px; text-align:center;}
	.notitable tbody td.tit{padding-left:10px; text-align:left;}
	.notitable tbody td.tit a:hover{text-decoration:underline; font-weight:bold;}
	.view_prevnext{margin-top:10px;border-top:1px solid #b6b6b6;}
	.view_prevnext a:hover{font-weight:bold;}
	.view_prevnext div.prev,
	.view_prevnext div.next{padding:8px 0;border-bottom:1px solid #b6b6b67;}
	.view_prevnext div.prev .title,
	.view_prevnext div.next .title{margin:0 20px;}
	div.board-btn {text-align:right;height:24px;margin:15px 0 0 0;}
.bosearch{margin-left:465px;width:680px;background:none repeat scroll 0 0 #f7f7f7; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;
height:35px; line-height:18px; padding:0 10px; position:realtive; text-align:right;}
.bo_search select{margin-right:5px; border:1px solid #c2c2c2;}
.bo_search{width:660px;margin-top:7px;}

.bopage{margin:0 auto; text-align:center; width:100% !important; min-width:100%}

/*게시판 페이지*/
.page{
width:100%;
text-align: center ! important;
margin-top: 5px;
vertical-align: top;
display: inline-block;
position: relative;
min-height: 35px;
}

 .bootable{
	margin-top:26px;
	margin-bottom:33px;
	}

.notitable01{
	font-family: "NanumGothic","나눔고딕";
	width:100%;
	border-top:2px solid #b6b6b6;
	background-color:#FFF;
	}
	.notitable01 caption{
		font-size:0px;
		height:0px;
		line-height:0;
		visibility:hidden;
		width:0px;
	}
	.notitable01 tr th{
	font-family: "NanumGothic","나눔고딕";
	border-bottom:1px solid #e5e5e5;
	background-color:#b6b6b6;
	color:#FFF;
	font-size:13px;
	height:32px;
	text-align:center;

	}
	.notitable01 tr th.title{text-align:left; padding-left:15px;font-weight:bold}
	.notitable01 tr th.no,.notitable tr th.name {border-left:1px solid #e5e5e5;}
	.notitable01 tr th.end {border-right:1px solid #e5e5e5; background:none;}
	.notitable01 tbody td{border-bottom:1px solid #e5e5e5; height:29px; text-align:left;padding-left:30px;}
	.notitable01 tbody td.tit{padding-left:10px; text-align:left;}
	.notitable01 tbody td.tit a:hover{text-decoration:underline; font-weight:bold;}
	.view_prevnext{margin-top:10px;border-top:1px solid #b6b6b6;}
	.view_prevnext a:hover{font-weight:bold;}
	.view_prevnext div.prev,
	.view_prevnext div.next{padding:8px 0;border-bottom:1px solid #b6b6b6;}
	.view_prevnext div.prev .title,
	.view_prevnext div.next .title{margin:0 20px;}
	div.board-btn {text-align:right;height:24px;margin:15px 0 0 0;}

.botable02{
	width:100%;
	display:inline-block;
	margin-top:26px;
	margin-bottom:33px;
		background-color:#FFF;
	}

.notitable02{
	font-family: "NanumGothic","나눔고딕";
	width:100%;
	border-top:2px solid #fe7735;
	background-color:#FFF;
	}
	.notitable02 caption{
		font-size:0px;
		height:0px;
		line-height:0;
		visibility:hidden;
		width:0px;
	}
	.notitable02 tr th{
	font-family: "NanumGothic","나눔고딕";
	border-bottom:1px solid #e5e5e5;
	font-size:13px;
	height:32px;
	text-align:center;
	background:url(/images/board/table_line.gif) no-repeat scroll right 23px;
	}
	.notitable02 tr th.title{text-align:left; padding-left:15px;font-weight:bold}
	.notitable02 tr th.no,.notitable tr th.name {border-left:1px solid #e5e5e5;}
	.notitable02 tr th.end {border-right:1px solid #e5e5e5; background:none;}
	.notitable02 tbody td{border-bottom:1px solid #e5e5e5; height:29px; text-align:center;}
	.notitable02 tbody td.tit{padding-left:10px; text-align:left;}
	.notitable02 tbody td.tit a:hover{text-decoration:underline; font-weight:bold;}
	.view_prevnext{margin-top:10px;border-top:1px solid #b6b6b6;}
	.view_prevnext a:hover{font-weight:bold;}
	.view_prevnext div.prev,
	.view_prevnext div.next{padding:8px 0;border-bottom:1px solid #b6b6b6;	background-color:#FFF;}
	.view_prevnext div.prev .title,
	.view_prevnext div.next .title{margin:0 20px;}
	div.board-btn {text-align:right;height:24px;margin:15px 0 0 0;}

	.contable3{
	font-family: "NanumGothic","나눔고딕";
	border-bottom:1px solid #e5e5e5;
	border-top:2px solid #e5e5e5;
	width:100%;
	margin-top:10px;
	font-size:13px;
	}
	.contable3 thead th{
		font-family: "NanumGothic","나눔고딕";
		background:none repeat 0 0 #f9f9f9;
		border-bottom:1px solid #e5e5e5;
		border-right:1px solid #e5e5e5;
		padding:7px 7px;
		text-align:center; color:#007276;}
	.contable3 th span{position: relative; padding:0 0 0 16px; display:block;}
	.contable3 th span img{position: absolute; top:4px; left:3px; _left:-11px;}
	.contable3 tbody th{
		background:none repeat 0 0 #f9f9f9;
		border-bottom:1px solid #e5e5e5;
		border-right:1px solid #e5e5e5;
		color:#007276;
		padding:7px 7px;text-align:left;}
	.contable3 tbody td{
		border-bottom:1px solid #e5e5e5;
		border-right:1px solid #e5e5e5;
		padding:8px 8px; line-height:18px; background-color:#fff; text-align:left;}

		/*이용약관*/
		
.row_group {
	background: rgb(255, 255, 255); border: 1px solid rgb(218, 218, 218); margin-bottom: 10px;
}
.ipin_box {
	background: rgb(255, 255, 255); border: 1px solid rgb(218, 218, 218); margin-bottom: 10px;
}
.join_row {
	background: rgb(255, 255, 255); padding: 11px 11px 11px 13px; border-top-color: rgb(240, 240, 240); border-top-width: 1px; border-top-style: solid; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
height:60px;}
:first-child.join_row {
	border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.group_join {
	text-align: center; color: rgb(102, 102, 102); margin-bottom: 75px;
}
a.btn_group_join {
	color: rgb(51, 51, 51); text-decoration: underline;
}
.ps_box {
	background: url("https://static.nid.naver.com/images/join/pc/ico_join3_2x.png") no-repeat 100% 0px / 98px 900px rgb(255, 255, 255); height: 27px; display: block; position: relative; -webkit-background-size: 98px 900px;
}
.join_from .lbl {
	left: 0px; top: 5px; color: rgb(153, 153, 153); line-height: 18px; font-size: 15px; font-weight: bold; display: block; position: absolute; z-index: 9;
}
.join_row .int {
	/*background: rgb(255, 255, 255);*/ padding: 6px 0px 0 80px; border: /*currentColor;*/ width:80%; 
	height: 15px; font-size: 15px; font-weight: bold;position: relative; z-index: 10; apperance: none; -webkit-apperance: none;
}
.join_row span .row_title span .2step{float:left;}

.sel {
	background: url("https://static.nid.naver.com/images/join/pc/sel_arr_2x.gif") no-repeat 100% 50% / 20px 8px rgb(255, 255, 255); padding: 6px 8px 6px 0px; border-radius: 0px; border: currentColor; width: 100%; height: 29px; color: rgb(0, 0, 0); line-height: 18px; text-indent: 0.01px; font-size: 15px; font-weight: bold; -webkit-background-size: 20px 8px; -webkit-appearance: none; -moz-appearance: none;
}
.join_from .cell {
	background: url("https://static.nid.naver.com/images/join/pc/ico_join3_2x.png") no-repeat -94px -575px / 98px 900px; width: 5px; text-indent: -999em; padding-right: 10px; display: table-cell; -webkit-background-size: 98px 900px;
}
.join_birth {
	margin: -1px 0px; display: table;
}
.bir_yy {
	width: 32%; vertical-align: middle; display: table-cell; table-layout: fixed;
}
.bir_mm {
	width: 32%; vertical-align: middle; display: table-cell; table-layout: fixed;
}
.bir_dd {
	width: 32%; vertical-align: middle; display: table-cell; table-layout: fixed;
}
a.btn_c {
	background: rgb(255, 255, 255); border: 1px solid rgb(220, 220, 220); width: 54px; height: 31px; text-align: center; color: rgb(51, 51, 51); line-height: 33px; font-size: 12px; text-decoration: none; display: inline-block;
}
.global a.btn_c {
	width: 84px;
}
a.btn_ipin {
	width: 114px;
}
.country_code {
	overflow: hidden; position: relative;
}
.country_code .sel_value {
	background: url("https://static.nid.naver.com/images/join/pc/sel_arr_2x.gif") no-repeat 100% 50% / 20px 8px rgb(255, 255, 255); padding: 6px 0px; height: 17px; color: rgb(0, 0, 0); line-height: 18px; font-size: 15px; font-weight: bold; margin-left: 4px; display: block; -webkit-background-size: 20px 8px;
}
.country_code .sel_value + select {
	left: 0px; top: 0px; position: absolute; z-index: 20; opacity: 0;
}
.join_mobile {
	overflow: hidden; position: relative;
}
.join_mobile .country_code {
	left: 10px; top: 8px; width: 102px; border-right-color: rgb(240, 240, 240); border-right-width: 1px; border-right-style: solid; display: block; position: absolute;
}
.join_mobile .country_code .country_sel {
	
}
.join_mobile .int_mobile {
	margin: 0px 60px 0px 107px; display: block;
}
.global .join_mobile .int_mobile {
	margin: 0px 85px 0px 113px; display: block;
}
.btn_mobile_submit {
	top: 8px; right: 8px; position: absolute;
}
.btn_certify_submit {
	top: 8px; right: 8px; position: absolute;
}
.join_mobile_certify {
	position: relative;
}
.int_mobile_certify {
	margin-right: 66px;
}
.global .int_mobile_certify {
	margin-right: 93px;
}
.error {
	margin: 3px 0px 3px 1px; color: rgb(255, 0, 0); font-size: 12px;
}
.gm {
	color: rgb(46, 170, 8);
}
.e_info {
	color: rgb(150, 150, 150);
}
.error_ch {
	padding: 10px 0px 15px; text-align: center;
}
.error_ch .error {
	margin: 0px;
}
.row_title{background: url("../comn/ess_icon.gif") no-repeat;}

.wrg {
	background: url("https://static.nid.naver.com/images/join/pc/sp_join.png") no-repeat 0px 0px / 19px 19px; margin: 0px; padding: 0px; border: 0px currentColor; top: 5px; width: 19px; height: 19px; right: 5px; text-indent: -999px; display: none; position: absolute; z-index: 1000; cursor: pointer; -webkit-background-size: 19px 19px;
}
.sex {
	border: 1px solid rgb(220, 220, 220); height: 31px; margin-right: -3px; float: right; display: inline-block;
}
.join_sex {
	padding: 8px 11px; overflow: hidden;
}
.row_title {
	width:120px;height: 33px; color: rgb(153, 153, 153); line-height: 33px; font-size: 15px; font-weight: bold; margin-left: 2px; display: inline-block;

}
.row_title input{position:relative; top:-34px; left:120px;}


.join_check .row_title {
	color: rgb(0, 0, 0);
}
.global .join_name {
	width: 100%; display: table; table-layout: fixed;
}
.global .join_name .name_cell {
	width: 50%; display: table-cell; table-layout: fixed;
}
.global .join_birth .row_title {
	
}
.global .join_birthday {
	padding: 9px 11px;
}
.global .join_birthday .row_title {
	color: rgb(0, 0, 0);
}
.int_id {
	padding-right: 95px;
}
.int_pass {
	padding-right: 95px;
}
.int_pass_check {
	padding-right: 95px;
}
.int_pass_step1 {
	padding-right: 95px;
}
.int_pass_step2 {
	padding-right: 95px;
}
.int_pass_step3 {
	padding-right: 95px;
}
.int_pass_step4 {
	padding-right: 95px;
}
.int_pass_check2 {
	padding-right: 95px;
}
.int_id.ps_box {
	background-position: 100% -57px;
}
.int_pass.ps_box {
	background-position: 100% -476px;
}
.int_pass_step1.ps_box {
	background-position: 100% -126px;
}
.int_pass_step2.ps_box {
	background-position: 100% -196px;
}
.int_pass_step3.ps_box {
	background-position: 100% -266px;
}
.int_pass_step4.ps_box {
	background-position: 100% -336px;
}
.int_pass_check.ps_box {
	background-position: 100% -525px;
}
.int_pass_check2.ps_box {
	background-position: 100% -406px;
}
.global .int_pass_step1.ps_box {
	background-position: 100% -631px;
}
.global .int_pass_step2.ps_box {
	background-position: 100% -701px;
}
.global .int_pass_step3.ps_box {
	background-position: 100% -771px;
}
.global .int_pass_step4.ps_box {
	background-position: 100% -841px;
}
.btn_join {
	text-align:center;margin: 10px 0px 19px; height: 61px; display: block;
}

.global .btn_join input {
	background-position: 50% -63px;
}
.btn_join input.int_home {
	background-position: 50% -189px; padding: 0px; cursor: pointer;
}

.input_chk {
	height: 24px; display: block; position: relative;
}
.input_chk input {
	top: 50%; width: 22px; height: 22px; right: 1px; margin-top: -11px; position: absolute; z-index: 9;
}
.input_chk label {
	background: url("https://static.nid.naver.com/images/join/pc/ico_check_off_2x.gif") no-repeat 100% 50% / 24px 24px; left: 0px; top: 0px; width: 100%; height: 24px; color: rgb(51, 51, 51); line-height: 24px; font-size: 14px; font-weight: bold; display: block; position: absolute; z-index: 10; cursor: pointer; -webkit-background-size: 24px 24px;
}
.global .input_chk label {
	font-family: Arial;
}
.input_chk input:checked + label {
	background: url("https://static.nid.naver.com/images/join/pc/ico_check_on_2x.gif") no-repeat 100% 50% / 24px 24px; -webkit-background-size: 24px 24px;
}
.input_chk label.on {
	background: url("https://static.nid.naver.com/images/join/pc/ico_check_on_2x.gif") no-repeat 100% 50% / 24px 24px; -webkit-background-size: 24px 24px;
}
.input_chk label .terms_choice {
	color: rgb(13, 153, 0); font-size: 12px; font-weight: normal;
}
.input_chk label .terms_no {
	color: rgb(150, 150, 150);
}
.section table {
	margin: 0px; border: 0px currentColor; text-align: center; color: rgb(51, 51, 51); border-collapse: collapse;
}
.section table th {
	padding: 5px 0px; border: 1px solid rgb(229, 229, 229);
}
.section table td {
	padding: 5px 0px; border: 1px solid rgb(229, 229, 229);
}
.section ol {
	margin-bottom: 10px;
}
ul.terms_list {
	list-style: circle;
}
ul.terms_list li {
	padding-left: 10px; list-style-type: circle;
}
.terms_bx_list {
	padding-bottom: 8px; display: block;
}
.terms_chk_all {
	padding: 15px; display: block;
}
.terms_chk_all .input_chk {
	height: 38px;
}
.terms_chk_all .input_chk label {
	top: -1px; height: 38px; line-height: 20px; display: table;
}
.terms_chk_all .input_chk label span {
	vertical-align: middle; display: table-cell;
}
.terms_p .error {
	padding: 0px 15px 15px;
}

.join_row_tb {
	width: 100%; display: table;
}
.join_row_tb .join_row {
	width: 50%; display: table-cell; table-layout: fixed;
}
.join_row_tb .join_sex {
	border-top-color: rgb(240, 240, 240); border-right-color: rgb(240, 240, 240); border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid;
}
.join_ipin_certify {
	position: relative;
}
.ipin_certify_txt {
	padding: 0px 120px 0px 1px;
}
.ipin_certify_btn {
	top: 8px; width: 114px; right: 10px; position: absolute;
}
.parent_privacy_txt {
	color: rgb(102, 102, 102); line-height: 18px; padding-top: 1px;
}
.parent_privacy {
	margin: 8px 0px 22px;
}
.parent_privacy {
	text-align: center;
}
.parent_privacy .parent_privacy_title {
	top: -6px; color: rgb(102, 102, 102); line-height: 24px; font-size: 14px; font-weight: bold; display: inline-block; position: relative;
}
.parent_privacy .input_chk {
	width: 24px; display: inline-block;
}
.parent_privacy .input_chk span {
	text-indent: -999em; display: block;
}
.parent_privacy .input_chk input {
	margin: 0px; top: 0px;
}
.parent_privacy .input_chk label {
	background: url("https://static.nid.naver.com/images/join/pc/ico_check_off2_2x.gif") no-repeat 50% 50% / 24px 24px; width: 24px; -webkit-background-size: 24px 24px;
}
.parent_privacy .input_chk label.on {
	background: url("https://static.nid.naver.com/images/join/pc/ico_check_on2_2x.gif") no-repeat 50% 50% / 24px 24px; -webkit-background-size: 24px 24px;
}
.parent_privacy input:checked + label {
	background: url("https://static.nid.naver.com/images/join/pc/ico_check_on2_2x.gif") no-repeat 50% 50% / 24px 24px; -webkit-background-size: 24px 24px;
}
.parent_privacy .error {
	text-align: center;
}
.jender {
	width: 44px; height: 31px; border-right-color: rgb(220, 220, 220); border-right-width: 1px; border-right-style: solid; float: left; display: block; position: relative; z-index: 10;
}
.jender + .jender {
	border: currentColor;
}
.jender input {
	left: 0px; top: 0px; width: 44px; height: 31px; position: absolute; z-index: 9;
}
.jender label {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 44px; height: 31px; text-align: center; color: rgb(153, 153, 153); line-height: 31px; display: block; position: absolute; z-index: 10; cursor: pointer;
}
.jender input:checked + label {
	margin: -1px; border: 1px solid rgb(46, 170, 8); color: rgb(46, 170, 8); z-index: 100;
}
.jender label.on {
	margin: -1px; border: 1px solid rgb(46, 170, 8); color: rgb(46, 170, 8); z-index: 100;
}
.global .jender {
	width: 85px; color: rgb(150, 150, 150); font-size: 15px;
}
.global .jender input {
	width: 85px; color: rgb(150, 150, 150); font-size: 15px;
}
.global .jender label {
	width: 85px; color: rgb(150, 150, 150); font-size: 15px;
}
.global .jender label.on {
	color: rgb(46, 170, 8);
}


.join_mobile .int_mobile {
	width: 260px;
}
.global .join_mobile .int_mobile {
	width: 230px;
}
.int_join {
	/*background: url("https://static.nid.naver.com/images/join/pc/ico_btn_join2_2x.gif") no-repeat 181px 50% / 21px 16px rgb(31, 188, 2); -webkit-background-size: 21px 16px;*/
}
.ipin_certify_txt {
	line-height: 27px;
}
.global .terms_chk_all {
	padding: 12px 15px 13px; display: block;
}
.global .terms_chk_all .input_chk {
	height: 24px;
}
.global .terms_chk_all .input_chk label {
	top: 0px; height: 24px; line-height: 24px;
}
.join_success h3 {
	background: url("https://static.nid.naver.com/images/join/pc/img_end_2x.gif") no-repeat 0% 0% / 341px 242px; margin: 110px auto 36px; width: 339px; height: 68px; text-indent: -999em; -webkit-background-size: 341px 242px;
}
.join_success p {
	text-align: center; color: rgb(51, 51, 51); line-height: 23px; font-size: 14px; font-weight: bold;
}
.join_success p em {
	color: rgb(44, 174, 12);
}
.join_success p.join_success_txt2 {
	margin: 20px 0px 123px; color: rgb(102, 102, 102); font-weight: normal;
}
.join_success a {
	color: rgb(102, 102, 102); text-decoration: underline;
}
.join_success a:visited {
	color: rgb(102, 102, 102); text-decoration: underline;
}
.join_success a:hover {
	color: rgb(102, 102, 102); text-decoration: underline;
}
.join_success .btn_join {
	margin-bottom: 78px;
}
.global .join_success h3 {
	background-position: 0px -90px; margin: 128px auto 34px;
}
.global .join_success p.join_success_txt {
	background: url("https://static.nid.naver.com/images/join/pc/img_end_2x.gif") no-repeat 0px -192px / 341px 242px; margin: 0px auto 192px; width: 341px; height: 50px; text-indent: -999em; display: block; -webkit-background-size: 341px 242px;
}
.global .join_success .btn_join {
	margin-bottom: 76px;
}
.mailnumber{position:relative; top:-55px;left:400px;width:100px;
}
.mailnumber span{
padding-right:30px;
color:#5d5d5d;
}

.ico_inquiry
{
	height: 18px;
	background-image: url("../../images/common/icon/ico_inquiry.gif");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position-x: 0px;
	background-position-y: 3px;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: transparent;
}
.ico_day
{
	height: 18px;
	background-image: url("../../images/common/icon/ico_day.gif");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position-x: 0px;
	background-position-y: 3px;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: transparent;
}
.ico_region
{
	height: 18px;
	background-image: url("../../images/common/icon/ico_region.gif");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position-x: 0px;
	background-position-y: 8px;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: transparent;
}
.ico_tag
{
	height: 18px;
	background-image: url("../../images/common/icon/ico_tag.gif");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position-x: 0px;
	background-position-y: 8px;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: transparent;
}

.modal-enabled
{
	overflow: hidden;
	margin-right: 15px;
	position: relative;
}
.modal-container
{
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	position: fixed;
	z-index: 5001;
	overflow-x: hidden;
	overflow-y: auto;
}
.modal
{
	top: 0px;
	width: 760px;
	position: relative;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: white;
}


p .sfont {
color: #888;
line-height: 13px;
font-size: 11px;
margin-top: 4px;
}

.btnGeneral {
	width:50px;
	line-height:20px;
	text-align:center; margin:0 auto;
	border:0px solid;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	box-shadow: 1px 1px 3px #b0b1c4;
	background-color:#fe9967;
	color:#FFF;
	font-family: "NanumGothic"; font-size: 12px;
}
.btnGeneral:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fdc576), color-stop(1, #ffdcab) );
	background:-moz-linear-gradient( center top, #fdc576 5%, #ffdcab 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdc576', endColorstr='#ffdcab');
	background-color:#f47536;
}


.btnGeneralBold {
	width:65px;
	line-height:26px;
	text-align:center; margin:0 auto;
	border:0px solid;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	box-shadow: 1px 1px 3px #f47536;
	background-color:#df470b;
	color:#FFF;
	font-family: "NanumGothic"; font-size: 14px;
	font-weight:bold;
}
.btnGeneralBold:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ee611b), color-stop(1, #f88851) );
	background:-moz-linear-gradient( center top, #fdc576 5%, #ffdcab 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee611b', endColorstr='#f88851');
	background-color:#df470b;
}

.aOrg {
	color:#fd6e28;
	font-weight:bold;
}

.aOrg:hover {
	color:#fc492b;
	text-decoration:underline;
	font-weight:bold;
}

.ess {
 width:10px;
 float:left;
 color:red;
}

	.editor-area{ width:98%; line-height:26px; font-size:15px; padding:5px 0 0 5px; text-align:left; border-bottom:none;}

.board_title {
	font-weight:bold;
	width:75%;
}

.ad_top {
	display:inline-block;
	width:100%;
	margin-top:10px;
	text-align:right
}



/* this is for reference */
.ref_big_gubun{
	font-size:17px; 
	font-weight:bold;
	color: #666666;
	padding-left:24px;
}
.ref_big_gubun_title{
	font-size:17px; 
	color:#f7886a; 
	font-weight:bold
}
.ref_middle_gubun_title{
	font-size:14px; 
	color:#f7886a; 
	font-weight:none;
	line-height:120%;
	margin-top:35px
}
.ref_middle_gubun{
	font-size:13px; 
	font-weight:none;
	padding-left:24px;
/*				color: #999999;*/
	line-height:120%;
	margin-top:35px
}
.ref_low_gubun_title{
	font-size:13px; 
	color:#f7886a; 
	font-weight:none;
}
.ref_low_gubun{
	margin-top:10px; 
	padding-left:25px; 
	padding-right:10px; 
	font-size:13px;
	line-height:140%;
}
.ref_row {
	border-bottom: 1px solid #dddddd;
	padding-bottom : 4px;
	line-height: 100%;
}
.pad85 {
	padding-left:85px;
}
.pad75 {
	padding-left:75px;
}
.pad60 {
	padding-left:60px;
}
.pad50 {
	padding-left:50px;
}
.pad40 {
	padding-left:40px;
}
.pad30 {
	padding-left:30px;
}
.pad15 {
	padding-left:15px;
}
.pad5 {
	padding-left:5px;
}
.mar85 {
	margin-left:10px;
}
.mar75 {
	margin-left:75px;
}
.mar60 {
	margin-left:60px;
}
.mar50 {
	margin-left:50px;
}
.mar40 {
	margin-left:5px;
}
.mar30 {
	margin-left:30px;
}
.mar15 {
	margin-left:15px;
}
.mar5 {
	margin-left:5px;
}

.ref_mid_line {
	border-bottom: 1px solid #eeeeee;
	padding-bottom : 4px;
}

.ref_mid_box {
	/*color:#fca087;*/
}

.ref_info {
	float:right; 
	height:23px; 
	line-height:23px;
	margin-top:15px;
	width:350px;
	text-align:right;
/*	border:1px solid black;*/
}

.top_mar_step1 {
	margin-top:15px
}

.top_mar_step2 {
	margin-top:20px; 
}

.top_mar_step3 {
	margin-top:30px; 
}

.top_mar_step4 {
	margin-top:23px;
}

.ref_homepage_logo {
	margin-bottom:10px;
	z-index:0;
	padding-left:5px
}

.ref_logo {
	z-index:0;
	padding-left:5px
}

#divBannerHom1 {
	min-width:370px;
	max-width:600px;
}

.ref_linkrand {
    clear:both;
	width:100%;
	text-align:right;
	text-decoration:underline;
	line-height:22px;
	height:22px;
	display:inline-block;
	overflow:hidden;
}

.selectSubMenu {
	font-size:15px;
	line-height:15px;
	font-family: 'NanumGothicBold';
	color:black;
}

.deSelectSubMenu {
	font-size:14px;
	line-height:14px;
}