@charset "utf-8";


#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center; z-index:11111;}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover,
#skip li a:focus,
#skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5000;color:#fff;width:100%;height:25px;padding:5px 0 0 0;}




/* 전체레이아웃 설정값 ****************************************/
#wrap{ position: relative;min-width:360px;}


#main_container{position: relative;}
#container{ margin: 0 auto; width: 1520px; }
#content{ min-height:700px;position:relative;letter-spacing: -0.05em; padding-bottom: 100px; }

@media all and (max-width :1920px) {
#container{ margin: 0 10%; width: auto; } 

}

@media all and (max-width :1520px) {
#container{ margin: 0 5%; } 

}
@media all and (max-width :1280px) {
#container{ margin: 0 3%; }
}
@media all and (max-width :767px) {
#container{ margin: 0 5%; }
#content{ min-height:auto;}
}


/*서브이미지
#sub_visual{position: relative;display: flex; justify-content: space-between; width: 100%;}

#sub_visual .sub_visual01 {background-image:url("/images/inc/sub_visual010.jpg"); }
#sub_visual .sub_visual02 {background-image:url("/images/inc/sub_visual020.jpg"); }
#sub_visual .sub_visual03 {background-image:url("/images/inc/sub_visual030.jpg"); }
#sub_visual .sub_visual04 {background-image:url("/images/inc/sub_visual040.jpg"); }

*/


