@charset "utf-8";

/* 반응형 분기점 */
/* 
(해상도 1024px ~)
@media all and (min-width:1024px) {}

PC , 테블릿 가로 (해상도 768px ~ 1023px)
@media all and (min-width:768px) and (max-width:1023px) {}

테블릿 가로 (해상도 768px ~ 1023px)
@media all and (min-width:768px) and (max-width:1023px) {}

모바일 가로, 테블릿 (해상도 480px ~ 767px)
@media all and (min-width:480px) and (max-width:767px) {}

모바일 (해상도 최소 ~ 479px)
@media all and (max-width:479px) {}

*/

/* LIVECAT PC용 화면 가로 최소 700px 최대 850px*/


/* ---------------------------------------------------------------------------------------------------------------- */
/* change properties class 주요 속성 바꾸기 */
/* ---------------------------------------------------------------------------------------------------------------- */
.omit {} /* 특정 조건에서 숨기기 할 항목에 대한 class */


.permit-select-txt {
	user-select: text !important; /* standard syntax */
    -webkit-user-select: text !important; /* webkit (safari, chrome) browsers */
    -moz-user-select: text !important; /* mozilla browsers */
    -khtml-user-select: text !important; /* webkit (konqueror) browsers */
    -ms-user-select: text !important; /* IE10+ */}

/* ---------------------------------------------------------------------------------------------------------------- */
/* change array class */
/* ---------------------------------------------------------------------------------------------------------------- */
/* align class */
.clearB {clear:both !important;}
.overH {_zoom:1;overflow:hidden !important;}
.floatL {float:left !important;}
.floatR {float:right !important;}
.floatE {float:inline-end !important;}
.textL {text-align:left !important;}
.textC {text-align:center !important;}
.textR {text-align:right !important;}
.valignT {vertical-align:top !important;}
.valignM {vertical-align:middle !important;}
.valignB {vertical-align:bottom !important;}
.positionR {position:relative !important;}
.positionA {position:absolute !important;}
.alignC {align-items:center !important;}
.alignFS {align-items:flex-start !important;}
.alignSch {align-items:stretch !important;}

.toCenter {display:inline-flex !important; justify-content:center !important;}
.getSpace {justify-content:space-between !important;}
.spaceEven {justify-content:space-evenly !important}

.goLeft {left:0;}
.goRight {right:0;}

.tbl-valignT {vertical-align:top !important;padding-top: 7px;}


/* dispaly class */
.show {display:block !important;visibility:visible !important;}
.hide {display:none !important;visibility:hidden !important;}
.description {position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);}
.display_flex {display:flex !important;}
.display_inflex {display:inline-flex !important;}
.display_inblck {display:inline-block !important;}
.table {display:table;}
.table-cell {display:table-cell;}


