body,html{width:auto;height:auto;}
body{background:#fff}
body.dark{background:#292929}
article{margin:0 auto;width:100%}
.container{background:#fff}
.container h3{border-bottom:0;margin-bottom:0;padding-bottom:0}
.column{float:none;width:initial;height:initial}
/*start_view topArea*/
.startList .mo{display:none}
.startList .topArea{padding:40px 0 232.8px;background:#201b31 url(/assets/images/webtest/start_top_bg.png) no-repeat center;background-size:cover;text-align:center;}
.dark .startList .topArea{background-color:#060508}
.startList .topArea h2{font-size:15px;color:#368BFF;margin-bottom:33px}
.startList .topArea h2 img{display:block;margin:0 auto 5px}
.startList .topArea h2 a{font-weight:400}
.startList .topArea h3{width:auto;border-bottom:0;display:inline-block;padding:13px 40px 3px;font-family:'Gmarket';font-weight:400;color:#fff;font-size:47px;letter-spacing:-1.14px;line-height:54px;background:#368BFF;border-radius:50px;margin-bottom:30px;}
.startList .topArea h4{font-size:60px;font-weight:700;font-family:'Gmarket';line-height:69px;color:#fff;text-shadow:10px 10px 20px rgba(0,0,0,0.4);}
/*start_view section1*/
.startList .sec1{margin-top:-176px;padding-bottom:100px}
.startList .sec1 .guid{text-align:center;margin:58px auto 100px;background:#fff no-repeat center;max-width:748px;border-radius:20px;box-shadow: 0px 10px 30px #0000001A;padding:35px 67px 40px;background-image:url(/assets/images/webtest/start_top_guid_bg1.png), url(/assets/images/webtest/start_top_guid_bg2.png), url(/assets/images/webtest/start_top_guid_bg3.png), url(/assets/images/webtest/start_top_guid_bg4.png);background-position:left 40px top 40px, right 40px top 40px, left 40px bottom 40px, right 40px bottom 40px}
.dark .startList .sec1 .guid{background-color:#404665}
.startList .sec1 .guid h3{color:#201831;font-size:22px;font-weight:700;line-height:36px;letter-spacing:-0.66px;padding-bottom:30px;border-bottom:1px solid #DEDED6;margin-bottom:40px}
.dark .startList .sec1 .guid h3{color:#009DFF;border-bottom:1px solid #009DFF}
.startList .sec1 .guid .toolArea{width:276px;margin:0 auto 40px;border:1px solid #B3DDF7;}
.dark .startList .sec1 .guid .toolArea{border:1px solid #5562A3;}
.startList .sec1 .guid p{font-size:16px;color:#201B31;line-height:26px;letter-spacing:-1px;font-weight:300;margin-bottom:40px}
.dark .startList .sec1 .guid p{color:#BCE5FF}
.startList .sec1 .guid a{box-shadow: 10px 10px 15px rgba(0, 167, 255, 0.2);color:#fff;background:linear-gradient( 45deg, #5DDEDE, #00A7FF 100%);font-size:18px;font-weight:500;padding:18px 20px;border-radius:6px}
.dark .startList .sec1 .guid a{box-shadow: 10px 10px 15px #12121266;color:#292929}
.startList .sec1 .tableArea{max-width:970px;margin:0 auto 80px;border-top: 1px solid #707070;border-bottom: 1px solid #707070;display:flex}
.startList .sec1 h3{font-weight:700;color:#4E4E4E;font-size:22px;letter-spacing:-0.66px;line-height:36px;max-width:970px;margin:0 auto 24px}
.dark .startList .sec1 h3{color:#DEDED6}
/*.startList .sec1 .tableArea .num1{width:60px}
.startList .sec1 .tableArea .subject{width:110px}
.startList .sec1 .tableArea .num2{width:80px}
.startList .sec1 .tableArea .times{width:100%}
.startList .sec1 .tableArea .table ol{display:table;table-layout:fixed;width:100%}
.startList .sec1 .tableArea .thead ol{border-top:1px solid #D5D5D5}
.startList .sec1 .tableArea .table ol li{border-bottom:0}
.startList .sec1 .tableArea .btnAreaT{width:130px}
.startList .sec1 .tableArea .table{border-top:1px solid #707070;border-bottom:1px solid #707070;text-align:center}
.startList .sec1 .tableArea .thead{display:table;height:108px;table-layout:fixed;width:100%}
.startList .sec1 .tableArea .tbody{display:table;table-layout:fixed;width:100%}
.startList .sec1 .tableArea .table ul{display:table-row}
.startList .sec1 .tableArea .table li{display:table-cell;border-right:1px solid #D5D5D5;border-bottom:1px solid #D5D5D5;font-size:16px;letter-spacing:-0.8px;color:#4E4E4E;font-weight:400;height:54px;vertical-align:middle}
.startList .sec1 .tableArea .table .tfoot{display:table;table-layout:fixed;width:100%}
.startList .sec1 .tableArea .table .num1A{width:170px}
.startList .sec1 .tableArea .tfoot ol:last-of-type{border-top:1px solid #D5D5D5} 
.dark .startList .sec1 .tableArea .table td{color:#A5A5A5}
.startList .sec1 .tableArea .table li:last-of-type{border-right:0}
.startList .sec1 .tableArea .thead li{font-weight:500;background:#F7F7F7}
.startList .sec1 .tableArea .thead li:last-of-type{vertical-align:bottom;line-height:54px}
.dark .startList .sec1 .tableArea .thead li{background:#3E3E3E}*/
.startList .sec1 .tableArea .btnArea{display:flex;justify-content:space-around;padding:0 10px}
.startList .sec1 .tableArea a{position:relative;background:#fff;border:1px solid #B0B0B0;border-radius:4px;width:30px;height:30px;margin-right:15%}
.startList .sec1 .tableArea a:last-of-type{margin-right:0}
.dark .startList .sec1 .tableArea a{border:1px solid #707070;mix-blend-mode:difference}
.startList .sec1 .tableArea a i{position:absolute;width:16px;height:16px;line-height:16px;border-radius:50%;background:#FF3600;right:0;top:0;margin-right:-8px;margin-top:-8px;color:#fff;font-weight:700;font-size:10px;}
.startList .sec1 .tableArea .dimmed a{background:#EAEAEA}
.dark .startList .sec1 .tableArea .dimmed a{background:#3E3E3E;mix-blend-mode:initial;border-color:#d5d5d5}
.startList .sec1 .tableArea  .dimmed a img{opacity:50%}
.startList .sec1 .tableArea button{width:74px;height:30px;border-radius:4px;border:1px solid;font-size:14px;letter-spacing:-0.7px}
.startList .sec1 .tableArea .btnCmplt{background:#FFE5C3;border-color:#FF9300;color:#000;cursor:default}
.startList .sec1 .tableArea .btnInput{background:#DEFF9F;border-color:#AFDE56;color:#000}
.startList .sec1 .tableArea .btnGo{background:#BAEFFF;border-color:#00C4FF;color:#000}
.startList .sec1 .tableArea .btnOmrGo{background:#FFC4D4;border-color:#FF004E;color:#000}
.startList .sec1 .tableArea .btnResult{background:#C9EDD4;border-color:#56B172;color:#000}
.startList .sec1 .tableArea .btnNote{background:#F4D9FF;border-color:#BA64DD;color:#000}
.startList .sec1 .tableArea .dimmed{background:#ddd;border-color:#707070;color:#666}
.startList .sec1 .tableArea td.dimmed{background:none;border-color:#d5d5d5}
.dark .startList .sec1 .tableArea .btnCmplt{background:transparent;border-color:#FFE5C3;color:#FFE5C3}
.dark .startList .sec1 .tableArea .btnCmplt{background:transparent;border-color:#FF9300;color:#FF9300;cursor:default}
.dark .startList .sec1 .tableArea .btnInput{background:transparent;border-color:#DEFF9F;color:#DEFF9F}
.dark .startList .sec1 .tableArea .btnGo{background:transparent;border-color:#BAEFFF;color:#BAEFFF}
.dark .startList .sec1 .tableArea .btnResult{background:transparent;border-color:#C9EDD4;color:#C9EDD4}
.dark .startList .sec1 .tableArea .btnNote{background:transparent;border-color:#F4D9FF;color:#F4D9FF}
.startList .sec1 .notice{max-width:970px;margin:0 auto;padding:42px 57px;background:#201b31 url(/assets/images/webtest/start_notice_bg.png) no-repeat right bottom;}
.dark .startList .sec1 .notice{background-color:#060508}
.startList .sec1 .notice h3{color:#E2FF00;font-weight:700;font-size:22px;letter-spacing:-0.66px;line-height:36px;margin-bottom:20px}
.startList .sec1 .notice i{display:inline-block;width:15px;font-family:'Gmarket';font-size:16px;letter-spacing:-0.48px;line-height:30px;font-weight:700;color:#56CADE;margin-right:5px;margin-left:-20px;}
.startList .sec1 .notice li{color:#fff;letter-spacing:-0.48px;line-height:30px;padding-left:20px}
/* 2022-02-16 table로 수정 */
.startList .sec1 .tableArea > div{width:50%}
.startList .sec1 .tableArea .leftTable{border-right:1px solid #D5D5D5}
.startList .sec1 .tableArea .leftTable .mo{display:none}
.startList .sec1 .tableArea th,
.startList .sec1 .tableArea td{height:55px;border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;font-size:16px;color:#4E4E4E;text-align:center}
.startList .sec1 .tableArea th:last-of-type,
.startList .sec1 .tableArea td:last-of-type{border-right:0}
.startList .sec1 .tableArea td.bRight{border-right:1px solid #d5d5d5}
.startList .sec1 .tableArea th{font-weight:500}
.startList .sec1 .tableArea thead{background:#F7F7F7}
.startList .sec1 .tableArea .leftTable .num{width:13.4%}
.startList .sec1 .tableArea .leftTable .cnt{width:17.2%}
.startList .sec1 .tableArea .leftTable .time{width:17.2%}
.startList .sec1 .tableArea .leftTable .down{width:28%}
.startList .sec1 .tableArea .leftTable tfoot td{height:110px}
.startList .sec1 .tableArea .rightTable table{table-layout:fixed;height:100%}
/*modalList*/
#modalList{display:none;z-index:999;position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.7);}
#modalList > div{display:none;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;width:700px;padding:50px;}
.dark #modalList > div{background:#3E3E3E}
#modalList h2{font-size:24px;display:inline-block;width:235px;height:60px;padding-top:20px;font-family:'Gmarket';color:#fff;font-weight:400;letter-spacing:-0.72px;background:#504AD9;border-radius:30px;margin-bottom:50px}
#modalList .info{color:#4E4E4E;font-size:24px;line-height:50px;margin-bottom:50px}
.dark #modalList .info{color:#fff}
#modalList .info b{font-size:71px;font-weight:700;display:inline-flex}
#modalList .btnArea button{width:120px;height:45px;font-size:16px;letter-spacing:-0.32px;border-radius:2px}
#modalList .btnBack{color:#000;border:1px solid #000;margin-right:10px;background:#fff;}
#modalList .btnGo{background:#009DFF;color:#fff}
#modalList .guideModal{padding-bottom:15px;max-width:800px;width:100%}
.guideModal .imgArea{width:670px;margin:0 auto}
.guideModal .guidClose{position:absolute;right:46px;top:46px}
.guideModal .slick-arrow{background-repeat:no-repeat;background-size:contain;background-position:center;width:40px;height:40px;z-index:1}
.guideModal .slick-prev{background-image:url(/assets/images/webtest/guid_left_arrow.png);left:0}
.guideModal .slick-next{background-image:url(/assets/images/webtest/guid_right_arrow.png);right:0}
.guideModal .slick-dots{line-height:1;bottom:-30px}
.guideModal .slick-dots li{width:12px;height:12px;margin:0 7px}
.guideModal .slick-dots li button{width:12px;height:12px;background:#D5D5D5}
.guideModal .slick-dots li:hover button,
.guideModal .slick-dots li.slick-active button{width:12px;height:12px;background:#3C80FF}
.guideModal .slick-slide .img{height:462px;background-repeat:no-repeat;background-size:contain;background-position:bottom center;border-bottom:1px solid #D5D5D5}
.guideModal .img1{background-image:url(/assets/images/webtest/webtest_guid1.png)}
.guideModal .img2{background-image:url(/assets/images/webtest/webtest_guid2.png)}
.guideModal .img3{background-image:url(/assets/images/webtest/webtest_guid3.png)}
.pauseModal .pauseTime i{vertical-align:top}
.pauseModal .info b{display:inline-block;vertical-align:sub;line-height:109px}
.endModal .info{font-weight:700}
.submitModal .info span{font-size:71px;font-weight:500;line-height:110px;display:inline-block;vertical-align:sub}
#modalList .offInfoModal .info{font-size:20px;line-height:34px}
/*modallist2  */
/*
#modalList2{display:none;z-index:999;position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.7);}
#modalList2 > div{display:none;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;width:700px;padding:50px;}
.dark #modalList2 > div{background:#3E3E3E}
#modalList2 h2{font-size:24px;display:inline-block;width:235px;height:60px;padding-top:20px;font-family:'Gmarket';color:#fff;font-weight:400;letter-spacing:-0.72px;background:#504AD9;border-radius:30px;margin-bottom:50px}
#modalList2 .info{color:#4E4E4E;font-size:24px;line-height:50px;margin-bottom:50px}
.dark #modalList2 .info{color:#fff}
#modalList2 .info b{font-size:71px;font-weight:700;display:inline-flex}
#modalList2 .info .myinput {text-align:left;}
#modalList2 .btnArea button{width:120px;height:45px;font-size:16px;letter-spacing:-0.32px;border-radius:2px}
#modalList2 .btnBack{color:#000;border:1px solid #000;margin-right:10px;background:#fff;}
#modalList2 .btnGo{background:#009DFF;color:#fff}
#modalList2 .guideModal{padding-bottom:15px;max-width:800px;width:100%}
#modalList2 .offInfoModal .info{font-size:20px;line-height:34px}
#modalList2 input{width: auto;height: 45px;padding: 0 12px;border: 1px solid #c9c9c9;}
#modalList2 .mySelect{ width: auto;height: 45px;
    padding: 0 12px;
    border: 1px solid #c9c9c9;}
	*/
	
#modalList2 {
  display: none;
  z-index: 999;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;

  background: rgba(0, 0, 0, 0.5); /* 반투명 어두운 배경 */
  backdrop-filter: blur(5px);     /* 배경 흐림 효과 */
  -webkit-backdrop-filter: blur(5px); /* Safari 호환 */
}

#modalList2 > div {
  display: none;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: #fff;
  width: 600px;
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

#modalList2 h2 {
  font-size: 20px;
  width: auto;
  padding: 15px 25px;
  background: #504AD9;
  color: #fff;
  border-radius: 30px;
  margin-bottom: 30px;
}

#modalList2 .info table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
  font-size: 14px;
}

#modalList2 .info th, #modalList2 .info td {
  padding: 10px 8px;
  text-align: left;
  border-bottom: 1px solid #ddd;
  vertical-align: middle;
}

#modalList2 .info th {
  background-color: #f6f6f6;
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  text-align: left;
}

#modalList2 .info td {
  text-align: left;
  font-size: 14px;
}

#modalList2 .info td.myinput {
  font-size: 14px;
}

#modalList2 input,
#modalList2 .mySelect {
  width: 100%;
  height: 38px;
  padding: 0 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
  box-sizing: border-box;
}

#modalList2 .btnArea {
  margin-top: 20px;
}

#modalList2 .btnArea button {
  width: 120px;
  height: 42px;
  font-size: 15px;
  margin: 0 5px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: background 0.2s ease;
}

#modalList2 .btnBack {
  background: #f0f0f0;
  color: #333;
}

#modalList2 .btnBack:hover {
  background: #ddd;
}

#modalList2 .btnGo {
  background: #009DFF;
  color: #fff;
}

#modalList2 .btnGo:hover {
  background: #007ACC;
}	
/*
#modalList2	select:hover {
		border-color: #888;
	  }
	  
#modalList2 select:focus {
		border-color: #aaa;
		box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
		box-shadow: 0 0 0 3px -moz-mac-focusring;
		color: #222;
		outline: none;
	  }
	  
#modalList2	select:disabled {
		opacity: 0.5;
	  }
*/
    
/*header*/
.examArea header{height:80px;line-height:80px;width:100%;background:#E5E5E5}
.examArea .dark header{background:#000}
.examArea header .logo{display:inline-block}
.examArea header a{float:right;color:#201B31}
.dark .examArea header a{color:#fff}

/*exam - tooltip*/
.hover{position:relative;}
.hover:hover .btooltip{display:block}
.btooltip{font-size:12px;color:#7F7F7F;display:none;position:absolute;left:50%;transform:translate(-50%);top:0;width:95px;padding:5px;background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:#7F7F7F solid 1px;}
.btooltip::after{content: '';position:absolute;border-style:solid;border-width: 0 10px 11px;border-color:#fff transparent;display:block;width: 0;z-index:1;top:-11px;left:36px;}
.btooltip::before{content: '';position:absolute;border-style:solid;border-width: 0 10px 11px;border-color:#7F7F7F transparent;display:block;width: 0;z-index:0;top:-12px;left:36px;}
.hover:hover .rtoolTip{display:block}
.rtoolTip{font-size:12px;color:#7F7F7F;display:none;position:absolute;left:100%;top:50%;transform:translateY(-50%);width:110px;line-height:25px;padding:5px;background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:#7F7F7F solid 1px;}
.rtoolTip::after{content: '';position: absolute;border-style: solid;border-width: 5px 5px 5px 0;border-color: transparent #FFFFFF;display:block;width:0;z-index:1;left:-5px;top:50%;transform:translateY(-50%)}
.rtoolTip::before{content: '';position: absolute;border-style:solid;border-width: 5px 5px 5px 0;border-color: transparent #7F7F7F;display:block;width:0;z-index:0;left:-6px;top:50%;transform:translateY(-50%)}
/*exam - title*/
.examPaper .topBg{width:100%;background:url(/assets/images/webtest/exam_top_bg.png) no-repeat center;background-size:cover;height:400px}
.examPaper .background{margin-top:-246px;}
.examPaper .bottomBg{width:100%;background:#DDDDD5 url(/assets/images/webtest/exam_bottom_bg.png);background-blend-mode:miltiply}
.dark .examPaper .bottomBg{background-color:#282828; background-blend-mode:color-burn}
.examPaper .examArea{box-shadow: 0px 20px 30px #0000001A;position:relative;max-width:910px;background:#fff;margin:0 auto;top:-250px;}
.examPaper .examArea header{background:#E5E5E5;padding:0 40px;height:60px;line-height:60px;}
.dark .examPaper .examArea header{background:#000}
.examPaper .examArea header img{height:26px}
.examPaper .examTitle{background:#F0F0F0;padding:25px 40px;position:relative;text-align:center}
.dark .examPaper .examTitle{background:#3E3E3E}
.examPaper .examTitle .leftTxt{position:absolute;top:25px;left:40px;text-align:left}
.examPaper .examTitle .leftTxt h2{margin-bottom:15px;color:#4E4E4E;font-weight:700;font-size:36px;letter-spacing:-1.2px;font-size:20px;letter-spacing:-1.2px}
.dark .examPaper .examTitle .leftTxt h2{color:#fff}
.examPaper .examTitle .stap{color:#4E4E4E;font-size:16px;letter-spacing:-0.96px;}
.dark .examPaper .examTitle .stap{color:#fff;font-size:16px;letter-spacing:-0.96px;}
.examPaper .examTitle .stap ol{display:inline-flex;justify-content:space-start;width:110px;flex-wrap:wrap}
.examPaper .examTitle .stap li{cursor:pointer;margin-right:5px;margin-bottom:5px;width:18px;height:18px;border-radius:50%;line-height:17px;color:#B0B0B0;font-size:11px;border:1px solid #B0B0B0;text-align:center}
.examPaper .examTitle .stap li:nth-of-type(5n){margin-right:0}
.dark .examPaper .examTitle .stap li{color:#707070;border:1px solid #707070}
.examPaper .examTitle .stap li .btooltip{top:30px}
.examPaper .examTitle .stap li.on{background:#707070;color:#fff}
.dark .examPaper .examTitle .stap li.on{color:#b0b0b0;}
.examPaper .examTitle .rightIcon{position:absolute;display:flex;right:40px;top:25px}
.examPaper .examTitle .rightIcon li{border-right:1px solid #4E4E4E;padding:0 20px}
.examPaper .examTitle .rightIcon li:last-of-type{border-right:0}
.examPaper .examTitle .rightIcon li button{width:24px;height:24px;}
.dark .examPaper .examTitle .rightIcon li button img{filter:brightness(3)}
.examPaper .examTitle .rightIcon .btooltip{top:30px;}
.examPaper .examTitle h3{margin-bottom:11px;color:#4E4E4E;font-family:'Gmarket';font-weight:400;font-size:50px;letter-spacing:-1.5px;line-height:58px;padding-top:20px}
.dark .examPaper .examTitle h3{color:#fff}
.examPaper .examTitle h3 b{font-weight:700}
.examPaper .examTitle .info{display:flex;justify-content:center;margin-bottom:20px}
.examPaper .examTitle .info ul{position:relative;display:inline-flex;justify-content:center;background:#707070;width:88px;height:37px;line-height:37px;border-radius:4px;margin:0 2px}
.examPaper .examTitle .info ul::after{content:'';position:absolute;left:50%;transform:translate(-50%,-50%);top:50%;background:#B0B0B0;width:1px;height:21px}
.examPaper .examTitle .info li{color:#fff;font-size:14px;letter-spacing:-0.84px;width:50%}
.examPaper .examTitle .info li b{font-family:'Gmarket';font-size:20px;font-weight:700}
.examPaper .examTitle .copyRight{color:#4E4E4E;font-size:13px;letter-spacing:-0.52px}
.dark .examPaper .examTitle .copyRight{color:#fff}
/*exam nav*/
.remainSelect{display:none}
.examPaper nav{z-index:2;position:fixed;border:1px solid transparent;box-shadow: 0px 0px 20px #00000029;text-align:center;background:rgba(255,255,255,0.6);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border-radius:63px;padding: 13px 18px 27px}
.dark .examPaper nav{background:rgba(64,70,101,0.6)}
.examPaper nav .toggleBtn{background:#6EACFF no-repeat center;box-shadow: 0px 3px 6px #1C7CFF4D;width:30px;height:30px;border-radius:50%;margin-bottom:13px;position:relative}
.examPaper nav .toggleBtn .btooltip{top:40px}
.dark .examPaper nav .toggleBtn{background-color:#292929}
.examPaper nav .timer{position:relative;width:90px;height:90px;border-radius:50%;margin:0 auto 12px}
.examPaper nav .timer canvas{width:100%!important;height:100%!important}
.dark .examPaper nav .timer canvas{filter:invert(1) hue-rotate(180deg) contrast(2);}
.examPaper nav .timer .text{color:#000;font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%}
.dark .examPaper nav .timer .text{color:#009DFF}
.examPaper .switch{cursor:pointer;display:inline-flex;justify-content:space-evenly;align-items:center;border:1px solid #009DFF;background:#fff;;position:relative;width:80px;height:29px;border-radius:24px}
.examPaper .switch span{transition:0.3s;position:relative;z-index:1;display:inline-block;color:#939393;font-size:12px;line-height:24px;width:48%;}
.dark .examPaper .switch span{color:#009DFF}
.examPaper .switch i{position:absolute;left:2px;top:50%;transform:translateY(-50%);height:24px;line-height:24px;width:48%;border-radius:24px;box-shadow: 3px 3px 3px #00A7FF4D;background:#009DFF;}
.examPaper .switch span.on{color:#fff;}
.examPaper nav .toolArea,
.examPaper nav .omr,
.examPaper nav .slide_pagination,
.examPaper nav .buttonArea{display:none}
/*exam nav on*/
.examPaper nav.on{border-color:#72C9FF;padding:5vh 0 3.6vh;border-radius:26px;max-height:1000px;display:flex;justify-content:space-between;}
.dark .examPaper nav.on{border-color:transparent}
.examPaper nav.on .toggleBtn{position:absolute}
.examPaper nav.on .timer{width:136px;height:136px;margin: 0 auto}
.examPaper nav.on .timer span{display:inline-block;width:10px}
.examPaper nav.on .timer .text{font-size:28px}
.examPaper nav.on .switch{height:37px;width:102px;background:#fff;margin-bottom:4vh}
.dark .examPaper nav.on .switch{background:transparent}
.examPaper nav.on .switch span{font-size:14px;height:30px;line-height:30px}
.examPaper nav.on .switch i{font-size:14px;height:30px}
.examPaper nav.on .toolArea,
.examPaper nav.on .omr,
.examPaper nav.on .slide_pagination,
.examPaper nav.on .buttonArea{display:block}
.toolArea{margin:0 33px;position:relative;background:#fff;border-radius:10px;box-shadow:-3px 8px 15px #00A7FF26;padding:10px}
.dark .toolArea{background:#404665;box-shadow: -3px 8px 15px #12121266}
.toolBox{display:flex}
.toolBox:first-of-type{margin-bottom:10px;border-bottom:1px dashed #B3DDF7;padding-bottom:10px}
.dark .toolBox:first-of-type{border-bottom:1px dashed #5562A3}
.toolBox .topToolTip{display:none}
.toolBox.hover .topToolTip{z-index:9;text-align:center;position:absolute;left:50%;transform:translateX(-50%);top:-20px;font-size:12px;color:#7F7F7F;width:100%;padding:5px;background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:#7F7F7F solid 1px;}
.toolArea button{border-radius:4px;border:1px solid #B1B1B1;width:34px;height:34px;font-size:12px;color:#fff;}
.dark .toolArea button{border:1px solid #009DFF;color:#404665}
.toolArea .tool{background:no-repeat center;background-size:90%;font-size:0;overflow:hidden;text-indent:-9999em}
.toolArea .fontUp{background-image:url(/assets/images/webtest/off_font_up_icon.png)}
.toolArea .fontUp:hover{background-image:url(/assets/images/webtest/font_up_icon.png)}
.toolArea .fontDown{background-image:url(/assets/images/webtest/off_font_down_icon.png)}
.toolArea .fontDown:hover{background-image:url(/assets/images/webtest/font_down_icon.png)}
.toolArea .audio{background-image:url(/assets/images/webtest/off_mute_icon.png)}
.toolArea .audio.on{background-image:url(/assets/images/webtest/sound_icon.png)}
.toolArea .lightTheme{background-image:url(/assets/images/webtest/off_light_icon.png)}
.toolArea .lightTheme.on{background-image:url(/assets/images/webtest/light_icon.png)}
.toolArea .darkTheme{background-image:url(/assets/images/webtest/off_dark_icon.png)}
.toolArea .darkTheme.on{background-image:url(/assets/images/webtest/dark_icon.png)}
.toolArea .tool.on{border:1px solid #BCE5FF;background-color:transparent}
.dark .toolArea .tool.on{border:1px solid #009DFF;background-color:#009DFF}
.toolArea .rightLayBtn{background-image:url(/assets/images/webtest/off_left_layout_icon.png);}
.toolArea .on.rightLayBtn{background-image:url(/assets/images/webtest/left_layout_icon.png);}
.toolArea .leftLayBtn{background-image:url(/assets/images/webtest/off_rihgt_layout_icon.png);}
.toolArea .on.leftLayBtn{background-image:url(/assets/images/webtest/rihgt_layout_icon.png);}
.toolArea .bottomLayBtn{background-image:url(/assets/images/webtest/off_bottom_layout_icon.png);}
.toolArea .on.bottomLayBtn{background-image:url(/assets/images/webtest/bottom_layout_icon.png);}
.toolArea .floorLayBtn{background-image:url(/assets/images/webtest/off_sbottom_layout_icon.png);}
.toolArea .on.floorLayBtn{background-image:url(/assets/images/webtest/sbottom_layout_icon.png);}
.toolArea .fullScreen{background-image:url(/assets/images/webtest/off_fullscreen_icon.png);}
.toolArea .on.fullScreen{background-image:url(/assets/images/webtest/fullscreen_icon.png);}
.toolArea .audioPlay{background-image:url(/assets/images/webtest/off_sound_icon.png);}
.toolArea .audioPlay.on{background-image:url(/assets/images/webtest/sound_icon.png);}
.toolArea .audioMute{background-image:url(/assets/images/webtest/off_mute_icon.png)}
.toolArea .audioMute.on{background-image:url(/assets/images/webtest/mute_icon.png)}
.toolArea .minutes3{background-image:url(/assets/images/webtest/off_minutes3_icon.png);}
.toolArea .minutes3.on{background-image:url(/assets/images/webtest/minutes3_icon.png);}
.toolArea .minutes5{background-image:url(/assets/images/webtest/off_minutes5_icon.png);}
.toolArea .minutes5.on{background-image:url(/assets/images/webtest/minutes5_icon.png);}
.toolArea .allExam{background-image:url(/assets/images/webtest/off_all_icon.png);}
.toolArea .allExam.on{background-image:url(/assets/images/webtest/all_icon.png);}
.toolArea .eachExam{background-image:url(/assets/images/webtest/off_que_icon.png);}
.toolArea .eachExam.on{background-image:url(/assets/images/webtest/que_icon.png);}
.toolArea .oneColumn{background-image:url(/assets/images/webtest/off_one_column_icon.png);}
.toolArea .oneColumn.on{background-image:url(/assets/images/webtest/one_column_icon.png);}
.toolArea .twoColumn{background-image:url(/assets/images/webtest/off_two_column_icon.png);}
.toolArea .twoColumn.on{background-image:url(/assets/images/webtest/two_column_icon.png);}
.toolArea .godic{background-image:url(/assets/images/webtest/off_godic_icon.png);}
.toolArea .godic.on{background-image:url(/assets/images/webtest/godic_icon.png);}
.toolArea .serif{background-image:url(/assets/images/webtest/off_serif_icon.png);}
.toolArea .serif.on{background-image:url(/assets/images/webtest/serif_icon.png);}
.toolArea .examForm{background-image:url(/assets/images/webtest/off_exam_form_icon.png);}
.toolArea .examForm.on{background-image:url(/assets/images/webtest/exam_form_icon.png);}
.toolArea .testForm{background-image:url(/assets/images/webtest/off_test_form_icon.png);}
.toolArea .testForm.on{background-image:url(/assets/images/webtest/test_form_icon.png);}
.dark .toolArea .fontUp{background-image:url(/assets/images/webtest/dark_off_font_up_icon.png)}
.dark .toolArea .fontUp.on{background-image:url(/assets/images/webtest/dark_font_up_icon.png)}
.dark .toolArea .fontDown{background-image:url(/assets/images/webtest/dark_off_font_down_icon.png)}
.dark .toolArea .fontDown.on{background-image:url(/assets/images/webtest/dark_font_down_icon.png)}
.dark .toolArea .audio{background-image:url(/assets/images/webtest/dark_off_mute_icon.png)}
.dark .toolArea .audio.on{background-image:url(/assets/images/webtest/dark_sound_icon.png)}
.dark .toolArea .lightTheme{background-image:url(/assets/images/webtest/dark_off_light_icon.png)}
.dark .toolArea .lightTheme.on{background-image:url(/assets/images/webtest/dark_light_icon.png)}
.dark .toolArea .darkTheme{background-image:url(/assets/images/webtest/dark_off_dark_icon.png)}
.dark .toolArea .darkTheme.on{background-image:url(/assets/images/webtest/dark_dark_icon.png)}
.dark .toolArea .rightLayBtn{background-image:url(/assets/images/webtest/dark_off_right_layout_icon.png);}
.dark .toolArea .on.rightLayBtn{background-image:url(/assets/images/webtest/dark_right_layout_icon.png);}
.dark .toolArea .leftLayBtn{background-image:url(/assets/images/webtest/dark_off_left_layout_icon.png);}
.dark .toolArea .on.leftLayBtn{background-image:url(/assets/images/webtest/dark_left_layout_icon.png);}
.dark .toolArea .bottomLayBtn{background-image:url(/assets/images/webtest/dark_off_bottom_layout_icon.png);}
.dark .toolArea .on.bottomLayBtn{background-image:url(/assets/images/webtest/dark_bottom_layout_icon.png);}
.dark .toolArea .floorLayBtn{background-image:url(/assets/images/webtest/dark_off_sbottom_layout_icon.png);}
.dark .toolArea .on.floorLayBtn{background-image:url(/assets/images/webtest/dark_sbottom_layout_icon.png);}
.dark .toolArea .fullScreen{background-image:url(/assets/images/webtest/dark_off_fullscreen_icon.png);}
.dark .toolArea .on.fullScreen{background-image:url(/assets/images/webtest/dark_fullscreen_icon.png);}
.dark .toolArea .audioPlay{background-image:url(/assets/images/webtest/dark_off_sound_icon.png);}
.dark .toolArea .audioPlay.on{background-image:url(/assets/images/webtest/dark_sound_icon.png);}
.dark .toolArea .audioMute{background-image:url(/assets/images/webtest/dark_off_mute_icon.png)}
.dark .toolArea .audioMute.on{background-image:url(/assets/images/webtest/dark_mute_icon.png)}
.dark .toolArea .minutes3{background-image:url(/assets/images/webtest/dark_off_minutes3_icon.png);}
.dark .toolArea .minutes3.on{background-image:url(/assets/images/webtest/dark_minutes3_icon.png);}
.dark .toolArea .minutes5{background-image:url(/assets/images/webtest/dark_off_minutes5_icon.png);}
.dark .toolArea .minutes5.on{background-image:url(/assets/images/webtest/dark_minutes5_icon.png);}
.dark .toolArea .allExam{background-image:url(/assets/images/webtest/dark_off_all_icon.png);}
.dark .toolArea .allExam.on{background-image:url(/assets/images/webtest/dark_all_icon.png);}
.dark .toolArea .eachExam{background-image:url(/assets/images/webtest/dark_off_que_icon.png);}
.dark .toolArea .eachExam.on{background-image:url(/assets/images/webtest/dark_que_icon.png);}
.dark .toolArea .oneColumn{background-image:url(/assets/images/webtest/dark_off_one_column_icon.png);}
.dark .toolArea .oneColumn.on{background-image:url(/assets/images/webtest/dark_one_column_icon.png);}
.dark .toolArea .twoColumn{background-image:url(/assets/images/webtest/dark_off_two_column_icon.png);}
.dark .toolArea .twoColumn.on{background-image:url(/assets/images/webtest/dark_two_column_icon.png);}
.dark .toolArea .godic{background-image:url(/assets/images/webtest/dark_off_godic_icon.png);}
.dark .toolArea .godic.on{background-image:url(/assets/images/webtest/dark_godic_icon.png);}
.dark .toolArea .serif{background-image:url(/assets/images/webtest/dark_off_serif_icon.png);}
.dark .toolArea .serif.on{background-image:url(/assets/images/webtest/dark_serif_icon.png);}
.dark .toolArea .examForm{background-image:url(/assets/images/webtest/dark_off_exam_form_icon.png);}
.dark .toolArea .examForm.on{background-image:url(/assets/images/webtest/dark_exam_form_icon.png);}
.dark .toolArea .testForm{background-image:url(/assets/images/webtest/dark_off_test_form_icon.png);}
.dark .toolArea .testForm.on{background-image:url(/assets/images/webtest/dark_test_form_icon.png);}
.toolBox button{margin-right:10px}
.toolBox button:first-of-type{background:#009DFF;border:none}
.toolBox button:last-of-type{margin-right:0}
.examPaper nav.on .moreTool{z-index:2;position:absolute;left:0;top:0;width:100%;background:#fff;padding:21px 38px;border:1px solid #AACEFF;box-shadow: 0px 0px 30px #00A7FF66;border-radius:10px}
.dark .examPaper nav.on .moreTool{background:#232636;border:1px solid transparent}
.examPaper nav.on .moreTool h3{text-align:left;color:#009DFF;font-size:14px;letter-spacing:-0.42px;padding-bottom:15px;border-bottom:1px solid #BCE5FF;margin-bottom:20px}
.examPaper nav.on .moreTool .tools{display:grid;grid-template-columns:repeat(4, 1fr)}
.examPaper nav.on .moreTool .txt{color:#707070;display:block;font-size:10px;letter-spacing:-0.5px;margin:5px 0 18px}
.examPaper nav.on .moreTool .closeBtn{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);background:#009DFF;width:32px;height:32px;border-radius:50%;}
.examPaper nav.on .moreTool .closeBtn:hover{background:#B1B1B1}
.dark .examPaper nav.on .moreTool .closeBtn:hover{background:#292929}
/*exam nav - omr*/
.examPaper .omr{position:relative;width:342px;margin:0 auto;overflow-x:hidden;overflow-y:auto}
.examPaper .omr article{float:left;width:342px}
.examPaper .omr .box{margin:0 33px 2vh;border-radius:10px;overflow:hidden;background:#fff;box-shadow: -3px 8px 15px #00A7FF26;}
.dark .examPaper .omr .box{background:#404665;box-shadow: -3px 8px 15px #12121266}
.examPaper .omr dl{display:flex;border-bottom:1px solid #B3DDF7;cursor:pointer}
.examPaper .omr dl.on{background:#eee;}
.examPaper .omr dl a{display:block;height:100%}
.dark .examPaper .omr dl{border-bottom:1px solid #292929;}
.examPaper .omr dl:last-of-type{border-bottom:0}
.examPaper .omr dl.focus{background:#eee}
.examPaper .omr dt,
.examPaper .omr dd{height:36px;line-height:36px}
.examPaper .omr dt{width:16%;border-right:1px solid #009DFF;font-size:16px;color:#009DFF}
.dark .examPaper .omr dt{border-right:1px solid #292929}
.examPaper .omr dt a{font-size:16px;color:#009DFF}
.examPaper .omr dd{display:inline-flex;justify-content:space-between;width:84%;padding:0 30px;align-items:center}
.examPaper .omr dd input{display:none}
.examPaper .omr dd label{font-weight:400;cursor:pointer;display:inline-block;font-size:16px;width:25px;height:25px;line-height:25px;border-radius:50%;border:1px solid #939393;color:#939393}
.examPaper .omr dd label.none{background:#ddd;color:#fff;border-color:transparent}
.dark .examPaper .omr dd label{border:1px solid #009DFF;color:#009DFF}
.dark .examPaper .omr dd label.none{background:transparent;color:#666;border-color:#666}
.examPaper .omr dd input:checked+label{background:#009DFF;color:#fff;border-color:transparent}
.examPaper .slide_btn_prev{background:url(/assets/images/webtest/omr_left_arrow.png) no-repeat left center;left:10px}
.examPaper .slide_btn_next{background:url(/assets/images/webtest/omr_right_arrow.png) no-repeat right center;right:10px}
.examPaper .slide_btn{z-index:1;position:absolute;width:10px;height:17px;background-size:contain;top:50%;transform:translateY(-50%)}
.examPaper nav.on .slide_pagination{display:flex;justify-content:center}
.examPaper nav.on .slide_pagination li{cursor:pointer;margin:0 2px;border-radius:2px;width:26px;height:26px;line-height:26px;border:1px solid #B3DDF7;background:#fff;font-size:12px;color:#B3DDF7}
.dark .examPaper nav.on .slide_pagination li{border:1px solid #009DFF;background:transparent}
.examPaper nav.on .slide_pagination li.on{border-color:#009DFF;color:#009DFF;background:#fff}
.dark .examPaper nav.on .slide_pagination li.on{color:#fff;background:#009DFF;}
.examPaper nav.on .buttonArea{display:flex;justify-content:space-between;margin:0 30px}
.examPaper nav.on .buttonArea button{width:132px;height:44px;border-radius:6px;box-shadow: -5px 5px 6px #00A7FF33;color:#fff}
.dark .examPaper nav.on .buttonArea button{box-shadow: -5px 5px 6px #12121266}
.examPaper nav.on .stopBtn{background:#939393}
.dark .examPaper nav.on .stopBtn{background:#404665}
.examPaper nav.on .reloadBtn{background:#939393}
.dark .examPaper nav.on .reloadBtn{background:#404665}
.examPaper nav.on .submitBtn{background:linear-gradient(112deg, #5DDEDE 0%, #00A7FF 100%)}
.dark .examPaper nav.on .submitBtn{background:#009DFF}
.examPaper nav.on .saveBtn{background:linear-gradient(112deg, #5DDEDE 0%, #00A7FF 100%)}
.dark .examPaper nav.on .saveBtn{background:#009DFF}

/*tool column*/
.content article.twoColumn .columns{padding:0 70px;column-count:2;-webkit-column-count:2;-moz-column-count:2;-webkit-column-gap:3em;-moz-column-gap:3em;column-gap:3em;padding-bottom:80px;margin-bottom:80px;border-bottom:1px dashed #009DFF}
.content article.twoColumn .columns:last-of-type{border-bottom:0}
.content article.twoColumn .exams{padding:0}
/*tool column
.content article.twoColumn{display:flex;flex-wrap:wrap}
.content article.twoColumn .exams{width:50%}
*/
/*tool - layout*/
.examPaper .rightLayout{right:40px;top:50%;transform:translateY(-50%)}
.examPaper .rightLayout.on{height:1000px;max-height:100%;flex-direction:column}
.examPaper .rightLayout .toggleBtn{background-image:url(/assets/images/webtest/open_arrow_right.png);}
.examPaper .rightLayout.on .toggleBtn{left:15px;top:13px;background-image:url(/assets/images/webtest/open_arrow_left.png)}
.examPaper .leftLayout{left:40px;top:50%;transform:translateY(-50%)}
.examPaper .leftLayout.on{height:1000px;max-height:100%;flex-direction:column}
.examPaper .leftLayout .toggleBtn{background-image:url(/assets/images/webtest/open_arrow_left.png);}
.examPaper .leftLayout.on .toggleBtn{right:15px;top:13px;background-image:url(/assets/images/webtest/open_arrow_right.png)}
.examPaper .bottomLayout{left:50%;bottom:0;transform:translateX(-50%)}
.examPaper .bottomLayout.on{max-width:100%}
.examPaper .bottomLayout .toggleBtn{background-image:url(/assets/images/webtest/open_arrow_bottom.png);}
.examPaper .bottomLayout.on .toggleBtn{left:14px;top:12px;background-image:url(/assets/images/webtest/open_arrow_top.png)}
.examPaper .bottomLayout.on{display:flex;padding:42px 31px;align-items:center}
.examPaper .bottomLayout.on .timer{margin:0 31px}
.examPaper .bottomLayout.on .toolWrap{text-align:left}
.examPaper .bottomLayout.on .switch{text-align:center;margin-bottom:28px}
.examPaper .bottomLayout.on .toolArea{margin:0;}
.examPaper .bottomLayout.on .slide_pagination{display:none}
.examPaper .bottomLayout .omr{width:535px}
.examPaper .bottomLayout article{display:flex;width:535px;justify-content:center}
.examPaper .bottomLayout .box{margin:0 5px 0;width:230px;display:inline-block}
.examPaper .bottomLayout.on .buttonArea{flex-direction:column;justify-content:center;margin:0;margin-right:32px}
.examPaper .bottomLayout.on .buttonArea button{margin:7px 0}
.examPaper .bottomLayout.on .moreTool{top:auto;bottom:0;text-align:center}
.examPaper .bottomLayout.on .moreTool .closeBtn{bottom:auto;top:-16px}
.examPaper .floorLayout{left:50%;bottom:0;transform:translateX(-50%)}
.examPaper .floorLayout .toggleBtn{background-image:url(/assets/images/webtest/open_arrow_bottom.png);}
.examPaper .floorLayout.on .toggleBtn{left:14px;top:12px;background-image:url(/assets/images/webtest/open_arrow_top.png)}
.examPaper .floorLayout.on{width:969px;padding:20px 40px 0 160px;display:block}
.examPaper .floorLayout.on .timer{position:absolute;left:50px;top:50%;transform:translateY(-50%);width:104px;height:104px}
.examPaper .floorLayout.on .timer .text{font-size:21px}
.examPaper .floorLayout.on .toolWrap{width:100%;text-align:left;display:flex;align-items:center}
.examPaper .floorLayout.on .switch{text-align:center;margin-left:30px;margin-right:23px;margin-bottom:0}
.examPaper .floorLayout.on .toolArea{margin:0;}
.examPaper .floorLayout.on .toolBox{display:inline-block}
.examPaper .floorLayout.on .toolBox:first-of-type{border-bottom:0;border-right:1px dashed #b3ddf7;margin-bottom:0;padding-bottom:0;padding-right:10px;margin-right:10px;}
.examPaper .floorLayout.on .toolArea button{width:26px;height:26px;margin-right:8px}
.examPaper .floorLayout.on .stopBtn{display:none}
.examPaper .floorLayout.on .buttonArea{position:absolute;right:66px;top:23px;margin:0}
.examPaper .floorLayout.on .buttonArea button{width:100px;height:44px}
.examPaper .floorLayout.on .slide_pagination{display:none}
.examPaper .floorLayout .omr{width:774px;padding:16px 0}
.examPaper .floorLayout article{display:flex;width:774px;justify-content:center}
.examPaper .floorLayout .box{margin:0 5px;width:230px;display:inline-block}
.examPaper .floorLayout.on .moreTool{top:auto;bottom:0;text-align:center}
.examPaper .floorLayout.on .moreTool .closeBtn{bottom:auto;top:-16px}
.examPaper .floorLayout.on .moreTool button{width:34px;height:34px}
/*examPaper saveArea*/
.saveArea{position:fixed;z-index:2;max-width:800px;width:100%;left:50%;transform:translateX(-50%);bottom:0;background:#fff;border-radius:20px 20px 0 0;padding:42px 50px;border:1px solid #3C80FF;border-bottom:none;box-shadow: 0px 0px 60px #00000050;}
.saveArea .textArea{font-size:14px;letter-spacing:-0.42px;color:#4E4E4E}
.saveArea .textArea b{font-size:18px;font-weight:500;color:#3C80FF;letter-spacing:-0.54px;margin-bottom:15px;display:block}
.saveArea .btnArea{position:absolute;right:50px;top:50%;transform:translateY(-50%)}
.saveArea .btnArea button{width:120px;height:50px;margin-left:10px;font-size:16px;font-weight:700;border-radius:2px}
.saveArea .btnArea .btnClose{color:#3C80FF;border:1px solid #3C80FF}
.saveArea .btnArea .btnSave{color:#fff;background:#3C80FF}
/*examPaper alertArea*/
.alertArea{position:fixed;z-index:2;width:304px;right:20%;bottom:-300px;background:#009DFF;border-radius:17px;padding:20px 23px}
.alertArea img{position:absolute;right:-30px;bottom:-1px}
.alertArea h3{color:#fff;font-size:14px;line-height:35px;font-weight:700;margin-bottom:12px}
.alertArea span{display:inline-block;vertical-align:middle;font-size:34px;font-weight:200;letter-spacing:-1px;font-family:'Gmarket'}
.alertArea .btnClose{background:#fff;color:#009DFF;font-size:13px;letter-spacing:-0.26px;width:62px;height:30px;border-radius:5px;box-shadow: 5px 5px 6px #00000029;}
/*exam - content*/
.examPaper .content{font-size:16px;padding:90px 0 40px;background:#fff;position:relative}
.dark .examPaper .content{background:#292929}
.examPaper .content.filter::after{content:'';width:100%;height:100%;position:absolute;left:0;right:0;bottom:0;top:0;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.content.que .examArrow{height:100%;position:fixed;display:block;width:30px;z-index:1;top:50%;transform:translateY(-50%);background: no-repeat left center;background-size:contain;filter:brightness(3) drop-shadow(1px 1px 2px rgba(0,0,0,0.5))}
.content.que .prev{left:22vw;background-image:url(/assets/images/main/arrow_left.svg);}
.content.que .next{right:22vw;background-image:url(/assets/images/main/arrow_right.svg);}
.content .exams{padding:0 70px;color:#000}
.dark .content .exams{color:#fff}
.content  .exams em{font-style:italic;text-indent:0}
.content .exams .num::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:3em;height:3em;background: no-repeat left bottom;background-size:contain}
.content .exams .wrong .num::after{background-image:url(/assets/images/webtest/wrong_answer.png)}
.content .exams .right .num::after{background-image:url(/assets/images/webtest/right_answer.png);height:3.8em;width:3.3em;margin-top:0.4em}
.content .exams .num{position:relative;font-size:1em}
.content .exams .nums{font-size:1em;color:#fff;background:#666;padding:0 5px;}
.content .exams h2{font-size:1em;margin-bottom:10px;line-height:1.5;color:#009DFF}
.content .exams h3{font-size:1em;margin-bottom:20px;line-height:1.5;text-indent:-2.2em;margin-left:2.2em}
.content .exams h3 .num{color:#009DFF}
.content .exams .imgArea{text-align:center;padding-bottom:50px}
.content .exams .text{font-size:1em;line-height:1.5;padding:10px 10px;border:1px solid #ccc;margin-bottom:20px}
.content .exams .text p{text-indent:1em}
.content .exams .text.list p{text-indent:-2em;margin-left:2em}
.content .exams .text p.center{text-align:center}
.content .exams .text p.right{text-align:right}
.content .exams .bogi{font-size:1em;line-height:1.3;margin-bottom:40px}
.content .exams .bogi .text{text-indent:0}
.content .exams .bogi.row ol{display:flex;justify-content:flex-start}
.content .exams .bogi.row.first2 ol{flex-wrap:wrap}
.content .exams .bogi.row.first3 ol{flex-wrap:wrap}
.content .exams .bogi.row.first2 li{width:46%}
.content .exams .bogi.row.first3 li{width:30%}
.content .exams .bogi.row li{display:inline-block;width:20%;padding-bottom:10px;padding-left:0;padding-right:10px}
.content .exams .bogi.col li{padding:10px 0} 
.content .exams .bogi.table{width:auto}
.content .exams .bogi.table tbody{border:0}
.content .exams .bogi.table th,.content .exam .bogi.table td{border:0;padding:10px 20px 0;padding-left:0;text-align:left;font-size:1em}
.content .exams .bogi.table th{text-align:center}
.content .exams .bogi.table label{position:relative;top:auto;left:auto}/* 보기 들여쓰기 2022-05-24 추가 */
.content .exams label{position:absolute;left:0;top:0.2em;text-align:center;font-weight:400;cursor:pointer;display:inline-block;font-size:0.8em;width:1.2em;height:1.2em;line-height:1em;border-radius:50%;border:1px solid #939393;color:#939393}
.content .exams label.checked::after{content:"";position:absolute;left:0;bottom:0.1em;width:1.5em;height:1.5em;background:url(/assets/images/webtest/user_check.png) no-repeat left bottom;background-size:contain}
.content .exams label.rightChecked::after{content:"";position:absolute;left:-0.5em;bottom:-0.8em;width:2.2em;height:2.2em;background:url(/assets/images/webtest/right_answer.png) no-repeat left bottom;background-size:contain}
.content .text.none{border:0;padding:0}
.content .fixed{table-layout:fixed}
.content .table1 th,.content .table1 td{font-size:1em;text-align:center;padding:2px 5px;}
.content .table1 th{background:#ccc;font-weight:400}
.dark .content .table1 th{background:#666}
.content .table1 td.bg{background:#e5e5e5}
.content .table1 td, .content .table1 th{border:1px solid #000;}
.content .table1 td:first-of-type, .content .table1 th:first-of-type{border-left:0}
.content .table1 td:last-of-type, .content .table1 th:last-of-type{border-right:0}
.content .table1 .border-top{border-top:3px double #000}
.content .table2 th,.content .table2 td{font-size:1em;font-weight:400;text-align:center;padding:2px 5px;border:1px solid #000}
.content .table2 td{text-align:left}
.content .table3{width:auto;border:2px solid #000;margin:0 auto}
.content .table3 th,.content .table3 td{font-size:1em;font-weight:400;text-align:center;width:3em;height:3em;border:1px solid #000}
.content .table4{width:auto;border-top:2px solid #000;border-bottom:2px solid #000}
.content .table4 th,.content .table4 td{font-size:1em;font-weight:400;text-align:center;padding:2px 5px;border-bottom:1px solid #000}
.content table.right th:last-of-type{border-right:1px solid #000}
.content .text .box{border:2px solid #333;display:inline-block} 
.content .text div{margin:10px 0}
.content .text ul{margin-left:1em}
.content .text li{text-indent:-1.2em;margin-left:1.2em;word-break:break-word}
.content .text li ul{margin-left:0}
.content .text .margin1 ul{margin-left:1.6em}
.content .text .indent1 li{text-indent:-1.5em;margin-left:1.5em}
.content .text .indent1-1{margin-left:0}
.content .text .indent1-1 li{text-indent:-1.3em;margin-left:1.3em}
.content .text .indent1-2 li{text-indent:-0.7em;margin-left:0.7em}
.content .text .indent1-3 li{text-indent:-1.9em;margin-left:1.9em}
.content .text .indent1-4 li{text-indent:-1.6em;margin-left:1.6em}
.content .text .indent2 li{text-indent:-2.6em;margin-left:2.6em}
.content .text .indent2-1 li{text-indent:-2.9em;margin-left:2.9em}/*20220502추가*/
.content .text .indent3 li{text-indent:-3.2em;margin-left:3.2em}
.content .text .indent4 li{text-indent:-5.3em;margin-left:5.3em}
.content .text .indent5 li{text-indent:-3.9em;margin-left:3.9em}
.content .text .indent6 li{text-indent:-4.8em;margin-left:4.8em}
.content .text .indent6-1 li{text-indent:-4.3em;margin-left:4.3em}
.content .text .indent7 li{text-indent:-6em;margin-left:6em}
.content .text .indent7-1 li{text-indent:-7.4em; margin-left:7.4em}
.content .text .indent7-2 li{text-indent:-7em; margin-left:7em}/*20220502추가*/
.content .text .indent8 li{text-indent:-8em;margin-left:8em}
.content .exam .bogi span{padding-left:1.3em;display:inline-block;position:relative;}/* 보기 들여쓰기 2022-05-24 추가 */
.content table .bg2{background:#ccc}/*20221101 테이블 배경색 추가*/
.content table .backslash{padding:0 10px;background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="gray" /></svg>')}
.content table .backslash .right{text-align:right;display:block;}
.content table .backslash .left{text-align:left;display:block;}
.content .text .flex{display:flex;justify-content:space-between}
.content .text .flex div{width:100%}
.content .text .flex3{display:flex;justify-content:space-between}
.content .text .flex3 table{width:30%}
.content .text ul.flex3{flex-wrap:wrap} 
.content .text .flex3 li{width:30%}
.content .text ul.flex4{display:flex;justify-content:space-between}
.content .text .flex4 li{width:25%;text-align:left;}
.content .text .flex2{display:flex;justify-content:start;flex-wrap:wrap;margin-left:0;}
.content .text .flex2 > li{width:50%;margin-left:0;text-align:left;text-indent:0;}
.content .text .flex2 li .flex2 li{width:45%}
.content .text .row{display:flex;align-items:center;text-align:left;justify-content: space-between}
.content .text .row li{text-indent:0;margin-left:0}
@media print {
    header,nav,.alertArea{display:none;visibility:hidden;opacity:0}
    .examsArea{position:relative;top:0}
    .examsArea article{overflow:visible;margin:0!important}
}
@media screen and (max-width:1800px){
	.content.que .prev{left:2vw}
	.content.que .next{right:2vw}
}
@media screen and (max-height:900px){
	.examPaper .rightLayout{right:0}
	.examPaper .leftLayout{left:0}
	.examPaper nav.rightLayout.on{padding:10px 0}
	.examPaper nav.on .timer{width:110px;height:110px}
	.examPaper nav.on .timer span{width:9px}
	.examPaper nav.on .timer .text{font-size:18px}
	.examPaper nav.rightLayout.on .switch{width:80px;height:29px;margin-bottom:0.5vh}
	.examPaper nav.rightLayout.on .switch i{height:24px}
	.examPaper nav.rightLayout.on .switch span{font-size:12px;line-height:24px;height:auto}
	.examPaper .rightLayout .omr .box{margin:0 33px 1vh}
	.examPaper nav.leftLayout.on{padding:0}
	.examPaper nav.leftLayout.on .switch{width:80px;height:29px;margin-bottom:1.5vh}
	.examPaper nav.leftLayout.on .switch i{height:24px}
	.examPaper nav.leftLayout.on .switch span{font-size:12px;line-height:24px;height:auto}
	.examPaper .leftLayout .omr .box{margin:0 33px 1vh}
}
@media screen and (max-width:1220px) and (orientation : landscape){
	.examPaper .omr dt, .examPaper .omr dd{height:35px;line-height:35px}
	.examPaper nav.on .timer{width:90px;height:90px}
	.examPaper .bottomLayout.on{padding:30px 0}
	.examPaper .bottomLayout.on .timer{margin:0 20px}
	.examPaper .bottomLayout.on .switch{margin-bottom:20px}
	.examPaper .bottomLayout.on .buttonArea{margin-right:20px}
	.examPaper .bottomLayout.on .buttonArea button{width:90px}
	.examPaper .bottomLayout .omr{width:450px}
	.examPaper .bottomLayout article{width:450px}
	.examPaper .bottomLayout dd{padding:0 2%}
	.examPaper .bottomLayout .box{width:180px}
}
@media screen and (max-width:1030px) and (orientation : portrait){
	#modalList > div{padding:50px 0}
	#modalList .info{line-height:45px;margin-bottom:30px}
	#modalList .info b{font-size:60px}
	.examPaper .rightLayout{right:0}
	.examPaper .leftLayout{left:0}
	.startList article{width:90%;margin:0 auto}
	.startList .sec1 .guid{padding:35px 25px 40px}
	.startList .sec1 .tableArea .num1{width:40px}
	.startList .sec1 .tableArea .subject{width:68px}
	.startList .sec1 .tableArea .num2{width:55px}
	.startList .sec1 .tableArea .btnAreaT{width:120px}
	.startList .sec1 .tableArea button{width:38px;height:42px;line-height:18px}
	.startList .sec1 .tableArea .table .num1A{width:108px}
	.examPaper .bottomLayout.on{padding:20px 0}
	.bottomLayout .omr dd{padding:0 10px}
	.examPaper .bottomLayout.on .timer{margin:0 20px;width:90px;height:90px}
	.examPaper .bottomLayout.on .timer .text{font-size:18px}
	.bottomLayout.on .toolArea button{width:26px;height:26px}
	.examPaper .bottomLayout.on .moreTool{padding:20px}
	.examPaper .bottomLayout.on .buttonArea button{width:70px}
	.examPaper .bottomLayout .omr{width:300px}
	.examPaper .bottomLayout article{width:300px}
	.examPaper .floorLayout.on{width:100%;padding:20px 20px 0 15%}
	.examPaper .floorLayout.on .timer{left:35px;width:90px;height:90px}
	.examPaper .floorLayout .omr{width:630px;margin:0}
	.examPaper .floorLayout article{width:630px}
	.examPaper .floorLayout .box{width:180px}
	.floorLayout .omr dd{padding:0 5px}
	.examPaper .floorLayout.on .switch{margin-left:20px;margin-right:10px}
	.examPaper .floorLayout.on .buttonArea{right:20px}
	.examPaper .floorLayout.on .buttonArea button{width:70px}
	.examPaper .floorLayout.on .switch{width:70px}
}
@media screen and (max-height:600px) and (orientation : landscape){
	.remainSelect{display:block}
	.startList .mo{display:block}
	.startList .topArea{background-image:url(/assets/images/webtest/mo_start_top_bg.png)}
	.startList .sec1{margin-top:-260px}
	.startList .sec1 .guid{padding:36px 40px}
	.startList .sec1 .tableArea .tbody li{height:90px}
	.startList .sec1 .tableArea .tfoot li{height:45px}
	.startList .sec1 .tableArea .table .num1{width:8%}
	.startList .sec1 .tableArea .table .num2{display:none}
	.startList .sec1 .tableArea .thead .subject{width:50%}
	.startList .sec1 .tableArea .tbody .subject,
	.startList .sec1 .tableArea .tfoot .subject{width:37.6%;font-weight:700}
	.startList .sec1 .tableArea .times{width:68%}
	.startList .sec1 .tableArea .tfoot .num1A{width:45.6%}
	.startList .sec1 .tableArea .table .btnAreaT{width:12.4%}
	.startList .sec1 .tableArea .thead .btnAreaT{display:none}
	.startList .sec1 .tableArea .table .subject span{display:block;font-weight:400}
	.startList .sec1 .tableArea .btnArea{flex-direction:column;align-items:center;padding:0;height:100%}
	.startList .sec1 .tableArea .tfoot ol:last-of-type{border-top:0} 
	/*modalList*/
	#modalList > div{width:80%;padding:50px;border-radius:30px}
	#modalList h2{margin-bottom:30px}
	#modalList .info{line-height:30px;margin-bottom:30px}
	/*exam - title*/
	.examPaper .topBg{display:none}
	.examPaper .background{margin-top:0}
	.examPaper .examArea{top:0}
	.dark .examPaper .examArea{background:#292929}
	/*exam nav*/
	.examPaper nav.on{justify-content:space-between;background:#F4FBFF}
	.dark .examPaper nav.on{background:rgba(64,70,101,0.6)}
	.examPaper nav.on .timer{width:96px;height:96px;margin:0}
	.examPaper nav.on .timer .text{font-weight:500;font-size:16px}
	.toolArea{padding:0;box-shadow:none;background:none}
	.dark .toolArea{background:none;box-shadow:none}
	.toolBox:first-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0}
	.dark .toolBox:first-of-type{border-bottom:0}
	.toolBox:nth-of-type(2){display:none}
	.examPaper .omr{width:300px;margin-left:20px}
	.examPaper .omr article{width:300px}
	.examPaper .omr .box{border:1px solid #009DFF;width:242px}
	.examPaper .omr dd{padding:0 10px}
	.examPaper .omr dd label{width:25px;height:25px;line-height:25px;font-size:16px}
	.examPaper nav.on .slide_pagination{display:none}
	.examPaper nav .stopBtn{display:none}
	.toolArea .tool{background-color:#fff}
	.dark .toolArea .tool{background-color:#404665}
	.toolArea .tool.on{background-color:#fff}
	.dark .toolArea .tool.on{background-color:#404665}
	.remainSelect{color:#707070;display:none}
	nav.on .remainSelect{display:block}
	.remainSelect br{display:none}
	.remainSelect i{vertical-align:top}
	.landscape nav.on .moreTool{padding:21px;top:-100px}
	/*tool - layout*/
	.examPaper nav.rightLayout.on{padding:0}
	.examPaper .rightLayout.on{right:0;border-radius:30px 0 0 30px;height:100%}
	.examPaper nav.on.rightLayout .timerArea{background:#fff;width:100%;height:120px;padding:10px 30px;border-radius:30px 0 0 0;border-bottom:1px solid #00C4FF}
	.dark .examPaper nav.on.rightLayout .timerArea{background:#404665}
	.examPaper .rightLayout .toggleBtn{background-image:url(/assets/images/webtest/mo_open_arrow_right.png);background-size:49%;background-color:#fff}
	.examPaper .rightLayout.on .toggleBtn{background-image:url(/assets/images/webtest/mo_open_arrow_left.png);background-size:49%;background-color:#fff;left:-15px;top:70px}
	.dark .examPaper .rightLayout.on .toggleBtn{background-color:#292929}
	.examPaper nav.rightLayout.on .switch{position:fixed;right:30px;top:10px;width:120px;height:45px}
	.examPaper nav.rightLayout.on .switch i{height:36px}
	.examPaper nav.rightLayout.on .switch span{line-height:45px;font-size:16px}
	.examPaper nav.rightLayout.on .submitBtn{position:fixed;right:30px;top:62px;width:120px;height:45px;font-size:16px;border-radius:30px;background:#009DFF}
	.examPaper nav.rightLayout.on .toolArea .toolBox button:not(.setting){display:none}
	.examPaper nav.rightLayout.on .toolWrap{position:absolute;left:-23px;top:140px;z-index:2}
	.examPaper nav.rightLayout.on .moreTool{position:fixed;width:300px;top:2vw}
	.examPaper nav.rightLayout.on .moreTool .txt{margin:5px 0}
	/*examPaper alertArea*/
	.alertArea{right:10%}
	/*exam - content*/
	.examPaper .examTitle{text-align:left}
	.examPaper .examTitle .leftTxt{display:none}
	.examPaper .examTitle .info ul{text-align:center;width:60px;height:30px;line-height:30px}
	.examPaper .examTitle .info ul::after{display:none}
	.examPaper .examTitle .info li{width:auto;padding:0 2px}
	.examPaper .examTitle h3{font-size:30px;padding-top:0;}
	.content .exams{padding:0 40px}
	.content article.twoColumn .columns{padding:0 40px}
	.landscape header{display:none}
	.landscape .copyRight{display:none}
	.landscape .examTitle{background: linear-gradient(180deg, #FFFFFF 0%, #F0F0F0 100%)}
	.landscape .examTitle .rightIcon{display:none}
	.landscape .examTitle .info{position:absolute;right:40px;top:50%;transform:translateY(-50%)}
	.landscape .examTitle h3{margin-bottom:0;line-height:1;}
	.landscape .content{padding-top:40px}
}
@media screen and (max-width:780px){
	.saveArea{padding:42px 20px}
	.saveArea .btnArea{right:20px}
}
@media screen and (max-width:750px){
	.remainSelect{display:block}
	.startList .mo{display:block}
	.startList .topArea{background-image:url(/assets/images/webtest/mo_start_top_bg.png)}
	.startList .sec1{margin-top:-260px}
	.startList .sec1 .guid{padding:36px 40px}
	.startList .sec1 .tableArea .tbody li{height:90px}
	.startList .sec1 .tableArea .tfoot li{height:45px}
	.startList .sec1 .tableArea .table .num1{width:8%}
	.startList .sec1 .tableArea .table .num2{display:none}
	.startList .sec1 .tableArea .thead .subject{width:50%}
	.startList .sec1 .tableArea .tbody .subject,
	.startList .sec1 .tableArea .tfoot .subject{width:37.6%;font-weight:700}
	.startList .sec1 .tableArea .times{width:68%}
	.startList .sec1 .tableArea .tfoot .num1A{width:45.6%}
	.startList .sec1 .tableArea .table .btnAreaT{width:12.4%}
	.startList .sec1 .tableArea .thead .btnAreaT{display:none}
	.startList .sec1 .tableArea .table .subject span{display:block;font-weight:400}
	.startList .sec1 .tableArea .btnArea{flex-direction:column;align-items:center;padding:0;height:100%}
	.startList .sec1 .tableArea .tfoot ol:last-of-type{border-top:0} 
	/*modalList*/
	#modalList > div{width:80%;padding:50px;border-radius:30px}
	#modalList h2{margin-bottom:30px}
	#modalList .info{line-height:30px;margin-bottom:30px}
	#modalList .guideModal{padding-bottom:7rem;width:100%;padding-right:0;padding-left:0}
	#modalList .guideModal .info{margin-bottom:0}
	.guideModal .imgArea{width:100%}
	.guideModal .guidClose{width:3rem;height:3rem;right:3.5rem;top:3.5rem}
	.guideModal .slick-arrow{display:none!important}
	.guideModal .slick-dots{bottom:-4rem}
	.guideModal .slick-dots li{width:1.6rem;height:1.6rem;margin:0 1rem}
	.guideModal .slick-dots li button{width:1.6rem;height:1.6rem}
	.guideModal .slick-dots li:hover button,
	.guideModal .slick-dots li.slick-active button{width:1.6rem;height:1.6rem}
	.guideModal .slick-slide .img{height:52rem}
	.guideModal .img1{background-image:url(/assets/images/webtest/mo_webtest_guid1.png)}
	.guideModal .img2{background-image:url(/assets/images/webtest/mo_webtest_guid2.png)}
	.guideModal .img3{background-image:url(/assets/images/webtest/mo_webtest_guid3.png)}
	/*examPaper saveArea*/
	.saveArea{border-radius:4rem 4rem 0 0;padding:4.8rem 0;box-shadow: 0px -2rem 2rem #00A7FF1A}
	.saveArea .textArea{text-align:center;font-size:2rem}
	.saveArea .textArea b{font-size:2.8rem;margin-bottom:2rem}
	.saveArea .btnArea{position:static;transform:translateY(0);padding-top:4rem;text-align:center}
	.saveArea .btnArea button{width:18rem;height:8rem;margin-left:1.8rem;font-size:2.6rem;border-radius:0}
	.saveArea .btnArea button:first-of-type{margin-left:0}
	/*exam - title*/
	.examPaper .topBg{display:none}
	.examPaper .background{margin-top:0}
	.examPaper .examArea{top:0}
	/*exam nav*/
	.examPaper nav.on{justify-content:space-between;background:#F4FBFF}
	.dark .examPaper nav.on{background:rgba(64,70,101,0.6)}
	.examPaper nav.on .timer{width:90px;height:90px;margin:0}
	.examPaper nav.on .timer .text{font-weight:500;font-size:16px}
	.toolArea{padding:0;box-shadow:none;background:none}
	.dark .toolArea{background:none;box-shadow:none}
	.toolBox:first-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0}
	.dark .toolBox:first-of-type{border-bottom:0}
	.toolBox:nth-of-type(2){display:none}
	.examPaper .omr{width:300px}
	.examPaper .omr .box{border:1px solid #009DFF;width:242px}
	.examPaper .omr dd{padding:0 10px}
	.examPaper .omr dd label{width:25px;height:25px;line-height:25px;font-size:16px}
	.examPaper nav.on .slide_pagination{display:none}
	.examPaper nav .stopBtn{display:none}
	.toolArea .tool{background-color:#fff}
	.dark .toolArea .tool{background-color:#404665}
	.toolArea .tool.on{background-color:#fff}
	.dark .toolArea .tool.on{background-color:#404665}
	.remainSelect{color:#707070;display:none}
	nav.on .remainSelect{display:block}
	.remainSelect br{display:none}
	.remainSelect i{vertical-align:top}
	.landscape nav.on .moreTool{padding:21px;top:-100px}
	.examPaper nav .buttonArea .submitBtn{position:fixed;width:120px;height:45px;font-size:16px;border-radius:30px;background:#009DFF}
	/*tool - layout*/
	.examPaper .rightLayout.on{right:0;border-radius:30px 0 0 30px;height:100%}
	.examPaper nav.rightLayout.on{padding:0}
	.examPaper nav.on.rightLayout .timerArea{background:#fff;width:100%;height:120px;padding:10px 30px;border-radius:30px 0 0 0;border-bottom:1px solid #00C4FF}
	.dark .examPaper nav.on.rightLayout .timerArea{background:#404665}
	.examPaper .rightLayout .toggleBtn{background-image:url(/assets/images/webtest/mo_open_arrow_right.png);background-size:49%;background-color:#fff}
	.examPaper .rightLayout.on .toggleBtn{background-image:url(/assets/images/webtest/mo_open_arrow_left.png);background-size:49%;background-color:#fff;left:-15px;top:45px}
	.dark .examPaper .rightLayout.on .toggleBtn{background-color:#292929}
	.examPaper nav.rightLayout.on .switch{position:fixed;right:30px;top:10px;width:120px;height:45px}
	.examPaper nav.rightLayout.on .switch i{height:36px}
	.examPaper nav.rightLayout.on .switch span{line-height:45px;font-size:16px}
	.examPaper nav.rightLayout.on .submitBtn{right:30px;top:62px}
	.examPaper .bottomLayout{transform:translateX(0);left:0;width:100%;right:0;border-radius:60px 60px 0 0;border:1px solid #009dff;background:#fff;padding:25px 50px}
	.examPaper .bottomLayout .timer{width:110px;height:110px}
	.examPaper .bottomLayout.on .timer{width:110px;height:110px}
	.examPaper .bottomLayout .timer .text{font-size:20px}
	.examPaper .bottomLayout.on .timer .text{font-size:20px}
	.dark .examPaper nav .toggleBtn{background-color:transparent;}
	.examPaper .bottomLayout .toggleBtn{z-index:1;position:absolute;top:-25px;left:50%;transform:translateX(-50%);background-image:url(/assets/images/webtest/mo_open_arrow_bottom.png);background-size:49%;background-color:transparent;box-shadow:none}
	.examPaper .bottomLayout .timerArea{position:absolute;top:-50px;left:50%;transform:translateX(-50%);background:#fff;border-radius:50%;padding:15px;border-top:1px solid #009DFF}
	.examPaper .bottomLayout .timerArea .timer{margin:0}
	.examPaper .bottomLayout .toolWrap{text-align:left}
	.examPaper .bottomLayout .toolWrap .switch{text-align:center;width:128px;height:45px;border-radius:30px}
	.examPaper .bottomLayout .switch i{line-height:38px;height:38px}
	.examPaper .bottomLayout .switch span{line-height:45px;font-size:16px}
	.examPaper .bottomLayout .buttonArea{display:block;position:absolute;top:0;right:0}
	.examPaper .bottomLayout .buttonArea .submitBtn{color:#fff;font-size:16px;width:128px;height:45px;border-radius:30px;right:50px;top:25px}
	.examPaper .bottomLayout.on{border-radius:60px 60px 0 0;flex-direction:column;height:auto;display:block;padding:0}
	.examPaper .bottomLayout.on .toggleBtn{background-image:url(/assets/images/webtest/mo_open_arrow_top.png);background-size:49%;background-color:transparent;top:-25px;left:50%;transform:translateX(-50%)}
	.examPaper .bottomLayout.on .toolWrap{border-radius:60px 60px 0 0;text-align:left;padding:25px 50px;background:#fff;border-bottom:1px solid #00C4FF}
	.examPaper .bottomLayout.on .switch{margin-bottom:0}
	.examPaper .bottomLayout.on .switch i{line-height:38px;height:38px}
	.examPaper .bottomLayout.on .switch span{line-height:45px;font-size:16px;height:45px}
	.examPaper .bottomLayout.on .buttonArea .submitBtn{color:#fff;font-size:16px;width:128px;height:45px;border-radius:30px;right:50px;top:25px;margin:0}
	.examPaper .bottomLayout.on .toolArea{position:absolute;left:50px;top:114px;z-index:2}
	.examPaper .bottomLayout.on .toolArea .toolBox button:not(.setting){display:none}
	.bottomLayout .toolArea button{width:50px;height:50px}
	.bottomLayout .toolBox button.setting img{width:60%}
	.examPaper .bottomLayout.on .moreTool h3{font-size:20px}
	.examPaper .bottomLayout.on .moreTool .tools{text-align:center}
	.examPaper .bottomLayout.on .moreTool{width:76vw;z-index:2}
	.examPaper .bottomLayout.on .moreTool .txt{font-size:16px}
	.examPaper .bottomLayout.on .moreTool .closeBtn{width:50px;height:50px;bottom:-25px;top:auto;margin:0}
	.examPaper .bottomLayout.on .moreTool .closeBtn img{width:40%}
	/*examPaper alertArea*/
	.alertArea{right:10%}
	/*exam - content*/
	.examPaper .examTitle{text-align:left}
	.examPaper .examTitle .leftTxt{display:none}
	.examPaper .examTitle .info ul{text-align:center;width:60px;height:30px;line-height:30px}
	.examPaper .examTitle .info ul::after{display:none}
	.examPaper .examTitle .info li{width:auto;padding:0 2px}
	.examPaper .examTitle h3{font-size:30px}
	.content .exams{padding:0 4rem}
	.content article.twoColumn .columns{padding:0 40px}
	.landscape header{display:none}
	.landscape .copyRight{display:none}
	.landscape .examTitle{background: linear-gradient(180deg, #FFFFFF 0%, #F0F0F0 100%)}
	.landscape .examTitle .rightIcon{display:none}
	.landscape .examTitle .info{position:absolute;right:40px;top:50%;transform:translateY(-50%)}
	.landscape .examTitle h3{margin-bottom:0;line-height:1;}
	.landscape .content{padding-top:40px}
	.portrait .examTitle .info{position:absolute;right:40px;bottom:25px;margin-bottom:0}
	.portrait .examTitle .rightIcon li{border-right:0;padding:0;padding-left:10px}
	.portrait .examTitle .rightIcon li button{width:40px;height:40px;border-radius:4px;border:1px solid #b0b0b0}
	.portrait .examTitle .copyRight{font-size:12px}
}
@media screen and (max-width:570px) and (orientation : portrait) {
	/*start_view topArea*/
	.startList .topArea{padding:4rem 0 43.4rem}
	.startList .topArea h2{font-size:2.2rem;margin-bottom:5rem}
	.startList .topArea h2 img{width:9rem;margin:0 auto 1rem}
	.startList .topArea h3{padding:1.3rem 4rem 0.5rem;font-size:4.7rem;line-height:5.4rem;border-radius:5rem;margin-bottom:3rem}
	.startList .topArea h4{font-size:6rem;line-height:6.9rem;text-shadow:1rem 1rem 2rem rgba(0,0,0,0.4);}
	.startList .topArea h4 img{width:32.3rem}
	/*start_view section1*/
	.startList .sec1{margin-top:-37rem;padding-bottom:23rem}
	.startList .sec1 .guid{width:80%;margin:0 auto 10rem;border-radius:2rem;box-shadow: 0px 1rem 3rem #0000001A;padding:3.6rem 4.8rem;background-size:2.9rem;background-position:left 3.6rem top 3.6rem, right 3.6rem top 3.6rem, left 3.6rem bottom 3.6rem, right 3.6rem bottom 3.6rem}
	.startList .sec1 .guid h3{font-size:3.2rem;line-height:4.9rem;padding-bottom:3rem;margin-bottom:6rem}
	.startList .sec1 .guid .toolArea{width:100%;margin:0 auto 6rem}
	.startList .sec1 .guid p{font-size:2.4rem;line-height:3.6rem;margin-bottom:6rem}
	.startList .sec1 .guid a{box-shadow: 1rem 1rem 1.5rem rgba(0, 167, 255, 0.2);font-size:2.8rem;padding:3rem 4rem;border-radius:0.6rem}
	.dark .startList .sec1 .guid a{box-shadow: 1rem 1rem 1.5rem #12121266}
	.startList .sec1 .tableArea{margin:0 auto 8rem}
	.startList .sec1 .tableArea h3{font-size:3.2rem;line-height:3.6rem;margin-bottom:2.8rem}
/*	.startList .sec1 .tableArea .thead{height:17rem}
	.startList .sec1 .tableArea .table li{font-size:2.5rem;height:8.5rem}
	.startList .sec1 .tableArea .thead li:last-of-type{line-height:8.5rem}
	.startList .sec1 .tableArea .tbody li{height:19rem}
	.startList .sec1 .tableArea .tfoot li{height:45px}
	.startList .sec1 .tableArea .table .num1{width:6.7%}
	.startList .sec1 .tableArea .thead .subject{width:37.9%}
	.startList .sec1 .tableArea .tbody .subject,
	.startList .sec1 .tableArea .tfoot .subject{width:25.8%}
	.startList .sec1 .tableArea .times{width:55.7%}
	.startList .sec1 .tableArea .tfoot li{height:9.5rem}
	.startList .sec1 .tableArea .tfoot .num1A{width:32.3%}
	.startList .sec1 .tableArea .table .btnAreaT{width:12.2%;padding:1rem 0}*/
	.startList .sec1 .tableArea a img{width:80%}
	.startList .sec1 .tableArea a{border-radius:0.4rem;width:5.8rem;height:5.8rem;line-height:5.4rem;margin-right:0;margin-bottom:2.3rem}
	.startList .sec1 .tableArea a:last-of-type{margin-bottom:0}
	.startList .sec1 .tableArea a i{width:3.2rem;height:3.2rem;line-height:3.2rem;margin-right:-1.6rem;margin-top:-1.6rem;font-size:2.2rem}
	.startList .sec1 .tableArea button{width:80%;height:7rem;border-radius:0.4rem;font-size:2.4rem;line-height:2.6rem;margin-bottom:1.4rem}
	.startList .sec1 .tableArea button:last-of-type{margin-bottom:0}
	.startList .sec1 .notice{padding:2.6rem 7rem}
	.startList .sec1 .notice h3{font-size:2.8rem;line-height:3.6rem;margin-bottom:2rem}
	.startList .sec1 .notice i{width:2.2rem;font-size:2.2rem;line-height:3.6rem;margin-right:0.7rem;margin-left:-3rem}
	.startList .sec1 .notice li{line-height:3.6rem;padding-left:3rem}
	/* 2022-02-16 table로 수정 */
	.startList .sec1 .tableArea th,
	.startList .sec1 .tableArea td{height:17rem;font-size:2.5rem}
	.startList .sec1 .tableArea .leftTable{width:44.4%}
	.startList .sec1 .tableArea .rightTable{width:55.6%}
	.startList .sec1 .tableArea .leftTable .pc{display:none}
	.startList .sec1 .tableArea .leftTable .mo{display:table}
	.startList .sec1 .tableArea .leftTable .num{width:15%}
	.startList .sec1 .tableArea .leftTable .down{width:27.8%}
	.startList .sec1 .tableArea .leftTable tfoot td{height:17rem}
	.startList .sec1 .tableArea .rightTable th{height:8.5rem}
	.startList .sec1 .tableArea .rightTable tfoot td{/* border-bottom:0; */height:8.5rem}
	/*modalList*/
	#modalList > div{padding:5rem 0}
	#modalList h2{font-size:2.4rem;width:23.5rem;height:6rem;padding-top:2rem;border-radius:3rem;margin-bottom:4rem}
	#modalList .info{font-size:3.2rem;line-height:6rem;margin-bottom:5rem}
	#modalList .info b{font-size:7rem}
	#modalList .btnArea{padding: 0 5rem}
	#modalList .btnArea button{width:45%;height:8.5rem;font-size:3rem}
	#modalList .btnBack{margin-right:2rem}
	#modalList .offInfoModal{padding:5rem 2rem}
	#modalList .offInfoModal .info{font-size:2.2rem;line-height:3.4rem}
	.pauseModal .info b{line-height:6rem}
	.submitModal .info span{font-size:7rem;line-height:6rem}
	/*header*/
	.examArea header{height:7rem;line-height:7rem}
	.hover:hover .rtoolTip{display:none}
	.hover:hover .btooltip{display:none}
	/*exam - title*/
	.examPaper .examArea header{padding:0 4rem;height:7rem;line-height:7rem}
	.examPaper .examArea header img{height:3.4rem}
	.examArea header .logo{padding-top:0;height:inherit;line-height:inherit}
	.examArea header a{font-size:2.2rem}
	.examPaper .examTitle{padding:6rem 4rem 2.5rem}
	.examPaper .examTitle .rightIcon{right:4rem;top:2.5rem}
	.examPaper .examTitle .rightIcon li{padding-left:2.4rem}
	.examPaper .examTitle .rightIcon li button{width:5.8rem;height:5.8rem}
	.examPaper .examTitle h3{margin-bottom:3.4rem;font-size:4.5rem;line-height:5.2rem}
	.examPaper .examTitle .info{right:4rem;bottom:2.5rem}
	.examPaper .examTitle .info ul{width:8.8rem;height:5rem;line-height:5rem;border-radius:0.4rem;margin:0;margin-left:1rem}
	.examPaper .examTitle .info li{font-size:2rem}
	.examPaper .examTitle .info li b{font-size:2.4rem}
	.examPaper .examTitle .copyRight{font-size:1.5rem;padding-right:19.6rem;line-height:1.3}
	/*omr*/
	.examPaper .slide_btn{width:2.6rem;height:4.2rem}
	.examPaper .slide_btn_prev{left:0}
	.examPaper .slide_btn_next{right:0}
	.examPaper .omr dt a{font-size:3.5rem}
	/*bottomLayout omr*/
	.examPaper .bottomLayout{padding:3rem 5vw 4rem;border-radius:7rem 7rem 0 0}
	.examPaper .bottomLayout.on{border-radius:7rem 7rem 0 0}
	.examPaper .bottomLayout .toggleBtn{top:-5rem;width:14rem;height:14rem;margin-bottom:0;background-size:2rem;background-position:top 2rem center}
	.examPaper .bottomLayout.on .toggleBtn{top:-5rem;width:14rem;height:14rem;margin-bottom:0;background-size:2rem;background-position:top 2rem center}
	.examPaper .bottomLayout .toggleBtn .btooltip{top:14rem}
	.examPaper .bottomLayout .timerArea{padding:1.8rem;top:-7.3rem}
	.examPaper .bottomLayout .timerArea .timer{width:14.6rem;height:14.6rem}
	.examPaper .bottomLayout .timer .text{font-size:3rem}
	.examPaper .bottomLayout.on .toolWrap{padding:3rem 5vw 4rem;border-radius:7rem 7rem 0 0}
	.examPaper .bottomLayout .toolWrap .switch{width:18.6rem;height:6.8rem;border-radius:3.4rem}
	.examPaper .bottomLayout .switch i{line-height:5.6rem;height:5.6rem;left:0.3rem;border-radius:3.8rem}
	.examPaper .bottomLayout .switch span{line-height:6.8rem;height:6.8rem;font-size:2.6rem;}
	.examPaper .bottomLayout.on .switch i{line-height:5.6rem;height:5.6rem;left:0.3rem;border-radius:3rem}
	.examPaper .bottomLayout.on .switch span{line-height:6.8rem;height:6.8rem;font-size:2.6rem}
	.examPaper .bottomLayout .buttonArea .submitBtn{width:18.6rem;height:6.8rem;border-radius:3.8rem;right:5vw;top:3rem}
	.examPaper .bottomLayout.on .buttonArea .submitBtn{width:18.6rem;height:6.8rem;border-radius:3.8rem;right:5vw;top:3rem}
	.toolBox.hover .topToolTip{top:3.8rem;font-size:2.2rem}
	.examPaper .bottomLayout.on .toolArea{top:18rem;left:5vw}
	.bottomLayout.on .toolArea button{width:7.3rem;height:7.3rem;font-size:2.2rem}
	.examPaper .bottomLayout.on .moreTool{width:84vw;padding:4.7rem 8.6rem;border-radius:4.6rem;bottom:auto;top:50%;transform:translateY(-50%)}
	.examPaper .bottomLayout.on .moreTool .txt{font-size:2.2rem;margin:1.4rem 0 4rem}
	.examPaper .bottomLayout.on .moreTool h3{font-size:3rem;letter-spacing:-0.1px;padding-bottom:3.5rem;margin-bottom:4.5rem}
	.examPaper .bottomLayout.on .moreTool .closeBtn{width:6.2rem;height:6.2rem;bottom:-3.1rem}
	.examPaper .bottomLayout.on .moreTool .portTool{margin-bottom:2rem}
	.examPaper .bottomLayout .omr{padding:4rem 0;width:60rem}
	.examPaper .bottomLayout .omr article{width:60rem}
	.examPaper .bottomLayout .box{width:44.2rem;margin:0;border-radius:1rem;box-shadow:-0.5rem 0.5rem 2rem #00A7FF26}
	.examPaper .bottomLayout .omr dt, .examPaper .bottomLayout .omr dd{height:8rem;line-height:8rem}
	.examPaper .bottomLayout .omr dt{width:22%}
	.examPaper .bottomLayout .omr dd{padding:0 3rem;width:78%}
	.examPaper .bottomLayout .omr dd label{width:4.5rem;height:4.5rem;line-height:4.5rem;font-size:2.4rem}
	.examPaper .bottomLayout .remainSelect{top:18rem;right:5vw;font-size:2.2rem;line-height:3rem}
	/*examPaper alertArea*/
	.alertArea{width:42.4rem;border-radius:1.7rem;padding:3rem}
	.alertArea img{right:-5rem;width:70%}
	.alertArea h3{font-size:2.2rem;line-height:5.3rem;margin-bottom:2.4rem}
	.alertArea span{font-size:4.6rem}
	.alertArea .btnClose{font-size:2.2rem;width:13.2rem;height:5.3rem;box-shadow: 0.5rem 0.5rem 0.6rem #00000029}
	/*exam - content*/
	.examPaper .content{font-size:2.9rem;padding:8.5rem 0 4rem}
	.content.que .examArrow{width:4.2rem;filter:brightness(3) drop-shadow(0.1rem 0.1rem 0.2rem rgba(0,0,0,0.2))}
	.content.que .prev{left:-5rem}
	.content.que .next{right:-5rem}
	.content .exams{padding:0 4rem}
	.content article.twoColumn .columns{padding:0 4rem}
	.content .exams .nums{padding:0 0.5rem}
	.content .exams h2{margin-bottom:2.6rem}
	.content .exams h3{margin-bottom:1rem}
	.content .exams .imgArea{padding-bottom:5rem}
	.content .exams .text{padding:1rem 1rem;margin-bottom:2rem}
	.content .exams .bogi{margin-bottom:4rem}
	.content .exams .bogi.row li{padding-bottom:1rem;padding-right:1rem}
	.content .exams .bogi.row.first3 li{width:100%}
	.content .exams .bogi.col li{padding:1rem 0} 
	.content .exams .bogi.table th,.content .exam .bogi.table td{padding:1rem 2rem 0}
	.content .table1 th,.content .table1 td{padding:0.2rem 0.5rem}
	.content .text div{margin:1rem 0}
	.content table .backslash{padding:0 1rem}

}