/* äÁ¡¡¤¼ºÀûºÐ¼® ÅÇ */

/* settings */
.analysisCon .con_tit {margin-bottom: 70px;}
.analysisCon .l_tit {width: fit-content; text-align: left; border-left: 3px solid #111; padding-left: 12px; margin: 0 auto 40px;}
.analysisCon .area_tit {position: relative; text-align: left; line-height: 1.2; border-left: 3px solid #111; padding-left: 12px; margin: 0 auto 30px;}
.analysisCon .area_tit a {}
.analysisCon .tit_wrap {margin: 0 auto 30px;}
.analysisCon .tit_wrap .area_tit {margin-bottom: 5px;}
.analysisCon .tit_wrap p {text-align: left;}
.analysisCon .tbl_box .tbl_tit {position: relative; font-weight: 900; text-align: left; margin-bottom: 10px;}
.analysisCon .tbl_box .tbl_tit:empty {display: none;}
.analysisCon .tbl_box .tbl_tit::before {content: '\25A0'; display: inline-block; margin-right: 10px;}
.analysisCon .dim-base-wrap p {color: #fff600;}
.btn-base.red > * {background-color: #ff4949; color: #fff; border: 1px solid #ff4949;}
.arr_btn { z-index: 2; position: absolute; top: 40%; left: 50%; transform: translate(-50%,-40%); margin-left: -540px; } 
.arr_btn.arr_nxt { left:100%; margin:0 -540px 0 0; } 
.arr_btn a { display: block; }
.paging { text-align: center; color: #7f7f7f; } 
.paging a { padding: 3px 7px; } 
.paging img { margin-top: 0; } 
.paging strong { color: #000; font-weight: 900; } 

/* table */
.analysisCon table { font-size: 15px; border: 1px solid #cccccc; background: #fff; text-align: center; } 
.analysisCon table th,
.analysisCon table td { padding: 10px 0; position: relative; } 
.analysisCon table td:last-child { border-right: none } 
.analysisCon table th { font-weight: 700; background: #f5f5f5; border: 1px solid #cccccc; border-width: 0 1px; background-clip: padding-box; } 
.analysisCon table th.bdt { border-width: 1px 1px 0; } 
.analysisCon table td { border: 1px solid #cccccc; } 
.analysisCon table th.co_mint { background-color: #c5fcff; background-clip: padding-box; } 
.analysisCon table td.co_mint2 { background-color: #eafeff; background-clip: padding-box; } 
.analysisCon table.score_box th,
.analysisCon table.score_box td { padding: 20px 0; } 

/* analysisCon */
.analysisCon {position: relative; overflow: hidden; padding: 150px 0;}

/* tab_ticket.asp */
.analysisCon .input-base-wrap {width: 100%; max-width: 870px; border: 1px solid #e0e0e0; align-items: center; margin: 0 auto;}
.analysisCon .input-base-wrap .input_title {width: 145px; color: #3e3e3e; flex-shrink: 0; align-self: stretch; display: flex; justify-content: center; align-items: center; font-size: 15px; background: #f8f8f8;}
.analysisCon .input-base-wrap .input-base {border: none;}
.analysisCon .input-base-wrap .input-base::-webkit-outer-spin-button,
.analysisCon .input-base-wrap .input-base::-webkit-inner-spin-button {-webkit-appearance: none; appearance: none;}
.analysisCon .input-base-wrap .btn-base {margin: 10px;}
.analysisCon .input-base-wrap .btn-base a {}

/* tab_exam.asp */
.analysisCon .test_info { font-size: 15px; border: 1px solid #ccc; background: #fff; } 
.analysisCon .test_info th,.analysisCon .test_info td { padding: 10px 0; } 
.analysisCon .test_info th { font-weight: 900; background: #f5f5f5; text-align: center; } 
.analysisCon .test_info td { text-align: left; border: 1px solid #ccc; border-width: 0 1px; padding-left: 20px; } 
.analysisCon .test_info td:last-child { border-right: none } 
.analysisCon .test_info select { padding: 2% 5%; font-size: 15px; max-width: 95%;} 
.analysisCon .test_info.first { margin-bottom: 22px; } 
.analysisCon .test_info.first th,.analysisCon .test_info.first td { padding: 15px 0; } 
.analysisCon .test_info.first th { border: 1px solid rgba(204,204,204, 1); border-width: 1px 1px; } 
.analysisCon .test_info.first td { text-align: center; } 
.analysisCon .test_info.test_info_pop td { padding-left: 0; text-align: center; } 

.analysisCon .infoBox {text-align: left; background: #fff; padding: 40px; margin: 20px auto 40px; border: 1px solid #ccc;}
.analysisCon .infoBox .cr_red {color: #ff4949;}
.analysisCon .infoBox li {position: relative; padding-left: 17px;}
.analysisCon .infoBox li + li {margin-top: 5px;}
.analysisCon .infoBox li .mark {position: absolute; top: 0; left: 0;}

.analysisCon .submit_btn {margin: 0 auto 100px;}

.analysisCon .tab_list2 {position: relative; margin-bottom: 50px;}
.analysisCon .tab_list2::before {content: ''; position: absolute; bottom: -1px; width: 1000%; height: 1px; left: -500%; background: #f5f5f5;}
.analysisCon .tab_list2 li {border: 1px solid #bbb; padding: 15px 0; background: #f9f9f9; color: #bbb; border-bottom: none; cursor: pointer;}
.analysisCon .tab_list2 li.on {background: #000; color: #fff; font-weight: 700; border-color: #000;}
.analysisCon .tab_area2 {position: relative; background: #fff;}

.analysisCon .tbl_box {position: relative; z-index: 0; margin-bottom: 60px;}
.analysisCon .tbl_box .score_tbl { position: relative; }
.analysisCon .tbl_box .dim { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); right: 0; bottom: 0; z-index: 2; } 
.analysisCon .tbl_box .dim.lh { height: 102%; } 
.analysisCon .tbl_box .dim span { font-size: 20px; color: #fff600; font-weight: 900; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } 
.analysisCon .tbl_box .dim.dim2 { width: 75%; } 
.analysisCon .tbl_box .dim.dim2 span,
.analysisCon .tbl_box .dim.dim3 span,
.analysisCon .tbl_box .dim.dim4 span { font-size: 16px; }
.analysisCon .tbl_box .dim.dim2 { width: 75%; } 
.analysisCon .tbl_box .dim.dim3 { width: 40%; height: calc(100% - 81px); top: auto; bottom: 0; } 
.analysisCon .tbl_box .dim.dim4 { width: 20%; /*height: 94%; top: 0;*/ height: calc(100% - 81px); top: auto; bottom: 0; } 

.analysisCon .tbl_box .errata_tbl { position: relative; } 
.analysisCon .tbl_box .errata_tbl .update_date { font-size: 12px;}

/* result tab */
.analysisCon .tbl_box .tbl_tit2 {position: relative; width: 40%;}
.analysisCon .tbl_box .tbl_tit2::before {content: ''; position: absolute; left: 0; top: 50%; border: 1px solid #cccccc; border-width: 1px 1px 0; width: 99.5%; height: 20px;  } 
.analysisCon .tbl_box .tbl_tit2 strong {padding:0 18px; position: relative; text-align: left;}
.analysisCon .tbl_left { width: 40%; float: left; margin-top: 20px; border: 1px solid #b2b2b2; padding: 13px; } 
.analysisCon .tbl_left .radar_box { height: auto; } 
#chart_radar { margin: 0 auto; } 
.analysisCon .tbl_box .analyze_tbl { position: relative; width: 55%; float: right; margin-top: 20px; } 


/* accumulate tab */
.analysisCon .accumul_box { position: relative; border: 1px solid #cccccc; padding: 20px 40px 60px; width: 1080px; }
.analysisCon .non_tst { text-align: right; color: #fe3000; margin:15px 0 10px; }
.analysisCon .hyphen_red { position: relative; }
.analysisCon .hyphen_red::before { content: '-'; display: block; color: rgba(254,48,0,1); font-size:15px; }
.analysisCon .mytbl_box { position: relative; } 
.analysisCon .mytbl_box .dim_ing { position: relative; background: rgba(0, 0, 0, 0.5); } 
.analysisCon .mytbl_box .dim_ing.mid::before { content: ''; display: block; position: absolute; background: url(https://img.megagong.net/m/2021/1214_lyj4718/dim_ing.png) no-repeat center; width: 174px; height: 25px; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; } 
.analysisCon .lineWrap { /*border: 1px solid rgba(204,204,204, 1); padding: 10px 15px; width: 100%; */ } 
.analysisCon dl.cautn { margin: 0; text-align: left; font-size: 12px; color: #404141; background: #f1f2f2; padding: 10px 20px; margin: 20px auto;}

/* Á¤´ä ÀÔ·Â Æ˾÷ */
.clickPop { width: 490px; background:#fff; border:1px solid #000; padding: 40px 10px 20px; position:fixed; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } 
.dim_popup.clickPop .tit { text-align:center; margin: 0 0 10px; padding: 0 15px; font-size: 23px; font-weight: bold; } 
.dim_bnrwrp_wrap table { font-size: 14px; } 
.dim_bnrwrp_wrap table tr th, .eventWrap .dim_bnrwrp_wrap table tr td { padding: 8px 5px; border: 1px solid #ddd; } 
.dim_bnrwrp_wrap table tr th { border-color:#fff } 
.dim_bnrwrp_wrap table tr th { background:#eaeaea } 
.dim_bnrwrp_wrap .dim_popup table tr th, .eventWrap .dim_bnrwrp_wrap .dim_popup table tr td { word-break: break-all; text-align: center; } 
.dim_bnrwrp_wrap .dim_popup table tr td.con { text-align:left } 
.dim_popup.clickPop .btnConfirm { text-align:center; margin: 40px 0 0 0; } 
.dim_popup.clickPop .btnClose { position:absolute; right: 10px; top: 10px; background: url(https://img.megagong.net/m/common/pop_close2.png) no-repeat center center; font-size: 0; width: 26px; height: 26px; margin: 0; } 

/* ´ä¾È ÀÔ·Â */
.black_bg { background-color:#000; opacity:0.8; position:fixed; left:0; top:0; width:100%; height:100%; text-indent:-9999em; z-index:4; display:none } 

.apply_test { border: 2px solid #000; width: 860px; height: auto; background: #fff; position: fixed; top:50%; left:50%; z-index:93; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } 
.apply_test .btn_popclo {display:block;position:absolute;background-image: url(https://img.megagong.net/common/btn_pop_inner_close.png);background-position: center center;background-repeat:no-repeat;background-size: cover;width: 14px;height: 14px;right:16px;top:16px;z-index: 2;}
.apply_box { padding: 30px; position: relative; } 
.apply_test .stit { position: relative; text-align: left; display: block; font-size: 16px; color: #fff; padding: 11px 15px; border-bottom: 2px solid #000; background: #343434; } 
.apply_test .stit a { position: absolute; top: 50%; right:10px; transform: translateY(-50%); } 
.apply_test .stit a::before { content: "\00d7"; font-size:27px; color: #fff; } 
.apply_test .tit { font-size: 24px; margin: 0 auto 25px; text-align: center; font-weight: 900; } 
.apply_test table { font-size: 11px; border: 1px solid rgba(204,204,204, 1); background: #fff; text-align: center; margin-bottom: 20px; } 
.apply_test table th,
.apply_test table td { padding: 10px 0; } 
.apply_test table td:last-child { border-right: none } 

.apply_test table th { font-weight: 700; background: #f5f5f5; border: 1px solid rgba(204,204,204, 1); border-width: 0 1px; } 
.apply_test table td { border: 1px solid rgba(204,204,204, 1); } 
.apply_test .tiny { font-size: 12px; color: #b2b2b2; } 

.apply_test .answer_tbl { margin-top:30px; } 
.apply_test .answer_tbl .s_tit { position: relative; font-size: 18px; font-weight: 900; margin: 40px 0 5px; padding-left:0; } 
.apply_test .answer_tbl .s_tit:before { display:none; } 
/* .apply_test div.timeBox { position: absolute; top: 0; right: 0; width: 100%; text-align: right; font-size: 18px; font-weight: 900; } */

.apply_test .test_info { font-size: 14px; } 
.apply_test .test_info td { padding-left: 0; text-align: center; } 
.apply_test .test_info .bdt { border: 1px solid rgba(204,204,204, 1); border-width: 1px 1px 0; } 
.apply_test .answer_tbl td { padding: 19px 0; } 
.apply_test .answer_tbl input[type=text], input[type=password], input[type=number] { border: none; padding: 0; width: 98%; text-align: center; } 
.apply_test .answer_tbl .btn_box { margin: 40px auto 0; } 

.apply_test .answer_tbl { margin-top:30px; } 
.apply_test .tb_eval_tit { font-size:15px; font-weight:bold; color:#333; text-align:left; margin-bottom:8px; } 
.apply_test .tb_scroll { overflow-y:auto; height:236px; border-top:1px solid #000; border-bottom:1px solid #000; } 
.apply_test .tb_scroll table { margin-bottom:0; } 
.apply_test table tr.on { background-color: rgba(234,254,255,1); }
.apply_test table tr.on th { background: rgba(197,252,255); }
.apply_test table.tb_info { border:0; margin-bottom:10px; } 
.apply_test table.tb_info tr:first-child th, .apply_test table.tb_info tr:first-child td { border-top:1px solid #000; } 
.apply_test table.tb_info tr:last-child th, .apply_test table.tb_info tr:last-child td { border-bottom:1px solid #000; } 
.apply_test table.tb_info th, .apply_test table.tb_info td { font-size: 14px; border:0; border-bottom:1px solid #d0d0d0; padding:20px 10px; border-left:1px solid #d0d0d0; } 
.apply_test table.tb_info th:first-child { border-left:0; } 
.apply_test table.tb_info td { text-align:left; } 
.apply_test table.tb_info.tb_eval th,
.apply_test table.tb_info.tb_eval td { padding:13px 10px; } 
.apply_test table.tb_info.tb_eval td { text-align:center; } 
.apply_test table.tb_info.tb_eval a { display:inline-block; width:20px; height:20px; border:1px solid #000; border-radius:10px; text-align:center; } 
.apply_test table.tb_info.tb_eval a.on { background-color:#000; color:#fff; } 
.apply_test .tb_scroll table.tb_info tr:first-child th,
.apply_test .tb_scroll table.tb_info tr:first-child td { border-top:0; } 
.apply_test .tb_scroll table.tb_info tr:last-child th,
.apply_test .tb_scroll table.tb_info tr:last-child td { border-bottom:0; } 
.apply_test .tb_scroll table.tb_info { margin-bottom:0; } 
.apply_test .tb_scroll table.tb_info.tb_eval td { cursor:pointer; } 
.apply_test .btn_base { display:inline-block; padding:20px; background-color: #000; color:#fff; font-size:17px; font-weight:bold; width:180px; text-align:center; } 
.apply_test .tiny { text-align:left; } 

.apply_test div.timeBox { width: 100%; text-align: right; font-size: 15px; font-weight: 900; margin-bottom:10px; } 
.apply_test div.timeBox span.timeBox { color:#e45c6c; } 

.line_chart { margin: 0 auto; /* overflow-x: scroll; */ font-family : 'NotoSans KR' !important; }
.line_chart + .evt_con_base {text-align: left; margin-bottom: 20px;}

@media screen and (max-width: 1200px) {
    /* settings */
    .analysisCon .con_tit {margin-bottom: 7%;}
    .analysisCon .l_tit {margin-bottom: 4%;}
    .analysisCon .area_tit {margin-bottom: 3%;}
    .arr_btn { width: 10%; top: 50%; transform: translate(-50%,-50%); } 
    .arr_btn { margin-left: -48%; } 
    .arr_btn.arr_nxt { margin-left: -2%;; } 

    /* analysisCon */
    .analysisCon {padding: 14% 0 0;}
    .analysisCon .infoBox {margin: 2% auto 4%;}

    /* result tab */
    .analysisCon .tbl_left,
    .analysisCon .tbl_box .tbl_tit2 { width: 44%; }

    /* accumulate tab */
    .analysisCon .accumul_box {width: 100%; padding: 3% 3% 8%;}
    .analysisCon .non_tst {margin: 2vw 0 3%;}

    /* ´ä¾È ÀÔ·Â */
    .apply_test { width: 90%; height: auto; } 
    .apply_test .tiny { font-size: 10px; }
    .line_chart div[dir="ltr"] { margin: auto !important; width: 100vw !important; } 
    .line_chart div > svg { margin: auto !important; width: 100% !important; overflow:visible !important; overflow-x: scroll !important; } 
    .analysisCon .test_info td { padding-left: 10px; padding-right: 10px; } 
    .analysisCon .test_info select { width: 100%; } 
}

@media screen and (max-width: 768px) {
    .analysisCon .infoBox {padding: 20px;}

    .analysisCon .submit_btn { margin: 0 auto 10%;} 

    .analysisCon .test_info { font-size: 14px; } 
    .analysisCon .test_info th,
    .analysisCon .test_info td { padding: 5px 10px; } 
    .analysisCon .test_info.test_info_pop th,
    .analysisCon .test_info.test_info_pop td { padding: 5px 3px; } 
    .analysisCon .test_info select { font-size: 12px; } 

    .analysisCon table {font-size: 13px;}

    .apply_box {padding: 20px;}
    .apply_test .tit { font-size: 20px; } 
    .apply_test .stit { font-size: 12px; padding: 3%; } 
    .apply_test .stit a::before { font-size: 20px; } 
    .con1 .cont2 .apply_test .answer_tbl .s_tit,
    .apply_test div.timeBox { font-size: 15px; } 
    .con1 .cont2 .apply_test .test_info { font-size: 12px; margin-bottom: 5px; } 
    .apply_test .tiny { font-size: 10px; } 
    .apply_test .answer_tbl .btn_box { margin: 5% 20% 0; } 

    .analysisCon .tbl_box .dim.dim2 span, .analysisCon .tbl_box .dim.dim3 span, .analysisCon .tbl_box .dim.dim4 span { font-size: 12px; } 
    .analysisCon .tbl_box .dim.dim3,
    .analysisCon .tbl_box .dim.dim4 {height: calc(100% - 75.8px);}
    .analysisCon .tbl_box .tbl_tit2 {width: 100%;}
    .analysisCon .tbl_left { width: 100%; } 
    .analysisCon .tbl_box .analyze_tbl {width: 100%;}
    .analysisCon .mytbl_box .dim_ing.mid::before { background-size: 80%; } 
}

@media screen and (max-width: 576px) {
    .analysisCon { padding-top: 10vw; } 
    .analysisCon h3 { margin-bottom: 10vw; font-size: 17px; } 
    .analysisCon .infoBox { font-size: 12px; }
  
    .analysisCon table { font-size: 10px; } 
    .analysisCon .tbl_box .tbl_tit2::before { height: 5px; } 
    .analysisCon .tbl_box .tbl_tit2 span { font-size: 13px; } 
    .analysisCon .tbl_tit3::before { height: 5px; } 
    .analysisCon .tbl_tit3 span { font-size: 13px; } 

    .analysisCon .tbl_box .dim.dim3, .analysisCon .tbl_box .dim.dim4 {height: calc(100% - 68px);}
  
    .analysisCon .tbl_left .radar_box { height: 155px; } 
    .analysisCon .apply_test .test_info { font-size: 10px; } 
    .analysisCon dl.cautn { font-size: 10px; } 
  
    .analysisCon .test_info.first.tb-inner th, .analysisCon .test_info.first.tb-inner td{font-size:12px;padding:5px;}
    .analysisCon .infoBox dd.dd-table .tiny-info{font-size:12px;}
}

@media screen and (max-width: 460px) {
    .analysisCon .test_info { font-size: 13px; } 
    .analysisCon .infoBox { font-size: 11px; } 
    .analysisCon .tbl_box .dim.dim2 span, .analysisCon .tbl_box .dim.dim3 span, .analysisCon .tbl_box .dim.dim4 span { font-size: 10px; } 
}