@import url('bbs_style.css');
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'ONE-Mobile-Title';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Common */
html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{font-family: 'Pretendard-Regular'; margin:0;padding:0}]
table {border-spacing:0; border-collapse:collapse;}
body,input,textarea,select,button,table{font-family:'Pretendard-Regular',Dotum,AppleGothic,sans-serif;font-size:16px}
img,fieldset{border:0}
ul,ol,li{list-style:none}
em,address{font-style:normal}
a{color:#616161; text-decoration:none; outline:none; select-dummy:expression(this.hideFocus=true); font-family: 'Pretendard-Regular';}
a:hover{color:#616161; text-decoration:none;}
html { overflow-y: scroll; overflow-x: hidden; }


.input_style input[type=text],.input_style input[type=file],.input_style input[type=password]{
border:1px solid #bdbdc0; background:#ffffff; padding-left:5px; height:28px; line-height:27px;}

.input_style select {padding:5px; border:1px solid #bdbdc0; height:30px; line-height:24px;}
.input_style_inquiry select {font-weight:bold; padding:5px; border:1px solid #bdbdc0; height:30px; line-height:24px; font-size:14px; font-family:'돋움'; background:#f0f6ff; border:1px solid #cccccc}

.input_style textarea{
border:1px solid #bdbdc0; background:#ffffff; padding:5px; height:200px;}



.onmobile{
	font-family: 'ONE-Mobile-Title';
	font-weight:500;
}

.font_st_14{
font:14px '돋움';
letter-spacing:-1px;
line-height:18px;
}

.font_st_13{
font:13px '돋움';
letter-spacing:-1px;
line-height:16px;
}


.font_st_12{
font:12px '굴림';
letter-spacing:-1px;
line-height:18px;
}

.font_st_11{
font:11px '돋움';
letter-spacing:-1px;
line-height:16px;
}

.font_st_14_tahoma{
font:14px 'tahoma';
line-height:18px;
}


.font_st_12_tahoma{
font:12px 'tahoma';
line-height:18px;
}

.font_st_11_tahoma{
font:11px 'tahoma';
line-height:16px;
}

.font_st_20_tahoma{
font:21px 'tahoma';
line-height:16px;
vertical-align:middle;
font-weight:bold;
}

.font_st_22_tahoma{
font:23px 'tahoma';
line-height:16px;
vertical-align:bottom;
font-weight:bold;
}

/* Font-style */
.font_10 { font-size:10px;}
.font_11 { font-size:11px;}
.font_13 { font-size:13px;}
.font_14 { font-size:14px;}
.font_15 { font-size:15px;}
.font_16 { font-size:16px;}
.font_17 { font-size:17px;}
.font_18 { font-size:18px;}
.font_19 { font-size:19px;}
.font_20 { font-size:20px;}
.font_21 { font-size:21px;}
.font_22 { font-size:22px;}
.font_23 { font-size:23px;}
.font_24 { font-size:24px;}
.font_25 { font-size:25px;}
.font_26 { font-size:26px;}
.font_27 { font-size:27px;}
.font_28 { font-size:28px;}
.font_29 { font-size:29px;}
.font_30 { font-size:30px;}
.font_32 { font-size:32px;}

.font_dotum{font-family:'Dotum','돋움','굴림',tahoma,Gulim,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_tahoma{font-family:Tahoma, '굴림','돋움',Dotum,'맑은 고딕',Gulim,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_gulim{font-family:'굴림','돋움','맑은 고딕',Dotum,tahoma,Gulim,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_malgun{font-family:'맑은 고딕','굴림','돋움',Dotum,tahoma,Gulim,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif !important;}


#wrap{
	width:100%;
}

#header{
	width:100%;
	position:relative;
}

#container{
	width:100%;
	margin:0 auto;
}

#copyright-w{
	width:100%;
	margin:0 auto;
}

.contents{width:1000px; margin:0 auto}


/* 툴팁레이어 */
#dhtmltooltip{
position:absolute;
border-width:2px;
border-style:solid;
border-color:#CECECE;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100000;
}



.input_st input{
border:1px solid #bdbdbd;
height:21px;
line-height:20px;
padding-left:3px;
}

.input_text_st input[type=text]{
border:1px solid #bdbdbd;
height:21px;
line-height:21px;
padding-left:3px;
}





.input_file_st input[type=file]{
border:1px solid #bdbdbd;
height:21px;
line-height:20px;
padding-left:3px;
}

.input_password_st input[type=password]{
border:1px solid #bdbdbd;
height:21px;
line-height:20px;
padding-left:3px;
}

.input_textarea_st textarea{
border:1px solid #bdbdbd;
line-height:18px;
padding:3px;
}

.word_break_st{
word-break:break-all;
}

/* IE7이하 버전 input style */
#login_form_7 input{
#margin:-1px 0;
}

.png24{_behavior:url("/css/iepngfix.htc");}
/******IE6에서 배경 png파일 투명한 부분 적용******/


/* 페이징 이전버튼 */
table#page a.prev{
	display:inline-flex;
	min-width:38px;
	height:38px; 
	align-items: center;
    justify-content: center;
	background:#fff;
	border-radius:50%;
	font-size:16px;
	border:1px solid #ddd;
}
table#page a.prev:after{
	content:"<";
	font-size:15px;
	color:#b2b2b2;
	font-family: 'ONE-Mobile-Title';
	font-weight:500;
}
table#page a.prev2{
	display:inline-flex;
	min-width:38px;
	height:38px; 
	align-items: center;
    justify-content: center;
	background:#fff;
	border-radius:50%;
	font-size:16px;
	border:1px solid #ddd;
}
table#page a.prev2:after{
	content:"<<";
	font-size:15px;
	color:#b2b2b2;
	font-family: 'ONE-Mobile-Title';
	font-weight:500;
}

