@charset "utf-8";

/*
@import url(dhoon_css_form.css);
@import url(dhoon_css_poplayer.css);
@import url(dhoon_css_button.css);
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* reset */

html, body{
	width: 100%;
	height: 100%;
	font-size : 14px;
}

a { color:blue;text-decoration:none; }

hr { margin-top: 3px; margin-bottom: 3px; }

button { cursor:pointer; }

/* 파티클 */
particle {
  left: 0;
  top: 0;
  pointer-events: none;
  position: fixed;
  opacity: 0;
}

._bug_fix_tab_:focus { outline: none; } /* jquery tab 보드라인 버그픽스 */

.left { text-align: left; }
.div_left { float: left; }
.div_right { float: right; }
.div_box1 { width:100%;  height:20px; border:1px solid #000000; }

.div_underline { border-bottom:1px solid #eee; height:1px; }

.div_clear { clear : both; }

.div_w100_h100 { width: 100%; height: 100%; position: relative; }

.hr_w100 { width:100% } /* 미사용 */
.hr_td_vertical { height:100%; position:relative; padding:0 2px;} /* hr_td_div_vertical 와 같이 사용 */
.hr_td_div_vertical { border-left:1.2px solid #ccc; height:100%; display:inline-block; position:absolute; top:0; bottom:0; }

.align_center { text-align:center; }
.align_right { text-align:right; }

.dp_none { display:none; }
.dp_block { display:block; }
.dp_inline { display:inline; }
.dp_inline_block { display:inline-block; }

.t_a_left { text-align:left; }
.t_a_center { text-align:center; }
.t_a_right { text-align:right; }

.txta_wh100_calc {
	width: calc(100% - 3px);
	height: calc(100% - 6px);
}

.txta_wh100_calc_asvp3 {
	width: calc(100% - 6px);
	height: calc(100% - 9px);	
}

.iframe_wh100_calc {
	width: calc(100% - 2px);
	height: calc(100% - 2px);	
}

.float_left { float:left; }
.float_right { float:right; }

.border1 { border:1px solid #000000; }

.table_default { width: 100%; border: 0; }

.width_100 { width: 100%; }
.width_1pc1 { width: 100%; }
.width_2pc1 { width: 50%; } 
.width_3pc1 { width: 33%; }

.width_height_100 { width: 100%; height: 100% }

.display_none { display: none; }

.hover_color_blue {}
.hover_color_blue:hover {
	color:blue;
}
.hover_bgcolor_blue {
	cursor:pointer;
}
.hover_bgcolor_blue:hover {
	background-color: #aaf;
}

.btn_dh_exe_box *:hover,
.btn_dh_exe_box *:active,
.btn_dh_exe_box *:focus{color:red}
.btn_dh_exe { color:rgb(4, 74, 224); }
.btn_dh_exe:hover {
	box-shadow: 0 2px 2px rgb(0 0 0 / 20%), 0 5px 5px rgb(0 0 0 / 5%);
}

.btn_dh_exe_v2 {  /* 이거 포기 */
	color: rgb(4, 74, 224);
	/* background-color: rgb(255, 255, 225); */
	background-color: rgba(248, 248, 248, 248);
	border-color: rgba(248, 248, 248, 248);
	border-radius: 4px;
}

/* 미사용 실행버튼 */
.btn_dh_exe__not_use_func {
	color: #000000;
	background-color: red;
}


.btn_dh_help_copy { margin : 1px 0px 1px 0px; padding : 1px 0px 2px 0px; 
	background-color : rgb(238, 238, 238);
	cursor:pointer;
}

/*.btn_dh_help { color:black; }*/
.btn_dh_help {
	margin : 1px 1px 1px 1px; padding : 1px 2px 1px 2px;
	cursor: pointer;
	/*background-color : rgb(238, 238, 238);*/
}

.btn_dh_line_count {
	/* background-color : #fafafa; */
	/* border-width : 1px; */
	/* border-color : #aaaaaa; */
	/* border-style : none; */
}

.input_dh_orgtxt { /* 원본Text, 대상Text, 결과Text */
	width : 52px;
	height : 20px;
	text-align : center;
	background-color : #eeffee;
	border-width : 1px;
	border-color : #aaaaaa;
}

.input_dh_res_title { /* 결과Text 제목 */
	width : 100px;
	height : 24px;
	text-align : center;
	background-color : #fff;
	border-width : 1px;
	border-color : #fefefe;
}

.lbl_dh_td { margin : 0px 0px 0px 0px !important;}

/* label checkbox */
.lbl_checkbox { cursor:pointer; }
.lbl_checkbox input { cursor:pointer; }

.lbl_checkbox_rollclass_title { /* 역할 분류 체크박스 제목 */
	cursor: pointer;
	font-size: 18px;
	font-weight: 700;
}
.lbl_checkbox_funcCateg_title { /* 기능 분류 체크박스 제목 */
	cursor: pointer;
}

/* label radio */
.lbl_radio { cursor:pointer; }
.lbl_radio input { cursor:pointer; }


.title { 
	font-size: 18px; 
	font-weight: bold; 
}
.title_sub { 
	/*font-size: 14px; */
}

.cursor_pointer {
	cursor:pointer;
}

/* ------------------- */
/* flex box (default)  */
/* ------------------- */
.dh_flex_box {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
}
.dh_flex_item {
	flex: 0 1 auto;
}


/*
* 실행버튼V2
*/
.body_btnexe_v2 {
	width:100%;
}
.body_btnexe_v2 .div__categ_exe_btn {
	text-align: left;
}
/* 실행버튼 div -- flex 버전 */
.body_btnexe_v2 .exe_btn_box__flex {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;  /* center 로 할 경우 가로스크롤에 문제, space-between 정상 */
	align-items: flex-start;
	align-content: flex-start;
	overflow: auto;
}
.body_btnexe_v2 .exe_btn_box__flex_item {
	flex: 0 1 auto;
	padding: 0px 3px;
}
/* 실행버튼 div -- grid 버전 */
.body_btnexe_v2 .exe_btn_box__grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	justify-content: space-between;  /* center 로 할 경우 가로스크롤에 문제 */
	overflow: auto;
}
.body_btnexe_v2 .exe_btn_box__grid_item {
}
/* 실행버튼 div -- table 버전 */
.body_btnexe_v2 .exe_btn_box__tblbox {
	width: 100%;
	text-align: center;
	overflow: auto;
}
.body_btnexe_v2 .exe_btn_box__tbl {
	display: table;
}
.body_btnexe_v2 .exe_btn_box__tbl_row {
	display: table-row;
}
.body_btnexe_v2 .exe_btn_box__tbl_cell {
	display: table-cell;
	padding: 0px 3px;
}

/*
* 화면로딩
*/
.dh_exeloading {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	display: table;
	opacity: 0.7;
	background: white;
	z-index: 9999;
	text-align: center;
	cursor:default;
}
.dh_exeloading .tbl_box {
	width: 100%;
	height: 100%;	
	display: table-cell;
	vertical-align:middle;
	background-color: rgba(255, 255, 255);
}
.dh_exeloading .tbl_cellbox {
	width: 100%;
	height: 100px;
	display: table;
	opacity: 1;
	vertical-align: middle;
	background-color: rgba(255, 240, 240);
	
}
.dh_exeloading .tbl_cellbox_cell {
	display: table-cell;
	vertical-align: middle;
}
.dh_exeloading .btn_exe {
	margin: 0px 5px;
}
.dh_exeloading a button {
	cursor:pointer;
}

/* ------------------ */
/* 스크롤바 (default) */
/* ------------------ */
.dh_scroll{
	overflow-y: auto;
	box-sizing: border-box;
}
.dh_scroll::-webkit-scrollbar {width: 10px; background-color: transparent;}
.dh_scroll::-webkit-scrollbar-track {background-color: rgba(200, 200, 200, 0.3);}
.dh_scroll::-webkit-scrollbar-thumb {background-color: rgba(170, 170, 200, 0.8);}
.dh_scroll::-webkit-scrollbar-thumb:hover {background-color: rgba(150, 150, 150, 1);}

/* 스크롤바 가로 세로 */
.dh_scroll_xy{
	overflow-x: auto;
	overflow-y: auto;
	box-sizing: border-box;
}
.dh_scroll_xy::-webkit-scrollbar {width: 10px; background-color: transparent;}
.dh_scroll_xy::-webkit-scrollbar-track {background-color: rgba(200, 200, 200, 0.3);}
.dh_scroll_xy::-webkit-scrollbar-thumb {background-color: rgba(170, 170, 200, 0.8);}
.dh_scroll_xy::-webkit-scrollbar-thumb:hover {background-color: rgba(150, 150, 150, 1);}

/* textarea 스크롤 */
textarea::-webkit-scrollbar {width: 10px; background-color: transparent;}
textarea::-webkit-scrollbar-track {background-color: rgba(200, 200, 200, 0.3);}
textarea::-webkit-scrollbar-thumb {background-color: rgba(170, 170, 200, 0.8);}
textarea::-webkit-scrollbar-thumb:hover {background-color: rgba(150, 150, 150, 1);}

/* iframe 스크롤 */
iframe::-webkit-scrollbar {width: 10px; background-color: transparent;}
iframe::-webkit-scrollbar-track {background-color: rgba(200, 200, 200, 0.3);}
iframe::-webkit-scrollbar-thumb {background-color: rgba(170, 170, 200, 0.8);}
iframe::-webkit-scrollbar-thumb:hover {background-color: rgba(150, 150, 150, 1);}

/**************************************************************
 * 일반 테이블 스타일
 **************************************************************/

.div_table { display: table; width: 100%; }
.div_table_head { display: table-header-group; }
.div_table_body { display: table-row-group; }
.div_table_row { display: table-row; }
.div_table_cell { display: table-cell; }
.div_table_cell_title { font-weight:600; text-align:center; } /* head 제목 */
.div_table_row__clickfocus { background-color : #faa; } /* 선택한 row focus */

/* 셀 라인 */
.div_table_cell_line {
	border-bottom : 1px solid #aaa;
}
.div_table_cell_line_topbottom {
	border-top : 1px solid #aaa;
	border-bottom : 1px solid #aaa;
}


/**************************************************************
 * copysc.html style
 **************************************************************/
.cls_divTd123 { overflow:auto; } /* 첫번째 */
.cls_divTd123_table { width:100%; height:100%; }
.cls_divTd123_td { vertical-align: middle; } /* 실제 */

.cls_divAlertMsg { display:none; width:99%; text-align:center; background-color:#eeeeaa; padding:5px; }
.cls_lblAlertMsg { margin-left:100px; color:red; font:normal normal normal 15px/normal Arial; }


/* 팝업 alert msg */
.div_alert_msg { display:none; width:99%; text-align:center; background-color:#eeeeaa; padding:5px; }
.div_alert_msg .lbl_alert_msg { margin-left:100px; color:red; font:normal normal normal 15px/normal Arial; }



/* 조건입력영역 - 타이틀 div */
.div_cond_func_title {
	display: table;
	width: 100%;
	height: 100%;
}
.div_cond_func_title__focus { /* 강조 */
	background-color: #fff5f5;
	/*color: blue;*/
}
.div_cond_func_title__focus_cont { /* 강조 */
	background-color: rgba(255, 255, 210, 0.9);
}
.div_cond_func_title_cell {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 100%;	
}
.div_cond_func_title_cell label {
	font-weight: 600;
	text-align: center;
	margin: 0px !important;
	word-break: keep-all;
}

/**************************************************************
 * 조건입력 영역 테이블 스타일
 **************************************************************/

.cdin_div_table { display: table; width: 100%; }
.cdin_div_table_head { display: table-header-group; }
.cdin_div_table_body { display: table-row-group; }
.cdin_div_table_row { display: table-row; }
.cdin_div_table_cell { display: table-cell; }
.cdin_div_table .txtalign_center { text-align: center; }


/**************************************************************
 * 계산기 관련 테이블 스타일
 **************************************************************/

.eleccalc_div_table { display: table; width: 100%; }
.eleccalc_div_table_row { display: table-row; }
.eleccalc_div_table_cell { display: table-cell; }
.eleccalc_div_table .elclc_cell2 { padding: 2px 0px; }
.eleccalc_txt_title_bg { background-color:#ececec; }


/****************
** 템플릿 팝업 관련
****************/
.divTemplatePopupBox {
	/*font-size: 14px;*/
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	/*border: 1px solid #111;*/
	/*background-color: pink;*/
}

/* ui-dialog-content : padding 재정의 */
.ui-dialog .ui-dialog-content {
	/* padding: 0em !important;
	*/ /* 하지 말자 */
}

/*********
* 팝업 관련 - 마지막 버튼 박스
**********/
.last_btn_box {  }
.last_btn_box button { font-size: 16px; font-weight:600; }


/**************************************************************
 * 템플릿 치환 - 템플릿 저장
 **************************************************************/
.trm_tsp__td_label {
	font-size: 18px;
	font-weight: 600;
}
/* 템플릿 목록에서 포커스 된 row */
.trm_tsp__loadlist_focus_row {
	background-color : #faa;
}


/**************************************************************
 * 구구단 - 메인 스타일
 **************************************************************/

/* 구구단 - 메인 content flex box */
.ggd_content_flex_box {
	/*width:100%;
	height:100%;*/
	min-width: 500px;
	min-height: 100px;
	/*background-color: #f6f6ff;*/
	background-color: #fefefe;
	justify-content: center;
}
/* 구구단 - 왼쪽 숫자 box */
.ggd_lft_num_box {
	box-sizing: border-box;
	width: 220px; 
	border: 1px solid #999; 
	background-color: white;
	padding: 10px; 
	margin-right: 10px;
	font-size: 25px;
	min-width: 170px;
	overflow-y: auto;
}
/* 구구단 - 오른쪽 공그림 box */
.ggd_rgt_img_box {
	box-sizing: border-box;
	border: 1px solid #999;
	background-color: #fcfcfc;
	padding: 5px;
	min-width: 650px;
	overflow-y: hidden;
	overflow-x: hidden;
}
 
/* 구구단 - DhGuGuDan_UiEvent 에서 사용 */ 
.btnGugudanGaroGrp{
	margin:0px 5px;
	border-width:1px;
}
.btnGgdGaro_disable{
	background-color:#fafafa;
	color:black; 
}
.btnGgdGaro_enable{
	background-color:#ddddff;
	font-weight:700;
	color:blue;
}
.btnGgdGaro_complete{
	background-color:#ffffff;
	color:#eeeeee; 
}

.ggd_btnPrevNext_disable {
	background-color:#fafafa;
}
.ggd_btnPrevNext_enable {
	background-color:#ddddff;
	color:blue;
}

.ggd_div_num_basic {
	border:1px solid; 
	width:23px; 
	height:23px; 
	border-radius:15px; 
	text-align:center; 
	vertical-align:middle; 
	background-color:#333333;
}

.ggd_div_num_gray {
	border:1px solid; 
	width:23px; 
	height:23px; 
	border-radius:15px; 
	text-align:center; 
	vertical-align:middle;
	background-color:gray;
}

.ggd_div_num_basic_last {
	border:1px solid; 
	width:23px;
	height:23px;
	border-radius:15px; 
	text-align:center; 
	vertical-align:middle; 
	background-color:red;
}

.ggd_div_num_empty{
	border:none;
	width:23px;
	height:23px;
	/* border-radius:15px; */
	text-align:center; 
	vertical-align:middle; 
	background-color:white;
}

/* 구구단  go_prev, go_next div box */
.ggd_div_go_prevnext_box {
	display: inline-block;
	min-width: 40px;
	text-align: center;
}
.ggd_div_go_prevnext_title_box {
	display: inline-block;
	min-width: 240px;
	text-align: center;
	background-color: #ccf;
}

/* 구구단 - 문제(객관식) 보기 */
.ggd_div_qna_bogi_flex_box {
	display: flex;
}
.ggd_div_qna_bogi_flex_item {
	flex: 0 1 auto;
	border: 1px solid #000;
	min-width: 45px;
	height: 35px;
	margin: 0px 2px;
	font-size: 29px;
	color: black;
	background-color: rgba(150, 255, 150, 0.8);
	text-align: center;
	cursor: pointer;
	justify-content: center;
	align-items: center;
}
.ggd_div_qna_bogi_flex_item__hover { /* 하지말자 틀리고 난후에 색깔이 변하니까 헤깔림 */
	/*background-color: rgba(100, 255, 100, 1);*/
	color: blue;
}
.ggd_div_qna_bogi_flex_item__good {
	background-color: rgba(100, 100, 255, 0.9);
	color: blue;
}
.ggd_div_qna_bogi_flex_item__wrong {
	background-color: rgba(255, 100, 100, 0.9);
	color: red;
}

/* 구구단 go_prev, go_next 라벨 및 버튼 */
.ggd_lbl_go_prev_num{
	font-size:30px; font-weight:300; color:gray; opacity:0.5; margin-right:5px;
}
.ggd_lbl_go_next_num{
	font-size:30px; font-weight:300; color:gray; opacity:0.5; margin-left:5px;
}
.ggd_btn_go_prev {
	font-size:30px !important; font-weight:600; 
}
.ggd_btn_go_next {
	font-size:30px !important; font-weight:600; 
}
.ggd_curr_title {
	font-size:30px; margin:0px 20px; display:inline;
}

/* 구구단 - 3초 자동재생 버튼 */
.ggd_btn_goAuto_enable {
	background-color: #ddddff;
}
.ggd_btn_goAuto_disable {
	background-color: buttonface;
}

/* 구구단 - 기록시작 버튼 ( default, enable, disable ) */
.ggd_btn_keepScore_def {
	font-size: 18px !important;
}
.ggd_btn_keepScore_enable {
	background-color: #ddddff;
	cursor:pointer;
}
.ggd_btn_keepScore_disable {
	/* background-color: buttonface; */
	background-color: black;
	cursor:default;
}
.ggd_btn_keepScore_begin { /* 기록시작 */
	background-color: #ddddff;
	cursor:pointer;
}
.ggd_btn_keepScore_recording { /* 기록중 */
	background-color: #55ff55;
	cursor:default;
}



/* 구구단 - 기록결과보기 - 기록불러오기 - 한줄 */
.ggd_keepScoreResPop_loadList_oneline {
	text-decoration:underline; 
	font-weight:400;
	cursor:pointer;
}



/**************************************************************
 * 구구단 - 숫자10 테이블을 배치할 레이아웃 테이블
 **************************************************************/

.ggd_layout_table div {
	/* border: 1px solid blue; */
}

.ggd_layout_table {
	display: table;
	/*width:100%;*/
}

.ggd_layout_table_row{
	display: table-row;
}

.ggd_layout_table_cell{
	display: table-cell;
	width:160px;
	height:50px;
	vertical-align:top;
}

.ggd_layout_row_magin{
	display:table-row;
	height:20px;
}

/**************************************************************
 * 구구단 - 숫자10를 표시할 테이블
 **************************************************************/

.ggd_img_table{
	display: table;
	width:130px;
	margin:5px 0px;
}
.ggd_img_table div {
	border: 1px solid #f2f2f2;
}
.ggd_img_table_row{
	display: table-row;
}
.ggd_img_table_cell{
	display: table-cell;
	height: 25px;
	width: 25px;
	background-color: white;
}

/*
* 구구단 기록 저장 ( ksrp : KeepScoreResPop )
*/
.ksrp_disp_res_box {
	/* background-color: #efe !important; */
	width: calc(100% - 0px);
	/* height: 100%; */
	overflow-y: auto;
}

.ksrp_disp_lft_res_div {
	/* background-color: #fee !important; */
	overflow-y: auto;
}

.ksrp_disp_rgt_hist_div {
	/* background-color: #eef !important; */
	overflow-y: auto;
}

.ksrp_disp_rgt_res_div {
	/* background-color: #fef !important; */
	overflow-y: auto;
}


/**************************************************************
 * 환경설정 - 팝업창 크기 테이블 ( ecp : EnvConfigPop )
 **************************************************************/

/* 환경설정 - TAB Contents */
.ecp_tab_content_box {
	/*background-color: #efe !important;*/
	/* padding: 10px !important; */
	overflow-y: auto;
	height: 200px; /* resize 이벤트를 이용해서 script 로 처리하자 */
}

.ecp_tab_content_title_box {}
.ecp_tab_content_title_box label { font-weight: 600; }
.ecp_tab_content_title_box hr { margin-bottom: 5px; }
 
/* 환경설정 - 초기화 저장 버튼 box */
.ecp_init_save_btn_box {
	/*position: absolute;
	bottom: 30px;
	position: sticky;*/
	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	width: calc(100% - 25px);
	padding: 5px 10px;
}
.ecp_init_save_btn_box .btn_l_box {
	flex: 0 1 auto;
}
/*
.ecp_init_save_btn_box:after{
	content:''; display:block; clear:both;
}
*/


/* 환경설정 - 새창열기 탭 */
.ecp_newwndwurl_table{
	display: table;
	width:100%;
	margin:2px 0px;	
}
.ecp_newwndwurl_table div {
	border: 1px solid #efefef;
}
.ecp_newwndwurl_table_head{ display: table-header-group; }
.ecp_newwndwurl_table_body{ display: table-row-group; }
.ecp_newwndwurl_table_row { display: table-row; }
.ecp_newwndwurl_table_cell_head{
	display: table-cell;
	text-align: center;
	font-weight: 600;
}
.ecp_newwndwurl_table_cell{
	display: table-cell;
	text-align: center;
}

/* 환경설정 - 팝업창 크기 관련 */
.ecp_popsize_table{
	display: table;
	width:100%;
	margin:2px 0px;	
}
.ecp_popsize_table div {
	border: 1px solid #efefef;
}
.ecp_popsize_table_head{ display: table-header-group; }
.ecp_popsize_table_body{ display: table-row-group; }
.ecp_popsize_table_row { display: table-row; }
.ecp_popsize_table_cell_head{
	display: table-cell;
	text-align: center;
	font-weight: 600;
}
.ecp_popsize_table_cell{
	display: table-cell;
	text-align: center;
}

/* 환경설정 - 개발중인 기능 */
.ecp_devfunc_table{
	display: table;
	width:100%;
	margin:2px 0px;	
}
.ecp_devfunc_table div {
	border: 1px solid #efefef;
}
.ecp_devfunc_table_head{ display: table-header-group; }
.ecp_devfunc_table_body{ display: table-row-group; }
.ecp_devfunc_table_row { display: table-row; }
.ecp_devfunc_table_cell_head{
	display: table-cell;
	text-align: center;
	font-weight: 600;
}
.ecp_devfunc_table_cell{
	display: table-cell;
	text-align: center;
}


/**************************************************************
 * 백까지곱셈
 **************************************************************/
 

.num1to99_main_table {
	display: table;
}
.num1to99_main_table_row {
	display: table-row;
}
.num1to99_main_table_cell {
	display: table-cell;
	text-align: center;
	border: 1px solid #a2a2a2;
}
.num1to99_main_table_cell__solved{ /* 문제 풀었을 때 백그라운드 색깔 */
	background-color: #eeeeee;
}
.num1to99_main_table_cell_num {
	margin: 2px;
	width: 90px;
}
.num1to99_main_table_cell_num_up { /* 실제 숫자 1 ~ 99 표시 부분 */
	text-align: right;
	font-size: 45px;
	font-weight: 300;
	color: #009900;
}
.num1to99_main_table_cell_num_dn { /* 곱셈 표시 */
	text-align: right;
	font-size: 16px;
	color:red;
}
.num1to99_main_table_cell_num_up_color { 
	color: blue;
}
.num1to99_main_table_cell_num_up_num1 { /* 숫자1 css */
	color: gray; 
}

.num1to99_qna_answer_input { /* qna answer input */
	width:30px;
	text-align:center;
	margin: 2px 0px;
	background-color: #ffcccc;
}
.num1to99_qna_answer_input_correct { /* 정답인 경우 input */
	background-color: #55ff55;
}

.num1to99_qna__flex { /* 문제 정답 입력 박스 */
	display: flex;
	justify-content: center;
	/* align-items: flex-start; */
	align-items: center;
	overflow-x : auto;
}
.num1to99_qna__flex_item1 { /* 문제 숫자 */
	flex: 0 1 auto;
	margin: 0px 3px;
	font-size: 45px;
}
.num1to99_qna__flex_item2 { /* 정답 입력 input */
	flex: 0 1 auto;
	margin: 0px 3px;
	justify-content: center;
}
.num1to99_qna__flex_item3 { /* 정답 확인 버튼 */
	flex: 0 1 auto;
	margin: 0px 3px;
}
.num1to99_qna__flex_item4 { /* 오답 표시  */
	flex: 0 1 auto;
	margin: 0px 3px;
}


/**************************************************************
 * 같이보기
 **************************************************************/
 
.asvp_3txt_flex_box { /* 가로 3단 배치 flext box */
	display: flex;
}
.asvp_3txt_flex_item {
	flex: 1;
	/* border: 1px solid #a2a2a2; */
	/* height: 300px; */
	/* margin: 1px; */
}
.asvp_3txt_flex_item__title {
	text-align: center;
	border: 1px solid #a2a2a2;
	font-weight: 600;
}
.asvp_3txt_flex_item__content {
	border : 1px solid #a2a2a2;
	overflow-y: auto;
}



/**************************************************************
 * 날짜계산
 **************************************************************/

.dcal_jq_calendar_box { position:absolute; display:none;}


/**************************************************************
 * 물양계산
 **************************************************************/

/* 물양계산 탭 */
.tabwtcalc_lbl_wtname { color: #00f; font-weight: 600; }
.tabwtcalc_lbl_wtsize { color: #f00; font-weight: 600; }
.tabwtcalc_lbl_resnum { color: #b00; font-weight: 500; }
.tabwtcalc_lbl_resnum0 { color: #444; font-weight: 600; }
.tabwtcalc_lbl_resnum1 { color: #f00; font-weight: 500; }
.tabwtcalc_lbl_resnum2 { color: #f00; font-weight: 600; }
.tabwtcalc_lbl_resnum9 { color: #f00; font-weight: 600; }
.tabwtcalc_lbl_restxt { font-weight: 600; }
.tabwtcalc__div_dtl_calcres_box { background-color:#ffc; padding-left:80px; }
/* 물양계산 탭 - 모든결과 */
.tabwtcalc__div_all_calc_res_box { font-size: 16px; background-color:#feeeee; }
.tabwtcalc__div_all_calc_res_box .div_head { font-size: 18px; font-weight: 600; }
.tabwtcalc__div_all_calc_res_box .div_cont { font-size: 16px; font-weight: 400; padding-left: 80px; }
.tabwtcalc__div_all_calc_res_box .div_res_txt_normal { font-weight: 400; }
.tabwtcalc__div_all_calc_res_box .div_res_txt_bold { font-weight: 600; }
/* 물양계산 탭 - 수조추가 */
.wc_wtap__div_head { background-color : #eefeee; font-weight:500; font-size: 16px; padding: 3px 4px; } 
.wc_wtap__div_head .lbl_txt { font-weight:400; }
.wc_wtap__div_head .i_text { text-align: center; color:#f00; font-weight:500; }
.wc_wtap__div_head .i_text_num { text-align: center; color:#b00; font-weight:500; }
.wc_wtap__div_cont { background-color : #fff; padding: 3px 5px 3px 20px; }
.wc_wtap__div_cont .i_text { text-align: center; color: #b00; font-weight: 500; }
.wc_wtap__div_cont .i_text_wtsize { text-align: center; color: #f00; font-weight: 600; }
.wc_wtap__div_ex_box { padding: 2px 5px 2px 20px; }
.wc_wtap__lbl_ex_num { color:#b00; }
.wc_wtap__lbl_ex_txt { color:#55f; }
.wc_wtap__wtinst_btn_box { display:inline-block; padding: 0px 5px; }
.wc_wtap__last_btn_box { font-size: 16px; }
.wc_wtap__last_btn_box button { color:blue; font-weight:600; }
/* 물양계산 탭 - 수조추가 - 수조내구조물 */
.wtinst_lbl_winame { color: #00f; font-weight: 500; }
.wtinst_lbl_resnum { color: #b00; font-weight: 500; }
.wtinst__div_cont .i_text { text-align: center; color: #b00; font-weight: 500; }
.wtinst__div_cont .i_text_winame { text-align: center; color: #00f; font-weight: 500; }
/* 물양계산 탭 - 수조선택 -- 모든결과 */
.tabwtcalc__div_all_calc_res_box__wtchoice { font-size: 16px; background-color:#fef; }
.tabwtcalc__div_all_calc_res_box__wtchoice .div_head { font-size: 18px; font-weight: 600; }
.tabwtcalc__div_all_calc_res_box__wtchoice .div_cont { font-size: 16px; font-weight: 400; padding-left: 40px; }
.tabwtcalc__div_all_calc_res_box__wtchoice .div_res_txt_normal { font-weight: 400; }
.tabwtcalc__div_all_calc_res_box__wtchoice .div_res_txt_bold { font-weight: 600; }