/* font */
.colorBlack {color:#000 !important;}
.colorWhite {color:#fff !important;}
.colorBlue {color:#516fc8 !important;}
.colorRed {color:#f5513b !important;}
.colorGreen {color:#4bca40 !important;}

.colorBluegreen {color: #77CCCF !important;}
.colorSalmon {color: #F8946B !important;}
.colorDarkblue {color: #27527a !important}
.color_7f7f7f {color:#7f7f7f !important;}
.color_9e9e9e {color:#9e9e9e !important;}
.color_d0d0d0 {color:#d0d0d0 !important;}
.color_777 {color:#777 !important;}
.fontS_12 {font-size:12px !important;}
.fontS_13 {font-size:13px !important;}
.fontS_14 {font-size:14px !important;}
.fontS_15 {font-size:15px !important;}
.fontS_17 {font-size:17px !important;}
.fontW_b{font-weight:bold !important;}
.fontW_n{font-weight:normal !important;}
.textD_u {text-decoration:underline !important;}
.textD_m {text-decoration:line-through !important;}
.text_in0 {text-indent:0;}


/* ---------------------------------------------------------------------------------------------------------------- */
/* width class */
/* ---------------------------------------------------------------------------------------------------------------- */
.wAuto {width:auto !important;}

/* width class: percent */
.w100p {width:100% !important;}
.w10p {width:10% !important;}
.w15p {width:15% !important;}
.w20p {width:20% !important;}
.w25p {width:25% !important;}
.w30p {width:30% !important;}
.w35p {width:20% !important;}
.w40p {width:40% !important;}
.w45p {width:45% !important;}
.w46p {width:46% !important;}
.w50p {width:50% !important;}
.w55p {width:55% !important;}
.w60p {width:60% !important;}
.w65p {width:65% !important;}
.w70p {width:70% !important;}
.w75p {width:75% !important;}
.w80p {width:80% !important;}
.w90p {width:90% !important;}
.w95p {width:95% !important;}

/* width class: pixel */
.w20 {width:20px !important;}
.w38 {width:38px !important;}
.w40 {width:40px !important;}
.w45 {width:45px !important;}
.w50 {width:50px !important;}
.w58 {width:58px !important;}
.w60 {width:60px !important;}
.w66 {width:66px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w85 {width:85px !important;}
.w90 {width:90px !important;}
.w94 {min-width:94px !important;width:94px !important;}
.w98 {width:98px !important;}
.w100 {width:100px !important;}
.w106 {min-width:106px !important;width:106px !important;}
.w120 {width:120px !important;}
.w125 {width:125px !important;}
.w126 {width:126px !important;}
.w130 {width:130px !important;}
.w140 {width:140px !important;}
.w150 {width:150px !important;}
.w155 {width:155px !important;}
.w160 {min-width:160px !important;width:160px !important;}
.w170 {width:170px !important;}
.w180 {width:180px !important;}
.w200 {width:200px !important;}
.w210 {width:210px !important;}
.w218 {width:218px !important;}
.w200 {width:200px !important;}
.w220 {width:220px !important;}
.w240 {width:240px !important;}
.w250 {width:250px !important;}
.w255 {width:255px !important;}
.w280 {width:280px !important;}
.w300 {width:300px !important;}
.w360 {width:360px !important;}
.w376 {width:376px !important;}
.w380 {width:380px !important;}
.w399 {width:399px !important;}
.w400 {width:400px !important;}
.w415 {width:415px !important;}
.w430 {width:430px !important;}
.w485 {width:485px !important;}
.w580 {width:580px !important;}
.w620 {width: 620px !important;}
.w642 {width: 642px !important;}
.w750 {width: 750px !important;}
.w900 {width:900px !important;}
.w1000 {width:1000px !important;}

/* width class: calculate */
.calw100p-10 {width:calc(100% - 10px) !important;}
.calw100p-80 {width:calc(100% - 80px) !important;}


/* ---------------------------------------------------------------------------------------------------------------- */
/* height class */
/* ---------------------------------------------------------------------------------------------------------------- */
.hAuto {height:auto !important;}
.h100p {height:100% !important;}
.h25 {height:25px !important;}
.h30 {height:30px !important;}
.h35 {height:35px !important;}
.h50 {height:50px !important;}
.h72 {height:72px !important;}
.h82 {height:82px !important;}
.h85 {height:82px !important;}
.h95 {height:95px !important;}
.h120 {height:120px !important;}
.h124 {height:124px !important;}
.h132 {height:132px !important;}
.h150 {height:150px !important;}
.h175 {height:175px !important;}
.h200 {height:200px !important;}
.h280 {height:280px !important;}
.h340 {height:340px !important;}
.h375 {height:375px !important;}
.h458 {height:458px !important;}


/* ---------------------------------------------------------------------------------------------------------------- */
/* line-height class */
/* ---------------------------------------------------------------------------------------------------------------- */
/* 2020.07 add */
.lineH13 {line-height:13px !important;}
.lineH15 {line-height:15px !important;}
.lineH20 {line-height:20px !important;}
.lineH30 {line-height:30px !important;}
.lineH35 {line-height:35px !important;}
.lineH40 {line-height:40px !important;}
/* 2020.07 add end */


/* ---------------------------------------------------------------------------------------------------------------- */
/* margin class */
/* ---------------------------------------------------------------------------------------------------------------- */
.mgAuto {margin:0 auto !important;}
.mg0 {margin:0 !important;}

/* margin class: top */
.mgt-5 {margin-top:-5px !important;}
.mgt0 {margin-top:0px !important;}
.mgt2 {margin-top:2px !important;}
.mgt4 {margin-top:4px !important;}
.mgt5 {margin-top:5px !important;}
.mgt8 {margin-top:8px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt22 {margin-top:22px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px !important;}
.mgt40 {margin-top:40px !important;}
.mgt50 {margin-top:50px !important;}
.mgt60 {margin-top:60px !important;}
.mgt100 {margin-top:100px !important;}
.mgt260 {margin-top:260px !important;}

/* margin class: right */
.mgr0 {margin-right:0px !important;}
.mgr5 {margin-right:5px !important;}
.mgr7 {margin-right:7px !important;}
.mgr8 {margin-right:8px !important;}
.mgr10 {margin-right:10px !important;}
.mgr13 {margin-right:13px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr23 {margin-right:23px !important;}
.mgr30 {margin-right:30px !important;}
.mgr50 {margin-right:50px !important;}
.mgr60 {margin-right:60px !important;}
.mgr90 {margin-right:90px !important;}

.mgr8p {margin-right:8% !important;}

/* margin class: bottom */
.mgb0 {margin-bottom:0px !important;}
.mgb2 {margin-bottom:2px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb17 {margin-bottom:17px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb22 {margin-bottom:22px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb27 {margin-bottom:27px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb32 {margin-bottom:32px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb45 {margin-bottom:45px !important;}
.mgb49 {margin-bottom:49px !important;}
.mgb55 {margin-bottom:55px !important;}
.mgb60 {margin-bottom:60px !important;}
.mgb65 {margin-bottom:65px !important;}
.mgb70 {margin-bottom:70px !important;}
.mgb80 {margin-bottom:80px !important;}
.mgb90 {margin-bottom:90px !important;}
.mgb100 {margin-bottom:100px !important;}

/* margin class: left */
.mgl0 {margin-left:0px !important;}
.mgl5 {margin-left:5px !important;}
.mgl8 {margin-left:8px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl25 {margin-left:25px !important;}
.mgl30 {margin-left:30px !important;}
.mgl40 {margin-left:40px !important;}

.mgl8p {margin-left: 8% !important;}

/* margin class: left-right both sides */
.mgbs2 {margin:0 2px 0 2px !important;}
.mgbs5 {margin:0 5px 0 5px !important;}
.mgbs8 {margin:0 8px 0 8px !important;}
.mgbs10 {margin:0 10px 0 10px !important;}
.mgbs20 {margin:0 20px 0 20px !important;}

/* margin class: top-bottom */
.mgtb5 {margin:5px 0 !important;}
.mgtb10 {margin:10px 0 !important;}
.mgtb15 {margin:15px 0 !important;}
.mgtb20 {margin:20px 0 !important;}
.mgtb40 {margin:40px 0 !important;}


/* ---------------------------------------------------------------------------------------------------------------- */
/* padding class */
/* ---------------------------------------------------------------------------------------------------------------- */
.pd0 {padding:0 !important;}
.pd10 {padding:10px !important;}

/* padding class: top */
.pdt0 {padding-top:0px !important;}
.pdt5 {padding-top:5px !important;}
.pdt7 {padding-top:7px !important;}
.pdt8 {padding-top:8px !important;}
.pdt10 {padding-top:10px !important;}
.pdt13 {padding-top:13px !important;}
.pdt15 {padding-top:15px !important;}
.pdt18 {padding-top:18px !important;}
.pdt20 {padding-top:20px !important;}
.pdt22 {padding-top:22px !important;}
.pdt25 {padding-top:25px !important;}
.pdt30 {padding-top:30px !important;}
.pdt32 {padding-top:32px !important;}
.pdt35 {padding-top:35px !important;}
.pdt40 {padding-top:40px !important;}
.pdt48 {padding-top:48px !important;}

/* padding class: right */
.pdr6 {padding-right:6px !important;}
.pdr8 {padding-right:8px !important;}
.pdr12 {padding-right:12px !important;}
.pdr30 {padding-right:30px !important;}
.pdr35 {padding-right:35px !important;}

/* padding class: bottom */
.pdb0 {padding-bottom:0px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb13 {padding-bottom:13px !important;}
.pdb15 {padding-bottom:15px !important;}
.pdb17 {padding-bottom:17px !important;}
.pdb20 {padding-bottom:20px !important;}
.pdb32 {padding-bottom:32px !important;}
.pdb35 {padding-bottom:35px !important;}
.pdb60 {padding-bottom:60px !important;}

/* padding class: left */
.pdl2 {padding-left:2px !important;}
.pdl8 {padding-left:8px !important;}
.pdl10 {padding-left:10px !important;}
.pdl13 {padding-left:13px !important;}
.pdl15 {padding-left:15px !important;}
.pdl30 {padding-left:30px !important;}
.pdl40 {padding-left:40px !important;}

/* padding class: left-right both sides */
.pdbs15 {padding:0 15px 0 15px !important;}
.pdbs20 {padding:0 20px 0 20px !important;}
/* padding class: top-bottom */


/* ---------------------------------------------------------------------------------------------------------------- */
/* border style class */
/* ---------------------------------------------------------------------------------------------------------------- */
/* border class: none */
.bd_none {border:0 none !important;}
.bdb_none {border-bottom:0 none !important;}
.bdt_none {border-top:0 none !important;}

/* border class: 1px */
.bd_999 {border:1px solid #999 !important;}
.bd_ddd {border:1px solid #ddd !important;}
.bd_salmon {border:1px solid #f8946b !important;}
.bd_neonSky {border:1px solid #00b8d6 !important;}

/* border class: top 1px */
.bdt_ececec {border-top:1px solid #ececec !important;}
.bdt_e2e2e2 {border-top:1px solid #e2e2e2 !important;}
.bdt_e7e7e7 {border-top:1px solid #e7e7e7 !important;}
.bdt1{border-top:1px solid #444444;}

/* border class: top 2px */
.bdt2{border-top:2px solid #444444;}
.bdt2-color1 {border-top:2px solid #dadada;}

/* border class: right 1px */
.bdr-white {border-right: 1px solid #fff !important;}

/* border class: bottom 1px */
.bdb_ececec {border-bottom:1px solid #ececec !important;}
.bdb_c9c9c9 {border-bottom:1px solid #c9c9c9 !important;}
.bdb1{border-bottom:1px solid #444444;}

/* border class: bottom 2px */
.bdb2{border-bottom:2px solid #444444;}

/* border class: left-right both sides 1px */
.bdbs_neonSky {border-left:1px solid #00b8d6 !important; border-right:1px solid #00b8d6 !important;}

/* border class: radius */
.radi4 {border-radius:4px !important;}


/* border solid 1px */
.bdr1-Bluegreen {border: 1px solid #77CCCF !important;}
.bdrR1-White {border-right: 1px solid #fff !important;}
.bdrB1-eaeaea {border-bottom: 1px solid #eaeaea !important;}

.bdrL1 {border-left: 1px solid !important;}

/* border-color JAYLEE 2020-08-04 */
/* .bdr-Black {border-color:#000 !important;}
.bdr-Darkblue {border-color: #27527a}
.bdr-7f7f7f {border-color:#7f7f7f !important;}
.bdr-777 {border-color:#777 !important;} */


/* ---------------------------------------------------------------------------------------------------------------- */
/* background style class */
/* ---------------------------------------------------------------------------------------------------------------- */
.bgNone {background:none !important;}

/* background color */
.bgWhite {background-color:#fff !important;}
.tr_bg_orange {background-color: rgb(252, 230, 224) !important;}


/* ---------------------------------------------------------------------------------------------------------------- */
/* overflow, flex wrap, line breaking style class */
/* ---------------------------------------------------------------------------------------------------------------- */
.scroll-y {overflow-y:scroll !important;overflow-x: hidden;}
.non-breaking {white-space:nowrap !important;}

.flex-breaking {flex-wrap:wrap !important;}
.line-breaking {white-space:normal; word-break:keep-all;}

.indentation {text-indent:2rem !important;}

.goHide {display:none !important;}
.reveal {display:block !important;}

.no-scroll {overflow:hidden !important;}

.txt-ellipsis {text-overflow: ellipsis;word-break: keep-all;white-space: nowrap;overflow: hidden;} /* width가 분명히 정의되어야 사용할 수 있음, inline속성엔 안됨 */


/* ---------------------------------------------------------------------------------------------------------------- */
/* common things css */
/* ---------------------------------------------------------------------------------------------------------------- */
/* Reset */
*{margin:0;padding:0;}
html,body {height:100%;
	user-select: none; /* standard syntax */
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */} /* 기본적으로 txt 선택할 수 없게 함 */
html, body, h1, h2, h3, h4, h5, h6,
div, p, blockquote, pre, address,

table, caption, th, td,
form, fieldset, legend {margin:0;padding:0;font-size:62.5%;font-size:10px; font-family:'SUIT', 'NanumBarunGothic', '나눔바른고딕', 'MalgunGothic', '맑은고딕', sans-serif;color:#8b8b8b;line-height:1.5em;}
h1, h2, h3, h4, h5, h6 {font-family: 'SUIT', 'NanumBarunGothic', '나눔바른고딕', 'MalgunGothic', '맑은고딕', sans-serif;color:#777777;line-height:1.5em;}

table {width:100%;margin:0;padding:0;border-spacing:0;border-collapse:collapse;}
img, fieldset, abbr, acronym {border:0 none;}
address, caption, cite, code, dfn, var {font-style:normal;font-weight:normal;font-family:sans-serif;}
em {font-style: italic;} /* 강조 태그 */
input, select, button, textarea {font-size:12px;font-family:'SUIT', 'NanumBarunGothic', '나눔바른고딕', 'MalgunGothic', '맑은고딕', sans-serif;color:#333;line-height:1.5em;vertical-align:top;}
button {display:inline-block; margin:0; padding:0;border:0 none; background:none;}
input:focus, select:focus, button:focus, textarea:focus, option:focus,
a.class-btn:focus {outline-color: #ca7f7f;}

@media screen and (/* min-width:1290px */ min-width:1400px){
	html{font-size:12px;}
}

/* Scrollbar */
::-webkit-scrollbar {width:12px;}
::-webkit-scrollbar-thumb {background-color:#c7c7c7; border-radius:8px; background-clip:padding-box; border: 3px solid transparent;} /* thumb와 track사이에 공간(padding)을 주고 싶을 때는 thumb의 background-clip을 padding-box로 주고 border의 색상을 transparent(투명)으로 조절하면 됩니다. */
::-webkit-scrollbar-track {background-color:transparent;} /* 스크롤 바 밑의 배경 */
::-webkit-scrollbar-thumb:hover {width:12px; background-color:#b0b0b0; border-radius:8px;background-clip:padding-box; border: 3px solid transparent;} /* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
::-webkit-scrollbar-thumb:active {width:12px; background-color:#e5e5e5; border-radius:8px;background-clip:padding-box; border: 3px solid transparent;} /* 실질적 스크롤 바를 클릭할 때 */
::-webkit-scrollbar-button {display:none;} /* 스크롤 바 상 하단 버튼 */

#nav .lower::-webkit-scrollbar {width:11px;}
#nav .lower::-webkit-scrollbar-thumb {background-color:rgb(152 167 179); border-radius:10px; background-clip:padding-box; border: 4px solid transparent;} /* thumb와 track사이에 공간(padding)을 주고 싶을 때는 thumb의 background-clip을 padding-box로 주고 border의 색상을 transparent(투명)으로 조절하면 됩니다. */
#nav .lower::-webkit-scrollbar-track {background-color:transparent;} /* 스크롤 바 밑의 배경 */
#nav .lower::-webkit-scrollbar-thumb:hover {width:11px; background-color:rgb(167 184 197); border-radius:8px;background-clip:padding-box; border: 3px solid transparent;} /* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
#nav .lower::-webkit-scrollbar-thumb:active {width:11px; background-color:rgb(77 108 132); border-radius:8px;background-clip:padding-box; border: 3px solid transparent;} /* 실질적 스크롤 바를 클릭할 때 */
#nav .lower::-webkit-scrollbar-button {display:none;} /* 스크롤 바 상 하단 버튼 */

/* Base */
hr {display:none}
caption, legend {position:absolute;top:-9999px;overflow:hidden;text-indent:-1000em;}
legend {display:none;visibility:hidden;}

a {color:#8b8b8b;text-decoration:none;}
a:focus, a:hover, a:active {color:#8b8b8b;text-decoration:none;}

input.text,input.password,textarea.textarea {height:26px;margin:0;padding:0px;vertical-align:top;border:1px solid #aaaaaa;background:#ececec;}
input.file {height:26px;margin:0;vertical-align:top;border:1px solid #aaaaaa;background:#ececec;}
input.button, input.submit , input.image,button {cursor:pointer;}

input.checkbox {width:12px;height:12px;margin-top:-1px;vertical-align:middle;border:1px solid #404040;}
input[type="text"], input[type="password"] {height:26px;text-indent:10px;border:1px solid #d2d2d2;border-radius:3px;vertical-align:middle;box-sizing:border-box;}
input[type="text"]:disabled, input[type="password"]:disabled {color:#bebebe;border:1px solid #d2d2d2;background-color:#f7f7f7;}
input[type="text"]:focus, input[type="password"]:focus {border-color:#f8946b;}
input[type="radio"] {width:15px;height:15px;vertical-align:middle;border:1px solid #a8a8a8;border-radius:50%;background:#fff;-webkit-appearance:none;appearance:none;}
input[type="radio"]:checked {background:url("../images/common/radio_checked.png") no-repeat 50% 50%;}
input[type="radio"]:disabled:checked {background:url("../images/common/radio_disabled_checked.png") no-repeat 50% 50%;}
input[type="checkbox"] {width:15px;height:15px;vertical-align:middle;border:1px solid #a8a8a8;background:#fff;-webkit-appearance:none;appearance:none;border-radius:2px;}
input[type="checkbox"]:checked {background:url("../images/common/checkbox_checked.png") no-repeat 50% 50%;}
input[type="radio"]+label, input[type="checkbox"]+label {display:inline-block;margin-left:9px;font-size:12px;color:#777777;line-height:13px;vertical-align:middle;}

input[type="text"].input-underline, input[type="password"].input-underline {height: 26px;text-indent: 10px;border: 0px;border-bottom: 1px solid #929292;border-radius: 0px;vertical-align: middle;box-sizing: border-box;}

select {height:26px;margin:0;padding:0 18px 0 10px;font-size:12px;color:#666;border:1px solid #d2d2d2;border-radius:3px;background:url("../images/common/select_arrow.png") #fff no-repeat 100% 50%;vertical-align:top;-webkit-appearance:none;appearance:none;}
select::-ms-expand {display: none;}
select.small {height:30px;margin:0;padding:0 25px 0 13px;font-weight:500;font-size:12px;color:#262626;border:1px solid #d2d2d2;border-radius:15px;background:url("../images/common/select_arrowS.gif") #fff no-repeat 100% 50%;vertical-align:top;-webkit-appearance:none;appearance:none;}
select.header{height:26px;margin:0;padding:0 18px 0 10px;font-size:1.1rem;font-weight:700;color:#333;border:0;border-radius:3px;background:url("../images/common/select_arrow.png") #fff no-repeat 100% 50%;vertical-align:top;-webkit-appearance:none;appearance:none;}

textarea {padding:6px 15px;border:1px solid #d2d2d2;border-radius:3px;vertical-align:middle;box-sizing:border-box;}
textarea:disabled {color:#bebebe;border:1px solid #d2d2d2;background-color:#f7f7f7;}
textarea.resizeNone{resize:none;}
textarea.resizeW{resize: horizontal;}
textarea.resizeH{resize: vertical;}

pre {overflow:auto;}
label {cursor:pointer;font-size:12px;color:#000;}
sub,sup {} /* 아래 첨자, 윗 첨자 */
span {zoom:1;*display:inline !important;}

.clearfix:after  {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix   {display: block;}
/* End hide from IE-mac */
.blind {position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);}


.arrowRbdb4 {position:relative;}
.arrowRbdb4:after {content:'　';position:absolute;bottom:0px; display:inline-block;width:50%;height: 0;border-top: 4px solid #27527a;border-right: 4px solid transparent;}

.popup .arrowRbdb4 {position:relative;}
.popup .arrowRbdb4:after {content:'　';position:absolute;bottom:0px; display:inline-block;width:100%;height: 0;border-top: 4px solid #27527a;border-right: 4px solid transparent;}




/* table */


/* taker table for displaying preparation and response time  */
.timer {
	width: 100%;
}

.timer table {
	width:60%;
	margin-left: auto;
	margin-right: auto;
	padding:0;
	border: 1px solid black;
	border-spacing:0;
	border-collapse:collapse;
	text-align: center;
	}
			  
.timer th {
	background-color: black; 
	color: white;
	font-size: 18px;
	padding: 7 12;
	}

.timer td {
	border: 1px solid black;
	font-size: 18px;
	color: black;
	padding: 7 12;
	}

/* table border-spacing */
.tb-spc-bs5 {border-spacing: 0px 5px !important;}



/* JAYLEE 2020-08-11 button style */
.no-line {outline:none;}
.comma {margin:0 20px 0 5px; display:inline-flex; align-items:center;}
.dash {color: #777777;margin: 0 4px;}

li.marked {white-space: normal;word-break: break-all;line-height: 15px;list-style: square;list-style-position: inside;}
li.unmarked {text-indent: 14px;white-space: normal;word-break: break-all;line-height: 15px;}

.tooltip-contents {display: inline-block;position: absolute;background-color: #fff;border: 1px solid #738a9a;top: 22px;margin-left: 2px;border-radius: 5px;border-top-left-radius: 0px;z-index: 2;width: 300px;min-height: 45px;padding: 10px;font-size: 10px;font-weight: normal;}
.tooltip-contents .title {font-size: 14px;font-weight: 700;border-bottom: 1px solid #888;padding: 0 4px 4px 4px;margin-bottom: 8px;}