table#page a.prev:hover{
	background:#222;
}
table#page a.prev:hover:after{
	color:#fff;
}
table#page a.prev2:hover{
	background:#222;
}
table#page a.prev2:hover:after{
	color:#fff;
}


table#page a.prev_not{
	width:26px; color:#AAA; padding-left:3px; height:25px;border:1px solid #CCC;
	background:url('../img/page/bg_pagenum_prev_ov_new.jpg') no-repeat center center;
}

/* 다음버튼 */
table#page a.next{
	display:inline-flex;
	min-width:38px;
	height:38px; 
	align-items: center;
    justify-content: center;
	background:#fff;
	border-radius:50%;
	font-size:16px;
	border:1px solid #ddd;
}
table#page a.next:after{
	content:">";
	font-size:15px;
	color:#b2b2b2;
	font-family: 'ONE-Mobile-Title';
	font-weight:500;
}
table#page a.next2{
	display:inline-flex;
	min-width:38px;
	height:38px; 
	align-items: center;
    justify-content: center;
	background:#fff;
	border-radius:50%;
	font-size:16px;
	border:1px solid #ddd;
}
table#page a.next2:after{
	content:">>";
	font-size:15px;
	color:#b2b2b2;
	font-family: 'ONE-Mobile-Title';
	font-weight:500;
}

table#page a.next:hover{
	background:#222;
}
table#page a.next:hover:after{
	color:#fff;
}
table#page a.next2:hover{
	background:#222;
}
table#page a.next2:hover:after{
	color:#fff;
}
table#page a.next_not{
	width:26px; color:#AAA; height:25px; padding-right:3px; border:1px solid #CCC;
	background:url('../img/page/bg_pagenum_next_ov_new.jpg') no-repeat center;
}



/* 현재 */
table#page a.now{
	color:#FFF; height:38px; min-width:38px;  border:1px solid #f0a69b;  background-color:#FF8040; font-weight:bold;
	background:url('../img/page/bg_pagenum_now2.jpg') no-repeat center; text-align:center;
}
table#page b.now{
	display:inline-flex;
	min-width:38px;
	height:38px; 
	align-items: center;
    justify-content: center;
	font-size:16px;
	color:#fff;
	background:#222;
	border-radius:50%;
}

