body{letter-spacing:-0.02em;box-sizing: border-box;}
a{text-decoration:none;}
.datepicker td,th{ text-align: center; padding: 8px 12px; font-size: 14px;}
ul, li{margin:0px;padding:0px;}
img{max-width:100%;}
input[type='checkbox']{margin-right:5px;width:18px;height:18px;}

input[type='text'],
input[type='password'],
select{border:1px solid #aaa;}
a{color:#555;display:inline-block;text-decoration:none;}
a:hover{color:black;}

@charset "utf-8";

body {margin:0;padding:0;font-size:14px;font-family:'Noto Sans KR', sans-serif;}

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
ul, dl,dt,dd {margin:0;padding:0;list-style:none}
label, input, button, select, img {display:inline-block;vertical-align:middle;}
input, button, select{margin:0;padding:0;font-size:13px;}
textarea{padding:10px;margin:0px;font-size:13px;}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}
table{width:100%;}
p {margin:0;padding:0;word-break:break-all}
img{max-width:100%;}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
border:1px solid #ccc; }


input[type='text'],
input[type='number'],
input[type='password'], 
{display:inline-block;height:35px;border:1px solid #aaa;padding:0px 5px;max-width:100%;}
input[type='checkbox']{display:inline-block;width:20px;height:20px;margin:0px 5px 0px 0px;}
label{margin:0px;margin-right:10px;}
select{height:35px;border:1px solid #aaa;padding-left:5px;padding-right:5px;}
.flex_center{display:flex;align-items:center;}
label {margin:0px;}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

a.btn_del{display:inline-flex;align-items:center;padding:0px 10px;height:33px;line-height:35px;color:white;background-color:#607d8b;}

table.table_list{margin-bottom:30px;table-layout:fixed;border-top:2px solid #aaa;}
table.table_list th, 
table.table_list tr.head td{padding:15px 0px;border-bottom:1px solid #ccc;text-align:center;background-color:whitesmoke;}
table.table_list tr.head td{font-weight:bold;}
table.table_list td{padding:8px 5px;vertical-align:middle;border-bottom:1px solid #ccc;text-align:center;}
table.table_list td input{width:100%;}
table.table_list td input[type='checkbox']{margin-right:0px;}
table.table_list td select{width:100%;}
button.submit_btn{padding:0px 30px;height:40px;border:1px solid #aaa;font-size:13px;}
table.table_list td.border_left{border-left:1px solid #777;}

.table_form div.flex{display:flex;align-items:center;}
.table_form div.flex label{margin-left:5px;margin-right:10px;}

.table_form td.onlyText{padding-top:15px;padding-bottom:15px;}


table.table_list.trans_list tr th{text-align:left;}
table.table_list.trans_list tr td{text-align:left;padding:10px 0px;}
table.table_list.trans_list tr.error td{background-color:mistyrose;}



table.table_form{table-layout:fixed;border-top:2px solid #aaa;}
table.table_form td{vertical-align:middle;padding:8px 10px;border-bottom:1px solid #ccc;font-size:14px;}
table.table_form th,
table.table_form td.head{padding:10px 10px 10px 10px;vertical-align:middle;background-color:#eeeeee;font-weight:bold;}
table.table_form td input[type='text']{width:100%;height:35px;}
table.table_form td textarea{width:100%;padding:10px 15px;border:1px solid #aaa;}
table.table_form td div.help{margin-top:5px;font-size:12px;color:dodgerblue;}
table.table_form td input[type='radio']{margin-right:5px;}
table.table_form td label{font-size:14px;}
table.table_form td input[type='radio'] + label, 
table.table_form td input[type='checkbox'] + label 
{color:#999;}
table.table_form td input[type='radio']:checked + label,
table.table_form td input[type='checkbox']:checked + label{color:#333;}

table.table_form td .title{margin-bottom:5px;font-weight:bold;}
table.table_form td .agree{margin-top:5px;display:flex;align-items:center;}
table.table_form td .agree input[type='checkbox']{width:20px;height:20px;}
table.table_form td .agree label{}
table.table_form td input[type='checkbox']{margin:0px 5px 0px 0px;}
table.table_form.table_form4 th{width:120px;}
table.table_form.table_form4 td{width:calc(50% - 120px);}
table.table_form.table_form4 td.text3{width:calc(100% - 120px);}


.btnGroup{margin:20px 0px;width:100%;display:flex;align-items:center;justify-content:center;}
.btnGroup button, 
.btnGroup a{margin:0px 5px;padding:0px 20px;display:inline-flex;align-items:center;justify-content:center;height:45px;font-size:14px;background-color:#f4f4f4;color:black;border:1px solid #aaa;}


.btn_style{margin:0px 3px;padding:0px 15px;display:inline-flex;align-items:center;justify-content:center;height:35px;border:1px solid #aaa;background-color:#f5f5f5;font-size:14px;}
.btn_style.btn_insert{background-color:cadetblue;color:white;border-color:cadetblue;}
.btn_style.btn_delete{background-color:slategray;color:white;border-color:slategray;}
.btn_style.btn_update{background-color:seagreen;color:white;border-color:#0072b9;}

.table_list .btn_style{padding:0px 8px;}
.btnGroup a.btn_style, 
.btnGroup button.btn_style{padding:0px 25px;height:40px;}

button i, a i{margin-right:3px;}

.gs_title{margin-bottom:7px;font-size:17px;font-weight:bold;}
.submitCon{padding:20px 0px;display:flex;align-items:center;justify-content:center;}
.submitCon a , 
.submitCon button{ margin:0px 3px;padding: 0px 30px; height: 40px; border: 1px solid #aaa; font-size: 13px;}
.submitCon a{display:inline-flex;align-items:center;background-color:white;}

.errorCon{padding:100px 0px 40px 0px;width:100%;max-width:1280px;margin:0px auto;text-align:center;}
.errorCon .errorTitle{margin-bottom:30px;font-size:40px;font-weight:700;font-family:'Noto Sans KR'}
.errorCon .errorMsg{font-size:17px;}

.pg_group{padding:0px 0px 20px 0px;display:flex;align-items:center;justify-content:center;}
.pg_group .pg_page{margin:0px 2px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-size;13px;border:1px solid #aaa;}
.pg_group .pg_page:hover{background-color:cadetblue;color:white;border-color:cadetblue;opacity:0.6}
.pg_group .pg_page.pg_current{background-color:darkcyan;color:white;border:1px solid darkcyan;}

.oneLineCut{overflow:hidden;white-space: nowrap; text-overflow: ellipsis;}
.secondLineCut{width:100%;height:50px;line-height:25px;overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.threeLineCut{width:100%;overflow: hidden;height:75px;line-height:25px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}


/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}


/**/
/*password lost*/
.passwordCon{width:100%;max-width:320px;padding:0px 20px;margin:80px auto;}
.password_lost{width:100%;text-align:center;}
.password_lost .pw_logo{margin-bottom:15px;font-size:20px;font-weight:800;color:black; text-align:center;font-family:'Noto Sans KR'}
.password_lost .pw_text{margin-bottom:20px;font-size:15px;}
.password_lost .formInput{margin-bottom:10px;}
.password_lost .formInput input[type='text'],
.password_lost .formInput input[type='password']
{width:100%;height:40px;border:1px solid #aaa;}
.password_lost .pwSubmit{width:100%;}
.password_lost .pwSubmit button{width:100%;height:50px;background-color:#0072b9;border:1px solid #0072b9;color:white;font-size:14px;}

.password_lost .formInput .reg_input li{margin-bottom:5px;text-align:left;}
.password_lost .formInput .reg_input li .head{margin-bottom:5px;font-size:15px;}
.password_lost .formInput .reg_input li .msg{margin-top:5px 0px 10px 0px;height:20px;font-size:13px;color:red;}
.password_lost .formInput .reg_input li .msg.blue{color:blue;}

/*main layout*/
.pCont > div.stCont{width:100%;max-width:1080px;margin:0px auto;display:flex;align-items: stretch;}
.stCont .stLeft{padding:10px 0px;width:250px;font-family:'Noto Sans KR';}
.stCont .stRight{padding:10px 20px 10px 50px;width:calc(100% - 250px);}

.stLeft .mb_info{margin-bottom:30px;display:flex;align-items:center;}
.stLeft .mb_info .mb_icon{margin-right:15px;width:100px;height:100px;border-radius:50%;background:url("/image/icon/mb_icon0.png") no-repeat center center;background-size:70%;border:1px solid #aaa;}
.stLeft .mb_info .mb_icon.teacher_icon{background-image:url("/image/icon/teacher_icon.png");}


.stLeft .mb_info .mb_icon.mb_icon1{background-image:url("/image/icon/mb_icon1.png");}
.stLeft .mb_info .mb_profile{width:calc(100% -  115px);font-size:15px;font-weight:500;color:#444444;}
.stLeft .mb_info .mb_profile .name{margin-bottom:3px;font-size:20px;font-weight:bold;color:black;}
.stLeft .mb_menu ul{border-top:1px solid #ccc;}
.stLeft .mb_menu ul li{border-bottom:1px solid #ccc;}
.stLeft .mb_menu ul li a{padding:17px 15px;font-size:15px;}
.stLeft .mb_menu ul li.active a{font-weight:500;color:#0072b9}

/*register*/
.stRight .mTitle{display:inline-block;padding-bottom:5px;font-size:20px;margin-bottom:20px;font-weight:bold;font-family:'Noto Sans KR';border-bottom:3px solid #333;}
.stRight .reg_input{width:100%;}
.stRight .reg_input li{display:flex;align-items:center;border-bottom:1px solid #ccc;}
.stRight .reg_input li > div{padding-left:15px;height:50px;display:flex;align-items:center;}
.stRight .reg_input li > div.head{width:150px;background-color:#eee;}
.stRight .reg_input li > div.input{width:calc(100% - 150px);}
.stRight .reg_input input{width:100%;max-width:200px;}
.stRight .reg_input input.readonly{background-color:#eee;}
.stRight .reg_confirm{padding:20px 0px;display:flex;justify-content:center;}
.stRight .reg_confirm button{width:150px;height:45px;background-color:#0072b9;border:#0072b9;color:white;}

.program {width:100%;max-width:780px;margin:20px auto;font-family:'Noto Sans KR';}
.program .pitem{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:40px;}
.program .pitem .image{width:150px;margin-right:20px;}
.program .pitem .image .icon{width:150px;height:150px;border-radius:50%;border:3px solid green;background:no-repeat center center;background-size:70%;}
.program .pitem .image .icon.group{border-color:orangered;}
.program .pitem .name{display:none;}
.program .pitem .plist{width:calc(100% - 170px);font-size:18px;}
.program .pitem .plist li{padding:5px 0px;display:flex;align-items:center;}
.program .pitem .plist li .head{width:100px;}
.program .pitem .name2{margin:15px 0px;width:150px;margin-right:20px;text-align:center;font-size:18px;font-weight:bold;}
.stCont button{display:inline-block;height:35px;border:1px solid #aaa;padding:0px 10px;}

/*history*/
.searchCon{margin-bottom:20px;}
.hsChart{width:100%;}

.hs_list{width:100%;font-size:14px;font-family:'Noto Sans KR';}
.hs_list li{display:flex;align-items:flex-end;flex-direction:row-reverse;margin-bottom:30px;}
.hs_list li{margin-bottom:30px;}
.hs_list li .hs_chart{width:calc(60% - 30px);}
.hs_list li .hs_info{width:40%;margin-right:30px;}
.hs_info .date{margin-bottom:20px;}
.hs_info .date span{display:inline-flex;align-items:center;height:28px;padding:0px 15px;border-radius:13px;background-color:#0072b9;color:white;font-family:'Poppins'}
.hs_info table{margin-bottom:5px;width:100%;font-family:'Noto Sans KR';}
.hs_info table td{padding:8px 10px;border-bottom:1px solid #ccc;font-size:15px;font-weight:500;}
.hs_info table td.head{width:55%;}


/*page css*/
.pageCon{width:100%;margin-bottom:50px;}
.pageCon .pg_wrap{width:100%;display:flex;align-items:center;justify-content:center;}

.pg_wrap .pg{display:flex;align-items:center;justify-content:center;}
.pg_wrap a , .pg_wrap strong{display:flex;align-items:center;justify-content:center;margin:20px 2px 30px;width:35px;height:35px;border:1px solid #aaa;color:#333;background-color:white;}

.page_list{padding:25px 0px 60px 0px;}
.pg_wrap strong {background-color: #333;color:white;}
.pg_wrap a, .pg_wrap strong{font-size:15px;font-family:'Nanum Myeongjo';}

.pg_wrap .font-simbol{font-family:'Nanum Myeongjo';}


.rankNav{margin-bottom:20px;width:100%;display:flex;align-items:center;justify-content:space-between;}
.rankNav li{width:calc(33.33% - 10px);}
.rankNav li a{width:100%;display:inline-flex;align-items:center;justify-content:center;height:45px;font-size:16px;border:1px solid #aaa;text-align:center;}
.rankNav li.active a{background-color:#0072b9;color:white;}

.rankCon{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}
.rankCon > li{margin-bottom:40px;width:calc(50% - 10px);}
.rankCon .rankTitle{margin-bottom:15px;}
.rankCon .rankTitle span{padding:0px 15px;display:inline-flex;align-items:center;height:26px;border-radius:13px; background-color:#0072b9;color:white;font-weight:bold;}
.rankCon .rankTitle.rankTitle2 span{background-color:sienna;color:white;}

.rank_table{font-family:'Noto Sans KR';}
.rank_table td{padding:10px 5px;border-bottom:1px solid #ccc;font-size:16px;text-align:center;font-weight:500;}
.rank_table tr.head td{font-weight:bold;}

.rank_table tr.text td.no{width:40px;}
.rank_table tr.text td.name{width:90px;}
.rank_table tr.text td.score{width:100px;}
.rank_table tr.text td.school{text-align:left;}

.rank_table tr.text td.school2{}
.rank_table tr.text td.score2{width:120px;}
.rank_table tr.text td.date{width:75px;}


/*index css*/
.mainCon{margin-bottom:40px;display:flex;justify-content:space-between;}
.mainCon > div{width:calc(50% - 15px);}
.indexTitle{margin-bottom:10px;font-size:20px;font-weight:bold;}
.mNews{width:100%}
.mNews ul{width:100%;}
.mNews ul li{padding:10px 0px;display:flex;align-items:Center;border-bottom:1px solid #ccc;font-size:14px;}
.mNews ul li div.subject{width:calc(100% - 80px); white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.mNews ul li div.date{width:80px;text-align:center;}

#realOp {width:100%;font-size:14px;}
#realOp > ul{width:100%;}
.mReal{}
.opData{width:100%;display:flex;align-items:center;border-bottom:1px solid #ccc;}
.opData > div{padding:10px 3px;}
.opData.head > div{font-weight:bold;}
.opData > div.school{width:24%;}
.opData > div.name{width:20%;}
.opData > div.speed{width:18%;}
.opData > div.distance{width:15%;}
.opData > div.time{width:18%;}
.opData > div.set{width:10%;}

.text-total td{font-size:15px;font-weight:bold;}

.boSearch button[type='submit']{height:40px;}


@media (max-width: 960px) {
	.topMenu #navbarText{padding-top:20px;}
}