@charset "utf-8";

/* .blog_view .blog_content .inner_content .blog_text {max-width: 1380px;width: 100%; text-align:center;font-size: 16px;    margin: 0px;    padding-top: 0px; position: relative; display: block; color: #5f676b; line-height: 1.9;letter-spacing: -0.1px;word-spacing: 0.5px; text-indent : 0px ;}
.blog_view .blog_content .inner_content .blog_text p {padding: 0;font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.64;letter-spacing: -0.2px;color: #757575;}
.blog_view .blog_content .inner_content .blog_text span {padding: 0;font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.64;letter-spacing: -0.2px;color: #757575;}
.blog_view .blog_content .inner_content .blog_text h1 {font-size: 40px; padding: 0;font-family:'Noto Sans KR';margin-bottom: 20px; margin-top: 20px;}
.blog_view .blog_content .inner_content .blog_text h2 {font-size: 30px; padding: 0;font-family:'Noto Sans KR';margin-bottom: 18px; margin-top: 18px;}
.blog_view .blog_content .inner_content .blog_text h3 {font-size: 24px; padding: 0;font-family:'Noto Sans KR'; margin-bottom: 16px; margin-top: 16px;}
.blog_view .blog_content .inner_content .blog_text h4 {font-size: 20px; padding: 0;font-family:'Noto Sans KR';margin-bottom: 14px; margin-top: 14px;}
.blog_view .blog_content .inner_content .blog_text h5 {font-size: 18px; padding: 0;font-family:'Noto Sans KR';margin-bottom: 10px; margin-top: 10px;}
.blog_view .blog_content .inner_content .blog_text h6 {font-size: 18px; padding: 0;font-family:'Noto Sans KR';margin-bottom: 8px; margin-top: 8px;}
.blog_view .blog_content .inner_content .blog_text h1, h2, h3, h4, h5, h6 {font-weight: bold; margin: 0 0 1.4rem; letter-spacing: 0.05rem; color: #1e2b33;font-stretch: normal;font-style: normal;}
.blog_view .blog_content .inner_content .blog_text blockquote {border-left: 16px solid red; padding-left: 1.4rem; font-size: 1.4rem; margin: 0 0 1.4rem;}
.blog_view .blog_content .inner_content .blog_text div {line-height: 1.4; color: #1e2b33; font-size: 16px;}
.blog_view .blog_content .inner_content .blog_text pre {white-space: pre;margin:1em 0px;}
/* .blog_view .blog_content .inner_content .blog_text {width: 100%; padding-top:85px;line-height: 1.4; text-align: left;} */
/* .blog_view .blog_content .inner_content .blog_text {width: 100%; padding-top:85px;line-height: 2; text-align: left;} */
/* .blog_view .blog_content .inner_content .blog_text img{ width: 100% !important;  margin-bottom: 30px;    margin-top: 30px;}
.blog_view .blog_content .inner_content .blog_text hr{margin-bottom: 20px; margin-top: 20px;}
.blog_view .blog_content .inner_content .blog_text span{font-size: 12px;    margin: 0px;    padding-top: 20px; position: relative; display: block; color: #adadad;} */ */
.blog_text p {padding: 0;font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.64;letter-spacing: -0.2px;color: #757575;font-family:'Noto Sans KR';}
.blog_text span {padding: 0;font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.64;letter-spacing: -0.2px;color: #757575;font-family:'Noto Sans KR';}
.blog_text h1 {font-size: 40px; padding: 0;font-family:'Noto Sans KR';}
.blog_text h2 {font-size: 30px; padding: 0;font-family:'Noto Sans KR';}
.blog_text h3 {font-size: 24px; padding: 0;font-family:'Noto Sans KR';}
.blog_text h4 {font-size: 20px; padding: 0;font-family:'Noto Sans KR';}
.blog_text h5 {font-size: 18px; padding: 0;font-family:'Noto Sans KR';}
.blog_text h6 {font-size: 18px; padding: 0;font-family:'Noto Sans KR';}
.blog_text h1, h2, h3, h4, h5, h6 {font-weight: bold; margin: 0 0 1.4rem; letter-spacing: 0.05rem; color: #1e2b33;font-stretch: normal;font-style: normal;}
.blog_text blockquote {border-left: 16px solid red; padding-left: 1.4rem; font-size: 1.4rem; margin: 0 0 1.4rem;}
.blog_text div {line-height: 1.4; color: #1e2b33; font-size: 16px;}
.blog_text pre {white-space: pre;margin:1em 0px;}
.blog_text {max-width: 1380px;width: 100%; padding-top:85px;line-height: 1.4; text-align: center;}
.blog_text img{max-width: 910px; width: 100% !important;}

/* Youtube 동영상 잘림 이슈 반영 0729 조성우 */
.hs-embed-wrapper{width:100%!important; max-width:910px!important; height:auto!important; max-height: 522px!important;}



/* ------------ 공통 start ------------ */

.sub_mains .img_main .swiper-container{ border-radius: 30px;     max-height: 549px;}
.sub_mains .txt_main .bot_txt .input_fild{ border: none; }
.sub_mains .img_main dd{ text-align: right; }
.blog_view .tit_small {
    display: flex;
    margin-top: 74px;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 4px solid #3437ce;
}

/* ========= 탭바 버튼 =======  */
.category .btn{ overflow: hidden; display: flex }
.category .btn li{ float: left; border-bottom: 2px solid #b0afb7; text-align: center;  }
.category .btn li a{ display: block; width: 100%; font-weight: 700; color: #b0afb7; }
.category .btn li:last-child{ margin-right: 0; }
.category .btn li.active{ border-bottom-color: #3437ce; }
.category .btn li.active a{ color: #4a4e5e; }


/* ========= 탭바 내용 ========== */
.category .conwrap > div{ display: none; }
.category .conwrap > div ul{ display: flex; flex-wrap:  wrap; justify-content: normal; width: 100%;  }
.category .conwrap > div ul li{ overflow: hidden; border: 1px solid #ebebeb; border-radius: 10px; box-sizing: border-box; }
.category .conwrap > div dt{ position: relative; width: 100%; }
.category .conwrap > div dt img{ width: 100%; height: 100%; }
.category .conwrap > div .more{ opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%;  background-color: #508aff; z-index: 10; }
.category .conwrap > div .more a{ display: block; text-align: right; color: #fff;  }
.category .conwrap > div strong{ font-weight: 700; line-height: 18.08px; letter-spacing: -0.29px; color: #474747; }
.category .conwrap > div p{ padding: 20px 0; letter-spacing: -0.25px; color: #858585; }
.category .conwrap > div a{ font-weight: 500; letter-spacing: -0.22px; color: #508aff; }




/* ==-======= 탭바 하버 효과 ======= */
.category .conwrap > div ul li:hover{ border:1px solid #508aff; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1); }
.category .conwrap > div ul li:hover .more{ opacity: 1; }


/* ========= 페이지 버튼 ========= */
.page_btn{ display: flex; justify-content: center;  width: 100%;  text-align: center; }
.page_btn > a{ display: block; float: left;  border: 1px solid #cfcfcf; font-size: 11.2px; line-height: 40px; font-weight: 700; color: #3d3d3d; }
.page_btn .num li{ float: left;}
.page_btn .num li:nth-last-child(){ margin-right: 0; }
.page_btn .num a{ font-weight: 700; color: #979797; }
.page_btn .num a.active{ color: #3437ce; }

/* ------------ 공통 finish ------------ */





/* ------------ 1025 start ------------ */
@media all and (min-width: 1025px) {
  
   .blog-section {width : 100%;}
   .section post-body {width:100%} 

    .sub_mains .img_main{ width: 536px;     height: 563px;}
    .sub_mains .img_main dd{padding-right: 40px;}
    .sub_mains .img_main dd strong{ font-size: 20px; }
    .sub_mains .img_main dd p{ font-size: 14px; }
  .blog_view .tit_area .tit {display:flex;    justify-content: space-between; margin-top : 40px; }

    /* ======= 탭바 버튼 ====== */
    .category{ margin-top: 100px; }
    .category .btn{ width: 507px; }
    .category .btn li{ width: 134px; height: 47px; margin-right: 10px; }
    .category .btn li a{ line-height: 47px; font-size: 16px; }
    .category .btn li:first-child{ width: 75px; }


    /* ====== 탭바 내용 ======== */
    .category .conwrap > div ul{ margin-top: 51px; font-size: 16px; line-height: 16px; }
    .category .conwrap > div ul li{ flex-basis: 23%; margin-bottom: 30px; margin-left: 1%;  margin-right: 1%;}
    .category .conwrap > div dt{ height: 192px;  }
    .category .conwrap > div .more{ height: 34px; }
    .category .conwrap > div .more a{ padding-right: 44px; font-size: 12px; line-height: 34px; }
    .category .conwrap > div dd{ padding: 30px; }
    .category .conwrap > div strong{ font-size: 18px;    line-height: 1.3;    font-weight: 500; }
    .category .conwrap > div p{ font-size: 14px; line-height: 22.06px;  }
    .category .conwrap > div dd h3 {text-align: left !important; font-size: 14px; line-height: 22.06px; padding: 20px 0; color: #858585;}
    .category .conwrap > div dd h3 span{text-align: left; font-size: 14px; line-height: 22.06px; padding: 20px 0; color: #858585;}
      .category .conwrap > div dd span { font-size: 14px; line-height: 22.06px; padding: 20px 0; color: #858585;}
    .category .conwrap > div a{ font-size: 12px; line-height: 18px;  }
    
  
  li.swiper-slide.swiper-slide-active > dl > dt > img{
    width:663px;
    height:384px;
  }


    /* ======== 페이지 버튼 ======== */
    .page_btn{ margin-top: 60px; }
    .page_btn > a{ width: 75px; height: 40px; margin-right: 10px;  font-size: 11.2px; line-height: 40px;  }
    .page_btn .num{ margin: 0 50px; }
    .page_btn .num li{ margin-right: 20px; }
    .page_btn .num a{ line-height: 40px; font-size: 14px;  }
    
}
/* ------------ 1025 start ------------ */









/* ------------ 1024 start ------------ */
@media all and (max-width: 1024px) {

	
    /* ========== 헤더 (커먼에서 옮긴 부분 ) ========== */
    header {}
    header .head {width:100%; max-width:1440px; padding:26px 20px; position: relative; text-align:center; margin:0 auto;} 
/*     header .head h1 {position: absolute; left:20px; top:50%;} */
    header .head h1 img {height:35px;}
    header .head nav {display:inline-block;}
    header .head nav li {display:inline-block;}
    header .head nav li a {font-size: 14px; font-weight: 500; line-height: 35px; letter-spacing: -0.25px; color: #595959;}
    header .head nav li + li {margin-left:24px;}
    header .head .abs_right {position: absolute; right:20px; }
    header .head .abs_right .word_link {height: 35px; border-radius: 3px; background:#508aff url(../../images/common/icon_head_write.png) 10px 6px no-repeat; background-size:24px; padding:0 12px 0 48px; display:inline-block; font-size: 14px; font-weight: 500; line-height: 35px; letter-spacing: -0.25px; color: #ffffff; vertical-align: middle;}
    header .head .abs_right .search {display:inline-block; vertical-align: middle; margin-left:20px;}
    header .head .abs_right .search .mo {display:none;}
    header .head .abs_right .search img {width:28px;}






    /* ===== 메인 (슬라이더 부분) ====== */
    .sub_mains{ display: flex; padding: 30px; }
    .sub_mains .txt_main .bot_txt{ margin-top: 230px; }

    
    .sub_mains .img_main{ width: 472px; margin-top: 0; }
    .sub_mains .img_main dd{padding-right: 40px;}
    .sub_mains .img_main dd strong{ font-size: 20px; }
    .sub_mains .img_main dd p{ font-size: 14px; }
    
  
    
    


    /* ======= 탭바 버튼 ====== */
    .category{ margin-top: 60px; padding: 0 30px; }
    .category .btn{ width: 420px; }
    .category .btn li{ width: 100px; height: 50px; margin-right: 10px; }
    .category .btn li a{ line-height: 50px; font-size: 16px; }
    .category .btn li:first-child{ width: 60px; }


    /* ====== 탭바 내용 ======== */
    .category .conwrap > div ul{ margin-top: 50px; font-size: 16px; line-height: 16px; }
    .category .conwrap > div ul li{ flex-basis: 31.3%;  margin-bottom: 30px; margin-right: 2%;}
    .category .conwrap > div dt{ height: 200px;  }
    .category .conwrap > div .more{ height: 34px; }
    .category .conwrap > div .more a{ padding-right: 44px; font-size: 12px; line-height: 34px; }
    .category .conwrap > div dd{ padding: 30px; }
    .category .conwrap > div strong{ font-size: 16px; }
    .category .conwrap > div p{ font-size: 14px; line-height: 18.06px;  }
    .category .conwrap > div a{ font-size: 12px; line-height: 18px;  }



    /* ======== 페이지 버튼 ======== */
    .page_btn{ margin-top: 60px;  }
    .page_btn > a{ width: 75px; height: 40px; margin-right: 10px; font-size: 11.2px; line-height: 40px;  }
    .page_btn .num{ margin: 0 50px; }
    .page_btn .num li{ margin-right: 20px; }
    .page_btn .num a{ line-height: 40px; font-size: 14px;  }




    /* ========= 푸터 ========== */
    .footer {margin-top:140px;}
    .footer .add_area {height:511px; background:url(../../images/common/bg_add_line.png) repeat; border-top:1px solid #1e2029; background-size:20px; box-sizing: border-box; padding-top:60px;}
    .footer .add_area .add_inner { max-width: 1280px; margin:0 auto; background:url(../../images/common/bg_add_side.png) calc(100% - 30px) 50px no-repeat; background-size:441px; padding:60px 30px 0;}
    .footer .add_area .add_inner strong {display:block; font-size: 46px; font-weight: bold; line-height: 1.28; letter-spacing: -0.83px; color: #474747;}
    .footer .add_area .add_inner p {font-size: 17px; line-height: 1.82; letter-spacing: -0.31px; color: #4a4e5e; margin-top:19px;}
    .footer .add_area .add_inner a {display:inline-block; margin-top:100px; padding-right:61px; background:url(../../images/common/btn_add_arrow.png) right center no-repeat; background-size: 61px auto;}
    .footer .add_area .add_inner a span {width: 227px; height: 60px; border: solid 1px #979797; background-color: #ffffff; display:inline-block; font-size: 17px; font-weight: bold; line-height: 1.82; letter-spacing: -0.31px; color: #373737; display:flex; align-items: center; justify-content: center;}
    .footer .add_foot {background:#f2f2f2; padding:99px 0 100px;}
    .footer .add_foot .top {display:none;}
    .footer .add_foot .add_content { margin:0 auto; text-align:center;}
    .footer .add_foot .add_content .add_icon {}
    .footer .add_foot .add_content .add_icon a + a {margin-left:50px;}
    .footer .add_foot .add_content .add_icon img {height:41px;}
    .footer .add_foot .add_content .txt_link {margin-top:30px;}
    .footer .add_foot .add_content .txt_link a {font-size: 18px; font-weight: bold; line-height: normal; letter-spacing: -0.32px; color: #757575;}
    .footer .add_foot .add_content .txt_link li {display:inline-block; position: relative;}
    .footer .add_foot .add_content .txt_link li + li {margin-left:24px; padding-left:24px;}
    .footer .add_foot .add_content .txt_link li + li::after {content:''; width:1px; height:27px; background:#979797; opacity: 0.4; position: absolute; left:0; top:50%; transform: translateY(-50%);}
    .footer .add_foot .add_content .all_txt_link {margin-top:60px; border-top:1px solid #c8c8c8; padding-top:28px; text-align:center;}
    .footer .add_foot .add_content .all_txt_link li {display:inline-block;}
    .footer .add_foot .add_content .all_txt_link li + li {margin-left:90px;}
    .footer .add_foot .add_content .all_txt_link li a {font-size: 16px; font-weight: 500; line-height: normal; letter-spacing: -0.29px; color: #828282;}
    .footer .real_foot {padding:52px 0 47px; background:#3d3d46;}
    .footer .real_foot .inner_foot { margin:0 auto; display: flex; justify-content: space-between; align-items: center;}
    .footer .real_foot .inner_foot h2 img {width:143px;}
    .footer .real_foot .inner_foot p {font-size: 14px; font-weight: 500; line-height: normal; letter-spacing: -0.25px; color: #9a9a9a; margin-top:10px;}
    .footer .real_foot .inner_foot li {display:inline-block;}
    .footer .real_foot .inner_foot li img {width:24px;}
    .footer .real_foot .inner_foot li + li {margin-left:24px;}

}
/* ------------ 1024 finish ------------ */







/* ------------ 768 start ------------ */
@media all and (max-width: 768px) {

    .pc_only{ display: none; }

/*     *{ font-size: 18px; line-height: 18px;} */
  
/*     .blog-section {width : 100%;} */
  
    
  .blog_view .blog_content .inner_content .blog_text img{max-width: 100%;     margin-bottom: 30px;    margin-top: 30px;}
    /* 헤더 */
    header .head nav{ display: none; }
  
    



    /* ===== 메인 (슬라이더 부분) ====== */
/*     .sub_mains{ position: relative; display: block; padding: 30px; }
    .sub_mains .txt_main .bot_txt{ margin-top: 930px; }
    .sub_mains .txt_main .bot_txt .inputs span{ width: 190px; }
    .sub_mains .img_main{ position: absolute; left: 0; top: 200px; width: 100%; margin-top: 0; }
    .sub_mains .img_main dd{padding-right: 40px;}
    .sub_mains .img_main dd strong{ font-size: 20px; }
    .sub_mains .img_main dd p{ font-size: 14px; } */
   .sub_mains .slide .picture{ padding-top: 74.3%;}
    .sub_mains .slide{ width: 100%; overflow: hidden; }
    .sub_mains .slide .text .main_text{ margin-bottom: 10px; }
  
  
  .swiper-container{ border-radius: 0; }
    .swiper-pagination{ display: none; }


    /* ======= 탭바 버튼 ====== */
    .category{ margin-top: 60px; padding: 0 30px; }
    .category .btn{ width: 420px; }
    .category .btn li{ width: 100px; height: 50px; margin-right: 10px; }
    .category .btn li a{ line-height: 50px; font-size: 16px; }
    .category .btn li:first-child{ width: 60px; }


    /* ====== 탭바 내용 ======== */
    .category .conwrap > div ul{ margin-top: 50px; font-size: 16px; line-height: 16px; }
    .category .conwrap > div ul li{ flex-basis: 48%;  margin-bottom: 30px; }
    .category .conwrap > div dt{ height: 200px;  }
    .category .conwrap > div .more{ height: 34px; }
    .category .conwrap > div .more a{ padding-right: 44px; font-size: 12px; line-height: 34px; }
    .category .conwrap > div dd{ padding: 30px; }
    .category .conwrap > div strong{ font-size: 16px; }
    .category .conwrap > div p{ font-size: 14px; line-height: 18.06px;  }
    .category .conwrap > div a{ font-size: 12px; line-height: 18px;  }



    /* ======== 페이지 버튼 ======== */
    .page_btn{ margin-top: 60px;  }
    .page_btn > a{ width: 75px; height: 40px; margin-right: 10px; font-size: 11.2px; line-height: 40px;  }
    .page_btn .num{ margin: 0 50px; }
    .page_btn .num li{ margin-right: 20px; }
    .page_btn .num a{ line-height: 40px; font-size: 14px;  }




    /* ========= 푸터 ======== */
    
      .footer .add_area{ height: 806px; }
  
    .footer .add_area .add_inner{ height: 700px; background-position: center; text-align: center; }
    .footer .add_area .add_inner a{ margin-top: 450px; }
    .footer .add_foot .add_content .all_txt_link{ display: flex; flex-wrap: wrap; padding: 50px 24px 0; justify-content: center; }
    .footer .add_foot .add_content .all_txt_link li{ margin-bottom: 20px; }
    .footer .add_foot .add_content .all_txt_link li + li{ margin-left: 6.25%; }
    .footer .add_foot .add_content .all_txt_link li:nth-child(5){ margin-left: 20px; }

/*     .footer .real_foot{ position: relative; height: 250px; } */
    .footer .real_foot .inner_foot{display: block; }
/*     .footer .real_foot .inner_foot > div{ position: absolute; left: 0; bottom: 50px; right: 0; margin: auto; text-align: center; } */
    .footer .real_foot .inner_foot > ul{ width:170px; position: absolute; left: 0; top: 70px; right: 0; margin: auto; }
  
}
/* ------------ 768 finish ------------ */






/* ------------ 425 start ------------ */
@media all and (max-width: 425px) {
	
	.blog_view .blog_content .inner_content .blog_text img{max-width: 100%;     margin-bottom: 30px;    margin-top: 30px;}
    .blog-section {width : 100%; }
  
    .container{ margin-top: 10px; }

    /* ===== 메인 (슬라이더 부분) ====== */
    .sub_mains{ position: relative; display: block; padding: 30px; margin-top: 0; }
    .sub_mains .txt_main{ padding: 0; }
    .sub_mains .txt_main .bot_txt{ margin-top: 650px; }
    .sub_mains .txt_main .bot_txt .inputs span{ width: 190px; }
    .sub_mains .img_main{ position: absolute; left: 0; top: 200px; width: 100%; margin-top: 0; }
    .sub_mains .img_main dd{padding-right: 40px;}
    .sub_mains .img_main dd strong{ font-size: 20px; }
    .sub_mains .img_main dd p{ font-size: 14px; }


    /* ======= 탭바 버튼 ====== */
    .category{ margin-top: 60px; padding: 0 30px; }
    .category .btn{ width: 90%;  margin: 0 auto; }
    .category .btn li{ width: 100px; height: 48px; margin-right: 5px; }
    .category .btn li a{ line-height: 50px; font-size: 10px; }
    .category .btn li:first-child{ width: 50px; }


    /* ====== 탭바 내용 ======== */
    .category .conwrap > div ul{display: block;  margin-top: 50px; font-size: 16px; line-height: 16px; }
    .category .conwrap > div ul li{ flex-basis: 48%;  margin-bottom: 30px; }
    .category .conwrap > div dt{ height: 210px;  }
    .category .conwrap > div .more{ height: 34px; }
    .category .conwrap > div .more a{ padding-right: 44px; font-size: 12px; line-height: 34px; }
    .category .conwrap > div dd{ padding: 25px; }
    .category .conwrap > div strong{ font-size: 16px; line-height: 1.3;}
    .category .conwrap > div p{ font-size: 14px; line-height: 18.06px;  }
    .category .conwrap > div a{ font-size: 12px; line-height: 18px;  }



    /* ======== 페이지 버튼 ======== */
    .page_btn{ margin-top: 60px;  }
    .page_btn > a{ width: 50px; height: 40px; margin-right: 10px; font-size: 11.2px; line-height: 40px;  padding: 11px 0; margin-bottom: 10px;}
    .page_btn .num{ margin: 0 10px; }
    .page_btn .num li{ margin-right: 10px; }
    .page_btn .num a{ line-height: 40px; font-size: 14px;  }
}
/* ------------ 425 finish ------------ */