.landing { background: #dbd9da; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px; padding-bottom: 100px; }

.landing input, .landing textarea { background: #F9F9F9; width: calc(100% - 100px); padding-top: 5px; padding-bottom: 5px; border: 0; outline: none; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif; }

.landing input:focus, .landing textarea:focus { border: 0 !important; }

.landing input[type="radio"], .landing input[type="checkbox"] { display: none; }

.landing input[type="text"] { line-height: 40px; height: 40px; padding: 3px 10px; }

.landing .container { max-width: 1380px; }

.landing .flex { display: flex; }

.landing .self-start { align-self: flex-start; }

.landing .subtop { margin-top: 0; padding: 0; }

.landing .subtop img { margin: auto; }

.landing .youtube { background-color: #fff; padding: 30px 120px; }

.landing .video { padding-top: 56.25%; position: relative; }

.landing .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.landing .apply { position: relative; z-index: 10; background: #fff; padding: 40px 120px; }

.landing .step01 { margin-bottom: 50px; }

.landing .top_title { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #000; }

.landing .top_title .number_title { display: inline-block; }

.landing .bottom_list { justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.landing .bottom_left_list { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; width: calc(50% - 80px); }

.landing .bottom_left_list .apply_item { width: 110px; }

.landing .bottom_right_list { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 50%; }

.landing .bottom_right_list .apply_item { width: 230px; }

.landing .apply_item_wrapper { align-items: center; padding-top: 7.5px; padding-bottom: 7.5px; }

.landing .apply_item_wrapper:nth-of-type(1) { margin-left: auto; margin-right: 30px; }

.landing .list_box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }

.landing .list_box.w-50 { width: calc(50% - 20px); }

.landing_item { display: inline-block; width: 100px; margin-right: 20px; }

.landing textarea { padding: 10px; }

.landing .blue_checkbox { width: 25px; height: 25px; background-color: #F9F9F9; cursor: pointer; border: 1px solid #E9E9E9; }

.landing .blue_checkbox:before { content: ""; display: block; width: 1.1em; height: 1.1em; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); transform: scale(0); transform-origin: bottom left; transition: 120ms transform ease-in-out; background-color: #2fb1e3; }

.landing .label_text { cursor: pointer; padding-left: 10px; }

.landing input[type="radio"]:checked + .blue_checkbox:before, .landing input[type="checkbox"]:checked + .blue_checkbox:before { transform: scale(1); }

.landing input[type="radio"]:checked ~ .label_text, .landing input[type="checkbox"]:checked ~ .label_text { color: #2fb1e3; font-weight: 700; }

.landing .step02 { margin-bottom: 50px; }

.landing .step02 .center_notice { margin-bottom: 20px; }

.landing .step02 .center_notice span { color: #fff; }

.landing .step02 .bottom_picture { display: flex; margin-bottom: 40px; flex-wrap: wrap; }

.landing .step02 .filebox { align-items: center; margin-bottom: 20px; padding-bottom: 20px; position: relative; }

.landing .step02 .filebox:after { content: ""; display: block; width: 100%; position: absolute; height: 2px; background-color: #EDEDED; bottom: 0; }

.landing .step02 .filebox .title { width: 110px; }

.landing .step02 .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.landing .step02 .filebox label { display: inline-block; padding: .3em .5em; color: #999; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; background-color: #F9F9F9; width: 140px; text-align: center; }

.landing .step02 .filebox .upload-name { display: inline-block; width: auto; padding: .5em .75em; background-color: #fff; }

.landing .step02 .filebox.bs3-primary label { color: #fff; background-color: #337ab7; border-color: #2e6da4; }

.landing .step03 .apply_item { margin-bottom: 30px; }

.landing .step03 .agree_item { justify-content: flex-end; }

.landing .step03 .textarea { background: #F9F9F9; width: 100%; padding: 10px; max-height: 260px; overflow-y: scroll; margin-bottom: 40px; }

.landing .step03 .textarea ul, .landing .step03 .textarea p { background-color: transparent !important; }

.landing .step03 .list_box { justify-content: center; margin-right: 20px; }

.landing .step07 { text-align: center; margin-top: 100px; margin-bottom: 40px; }

.landing .step07 .btn_submit { width: 260px; padding: 20px; border-radius: 15px; background: linear-gradient(162deg, #6bb0ec 0%, rgb(110 231 237) 100%); font-weight: 700; -webkit-box-shadow: inset -5px -5px 3px #7979793d, inset 5px 5px 3px #ffffff40, 5px 5px 3px gainsboro; box-shadow: inset -5px -5px 3px #7979793d, inset 5px 5px 3px #ffffff40, 5px 5px 3px gainsboro; }

.landing .notice_text { color: #c4c4c4; }

.landing .square { background-color: #2fb1e3; padding: 10px; }

.landing .square img { margin-right: 10px; }

.landing .sentence { flex: 1 0 40%; min-width: 400px; }

.landing .sentence p { margin-bottom: 10px;}

.landing .top_box { flex: 1 0 60%; }

.landing .captcha_container { text-align: center; }

.landing .captcha_container #captcha > * { margin: 5px auto !important; }

.landing .captcha_container #captcha #captcha_audio { display: none; }

@media (min-width: 1921px) { .sub_section.intro .wrapper { max-width: 70%; }
  .sub_section.intro .left_container { background-size: contain; }
}

@media (max-width: 1280px) {
  .landing .bottom_list { flex-direction: column; }
  .landing .bottom_left_list { width: 100%; }
  .landing .bottom_right_list { width: 100%; }
  .landing .bottom_left_list .apply_item { width: 200px; }
  .landing .bottom_right_list .apply_item { width: 200px; }
}

@media (max-width: 960px) {
  .landing .youtube { padding: 20px 60px; }
  .landing .apply { padding: 20px 60px; }
  .landing .blue_checkbox { width: 20px; height: 20px; }
  .landing .blue_checkbox.mr-20 { margin-right: 1rem; }
  .landing .step02 .center_notice { margin-bottom: 10px; }
  .landing .sentence{ margin-bottom: 10px; min-width: 300px; }
  .landing .sentence p { width: auto; margin-bottom: 3px; }
  .landing .top_title { margin-bottom: 15px; }
  .landing .top_title img { width: 40px; }
  .landing .bottom_list { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .landing .bottom_list > div { width: 100%; }
  .landing .bottom_right_list .apply_item { width: 160px; }
  .landing .list_box { margin-bottom: 5px; }
  .landing .step02 .bottom_picture { margin-bottom: 40px; }
  .landing .step02 .bottom_picture .box img { width: 100%; }
  .landing .step02 .bottom_file { margin: 0; }
  .landing .step02 .filebox .title { width: 80px; }
  .landing .step02 .filebox label { width: 60px; }
  .landing .step02 .filebox .upload-name { width: calc(100% - 140px); }
  .landing .step03 .bottom_list .list_box { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .landing .step03 .bottom_list .list_box .apply_item { width: 100%; margin-bottom: 20px; }
  .landing .step03 .bottom_list .list_box textarea { width: 100%; }
  .landing .step07 { margin-top: 50px; }
  .landing .step03 .agree_item { justify-content: flex-start; }
}

@media (max-width: 768px) {
  .ft18 { font-size: 13px; }
  .ft20 { font-size: 14px; }
  .ft26 { font-size: 18px; }
  .landing input[type="text"] { height: 32px; }
  .landing .apply { padding: 20px 30px; }
  .landing .youtube { padding: 20px 30px; }
  .landing .step02 .filebox { margin-bottom: 10px; padding-bottom: 10px; }
  .landing .step03 .apply_item { margin-bottom: 15px; }
  .landing .step03 .agree_item { flex-wrap: wrap; }
  .landing .step03 .textarea { margin-bottom: 15px; }
  .landing .bottom_left_list .apply_item { width: 90px; }
  .landing .bottom_right_list .apply_item { width: 90px; }
  .landing .blue_checkbox:before { width: 0.8em; height: 0.8em; transform: translate(3px, 3px) scale(0); }
  .landing input[type="radio"]:checked + .blue_checkbox:before, .landing input[type="checkbox"]:checked + .blue_checkbox:before { transform: translate(3px, 3px) scale(1);}
  #captcha { text-align: center; }
  #captcha.m_captcha #captcha_reload { width: 30px; height: 30px; background-position: -5px -45px; }
}

@media (max-width: 450px) { .landing .sub_section.title .logo_wrapper { left: auto; right: 0; } }