/* 탱크교육 style */
/* CSS Document */
.w5 {width:5%; }
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}

.h5 {height:5px;}
.h10 {height:10px;}
.h15 {height:15px;}
.h20 {height:20px;}
.h25 {height:25px;}
.h30 {height:30px;}
.h35 {height:35px;}
.h40 {height:40px;}
.h45 {height:45px;}
.h50 {height:50px;}
.h55 {height:55px;}
.h60 {height:60px;}
.h65 {height:65px;}
.h70 {height:70px;}
.h75 {height:75px;}
.h80 {height:80px;}
.h85 {height:85px;}
.h90 {height:90px;}
.h95 {height:95px;}
.h100 {height:100px;}


.pd5 {padding:5px;}
.pd10 {padding:10px;}
.pd15 {padding:15px;}
.pd20 {padding:20px;}
.pd25 {padding:25px;}
.pd30 {padding:30px;}
/* 플로트 */
.fl{float:left;}
.fr{float:right;}
.fleft{float:left;}
.fright{float:right;}
/* 플로트 해제 */
.cl {clear:both;}
.clear{clear:both;}

/* 정렬 */
.ac {text-align:center !important;}
.al {text-align:left !important;}
.ar {text-align:right !important;}
.vat {vertical-align:top !important;}
.vam {vertical-align:middle !important;}
.center {text-align:center !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}

