@charset "utf-8";
/* CSS Document */
html, body{ height:100%; }
body {font-family: 'NanumGothic-Regular','맑은 고딕', 'arial','sans-serif';background:#ddd;overflow-x: hidden;}
#header{ width: 100%; height: 110px; padding: 0 0px; border-bottom: 1px solid #ddd; }
#container{ width:1200px;margin:0 auto; min-height: 750px;}
#container:after{display:block;clear:both;content:'';}
#content{min-height: 448px;height: auto;}
#wrap{border:1px solid #ddd;background:#fff; }
#header,#container{ }
#content{background:#fff;text-align:center}
/* #content{padding:0px 0px 10px 0px;} */
/*header LAYOUT*/
.inner{width:1200px;margin:0 auto; position: relative;}
.logo{float: left;padding-top:5px;box-sizing: border-box;position: relative;width:350px;}
.logo .main_logo{ width: 150px; height: auto; margin-top: 18px; }
.logo a span{position: absolute;left:50%;top:50%;margin-left: -100px;margin-top: -7px;font-size:20px;font-weight: bold;color:#171717;}
.Left_menu{float: right;}
.Right_menu{float: right;}
.Topmenu{padding-top:34px; }
.Left_menu ul li{display: inline-block;margin-right:6px;}
.Left_menu ul li a{font-size:16px;color:#222;font-family: 'NanumGothic-Bold';}
.Left_menu ul li.end{margin-right:0;}
/*.Left_menu ul li.end a{background:#2e5794;color: #fff;font-size: 16px;}*/
/*
.Left_menu ul li.menu_H{margin-right:10px;}
.Left_menu ul li.menu_M{margin-right:2px;}
.Left_menu ul li.menu_L{margin-left:2px;}
.Right_menu ul li{margin-right:30px;}
*/
/*.Left_menu ul li a, .Right_menu ul li a{padding:5px 10px;font-size:16px;color:#222;font-family: 'NanumGothic-Bold';}
.Right_menu ul li a{color:#0085db;font-family: 'NanumGothic-Bold'; }
.Left_menu ul li a:hover{padding:5px 10px;background:#dcdcdc;color:#222;font-family: 'NanumGothic-Bold';}
.Right_menu ul li a:hover{padding:5px 10px;background:#0085db;color:#fff;font-family: 'NanumGothic-Bold'; }*/
/*테이블 검색 Line */
.cont_Base{padding: 20px 0; }
.Base_line{float: left; padding-left:12px; box-sizing:border-box;}
/*
.Blabel{font-size:14px;color: #222;}
*/
.Blabel{font-size:14px;color: #000; padding-left:10px; padding-right:10px; text-align:right; font-weight: bold; }
.Base_line .select{padding:5px;font-size:14px; }
.Base_line .selectW100{width:100px;}
.Base_line .selectW140{width:140px;}
.Base_line .selectW150{width:150px;}
.Base_line .selectW160{width:160px;}
.Base_line .selectW170{width:170px;}
.Base_line .selectW180{width:180px;}
.Base_line .selectW200{width:200px;}
.Btn_line{margin-left:5px;}
.officer_line{ width: 100%; text-align: left; }
/*헤더버튼 버튼*/
.Btn_box{text-align:center;margin-top:10px;padding:10px 0;}
a.Topmenu_Btn{display: block;padding:7px 10px;box-sizing: border-box;font-size:14px;color:#fff;border:1px solid #ddd;background:#222;}
a.Topmenu_Btn:hover{padding:7px 10px;background:#666;color:#fff; }
/*콘텐츠 버튼 적용 Nomaal*/
/*
a.inline_btn{display: block !important;line-height:28px !important;font-size:14px !important;color:#fff !important;border:1px solid #ddd;background:#4285f4 !important;margin-right: 0px !important;}
*/
a.app_print_btn{display: block !important;line-height:35px !important;font-size:16px !important;color:#fff !important;/*border:1px solid #ddd;*/background:#4285f4 !important;margin-right: 0px !important; font-weight:bold;height: 35px;}
a span.printicon{background:url('../img/print.png') no-repeat;width:18px;height:20px;position: absolute;left:55px;top:8px; }
a span.txt{position: absolute;left:80px;top:0px;}
a.inline_btn{display: block !important;line-height:28px !important;font-size:14px !important;color:#fff !important;border:1px solid #ddd;background:#4285f4 !important;margin-right: 0px !important;}
a.inline_btn2{display: block !important;line-height:28px !important;font-size:14px !important;color:#fff !important;border:1px solid #ddd;background:#800000 !important;margin-right: 0px !important;}
a.inline_btn3{display: block !important;line-height:28px !important;font-size:14px !important;color:#fff !important;border:1px solid #d2d2d2;background:rgb(82, 76, 79) !important;margin-right: 0px !important;}
a.inline_btn4{display: block !important;line-height:28px !important;font-size:14px !important;color:rgb(14, 12, 12) !important;border:1px solid #0c0c0c;background:rgb(255, 255, 255) !important;margin-right: 0px !important;}
a.inline_btn5{display: block !important;line-height:28px !important;font-size:14px !important;color:#fff !important;background:#195c95 !important;margin-right: 0px !important;padding:0 10px !important;border:1px solid #195c95;border-radius: 3px;}
a.outline_btn{display: block !important;line-height:28px !important;font-size:14px !important;border:1px solid #195c95;background:#195c95;color:#fff !important;margin-right: 0px !important;border-radius: 3px;text-align: center;}
a.outline_btn1{display: block !important;line-height:28px !important;font-size:14px !important;border:1px solid #195c95;margin-right: 0px !important;border-radius: 3px;color:#195c95 !important;text-align: center;padding:0 10px !important;}
a.outline_btn2{display: block !important;line-height:28px !important;font-size:14px !important;border:1px solid #195c95;margin-right: 0px !important;border-radius: 3px;color:#195c95 !important;text-align: center;padding:0 10px !important;}
a.outline_btn3{display: block !important;line-height:28px !important;font-size:14px !important;border:1px solid #195c95;background:#195c95;margin-right: 0px !important;border-radius: 3px;color:#fff !important;text-align: center;padding:0 10px !important;}
a.outline_btn4{display: block !important;line-height:28px !important;font-size:14px !important;border:1px solid #f30;background:#f30;margin-right: 0px !important;border-radius: 3px;color:#fff !important;text-align: center;padding:0 10px !important;}
/*width*/
.wid_10{width:10px !important;}
.wid_20{width:20px !important;}
.wid_30{width:30px !important;}
.wid_40{width:40px !important;}
.wid_50{width:50px !important;}
.wid_60{width:60px !important;}
.wid_70{width:70px !important;}
.wid_80{width:80px !important;}
.wid_90{width:90px !important;}
.wid_100{width:100px !important;}
.wid_110{width:110px !important;}
.wid_120{width:120px !important;}
.wid_130{width:130px !important;}
.wid_140{width:140px !important;}
.wid_150{width:150px !important;}
.wid_full{ width:100% !important; box-sizing:border-box; }
/*테이블 인라인 버튼*/
td a.tdbtn{display: inline-block !important;text-align: center;line-height:28px !important;font-size:14px !important;color:#fff !important;margin-right: 0px !important;border-radius:3px !important; }
td a.bg_blue{background: #227bc7 !important;}
td a.bg_red{background:#f30 !important;}
a.Btn_srch{border:1px solid #f20;color:#f20;background:#f7f7f7;font-family: 'NanumGothic-Bold';}
a.Btn_srch:hover{background:#0085db;border:1px solid #0085db;color:#fff;font-family: 'NanumGothic-Bold'; }
a.Popmenu_Btn{padding:7px 50px;box-sizing: border-box;font-size:14px;color:#fff;border:1px solid #ddd;background:#222;}
input.Popmenu_Btn{display:none; padding:6px 50px;box-sizing: border-box;font-size:14px;color:#fff;border:1px solid #ddd;background:#222; cursor:pointer;}
a.Popmenu_Btn:hover
input.Popmenu_Btn:hover{padding:7px 50px;background:#666;color:#fff; }
a.Btn_blue,
input.Btn_blue{background:#0085db;color:#fff;}
a.Btn_blue:hover,
input.Btn_blue:hover{background:#666;color:#fff;}
a.Btn_gray{background:#808080;color:#fff;}
a.Btn_gray:hover{background: #000;color:#fff;}
a.Btn_sky{background:#00b6d7;color:#fff;}
a.Btn_sky:hover{background: #666;color:#fff;}
.Wbtn a.Popmenu_Btn{display: block;width:100%;padding:12px 0;font-size:16px; }
/*테이블*/
/*.cont_Table{margin-top:10px;}*/
.scroll_Table,.blank_Table{margin-top:10px;overflow-y: auto;}
/* .scroll_Table .w200 {height: 200px;min-height: 200px;} */
table.board_list{border:1px solid #ddd;width:100%;border-top:2px solid #000;}
table.board_list .bk_1{background:#fff;}
table.board_list .bk_2{background:#efefef; }
table.board_list tr:hover{background:#bee6ff;cursor: pointer;}
table.board_list th,table.board_list td {border:1px solid #ddd;padding:8px;text-align: center;}
table.board_list th{background:#083c5a;/*0085db*/color:#fff;font-size:14px;font-family: 'NanumGothic-Bold'; }
table.board_list td{font-size:13px;color:#000;}
table.board_list tr.active{ background-color: #bee6ff;}
.blank_Table table.board_list tbody tr{}
.blank_Table table.board_list tbody tr:hover{background:none !important; }
.blank_Table table.board_list td{position: relative;}
.blank_Table table.board_list td div.blank_text{text-align: center;}
.blank_Table table.board_list td div.blank_text p{line-height:550px;font-size: 14px;}
/*팝업 공통*/
.layer,
.layer1,
.layer2,
.layer3,
.layer4 ,
.layer5 ,
.layer6 ,
.layer7 ,
.layer8,
.playerList,
.staff_info,
.under_list,
.parent_cert,
.parent_cert2,
.join_layer,
.detailClassLayer,
.findIdPw_I,
.findIdPw_T,
.foundInfo_layer {display:none; position:fixed;_position:absolute; top:0; left:0; width:100%; height:100%; z-index:555;}
.layer .bg,
.layer1 .bg,
.layer2 .bg,
.layer3 .bg,
.layer4 .bg,
.layer5 .bg,
.layer6 .bg,
.layer7 .bg,
.layer8 .bg,
.playerList .bg,
.staff_info .bg,
.under_list .bg,
.parent_cert .bg,
.parent_cert2 .bg,
.join_layer .bg,
.detailClassLayer .bg,
.findIdPw_I .bg,
.findIdPw_T .bg,
.foundInfo_layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=50);}
.layer .pop_layer,
.layer1 .pop_layer,
.layer2 .pop_layer,
.layer3 .pop_layer,
.layer4 .pop_layer,
.layer5 .pop_layer,
.layer6 .pop_layer,
.layer7 .pop_layer,
.layer8 .pop_layer,
.playerList .pop_layer,
.staff_info .pop_layer,
.under_list .pop_layer,
.parent_cert .pop_layer,
.parent_cert2 .pop_layer,
.join_layer .pop_layer,
.detailClassLayer .pop_layer,
.findIdPw_I .pop_layer,
.findIdPw_T .pop_layer,
.foundInfo_layer .pop_layer{display:block;}
/* layer_open2 함수 사용시 사용. */
.layer9 {display:none; position:fixed;_position:absolute; top:0; left:0; width:100%; height:100%; z-index:555;}
.layer9 .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=50);}
.layer9 .pop_layer{display:block;}
.pop_layer {display:none; position: absolute; top: 50%; left: 50%; width: 900px; height:auto; background-color:#fff; z-index: 10;}
.pop_layer .pop_container {overflow:hidden;}
.pop_header{height:46px;background:#295e80;position: relative;}
.pop_header h1{padding-left:10px;box-sizing: border-box;line-height:46px;font-size:20px;color:#fff;font-weight: 400;}
.pop_header a.closeBtn{position: absolute;right: 7px;top:7px;}
.pop_conts{padding:20px;}
/*대회정보조회 박스*/
.L_check_box{float: left;}
.R_check_box{float: left;margin-left: 20px;}
.line_box{margin-bottom:5px;}
.line_box .tname{float: left;}
.line_box .tinput{float: left;}
.line_box .tname0{margin-left:5px;}
.tbullet{border:0 !important;}
.line_box div{float: left;height:32px;line-height:30px;padding:0px 5px;box-sizing: border-box;border:1px solid #ddd; }
.line_box div.tRline{border-left:0;}
.line_box div.t0line{border:0;}
.line_box div.tname,.line_box div.tname0{width:120px;text-align: center;font-size:13px;background:#f5f5f5; }
.line_box div.tname0{margin-left:10px; }
.line_box div.tinput{width:100px;padding-left:10px;padding-right:10px;}
.line_box div.tMput{width:330px;padding-left:10px;padding-right:10px;}
.line_box div.boxline{width:70px;}
.line_box div.boxline1{width:330px;}
.line_box div.boxline input{position: relative;top:2px;}
.line_box div.boxline label.chekname{font-size:13px;color:#000;}
.line_box div.tinput_bg{background:#efefef;}
.line_box div.tinput input,.line_box div.tMput input{width:99%;border:0;outline: none;font-size:12px;box-sizing: border-box;background:#efefef;}
.line_box div.tinput input.tbg,.line_box div.tMput input.tbg{background:#fff;}
/*로그인 대한탁구협회*/
.w_layer{width:840px;}
.R_m20{float:right;}
.L_Padding{padding-right:30px;height:460px;border-right:1px solid #ddd;}
.text_box{margin-top:10px;}
.text_box p{font-size:16px;font-family: 'NanumGothic-Bold';color:#0085db; }
.check_Box div.radio_box{margin-top:14px;}
.radio_txt{margin-left:24px;}
.radio_txt p{line-height:32px;tfont-size:14px;color:#0085db;}
.id_pwFind_Box .text_box p { font-size: 14px; font-family: 'NanumGothic-Bold'; color: #db0000; line-height: 22px; }
.input_box{padding:10px 0 10px;border-bottom: 1px solid #ddd;}
.input_pw_box {padding-top:20px;}
.input_title{width:500px;margin:0 auto;}
.input_title p{float:left;font-size:14px;font-family: 'NanumGothic-Bold';color:#222;}
.input_title p span{color:red;position: relative;left:5px;font-size:12px; }
.input_title p.info{float:right;font-size:14px;}
.input_pw{padding-top:10px;width:500px;margin:0 auto;}
.input_pw input{width:99%;height:36px;border:1px solid #ddd;background:#fff;text-indent:10px;font-size:14px;}
/*아이디/비밀번호찾기*/
.w_layer1{width:500px;}
.w_layer550{width:550px;}
.w_layer600{width:600px;}
.w_layer700{width:700px;}
.w_layer800{width:800px;}
.w_layer900{width:900px;}
.w_layer1000{width:1000px;}
.w_layer1200{width:1200px;}
.Left_box{float:left;}
.Right_box{float:left;position: relative;text-align: center;}
.renewal_box{position: relative;text-align: center;}
a.id_pwBtn{position: absolute;left:5px;top:0;width:112px;line-height:55px;border:0;background:#0085db;padding:7px 10px;color: #fff;}
a.id_pwBtn:hover{background:#666}
a.newid_pwBtn{position: relative;left:5px;top:0;font-size:12px;width:100px;line-height:20px;border:0;background:#0085db;padding:7px 10px;color: #fff;display:block;margin-right:5px;}
a.newid_pwBtn:hover{background:#666}
.cont_Table1 table th{text-align: center;}
.cont_Table200{height: 200px;min-height: 200px;}
.cont_Table200 table th{text-align: center;}
.cont_Table300{height: 300px;min-height: 300px;}
.cont_Table300 table th{text-align: center;}
.IP_table .title{padding-top:10px;}
.IP_table .title h3{font-size:16px; font-weight:bold; margin-bottom:15px; line-height:150%;}
.IP_table .title p{float:left;display: block;padding-top:7px;font-size:14px;font-family: 'NanumGothic-Bold'; }
.IP_table .title a{display: block;float:right;}
.idpw_box{border-bottom:1px solid #ddd;padding-bottom:20px;}
.idpw_box p{font-size: 14px;font-family: 'NanumGothic-Regular';line-height:22px;}
.idpw_box p span{color: #f20;}
.blank_text{text-align: center;}
/*개인정보처리방침*/
.join_box {padding-bottom:15px;}
.join_box p.title{color: #222;font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.join_box div.txtarea { width: 100%;padding: 10px;box-sizing: border-box;border: 1px solid #ddd;font-size: 14px;color: #222;line-height: 24px;height: 560px;overflow-y: scroll; }
/* .apply_box{padding:10px 5px 0 0px;} */
/*좌측 lnb*/
/*
.lnb_menu{float: left;width:199px;margin-top: 10px;padding-left:5px;height:auto;}
*/
/* .lnb_menu{float: left;width:249px;margin-top: 10px;padding-left:5px;height:auto;} */
/*20200802 jo*/
.lnb_menu{float: left;width:250px;height:auto; }
/* .menu_box{margin-bottom: 10px;} */
/*
.menu_box ul{width:188px;border:1px solid #195c95;}
*/
/* .menu_box ul{width:238px;border:1px solid #cdcdcd;} */
.menu_box ul li{height:38px;}
.menu_box ul li.title{background:#345165;color:#fff;font-size: 16px;font-family: 'NanumGothic-Bold';height: 32px;line-height: 35px;}
.menu_box ul li{background:#e8e8e8;}
.menu_box ul li.title{border-top:0;}
.menu_box ul li{line-height:38px;}
/*
.menu_box ul li a{display: block;width:188px;line-height:38px;font-family: 'NanumGothic-Bold';font-size:14px;color:#767676;}
*/
.menu_box ul li a{display: block;width:100%;line-height:38px;font-family: 'NanumGothic-Bold';font-size:14px;color:#767676;}
.menu_box1{margin-bottom: 20px;}
/*
.menu_box1 ul{width:188px;border:1px solid #f5f5f5;}
*/
.menu_box1 ul{width:238px;border:1px solid #cdcdcd;}
.menu_box1 ul li{height:38px;}
.menu_box1 ul li.title{background:#cbcdce;color:rgb(24, 23, 23);}
.menu_box1 ul li{background:#f6f6f6;border-top: 1px solid #ddd;}
.menu_box1 ul li.title{border-top:0;}
.menu_box1 ul li{line-height:38px;}
.menu_box1 ul li a{display: block;width:188px;line-height:38px;font-family: 'NanumGothic-Bold';font-size:14px;color:#767676;}
/*배너 박스*/
.banner_box{width:100%;background:#fff;border:1px solid #ddd;padding:10px;box-sizing:border-box;}
.inner_banner li.title{margin-bottom:14px;font-size:14px;font-family: 'NanumGothic-Bold';color:#fff;padding-bottom: 10px;border-bottom: 1px solid #ddd;background:#345165;padding:10px;line-height:16px; }
.inner_banner li.tel_info{position:relative;height: 30px;}
/*전화번호 11자리*/
.inner_banner li.tel_info span.info1{position:absolute;left:2px;top:-5px;}
.inner_banner li.tel_info span.info2{display:block;padding:4px 0 0 30px;font-size:16px;font-family: 'NanumGothic-Bold';}
/*전화번호 9자리*/
.inner_banner li.tel_info span.info3{position:absolute;left:7px;top:-5px;}
.inner_banner li.tel_info span.info4{display:block;padding:5px 0 0 33px;font-size:16px;font-family: 'NanumGothic-Bold';}
a.banner_box2{ display: block; width: 100%; height: 40px; border: 1px solid #345165; font-size: 16px; font-family: 'NanumGothic-Bold'; position: relative; line-height: 40px; text-indent: 30px; color: #fff; background: #345165; box-sizing: border-box; }
a.banner_box2 span.sp_img{position: absolute;left:8px;top:6px;}
.type1:hover,.type1:active{background:#ddd;color:#fff;}
.type1.active>a{line-height:38px;background:#66666647;color:#fff;cursor: pointer;}
/*
.O_left{float: right;margin-right: 5px;}
*/
.O_left{float: left;margin-left: 63px;}
/*ul.officer li.officer_select{padding-top: 5px;}*/
ul.officer li.select_line{height:38px;border-top:0;padding-top: 0;margin-top:0;}
/*
.lnb_menu .btn_box{width:190px;margin-bottom: 20px;}
*/
.lnb_menu .btn_box{margin-bottom: 20px;position:relative; /*padding-top:5px; padding-bottom:5px;*/}
.lnb_menu .btn_box2{margin-bottom: 10px; margin-top: 3px; }
.notice_line{height: auto;}
ul.inner{padding: 5px;width: 163px;list-style: circle;border:0;padding-left: 22px;font-size: 14px;}
ul.inner li{height: auto;line-height: 20px;border-top: 0;margin-bottom:5px;text-align: left;}
ul.info_tel {padding-left: 0;}
ul.info_tel li{list-style: none !important;text-align: center;border-top:0 !important;background:#fff !important }
.menu_box ul li.bg1{background:#efefef;border-top:0;color:#333;font-family: 'NanumGothic-Bold'; }
.menu_box ul li.notice_line1{background:#fff !important; }
/* border:1px solid #ddd; */
/*
.apply_cont{float: left;width:978px;margin-top:10px;height: auto;}
*/
/* .apply_cont{float: left;width:918px;margin-top:10px; margin-left:10px; height: auto;} */
.apply_cont{float: left;width:930px;height: auto;padding-left: 20px;}
.head_title{float: left;}
.applyHead_inner .check_base{float:right}
.apply_header{/*width:950px;*/width:100%;margin:0 auto;border-bottom:1px solid #ddd;padding-bottom:10px; }
.applyHead_inner .head_title div.Title{/*width:950px;*/width:100%;font-size:36px;font-family: 'NanumGothic-Bold';padding:10px;text-align: left;word-break:break-all;}
.applyHead_inner .head_title div.Date{font-size: 16px;font-family: 'NanumGothic-Bold';padding-left:10px;text-align: left;word-break:break-all;}
/*
.blank_Box .blank{display: table;width:600px;height:300px;padding:10px;box-sizing: border-box;margin:120px auto;border:1px solid #195c95;word-wrap: break-word;position: relative;background: #f7f7f7;}
*/
.blank_Box .blank{display: table;width:100%;height:300px;padding:10px;box-sizing: border-box;margin-top:-10px;border:1px solid #acacac;word-wrap: break-word;position: relative;background: #f7f7f7;}
/*
.blank_Box .blank .blank_txt_box{display: table-cell;vertical-align: middle;}
*/
.blank_Box .blank .blank_txt_box{display: table-cell;vertical-align: middle;height:100px;}
.blank_Box .blank .blank_txt_box p{line-height: 24px;font-size:16px;font-family: 'NanumGothic-Bold';color:#767676;}
.blank_Box .blank .blank_txt_box h3{line-height: 35px;font-size:18px;font-family: 'NanumGothic-Bold';color:#767676;}
/* .card_Box,.List_Box,.blank_Box{height:auto;width:950px; width:918px; background:#fff;margin:10px auto; min-height: 575px; box-sizing: border-box;} */
/* EDIT BY SCCHOI - 2020.09.22 */
.card_Box,.List_Box,.blank_Box{height:auto; width:100%; background:#fff;margin:10px auto; min-height: 550px; box-sizing: border-box;}
.List_Box{display: none;min-height:748px;}
/*카드 리스트*/
.ListBase a{display: block; float: right; /*width:100px;*/width:80px; height:30px;text-align: center;line-height:30px; background:#ddd;color: #333;border-radius: 3px; border:0px; font-size:13px;font-family: 'NanumGothic-Bold';margin-right:10px;}
.ListBase a.CardBtn{margin-right:10px;}
.ListBase a.ListBtn{margin-left:20px;}
.ListBase a.CardBtn.active,
.ListBase a.ListBtn.active
{background:#00a5e4;color:#fff;}
.L_R{float: right;}
/*메인버튼 JHCHUNG*/
.MainBtnGroup a{display: block; float: left; /*width:100px;*/width:80px; height:30px;text-align: center;line-height:30px; background:#ddd;color: #333;border-radius: 3px; border:0px; font-size:13px;font-family: 'NanumGothic-Bold';margin-left:15px;}
.MainBtnGroup a.cyanBtn{background:#00a5e4;color:#fff;}
.MainBtnGroup a.redBtn{background:#CD5C5C;color:#fff;}
.MainBtnGroup a.pupleBtn{background:#a569bd;color:#fff;}
.L_R{float: left;}
/* Card UI*/
.CT_container {margin-top:10px;padding:10px 0 0 0;border-top:1px solid #ddd; }
.CT_container div.item{float:left; /*width:180px;*/width:173px; height:auto;margin-bottom:10px;-webkit-align-items: center;-ms-flex-align:center;align-items: center;margin-left: 10px;border:1px solid #ddd;}
/*Card barbg*/
.CT_container .Card_bg{background:#fff;}
.CTList{margin-top: 20px;/*border-bottom: 1px solid #ddd;*/}
.headbox .tit{float:left;font-size:26px;font-family: 'NanumGothic-Bold'; }
/*Card item 레이아웃*/
.CT_container .blank_Card {/*width:948px;*/width:918px;height:96px;border:0px 0px 0px 1px solid #ddd;}
.CT_container .blank_Card p{line-height: 96px;text-align: center;font-size: 16px;font-family: 'NanumGothic-Bold';}
/*card item 레이아웃*/
.CT_container .item div.hd_colorA{display:block;height:28px;background:#4285f4;position: relative;}
.CT_container .item div.hd_colorA span img{position: absolute;;left:10px;top:2px;width:24px;height: 24px;}
.CT_container .item div.hd_colorA span.cardname{text-align: center;line-height:28px;font-size:14px;color:#fff;font-family: 'NanumGothic-Bold';}
.CT_container .item div.hd_colorA a img{position: absolute;;right:4px;top:2px;width:24px;height: 24px;}
.CT_container .item a {font-size:14px;display: block;padding:10px;box-sizing: border-box;}
.CT_container .item a span{display: block !important;width:100%;font-size:14px;line-height:20px;box-sizing: border-box;font-family: 'NanumGothic-Bold';color:#767676; }
.CT_container .item a span.cont1{white-space: nowrap;text-align: left;word-wrap: break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow: hidden;}
.CT_container .item a span.cont2{box-sizing: border-box;text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical;overflow:hidden; }
/*마진 패딩*/
.M_l{margin-left:0 !important;}
.M_R{margin-right:0 !important;}
.mt_0{margin-top:0 !important;}
.mt_10{margin-top:10px !important;}
.mt_20{margin-top:20px !important;}
.mb_0{margin-bottom:0 !important;}
.pt_0{padding-top:0 !important;}
.pt_10{padding-top:10px !important;}
.pt_20{padding-top:20px !important;}
.pt_30{padding-top:30px !important;}
.pb_0{padding-bottom:0 !important;}
.pb_10{padding-bottom:10px !important;}
.pb_20{padding-bottom:20px !important;}
.pb_30{padding-bottom:30px !important;}
.float-left{ float:left !important; }
.float-right{ float:right !important; }
.d_inline_b{ display:inline-block !important; }
/*개인복식 레이아웃*/
.uschool_box{height:90px;}
.uschool{display: block;font-size:15px;line-height:22px;font-family: 'NanumGothic-Bold';text-align: left;}
.CTList_table {margin-top: 10px;}
.CTList_table th{text-align: center !important;padding:10px 0 !important;background:#dae2f5 !important; color: #222 !important;}
.CTList_table td{vertical-align: middle;text-align: center !important;padding:5px 0 !important;}
.table_btn{width:100px;margin: 0 auto;}
.table_btn a{float: left;}
.CTList_table .board_list1 tr:hover{background:none !important; cursor: default !important;}
.CTList_table .blank_taBle{padding:30px 0;}
.CTList_table .blank_taBle p{font-size: 16px;font-family: 'NanumGothic-Bold';color:#767676;}
table.board_list1{border-top: 0 !important;}
.CTList_table .board_list1 tr.bk2 td{background:#efefef !important;}
.footer{ height: 100px; background: #efefef; width: 100%;}
.notice_Box .txt_box p{font-size:16px;font-weight: 400;color:#222;line-height:22px; }
.footer .inner{width:1200px;margin:0 auto;}
.footer .inner .footer_Box1{padding:20px 0;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.footer .inner .footer_Box1 .sports_logo{float:left;margin-left:10px;}
.footer .inner .footer_Box1 .info_txt_Box{float: left;margin-top:4px;margin-left: 20px}
.footer .inner .footer_Box1 .info_txt_Box p{font-size:14px;color:#333;line-height:24px;}
.footer .inner .footer_Box1 .info {float: right;margin-top: 30px;}
.footer .inner .footer_Box1 .info a{text-decoration: underline;font-size: 14px;color:#35A6D9;font-weight: 700;}
.footer .inner .footer_Box2 .info{float:left;margin-top:14px; }
.footer .inner .footer_Box2 .info_logo{float:right;margin-top: 14px;}
.footer .inner .footer_Box2 .info_logo li{text-align: right;margin-top:5px; }
.footer .inner .footer_Box2 .info_logo li.footer_txt{font-size: 14px;font-family: 'NanumGothic-Bold';color:#999999;margin-top:10px; }
.footer .inner .footer_Box2 .info_logo li img.mcst{margin-right:20px;}
.mt-0 {margin-top: 0px;}
.mt-1 {margin-top: 1px;}
.mt-2 {margin-top: 2px;}
.mt-3 {margin-top: 3px;}
.mt-4 {margin-top: 4px;}
.mt-5 {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mb-0 {margin-bottom: 0px;}
.mb-1 {margin-bottom: 1px;}
.mb-2 {margin-bottom: 2px;}
.mb-3 {margin-bottom: 3px;}
.mb-4 {margin-bottom: 4px;}
.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.ml-0 {margin-left: 0px !important;}
.ml-5 {margin-left: 5px;}
.ml-10 {margin-left: 10px;}
.mr-5 {margin-right: 5px;}
.mr-10 {margin-right: 10px;}
.pt-0 {padding-top: 0px;}
.pt-1 {padding-top: 1px;}
.pt-2 {padding-top: 2px;}
.pt-3 {padding-top: 3px;}
.pt-4 {padding-top: 4px;}
.pt-5 {padding-top: 5px;}
.pt-10 {padding-top: 10px;}
.pb-0 {padding-bottom: 0px;}
.pb-1 {padding-bottom: 1px;}
.pb-2 {padding-bottom: 2px;}
.pb-3 {padding-bottom: 3px;}
.pb-4 {padding-bottom: 4px;}
.pb-5 {padding-bottom: 5px;}
.pb-10 {padding-bottom: 10px;}
/* MODAL BOX 2020.05.21 JHCHUNG */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 500; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal-sub {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 510; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content/Box */
.modal-content {
background-color: #fefefe;
margin: 5% auto; /* 15% from the top and centered */
padding: 20px;
/* border: 1px solid #888; */
width: 80%; /* Could be more or less, depending on screen size */
position: relative;
}
/* The Close Button */
.modal-close {
position: absolute;
right: 14px;
top:6px;
color: #aaa;
float: right;
font-size: 24px;
font-weight: bold;
}
.modal-close:hover,
.modal-close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.modal_header{height:36px;background:#195c95;position: relative;}
.modal_header h1{padding-left:5px;box-sizing: border-box;line-height:36px;font-size:16px;color:#fff;font-weight: 400;font-family: 'NanumGothic-Regular';}
.modal_header a.closeBtn{position: absolute;right: 7px;top:7px;}
.modal_messagebox {
background-color: #fefefe;
padding: 10px;
border: 2px solid #888;
width: 95%; /* Could be more or less, depending on screen size */
min-height:120px;
position: relative;
}
.modal_bottom{
height:26px;background:#fff;position: relative;
margin-top:2px;
}
/*JHCUNG 2020.05.21 */
.btn_area{border:1px solid #d4ddd4;background:#f8f8f8;}
.btn_center{text-align: center;padding:10px 0;}
.btn_center li{display: inline-block;margin-left:4px;width:80px;border-radius:3px;}
.btn_center li > a{display: block;text-decoration: none !important;padding:7px;font-size:14px;color:#fff;box-sizing: border-box;}
.btn_center li > a:hover{border-radius: 3px;}
/*버튼 칼라별*/
.btn_center li.col_red{background:#e53935;}
.btn_center li.col_purple{background:#8e24aa;}
.btn_center li.col_deep_purple{background:#5e35b1;}
.btn_center li.col_indigo{background:#3949ab;}
.btn_center li.col_blue{background:#00487c;}
.btn_center li.col_cyan{background:#00acc1;}
.btn_center li.col_teal{background:#00897b;}
.btn_center li.col_green{background:#43a047;}
.btn_center li.col_lime{background:#c0ca33;}
.btn_center li.col_yellow{background:#fdd835;}
.btn_center li.col_orange{background:#fb8c00;}
.btn_center li.col_deep_orange{background:#f4511e;}
.btn_center li.col_grey{background:#757575;}
.btn_center li.col_blue_grey{background:#546e7a;}
.btn_center li.col_black{background:#424242; }
.col_red{background:#e53935 !important;}
.col_purple{background:#8e24aa !important;}
.col_deep_purple{background:#5e35b1 !important;}
.col_indigo{background:#3949ab !important;}
.col_add{background:#4285f4 !important;}
.col_blue{background:#00487c !important;}
.col_cyan{background:#00acc1 !important;}
.col_teal{background:#00897b !important;}
.col_green{background:#43a047 !important;}
.col_lime{background:#c0ca33 !important;}
.col_yellow{background:#fdd835 !important;}
.col_orange{background:#fb8c00 !important;}
.col_deep_orange{background:#f4511e !important;}
.col_grey{background:#757575 !important;}
.col_blue_grey{background:#546e7a !important;}
.col_black{background:#424242 !important; }
/*버튼 칼라별 */
.btn_center li.col_red > a:hover{background:#b71c1c;}
.btn_center li.col_purple > a:hover{background:#4a148c;}
.btn_center li.col_deep_purple > a:hover{background:#311b92;}
.btn_center li.col_indigo > a:hover{background:#1a237e;}
.btn_center li.col_blue > a:hover{background:#003860;}
.btn_center li.col_cyan > a:hover{background:#006064;}
.btn_center li.col_teal > a:hover{background:#004d40;}
.btn_center li.col_green > a:hover{background:#1b5e20;}
.btn_center li.col_lime > a:hover{background:#827717;}
.btn_center li.col_yellow > a:hover{background:#f57f17;}
.btn_center li.col_orange > a:hover{background:#ff6d00;}
.btn_center li.col_deep_orange > a:hover{background:#bf360c;}
.btn_center li.col_grey > a:hover{background:#424242;}
.btn_center li.col_blue_grey > a:hover{background:#263238;}
.btn_center li.col_black > a:hover{background:#0f0f0f; }
/* 타이틀 스타일 */
.tit_area{clear:both;position:relative;z-index:0;/*margin:25px 0 0 0;테이블 h3 마진폭 제거 cho 20170317*/padding:0 0 5px;text-align:center;*zoom:1}
.tit_area:after{display:block;clear:both;content:''}
.tit_area .left{display:inline;float:left}
.tit_area .left ul{display:inline;float:left}
.tit_area .left ul li{display:inline;float:left;padding:0 2px 0 0;list-style:none}
.tit_area li *{vertical-align:top}
.tit_area .right{display:inline;float:right}
.tit_area .right ul li{display:inline;float:left;padding:0 0 0 2px;list-style:none}
.tit_area h4{display:inline-block;height:20px;padding:0 0 0 26px;background:url(../img/adm/bullet_tit.gif) no-repeat 0 0;font-size:13px;font-family:malgun gothic,'맑은고딕';color:#666;}
.tit_area em{font-style:normal;font-weight:bold;color:#5572c6}
/* 2017.03.11 JHCHUNG */
.tit_areainfo{clear:both;position:relative;z-index:0;margin:20px 0 0;padding:0 0 5px;text-align:lefe;*zoom:1}
.tit_areainfo:after{display:block;clear:both;content:''}
.tit_areainfo .left{display:inline;float:left}
.tit_areainfo .left ul{display:inline;float:left}
.tit_areainfo .left ul li{display:inline;float:left;padding:0 0 0 0;list-style:none}
.tit_areainfo li *{vertical-align:top}
.tit_areainfo .right{display:inline;float:right}
.tit_areainfo .right ul li{display:inline;float:left;padding:0 0 0 2px;list-style:none}
.tit_areainfo h3{border-left:3px solid #3498db;padding-left:10px;font-size:14px;font-weight: bold;margin-bottom:4px;}
.tit_areainfo h3.purple{ border-left:3px solid #673ab7 !important; }
.tit_areainfo h4{display:inline-block;height:20px;padding:0 0 0 26px;background:url(../img/adm/bullet_tit.gif) no-repeat 0 0;font-size:13px;font-family:malgun gothic,'맑은고딕';color:#666;}
.tit_areainfo em{font-style:normal;font-weight:bold;color:#5572c6}
.select_box{width:200px;height:23px;padding:1px;border:1px solid #90979f}
.select_box_400{width:400px;height:23px;padding:1px;border:1px solid #90979f}
.select_box_300{width:300px;height:23px;padding:1px;border:1px solid #90979f}
.select_box_150{width:150px;height:23px;padding:1px;border:1px solid #90979f}
.select_box_140{width:140px;height:23px;padding:1px;border:1px solid #90979f}
.select_box_130{width:130px;height:23px;padding:1px;border:1px solid #90979f}
.select_box_120{width:120px;height:23px;padding:1px;border:1px solid #90979f}
.select_box_110{width:110px;height:23px;padding:1px;border:1px solid #90979f}
.select_box_100{width:100px;height:23px;padding:1px;border:1px solid #90979f}
.select_box_90{width:90px;height:23px;padding:1px;border:1px solid #90979f}
.select_box_80{width:80px;height:23px;padding:1px;border:1px solid #90979f}
.select_box_70{width:70px;height:23px;padding:1px;border:1px solid #90979f}
.select_box_60{width:60px;height:23px;padding:1px;border:1px solid #90979f}
.select_box_50{width:50px;height:23px;padding:1px;border:1px solid #90979f}
.select_box_auto{height:23px;padding:1px;border:1px solid #90979f}
/* 게시판 리스트 */
.type_list {clear:both;width:100%;margin:0 auto;border-collapse:collapse;border-top:2px solid #017dc5}
.type_list.purple{ border-top: 2px solid #673ab7 !important; }
.type_list tr th{ vertical-align: middle; padding:7px 5px;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;background:url(../img/adm/bg_th.gif) no-repeat 0 0;color:#363636;text-align:center}
.type_list tr td{padding:7px 5px;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center;vertical-align:middle !important;word-break:break-all}
.type_list tr td.min{padding-top:3px !important;padding-bottom:3px !important;}
.type_list a:hover{text-decoration:underline}
.type_list a.subject{display:block;font-weight:bold}
.type_list b{display:block;font-weight:normal !important;font-size:11px;color:#999}
.type_list_a{clear:both;width:100%;margin:0 auto;border-collapse:collapse;border-top:2px solid #5ec82e;table-layout:fixed}
.type_list_a tr th{padding:8px 3px;border-left:1px solid #cbcbcb;border-right:1px solid #cbcbcb;border-bottom:1px solid #a2a2a2;background:url(../img/adm/bg_th.gif) no-repeat 0 0;color:#363636;text-align:center}
.type_list_a tr td{padding:3px 3px;border-left:1px solid #cbcbcb;border-right:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;text-align:center;vertical-align:middle !important;word-break:break-all}
.type_list_a tr:hover td{background:#f5f5f5}
.type_list_a tr.depth_line td{border-bottom:1px solid #f9f9f9 !important}
.type_list_a a:hover{text-decoration:underline}
.type_list_a a.subject{display:block;font-weight:bold}
.type_list_a b{font-weight:normal !important;font-size:11px;color:#999}
.type_list_a .overflow{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.picimg{height: auto !important;line-height:0 !important; }
.picimg img{width: 100%;background-size: cover;overflow: hidden;}
.MainBtnGroup{margin:10px 0;}
/* Added by SCCHOI at 2020.09.18 */
.disabled{ background: #cccccc !important; border: 1px solid gray; cursor: default; outline:none; }
.cursor{ cursor:pointer !important; }
.text-left{ text-align:left !important; }
.text-center{ text-align:center !important; }
.text-right{ text-align:right !important; }
.required{ color: #1068be !important; }
/* Jqwidget */
.hr{border-color:#d0d0d0;border-width:1px;border-style:inset;margin-top:2px;margin-bottom:10px;}
.cont_jqxwrap{width:100%; margin-top:20px; }
.cont_jqxwrap .search_box{padding:0 0px 5px;box-sizing: border-box;}
.cont_jqxwrap .search_box .table_box{ width: 100%; }
.cont_jqxwrap .search_box .border_base{ margin-top:10px; height:27px; width:100%; clear:both; }
.cont_jqxwrap .search_box .box_left{ float: left; font-size: 15px; color: #101010; font-family: 'NanumGothic-Bold';}
.cont_jqxwrap .search_box .box_left button{ outline:0; display: inline-block;font-size: 12px;font-family: 'NanumGothic-Regular';color:#fff;padding:5px 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 2px; border: none; }
.cont_jqxwrap .search_box .box_left button:disabled{ background: #6e6e6e !important; color: #ffffff !important; }
.cont_jqxwrap .search_box .box_left a {display: inline-block;font-size: 12px;font-family: 'NanumGothic-Regular';color:#fff;padding:7px 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 2px;}
.cont_jqxwrap .search_box .box_left a.Btn_a, .box_left button.Btn_a{background: #1D397A;}
.cont_jqxwrap .search_box .box_left a.Btn_b, .box_left button.Btn_b{background:#3D8FF3;}
.cont_jqxwrap .search_box .box_left a.Btn_c, .box_left button.Btn_c{background: #E80753;}
.cont_jqxwrap .search_box .box_right{ float:right; font-size:14px; }
.cont_jqxwrap .search_box .box_right a{display: inline-block;font-size: 12px;font-family: 'NanumGothic-Regular';color:#fff;padding:7px 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 2px;}
.cont_jqxwrap .search_box .box_right a.Btn_a{background: #1D397A;}
.cont_jqxwrap .search_box .box_right a.Btn_b{background:#3D8FF3;}
.cont_jqxwrap .search_box .box_right a.Btn_c{background: #E80753;}
#jqxWidget .header{ text-align: left; font-family: 'NanumGothic-Bold'; padding: 0 0 10px 0; box-sizing: border-box; }
.staffNmBox{ display: inline-block; width: 140px; font-size: 14px; vertical-align: middle; background-color: #e8e8e8; border: none; border-bottom: 2px solid #345165; padding: 4px; box-sizing: border-box; }
.download_btn{ margin-top: 10px; width: 100%; display: block; height: 40px; line-height: 40px; border-left: 3px solid #345165; color: #345165; font-size: 14px; text-align: left; padding-left: 15px; box-sizing: border-box; background-color: #eaeaea; }
.download_btn:hover{ background-color: #345165; color: white; border-left: 3px solid #172844; }
.download_btn .fas{ font-size:13px; vertical-align: middle; }
.sayu_download_btn{ background: black; color: white; font-size: 14px; padding: 4px 10px; box-sizing: border-box; vertical-align: middle; }
.tab_wrap{
margin-top: 15px;
position: absolute;
bottom: -3px;
}
.tab_wrap ul.tab_menu{
text-align: left;
}
.tab_wrap ul.tab_menu li{
display: inline-block;
margin: 0 1px;
width:160px;
height:30px;
cursor:pointer;
}
.tab_wrap ul.tab_menu .tab_01{
background-image:url('../img/tab/tab_01.png');
}
.tab_wrap ul.tab_menu .tab_01.active{
background-image:url('../img/tab/tab_01_over.png');
}
.tab_wrap ul.tab_menu .tab_02{
background-image:url('../img/tab/tab_02.png');
}
.tab_wrap ul.tab_menu .tab_02.active{
background-image:url('../img/tab/tab_02_over.png');
}
.tab_wrap ul.tab_menu .tab_03{
background-image:url('../img/tab/tab_03.png');
}
.tab_wrap ul.tab_menu .tab_03.active{
background-image:url('../img/tab/tab_03_over.png');
}
.horse_banner{
background-image: url(../img/banner.png);
position: absolute;
right: 0;
bottom: -27px;
display: block;
background-size: 100%;
width: 211px;
height: 27px;
}
/* 로그인 정보 없을경우 */
.big_error_wrap{
width: 800px;
height: 400px;
border: 4px solid #113c81;
margin: 100px auto 0 auto;
}
.big_error_wrap .error_logo{
width:100px;
height: 100px;
margin: 20px auto;
background-image: url('../img/error.png');
background-size: 100%;
background-position: center;
background-repeat : no-repeat;
}
.big_error_wrap .error_msg{
height: 150px;
line-height: 75px;
font-size: 17px;
}
.big_error_wrap .error_msg b{
font-weight: bold;
}
.big_error_wrap .gotoBtn_wrap{
width: 500px;
margin: 30px auto 0 auto;
}
.big_error_wrap .gotoBtn_wrap a{
margin:0 15px;
}