@media screen and (max-width:1280px){
    /* set */
    .container {width: calc(100vw*(1200/1280));}
    h3.title {font-size: calc(100vw*(30/1280)); margin-top: calc(100vw*(60/1280));}
    #wrap_content {min-height: calc(100vh - calc(100vw*(442/1280))); padding-top: calc(100vw*(150/1280));}
    section {padding: calc(100vw*(80/1280)) 0 calc(100vw*(120/1280));}


    /* ========================= main ========================= */
    /* main section */
    .main_wrap.container {padding: calc(100vw*(128/1280)) calc(100vw*(92/1280)) 0;}
    .main_title {font-size: calc(100vw*(50/1280)); }
    .main_title.wh {top: calc(100vw*(-128/1280)); left: calc(100vw*(-92/1280));}
    .main_btn_box {top: calc(100vw*(310/1280));}
    .main_btn {width: calc(100vw*(120/1280)); height: calc(100vw*(120/1280));}
    .main_btn_box img {width: calc(100vw*(33/1280));}

    .main_text_box {padding-top: calc(100vw*(58/1280));}
    .main_left {width: calc(100% - calc(100vw*(530/1280)));}
    .main_left p {font-size: calc(100vw*(24/1280));}
    .main_right {width: calc(100vw*(530/1280));}
    .link_btn {font-size: calc(100vw*(18/1280)); margin-top: calc(100vw*(42/1280)); padding: calc(100vw*(3/1280)) calc(100vw*(90/1280)) calc(100vw*(3/1280)) calc(100vw*(10/1280));}
    .link_btn img {right: calc(100vw*(60/1280)); width: calc(100vw*(16/1280));}
    .link_btn:hover img {animation: arrow 0.85s infinite linear;}
    @keyframes arrow {
        from {transform: translate(0,-50%);}
        to {transform: translate(calc(100vw*(45/1280)),-50%);}
    }
    .main_right strong {font-size: calc(100vw*(20/1280)); margin-bottom: calc(100vw*(4/1280));}
    .main_right p {font-size: calc(100vw*(16/1280)); margin-bottom: calc(100vw*(20/1280));}


    /* work section */
    .section_title {font-size: calc(100vw*(60/1280));}
    .work_list {margin-top: calc(100vw*(70/1280));}
    .work_box {width: calc(100%/3); padding: 0 calc(100vw*(15/1280));}
    .work_box img {width: calc(100vw*(270/1280)); margin-bottom: calc(100vw*(12/1280));}
    .work_box h3 {font-size: calc(100vw*(34/1280));  margin-bottom: calc(100vw*(20/1280));}
    .work_box p {font-size: calc(100vw*(16/1280)); padding: 0 calc(100vw*(60/1280));}


    /* student section */
    .section_sub_title {font-size: calc(100vw*(26/1280)); margin-top: calc(100vw*(22/1280));}
    .student_list {margin-top: calc(100vw*(70/1280)); padding: 0 calc(100vw*(80/1280));}
    .student_box {width: calc(100%/5); padding: 0 calc(100vw*(15/1280));}
    .student_box h3 {font-size: calc(100vw*(26/1280)); margin-bottom: calc(100vw*(26/1280)); padding-top: calc(100vw*(22/1280));}
    .student_box h3::after {width: calc(100vw*(54/1280)); height: calc(100vw*(10/1280));}
    .student_box p {font-size: calc(100vw*(16/1280));}

    .student_img_box {margin: calc(100vw*(70/1280)) auto 0;}
    .student_btn {width: calc(100vw*(120/1280)); height: calc(100vw*(120/1280));}
    .student_img_box p {font-size: calc(100vw*(70/1280)); margin-top: calc(100vw*(100/1280));}
    .connect_img {width: 100%; margin: calc(100vw*(20/1280)) auto;}


    /* question section */
    .question_tab_btn {width: 100%; margin: calc(100vw*(70/1280)) 0 calc(100vw*(65/1280));}
    .question_tab_btn li {width: calc(100vw*(200/1280)); height: calc(100vw*(90/1280)); font-size: calc(100vw*(20/1280)); border-bottom: calc(100vw*(10/1280)) solid #F9F9F9;}
    
    .que_title {padding: calc(100vw*(22/1280)) calc(100vw*(30/1280)) calc(100vw*(22/1280)) 0; border-bottom: calc(100vw*(2/1280)) solid #EDEDED;}
    .que_title p {font-size: calc(100vw*(20/1280));}
    .que_title span {font-size: calc(100vw*(14/1280));}
    .que_title i {right: calc(100vw*(20/1280)); width: calc(100vw*(18/1280)); font-size: calc(100vw*(30/1280));}
    .answer_title {padding: calc(100vw*(20/1280)) calc(100vw*(25/1280)) calc(100vw*(80/1280));}
    .answer_title p {font-size: calc(100vw*(16/1280));}
    .question_section {padding-bottom: calc(100vw*(300/1280));}



    /* ========================= login ========================= */
    .login_section {padding: calc(100vw*(68/1280)) calc(100vw*(60/1280));}
    .login_section::after {height: calc(100vw*(845/1280));}
    .login_section > img {min-height: calc(100vw*(850/1280));}
    .login_inner {padding: calc(100vw*(60/1280)) 0 0 calc(100vw*(100/1280));}
    .login_title {font-size: calc(100vw*(34/1280)); margin-top: calc(100vw*(20/1280));}
    .input_row label {font-size: calc(100vw*(14/1280));}
    .input_row input {height: calc(100vw*(48/1280)); font-size: calc(100vw*(16/1280)); padding: 0 calc(100vw*(10/1280));}
    .input_row input::placeholder  {font-size: calc(100vw*(16/1280));}
    .input_row .err {display: block; font-size: calc(100vw*(14/1280)); margin-top: calc(100vw*(8/1280));}
    .login_box {gap: calc(100vw*(30/1280)); margin-top: calc(100vw*(65/1280));}
    .login_btn {width: calc(100vw*(165/1280)); height: calc(100vw*(45/1280)); font-size: calc(100vw*(16/1280)); margin-top: calc(100vw*(20/1280));}
    .link_btn.login_btn img {width: calc(100vw*(13/1280));}
    .register_list {gap: calc(100vw*(36/1280)); margin-top: calc(100vw*(200/1280));}
    .register_list a {font-size: calc(100vw*(15/1280));}



    /* ========================= register ========================= */
    .register_section {padding-top: calc(100vw*(56/1280));}
    .register_section .login_title {margin-bottom: calc(100vw*(18/1280));}
    .register_banner img {height: calc(100vw*(272/1280));}
    .register_banner .badge_img {bottom: calc(100vw*(-58/1280)); right: calc(100vw*(36/1280));width: calc(100vw*(120/1280));}
    .register_inner {margin-top: calc(100vw*(92/1280));}
    .register_bar {padding: calc(100vw*(14/1280)) 0;}
    .register_bar p {font-size: calc(100vw*(26/1280));}
    .register_section .login_box {gap: calc(100vw*(78/1280)); margin-bottom: calc(100vw*(145/1280)); margin-top: calc(100vw*(35/1280));}
    .register_section .input_row {width: calc(100vw*(550/1280));}
    .register_section .input_row label {gap: calc(100vw*(5/1280)); font-weight: 600;}
    .register_section .input_row label i {width: calc(100vw*(6/1280)); height: calc(100vw*(6/1280));}
    .register_section .input_row span {font-size: calc(100vw*(14/1280)); margin-top: calc(100vw*(6/1280));}
    .checkbox_list {gap: calc(100vw*(42/1280)); margin-top: calc(100vw*(18/1280));}
    .chkbox {gap: calc(100vw*(12/1280));}
    .chkbox input {width: calc(100vw*(18/1280)); height: calc(100vw*(18/1280)); }
    .chkbox input:checked {background-image: url('../../img/custom_img/icon/icon_check_on.svg');}
    .chkbox label {font-size: calc(100vw*(16/1280));}
    .select_box {width: calc(100vw*(350/1280)); height: calc(100vw*(46/1280)); padding: 0 calc(100vw*(10/1280)); font-size: calc(100vw*(16/1280));
        background: #F5F5F5 url('../../img/custom_img/icon/icon_select_arrow.svg') no-repeat center right calc(100vw*(15/1280))/calc(100vw*(15/1280));}
    .select_box p {font-size: calc(100vw*(16/1280));}
    .select_list {top: calc(100vw*(46/1280));}
    .select_box.active .select_list {max-height: calc(100vw*(165/1280));}
    .select_option {font-size: calc(100vw*(16/1280)); padding: 0 calc(100vw*(24/1280));}
    .select_box::-webkit-scrollbar-thumb {border-radius: calc(100vw*(10/1280));}
    .input_row.adr_row {width: 100%;}
    .adr_inner .input_row {width: calc(100vw*(350/1280));}
    .adr_inner .input_row input {height: calc(100vw*(46/1280));}
    .register_btn {width: calc(100vw*(340/1280)); height: calc(100vw*(48/1280));}
    .chkbox.round p {font-size: calc(100vw*(20/1280));}
    .chkbox.round p a {font-size: calc(100vw*(20/1280));}
    .chkbox.round p a:last-child {margin-left: calc(100vw*(6/1280));}
    .chkbox.round input {width: calc(100vw*(18/1280)); height: calc(100vw*(18/1280));}

    .login_dec {font-size: calc(100vw*(14/1280)); padding: 0 calc(100vw*(14/1280)); margin-top: calc(100vw*(15/1280));}
    .login_dec span {font-size: calc(100vw*(14/1280));}
    .login_dec i {width: calc(100vw*(6/1280)); height: calc(100vw*(6/1280)); margin: 0 calc(100vw*(5/1280));}
}


@media screen and (max-width:700px){
    /* set */
    .container {width: calc(100vw*(386/430));}
    h3.title {font-size: calc(100vw*(30/430)); margin-top: calc(100vw*(60/430));}
    #wrap_content {padding-top: calc(100vw*(127/430));}
    section {padding: calc(100vw*(46/430)) 0 calc(100vw*(60/430));}


    /* ========================= main ========================= */
    /* main section */
    .main_section {padding-top: 0; padding-bottom: 0; margin-bottom: 32px;}
    .main_wrap.container {width: 100%; padding: calc(100vw*(120/430)) 0 0 0;}
    .main_title {top: calc(100vw*(50/430)); left: calc(100vw*(22/430)); font-size: calc(100vw*(30/430)); letter-spacing: -2px;}
    .main_title.wh {top: calc(100vw*(-70/430)); left: calc(100vw*(-43/430)); font-weight: 600;}
    .main_btn_box {top: calc(100vw*(188/430)); transform: translateX(2%);}
    .main_btn {width: calc(100vw*(62/430)); height: calc(100vw*(62/430));}
    .main_btn_box img {top: 47%; width: calc(100vw*(16/430));}
    .main_img_box {padding-bottom: calc(100vw*(60/430));}
    .main_img {height: calc(100vw*(200/430)); object-fit: cover;}
    .main_video {width: calc(100vw*(358/430)); margin-left: auto;}

    .main_text_box {display: block; padding: calc(100vw*(40/430)) calc(100vw*(20/430)) 0; background: #fff;}
    .main_left {width: 100%; margin-bottom: calc(100vw*(40/430));}
    .main_left p {font-size: calc(100vw*(18/430)); text-align: center; font-weight: 700;}
    .main_left p br {display: none;}
    .main_left p br:first-child {display: block;}
    .main_right {width: 100%;}
    .link_btn {display: block; width: calc(100vw*(168/430)); font-size: calc(100vw*(18/430)); margin: calc(100vw*(42/430)) auto 0;
        padding: calc(100vw*(3/430)) calc(100vw*(24/430)) calc(100vw*(3/430)) 0; text-align: center; font-weight: 700;}
    .link_btn img {right: calc(100vw*(30/430)); width: calc(100vw*(14/430));}
    .link_btn:hover img {animation: arrow 0.6s 1 linear forwards;}
    @keyframes arrow {
        from {transform: translate(0,-50%);}
        to {transform: translate(calc(100vw*(15/430)),-50%);}
    }
    .main_right strong {font-size: calc(100vw*(18/430)); margin-bottom: calc(100vw*(4/430)); text-align: center;}
    .main_right p {font-size: calc(100vw*(14/430)); margin-bottom: calc(100vw*(20/430)); text-align: center;}


    /* work section */
    .section_title {font-size: calc(100vw*(30/430)); }
    .work_list {flex-direction: column; gap: calc(100vw*(48/430)); align-items: center; margin-top: calc(100vw*(30/430));}
    .work_box {width: 100%;}
    .work_box img {width: calc(100vw*(200/430)); margin-bottom: calc(100vw*(6/430));}
    .work_box h3 {font-size: calc(100vw*(20/430));  margin-bottom: calc(100vw*(20/430)); font-weight: 700;}
    .work_box h3 br {display: none;}
    .work_box:last-child h3 br {display: block;}
    .work_box p {font-size: calc(100vw*(16/430)); padding: 0 calc(100vw*(60/430)); line-height: 1.4;}


    /* student section */
    .student_section {padding-top: calc(100vw*(65/430));}
    .student_wrap {width: calc(100vw*(386/430)); margin: 0 auto; padding: 0;}
    .section_sub_title {font-size: calc(100vw*(16/430)); margin-top: calc(100vw*(10/430));}
    .student_list {gap: calc(100vw*(70/430)); align-items: center; flex-direction: column; margin-top: calc(100vw*(70/430));}
    .student_box {width: 90%;}
    .student_box h3 {font-size: calc(100vw*(26/430)); margin-bottom: calc(100vw*(26/430)); padding-top: calc(100vw*(22/430));}
    .student_box:first-child h3 br {display: none;}
    .student_box h3::after {width: calc(100vw*(54/430)); height: calc(100vw*(10/430));}
    .student_box p {font-size: calc(100vw*(16/430));}

    .student_img_box {width: calc(100vw*(386/430)); margin: calc(100vw*(70/430)) auto 0;}
    .student_btn {width: calc(100vw*(68/430)); height: calc(100vw*(68/430));}
    .student_img_box p {font-size: calc(100vw*(28/430)); margin-top: calc(100vw*(30/430));}
    .connect_img {width: calc(100vw*(380/430)); margin: 0 auto;}


    /* question section */
    .question_wrap.container {width: 100%; padding: 0;}
    .question_tab_wrap {width: 100%; overflow-x: auto; padding: 0 calc(100vw*(22/430));}
    .question_tab_btn {width: fit-content; margin: calc(100vw*(70/430)) 0 calc(100vw*(65/430));}
    .question_tab_wrap::-webkit-scrollbar-track {display: none;}
    .question_tab_wrap::-webkit-scrollbar {display: none;}
    .question_tab_wrap::-webkit-scrollbar-thumb {display: none;}
    .question_tab_btn li {min-width: calc(100vw*(125/430)); width: max-content; height: calc(100vw*(70/430)); font-size: calc(100vw*(16/430));
        border-bottom: calc(100vw*(10/430)) solid #F9F9F9; padding: 0 calc(100vw*(20/430));}
    
    .question_area {padding: 0 calc(100vw*(22/430));}
    .que_title {padding: calc(100vw*(22/430)) 0; border-bottom: calc(100vw*(2/430)) solid #EDEDED;}
    .que_title p {font-size: calc(100vw*(16/430)); text-align: center;}
    .que_title span {display: block; font-size: calc(100vw*(14/430)); text-align: center; margin-top: calc(100vw*(8/430));}
    .que_title i {display: none;}
    .answer_title {padding: calc(100vw*(20/430)) calc(100vw*(22/430)) calc(100vw*(50/430));}
    .answer_title p {font-size: calc(100vw*(16/430)); line-height: 1.4;}
    .question_section {padding-bottom: calc(100vw*(150/430));}



    /* ========================= login ========================= */
    .login_section {display: block; padding: 0 calc(100vw*(22/430));}
    .login_section::after {display: none;}
    .login_section > img {width: 100%; height: calc(100vw*(160/430)); min-height: calc(100vw*(160/430));}
    .login_inner {padding: calc(100vw*(30/430)) 0 0;}
    .login_title {font-size: calc(100vw*(22/430)); margin-top: calc(100vw*(10/430));}
    .input_row label {font-size: calc(100vw*(14/430));}
    .input_row input {height: calc(100vw*(46/430)); font-size: calc(100vw*(16/430)); padding: 0 calc(100vw*(10/430));}
    .input_row input::placeholder  {font-size: calc(100vw*(16/430));}
    .input_row .err {display: block; font-size: calc(100vw*(12/430)); margin-top: calc(100vw*(8/430));}
    .login_box {gap: calc(100vw*(42/430)); margin-top: calc(100vw*(45/430));}
    .login_btn {width: 100%; height: calc(100vw*(48/430)); font-size: calc(100vw*(16/430)); margin-top: calc(100vw*(20/430));
        padding: calc(100vw*(3/430)) calc(100vw*(10/430)) calc(100vw*(3/430)) 0;}
    .link_btn.login_btn img {width: calc(100vw*(13/430)); right: calc(100vw*(150/430));}
    .register_list {justify-content: space-between; gap: 0; margin-top: calc(100vw*(22/430)); margin-bottom: calc(100vw*(120/430));}
    .register_list a {font-size: calc(100vw*(15/430));}



    /* ========================= register ========================= */
    .register_section {display: flex; flex-direction: column; padding-top: calc(100vw*(40/430)); padding-bottom: calc(100vw*(120/430));}
    .register_section .login_title {order: 2; margin-top: calc(100vw*(30/430)); margin-bottom: calc(100vw*(35/430));}
    .register_banner {order: 1;}
    .register_banner img {width: 100%; height: calc(100vw*(130/430));}
    .register_banner .badge_img {bottom: calc(100vw*(-58/428)); right: calc(100vw*(18/428)); width: calc(100vw*(50/428));}
    .register_inner {order: 3; margin-top: 0;}
    .register_bar {padding: calc(100vw*(14/430)) 0;}
    .register_bar p {font-size: calc(100vw*(18/430));}
    .register_section .login_box {gap: calc(100vw*(45/430)); margin-bottom: calc(100vw*(60/430)); margin-top: calc(100vw*(30/430));}
    .register_section .input_row {width: 100%;}
    .register_section .input_row label {gap: calc(100vw*(5/430)); padding-left: calc(100vw*(10/430));}
    .register_section .input_row label i {width: calc(100vw*(6/430)); height: calc(100vw*(6/430));}
    .register_section .input_row span {font-size: calc(100vw*(12/430)); margin-top: calc(100vw*(6/430)); margin-bottom: calc(100vw*(5/430)); word-break: keep-all; letter-spacing: -0.3px;}
    .checkbox_list {gap: calc(100vw*(25/430)); margin-top: calc(100vw*(18/430)); padding-left: calc(100vw*(10/430));}
    .chkbox {gap: calc(100vw*(2/430));}
    .chkbox input {width: calc(100vw*(18/430)); height: calc(100vw*(18/430)); margin: 0;}
    .chkbox input:checked {background-image: url('../../img/custom_img/icon/icon_check_on.svg');}
    .chkbox label {font-size: calc(100vw*(14/430)); font-weight: 400;}
    .select_box {width: calc(100vw*(182/430)); height: calc(100vw*(46/430)); padding: 0 calc(100vw*(10/430)); font-size: calc(100vw*(16/430));
        background: #F5F5F5 url('../../img/custom_img/icon/icon_select_arrow.svg') no-repeat center right calc(100vw*(15/430))/calc(100vw*(14/430)); font-weight: 400;}
    .select_box p {font-size: calc(100vw*(16/430));}
    .select_list {top: calc(100vw*(46/430));}
    .select_box.active .select_list {max-height: calc(100vw*(165/430));}
    .select_option {font-size: calc(100vw*(16/430)); padding: 0 calc(100vw*(24/430));}
    .select_box::-webkit-scrollbar-thumb {border-radius: calc(100vw*(10/430));}
    .adr_inner {flex-wrap: wrap; gap: calc(100vw*(22/430));}
    .adr_inner .input_row {width: 100%;}
    .adr_inner .input_row input {height: calc(100vw*(46/430));}
    .register_btn {width: calc(100vw*(340/430)); height: calc(100vw*(48/430)); margin-top: calc(100vw*(24/430));}
    .chkbox.round {gap: calc(100vw*(12/430));}
    .chkbox.round p {font-size: calc(100vw*(18/430));}
    .chkbox.round p a {font-size: calc(100vw*(18/430));}
    .chkbox.round p a:last-child {margin-left: calc(100vw*(6/430));}
    .chkbox.round input {width: calc(100vw*(18/430)); height: calc(100vw*(18/430));}
    .chkbox.round input:checked {background-image: none;}

    .login_dec {font-size: calc(100vw*(14/430)); padding: 0 calc(100vw*(10/430)); margin-top: calc(100vw*(8/430));}
    .login_dec span {font-size: calc(100vw*(14/430));}
    .login_dec i {width: calc(100vw*(6/430)); height: calc(100vw*(6/430)); margin: 0 calc(100vw*(5/430));}
}