@charset "utf-8";
/* font */
@import url("survey_font.css");
/*base*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ width:100%; height:100%; text-align:left; font-size:16px; font-weight:400; font-family:"NanumBarunGothic", Helvetica, Tahoma, Verdana, Arial, AppleGothic, UnDotum, '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', '굴림', 'Gulim', sans-serif; color:#494A4B; line-height:1.6; letter-spacing: -0.29px; -webkit-overflow-scrolling:touch; }
body,p,h1,h2,h3,h4,h5,h6,table,caption,form,fieldset,legend,span,div,th,td,address{margin:0; padding:0; }
ul,ol,li,dl,dt,dd{list-style:none; margin:0; padding:0px}
img{ border:0 none; line-height:0; font-size:0; vertical-align:top; }
main,header,section,nav,footer,aside,article,figure{ display:block; }
table{border-collapse:collapse; border-spacing:0; width:100%}
fieldset{border:0}
legend, caption{width:0; height:0; text-indent:-10000px; font-size:0px; line-height:0; position:absolute; left:-99999px; }
textarea{border:2px solid #dbdbdc; padding:8px 10px !important; line-height:18px; resize:none; }
input, textarea { vertical-align:middle; font-size:14px; color:#494A4B; font-family:"NanumBarunGothic", Helvetica, Tahoma, Verdana, Arial, AppleGothic, UnDotum, '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', '굴림', 'Gulim', sans-serif; padding:0; margin:0; }
input[type="checkbox"] { width:12px; height:12px; margin-right:7px;}
input[type="radio"] { width:13px; height:13px; border:none; }
input[type="file"]{height:22px; color:#666; border:1px solid #d4d4d4; line-height:22px; vertical-align:middle; background:#fff}
input.text{height:18px; padding:8px 10px; border:2px solid #dbdbdc; }
input.date{margin:0 3px 0 0; width:110px}
em { font-style:normal; }
iframe { border:none; }
strong { font-weight:bold; }
a { color:#000000; text-decoration:none; }
*:focus { position: relative; box-shadow:none;  -webkit-box-shadow:none; outline: 1px dotted #000;}
/* *:focus::before { position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; border: 1px dotted #000; } */
hr { border:0; background-color: #D5D5D5; margin:0; height:1px; }
button { padding:0; border:none; cursor:pointer; font-family:inherit; background:none; border-radius:0; }
/* common */
.hide { display:none; }
.of-hi { overflow:hidden !important; }
.fl-l { float:left !important; }
.fl-r { float:right !important; }
.cl-b { width:0; height:0; font-size:0; line-height:0; clear:both;}
.va-m { vertical-align:middle !important;}
.va-t { vertical-align: top !important;}
.max { width:100%; }
.ta-c { text-align:center !important; }
.ta-l { text-align:left !important; }
.ta-r { text-align:right !important; }
.clear { display:block; overflow:visible; width:auto; clear:both; *zoom:1;}
.clear:after { display:block; visibility:hidden; height:0; font-size:0; clear:both; content:'';}
.w100 { width:100% !important; }
.ellipse { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ellipse.lh2 { white-space: normal; line-height: 1.25; height: 2.5em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ellipse.lh3 { white-space: normal; line-height: 1.25; height: 3.75em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.ellipse.lh4 { white-space: normal; line-height: 1.25; height: 5em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.uppercase { text-transform: uppercase; }

.mt0 { margin-top: 0 !important;}
.mt4 { margin-top: 4px !important; }
.mt8 { margin-top: 8px !important; }
.mt12 { margin-top: 12px !important; }
.mt16 { margin-top: 16px !important; }
.mt24 { margin-top: 24px !important; }
.mt32 { margin-top: 32px !important; }
.mt40 { margin-top: 40px !important; }
.mt48 { margin-top: 48px !important; }
.mt56 { margin-top: 56px !important; }
.mt64 { margin-top: 64px !important; }
.mt72 { margin-top: 72px !important; }
.mt80 { margin-top: 80px !important; }
.mt96 { margin-top: 96px !important; }
.mt112 { margin-top: 112px !important; }
.mt128 { margin-top: 128px !important; }
.mt144 { margin-top: 144px !important; }
.mt160 { margin-top: 160px !important; }

.mb0 { margin-bottom: 0 !important;}
.mb4 { margin-bottom: 4px !important; }
.mb8 { margin-bottom: 8px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb16 { margin-bottom: 16px !important; }
.mb24 { margin-bottom: 24px !important; }
.mb32 { margin-bottom: 32px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb48 { margin-bottom: 48px !important; }
.mb56 { margin-bottom: 56px !important; }
.mb64 { margin-bottom: 64px !important; }
.mb72 { margin-bottom: 72px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb96 { margin-bottom: 96px !important; }
.mb112 { margin-bottom: 112px !important; }
.mb128 { margin-bottom: 128px !important; }
.mb144 { margin-bottom: 144px !important; }
.mt160 { margin-bottom: 160px !important; }

.mr0 { margin-right:0px !important; }
.mr4 { margin-right:4px !important; }
.mr8 { margin-right:8px !important; }
.mr12 { margin-right:12px !important; }
.mr16 { margin-right:16px !important; }
.mr32 { margin-right:32px !important; }
.ml0 { margin-left:0px !important; }
.ml4 { margin-left:4px !important; }
.ml8 { margin-left:8px !important; }
.ml12 { margin-left:12px !important; }
.ml16 { margin-left:16px !important; }
.ml32 { margin-left:32px !important; }

.pt0 { padding-top: 0 !important;}
.pt8 { padding-top: 8px !important; }
.pt12 { padding-top: 12px !important; }
.pt16 { padding-top: 16px !important; }
.pt24 { padding-top: 24px !important; }
.pt32 { padding-top: 32px !important; }
.pt40 { padding-top: 40px !important; }
.pt48 { padding-top: 48px !important; }
.pt56 { padding-top: 56px !important; }
.pt64 { padding-top: 64px !important; }
.pt72 { padding-top: 72px !important; }
.pt80 { padding-top: 80px !important; }
.pt96 { padding-top: 96px !important; }
.pt112 { padding-top: 112px !important; }
.pt128 { padding-top: 128px !important; }
.pt144 { padding-top: 144px !important; }
.pt160 { padding-top: 160px !important; }

.pl0 { padding-left: 0 !important;}

.pb0 { padding-bottom: 0 !important;}
.pb8 { padding-bottom: 8px !important; }
.pb12 { padding-bottom: 12px !important; }
.pb16 { padding-bottom: 16px !important; }
.pb24 { padding-bottom: 24px !important; }
.pb32 { padding-bottom: 32px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb48 { padding-bottom: 48px !important; }
.pb56 { padding-bottom: 56px !important; }
.pb64 { padding-bottom: 64px !important; }
.pb72 { padding-bottom: 72px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb96 { padding-bottom: 96px !important; }
.pb112 { padding-bottom: 112px !important; }
.pb128 { padding-bottom: 128px !important; }
.pb144 { padding-bottom: 144px !important; }
.pb160 { padding-bottom: 160px !important; }

.pr16 { padding-right: 16px !important; }

/******** UI ********/
[class*="btn"]:not(.btn-wrap) { position:relative; display:inline-block; letter-spacing: -0.5px; }

/*radio, checkbox custom style*/
/*checkbox*/
.checkbox-item { line-height: 24px; }
.checkbox-item input[type="checkbox"] { position:absolute; opacity:0; cursor: default; width: 24px; height: 24px; cursor: pointer; }
.checkbox-item input[type="checkbox"] + label { display:inline-block; position: relative; min-height:24px; cursor: pointer; padding-left: 32px; font-size: 16px; font-weight: 400; color: 323234; }
.checkbox-item input[type="checkbox"] + label::before,
.checkbox-item input[type="checkbox"]:not(:checked)+label:before { display: inline-block; position: absolute; content: ""; width: 24px; height: 24px; left: 0px; top: 0px; }
.checkbox-item input[type="checkbox"] + label:after { content:''; position:absolute; width:24px; height:24px; left:0px; top:0px; background-repeat: no-repeat; background-image: url(../images/bg_checkbox.svg); background-size: 100% auto; }
.checkbox-item input[type="checkbox"]:checked + label:after { background-image: url(../images/bg_checkbox_active.svg); }
.checkbox-item input[type="checkbox"]:disabled + label { opacity: .4; }
/*radio*/
.radio-item { line-height: 24px; }
.radio-item input[type="radio"] { position:absolute; opacity:0; cursor: default; width: 24px; height: 24px; cursor: pointer; }
.radio-item input[type="radio"] + label { display:inline-block; position: relative; min-height:24px; cursor: pointer; padding-left: 32px; line-height: 24px; font-size: 16px; font-weight: 400; color: 323234;}
.radio-item input[type="radio"] + label::before,
.radio-item input[type="radio"]:not(:checked)+label:before { display: inline-block; position: absolute; content: ""; width: 24px; height: 24px;  left: 0; top: 0;  border: 2px solid #BFBFBF; background-color: #ffffff; border-radius: 50%; box-sizing: border-box; }
.radio-item input[type="radio"] + label:after { position:absolute; content:''; width:13px; height:13px; left:6px; top:6px; border-radius:50%; transition: all .3s; background-color: #ffffff; }
.radio-item input[type="radio"]:checked + label:before { border: 2px solid #404040; background-color: #ffffff; }
.radio-item input[type="radio"]:checked + label:after { background-color: #404040; }

/* selectbox */
select { width:100%; padding:0px 32px 0px 16px; line-height:1.57; letter-spacing:-0.5px; font-size:16px; color:#494A4B; border:none;}
select::-ms-expand { display: none; }
.select-item { overflow:hidden; position:relative; display:inline-block; width:100%; z-index:1; line-height:1; vertical-align:middle; }
.select-item select { position:relative; z-index:2; width:100%; background-color: #F6F6F6; background-image: url(../../../images/common/icon_select_arrow_b.svg); background-repeat: no-repeat; background-position: right 9px center; letter-spacing:0; height: 48px; line-height: 46px; padding-right: 33px; border: 1px solid #F6F6F6; border-bottom: 1px solid #B3B3B3; }
html:first-child select{} /* Opera 9 & Below Fix */

/* selectbox 디자인만 */
select:not(.no-style) {
  font-family:inherit;  /* 폰트 상속 */
  border-radius:0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance:none; /* 네이티브 외형 감추기 */
  -moz-appearance:none;
  appearance:none;
}
/*file custom*/
.file-item { position:relative;}
.file-item .btn.file { display:inline-block; padding:5px 17px; margin-left:6px; margin-top:8px; border:1px solid #545454; border-radius:0; text-align:center; color:#252525; font-size:1.2rem; font-weight:500; background:#fff; }
.file-item .input-file-hidden { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer; }

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
  display:none;
}
.input-box { position:relative; }
.input-box label {
  position:absolute;
  top:1px;  /* input 요소의 border-top 설정값 만큼 */
  left:1px;  /* input 요소의 border-left 설정값 만큼 */
  padding:7px 11px;  /* input 요소의 padding 값 만큼 */
  color:#999;
  cursor:text;
}
/*input*/
input[type="text"],
input[type="password"],
input[type="tel"] {
  height:auto;
  line-height:normal;
  padding:0px 11px;
  box-sizing:border-box;
  width:auto;
  background:transparent;
  border:1px solid #E9E9E9;
  font-size:1.4rem;
  font-family:inherit;
  border-radius:0;
  color:#fff;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;  
}

input[type="number"], input[type="email"] {
  height:44px;
  line-height:normal;
  padding:0px 11px;
  box-sizing:border-box;
  background:transparent;
  border:1px solid #D7D7D7;
  font-size:1.4rem;
  font-family:inherit;
  border-radius:0;
  color:#fff;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;  
}
input[type="text"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="number"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid #D7D7D7; background-color: #fff; outline: 0px; }

/* input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus { border:1px solid #DC0082; } */
::-webkit-input-placeholder {
   color:#6D6D6D;
}
:-moz-placeholder { /* Firefox 18- */
   color:#6D6D6D;
}
::-moz-placeholder {  /* Firefox 19+ */
   color:#6D6D6D;
}
:-ms-input-placeholder {
   color:#6D6D6D;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent;  }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }
/*textarea*/
textarea { width:100%; border:1px solid #dfdfdf; border-radius:0; }

/* ir */
table.ir{ text-indent:-10000px; }
.ir { 
  position: absolute; /* position: absolute/fixed 에서만 clip 속성 작동 */
  margin: -1px; /* 부트스트랩에선 안씀 */
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden; /* overflow: visible 이면 clip 속성 작동 안됨 */
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%); /* H5BP에선 안씀 */
 }

/*animation*/
.ani-all {
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;
}

/*flex*/
.flex-con { display:flex !important; display:-webkit-flex !important; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; }
/*방향*/
.flex-con.col { flex-direction:column; }
.flex-con.row { flex-direction:row; }
.flex-con.row-reverse { flex-direction:row-reverse; }
.flex-con.col-reverse { flex-direction:column-reverse; }
/*줄넘김*/
.flex-con.nowrap { flex-wrap:nowrap; }
.flex-con.wrap { flex-wrap:wrap; }
.flex-con.wrap-reverse { flex-wrap:wrap-reverse; }
/*빈공간처리*/
.flex-con.left { justify-content:flex-start; }
.flex-con.right { justify-content:flex-end; }
.flex-con.center { justify-content:center; }
.flex-con.sb { justify-content:space-between; }
.flex-con.sa { justify-content:space-around; }
.flex-con .col1 { flex-grow:1; flex: 1; }
.flex-con .col2 { flex-grow:2; flex: 2; }
.flex-con .col3 { flex-grow:3; flex: 3; }
.flex-con .col4 { flex-grow:4; flex: 4; }
.flex-con .col5 { flex-grow:5; flex: 5; }
.flex-con .col6 { flex-grow:6; flex: 6; }
.flex-con .col7 { flex-grow:7; flex: 7; }
.flex-con .col8 { flex-grow:8; flex: 8; }
.flex-con .col9 { flex-grow:9; flex: 9; }
.flex-con .col10 { flex-grow:10; flex: 10; }

/* col-wrap */
.col-wrap {margin: 0 -20px; overflow: hidden;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xxl-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xxl-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xxl-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xxl-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xxl-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xxl-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xxl-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xxl-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xxl-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xxl-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xxl-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12, .col-xxl-12 {float: left; position: relative; min-height: 1px; padding-right: 20px; padding-left: 20px; box-sizing: border-box;}
.col-xxl-12 { width: 100%; }
.col-xxl-11 { width: 91.66666667%; }
.col-xxl-10 { width: 83.33333333%; }
.col-xxl-9 { width: 75%;}
.col-xxl-8 { width: 66.66666667%; }
.col-xxl-7 { width: 58.33333333%; }
.col-xxl-6 { width: 50%;}
.col-xxl-5 { width: 41.66666667%; }
.col-xxl-4 { width: 33.33333333%; }
.col-xxl-3 { width: 25%; }
.col-xxl-2 { width: 16.66666667%; }
.col-xxl-1 { width: 8.33333333%; }

/*xl*/
@media (max-width: 1440px) {
  .col-wrap {margin: 0 -18px; overflow: hidden;}
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xxl-1,
  .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xxl-2,
  .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xxl-3,
  .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xxl-4,
  .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xxl-5,
  .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xxl-6,
  .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xxl-7,
  .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xxl-8,
  .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xxl-9,
  .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xxl-10,
  .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xxl-11,
  .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12, .col-xxl-12 {float: left; position: relative; min-height: 1px; padding-right: 18px; padding-left: 18px; box-sizing: border-box;}
	.col-xl-12 { width: 100%; }
	.col-xl-11 { width: 91.66666667%; }
	.col-xl-10 { width: 83.33333333%; }
	.col-xl-9 { width: 75%;}
	.col-xl-8 { width: 66.66666667%; }
	.col-xl-7 { width: 58.33333333%; }
	.col-xl-6 { width: 50%;}
	.col-xl-5 { width: 41.66666667%; }
	.col-xl-4 { width: 33.33333333%; }
	.col-xl-3 { width: 25%; }
	.col-xl-2 { width: 16.66666667%; }
	.col-xl-1 { width: 8.33333333%; }
}
/*lg*/
@media (max-width: 1024px) {
   * { outline:0 !important; }
  html{ -webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); } 
  .col-wrap {margin: 0 -12px; overflow: hidden;}
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xxl-1,
  .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xxl-2,
  .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xxl-3,
  .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xxl-4,
  .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xxl-5,
  .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xxl-6,
  .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xxl-7,
  .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xxl-8,
  .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xxl-9,
  .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xxl-10,
  .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xxl-11,
  .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12, .col-xxl-12 {float: left; position: relative; min-height: 1px; padding-right: 12px; padding-left: 12px; box-sizing: border-box;}
	.col-lg-12 { width: 100%; }
	.col-lg-11 { width: 91.66666667%; }
	.col-lg-10 { width: 83.33333333%; }
	.col-lg-9 { width: 75%;}
	.col-lg-8 { width: 66.66666667%; }
	.col-lg-7 { width: 58.33333333%; }
	.col-lg-6 { width: 50%;}
	.col-lg-5 { width: 41.66666667%; }
	.col-lg-4 { width: 33.33333333%; }
	.col-lg-3 { width: 25%; }
	.col-lg-2 { width: 16.66666667%; }
	.col-lg-1 { width: 8.33333333%; }
}
/*md*/
@media (max-width: 768px) {
  body{ font-size:15px; }
  .col-wrap {margin: 0 -8px; overflow: hidden;}
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xxl-1,
  .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xxl-2,
  .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xxl-3,
  .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xxl-4,
  .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xxl-5,
  .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xxl-6,
  .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xxl-7,
  .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xxl-8,
  .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xxl-9,
  .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xxl-10,
  .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xxl-11,
  .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12, .col-xxl-12 {float: left; position: relative; min-height: 1px; padding-right: 8px; padding-left: 8px; box-sizing: border-box;}
	.col-md-12 { width: 100%; }
	.col-md-11 { width: 91.66666667%; }
	.col-md-10 { width: 83.33333333%; }
	.col-md-9 { width: 75%;}
	.col-md-8 { width: 66.66666667%; }
	.col-md-7 { width: 58.33333333%; }
	.col-md-6 { width: 50%;}
	.col-md-5 { width: 41.66666667%; }
	.col-md-4 { width: 33.33333333%; }
	.col-md-3 { width: 25%; }
	.col-md-2 { width: 16.66666667%; }
	.col-md-1 { width: 8.33333333%; }
  /*radio, checkbox custom style*/
  /*checkbox*/
  .checkbox-item { line-height: 20px; }
  .checkbox-item input[type="checkbox"] { position:absolute; opacity:0; cursor: default; width: 20px; height: 20px; cursor: pointer; }
  .checkbox-item input[type="checkbox"] + label { display:inline-block; position: relative; min-height:24px; cursor: pointer; padding-left: 26px; font-size: 14px; font-weight: 400; color: 323234; }
  .checkbox-item input[type="checkbox"] + label::before,
  .checkbox-item input[type="checkbox"]:not(:checked)+label:before { display: inline-block; position: absolute; content: ""; width: 20px; height: 20px; left: 0px; top: 0px; }
  .checkbox-item input[type="checkbox"] + label:after { content:''; position:absolute; width:20px; height:20px; left:0px; top:0px; background-repeat: no-repeat; background-size: 100% auto; }
  /* .checkbox-item input[type="checkbox"]:checked + label:after { background-image: url(../../../images/common/bg_checkbox_active.svg); } */
  /*radio*/
  .radio-item { line-height: 20px; }
  .radio-item input[type="radio"] { position:absolute; opacity:0; cursor: default; width: 24px; height: 24px; cursor: pointer; }
  .radio-item input[type="radio"] + label { display:inline-block; position: relative; min-height:24px; cursor: pointer; padding-left: 26px; line-height: 24px; font-size: 14px; font-weight: 400; color: 323234;}
  .radio-item input[type="radio"] + label::before,
  .radio-item input[type="radio"]:not(:checked)+label:before { display: inline-block; position: absolute; content: ""; width: 24px; height: 24px;  left: 0; top: 0;  border: 2px solid #BFBFBF; background-color: #ffffff; border-radius: 50%; box-sizing: border-box; }
  .radio-item input[type="radio"] + label:after { position:absolute; content:''; width:13px; height:13px; left:6px; top:6px; border-radius:50%; transition: all .3s; background-color: #ffffff; }
  .radio-item input[type="radio"]:checked + label:before { border: 2px solid #404040; background-color: #ffffff; }
  .radio-item input[type="radio"]:checked + label:after { background-color: #404040; }
  /* selectbox */
  select { width:100%; padding:0px 32px 0px 16px; line-height:1.57; letter-spacing:-0.5px; font-size:14px; color:#323234; border:none;}
  select::-ms-expand { display: none; }
  .select-item { overflow:hidden; position:relative; display:inline-block; width:100%; z-index:1; line-height:1; vertical-align:middle; }
  .select-item select { position:relative; z-index:2; width:100%; background-color: #F6F6F6; background-image: url(../../../images/common/icon_select_arrow_b.svg); background-repeat: no-repeat; background-position: right 9px center; letter-spacing:0; height: 43px; line-height: 41px; padding-right: 33px; border: 1px solid #F6F6F6; border-bottom: 1px solid #000; }
}
/* degree */
.degree-item { position:relative; }
.degree-item input[type="radio"] { position:absolute; opacity:0; cursor: default; width: 56px; height: 56px; cursor: pointer; box-sizing: border-box; }
.degree-item input[type="radio"] + label { display:inline-block; position: relative; left:0; top:0; min-width:56px; min-height:56px; cursor: pointer; line-height:48px; font-size: 24px; font-weight: 400; color:#8E8E8E; background:#ffffff; border-radius:50%; box-sizing: border-box; border:4px solid #ffffff; text-align:center; vertical-align:middle; }
.degree-item input[type="radio"]:checked + label { border:4px solid #333333; color:#333333; box-sizing:border-box; width:56px; height:56px; }
/* .degree-item input[type="radio"]:checked + label span { margin-top:-5px; }  */
/* .degree-item input[type="radio"] + label::before,
.degree-item input[type="radio"]:not(:checked)+label:before { display: inline-block; position: absolute; content: ""; width: 56px; height: 56px;  left: 0; top: 0;  border-radius: 50%; box-sizing: border-box; }
.degree-item input[type="radio"] + label:after { position:absolute; content:''; width:56px; height:56px; left:0px; top:0px; border-radius:50%; transition: all .3s; background-color: #ffffff; box-sizing: border-box; }
.degree-item input[type="radio"]:checked + label:before { background-color: #ffffff; }
.degree-item input[type="radio"]:checked + label:after { border:4px solid #333333; } */
/*sm*/
@media (max-width: 560px) {
  .col-wrap {margin: 0 -6px; overflow: hidden;}
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xxl-1,
  .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xxl-2,
  .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xxl-3,
  .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xxl-4,
  .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xxl-5,
  .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xxl-6,
  .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xxl-7,
  .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xxl-8,
  .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xxl-9,
  .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xxl-10,
  .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xxl-11,
  .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12, .col-xxl-12 {float: left; position: relative; min-height: 1px; padding-right: 6px; padding-left: 6px; box-sizing: border-box;}
	.col-sm-12 { width: 100%; }
	.col-sm-11 { width: 91.66666667%; }
	.col-sm-10 { width: 83.33333333%; }
	.col-sm-9 { width: 75%; }
	.col-sm-8 { width: 66.66666667%; }
	.col-sm-7 { width: 58.33333333%; }
	.col-sm-6 { width: 50%; }
	.col-sm-5 { width: 41.66666667%; }
	.col-sm-4 {  width: 33.33333333%; }
	.col-sm-3 { width: 25%; }
	.col-sm-2 { width: 16.66666667%; }
	.col-sm-1 { width: 8.33333333%;}
}
/*xs*/
@media (max-width: 375px) {
  .col-wrap {margin: 0 -6px; overflow: hidden;}
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xxl-1,
  .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xxl-2,
  .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xxl-3,
  .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xxl-4,
  .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xxl-5,
  .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xxl-6,
  .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xxl-7,
  .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xxl-8,
  .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xxl-9,
  .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xxl-10,
  .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xxl-11,
  .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12, .col-xxl-12 {float: left; position: relative; min-height: 1px; padding-right: 6px; padding-left: 6px; box-sizing: border-box;}
	.col-xs-12 { width: 100%; }
	.col-xs-11 { width: 91.66666667%; }
	.col-xs-10 { width: 83.33333333%; }
	.col-xs-9 { width: 75%; }
	.col-xs-8 { width: 66.66666667%; }
	.col-xs-7 { width: 58.33333333%; }
	.col-xs-6 { width: 50%; }
	.col-xs-5 { width: 41.66666667%; }
	.col-xs-4 {  width: 33.33333333%; }
	.col-xs-3 { width: 25%; }
	.col-xs-2 { width: 16.66666667%; }
	.col-xs-1 { width: 8.33333333%;}
}


@media all and (max-width:768px) {
  
}
@media all and (max-width:640px) {

}