@charset "utf-8";


@media screen and (max-width: 1920px) {
  html.ie11 .main-contact__bg {background-size:cover;}	
  
}

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

  #gnb .gnb1_li {padding: 0 25px; font-size:1.7rem;}  
}

@media all and (max-width:1440px){
  #gnb .gnb1_li {padding: 0 20px;}  

  .main-visual-content {padding: 0px 5% 40px;}
  .main-visual .swiper-navigation {bottom:4.0rem;left: 5%;}

  .map-contacts {padding:0px 5%;}
  






}   

/* 1280px 이하 */
@media all and (max-width:1280px){
/*  #gnb .gnb1_li {padding: 0 20px; }
  .gnb1_a {font-size:1.6rem;}
  .gnb2_a {font-size: 1.4rem;  }
  #header.bg_on .gnb1_a {font-size:1.6rem;} */

#header{height:60px;}
#header .logoArea{width:70%;transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;z-index: 4;}
#header .logo{min-height:20px;background:url(../images/layout/logo_s.png) 0% 50% no-repeat;}
#header .util{display:none;}
#gnb {display:none;}
#header .m_open{width:30%;}
#header.bg_on{height:50px;}
#header.bg_on .logo{min-height:16px;background:url(../images/layout/logo_m.png) 0% 50% no-repeat;}

.main-container {margin-top:60px;}

  .main-visual-title {font-size: 4.5rem;}
  .main-visual-desc {font-size: 2.2rem;}

  .inner{padding:0 5%;}
  
  .section_0 ul{padding:60px 5% 0;}
  .section_0 li .sec1_tit{font-size:2.4rem;margin-top:30px;}
  .section_0 li .sec1_desc{font-size:1.7rem;margin-top:20px;}

  .section_1 > h3{font-size:5.5rem;margin-bottom:20px;}
  .section_1 > p{font-size:2.2rem;}

  .section_2{padding:0px 5%;}
  .section_tit{font-size:4.0rem;margin-bottom:5.0rem;}
  .section_3{padding:0px 5%;}

  .footer_menu {padding:4.0rem 5% 3.0rem;}
  .footer_menu > ul > li {flex:1;padding:0 5px;}
  .footer_menu > ul > li > a {font-size: 1.6rem;}
  
  .footer > ul{padding:30px 5%;}
  .footer .f_logo{width:200px;}

  .map-content{height:500px;}  
  .map-contacts {padding:0px 5%;}

/* 역사관 */
.history_contents{margin:80px 0px;}
.history_contents .leftArea{width:350px;padding-right:0px;}
.history_contents .rightArea{width:calc(100% - 350px);padding-bottom:80px;}
.history_contents .txtArea{padding-left:50px;}
.history_contents .imgArea{padding-top:30px;}

.history_cont .month{font-size:20px;}
.history_cont .txt{font-size:18px;}

.history_contents .leftArea > h3{font-size:4.0rem;}
.history_contents .leftArea > p{font-size: 2.8rem;}

.greeting{display:flex;}
.greeting .leftArea{flex:0 0 40%;}
.greeting .leftArea > h3{font-size:5.0rem;}
.greeting .rightArea{flex:1; padding-left:60px;}
 
.vision-sec3 .leftArea{flex:0 0 200px;}  

.business{padding:0 5%;}

.business .left-txt{flex:0 0 380px;}
.business .boxWrap{flex:1;}
.business .boxWrap .box{width:320px;} 
.business .tit{font-size:6.0rem;}
.business .txt{font-size:1.8rem;}
.business .stit{font-size:20px;}
.business .stxt{font-size:14px;}

.business-txt{padding:40px;}

.business-box1 .icon{right:20px; bottom:20px;width:90px;min-height:60px;background-size:auto 60px; }
.business-box3 .icon{right:20px; bottom:20px;width:90px;min-height:60px;background-size:auto 60px; }
.business-box5 .icon{right:20px; bottom:20px;width:90px;min-height:60px;background-size:auto 60px; }


.products--new{padding:0 5%;}
.products--new .left-txt{flex:0 0 380px;}
.products--new .boxWrap{flex:1;}
.products--new .boxWrap .box{width:320px;} 
.products--new .tit{font-size:6.0rem;}
.products--new .txt{font-size:1.8rem;}
.products--new .stit{font-size:20px;}
.products--new .stit > span{font-size:16px;}
.products--new .stxt{font-size:14px;}
.products--txt{padding:40px;}

  
.recruit{padding:0 5%;}

.csm--wrap{display:block; margin-top:6rem;}  
.csm--wrap ul{flex-wrap: wrap;}  
.csm--wrap .leftArea{flex:0 0 100%;}  
.csm--wrap .rightArea{flex:0 0 100%;}  
.csm--wrap .tit{font-size:2.8rem;}
.csm--wrap .tit br{display:none;}

.half--wrap .h--txt{font-size:16px;min-height:90px;}
.half--wrap{display:flex; gap:50px;}

}