table#page a.prevnext{
	display:inline-flex;
	min-width:38px;
	height:38px; 
	align-items: center;
    justify-content: center;
	font-size:16px;
	color:#222;
	border-radius:50%;
}
table#page b.prevnext{
	display:inline-flex;
	min-width:38px;
	height:38px; 
	align-items: center;
    justify-content: center;
	background:#fff;
	border-radius:50%;
	font-size:16px;
	border:1px solid #ddd;
}


table#page a.pgnum{
	display:inline-flex;
	min-width:38px;
	height:38px; 
	align-items: center;
    justify-content: center;
	background:#fff;
	border-radius:50%;
	font-size:16px;
	border:1px solid #ddd;
}
table#page b.pgnum{
	display:inline-flex;
	min-width:38px;
	height:38px; 
	align-items: center;
    justify-content: center;
	background:#fff;
	border-radius:50%;
	font-size:16px;
	border:1px solid #ddd;
}



table#page {margin:0 auto;}
table#page a {margin:0 2px; float:left;}
table#page a.prev {}
table#page a.prev_not {float:left;}
table#page b.now {float:left;}

/* 위지윅관련 css */

#ct{word-break:break-all; text-align:justify; font-family: 'Pretendard-Regular'}
#ct table{border-collapse: separate}
#ct ul{padding-left:20px; display:block}
#ct ul li{display:list-item; list-style:disc}
#ct ol{padding-left:20px; display:block}
#ct ol li{list-style:decimal;  display:list-item}
#ct hr{display:block}
#ct p, #ct div{font-size:inherit;  font-family: 'Pretendard-Regular'}


.ct{word-break:break-all; text-align:justify;}
.ct table{border-collapse: separate}
.ct ul{padding-left:20px; display:block}
.ct ul li{display:list-item; list-style:disc}
.ct ol{padding-left:20px; display:block}
.ct ol li{list-style:decimal;  display:list-item}
.ct hr{display:block}
.ct p, .ct div{font-size:inherit}


/* 게시판 댓글 카톡형 */
/* 내글 */
#take_reply_A {
float:right;
position:relative;
width:100%;
margin-bottom:10px;
margin-right:15px;
}
#take_reply_A .box_reply_A{
float:right;
position:relative;
margin-right:15px;
border:1px solid #a5cce6;
background:url('../img/bgpart_bbs_reply_my01.gif') #f0f6f9 bottom repeat-x;
padding:10px;
font-size:12px;
line-height:18px;
word-break:break-all;
max-width:80%;
}
#take_reply_A .box_1{
background:url('../img/bgpart_bbs_reply_my03.gif') left top no-repeat;
top:-1px;
left:-1px;
width:8px;
height:8px;
position:absolute;
}
#take_reply_A .box_2{
background:url('../img/bgpart_bbs_reply_my03.gif') right top no-repeat;
top:-1px;
right:-1px;
width:8px;
height:8px;
position:absolute;
}
#take_reply_A .box_3{
background:url('../img/bgpart_bbs_reply_my03.gif') right bottom no-repeat;
bottom:-1px;
right:-1px;
width:8px;
height:8px;
position:absolute;
}
#take_reply_A .box_4{
background:url('../img/bgpart_bbs_reply_my03.gif') left bottom no-repeat;
bottom:-1px;
left:-1px;
width:8px;
height:8px;
position:absolute;
}
#take_reply_A .take_reply_A_mem{
width:70px;
word-break:break-all;
text-align:right;
float:right;
}

