/*
Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
 */
 /*
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }
 */

/*------------------------------------------------
* default definition
------------------------------------------------*/
html,body {height:100%;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,legend,fieldset,p,button,img,input {margin:0;padding:0;border:none;}
/*html,body,th,td,input {color:#333;font-family:Malgun Gothic,"돋움",dotum,sans-serif;font-size:9pt;font-weight:normal;}*/
html,body,th,td,input {color:#363636;font-family:"돋움",dotum,sans-serif;font-size:9pt;font-weight:normal;}
table,tr,td,th {margin:0; padding:0;}
hr,legend {display:none;}
li {list-style:none;}
table {border-collapse:collapse; table-layout:fixed;}

/*------------------------------------------------
* Form
/*------------------------------------------------*/
input, textarea {border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; font-size:9pt; background:#fff;}

input[type="text"]			{height:16px; line-height:16px;}
input[type="text"]:hover	{background:#f4f4f4;}
input[type="password"]		{height:16px; line-height:16px;}
input[type="password"]:hover	{background:#f4f4f4;}
input[type="file"]			{height:16px; line-height:16px;}
input[type="image"]			{border:none;}
input[type="radio"]			{border:none; background:transparent ;}
input[type="checkbox"]		{border:none; background:transparent ;}
input[type="submit"]		{border:1px solid #ccc; background:transparent ;}


select {font-size:9pt;}

.w50 {width:50px;}
.w83_ {width:83%;}
.w95_ {width:95%;}
.w100 {width:100px;}
.w100_ {width:100%;}
.w150 {width:150px;}
.w200 {width:200px;}
.w220 {width:220px;}
.w250 {width:250px;}
.w300 {width:300px;}
.w300_name {width:300px; background:#f4f4f4; color:#898989;}
.w350 {width:350px;}
.w400 {width:400px;}
.w500 {width:500px;}
.w560 {width:560px;}
.w600 {width:600px;}
.w650 {width:650px;}

.h50 {height:50px;}
.h80 {height:80px;}
.h100 {height:100px;}
.h200 {height:200px;}
.h300 {height:300px;}
.h400 {height:400px;}
.h500 {height:500px;}

.padT7 {padding-top:7px;}
.padT10 {padding-top:10px;}
.padT15 {padding-top:15px;}
.padT20 {padding-top:20px;}
.padT25 {padding-top:25px;}

.padR12 {padding-right:12px;}
.padR13 {padding-right:13px;}
.padB20 {padding-bottom:20px;}
.padB25 {padding-bottom:25px;}

.font_num {font-family:tahoma,verdana; font-size:11px;}
.font_name {font-size:11px;}

.bdCr10 {background:#eee;}
.color_1 {border:1px solid red;}

.btn {text-align:center;}

/*------------------------------------------------
* Link
/*------------------------------------------------*/
a:link {color:#898989; text-decoration:none;}
a:visited {color:#898989; text-decoration:none;}
a:hover {color:#363636; text-decoration:none;}
a:active {color:#898989; text-decoration:none;}


/* 작업범위 아이콘*/
	/* Original */
	.wa {background:url('/img/work_a.jpg') no-repeat; display:block;}
	.wd {background:url('/img/work_d.jpg') no-repeat; display:block;}
	.wp {background:url('/img/work_p.jpg') no-repeat; display:block;}
	.wc {background:url('/img/work_c.jpg') no-repeat; display:block;}
	/* gray */
	.wag {background:url('/img/work_ag.jpg') no-repeat; display:block;}
	.wdg {background:url('/img/work_dg.jpg') no-repeat; display:block;}
	.wpg {background:url('/img/work_pg.jpg') no-repeat; display:block;}
	.wcg {background:url('/img/work_cg.jpg') no-repeat; display:block;}
	/* Text */
	.wat {background:url('/img/work_at.jpg') no-repeat; display:block; width:64px;}
	.wdt {background:url('/img/work_dt.jpg') no-repeat; display:block; width:56px;}
	.wpt {background:url('/img/work_pt.jpg') no-repeat; display:block; width:49px;}
	.wct {background:url('/img/work_ct.jpg') no-repeat; display:block; width:90px;}


/* Footer */
#footer {position:relative; clear:both; padding:20px 0 50px 0; font-size:11px; color:#666; border-top:1px solid #eeeded;
	background:url('/img/footer_copy.png') 15px 20px no-repeat;
}
#footer ul {width:800px; margin-left:125px; clear:both; overflow:auto; padding-bottom:4px;}
#footer ul li {float:left; padding-left:8px;}
.footer_mn {font-size:11px; margin-bottom:8px; letter-spacing:-1px;}
.footer_mn a {color:#636363;}

.footer_call {font-weight:bold; font-family:tahoma,arial,Georgia;}
.footer_copy {font-family:tahoma,arial,Georgia;}

/* 스크롤 배너 */
#scrollbanner {position:relative; width:970px; margin:0 auto; height:0; z-index:99;}
#scrollbannercont {position:absolute; width:75px; height:300px; top:300px; left:970px;}

/* 넘버링 */
.page_num {width:100%; text-align:center; font-family:tahoma,verdana; font-size:11px; clear:both;}
.page_num * {vertical-align:top;}
	.page_num a {display:inline-block; margin-right:3px; text-decoration:none; padding:5px 7px; color:#5d6371;  border:1px solid #fff;}
	.page_num a:hover {color:#5d6371; border:1px solid #5d6371;}
	.page_num a span {display:none;}
		.page_num a.page_first			{width:0px; height:14px; background:url('/board/img/btn_first.jpg') left 7px no-repeat;}
		.page_num a.page_pre			{width:0px; height:14px; background:url('/board/img/btn_pre.jpg') left 7px  no-repeat;}
		.page_num a.page_next			{width:0px; height:14px; background:url('/board/img/btn_next.jpg') right 7px  no-repeat;}
		.page_num a.page_last			{width:0px; height:14px; background:url('/board/img/btn_last.jpg') right 7px  no-repeat;}
		.page_num a.page_first:hover,
		.page_num a.page_pre:hover,
		.page_num a.page_next:hover,
		.page_num a.page_last:hover		{border:1px solid #fff;}
	.page_num em {display:inline-block; padding:5px 7px; margin-right:3px; color:#fff; font:bold 11px/14px tahoma; border:1px solid #687aa7; background:#687aa7;}


/* 검색어 색상 */
.schTxt {color:red;}

.scroll {
	overflow-y:scroll;
	overflow-x:hidden;
	scrollbar-face-color:#fff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-3dlight-color:#D6D6D6;
	scrollbar-arrow-color:#9b9b9b;
	scrollbar-track-color:#EEEEEE;
	scrollbar-darkshadow-color:#D6D6D6;
	scrollbar-base-color:#ffffff;
}

/* 코멘트 */
.comment {border:1px solid #e6e6e6; background:#f9f9f9; padding:20px; margin:10px 0 15px 0;}
	.comment_user {padding-bottom:5px;}
	.comment_user * {vertical-align:middle;}
		#comment_name	{background:url('/board/img/comment_bg_name.jpg') 5px 2px no-repeat;}
		#comment_pwd	{background:url('/board/img/comment_bg_pwd.jpg') 5px 2px no-repeat;}
		#_block			{background:url('/board/img/comment_bg_autotxt.jpg') 5px 2px no-repeat;}

	.comment_txt {overflow:auto;}
	.comment_txt textarea {float:left;}
	.comment_txt input {float:right;}

.comment_list {clear:both; border-top:1px solid #ececec; margin-top:15px;}
	.comment_list_cont {min-height:90px; clear:both; border-bottom:1px dashed #d7d7d7;}
	.comment_list_cont ul {position:relative; width:100%; clear:both; line-height:17px; padding:20px 0;}
		li.cmt_1 {position:absolute; left:15px; top:20px; width:165px; font-size:11px;}
			.cmt_11 {width:128px; height:28px; background:url('/img/cmt_name_bg.png') no-repeat; color:#fff;}
			.cmt_11 span {display:block; padding:2px 0 0 10px; *padding:3px 0 0 10px;}
			.cmt_12 {font-family:tahoma; color:#999; padding-top:4px;}
			.cmt_12 a {padding-left:4px;}
			.cmt_12 img {margin-bottom:-2px;}

		li.cmt_2 {padding-left:165px; padding-right:15px; color:#555;}

	.comment_delete {display:none; width:140px;}
	.comment_delete span {display:block; padding-top:4px;}
	.comment_delete * {vertical-align:middle;}
		#comment_pwd_del {background:url('/board/img/comment_bg_pwd.jpg') 5px 2px no-repeat;}

	.cmt_bg_even {background:#f7faf5;}
	.cmt_bg_odd {background:#faf9f5;}

.noAutoTxt {font-size:11px; letter-spacing:-1px; color:#636363;}
.noAuto {font-family:arial; font-size:14px; padding:0 4px;}
.noAuto span {font-weight:bold; color:red;}

/*템플릿*/
.templet_bg {position:fixed; left:0; top:0; width:100%; height:100%; background:#000; z-index:100;}
.templet_cont {position:fixed; left:50%; top:50%; width:850px; height:680px; margin:-340px 0 0 -425px; background:#fff; z-index:110;}

.temp_btn {position:absolute; top:30px; right:50px; overflow:auto;}
.temp_btn a {display:block; width:42px; height:44px; float:left; background:url('/img/temp_btn_off.jpg') no-repeat;
	text-align:center; font-size:11px; color:#898989; vertical-align:middle; letter-spacing:-1px;
	margin-left:10px;
}
.temp_btn a:hover {background:url('') no-repeat; color:#e0e5f0; background:url('/img/temp_btn_on.jpg') no-repeat;}

.temp_btn a span {display:block; padding-top:17px;}
.temp_btn a:first-child span {display:block; padding-top:11px;}

.temp_tit,
.temp_lay {width:760px; margin:0 auto; overflow:auto;}
.temp_lay h3 {background:url('/img/tit_bar_1.png') no-repeat; width:226px; height:41px; margin-bottom:10px;}
.temp_lay h3 span {display:block; font-weight:normal; letter-spacing:-1px; font-size:16px; font-family:NanumGothic, Malgun Gothic; color:#fff; padding:5px 0 0 12px;}

.temp_tit h1,
.temp_tit p {display:none;}
.temp_tit {height:120px; background:url('/img/temp_tit.jpg') left 25px no-repeat;}

/* 왼쪽 레이어 */
.temp_left {position:relative; width:360px; float:left; overflow:hidden; margin-right:40px;}
.temp_left_area {width:800px; overflow:hidden;}

.temp_left_cont,
.temp_left_cont_add {width:360px; height:460px; float:left; background:#fff;}

.temp_left_cont {position:relative;}
.temp_left_cont_add {position:absolute; left:360px; z-index:20;}

.temp_left_cont>div {width:100%; overflow:hidden;}

.temp_left_cont ul,
.temp_left_cont_add ul {float:left; width:163px; padding-left:25px; padding-bottom:15px;}

.temp_left_cont ul:first-child,
.temp_left_cont_add ul:first-child {padding-left:0px;}

/* 오른쪽 레이어 */
.temp_right {position:relative; width:360px; float:left; overflow:hidden;}
.temp_right_area {width:720px; overflow:hidden;}

.temp_right_cont,
.temp_right_cont_add {width:360px; height:460px; float:left; background:#fff;}

.temp_right_cont {position:relative;}
.temp_right_cont_add {position:absolute; left:360px; z-index:20;}

.temp_right_cont>div {width:100%; overflow:hidden;}

.temp_right_cont ul,
.temp_right_cont_add ul {float:left; width:163px; padding-left:25px; padding-bottom:15px;}

.temp_right_cont ul:first-child,
.temp_right_cont_add ul:first-child {padding-left:0px;}
	
	.temp_11 {position:relative;}
		div.event_11,
		div.event_12,
		div.event_13,
		div.event_14 {position:absolute; width:40px; height:40px;  left:1px; top:1px;}

		.event_12 {background:url('/img/event_12.png') no-repeat; z-index:10;}
		.event_13 {background:url('/img/event_13.png') no-repeat; z-index:10;}
		.event_14 {background:url('/img/event_14.png') no-repeat; z-index:10;}

	.temp_11 img {border:1px solid #e1e1e1;}
	.temp_11 img:hover {border:3px solid #dbd7d7; width:161px; height:84px;}
	.temp_now img {border:3px solid #6074a3; width:161px; height:84px;}

	.temp_12 {position:relative; color:#363636; padding-top:5px; letter-spacing:-1px;}
	.temp_12 span {display:none;}
	.temp_12 a {position:absolute; display:block; width:35px; height:16px; top:4px; right:-4px; *top:3px; background:url('/img/btn_temp_qna.jpg') no-repeat}
	.temp_13 {font-size:11px; color:#a1a1a1; padding-top:3px;}

.temp_left_num {position:absolute; bottom:0; left:0;}
.temp_right_num {position:absolute; bottom:0; left:0;}

.no_data {text-align:center; font-family:arial; font-size:20px; padding-top:45px; font-weight:normal;}

/* Sub - 상담문의 */
.sub_qa {width:140px; height:105px;}
.sub_qa span,
.sub_qa p {display:none;}
.sub_qa a {display:block; width:140px; height:105px; background:url('/img/sqa_img.jpg') no-repeat;}

/* 메인 롤링배너 - 작업중 */
#scrollstagetp2 {width:140px; height:40px; background:url('/img/rolling_bg2.jpg') no-repeat; margin-top:10px; margin-bottom:-9px; padding-top:22px; letter-spacing:-1px;} 
#scrollstagetp2 h2 {display:none;} 
#scrollstage2 div {height:14px; text-align:left; font-size:11px; padding-left:10px; color:#898989;}
	#scrollstage a:link,
	#scrollstage a:visited,
	#scrollstage a:hover,
	#scrollstage a:active {color:#333; text-decoration:none;}

/*
border:1px solid red;
border:1px solid blue;
*/