/* PC 화면용 */ 


/* class Detail */

@media only screen and (max-width: 12000px)   {

    /* class Cover */

    .class_cover { width: 100%; height: 854px; display: block; margin: 0; padding: 0;
      background-image: url(/class/portfolio/bx/img/bx_cover.png), linear-gradient(to bottom right, #aaaaaa, #0d0d0d);    
      background-repeat: no-repeat, no-repeat;
      background-position: right 0;  }
    
    .cover_wrap {height:100%; width:1200px; margin-left: auto; margin-right: auto;    }
    
    .cover_textbox {width:1200px; padding-top:200px; } 
    .cover_textbox * {color: white;}
    .cover_textbox h2 { width: 800px; }
    .cover_textbox h4  {padding-top:24px;}
    .cover_textbox p {padding-top:12px;  }
    
    /* class_submenu*/
    
    .class_submenu { width: 100%; background-color: #fafafa; color: #171717; display: none;}
    .submenu_wrap { width:1200px; height: 48px; display: flex; margin: 0 auto; justify-content:space-between; align-content: space-between; }
    .submenu_wrap li {text-align: center; transition: 0.3s all ease; color: #171717;}
    .submenu_wrap li:hover {color: rgba(143,195,31,1);}
    .submenu_wrap a {display: block; font-size: 16px; text-align: center; line-height: 48px;}
    
    
    /* class_info*/
    
    .class_info {width: 100%; color: #fff; background-color: #363435; padding: 120px 0 120px }
    .info_list {max-width: 490px; margin: 0 auto; display:flex;  }
    .info_img {text-align: center; padding-bottom: 36px;}
    .info_list li {padding: 14px 0 14px 0; border-top: 1px solid rgba(170,173,183,0.3); padding-left: 0px;}
    .info_list li:first-child {border-top: 2px solid #aaadb7;}
    .info_list li:last-child {border-bottom: 2px solid #aaadb7; height: 56px;}
    .info_list_title { width: 190px; }
    .info_list_title li {color: #c1c1c1; font-weight: 300; padding-left: 50px;}
    .info_list_detail { width: 300px; }
    .info_list_title li >div {width: 60px;}
    
    .info_register {display: block; text-align: center; color: #fff;   }
    .info_register .info_register_button {width: 490px; height: 70px; display: flex; justify-content: center; align-items: center; margin: 40px auto 0; background-color: #ff9f0a !important; border-radius: 9px !important; color: white; letter-spacing: 4.4px;}
    
    
    /* class_overview*/
    
    .class_overview {width : 100%; height: 100%; background-color: #ff9f0a; background-size: cover; color:white; background-position: center; background: url(/class/portfolio/bx/img/overview_bg_dark.jpg) no-repeat center center;
      background-size: cover;}
    
    .overview_title { width: 1200px; margin-left:auto; margin-right:auto; padding-top: 120px; }
    .overview_title h3 { text-align: center; letter-spacing: 0; }
    .overview_title h6 { padding-top: 20px; text-align: center;}
    .ln_tablet {display: none;}
    .ln_mobile {display: none;}
    
    .overview_image { width: 80%; height: 384px; overflow: hidden; text-align:center; margin-top: 72px; margin-left: 10%;}
    .overview_image img { width: 100%; max-width: 960px;}


    /* .overview_contents_goal { max-width: 1200px; margin-left: auto; margin-right: auto; display: flex; margin-top: 72px; text-align: center;   }
    
    .overview_contents_goal li:nth-child(odd) {  width: 180px; height: 180px; display: flex; align-items: center; border-radius: 50%; justify-content: center; background-color: white; color: #ff9f0a;}
    .overview_contents_goal li:nth-child(even) {width: calc((100% - 720px) / 3); height: 180px; display: flex; justify-content: center; align-items: center;}
    .overview_contents_goal li:last-child {margin-right: 0;}
    .overview_contents_goal li h5 {font-weight: 500;}
    
    .overview_contents_record { width: 1200px; margin-left: auto; margin-right: auto; display: flex; margin-top: 220px; text-align: center;}
    .overview_contents_record li { width: 200px;  }
    .overview_contents_record h3 { font-weight: 500;}
    .overview_contents_record li p { line-height: 36px; }
    .overview_contents_record_caption {width: 1200px; margin: 20px auto 0; padding: 50px 0; text-align: center; position: relative; z-index: 1;} */
    

      /* class_target*/
    
      .class_target {width : 100%; height: 854px; background-color: white;}
    
      .target_title { width: 1200px; margin-left:auto; margin-right:auto; padding-top: 120px; text-align: center;}
      .target_title h3 {color: #242629; font-weight: 500;}
      .target_title h6 { color: #636B7B; padding-top: 20px; }
      
      .target_contents { width: 1200px; margin-left:auto; margin-right:auto; padding-top: 120px; text-align: center; display: block;}
      .target_contents ul { width: 100%; margin-left:auto; margin-right:auto; display: flex; text-align: center; padding: 0px; align-items: center; justify-content: space-between; }
      .target_contents li { display: block; text-align: center; position: relative;  }
      .target_contents li img { width: 240px; }
      .target_contents li h5 {color: #363A43; margin: 37px 0 10px; font-weight: 500;}
      .target_contents li h6 {color: #363A43;}
      .target_contents li .target_check {position: absolute; top: 0; right: 10px; width: 50px;}
    
    /* class_result*/
    
    .class_result {width : 100vw; height: 100%; background-image:url(); background-color: #fafafa; color:#171717; padding: 0; padding-bottom: 140px; }

    .class_select_top_left h3 {font-weight: 500;}
    
    .result_title {margin-left:auto; margin-right:auto; padding-top: 120px; text-align: center;}
    .result_title h3 {color: #242629; font-weight: 500;}
    .result_title h6 {padding-top: 20px; color: #636B7B;}
    
    
    .result_contents { width: fit-content; margin-left: auto; margin-right: auto; display: block; margin-top: 72px; text-align: left; position: relative;  }
    .vertical_line {background-color:#EFF0F2; width: 2px; height: 902px; position: absolute; top: 86px; right: 524px;}
    .result_contents ul {margin-left: auto; margin-right: auto; display: flex; margin-top: 72px;  color:white;}
    .result_contents ul li:nth-child(1) { width: 500px; height: 150px; color: #171717; margin-right: 150px;} 
    .result_contents ul li:nth-child(2) {width: 50px; height: 150px; display: flex; align-items: center;}
    .result_contents ul li:nth-child(2) div {margin-top: 48px; width: 50px; height: 50px; border-radius: 50%; background-color: #ff9f0a; display: flex; justify-content: center; align-items: center; position: relative;}
    .result_contents ul li:nth-child(2) h5 {color: white;}
    .result_contents ul li:nth-child(3) { width: 500px; height: 150px; text-align: left; color: #171717; box-sizing: border-box; padding-left: 60px; display: flex; flex-direction: column; justify-content: center; padding-top: 48px;}
    .result_contents ul li:nth-child(3) h5 {color: #363A43; font-weight: 500;}
    .result_contents ul li:nth-child(3) p {color: #636B7B; line-height: 28px; margin-top: 10px;}
    .result_contents ul li p {width: 400px; word-break: keep-all;}
    
    


    /* class_select*/
    
    .class_select {width : 100%; height: 100%; background-color: white;}
    
    .select_imgbox {width: 50%; height: 100%; position: absolute; right: 0;}
    
    .select_imgbox .select_imgbox_frame {width: 33.33%;}
    
    .select_imgbox img {width: 33.0%; max-width: 260px; padding-top: 100%; position: absolute;}
    .select_imgbox .select_imgbox_frame:nth-child(1) img {bottom: 50%; left: 0;}
    .select_imgbox .select_imgbox_frame:nth-child(2) img {bottom: 60%; left: 30%;}
    .select_imgbox .select_imgbox_frame:nth-child(3) img {bottom: 50%; left: 60%;}
    .select_imgbox .select_imgbox_frame:nth-child(4) img {bottom: 30%; left: 30%;}
    .select_imgbox .select_imgbox_frame:nth-child(5) img {bottom: 10%; left: 45%;}
    
    .select_title { width: 1200px; margin-left:auto; margin-right:auto; padding-top: 120px; }
    .select_title h3 { width: 1200px; padding: 100px 0 0; line-height: 68px; font-weight: 500; }
    .select_title h5 { color: #ffecc0;}
    .select_contents p { width: 1200px; padding-top: 12px; font-size: 18px; line-height: 38px;}
    
    .select_contents { width: 1200px; margin-left: auto; margin-right: auto; display: block; text-align: left;   }
    .select_contents ul { width: 1200px; margin-left: auto; margin-right: auto; display: flex; padding-top: 72px;  color:white; }
    .select_contents ul li:nth-child(odd) { width: 600px; height: 720px; text-align: left;   }
    .select_contents ul li:nth-child(even) { width: 600px; height: 720px; text-align: right; display: block;    }
    
    .select_contents ul li h4 { padding-bottom: 24px; }
    .select_contents ul li h5 { padding-bottom: 48px; }
    
    .class_select_top {display: flex; max-width: 1200px; padding: 0 calc((100% - 1200px)/2); margin: 140px 0;}
    .class_select_top >div {width: 50%;}
    .class_select_top_left {color: #101010;}
    .class_select_top_right {color: #636B7B; padding-left: 30px; position: relative;}
    .class_select_top_right h6 {margin-left: 76px;}
    #quotation {width: 76px; height: 76px; position: absolute; top: -38px; left: 0;}
    .neon_underline {position: relative;}
    .neon_underline::after {content: ''; width: 100%; height: 6px; background-color: #EAFC27; position: absolute; left: 0; bottom: -3px; border-radius: 3px;}
    
    .class_select_bottom {background-color: #ff9f0a; padding-bottom: 140px;}
    .class_select_bottom_title {padding: 120px 0 72px; text-align: center;}
    .class_select_bottom >div:last-child {display: flex; justify-content: space-between; width: 1200px; margin: 0 auto;}
    .class_select_bottom h3 {color: #fff; text-align: center; line-height: 68px;   font-weight: 500;}
    .class_select_bottom h5 {margin-top: 24px; color: #fff; text-align: center;}
    .class_select_bottom img {width: 200px; height: intrinsic; box-shadow: 10px 14px 18px 3px rgba(0,0,0,0.15); border-radius: 10px;}
    .class_select_bottom_title img {width: 30px; height: 30px; margin-right: 10px;}
    .class_select_bottom_title img {box-shadow: none;}
    
    
    /* class_select_02*/
    
    .class_select_02 {width : 100vw; background-color:#fafafa; color:#171717; text-align: center;}
    
    
    .class_select_02 h3 {color: #242629; padding: 140px 0 20px; font-weight: 500;}
    
    .select_02_contents { width: 1200px; margin-left: auto; margin-right: auto; display: block; margin-top: 72px; text-align: left; padding-bottom: 110px;  }
    .select_02_contents ul { width: 1200px; margin-left: auto; margin-right: auto; display: flex; margin-top: 72px;  color:white; align-items: top;   }
    .select_02_contents ul li { width: 1200px;  text-align: center;   }
    
    
    /* class_select_03*/
    
    .class_select_03 {width : 100vw; height: 100%;  background-image:url(); background-color:#363435; text-align: center; color: #fafafa;}
    .class_select_03 h3 {padding: 120px 0 24px; font-weight: 500;}
    
    .select_03_contents { width: 100%; margin-left: auto; margin-right: auto; display: block; margin-top: 72px; text-align: left;   }
    .select_03_contents ul { width: 100%; margin-left: auto; margin-right: auto; display: flex; margin-top: 100px;  color:white; align-items: top;   }
    .select_03_contents ul a li { width: 100%;  height: 572px; text-align: center;   }
    .select_03_contents ul a { width: 100%; height: 572px; text-align: center; background-image: url(../class/portfolio/bx/img/select_03.png); background-repeat:no-repeat; background-size: cover; background-position: center top;}
    
    
    /* class_select_04*/
    
    .class_select_04 {width : 100%; background-color:#fafafa; color:#171717; text-align: center;}
    .class_select_04 h3 {color: #242629; font-weight: 400; padding: 140px 0 20px; font-weight: 500;}
    .class_select_04 h6 {color: #636B7B;}
    
    .card_container {display: flex; justify-content: center; align-items: center; padding: 110px 0 150px; text-align: center;}
    #card_left, #card_right {width: 350px; height: 600px; background-color: white; box-shadow: 6px 6px 30px #00000015; color: #B6BAC3;}
    #card_left {margin-right: 33px;}
    #card_center {width: 437px; height: 747px; background-color: #ff9f0a; color: white; box-shadow: 10px 10px 30px #0000004E; margin-right: 33px;}
    #card_center img {width: 130px; padding-top: 83px;}
    #card_center h5:nth-child(2) {padding: 40px 0 70px;}
    #card_center h4:nth-child(4) {padding: 60px 0 20px;}
    
    .card {box-sizing: border-box;}
    .card h2:nth-child(1) {padding-top: 105px;}
    .card h5:nth-child(2) {padding-bottom: 140px;}
    .card h5:nth-child(4) {padding-top: 20px;}
    
    
    /* class_select_05*/
    
    .class_select_05 {width : 100%; height: 920px;  background-image:url(../class/portfolio/bx/img/select_05.png); background-color:#b59469; color:#fff; padding: 0; background-position: center bottom; text-align: center; background-repeat: no-repeat;}
    
    .class_select_05 h3 {padding: 120px 0 24px; font-weight: 500;}
    .class_select_05_content {display: flex; width: fit-content; margin: 72px auto 0;}
    .class_select_05_content >div:nth-child(1) {width: 125px; height: 125px; border-radius: 8px; border: 2px solid #fff; margin-right: 28px; display: flex; justify-content: center; align-items: center;}
    .class_select_05_content >div:nth-child(2) {width: 125px; height: 125px; border-radius: 8px; border: 2px solid #fff; display: flex; justify-content: center; align-items: center;}
    
    .class_select_05_content >div:nth-child(4) {width: 430px; height: 125px; background-color: white; border-radius: 6px; color: #b59469; display: flex; justify-content: center; align-items: center;}
    
    .class_select_05_content >div:nth-child(6) {width: 125px; height: 125px; border-radius: 8px; border: 2px solid #fff; margin-right: 28px; display: flex; justify-content: center; align-items: center;}
    .class_select_05_content >div:nth-child(7) {width: 125px; height: 125px; border-radius: 8px; border: 2px solid #fff; display: flex; justify-content: center; align-items: center;}
    .lined_center {width: 100px; height: 50%; border-bottom: 3px solid #fff;}
    .lined_center:last-child {border: none;}
    
    .class_select_05_content_bottom {display: flex; width: fit-content; margin: 20px auto 0;}
    .class_select_05_content_bottom >div:nth-child(1), .class_select_05_content_bottom >div:nth-child(5) {width: 286px;}
    .class_select_05_content_bottom >div:nth-child(2), .class_select_05_content_bottom >div:nth-child(4) {width: 100px;}
    .class_select_05_content_bottom >div:nth-child(3) {width: 430px;}
    
    .class_select_05_content_m {display: none;}
    
    
    /* class_portfolio*/
    
    .class_portfolio {width : 100%; height: 100%; background-image:url(); background-color:#f5f5f5; color:#171717; padding: 0; position: relative; text-align: center;}
    
    .portfolio_contents_01 {background-color: #363435; padding-bottom: 200px;}
    .portfolio_contents_01 >h3 {color: white;}
    .portfolio_contents_01 >h6 {color: white;}
    .class_portfolio h3 {padding-top: 140px; font-weight: 400; position: relative; letter-spacing: 0;}
    .class_portfolio_content {width: 360px; padding: 120px 0 0 calc((100% - 1200px) / 2); text-align: left;}
    .class_portfolio_content li {margin-bottom: 90px; word-break: keep-all;}
    .class_portfolio_content h5 {color: #ff9f0a; letter-spacing: 0;}
    .class_portfolio_content h6 {color: white;}
    
    #target_circle {position: absolute; bottom: 0; right: 0;}
    #target_macbook {position: absolute; top: 355px; right: -200px;}
    
    .portfolio_contents_02 { width: 1200px; margin-left: auto; margin-right: auto; display: block; text-align: center; padding-bottom: 120px;}
    .portfolio_contents_02 h4 {text-align: left;} 
    .portfolio_contents_02:first-child h4 {padding-top: 140px;}
    .portfolio_contents_02 p {text-align: left;} 
    .portfolio_contents_02 ul { width: 1200px; margin-left: auto; margin-right: auto; display: flex; margin-top: 72px; text-align: center; padding: 0px; }
    .portfolio_contents_02 li { width: 285px; text-align: left; margin: 0; padding-right: 20px; }
    .portfolio_contents_02 img {width: 285px; margin-bottom: 20px;} 
    
    
    /* portfolio_scroll*/
    
    .portfolio_scroll { width: 100%; height: 100%;margin: 0; padding-top: 140px; text-align: center; background-color:#171717; color:#fff; position: relative; text-align: center;}
    .portfolio_scroll h5 {color: #FF6766;}
    
    .portfolio_scroll h3 {padding: 150px 0 20px;}
    
    .portfolio_scroll_wrap { width: 100%; height: 100%; display: block; overflow-x:scroll;  margin-top: 70px;}
    .portfolio_scroll_wrap ul { width:100%; display: flex; text-align: center; margin-bottom: 0px; padding-top: 20px;}
    .portfolio_scroll_wrap li { width: 300px;  text-align: left; margin: 0; margin-left:10px; margin-right: 10px; }
    .portfolio_scroll_wrap li:first-child {padding-left: 10px;}
    .portfolio_scroll_wrap li:last-child {padding-right: 20px;}
    .portfolio_scroll_wrap img { width: 300px; cursor: pointer;}
    
    .portfolio_scroll_modal { z-index: 400; position: fixed; overflow-y: scroll; top:0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.7);}
    .portfolio_scroll_modal_img { width: 70%; padding: 60px 0; }
    .pol_img_close_btn{display: block; z-index: 400; height: 20px; width: 20px; top: 7%; position: fixed; right: 10%; cursor: pointer; background: url(../images/closeBtn.png) no-repeat center center;
    }
    
    /* class_curriculum*/
    
    .class_curriculum {width : 100%; height: 980px; background-image:url(/class/portfolio/bx/img/curriculum_01_new.png); color:white; background-repeat: no-repeat;  background-size: contain; background-position: center 750px ; padding: 0; background-color: #b59469;}
    
    .curriculum_title { width: 1200px; margin-left:auto; margin-right:auto; padding-top: 120px; text-align: center; }
    .curriculum_title h3 {letter-spacing: 0;}
    .curriculum_title p { width: 1200px; padding-top: 12px; }
    
    .curriculum_contents_01 { width: 1200px; margin-left: auto; margin-right: auto; display: block; margin-top: 72px; text-align: center;     }
    .curriculum_contents_01_wrap {text-align: center; width: 1200px; height: 480px; margin-left: auto; margin-right: auto; position: relative; }
    .curriculum_contents_01 ul { width:1200px; display: flex; align-items: center; justify-content: center;   }
    .curriculum_contents_01 li { width: 240px; height: 450px; border-left: 1px dashed #fff; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 30px;     }
    .curriculum_contents_01 li:nth-child(5) {  border-right: 1px dashed #fff;   }
    
    .curriculum_contents_01 p {width: 240px; border-top: 1px solid #fff; padding-top: 24px;}
    
    .curriculum_contents_01 h6 {width: 260px; height: 48px; line-height:32px; background-color: white; color: #171717; border-radius: 8px;  position: absolute; display: flex; justify-content: center; align-items: center;}
    .curriculum_contents_01 h6:nth-child(1) { top: 280px; left:-13px; background-color: #fff; border: 2px solid white; color: #ff9f0a;}
    .curriculum_contents_01 h6:nth-child(2) { top: 220px; left:227px; background-color: #fff; border: 2px solid white; color: #ff9f0a;}
    .curriculum_contents_01 h6:nth-child(3) { top: 160px; left:470px; background-color: #fff;  color: #ff9f0a;}
    .curriculum_contents_01 h6:nth-child(4) { top: 100px; left:710px; background-color: #fff;  color: #ff9f0a;}
    .curriculum_contents_01 h6:nth-child(5) { top: 40px; left:953px; background-color: #fff;  color: #ff9f0a;}
    .curriculum_contents_01 h6:nth-child(6) { width: 20px; height: 20px; top: 390px; left:-13px; border-radius: 10px; line-height:20px; background-color: #fff;}
    .curriculum_contents_01 h6:nth-child(7) { width: 20px; height: 20px; top: 390px; right:-13px; border-radius: 10px; line-height:20px; background-color: #fff;}
    
    
    .curriculum_contents_02 { width : 100%; height: 100%;background-color: #f5f5f5; color:#171717; padding: 120px 0;}
    
    .curriculum_contents_02 >div {width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 2px solid #E5E8ED; padding-top: 120px; display: none;}
    .curriculum_contents_02 >div:first-child {padding-top: 0;}
    .curriculum_contents_02 h5 {color: #7E8186;}
    .curriculum_contents_02 p {color: #A4A8AF; padding-bottom: 4px;}
    .curriculum_contents_02 ul { width:1200px; display: flex; align-items: flex-start; justify-content: center; margin-left: auto; margin-right: auto; margin-top:90px; }
    .curriculum_contents_02 ul li img { width: 585px;}
    .curriculum_contents_02 ul:nth-of-type(1) {margin-top: 0;}
    .curriculum_contents_02 li:nth-child(odd) { width: 585px; padding-right: 10px;   }
    .curriculum_contents_02 li:nth-child(even) { width: 585px; padding-left: 10px;   }
    .curriculum_contents_02 ul h4 {width: 585px;  text-align: left; border: none; line-height: 60px; margin: 10px 0;}
    .curriculum_contents_02 ul h6 {width: 585px; text-align: left;}
    
    /* class_teacher*/
    
    .class_teacher {width : 100%; height: 100%; background-color: #ff9f0a; color:white; display: flex; flex-direction: column; align-items: center;
    padding: 120px 0;}
    .class_teacher h3 {padding: 0 0 20px; letter-spacing: 0;}
    .class_teacher h6 {padding-bottom: 72px;}
    
    .class_teacher_top {width: 800px;}
    .class_teacher_top ul {display: flex; width: 800px; justify-content: space-between;}
    .class_teacher_top img {width: 310px; box-shadow: 10px 14px 18px 3px rgba(0,0,0,0.15); border-radius: 10px; cursor: pointer;}
    .class_teacher_top img:first-child {width: 260px; margin-bottom: -4px;}
    .class_teacher_top img:last-child {margin-right: 0;}

    .teacher_history {display: block; text-align: left; width: 320px; }


    .teacher_history h5:nth-of-type(1) {color: #fff;}
    .teacher_history h5:nth-of-type(2), .teacher_history h5:nth-of-type(3) {position: relative; margin: 40px 0;}
    .teacher_history h5:nth-of-type(2)::before, .teacher_history h5:nth-of-type(3)::before {content: ''; width: 34px; height: 3px; background-color: #fff; position: absolute; top: -5px; left: 0;}
    
    
    .teacher_contents { width: 1200px; margin-left:auto; margin-right:auto; display: block;}
    .teacher_contents ul { width: 960px; margin-left:auto; margin-right:auto; display: flex; margin-top: 120px; align-items: center; justify-content: center;  }
    .teacher_contents ul li:nth-child(1) {  width: 450px;  display: block; }
    .teacher_contents ul li:nth-child(2) {  width: 510px;  display: block; text-align: left;  }
    .teacher_contents li img { width: 360px; }
    .teacher_contents li h4 {width: 450px; border-bottom: 1px solid #ff3366; padding-bottom: 12px; font-weight: 400;}
    .teacher_contents li p {width: 510px; margin-top:24px;}
    .teacher_contents li p:nth-child(odd) {position: relative; margin-top: 95px; padding-top: 10px; color: #000; font-weight: 400;}
    .teacher_contents li p:nth-child(odd)::before {position: absolute; top: 0; left: 0; content: ''; width: 160px; height: 1px; background-color: #000;} 
    
    
    /* class_student*/
    
    .class_student {width : 100%; height: 100%; background-color: #fafafa; color:#171717; padding: 0; padding-bottom: 140px; text-align: center;}
    
    .class_student >h3 {color: #242629; padding: 140px 0 20px; font-weight: 500;}
    .class_student >h6 {color: #636B7B; margin-bottom: 100px;}
    
    .student_contents { width: 1200px; margin-left:auto; margin-right:auto; padding-top: 120px; text-align: center; display: block; padding: 0px;}
    .student_contents ul { width: 1200px; margin-left:auto; margin-right:auto; display: flex; margin-top: 90px; text-align: center; padding: 0px; align-items: center; justify-content: space-between; }
    .student_contents li {  width: 380px; height: 680px; background-color: white; display: flex; flex-direction: column; align-items: center; border-radius: 10px; box-shadow: 5px 5px 20px #0000001D;}
    .student_contents img {border-radius: 50%; box-shadow: 10px 10px #ff3346; margin-top: 60px;}
    .student_contents_name {display: flex; align-items: flex-end; margin-top: 30px;}
    .student_contents_name h5, .student_contents_name h6 {color: #44484E; font-weight: 500;}
    .dot {width: 5px; height: 5px; background-color: #ff9f0a; border-radius: 50%; margin: 10px; margin-bottom: 14px;}
    .student_contents p {padding: 40px; text-align: left; line-height: 28px; color: #636B7B;}
    
    
    /* class_faq*/
    
    .class_faq {background-color: #363435; width : 100%; height: 100%; color:white;  display: flex; flex-direction: column; align-items: center;}
    
    .class_faq >h3 {padding: 120px 0 70px; font-weight: 500;}
    .question_box {width: 1200px;}
    .question_box >div {width: 100%;}
    .question_box >div:first-child {display: flex; justify-content: space-between;}
    .question_box >div:last-child {position: relative; height: 8px;}
    .question_box h5 {width: 25%; text-align: center; cursor: pointer;}
    .faq_progress {width: 25%; height: 8px; background-color: #ff9f0a; border-radius: 2px; position: absolute; top: 0; left: 0;}
    .question_title {color: #FAFAFA; margin-bottom: 50px ;}
    .question_title:nth-of-type(1) {color: #ff9f0a;}
    .answer_box {width: 1200px; height: 260px; background-color: rgba(62,61,61,0.5); border-radius: 2px; padding: 60px; box-sizing: border-box; margin-bottom: 140px;}
    .answer_box h5 {margin-bottom: 20px; color: #ff9f0a;}
    .answer_box h6 {word-break: keep-all; color: #fafafa;}
    
    
    /* class_benefit*/
    
    .class_benefit {width : 100%; background-color: #b59469; color:white; padding-bottom: 140px;}
    
    .benefit_title { width: 1200px; margin-left:auto; margin-right:auto; display: flex; justify-content: center; align-items: center; padding-top:120px; } 
    .benefit_title h3 {font-weight: 500;}
    .benefit_title img { width: 60px; height: 60px; }
    
    .benefit_contents {width: 1200px; height: 520px; margin-left: auto; margin-right: auto; display: block;  text-align: center; padding-top: 60px;  }
    .benefit_contents ul { display: flex; align-items: center; justify-content: center; width: 1200px; margin-left: auto; margin-right: auto; display: flex; text-align: center; padding: 0px;  }
    .benefit_contents li { width: 360px; height: 150px; text-align: left; margin: 0; text-align: center;}
    .benefit_contents li div {margin: 24px auto; display: flex; align-items: center; justify-content: center; width: 100px; height: 100px;  border: 2px solid #fff;  border-radius: 50%; text-align: center; }
    .benefit_contents h5 {margin: 0 auto; padding-top: 0px; padding-bottom: 12px; } 
    .benefit_contents p {width: 240px; margin: 0 auto;} 
    .benefit_contents ul:nth-child(2) {margin-top: 120px;}
    .benefit_contents img {width: 50px;}
    
    /* portfolio slide */
    
    .portfolio_class_modal_mother {position: fixed; top: 0; left: 0; background-color: rgba(0,0,0, 0.7); width: 100%; height: 100%; z-index: 500;}
    .portfolio_class_modal_main {width: 100%; height: 100%;}
    .portfolio_class_modal_mother .img_mother:first-child .img_child{opacity: 1;}
    .portfolio_class_modal_mother .img_child{width: 80%; max-height: 820px; top: 0;left: 0;right: 0; bottom: 0 ;position: fixed; margin: auto; opacity: 0; transition: 0.6s;}
    .portfolio_class_modal_mother .modal_next {height: 77%; width: 40%; position: fixed; bottom: 0; margin: auto; top: 0; left: 50%; cursor: pointer;}
    .portfolio_class_modal_mother .modal_prev {height: 77%; width: 40%; position: fixed; bottom: 0; margin: auto; top: 0; right: 50%; cursor: pointer;}
    .portfolio_class_modal_mother .modal_next .modal_next_arrow {position: fixed; top: 0; bottom: 0; margin: auto 0; right: 13%; cursor: pointer; border: 2px solid rgba(0,0,0, 0.9); padding: 18px; height: 0; border-bottom: transparent; border-left: transparent; transform: rotate(45deg); z-index: 700; transition: all 0.3s; }
    .portfolio_class_modal_mother .modal_prev .modal_prev_arrow {position: fixed; top: 0; bottom: 0; margin: auto 0; left: 13%; cursor: pointer; border: 2px solid rgba(0,0,0, 0.9); padding: 18px; height: 0; border-bottom: transparent; border-left: transparent; transform: rotate(225deg); z-index: 700; transition: all 0.3s;}
    .portfolio_class_modal_mother .modal_next:hover .modal_next_arrow {border: 2px solid rgba(143, 195, 31,0.9); border-bottom: transparent; border-left: transparent;}
    .portfolio_class_modal_mother .modal_prev:hover .modal_prev_arrow {border: 2px solid rgba(143, 195, 31,0.9); border-bottom: transparent; border-left: transparent;}
    .portfolio_class_modal_mother .modal_close {position: fixed; right: 5%; top: 5%; cursor: pointer; height: 20px; width: 20px;background: url(../images/closeBtn.png) no-repeat center center}
    
    .modal_pagenation_mother {width: 40%; height: 50px; display: flex; justify-content: space-evenly; align-items: center; position: fixed; bottom: 3%; left: 0; right: 0; margin: 0 auto;}
    .modal_pagenation {border: 2px solid rgb(250, 250, 250); transition: ease all 0.5s; width: 0; height: 0; padding: 4px; border-radius: 50%; cursor: pointer;}
    .modal_pagenation.modal_on {border: 4px solid rgba(143, 195, 31);}
    
    
 
}
 
 
 
 /* ======================================= Media Query ======================================= */
 
 
 @media only screen and (max-width: 1440px)   {
  

  .class_cover { width: 100%; height: 854px; display: block; margin: 0; padding: 0;
    background-image: url(/class/portfolio/bx/img/bx_cover.png), linear-gradient(to bottom right, #aaaaaa, #0d0d0d);    
      background-repeat: no-repeat, no-repeat;
      background-position: right 0;
      background-size: 100%, cover;
      }

   .portfolio_contents_01 {padding-bottom: 90px;}
   .portfolio_scroll_wrap li { width: 220px;  text-align: left; margin: 0; margin-left:10px; margin-right: 10px; }
   .portfolio_scroll_wrap img { width: 220px; }
   .class_portfolio_content {padding: 90px 0 0 60px;}#target_macbook {width: 60%;}
 
 }
 
 
 
 
 
@media only screen and (max-width: 1280px) {
 
 
   /* Class cover */
   .class_cover { width: 100%; height: 854px; display: block; margin: 0; padding: 0;
   background-image: url(/class/portfolio/bx/img/bx_cover.png), linear-gradient(to bottom right, #aaaaaa, #0d0d0d);    
     background-repeat: no-repeat, no-repeat;
     background-position: right 0; top:120px; left:0;
     background-size: 100%, cover;
     }
 
   .cover_wrap {height:100vw; width: 100%; margin-left: 72px; padding-top:150px; }
 
   .cover_textbox {width: 660px; padding-top: 0;}
 
 
   /* class_submenu*/
 
   .class_submenu { display: none; }
 
 
 
   /* class_select */
     
   .class_target {height: auto; padding-bottom: 140px;}
   .class_select_top {justify-content: center;}
   .class_select_top >div {width: auto;}
   
 
   /* class_portfolio */
 
   .portfolio_scroll_wrap li { width: 220px;  text-align: left; margin: 0; margin-left:10px; margin-right: 10px; }
   .portfolio_scroll_wrap img { width: 220px; }
 
 
   /* class_info*/
 
 
   /* class_overview*/
 
   .overview_title p { width: calc(100vw - 80px); padding-top: 12px; }
 
   .overview_contents_goal { margin-left: auto; margin-right: auto; display: flex; margin-top: 72px; text-align: center;   }
   .overview_contents_goal h5 { line-height: 36px;}
 
   .overview_contents_record { margin-left: auto; margin-right: auto; display: flex; margin-top: 200px; text-align: center;  }
   .overview_contents_record li { width: 200px;  }
   .overview_contents_record h4 { line-height: 72px; }
   .overview_contents_record li p { line-height: 36px; }
   .overview_contents_record_caption {width: calc(100vw - 80px); margin-left: auto; margin-right: auto; margin-top: 20px; text-align: center;}
 
 
 
   /* class_result*/
    
   .target_contents li {width: 240px;}
   .target_contents li .target_check {width: 40px; right: 35px;}
 
   .class_result {width : 100vw; height: 100%; background-image:url(); background-color: #fafafa; color:#171717; padding: 0; padding-bottom: 140px; }
 
   .result_title { width: calc(100vw - 80px); margin-left:40px; padding-top: 120px; }
   .result_title h3 { width: calc(100vw - 80px); padding: 0; }
   .result_title p { width: calc(100vw - 80px); padding-top: 12px; }
 
   .result_contents ul li h5 { color:#ff3366;  }
   .result_contents ul li p { width: 320px;  }
   .result_contents ul li:nth-child(1) {margin-right: 0;}
   .result_contents ul li:nth-child(3) {width: fit-content;}
   .vertical_line {right: auto; left: 525px;}
 
 
   /* class_select*/
 
   .select_title { width: calc(100vw - 80px); margin-left:40px; padding-top: 120px; }
   .select_title h3 { width: 1200px; padding: 0; }
   .select_title p { width: 1200px; padding-top: 12px; }
 
   .select_contents {  width: calc(100vw - 80px); margin-left: 40px; display: block; text-align: left;   }
   .select_contents ul {  width: calc(100vw - 80px); display: flex; padding-top: 72px;  color:white; align-items: top;   }
   .select_contents ul li:nth-child(odd) { width: 600px; height: 720px; text-align: left;   }
   .select_contents ul li:nth-child(even) { width: 600px; height: 720px; text-align: right; display: block;    }
   .select_contents ul li h4 { padding-bottom: 24px; }
   .select_contents ul li h5 { padding-bottom: 48px; }
 
 
   /* class_select_02*/
 
   .class_select_02 {width : 100vw; height: 100%;   background-image:url(); background-color:#fafafa; color:#171717;}
 
 
   .select_02_title { width: calc(100vw - 80px); margin-left:40px; padding-top: 120px; display: block;}
   .select_02_title h3 { width: calc(100vw - 80px); }
   .select_02_title p { width: calc(100vw - 80px); padding-top: 12px; }
 
   .select_02_contents { width: calc(100vw - 80px); margin-left: auto; margin-right: auto; display: block; margin-top: 72px; text-align: left; padding-bottom: 70px;}
   .select_02_contents ul { width: calc(100vw - 80px); margin-left: auto; margin-right: auto; display: flex; margin-top: 72px;  color:white; align-items: top;   }
   .select_02_contents ul li { width: calc(100vw - 80px);  text-align: center;   }
   .select_02_contents ul li img { width: calc(100vw - 100px);  }
 
   /* class_select_03*/
 
   .class_select_03 {width : 100vw; height: 100%;  background-image:url(); background-color:#363435; color:#fff; padding-bottom: 0px; }
 
 
   .select_03_title { width: calc(100vw - 80px); margin-left:40px; padding-top: 120px; display: block; }
   .select_03_title h3 { width: calc(100vw - 80px); padding: 0; }
   .select_03_title p { width: calc(100vw - 80px); padding-top: 12px; }
 
   .select_03_contents { width: 100%; margin-left: auto; margin-right: auto; display: block; margin-top: 72px; text-align: left;   }
   .select_03_contents ul { width: 100%; margin-left: auto; margin-right: auto; display: flex; margin-top: 72px;  color:white; align-items: top;   }
   .select_03_contents ul a li { width: 100%;  height: 360px; text-align: center;   }
   .select_03_contents ul a { width: 100%; height: 360px; text-align: center; background-image: url(../class/portfolio/bx/img/select_03.png); background-repeat:no-repeat; background-size: cover; }
 
 
   /* class_select_04*/
 
   .select_04_title { width: calc(100vw - 80px); margin-left:auto; margin-right:auto; padding-top: 120px; display: block; }
   .select_04_title h3 { width: calc(100vw - 80px);; padding: 0; }
   .select_04_title p { width: calc(100vw - 80px); padding-top: 12px; }
 
   .select_04_contents { width: calc(100vw - 80px); margin-left: 40px; display: block; margin-top: 72px; text-align: center;   }
   .select_04_contents ul { width: calc(100vw - 80px); height: 600px; height: 480px; margin-left: auto; margin-right: auto; display: flex; margin-top: 72px;  align-items: center; }
   .select_04_contents ul li:nth-child(odd) { width: 30vw;  padding-top: 60px; padding-bottom: 60px; text-align: center;   }
   .select_04_contents ul li:nth-child(even) { width: 40vw; padding-top: 60px; padding-bottom: 60px; color: #ff3366; text-align: center; border-left: 1px dashed #171717;  border-right: 1px dashed #171717; }
 
   /* class_select_05*/
 
   .select_05_title { width: calc(100% - 80px); margin-left:40px; padding-top: 120px; display: block; }
   .select_05_title h3 { width: calc(100% - 80px); padding: 0; }
   .select_05_title p { width: calc(100% - 80px); padding-top: 12px; }
 
   .select_05_contents { width: calc(100% - 80px); margin-left: 40px; display: block; margin-top: 72px; text-align: center;   }
   .select_05_contents ul { width: 100%; height: 360px; margin-left: auto; margin-right: auto; display: flex; margin-top: 72px;  align-items: center; }
   .select_05_contents ul li:nth-child(odd) {width: 30%; padding-top: 60px; padding-bottom: 0px; text-align: center;}
   .select_05_contents ul li:nth-child(odd) div {width: calc(50% - 22px); height: 100%; border: 1px solid #fff; text-align: center; display: inline-block; padding-top:0px; margin: 0 10px; border-radius: 6px; box-sizing: border-box;}
   .select_05_contents ul li:nth-child(odd) h6 { width: 100%;  padding-top: 60px; padding-bottom: 60px; text-align: center;   }
   .select_05_contents ul li:nth-child(even) { width: 40%; padding-top: 60px; padding-bottom: 60px; color: #ff3366; text-align: center; border-left: 1px dashed #fff;  border-right: 1px dashed #fff; }
   .select_05_contents ul li:nth-child(even) h4 {width: calc(100% - 40px); height: 180px; background-color: white; color: #ff3366; margin: 0 auto; border-radius: 12px; line-height: 180px;}
   .select_05_contents ul li:nth-child(even) h6 {color: white; padding-top: 60px;}
 
 
   /* class_portfolio*/
 
   .portfolio_title { width: calc(100vw - 80px); margin-left:auto; margin-right:auto; padding-top: 120px; text-align: center; }
   .portfolio_title h2 { width: 600px; padding: 0; }
   .portfolio_title p { width: calc(100vw - 80px); padding-top: 12px; }
     
   .portfolio_contents_01 {padding-bottom: 200px;}
   .portfolio_contents_01 li { width: 30vw; height: 150px; text-align: left; margin: 0; padding-right: 20px; }
   .portfolio_contents_01 h4 {color: #171717; line-height: 32px; padding-bottom: 24px;} 
 
   .portfolio_contents_02 { width: calc(100vw - 80px); margin-left: auto; margin-right: auto; display: block; text-align: center;    }
   .portfolio_contents_02 h4 {text-align: left;} 
   .portfolio_contents_02 p {text-align: left;} 
   .portfolio_contents_02 ul { width: calc(100vw - 80px); margin-left: auto; margin-right: auto; display: flex; margin-top: 72px; text-align: center;}
   .portfolio_contents_02 li { width:calc(25vw - 35px); text-align: left; margin: 0; padding-right: 20px; }
   .portfolio_contents_02 img {width: calc(25vw - 35px);  margin-bottom: 20px;} 
 
   .class_portfolio_content {padding: 120px 0 0 100px;}
  
   #target_circle {right: -30%;}
 
 
   .portfolio_scroll { width: 100%; height: 100%;margin: 0; text-align: center; background-color:#171717; color:#fff;   }
   .portfolio_scroll_title  {width: calc(100vw - 80px); margin-left:auto; margin-right:auto; padding: 60px 0; text-align: center; }
   .portfolio_scroll_title  h4 { width: calc(100vw - 80px); padding: 0; text-align: center;  }
   .portfolio_title  p { width: calc(100vw - 80px); padding-top: 12px; }
 
   .portfolio_scroll_wrap { width: 100%; height: 100%; display: block; overflow-x:scroll;}
   .portfolio_scroll_wrap li { width: calc(24vw - 10px);  text-align: left; margin: 0; margin-left:10px; margin-right: 10px; }
   .portfolio_scroll_wrap img { width: calc(24vw - 10px); }
 
 
   /* class_curriculum*/
 
   .curriculum_title { width: calc(100vw - 80px); margin-left:auto; margin-right:auto; padding-top: 120px; text-align: center; }
   .curriculum_title h2 { width: 600px; padding: 0; }
   .curriculum_title p { width: calc(100vw - 80px); padding-top: 12px; }
 
 
 
 
   .curriculum_contents_02 { width : 100vw; height: 100%; background-color:#fff; color:#171717; padding-bottom: 120px;}
 
   .curriculum_contents_02 ul { width:calc(100vw - 80px); display: flex; align-items: flex-start; justify-content: center; margin-left: auto; margin-right: auto; margin-top:90px; }
   .curriculum_contents_02 li:nth-child(odd) { width: calc(50vw - 50px); padding-right: 15px;   }
   .curriculum_contents_02 li:nth-child(even) { width: calc(50vw - 50px); padding-left: 15px;   }
   .curriculum_contents_02 li img { width: calc(50vw - 50px); }
   .curriculum_contents_02 ul h6 {width: calc(50vw - 50px); text-align: left;}
 
 
   /* class_target*/
 
   .target_title { width: calc(100vw - 80px); margin-left:auto; margin-right:auto; padding-top: 120px; text-align: center;}
   .target_title h2 { width: 600px; padding: 0; }
   .target_title p { width: calc(100vw - 80px); padding-top: 12px; }
   .target_contents ul { justify-content: space-evenly;  }
   .target_contents li img { width: 180px; }
 
 
 
   /* class_teacher*/
 
   .teacher_title { width: calc(100vw - 80px); margin-left:auto; margin-right:auto; padding-top: 120px; text-align: center;}
   .teacher_title h2 { width: calc(100vw - 80px); padding: 0; color: #ff3366; }
   .teacher_title p { width: calc(100vw - 80px); padding-top: 12px; }
 
   .teacher_contents { width: calc(100vw - 80px); margin-left:auto; margin-right:auto; display: block;}
   .teacher_contents ul { width: calc(100vw - 80px); margin-left:auto; margin-right:auto; display: flex; margin-top: 120px; align-items: center; justify-content: center;  }
   .teacher_contents ul li:nth-child(1) {  width: calc(50vw - 80px);  display: block; }
   .teacher_contents ul li:nth-child(2) {  width: calc(50vw );  display: block; text-align: left;  }
   .teacher_contents li img { width: 300px; }
   .teacher_contents li h4 {width: calc(50vw - 40px); border-bottom: 1px solid #ff3366; padding-bottom: 12px;}
   .teacher_contents li p {width: calc(50vw - 40px); margin-top:24px;}
 
 
 
   /* class_faq*/
 
 
 
   .benefit_title { width: calc(100vw - 80px); margin-left:auto; margin-right:auto; display: flex; justify-content: center; align-items: center; padding-top:120px; } 
   /* .benefit_title h3 { margin-right:36px;  } */
   .benefit_title img { width: 60px; height: 60px; }
   .benefit_contents {width: calc(100vw - 80px); height: 520px; margin-left: auto; margin-right: auto; display: block;  text-align: center; padding-top: 60px;  }
   .benefit_contents ul { display: flex; align-items: center; justify-content: space-between; width: fit-content; margin-left: auto; margin-right: auto; display: flex; text-align: center; padding: 0px;   }
   .benefit_contents li { width: 300px; height: 150px; text-align: left; margin: 0; text-align: center;}
   .benefit_contents li div {margin: 24px auto; display: flex; align-items: center; justify-content: center; width: 100px; height: 100px;  border: 2px solid #fff;  border-radius: 50px; text-align: center; }
   .benefit_contents h5 {margin: 0 auto; padding-top: 0px; padding-bottom: 12px; } 
   .benefit_contents p {width: 220px; margin: 0 auto;} 
   .benefit_contents ul:nth-child(2) {margin-top: 120px;}
 
 
 }
 
 
 
 
 
 @media only screen and (max-width: 1024px) {
 
   .class_overview {background-size: cover; background-position: center 0;}

   .overview_title {width: auto; margin-left: 0;}
   .overview_contents_record {width: fit-content;}
   .overview_contents_record li {width: 150px;}
   .overview_contents_goal {width: calc(100% - 48px);}
   .overview_contents_goal li:nth-child(odd) {width: 150px; height: 150px;}
   .overview_contents_goal li:nth-child(even) {height: 150px; width: calc((100% - 600px) / 3);}
   #top_image {width: 900px; left: calc(50% - 450px); bottom: -200px;}

   .overview_image { width: 80%; height: 384px; overflow: hidden; text-align:center; margin-top: 72px; margin-left: 10%;}
   .overview_image img { width: 100%; max-width: 960px;}
 
   .class_cover {background-position: right center;}

   .class_select_top {justify-content: center; max-width:calc(100% - 40px); padding:0 0 0 20px;}
   .class_select_top >div {width: auto; width: calc(50% - 20px)}
   .class_select_bottom >div:last-child {width: calc(100% - 48px);}
   .class_select_bottom img {height: auto; height: intrinsic; width: calc((100% - 96px) / 5);}
       /* height: intrinsic 사파리 및 모바일 브라우저에서 height : auto가 안먹어서 넣은 코드 */
   .class_select_bottom_title img {width: 30px; height: 30px;}
   
   .card_container {padding: 110px 24px 150px;}
 
   .class_select_05_content >div:nth-child(1), .class_select_05_content >div:nth-child(2), .class_select_05_content >div:nth-child(6), .class_select_05_content >div:nth-child(7) {width: 100px; height: 100px;}
   .class_select_05_content >div:nth-child(4) {width: 350px; height: 100px;}
   .lined_center {width: 50px;}
 
   .class_select_05_content_bottom >div:nth-child(1), .class_select_05_content_bottom >div:nth-child(5) {width: 236px;}
   .class_select_05_content_bottom >div:nth-child(2), .class_select_05_content_bottom >div:nth-child(4) {width: 50px;}
   .class_select_05_content_bottom >div:nth-child(3) {width: 350px;}

   .portfolio_contents_01 {padding-bottom: 60px;}
   .portfolio_contents_01 li {margin-bottom: 24px;}
   .class_portfolio_content {padding: 120px 0 0 24px;}
   .target_contents {width: calc(100% - 48px);}
   .target_contents ul {width: 100%;}
   #target_macbook {top: 390px;}
   #target_circle {right: -25%;}

   .class_curriculum {height: 900px;}
   .curriculum_contents_01 {width: 640px;}
   .curriculum_contents_01_wrap {width: 100%;}
   .curriculum_contents_01 ul {width: 100%;}
   .curriculum_contents_01 li {width: 128px;}
   .curriculum_contents_01 h6 {width: 150px; height: 50px; line-height: 20px; word-break: keep-all;}

   
   .curriculum_contents_01 h6:nth-child(1) {left: -15px; top: 235px;}
   .curriculum_contents_01 h6:nth-child(2) {left: 115px; top: 175px;}
   .curriculum_contents_01 h6:nth-child(3) {left: 245px; top: 120px;}
   .curriculum_contents_01 h6:nth-child(4) {left: 373px; top: 65px;}
   .curriculum_contents_01 h6:nth-child(5) {left: 503px; top: 10px;}


   .curriculum_contents_02 { width:100%; height: 100%;background-color: #f5f5f5; color:#171717; padding: 120px 0;}
 
   .curriculum_contents_02 >div {width:calc(100% - 40px); margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 2px solid #E5E8ED; padding-top: 120px; display: none;}
   .curriculum_contents_02 >div:first-child {padding-top: 0;}
   .curriculum_contents_02 h5 {color: #7E8186;}
   .curriculum_contents_02 p {color: #A4A8AF; padding-bottom: 4px;}
   .curriculum_contents_02 ul {width:calc(100% - 40px); display: flex; align-items: flex-start; justify-content: center; margin-left: auto; margin-right: auto; margin-top:90px; }
   .curriculum_contents_02 ul li img { width: 100%;}
   .curriculum_contents_02 ul:nth-of-type(1) {margin-top: 0;}
   .curriculum_contents_02 li:nth-child(odd) {  width: calc(100% - 20px); padding-right: 10px;   }
   .curriculum_contents_02 li:nth-child(even) {  width: calc(100% - 20px); padding-left: 10px;   }
   .curriculum_contents_02 ul h4 { width: calc(100% - 20px);  text-align: left; border: none; line-height: 60px; margin: 10px 0;}
   .curriculum_contents_02 ul h6 { width: calc(100% - 20px); text-align: left;}





   .class_teacher_top {width: calc(100% - 96px);}
   .class_teacher_top img {height: auto; width: 300px;}
   .class_teacher_top img:first-child {width:300px; height: auto;}
 
   .teacher_select_bar {width: calc(100% - 48px)}
   .progress_bar {width: 260px;}
   .teacher_history:nth-child(1) {padding-left: 24px;}
   .teacher_history:nth-child(2) {padding-left: 200px;}
   .teacher_history:nth-child(3) {padding-left: 376px;}
   .teacher_history:nth-child(4) {padding-left: 552px;}
   .teacher_history:nth-child(5) {padding-left: 552px;}
 
   .student_contents {width: auto;}
   .student_contents ul {width: auto; flex-direction: column;}
   .student_contents li {margin-bottom: 50px;}
   .student_contents li:last-child {margin-bottom: 0;}
 
   .question_box, .answer_box {width: calc(100% - 48px);}
 
   .benefit_contents {width: auto;}
 
 }
 
 
 
 
 @media only screen and (max-width: 834px)  {
 
   /* ::-webkit-scrollbar {
     display: none;
   } */
 
   /* class Cover */
 
   .class_cover { width: 100%; height: 72vh; display: block; margin: 0; padding: 0;
     background-image: url(/class/portfolio/bx/img/bx_cover.png), linear-gradient(to bottom right, #aaaaaa, #0d0d0d);    
     background-repeat: no-repeat, no-repeat;
     background-position: right center; }
 
   .cover_wrap {width: 100%; height:100vw;  margin-left: 20px;  padding-top:15vh; }
 
   .cover_textbox {width: 300px;}
   .cover_textbox h4 {font-size: 18px; padding-top:8px; }
   .ln_tablet {display: block;}
 
 
   /* class_select */
 
   .class_select_top {flex-direction: column; align-items: center; margin: 80px 0;}   
   .class_select_top_left {margin-bottom: 50px; margin-left: -100px;}
   .class_select_top_right {padding-left: 0; margin-left: 50px;}
   .class_select_top_right h6 {margin-left: 0;}
   #quotation {top: -35px; left: -80px;}
   .class_select_bottom {padding-bottom: 90px;}
   .class_select_bottom_title {padding: 90px 0 50px;}
   
   
   /* class_portfolio */
    
   .class_portfolio h3 {padding-top: 90px;}
   .portfolio_scroll_wrap li { width: 220px;  text-align: left; margin: 0; margin-left:10px; margin-right: 10px; }
   .portfolio_scroll_wrap img { width: 220px; }
   .pol_img_close_btn{right: 5%;}
 
   /* class_overview*/
 
   .overview_title { padding-top: 90px; }
   .overview_title h6 {width: 585px; margin: 0 auto; word-break: keep-all;}
    
   .class_overview {background-position: center bottom;}
   .overview_contents_goal { width: 150px; flex-wrap: wrap;}
   .overview_contents_goal li {margin-right: 0;}
   .overview_contents_goal li:nth-child(even) {width: 150px; height: 40px;}
   .overview_contents_goal li:nth-child(even) img {transform: rotate(90deg); height: 24px;}
   .overview_contents_goal h5 { line-height: 36px;}
 
   .overview_contents_record { width: calc(100vw - 40px); margin-left: auto; margin-right: auto; display: flex; text-align: center; flex-wrap: wrap; margin-top: 150px;}
   .overview_contents_record li { width: calc(33.3vw - 13.3px);  }
   .overview_contents_record h4 {  line-height: 72px; }
   .overview_contents_record li p {  line-height: 36px; }
   .overview_contents_record_caption {width: 240px; margin-left: auto; margin-right: auto; margin-top: 0; text-align: center;}
   
   #top_image {width: 100%; left: 0; bottom: -20px;}
 
 
   /* class_result*/
 
   .class_result {width : 100vw; height: 100%; background-image:url(); background-color: #fafafa; color:#171717; padding: 0; padding-bottom: 90px; }
 
   .result_title { width: calc(100vw - 40px); margin-left:20px; padding-top: 90px; }
   .result_title h3 { width: calc(100vw - 40px); padding: 0; }
   .result_title p { width: calc(100vw - 40px); padding-top: 12px; }
 
 
   .result_contents { width: calc(100vw - 40px); margin-left:20px; ; display: block; margin-top: 72px; text-align: left; }
   .result_contents ul { width: 420px; margin-left: auto; margin-right: auto; display: flex; margin-top: 72px;  color:white; flex-wrap: wrap; justify-content: space-between;}
   .result_contents li h5 { color:#ff3366;  }
   .result_contents ul li:nth-child(3) {padding-left: 0;}
   .result_contents ul li p { width: 320px;  }
   
 
   .vertical_line {display: none;}
 
 
   /* class_select*/
 
   .select_title { width: calc(100vw - 40px); margin-left:20px; padding-top: 90px; }
   .select_title h3 { width: calc(100vw - 40px); padding: 0; }
   .select_title p { width: calc(100vw - 40px); padding-top: 12px; }
 
   .select_contents {  width: calc(100vw - 40px); margin-left: 20px; display: block; text-align: left;   }
   .select_contents ul {  width: calc(100vw - 40px); display: flex; padding-top: 72px;  color:white; align-items: top;   }
   .select_contents ul li:nth-child(odd) { width: 600px; height: 1020px; text-align: left;   }
   .select_contents ul li:nth-child(even) { width: 600px; height: 1020px; text-align: right; display: block;    }
   .select_contents ul li h4 { padding-bottom: 24px; }
   .select_contents ul li h5 { padding-bottom: 48px; }
 
 
   /* class_select_02*/
 
   .class_select_02 {width : 100vw; height: 100%;   background-image:url(); background-color:#fafafa; color:#171717;}
   .class_select_02 h3 {padding: 90px 0 20px;}

   .select_02_title { width: calc(100vw - 40px); margin-left:20px; padding-top: 90px; display: block;}
   .select_02_title h3 { width: calc(100vw - 40px); }
   .select_02_title p { width: calc(100vw - 40px); padding-top: 12px; }
 
   .select_02_contents { width: calc(100vw - 40px); margin-left: auto; margin-right: auto; display: block; margin-top: 60px; text-align: left;   }
   .select_02_contents ul { width: calc(100vw - 40px); margin-left: auto; margin-right: auto; display: flex; margin-top: 60px;  color:white; align-items: top;   }
   .select_02_contents ul li { width: calc(100vw - 40px);  text-align: center;   }
   .select_02_contents ul li img { width: calc(100vw - 40px);  }
 
   /* class_select_03*/
 
   .class_select_03 {width : 100vw; height: 100%;  background-image:url(); background-color:#363435; color:#fff; padding-bottom: 0px; }
   .class_select_03 h3 {padding: 90px 0 20px;}
 
   .select_03_contents { width: 100%; margin-left: auto; margin-right: auto; display: block; margin-top: 72px; text-align: left;   }
   .select_03_contents ul { width: 100%; margin-left: auto; margin-right: auto; display: flex; margin-top: 72px;  color:white; align-items: top;   }
   .select_03_contents ul a li { width: 100%;  height: 360px; text-align: center;   }
   .select_03_contents ul a { width: 100%; height: 360px; text-align: center; background-image: url(/class/portfolio/bx/img/select_03.png); background-repeat:no-repeat; background-size: cover; background-position: -100px; }
 
 
   /* class_select_04*/
    
   .class_select_04 h3 {padding-top: 90px;}

   .select_04_contents { width: calc(100vw - 40px); margin-left: 20px; display: block; margin-top: 0px; text-align: center;   }
   .select_04_contents ul { width: calc(100vw - 40px);  height: 480px; margin-left: auto; margin-right: auto; display: flex; margin-top: 36px;  align-items: center; flex-direction: column; }
   .select_04_contents ul li:nth-child(odd) { width: 30vw;  padding-top: 24px; padding-bottom: 24px; text-align: center;   }
   .select_04_contents ul li:nth-child(even) { width: 60vw; padding-top: 24px; padding-bottom: 24px; color: #ff3366; text-align: center; 
     border-left: none;  border-right: none;
     border-top: 1px dashed #171717;  border-bottom: 1px dashed #171717; }
 
   .card_container {flex-direction: column; padding: 50px 24px 90px;}
   #card_left, #card_right {width: 200px;}
   #card_center {width: 300px;}
   #card_left, #card_center, #card_right {height: auto; margin-right: 0; margin-bottom: 30px;}
   .card h2:nth-child(1) {padding-top: 30px;}
   .card h5:nth-child(2) {padding-bottom: 30px;}
   .card h5:nth-child(4) {padding-bottom: 30px;}
 
   #card_center img {width: 70px; padding-top: 30px;}
   #card_center h5:nth-child(2) {padding: 30px 0;}
   #card_center h4:nth-child(4) {padding: 30px 0 20px;}
   #card_center h5:nth-child(5) {padding-bottom: 30px;}
 
   /* class_select_05*/
 
   .class_select_05 {width : 100%; height:100%;  background-image:url(/class/portfolio/bx/img/select_05.jpg); background-size: cover; background-position: -400px 0; background-color:#b59469;  color:#fff; padding-bottom: 120px;  }
 
   .class_select_05 h3 {padding-top: 90px;}
 
   .select_05_contents { width: calc(100vw - 40px); margin-left: 20px; display: block; margin-top: 48px; text-align: center;   }
   .select_05_contents ul { width: calc(100vw - 40px); height: 480px; margin-left: auto; margin-right: auto; display: flex;   align-items: center; flex-direction: column; }
   .select_05_contents ul li:nth-child(odd) { width: 80vw;  padding-top: 24px; padding-bottom: 0px; text-align: center;   }
   .select_05_contents ul li:nth-child(odd) div { width: 120px; height: 90px; border: 1px solid #fff; text-align: center; display: inline-block; padding-top:0px; margin: 0 10px; border-radius: 6px;
     vertical-align: center;  }
   .select_05_contents ul li:nth-child(odd) h5 { line-height: 36px; margin-top:8px;}	
   .select_05_contents ul li:nth-child(odd) h6 { width: 80vw;  padding-top: 24px; padding-bottom: 24px; text-align: center;   }
   .select_05_contents ul li:nth-child(even) { width: 80vw; padding-top: 60px; padding-bottom: 40px; color: #b59469; text-align: center; border-left: none;  border-right: none; 
     border-top: 1px dashed #fff;  border-bottom: 1px dashed #fff; }
   .select_05_contents ul li:nth-child(even) h4 {width: 80vw; height: 120px; background-color: white; color: #b59469; margin: 0 auto; border-radius: 12px; line-height: 120px;}
   .select_05_contents ul li:nth-child(even) h6 {color: white; padding-top: 24px;}
 
   .class_select_05_content, .class_select_05_content_bottom {display: none;}
   .class_select_05_content_m {display: flex; flex-direction: column; width: 500px; margin: 100px auto 0;}
   .class_select_05_content_m h6 {margin-top: 20px;}
   .horizon_container {display: flex; justify-content: space-evenly;}
   .horizon_container_line {border-bottom: 1px dashed white; width: 100%; height: 1px; margin: 50px 0;}
   .content_box_m {width: 150px; height: 150px; border-radius: 8px; border: 2px solid #fff;display: flex; justify-content: center; align-items: center;}
   .content_box_cencter_m {width: 500px; height: 100px; background-color: white; border-radius: 6px; color: #b59469; display: flex; justify-content: center; align-items: center;}
 
 
   /* class_portfolio*/
 
   .class_portfolio {width : 100%; height: 100%;}
 
   .portfolio_title { width: calc(100vw - 40px); margin-left:auto; margin-right:auto; padding-top: 90px; text-align: center; }
   .portfolio_title h2 { width: 600px; padding: 0; }
   .portfolio_title p { width: calc(100vw - 40px); padding-top: 12px; }
 
   .class_portfolio_content {width: auto;}
   .portfolio_contents_01 {padding-bottom: 100px; height: 100%; margin-top: -2px;}
   .portfolio_contents_01 li { width: 50%; height: 150px; text-align: left; margin: 0 auto;}
   .portfolio_contents_01 h4 {color: #171717; line-height: 32px; padding-bottom: 24px;} 
   .class_portfolio_content {padding: 60px 0 0 48px;}
   #target_circle {display: none;}
   #target_macbook {position: static; width: 80%;}
 
   .portfolio_contents_02 { width: calc(100vw - 32px); margin-left: auto; margin-right: auto; display: block; margin-top: 0; text-align: center; padding-bottom: 90px; }
   .portfolio_contents_02 h4 {text-align: left;} 
   .portfolio_contents_02:first-child h4 {padding-top: 90px;}
   .portfolio_contents_02 p {text-align: left;} 
   .portfolio_contents_02 ul { width: calc(100vw - 20px); margin-left: auto; margin-right: auto; display: flex; text-align: center; padding: 0px; margin-bottom: 0; }
   .portfolio_contents_02 li { width: calc(33.3vw - 13.3px); text-align: left; margin: 0; padding-left: 5px; padding-right: 0px; }
   .portfolio_contents_02 img {width: calc(33.3vw - 13.3px);  margin-bottom: 20px;} 
 
 
   .portfolio_scroll { width: 100%; height: 100%;margin: 0; padding-top: 90px; text-align: center; background-color:#171717; color:#fff;   }
   .portfolio_scroll_title  {width: calc(100vw - 40px); margin-left:auto; margin-right:auto; padding: 0px 0 60px; text-align: center; }
   .portfolio_scroll_title  h4 { width: calc(100vw - 40px); padding: 0; text-align: center;  }
   .portfolio_title  p { width: calc(100vw - 40px); padding-top: 12px; }
 
   .portfolio_scroll_wrap { width: 100%; height: 100%; display: block; overflow-x:scroll;}
   .portfolio_scroll_wrap ul { width: 100%; display: flex; text-align: center; padding: 0px; margin-bottom: 0px;}
   .portfolio_scroll_wrap li { width: calc(50vw - 20px);  text-align: left; margin: 0; margin-left:10px; margin-right: 10px; }
   .portfolio_scroll_wrap img { width: calc(50vw - 20px); }
 
 
   /* class_curriculum*/
 
   .class_curriculum {width : 100%; height: 100%; background-image:url(); color:white; background-repeat: no-repeat; background-size: cover; background-position: -400px 100px; padding-bottom: 0px; background-color: #b59469; }
 
   .curriculum_title { width: calc(100vw - 40px); margin-left:auto; margin-right:auto; padding-top: 90px; text-align: center; }
   .curriculum_title h2 { width: 600px; padding: 0; }
   .curriculum_title p { width: calc(100vw - 40px); padding-top: 12px; }
 
   .curriculum_contents_01 { width: 600px; margin-left: auto; margin-right: auto; display: block; margin-top: 72px; text-align: center;    }
   .curriculum_contents_01_wrap { width: 100%; height: calc(100% + 30px); margin-left: auto; margin-right: auto; position: relative; padding-bottom: 90px;}
   .curriculum_contents_01 ul { width:100%; display: flex; align-items: center; justify-content: center;    }
   .curriculum_contents_01 li { width: 120px; height: 420px; border-left: 1px dashed #fff; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 30px; box-sizing: border-box;}
   .curriculum_contents_01 li:nth-child(5) {  border-right: 1px dashed #fff;   }
 
   .curriculum_contents_01 p {width: 150px; border-top: 1px solid #fff; padding-top: 24px; font-size: 14px;}
 
   .curriculum_contents_01 h6 {background-color: white; color: #171717; border-radius: 6px;  position: absolute; padding: 0; font-size: 12px; display: flex; justify-content: center; align-items: center; word-break: keep-all; box-sizing: border-box;}
   .curriculum_contents_01 h6:nth-child(1) { top: 270px; left:-14px;}
   .curriculum_contents_01 h6:nth-child(2) { top: 205px; left:104px;}
   .curriculum_contents_01 h6:nth-child(3) { top: 140px; left:225px;}
   .curriculum_contents_01 h6:nth-child(4) { top: 75px; left:345px;}
   .curriculum_contents_01 h6:nth-child(5) { top: 10px; left:466px;}
   .curriculum_contents_01 h6:nth-child(6) { width: 20px; height: 20px; top: 335px; left:-10px; border-radius: 10px; line-height:20px; }
   .curriculum_contents_01 h6:nth-child(7) { width: 20px; height: 20px; top: 335px; left:589px; border-radius: 10px; line-height:20px; }
 
 
   .curriculum_contents_02 { width : 100vw; height: 100%; background-color:#fff; color:#171717; padding: 90px 0;}
 
   .curriculum_contents_02 h4 {width:calc(100vw - 40px); margin-left: auto; margin-right: auto;  border-top: 1px solid #ff3366; margin-top:90px; margin-bottom: 12px;}
   .curriculum_contents_02 ul { width:calc(100vw - 40px); display: flex; align-items: center; justify-content: center; margin-left: auto; margin-right: auto; margin-top:0px; flex-direction: column; }
   .curriculum_contents_02 li:nth-child(odd) { width: calc(100vw - 40px); padding-right: 0px;   }
   .curriculum_contents_02 li:nth-child(even) { width: calc(100vw - 40px); padding-left: 0px;   }
   .curriculum_contents_02 li img { width: calc(100vw - 40px); margin-top:36px; }
   .curriculum_contents_02 ul h6 {width: calc(100vw - 40px); text-align: left; font-size: 14px;}
 
 
   /* class_target*/
   
   .class_target {height: auto; padding-bottom: 50px;}
   .target_title { width: calc(100vw - 40px); margin-left:auto; margin-right:auto; padding-top: 90px; text-align: center;}
   .target_title h2 { width: 600px; padding: 0; }
   .target_title p { width: calc(100vw - 40px); padding-top: 12px; }
 
   .target_contents { width: calc(100vw - 40px); margin-left:auto; margin-right:auto; padding-top: 60px; text-align: center; display: block;}
   .target_contents ul { width: calc(100vw - 40px); margin-left:auto; margin-right:auto; display: flex; text-align: center; padding: 0px; align-items: center; justify-content: center; flex-direction: column; }
   .target_contents li {  width: 60vw; height: 300px; display: block; text-align: center;   }
   .target_contents li img { width: 180px; }
   .target_contents li h5 {width: 60vw; margin-top: 24px;}
   .target_contents li p {width: 60vw;}
 
   .target_contents li .target_check {right: 145px;}
 
 
 
   /* class_teacher*/
   .class_teacher {width : 100%; height: auto; background-color: #ff9f0a; color:white; display: flex; flex-direction: column; align-items: center;
    padding: 120px 0;}
   .class_teacher h3 {padding: 0 0 12px;}
   .class_teacher h6 {padding-bottom: 50px;}
  
   .class_teacher_top {width:100%;}
   .class_teacher_top ul {display: block; width: 100%; text-align: center; }
   .class_teacher_top img {height: auto; width: 300px;}
   .class_teacher_top img:first-child {width: 300px; height: auto;}
   .class_teacher_top ul li:nth-child(2) { width: 300px; margin: 72px auto;} 

   .teacher_history:nth-child(2), .teacher_history:nth-child(3), .teacher_history:nth-child(4), .teacher_history:nth-child(5) {padding-left: 35px;}
   .progress_bar {width: 26%;}
   .teacher_select_bar {margin-bottom: 80px;}
   .class_teacher_bottom {padding: 0;}
 
 
   /* class_student*/
 
   .class_student {width : 100vw; height: 100%; background-color: #fafafa; color:#171717; padding: 0; padding-bottom: 90px;}
   .class_student >h3 {padding-top: 90px;}
   .class_student >h6 {margin-bottom: 50px;}
 
   .student_contents_name h6 {margin-bottom: -4px;}
   .dot {margin-bottom: 10px;}
 
   /* class_faq*/
 
   .question_box {width: calc(100% - 48px);}
   .answer_box {width: calc(100% - 48px); padding: 50px;}
   .answer_box h5, .answer_box h6 {width: 100%;}
 
   .class_faq >h3 {padding: 90px 0 76px;}
   .answer_box {margin-bottom: 90px;}
 
 
   /* class_benefit*/
 
   .class_benefit {width : 100%; height: 100%; background-image:url(); background-color: #b59469; color:white; padding-bottom:90px; }
 
   .benefit_title { width: calc(100vw - 40px); margin-left:auto; margin-right:auto; display: flex; justify-content: center; align-items: center; padding-top:90px;  } 
   /* .benefit_title h3 { margin-right:36px;  } */
   .benefit_title img { width: 60px; height: 60px; }
 
   .benefit_contents {width: 100%; height: 720px; margin-left: auto; margin-right: auto; display: block;  text-align: center; display: flex; justify-content: space-evenly;}
   .benefit_contents ul { display: flex; align-items: center; justify-content: space-between; margin: 0; text-align: center; padding: 0px; flex-direction: column;  }
   .benefit_contents li { width: 100%; height: 260px; text-align: left; margin: 0; padding-right: 0; text-align: center;}
   .benefit_contents li div {margin: 24px auto; display: flex; align-items: center; justify-content: center; width: 100px; height: 100px;  border: 2px solid #fff;  border-radius: 50%; text-align: center; }
   .benefit_contents h5 {margin: 0 auto; padding-top: 0px; padding-bottom: 12px; } 
   .benefit_contents p {width: 160px; margin: 0 auto; font-size:12px;} 
   .benefit_contents ul:nth-child(2) {margin-top: 0px;}
 
 }
 
 
 
 
 
 @media only screen and (max-width: 430px) {

  .ln_mobile {display: block;}

   .info_register .info_register_button {width: 340px;}

   .class_cover {background-size:120%; background-position:center bottom;}
   .cover_textbox {width:100%; padding-top:0; }   


   .info_list {width: calc(100% - 32px);}
   .info_list_title {width: 110px;}
   .info_list_title li {padding-left: 30px;}
   .info_list_detail {width: calc(100% - 110px);}

   /* .class_overview {background-image: url(/class/portfolio/bx/img/top_image_m.png); background-position: center 1150px;} */
   .overview_title h6 {width: auto;}
   .overview_contents_goal {width: 150px;}
   .overview_contents_goal li {width: 150px; height: 150px; border-radius: 50%;}
   .overview_contents_record li {margin-bottom: 30px;}
   .overview_contents_record h4 {line-height: inherit;}
   .overview_contents_record_caption {padding: 10px 0 20px;}
   #top_image {bottom: 0;}

   .target_contents li .target_check {width: 30px; right: 37px;}
 
   .result_contents {width: calc(100% - 32px);}
   .result_contents ul {width: 100%;}
   .result_contents ul li:nth-child(1) img {width: 100%;}
   .result_contents ul li:nth-child(2) {width: fit-content;}
   .result_contents ul li:nth-child(2) div {width: 40px; height: 40px;}
   .result_contents ul li:nth-child(3) {width: calc(100% - 56px);}
   .result_contents ul li:nth-child(3) p {width: 100%}
 
   #quotation {left: -10px; top: -60px; width: 50px;}
   .class_select_top_left h3 {padding-left: 16px;}
   .class_select_top_left {margin-bottom: 70px;}
   .class_select_top >div {margin-left: 0; width: calc(100% - 32px);}
   .class_select_top_right h6, .neon_underline {font-size: 12px;}

   .class_select_bottom >div {flex-wrap: wrap;}
   .class_select_bottom img {width: calc((100% - 32px) / 3); margin-bottom: 20px;}
   .class_select_bottom img:nth-child(4) {margin-left: calc(100% / 6); margin-bottom: 0;}
   .class_select_bottom img:nth-child(5) {margin-right: calc(100% / 6); margin-bottom: 0;}
   #check {width: fit-content; margin-bottom: 0;}
   .class_select_bottom >div:last-child {width: calc(100% - 32px);}
   
   .class_select_05_content_m {width: 360px; margin-top: 50px;}
   .content_box_m {width: 100px; height: 100px;}
   .content_box_cencter_m {width: 100%;}
   .horizon_container_line {margin: 30px 0;}
 
   .class_portfolio_content {padding: 80px 16px 0;}
   .portfolio_contents_01 li {width: 100%; padding-right: 0; word-break: keep-all;}
   .portfolio_scroll h5 {font-size: 14px;}
   .portfolio_contents_01 {padding-bottom: 30px;}

   .class_select_05 {background-position: -400px bottom; background-size: auto; background-repeat: no-repeat; padding-bottom: 250px;}

   .curriculum_contents_01 {width: 360px;}
   .curriculum_contents_01 li {width: 20%;}
   .curriculum_contents_01 h6 {width: 95px;}
   .curriculum_contents_01 h6:nth-child(1) { top: 270px; left:-8px;}
   .curriculum_contents_01 h6:nth-child(2) { top: 205px; left:64px;}
   .curriculum_contents_01 h6:nth-child(3) { top: 140px; left:133px;}
   .curriculum_contents_01 h6:nth-child(4) { top: 75px; left:203px;}
   .curriculum_contents_01 h6:nth-child(5) { top: 10px; left:272px;}
   .curriculum_contents_01 h6:nth-child(6) {left: -8px;}
   .curriculum_contents_01 h6:nth-child(7) {left: 347px;}   
 
   .class_teacher_top {flex-wrap: wrap; justify-content: space-between; width: calc(100% - 32px); padding-bottom: 0;}
   .class_teacher_top img {width: 300px; margin-bottom: 20px; box-shadow: none; opacity: 0.7;}
   .class_teacher_top img:first-child {width:300px; margin-bottom: 20px; box-shadow: 10px 14px 18px 3px rgba(0,0,0,0.15); opacity: 1;}
   .class_teacher_top img:nth-child(4) {margin-left: calc(100% / 6);}
   .class_teacher_top img:nth-child(5) {margin-right: calc(100% / 6);}
   .teacher_history:nth-child(1) {padding: 0 16px;}
   .teacher_select_bar {display: none;}

   .student_contents ul {margin-top: 50px;}
   .student_contents li {width: 340px; height: auto;}
 
   .question_box >div:first-child {flex-direction: column;}
   .question_box h5 {width: 100%;}
   .question_box >div:last-child {display: none;}
   .answer_box {height: auto; padding: 32px;}
   .question_title {position: relative; margin-bottom: 40px;}
   .question_title::before {content: ''; width: 300px; height: 1px; background-color: rgba(255,255,255,0.4); position: absolute; bottom: -20px; left: calc(50% - 150px);}
   .question_title:last-child::before {display: none;}
 
 }


 .portfolio_scroll_wrap::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid rgba( 23, 23, 23);
    background-color: #FF3366;
}