/* 남글 */
#take_reply_B {
float:left;
position:relative;
width:100%;
margin-bottom:10px;
margin-left:15px;
}
#take_reply_B .box_reply_B{
float:left;
position:relative;
border:1px solid #d1c993;
background:url('../img/bgpart_bbs_reply_you01.gif') #fbf3bd bottom repeat-x;
padding:10px;
font-size:12px;
line-height:18px;
word-break:break-all;
margin-left:15px;
max-width:80%;
}
#take_reply_B .box_1{
background:url('../img/bgpart_bbs_reply_you03.gif') left top no-repeat;
top:-1px;
left:-1px;
width:8px;
height:8px;
position:absolute;
}
#take_reply_B .box_2{
background:url('../img/bgpart_bbs_reply_you03.gif') right top no-repeat;
top:-1px;
right:-1px;
width:8px;
height:8px;
position:absolute;
}
#take_reply_B .box_3{
background:url('../img/bgpart_bbs_reply_you03.gif') right bottom no-repeat;
bottom:-1px;
right:-1px;
width:8px;
height:8px;
position:absolute;
}
#take_reply_B .box_4{
background:url('../img/bgpart_bbs_reply_you03.gif') left bottom no-repeat;
bottom:-1px;
left:-1px;
width:8px;
height:8px;
position:absolute;
}
#take_reply_B .take_reply_B_mem{
width:70px;
word-break:break-all;
text-align:left;
float:left;
}



/* 아작스 페이징 */
.ajax_page {padding:10px 0 5px 0;}
.ajax_page span{display:inline-block; zoom:1; *display:inline; _display:inline;}
.ajax_num {display:block; width:30px; height:30px; line-height:30px; border:1px solid #dbdbdb; font-size:13px; background:#f3f3f3; margin-right:3px;}
.ajax_num_b {display:block; width:30px; height:30px; line-height:30px; border:1px solid #747474; font-weight:bold; background:#FFF; font-size:13px; margin-right:3px;}
.ajax_prev {display:block; width:30px; height:30px; line-height:30px; border:1px solid #dbdbdb; background:#f3f3f3; margin-right:3px; font-size:13px; }
.ajax_next {display:block; width:30px; height:30px; line-height:30px; border:1px solid #dbdbdb; background:#f3f3f3; font-size:13px; }
/* 아작스 페이징 END */


/* 리뉴얼 */

/* 마이페이지 메뉴 */
.name_info{
	position:relative; 
	float:left; 
	height:80px; 
	padding-right:20px; 
	margin-right:20px; 
	display:block;
	line-height: 80px;
	white-space: nowrap; 
	font-family:'굴림';
	letter-spacing:-1px; 
	font-size:14px; 
	font-weight:bold;
}

.bbs_chart_area{
	padding:10px;
	border:2px solid #349dd1;
}
.bbs_chart_area.td_border{
	padding:0;
	border:0 none;
}
.bbs_chart_area.td_border table{
	border-collapse: collapse
}
.bbs_chart_area.td_border td{
	border:1px solid #349dd1
}
.btn_youngsu{
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px;
	color: #fff;
	background: #349dd1;
	cursor: pointer;
	border: 0;
	letter-spacing:-1px;
	outline:none;
	font-size:16px
}
.m_info{
	display:inline-block;
}

.member_form{
	border-left:5px solid #1a5e94;
	border-right:5px solid #1a5e94;
}
.member_form .member_join{
	width:100%;
	border-collapse: collapse;
}
.member_form .member_join th{
	width:140px;
	padding-left:10px;
	text-align:left;
	color:#fff;
	background:#349dd1;
	font-family:'굴림';
	height:50px;
	line-height:50px;
	font-size:13px;
	border-top:1px solid #195f94;
	border-bottom:1px solid #195f94;
}
.member_form .member_join td {
	padding-left:20px;
	font-size:11px;
	font-family:'굴림';
	border-top:1px solid #195f94;
	border-bottom:1px solid #195f94;
	padding:10px;

}

.member_form .member_join td input[type="text"],
.member_form .member_join td input[type="password"]{
	border:1px solid #79b4dc;
	height:32px;
	line-height:32px;
	font-size:13px;
	padding:0 10px;
}