/* 1100px 이하 */
@media all and (max-width:1100px){
 /* #gnb .gnb1_li {padding: 0 10px; } */

  .business ul{flex-wrap: wrap;}
  .business .left-txt{flex:0 0 33.3333%; }
  .business .boxWrap{flex:1; text-align:right; display:inline-flex; justify-content: flex-end;}
  .business ul:first-child .boxWrap .box{width:50%;} 

.business .boxWrap .box{width:33.3333%;} 
.business .tit{font-size:5.0rem;}
.business .txt{font-size:16px;}
.business .stit{font-size:20px;margin-bottom:10px;}


.products--new ul{flex-wrap: wrap;}

.products--new .left-txt{flex:0 0 33.3333%; }
.products--new .boxWrap{flex:1;}
.products--new .boxWrap .box{width:33.3333%;} 
.products--new ul:first-child .boxWrap .box{width:50%;} 

.products--new .tit{font-size:5.0rem;}
.products--new .txt{font-size:16px;}


}


/* Tablet  1024px 이하 */
@media all and (max-width:1024px) {
  html{font-size: 56.3%;}


  .main-visual-container,.main-visual-wrapper,.main-visual-slide,.main-visual-slide-bg{height:500px;}
  .main-visual .swiper-pagination-current {width:2.5rem;}
  .main-visual .swiper-pagination-total {width:2.5rem;margin-right:.5rem;}
  .main-visual .swiper-progress__hidden-space {width:14.0rem;margin-right:0rem;}
  .main-visual .swiper-progress__wrap {width:14.0rem; left:2.5rem;}
  .main-visual-title {font-size: 4.0rem;}
  .main-visual-desc {font-size: 2.0rem;}

  .main-visual-title br{display: inline !important;}

  .section_1{padding:10.0rem 5%;}
  .section_1 > h3{font-size:5.0rem;margin-bottom:20px;}
  .section_1 > p{font-size:2.0rem;}

  .section_2{margin:8.0rem auto;}
  .section_3{margin:0rem auto 8.0rem;} 
  .section_tit{font-size:3.5rem;margin-bottom:4.0rem;}


  .footer .f_cont p{font-size:13px;margin-bottom:5px;}
  .footer .f_cont p br{display: inline !important;}
  .footer .f_cont p > span{font-size:9px;line-height:14px;margin:0 5px;}
  .footer .f_cont .copy{font-size:13px;}	
  .footer .f_cont p > span.first{display: none !important;}

  #visual{height:250px;margin-top:60px;}
  #visual .visual-tit{font-size:3.0rem;}

  .container {margin:40px 0px 60px;}
  .title{font-size:3.4rem;margin-bottom:4.0rem;}  

  .list--btn{margin-top:2px;padding:8px 16px; font-size:14px;}


  #snb #nav>li>a{padding:0 40px 0 10px; font-size:14px; line-height:49px; }  
  #snb #nav>li.home{width:50px; min-width:50px;}
  #snb #nav>li.home>a{width:50px; height:50px;}
  
  #snb #nav .lnbSub{ top:49px;}
  #snb #nav .lnbSub>a{padding:0px 10px;font-size:13px; line-height:40px;}

  .board-viewArea .btnBox .s-txt{display: none !important;}

  .board-viewArea .subjectBox{flex-wrap: wrap;align-items:center;padding:20px;}
  .board-viewArea .subjectBox .leftArea{width:100%;margin-bottom:15px;}
  .board-viewArea .subjectBox .rightArea{width:100%;text-align:right;}
  .board-viewArea .subject{font-size:2.4rem;}
  .board-viewArea .stit{margin-right:10px;}
  .fileList{padding:10px 20px; }

  .news .topArea{display:flex; width:100%;margin-bottom:2.0rem;}

  .list-typeB li{display: inline-block;width:30.33333%; margin:0 0% 3% 4.5%;}
  .list-typeB li:nth-child(4n-3){margin:0 0% 3% 4.5%;}
  .list-typeB li:nth-child(3n-2){margin:0 0% 3% 0%;}

  .map-contacts ul{margin-bottom:30px;}
  .map-contacts .c_title{width:200px;font-size:2.2rem;line-height:1.4;}
  .map-contacts .c_content{width:calc(100% - 200px);}


  .history_contents .leftArea{width:250px;padding-right:0px;}
  .history_contents .rightArea{width:calc(100% - 250px);padding:20px 0 40px;}
  .history_contents .txtArea{padding-left:40px;}
  .history_contents .imgArea{padding-top:30px;}
  
  .history_cont .month{font-size:18px;}
  .history_cont .txt{font-size:16px;}
  
  .history_contents .leftArea > h3{font-size:3.4rem;}
  .history_contents .leftArea > p{font-size: 2.6rem; margin-top:2.0rem;}
  .history_contents .imgArea img{max-width:80%; }

  .info_contents{display:flex;width:100%;padding:100px 0px;}
  .info_contents .imgArea{flex:0 0 40%;background-size:cover;}
  .info_contents .txtArea{flex:1;padding:20px 40px;}

  .greeting{flex-wrap: wrap;}
  .greeting .leftArea{flex:0 0 100%;}
  .greeting .leftArea > h3{position:relative;font-size:4.5rem; padding-top:15px;}
  .greeting .leftArea > h3::before{position:absolute;left:0px; top:0px;content: ' '; width:30px; height:1px; background:#888;}
  .greeting .leftArea > h3 br{display:none;}
  .greeting .rightArea{flex:0 0 100%; padding-left:0px; margin-top:40px;}
  .greeting .rightArea::before{display:none;}

  .vision-sec1{padding-left:60px;}
  .vision-sec1 .circleArea .circle_2{margin-left:-30px;}  
  .vision-sec1 .circleArea .circle_3{margin-left:-60px;}  
  .vision-sec1 .circleArea{width:33.33333%;}
  .vision-sec1 .v_tit{padding:0 10px;font-size:2.4rem;}  
  .vision-sec2 > p{font-size:16px;} 

  .partner-wrap{margin-bottom:60px; }
  .partner-wrap > * {flex:1; margin-left:10px;}
  
  .partner-box{padding:20px; }
  .partner-box .tit{font-size:17px;margin-bottom:15px;padding-bottom:10px;}
  .partner-box .txt-list > p{font-size:14px;padding-left:10px;}
  .partner-box .txt-list > p::before{top:8px;width:3px;height:3px;}
  
  .products--wrap .box{flex:0 0 50%;min-height:200px;}
  .products--wrap .tit{font-size:24px;}
  .products--wrap .tit > span{font-size:16px;}
  .products--wrap .stit{font-size:20px;}
  .products--wrap .stit > span{font-size:16px;}


  .products--sub{min-height:160px; padding:50px 40px 70px;margin-bottom:40px;}
  .products--sub .tit{font-size:28px;}
  .products--sub .tit > span{font-size:16px;margin-left:5px;}
  
  .products--tab{left:40px; }
  .products--tab a{display:block;padding:10px 20px 12px; font-size:14px;}

  .products--sec .product-tit{font-size:26px;}
  .products--sec .product-list{padding:30px;}
  .products--sec .product-left{flex:0 0 45%; padding-right:40px;}
  .products--sec .product-right{flex:1;}
  
  .products--sec .product-img{margin-bottom:40px;}
  .products--sec .product-btn{padding:10px 24px;}
  .products--sec .product-btn > span{font-size:13px;}
   
  #product-tab4 a{padding:10px 30px 12px;}

  .recruit--wrap{padding:80px 0;}
  .recruit ul{display:flex;justify-content: center;}
  .recruit li{margin-left:30px;}
  .recruit .tit{font-size:30px;margin-bottom:30px;}
  .recruit .txt{font-size:16px;margin-top:15px;}

  .round_tab {border:1px solid #dfdfdf; padding:15px 20px;}
  .round_tab li a {padding:8px 15px;font-size:14px;border-radius:8px;}




}

	
/* Mobile 950px 이하 */
@media all and (max-width:950px) {   
  .business--wrap{padding:80px 0;}
  .business ul{display:block;}
  .business .left-txt{width:100%;margin-bottom:40px;}
  .business .boxWrap{width:100%;display:inline-block;}
  .business ul:first-child .boxWrap .box{width:100%;} 

  .business .boxWrap .box{width:100%;} 
  .business .tit{font-size:4.5rem;}
  .business .tit br{display:none;}
  .business .txt{font-size:16px;}
  .business .stit{font-size:18px;}
  .business .stxt{font-size:14px;}

  .business-txt{padding:0px;position:static;text-align:left;}

  .business-box5 .icon{right:20px; bottom:20px;width:90px;min-height:60px;background-size:auto 60px;background:url(/images/sub/business-icon5-m.png) 100% 50% no-repeat; }
  .business-box2 .icon{display:inline-block;;width:90px;min-height:60px;}
  .business-box4 .icon{display: inline-block;width:90px;min-height:60px}

  .business-box1, .business-box2, .business-box3, .business-box4, .business-box5{height:auto;padding:40px 40px 80px 40px;}
  .business-box2{background:#5c6985;}
  .business-box3{background:#86a3c6;}
  .business-box4{background:#5c6985;}
  .business-box5{background:#86a3c6;}

  
.products--newwrap{padding:80px 0;}
.products--new ul{display:block;}
.products--new .left-txt{width:100%;margin-bottom:40px;}
.products--new .boxWrap{width:100%;display:inline-block;}
.products--new .boxWrap .box{width:100%; margin-bottom:10px;} 
.products--new ul:first-child .boxWrap .box{width:100%;} 

.products--new .tit{font-size:4.5rem;}
.products--new .tit br{display:none;}
.products--new .txt{font-size:16px;}
.products--new .stit{font-size:18px;}
.products--new .stit > span{font-size:15px;}
.products--new .stxt{font-size:14px;}
.products--txt{padding:0px;position:static;text-align:left;}

.products--new-box1{height:auto;padding:40px;background:url(/images/sub/product-bg1.png) 100% 50% no-repeat #54bb71;background-size: cover;}
.products--new-box2{height:auto;padding:40px;background:url(/images/sub/product-bg2.png) 100% 50% no-repeat;background-size: cover;}
.products--new-box3{height:auto;padding:40px;background:url(/images/sub/product-bg3.png) 100% 50% no-repeat #243b71;;background-size: cover;}
.products--new-box4{height:auto;padding:40px;background:url(/images/sub/product-bg4.png) 100% 50% no-repeat;background-size: cover;}
.products--new-box5{height:auto;padding:40px;background:url(/images/sub/product-bg5.png) 100% 50% no-repeat;background-size: cover;}


.half--wrap{flex-wrap: wrap;gap:0px;}
.half--wrap > *{flex:0 0 100%;text-align:center;padding:0 5%;}
.half--wrap > *:first-child{margin-bottom:5rem; padding-bottom:5rem; border-bottom:1px solid #dfdfdf;}
.half--wrap .h--txt{font-size:15px;margin-bottom:40px; min-height:auto;}
.half--wrap .h--img{text-align:center;}

} 
	
/* Mobile 768px 이하 */
@media all and (max-width:768px) {   
  html{font-size: 50%;}

  .pc_only{display: none !important;}	
  .mo_only{display: inline-block !important;}

  .mMenu {right:-100%; width:100%;}

  .section_0{margin:8.0rem auto;}
  .section_0 ul{flex-wrap: wrap;padding:40px 5% 0;}
  .section_0 li .sec1_thum{display: none;}
  .section_0 li .sec1_thum_m{display:block;}
  .section_0 li{width:100%;margin-left:0%;margin-bottom:20px;}
  .section_0 li .sec1_tit{display: none;}
  .section_0 li .sec1_desc{display: none;}

  .section_1{padding:8.0rem 5%;}
  .section_1 > h3{font-size:4.0rem;margin-bottom:20px;}
  .section_1 > p{font-size:1.8rem;}

  .section_2{margin:6.0rem auto;}
  .section_2 .sec2_slideArea{padding:0px 50px;}
  .sec2_slideArea .swiper-button-prev,  
  .sec2_slideArea .swiper-button-next{width:30px; height:24px; background-size:30px auto;margin-top:-12px;} 

  .section_3{margin:0rem auto 6.0rem;} 

  .section_tit{font-size:3.0rem;margin-bottom:4.0rem;}

  .list-typeA{display:block;width:100%;text-align:left;margin:0px auto;}
  .list-typeA ul{display:flex; width:100%;flex-wrap: wrap;}
  .list-typeA li{width:100%; margin-left:0%;margin-bottom:15px;}
  /* .list-typeA li:nth-child(odd){margin-left:0;}
  .list-typeA li:nth-child(even){margin-left:0;} */

  .news_card{padding:30px;}
  .news_card .category{margin-bottom:10px;}
  .news_card .tit{margin-bottom:20px;}
  .news_card .txt{margin-bottom:10px;line-height: 1.3em;height:auto;}
  .news_card .date{margin-bottom:15px;}
  .news_card .btnArea{position:absolute; right:30px; bottom:30px;}

  .i_arrow_right{font-size:13px;}

  .footer_menu {display: none !important;}	
  .footer > ul{display:flex;flex-wrap: wrap;}
  .footer .f_logo{width:100%; margin-bottom:20px;}
  .footer .f_cont{flex:1;}

  .btn_up_layer {right:5px;bottom:20px;width:40px; height:40px; background-size:40px 40px;}

  #visual{height:180px;margin-top:60px;}

  .title{font-size:3.0rem;margin-bottom:4.0rem;}  
  .location{display:flex;}

  .list--btn{margin-top:0px;padding:7px 12px; font-size:14px;}

  #snb{display: none !important;}	

/* snb사용시 풀어주면 됨
  #snb #nav>li{min-width:50%;}
  #snb #nav>li>a{padding:0 40px 0 10px; font-size:14px; line-height:39px; }  
  #snb #nav>li.home{display:none;width:40px; min-width:40px;}
  
  #snb #nav .lnbSub{ top:39px;}
  #snb #nav .lnbSub>a{padding:0px 10px;font-size:13px; line-height:34px;}
*/

.news{margin:0rem 0px 4.0rem;}
.boardList-A ul {flex-wrap: wrap;}
.boardList-A .list-head{display:none;}
.boardList-A li{padding:0px 0px;}
.boardList-A .no{width:100%;font-weight:700;font-size:1.8rem;margin-bottom:10px;text-align:left;}
.boardList-A .cont{flex:0 0 100%;/* flex:none; width:100% 동일 */text-align:left;margin-bottom:10px;}
.boardList-A .date{width:50%;text-align:left;font-size:1.7rem;}
.boardList-A .hit{width:50%;text-align:right;font-size:1.7rem;}
.boardList-A .tit_m{display:inline-block;font-weight:500;font-size:1.7rem; margin-right:5px;}

.paging span{width:30px;height:30px;line-height:28px;}
.paging span a{width:30px;height:30px;}
.paging .num{margin:0 2px;line-height:28px;font-size:15px; }

.board-viewArea .content_box{padding:30px 0px; min-height:auto;}
.board-viewArea .btnBox{padding:20px 10px;}
.board-viewArea .btnBox .item1{padding-right:5px;}
.board-viewArea .btnBox .item2{padding:0 10px;width:auto;}
.board-viewArea .btnBox .item3{padding-left:5px;}
.board-viewArea .subjectBox{padding:20px 15px;}

.fileList{padding:10px 15px; }
.fileList > p{font-size:13px;}

.board-btn-prev{margin-right:0px;}
.board-btn-next{margin-left:0px;}

.col50{width:100% !important; }

.list-typeB li{display: inline-block;width:48%; margin:0 0% 30px 4%;}
.list-typeB li:nth-child(even){margin:0 0% 30px 4% !important;}
.list-typeB li:nth-child(odd){margin:0 0% 30px 0% !important;}

.map-content{margin:4.0rem 0px;height:400px;}

.map-contacts .c_title{width:100%;font-size:2.0rem;line-height:1;margin-bottom:15px;}
.map-contacts .c_content{width:100%;}


/* 역사관 */
.history_contents{position:relative;margin:80px 0px;}
.history_contents:before{position:absolute; left:3px; top:15px;content: ' ';width:1px;height:100%;background: var(--concept-color);z-index:-1}
.history_contents .leftArea{position:relative;float:none;display: inline-block; width:100%;padding:0 0 0 40px;margin:0px 0 30px;text-align:left;}
.history_contents .leftArea:after{position:absolute; left:0px; top:15px;content: ' ';width:7px;height:7px;background: var(--concept-color);border-radius:50%;z-index:1}
.history_contents .leftArea > h3{font-size:30px;}
.history_contents .leftArea > p{font-size: 22px; margin-top:2.0rem;}

.history_contents .rightArea{float:none;display:flex;width:100%;padding:0px 0 50px;}
.history_contents .rightArea:before{width:0px;height:0;}
.history_contents .rightArea:after{width:0;height:0;}
.history_contents .txtArea{padding-left:50px;}
.history_contents .imgArea{display:none;}


.history_cont .month{font-size:18px;}
.history_cont .txt{font-size:16px;}

.info_contents{flex-wrap: wrap; padding:80px 0px;}
.info_contents .imgArea{flex:0 0 95%;background-size:cover;}
.info_contents .txtArea{flex:0 0 100%;padding:40px 5% 0;}

.greeting .leftArea > h3{font-size:3.6rem;}

.vision-sec1{padding-left:60px;}
.vision-sec1 .circleArea .circle_2{margin-left:-30px;}  
.vision-sec1 .circleArea .circle_3{margin-left:-60px;}  
.vision-sec1 .v_tit{padding:0 10px;font-size:2.0rem;}  
.vision-sec2{ margin:30px auto 60px; }  
.vision-sec2 > p{font-size:14px;margin-bottom:15px;} 

.vision-sec3 .leftArea{flex:0 0 120px;}  
.vision-sec3 .tit{font-size:2.4rem;}
.vision-txtGroup .stit{flex:0 0 120px;font-size:16px;padding-left:10px;}
.vision-txtGroup .stit::before{position:absolute; left:0px; top:8px;content: ' ';width:4px;height:4px;}
.vision-txtGroup .stxt > p{font-size:14px;}
.vision-boxGroup li{ margin-left:10px; }

.partner-wrap{flex-wrap: wrap; margin-bottom:40px; }
.partner-wrap > * {flex:10 0 100%; margin-left:0px; margin-bottom:15px; }

.partner-box{padding:20px; }
.partner-box .tit{font-size:16px;margin-bottom:15px;padding-bottom:10px;}
.partner-box .txt-list > p{font-size:14px;padding-left:10px; margin-bottom:8px;}
.partner-box .txt-list > p::before{top:8px;width:3px;height:3px;}

.products--wrap .box{flex:0 0 100%;min-height:180px;margin-bottom:15px;}
.products--wrap .tit{font-size:20px;}
.products--wrap .tit > span{font-size:15px;}
.products--wrap .stit{font-size:18px;}
.products--wrap .stit > span{font-size:15px;}

.products--wrap .box a{padding:50px 30px 50px;}
/*
.products--sub{min-height:160px; padding:40px 30px 60px;margin-bottom:40px;}
.products--sub .tit{font-size:24px;}
.products--sub .tit > span{font-size:16px;margin-left:5px;}
*/
.products--sub{display:none;}

.products--tab{left:30px; }
.products--tab a{display:block;padding:10px 16px 12px; font-size:13px;border-radius:8px 8px 0 0;}

.products--sec .product-tit{font-size:20px;}
.products--sec .product-list{padding:30px;flex-wrap: wrap;}
.products--sec .product-left{flex:0 0 100%; padding-right:0px; margin-bottom:40px;}
.products--sec .product-right{flex:0 0 100%;}

.products--sec .product-img{margin-bottom:30px;}
.products--sec .product-btn{padding:10px 24px;}
.products--sec .product-btn > span{font-size:13px;}

.bullet-list2{font-size:14px;}
.bullet-list2::before { margin-top:10px;}


.bullet-list::before {margin-top:8px;}

.recruit--wrap{padding:80px 0;}
.recruit ul{flex-wrap: wrap;}
.recruit li{flex:0 0 100%; margin-left:0px; margin-top:40px;}
.recruit li:first-child{ margin-top:0px;}
.recruit .tit{font-size:26px;margin-bottom:30px;}
.recruit .txt{font-size:15px;margin-top:15px;}

.partner-list-1 li{width:49%; margin-left:2%;margin-bottom:2%;  }
.partner-list-1 li:nth-child(even){margin-left:2% !important;}
.partner-list-1 li:nth-child(odd){margin-left:0% !important;}

.partner-list li{width:49%; margin-left:2%;margin-bottom:2%;  }
.partner-list li:nth-child(even){margin-left:2% !important;}
.partner-list li:nth-child(odd){margin-left:0% !important;}

.csm--wrap{display:block; margin-top:6rem;}
.csm--wrap .tit{font-size:2.4rem;}
.csm--wrap .box{padding:30px;}
.csm--wrap .stit{font-size:16px;}
.csm--wrap .txt{font-size:14px;margin-bottom:5px;}
.csm--wrap .txt1{font-size:14px;text-indent:-14px; padding-left:14px;margin-bottom:5px;}

.sign-area span{margin-right:15px;}
.cms--txt br{display:none;}

.round_tab {border:1px solid #dfdfdf; padding:15px;}
.round_tab li a {padding:8px 10px;font-size:14px;border-radius:8px;}

.title{display:flex;flex-wrap: wrap;}
.title .rmenu{flex:0 0 100%; margin-top:15px;}

}


/*mobile 640 이하 */
@media all and (max-width:640px){
  .section_0 li .over_thum_m_txt{font-size:2.0rem;}

  /*
  .products--sub{min-height:140px; padding:40px 30px 60px;margin-bottom:40px;}
  .products--tab{left:30px; }
  .products--tab a{padding:10px 10px 12px; font-size:12px;border-radius:4px 4px 0 0;}
*/

}



/*mobile 520 이하 */
@media all and (max-width:520px){
  .main-visual-container,.main-visual-wrapper,.main-visual-slide,.main-visual-slide-bg{height:400px;}
  .main-visual-title {font-size: 3.0rem;}
  .main-visual-desc {font-size: 1.7rem;}
  .main-visual-desc br{display: inline !important;}
  .main-visual-content {padding: 0px 2% 40px 5%;}

  .section_1{padding:6.0rem 5%;}
  .section_1 > h3{font-size:3.4rem;margin-bottom:15px;}
  .section_1 > p{font-size:1.7rem;}

  .section_0{margin:5.0rem auto;}
  .section_0 ul{padding:30px 5% 0;}
  .section_0 li .over_thum_m{top:10px; left:10px;padding:6px 16px;}
  .section_0 li .over_thum_m > span{font-size:1.5rem;}
  .section_0 li .over_thum_m_txt{font-size:1.7rem;padding-top:10px;}


  .section_2{margin:6.0rem auto;}
  .section_2 .sec2_slideArea{padding:0px 0px;}

  .swiper_1 .swiper-scrollbar {display: inline-block !important;}
  .sec2_slideArea .swiper-button-prev{background:none; left: -1000px; } /*이미지,위치*/
  .sec2_slideArea .swiper-button-next{background:none; right: -1000px; }

  .section_tit{font-size:3.0rem;margin-bottom:3.0rem;}

  .news_card{padding:20px;}
  .news_card .btnArea{position:absolute; right:20px; bottom:20px;}

  .footer .f_cont p{font-size:11px;margin-bottom:5px;}
  .footer .f_cont p > span{font-size:8px;line-height:11px;margin:0 5px;}
  .footer .f_cont .copy{font-size:11px;}	

  .title{font-size:2.8rem;margin-bottom:3.0rem;} 
  .list--btn{margin-top:0px;padding:7px 12px; font-size:13px;margin-left:5px;}

  .container {margin:30px 0px 60px;}

  .zoom-list .zoom-tit .tit{font-size:14px;}
  .zoom-list .zoom-tit .txt{font-size:12px;}

  .list-typeB li{display: inline-block;width:100%; margin:0 0% 30px !important;}
  .list-typeB li:nth-child(even){margin:0 0% 30px 0% !important;}
  .list-typeB li:nth-child(odd){margin:0 0% 30px 0% !important;}


/* 역사관 */
.history_contents{position:relative;margin:60px 0px;}
.history_contents .leftArea{padding:0 0 0 30px;margin:0px 0 30px;}
.history_contents .leftArea > h3{font-size:26px;}
.history_contents .leftArea > p{font-size: 20px;margin-top:2.0rem;}

.history_contents .rightArea{padding:0px 0 30px;}
.history_contents .txtArea{padding-left:40px;}


.history_cont .month{font-size:17px;}
.history_cont .txt{font-size:14px;}

.info_tb .tit{flex:0 0 80px; font-size:16px;}
.info_tb .txt{font-size:14px;}

.greeting .rightArea{margin-top:30px;}

.vision-sec1{padding-left:20px;}
.vision-sec1 .circleArea .circle_2{margin-left:-10px;}  
.vision-sec1 .circleArea .circle_3{margin-left:-20px;}  
.vision-sec1 .v_tit{padding:0 5px;font-size:2.0rem;}  
.vision-sec2{text-align:left;}  

.vision-sec3{flex-wrap: wrap;padding:40px 0;}  
.vision-sec3 .leftArea{flex:0 0 100%;margin-bottom:30px;}  
.vision-sec3 .rightArea{flex:0 0 100%;}  
.vision-sec3 .tit{font-size:2.4rem;}

.vision-boxGroup li{flex:1; margin-left:10px;padding:20px 10px;}

.vision-txtGroup ul{flex-wrap: wrap; margin-bottom:15px;}
.vision-txtGroup .stit{flex:0 0 100%; margin-bottom:15px;}
.vision-txtGroup .stit::before{position:absolute; left:0px; top:8px;content: ' ';width:4px;height:4px;}
.vision-txtGroup .stxt{flex:0 0 100%;}
.vision-txtGroup .stxt > p{font-size:14px;padding-left:10px;}

.partner-list li{padding:10px 5px;}
.partner-list-1 li{padding:10px 5px;}

.business--wrap{padding:60px 0;}
.business .tit{font-size:3.5rem;}
.business .txt{font-size:15px;}
.business .stit{font-size:18px;}
.business .stxt{font-size:13px;}
.business-box1, .business-box2, .business-box3, .business-box4, .business-box5{height:auto;padding:30px 30px 80px;}

  
.products--newwrap{padding:60px 0;}
.products--new .tit{font-size:3.5rem;}
.products--new .txt{font-size:15px;}
.products--new .stit{font-size:18px;}
.products--new .stit > span{font-size:14px;}
.products--new .stxt{font-size:13px;}

.products--new-box1{height:auto;padding:30px;}
.products--new-box2{height:auto;padding:30px;}
.products--new-box3{height:auto;padding:30px;}
.products--new-box4{height:auto;padding:30px;}
.products--new-box5{height:auto;padding:30px;}



.products--wrap .box{flex:0 0 100%;min-height:140px;margin-bottom:15px;}
.products--wrap .tit{font-size:20px;}
.products--wrap .tit > span{font-size:14px;}
.products--wrap .stit{font-size:18px;}
.products--wrap .stit > span{font-size:14px;}

.products--wrap .box a{ padding:40px 30px 40px;}

/*
.products--sub{min-height:100px; padding:40px 20px 50px;margin-bottom:40px;}
.products--sub .tit{font-size:20px;}
.products--sub .tit > span{font-size:14px;margin-left:2px;}
*/


.products--tab{left:10px; }
.products--tab a{padding:10px 8px 10px; font-size:12px;border-radius:4px 4px 0 0;}
.products--sec{margin-bottom:40px; }
.products--sec .product-tit{font-size:18px;}
.products--sec .product-list{padding:25px;}
.products--sec .product-left{margin-bottom:30px;}

.products--sec .product-img{margin-bottom:30px;}
.products--sec .product-btn{padding:10px 24px;}
.products--sec .product-btn > span{font-size:12px;}

.bullet-list2{font-size:14px;}
.bullet-list2::before { margin-top:10px;}

#product-tab4 a{padding:10px 30px 10px;}


.recruit--wrap{padding:60px 0;}
.recruit .tit{font-size:24px;margin-bottom:30px;}

.csm--wrap .box{padding:20px;}
.cms--img{min-height:auto;padding:50px 5%; background:url(/images/sub/csm-img1.png) 0% 50% no-repeat;}
.cms--img-1{min-height:auto;padding:50px 5%;background:url(/images/sub/csm-bg2.png) 0% 50% no-repeat;}
.cms--txt{font-size:2.0rem;line-height:1.45;}

.half--wrap .h--txt{font-size:14px;margin-bottom:30px;}
.visual-img-con.tbg05{background: url("/images/sub/topbg5.jpg") no-repeat 60% 50% / cover rgb(255, 255, 255);}

.line_tab li a {padding:10px 10px;font-size:13px;}

.no-product{width:100%; height:280px; background-size:auto 120px; }

}




/*mobile 375 이하 */
@media all and (max-width:375px){

  .section_1 > p br{display: none;}
  .section_0 ul{padding:25px 5% 0;}
  .section_0 li .over_thum_m_txt{font-size:1.6rem;}  

  .info_tb .tit{flex:0 0 70px; font-size:14px;}
  .info_tb .txt{font-size:13px;}


  

}

/*mobile 320 이하 */
@media all and (max-width:320px){
  html{font-size: 44%;}
  .section_0 ul{padding:20px 5% 0;}
  .section_0 li .over_thum_m{top:10px; left:10px;padding:4px 10px;border-radius:4px;}
  .section_0 li .over_thum_m > span{font-size:1.4rem;}
  .section_0 li .over_thum_m_txt{font-size:1.4rem; }

  .info_contents{padding:60px 0px;}
  .info_contents .imgArea{min-height:150px;}
  .info_tb{flex-wrap: wrap;}
  .info_tb .tit{flex:0 0 100%;margin-bottom:8px;}
  .info_tb .txt{flex:0 0 100%;}

  .vision-sec1{padding-left:10px;}
  .vision-sec1 .circleArea .circle_2{margin-left:-5px;}  
  .vision-sec1 .circleArea .circle_3{margin-left:-10px;}  
  .vision-sec1 .v_tit{padding:0 5px;font-size:1.8rem;}  
  .vision-sec2 > p{font-size:13px;}  

  .vision-txtGroup .stxt > p{font-size:13px;padding-left:10px;}
  
  .partner-box .tit{font-size:15px;}
  .partner-box .txt-list > p{font-size:13px;padding-left:10px; margin-bottom:8px;}

  .recruit .tit{font-size:20px;margin-bottom:30px;}
  .recruit .txt{font-size:14px;margin-top:15px;}









}



/* **************************************** *
 * height 
 * **************************************** */
  
  @media(max-width: 540px) and (height: 720px){

  }
  
  @media(min-width: 375px) and (max-height: 667px){

      
  }
  
  @media(width: 280px) and (max-height: 653px){

  }