@charset "utf-8";
.slick-prev{left: -60px;}
.slick-next{right: -50px;}
#container .section_outer.sec3 .w_1480{flex-direction: column; align-items: center; justify-content: center;}
#container .section_outer.sec3 .sec_L{width: 840px;}
#container .section_outer.sec3 .sec_R{margin-left: 0; width: 840px; margin-top: 75px;}
.video_popup_wrap {width: 80%; padding-top: 45%;}
.video_popup_wrap .v_close{right: 0; top: -50px;}

@media all and (max-width:1100px) {
  #container .section_outer.sec4 .sec_bot ul{flex-wrap: wrap; justify-content: space-between;}
  #container .section_outer.sec4 .sec_bot ul li{width: 49%; margin-bottom: 2%; margin-right: 0;}
}
@media all and (max-width:1024px) {
  #container .main_banner_outer .main_gnb_box ul li{display: flex; align-items: center; justify-content: center;}
  #container .main_banner_outer .main_gnb_box ul li a{flex-direction: column; padding: 25px 0;}
  #container .main_banner_outer .main_gnb_box ul li img{margin-right: 0;}
  #container .main_banner_outer .main_gnb_box ul li span{width: 100%; display: block; margin-top: 15px; height: 2.8em;}
  #container .main_banner_outer .main_banner_box .item .txt_box p:nth-child(1){font-size: 65px; line-height: 1.2em;}
  #container .main_banner_outer .main_banner_box .item .txt_box p:nth-child(2){line-height: 1em; margin-top: 45px;}
  #container .main_banner_outer .scroll_icon::after{display: none;}
  #container .main_banner_outer .main_banner_box .item{padding-top: 100px; padding-bottom: 400px;}
  #container .main_banner_outer .banner_nav_wrap{top: 57%;}
  #container .section_outer .sec_top .f_tit {font-size: 30px; padding-top: 12px;}
  #container .section_outer.sec1 .sec_bot .sec1_slide .item{width: 400px;}
  #container .section_outer.sec1 .sec_bot .sec1_slide .item img{height: auto;}
  #container .section_outer.sec1 .w_1480{padding-left: 3.9063%; padding-right: 3.90625%}
  #container .section_outer.sec1 .sec_bot .sec1_slide .slick-list{width: 150%;}
  #container .section_outer.sec1 .sec_bot .sec1_slide .item .desc_box p.desc {font-size: 14px; display: block; height: 6.8em; padding: 0 10px;} 
  #container .section_outer.sec1 .sec_bot .sec1_slide .slick-dots {position: absolute; width: 100%;bottom: 50px;text-align: center; display: flex; justify-content: center;}
  #container .section_outer.sec1 .sec_bot .sec1_slide .slick-dots li {display: block; margin: 0 5px;}
  #container .section_outer.sec1 .sec_bot .sec1_slide .slick-dots li button {font-size: 0;background: none;border: none;width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;cursor: pointer;padding: 0;outline: none;}
  #container .section_outer.sec1 .sec_bot .sec1_slide .slick-dots li.slick-active button {background-color: #e86c00; width: 6px; height: 6px; position: relative;}
  #container .section_outer.sec1 .sec_bot .sec1_slide .slick-dots li.slick-active button::before {content:""; width: 10px; height: 10px; border: 1px solid #e86c00; border-radius: 50%; position: absolute; top:-3px; left: -3px;}
  #container .section_outer.sec1 .sec_bot .sec1_slide .item img:nth-child(2){opacity: 1;}
}

@media all and (max-width:900px) {
  #container .section_outer.sec2 .sec_bot .con_L,
  #container .section_outer.sec2 .sec_bot .con_R{width: 100%;}
  #container .section_outer.sec2 .sec_bot .con_L .con_Bot{background: none; height: auto;}
  #container .section_outer.sec2 .sec_bot .con_L .con_Bot .cb_con{position: initial; top: auto; left: auto; bottom: auto; right: auto; transform: none; margin: 0 auto; height: auto;}
  #container .section_outer.sec2 .sec_bot .con_L .con_Bot .cb_con .cb_con_tit .input_box{margin-top: 0;}
  #container .section_outer.sec2 .sec_bot .con_L .con_Bot .cb_con>div{padding-bottom: 45px; margin-bottom: 45px; border-bottom: 1px solid #ddd; display: flex;}
  #container .section_outer.sec2 .sec_bot .con_L .con_Bot .cb_con .cb_con_desc,
  #container .section_outer.sec2 .sec_bot .con_L .con_Bot .cb_con .cb_con_tit{float: none; margin-bottom: 0;}
  #container .section_outer.sec3 .sec_L,
  #container .section_outer.sec3 .sec_R{width: 100%;}
}

