/* layout ========================= */

:root {
	--main-color: #ff8600;
	--sub-color: #ff9928;
	--btn-hover-color: #ff9928;
	--bg-light-color: #fff8f3;
}

.ButtonMake.colorBtnFillS { background-color: #ff8600; border: 1px solid #ff8600; color:#fff;  }

.ButtonMake.colorBtnFillS:hover { background-color: #ff9928; border: 1px solid #ff9928; color:#fff; }

.ButtonMake.colorBtnFillS:active { background-color: #ea7b00; border: 1px solid #ea7b00; color:#fff;  }



a:active, a:hover {
	text-decoration:none;
}



/* color */
.c_show{color:#ff8600;}

/* common */
.contentTopPadding106 { padding-top: 106px; }

.contentInSize1248 { padding: 60px 0 100px; width: 1248px; margin: 0 auto; }

.contentInSize1292 { padding: 28px 0 100px; width: 1292px; margin: 0 auto; }

/* form */
.formText {background:#fff; outline: 0; width: 100%; box-sizing: border-box; height: 37px; border: 1px solid #d5d5d5; border-radius: 4px; font-size: 16px; font-weight: 300; padding: 0 17px; color: #000; letter-spacing: -0.56px; font-family:'cwtexhei', 'HGGGothicssi 40g',NanumGothic,나눔고딕,'Malgun Gothic','맑은 고딕',Sans-serif; }

.formText:hover { background: #f3f3f3; }

.formText:focus { background: #fff; border: 1px solid #ff8600; }

.formTextarea { outline: 0; background: #f5f5f5; width: 100%; box-sizing: border-box; border: 1px solid #d5d5d5; border-radius: 4px; font-size: 15px; font-weight: 300; padding: 17px 10px 16px 17px; color: #000; letter-spacing: -0.56px; font-family:'cwtexhei', 'HGGGothicssi 40g',NanumGothic,나눔고딕,'Malgun Gothic','맑은 고딕',Sans-serif; }

.formTextarea:hover { background: #f3f3f3; }

.formTextarea:focus { background: #fff; border: 1px solid #ff8600; }


.formTextType2 { outline: 0; width: 100%; box-sizing: border-box; height: 37px; border-bottom: 1px solid #d5d5d5;  font-size: 15px; font-weight: 300; padding: 0 17px ; color: #000; letter-spacing: -0.56px; font-family:'cwtexhei', 'HGGGothicssi 40g',NanumGothic,나눔고딕,'Malgun Gothic','맑은 고딕',Sans-serif; }

.formTextType2:hover { background: #f5f5f5; }

.formTextType2:focus { background: #fff; border-bottom: 2px solid #ff8600; }


.formText_answer {background:#fff; outline: 0; width: 100%; box-sizing: border-box; height: 37px; border: 1px solid #d5d5d5; border-radius: 4px; font-size: 16px; font-weight: 300; padding: 0 60px 0 15px; color: #000; letter-spacing: -0.56px; font-family:'cwtexhei', 'HGGGothicssi 40g',NanumGothic,나눔고딕,'Malgun Gothic','맑은 고딕',Sans-serif;}

.formText_answer:hover { background: #f3f3f3; }

.formText_answer:focus { background: #fff; border: 1px solid #ff8600; }

/* checkbox */
.CheckBoxMake input[type=checkbox] { display: none; }

.CheckBoxMake input[type=checkbox] + label { font-size: 14px; color: #6c6c6c; font-weight: bold; }

.CheckBoxMake input[type=checkbox] + label:before { content: ' '; font-family: fontello; display: inline-block; font-size: 14px; color: #02D7C5; vertical-align:middle; border:1px solid #dfdfdf; background:#fafafa; border-radius:4px; padding:2px; width:14px; height:14px; margin-right:5px;}

.CheckBoxMake input[type=checkbox]:checked + label:before { content: "\e812"; font-size:14px; color: #02d7c5; }

.CheckBoxMake.Type02 input[type=checkbox] + label { color: #fff;  font-size:14px; }

.CheckBoxMake.Type02 input[type=checkbox] + label:before { content: ' '; font-family: fontello; display: inline-block; font-size: 14px; color: #02D7C5; vertical-align:middle; border:1px solid #dfdfdf; background:#fafafa; border-radius:4px; padding:2px; width:14px; height:14px; margin-right:5px;}

.CheckBoxMake.Type02 input[type=checkbox]:checked + label:before { content: "\e812"; font-size:14px; color: #02d7c5; }

.CheckBoxMake.Type03 input[type=checkbox] + label { font-size: 14px; color: #000; }

.CheckBoxMake.Type03 input[type=checkbox] + label:before {  content: ' '; font-family: fontello; display: inline-block; font-size: 14px; color: #02D7C5; vertical-align:middle; border:1px solid #dfdfdf; background:#fafafa; border-radius:4px; padding:2px; width:14px; height:14px; margin-right:5px;}

.CheckBoxMake.Type03 input[type=checkbox]:checked + label:before { content: "\e812"; font-size:14px; color: #000; }

/* button */
.ButtonMake { box-sizing: border-box; color: #fff; font-size: 16px; padding: 0 5px; border: none; border-radius: 4px; cursor: pointer; display: inline-block; text-align: center; font-weight:600; outline: 0; font-family:'cwtexhei', 'HGGGothicssi 20g',NanumGothic,나눔고딕,'Malgun Gothic','맑은 고딕',Sans-serif; }
.ButtonMake:lang(ja) {font-family:'M PLUS Rounded 1c', 'Noto Sans JP', Meiryo, Arial, sans-serif;}


.ButtonMake.sml { min-width: 30px; height: 30px; line-height: 28px; font-size:12px; }

.ButtonMake.mid { min-width: 110px; height: 40px; line-height: 38px; }

.ButtonMake.lrg { min-width: 150px; height: 50px; line-height: 48px; }

.ButtonMake.cir { min-width:38px; border-radius:50px; height: 38px; line-height: 38px; }


.ButtonMake.colorBtnFillS { background-color: #ff8600; border: 1px solid #ff8600; color:#fff;  }

.ButtonMake.colorBtnFillS:hover { background-color: #ff9928; border: 1px solid #ff9928; color:#fff; }

.ButtonMake.colorBtnFillS:active { background-color: #ea7b00; border: 1px solid #ea7b00; color:#fff;  }

.ButtonMake.colorBtnFillS.disable { pointer-events: none; cursor: default; background-color: #c4c4c4; border: 1px solid #c4c4c4; }

.ButtonMake.colorBtnFill2S { background-color: #f94343; border: 1px solid #ed5b5b; color:#fff;  }

.ButtonMake.colorBtnFill2S:hover { background-color: #e23d3d; border: 1px solid #ed5b5b; color:#fff; }

.ButtonMake.colorBtnFill2S:active { background-color: #f94343; border: 1px solid #ed5b5b; color:#fff;  }

.ButtonMake.colorBtnFill2S.disable { pointer-events: none; cursor: default; background-color: #bdbdbd; border: 1px solid #bdbdbd; }

.ButtonMake.colorBtnBlack { background-color: #000; border: 1px solid #000; color:#fff;   }

.ButtonMake.colorBtnBlack:hover { background-color: #888; border: 1px solid #888; color:#fff;}

.ButtonMake.colorBtnBlack:active { background-color: #000; border: 1px solid #000; color:#fff;}

.ButtonMake.colorBtnBlack.disable { pointer-events: none; cursor: default; background-color: #bdbdbd; border: 1px solid #bdbdbd; }



.ButtonMake.colorBtnBlankS { color: #ff8600; background-color: #faf2e5; border: 1px solid #ff8600; }

.ButtonMake.colorBtnBlankS:hover { color: #ff8600; background-color: #fffbf5; border: 1px solid #ff8600; }

.ButtonMake.colorBtnBlankS:active { color: #ff8600; background-color: #fffbf5; border: 1px solid #ff8600; }

.ButtonMake.colorBtnBlankS.disable { pointer-events: none; cursor: no; color: #c4c4c4; border: 1px solid #c4c4c4; background-color:#e2e2e2; }


.ButtonMake.colorBtnBlank2S { color: #9a9a9a; background-color: #f5f5f5; border: 1px solid #b7b7b7; }

.ButtonMake.colorBtnBlank2S:hover { color: #888; border: 1px solid #9a9a9a; }

.ButtonMake.colorBtnBlank2S:active { color: #9a9a9a; border: 1px solid #b7b7b7; }

.ButtonMake.colorBtnBlank2S.disable { pointer-events: none; cursor: default; color: #bdbdbd; border: 1px solid #bdbdbd; }


.ButtonMake.colorBtnBlank3S { color: #696969; background-color: #fff; border: 1px solid #dfdfdf; }

.ButtonMake.colorBtnBlank3S:hover { color: #fff; border: 1px solid #ff8600; background:#ff8600; }

.ButtonMake.colorBtnBlank3S:active { color: #fff; border: 1px solid #ea7b00; background:#ea7b00; }

.ButtonMake.colorBtnBlank3S.disable { pointer-events: none; cursor: default; color: #bdbdbd; border: 1px solid #bdbdbd; }


.ButtonMake.colorBtnRoundedS { color: #ffffff; background-color: #ff8600; border: 1px solid #ff8600; border-radius:50px; }

.ButtonMake.colorBtnRoundedS:hover { color: #ffffff; background-color: #ff9928; border: 1px solid #ff9928; }

.ButtonMake.colorBtnRoundedS:active { color: #ffffff; background-color: #ea7b00; border: 1px solid #ea7b00; }

.ButtonMake.colorBtnRoundedS.disable { pointer-events: none; cursor: default; color: #ffffff; border: 1px solid #c4c4c4; background-color:#c4c4c4;}



.ButtonMake.colorBtnGraS { color: #ffffff; background: rgb(242,141,39);
background: linear-gradient(90deg, rgba(242,141,39,1) 0%, rgba(253,103,78,1) 100%); border-radius:50px; }

.ButtonMake.colorBtnGraS:hover { color: #ffffff; background-color: #ff9928;}

.ButtonMake.colorBtnGraS:active { color: #ffffff; background-color: #ea7b00; }

.ButtonMake.colorBtnGraS.disable { pointer-events: none; cursor: default; color: #ffffff; background-color:#c4c4c4;}


.ButtonMake.round { min-width: auto; padding: 0 15px; font-weight: 500; height: 24px; line-height: 22px; font-size: 12px; border-radius: 15px; }
.ButtonMake.round2 { min-width: auto; padding: 0 8px; font-weight: 500; height: 24px; line-height: 22px; font-size: 12px; border-radius: 15px; }

.btnWrapBlock .ButtonMake { width: 100%; }

.btnWrapBlock.two { font-size: 0; *zoom: 1; margin: 0 -4px; }

.btnWrapBlock.two:before, .btnWrapBlock.two:after { content: ""; display: table; }

.btnWrapBlock.two:after { clear: both; }

.btnWrapBlock.two .btnWrapBlock { box-sizing: border-box; display: inline-block; width: 50%; padding: 0 4px; }

.btnWrapBlock.btnSize50 .btnWrapBlock { width: 50px; } 

.btnWrapBlock.btnSize70 .btnWrapBlock { width: 70px; } 

.btnWrapBlock.btnSize120 .btnWrapBlock { width: 120px; }

.btnWrapBlock.btnSize128 .btnWrapBlock { width: 136px; }

.btnWrapBlock.right { text-align: right; }


/* search */
.FormSearch { position: relative; }

.FormSearch .searchTerm,.FormSearch .searchTerm2{   outline: 0; width: 100%; box-sizing: border-box; height: 37px; border-bottom: 1px solid #d5d5d5;  font-size: 16px; font-weight: 300; padding: 0 8px; color: #000; letter-spacing: -0.56px; font-family: 'HGGGothicssi 40g',NanumGothic,나눔고딕,'Nanum Gothic','맑은 고딕',Sans-serif }
.FormSearch .searchTerm:lang(ja),.FormSearch .searchTerm2:lang(ja){padding:0 42px 0 8px;}



.FormSearch .searchTerm:hover { background: #f5f5f5; }
.FormSearch .searchTerm:focus { background: #fff; border-bottom: 2px solid #02D7C5; }
.FormSearch .searchTerm2:hover { background: #f5f5f5; }
.FormSearch .searchTerm2:focus { background: #fff; border-bottom: 2px solid #777; }

.FormSearch button[type=submit] { position: absolute; top: 5px; right: 8px; border: none; background: none; color: #9e9e9e; padding: 6px; cursor: pointer; outline: 0; }

.FormSearch button[type=submit]:hover { opacity: 0.8; }

.FormSearch button[type=submit]:active { opacity: 1; }



/* toggle */
.switch {  position: relative;  display: inline-block;  width: 45px;  height: 23px;}

.switch input {   opacity: 0;  width: 0;  height: 0;}

.slider {  position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #ccc; -webkit-transition: .4s;  transition: .4s;}

.slider:before {  position: absolute;  content: "";  height: 17px;  width: 17px;  left: 4px;  bottom: 3px;  background-color: white;  -webkit-transition: .4s;  transition: .4s;}


input:checked + .slider {  background-color: #FF730D;}

input:focus + .slider {  box-shadow: 0 0 1px #FF730D;}

input:checked + .slider:before {  -webkit-transform: translateX(20px);  -ms-transform: translateX(20px);  transform: translateX(20px);}



.slider2 {  position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #F3F3F3; -webkit-transition: .4s;  transition: .4s; border:1px solid #ababab;}

.slider2:before {  position: absolute;  content: "";  height: 17px;  width: 17px;  left: 4px;  bottom: 2px;  background-color: white;  -webkit-transition: .4s;  transition: .4s;}


input:checked + .slider2 {  background-color: #F3FFFE; border:1px solid #02D7C5;}

input:focus + .slider2 {  box-shadow: 0 0 1px #F3FFFE;}

input:checked + .slider2:before {  -webkit-transform: translateX(18px);  -ms-transform: translateX(18px);  transform: translateX(18px); background-color:#02D7C5;}


/* Rounded sliders */
.slider.round {  border-radius: 34px;}
.slider.round:before {  border-radius: 50%;}
.slider2.round {  border-radius: 34px; }
.slider2.round:before {  border-radius: 50%; background-color:#ababab;}

.switchLabel{margin:0px; display:inline-block; font-size:14px; font-weight:bold; padding-top:4px;vertical-align:middle;}

/************** Fontello  **************/

@font-face {
  font-family: fontello;
  src: url(../fontello/font/fontello.eot?78668259);
  src: url(../fontello/font/fontello.eot?78668259#iefix) format("embedded-opentype"),url(../fontello/font/fontello.woff2?78668259) format("woff2"),url(../fontello/font/fontello.woff?78668259) format("woff"),url(../fontello/font/fontello.ttf?78668259) format("truetype"),url(../fontello/font/fontello.svg?78668259#fontello) format("svg");
  font-weight: 400;
  font-style: normal
}
[class*=" fontello-"]:before,
[class^=fontello-]:before {
  font-family: fontello;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
  
}
.icon-attention-alt:before { content: '\e800'; } /* '' */
.icon-heart:before { content: '\e801'; } /* '' */
.icon-heart-line:before { content: '\e802'; } /* '' */
.icon-download:before { content: '\e803'; } /* '' */
.icon-album:before { content: '\e804'; } /* '' */
.icon-up-open-1:before { content: '\e805'; } /* '' */
.icon-plus:before { content: '\e806'; } /* '' */
.icon-send:before { content: '\e807'; } /* '' */
.icon-pencil2:before { content: '\e808'; } /* '' */
.icon-blank-page:before { content: '\e809'; } /* '' */
.icon-cancel:before { content: '\e80a'; } /* '' */
.icon-cog-1:before { content: '\e80b'; } /* '' */
.icon-down-open-1:before { content: '\e80c'; } /* '' */
.icon-left-open-1:before { content: '\e80d'; } /* '' */
.icon-down-micro:before { content: '\e80e'; } /* '' */
.icon-delete:before { content: '\e80f'; } /* '' */
.icon-time:before { content: '\e810'; } /* '' */
.icon-close:before { content: '\e811'; } /* '' */
.icon-check-1:before { content: '\e812'; } /* '' */
.icon-quiz:before { content: '\e813'; } /* '' */
.icon-all:before { content: '\e814'; } /* '' */
.icon-play:before { content: '\e815'; } /* '' */
.icon-dot:before { content: '\e816'; } /* '' */
.icon-link:before { content: '\e817'; } /* '' */
.icon-move-arrows:before { content: '\e818'; } /* '' */
.icon-push-pin:before { content: '\e819'; } /* '' */
.icon-push-pin-line:before { content: '\e81a'; } /* '' */
.icon-edit:before { content: '\e81b'; } /* '' */
.icon-check:before { content: '\e81c'; } /* '' */
.icon-right-open-1:before { content: '\e81d'; } /* '' */
.icon-005-copy:before { content: '\e81e'; } /* '' */
.icon-down-dir-1:before { content: '\e81f'; } /* '' */
.icon-up-dir:before { content: '\e820'; } /* '' */
.icon-up-micro:before { content: '\e821'; } /* '' */
.icon-link-02:before { content: '\e822'; } /* '' */
.icon-zoom-in:before { content: '\e823'; } /* '' */
.icon-left-big:before { content: '\e824'; } /* '' */
.icon-left-open-2:before { content: '\e825'; } /* '' */
.icon-left:before { content: '\e826'; } /* '' */
.icon-newdoc:before { content: '\e827'; } /* '' */
.icon-left-small:before { content: '\e828'; } /* '' */
.icon-export:before { content: '\e829'; } /* '' */
.icon-folder-open:before { content: '\e82a'; } /* '' */
.icon-lock-filled:before { content: '\e82b'; } /* '' */
.icon-to-start:before { content: '\e82c'; } /* '' */
.icon-to-end:before { content: '\e82d'; } /* '' */
.icon-board-copy:before { content: '\e82e'; } /* '' */
.icon-group1:before { content: '\e82f'; } /* '' */
.icon-group2:before { content: '\e830'; } /* '' */
.icon-pen:before { content: '\e831'; } /* '' */
.icon-eraser:before { content: '\e832'; } /* '' */
.icon-drawing:before { content: '\e833'; } /* '' */
.icon-prev-btn:before { content: '\e834'; } /* '' */
.icon-next-btn:before { content: '\e835'; } /* '' */
.icon-trash:before { content: '\e836'; } /* '' */
.icon-palette:before { content: '\e837'; } /* '' */
.icon-music:before { content: '\e838'; } /* '' */
.icon-volume-up:before { content: '\e839'; } /* '' */
.icon-plus-circle:before { content: '\e83a'; } /* '' */
.icon-minus-circle:before { content: '\e83b'; } /* '' */
.icon-qr-code:before { content: '\e83c'; } /* '' */
.icon-eye:before { content: '\e83d'; } /* '' */
.icon-eye-none:before { content: '\e83e'; } /* '' */
.icon-record:before { content: '\e83f'; } /* '' */
.icon-mail:before { content: '\e840'; } /* '' */
.icon-post:before { content: '\e841'; } /* '' */
.icon-play-2:before { content: '\e842'; } /* '' */
.icon-stop-1:before { content: '\e843'; } /* '' */
.icon-pause-1:before { content: '\e844'; } /* '' */
.icon-plus-big:before { content: '\e845'; } /* '' */
.icon-invitation:before { content: '\e846'; } /* '' */
.icon-plus-mini:before { content: '\e847'; } /* '' */
.icon-circle-w:before { content: '\e848'; } /* '' */
.icon-circle-b:before { content: '\e849'; } /* '' */
.icon-triangle-w:before { content: '\e84a'; } /* '' */
.icon-triangle-b:before { content: '\e84b'; } /* '' */
.icon-square-w:before { content: '\e84c'; } /* '' */
.icon-square-b:before { content: '\e84d'; } /* '' */
.icon-line:before { content: '\e84e'; } /* '' */
.icon-preview:before { content: '\e84f'; } /* '' */
.icon-background:before { content: '\e850'; } /* '' */
.icon-pen-user-01:before { content: '\e851'; } /* '' */
.icon-align-high:before { content: '\e852'; } /* '' */
.icon-align-low:before { content: '\e853'; } /* '' */
.icon-text:before { content: '\e854'; } /* '' */
.icon-megaphone:before { content: '\e855'; } /* '' */
.icon-naverblog:before { content: '\e856'; } /* '' */
.icon-art-pencil:before { content: '\e857'; } /* '' */
.icon-eraser-02:before { content: '\e858'; } /* '' */
.icon-thickness:before { content: '\e859'; } /* '' */
.icon-shapes:before { content: '\e85a'; } /* '' */
.icon-down-open:before { content: '\f004'; } /* '' */
.icon-up-open:before { content: '\f005'; } /* '' */
.icon-right-open:before { content: '\f006'; } /* '' */
.icon-left-open:before { content: '\f007'; } /* '' */
.icon-check-empty:before { content: '\f096'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-folder-open-empty:before { content: '\f115'; } /* '' */
.icon-mic:before { content: '\f130'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-file-audio:before { content: '\f1c7'; } /* '' */
.icon-user:before { content: '\e87d'; } /* '' */
.icon-chart:before { content: '\e87c'; } /* '' */
.icon-view:before { content: '\e87e'; } /* '' */
.icon-post:before { content: '\E87F'; } /* '' */
.icon-board:before { content: '\e881'; } /* '' */
.icon-quiz02:before { content: '\e882'; } /* '' */
.icon-filter:before { content: '\e88e';}


 /*radio 버튼 색상변경 */
.checks {position: relative;}
.checks input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
.checks input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-family:'cwtexhei', 'HGGGothicssi 60g',NanumGothic,나눔고딕,'Malgun Gothic','맑은 고딕',Sans-serif;
  transform: skew(0.04deg);
  
}
.checks input[type="radio"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: -4px;
  width: 21px;
  height: 21px;
  text-align: center;
  background: #ebebeb;
  border: 1px solid #cacece;
  border-radius: 100%;
}
.checks input[type="radio"] + label:active:before,
.checks input[type="radio"]:checked + label:active:before  {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.checks input[type="radio"]:checked + label:before {
  background: #E9ECEE;
  border-color: #adb8c0;
}
.checks input[type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 5px;
  width: 13px;
  height: 13px;
  background: #02D7C5;
  border-radius: 100%;
  box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
}

select {
    width: 140px; /* 원하는 너비설정 */
    padding: .5em .5em; /* 여백으로 높이 설정 */
    font-family: inherit;   /* 폰트 상속 */
    background: url('../images/arrow_btn_down.png') no-repeat 95% 50%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    border: 1px solid #f3f3f3;
    border-radius: 4px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
	font-size:16px;
	color:#8a8a8a;
	background-color:#fff;
}

select option{
	border-bottom:1px solid #f3f3f3;
	color:#000;
}


/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
    display: none;
}


.selectBoxSize{outline: 0; width: 100%; box-sizing: border-box; height: 37px; border: 1px solid #d5d5d5; border-radius: 4px; font-size: 16px; font-weight: 300; padding: 0 17px; color: #8a8a8a; letter-spacing: -0.56px; font-family:'cwtexhei', 'HGGGothicssi 40g',NanumGothic,나눔고딕,'Malgun Gothic','맑은 고딕',Sans-serif; background: url('../images/arrow_btn_down.png') no-repeat 95% 50%; /* 네이티브 화살표를 커스텀 화살표로 대체 */ }




 /*radio 버튼 색상변경 */
.m_checks {position: relative;}
.m_checks input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
.m_checks input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-family:'cwtexhei', 'HGGGothicssi 60g',NanumGothic,나눔고딕,'Malgun Gothic','맑은 고딕',Sans-serif;
  transform: skew(0.04deg);
  
}
.m_checks input[type="radio"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: -4px;
  width: 15px;
  height: 15px;
  text-align: center;
  background: #ebebeb;
  border: 1px solid #cacece;
  border-radius: 100%;
}
.m_checks input[type="radio"] + label:active:before,
.m_checks input[type="radio"]:checked + label:active:before  {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.m_checks input[type="radio"]:checked + label:before {
  background: #E9ECEE;
  border-color: #adb8c0;
}
.m_checks input[type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 4px;
  width: 9px;
  height: 9px;
  background: #02D7C5;
  border-radius: 100%;
  box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
}


/* 골든벨 입장화면(반응형) 시작 */
@media all and (min-width:320px) and (max-width:768px){
	/* 골든벨 모바일 참여자 입장화면 */
	.playModeWrap {position:relative; width:100%;height:100vh; display:flex;  margin:0 auto;background-image:url(../images/bg_modeSelect.png);background-size:cover; z-index:9997;}
	.playModeWrap .playModeCon {width:90%; margin:0 auto; display:flex; justify-content:center; flex-direction:column; align-items:center; min-height:670px; height:100vh; }
	.standbyRoom{background-image: linear-gradient(to right, #3988ff, #8f60fe);}
	.playModeCon .player_num{display: flex; flex-direction: column; align-content: center; justify-content: center;width:270px; height:154px;background:url(/webdata/images/img_bg_star_playroom.png)0 0 no-repeat;}
	.playModeCon .player_num .num_badge{color:#fff; font-weight:bold; text-align:center; vertical-align:middle; font-size:64px; text-shadow: 0px 5px 0 #947825;}
	.playModeCon .player_title .title{margin-top:30px;color:#fff21a; text-align:center; vertical-align:middle; font-size:2.5em;}
	.playModeCon .player_title .s_title{margin-top:24px;color:#fff; font-size:1.25em; text-align:center;}

	.pm_bnWrap02 {position:absolute;top:25px; left:17px; z-index:9999;}
	.pm_bnWrap02 .pm_topbanner02 {padding:14px 30px 13px 30px; background:#fff;border-radius:50px; border:1px solid #000;text-align:center;}
	.pm_bnWrap02 .pm_topbanner02 .bn_title{font-size:1.5em;font-weight:bold;}
	.pm_bnWrap02 .pm_topbanner02 .bn_s_title{font-size:0.75em;font-weight:bold;}
	.pm_bnWrap02 .pm_topbanner02 .bnTeam{color:#916af9;}
	.pm_bnWrap02 .pm_topbanner02 .bnSingle{color:#ff8600;}
	.pm_bnWrap02 .pm_topbanner02 .bnSudden{color:#31c979;}
	.pm_bnWrap02 .btnOption{margin-top:15px;}

	/* 시작 버튼 */
	.pin_submit_btn{
		margin:0 auto;
		display: block;
		margin-top: 2%;
		position: relative;
		padding-bottom: 1%;
		text-align: center;
	}
	
	.pin_submit{
		/*width: 210px;
		height: 60px;*/
		color: #fff;
		border-radius: 40px;
		border: none;
		background:#000;
		font-size: 20px;
		padding:20px 60px;
		font-weight: bold;
		margin:0 10px;
		transform:skew(0.03deg);
	}

	.pin_submit_btn button:active{
	  position:relative;
	  top:7px;
	  border:none;
	}
	
}

@media all and (min-width:768px){
	/* 골든벨 모바일 참여자 입장화면 */
	.playModeWrap {position:relative; width:100%;height:100vh; display:flex;  margin:0 auto;background-image:url(../images/bg_modeSelect.png);background-size:cover; z-index:9997;}
	.playModeWrap .playModeCon {width:90%; margin:0 auto; display:flex; justify-content:center; flex-direction:column; align-items:center; min-height:670px; height:100vh; }
	.standbyRoom{background-image: linear-gradient(to right, #3988ff, #8f60fe);}
	.playModeCon .player_num{display: flex; flex-direction: column; align-content: center; justify-content: center;width:270px; height:154px;background:url(/webdata/images/img_bg_star_playroom.png)0 0 no-repeat;}
	.playModeCon .player_num .num_badge{color:#fff; font-weight:bold; text-align:center; vertical-align:middle; font-size:64px; text-shadow: 0px 5px 0 #947825;}
	.playModeCon .player_title .title{margin-top:30px;color:#fff21a; text-align:center; vertical-align:middle; font-size:2.8em;}
	.playModeCon .player_title .s_title{margin-top:24px;color:#fff; font-size:1.5em; text-align:center;}

	.pm_bnWrap02 {position:absolute;top:25px; left:17px; z-index:9999;}
	.pm_bnWrap02 .pm_topbanner02 {padding:14px 30px 13px 30px; background:#fff;border-radius:50px; border:1px solid #000;text-align:center;}
	.pm_bnWrap02 .pm_topbanner02 .bn_title{font-size:1.7em;font-weight:bold;}
	.pm_bnWrap02 .pm_topbanner02 .bn_s_title{font-size:0.9em;font-weight:bold;}
	.pm_bnWrap02 .pm_topbanner02 .bnTeam{color:#916af9;}
	.pm_bnWrap02 .pm_topbanner02 .bnSingle{color:#ff8600;}
	.pm_bnWrap02 .pm_topbanner02 .bnSudden{color:#31c979;}
	.pm_bnWrap02 .btnOption{margin-top:15px;}

	/* 시작 버튼 */
	.pin_submit_btn{
		margin:0 auto;
		display: block;
		margin-top: 5%;
		position: relative;
		padding-bottom: 1%;
		text-align: center;
	}

	.pin_submit{
		/*width: 210px;
		height: 60px;*/
		color: #fff;
		border-radius: 40px;
		border: none;
		background:#000;
		font-size: 20px;
		padding:20px 60px;
		font-weight: bold;
		margin:0 10px;
		transform:skew(0.03deg);
	}

	.pin_submit_btn button:active{
	  position:relative;
	  top:7px;
	  border:none;
	}
}

@media all and (min-width:1400px){
	/* 모바일 참여자 입장화면 */
	.playModeWrap {position:relative; width:100%;height:100vh; display:flex;  margin:0 auto;background-image:url(../images/bg_modeSelect.png);background-size:cover; z-index:9997;}
	.playModeWrap .playModeCon {width:90%; margin:0 auto; display:flex; justify-content:center; flex-direction:column; align-items:center; min-height:670px; height:100vh; }
	.standbyRoom{background-image: linear-gradient(to right, #3988ff, #8f60fe);}
	.playModeCon .player_num{display: flex; flex-direction: column; align-content: center; justify-content: center;width:270px; height:154px;background:url(/webdata/images/img_bg_star_playroom.png)0 0 no-repeat;}
	.playModeCon .player_num .num_badge{color:#fff; font-weight:bold; text-align:center; vertical-align:middle; font-size:64px; text-shadow: 0px 5px 0 #947825;}
	.playModeCon .player_title .title{margin-top:30px;color:#fff21a; text-align:center; vertical-align:middle; font-size:4em;}
	.playModeCon .player_title .s_title{margin-top:24px;color:#fff; font-size:2em; text-align:center;}

	.pm_bnWrap02 {position:absolute;top:25px; left:17px; z-index:9999;}
	.pm_bnWrap02 .pm_topbanner02 {padding:14px 50px 13px 50px; background:#fff;border-radius:50px; border:1px solid #000;text-align:center;}
	.pm_bnWrap02 .pm_topbanner02 .bn_title{font-size:1.75em;font-weight:bold;}
	.pm_bnWrap02 .pm_topbanner02 .bn_s_title{font-size:0.9em;font-weight:bold;}
	.pm_bnWrap02 .pm_topbanner02 .bnTeam{color:#916af9;}
	.pm_bnWrap02 .pm_topbanner02 .bnSingle{color:#ff8600;}
	.pm_bnWrap02 .pm_topbanner02 .bnSudden{color:#31c979;}
	.pm_bnWrap02 .btnOption{margin-top:15px;}

	/* 시작 버튼 */
	.pin_submit_btn{
		margin:0 auto;
		display: block;
		margin-top: 2%;
		position: relative;
		padding-bottom: 1%;
		text-align: center;
	}

	.pin_submit{
		/*width: 210px;
		height: 60px;*/
		color: #fff;
		border-radius: 40px;
		border: none;
		background:#000;
		font-size: 20px;
		padding:20px 60px;
		font-weight: bold;
		margin:0 10px;
		transform:skew(0.03deg);
	}

	.pin_submit_btn button:active{
	  position:relative;
	  top:7px;
	  border:none;
	}
}
/* 골든벨 입장화면(반응형) 끝 */



/* 크룹 Report 상세  CSS */
.sub-wrap {padding:49px 0px;min-width: 980px;}
.sub-wrap .sub-top-title{font-weight:bold; font-size:32px; color:#000;margin-bottom:38px; }
.sub-wrap .sub-top-title:lang(ja){font-weight:normal;}
.sub-wrap .bx_type{position:relative; overflow:hidden;border-radius:10px; background:#fff; margin-bottom:17px;padding:32px 39px;}
.sub-wrap .bx_type .bx_subTitle{font-size:22px; color:#000;margin-bottom:24px;}
.sub-wrap .bx_type .bx_type_graph{height:200px;padding:3%;background-color:#f3f3f3;width:43%;float:left;margin-right:2%;}
.sub-wrap .bx_type .bx_type_graph:last-child{margin-right:0;}

/*  검색조건 css  */
.bx_type3{width: 96%; border-radius: 4px; background-color: #f6f6f6; overflow: hidden; padding: 24px 0; margin: 2%;
    display: flex; flex-direction: row; align-items: center; justify-content: center;}
.bx_type3 .form_group_title{font-size:14px; color:#666;float:left;display:inline-block;line-height:37px;margin-right:14px;}
.bx_type3 .form_group_title:lang(ja){width:38px; margin-right:0;}
.bx_type3 .bx_terms01{width: 30%; display: flex; align-content: center; justify-content: center; align-items: center; flex-direction: row;}
.bx_type3 .bx_terms02 {width: 30%;display: flex; flex-direction: row; justify-content: center;}
.bx_type3 .bx_terms03 {width: 30%;display: flex; flex-direction: row; justify-content: center;}
.bx_type3 .bx_terms03:lang(ja){width: 34%;}
.bx_type3 .bx_terms02 .bx_calendar .formText{width:100px;text-align:center;color:#666;font-size:14px;padding:0 8px;}
.bx_type3 .bx_terms02 .bx_calendar span{color:#666;font-size:14px;display:inline-block;margin:0 5px;vertical-align:middle;line-height:35px;}
.bx_type3 .bx_terms02 .bx_calendar .btnReset{display:inline-block;font-size:18px; color:#909090;margin-top:8px;}
.bx_type3 .bx_terms03 .FormSearch {float:left;width:84%;}
.bx_type3 .bx_terms03 .FormSearch .searchTerm {font-size:14px;}
.bx_type3 .bx_terms05{width:100%; text-align:center;}
.bx_type3 .bx_terms05 .sorting2 .FormSearch{width:400px;}

.bx_type3 .form_radio_group {
	display: inline-block;
	overflow: hidden;
}

.bx_type3 .form_radio_group-item {
	display: inline-block;
	float: left;    
}
.bx_type3 .form_radio_group input[type=radio] {
	display: none;
}
.bx_type3 .form_radio_group label {
	display: inline-block;
	cursor: pointer;
	line-height: 34px;
	border: 1px solid #dededf;
	border-right: none;
	user-select: none;	
	font-size:14px;
	color:#a5a5a5;
	min-width:92px;
	text-align:center;
	background:#fff;
}

.bx_type3 .form_radio_group label:lang(ja){
	min-width:auto;
	padding:0 10px; 
}


.bx_type3 .form_radio_group .form_radio_group-item:first-child label {
	border-radius: 4px 0 0 4px;
}
.bx_type3 .form_radio_group .form_radio_group-item:last-child label {
	border-radius: 0 4px 4px 0;
	border-right: 1px solid #dededf;
}
 
/* Checked */
.bx_type3 .form_radio_group input[type=radio]:checked + label {
	background: #ff8600;
	color:#fff;
}
 
/* Hover */
.bx_type3 .form_radio_group label:hover {
	color: #a5a5a5;
}
 
/* Disabled */
.bx_type3 .form_radio_group input[type=radio]:disabled + label {
	background: #efefef;
	color: #a5a5a5;
}


/* 기본 게시판 CSS */
.helpWrap {width:100%; max-width:1100px; min-width:970px; margin: 0; font-family:'cwtexhei','HGGGothicssi 60g',NanumGothic,나눔고딕,'Nanum Gothic','맑은 고딕',Sans-serif;}
.helpWrap:lang(ja){ font-family:'M PLUS Rounded 1c', 'Noto Sans JP', Meiryo, Arial, sans-serif;}
.helpWrap .table_container{position:relative; overflow:hidden; width: 100%;font-size:16px; color:#343434;}
.table_container .total_num {font-size:16px;margin-bottom:10px; transform:skew(0.03deg);}
.table_container .total_num > span{display:inline-block; padding:0 3px;font-weight:bold;}
.table_container .tbBox {table-layout: fixed; width: 100%}
.table_container .tbBox  {border-collapse:collapse;border-spacing:0;background-color:#fff;}
.table_container .tbBox thead{background:#ededed; border-top:1px solid #909090; border-bottom:1px solid #909090;}
.table_container .tbBox thead>tr{border-bottom:1px solid #909090;}
.table_container .tbBox tr{border-bottom: 1px solid #c7c7c7;}
.table_container .tbBox td{border-style:solid;font-size:16px;overflow:hidden;padding:10px 5px;word-break:normal;border-right:1px solid #c7c7c7;font-family: 'HGGGothicssi 20g';  font-weight: bold;}
.table_container .tbBox td:lang(ja){font-weight:normal;transform: skew(0.03deg); font-family:'M PLUS Rounded 1c', 'Noto Sans JP', Meiryo, Arial, sans-serif;}
.table_container .tbBox th{border-right:1px solid #c7c7c7;font-size:16px;font-weight:normal;color:#999999;overflow:hidden;padding:10px 5px;word-break:normal; transform:skew(0.03deg);}
.table_container .tbBox .th{line-height:20px; text-align:center;vertical-align:middle;}
.table_container .tbBox .th2{background:#ededed; line-height:20px; text-align:center;vertical-align:middle;}
.table_container .tbBox .tg{text-align:center;vertical-align:middle; line-height:20px;}
.table_container .tbBox .tg.left {text-align:left; padding-left:20px;}
.table_container .tbBox .b01{border-left:none;}
.table_container .tbBox .b02{border-right:none;}
.table_container .tbBox .b03{border-top:1px solid #999; border-bottom:1px solid #999;}
.table_container .tbBox .btnAccept{ font-family:'cwtexhei','HGGGothicssi 60g',NanumGothic,나눔고딕,'Nanum Gothic','맑은 고딕',Sans-serif;background-color:#fb7d18; padding:3px 18px; color:#fff; font-size:13px;border-radius:50px;}
.table_container .tbBox .btnReport{background-color:#ff6049; padding:5% 15%; color:#fff; font-size:13px;border-radius:6px;}
.table_container .tbBox button:active{position:relative;top:3px;border:none;}
.table_container .tbBox .bgNoti{background:#fbdbb7; font-weight:bold;color:#303030;}
.table_container .exportBtnWrap{width:100%; margin:10px 5px;}
.table_container .exportBtnWrap .CheckBoxMake{float:left;padding: 7px 10px 0 0}
.table_container .editBtnWrap{width:100%; text-align:right; margin-top:15px;   z-index: 9999;}
.table_container .a_wait{color:#ff8600;}
.table_container .ico-not-read{color:#ff8600;display:inline-block; margin-right:10px; font-size:17px;}
.table_container .ico-read{color:#000;display:inline-block; margin-right:10px; }

.view_container{width:100%; margin:0 auto;padding:20px;}
.view_container .view_title_box{position:relative;background:#ededed;border-top:1px solid #909090;}
.view_container .view_title_box.replyBox{background:#fff3e5;border-top:1px solid #ffe0bc;}
.view_container .view_title_box {font-size:20px;color:#666666;padding:20px;margin-top: -1px;}
.view_container .view_title_box .view_title{width:65%;font-size:18px;color:#343434;transform: skew(0.03deg);}
.view_container .view_title_box .view_title2{width:100%;font-size:18px;color:#343434;transform: skew(0.03deg);}
.view_container .view_title_box .info{position:absolute; top:30px; right:0;padding-right:1%;font-size:18px; color:#666; transform:skew(0.03deg);}
.view_container .view_title_box.replyBox .info{position:absolute; top:22px; right:0;padding-right:1%;font-size:18px; color:#666; transform:skew(0.03deg);}
.view_container .view_title_box .info p {float:left;padding:0 15px;}
.view_container .view_title_box .icon-customer {padding-right:5px;}
.view_container .view_category{font-size:13px; transform:skew(0.03deg);padding-top:8px;color: #818181;}
.view_container .view_contents .view_img{display:inline-block; width:100%; margin:10px 0;text-align:center;}
.view_container .view_contents .view_img > img {max-width:750px;}
.view_container .view_contents .view_txt{font-size:16px; line-height:24px; padding:35px;transform:skew(0.03deg);}
.view_container .view_contents .view_file{background:#f1f1f1;border-radius:4px;font-size:14px;  margin:10px 10px 25px 10px; padding:10px 25px ;transform:skew(0.03deg);}
.view_container .view_contents .view_file  i{padding:0 5px;}
.view_container .view_contents{background:#fff; border-bottom:1px solid #909090;}
.view_container .view_contents p i{padding:2px 10px;}
.view_container .bx_answer{margin-top:0;}


.edit_container{width:100%; margin:0 auto;}
.edit_container .edit_box { padding : 10px 0; border-bottom:1px solid #909090;border-top:1px solid #909090;background:#fff;}
.edit_container .edit_box .edit_title{overflow:hidden; display: block; width:calc(100% - 10px); padding-top:5px; }
.edit_container .edit_box .edit_title  > p {transform: skew(0.03deg); padding: 15px 0 0 10px;}
.edit_container .edit_box .edit_title .file { display: flex; align-items: center;background:#eee;border-radius:4px;font-size:14px; margin-left:10px; margin-bottom:15px;padding:10px 25px ;transform:skew(0.03deg);}
.edit_container .edit_box .edit_title .file > i {padding:0 5px;}
.edit_container .editBtnWrap {margin:10px 0;text-align:right;}


/* 탭메뉴 CSS */
.tab {display:none;}
.tab + label {display:inline-block; padding:13px 58px; background:#f6f6f6; color:#9a9a9a; font-size:18px; cursor:pointer;border-radius:4px 4px 0 0;border:1px solid #dfdfdf; border-bottom:1px solid #fff;}
.tab:checked + label {display:inline; background:#fff; color:#606060; border:1px solid #dfdfdf; border-bottom:1px solid #fff; border-radius:4px 4px 0 0; font-weight:bold;}
.tabox{width:100%; height:auto; background:#fff; margin:0 auto; display:none; border:1px solid #dfdfdf; border-radius:0 4px 4px 4px; overflow:hidden;}

input[id="tab01"]:checked ~ .con1 {display:block;}
input[id="tab02"]:checked ~ .con2 {display:block;}
input[id="tab03"]:checked ~ .con3 {display:block;}
input[id="tab04"]:checked ~ .con4 {display:block;}
input[id="tab05"]:checked ~ .con5 {display:block;}
input[id="tab06"]:checked ~ .con6 {display:block;}

.accordion {
    padding: 0 1em 24px;
    width: 97%;
    margin: 2em auto;
}

.accordion h2 {
    margin: 12px 0;
}

.accordion .section {
    padding: 0 1em;
    background: #fff;
}

.accordion h3 a {
	position:relative;
    display: block;
    font-weight: normal;
    padding: 1em;
	background:#f6f6f6;
	border-top:1px solid #909090;
	color:#000;
	transform:skew(0.03deg);
	
}

.accordion h3 a i{
	position:absolute;
	top:16px;
	right:31px;
}
.accordion h3 a:hover {
    text-decoration: none;
}

.accordion h3 + div {
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.3s ease-in;
    -moz-transition: height 0.3s ease-in;
    -o-transition: height 0.3s ease-in;
    -ms-transition: height 0.3s ease-in;
    transition: height 0.3s ease-in;
}

.accordion p {
	padding:10px ;
	color:#666;
	transform:skew(0.03deg);
	 line-height: 1.5;
  letter-spacing: 0.4px;
}

/* .accordion p > span {
	color:#ff6800;
	display:inline-block;
	font-weight:bold;
	padding-right:5px;
	
} */

.accordion p > .answer_span {
	color:#ff6800;
	display:inline-block;
	font-weight:bold;
	padding-right:5px;
	
}

.accordion :target h3 a {
    text-decoration: none;
    font-weight: bold;
	background:#f6f6f6;
	border-top:1px solid #909090;
}

.accordion :target h3 + div {
    height: 150px;
}

.accordion :target p {
	padding:10px ;
}

.accordion .section.large:target h3 + div {
    overflow: auto;
}

.accordion :target h3 a i{
	transform: rotate(3.142rad);
}