/* 기본 */
html,body
{
width:100%;
height:100%;
margin:0px;
padding:0px;
}
body,td,input,select,textarea,div,span,td,button,label
{
/*font-size:14pt;*/
font-size:14pt;
color:#1e1e1e;
/*font-family:'맑은 고딕','Malgun Gothic','굴림','Gulim','Arial','나눔고딕','NanumGothic';*/
font-family: "Inter", sans-serif;
word-break:keep-all;
}
.allTextBox span
{
font-size:unset;
}
a
{
font-family: "Inter", sans-serif;
word-break:keep-all;
color:#2883f3;
}
blockquote
{
font-style: italic;
font-family: Georgia, Times, "Times New Roman", serif;
padding: 2px 0;
border-style: solid;
border-color: #ccc;
border-width: 0;
border-left-width:5px;
border-left-style:solid;
padding-left: 20px;
padding-right: 8px;
}
/*
.inter-
{
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-weight: ;
font-style: normal;
font-variation-settings:
"slnt" 0;
}
*/
.plus-jakarta-sans
{
font-family: "Plus Jakarta Sans", sans-serif;
font-optical-sizing: auto;
font-weight: 800;
font-style: normal;
}
div, span, td
{
box-sizing: border-box;
}
a:link, a:visited, a:hover
{
text-decoration: none;
}
button
{
cursor:pointer;
}
input[type=button], input[type=reset], input[type=password]
{
cursor:pointer;
-webkit-appearance:none;
}
input[type=radio], input[type=checkbox]
{
cursor:pointer;
}
input,textarea:focus
{
outline:none;
}
table
{
border-spacing:0px;
border-collapse:separate;
}
table td
{
padding:0px;
}
.lexend
{
font-family: "Lexend", sans-serif;
}
/* 애플 */
body,td,input,select,textarea,div,span,td,button,label
{
user-select:none;
-webkit-user-select:none;
}
.allTextBox span
{
/*pointer-events:none;*/
-webkit-user-select: none; /* Safari, Chrome */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE/Edge */
user-select: none; /* 표준 */
}
/* 애플 */
/* 기본 */
/* result */
.font_prepped
{
font-family:'Accidental Presidency',sans-serif;
}
.result_maintitle
{
font-size:18pt;
}
.result_maintitle2
{
font-size:11pt;
}
.result_titles1
{
font-size:12pt;
font-weight:bold;
}
.result_titles2
{
font-size:9pt;
/*font-weight:bold;*/
}
.result_titles3
{
font-size:11pt;
letter-spacing:-1px;
}
.result_contents2
{
font-size:11pt;
}
.result_box1
{
background-color:#ffffcc;
padding:3px 5px;
border-right:1px solid #1e1e1e;
border-top:1px solid #1e1e1e;
}
td:first-child.result_box1
{
border-left:1px solid #1e1e1e;
}
.result_box2
{
background-color:#ffffff;
/*padding:3px 5px;*/
padding:2px 3px;
text-align:center;
border-right:1px solid #1e1e1e;
border-top:1px solid #1e1e1e;
}
tr:last-child > td.result_box2
{
border-bottom:1px solid #1e1e1e;
}
td:first-child.result_box2
{
border-left:1px solid #1e1e1e;
}
.result_box3
{
/*background-color:#fffdf0;*/
background-color:#ffffff;
/*padding:3px 5px;*/
padding:7px 11px;
/*border-top:1px solid #1e1e1e;*/
/*border-top:2px solid #000000;*/
border-top:2px solid #bfbfbf;
border-left:2px dashed #bfbfbf;
text-align:left;
font-size:1.2rem;
box-sizing: border-box;
}
tr:first-child > td.result_box3
{
/*border-top:2px solid #000000;*/
border-top:none;
}
tr:last-child > td.result_box3
{
/*border-bottom:1px solid #1e1e1e;*/
/*border-bottom:2px solid #000000;*/
}
td:first-child.result_box3
{
/*border-left:1px solid #1e1e1e;*/
/*border-left:2px solid #000000;*/
border-left:none;
}
td:last-child.result_box3
{
/*border-right:1px solid #1e1e1e;*/
/*border-right:2px solid #000000;*/
}
.titleResultTable1
{
/*background-color:#000000;*/
/*background-color:#ffffff;*/
background-color:#2c425a;
/*border:1px solid #000000;*/
color:#ffffff;
/*color:#000000;*/
/*font-size:1.8rem;*/
font-size:1.2rem;
font-weight:bold;
padding:4px 6px;
text-align:left;
}
.titleResultTable2
{
background-color:#a6a6a6;
/*border:1px solid #a6a6a6;*/
color:#ffffff;
font-size:11pt;
font-weight:bold;
padding:3px 5px;
text-align:left;
}
.titleResultTable3Reading, .titleResultTable3Writing, .titleResultTable3Math
{
background-color:#f2dcdb;
/*border:1px solid #f2dcdb;*/
color:#000000;
/*font-size:10pt;*/
font-size:11pt;
font-weight:bold;
padding:3px 10px;
}
.titleResultTable3Writing
{
background-color:#dce6f1;
}
.titleResultTable3Math
{
background-color:#ebf1de;
}
.titleResultTable4
{
background-color:#ffffff;
color:#1e1e1e;
/*font-size:9pt;*/
font-size:11pt;
padding:3px 5px;
text-align:left;
}
.resultAnalysisTitle
{
width:50%;
font-size:12pt;
font-weight:bold;
}
.resultAnalysisTitle2
{
font-size:11pt;
font-weight:bold;
text-align:left;
}
.resultAnalysisTitle3
{
font-size:11pt;
padding-top:3px;
text-align:left;
/*letter-spacing:-0.05rem;*/
}
/* result */
/* form */
.wh100p
{
width:100%;
height:100%;
}
.w100p
{
width:100%;
}
.h100p
{
height:100%;
}
.w50p
{
width:50%;
}
.h50p
{
height:50%;
}
.alignLeft
{
text-align:left;
}
.alignCenter
{
text-align:center;
}
.alignRight
{
text-align:right;
}
.fontbold
{
font-weight:bold;
}
.font400
{
font-weight:400;
}
.font700
{
font-weight:700;
}
.font800
{
font-weight:800;
}
.fontnormal
{
font-weight:normal;
}
.pointer
{
cursor:pointer;
}
input.noArrow::-webkit-outer-spin-button, input.noArrow::-webkit-inner-spin-button
{
-webkit-appearance:none;
margin:0;
}
input[type='number'].noArrow
{
-moz-appearance:textfield;
}
.bgcolorffffff
{
background-color:#ffffff;
}
.fontsize1
{
font-size:1rem;
}
/* form */
/* line-height */
.lineHeight100
{
line-height:100%;
}
.lineHeight130
{
line-height:130%;
}
.lineHeight150
{
line-height:150%;
}
.lineHeight180
{
line-height:180%;
}
.lineHeight200
{
line-height:200%;
}
/* line-height */
/* padding */
/* 0 */
.padding0
{
padding:0 0;
}
.vPadding0
{
padding-top:0;
padding-bottom:0;
}
.hPadding0
{
padding-left:0;
padding-right:0;
}
.tPadding0
{
padding-top:0;
}
.bPadding0
{
padding-bottom:0;
}
.lPadding0
{
padding-left:0;
}
.rPadding0
{
padding-right:0;
}
/* 0 */
/* 0.2 */
.padding02
{
padding:0.2rem 0.2rem;
}
.vPadding02
{
padding-top:0.2rem;
padding-bottom:0.2rem;
}
.hPadding02
{
padding-left:0.2rem;
padding-right:0.2rem;
}
.tPadding02
{
padding-top:0.2rem;
}
.bPadding02
{
padding-bottom:0.2rem;
}
.lPadding02
{
padding-left:0.2rem;
}
.rPadding02
{
padding-right:0.2rem;
}
/* 0.2 */
/* 0.3 */
.padding03
{
padding:0.3rem 0.3rem;
}
.vPadding03
{
padding-top:0.3rem;
padding-bottom:0.3rem;
}
.hPadding03
{
padding-left:0.3rem;
padding-right:0.3rem;
}
.tPadding03
{
padding-top:0.3rem;
}
.bPadding03
{
padding-bottom:0.3rem;
}
.lPadding03
{
padding-left:0.3rem;
}
.rPadding03
{
padding-right:0.3rem;
}
/* 0.3 */
/* 0.5 */
.padding05
{
padding:0.5rem 0.5rem;
}
.vPadding05
{
padding-top:0.5rem;
padding-bottom:0.5rem;
}
.hPadding05
{
padding-left:0.5rem;
padding-right:0.5rem;
}
.tPadding05
{
padding-top:0.5rem;
}
.bPadding05
{
padding-bottom:0.5rem;
}
.lPadding05
{
padding-left:0.5rem;
}
.rPadding05
{
padding-right:0.5rem;
}
/* 0.5 */
/* 0.8 */
.padding08
{
padding:0.8rem 0.8rem;
}
.vPadding08
{
padding-top:0.8rem;
padding-bottom:0.8rem;
}
.hPadding08
{
padding-left:0.8rem;
padding-right:0.8rem;
}
.tPadding08
{
padding-top:0.8rem;
}
.bPadding08
{
padding-bottom:0.8rem;
}
.lPadding08
{
padding-left:0.8rem;
}
.rPadding08
{
padding-right:0.8rem;
}
/* 0.8 */
/* 1 */
.padding1
{
padding:1rem 1rem;
}
.vPadding1
{
padding-top:1rem;
padding-bottom:1rem;
}
.hPadding1
{
padding-left:1rem;
padding-right:1rem;
}
.tPadding1
{
padding-top:1rem;
}
.bPadding1
{
padding-bottom:1rem;
}
.lPadding1
{
padding-left:1rem;
}
.rPadding1
{
padding-right:1rem;
}
/* 1 */
/* 1.2 */
.padding12
{
padding:1.2rem 1.2rem;
}
.vPadding12
{
padding-top:1.2rem;
padding-bottom:1.2rem;
}
.hPadding12
{
padding-left:1.2rem;
padding-right:1.2rem;
}
.tPadding12
{
padding-top:1.2rem;
}
.bPadding12
{
padding-bottom:1.2rem;
}
.lPadding12
{
padding-left:1.2rem;
}
.rPadding12
{
padding-right:1.2rem;
}
/* 1.2 */
/* 1.5 */
.padding15
{
padding:1.5rem 1.5rem;
}
.vPadding15
{
padding-top:1.5rem;
padding-bottom:1.5rem;
}
.hPadding15
{
padding-left:1.5rem;
padding-right:1.5rem;
}
.tPadding15
{
padding-top:1.5rem;
}
.bPadding15
{
padding-bottom:1.5rem;
}
.lPadding15
{
padding-left:1.5rem;
}
.rPadding15
{
padding-right:1.5rem;
}
/* 1.5 */
/* 1.8 */
.padding18
{
padding:1.8rem 1.8rem;
}
.vPadding18
{
padding-top:1.8rem;
padding-bottom:1.8rem;
}
.hPadding18
{
padding-left:1.8rem;
padding-right:1.8rem;
}
.tPadding18
{
padding-top:1.8rem;
}
.bPadding18
{
padding-bottom:1.8rem;
}
.lPadding18
{
padding-left:1.8rem;
}
.rPadding18
{
padding-right:1.8rem;
}
/* 1.8 */
/* 2 */
.padding2
{
padding:2rem 2rem;
}
.vPadding2
{
padding-top:2rem;
padding-bottom:2rem;
}
.hPadding2
{
padding-left:2rem;
padding-right:2rem;
}
.tPadding2
{
padding-top:2rem;
}
.bPadding2
{
padding-bottom:2rem;
}
.lPadding2
{
padding-left:2rem;
}
.rPadding2
{
padding-right:2rem;
}
/* 2 */
/* 2.5 */
.padding25
{
padding:2.5rem 2.5rem;
}
.vPadding25
{
padding-top:2.5rem;
padding-bottom:2.5rem;
}
.hPadding25
{
padding-left:2.5rem;
padding-right:2.5rem;
}
.tPadding25
{
padding-top:2.5rem;
}
.bPadding25
{
padding-bottom:2.5rem;
}
.lPadding25
{
padding-left:2.5rem;
}
.rPadding25
{
padding-right:2.5rem;
}
/* 2.5 */
/* 3 */
.padding3
{
padding:3rem 3rem;
}
.vPadding3
{
padding-top:3rem;
padding-bottom:3rem;
}
.hPadding3
{
padding-left:3rem;
padding-right:3rem;
}
.tPadding3
{
padding-top:3rem;
}
.bPadding3
{
padding-bottom:3rem;
}
.lPadding3
{
padding-left:3rem;
}
.rPadding3
{
padding-right:3rem;
}
/* 3 */
/* 4 */
.padding4
{
padding:4rem 4rem;
}
.vPadding4
{
padding-top:4rem;
padding-bottom:4rem;
}
.hPadding4
{
padding-left:4rem;
padding-right:4rem;
}
.tPadding4
{
padding-top:4rem;
}
.bPadding4
{
padding-bottom:4rem;
}
.lPadding4
{
padding-left:4rem;
}
.rPadding4
{
padding-right:4rem;
}
/* 4 */
/* 5 */
.padding5
{
padding:5rem 5rem;
}
.vPadding5
{
padding-top:5rem;
padding-bottom:5rem;
}
.hPadding5
{
padding-left:5rem;
padding-right:5rem;
}
.tPadding5
{
padding-top:5rem;
}
.bPadding5
{
padding-bottom:5rem;
}
.lPadding5
{
padding-left:5rem;
}
.rPadding5
{
padding-right:5rem;
}
/* 5 */
/* 6 */
.padding6
{
padding:6rem 6rem;
}
.vPadding6
{
padding-top:6rem;
padding-bottom:6rem;
}
.hPadding6
{
padding-left:6rem;
padding-right:6rem;
}
.tPadding6
{
padding-top:6rem;
}
.bPadding6
{
padding-bottom:6rem;
}
.lPadding6
{
padding-left:6rem;
}
.rPadding6
{
padding-right:6rem;
}
/* 6 */
/* padding */
/* layout */
body
{
/*background-color:#f5f5f5;*/
}
.divDefault
{
width:100%;
text-align:center;
}
.divDefault > div
{
width:1440px;
height:100%;
margin:0 auto;
text-align:center;
}
.divDefaultM
{
width:100vw;
text-align:center;
}
.divDefaultM > div
{
width:100vw;
height:100%;
margin:0 auto;
text-align:center;
}
#top
{
background-color:#ffffff;
height:75px;
border-bottom:1px solid #d0d5dd;
}
#top2
{
height:85px;
}
.titleColor1
{
color:#335273;
}
.titleColor2
{
color:#009cde;
}
.titleColor3
{
color:#ffffff;
}
.titleColor3:hover
{
color:#009cde;
}
.titleColor4
{
color:#009cde;
}
.hPadding80
{
padding-left:80px;
padding-right:80px;
}
.roundBox1
{
background-color:#f9fafb;
border:none;
border-radius:10px;
padding:30px 25px;
}
.roundBox2
{
background-color:#ffffff;
border:none;
border-radius:10px;
/*box-shadow:2px 2px 5px 1px rgba(120, 120, 120, 0.2);*/
box-shadow:0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.10);
padding:32px 32px;
}
.roundBox3
{
background-color:#fffdf0;
border:none;
border-radius:10px;
padding:32px 32px;
}
.roundBox4
{
background-color:#def5ff;
border:none;
border-radius:10px;
padding:32px 32px;
}
.roundBox5
{
background-color:#eaf2ff;
border:none;
border-radius:10px;
padding:32px 32px;
}
#copyright
{
background-color:#335273;
}
.tableTitle1
{
color:#335273;
text-align:left;
font-size:1.3rem;
padding-top:23px;
padding-bottom:19px;
}
.tableContent1
{
text-align:left;
}
.textbox1
{
border:1px solid #009cde;
border-radius:5px;
color:#335273;
text-align:left;
height:44px;
padding-left:1rem;
}
.listBox1
{
height:72px;
border:1px solid #ebebeb;
border-top:none;
background-color:#ffffff;
}
tr:first-child > td.listBox1
{
/*border-top:1px solid #ebebeb;*/
border-top-left-radius:10px;
border-top-right-radius:10px;
}
tr:last-child > td.listBox1
{
/*border-top:1px solid #ebebeb;*/
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}
.listBox1 > table > tbody > tr > td
{
padding-left:1.5rem;
padding-right:1.5rem;
}
.listTitle1
{
text-align:left;
color:#505050;
font-weight:bold;
font-size:1.2rem;
}
.listContent1
{
text-align:left;
color:#505050;
font-size:1.2rem;
}
.inputBox
{
border:1px solid #d9d9d9;
border-radius:8px;
padding:10px 20px;
color:#000000;
}
.inputBoxR
{
border:1px solid #ab2334;
border-radius:8px;
/*padding:15px 20px;*/
padding:10px 20px;
color:#000000;
}
.titles1
{
font-weight:bold;
}
.titles2
{
font-weight:bold;
text-align:center;
border-bottom:1px solid #d3d3d3;
font-size:21pt;
}
.scroll-test::-webkit-scrollbar
{
width:3px;
height:3px;
background-color:transparent;
}
.scroll-test::-webkit-scrollbar-track
{
background-color:transparent;
}
.scroll-test::-webkit-scrollbar-thumb
{
border-radius:3px;
background-color:gray;
}
.scroll-test::-webkit-scrollbar-button
{
width:0;
height:0;
}
.whiteRadiusShadowBox
{
border:none;
background-color:#ffffff;
border-radius:10px;
box-shadow:0px 0px 5px 5px rgba(178, 178, 178, 0.3);
padding:40px 40px;
}
.whiteRadiusShadowBox2
{
border:none;
background-color:#ffffff;
border-radius:10px;
box-shadow:0px 0px 5px 5px rgba(178, 178, 178, 0.3);
}
.breakContent, .breakContent2
{
color:#ffffff;
font-size:16pt;
}
.breakContent
{
padding-bottom:25px;
}
.passagesText
{
/*font-size:14pt;*/
line-height:150%;
font-family:'times new roman';
}
.passagesText > div, .passagesText > table > tbody > tr > td
{
/*font-size:14pt;*/
line-height:150%;
font-family:'times new roman';
}
.passagesText > img
{
max-width:470px;
}
.questions_table
{
}
.questions_table_title, .questions_table_content
{
padding:0.5rem 0.5rem;
border-right:1px solid #1e1e1e;
border-bottom:1px solid #1e1e1e;
}
.questions_table_title
{
text-align:center;
font-weight:bold;
}
.questions_table_content
{
}
td:first-child.questions_table_title, td:first-child.questions_table_content
{
border-left:1px solid #1e1e1e;
}
tr:first-child > td.questions_table_title, tr:first-child > td.questions_table_content
{
border-top:1px solid #1e1e1e;
}
.exampleTable
{
}
.exampleTableBox
{
padding:1rem 1rem;
border-left:1px solid #000000;
border-top:1px solid #000000;
}
td:last-child.exampleTableBox
{
border-right:1px solid #000000;
}
tr:last-child > td.exampleTableBox
{
border-bottom:1px solid #000000;
}
.oxExam, .oxExamDo
{
width:37px;
height:35px;
border:1px solid #1e1e1e;
border-radius:5px;
background-color:#ffffff;
cursor:pointer;
}
.oxExamDo
{
/*background-color:#0077c8;*/
background-color:#324dc7;
}
.examUn
{
/*box-sizing:border-box;*/
width:52px;
padding-left:5px;
cursor:pointer;
}
#exampleUn1, #exampleUn2, #exampleUn3, #exampleUn4
{
display:none;
}
.exampleBox, .exampleBoxSelect, .exampleBoxSelectO, .exampleBoxSelectX, .exampleBoxSelectB
{
width:100%;
border:1px solid #8a8a8a;
border-radius:10px;
cursor:pointer;
}
.exampleBoxSelect
{
/*border:2px solid #0077c8;*/
border:2px solid #324dc7;
}
/* 정답 */
.exampleBoxSelectO
{
border:2px solid #6aa84f;
}
/* 오답 */
.exampleBoxSelectX
{
border:2px solid #e06666;
}
/* 스킵 */
.exampleBoxSelectB
{
border:2px solid #324dc7;
}
.numberBoxW, .numberBoxB
{
width:70px;
height:70px;
box-sizing:border-box;
background-image:url(../img/numberbox_w.png);
background-repeat:no-repeat;
background-size:cover;
cursor:pointer;
}
.numberBoxB
{
background-image:url(../img/numberbox_b.png);
}
.numberBoxW > table, .numberBoxB > table
{
width:70px;
height:70px;
box-sizing:border-box;
}
.numberBoxW > table > tbody > tr > td, .numberBoxB > table > tbody > tr > td
{
width:70px;
height:70px;
box-sizing:border-box;
/*color:#0077c8;*/
color:#324dc7;
font-weight:bold;
font-size:24pt;
padding-bottom:4px;
}
.numberBoxB > table > tbody > tr > td
{
color:#ffffff;
}
.numberBoxFlag
{
background-image:url(../img/flag_box.png);
background-repeat:no-repeat;
background-size:cover;
}
.numberBoxNonFlag
{
}
.numberBoxSW, .numberBoxSB
{
width:38px;
height:38px;
box-sizing:border-box;
background-image:url(../img/numberboxS_w.png);
background-repeat:no-repeat;
background-size:cover;
cursor:pointer;
}
.numberBoxSB
{
background-image:url(../img/numberboxS_b.png);
}
.numberBoxSW > table, .numberBoxSB > table
{
width:38px;
height:38px;
box-sizing:border-box;
}
.numberBoxSW > table > tbody > tr > td, .numberBoxSB > table > tbody > tr > td
{
width:38px;
height:38px;
box-sizing:border-box;
color:#324dc7;
font-weight:bold;
font-size:16pt;
padding-bottom:4px;
}
.numberBoxSB > table > tbody > tr > td
{
color:#ffffff;
}
.numberBoxSFlag
{
background-image:url(../img/flag_box.png);
background-repeat:no-repeat;
background-size:cover;
}
.numberBoxSNonFlag
{
}
.breakTitle
{
color:#ffffff;
font-size:32pt;
font-weight:bold;
padding-bottom:25px;
}
.breakTitle2
{
color:#ffffff;
font-size:16pt;
font-weight:bold;
}
.breakContent, .breakContent2
{
color:#ffffff;
font-size:16pt;
}
.breakContent
{
padding-bottom:25px;
}
.breakClock
{
color:#ffffff;
font-size:72pt;
text-align:center;
font-weight:bold;
}
.graphTitle01
{
width:50px;
height:20px;
/*border-bottom:1px solid #cccccc;*/
/*border-left:1px solid #cccccc;*/
border-right:1px solid #cccccc;
font-size:9pt;
}
.graphContent01
{
border-bottom:1px solid #cccccc;
padding:0px 0px;
background-image:linear-gradient(to right, #cccccc 1px, white 2px, white 10%, #cccccc calc(10% + 1px), white calc(10% + 2px), white 20%, #cccccc calc(20% + 1px), white calc(20% + 2px), white 30%, #cccccc calc(30% + 1px), white calc(30% + 2px), white 40%, #cccccc calc(40% + 1px), white calc(40% + 2px), white 50%, #cccccc calc(50% + 1px), white calc(50% + 2px), white 60%, #cccccc calc(60% + 1px), white calc(60% + 2px), white 70%, #cccccc calc(70% + 1px), white calc(70% + 2px), white 80%, #cccccc calc(80% + 1px), white calc(80% + 2px), white 90%, #cccccc calc(90% + 1px), white calc(90% + 2px), white calc(100% - 1px), #cccccc 100%);
}
.graphContent01_32
{
width:1120px;
border-bottom:1px solid #cccccc;
padding:0px 0px;
/*background-image:linear-gradient(to right, #cccccc 1px, white 2px, white 3.125%, #cccccc calc(3.125% + 1px), white calc(3.125% + 2px), white 6.25%, #cccccc calc(6.25% + 1px), white calc(6.25% + 2px), white 9.375%, #cccccc calc(9.375% + 1px), white calc(9.375% + 2px), white 12.5%, #cccccc calc(12.5% + 1px), white calc(12.5% + 2px), white 15.625%, #cccccc calc(15.625% + 1px), white calc(15.625% + 2px), white 18.75%, #cccccc calc(18.75% + 1px), white calc(18.75% + 2px), white 21.875%, #cccccc calc(21.875% + 1px), white calc(21.875% + 2px), white 25%, #cccccc calc(25% + 1px), white calc(25% + 2px), white 28.125%, #cccccc calc(28.125% + 1px), white calc(28.125% + 2px), white 31.25%, #cccccc calc(31.25% + 1px), white calc(31.25% + 2px), white 34.375%, #cccccc calc(34.375% + 1px), white calc(34.375% + 2px), white 37.5%, #cccccc calc(37.5% + 1px), white calc(37.5% + 2px), white 40.625%, #cccccc calc(40.625% + 1px), white calc(40.625% + 2px), white 43.75%, #cccccc calc(43.75% + 1px), white calc(43.75% + 2px), white 46.875%, #cccccc calc(46.875% + 1px), white calc(46.875% + 2px), white 50%, #cccccc calc(50% + 1px), white calc(50% + 2px), white 53.125%, #cccccc calc(53.125% + 1px), white calc(53.125% + 2px), white 56.25%, #cccccc calc(56.25% + 1px), white calc(56.25% + 2px), white 59.375%, #cccccc calc(59.375% + 1px), white calc(59.375% + 2px), white 62.5%, #cccccc calc(62.5% + 1px), white calc(62.5% + 2px), white 65.625%, #cccccc calc(65.625% + 1px), white calc(65.625% + 2px), white 68.75%, #cccccc calc(68.75% + 1px), white calc(68.75% + 2px), white 71.875%, #cccccc calc(71.875% + 1px), white calc(71.875% + 2px), white 75%, #cccccc calc(75% + 1px), white calc(75% + 2px), white 78.125%, #cccccc calc(78.125% + 1px), white calc(78.125% + 2px), white 81.25%, #cccccc calc(81.25% + 1px), white calc(81.25% + 2px), white 84.375%, #cccccc calc(84.375% + 1px), white calc(84.375% + 2px), white 87.5%, #cccccc calc(87.5% + 1px), white calc(87.5% + 2px), white 90.625%, #cccccc calc(90.625% + 1px), white calc(90.625% + 2px), white 93.75%, #cccccc calc(93.75% + 1px), white calc(93.75% + 2px), white 96.875%, #cccccc calc(96.875% + 1px), white calc(96.875% + 2px), white calc(100% - 1px), #cccccc 100%);*/
/*background-image:linear-gradient(to right, #cccccc 0px, white 1px, white calc(100% - 1px), #cccccc 100%);*/
background-image:url(../img/graph_35.png);
background-position:center left;
}
.graphContent01_35
{
width:1120px;
border-bottom:1px solid #cccccc;
padding:0px 0px;
/*background-image:linear-gradient(to right, #cccccc 1px, white 2px, white 2.85714285714286%, #cccccc calc(2.85714285714286% + 1px), white calc(2.85714285714286% + 2px), white 5.71428571428571%, #cccccc calc(5.71428571428571% + 1px), white calc(5.71428571428571% + 2px), white 8.57142857142857%, #cccccc calc(8.57142857142857% + 1px), white calc(8.57142857142857% + 2px), white 11.4285714285714%, #cccccc calc(11.4285714285714% + 1px), white calc(11.4285714285714% + 2px), white 14.2857142857143%, #cccccc calc(14.2857142857143% + 1px), white calc(14.2857142857143% + 2px), white 17.1428571428571%, #cccccc calc(17.1428571428571% + 1px), white calc(17.1428571428571% + 2px), white 20%, #cccccc calc(20% + 1px), white calc(20% + 2px), white 22.8571428571429%, #cccccc calc(22.8571428571429% + 1px), white calc(22.8571428571429% + 2px), white 25.7142857142857%, #cccccc calc(25.7142857142857% + 1px), white calc(25.7142857142857% + 2px), white 28.5714285714286%, #cccccc calc(28.5714285714286% + 1px), white calc(28.5714285714286% + 2px), white 31.4285714285714%, #cccccc calc(31.4285714285714% + 1px), white calc(31.4285714285714% + 2px), white 34.2857142857143%, #cccccc calc(34.2857142857143% + 1px), white calc(34.2857142857143% + 2px), white 37.1428571428571%, #cccccc calc(37.1428571428571% + 1px), white calc(37.1428571428571% + 2px), white 40%, #cccccc calc(40% + 1px), white calc(40% + 2px), white 42.8571428571429%, #cccccc calc(42.8571428571429% + 1px), white calc(42.8571428571429% + 2px), white 45.7142857142857%, #cccccc calc(45.7142857142857% + 1px), white calc(45.7142857142857% + 2px), white 48.5714285714286%, #cccccc calc(48.5714285714286% + 1px), white calc(48.5714285714286% + 2px), white 51.4285714285714%, #cccccc calc(51.4285714285714% + 1px), white calc(51.4285714285714% + 2px), white 54.2857142857143%, #cccccc calc(54.2857142857143% + 1px), white calc(54.2857142857143% + 2px), white 57.1428571428571%, #cccccc calc(57.1428571428571% + 1px), white calc(57.1428571428571% + 2px), white 60%, #cccccc calc(60% + 1px), white calc(60% + 2px), white 62.8571428571429%, #cccccc calc(62.8571428571429% + 1px), white calc(62.8571428571429% + 2px), white 65.7142857142857%, #cccccc calc(65.7142857142857% + 1px), white calc(65.7142857142857% + 2px), white 68.5714285714286%, #cccccc calc(68.5714285714286% + 1px), white calc(68.5714285714286% + 2px), white 71.4285714285714%, #cccccc calc(71.4285714285714% + 1px), white calc(71.4285714285714% + 2px), white 74.2857142857143%, #cccccc calc(74.2857142857143% + 1px), white calc(74.2857142857143% + 2px), white 77.1428571428571%, #cccccc calc(77.1428571428571% + 1px), white calc(77.1428571428571% + 2px), white 80%, #cccccc calc(80% + 1px), white calc(80% + 2px), white 82.8571428571429%, #cccccc calc(82.8571428571429% + 1px), white calc(82.8571428571429% + 2px), white 85.7142857142857%, #cccccc calc(85.7142857142857% + 1px), white calc(85.7142857142857% + 2px), white 88.5714285714286%, #cccccc calc(88.5714285714286% + 1px), white calc(88.5714285714286% + 2px), white 91.4285714285714%, #cccccc calc(91.4285714285714% + 1px), white calc(91.4285714285714% + 2px), white 94.2857142857143%, #cccccc calc(94.2857142857143% + 1px), white calc(94.2857142857143% + 2px), white 97.1428571428571%, #cccccc calc(97.1428571428571% + 1px), white calc(97.1428571428571% + 2px), white calc(100% - 1px), #cccccc 100%);*/
/*background-image:linear-gradient(to right, #cccccc 0px, white 1px, white calc(100% - 1px), #cccccc 100%);*/
background-image:url(../img/graph_32.png);
background-position:center left;
}
.graphTitle03
{
width:50px;
height:20px;
/*border-bottom:1px solid #cccccc;*/
/*border-left:1px solid #cccccc;*/
border-right:1px solid #cccccc;
font-size:9pt;
}
.graphContent03
{
border-bottom:1px solid #cccccc;
padding:0px 0px;
background-image:linear-gradient(to right, #cccccc 1px, white 2px, white 10%, #cccccc calc(10% + 1px), white calc(10% + 2px), white 20%, #cccccc calc(20% + 1px), white calc(20% + 2px), white 30%, #cccccc calc(30% + 1px), white calc(30% + 2px), white 40%, #cccccc calc(40% + 1px), white calc(40% + 2px), white 50%, #cccccc calc(50% + 1px), white calc(50% + 2px), white 60%, #cccccc calc(60% + 1px), white calc(60% + 2px), white 70%, #cccccc calc(70% + 1px), white calc(70% + 2px), white 80%, #cccccc calc(80% + 1px), white calc(80% + 2px), white 90%, #cccccc calc(90% + 1px), white calc(90% + 2px), white calc(100% - 1px), #cccccc 100%);
}
.graphContent03_32
{
width:1120px;
border-bottom:1px solid #cccccc;
padding:0px 0px;
/*background-image:linear-gradient(to right, #cccccc 1px, white 2px, white 3.125%, #cccccc calc(3.125% + 1px), white calc(3.125% + 2px), white 6.25%, #cccccc calc(6.25% + 1px), white calc(6.25% + 2px), white 9.375%, #cccccc calc(9.375% + 1px), white calc(9.375% + 2px), white 12.5%, #cccccc calc(12.5% + 1px), white calc(12.5% + 2px), white 15.625%, #cccccc calc(15.625% + 1px), white calc(15.625% + 2px), white 18.75%, #cccccc calc(18.75% + 1px), white calc(18.75% + 2px), white 21.875%, #cccccc calc(21.875% + 1px), white calc(21.875% + 2px), white 25%, #cccccc calc(25% + 1px), white calc(25% + 2px), white 28.125%, #cccccc calc(28.125% + 1px), white calc(28.125% + 2px), white 31.25%, #cccccc calc(31.25% + 1px), white calc(31.25% + 2px), white 34.375%, #cccccc calc(34.375% + 1px), white calc(34.375% + 2px), white 37.5%, #cccccc calc(37.5% + 1px), white calc(37.5% + 2px), white 40.625%, #cccccc calc(40.625% + 1px), white calc(40.625% + 2px), white 43.75%, #cccccc calc(43.75% + 1px), white calc(43.75% + 2px), white 46.875%, #cccccc calc(46.875% + 1px), white calc(46.875% + 2px), white 50%, #cccccc calc(50% + 1px), white calc(50% + 2px), white 53.125%, #cccccc calc(53.125% + 1px), white calc(53.125% + 2px), white 56.25%, #cccccc calc(56.25% + 1px), white calc(56.25% + 2px), white 59.375%, #cccccc calc(59.375% + 1px), white calc(59.375% + 2px), white 62.5%, #cccccc calc(62.5% + 1px), white calc(62.5% + 2px), white 65.625%, #cccccc calc(65.625% + 1px), white calc(65.625% + 2px), white 68.75%, #cccccc calc(68.75% + 1px), white calc(68.75% + 2px), white 71.875%, #cccccc calc(71.875% + 1px), white calc(71.875% + 2px), white 75%, #cccccc calc(75% + 1px), white calc(75% + 2px), white 78.125%, #cccccc calc(78.125% + 1px), white calc(78.125% + 2px), white 81.25%, #cccccc calc(81.25% + 1px), white calc(81.25% + 2px), white 84.375%, #cccccc calc(84.375% + 1px), white calc(84.375% + 2px), white 87.5%, #cccccc calc(87.5% + 1px), white calc(87.5% + 2px), white 90.625%, #cccccc calc(90.625% + 1px), white calc(90.625% + 2px), white 93.75%, #cccccc calc(93.75% + 1px), white calc(93.75% + 2px), white 96.875%, #cccccc calc(96.875% + 1px), white calc(96.875% + 2px), white calc(100% - 1px), #cccccc 100%);*/
/*background-image:linear-gradient(to right, #cccccc 0px, white 1px, white calc(100% - 1px), #cccccc 100%);*/
background-image:url(../img/graph03_35.png);
background-position:top left;
}
.graphContent03_35
{
width:1120px;
border-bottom:1px solid #cccccc;
padding:0px 0px;
/*background-image:linear-gradient(to right, #cccccc 1px, white 2px, white 2.85714285714286%, #cccccc calc(2.85714285714286% + 1px), white calc(2.85714285714286% + 2px), white 5.71428571428571%, #cccccc calc(5.71428571428571% + 1px), white calc(5.71428571428571% + 2px), white 8.57142857142857%, #cccccc calc(8.57142857142857% + 1px), white calc(8.57142857142857% + 2px), white 11.4285714285714%, #cccccc calc(11.4285714285714% + 1px), white calc(11.4285714285714% + 2px), white 14.2857142857143%, #cccccc calc(14.2857142857143% + 1px), white calc(14.2857142857143% + 2px), white 17.1428571428571%, #cccccc calc(17.1428571428571% + 1px), white calc(17.1428571428571% + 2px), white 20%, #cccccc calc(20% + 1px), white calc(20% + 2px), white 22.8571428571429%, #cccccc calc(22.8571428571429% + 1px), white calc(22.8571428571429% + 2px), white 25.7142857142857%, #cccccc calc(25.7142857142857% + 1px), white calc(25.7142857142857% + 2px), white 28.5714285714286%, #cccccc calc(28.5714285714286% + 1px), white calc(28.5714285714286% + 2px), white 31.4285714285714%, #cccccc calc(31.4285714285714% + 1px), white calc(31.4285714285714% + 2px), white 34.2857142857143%, #cccccc calc(34.2857142857143% + 1px), white calc(34.2857142857143% + 2px), white 37.1428571428571%, #cccccc calc(37.1428571428571% + 1px), white calc(37.1428571428571% + 2px), white 40%, #cccccc calc(40% + 1px), white calc(40% + 2px), white 42.8571428571429%, #cccccc calc(42.8571428571429% + 1px), white calc(42.8571428571429% + 2px), white 45.7142857142857%, #cccccc calc(45.7142857142857% + 1px), white calc(45.7142857142857% + 2px), white 48.5714285714286%, #cccccc calc(48.5714285714286% + 1px), white calc(48.5714285714286% + 2px), white 51.4285714285714%, #cccccc calc(51.4285714285714% + 1px), white calc(51.4285714285714% + 2px), white 54.2857142857143%, #cccccc calc(54.2857142857143% + 1px), white calc(54.2857142857143% + 2px), white 57.1428571428571%, #cccccc calc(57.1428571428571% + 1px), white calc(57.1428571428571% + 2px), white 60%, #cccccc calc(60% + 1px), white calc(60% + 2px), white 62.8571428571429%, #cccccc calc(62.8571428571429% + 1px), white calc(62.8571428571429% + 2px), white 65.7142857142857%, #cccccc calc(65.7142857142857% + 1px), white calc(65.7142857142857% + 2px), white 68.5714285714286%, #cccccc calc(68.5714285714286% + 1px), white calc(68.5714285714286% + 2px), white 71.4285714285714%, #cccccc calc(71.4285714285714% + 1px), white calc(71.4285714285714% + 2px), white 74.2857142857143%, #cccccc calc(74.2857142857143% + 1px), white calc(74.2857142857143% + 2px), white 77.1428571428571%, #cccccc calc(77.1428571428571% + 1px), white calc(77.1428571428571% + 2px), white 80%, #cccccc calc(80% + 1px), white calc(80% + 2px), white 82.8571428571429%, #cccccc calc(82.8571428571429% + 1px), white calc(82.8571428571429% + 2px), white 85.7142857142857%, #cccccc calc(85.7142857142857% + 1px), white calc(85.7142857142857% + 2px), white 88.5714285714286%, #cccccc calc(88.5714285714286% + 1px), white calc(88.5714285714286% + 2px), white 91.4285714285714%, #cccccc calc(91.4285714285714% + 1px), white calc(91.4285714285714% + 2px), white 94.2857142857143%, #cccccc calc(94.2857142857143% + 1px), white calc(94.2857142857143% + 2px), white 97.1428571428571%, #cccccc calc(97.1428571428571% + 1px), white calc(97.1428571428571% + 2px), white calc(100% - 1px), #cccccc 100%);*/
/*background-image:linear-gradient(to right, #cccccc 0px, white 1px, white calc(100% - 1px), #cccccc 100%);*/
background-image:url(../img/graph03_32.png);
background-position:top left;
}
tr:first-child > td.graphTitle01, tr:first-child > td.graphContent01
{
border-top:1px solid #cccccc;
}
.scoreD
{
cursor:pointer;
background-color:#f9fafb;
border:1px solid #e9e9e9;
border-bottom:1px solid #2c425a;
font-size:2rem;
font-weight:bold;
color:#2c425a;
padding:0.5rem 0;
}
.scoreS
{
cursor:pointer;
background-color:#ffffff;
border:1px solid #2c425a;
border-bottom:none;
font-size:2rem;
font-weight:bold;
color:#2c425a;
padding:0.5rem 0;
}
tr > td:last-child.scoreD
{
border-left:none;
}
tr > td:last-child.scoreS
{
border-left:1px solid #2c425a;
}
.forms
{
border:1px solid #41b6e6;
border-radius:5px;
/*padding:10px 10px;*/
height:48px;
padding-left:15px;
}
.forms2
{
border-radius:0.25rem;
border:1px solid #009cde;
padding:0.75rem 1rem;
color:#335273;
font-size:1rem;
line-height:1.3;
resize:none;
outline:none;
background-color:transparent;
width:100%;
box-sizing:border-box;
}
.membersTitle1, .membersTitle2, .membersContent1, li.membersList1, .membersTitle3, .membersContent2, .txtLevel3
{
/*font-size:1.5rem;*/
font-size:1rem;
line-height:200%;
}
.membersTitle1
{
/*font-size:1.8rem;*/
font-size:1.2rem;
padding-top:4rem;
font-weight:800;
}
.membersTitle2
{
padding-top:1rem;
font-weight:bold;
}
.membersContent1
{}
.membersList1
{
}
ol.membersList1, ul.membersList1
{
margin-top:0px;
margin-bottom:0px;
}
li.membersList1
{
margin-left:-1.3rem;
}
.overYellow
{
cursor:pointer;
margin-right:0.3rem;
}
.overYellow:hover > svg > path, .overYellow:hover > svg > g > path, .overYellow:hover > svg > g > defs > clipPath > rect
{
fill:#fedb00;
}
u, .underLine
{
text-underline-position : under;
/*text-decoration-line: underline;*/
/*text-decoration-color: gray;*/
text-decoration-thickness: 1px;
}
.MathJax > u, .allTextBox > u
{
text-underline-position : under;
/*text-decoration-line: underline;*/
/*text-decoration-color: gray;*/
text-decoration-thickness: 1px;
}
.flagBox
{
display:inline-flex;
align-items:center;
justify-content:center;
width:140px;
height:100px;
border-radius:0.5rem;
padding:2rem 1rem;
box-shadow:0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
box-sizing:border-box;
}
.flagItem
{
max-width:100%;
max-height:100%;
object-fit:contain;
margin-left:auto;
margin-right:auto;
display:block;
}
.testItem
{
list-style-type:none;
padding:0;
margin:0;
box-sizing:border-box;
display:block;
}
.testItem > li
{
font-size:1.125rem;
color:#505050;
line-height:1.75rem;
background-image:url('../img/icon_001.svg');
padding-left:1.85rem;
background-position:top 5px left;
background-repeat:no-repeat;
display:list-item;
text-align:left;
margin-bottom:8px;
}
.dropdown-menu
{
box-shadow: 0px 2px 4px -2px rgb(16 24 40 / 6%), 0px 4px 8px -2px rgb(16 24 40 / 10%);
padding: 10px 0px;
border-radius:0.5rem;
background-color:#ffffff;
border:none;
position:absolute;
display:none;
min-width:10rem;
list-style:none;
}
.dropdown-menu > ul > li
{
display:list-item;
}
.dropdown-item
{
padding:7px 15px;
display:block;
width:100%;
clear:both;
text-align:left;
white-space:nowrap;
border:none;
font-size:1rem;
cursor:pointer;
}
.dropdown-item:hover
{
color:#009cde;
}
.mainsiteContent
{
text-align:left;
font-size:1.125rem;
line-height:1.75rem;
}
.contentList
{
list-style-type:none;
padding:0;
margin:0;
box-sizing:border-box;
display:block;
}
.contentList > li
{
padding-left:1.85rem;
background-image:url(../img/icon_001.svg);
background-position:top 5px left;
background-repeat:no-repeat;
margin-top:8px;
}
.contentList.colorWhite > li
{
background-image:url(../img/icon_002.svg);
}
.cutText
{
overflow:hidden;
text-overflow:ellipsis; /* ... 으로 */
/*white-space:normal;*/
/*word-wrap:break-word;*/
display:-webkit-box;
-webkit-line-clamp:3; /* 2줄넘어가면 */
-webkit-box-orient:vertical;
/*cursor:pointer;*/
}
.cutText5
{
overflow:hidden;
text-overflow:ellipsis; /* ... 으로 */
/*white-space:normal;*/
/*word-wrap:break-word;*/
display:-webkit-box;
-webkit-line-clamp:5; /* 2줄넘어가면 */
-webkit-box-orient:vertical;
/*cursor:pointer;*/
}
.colorBlue1
{
color:#335273;
}
.colorGray1
{
color:#505050;
}
.colorWhite
{
color:#ffffff;
}
.payTitleMini
{
font-size:16px;
color:rgba(255,255,255,0.6);
font-weight:bold;
padding-bottom:0.5rem;
}
.payMoneyBig
{
font-size:36px;
color:#ffffff;
font-weight:600;
}
.payTitle1
{
height:58px;
font-size:14px;
color:#ffffff;
}
.payTitle2
{
height:58px;
font-size:16px;
color:#ffffff;
}
.payTitle3
{
height:40px;
font-size:16px;
color:#000000;
}
.payTitle4
{
font-size:13px;
color:#000000;
margin-top:15px;
}
.payInputbox1
{
margin-top:5px;
}
.payInput1Box
{
width:100%;
height:36px;
box-sizing:border-box;
border:0;
border-radius:6px;
box-shadow:0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,0.07), 0 1px 1.5px 0 rgba(0,0,0,0.05);
padding:0;
margin:0;
}
.payInput1
{
font-size:14px;
color:rgba(0,0,0,0.9);
width:50%;
height:20px;
padding:8px 12px;
border:0;
background-color:transparent;
}
.payInput1::placeholder
{
color:rgba(0, 0, 0, 0.25);
}
.payInput1Box1
{
border-radius:0;
border-top-left-radius:6px;
border-top-right-radius:6px;
}
.payInput1Box2
{
margin-right:0;
border-radius:0;
border-bottom-left-radius:6px;
/*width:50%;*/
/*float:left;*/
}
.payInput1Box3
{
margin-left:0;
border-radius:0;
border-bottom-right-radius:6px;
/*width:50%;*/
/*display:inline-block;*/
}
.paymentMethod
{
width:120px;
font-size:12px;
border:0;
box-shadow:0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,0.07), 0 1px 1.5px 0 rgba(0,0,0,0.05);
background-color:#ffffff;
border-radius:6px;
box-sizing:border-box;
padding:10px 12px 8px 12px;
}
.payBorder1
{
border-top:1px solid rgba(255,255,255,0.1);
}
.payButton1
{
font-size:14px;
border:none;
line-height:1.3;
border-radius:6px;
padding:8px 12px;
height:36px;
background-color:rgba(255,255,255,0.05);
color:#ffffff;
}
.payButton1:hover
{
background-color:rgba(255,255,255,0.1);
}
.payButton2
{
font-size:16px;
color:#5e5e5e;
width:100%;
height:44px;
padding:8px 12px;
box-sizing:border-box;
border:0;
border-radius:6px;
background-color:#ffffff;
box-shadow:0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0,0,0,0.07), 0 1px 1.5px 0 rgba(0,0,0,0.05);
}
.payButton3
{
color:rgba(255, 255, 255, 0.5);
background-color:#0074d4;
}
.payButton4
{
color:#374c62;
background-color:#ffffff;
border:none;
font-size:1rem;
/*font-weight:bold;*/
}
.payInput1Box4
{
background-color:rgba(255,255,255,0.5);
border-radius:10px;
padding:5px 5px;
}
.payInput1Box4 > div
{
background-color:#ffffff;
border-radius:6px;
padding:5px 5px;
}
.promotionBox
{
border:none;
font-size:1rem;
width:100%;
}
.promotionBox::placeholder
{
color:#374c62;
font-size:1rem;
}
.membershipbox
{
padding:1rem 1rem;
font-size:1rem;
text-align:center;
border-radius:0.5rem;
width:390px;
color:#8a252b;
background-color:#f8d7da;
border:2px solid #f5c6cb;
line-height:130%;
}
.membershipbox_ok
{
color:#355b37;
background-color:#d1e7dd;
border:2px solid #c0ded0;
}
/* layout */
/* table */
.tableTitle2, .tableContent2
{
border-top:1px solid #d4d4d4;
border-left:1px solid #d4d4d4;
padding:5px 10px;
text-align:center;
background-color:#ffffff;
}
.tableTitle2
{
}
.tableContent2
{
}
tr > td:last-child.tableTitle2, tr > td:last-child.tableContent2
{
border-right:1px solid #d4d4d4;
}
tr:last-child > td.tableContent2
{
border-bottom:1px solid #d4d4d4;
}
/* table */
/* button */
.buttons01
{
font-size:1rem;
font-weight:bold;
color:#314152;
background-color:#fedb00;
border:1px solid #fedb00;
padding:11px 27px 11px 27px;
border-radius:35px;
}
.buttons02
{
font-size:1rem;
font-weight:bold;
color:#009cde;
background-color:#ffffff;
border:1px solid #009cde;
padding:11px 27px 11px 27px;
border-radius:35px;
}
.buttons03
{
font-size:1rem;
font-weight:bold;
color:#ffffff;
background-color:#009cde;
border:1px solid #009cde;
padding:11px 27px 11px 27px;
border-radius:35px;
}
.buttonYellow
{
border:1px solid #1e1e1e;
background-color:#fedb00;
border-radius:30px;
color:#1e1e1e;
font-weight:bold;
padding:15px 15px;
}
.buttonYellow2
{
border:1px solid #1e1e1e;
background-color:#fedb00;
border-radius:30px;
color:#1e1e1e;
font-weight:bold;
padding:15px 25px;
font-size:16pt;
}
.buttonYellow3
{
border:1px solid #1e1e1e;
background-color:#fedb00;
border-radius:30px;
color:#1e1e1e;
font-weight:bold;
padding:8px 20px;
font-size:1rem;
}
.buttonSubmit
{
border:1px solid #1e1e1e;
background-color:#fedb00;
border-radius:30px;
color:#1e1e1e;
font-weight:bold;
padding:15px 30px;
font-size:14pt;
}
.buttonReview
{
border:1px solid #1e1e1e;
background-color:#ffffff;
border-radius:30px;
color:#1e1e1e;
font-weight:bold;
padding:15px 25px;
font-size:16pt;
}
.buttonHide
{
font-size:9pt;
font-weight:bold;
background-color:#ffffff;
color:#1e1e1e;
border:1px solid #1e1e1e;
border-radius:15px;
padding:2px 10px;
}
.buttonNext
{
background-color:#0077c8;
font-size:14pt;
font-weight:bold;
color:#ffffff;
padding:15px 30px;
border:1px solid #3658c9;
border-radius:30px;
}
.buttonNext2
{
background-color:#0077c8;
font-size:14pt;
font-weight:bold;
color:#ffffff;
padding:8px 20px;
border:1px solid #3658c9;
border-radius:30px;
}
.buttonGray
{
background-color:#f0f0f0;
border:1px solid #f0f0f0;
color:#b2b2b2;
}
.buttonDownload
{
border:1px solid #000000;
padding:0.5rem 0.5rem;
background-color:#ffffff;
font-size:1rem;
font-weight:bold;
}
.buttonSignin, .buttonSignup, .buttonCancel
{
border:none;
padding:0.7rem 1.5rem;
border-radius:2rem;
font-size:1rem;
font-weight:bold;
}
.buttonSignin
{
background-color:#fedb00;
color:#2c425a;
border:1px solid #fedb00;
}
.buttonSignup
{
background-color:#2c425a;
color:#ffffff;
border:1px solid #ffffff;
}
.buttonCancel
{
background-color:#ffffff;
color:#344455;
border:1px solid #3d5a7a;
}
.buttonSubmit2
{
display:inline-flex;
align-item:center;
justify-content:center;
color:#335273;
border:none;
border-radius:2.5rem;
background-color:#fedb00;
padding:0.8rem 2rem;
outline:none;
}
.buttonDownload2
{
display:inline-flex;
align-item:center;
justify-content:center;
color:#ffffff;
border:none;
border-radius:2.5rem;
background-color:#2c425a;
padding:0.8rem 2rem;
outline:none;
}
.buttonBook
{
display:inline-flex;
align-item:center;
justify-content:center;
/*color:#2c425a;*/
border:none;
border-radius:2.5rem;
/*background-color:#ffffff;*/
color:#ffffff;
background-color:#009cde;
border:1px solid #ffffff;
padding:0.3rem 1.5rem;
outline:none;
font-weight:bold;
font-size:1rem;
transition:0.5s all ease-in-out;
}
.buttonBook:hover
{
/*color:#ffffff;*/
/*background-color:#009cde;*/
color:#2c425a;
background-color:#ffffff;
transition:0.5s all ease-in-out;
}
.pagebutton
{
width:32px;
height:32px;
color:#aaaaaa;
border:1px solid #dddddd;
background-color:#ffffff;
vertical-align:middle;
border-radius:3px;
cursor:pointer;
}
.pagebuttonSelect
{
color:#2c425a;
font-weight:bold;
/*background-color:#d01715;*/
border:1px solid #2c425a;
}
/* button */