@media all and (max-width:768px) {
  #container .main_banner_outer .main_banner_box .item .txt_box {transform: translateY(0);}
  #container .main_banner_outer .main_gnb_box ul li img{max-height: 60px;}
  #container .main_banner_outer .main_gnb_box ul li span{font-size: 18px; line-height: 1.3em; height: 2.6em;}
  #container .section_outer .sec_top .tit{font-size: 45px; padding-top: 12px;}
  #container .section_outer .sec_top .icon{width: 28px; height: 8px;}
  #container .section_outer.sec2 .sec_bot .con_L .con_Bot .cb_con>div{display: flex;flex-direction: column;}
  .con_Top{margin-bottom: 25px;}
  #container .section_outer.sec2 .sec_bot .con_L .con_Bot .cb_con{padding: 0 40px; width: 100%;}
  #container .section_outer.sec2 .sec_bot .con_L .con_Bot .cb_con .cb_con_tit{display: flex; margin-bottom: 25px; width: 100%; align-items: center; justify-content: space-between;}
  #container .section_outer.sec2 .sec_bot .con_L .con_Bot .cb_con .cb_con_desc{width: 100%;}
  #container .section_outer.sec2 .sec_bot .con_L .con_Bot .cb_con .cb_con_desc.device{display: flex; justify-content: center;}
  #container .section_outer.sec3 .sec_R{margin-left: 0; margin-top: 75px;}
  #container .section_outer.sec2 .sec_bot .con_L .con_Bot .cb_con>div{padding-bottom: 25px; margin-bottom: 25px;}
}