/* 서브타이틀*/
.title_guide{margin: 40px 0; display: flex; justify-content: space-between; align-items: center; border-radius: 10px; background: #f3f8fc; padding: 20px 30px;}
.title_guide h3{font-size:30px; word-break:keep-all; color: #000; font-weight: 500;line-height: 30px;}
.title_guide h3 img{width: 35px; vertical-align: middle; margin-top: -2px;}
.title_guide .back{ width: 30px; height: 34px; background:url("/images/btn_back.png") left center no-repeat; overflow: hidden; text-indent: -500px; vertical-align: text-bottom;}


@media all and (max-width :767px) {
.title_guide{margin: 20px 0 30px 0; padding: 15px 20px;flex-direction: column;}
.title_guide h3{font-size:22px; order: 2; }
.title_guide h3 img{width: 25px;}
.title_guide .back{ height: 26px; background:url("/images/btn_back.png") left center no-repeat; background-size: 18px;}
}


/* 히스토리 */
.history{overflow:hidden; }
.history ul{display: flex; justify-content: flex-end; align-items: center;}
.history li{ padding-right: 10px;  padding-left:20px; font-size:15px; line-height: 20px; background: url("/images/history_arrow.png") left center no-repeat;}
.history li:first-of-type{ background: url("/images/history_home.png") left center no-repeat; padding-left: 0px; overflow: hidden; text-indent: -500px; width: 30px;}
.history li:last-of-type{padding-right: 0;}
.history .hpoint{font-weight: 500;}	

@media all and (max-width :767px) {
.history{order: 1;}
.history li{ padding-left:15px; font-size:13px; background-size: 7px;}
.history li:first-of-type{ width: 25px; background-size: 15px;}
	
}

/* 푸터레이아웃 */
footer{ position: relative; padding:40px 10% 60px 10%; background: #eee;  display: flex; justify-content: space-between;}
footer > div{display: flex; }
footer address{font-style: normal; padding-left: 50px; line-height: 1.5em; font-size: 0.93em;}
footer address em{display: inline-block; text-align: center; padding: 0 15px;}
footer address > p{margin-top:10px;}
footer .sns_guide{margin-top: 20px;}
footer .sns_guide a{display: inline-block; width: 45px; height: 45px; overflow: hidden; text-indent: -500px; border-radius: 10px; background-color: rgba(0,0,0,0.4); background-position: center; background-repeat: no-repeat;}
footer .sns_guide .twitter{ background-image: url("/images/footer_sns01.png");}
footer .sns_guide .telegram{ background-image: url("/images/footer_sns02.png");}
footer .sns_guide .youtube{ background-image: url("/images/footer_sns03.png");}
footer .sns_guide .linkedin{ background-image: url("/images/footer_sns04.png");}
footer .sns_guide .blog{ background-image: url("/images/footer_sns05.png");}


footer dl{margin-right: 50px;}
footer dl dt{ margin-top: 20px; margin-bottom: 5px;}
footer dl dt:first-of-type{ margin-top: 0px;}
footer dl dd a{font-size: 14px; color: #777;}
footer dl a:hover,
footer dl a:focus{text-decoration: underline;}


/* 맨위로버튼 */
.first_top_go {  position: absolute; right:3%; z-index:9; top:30px; opacity:0.8;}

@media all and (max-width: 1920px) {
	footer{padding:40px 10% 60px 10%; }	
	footer > div:first-of-type{width: auto;}
}


@media all and (max-width :1520px) {
	footer{ padding:40px 5%;}
	footer dl{margin-right: 30px;}
	
.first_top_go {  right:1%; top:inherit; bottom: 20px; }
}

@media all and (max-width :1280px) {
	footer{ padding:30px 3%;}
}

@media all and (max-width :1024px) {
	footer{flex-direction: column;}
	footer .footer_menu{flex-direction: column; border-top:1px solid #ddd; padding-top: 20px;}	
	footer .footer_menu dl{display: flex; flex-wrap: wrap;margin-right: 00px;}
	footer .footer_menu dl:first-of-type{ margin-bottom: 20px;}
	footer .footer_menu dl dt{width: 100%; }
	footer .footer_menu dl dd{width: 33.33%;}
	
.first_top_go {  right:3%; top:30px; bottom: inherit; }
}

@media all and (max-width :767px) {
footer{ padding:30px 5%;}
footer > div:first-of-type{flex-direction: column; }
footer h1 img{ width:120px; }
footer address{padding-left: 00px;padding-top: 10px; }	
footer address span{display: inline-block;}
	
footer .footer_menu dl dd{width: 50%;}
	
.first_top_go { right:5%; }
.first_top_go img{width: 60px;}
}

/* 페이지 기본설정 */
#content h4{ font-size: 22px; background: url("/images/icon_h4.png") left 0px no-repeat; padding-left: 32px; margin-bottom: 20px;}
#content h5{ font-size: 18px; margin-bottom: 10px; }


@media all and (max-width: 1024px) {
#content h4{ font-size: 20px; }
}

/* scrollbar */
.scrollbar{overflow:overlay;}
.scrollbar::-webkit-scrollbar {width: 10px; height: 4px;}
.scrollbar::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.3);border-radius: 100px;}


/* 모달공통 */
.modal_guide_overlay{display: none;padding:0;position: fixed;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.4); z-index: 11111;}
.modal_guide{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 20px;  background-color: #fff;padding: 30px; border:2px solid #16278e; box-shadow: 0 3px 5px rgba(0,0,0,0.3);}
.modal_guide .btn_close{ cursor:pointer; position: absolute; top:10px; right:20px; font-size:50px;}
.modal_guide h3{font-size: 24px; margin-bottom: 30px;}
.modal_guide .modal_contents{}

@media all and (max-width: 767px) {
.modal_guide{ width: 90%!important;}
.modal_guide .btn_close{ top:15px; font-size:40px;}
.modal_guide h3{font-size: 20px; }
}




/* header *************************************************************/

header{border-bottom:1px solid #eee; padding-top:10px;}
.header_guide{ position:relative; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin: 0 auto; width: 1520px; }

header h1{ width: 200px;}

header .search_guide{width:380px; display:flex; justify-content: flex-end; }
header .search_guide .btn_close_all{display:none;cursor:pointer;}
header .search_guide_form{ width: 350px; height:50px; background:#f5f5f5 url("/images/icon_search01.png") 15px center no-repeat; background-size: 20px; border-radius:10px; padding:10px; padding-left: 40px; display:flex; justify-content: space-between; flex-wrap: wrap;align-items: center;}
header .search_guide_form input{width:100%; height:30px; border:none; background:none; }
/*header .search_guide_form button{background:url("/images/icon_search01.png") center no-repeat; width:30px; height:30px; overflow: hidden; text-indent: -500px; border:none;}*/
header .search_guide .search_popup_guide{display:none; position: absolute; width:350px; padding:20px; background:#fff; border-radius:10px; top:80px; z-index:1111; box-shadow: 0 3px 5px rgba(0,0,0,0.3);}
header .search_guide .search_popup_guide .btn_close{ cursor:pointer; position: absolute; top:0; right:20px; font-size:40px;}
header .search_guide .search_popup_guide h3{font-size: 18px; margin-bottom: 20px;}
header .search_guide .search_popup_guide .search_contents{overflow-y: auto; max-height: 200px;}
header .search_guide .search_popup_guide .search_contents .sear_item{border-top: 1px solid #eee; padding: 10px 0;}
header .search_guide .search_popup_guide .search_contents .sear_item a{display: flex; padding: 5px 0;align-items: center;}
header .search_guide .search_popup_guide .search_contents .sear_item a span{margin-left: 10px;}
header .search_guide .search_popup_guide .search_contents .sear_item a span:first-of-type{margin-left:0px;}
header .search_guide .search_popup_guide .search_contents .sear_item a span:first-of-type img{width: 20px; height: 20px;}
header .search_guide .search_popup_guide .search_contents .sear_item a span:nth-of-type(2){font-weight: 600;}
header .search_guide .search_popup_guide .search_contents .sear_item a span:nth-of-type(3){color:#777;}

/* 모바일 전체메뉴 */
#gnavi_btn{ display:none;}
.search_btn{display:none;}

@media all and (max-width: 1920px) {
.header_guide{margin: 0 10%; width: auto;}	
}

@media all and (max-width: 1520px) {
.header_guide{margin: 0 5%;}	
}

@media all and (max-width: 1280px) {
header{padding-top:0px;}
.header_guide{margin: 0; padding:0 3%; height: 90px;}	

	
header .search_guide{ margin-right:50px;}	
#gnavi_btn{ display:block; z-index:9999; position:absolute; top:25px;right:3%;}
#gnavi_btn a{display:block; width: 40px; height: 40px; background:url("/images/icon_menu.png") center no-repeat;overflow: hidden; text-indent: -500px;}


}


@media all and (max-width: 767px) {
.header_guide{height: 70px; padding:0 5%; flex-direction: column; justify-content:center;align-items: flex-start;}	
header h1 img{width: 140px;}

.search_btn{ display:block; z-index:9999; position:absolute; top:15px;right:calc(3% + 50px);}
.search_btn a{display:block; width: 40px; height: 40px; background:url("/images/icon_search02.png") center no-repeat;overflow: hidden; text-indent: -500px;}	
	
header .search_guide{display:none; position: fixed; width:100%; height:100%; background:rgba(0,0,0,0.6); top:70px; left:0; z-index:1111; margin-right:00px; padding: 50px 30px; }
header .search_guide .btn_close_all{display:inline-block; position:absolute; top:-10px; right:10px; color:#fff; font-size:50px;}	
header .search_guide_form{ width: 100%; }
header .search_guide .search_popup_guide{position: relative; width: 100%; top: 10px;}	
header .search_guide .search_popup_guide .search_contents{max-height: 300px;}	
	
#gnavi_btn{ top:15px;}
 
}




/*메뉴*/
nav{ width: calc(100% - 580px); }
#gnavibg{ position:absolute; left:0; top:100px; width:100%; display:none; background:transparent; height:auto/*풀다운메뉴높이-전체bg없을때 background:transparent; height:auto로 바꾸기*/ }
#gnavibox{display: flex; justify-content: flex-end; }
#gnavibox > ul{display: flex;white-space: nowrap; justify-content: space-around; }

nav .gnavi{ position:relative;}
nav .gnavi > a{position:relative; display:block; height: 100px; font-weight: 500; text-decoration: none; font-size: 20px; padding: 35px 25px 45px 25px;}
nav .gnavi > a:hover,
nav .gnavi > a:focus{ color:#000;font-weight: 700;font-size: 22px; }

nav .gnavi.on > a{ color:#000;font-weight: 700;font-size: 22px; }
nav .gnavi.on > a:hover,
nav .gnavi.on > a:focus{ color:#000;}

/*2차메뉴*/
nav .gnavi > div{ width:250px; position:absolute; display:none; background: #fff; z-index: 1111; left: 50%; transform: translateX(-50%); box-shadow: 0 10px 10px rgba(0,0,0,0.2);border:1px solid #eee; border-top: none;}
nav .gnavi > div > ul{ padding:20px;}
nav .mnavi{display:block;}
nav .mnavi > a{ position: relative; display:block;font-size:16px; line-height:20px; padding:10px 0;white-space: nowrap; color: #555;font-weight: 400;}
nav .mnavi > a:before{position: relative; content: ''; display: inline-block; vertical-align: middle;width: 25px; height: 25px; border-radius: 50%; margin-right: 5px; margin-top: -3px;background-color: #16278e; background-position: center; background-repeat: no-repeat; background-size: 15px;}
nav .mnavi > a:focus, 
nav .mnavi > a:hover{ color:#000; font-size: 17px;text-decoration: underline !important;font-weight: 600;}
nav .mnavi > a span{position: relative; display:inline-block; z-index:9999;}

nav .mnavi.on > a{ color:#000; font-size: 17px; text-decoration: underline !important;font-weight: 600;}
nav .mnavi.on > a:hover,
nav .mnavi.on > a:focus{ color:#000; text-decoration: underline !important;font-weight: 600;}

nav .mnavi > ul{display:none;}


@media all and (max-width: 1520px) {
	nav .gnavi > a{padding: 35px 20px;}   
}

@media all and (max-width: 1280px) {
#gnavibg{ display:none;}
#gnavibox{ display: block; width:100%; margin:0px 0 0 0; border-top: 1px solid #ddd; background: #fff; height: auto;}
#gnavibox > ul{ width:100%; background: #fff; margin-top: 0; flex-direction: column; box-shadow: 0px 10px 10px rgba(0,0,0,0.3);}
#gnavibox > a{ display: none;}

nav{ display:none; position:absolute; width:100%;padding-right:0px; top: 90px; z-index:111;}
nav .gnavi{width:100%;background:none;  margin-top:0px; border-bottom: 1px solid #eee;}
nav .gnavi:last-child{border-bottom: 2px solid #16278e;}
nav .gnavi > a{ width:100%; height:auto; padding:20px 5%; color:#000; text-align:left; background:#fff url('/images/menu_icon_basic.png') no-repeat calc(100% - 30px) center;}

nav .gnavi > a:hover,
nav .gnavi > a:focus{ color:#fff; background:#16278e url('/images/menu_icon_on.png') no-repeat calc(100% - 40px) center; }
nav .gnavi > a::before{display: none;}
	
nav .gnavi > a.on{ color:#fff; background:#16278e url('/images/menu_icon_active.png') no-repeat calc(100% - 30px) center;}
nav .gnavi > a.on:hover,
nav .gnavi > a.on:focus{ color:#fff;background:#16278e url('/images/menu_icon_active.png') no-repeat calc(100% - 40px) center}
nav .gnavi > a.on:before{display: none;}

/*2차메뉴*/
nav .gnavi > div{ width:100%;position:relative;padding:0; height:auto; border:none; background: #f8f8f8; box-shadow:none;}
nav .gnavi.on > div{ display:block;}
nav .gnavi > div > ul{ padding:0;}

nav .mnavi{border-top:1px solid #eee; padding: 0 5%; }
nav .mnavi:first-child{ border-top:none;}
nav .mnavi > a{text-align: left; padding: 15px 10px; display: block;}

nav .mnavi > a:hover,
nav .mnavi > a:focus{color:#000;}
	
nav .mnavi.on > a{ color:#000; font-weight: 500;}
nav .mnavi.on > a:hover,
nav .mnavi.on > a:focus{ color:#000;}

}
      

@media all and (max-width: 767px) {
nav{  top: 70px; }	
}


nav .gnavi:nth-of-type(1) .mnavi:nth-of-type(1) > a:before { background-color: #008cec; background-image: url("/images/icon_list-task_white.png");}			/* 전체 등급현황 */
nav .gnavi:nth-of-type(1) .mnavi:nth-of-type(2) > a:before { background-color: #008cec; background-image: url("/images/icon_mouse_white.png");}				/* HIT 가상자산 */
nav .gnavi:nth-of-type(1) .mnavi:nth-of-type(3) > a:before { background-color: #008cec; background-image: url("/images/icon_graph-up-arrow_white.png");}		/* 평가점수가 급등한 가상자산*/
nav .gnavi:nth-of-type(1) .mnavi:nth-of-type(4) > a:before { background-color: #008cec; background-image: url("/images/icon_graph-down-arrow_white.png");}		/* 평가점수가 급락한 가상자산*/
nav .gnavi:nth-of-type(1) .mnavi:nth-of-type(5) > a:before { background-color: #008cec; background-image: url("/images/icon_brilliance_white.png");}			/* 국내 가상자산*/
nav .gnavi:nth-of-type(1) .mnavi:nth-of-type(6) > a:before { background-color: #008cec; background-image: url("/images/icon_globe2_white.png");}				/* 해외 가상자산*/
nav .gnavi:nth-of-type(1) .mnavi:nth-of-type(7) > a:before { background-color: #008cec; background-image: url("/images/icon_exclamation-triangle_white.png");}	/* 최근 유의종목 지정 가상자산*/
nav .gnavi:nth-of-type(1) .mnavi:nth-of-type(8) > a:before { background-color: #008cec; background-image: url("/images/icon_add_item_white.png");}				/* 최근 신규 거래지원 가상자산*/
nav .gnavi:nth-of-type(1) .mnavi:nth-of-type(9) > a:before { background-color: #008cec; background-image: url("/images/icon_emoji-smile_white.png");}			/* 우수/양호 가상자산*/
nav .gnavi:nth-of-type(1) .mnavi:nth-of-type(10) > a:before { background-color: #008cec; background-image: url("/images/icon_emoji-frown_white.png");}			/* 개선필요 가상자산*/
nav .gnavi:nth-of-type(1) .mnavi:nth-of-type(11) > a:before { background-color: #008cec; background-image: url("/images/icon_exclude_white.png");}				/* 거래소단독 가상자산*/
nav .gnavi:nth-of-type(1) .mnavi:nth-of-type(12) > a:before { background-color: #008cec; background-image: url("/images/icon_sunrise_white.png");}				/* 유망한 가상자산*/
nav .gnavi:nth-of-type(4) .mnavi:nth-of-type(1) > a:before { background-color: #008cec; background-image: url("/images/icon_inquiry_white.png");}			    /* 문의 */
nav .gnavi:nth-of-type(4) .mnavi:nth-of-type(2) > a:before { background-color: #008cec; background-image: url("/images/icon_notice_white.png");}	            /* 공지 */






/*공통 *************************************************/

/*게시판 공통*/
.align_left{text-align: left!important;}
.align_right{text-align: right!important;}
.align_center{text-align: center!important;}


.disabled{opacity: 0.1;}
.hidden{display: none;}

.c_red{ color: red;}
.c_blue{color: blue;}
.c_gray{color: #bbb;}

.level_a{color:#2e5de5;}
.level_b{color:#2fc669;}
.level_c{color:#e5d12e;}
.level_d{color:#e59d2e;}
.level_nr{color:#e52e2e;}

.level_a_bg{background:#2e5de5 !important; color: #fff !important;}
.level_b_bg{background:#2fc669 !important; color: #fff !important;}
.level_c_bg{background:#e5d12e !important; color: #fff !important;}
.level_d_bg{background:#e59d2e !important; color: #fff !important;}
.level_nr_bg{background:#e52e2e !important; color: #fff !important;}


.grade_space { padding-right: .3rem!important}


/*게시판 테마선택*/
.thema_guide{ margin-bottom: 20px;}
.thema_guide ul{display: flex; align-items: center;gap:3px;}
.thema_guide ul li{ flex: 1; text-align: center; }
.thema_guide ul li a{background:#eee; display: block;padding: 10px 1%; border-radius: 5px; white-space: nowrap;}
.thema_guide ul li a:hover,
.thema_guide ul li a:focus{background:#68b3fb; color: #fff; }
.thema_guide ul li.active a{background:#16278e; color: #fff;}

@media all and (max-width :1023px) {
   .thema_guide ul{flex-wrap: wrap; gap:2px;}
   .thema_guide ul li{width: calc(16.66% - 2px); flex: initial;}
   .thema_guide ul li a{padding: 10px 0.5%; }
}

@media all and (max-width :767px) {
   .thema_guide ul li a{font-size: 14px;}
}

@media all and (max-width :480px) {
   .thema_guide ul li{width: calc(25% - 2px);}
}

/*탭*/
.tab_guide{ margin-bottom: 20px;}
.tab_guide ul{display: flex; align-items: center;gap:3px;}
.tab_guide ul li{ text-align: center; }
.tab_guide ul li a{background:#eee; display: block;padding: 10px 30px; border-radius: 5px; white-space: nowrap;}
.tab_guide ul li a:hover,
.tab_guide ul li a:focus{background:#68b3fb; color: #fff; }
.tab_guide ul li.active a{background:#16278e; color: #fff;}

@media all and (max-width :767px) {
.tab_guide ul li{flex: 1;}
.tab_guide ul li a{font-size: 14px;padding: 10px 1%;}
}




/*게시판 검색 폼*/
.bbs_search{position: relative; margin-bottom: 30px; border:1px solid #eee; border-radius: 10px; padding: 30px;}
.bbs_search dl{display: flex; flex-wrap: wrap; align-items: center; width: calc(100% - 200px);}
.bbs_search dl dt{width:120px;margin: 5px 0; font-size: 18px;}
.bbs_search dl dd{width: calc(100% - 120px); display:flex; margin: 5px 0;}
.bbs_search dl dd:nth-of-type(3),
.bbs_search dl dd:nth-of-type(4){position: relative; display: inline-block;  white-space: nowrap;  overflow: hidden; /* height: 33px; overflow-y: auto;*/}

.bbs_search dl dd:first-of-type .form_guide{ width: 130px; }
.bbs_search dl dd:nth-of-type(2) .form_guide{ width: 60px; }
.bbs_search dl dd:nth-of-type(3) .form_guide .checkmark{ width: 140px; padding: 0 10px; }
.bbs_search dl dd:nth-of-type(4) .form_guide .checkmark{ width: 140px; padding: 0 10px;}
.bbs_search dl dd:nth-of-type(5) .form_guide .checkmark{ width: 140px; padding: 0 10px;}
.bbs_search dl dd:nth-of-type(3), .bbs_search dl dd:nth-of-type(4){position: relative; padding: 0 35px;}
.bbs_search dl dd:nth-of-type(3) button, .bbs_search dl dd:nth-of-type(4) button{position: absolute; top:0px; width:30px; height:30px;}
.bbs_search dl dd .slick-prev{left: 0;}
.bbs_search dl dd .slick-next{right: 0;}
.bbs_search dl dd .category-item{ }
.bbs_search .form_guide{margin:1px; padding: 0; }
.bbs_search .form_guide .checkmark { position: relative; height: 30px; width: 100%; text-align: center; /*border:none; background-color: #eee;*/}
.bbs_search .form_guide input{position: absolute;}
.bbs_search .form_guide input:checked ~ .checkmark{ color: #fff;}
.bbs_search .form_guide input:checked ~ .checkmark:after {display: none;}
.bbs_search .form_guide input:disabled ~ .checkmark {background-color: #eee;border: none; color: #bbb; cursor: default; }
.bbs_search .form_guide input:checked:disabled ~ .checkmark {background-color: #68b3fb;border: none; color: #fff; cursor: default; }
.bbs_search .bbs_search_btn{position: absolute; top:50%; right: 30px; transform: translateY(-50%); width: 150px;}
.bbs_search .bbs_search_btn button{width: 100%;height: 45px; }
.bbs_search .bbs_search_btn .reset{background: #f5f5f5;}
.bbs_search .bbs_search_btn .reset span{ display: inline-block; background:url("/images/icon_reset.png") left center no-repeat; background-size: 14px; font-size: 14px; padding-left: 22px;}
.bbs_search .bbs_search_btn .search{background: #68b3fb; color: #fff; font-size: 18px; font-weight: 600; margin-top: 5px;}

.bbs_search_form{ border:none; border-radius:0px; padding: 0px;}
.bbs_search_form > div{padding: 10px 10px 10px 30px; border-radius: 30px;border:3px solid #16278e; margin: 0 auto; width: 60%;}
.bbs_search_form form{display: flex; justify-content: space-between; flex-wrap: wrap;}
.bbs_search_form input{ border: none; width: calc(100% - 50px); padding-left: 10px;}
.bbs_search_form button{ background: url("/images/icon_search01.png") center no-repeat; width: 50px; overflow: hidden; text-indent: -500px;}


@media all and (max-width :1280px) {
.bbs_search dl dt{width:100px;}
.bbs_search dl dd{width: calc(100% - 100px);}
.bbs_search dl dd:first-of-type .form_guide{ width: 100px; }
.bbs_search dl dd:nth-of-type(2) .form_guide{ width: 50px; }
	
}

@media all and (max-width :1023px) {
.bbs_search dl{width: 100%;}
.bbs_search dl dt{width:100px;font-size: 16px;}
.bbs_search dl dd:nth-of-type(5) .form_guide .checkmark{ width: auto;}
.bbs_search dl dd:nth-of-type(2){flex-wrap: wrap;}
.bbs_search dl dd:nth-of-type(2) .form_guide{ width: calc((100% - 14px) / 7); }
.bbs_search dl dd:nth-of-type(5){flex-wrap: wrap;}
.bbs_search .bbs_search_btn{position: relative; top:inherit; right: inherit; transform: translateY(0%);  display: block; width: inherit; margin-top: 10px; text-align: center;}
.bbs_search .bbs_search_btn > *{vertical-align: top;}
.bbs_search .bbs_search_btn button{ width: 150px; height: 40px; margin: 0 2px;}
.bbs_search .bbs_search_btn .search{font-size: 16px; margin-top:0px;}

}
@media all and (max-width :767px) {
.bbs_search{padding: 20px;}
.bbs_search dl{flex-direction: column;}	
.bbs_search dl dt{width:100%;margin: 0px 0;}
.bbs_search dl dd{width:100%; margin-bottom: 10px;}

.bbs_search_form{padding: 0px; }
.bbs_search_form > div{width: 90%;padding: 7px 10px 7px 20px;}

}

@media all and (max-width :600px) {
.bbs_search .bbs_search_btn button{width: 45%; }
	
}

/*게시판 검색 폼*/
.bbs_search02{ position:relative; width: 60%; margin: 0 auto; text-align: center; border-radius: 30px; border:2px solid #000; padding: 5px; margin-bottom: 30px;}
.bbs_search02 select{width:150px;height: 40px; border:none;border-radius: 30px 0 0 30px; }
.bbs_search02 input{width:calc(100% - 220px); height: 40px; vertical-align: top; padding-left: 10px; border:none;}
.bbs_search02 button{width:60px; background:transparent url("/images/icon_search02.png") center no-repeat; height: 40px; overflow: hidden; text-indent: -300px;}

@media all and (max-width :1024px) {
.bbs_search02{width: 80%;}
}
@media all and (max-width :767px) {
.bbs_search02{width: 100%; margin-bottom: 20px;}
.bbs_search02 select{width:100px;}
.bbs_search02 input{width:calc(100% - 160px);}
.bbs_search02 button{width:50px;}
}




/*bbs_bottom*/
.bbs_bottom{font-size:15px; margin:20px 0;display: flex; justify-content: space-between; align-items: center;}
.bbs_bottom *{ box-sizing:border-box;}
.bbs_bottom .bbs_left{background:url("/images/icon02.gif") left 9px no-repeat; padding-left:15px;line-height:30px; }
.bbs_bottom .bbs_right{ text-align: right;}
.bbs_bottom select, .bbs_bottom input{border: 1px solid #ddd; height:30px;}
.bbs_bottom input{width:150px;}
.bbs_bottom button{width:50px;height:30px; background:#000;  color:#fff;vertical-align:top;}


@media all and (max-width :1023px) {
.bbs_bottom{flex-wrap: wrap;font-size:14px;}
.bbs_bottom .bbs_left{order: 1;}
.bbs_bottom .bbs_right{order: 2;}
.bbs_bottom .bbs_page{order: 3; width: 100%; margin-top: 10px;}
}

/* 게시판 상단 주석정보 */
.bbs_info{margin-bottom:30px;}
.bbs_info li{ background:url(/images/icon02.gif) left 7px no-repeat; padding-left:18px; word-break:keep-all; font-size:15px; line-height:1.8em;}




/*게시판 공통 데이타 없음 */
.bbs_nodata{position: relative; font-size:15px; padding:50px; text-align:center; border-bottom:2px solid black; border-top:2px solid black; margin-bottom: 40px; line-height: 35px;}
.bbs_nodata:before{position: relative; content: '!'; font-size: 18px; color: #888;  display: inline-block; margin-right: 5px; width: 35px; height: 35px; text-align: center; border-radius: 50%; background:#eee;vertical-align: middle;}




/*bbs_list01*/
.bbs_list01 {/*margin-bottom:40px;*/border-top:1px solid #eee;}
.bbs_list01 *{box-sizing: border-box;}

.bbs_list01 table{width:100%; text-align: center;}
.bbs_list01 table tr{position: relative;}
.bbs_list01 table tbody tr:hover{background: #f3f8fc; cursor: pointer;}
.bbs_list01 th {padding:12px 1% ;border-bottom:2px solid #16278e; background-color:#fff; word-break:keep-all;font-size: 15px;}
.bbs_list01 td {padding:20px 1%;  color: #666; text-align:center;line-height:1.5em;word-break:keep-all; font-size: 16px;border-bottom:1px solid #eee;}

.bbs_list01 td.name{text-align: left;color: #000; word-break: break-all;}
.bbs_list01 td.name img{width: 20px; height: 20px; border-radius: 50%;}
.bbs_list01 td.name span{color: #777;}
.bbs_list01 td.date{white-space: nowrap;}
.bbs_list01 td.lebel{}
.bbs_list01 td.n_lebel{font-weight: 700;color: #000;}
.bbs_list01 td.market img{ width: 20px; height: 20px; vertical-align: middle;}
.bbs_list01 td.tit{text-align: left;}
.bbs_list01 td.tit a{font-size: 18px;}
.bbs_list01 td.tit a:hover,
.bbs_list01 td.tit a:focus{text-decoration: underline;}

.sort > span{ background: url("/images/icon_sort.png") right center no-repeat; padding-right: 18px;}
.sort_down > span{background: url("/images/icon_sort_down.png") right center no-repeat;padding-right: 18px;}
.sort_up > span{background: url("/images/icon_sort_up.png") right center no-repeat;padding-right: 18px;}


/*
.bbs_list01 tbody tr:nth-child(odd) {background:#fff;}
.bbs_list01 tbody tr:nth-child(even) {background: #f7f7f7;}
*/

.bbs_more_btn{ text-align: center; margin: 20px 0;}
.bbs_more_btn button{ width: 200px; height: 60px; font-size: 16px; font-weight: 600; background: #16278e; color: #fff; border-radius: 0;}

@media all and (max-width :767px) {
.m_hide{ display:none !important;}
/*bbs_list01*/
.bbs_list01 {margin-bottom:30px;}
.bbs_list01 table{  }
.bbs_list01 table thead{}
.bbs_list01 table colgroup{ display:none;}

.bbs_list01 table tr{ display:flex; justify-content: space-between;flex-wrap: wrap; border-bottom:1px solid #e7e7e7; padding: 10px 0;}
.bbs_list01 table thead tr{border-bottom:2px solid #16278e;}
.bbs_list01 table th{border-bottom:none;padding:0px 1% ;}
.bbs_list01 table td{ display:inline-block;border-left:none; border-bottom:none; padding:5px 1%;font-size:15px;}
	
.bbs_list01 .market{display: none;}
.bbs_list01 table th:first-of-type,
.bbs_list01 table td:first-of-type{ width: 40px;}
.bbs_list01 th.name{ width: calc(100% - 200px);}
.bbs_list01 td.name{ width: calc(100% - 200px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.bbs_list01 th.updown{width:70px;}
.bbs_list01 td.updown{width:70px; font-size: 14px; white-space: nowrap;}
.bbs_list01 th.n_lebel,
.bbs_list01 td.n_lebel{width: 90px;}
	


.bbs_list01 table .notice_bg{background: #f5f4f9;}

}



/*bbs_list03*/
.bbs_list03 {/*margin-bottom:40px;*/border-top:1px solid #eee;}
.bbs_list03 *{box-sizing: border-box;}

.bbs_list03 table{width:100%; text-align: center;}
.bbs_list03 table tr{position: relative;}
.bbs_list03 table tbody tr:hover{background: #f3f8fc; cursor: pointer;}
.bbs_list03 th {padding:12px 1% ;border-bottom:2px solid #16278e; background-color:#fff; word-break:keep-all;font-size: 15px;}
.bbs_list03 td {padding:20px 1%;  color: #666; text-align:center;line-height:1.5em;word-break:keep-all; font-size: 16px;border-bottom:1px solid #eee;}

.bbs_list03 td.name{text-align: left;color: #000; word-break: break-all;}
.bbs_list03 td.name img{width: 20px; height: 20px; border-radius: 50%;}
.bbs_list03 td.name span{color: #777;}
.bbs_list03 td.date{white-space: nowrap;}
.bbs_list03 td.lebel{}
.bbs_list03 td.n_lebel{font-weight: 700;color: #000;}
.bbs_list03 td.market img{ width: 20px; height: 20px; vertical-align: middle;}

@media all and (max-width :1023px) {
	.bbs_list03 td.market > span{display: none;}
}
	
@media all and (max-width :767px) {

/*bbs_list03*/
.bbs_list03 {margin-bottom:30px;}
.bbs_list03 table{}
.bbs_list03 table thead{display:none;}
.bbs_list03 table colgroup{ display:none;}

.bbs_list03 table tr{ position: relative; /*display: block; text-align: left;*/ display:flex; justify-content: space-between;flex-wrap: wrap; border-bottom:1px solid #e7e7e7; padding: 10px 0 35px 0;}
.bbs_list03 table tbody tr:first-of-type{border-top:2px solid #16278e;}
.bbs_list03 table th{border-bottom:none;padding:0px 1% ;}
.bbs_list03 table td{ display:inline-block;border-left:none; border-bottom:none; padding:5px 0.5%;font-size:15px;}
	
.bbs_list03 .market{}
.bbs_list03 table td:first-of-type{ width: 40px;}
.bbs_list03 td.name{ position: absolute;  bottom: 5px; left: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.bbs_list03 td.n_lebel{width: 90px;}
	

}




/*bbs_list04 // 공지사항 ************************************************************************************/
.bbs_list04 {margin-bottom:40px;border-bottom:1px solid #000;border-top:2px solid #000;}
.bbs_list04 *{box-sizing: border-box;}
.bbs_list04 a:hover{ text-decoration:underline;}
.bbs_list04 table{width:100%; text-align: center;}
.bbs_list04 table tr{position: relative;}
.bbs_list04 table tr:hover{background: #f8f8f8;}
.bbs_list04 th {color:#000; padding:15px 1% 15px 1%;  border-bottom:1px solid #000; background:#fff; line-height:1.8em; word-break:keep-all;}
.bbs_list04 td {padding:20px 1%; text-align:center; border-bottom:1px solid #e7e7e7; line-height:1.5em;word-break:keep-all; color: #666;}
.bbs_list04 .tit{text-align:left; margin-left:15px;}
.bbs_list04 .tit a{font-size: 18px;}
.bbs_list04 .t_check{ position: absolute; left: 0; top:0px; padding: 0; border: none; background: none;}

.notice_tip {position: relative; width:70px; border-radius: 40px; box-shadow:1px 2px 2px rgba(0, 0, 0, 0.1); color: #fff; font-size: 14px; padding: 3px 0; text-align: center; display: inline-block;}
.notice_tip:before { right:-5px;  content: "▶"; font-size: 15px; top: 50%;transform: translateY(-50%);  position: absolute; z-index: 99;}

.bg01{background: #5c02c2;}
.bg01:before{color: #5c02c2;}
.bg02{background: #0066ff;}
.bg02:before{color: #0066ff;}
.bg03{background: #ff335e;}
.bg03:before{color: #ff335e;}


@media all and (max-width :767px) {
.m_hide{ display:none !important;}
/*bbs_list01*/
.bbs_list04 {margin-bottom:20px;}
.bbs_list04 table{ text-align: left; }
.bbs_list04 table thead{ display:none;}
.bbs_list04 table colgroup{ display:none;}
.bbs_list04 table tr{ display:block; border-bottom:1px solid #e7e7e7;}
.bbs_list04 table td{ display:inline-block;border-left:none; border-bottom:none; text-align:left; padding:10px 2%; color:#666; font-size:14px;}
.bbs_list04 table .tit{display:block; border-bottom:none; margin-left:0;  padding-top: 0;}
.bbs_list04 table .tit a{ font-size:15px; vertical-align:middle;}
	
.bbs_list04 table .date{position: absolute; top: 0px; right: 0;}

.bbs_list04 .t_check{ left: inherit; right: 0; top:0px; }
.notice_tip:before{display: none;}
}






/* 게시판 페이지링 */
.bbs_page{text-align:center;}
.bbs_page *{ box-sizing:border-box;}
.bbs_page ul{ display: flex; justify-content: center; flex-wrap: wrap;}
.bbs_page ul li{ border:1px solid #ccc; width:45px; height:45px;line-height:45px; border-radius: 2px; overflow: hidden; font-size:16px; margin:0 3px;}
.bbs_page a{display:block; height: 100%; text-align:center; border-radius: 2px;}
.bbs_page a:hover, 
.bbs_page a:focus{background:#ddd;}
.bbs_page a img{margin-top:-4px; vertical-align:middle;}
.bbs_page .active{font-weight:bold; color:#fff; background:#000; border:none;}

 @media all and (max-width :767px) {
.bbs_page ul li{width:35px; height:35px;line-height:35px; font-size:15px; margin:0.5px;}
.bbs_page a img{ margin-top:-1px; height: 13px;}

}



/*bbs_list02 // 분석보고서********************************************************/
.bbs_list02 {line-height: 1.6em;}
.bbs_list02 *{ box-sizing:border-box;}
.bbs_list02 ul {display: flex; flex-wrap: wrap;}
.bbs_list02 .item_box{position: relative;  vertical-align: top;  margin:10px 0; }
.bbs_list02 .item_box .sns{position: absolute; z-index: 5; display: inline-block; top: 10px; right: 10px; width: 50px; height: 50px; border-radius:50%; overflow: hidden; background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: 40px;}
.bbs_list02 .item_box a{position:relative; display:block; overflow:hidden; font-size:16px; border:1px solid #e7e7e7; border-radius: 20px; }
.bbs_list02 .item_box a > span{ display:block; overflow:hidden;}
.bbs_list02 .item_box a img { transition: all 0.4s;}
.bbs_list02 .item_box a:hover img{transform:scale(1.2, 1.2);}
.bbs_list02 .item_box a > span:nth-of-type(1){ height:280px; display: flex; align-items: center;}
.bbs_list02 .item_box a > span:nth-of-type(1) > img{max-width:100%; min-height: 100%; height:auto; display: flex; align-items: center;}
.bbs_list02 .item_box a .txt_box{ position: relative; margin:20px 30px 30px 30px; display:block; }
.bbs_list02 .item_box a .txt_box > strong{display: block; font-weight: 400; overflow:hidden; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px;}
.bbs_list02 .item_box a:hover .txt_box > strong{ text-decoration: underline;}
.bbs_list02 .item_box a .txt_box > em{ /*position: absolute; bottom: 00px; */display: block; width: 100%;  font-size: 16px; color: #777;}

.bbs_list02 .item_box a .txt_box > em > b{float: right;background: url("/images/icon_man.png") left center no-repeat; display: inline-block; padding-left: 18px;}
.bbs_list02 .item_box a .txt_box > em:after{display: block; content: ''; clear: both;}

.bbs_list02 .item_box a:hover{box-shadow:0px 0px 10px rgba(0,0,0,0.1); border:2px solid #68b3fb;}

.bbs_list02 .col03 li{width:31.33%;margin-right: 3%;}
.bbs_list02 .col03 li:nth-of-type(3n+3){margin-right: 0%;}
.bbs_list02 .col04 li{width:23.5%; margin-right: 2%;}
.bbs_list02 .col04 li:nth-of-type(4n+4){margin-right: 0%;}

@media all and (max-width :1280px) {
.bbs_list02 .item_box a > span:nth-of-type(1){ height:230px; }
}

@media all and (max-width :1023px) {
	
.bbs_list02 .col03 li{width:48%;margin-right: 4%;}
.bbs_list02 .col03 li:nth-of-type(3n+3){margin-right: 4%;}
.bbs_list02 .col03 li:nth-of-type(2n+2){margin-right: 0%;}
	
.bbs_list02 .col04 li{width:48%;margin-right: 4%;}
.bbs_list02 .col04 li:nth-of-type(4n+4){margin-right: 4%;}
.bbs_list02 .col04 li:nth-of-type(2n+2){margin-right: 0%;}
}


@media all and (max-width :600px) {
.bbs_list02 .item_box a > span:nth-of-type(1){ height:auto;max-height: 250px;}
.bbs_list02 .item_box a > span:nth-of-type(1) > img {height:auto; }
.bbs_list02 .item_box a .txt_box{ margin:20px;}
	
.bbs_list02 .col03 li{width:100%;margin-right:0%;}
.bbs_list02 .col03 li:nth-of-type(3n+3){margin-right: 0%;}
.bbs_list02 .col04 li{width:100%;margin-right:0%;}
.bbs_list02 .col04 li:nth-of-type(4n+4){margin-right: 0%;}

}






/*분석보고서 상세*/
.bbs_view{border:1px solid #e7e7e7; border-radius: 20px; padding: 30px;}
.bbs_view .title{  position:relative;font-size: 24px; font-weight: 600; border-bottom: solid 2px #16278e; padding-bottom: 20px;}
.bbs_view .title .file_link{ position: absolute; height: 24px; top: 2px; right: 0px; font-size: 16px;}
.bbs_view .title .file_link a{ display: block; background: url("/images/icon_download.png") left top no-repeat; background-size: 23px; padding-left: 30px; line-height: 24px; }
.bbs_view .pdf_guide{margin-top: 30px; text-align: center;}
.bbs_view .pdf_guide .pdf-page {
	margin-bottom: 20px;		/* 페이지 간 간격 */
	border: 1px solid #ccc;		/* 테두리 추가 */
	padding: 10px;				/* 테두리와 내용 사이의 여백 */
	box-shadow: 2px 2px 10px rgba(0,0,0,0.1); /* 약간의 그림자 효과 */
	display: block;/* 캔버스를 block 요소로 설정 */
    margin: 0 auto; /* 수평 가운데 정렬 */
	max-width: 100%;
}
@media all and (max-width :767px) {
	.bbs_view .title{padding-right: 30px; font-size: 20px; word-break: keep-all;}
	.bbs_view .title .file_link{ top:inherit; bottom: 20px; }
	.bbs_view .title .file_link{ width: 24px; overflow: hidden;}
}




/* bbs_view01 ************************************************************************************/
.bbs_view01 {border-bottom:1px solid #000; clear:both; margin-bottom:40px;}
.bbs_view01 *{ box-sizing:border-box;}

/* bbs_view01 // 타이틀 */
.bbs_view01 .bv_title{font-size:20px; padding:15px 2% 15px 2%; text-align: left; line-height:32px;border-top:2px solid #000; border-bottom:1px solid #000; letter-spacing:-1px; color:#000;}
.bbs_view01 .bv_title span{ line-height:22px; vertical-align:middle; margin-top:-3px; }
.bbs_view01 .bv_title i{ font-style:normal; display:inline-block; padding:0px 10px; border:1px dotted #a5b3cf; background:#eaecef; color:#4a5a79; border-radius:3px; font-size:15px;line-height:22px;}
.bbs_view01 .bv_info { padding:12px 2%; border-bottom:1px solid #dedede; font-size:0;}
.bbs_view01 .bv_info > span { font-size:15px; line-height:25px; display:inline-block; width:auto; margin-right:50px; vertical-align:top;}
.bbs_view01 .bv_info strong { color:#1a3c93; font-weight:400; margin-right:15px; font-size:15px;}

/* bbs_view01 // 컨텐츠 */
.bv_content {padding:30px; clear:both; line-height:1.8em; font-size:16px; width:100%; color:#000;}
.bv_content div{}
.bv_content img{ text-align:center; max-width:80%; margin-bottom:10px;}
.bv_content_img{ text-align:center;}
.bv_content_img p, .bv_content_img figure figcaption{ text-align:center;}
.bv_content .bv_content_img iframe, .bv_content .bv_content_img video{ width:100% !important; margin:0 auto;}
.bv_content .bv_content_img iframe{height: 520px;}
.bv_content_img figure{ text-align: center;}



.bv_content .bv_content_text *{ word-break:keep-all; box-sizing:border-box;}
.bv_content .bv_content_text p{}
.bv_content .bv_content_text div{}
.bv_content .bv_content_text table{ margin:10px 0; font-size:15px;width:100% !important;}
.bv_content .bv_content_text table td{ padding:5px;}
.bv_content .bv_content_text table, .bv_content .bv_content_text table th, .bv_content .bv_content_text table td{ border:1px solid #ccc;}
.bv_content .bv_content_text table th{background:#f6f6f6;}

/* bbs_view01 // 첨부파일 */
.bbs_view01 .bv_file01 {padding:20px;border-top:1px solid #dedede; background:#f6f6f6;}
.bbs_view01 .bv_file01 li{ display:inline-block;}
.bbs_view01 .bv_file01 span{ display:inline-block; padding:0 10px 0 25px; background:url('/images/icon_file01.png') left 1px no-repeat;}
.bbs_view01 .bv_file01 span a{ padding:4px 0; display:inline-block;}

@media all and (max-width :1024px) {
.bv_content{padding:30px 0;}

.bv_content .bv_content_img iframe{height: 380px;}
}

@media all and (max-width :767px) {

/* bbs_view01 */
.bbs_view01{margin-bottom: 20px;}
.bbs_view01 .bv_title{font-size:17px; padding:10px 2%;}
.bbs_view01 .bv_info { padding:10px 2%;}
.bbs_view01 .bv_info > span {font-size:14px; margin-right:20px;}
.bbs_view01 .bv_info strong {font-size:14px;margin-right:10px;}

.bv_content .bv_content_img iframe{height:200px;}

.bbs_view01 .bv_file01 {padding:7px 2%;}
.bbs_view01 .bv_file01 span{padding:0 10px 0 20px; background:url('/images/icon_file01.png') left 5px no-repeat; background-size:13px; font-size:13px;}

.bv_content{padding:20px 0; font-size:14px;}
.bv_content img{max-width:100%; height: auto !important;}
.bv_content .bv_content_text{ overflow:hidden;}
.bv_content .bv_content_text a{ word-break:break-all !important;}
.bv_content .bv_content_text iframe{ width:100% !important;}
.bv_content .bv_content_text table{font-size:14px;}
.bv_content .bv_content_text table th, .bv_content .bv_content_text table td{ word-break:break-all !important;}
}



/* bbs_vlist// 이전다음글게시판**************************************************/
.bbs_vlist{border-top:1px solid #555; border-bottom:1px solid #555; margin-bottom:40px;}

.bbs_vlist ul li{ padding:15px 10px; border-bottom:1px solid #ccc;color:#000; line-height:1.5em; }
.bbs_vlist ul li *{ vertical-align: middle;display:inline-block; }
.bbs_vlist ul li > span{ background:#152b75; color:#fff; text-align: center; margin-right: 20px; padding:5px 10px; font-size:14px; width:70px; border-radius: 5px; }
.bbs_vlist ul li a{width: calc(100% - 100px);}
.bbs_vlist a:hover{ text-decoration:underline;}


@media all and (max-width :767px) {
/* bbs_vlist// 이전다음글게시판*/
.bbs_vlist{margin-bottom:20px;}
.bbs_vlist ul li > span{ margin-right: 10px; padding:3px 5px; font-size:12px; width:50px; }
.bbs_vlist ul li a{width: calc(100% - 70px); font-size:14px;}

}




/* 약관 동의서*/
.bbs_agree{margin-bottom:30px;}
.bbs_agree .bbs_agree_txt{ border:1px dashed #ccc; padding:30px; margin-bottom:10px; border-radius: 15px;}
.bbs_agree p{ text-align:center;}

@media all and (max-width :767px) {
.bbs_agree .bbs_agree_txt{ padding:20px;}	
}

/* bbs_write01 */
.bbs_write01{clear:both;margin-bottom:40px;border:1px solid #e7e7e7; border-radius:15px; overflow: hidden;}
.bbs_write01 *{ box-sizing:border-box;}
.bbs_write01 table{ width:100%;/*border-top:2px solid #16278e; */}
.bbs_write01 table tr{border-top:1px solid #e7e7e7;}
.bbs_write01 table tr:first-of-type{border-top:none;}
.bbs_write01 th {font-size:15px; padding:10px 2%; word-break:keep-all !important; width:15%;}
.bbs_write01 td { padding:15px 2%;text-align:left;}
.bbs_write01 input[type=text]{  padding:0 1%; height: 40px;background:#f2f2f2; border:none;margin:1px 0; }
.bbs_write01 select{line-height:35px; padding:0 1%; background-color:#f2f2f2; border:none; height:40px; vertical-align: middle;margin:1px 0;}
.bbs_write01 .bw_text01{ margin:10px 0; background:#f2f2f2; border:none; border-radius: 5px; overflow: hidden;}
.bbs_write01 .bw_text01 > textarea{ width:100%; height:150px; border:0;background:transparent; }
.bbs_write01 table td .bbs_txt01{ font-size:14px;background:url('/images/board/icon08.gif') left center no-repeat; padding-left: 15px;}
.bbs_write01 .bbs_w50{width: 50%;}


@media all and (max-width :1023px) {
.bbs_write01 th {width:18%;}
}

@media all and (max-width :767px) {

/*bbs_write01*/
.bbs_write01{margin-bottom:20px;}

.bbs_write01 table{ line-height:1em;}
.bbs_write01 table td{ display:block;border-left:none; text-align:left; padding:10px 5%;}
.bbs_write01 table th{display:block; font-size:14px; background: none; border-left:none; border-bottom:none; text-align:left; padding:15px 5% 0 5%; width:100%;}
	.bbs_write01 input[type=text], .bbs_write01 input[type=file]{ width:100%;}
.bbs_write01 .bbs_w50{width:100% !important;}

}




/*버튼 스타일************************************************************************************/
.bbs_btn_guide{ margin-bottom:50px; vertical-align:top;text-align: center;}
.cbtn_style{font-size:15px; padding:4px 7px; border-radius:3px; border:0px solid; letter-spacing:-0.05em; font-weight: 400;}/*컨텐츠내 버튼*/
.sbtn_style{font-size:14px; padding:3px 7px; border:0px solid;border-radius:3px; letter-spacing:-0.05em;}/*작은버튼*/
.btn_style{font-size:18px; padding:0px 50px; min-width: 250px;font-weight: 600; letter-spacing:-0.05em; border-radius: 35px; display:inline-block; height:65px; line-height:65px; vertical-align:top; box-shadow: 0 5px 5px rgba(0,0,0,0.1)}/*기본버튼*/


.btn_red {color: #fff;background:#ea2c00;}
.btn_blue {color: #fff;background:#005ede;}
.btn_purple {color: #fff;background:#4e00de;}
.btn_navy {color: #fff;background:#1e2459;}
.btn_orange{color: #fff;background:#ff6000;}
.btn_green {color: #fff;background:#539801;}
.btn_black {color: #fff;background:#000;}
.btn_gray {color: #fff;background:#555;}

.btn_line_blue {color: #000; border: 2px solid #2764d0 !important; background: #fff;}

.btn_white {color:#000;background:#f5f5f5; border:1px solid #ccc !important;}
.btn_white:hover, .btn_white:focus{ border:1px solid #ccc !important;}

@media all and (max-width :1024px) {
.btn_style{min-width: inherit;}/*기본버튼*/

}

@media all and (max-width :767px) {
.bbs_btn_guide{ margin-bottom:20px;}
.cbtn_style{font-size:14px;}
.sbtn_style{font-size:14px;}
.btn_style{font-size:16px; height:50px; line-height:50px;padding:0px 25px; }/*기본버튼*/

}




.tooltip-inner {
    text-align: left !important;	/* 텍스트 왼쪽 정렬 */
	max-width: 400px !important;	/* 툴팁 가로 크기 설정 */
}
@media all and (max-width :480px) {
	.tooltip-inner {max-width: 90% !important;	/* 툴팁 가로 크기 설정 */
	margin: auto;}	
}

.focused {
  background-color: #e9ecef; /* 포커스된 항목의 배경색 */
}

.text_bold { font-weight:bold !important; }

