@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
.consulting_area h1,h2,h3,h4,h5,h6,span,p,a,b{font-family: 'nanumsquare'; word-break: keep-all;}

.media{background: url("/img/media/media_bg.jpg") center center no-repeat; background-size: cover;}
.tab_area ul li a{display: inline; color: #fff;}
.tab_area ul li{border: none; margin: 0 20px;}
.tab_area ul li a:hover{background: none; border-bottom: 2px solid #fff;}

.banner_wraper { height: 60px; width: 1130px; position: absolute; left: 50%; overflow: hidden; transform: translate(-50%, 0%); margin: 20px 0 0 0;}
.banner_wraper img { height: 45px; position: absolute;}

.inner .view{background: rgba(0, 0, 0, 0.5); position: absolute; top: 200px; left: 0; padding: 20px 40px; text-align: left;}
.inner .view span{text-align: left; color: #fff; font-size: 24px; font-weight: 900; border-bottom: 2px solid #fff; padding: 0 0 5px 0;}
.inner .view h2{text-align: left; color: #fff; font-size: 40px; font-weight: 900; margin: 20px 0 0 0;}
.inner .view h3{text-align: left; color: #fff; font-size: 32px; font-weight: 900;}
.location > ul li:not(.home):after{display: none;}

.media_wrap{width: 100%; height: auto; margin: 0 auto;}
.media_cont_wrap{width: 100%; margin: 0 auto; max-width: 1580px;}
.media_cont{margin: 65px 0;  -webkit-animation: fadeInDown 1s 0.3s both; animation: fadeInDown 1s 0.3s both;}
.media_cont h2{color: #222; font-size: 28px;}
.media_cont span{color: #000; font-size: 18px;}
.media_cont1{text-align: center;}
.media_cont1_wrap>h2{text-align: center; margin: 5px 0 40px 0; font-size: 48px; line-height: 54px; font-weight: 900; font-family: 'noto-sans';}
.media_cont_sub_tit h2{font-size: 20px; margin: 0 0 10px 0; font-weight: 900;}

/* 탭메뉴 */
.media_cont2{display: flex; align-items: center; position: relative; flex-direction: column; margin: 0; background-color: #f4f4f4; padding: 35px 0 60px 0;}

.media_cont .media_cont_tit h2{margin: 10px 0 0; text-align: center; font-size: 26px; font-weight: 900;}
.media_cont .media_cont_tit .bar{width: 42px; height: 3px; background-color: #000; margin: 10px auto;}
.media_cont .media_cont_tit{text-align: center; margin: 0 0 30px 0;}


.media_cont2_tab{width: 100%; position: relative; max-width: 1580px; margin: 0 auto;}
.media_cont2_tab ul.tab_select{display: flex; position: relative; justify-content: space-between;}
.media_cont2_tab ul.tab_select li{display: flex; width: 270px; height: 590px; flex-wrap: wrap; flex-direction: column; align-items: center; /* justify-content: center; */ cursor: pointer; position: relative; transition: all 0.5s; min-width: 150px;}

.media_cont2_tab ul.tab_select li:hover .tab_bg{filter: brightness(0.6) saturate(1) !important;}
.media_cont2_tab ul.tab_select li:hover h2{opacity: 1 !important;}
.media_cont2_tab ul.tab_select li:hover span{opacity: 1 !important;}
.media_cont2_tab ul.tab_select li:hover .click_arrow{opacity: 1 !important;}
/* .brightness{filter: brightness(1) saturate(1); } */
.media_cont2_tab ul.tab_select li .tab_bg{position: absolute; filter: brightness(0.3) saturate(0.2); transition: all 0.5s;}
.media_cont2_tab ul.tab_select li h2{color: #fff; text-align: center; position: relative; z-index: 1; margin: 160px 0 50px 0; font-size: 28px; font-weight: 900;}
.media_cont2_tab ul.tab_select li span{color: #fff; text-align: center; position: relative; z-index: 1; opacity: 0.7; font-weight: 600;}
.media_cont2_tab ul.tab_select li:nth-child(2) span{margin: -22px 0 0 0;}

.click_arrow{position: absolute; opacity: 0.5; transition: all 0.5s; bottom: 100px;}
.click_arrow img{width: 60px; height: auto;}

/* 탭메뉴 배경들 */
.tab_line{width: 100%; height: 0; transition: all 0.5s linear; position: absolute; bottom: 0;}
.tab-active .tab_bg{filter: brightness(0.6) saturate(1) !important; box-sizing: border-box;}
.tab-active h2{text-shadow: 5px 5px 10px rgba(0,0,0,0.9) !important; opacity: 1 !important; }
.tab-active span{text-shadow: 5px 5px 10px rgba(0,0,0,0.9) !important; opacity: 1 !important; }

.media_cont2_tab ul.tab_select li:nth-child(1) h2{text-shadow: 5px 5px 10px rgba(0,0,0,0.9);}
.media_cont2_tab ul.tab_select li:nth-child(1) span{opacity:1; text-shadow: 5px 5px 10px rgba(0,0,0,0.9);}
.media_cont2_tab ul.tab_select li:nth-child(1) .click_arrow{opacity: 0;}

.media_cont2_tab ul.tab_select li:nth-child(1) .tab_bg{background: url(/img/media/tab_bg1.jpg) center center no-repeat; background-size: cover; width: 100%; height: 100%;}
.media_cont2_tab ul.tab_select li:nth-child(2) .tab_bg{background: url(/img/media/tab_bg2.jpg) center center no-repeat; background-size: cover; width: 100%; height: 100%;}
.media_cont2_tab ul.tab_select li:nth-child(3) .tab_bg{background: url(/img/media/tab_bg3.jpg) center center no-repeat; background-size: cover; width: 100%; height: 100%;}
.media_cont2_tab ul.tab_select li:nth-child(4) .tab_bg{background: url(/img/media/tab_bg4.jpg) center center no-repeat; background-size: cover; width: 100%; height: 100%;}
.media_cont2_tab ul.tab_select li:nth-child(5) .tab_bg{background: url(/img/media/tab_bg5.jpg) center center no-repeat; background-size: cover; width: 100%; height: 100%;}

.media_cont2_tab ul.tab_select li:nth-child(1) .tab_line{background-color: #CB9C7D; height: 15px;}
.media_cont2_tab ul.tab_select li:nth-child(2) .tab_line{background-color: #7BA9EC;}
.media_cont2_tab ul.tab_select li:nth-child(3) .tab_line{background-color: #BFBFBF;}
.media_cont2_tab ul.tab_select li:nth-child(4) .tab_line{background-color: #9D8857;}
.media_cont2_tab ul.tab_select li:nth-child(5) .tab_line{background-color: #61433A;}
/* 탭메뉴 클릭시 그림자 */
.box_shadow{position: absolute; top: 0; width: 100%;}
.box_shadow ul{display: flex; justify-content: space-between;}
.box_shadow li{ width: 270px; height: 590px; flex-wrap: wrap;  cursor: pointer; box-shadow: 5px 10px 30px 3px rgba(0, 0, 0, 0.5); opacity: 0;}
.box_shadow li:nth-child(1){opacity:1;}

.media_tab_cont{}
.block{display: block;}
.tab_title{width: 80%; margin: 0 auto 20px auto; max-width: 1920px;}

.tab_main{display: flex;}
.tab_main1 .tab_text{margin: 0 0 0 50px;}
.tab_main1 .tab_text h2{display: flex; margin: 0 0 20px 0;}
.tab_main1 .tab_text h2 img{margin: 0 0 0 10px;}
.tab_main1 .tab_text a{display: block; margin: 50px 0 0 0;}

.tab_main2{justify-content: space-between; margin: 50px 0 0 0;}
.tab_main2 .tab_text{margin: 0 0 0 10%;}
.tab_main2 .tab_text h2{display: flex; margin: 0 0 20px 0;}
.tab_main2 .tab_text h2 img{margin: 0 0 0 10px;}
.tab_main2 .tab_text a{display: block; margin: 50px 0 0 0;}


/* 공용탭­ */
/* .media_tab1{display: block;} */
.media_tab_wrap{display: block; width: 100%; margin: 35px auto 100px; max-width: 1200px; animation: fadeInUp 1s;}
/* .media_tab1{display:block;} */
.media_tab_tit{padding: 0 0 0 10px; height: 74px; display: flex; flex-direction: column; justify-content: space-between;}
.media_tab_tit span{font-size: 18px;}
.media_tab_tit h2{font-size: 32px; font-weight: 900;}

/* 색깔 */
.media_tab_cont{border-top: 8px solid #CB9C7D;}
.media_tab_tit{border-left: 8px solid #CB9C7D;}


.tab_line_color1{border-top: 8px solid #CB9C7D;}
.tab_line_color2{border-top: 8px solid #7BA9EC;}
.tab_line_color3{border-top: 8px solid #BFBFBF;}
.tab_line_color4{border-top: 8px solid #9D8857;}
.tab_line_color5{border-top: 8px solid #61433A;}

.tab_tit_color1{border-left: 8px solid #CB9C7D;}
.tab_tit_color2{border-left: 8px solid #7BA9EC;}
.tab_tit_color3{border-left: 8px solid #BFBFBF;}
.tab_tit_color4{border-left: 8px solid #9D8857;}
.tab_tit_color5{border-left: 8px solid #61433A;}


/* .tab_tit_active{background-color: #4d4d4d; color: #fff; animation: slide-in-left 1s;} */
.tab_cont_tit > a {display: block; min-width: 500px; padding: 20px 0 20px 20px; position: relative; z-index: 1; color: #000; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; border-bottom: 3px solid #4d4d4d;}
.tab_cont_tit > a:after { content: ""; width: 0%; height: 100%; top: 0; position: absolute; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background: #4d4d4d;}
.tab_tit_right > a:after {right: 0;}
.tab_tit_left > a:after {left: 0;}
.tabs_cont:hover .tab_cont_tit > a {color: #fff;}
.tabs_cont:hover .tab_cont_tit > a:after {width: 100%; z-index: -1;}
.tab4_2_tit{width: 120%;}
.tab_cont_ment{display: flex; flex-direction: column; justify-content: center;}


/* .tab_cont_ment .tab_cont_tit:hover{background-color: #4d4d4d; animation: fadeInLeft 1s; color: #fff;} */
/* .tab_cont_ment .tab_cont_tit:hover h2{animation: fadeInLeft 1s;}
.tab_cont_ment .tab_cont_tit:hover span{animation: fadeInLeft 1s;} */
.tab_cont_tit h2{font-size: 26px; font-weight: 900;}
.tab_cont_tit span{font-size: 18px;}

.tab_cont_ex{margin: 25px 0 0 25px;}
.tab_cont_ex h2{position: relative; z-index: 1; font-size: 28px; font-weight: 900; margin: 0 0 25px 0;}
.tab_cont_ex>span{font-size: 18px;}
.tab_cont_ex .tab_cont_btn{margin: 25px 0 0 0;}
.tab_cont_ex .tab_cont_btn a{display: flex; font-size: 16px; font-weight: 600; color: #142784;}
.tab_cont_ex .tab_cont_btn a img{margin: 0px 0 0 10px;}

/* tab1 */
.media_tab1_cont{display: flex; margin: 50px 0 0 0;}
.media_tab1_cont .tab_cont_img img{max-width: 568px; height: 394px; width: 100%;}


.tab_cont_ex h2 span{background-color: #ffd2c9; width: 460px; height: 17px; display: block; position: absolute; top: 15px; z-index: -1;}


.media_tab1_cont2{justify-content: right; margin: 120px 0 0 0;}
.media_tab1_cont2 .tab_cont_ex{text-align: right; margin: 25px 25px 0 0;}
.media_tab1_cont2 .tab_cont_ex h2{text-align: right;}
.media_tab1_cont2 .tab_cont_ex h2 span{background-color: #caedff; width: 284px; height: 17px; display: block; position: absolute; right: -5px; top: 15px; z-index: -1;}
.media_tab1_cont2 .tab_cont_ex>span{text-align: right;}
.media_tab1_cont2 .tab_cont_ex .tab_cont_btn a{justify-content: right;}
.media_tab1_cont2 .tab_cont_img img{width: 572px; height: 384px;}

.tab_mob_img{display: none;}
/* tab2 */
.media_tab2_line{text-align: center; margin: 50px 0 0 0;}
/* .media_tab2_line{width: 100%; height: 2px; display: flex; margin: 95px 0 0 0;}
.media_tab2_line .dotted{border-top: 2px dotted #000; width: 20%;}
.media_tab2_line .solid{border-top: 2px solid #000; width: 80%; position: relative;} */


.tab2_box{text-align: center; margin: 35px 0 0 0;}
.tab2_box ul{display: flex; justify-content: space-around;}
.tab2_box ul li{width: 394px; height: 394px; position: relative;}
.tab2_box ul li:first-child{background: url(/img/media/tab2_boxbg1.png) center center no-repeat; background-size: cover; border-top: 8px solid; border-image: linear-gradient(#4BE2DD, #B0D8B0); box-sizing: border-box; border-image-slice: 1;}
.tab2_box ul li:last-child{background: url(/img/media/tab2_boxbg2.png) center center no-repeat; background-size: cover; border-top: 8px solid; border-image: linear-gradient(#F6DB81, #FEB50C); box-sizing: border-box; border-image-slice: 1;}
.tab2_box_text{position: absolute; left: 0; bottom: 20px; background-color: rgba(0, 0, 0, 0.7); padding: 12px 10px; color: #fff; text-align: left; width: 326px;}
.tab2_box_text h2{font-size: 26px; margin: 0 0 5px 0;}
.tab2_box_text span{font-size: 18px;}

/* tab3 */
.media_tab3_cont{margin: 50px 0 0 0;}
.tab3_cont_top{display: flex; justify-content: center; align-items: center;}
.tab3_box{background: url(/img/media/tab3_boxbg.png) center center no-repeat; background-size: cover; width: 516px; height: 124px; position: relative; overflow: hidden; margin: 0 20px 0 0;}
.tab3_box_text{background: rgba(0, 0, 0, 0.7); width: 100%; height: 80px; bottom: 20px; position: absolute; color: #fff; display: flex; align-items: center; justify-content: center;}
.tab3_cont_text span{font-size: 20px; font-weight: 900;}
.tab3_box_text span{font-size: 20px; font-weight: 900;}
.tab3_news ul li{margin: 5px 0;}
.tab3_news img{max-width: 1200px; width: 100%; margin: 5px 0 0 0;}
.tab3_news p{text-align: center; margin: 50px 0 0 0; font-size: 28px; font-weight: 900;}

/* tab4 */
.media_tab4_cont{display: flex; margin: 50px 0 0 0;}
/* .tab_cont_img{display: flex;} */
.media_tab4_cont .tab_cont_img {width: 610px; height: 400px; margin: 0 0 0 10px; position: relative;}
.media_tab4_cont .tab_cont_img img{width: 100%;}
.media_tab4_cont1 .tab_cont_img {background: url(/img/media/tab4_1.png) center center no-repeat; background-size: cover;}
.media_tab4_cont2 .tab_cont_img {background: url(/img/media/tab4_2.png) center center no-repeat; background-size: cover; z-index: 2;}

.media_tab4_cont1 .tab_cont_ment{margin: 20px 0 0 0;}

.media_tab4_cont1 .tab_cont_ex h2 span{background-color: #ffedc0; width: 440px; height: 17px; display: block; position: absolute; left: -5px; top: 15px; z-index: -1;}
.media_tab4_cont2 .tab_cont_ex h2 span{background-color: #CAEDFF; width: 275px; height: 17px; display: block; position: absolute; left: 210px; top: 15px; z-index: -1;}


/* tab5 */
.media_tab5_cont{display: flex; margin: 50px 0 0 0;}
/* .tab_cont_img{display: flex;} */
.media_tab5_cont1 .tab_cont_img {width: 610px; height: 400px; margin: 0 0 0 10px; background: url(/img/media/tab5_1.png) center center no-repeat; background-size: contain; position: relative; min-width: 550px; z-index: 10;}
.media_tab5_cont2 .tab_cont_img {width: 610px; height: 400px; margin: 0 0 0 10px; background: url(/img/media/tab5_2.png) center center no-repeat; background-size: contain; position: relative; min-width: 550px; z-index: 10;}
.media_tab5_cont .tab_cont_ment{margin-top: -50px;}
.media_tab5_cont .tab_cont_tit{margin-left: -100px; width: 600px;}
.media_tab5_cont .tab_cont_tit h2{padding: 0 0 0 100px;}
.media_tab5_cont .tab_cont_tit span{padding: 0 0 0 100px;}


/* 회사 로고들 */
.company_logo{width: 100%; margin: 120px auto 35px; text-align: center;}
.company_logo h2{font-size: 42px; font-weight: 900;}
.company_logo span{font-size: 18px;}
.company_logo img{width: 100%; max-width: 1580px; text-align: center;}
.mob_company{display: none;}

/* 미디어 푸터 */
.inquiry{width: 100%; height: auto; background-color: #282e40; position: relative; border-bottom: 1px solid #fff;}
.inquiry_wrap{width: 100%; margin: 35px auto 0; display: flex; color: #fff; justify-content: space-between; align-items: flex-start; max-width: 1580px; position: relative; padding: 20px 0;}

.inquiry_cont1{width: 100%;}
.inquiry_cont1 table{width: 100%;}
.inquiry_cont1 table tbody{display: flex;}
.inquiry_cont1 table tr{display: flex; width: calc(100% / 3 - 10px); flex-direction: column; align-items: center; flex-wrap: wrap;}
.inquiry_cont1 table tr th{text-align: left; padding: 15px 0 0 0; letter-spacing: 0.5px; word-break: keep-all; text-align: center;}
.inquiry_cont1 table tr td{text-align: left; padding: 10px 0 15px 10px; letter-spacing: 0.5px; word-break: keep-all; text-align: center;}
.inquiry_cont1 table td{font-size: 16px;}
.inquiry_cont1 table tr th{font-size: 20px; font-weight: 900;}
.inquiry_cont1 table td a{display: block; width: 100px; height: 30px; border-radius: 30px; border: 1px solid #fff; color: #fff; text-align: center; line-height: 30px; transition: all 0.5s;}
.inquiry_cont1 table td a:hover{background-color: #fff; color: #282e40;}

/* ::-webkit-scrollbar : 스크롤바 전체
::-webkit-scrollbar-thumb : 스크롤 막대
::-webkit-scrollbar-track : 스크롤 막대 외부 */

/* 상단배너 이전, 다음버튼 4개 각각 */

/* 슬라이드 */
.media_sns{background-color: #f4f4f4; border-bottom: 2px solid #898989; border-top: 2px solid #898989;}
.media_sns_cont{padding: 50px 0; max-width: 1580px; margin: 0 auto;}
.media_sns_cont1{padding-bottom: 0;}
.media_sns_tit{display: flex; flex-wrap: wrap; align-items: flex-end;}
.media_sns_tit a{color: #7F7F7F;}
.media_sns_logo h2 img{margin: 0 20px -3px 10px;}
.media_sns_logo span{font-size: 18px;}
.media_sns_logo h2{font-size: 32px; font-weight: 900;}

.sns_cont_wrap{background-color: #fff;}
  .media_box ul {display: flex; justify-content: space-between;}
  .media_box ul li{border: 1px solid #898989; overflow: hidden; width: calc(100%/4 - 10px);}
  .media_box ul li a{display: block; width: 100%; height: 100%; background-color: #fff; padding: 0 0 10px 0;}
  .media_box ul li a img{width: 100%;}
  .sec3.sec_inner {overflow: hidden;}
  .sec3 .inner_box {max-width: 100%;}
  .main_news .cont {height: auto; box-sizing: border-box; padding: 0 10px;}
  .main_news .cont .cont_top h2 {color: #000; font-size: 18px; font-weight: 700; margin-top: 0.2rem; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 300px; display: -webkit-box;}
  .main_news .cont .cont_top span {font-size: 14px; color: #000; font-weight: 300;}
  .main_news .cont p {font-size: 15px;}
  .main_news {overflow: hidden; padding: 20px 0;}

  /* .main_news .swiper-slide-prev {transform: translateX(-25px) scale(0.92);}
  .main_news .swiper-slide-next {transform: translateX(25px) scale(0.92);}
  .main_news .swiper-slide-active {transform: scale(1.14);} */
  
  .main_news .img {width: 100%;}
  .main_news .img .bg_img{text-align: center; padding: 10px 10px 5px 10px; position: relative;}
  .main_news .img .bg_img img{transition: all 0.2s; object-fit: cover;}
  .main_news .img .youtube_img{width: 100%; height: 186px;}
  .main_news .img .blog_img{width: 100%; height: 186px;}
  .main_news .sns_cont_wrap:hover .img .youtube_img{ filter: brightness(50%);}
  .main_news .sns_cont_wrap:hover .img .play_btn img{opacity: 1;}

  .media_box2 ul li a{display: block; width: 100%;background-color: #fff;}
  
  .main_news .img .play_btn img{width: 33px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all 0.2s;}



  .main_news li .sw_item {width: 100%; overflow: hidden; border-radius: 15px; transform: translateY(0); transition: all 0.5s; position: relative;}
  /* .main_news .swiper-slide-active .sw_item::after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 6px solid #2f55a0; box-sizing: border-box; border-radius: 15px;} */
  .main_news li .sw_item:hover {transform: translateY(-10px); transition: all 0.5s;}


  /* .media_sns_cont2{margin: 35px auto ;} */
  .media_sns_cont2 .media_sns_logo img{margin-bottom: -3px;}
  
  .conBox02 .cont_top{padding-top: 10px;}
  .conBox02 .blue{border-top: 4px solid #008FEE;}
  .conBox02 .orange{border-top: 4px solid #FFAF32;}
  .conBox02 .red{border-top: 4px solid #FF5C5D;}
  .conBox02 .green{border-top: 4px solid #6ECC76;}
  
  
/*   .conBox02 .sec3.sec_inner {overflow: hidden;}
  .conBox02 .sec3 .inner_box {max-width: 100%;}
  .conBox02 .main_news {margin-top: -50px; overflow: hidden; padding: 70px 20px 20px; position: relative;}
  .conBox02 .main_news .swiper-container {overflow: visible;}
  .conBox02 .main_news .swiper-slide {width: calc(100%/7 - 5px); transition: 0.3s; padding: 0 10px; min-width: 288px;}
  
  .conBox02 .main_news .img img {width: 100%;}
  .conBox02 .main_news .img .bg_img {width: 100%; height: 0; padding-bottom: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
  .conBox02 .main_news li .sw_item {width: 100%; overflow: hidden; transform: translateY(0); transition: all 0.5s; position: relative;} */


  /* sub1.html */
.sub_wrap{width: 100%; height: auto; margin: 0 auto; max-width: 1200px;}
.sub_cont_wrap{width: 100%; margin: 0 auto; max-width: 1200px;}
.sub_cont_wrap>ul>li{margin: 0 5px; position: relative;}
.sub_cont{margin: 35px 0; position: relative;}
.sub_cont h2{color: #222; font-size: 28px; font-weight: 900;}
.sub_cont span{color: #000; font-size: 18px;}

.sub_cont1_wrap>h2{text-align: center; margin: 5px 0 40px 0; font-size: 48px; line-height: 54px; font-weight: 900; font-family: 'noto-sans';}
.sub_cont_sub_tit h2{font-size: 16px; margin: 0 0 10px 0; font-weight: 900;}

.sub_menu{display: none; position: absolute; background-color: #fff; border: 2px solid #ccc; width: 100px; border-radius: 5px; z-index: 11; top: 30px;}
.sub_menu li{display: block; padding: 10px;}
.sub_cont1_wrap a{color: #939393;}
.sub_menu li a:hover{color: #000;}

.sub_slide_tit{margin: 35px auto; /* width: 1200px; */}


/* 회사 로고들 */
.company_logo{width: 100%; max-width: 1200px; margin: 120px auto 35px; text-align: center;}
.company_logo h2{font-size: 32px; font-weight: 900;}
.company_logo span{font-size: 18px;}
.company_logo img{width: 100%; max-width: 1200px; text-align: center;}

.proof_logo{width: 100%; height: auto; margin: 20px 0 0 0;}
.proof_logo ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.proof_logo ul li{margin: 0 10px; text-align: center;}
.proof_logo ul li img{width: 174px;}
.proof_ex h2{font-size: 18px; margin: 5px 0;}
.proof_ex p{font-size: 14px;}
.proof_ex span{display: block; width: 100%; text-align: right; color:#ddd; transition: color 1s ease;}
.proof_logo ul li:hover .proof_ex span{color:#000;}



/* ::-webkit-scrollbar : 스크롤바 전체
::-webkit-scrollbar-thumb : 스크롤 막대
::-webkit-scrollbar-track : 스크롤 막대 외부 */


/* 메인 슬라이드 */
.sub_cont1 .slider {/* margin: 0 auto; */width: 100px;}
/* .sub_cont1 .swiper-wrapper{transform: translate3d(0,0,0) !important;} */
.sub_cont1 .swiper-container {position: relative;}
.sub_cont1 .swiper-slide{opacity: 0.2; filter: saturate(0.1); transition: all 0.5s; width: 100px !important; transition: all 0.5s;}
.sub_cont1 .swiper-slide-next{opacity: 0.4;}
.sub_cont1 .swiper-slide-prev{opacity: 0.4;}
.sub_cont1 .swiper-slide-active{opacity: 1 !important; filter: saturate(1); transition: all 0.5s;}

.sub_cont1 .swiper-slide img {width: 100px;height: 620px;transition: all 0.5s;object-fit: cover;}

.sub_cont1 .swiper-slide-active{width: 1100px !important; transition: all 0.5s;}
.sub_cont1 .swiper-slide-active img{width: 1100px !important;}


.slider_button{width: 45px; height: 45px; border-radius: 45px; cursor: pointer;}
.slider_button:hover img{background: rgba(238, 238, 238, 0.5); opacity: 1;}
.swiper-button-next::after, .swiper-button-prev::after {display: none;}

.sub_cont1 .swiper-button-next{right: -1000px;}
.sub_cont1 .swiper-button-prev{}
.sub_cont1 .slider_button{opacity: 0.4; height: 100%; top: 0; width:100px;}
.sub_cont1 .slider_button img{width: 30px; height: 30px; padding: 5px; border-radius: 30px;}
.sub_cont1 .slider_button:hover{opacity: 1;}
.slide_ment{width: 1100px; margin: 20px 0 0 0;}
/* .swiper-container .swiper-wrapper .swiper-slide:nth-child(3) {width: 140px !important;
} */



/* 2번째 슬라이드 sub2 사이트에도 적용 */
.sub_cont2{padding: 50px 0;}
.sub_cont2 .swiper {width: 100%; height: 100%; max-width: 1300px;}

.sub_cont2 .swiper-slide {text-align: center; font-size: 18px;
 /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.sub_cont2 .swiper-slide>ul{display: flex; flex-wrap: wrap; width: 1100px;}
.sub_cont2 .swiper-slide>ul>li{width: calc(100%/5); margin: 10px 0; position: relative;}

.cont2_slide_ex{width: 188px;}
.cont2_slide_ex ul{display: flex; justify-content: space-between;}
.cont2_slide_ex ul li{font-size: 14px; color: #7f7f7f;}
.cont2_slide_ex h2{font-size: 18px; text-align: left; margin: 10px 0; line-height: 20px;}
.sub_cont2 .swiper-slide img {display: block; width: 188px; height: 228px; object-fit: cover; object-position:top left;}
.sub_cont2 .swiper-slide .cont2_slide_img{width: 188px;}
.sub_cont2 .swiper-slide .cont2_slide_img .cont2_img_bg{opacity: 0; position: absolute; top: 0; left: 0; transition: all 0.5s; width: 188px; height: 228px; background: rgba(0, 0, 0, 0.3); }
.sub_cont2 .swiper-slide .cont2_slide_img .cont2_img_bg span{color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 106px; height: 30px; border-radius: 30px; background-color: #363636; font-size: 16px; font-weight: 600;}
.sub_cont2 .swiper-slide .cont2_slide_img:hover .cont2_img_bg{opacity: 1; transition: all 0.5s;}

.sub_cont2 .swiper-pagination{bottom: 20px;}
.sub_cont2 .swiper-pagination-bullet {width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 16px; color: #727272; opacity: 1; background: none;}


/* .sub_cont2 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1;} */
/* .slide_button_wrap{width: 1200px; height: 100%; margin: 0 auto; position: relative;} */
.sub_cont2 .swiper-pagination-bullet-active {color: #000; font-weight: 900;}
.sub_cont2 .slider_button{width: 54px; height: 54px; border-radius: 54px; background: #fff;}

/* sub1이랑 sub2는 html에서 버튼 div위치가 다름 */
.swiper-button-next2,.swiper-button-prev2{position: absolute; top: 50%; z-index: 99; text-align: center;}
.swiper-button-next2 img,.swiper-button-prev2 img{margin: 12px 0 0 0px;}
.swiper-button-prev2{}
.swiper-button-next2{right: 20px;}
.swiper-button-next2::after,.swiper-button-prev2::after {display: none;}
.sub_cont2 .swiper-button-prev2{left: -20px;}
.sub_cont2 .slider_button:hover{box-shadow: 3px 5px 10px 1px rgba(0, 0, 0, 0.2);}
.mob_slide{display: none !important;}

/* sub2.html */
.buy_bottom_wrap{width: 100%; margin: 0 auto 50px; max-width: 1200px;}
.buy_top_wrap{display: flex; margin: 0 0 50px 0; align-items: center;}
.buy_img{width: 518px; height: auto;}
.buy_img img{width: 518px; box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.5);}
.buy_ment{margin: 0 0 0 50px;}
.buy_tit{margin: 0 0 20px 0;}
.buy_tit h2{margin: 0 0 10px 0; font-size: 32px;}
.buy_bottom_wrap .buy_tit h2{padding: 0 0 10px 20px; border-bottom: 2px solid #d5d5d5;}
/* 
.buy_price{display: flex; flex-wrap: wrap; align-items: center; padding: 20px 0; border-top: 2px solid #d5d5d5;}
.buy_price p{font-size: 14px; display: flex; align-items: center;}
.buy_price span{font-size: 32px; font-weight: 900; color: #c42c2c; margin: 0 0 0 10px;}
.buy_price b{font-size: 24px;}
.buy_price button{width: 150px; height: 40px; background-color: #c42c2c; margin: 0 0 0 30px; color: #fff; font-size: 20px; font-weight: 900;} 
*/

.but_ex table tfoot tr.buy_price{display: revert; width:100%; border-bottom: 2px solid #d5d5d5;}
.but_ex table tfoot tr.buy_price td{display: flex; font-size: 14px; display: flex; align-items: center; padding: 15px 0 15px 20px;}
.but_ex table tfoot tr.buy_price td span{font-size: 32px; font-weight: 900; color: #c42c2c; margin: 0 0 0 10px;}


.but_ex table{width: 100%;}
.but_ex table tbody{width: 100%; height: auto; padding: 20px 0; border-top: 2px solid #d5d5d5; border-bottom: 2px solid #d5d5d5;}
.but_ex table tbody tr th{padding: 0 0 0 20px;}
.but_ex table tbody tr th p{text-align: left; border-right: 1px solid #bfbfbf; font-size: 14px; font-weight: 900; padding: 0 10px 0 0;}
.but_ex table tbody tr td{font-size: 14px; padding: 15px; text-align: left; word-break: keep-all;}

.but_ex table tfoot tr th{font-size: 14px; font-weight: 400; text-align: left; padding: 15px 0 0 20px;}
.but_ex table tfoot tr td{font-size: 14px; font-weight: 400; text-align: left; padding-top: 15px;}
.but_ex table tfoot tr td button{width: 84px; height: 23px; background-color: #666; color: #fff; text-align: center; font-weight: 900; margin-left: -50px;}

.buy_index{padding: 0 0 0 20px;}
.buy_index_step{margin: 20px 0;}
.buy_index_step h2{font-weight: 900; padding: 5px 0; font-size: 18px;}

.sub2_slide_tit{width:1200px;}

  @media only screen and (min-width:1px) and (max-width:799px) {
    .inner .view{position: absolute; top: 100px; left: 10px;}
    .inner .view h2{font-size: 28px;}
    .inner .view h3{font-size: 24px;}
    .media_cont_wrap{width: 95%;}
    .media_cont1_wrap>h2{font-size: 28px; line-height: 36px;}
    .tab_area ul li{margin: 0 10px;}
    .tab_area ul li a{font-size: 24px;}
    .inner{width: 95%;}
    .media_cont2_tab ul.tab_select{flex-wrap: wrap;}
    .media_cont2_tab ul.tab_select li{width: 100%; height: 100px; text-align: center; justify-content: center; min-width: 120px;}
    .media_cont2_tab ul.tab_select li h2{margin: 0;}
    .box_shadow{display: none;}
    .media_cont2_tab ul.tab_select li span{padding: 0 3px;}
    .media_cont2_tab ul.tab_select li:nth-child(2) span{margin: 0;}

    .media_tab_cont{width: 100%; margin: 0 auto;}
    .media_tab_cont ul{width: 95%; margin: 0 auto;}
    
    .click_arrow{display: none;}
    .tab_cont_tit > a{padding: 10px 0 10px 10px;}
    
    .tab_cont_ex{margin: 20px 0 0 0;}
    .tab_cont_ex h2{font-size: 20px; margin: 0 0 20px 0;  }
    .tab_cont_ex span{font-size: 16px;}

    .tab_cont_tit h2{font-size: 22px; font-weight: 900; margin: 0 0 5px 0; padding: 0;}
    /* .tab_cont_ex h2{position: relative; z-index: 1; font-size: 22px; font-weight: 900; margin: 0 0 20px 0;} */
    .tab_cont_ment{overflow: hidden;}

    .tab_cont_img_left{display: none;}
    .tab_cont_img_right{display: none;}
    /* .tab_mob_img{display: block; width: 100%;} */
    .media_cont span{display: none;}
    .media_tab1_cont{display: block;}
    .media_tab1_cont2{flex-wrap: wrap; display: flex; margin: 50px 0 0 0; flex-direction: column-reverse;}
    
    .media_tab1_cont1 .tab_cont_ex h2 span{width: 320px; left: 0;}

    .media_tab1_cont .tab_cont_img_left ul li:first-child{background: none;}
    .media_tab1_cont .tab_cont_img_left ul li:last-child{background: none;}
    .media_tab1_cont .tab_cont_img_left ul li{width: 100%; height: auto; display: inline-block;}
  
    .media_tab1_cont .tab_cont_img_right ul li{background: none; width: 100%; height: auto; overflow: hidden;}
  
    .tab_cont_ex .tab_cont_btn{margin: 20px 0 0 0;}
    /* .media_box ul li a{height: 450px;} */
    .media_tab1_cont .tab_cont_img img{width: 100%; max-width: none; height: auto;}
    /* .media_tab1_cont2 .tab_cont_img img{width: 100%; height: auto; max-width: none;} */
    .media_tab1_cont2 .tab_cont_ex{margin: 20px 20px 0 0; text-align: left;}
    .media_tab1_cont2 .tab_cont_ex h2{text-align: left;}
    .media_tab1_cont2 .tab_cont_ex h2 span{right: 0; left: 0; width: 200px;}
    .media_tab1_cont2 .tab_cont_ex .tab_cont_btn a{justify-content:left;}
    .media_tab1_cont2 .tab_cont_ment{width: 100%; margin: 100px 0 0 0;}
    
    .tab2_box ul{display: block;}
    .tab2_box ul li{width: 100%; min-width: 300px;}
    .tab2_box_text{width: 90%; max-width: 400px;}
    
    .tab3_cont_top{flex-direction: column; align-items: normal;}
    .tab3_box{width: 100%;}
    .tab3_box_text{width: 100%;}
    .tab3_box_text span{font-size: 16px; padding: 0 0 0 10px;}
    .tab3_cont_text span {font-size: 14px;}
    .tab3_news p{font-size: 22px;}

    .media_tab4_cont{display: block;}
    .media_tab4_cont .tab_cont_img{margin: 0; overflow: hidden; object-position: 50% 50%; position: relative; width: 100%; background-size: contain; height: 300px;}
    .media_tab4_cont .tab_cont_img img{position: absolute; top: -50%;}
    .media_tab4_cont1 .tab_cont_ex h2 span{width: 310px;}
    .media_tab4_cont2 .tab_cont_ex h2 span{width: 185px; left: 150px;}
    .media_tab4_cont2{display: flex; flex-direction: column-reverse;}

    .media_tab5_cont{display: block;}
    .media_tab5_cont .tab_mob_img{display: none; min-width: 0; max-width: 600px; width: 100%; height: auto;}
    .media_tab5_cont .tab_cont_img{width: 100%; min-width: auto; margin: 0 0 30px 0; height: 300px;}
    .media_tab5_cont .tab_cont_tit{margin: 0; width: auto;}
    .media_tab5_cont .tab_cont_tit h2{padding: 0 0 0 0;}
    .media_tab5_cont .tab_cont_tit span{padding: 0 0 0 0; letter-spacing: -2px;}
    .media_tab5_cont .tab_cont_ment{margin: -30px 0 0 0;}
    .media_tab5_cont2{margin: 100px 0 0 0;}

    .media_sns_cont{width: 95%;}
    .main_news{padding: 0;}
    .media_box ul{display: block;}
    .media_box ul li{width: 99%; margin: 10px auto;}
    .media_box ul li:nth-child(3){display: none;}
    .media_box ul li:nth-child(4){display: none;}
    

    .company_logo{margin-top: 35px;}
    .company_logo h2{font-size: 28px;}
    .pc_company{display: none;}
    .mob_company{display: block;}


    .inquiry_wrap{width: 95%; margin: 0 auto; display: block;}
    .inquiry_cont1{width: 100%;}
    .inquiry_cont1 table tbody{display: block; width: 100%;}
    .inquiry_cont1 table tr{width: 100%; padding: 15px 0;}
    .inquiry_cont1 table tr th, .inquiry_cont1 table tr td{font-size: 16px; padding: 0; margin: 5px 0;}


/* sub1.html */
    .sub_wrap{width: 95%;}
    .sub_wrap>h2{font-size: 30px;}
  
    .conBox03 .main_news .swiper-slide {width: 100%; /* transform: scale(0.92); */ transition: 0.3s; padding: 0 10px;}
    .conBox04 .main_news .swiper-slide {width: 100%;   /* transform: scale(0.92); */ transition: 0.3s; padding: 0 10px;}
    /* .conBox03 .util .swiper-scrollbar {width: 300px; height: 10px;  background: #878787;} */
    .slide_tit{margin: 0;}
    .slide_logo span{font-size: 16px;}
    .slide_logo h2{font-size: 28px;}
    .slide_btn{display: none;}
    .swiper-button-next{display: none;}
    .swiper-button-prev{display: none;}
    .conBox03 .util .swiper-scrollbar{width: 80%;}
    .conBox04 .util .swiper-scrollbar{width: 80%;}
  
    .proof_logo{width: 100%; height: auto; margin: 20px 0 0 0;}
    .proof_logo ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
    .proof_logo ul li{margin: 10px 5px; text-align: center;}
    .proof_logo ul li img{width: 130px;}
    .proof_ex h2{font-size: 16px; margin: 5px 0;}
    .proof_ex p{font-size: 12px;}
    .proof_ex a{display: block; width: 100%; text-align: right; }
  
  
      /* 메인 슬라이드 */
    .sub_cont1 .slider{/* margin: 0 auto; */ width: 100%;}
    /* .sub_cont1 .swiper-wrapper{transform: translate3d(0,0,0) !important;} */
    .sub_cont1 .swiper-slide{width: 100% !important;}
    .sub_cont1 .swiper-slide img{width: 100%; height: 100%;}
  
    .sub_cont1 .swiper-slide-active{width: 100% !important;}
    .sub_cont1 .swiper-slide-active img{width: 100% !important;}
  
    .swiper-button-next::after,
    .swiper-button-prev::after{display: none;}
  
    .sub_cont1 .swiper-button-next{display: none;}
    .sub_cont1 .swiper-button-prev{display: none;}
    .slide_ment{width: 100%; word-break: keep-all;}
    

    /* 2번째 슬라이드 */
    
  
    .sub_cont2 .swiper-slide>ul{justify-content: space-between;}
    .sub_cont2 .swiper-slide>ul>li{width: calc(100%/2 - 10px); margin: 10px 0; position: relative;}
  
    .cont2_slide_ex{width: 100%;}
    .cont2_slide_ex ul{display: flex; justify-content: space-between;}
    .cont2_slide_ex ul li{font-size: 14px; color: #7f7f7f;}
    .cont2_slide_ex h2{font-size: 14px; text-align: left; margin: 10px 0 0 0; line-height: 16px;}
    .sub_cont2 .swiper-slide img {display: block; width: 100%; height: 100%; max-height: 220px; object-fit: contain;}
    .sub_cont2 .swiper-slide .cont2_slide_img{width: 100%;}
    /* .sub_cont2 .swiper-slide .cont2_slide_img img{width: 100%; object-fit: contain;} */
    .sub_cont2 .swiper-slide .cont2_slide_img .cont2_img_bg{display: none;}
    .cont2_slide_ex ul li:last-child{display: none;}
  
    /* .sub_cont2 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1;} */
    .sub_cont2 .swiper-pagination-bullet-active {color: #000; font-weight: 900;}
    .sub_cont2 .slider_button{width: 54px; height: 54px; border-radius: 54px; box-shadow: 3px 5px 10px 1px rgba(0, 0, 0, 0.5); background: #fff;}
  
    .swiper-button-next2,.swiper-button-prev2{display: none;}

  /* sub2.html */
  .buy_top_wrap{flex-direction: column; align-items: unset;}
  .buy_price{justify-content: center;}
  .buy_ment{margin: 50px 0 0 0;}
  .buy_img{width: 100%;}
  .buy_img img{width: 100%; max-width: 518px;}

  .but_ex table tfoot tr th{padding: 15px 0 0 2.5%;}
  .but_ex table tbody tr th{padding: 0 0 0 2.5%;}
  
  .buy_index{padding: 0 0 0 2.5%;}
  .buy_bottom_wrap .buy_tit h2{padding: 0 0 10px 2.5%;}
}
@media only screen and (min-width:800px) and (max-width:1199px) {
  .inner .view{position: absolute; top: 150px; left: 50px;}
  .inner .view h2{font-size: 36px;}
  .inner .view h3{font-size: 30px;}
  .media_cont_wrap{width: 90%;}
  .tab_area ul li{margin: 0 10px;}
  .tab_area ul li a{font-size: 24px;}
  .inner{width: 90%;}

  .media_tab_cont{width: 100%; margin: 0 auto;}



  /* 메인 슬라이드 */@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
.consulting_area h1,h2,h3,h4,h5,h6,span,p,a,b{font-family: 'nanumsquare'; word-break: keep-all;}

.media{background: url("/img/media/media_bg.jpg") center center no-repeat; background-size: cover;}
.tab_area ul li a{display: inline; color: #fff;}
.tab_area ul li{border: none; margin: 0 20px;}
.tab_area ul li a:hover{background: none; border-bottom: 2px solid #fff;}

.banner_wraper { height: 60px; width: 1130px; position: absolute; left: 50%; overflow: hidden; transform: translate(-50%, 0%); margin: 20px 0 0 0;}
.banner_wraper img { height: 45px; position: absolute;}

.inner .view{background: rgba(0, 0, 0, 0.5); position: absolute; top: 200px; left: 0; padding: 20px 40px; text-align: left;}
.inner .view span{text-align: left; color: #fff; font-size: 24px; font-family: '에스코어 드림'; font-weight: 900; border-bottom: 2px solid #fff; padding: 0 0 5px 0;}
.inner .view h2{text-align: left; color: #fff; font-size: 40px; font-family: '에스코어 드림'; font-weight: 900; margin: 20px 0 0 0;}
.inner .view h3{text-align: left; color: #fff; font-size: 32px; font-family: '에스코어 드림'; font-weight: 900;}
.location > ul li:not(.home):after{display: none;}

.media_wrap{width: 100%; height: auto; margin: 0 auto;}
.media_cont_wrap{width: 100%; margin: 0 auto; max-width: 1580px;}
.media_cont{margin: 65px 0;  -webkit-animation: fadeInDown 1s 0.3s both; animation: fadeInDown 1s 0.3s both;}
.media_cont h2{color: #222; font-size: 28px;}
.media_cont span{color: #000; font-size: 18px;}
.media_cont1{text-align: center;}
.media_cont1_wrap>h2{text-align: center; margin: 5px 0 40px 0; font-size: 48px; line-height: 54px; font-weight: 900; font-family: 'noto-sans';}
.media_cont_sub_tit h2{font-size: 20px; margin: 0 0 10px 0; font-weight: 900;}

/* 탭메뉴 */
.media_cont2{display: flex; align-items: center; position: relative; flex-direction: column; margin: 0; background-color: #f4f4f4; padding: 50px 0;}

.media_cont .media_cont_tit h2{margin: 10px 0 0; text-align: center; font-size: 42px; font-weight: 900;}
.media_cont .media_cont_tit .bar{width: 42px; height: 3px; background-color: #000; margin: 10px auto;}
.media_cont .media_cont_tit{text-align: center; margin: 0 0 30px 0;}


.media_cont2_tab{width: 100%; position: relative; max-width: 1580px; margin: 0 auto;}
.media_cont2_tab ul.tab_select{display: flex; position: relative; justify-content: space-between;}
.media_cont2_tab ul.tab_select li{display: flex; width: 270px; height: 590px; flex-wrap: wrap; flex-direction: column; align-items: center; /* justify-content: center; */ cursor: pointer; position: relative; transition: all 0.3s; min-width: 150px;}
/* .brightness{filter: brightness(1) saturate(1); } */
/* .media_cont2_tab ul.tab_select li .tab_bg{position: absolute; filter: brightness(0.3) saturate(0.2);} */
.media_cont2_tab ul.tab_select li h2{color: #fff; text-align: center; position: relative; z-index: 1; margin: 160px 0 50px 0; font-size: 28px; font-weight: 900;}
.media_cont2_tab ul.tab_select li span{color: #fff; text-align: center; position: relative; z-index: 1; opacity: 0.7; font-weight: 600;}
.media_cont2_tab ul.tab_select li:nth-child(2) span{margin: -22px 0 0 0;}

/* 탭메뉴 배경들 */
.media_cont2_tab ul.tab_select li:nth-child(1) .tab_bg{background: url(/img/media/tab_bg1.jpg) center center no-repeat; background-size: cover; width: 100%; height: 100%; filter: brightness(0.6) saturate(1);}
.media_cont2_tab ul.tab_select li:nth-child(1) h2{text-shadow: 5px 5px 10px rgba(0,0,0,0.9);}
.media_cont2_tab ul.tab_select li:nth-child(1) span{opacity:1; text-shadow: 5px 5px 10px rgba(0,0,0,0.9);}
.media_cont2_tab ul.tab_select li:nth-child(2) .tab_bg{background: url(/img/media/tab_bg2.jpg) center center no-repeat; background-size: cover; width: 100%; height: 100%;}
.media_cont2_tab ul.tab_select li:nth-child(3) .tab_bg{background: url(/img/media/tab_bg3.jpg) center center no-repeat; background-size: cover; width: 100%; height: 100%;}
.media_cont2_tab ul.tab_select li:nth-child(4) .tab_bg{background: url(/img/media/tab_bg4.jpg) center center no-repeat; background-size: cover; width: 100%; height: 100%;}
.media_cont2_tab ul.tab_select li:nth-child(5) .tab_bg{background: url(/img/media/tab_bg5.jpg) center center no-repeat; background-size: cover; width: 100%; height: 100%;}

/* 탭메뉴 클릭시 그림자 */
.box_shadow{position: absolute; top: 0; width: 100%;}
.box_shadow ul{display: flex; justify-content: space-between;}
.box_shadow li{ width: 270px; height: 590px; flex-wrap: wrap;  cursor: pointer; box-shadow: 5px 10px 30px 3px rgba(0, 0, 0, 0.5); opacity: 0;}
.box_shadow li:nth-child(1){opacity:1;}

.media_tab_cont{}
.block{display: block;}
.tab_title{width: 80%; margin: 0 auto 20px auto; max-width: 1920px;}

.tab_main{display: flex;}
.tab_main1 .tab_text{margin: 0 0 0 50px;}
.tab_main1 .tab_text h2{display: flex; margin: 0 0 20px 0;}
.tab_main1 .tab_text h2 img{margin: 0 0 0 10px;}
.tab_main1 .tab_text a{display: block; margin: 50px 0 0 0;}

.tab_main2{justify-content: space-between; margin: 50px 0 0 0;}
.tab_main2 .tab_text{margin: 0 0 0 10%;}
.tab_main2 .tab_text h2{display: flex; margin: 0 0 20px 0;}
.tab_main2 .tab_text h2 img{margin: 0 0 0 10px;}
.tab_main2 .tab_text a{display: block; margin: 50px 0 0 0;}

/* 공용탭­ */
/* .media_tab1{display: block;} */
.media_tab_wrap{display: none; width: 95%; margin: 35px auto 60px; max-width: 1200px;}
.media_tab1{display:block;}
.media_tab_tit span{font-size: 18px;}
.media_tab_tit h2{font-size: 32px; font-weight: 900;}

.tab_cont_tit{color: #000; margin-left: -1px;}
.tab_cont_tit h2{font-size: 22px; font-weight: 900; margin: 0 0 5px 0;}
.tab_cont_tit span{font-size: 18px;}
.tab_cont_tit > a{min-width: 400px; padding: 10px 0 10px 20px;}

.tab_cont_ex{margin: 20px 0 0 20px;}
.tab_cont_ex h2{position: relative; z-index: 1; font-size: 22px; font-weight: 900; margin: 0 0 20px 0;}
.tab_cont_ex>span{font-size: 16px;}
.tab_cont_ex .tab_cont_btn{margin: 20px 0 0 0;}
.tab_cont_ex .tab_cont_btn a img{margin: 0px 0 0 20px;}


.tab_cont_ex{margin: 20px 0 0 20px;}
.tab_cont_ex h2{font-size: 20px; margin: 0 0 20px 0; white-space: nowrap;}
.tab_cont_ex span{font-size: 16px; white-space: nowrap;}
.media_tab1_cont1 .tab_cont_ex h2 span{width: 310px;}

/* .tab_mob_img{display: block; width: 100%;} */
.tab_cont_img_left{display: none;}
.tab_cont_img_right{display: none;}

.tab_cont_ex .tab_cont_btn{margin: 20px 0 0 0;}
.media_tab1_cont2 .tab_cont_img img{width: 100%; height: auto;}
.media_tab1_cont2 .tab_cont_ex{margin: 20px 20px 0 0; text-align: right;}

.tab2_box ul li{width: 40%; min-width: 360px;}

.tab3_news p{font-size: 22px;}

.media_tab4_cont .tab_cont_img{background: none; margin: 0; overflow: hidden; object-position: 50% 50%; position: relative;}
/* .media_tab4_cont .tab_cont_img img{position: absolute; top: -50%;} */

.media_tab5_cont .tab_cont_img{background: none; min-width: 0; max-width: 600px; width: 100%; height: auto;}


/* tab1 */
.media_tab1_cont{display: flex; margin: 20px 0 0 0;}
.media_tab1_cont .tab_cont_img{display: flex;}
.media_tab1_cont .tab_cont_img_left ul li{width: 380px; height: 184px; display: block; position: relative;}
.media_tab1_cont .tab_cont_img_left ul li:first-child{background: url(/img/media/tab1_1.png) center center no-repeat; background-size: contain;}
.media_tab1_cont .tab_cont_img_left ul li:last-child{background: url(/img/media/tab1_2.png) center center no-repeat; background-size: contain; margin: 16px 0 0 0;}
.media_tab1_cont .tab_cont_img_left ul li img{width: 100%;}
.media_tab1_cont .tab_cont_img_right ul li{width: 182px; height: 384px; margin: 0 0 0 10px; background: url(/img/media/tab1_3.png) center center no-repeat; background-size: contain; position: relative;}
.media_tab1_cont .tab_cont_img_right ul li img{width: 100%;}
.media_tab1_cont .tab_cont_img div ul li span{background-color: rgba(0, 0, 0, 0.7); color: #fff; padding: 5px 10px; text-align: center; position: absolute; bottom: 11px; right: 0;}


.media_tab1_cont1 .tab_cont_ex h2 span{background-color: #ffd2c9; width: 320px; height: 17px; display: block; position: absolute; left: 0; top: 15px; z-index: -1;}


.media_tab1_cont2{justify-content: right; margin: 120px 0 0 0;}
.media_tab1_cont2 .tab_cont_ex{margin: 20px 20px 0 0; text-align: right;}
.media_tab1_cont2 .tab_cont_ex h2{text-align: right;}
.media_tab1_cont2 .tab_cont_ex h2 span{background-color: #caedff; width: 200px; height: 17px; display: block; position: absolute; right: -5px; top: 15px; z-index: -1;}
.media_tab1_cont2 .tab_cont_ex>span{text-align: right;}
.media_tab1_cont2 .tab_cont_ex .tab_cont_btn a{justify-content: right;}
.media_tab1_cont2 .tab_cont_img img{width: 572px; height: 384px;}

/* .tab_mob_img{display: none;} */
.media_tab1_cont .tab_cont_img img{width: 100%;}
/* tab2 */
.media_tab2_line{text-align: center; margin: 50px 0 0 0;}
/* .media_tab2_line{width: 100%; height: 2px; display: flex; margin: 95px 0 0 0;}
.media_tab2_line .dotted{border-top: 2px dotted #000; width: 20%;}
.media_tab2_line .solid{border-top: 2px solid #000; width: 80%; position: relative;} */


.tab2_box{text-align: center; margin: 20px 0 0 0;}
.tab2_box ul{display: flex; justify-content: space-around;}
.tab2_box ul li{width: 394px; height: 394px; position: relative;}
/* .tab2_box ul li:first-child{background: url(/img/media/tab2_boxbg1.png) center center no-repeat;} */
/* .tab2_box ul li:last-child{background: url(/img/media/tab2_boxbg2.png) center center no-repeat;} */
.tab2_box_text{position: absolute; left: 0; bottom: 20px; background-color: rgba(0, 0, 0, 0.7); padding: 12px 10px; color: #fff; text-align: left; width: 326px;}
.tab2_box_text h2{font-size: 26px; margin: 0 0 5px 0;}
.tab2_box_text span{font-size: 18px;}

/* tab3 */
.media_tab3_cont{margin: 50px 0 0 0;}
.tab3_box{background: url(/img/media/tab3_boxbg.png) center center no-repeat; background-size: cover; width: 526px; height: 176px; margin: 0 auto; position: relative;}
.tab3_box_text{background: rgba(0, 0, 0, 0.7); width: 352px; height: 80px; bottom: 20px; position: absolute; color: #fff; padding: 8px; display: flex; align-items: center;}
.tab3_box_text span{font-size: 20px; font-weight: 900;}
.tab3_news img{max-width: 1200px; width: 100%;}
.tab3_news p{text-align: center; margin: 50px 0; font-size: 28px; font-weight: 900;}

/* tab4 */
.media_tab4_cont{display: flex; margin: 50px 0 0 0;}
/* .tab_cont_img{display: flex;} */
.media_tab4_cont .tab_cont_img {position: relative;}
/* .media_tab4_cont1 .tab_cont_img {width: 100%; height: auto; min-width: 550px; min-height: 350px; margin: 0; background: url(/img/media/tab4_1.png) center center no-repeat; background-size: contain; position: relative; z-index: 2;} */
.media_tab4_cont1 .tab_cont_img {background: none;}
.media_tab4_cont .tab_cont_img .tab_mob_img{display: block; width: 100%; position: relative; z-index: 2; object-fit: fill; min-height: 300px;}
/* .media_tab4_cont2 .tab_cont_img {width: 100%; height: auto; min-width: 500px; min-height: 300px; margin: 0; background: url(/img/media/tab4_2.png) center center no-repeat; background-size: contain; position: relative; } */
.media_tab4_cont2 .tab_cont_img {background: none;}
.media_tab4_cont .tab_cont_img img{}

.media_tab4_cont1 .tab_cont_tit{padding-left: 20px; margin-left: -200px; width: 600px;}
.media_tab4_cont1 .tab_cont_tit h2{padding: 0 0 0 200px;}
.media_tab4_cont1 .tab_cont_tit span{padding: 0 0 0 200px;}
.media_tab4_cont .tab_cont_tit a{min-width: 500px;}

.media_tab4_cont1 .tab_cont_ex h2 span{background-color: #ffedc0; width: 300px; height: 17px; display: block; position: absolute; left: 0; top: 15px; z-index: -1;}
.media_tab4_cont2 .tab_cont_ex h2 span{width: 190px; left: 150px;}


/* tab5 */
.media_tab5_cont{display: flex; margin: 20px 0 0 0; align-items: center;}
/* .tab_cont_img{display: flex;} */
.media_tab5_cont1 .tab_cont_img {width: 100%; height: auto; min-width: 370px; min-height: 400px; margin: 0; background: url(/img/media/tab5_1.png) center center no-repeat; background-size: contain; position: relative;}
.media_tab5_cont2 .tab_cont_img {width: 100%; height: auto; min-width: 370px; min-height: 400px; margin: 0; background: url(/img/media/tab5_2.png) center center no-repeat; background-size: contain; position: relative;}
.media_tab5_cont .tab_cont_tit{padding-left: 10px;}



/* 회사 로고들 */
.company_logo{width: 100%; margin: 120px auto 35px; text-align: center;}
.company_logo h2{font-size: 42px; font-weight: 900;}
.company_logo span{font-size: 18px;}
.company_logo img{width: 100%; max-width: 1580px; text-align: center;}
.mob_company{display: none;}

/* 미디어 푸터 */
.inquiry{width: 100%; height: auto; background-color: #282e40; position: relative; border-bottom: 1px solid #fff;}
.inquiry_wrap{width: 100%; margin: 35px auto 0; display: flex; color: #fff; justify-content: space-between; align-items: flex-start; max-width: 1580px; position: relative; padding: 20px 0;}

.inquiry_cont1{width: 100%;}
.inquiry_cont1 table{width: 100%;}

.inquiry_cont1 table tr th, .inquiry_cont1 table td{font-size: 16px; padding: 15px 0 15px 10px; letter-spacing: 0.5px;}


/* ::-webkit-scrollbar : 스크롤바 전체
::-webkit-scrollbar-thumb : 스크롤 막대
::-webkit-scrollbar-track : 스크롤 막대 외부 */

/* 상단배너 이전, 다음버튼 4개 각각 */

/* 슬라이드 */
.media_sns_cont{width: 95%; margin: 0 auto;}
.media_sns_cont1{padding: 35px 0 0 0;}

.media_box ul{display: block;}
.media_box ul li{width: calc(100%/2 - 40px); height:300px; margin: 10px;}
/* .media_box2 ul li a{height:400px;} */


  .media_sns_cont2{margin: 35px auto ;}
  
/* sub1.html */
.sub_wrap{width: 90%;}
.swiper-button-prev{top: auto; right: 0; left: 5%;}
.swiper-button-next{top: auto;  right: 5%;}

.company_logo h2{font-size: 28px;}

.proof_logo ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.proof_logo ul li{margin: 0 10px; text-align: center; width: calc(100%/5 - 25px);}
.proof_logo ul li img{width: 140px;}
.proof_ex p{font-size: 12px;}
.proof_ex h2{font-size: 18px; margin: 5px 0;}

.inquiry_wrap{width: 90%; margin: 0 auto; display: block;}
.inquiry_cont1{width: 100%;}

  /* sub1.html */
.sub_wrap{width: 100%; height: auto; margin: 0 auto; max-width: 1200px;}
.sub_cont_wrap{width: 100%; margin: 0 auto; max-width: 1200px;}
.sub_cont_wrap>ul>li{margin: 0 5px; position: relative;}
.sub_cont{margin: 35px 0; position: relative;}
.sub_cont h2{color: #222; font-size: 28px; font-weight: 900;}
.sub_cont span{color: #000; font-size: 18px;}

.sub_cont1_wrap>h2{text-align: center; margin: 5px 0 40px 0; font-size: 48px; line-height: 54px; font-weight: 900; font-family: 'noto-sans';}
.sub_cont_sub_tit h2{font-size: 16px; margin: 0 0 10px 0; font-weight: 900;}

.sub_menu{display: none; position: absolute; background-color: #fff; border: 2px solid #ccc; width: 100px; border-radius: 5px; z-index: 11; top: 30px;}
.sub_menu li{display: block; padding: 10px;}
.sub_cont1_wrap a{color: #939393;}
.sub_menu li a:hover{color: #000;}

.sub_slide_tit{margin: 35px auto; /* width: 1200px; */}


/* 회사 로고들 */
.company_logo{width: 100%; max-width: 1200px; margin: 120px auto 35px; text-align: center;}
.company_logo h2{font-size: 42px; font-weight: 900;}
.company_logo span{font-size: 18px;}
.company_logo img{width: 100%; max-width: 1200px; text-align: center;}

.proof_logo{width: 100%; height: auto; margin: 20px 0 0 0;}
.proof_logo ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.proof_logo ul li{margin: 0 10px; text-align: center;}
.proof_logo ul li img{width: 174px;}
.proof_ex h2{font-size: 18px; margin: 5px 0;}
.proof_ex p{font-size: 14px;}
.proof_ex span{display: block; width: 100%; text-align: right; color:#ddd; transition: color 1s ease;}
.proof_logo ul li:hover .proof_ex span{color:#000;}



/* ::-webkit-scrollbar : 스크롤바 전체
::-webkit-scrollbar-thumb : 스크롤 막대
::-webkit-scrollbar-track : 스크롤 막대 외부 */


/* 메인 슬라이드 */
.sub_cont1 .slider {/* margin: 0 auto; */width: 100px;}
/* .sub_cont1 .swiper-wrapper{transform: translate3d(0,0,0) !important;} */
.sub_cont1 .swiper-container {position: relative;}
.sub_cont1 .swiper-slide{opacity: 0.2; filter: saturate(0.1); transition: all 0.5s; width: 100px !important; transition: all 0.5s;}
.sub_cont1 .swiper-slide-next{opacity: 0.4;}
.sub_cont1 .swiper-slide-prev{opacity: 0.4;}
.sub_cont1 .swiper-slide-active{opacity: 1 !important; filter: saturate(1); transition: all 0.5s;}

.sub_cont1 .swiper-slide img {width: 100px;height: 620px;transition: all 0.5s;object-fit: cover;}

.sub_cont1 .swiper-slide-active{width: 1100px !important; transition: all 0.5s;}
.sub_cont1 .swiper-slide-active img{width: 1100px !important;}


.slider_button{width: 45px; height: 45px; cursor: pointer;}
/* .slider_button:hover{background: rgba(238, 238, 238, 0.5); opacity: 1;} */
.swiper-button-next::after, .swiper-button-prev::after {display: none;}

.sub_cont1 .swiper-button-next{right: -1000px;}
.sub_cont1 .swiper-button-prev{}
.sub_cont1 .slider_button{opacity: 0.4; top:45%;}
.sub_cont1 .slider_button:hover{opacity: 1;}
.slide_ment{width: 1100px; margin: 20px 0 0 0;}
/* .swiper-container .swiper-wrapper .swiper-slide:nth-child(3) {width: 140px !important;
} */




/* 2번째 슬라이드 sub2 사이트에도 적용 */
.sub_cont2{padding: 50px 0;}
.sub_cont2 .swiper {width: 100%; height: 100%; max-width: 1300px;}

.sub_cont2 .swiper-slide {text-align: center; font-size: 18px;
 /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.sub_cont2 .swiper-slide>ul{display: flex; flex-wrap: wrap; width: 1100px;}
.sub_cont2 .swiper-slide>ul>li{width: calc(100%/5); margin: 10px 0; position: relative;}

.cont2_slide_ex{width: 188px;}
.cont2_slide_ex ul{display: flex; justify-content: space-between;}
.cont2_slide_ex ul li{font-size: 14px; color: #7f7f7f;}
.cont2_slide_ex h2{font-size: 18px; text-align: left; margin: 10px 0; line-height: 20px;}
.sub_cont2 .swiper-slide img {display: block; width: 188px; height: 228px; object-fit: cover; object-position:top left;}
.sub_cont2 .swiper-slide .cont2_slide_img{width: 188px;}
.sub_cont2 .swiper-slide .cont2_slide_img .cont2_img_bg{opacity: 0; position: absolute; top: 0; left: 0; transition: all 0.5s; width: 188px; height: 228px; background: rgba(0, 0, 0, 0.3); }
.sub_cont2 .swiper-slide .cont2_slide_img .cont2_img_bg span{color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 106px; height: 30px; border-radius: 30px; background-color: #363636; font-size: 16px; font-weight: 600;}
.sub_cont2 .swiper-slide .cont2_slide_img:hover .cont2_img_bg{opacity: 1; transition: all 0.5s;}

.sub_cont2 .swiper-pagination{bottom: 20px;}
.sub_cont2 .swiper-pagination-bullet {width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 16px; color: #727272; opacity: 1; background: none;}


/* .sub_cont2 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1;} */
/* .slide_button_wrap{width: 1200px; height: 100%; margin: 0 auto; position: relative;} */
.sub_cont2 .swiper-pagination-bullet-active {color: #000; font-weight: 900;}
.sub_cont2 .slider_button{width: 54px; height: 54px; border-radius: 54px; background: #fff;}

/* sub1이랑 sub2는 html에서 버튼 div위치가 다름 */
.swiper-button-next2,.swiper-button-prev2{position: absolute; top: 50%; z-index: 99; text-align: center;}
.swiper-button-next2 img,.swiper-button-prev2 img{margin: 12px 0 0 0px;}
.swiper-button-prev2{}
.swiper-button-next2{right: 20px;}
.swiper-button-next2::after,.swiper-button-prev2::after {display: none;}
.sub_cont2 .swiper-button-prev2{left: -20px;}
.sub_cont2 .slider_button:hover{box-shadow: 3px 5px 10px 1px rgba(0, 0, 0, 0.5);}
.mob_slide{display: none !important;}

/* sub2.html */
.buy_bottom_wrap{width: 100%; margin: 0 auto 50px; max-width: 1200px;}
.buy_top_wrap{display: flex; margin: 0 0 50px 0; align-items: center;}
.buy_img{width: 518px; height: auto;}
.buy_img img{width: 518px; box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.5);}
.buy_ment{margin: 0 0 0 50px;}
.buy_tit{margin: 0 0 20px 0;}
.buy_tit h2{margin: 0 0 10px 0; font-size: 32px;}
.buy_bottom_wrap .buy_tit h2{padding: 0 0 10px 20px; border-bottom: 2px solid #d5d5d5;}
/*.buy_price{display: flex; flex-wrap: wrap; align-items: center; padding: 20px 0; border-top: 2px solid #d5d5d5;}

.buy_price p{font-size: 14px; display: flex; align-items: center;}
.buy_price span{font-size: 32px; font-weight: 900; color: #c42c2c; margin: 0 0 0 10px;}
.buy_price b{font-size: 24px;}
.buy_price button{width: 150px; height: 40px; background-color: #c42c2c; margin: 0 0 0 30px; color: #fff; font-size: 20px; font-weight: 900;} */
.but_ex table{width: 100%;}
.but_ex table tbody{width: 100%; height: auto; padding: 20px 0; border-top: 2px solid #d5d5d5; border-bottom: 2px solid #d5d5d5;}
.but_ex table tbody tr th{padding: 0 0 0 20px;}
.but_ex table tbody tr th p{text-align: left; border-right: 1px solid #bfbfbf; font-size: 14px; font-weight: 900; padding: 0 10px 0 0;}
.but_ex table tbody tr td{font-size: 14px; padding: 15px; text-align: left; word-break: keep-all;}

.but_ex table tfoot tr th{font-size: 14px; font-weight: 400; text-align: left; padding: 15px 0 0 20px;}
.but_ex table tfoot tr td{font-size: 14px; font-weight: 400; text-align: left; padding-top: 15px;}

.but_ex table tfoot tr.buy_price{display: revert; width:100%; border-bottom: 2px solid #d5d5d5;}
.but_ex table tfoot tr.buy_price td{display: flex; font-size: 14px; display: flex; align-items: center;}
.but_ex table tfoot tr.buy_price td span{font-size: 32px; font-weight: 900; color: #c42c2c; margin: 0 0 0 10px;}
.buy_price b{font-size: 24px;}

.but_ex table tfoot tr td{font-size: 14px; font-weight: 400; text-align: left; padding-top: 15px;}
.but_ex table tfoot tr td button{width: 84px; height: 23px; background-color: #666; color: #fff; text-align: center; font-weight: 900; margin-left: -50px;}

.buy_index{padding: 0 0 0 20px;}
.buy_index_step{margin: 20px 0;}
.buy_index_step h2{font-weight: 900; padding: 5px 0; font-size: 18px;}

.sub2_slide_tit{width:1200px;}   

  .sub_cont1 .swiper-slide img {width: 100px; height: 450px;}

  .sub_cont1 .swiper-slide-active{width: 800px !important;}
  .sub_cont1 .swiper-slide-active img{width: 800px !important;}

  .sub_cont1 .swiper-button-next{top: 4%; right: -700px; height: 450px;}
  .sub_cont1 .swiper-button-prev{top: 4%; height: 450px;}
  .slide_ment{width: 750px; word-break: keep-all;}

 /* 2번째 슬라이드 */
.cont2_slide_ex{width: 150px;}
.cont2_slide_ex ul{display: flex; justify-content: space-between;}
.cont2_slide_ex ul li{font-size: 14px; color: #7f7f7f;}
.cont2_slide_ex h2{font-size: 18px; text-align: left; margin: 10px 0 0 0; line-height: 20px;}
.sub_cont2 .swiper-slide img {display: block; width: 150px; height: 180px; object-fit: cover;}
.sub_cont2 .swiper-slide .cont2_slide_img{width: 150px;}
.sub_cont2 .swiper-slide .cont2_slide_img .cont2_img_bg{opacity: 0; position: absolute; top: 0; left: 0; transition: all 0.5s; width: 150px; height: 180px; background: rgba(0, 0, 0, 0.3); }

.sub_cont2 .swiper-button-prev2{}
.sub_cont2 .swiper-button-next2{right: -20px;}

  /* sub2.html */
  .buy_top_wrap{}
  .buy_price{justify-content: center;}
  .buy_ment{margin: 0px 0 0 50px; width: 100%;}
  .buy_img{width: 100%;}
  .buy_img img{width: 100%; max-width: 518px;}
}
@media only screen and (min-width:1200px) and (max-width:1920px) {

}
@media only screen and (min-width:1921px){

}