.del_str{text-decoration:line-through;color:#ccc}


/* 텍스트 */
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f17 {font-size:17px;}
.f18 {font-size:18px;}
.f19 {font-size:19px;}
.f20 {font-size:20px;}
.f21 {font-size:21px;}
.f22 {font-size:22px;}
.f22 {font-size:23px;}
.f24 {font-size:24px;}
.f25 {font-size:25px;}
.f26 {font-size:26px;}
.f27 {font-size:27px;}
.f28 {font-size:28px;}
.f29 {font-size:29px;}
.f30 {font-size:30px;}
.f35 {font-size:35px;}
.f46 {font-size:46px;}

.bold{font-weight:bold;}
.bold_100{font-weight:100;}
.bold_300{font-weight:300;}
.bold_400{font-weight:400;}
.bold_500{font-weight:500;}
.bold_700{font-weight:700;}
.bold_900{font-weight:900;}

.ls-1 {letter-spacing:-1px;}
.ls-2 {letter-spacing:-2px;}
.ls-3 {letter-spacing:-3px;}
.ls-4 {letter-spacing:-4px;}
.ls-5 {letter-spacing:-5px;}
.ls_1 {letter-spacing:1px;}

.fc_blue{color:#2a62c5}
.fc_ltblue{color:#2f7cb3}
.fc_ltblue a{color:#2f7cb3}
.fc_orange{color:#ff6000}
.fc_white{color:#fff}
.fc_yellow{color:#fff600}
.fc_green{color:#339933}
.fc_gray{color:#8b8b8b}
.fc_black{color:#000000}



/*문자열 색상*/
.clr_blue{color:#2a62c5}
.clr_ltblue{color:#2f7cb3}
.clr_ltblue a{color:#2f7cb3}
.clr_orange{color:#ff6000}
.clr_white{color:#fff}
.clr_green{color:#339933}
.clr_gray{color:#8b8b8b}
.clr_red{color:#ff0000}
.clr_brown{color:#b24c25}
.clr_navy{color:#1f4e87}
.clr_skygray{color:#91c3ea}

.boldtype{font-weight:bold}
.no{font-family:Tahoma}


.f_notosanskr{font-family:'Note Sans KR',sans-serif;}
.f_hanna{font-family:'Hanna',sans-serif;}

.red{color:#FF1A1A}
.blue{color:#2a62c5}
.ltblue{color:#2f7cb3}
.ltblue a{color:#2f7cb3}
.orange{color:#ff6000}
.white{color:#fff}
.yellow{color:#fff600}
.green{color:#339933}
.gray{color:#8b8b8b}
.black{color:#000000}
.brown{color:#C27152}

/* 줄 간격 */
.lh16{line-height:16px;}
.lh18{line-height:18px;}
.lh20{line-height:20px;}
.lh28{line-height:28px;}
.lh30{line-height:30px;}

/* 배경색상 */
.bg_white{background:#fff;}
.bg_yellow{background:#fff7a2;}
.bg_whiteyellow{background:#FFFBCA;}
.bg_blue{background:#f7f7ff;}
.bg_red{background:#fff7f7;}
.bg_red_white{background:#FEFCFC;}
.bg_darkred{background:#e97272;}
.bg_green{background:#e2fac9;}
.bg_green_white{background:#f6ffed;}
.bg_green_blue_white{background:#f4fbfd;}
.bg_blue_white{background:#edf0f5;}
.bg_gray{background:#f4f4f4;}
.bg_darkgray{background:#777777;}
.bg_darkblue{background:#028ee6;}
.bg_orange{background:#FFEBBD}
.bg_darkorange{background:#FF5811;}
.bg_pink{background:#ffcaff}
.bg_aaa{background:#aaaaaa}
.bg_000{background:#000000}

/*기본 txtbox , textarea*/
.tx20,.tx30,.tx50,.tx70,.tx75,.tx80,.tx100,.tx120,.tx140,.tx150,.tx200,.tx250,.tx300,.tx350,.tx400,.tx500,.tx550,.tx600,.tx650,.tx700,.tx800,.tx900,.tx_date{*margin-top:1px;padding:3px 0 0 4px;border:1px solid #9a9a9a;border-color:#9a9a9a #9a9a9a #9a9a9a #9a9a9a;color:#333;font-size:12px;height:16px}
.ta100,.ta150,.ta200,.ta300,.ta350,.ta400,.ta500,.ta550,.ta600,.ta650,.ta700,.ta750,.ta800,.ta900{*margin-top:1px;padding:3px 0 0 4px;border:1px solid #9a9a9a;border-color:#9a9a9a #d8d8d8 #d8d8d8 #9a9a9a;color:#333;font-size:12px;line-height:18px}
.tx20{width:20px}
.tx30{width:30px}
.tx50{width:50px}
.tx70{width:70px}
.tx75{width:75px}
.tx80{width:80px}
.tx100{width:100px}
.tx120{width:120px}
.tx140{width:140px}
.tx150{width:150px}
.tx200{width:200px}
.tx250{width:200px}
.tx300{width:300px}
.tx350{width:350px}
.tx400{width:400px}
.tx500{width:500px}
.tx550{width:550px}
.tx600{width:600px}
.tx650{width:650px}
.tx700{width:700px}
.tx800{width:800px}
.tx900{width:900px}
.tx_date,.txDt{width:66px}

.ta100{width:100px}
.ta150{width:150px}
.ta200{width:200px}
.ta300{width:300px}
.ta350{width:350px}
.ta400{width:400px}
.ta500{width:500px}
.ta550{width:550px}
.ta600{width:600px}
.ta650{width:650px}
.ta700{width:700px}
.ta750{width:750px}
.ta800{width:800px}
.ta900{width:900px}
.readonly{background-color:#eee}	/* read only type */
.eng{ime-mode:disabled}
.han{ime-mode:active}


/* PopUp */
#pop_wrap{width:100%;margin:0 auto}



/* pagn */
.pagn{padding:60px 0;text-align:center}
.pagn a,.pagn strong{display:inline-block;font-size:14px;font-weight:bold;position:relative;padding:6px 8px 4px;border:1px solid rgba(255,255,255,0);-moz-border-radius:5px;border-radius:5px;-webkit-border-radius: 5px; color:#888;text-decoration:none;vertical-align:middle}
.pagn strong{padding:0px 8px 0px;font-size:22px;color:#5181FF;}
.pagn .pre{margin-right:5px;padding:6px 6px 5px 16px;_padding-bottom:6px;background:url(/img/icon/bu_srch.gif) no-repeat 5px 12px}
.pagn .next{margin-left:5px;padding:6px 16px 5px 6px;_padding-bottom:6px;background:url(/img/icon/bu_srch.gif) no-repeat 100% 12px}
.pagn .pre_end{margin-right:4px;padding:6px 6px 5px 16px;_padding-bottom:6px;background:url(/img/icon/bu_srch.gif) no-repeat 2px -47px}
.pagn .next_end{margin-left:4px;*margin-left:0;padding:6px 16px 5px 6px;_padding-bottom:6px;background:url(/img/icon/bu_srch.gif) no-repeat 100% -47px}
.pagn .pre,.pagn .next,.pagn .pre_end,.pagn .next_end{position:relative;_top:2px;color:#ccc;font-size:13px;font-weight:500}
.pagn a:hover.pre{border:1px solid #e9e9e9;background:url(/img/icon/bu_srch.gif) no-repeat 5px -18px,#ffffff;}
.pagn a:hover.next{border:1px solid #e9e9e9;background:url(/img/icon/bu_srch.gif) no-repeat 100% -18px,#ffffff;}
.pagn a:hover.pre_end{border:1px solid #e9e9e9;background:url(/img/icon/bu_srch.gif) no-repeat 2px -77px,#ffffff;}
.pagn a:hover.next_end{border:1px solid #e9e9e9;background:url(/img/icon/bu_srch.gif) no-repeat 100% -77px,#ffffff;}
.pagn a.pre,.pagn a.next,.pagn a.pre_end,.pagn a.next_end{color:#565656}
.pagn a:hover{border:1px solid #ccc;background-color:#fff;color:#5181FF;text-decoration:none}

/* 기본 목록형 table */
.tbl_list{width:100%;border-top:1px solid rgba(140,140,140,0.4);padding:0;border-spacing:0;border-collapse:collapse}
.tbl_list th, .tbl_list td{border-bottom:1px solid rgba(140,140,140,0.4);padding:3px 5px 0 5px;font-weight:normal;height:22px;text-align:left;}
.tbl_list th{background-color: rgba(200,200,200,0.4);text-align:center}
.tbl_list th.pad5, .tbl_list td.pad5{padding:5px 0 3px 0}
.tbl_list th.pad10, .tbl_list td.pad10{padding:10px 0 7px 0}
.tbl_list .bold{font-weight:bold}
.tbl_list .no{font-family:Tahoma}
.tbl_list .money{font-family:Tahoma;text-align:right}

/* new 기본 목록형 table */
.tbl_new_list{width:100%;border-top:1px solid #000;padding:0;border-spacing:0;border-collapse:collapse}
.tbl_new_list th, .tbl_new_list td{border-bottom:1px solid rgba(140,140,140,0.4);padding:8px 10px;text-align:left;}
.tbl_new_list th{text-align:center;font-size:18px}
.tbl_new_list td{font-size:16px}
.tbl_new_list .bold{font-weight:bold}
.tbl_new_list .no{font-family:Tahoma}
.tbl_new_list .money{font-family:Tahoma;text-align:right}


/* new 기본 목록형 table */
.tbl_new_grid{width:100%;border-top:1px solid rgba(60,60,60,0.9);padding:0;border-spacing:0;border-collapse:collapse}
.tbl_new_grid th, .tbl_new_grid td{border-left:1px solid rgba(140,140,140,0.4);border-bottom:1px solid rgba(140,140,140,0.4);padding:8px 5px;text-align:left;font-size:14px}
.tbl_new_grid th:first-child, .tbl_new_grid td:first-child{border-left:1px solid rgba(255,255,255,0);}
.tbl_new_grid th{text-align:center;background:rgba(220,220,220,0.4);}


/* 기본 격자형 table */
.tbl_grid{width:100%;border-top:1px solid rgba(140,140,140,0.4);border-left:1px solid rgba(140,140,140,0.4);padding:0;border-spacing:0;border-collapse:collapse}
.tbl_grid th, .tbl_grid td{border-bottom:1px solid rgba(140,140,140,0.4);border-right:1px solid  rgba(140,140,140,0.4);padding:3px 5px 0 5px;font-weight:normal;height:22px;text-align:left}
.tbl_grid th{background-color:rgba(220,220,220,0.4);text-align:center}
.tbl_grid td{word-break:break-all};
.tbl_grid th.pad5, .tbl_grid td.pad5{padding:5px 0 3px 0}
.tbl_grid th.pad10, .tbl_grid td.pad10{padding:10px 0 7px 0}
.tbl_grid .bold{font-weight:bold}
.tbl_grid .no{font-family:Tahoma}
.tbl_grid .money{font-family:Tahoma;text-align:right}

/*table-세로선이 양쪽 사이드만 열림*/
.tbl_sopen{width:100%;border-top:1px solid rgba(140,140,140,0.4);padding:0;border-spacing:0;border-collapse:collapse}
.tbl_sopen th, .tbl_sopen td{border-bottom:1px solid rgba(140,140,140,0.4);border-right:1px solid  rgba(140,140,140,0.4);padding:5px 5px 3px 5px;font-weight:normal;height:25px;text-align:left}
.tbl_sopen th{background-color:rgba(220,220,220,0.4);text-align:center}
.tbl_sopen .no{font-family:Tahoma}
.tbl_sopen .first{border-left:1px solid rgba(140,140,140,0.4)}
.tbl_sopen .last{border-right:none}
.tbl_sopen .bold{font-weight:bold}
.tbl_sopen .no{font-family:Tahoma}
.tbl_sopen .money{font-weight:bold;text-align:right}

/* table 속(cell) table */
.tbl_cell{width:100%;border-top:1px solid rgba(240,240,240,0.2);border-left:1px solid rgba(240,240,240,0.2);padding:0;border-spacing:0;border-collapse:collapse}
.tbl_cell th, .tbl_cell td{border-bottom:1px solid rgba(240,240,240,0.2);border-right:1px solid rgba(240,240,240,0.2);padding:5px 5px 0 5px !important;font-weight:normal;text-align:left;height:15px !important}
.tbl_cell th{background-color:rgba(220,220,220,0.4);text-align:center}
.tbl_cell th.small, .tbl_cell td.small{font-size:11px}
.tbl_cell .last{border-right:none}
.tbl_cell .bold{font-weight:bold}
.tbl_cell .no{font-family:Tahoma;padding-top:0}
.tbl_cell .money{font-family:Tahoma;padding-top:0;text-align:right}

/* 달력 table */
.tbl_calendar{width:100%;border-top:1px solid #f4f4f4;border-left:2px solid #FFF;border-right:2px solid #FFF;padding:0;border-spacing:0;border-collapse:collapse}
.tbl_calendar td{border-bottom:1px solid #f4f4f4;border-right:1px solid #f4f4f4;}
.tbl_calendar th{text-align:center}



/* 선없는 table */
.tbl_noline{width:100%;padding:0;border-spacing:0;border-collapse:collapse}
.tbl_noline th, .tbl_noline td{padding:5px 5px 0 5px;font-weight:normal;height:20px;word-break:break-all}
.tbl_noline th{text-align:center}
.tbl_noline .bold{font-weight:bold}
.tbl_noline .no{font-family:Tahoma;padding-top:0}
.tbl_noline .money{font-family:Tahoma;padding-top:0;text-align:right}


.tbl_box_title{width:100%;border-top:2px solid #ccc;border-left:2px solid #ccc;padding:0;border-spacing:0;}
.tbl_box_title th, .tbl_box_title td{border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:7px 0px 5px 5px;}
.tbl_box_title th{color:#666;background:#eee}
.tbl_box_title td {background:#f8f8f8}

/* td onmouseover 배경색 */
td.mouseon{background:#e2f2ff}
td.mouseon img{border:1px solid #b8cabc}
td.mouseoff{background:#FFF}
td.mouseoff img{border:1px solid #FFF}

/* span_block */
.span_block{display:inline-block;padding:2px 4px}

/*검색결과 없음*/
.no_result{text-align:center;font-weight:bold;padding:100px 0;}


.hand{cursor:pointer}


.txt_ellipsis_h { /* 한 줄 자르기 */ display: inline-block; width: 225px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; line-height: 1.4; height: 8.5em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }

/* button */

/* button
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 1px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100%;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.1);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	cursor:pointer;
	box-sizing:border-box;
	
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}


.button_tiny{display:inline-block;padding:1px 3px;font-size:10px;font-weight:normal;border: 1px solid transparent;text-align: center;vertical-align: middle;cursor: pointer;}

.btn_big {font-size: 16px;padding: .6em 2em .62em;font-weight:bold}
.btn_medium {font-size: 13px;padding: .3em 1.5em .31em;}
.btn_small {font-size: 11px;padding: .2em 1em .2em;}
.norounded {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.bigrounded {-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}
/* color styles
---------------------------------------------- */

/* black */
.btn_black {color: #eee;border: solid 1px #333;background: #333;}
.btn_black:hover {background: #000;}
.btn_black:active {color: #aaa;}

/* gray */
.btn_gray {color: #FFFFFF;border: solid 1px #555;background: #6e6e6e;}
.btn_gray:hover {background: #616161;}
.btn_gray:active {color: #dfdfdf;}

/* white */
.btn_white {color: #222;border: solid 1px #cccccc;background: #ffffff;}
.btn_white:hover {background: #ededed;}
.btn_white:active {color: #888888;}

/* whitegray */
.btn_whitegray {color: #000000;border: solid 1px #cccccc;background:#e7e7e7}
.btn_whitegray:hover {background: #ddd;}
.btn_whitegray:active {}

/* orange */
.btn_orange {color: #fef4e9;border: solid 1px #da7c0c;background: #f78d1d;}
.btn_orange:hover {background: #f47c20;}
.btn_orange:active {color: #fcd3a5;}

/* red */
.btn_red {color: #FEFAFA;border: solid 1px #980c10;background: #d81b21;}
.btn_red:hover {background: #b61318;}
.btn_red:active {color: #F4D9DA;}

/* blue */
.btn_blue {color: #d9eef7;border: solid 1px #0076a3;background: #0095cd;}
.btn_blue:hover {background: #007ead;}
.btn_blue:active {color: #80bed6;}

/* rosy */
.btn_rosy {color: #fae7e9;border: solid 1px #b73948;background: #da5867;}
.btn_rosy:hover {background: #ba4b58;}
.btn_rosy:active {color: #dca4ab;}

/* green */
.btn_green {color: #e8f0de;border: solid 1px #538312;background: #64991e;}
.btn_green:hover {background: #538018;}
.btn_green:active {color: #a9c08c;}

/* tank */
.btn_tank {color: #FCFCFE;border: solid 1px #173891;background: #1B43A9;}
.btn_tank:hover {background: #132F77;}
.btn_tank:active {color: #D7DEF9;}

/* tank */
.btn_tank_1 {color: #FCFCFE;border: solid 1px #3486CF;background: #599bd8;}
.btn_tank_1:hover {background: #3083CD;}
.btn_tank_1:active {color: #D7DEF9;}

/* tank */
.btn_tank_2 {color: #FCFCFE;border: solid 1px #4567ED;background: #5474EE;}
.btn_tank_2:hover {background: #3083CD;}
.btn_tank_2:active {color: #D7DEF9;}

/* yellow */
.btn_yellow {color: #222;border: solid 1px #FFE21C;background: #FFE426;}
.btn_yellow:hover {background: #E8CB00;}
.btn_yellow:active {color: #6A5E00;}




.radius_5{-moz-border-radius:5px;border-radius:5px;-webkit-border-radius: 5px; }
.radius_10{-moz-border-radius:10px;border-radius:10px;-webkit-border-radius: 10px; }
.radius_20{-moz-border-radius:20px;border-radius:20px;-webkit-border-radius: 20px; }
.radius_30{-moz-border-radius:30px;border-radius:30px;-webkit-border-radius: 30px; }

.radius_10_t{-moz-border-radius:10px 10px 0px 0px;border-radius:10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px; }
.radius_10_r{-moz-border-radius:0px 10px 10px 0px;border-radius:0px 10px 10px 0px;-webkit-border-radius: 0px 10px 10px 0px; }
.radius_10_l{-moz-border-radius:10px 0px 0px 10px;border-radius:10px 0px 0px 10px;-webkit-border-radius: 10px 0px 0px 10px; }
.radius_10_b{-moz-border-radius:0px 0px 100px 10px;border-radius:0px 0px 10px 10px;-webkit-border-radius: 0px 0px 10px 10px; }

/* tooltip */
.tooltip{position: relative;cursor: pointer;display:inline-block;_display:block;text-decoration: none;color: #222;outline: none;}
.tooltip span{
  visibility: hidden;
  position: absolute; 
  bottom: 25px;
  left: 60%;
  z-index: 999;
  width: 200px;
  margin-left: -120px;
  padding: 10px;
  border: 2px solid #ccc;
  opacity: .9;
  background-color: #ddd;                     
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  
  -moz-border-radius: 4px;
  border-radius: 4px;  
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;  
  text-shadow: 0 1px 0 rgba(255,255,255,.4); 
}
.tooltip:hover{border: 0; /* IE6 fix */}
.tooltip:hover span{visibility: visible;}
.tooltip span:before,
.tooltip span:after{content: "";position: absolute;z-index: 1000;bottom: -7px;left: 10%;margin-left: -8px;border-top: 8px solid #ddd;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 0;}
.tooltip span:before{border-top-color: #ccc;  bottom: -8px;}

/* Yellow */
.yellow-tooltip span{border-color: #e1ca82;background-color: #ffeaa6;}
.yellow-tooltip span:after{border-top-color: #ffeaa6;}
.yellow-tooltip span:before{border-top-color: #e1ca82;}

/* Navy */
.navy-tooltip span{border-color: #fff;text-shadow: 0 1px 0 #000;border-color: #161a1f;background-color: #1e2227;}
.navy-tooltip span:after{border-top-color: #1e2227;}
.navy-tooltip span:before{border-top-color: #161a1f;}

/* green */
.green-tooltip span {border-color: #95c64e;background-color: #e4ffc0;}
.green-tooltip span:after{border-top-color: #e4ffc0;}
.green-tooltip span:before{border-top-color: #95c64e;}

/* Pink */
.pink-tooltip span{border-color: #ce4378;background-color: #ea4c88;}
.pink-tooltip span:after{border-top-color: #ea4c88;}
.pink-tooltip span:before{border-top-color: #ce4378;}


/* Blue */
.blue-tooltip span{border-color: #fff;border-color: #161a1f;background-color: #f9fcff;}
.blue-tooltip span:after{border-top-color: #f9fcff;}
.blue-tooltip span:before{border-top-color: #161a1f;}

.icon_q{display:inline-block;padding:3px 8px;font-size:14px;font-weight:bold;}

/* ### form ### */
/* input css 설정*/
input[type="text"], input[type="date"], input[type="number"], input[type="tel"], input[type="password"], input[type="search"], textarea, select{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type="text"], input[type="date"], input[type="number"], input[type="tel"], input[type="password"], input[type="search"], textarea, select {-webkit-border-radius: 0;	.background : none;	background : none\0;	background : none\0/;}
input[type="text"]:focus, input[type="text"]:focus, input[type="tel"], input[type="search"]:focus, input[type="search"]:hover, input[type="password"]:focus, input[type="password"]:hover, select:hover, select:focus,textarea.bg:hover{outline: 0;background-color:#FFFFFF;}

/* 기타 input css*/
.input_box textarea{padding:5px;border:solid 1px #bbb;}
.input_box textarea.bg{background:#F4FAFF}

input:-ms-input-placeholder { color:#aaa;font-weight:100 } 
input::placeholder { color:#aaa;font-weight:100 }
input::-webkit-input-placeholder { color:#aaa;font-weight:100 }
input::placeholder { color:#bbbbbb }

/* select */
select{background-image:url(/img/icon/sel_arr_2.png);background-position: 100% 50% ;background-repeat:no-repeat;width:100px;text-align:left;}
select option{padding:5px 2px;text-align:left;}
select::-ms-expand{ display:none;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
{
 select{ background-color:#FFF;background-image:url(/img/icon/sel_arr_2.png); background-position: 100% 50% ; background-repeat:no-repeat; }
 select:focus{background-color:#FFFFFF;}
}

/* textaere */
textarea::placeholder { color:#aaa;font-weight:100 }

/* 라디오 버튼 css 라디오, 선택라디오	width:95%; 넓이 주의*/
.inputWrap .chk  {display:none; position:absolute; right:10px; width:0%;}
.inputWrap .chk_ment {display:inline-block; height:19px;padding-left:25px;padding-top:0;background:url("/img/icon/icon_checkbox_off.png") no-repeat 0 2px; cursor:pointer;}
.inputWrap input:checked + .chk_ment {background:url("/img/icon/icon_checkbox_on.png") no-repeat left center;}
.inputWrap .rdo  {display:none; position:absolute; right:10px; width:0%;}
.inputWrap .rdo_ment {display:inline-block; width:125%;height:19px;padding-left:25px; background:url("/img/icon/icon_radio_off.png") no-repeat left 2px; cursor:pointer;}
.inputWrap input:checked + .rdo_ment {background:url("/img/icon/icon_radio_on.png") no-repeat left center;}
.inputWrap .rdo_1  {display:none; position:absolute; right:10px; width:0%;}
.inputWrap .rdo_ment_1 {display:inline-block; width:125%;height:19px;padding-left:20px; background:url("/img/icon/icon_radio1_off.png") no-repeat left 2px; cursor:pointer;}
.inputWrap input:checked + .rdo_ment_1 {background:url("/img/icon/icon_radio1_on.png") no-repeat left center;}
.input_box input[type="text"], .input_box input[type="password"], .input_box input[type="number"], .input_box input[type="tel"], .input_box input[type="search"] {height:20px;padding:6px;border-top:solid 1px #FFF;border-left:solid 1px #FFF;border-right:solid 1px #FFF;border-bottom:solid 1px #bbb;display:inline-block;background-color:#fff}
.input_box select{height:33px;padding:5px 15px 5px 10px;border-top:solid 1px #FFF;border-left:solid 1px #FFF;border-right:solid 1px #FFF;border-bottom:solid 1px #bbb;display:inline-block;margin-top:1px;background-color:#FFF}
.input_box_2 input[type="text"], .input_box_2 input[type="search"] {height:20px;padding:7px;border-top:solid 1px #bbb;border-left:solid 1px #bbb;border-right:solid 1px #bbb;border-bottom:solid 1px #bbb;display:inline-block;background-color:#fff}
.input_box_2 select{height:42px;padding:5px 15px 5px 10px;border-left:solid 1px #bbb;border-right:solid 1px #bbb;border-bottom:solid 1px #bbb;border-top:solid 1px #bbb;display:inline-block;margin-top:1px;background-color:#FFF}
.input_box_3 input[type="text"], .input_box_3 input[type="search"] {height:20px;padding:7px;border:transparent;border-bottom:solid 1px #000;display:inline-block;}
.input_box_3 select{height:42px;padding:5px 15px 5px 10px;border:transparent;border-bottom:solid 1px #000;display:inline-block;margin-top:1px;background-color:transparent}


.tx_20{width:20px}
.tx_30{width:30px}
.tx_50{width:50px}
.tx_70{width:70px}
.tx_75{width:75px}
.tx_80{width:80px}
.tx_100{width:100px}
.tx_120{width:120px}
.tx_140{width:140px}
.tx_150{width:150px}
.tx_200{width:200px}
.tx_250{width:200px}
.tx_300{width:300px}
.tx_350{width:350px}
.tx_400{width:400px}
.tx_500{width:500px}
.tx_550{width:550px}
.tx_600{width:600px}
.tx_650{width:650px}
.tx_700{width:700px}
.tx_800{width:800px}
.tx_900{width:900px}


/* 마스크 레이어 */
.tble_view_write{position:absolute;border:2px solid #555;padding:10px;width:600px;transform: translate(-50%,0 );-ms-transform: translate(-50%, 0);left: 50%; background:#FFF;z-index:800}
.tble_view_write{-moz-border-radius:10px;border-radius:10px;-webkit-border-radius: 10px;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.50)}
.tble_view_mask{position:fixed;left:0;top:0;z-index:100;background-color:rgba(0,0,0,0.5);display:none;width:100%;height:100%;}
.tble_view_write .title{padding:10px 0 0 14px;background:url(/img/icon/line_blue.png) no-repeat 2px 15px;height:35px;border-bottom:2px solid #555;margin-bottom:10px;font-size:16px}
.tble_view_write .title span.ment{font-weight:bold;padding:10px;}
.tble_view_write .title span.ment01{padding:10px;}
.tble_view_write .title span.close{float:right;cursor:pointer;padding:5px 10px}

.tble_view_write .cont > div{float:left;width:25%;text-align:center;height:60px;}
.tble_view_write .cont > div > dt{height:35px}


.shine_move {position: relative;overflow: hidden;}
.shine_move::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(110deg, transparent, rgba(255,255,255,0.3), transparent);
  animation: shine 1s forwards; /* 자동 재생 애니메이션 */
  animation-iteration-count: 10; /* ✅ 5회 반복 */
}
@keyframes shine {
  from {left: -100%;} to {left: 100%;}
}