@charset "utf-8";

/* 폰트, color는 디자인가이드에 맞게사용 */
body {/*font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;*/font-family:'notokr',sans-serif;font-size: 14px;color: #626262;} /* 250904 폰트 설정 수정 */
th, 
td, 
input, 
select, 
textarea, 
button {font-size: 12px; color: #4d4d4d;}
h1, 
h2, 
h3, 
h4,
h5,
h6 {/* font-size: 14px;  */color: #4d4d4d;/*font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;*/}/* 250904 폰트 설정 수정 */
input, button, select, textarea {font-family: Arial, Helvetica, 'Apple SD Gothic Neo', '돋움', Dotum, Sans-serif;}



/* hidden */
.hidden {display: block; position: absolute; overflow: hidden; top: -999999px; left: -999999px; width: 1px; height: 1px; font-size: 0; text-indent: -999999px; line-height: 0;}



/* button area */
.btn {display: inline-block; vertical-align: top;}
.btn img {border: 0; vertical-align: middle;}
.btn:hover {text-decoration: none;}


/*
 * 조건부 검색 시 쓰는 버튼
 * 검색 : sch
 * 전체보기 : clear
 */
.content_search_area .btn.sch,
.content_search_area .btn.clear {width: 71px; height: 27px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; font-weight: bold; text-align: center; line-height: 27px; color: #ffffff;}
.content_search_area .btn.sch {background-color: #0060af;}
.content_search_area .btn.clear {background-color: #4d4d4d;}


/* 
 * 목록 : list
 * 저장, 수정, 등록, 추가 : save
 * 취소, 삭제 : cancel
 */
button.btn.save,
button.btn.cancel,
button.btn.etcbtn,
button.btn.prev,
button.btn.next {
	/*min-width: 82px;*/ height: 36px; padding: 0 10px; /*font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;&/ font-size: 14px; font-weight: bold;
	}
a.btn.save,
a.btn.cancel,
a.btn.etcbtn,
a.btn.prev,
a.btn.next {
	/*min-width: 80px; */height: 36px; padding: 0 10px; /*font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;*/ font-size: 14px; font-weight: bold; line-height: 36px;
	}/* 250904 수정 */
button.btn.list {
	/*min-width: 80px; */height: 36px; padding: 0 10px; /*font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;*/ font-size: 14px; font-weight: bold;
	}
a.btn.list {
	/*min-width: 78px; */height: 34px; padding: 0 10px; /*font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif;*/ font-size: 14px; font-weight: bold; line-height: 34px;
	}
	.btn.save {color: #ffffff; text-align: center; background-color: #2587ce;}
	.btn.cancel {color: #ffffff; text-align: center; background-color: #4d4d4d;}
	.btn.etcbtn {color: #ffffff; text-align: center; background-color: #302f2f;}
	.btn.list {border: 1px solid #959595; color: #363636; text-align: center; background-color: #ffffff;}
	a.btn.prev {color: #ffffff; text-align: center; background-color: #555555;}
	a.btn.next {color: #ffffff; text-align: center; background-color: #2587ce;}

a.btn.save span,
a.btn.cancel span,
a.btn.etcbtn span,
a.btn.prev span,
a.btn.next span,
a.btn.list span,
button.btn.save span,
button.btn.cancel span,
button.btn.etcbtn span,
button.btn.prev span,
button.btn.next span,
button.btn.list span {display: inline-block; min-width: 80px;}

button.s_save_btn {width: 76px; height: 29px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; font-weight: bold;} 
.btn.s_save_btn {border: 1px solid #b4b4b4; color: #333333; text-align: center; background-color: #ebebeb;}

button.table_btn {padding: 0 14px; height: 29px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; font-weight: bold;} 
.btn.table_btn {border: 1px solid #c7c7c7; color: #4d4d4d; text-align: center; background-color: #e1e1e1;}

button.sch {padding: 0 14px; height: 29px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; font-weight: bold;}
.btn.sch {border: 1px solid #065e9c ; color: #ffffff; text-align: center; background-color: #065e9c;}

button.cel {padding: 0 14px; height: 29px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; font-weight: bold;}
.btn.cel {border: 1px solid #707070 ; color: #ffffff; text-align: center; background-color: #707070;}

button.sch2 {padding: 0 8px; height: 22px; font-family: '돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px; font-weight: bold; vertical-align: middle;}
a.sch2 {padding: 0 8px; height: 22px; font-family: '돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px; font-weight: bold; vertical-align: middle; line-height: 22px;}
.btn.sch2 {border: 1px solid #0c9acf ; color: #4d4d4d; text-align: center; vertical-align: middle; background-color: #ffffff;}

button.cel2 {padding: 0 8px; height: 22px; font-family: '돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px; font-weight: bold; vertical-align: middle;}
a.cel2 {padding: 0 8px; height: 22px; font-family: '돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px; font-weight: bold; vertical-align: middle; line-height: 22px;}
.btn.cel2 {border: 1px solid #dddddd ; color: #6d6d6d; text-align: center; vertical-align: middle; background-color: #fafafa;}

button.clear {padding: 0 14px; height: 28px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; font-weight: bold;}
.btn.clear {border: 1px solid #124668 ; color: #ffffff; text-align: center; background-color: #4d4d4d;}

a.list_save_btn {padding: 0 7px; height: 23px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; font-weight: bold;}
.btn.list_save_btn {border: 1px solid #065e9c/*#d4d4d4*/ ; color: #ffffff; text-align: center; background-color: #065e9c; line-height: 23px;}/* 250904 수정 */
.btn.list_save_btn > span.icon_down {padding-left: 15px; background: url('/images/front/icon/icon_down.png') no-repeat 0px; center;}
a.list_cancel_btn {padding:3px 7px; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 13px; font-weight: bold;}
.btn.list_cancel_btn {border: 1px solid #d4d4d4  ; color: #4d4d4d; text-align: center; background-color: #ebebeb; line-height: 16px;}

button.commen_save,
button.commen_cancle {width: 52px; height: 51px; font-size: 13px; color: #ffffff; text-align: center; line-height: 51px;}
button.commen_save {background-color: #4b4b4b;}
button.commen_cancle {background-color: #707070;}

/* input & Select Type */
textarea {text-align: left; text-indent: 3px; line-height: 1.4em;}
p {/* line-height: 1.5em; text-align: left; */}
select {height: 30px; border: 1px solid #d9d9d9; line-height: 29px; text-align: left; text-indent: 1px;}
input {display: inline-block; display: inline; vertical-align: middle;}
input[type=text] {height: 28px; font-size: 100%; text-indent: 1px; line-height: 26px; text-align: left;}
input {border: expression((this.type=='text')?'0px':''); height: 28px; font-size: 100%; text-indent: 1px; line-height: 28px; text-align: left;}
input[type=text].alignc {text-align: center;}
select:disabled{	background-color:#ebebeb;} 
	.in_wh40 {width: 40px;}
    .in_wh50 {width: 50px;}
    .in_wh60 {width: 60px;}
    .in_wh70 {width: 70px;}
    .in_wh80 {width: 80px;}
    .in_wh90 {width: 90px;}
    .in_wh100 {width: 100px;}
    .in_wh110 {width: 110px;}
    .in_wh120 {width: 120px;}
    .in_wh130 {width: 130px;}
    .in_wh140 {width: 140px;}
    .in_wh150 {width: 150px;}
    .in_wh160 {width: 160px;}
    .in_wh170 {width: 170px;}
    .in_wh180 {width: 180px;}
    .in_wh190 {width: 190px;}
    .in_wh200 {width: 200px;}
    .in_wh250 {width: 250px;}
    .in_wh300 {width: 300px;}
    .in_wh400 {width: 400px;}
    
    .in_wp40 {width: 40px; border: 1px solid #d9d9d9;}
    .in_wp50 {width: 50px; border: 1px solid #d9d9d9;}
    .in_wp60 {width: 60px; border: 1px solid #d9d9d9;}
    .in_wp70 {width: 70px; border: 1px solid #d9d9d9;}
    .in_wp80 {width: 80px; border: 1px solid #d9d9d9;}
    .in_wp90 {width: 90px; border: 1px solid #d9d9d9;}
    .in_wp100 {width: 100px; border: 1px solid #d9d9d9;}
    .in_wp110 {width: 110px; border: 1px solid #d9d9d9;}
    .in_wp120 {width: 120px; border: 1px solid #d9d9d9;}
    .in_wp130 {width: 130px; border: 1px solid #d9d9d9;}
    .in_wp140 {width: 140px; border: 1px solid #d9d9d9;}
    .in_wp150 {width: 150px; border: 1px solid #d9d9d9;}
    .in_wp160 {width: 160px; border: 1px solid #d9d9d9;}
    .in_wp170 {width: 170px; border: 1px solid #d9d9d9;}
    .in_wp180 {width: 180px; border: 1px solid #d9d9d9;}
    .in_wp190 {width: 190px; border: 1px solid #d9d9d9;}
    .in_wp200 {width: 200px; border: 1px solid #d9d9d9;}
    .in_wp250 {width: 250px; border: 1px solid #d9d9d9;}
    .in_wp300 {width: 300px; border: 1px solid #d9d9d9;}
    .in_wp400 {width: 400px; border: 1px solid #d9d9d9;}
    .in_w15 {width: 15%; border: 1px solid #d9d9d9;}
    .in_w20 {width: 20%; border: 1px solid #d9d9d9;}
    .in_w25 {width: 25%; border: 1px solid #d9d9d9;}
    .in_w30 {width: 30%; border: 1px solid #d9d9d9;}
    .in_w33 {width: 33%; border: 1px solid #d9d9d9;}
    .in_w35 {width: 35%; border: 1px solid #d9d9d9;}
    .in_w39 {width: 39%; border: 1px solid #d9d9d9;}
    .in_w40 {width: 40%; border: 1px solid #d9d9d9;}
    .in_w45 {width: 45%; border: 1px solid #d9d9d9;}
    .in_w50 {width: 50%; border: 1px solid #d9d9d9;}
    .in_w60 {width: 60%; border: 1px solid #d9d9d9;}
    .in_w70 {width: 70%; border: 1px solid #d9d9d9;}
    .in_w80 {width: 80%; border: 1px solid #d9d9d9;}
    .in_w90 {width: 90%; border: 1px solid #d9d9d9;}
    .in_w93 {width: 93%; border: 1px solid #d9d9d9;}
    .in_w95 {width: 95%; border: 1px solid #d9d9d9;}
    .in_w96 {width: 96%; border: 1px solid #d9d9d9;}
    .in_w98 {width: 98%; border: 1px solid #d9d9d9;}
    .in_w100 {width: 99.4%; border: 1px solid #d9d9d9;}
  
    

@media (max-width: 1024px) {
  .in_w40.mob100 {width: 100%; margin-top: 4px;}
}

/* margin & padding */
.marginl3 {margin-left: 3px;}
.marginl5 {margin-left: 5px;}
.marginl10 {margin-left: 10px;}
.marginl12 {margin-left: 12px;}
.marginl15 {margin-left: 15px;}
.marginl20 {margin-left: 20px;}
.marginl22 {margin-left: 22px;}
.marginl25 {margin-left: 25px;}
.marginl40 {margin-left: 40px;}
.marginl90 {margin-left: 90px;}
.marginml4 {margin-left: -4px;}
.marginml5 {margin-left: -5px;}
.marginr3 {margin-right: 3px;}
.marginr5 {margin-right: 5px;}
.marginr10 {margin-right: 10px;}
.marginr20 {margin-right: 20px;}
.marginr30 {margin-right: 30px;}
.marginr40 {margin-right: 40px;}
.marginmt2 {margin-top: -2px;}
.margintm5 {margin-top: -5px;}
.margintm10 {margin-top: -10px;}
.margintm20 {margin-top: -20px;}
.margintm30 {margin-top: -30px;}
.margintm40 {margin-top: -40px;}
.marginbm10 {margin-bottom: -10px;}
.marginbm20 {margin-bottom: -20px;}
.marginbm30 {margin-bottom: -30px;}
.marginbm40 {margin-bottom: -40px;}

.margint2 {margin-top: 2px;}
.margint3 {margin-top: 3px;}
.margint5 {margin-top: 5px;}
.margint6 {margin-top: 6px;}
.margint10 {margin-top: 10px;}
.margint15 {margin-top: 15px;}
.margint20 {margin-top: 20px;}
.margint26 {margin-top: 26px;}
.margint30 {margin-top: 30px;}
.margint40 {margin-top: 40px;}
.margint50 {margin-top: 50px;}
.margint60 {margin-top: 60px;}
.margint70 {margin-top: 70px;}
.marginb5 {margin-bottom: 5px;}
.marginb10 {margin-bottom: 10px;}
.marginb15 {margin-bottom: 15px;}
.marginb20 {margin-bottom: 20px;}
.marginb25 {margin-bottom: 25px;}
.marginb30 {margin-bottom: 30px;}
.marginb40 {margin-bottom: 40px;}
.marginb60 {margin-bottom: 60px;}
.marginb70 {margin-bottom: 70px;}

.margin5 {margin: 5px;}

.pad5 {padding: 5px;}
.pad20 {padding: 20px;}
.pad510 {padding: 5px 10px;}
.padt5 {padding-top: 8px;}
.padt6 {padding-top: 6px;}
.padt40 {padding-top: 40px;}
.padt52 {padding-top: 52px;}
.padt92 {padding-top: 92px;}
.padl5 {padding-left: 5px;}
.padl10 {padding-left: 10px;}
.padl15 {padding-left: 15px;}
.padt10 {padding-top: 10px;}
.pad105 {padding: 10px 10px 5px;}


/* a css */
a {cursor: pointer;}
a,
a:link,
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}

a.under {text-decoration: underline;}
/* align */
.alignl {text-align: left;}
.alignr {text-align: right;}
.alignc {text-align: center;}

.float_left {float: left;}
.float_right {float: right;}
.float_none {float: none !important;}
.ableft {position: absolute; left: 0; top: 0;}
.abright {position: absolute; right: 0; top: 0;}

.vertical_top {vertical-align: top;}
.vertical_middle {vertical-align: middle;}

/* color */
.color_none {color: #4d4d4d;}
.color_point {color: #005bac;}
.color_pointr {color: #ff0000;}
.color_pointb {color: #0487cb;}
.color_pointg {color: #21872d;}
.color_pointo {color: #ff6600;}
.color_pointgr {color: #757575;}
.color_pointgy {color: #777777;}
.color_pointm {color: #00ae8d;}

.color_point_disabled {background-color:#ebebeb;}

.important_txt1 {padding-left: 15px; font-size: 13px; color: #4d4d4d; line-height: 1.5em; background: url('/images/front/common/bullet_important.png') no-repeat 1px 4px;}

/* skip */
.skip_nav {height: 0;}
    .skip_nav a {display: block; position: absolute; left: 0; top: -100px; width: 100%; height: 1px; text-align: center;}
    .skip_nav a:focus,
    .skip a:active {position: absolute; top: 0; z-index: 120; height: 25px; padding: 10px 0; font-size: 1.4em; font-weight: 700; color: #36348f; background: #fff;}


/* block */
.theblock {display: block;}
.inblock {display: inline-block;}
.clearb {clear: both;}

.clause_box {overflow: hidden; padding: 10px; border:1px solid #c8c8c8; background-color: #f7f7f7;}
.scroll_box_area {overflow: hidden; height: 150px; margin: 10px 0 10px 0; padding: 10px; overflow-y: scroll; border: 1px solid #dedede; background-color: #ffffff;}
.scroll_box_area2 {overflow: hidden; height: 150px; margin: 10px 0 10px 0; padding: 10px; overflow-x: scroll; background-color: #ffffff;}
.border_box_area {overflow: hidden; margin-bottom: 10px; padding: 20px 10px; border: 1px solid #dedede; background-color: #ffffff;}
	
/* uninsert_area */
.uninsert_area {overflow: hidden; padding: 15px; margin: 20px 0; border: 1px solid #dee0e3; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕';}
	.uninsert_box {overflow: hidden; padding: 0 0 0 14px; margin: 5px 0 0; font-size: 12px;}

/* img_box_area */
.img_box_area {overflow: hidden;}
	.img_box_area ul {overflow: hidden;}
	.img_box_area ul li {margin-right: 5px; float: left; list-style: none; }
	span.icon_txt_box {
		display: inline-block; 
		font-family: Arial, Helvetica, 'Apple SD Gothic Neo', '돋움', Dotum, Sans-serif; 
		color: #9d9d9d;
		font-size: 11px; 
		border:1px solid #e1e1e1;
		line-height: 13px;
	}
	
/* area division */
.ndivision {overflow: hidden;}
.division30 {overflow: hidden; margin-bottom: 30px;}
.division40 {overflow: hidden; margin-bottom: 40px;}
.division50 {overflow: hidden; margin-bottom: 50px;}
.division60 {overflow: hidden; margin-bottom: 60px;}
.division100 {overflow: hidden; margin-bottom: 100px;}
.breakall { word-break: break-all; }
.button_area {overflow: hidden; margin-top: 20px;}
.file_area + .file_area {margin-top: 8px;}
.table_area {overflow: hidden; margin-bottom: 20px;}
.table_area.tbl_wrap_max700{overflow-x: auto;}
.table_area.tbl_wrap_max700 table{min-width: 700px;}


.area20 {float: left; width: 20%;}
.area30 {float: left; width: 30%;}
.area35 {float: left; width: 35%;}
.area40 {float: left; width: 40%;}
.area45 {float: left; width: 45%;}
.area49 {float: left; width: 49%;}
.area50 {float: left; width: 50%;}
.area55 {float: left; width: 55%;}
.area60 {float: left; width: 60%;}
.area65 {float: left; width: 65%;}
.area70 {float: left; width: 70%;}
.area80 {float: left; width: 80%;}

.center{ margin:0 auto;}
/* font */
.font_normal {font-weight: normal;}
.font_underline {text-decoration: underline;}
.font90 {font-size: 90%;}
.bold {font-weight: bold;}

.terms_area li {list-style-type : none;}
.terms_group li {list-style-type : none;}
.mobile_only {display:none;}
@media screen and (min-width:320px) and (max-width:784px){
	.mobile_only {display:block;}	
}

#loading-sport-safety {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.2;
   background-color: #000000;
   z-index: 200000 !important ;
   text-align: center;
}

#loading-image-sport-safety {
  position: absolute;
  top:50%;
  left:50%;
  width:64px;
  height:64px;
  margin-left:-32px;/* half width*/
  margin-top:-32px;/* half height*/
  z-index: 200001 !important ;
}

/* 251010 디자인 개편 */
.ndivision {overflow:visible;}
a.btn.cancel span,
button.btn.cancel span,
a.btn.save span,
button.btn.save span {min-width:60px}
a.btn.cancel,
button.btn.cancel {min-width: 80px; height:40px; padding: 10px; border:0; border-radius: var(--bdRadius03); background: var(--coBgBtn05); color: var(--coDefault01); font-size: var(--ftDefault); font-weight: var(--ftWeight06);line-height:20px;}
a.btn.save,
button.btn.save {min-width: 80px; height:40px; padding: 10px; border:0; border-radius: var(--bdRadius03); background: var(--coBrand01); color: #fff;font-size: var(--ftDefault);line-height:20px;}

.form-style-01 + .button_area .btn.save {min-width:196px;}
.button_area .alignc .btn {margin:0 2px;}
.board-list-01 .btn.etcbtn {position: relative; color: #fff; background: linear-gradient(106deg, #1FB5EB 0%, #3874BB 95.76%); padding: 0 15px; min-width: 80px; height: 30px; line-height:30px;border-radius: 50px; font-size: var(--ftSmall01); font-weight: var(--ftWeight06)}

@media screen and (max-width:480px){
  a.btn.save, 
  button.btn.save {padding:10px 2px;}
  .button_area .alignc .btn {padding:10px;font-size:var(--ftXSmall01);margin:0 1px;word-break:keep-all;}
  .bottom-sticky.sticky .button_area .alignc .btn {display:flex;justify-content:center;align-items:center;padding:2px;}
  .bottom-sticky-mo.sticky .button_area .alignc .btn {padding:2px;}
  .button_area .alignc .btn span {line-height:14px;}
}