@media all and (max-width:640px) {
  #container .main_banner_outer .main_gnb_box ul li img{max-height: 45px;}
  #container .main_banner_outer .main_gnb_box ul li span{font-size: 15px; line-height: 1.2em; height: 2.4em; margin-top: 10px;}
  #container .main_banner_outer .main_gnb_box ul li a{padding: 15px 0 10px;}
  #container .main_banner_outer .main_banner_box .item{padding-top: 120px; padding-bottom: 330px;}
  #container .main_banner_outer .banner_nav_wrap{top: 65%;}
  #container .main_banner_outer .main_banner_box .item .txt_box p:nth-child(1){font-size: 10vw;}
  #container .main_banner_outer .main_banner_box .item .txt_box p:nth-child(2){font-size: 4vw; margin-top: 25px;}
  #container .main_banner_outer .banner_nav_wrap .nav_pager .pager_current{font-size: 13px; font-weight: 400;}
  #container .main_banner_outer .banner_nav_wrap .nav_pager .pager_total{font-size: 13px; font-weight: 400;}
  #container .main_banner_outer .banner_nav_wrap .nav_pager .pager_progress{width: 75px; margin: 0 8px;}
  #container .main_banner_outer .banner_nav_wrap .nav_arrow{margin: 2px 12px;}
  #container .main_banner_outer .banner_nav_wrap .nav_arrow img{width: 7px;}
  #container .main_banner_outer .banner_nav_wrap .nav_arrow .v_line{margin: 0 10px; height: 10px;}
  #container .main_banner_outer .banner_nav_wrap .nav_toggle img{width: 9px;}
  #container .section_outer .sec_top .tit{font-size: 32px; padding-top: 8px;}
  #container .section_outer .sec_top .sub{ font-size: 20px;}
  #container .section_outer .sec_top .icon{width: 26px; height: 7px;}
  #container .section_outer .sec_top{padding: 45px 25px;}
  #container .section_outer.sec1 .sec_bot .sec1_slide .item{width: 250px; height: 350px;}
  #container .section_outer.sec1 .sec_bot .sec1_slide .item .desc_box p:nth-child(1){width: 55px; height: 55px; margin-bottom: 25px;}
  #container .section_outer.sec1 .sec_bot .sec1_slide .item .desc_box p:nth-child(2){font-size: 16px;}
  #container .section_outer.sec1 .sec_bot .sec1_slide .item .desc_box p:nth-child(3){font-size: 20px;}
  #container .section_outer.sec1 .sec_bot .sec1_slide{padding-bottom: 100px;}
  #container .section_outer.sec1 .sec_bot .sec1_slide .slick-dots li button{width: 8px; height: 8px;}
  #container .section_outer.sec1 .sec_bot .sec1_slide .slick-dots li.slick-active button{width: 6px; height: 6px;}
  .con_Top{height: 50px; font-size: 18px;}
  .con_Top > p{line-height: 38px;}
  #container .section_outer.sec2 .sec_bot .con_L .con_Bot .cb_con{padding: 0 15px;}
  #container .section_outer.sec2 .sec_bot .con_L .con_Bot .cb_con .cb_con_desc .con_chk.con_Note{margin-right: 10px;}
  #container .section_outer.sec2 .sec_bot .con_L .con_Bot .cb_con .cb_con_desc .con_chk img{width: 50px;}
  #container .section_outer.sec2 .sec_bot .con_L .con_Bot .cb_con .cb_con_desc .con_chk span{font-size: 16px;}
  #container .section_outer.sec2 .sec_bot .con_L .con_Bot .cb_con .cb_con_desc .con_chk{width: 48%; height: 100px;}
  #container .section_outer.sec2 .sec_bot .con_L .con_Bot .cb_con .cb_con_desc .con_chk.con_Note{margin-right: 0;}
  #container .section_outer.sec2 .sec_bot .con_L .con_Bot .cb_con .cb_con_desc.device{justify-content: space-between;}
  #container .section_outer.sec2 .sec_bot .con_L .con_Bot .cb_con .cb_con_tit{font-size: 15px; margin-bottom: 10px;}
  #container .section_outer.sec2 .sec_bot .con_L .con_Bot .cb_con .cb_con_tit .input_box{width: 65px; height: 35px;}
  #container .section_outer.sec2 .sec_bot .con_L .con_Bot .cb_con .cb_con_tit .input_box input[type=number]{font-size: 18px;}
  #container .section_outer.sec2 .sec_bot .con_L .con_Bot .cb_con .cb_con_desc .num_table.count_table span,
  #container .section_outer.sec2 .sec_bot .con_L .con_Bot .cb_con .cb_con_desc .num_table.p_count span{font-size: 12px;}
  #container .section_outer.sec2 .sec_bot .con_R{margin-top: 45px;}
  #container .section_outer.sec2 .sec_bot .con_R .con_Bot p span{font-size: 14px;}
  #container .section_outer.sec2 .sec_bot .con_R .con_Bot > span{ font-size: 13px !important;}
  #container .section_outer.sec2 .sec_bot .con_R .con_Bot_d p,
  #container .section_outer.sec2 .sec_bot .con_R .con_Bot .graph{width: 130px;}
  #container .section_outer.sec2 .sec_bot .con_R .con_Bot_d p{line-height: 1.2em !important; font-size: 14px !important;}
  #container .section_outer.sec2 .sec_bot .con_R .con_Bot_d p span{font-size: 18px !important;}
  #container .section_outer.sec2 .sec_bot .con_R .con_Bot .graph span{font-size: 18px;}
  .section_outer.sec2 .sec_bot .con_R .con_Bot_d .total_tit{width: 100px !important; text-align: left;}
  .section_outer.sec2 .sec_bot .con_R .con_Bot_d .percent{font-size: 28px !important;}
  #container .section_outer.sec2{padding-bottom: 40px;}
  #container .section_outer.sec2 .sec_bot .more_btn {width: 120px; background-image: none; margin-right: auto; height: 40px; line-height: 40px; font-size: 14px; margin-top: 35px; margin-bottom: 0px;   font-size: 15px;color: #000;border: 1px solid #000;text-align: center;}
  #container .section_outer.sec3{padding: 75px 0;}
  #container .section_outer.sec3 .sec_R .icon{margin: 0 auto;}
  #container .section_outer.sec3 .sec_R{margin-top: 45px; text-align: center;}
  #container .section_outer.sec3 .sec_R .desc{font-size: 18px; margin-top: 25px; margin-bottom: 45px;}
  #container .section_outer.sec3 .sec_R .a_box a{margin-right: 12px; font-size: 15px; padding: 15px 20px; float: none;}
  #container .section_outer.sec3 .sec_R .a_box{display: flex; justify-content: center;}
  #container .section_outer.sec4 .sec_bot ul li{width: 100%; height: auto; margin-bottom: 25px;}
  #container .section_outer.sec4 .sec_bot ul li a{padding: 30px 20px;}
  #container .section_outer.sec4 .sec_bot ul li .tit{font-size: 16px;}
  #container .section_outer.sec4 .sec_bot ul li .desc{font-size: 18px; margin-top: 25px; margin-bottom: 25px;}
  #container .section_outer.sec4 .sec_bot ul li .date{font-size: 14px;}
  #container .section_outer.sec4 .sec_bot ul li a:hover::after, #container .section_outer.sec4 .sec_bot ul li a:hover::before,
  #container .section_outer.sec4 .sec_bot ul li:hover::after, #container .section_outer.sec4 .sec_bot ul li:hover::before{display: none;}
  #container .section_outer.sec4 .sec_bot ul{padding-bottom: 75px;}
  .video_popup_wrap {width: 90%; padding-top: 50%;}
  .video_popup_wrap .v_close{right: 0; top: -30px;}
  .video_popup_wrap .v_close img{width: 100%;}
  #container .section_outer.sec1 .sec_bot .sec1_slide .item .desc_box p.desc{font-size: 12px;}
  #container .section_outer.sec2 .sec_bot .con_R .con_Bot_d .total_tit{font-size: 18px !important;}
  #container .section_outer.sec2 .sec_bot .con_R .con_Bot .graph{min-height: 30px !important; padding-top: 8px;}
}