﻿@charset 'utf-8';
@import url('/css/board.css');

.table_conts{max-width:500px;margin:0 auto}
.lnb_mna{width:100%;margin:30px 0 10px 0}
.lnb_mn li{display:inline-flex;width:207px; justify-content:center;align-items:center;line-height:1.2px;height:54px;border-radius:100px;font-weight:600;font-size:22px;background:#ebebeb; color:#1f1f1f; margin-right:9px; margin-bottom:10px;cursor:pointer}
.lnb_mn li a{display:flex;justify-content: center;align-items: center;width: 100%;height: 100%;text-decoration: none;font-size: inherit;color: inherit;border-radius: inherit}
.lnb_mn li.selected{background:#403b75;color:#fff}
.lnb_mn li.selected a{color:#fff}
.lnb_mn li:last-child{margin-right:0}
@media (max-width:768px) {
.lnb_mna{width:100%;margin:20px 0 0}
.lnb_mn li{width:147px;font-size:17px;margin-right:4px}
}
.lnbs_mna{background:#eeedfa;padding:13px;text-align:center;margin-top:35px}
.lnbs_mn li{display:inline-flex;font-size:22px;margin-right:65px;font-weight:500}
.lnbs_mn li a{font-size:inherit}
.lnbs_mn li.selected{color:#ff0000}
.lnbs_mn li.selected a{color:#ff0000}
.lnbs_mn li:last-child{margin-right:0}
@media (max-width:768px) {
.lnbs_mna{text-align:left;padding:13px 20px;margin-top:25px}
.lnbs_mn li{font-size:17px;margin-right:15px}
}
/* app */
.app_boxa{border:3px solid #eeedfa;padding:35px 30px 40px 30px}
.app_top_txt{text-align:left; border-bottom:3px solid #ecebeb;padding-bottom:30px;margin-bottom:30px}
@media (max-width:768px) {
.app_boxa{border:3px solid #eeedfa;padding:15px 15px 20px 15px;letter-spacing:-1px}
.app_top_txt{padding-bottom:15px;margin-bottom:15px}
}
.btn_area{margin-top:40px}
.btn_area li{display:inline-block;width:321px;padding:15px 0;border-radius:100px;font-size:30px;font-weight:500;text-align:center;cursor:pointer;margin-right:22px}
.btn_area li:last-child{margin-right:0}
.btn_area li.btn_back{color:#fff;background-color:#828282}
.btn_area li.btn_back a{color:inherit;font-size:inherit}
.btn_area li.btn_ok{color:#fff;background-color:#2e2775}
.btn_area li.btn_ok a{color:inherit;font-size:inherit}
.btn_area li.btn_verify{display:block;font-size:15px;cursor:pointer}
@media (max-width:768px) {
.btn_area{margin-top:30px}
.btn_area li{display:inline-block;width:45%;padding:17px 0;border-radius:100px;font-size:22px;font-weight:500;text-align:center;cursor:pointer;margin-right:10px}
.btn_area li:last-child{margin-right:0}
.btn_area li.btn_back{color:#fff;background-color:#828282}
.btn_area li.btn_back a{color:inherit;font-size:inherit}
.btn_area li.btn_ok{color:#fff;background-color:#2e2775}
.btn_area li.btn_ok a{color:inherit;font-size:inherit}
.btn_area li.btn_verify{display:block;font-size:15px;cursor:pointer}
}
.btns_area{margin-top:40px}
.btns_area li{display:inline-block;width:98px;padding:10px 0;border-radius:5px;font-size:18px;font-weight:400;text-align:center;cursor:pointer;margin-right:22px}
.btns_area li:last-child{margin-right:0}
.btns_area li.btn_cancel{color:#fff;background-color:#828282}
.btns_area li.btn_cancel a{color:inherit;font-size:inherit}
.btns_area li.btn_modify{width:180px;color:#fff;background-color:#828282}
.btns_area li.btn_modify a{color:inherit;font-size:inherit}
.btns_area li.btn_ok{color:#fff;background-color:#5da9f0}
.btns_area li.btn_ok a{color:inherit;font-size:inherit}
.btns_area li.btn_verify{display:block;font-size:15px;cursor:pointer}
@media (max-width:768px) {
.btns_area{margin-top:20px}
.btns_area li{display:inline-block;width:75px;padding:10px 0;font-size:15px;font-weight:500;text-align:center;cursor:pointer;margin-right:4px}
.btns_area li:last-child{margin-right:0}
.btns_area li.btn_cancel{color:#fff;background-color:#828282}
.btns_area li.btn_cancel a{color:inherit;font-size:inherit}
.btns_area li.btn_modify{width:120px;color:#fff;background-color:#828282;letter-spacing:-1.3px}
.btns_area li.btn_modify a{color:inherit;font-size:inherit}
.btns_area li.btn_ok{color:#fff;background-color:#5da9f0}
.btns_area li.btn_ok a{color:inherit;font-size:inherit}
.btns_area li.btn_verify{display:block;font-size:15px;cursor:pointer}
}
.app_pop_oka{position:fixed;top:50%;left:50%;transform: translate(-50%, -50%);border:3px solid #2e2775;width:543px;background:#fff;padding:55px 20px 65px 20px;box-sizing:border-box}
.app_pop_oka .box{background:#eeedfa;width:406px;margin:0 auto;padding:30px 70px;margin-top:20px;line-height:30px; text-align:left;box-sizing:border-box}
.app_pop_oka .box strong{font-weight:500}
@media (max-width:768px) {
.app_pop_oka{border:3px solid #2e2775;width:90%;background:#fff;padding:30px 10px 35px 10px}
.app_pop_oka .box{background:#eeedfa;width:90%;margin:0 auto;padding:30px;margin-top:10px}
}
.app_checka{margin:80px}
.app_checka .tt{font-size:26px;font-weight:500}
.app_checka .box{background:#eeedfa;width:506px;margin:0 auto;padding:30px 70px;margin-top:20px;line-height:30px;text-align:left;box-sizing:border-box}
.app_checka .box strong{font-weight:500}
@media (max-width:768px) {
.app_checka{margin:20px 0}
.app_checka .tt{font-size:18px;letter-spacing:-1px}
.app_checka .box{background:#eeedfa;width:100%;margin:0 auto;padding:30px;margin-top:15px}
}
.tooltip_box {position:relative;background:#fff;border:5px solid #2e2e5c;border-radius:10px;padding: 120px 20px;text-align:center;color:#333;width: 100%;max-width: 780px;margin: 40px auto;box-sizing:border-box}
.tooltip_box::before {content: "";position: absolute;top: -16px;left: 50%;transform: translateX(-50%);width: 20px;height: 20px;background: #fff;border-left: 5px solid #2e2e5c;border-top: 5px solid #2e2e5c;transform: translateX(-50%) rotate(45deg); z-index: 2;background-clip: padding-box}
.tooltip_box p{font-size:24px}
.tooltip_box p .highlight {font-size:inherit;color: red;font-weight: bold}
@media (max-width:768px) {
.tooltip_box {padding:80px 20px}
.tooltip_box p{font-size:18px}
.tooltip_box p .highlight {font-size:inherit;color: red;font-weight: bold}
}
.app_guide{display:block;width:1034px;margin:50px auto 0 auto}
.app_guide img{width:100%}
@media(max-width:768px){
.app_guide{width:100%;margin-top:20px}
}
.agree_wrap{width:100%;height:200px; padding:15px;border:1px solid #dcdcdc;overflow-y:auto; background:#fff;box-sizing:border-box;text-align:left;margin-bottom:20px}
.agree_wrap p{font-size:15px}
.agree_cba {display: flex;align-items: center;gap: 8px;margin: 20px 0 10px 0;font-size: 17px;color:#ff0000}
.agree_cba .checkbox{-webkit-appearance: checkbox;appearance: checkbox;width: 18px;height: 18px;margin: 0}
.agree_cba .highlight{color:#ff0000}
.agree_tt{margin-bottom:20px;font-size:15px}
/* intro */
.info{margin-top:40px}
.info .tt{font-size:30px;font-weight:bold;border-bottom:3px solid #e8e8e8;padding-bottom:20px}
.info .cont{margin:35px auto 90px auto;font-size:18px;margin-bottom:90px}
.root_daum_roughmap_landing {width: 100% !important;max-width: 100%;height:400px;border-bottom:1px solid #d8d8d7}
.root_daum_roughmap .wrap_map{width: 100% !important}
.root_daum_roughmap iframe {width: 100% !important;height: auto !important}
@media (max-width:768px) {
.info{margin-top:30px}
.info .tt{font-size:22px;font-weight:bold;border-bottom:3px solid #e8e8e8;padding-bottom:20px}
.info .cont{margin-top:25px;font-size:15px;margin-bottom:50px}
.root_daum_roughmap_landing {width: 100% !important;max-width: 100%;height:250px}
}
.roughmap{border:1px solid #d8d8d7;width:100%;height:400px}
.guide{border: 3px solid #eeedfa;padding: 30px 30px 40px 30px;text-align:left;min-height:400px}
@media (max-width:768px) {
.guide{min-height:200px;padding: 20px 20px 30px 20px;font-size:15px;letter-spacing:-1px}
}
/* result */
.group{margin-top:50px}
.group .grp_div{font-size:26px;font-weight:600;letter-spacing:-1px}
.group .grp_div span{font-weight:500}
.group .box {margin-top:15px;padding:40px 20px;display: flex;justify-content: center;background-color:#eaf5f7}
.group .player {display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 20px;justify-content: center;margin: 0 auto;padding: 0;list-style: none;text-align: center; max-width: 100%}
.group .player li {display: block;margin: 0;border:2px solid #dbdbdb;background-color:#fff}
.group .player li img {width: 117px;height: 137px;border: 2px solid #e2e2e2;display: block;margin: 0 auto9}
.group .player li .tt{font-size: 20px;font-weight: bold;margin: 15px 0;text-align: center}
.group .player li .info{margin-top: 15px;margin-bottom:15px;text-align: center}
.group .player li .info .sch{font-size:15px;letter-spacing:-1.8px}
@media (max-width: 768px) {
.group {width:100%;margin-top: 25px}
.group .grp_div{font-size:18px}
.group .box {background-color: #eaf5f7;margin-top: 15px;padding: 20px 15px 40px 15px;display: flex;justify-content: center;flex-wrap: wrap}
.group .player {display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 10px;justify-content: center;margin: 0 auto;padding: 0;list-style: none;text-align: center; max-width: 100% }
.group .player li {display: block;margin: 0}
.group .player li img {width: 100px;height: 117px;border: 2px solid #e2e2e2;display: block;margin: 0 auto}
.group .player li .tt {font-size: 18px;font-weight: bold;margin: 15px 0;text-align: center}
.group .player li .info{margin-top: 10px;text-align: center;font-size: 15px}
}
.result_yeara{display:flex;position:absolute;top:120px;right:0}
.result_year{font-size:18px;width:220px;color:#000;border:3px solid #ccc;padding-left:10px}
@media (max-width: 768px) {
.result_yeara{width:100%;position:relative;top:0;margin-top:10px}
.result_year{font-size:16px;width:100%;color:#000;border:3px solid #ccc;padding-left:10px}
.result_yeara form {width:100%}
}
.introa{padding:0}
.introa .intro{max-width:1384px;margin: 0 auto;text-align: center}
.introa .hero-img {width: 100%;height: auto;margin: 0 auto;display: block}
.introa .subtitle {font-size: 1.1em;font-weight: 600;color: #444;margin-bottom: 30px}
.introa .intro_cont{text-align: left;line-height: 1.8;font-size: 1em;padding:45px 58px}
.introa .intro_cont p {margin-bottom: 20px}
@media (max-width: 768px) {
.introa{padding:0}
.introa .intro_cont{text-align: left;line-height: 1.8;font-size: 1em;padding:15px 15px}
}
/* table01 */
div.tbstyle01{float:left;width:100%;box-sizing:border-box}
div.tbstyle01 table{width:100%;border:1px solid #a8a8a8;border-bottom:0}
div.tbstyle01 th{color:#353535;padding:5px 0 5px 0;text-align:center;background:#dfdfdf;border-bottom:solid 1px #a8a8a8;border-right:1px solid #a8a8a8}
div.tbstyle01 td{padding:5px 0 5px 0;border-bottom:solid 1px #a8a8a8;text-align:center;background:#fff;letter-spacing:-1px}
div.tbstyle01 td.back1{background:#f4f4f4}
div.tbstyle01 td.back2{background:#f9f9f9}
div.tbstyle01 td.spline{border-bottom:2px solid #939393}
div.tbstyle01 td .radio{display:flex;justify-content:center}
/* table_app */
.tb_app table{width:100%;margin:0 auto;text-align:center;border-top:3px solid #ebebeb; border-left:3px solid #ebebeb;border-bottom:0;box-shadow:0 0 0 #f2f3f3}
.tb_app th {background:#f5f5f5;vertical-align:middle;border-bottom:3px solid #ebebeb;padding:15px 0;border-right:solid 3px #ebebeb;font-size:18px;font-weight:500}
.tb_app td {font-size:18px;text-align:center;border-bottom:solid 3px #ebebeb;border-right:solid 3px #ebebeb;padding:15px 20px}
.tb_app td .btn_app{display:inline-block;cursor:pointer;width:105px;margin: 0 auto;background: #5da9f0;padding: 10px 0 11px 0;text-align: center;color: #fff;font-weight: 600;text-decoration: none;border-radius: 3px;margin-left:15px}
.tb_app td .btn_close{display:inline-block; width:105px;margin: 0 auto;background: #afafaf;padding: 10px 0 11px 0;text-align: center;color: #fff;font-weight: 600;text-decoration: none;border-radius: 3px;margin-left:15px}
.tb_app td .txt_red{color:#ff0000;font-size:inherit}
.tb_app td .warning{color:#0084ff;font-size:15px;margin-top:5px}
.tb_app td.aln_lt{text-align:left}
.tb_app td input{font-size:15px;width:230px}
.tb_app td select{font-size:15px;width:230px;margin:0}
.tb_app td .btn_post{background:#639dd3;color:#fff;height:38px;font-size:15px;width:120px;border-radius:5px}
.tb_app td .btn_check{background:#dedede;border:1px solid #c4c4c4; height:38px; font-size:15px;width:80px}
@media (max-width:768px) {
.tb_app table{width:100%;margin:0 auto;text-align:center;border-top:3px solid #ebebeb; border-left:3px solid #ebebeb;border-bottom:0;box-shadow:0 0 0 #f2f3f3}
.tb_app th {background:#f5f5f5;vertical-align:middle;border-bottom:3px solid #ebebeb;padding:15px 0;border-right:solid 3px #ebebeb;font-size:15px;line-height:200%;font-weight:500}
.tb_app td {font-size:15px;text-align:center;border-bottom:solid 3px #ebebeb;border-right:solid 3px #ebebeb;padding:12px 0}
.tb_app td .btn_app{display:inline-block;cursor:pointer;width:85px;margin: 0 auto;background: #5da9f0;padding:10px 0 11px 0;text-align: center;color: #fff;font-weight: 600;text-decoration: none;border-radius: 3px;margin-left:8px}
.tb_app td .btn_close{display:inline-block; width:85px;margin: 0 auto;background: #afafaf;padding: 10px 0 11px 0;text-align: center;color: #fff;font-weight: 600;text-decoration: none;border-radius: 3px;margin-left:8px}
.tb_app td.aln_lt{padding-left:10px;padding-right:10px}
.tb_app td .btn_post{width:100%}
.tb_app td .btn_check{width:100%}
.tb_app td input{width:100%}
.tb_app td select{width:100%}
.tb_app td input + input{margin-top:5px}
}
/* table07 */
div.tbstyle07 {clear:both;}
div.tbstyle07 table {width:100%; border-top:1px solid #dedede}
div.tbstyle07 tbody th {color:#3b3b3b;padding:8px 0 8px 0;text-align:center;background:#f5faff;font-weight:500; border-bottom:1px solid #dedede}
div.tbstyle07 tbody th a{color:#000}
div.tbstyle07 tbody .ncs{color:#ff0000}
div.tbstyle07 tbody th.ltline{border-left:solid 1px #dedede}
div.tbstyle07 tbody th.rtline{border-right:solid 1px #dedede}
div.tbstyle07 tbody th.back1{background:#729dd8}
div.tbstyle07 tbody th.back2{background:#4667ad}
div.tbstyle07 tbody tr.notice{background:#f8f9ff}
div.tbstyle07 tbody tr.app{background:#f8f9ff}
div.tbstyle07 tbody tr.app td{color:#3942b9}
div.tbstyle07 tbody tr.app td a{color:inherit;font-weight:500}
div.tbstyle07 tbody td{padding:8px 8px;border-bottom:solid 1px #dedede;text-align:left;color:#000;letter-spacing:0; color:#000}
div.tbstyle07 tbody td .alignArea{display:flex;align-items:center;flex-wrap:wrap; margin-bottom:-5px}
div.tbstyle07 tbody td .alignArea input, select, button{margin-bottom:5px}
div.tbstyle07 tbody td .btn_post{background:#dedede;border:1px solid #c4c4c4; height:33px; font-size:15px}
div.tbstyle07 tbody td .btn_check{background:#dedede;border:1px solid #c4c4c4; height:33px; font-size:15px}
div.tbstyle07 tbody td .explain{font-size:12px}
div.tbstyle07 tbody td .explain strong{color:#F00; font-weight:500}
div.tbstyle07 tbody td.point{color:#6c95f5}
div.tbstyle07 tbody td.ltline{border-left:solid 1px #dedede}
div.tbstyle07 tbody td.rtline{border-right:solid 1px #dedede}
div.tbstyle07 tbody td a{color:#000; font-size:inherit}
div.tbstyle07 tbody td.alignlt{text-align:left}
div.tbstyle07 tbody td img{vertical-align:middle;margin:-1px 0 0 5px}
div.tbstyle07 tbody td button{width:80px;height:28px;border:1px solid #ddd;font-size:13px;color: rgba(0,0,0,.6);text-align:center}
div.tbstyle07 tbody td button.app{width:100px;height:36px;border:2px solid #3942b9;font-weight:500;color:#3942b9;text-align:center}
div.tbstyle07 tbody .tit{text-align:left;padding-left:10px;letter-spacing:0}
div.tbstyle07 tbody .tit a{font-size:17px}
/* pop */
.pop_header{background:#fff;padding:0 0 8px 0;border-bottom:1px solid #d0d1d2}
.popa{width:100%;margin:10px auto; text-align:left}
.pop_tt{padding:10px 0 0 0;text-align:center;font-size:18px}
.pop_indent{margin:0 10px 10px 10px; text-align:left; font-size:15px; padding:10px; border:0 solid #e4e3e3}
.pop_box{margin-top:15px;border-bottom:0 solid #e4e3e3; background:#fff; padding:10px; line-height:26px}
.pop_box_tt{color:#1f809c;font-size:18px}
.pop_top_txt{width:318px;font-size:15px;text-align:left;margin: 0 auto;font-weight:bold; color:#06F; letter-spacing:-1px; line-height:150%}
.pop_point{color:#ff5a00}
.pop_point2{color:#06789a}
.pop_point3{color:#F00}
.pop_bt_txt{width:100%;text-align:left; padding:10px 0 14px 0; margin:0 auto; line-height:30px}
.pop_bt_txt a{color:#687285}
.pop_bta{text-align:center;margin:20px 0}
.pop_bta span input{padding:0;border:0}
.pop_item_tt{color:#1161d9}
.pop_item li{padding:2px 0 0 7px;background:url(../images/common/bullet_grey.gif) no-repeat 0 10px;color:#000;text-align:left; font-size:14px;line-height:16px}
.pop_item li .item{color:#000}
.pop_item_sub{background:#f8f8f8; padding:10px}
.pop_item_sub li{padding:2px 0 0 7px;background:url(../images/common/bullet_grey.gif) no-repeat 0 14px;color:#000;text-align:left; font-size:15px}
.pop_item_sub li .item{float:left;width:80px; color:#000}