/***************************************************************************
************************************company*********************************
****************************************************************************/
/* info */
.company01 .content{padding-bottom:0;}
.info .sec_top .left{width:100%;background: url(../img/sub/com01_bg.png);height: 500px;position: relative;background-size: cover;}
.info .sec_top .left .t_box{position:absolute;top:40%; transform: translateY(-50%);left:80px;color: #fff;}

.info .sec_top .left .tit{font-size:2.5rem;font-weight: 600; }
.info .sec_top .left .txt{font-size:1.125rem;margin-top:10px; }

.info .sec_top .right{width:80%;transform: translateY(-100px);text-align: left;font-size:1.125rem;}
.info .sec_top .right ul{padding:80px 80px 80px 0;background: #fff;}


.info .sec_top .right li{margin-bottom:30px;line-height: 1.7; word-break: keep-all;}
.info .sec_top .right li:last-child{margin-bottom:0}

.info .sec_top .right .point{color:#0c3869;font-size: 1.8rem;font-weight: 500;}


.info .img_sec{height:500px;display: flex;}
.info .big_img{width:350px;;transform: skewX(15deg);overflow: hidden;}
.info .s_img{width:200px;height:300px;transform: skewX(15deg) translateY(-50px);overflow: hidden;}
.info .img_sec img{height: 100%; transform: skewX(-10deg) scale(1.3);}
.info .sec_list li{display: flex;align-items: center;margin-bottom:200px}
.info .sec_list li:nth-child(2){flex-direction: row-reverse;}
.info .sec_list li:nth-child(2) .text_sec{margin-right:0;margin-left:100px;}

.info .text_sec{width: calc(100% - 600px); margin-right:100px;word-break: keep-all;}
.info .text_sec .tit{font-size:2rem;line-height: 1.7;font-weight: 700;}
.info .text_sec > div{margin-top:40px; opacity: 0.7;}
.info .text_sec .txt {font-size:1.125rem;margin-top:20px;line-height: 1.7;}

.info .text_sec button{font-size:0.95rem;padding:0; margin-top:50px;font-weight: 700;}
.info .text_sec button a{display: flex;align-items: center;color:#222}
.info .text_sec button i{width:30px; display: block;margin-left:3px;}




.info .sec_bot {height: 100vh;background: url(../img/sub/com01_bot_bg.jpg) no-repeat top/cover;padding:172px 0; box-sizing: border-box;color:#fff;position:relative}
:lang(en).info .sec_bot{padding: 102px 0;}
.info .sec_bot .tit{font-size:1.5rem;font-weight: 500;text-align: center;line-height: 1.7;word-break: keep-all;} 


.info .sec_bot .text_b .tit{font-size:2rem;font-weight: 500;text-align: center;line-height: 1.7;word-break: keep-all;width: 1200px;max-width:100%;margin: 0 auto;} 

.info .sec_bot .text_b {margin-bottom:80px;}
.info .sec_bot .txt{font-size:1.125rem;font-weight: 400;text-align: center;margin-top:30px;line-height: 1.7;} 
:lang(en) .info .sec_bot .txt{max-width: 1400px;margin:0 auto;margin-top: 20px;} 
.info .sec_bot ul{width:60%;margin:0 auto;/* position:absolute;bottom:120px; left:50%;transform: translateX(-50%);  */color:#222}
.info .sec_bot li > div{text-align: center;background: rgba(255,255,255,0.8);padding:50px 20px;}
.info .sec_bot li >div{height:300px;display: flex; flex-direction: column; justify-content: center;
  align-items: center;}
.info .sec_bot li i{width:50px;display: block;margin:0 auto;opacity: 0.9;}

.info .sec_bot li .tit{font-size:1.125rem;margin-top:10px; }
.info .sec_bot li .txt{font-size:1.125rem; margin-top:30px;}







/* ci */
.ci .ci_con{margin-bottom:80px;}
.ci .logo_img{border:1px solid #ddd;border-top:2px solid #333;background: url(../img/sub/ci_bg.png)no-repeat;height: 200px;justify-content: center;display:flex;
  align-items: center;}


.ci .logo_img i{padding:60px 40px;margin:0 auto;}
.ci .ci_top i{width:350px;display: block;}
.ci .text_box{display: flex;margin:10px 0; }
.ci .text_box .tit{width: 250px;font-size:1.25rem;}
.ci .text_box .tit span{font-size:0.9rem;}
.ci .text_box .txt{font-size:1rem;margin-top:5px;width:calc(100% - 250px)}

.ci .le_ri_con{display: flex;}
.ci .le_ri_con > div:first-child{margin-right:2%;}
.ci .le_ri_con > div{width:49%;}
.ci .ci_cen i{width:300px;display: block;}
.ci .ci_cen .ce_right i { width: 180px; display: block;padding: 20px 40px;}


.ci .le_ri_con{display: flex;}
.ci .le_ri_con02 .ce_left{width:30%;}
.ci .le_ri_con02 .ce_right{width:70%;}
.ci .ci_cen02 .rig_color{display: flex;}
.ci .ci_cen02 .rig_color > li{width:31.3%;margin-right:2%;}
.ci .ci_cen02 .rig_color > li:last-child{margin-right:0%;}

.ci .ci_cen02 .co_con{display: flex; opacity: 0.8;}
.ci .ci_cen02 .co_con > p{margin-right:10px;}
.ci .ci_cen02 .logo_color{background: #ddd;width:100%;height:50px;}
.ci .text_box02 .tit{font-weight: 700;margin:10px 0 5px;}

.ci .ce_left .logo_color{background: #0e386f;width: 33.3%;}
.ci .rig_color li:first-child .logo_color{background: #6e89aa;}
.ci .rig_color li:nth-child(2) .logo_color{background: #727171;}
.ci .rig_color li:last-child .logo_color{background: #9fa0a0;}


.ci .ci_bot i{width:900px;display: block;}
.ci .ci_bot .text_box{flex-direction: column;}   
.ci .ci_bot ul{margin-top:20px;}
.ci .ci_bot li{display: flex;align-items: center;}   
.ci .ci_bot li p:first-child{font-size:1.25rem; font-weight: 700;margin-right:50px;width:400px;}   
.ci .ci_bot li p:last-child{font-size:0.95rem; opacity: 0.8;width: calc(100% - 400px);}   

.ci .btn{text-align: center;}
.ci .btn button{background: #0e386f;color:#fff;padding:20px 60px;margin:0 10px;cursor: pointer;} 


/* vision */
.vision .section{height: 100vh;display: none;}
.vision #section01{background: url(../img/sub/vision_sec01.png) center; background-size: cover; }
.vision #section02{background: url(../img/sub/vision_sec02.png) center; background-size: cover;}
.vision #section03{background: url(../img/sub/vision_sec03.png) center; background-size: cover;}
.vision #section04{background: url(../img/sub/vision_sec04.png) center; background-size: cover;}
.vision #section05{background:#fff;}



.vision .ful_inner{display: none;}

.vision .section{position: relative;}
.vision .sec01 .con_top{position:absolute;top:55%;left:50%;transform: translate(-50%,-50%);text-align: center;line-height: 2;color:#fff;}
.vision .sec01 .vi_tit{font-size:0.95rem;font-weight: 800;overflow: hidden;} 
.vision .sec01 .vi_txt{font-size:1.125rem;margin-top:10px;opacity: 0.8;overflow: hidden;} 
.vision .sec01 .vi_txt02{font-size:3rem;line-height:1.5;overflow: hidden;} 
.vision .sec01 ul{width:560px;position:absolute;top:55%;left:50%;transform: translate(-50%,-50%);border:1px solid rgba(255,255,255,0.8); border-radius: 50%;height: 576px;}

.vision .sec01 ul li{position:absolute;font-size:0.95rem;color:#fff;font-weight:300;width: fit-content;}
.vision .sec01 ul li::before{content:'';display: block; width:15px; height: 15px; background-color: #0c3869;border-radius: 50%;position:absolute;opacity: 1;}


.vision .sec01 ul li span{margin-right:3px;}
.vision .sec01 ul li.li01{top:-35px; left:50%; transform: translateX(-50%);}

.vision .sec01 ul li.li02{bottom:90px; right:-10.5%;}
:lang(en).vision .sec01 ul li.li02{right: -25.5%;}
.vision .sec01 ul li.li03{bottom:90px; left:-8.5%;}
:lang(en).vision .sec01 ul li.li03{    left: -19.5%;}

.vision .sec01 ul li:first-child::before{bottom:-17px;left:50%; transform: translateX(-50%);}
.vision .sec01 ul li:nth-child(2)::before{top:5px;left:-16px; transform: translateX(-50%);}
.vision .sec01 ul li:last-child::before{top:5px;right:-33px; transform: translateX(-50%);}



.vision .section .txt_box{position:absolute;top:50%;transform: translateY(-50%);left:300px;color:#fff;width: 60%;}
.vision .section .n_p{font-size:3rem;font-weight: 800;overflow: hidden;}
.vision .section .fulsec_tit{font-size:4.5rem;font-weight: 500;margin-top: -10px;overflow: hidden;}
.vision .section .fulsec_txt{font-size:1.5rem;font-weight: 500;margin-top:10px;overflow: hidden;}

.vision .sec05{height: 50vh;}
.vision .sec06{height: auto;}
.vision .sec05 .s05_txt_box{display: flex;justify-content: center; align-items: center; flex-direction: column;/* height: 40vh; */text-align: center;padding: 0 20px;
  word-break: break-word;}
.vision .sec05_txt{font-size:3rem; font-weight: 600;transform: skewX(-10deg);word-break: keep-all;}
.vision .sec05_tit{font-size:1.5rem;margin-top:10px;word-break: keep-all;}
#fullpage>.vision>.sec05 >.fp-tableCell{height:  30vh  !important;}

/* .vision .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section{display: block;} */
.vision .sec01 ul
{ 
  display: block;
  animation-name: vision_ul;
  animation-duration:1.5s;
  animation-duration: leaner;
  animation-iteration-count:1;
  }

/* 키프레임 이름 = 애니메이션 이름 */
@-webkit-keyframes vision_ul {
  0% {
      opacity: 0;
  }
  100% {
    opacity: 1;

  }
}
.vision .sec01 .vi_tit span,
.vision .sec01 .vi_txt span,
.vision .sec01 .vi_txt02 span
{ 
  display: block;
  animation-name: vi_tit;
  animation-duration:1s;
  animation-duration: leaner;
  animation-iteration-count:1;
  }

/* 키프레임 이름 = 애니메이션 이름 */
@-webkit-keyframes vi_tit {
  0% {
      transform: translateY(100px);
  }
  100% {
      transform: translateY(0px);

  }
}


.vision .section .n_p span{
  display: block;
  animation-name: fulsec_n_p;
  animation-duration:1s;
  animation-duration: leaner;
  animation-iteration-count:1;
  }

/* 키프레임 이름 = 애니메이션 이름 */
@-webkit-keyframes fulsec_n_p {
  0% {
      transform: translateY(60px);
      opacity: 0;
  }
  100% {
      transform: translateY(0px);
      opacity: 1;

  }
}

.vision .section .fulsec_tit span{
  display: block;
  animation-name: fulsec_tit;
  animation-duration:1s;
  animation-duration: leaner;
  animation-iteration-count:1;
  }

/* 키프레임 이름 = 애니메이션 이름 */
@-webkit-keyframes fulsec_tit {
  0% {
      transform: translateY(100px);
      opacity: 0;
  }
  100% {
      transform: translateY(0px);
      opacity: 1;

  }
}

:lang(en).vision .section .fulsec_txt span{width: 100%;}
.vision .section .fulsec_txt span{
  display: block;
  animation-name: fulsec_txt;
  animation-duration:1s;
  animation-duration: leaner;
  animation-iteration-count:1;
  }

/* 키프레임 이름 = 애니메이션 이름 */
@-webkit-keyframes fulsec_txt {
  0% {
      transform: translateY(60px);
      opacity: 0;
  }
  100% {
      transform: translateY(0px);
      opacity: 1;

  }
}
.vision .sec05 .sec05_txt span{
  display: block;
  animation-name: fulsec_txt;
  animation-duration:0.5s;
  animation-duration: leaner;
  animation-iteration-count:1;
  }

/* 키프레임 이름 = 애니메이션 이름 */
@-webkit-keyframes fulsec_txt {
  0% {
      transform: translateY(60px);
      opacity: 0;
  }
  100% {
      transform: translateY(0px);
      opacity: 1;

  }
}
.vision .sec05 .sec05_tit span{
  display: block;
  animation-name: fulsec_txt;
  animation-duration:0.5s;
  animation-duration: leaner;
  animation-iteration-count:1;
  }

/* 키프레임 이름 = 애니메이션 이름 */
@-webkit-keyframes fulsec_txt {
  0% {
      transform: translateY(60px);
      opacity: 0;
  }
  100% {
      transform: translateY(0px);
      opacity: 1;

  }
}

/***************************************************************************
************************************business*********************************
****************************************************************************/
.business .click_tab .bd-md{max-width: 1400px;;}
.business .click_tab {border-bottom:1px solid #ddd}
.business .click_tab ul{transform: translateY(1px);}


.business .click_tab ul li{width: 33.3%;margin-left:-4px; display: inline-block;border:1px solid #ddd;border-bottom:none;text-align: center;background-color: #f5f5f5;color:#888;}
.business .click_tab ul li a{display: block;width: 100%;padding:20px 0;;}
.business .click_tab ul li.on{border-bottom:1px solid #fff;border-top:2px solid #0c3869;background-color: #fff;color:#333;}
.business .sec_top{padding-top:100px;;}

/* business01 */

/* .business .content{padding-bottom: 0;} */
/* .business .con{padding: 0;} */

.business .con{position: relative;}
/* .business .con::before{content:'';display: block; background: url(../img/bg_logo.svg) no-repeat;width:100%;height: 300px;position: absolute;bottom:0;left:0;;} */
.business .sec_top{font-size:1.25rem;}
.business .busi_top .text_box { font-size:1.5rem;;width:100%;max-width: 1400px;margin:0 auto;padding:80px 40px;text-align: center;font-weight: 400;transition-duration: 0.5s;color:#fff;height:350px;} 
.business .busi_top .text_box h6{transform: translateY(7px);font-weight: 400;}

#ui-datepicker-div{z-index: 10!important}

.business .busi_cen{font-size:1.25rem;position: relative;  transition-duration: 0.5s;opacity: 1; max-width: 1400px;margin: 0 auto; transform: translateY(-100px); margin:0 auto;}

.business .busi_cen > div{background-color: #fff;padding:60px 20px;}


.business .busi_cen.busi_on02{background: #9fa0a0;height: 90vh;transform:none;width: 100%;}
.business .busi_cen>div.busi_on03{position:absolute;top:50%;transform: translateY(-50%);padding:0 100px;left:80px;}


:lang(en).business .busi_cen h6{    width: 1010px}
.business .busi_cen h6{font-size:2.5rem;
  font-weight: 600;}
.business .busi_cen ul{margin-top:40px;opacity: 0.8;}
.business .busi_cen ul p{margin-top:20px;line-height: 1.8;}
.business .busi_cen ul li:first-child p{margin-top:0;}
:lang(en).business .busi_cen ul li:first-child p{width: 1070px;}

/* .business02 .busi_cen ul {margin-top: 0px;} */
.business .top_title{font-size:1.3rem; font-weight: 600;margin-bottom:25px;margin-right:45px;}
.business .top_title span{font-size:1rem; opacity: 0.8;font-weight: 500;}

.business .list_busi{background-color: #f5f5f5;padding:80px 0px 70px;opacity: 1;transition-duration: 0.5s;}
.business .list_busi.busi_on04{opacity: 1;}

.business .list_busi ul{background-color: #f5f5f5;padding:0px 100px;}
.business .list_busi li{width: 33.3%;display: inline-block;margin-left:-4px;text-align: center;vertical-align: top;} 



.business .list_busi li i{display: block;width: 100%; height: 300px;;}
.business .list_busi li p{margin-top:10px; font-weight: 400;font-size:1rem;color:#333;}


.business .list_busi li > div{margin:0 10px;}

.business .busi_bot{margin-top:40px; line-height: 1.8;font-size:1.25rem; transform: translateY(-120px);}

.business .busi_top .text_box h6 span{
  display: block;
  animation-name: busi_top;
  animation-duration:1.5s;
  animation-duration: leaner;
  animation-iteration-count:1;
  }

/* 키프레임 이름 = 애니메이션 이름 */
@-webkit-keyframes busi_top {
  0% {
      transform: translateY(60px);
      opacity: 0;
  }
  100% {
      transform: translateY(0px);
      opacity: 1;

  }
}
.business .bot_p{margin-top: 60px;
  text-align: left;
  font-size: 1.25rem;
  padding: 0 270px;opacity:1;transition-duration: 0.5s;} 

  .business .bot_p.busi_on05{opacity:1;font-size: 1rem;}
  .business .bot_p.busi_on05 p{opacity:0.8;}

  .business .bot_p span.o_busi{
    display: block;
    animation-name: bot_p;
    animation-duration:1.5s;
    animation-duration: leaner;
    animation-iteration-count:1;
    }
  
  /* 키프레임 이름 = 애니메이션 이름 */
  @-webkit-keyframes bot_p {
    0% {
        transform: translateY(60px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
  
    }
  }
  .business .bot_p span.t_busi{
    display: block;
    animation-name: bot_p;
    animation-duration:2s;
    animation-duration: leaner;
    animation-iteration-count:1;
    }
  
  /* 키프레임 이름 = 애니메이션 이름 */
  @-webkit-keyframes bot_p {
    0% {
        transform: translateY(60px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
  
    }
  }
  .business .bot_p{display: flex;justify-content:flex-end;}

  .business .bot_p button{background-color: #0c3869;color:#fff;padding:20px;width: 200px;;font-size:1rem;}


  .business01 .busi_top .text_box{background: url(../img/sub/busu01.jpg)no-repeat center/cover; background-attachment: fixed; }
  .business02 .busi_top .text_box{background: url(../img/sub/busu02.jpg)no-repeat center/cover; background-attachment: fixed;}
  .business03 .busi_top .text_box{background: url(../img/sub/busu03.jpg)no-repeat center/cover; background-attachment: fixed;}



/***************************************************************************
************************************community*********************************
****************************************************************************/
/* notice */
/* .notice .text_in{display: flex;width:500px;margin:0 auto;height: 50px;border-bottom:1px solid #ddd;padding-bottom: 5px;justify-content: center;}
.notice .all_list{width:100px;position: relative;}
.notice .all_list p{width:100%;height: 100%;text-align: center;display: flex; align-content: center; justify-content: center; align-items: center;}

.notice .all_list p span{width:8px; height: 8px; border-top:2px solid #0c3869;border-right:2px solid #0c3869; position:absolute;right:0;transform: rotate(135deg);transition-duration: 0.5s; }
.notice .all_list p span.on{transform: rotate(-45deg); }
.notice .all_list ul{width:120%;position:absolute;top:49px;left:0; padding:10px;text-align: center;line-height:2;border:1px solid #ddd;display: none;}

.notice .search_inp{display: flex;}
.notice .search_inp input{height: 100%; width: 340px;border:none;outline: 0;padding-left:30px;}
.notice .search_inp button{color:#0c3869;border-radius: 10px;font-size:18px;width:60px;} */


.notice .list_con{margin-top:80px;}
.notice .t_head{background: #f5f5f5;;}
.notice .t_head p.num{font-size:1.125rem; color:#333; font-weight: 500;}
.notice .t_head p.tit{font-size:1.125rem; color:#333; font-weight: 500;display:block;text-align: center;}
.notice .t_head p.date{font-size:1.125rem; color:#333; font-weight: 500;}
.notice .table{border-top:2px solid #333;}
/* .notice .table_list{border-top:1px solid #ddd;} */
.notice .table_list li{display: flex;justify-content: space-around;padding:25px 0 23px;text-align: center;border-bottom:1px solid #ddd;align-items: center;}
.notice .table_list .num{color:#bbb;width:8%;font-weight: 600;font-size:1.125rem;}
.notice .table_list .tit{color:#333;font-size:1.3rem;width:82%;text-align: left;cursor: pointer;}
.notice .table_list .date{color:#bbb;width:10%;font-weight: 600;font-size:1.125rem;}
.notice .no_list{border-top:2px solid #333;text-align: center;font-size:1.125rem; color:#888; padding:40px 0; display: none;}
.notice .table_list li:hover{background: #f8f8f8;}


/* blog */
/* .blog .text_in{display: flex;width:500px;margin:0 auto;height: 50px;border-bottom:1px solid #ddd;padding-bottom: 5px;justify-content: center;}
.blog .all_list{width:100px;position: relative;}
.blog .all_list p{width:100%;height: 100%;text-align: center;display: flex; align-content: center; justify-content: center; align-items: center;}

.blog .all_list p span{width:8px; height: 8px; border-top:2px solid #0c3869;border-right:2px solid #0c3869; position:absolute;right:0;transform: rotate(135deg);transition-duration: 0.5s; }
.blog .all_list p span.on{transform: rotate(-45deg); }
.blog .all_list ul{width:120%;position:absolute;top:49px;left:0; padding:10px;text-align: center;line-height:2;border:1px solid #ddd;display: none;}

.blog .search_inp{display: flex;}
.blog .search_inp input{height: 100%; width: 340px;border:none;outline: 0;padding-left:30px;}
.blog .search_inp button{color:#0c3869;border-radius: 10px;font-size:18px;width:60px;} */


.blog .list_con{margin-top:80px;}
.blog .t_head{background: #f5f5f5;;}
.blog .t_head p.num{font-size:1.125rem; color:#333; font-weight: 500;}
.blog .t_head p.tit{font-size:1.125rem; color:#333; font-weight: 500;display:block;text-align: center;}
.blog .t_head p.date{font-size:1.125rem; color:#333; font-weight: 500;}
.blog .table{border-top:2px solid #333;padding-top: 10px;}
/* .blog .table_list{border-top:1px solid #ddd; } */
.blog .table_list li{display: flex;justify-content: space-around;width:25%;text-align: center;align-items: center;display: inline-block;margin-left:-4px;}
.blog .table_list li > div{margin:10px 10px;border:1px solid #ddd; background-color: #fff;}
.blog .table_list .b_img{width:100%; min-height: 210px;height: 100%; background-color: #666;max-height: 230px;display: block;}
.blog .table_list .text_box{padding:20px; text-align: left;}
.blog .table_list .tit{color:#333;font-size:1.3rem;}
.blog .table_list .txt{color:#888;font-size:1rem;line-height: 1.6;}
.blog .table_list .date{color:#bbb;font-weight: 600;font-size:0.90rem;margin-top:20px;text-align: right;}
.blog .no_list{border-top:2px solid #333;text-align: center;font-size:1.125rem; color:#888; padding:40px 0; display: none;}


.blog_tit { /* 한 줄 자르기 */ display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


.blog_txt { /* 한 줄 자르기 */ display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; line-height: 1.2; height: 3.3em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }















/***************************************************************************
************************************support*********************************
****************************************************************************/
/* filedown */
/* .filedown .text_in{display: flex;width:500px;margin:0 auto;height: 50px;border-bottom:1px solid #ddd;padding-bottom: 5px;justify-content: center;}
.filedown .all_list{width:100px;position: relative;}
.filedown .all_list p{width:100%;height: 100%;text-align: center;display: flex; align-content: center; justify-content: center; align-items: center;}

.filedown .all_list p span{width:8px; height: 8px; border-top:2px solid #0c3869;border-right:2px solid #0c3869; position:absolute;right:0;transform: rotate(135deg);transition-duration: 0.5s; }
.filedown .all_list p span.on{transform: rotate(-45deg); }
.filedown .all_list ul{width:120%;position:absolute;top:49px;left:0; padding:10px;text-align: center;line-height:2;border:1px solid #ddd;display: none;}

.filedown .search_inp{display: flex;}
.filedown .search_inp input{height: 100%; width: 340px;border:none;outline: 0;padding-left:30px;}
.filedown .search_inp button{color:#0c3869;border-radius: 10px;font-size:18px;width:60px;} */


.filedown .list_con{margin-top:80px;}
.filedown .t_head{background: #f5f5f5;;}
.filedown .t_head p.num{font-size:1.125rem; color:#333; font-weight: 500;}
.filedown .t_head p.tit{font-size:1.125rem; color:#333; font-weight: 500;display:block;text-align: center;}
.filedown .t_head p.date{font-size:1.125rem; color:#333; font-weight: 500;}
.filedown .table{border-top:2px solid #333;}
.filedown .table_list{border-top:1px solid #ddd;}
.filedown .table_list li{display: flex;justify-content: space-around;padding:25px 0 23px;text-align: center;border-bottom:1px solid #ddd;align-items: center;}
.filedown .table_list .num{color:#bbb;width:8%;font-weight: 600;font-size:1.125rem;}
.filedown .table_list .tit{color:#333;font-size:1.3rem;width:72%;text-align: left;}
.filedown .table_list .date{color:#bbb;width:20%;font-weight: 600;font-size:1.125rem;cursor: pointer;}
.filedown .table_list .date span+span{margin-left:10px}
.filedown .no_list{border-top:2px solid #333; border-bottom:2px solid #333; text-align: center;font-size:1.125rem; color:#888; padding:40px 0; display: none; }
.filedown .table_list li:hover{background: #f8f8f8;}
.filedown .table_list li:hover .fa{color:#0c3869;}

/* qna */

.qna dl.accordion{width:100%;margin:0 auto 20px;}
.qna .accordion dt{font-size:1.25rem; font-weight: 300; border:1px solid #ddd;padding:20px 55px;	margin:0 0 2px;position:relative}
.qna .questions_point01{font-size:1.875rem;font-weight: 500;margin-right:5px; color:#444;position:absolute; top:50%; transform: translateY(-50%); left:20px;}
.qna .questions_point02{font-size:1.875rem; font-weight: 500;margin-right:5px; color:#e52d18; position:absolute; top:50%; transform: translateY(-50%);  left:20px;}

.qna .accordion dt i{width:30px; display: block;position:absolute;top:50%;transform: translateY(-50%); right:20px;}



.qna .accordion dd{font-size:1.25rem; font-weight: 300;
	color:#4d4d4d;
	background:#fff;
	padding:20px 50px;
	margin:0 0 2px;
    display:none;position:relative; 
}

.qna .accordion dt span.icon{width: 10px; height: 10px; border-top:2px solid #ddd; border-right:2px solid #ddd;position:absolute;right:20px;top:50%; transform: translateY(-50%) rotate(135deg);;}
.qna .accordion dt .icon.on{transform: rotate(-45deg) ;}

/* search_box */
.search_box .box_content{width:100%; background: #efefef;margin-bottom:20px;display: flex;
    align-items: center;}
.search_box .box_content button{color:#333}
.search_box .box_content input{width:95%; padding:20px; border:none; outline: 0;font-size:1.125rem}






















.secret i{color:#bbb;font-size:1.125rem;margin-left:10px;}




/* support03 */



.support03 .list_con{margin-top:80px;}

.support03 .t_head{background: #f5f5f5;;}
.support03 .t_head p.num{font-size:1.125rem; color:#333; font-weight: 500;}
.support03 .t_head p.tit{font-size:1.125rem; color:#333; font-weight: 500;display:block;text-align: center;}
.support03 .t_head p.how{font-size:1.125rem; color:#333; font-weight: 500;display:block;text-align: center;}
.support03 .t_head p.date{font-size:1.125rem; color:#333; font-weight: 500;}
.support03 .table{border-top:2px solid #333;}
/* .support03 .table_list{border-top:1px solid #ddd;} */
.support03 .table_list li{display: flex;justify-content: space-around;padding:25px 0 23px;text-align: center;border-bottom:1px solid #ddd;align-items: center;}
.support03 .table_list .num{color:#bbb;width:8%;font-weight: 600;font-size:1.125rem;}
.support03 .table_list .tit{color:#333;font-size:1.3rem;width:72%;text-align: left;display: flex;
    align-items: center;}
    .support03 .table_list .how{color:#bbb;font-size:1.3rem;width:10%;text-align: center;font-size:1.125rem;}

    
.support03 .table_list .date{color:#bbb;width:10%;font-weight: 600;font-size:1.125rem;}
.support03 .no_list{border-top:2px solid #333;text-align: center;font-size:1.125rem; color:#888; padding:40px 0; display: none; }

.support03 .qna_btn{text-align: center;margin-top:60px}
.support03 .qna_btn button{background: #0c3869;padding:20px 60px;color:#fff;font-size:1rem;}
.support03 .table_list li:hover{background: #f8f8f8;}

.support03 .table_top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.support03 .table_top .qna_btn{margin-top:0;}
.support03 .table_top .qna_btn button{padding:15px 50px}
.support03 .table_list .tit span.complete{color:#fff;font-size:0.6rem;text-align: center;padding:3px 8px 2px;margin-right:10px;background: #0c3869;}





/* view_page */

.view_page .view_top{padding-bottom:10px;}
.view_page .view_top .v_tit{font-size:2rem;}
.view_page .v_d{display: flex;color:#888;font-size:16px; font-weight:400;margin-top:5px;}
.view_page .how{margin-right:15px;}
.view_page .v_box{border-top:2px solid #333;border-bottom:1px solid #ddd;height: 100%; min-height: 600px;;}
.view_page .file ul{display:flex;color:#888;padding:10px 0;border-top:1px solid #ddd;font-size:14px;}
.view_page .file ul li{margin-right:10px;}
.view_page .v_bot{text-align: center;margin-top:40px;}
.view_page .v_bot button{width:200px;background:#0c3869;color:#fff;padding:15px 0;font-size:1.125rem;}
.view_page .questions{height: 100%;min-height: 350px;padding:20px 0;font-size:1.123rem;}
.view_page .answer{border-top:1px solid #0c3869;padding:20px 0;font-size:1.123rem;}

.view_page .answer p{font-size:0.95rem;background-color: #0c3869 ; color:#fff; width: fit-content;padding:1px 10px 0;}

.view_page .answer div{padding-top:10px;}




.support03 .kaunting {margin-bottom:0px;}
.support02 .kaunting {margin-bottom:0px;}


.kaunting {font-weight: 500;margin-bottom:10px;}
.kaunting span{font-weight: 700;color:#0c3869;font-size:1.5rem;margin-right:2px;}

.page_cbtn ul{display: flex;justify-content: center;align-items: center;margin-top:40px}
.page_cbtn ul li{width:25px;text-align: center;display: flex;    align-items: center;  justify-content: center;margin: 0 3px; cursor: pointer;}

.page_cbtn ul li.arrow{border:1px solid #ddd;padding-bottom:2px;font-weight:400;color:#666;font-size:1.2rem}
.page_cbtn ul li.page_item{font-weight: 500; color:#888;padding-bottom:3px;}
.page_cbtn ul li.active{font-weight: 700; color:#0c3869;position: relative;}
.page_cbtn ul li.active::before{content:'';display: block;width:60%; height: 2px; background-color: #0c3869;position:absolute;bottom:0px;left:50%;transform: translateX(-50%);}



.text_in{display: flex;width:500px;margin:0 auto;height: 50px;border-bottom:1px solid #ddd;padding-bottom: 5px;justify-content: center;}
.all_list{width:100px;position: relative;}
.all_list p{width:100%;height: 100%;text-align: center;display: flex; align-content: center; justify-content: center; align-items: center;}

.all_list p span{width:8px; height: 8px; border-top:2px solid #0c3869;border-right:2px solid #0c3869; position:absolute;right:0;transform: rotate(135deg) translateY(3px);transition-duration: 0.5s; }
.all_list p span.on{transform: rotate(-45deg); }
.all_list ul{width:120%;position:absolute;top:49px;left:0; padding:10px;text-align: center;line-height:2;border:1px solid #ddd;display: none;background: #fff}

.search_inp{display: flex;width: calc(100% - 100px);}
.search_inp input{height: 100%; width: calc(100% - 60px);border:none;outline: 0;padding-left:30px;font-size:1.125rem;}
.search_inp button{color:#0c3869;border-radius: 10px;font-size:18px;width:60px;}


/***************************************************************************
************************************contact*********************************
****************************************************************************/

.contact ul{border-top:2px solid #0c3869}
.contact ul li:first-child{display: flex;justify-content: space-between;}
.contact ul li:first-child div{width: 48%;display: flex;align-items: center;}
.contact ul li:first-child div:first-child{margin-right:2%}
.contact ul li{padding:20px 0;border-bottom:1px solid #ddd;}
.contact ul li p{width:130px;font-size:1.25rem;    display: flex;}
.contact ul li p span{font-size:1rem;color:#0c3869;transform: translateY(-2px);display: block;margin-left:4px}
.contact ul li input.text_input{width:calc(100% - 130px);font-size:1rem;background-color: #f5f5f5;border:1px solid #f5f5f5;padding:10px; outline: none;font-size:1.1rem;}
.contact ul li input.file_input{font-size:0.9rem;padding:10px;width: auto;cursor: pointer;color: #666;padding-left:0;}
.in_ty_file input[type="file"] { position: absolute;width: 0; height: 0;padding: 0; overflow: hidden; border: 0;} 
.contact .fileBtn{border:1px solid #ddd; background-color: #f5f5f5; font-size:0.8rem; padding:3px 10px;border-radius: 5px;color:#888;}
.contact #fileName{font-size:0.8rem;color:#888;margin-left:5px;}
.contact ul li > div{display: flex;align-items: center;}
.contact ul li textarea{resize:none; height: 300px; overflow-y: scroll;font-size:1.1rem;background: #f5f5f5;width: calc(100% - 130px);border:1px solid #f5f5f5;padding:10px; outline: none;border-radius: 0;}
.contact ul li textarea::-webkit-scrollbar{width:12px;background-color: transparent;}
.contact ul li textarea::-webkit-scrollbar-thumb{background-color: #0c3869;background-clip: padding-box;  border: 2px solid transparent; border-radius: 10px;}
.contact .btn{margin-top:70px;text-align: center;}
.contact .btn button{padding:15px 60px; background: #0c3869;color:#fff;font-size:1.125rem;}
.contact .agreement {display: flex;margin-top:20px;width: 100%;}
.contact .agreement >div {width: 100%;}
.contact .agreement .agr_tit {cursor: pointer;width:auto;float: left;margin-left:165px;margin-top: -2px; font-size:0.8rem;/* background: #0c3869; *//* padding:2px 0px 1px; */color:#888;/* ;border-radius: 40px; */}
.contact .agreement .agr_txt {width:100%; height:200px; overflow-y: scroll;border:1px solid #ddd;margin-top:12px;padding:5px;display: none;}
.contact .agreement .agr_txt::-webkit-scrollbar{width:12px;background-color: transparent;}
.contact .agreement .agr_txt::-webkit-scrollbar-thumb{background-color: #0c3869; background-clip: padding-box;  border: 2px solid transparent;border-radius: 10px;}
.contact .box_js{display: flex;justify-content: flex-end;}

.contact .agreement input{margin-top:5px;}

.contact .agreement label span{position: absolute;width: max-content;left:22px;top:-5.5px}
.contact input[type="checkbox"]{display: none;}
.contact input[type="checkbox"] + label{float:left; display: inline-block;z-index: 9;cursor: pointer; width: 16px; height: 16px; background-size: cover; border:1px solid #ddd;content:''; position: relative;}
.contact input[id="check1"]:checked + label::after{font-size: 25px;content:''; width: 16px;   height: 16px; border-color:#0c3869; text-align: center;background-image: url(../img/sub/check_ck.png); background-size: cover; transform: translate(-1px,-1px); position: absolute; left: 0; top:0;}





 .product .list_con{margin-top:80px;}

 .product .t_head{background: #f5f5f5;;}
 .product .t_head p.num{font-size:1.125rem; color:#333; font-weight: 500;}
 .product .t_head p.tit{font-size:1.125rem; color:#333; font-weight: 500;display:block;text-align: center;}
 .product .t_head p.pro01{font-size:1.125rem; color:#333; font-weight: 500;display:block;text-align: center;}
 .product .t_head p.pro02{font-size:1.125rem; color:#333; font-weight: 500;display:block;text-align: center;}
 
 
 .product .t_head p.date{font-size:1.125rem; color:#333; font-weight: 500;}
 .product .table{border-top:2px solid #333;}
 /* .product .table_list{border-top:1px solid #ddd;} */
 .product .table_list li{display: flex;justify-content: space-around;padding:25px 0 23px;text-align: center;border-bottom:1px solid #ddd;align-items: center;}
 .product .table_list .num{color:#bbb;width:8%;font-weight: 600;font-size:1.125rem;}
 .product .table_list .tit{color:#333;font-size:1.3rem;width:52%; }



     .product .table_list .pro01{width:15%;color:#bbb;font-weight: 600;font-size:1.125rem;}
     .product .table_list .pro02{width:15%;color:#bbb;font-weight: 600;font-size:1.125rem;}


 .product .table_list .date{color:#bbb;width:10%;font-weight: 600;font-size:1.125rem;}
 .product .no_list{border-top:2px solid #333;text-align: center;font-size:1.125rem; color:#888; padding:40px 0; display: none; }
 
 .product .qna_btn{text-align: center;margin-top:60px}
 .product .qna_btn button{background: #0c3869;padding:20px 60px;color:#fff;font-size:1rem;}
 .product .table_list li:hover{background: #f8f8f8;}
 
 .product .table_top{display: flex;justify-content: space-between;align-items: center;margin-bottom:20px;}
 .product .table_top .qna_btn{margin-top:0;}
 .product .table_top .qna_btn button{padding:15px 50px;}
 


/***************************************************************************
************************************product01*********************************
****************************************************************************/

.product01 .pro_top{display: flex;}
.product01 .pro_top h5{font-size:2rem;border-bottom:2px solid #333;padding-bottom:10px;}
.product01 .pro_top .left{width: calc(100% - 500px);display: flex;flex-direction: column; justify-content: space-between;margin-right:100px;}
.product01 .pro_top .left .top_con{margin-top:20px;}
.product01 .pro_top .left p{font-size:1.125rem;}
.product01 .pro_top .down ul{margin-top:15px;display: flex;}
.product01 .pro_top .down ul li{display: inline-block;margin-left:-4px;width: 33%;text-align: center;}
.product01 .pro_top .down ul li a{display: block;margin-right:10px;border:1px solid #666;color:#666;padding:10px 00px;}

.product01 .pro_top .right{background: #f9f9f9; width:400px; border:1px solid #ddd;}

.product01 .pro_click{display: flex;justify-content: space-between;margin-top:80px;margin-bottom:40px;position:relative}
.product01 .pro_click::before{content:'';display: block; width:200%; background-color: #fff; border-bottom:1px solid #ddd; position:absolute;bottom:0;left:50%;transform: translateX(-50%);}
.product01 .pro_click li{display: inline-block; margin-left:-4px; width: 25%; transform: translateY(1px);}
.product01 .pro_click li a{margin-right:10px; background-color: #ddd;color:#888; width: auto;display: block;text-align: center;padding: 13px;border:1px solid #f5f5f5}
.product01 .pro_click li.on a{background-color: #fff; color:#0c3869;border-color:#ddd;border-top:2px solid #0c3869;border-bottom:none;}
.product01 .pro_click li:last-child a{margin-right:0;}


.product01 .pro_body{margin-top:40px;}

.product01 .pro_body h5{font-size:1.5rem;}
.product01 .pro_body .in{margin-top:20px;min-height: 400px;;}




/***************************************************************************
************************************product04 .con*********************************
****************************************************************************/


.product04 h6{font-weight: 400; text-align: center;font-size:1.4rem; margin-bottom:30px;}
.product04 .bot h6{font-size:1.5rem;font-weight: 600;}

.product04 .con > .bot{margin-top:60px;}
.product04 .con_top_ser{margin-bottom:40px;}
.product04 .con_top_ser li > div{border:2px solid #bbb;padding:20px;text-align:center;    height: 320px;overflow: hidden;border-radius:20px}
.product04 .con_top_ser li .tit{font-size:1.125rem;font-weight: 500;margin-bottom:5px;margin-top:28px;}
.product04 .con_top_ser li .txt{font-size:0.9rem;opacity: 0.6;;margin-bottom:10px;font-weight: 400;}
:lang(en).product04 .con_top_ser li .txt{    padding: 0 30px;}
:lang(en).product04 .con_top_ser li .txt br{display:none}
.product04 .con_top_ser i{width:100%; height:180px;background: #0e386f;display: block;}


.product04 .con ul.con_ul{border-top:2px solid #0c3869}
.product04 .con ul.con_ul li{padding:20px 0;border-bottom:1px solid #ddd;}
.product04 .con ul.con_ul li p{width:100%;font-size:1.25rem; color:#0c3869; margin:5px 0; }
.product04 .con ul.con_ul li p span{font-size:0.9rem;display: block;margin-left:4px;color:#888;margin-top:5px;}
.product04 .con ul.con_ul li input.text_input{width:100%;font-size:1rem;background-color: #f5f5f5;border:1px solid #f5f5f5;padding:10px; outline: none;font-size:1.1rem;}
.product04 .con ul.con_ul li input.file_input{font-size:0.9rem;padding:10px;width: auto;cursor: pointer;color: #666;padding-left:0;}
.in_ty_file input[type="file"] { position: absolute;width: 0; height: 0;padding: 0; overflow: hidden; border: 0;} 
.product04 .con .fileBtn{border:1px solid #ddd; background-color: #f5f5f5; font-size:0.8rem; padding:3px 10px;border-radius: 5px;color:#888;}
.product04 .con #fileName{font-size:0.8rem;color:#888;margin-left:5px;}
.product04 .con ul.con_ul li > div{align-items: center;}
.product04 .con ul.con_ul li textarea{resize:none; height: 300px; overflow-y: scroll;font-size:1.1rem;background: #f5f5f5;width: 100%;border:1px solid #f5f5f5;padding:10px; outline: none;border-radius: 0;}
.product04 .con ul.con_ul li textarea::-webkit-scrollbar{width:12px;background-color: transparent;}
.product04 .con ul.con_ul li textarea::-webkit-scrollbar-thumb{background-color: #0c3869;background-clip: padding-box;  border: 2px solid transparent; border-radius: 10px;}
.product04 .con .btn{margin-top:70px;text-align: center;}
.product04 .con .btn button{padding:15px 60px; background: #0c3869;color:#fff;font-size:1.125rem;    margin: 0 5px;}
.product04 .con .btn button:last-child{background: #bbb;}

.product04 .due_date .input_leri  input{width:300px !important;}


.product04 .con .agreement {margin-top:20px;width: 100%;}
.product04 .con .agreement >div {width: 100%;}
.product04 .con .agreement .agr_tit {cursor: pointer;width:auto;float: left;margin-left:179px;margin-top: -2px; font-size:0.8rem;/* background: #0c3869; *//* padding:2px 0px 1px; */color:#888;/* ;border-radius: 40px; */}
.product04 .con .agreement .agr_txt {width:100%; height:200px; overflow-y: scroll;border:1px solid #ddd;margin-top:12px;padding:5px;display: none;}
.product04 .con .agreement .agr_txt::-webkit-scrollbar{width:12px;background-color: transparent;}
.product04 .con .agreement .agr_txt::-webkit-scrollbar-thumb{background-color: #0c3869; background-clip: padding-box;  border: 2px solid transparent;border-radius: 10px;}
.product04 .con .box_js{display: flex;justify-content: flex-end;}

.product04 .con .agreement input{margin-top:5px;}

.product04 .con .agreement label span{position: absolute;width: max-content;left:22px;top:-5.5px}
.product04 .con input[type="checkbox"]{display: none;}
.product04 .con input[type="checkbox"] + label{ display: inline-block;z-index: 9;cursor: pointer; width: 16px; height: 16px; background-size: cover; border:1px solid #ddd;content:''; position: relative;background-image: url(../img/sub/check.png); }
.product04 .con input[id="con_top_ser01"]:checked + label::after{font-size: 25px;content:''; width: 16px;   height: 16px; border-color:#0c3869; text-align: center;background-image: url(../img/sub/check03.png); background-size: cover; transform: translate(-1px,-1px); position: absolute; left: 0; top:0;}
.product04 .con input[id="con_top_ser02"]:checked + label::after{font-size: 25px;content:''; width: 16px;   height: 16px; border-color:#0c3869; text-align: center;background-image: url(../img/sub/check03.png); background-size: cover; transform: translate(-1px,-1px); position: absolute; left: 0; top:0;}
.product04 .con input[id="con_top_ser03"]:checked + label::after{font-size: 25px;content:''; width: 16px;   height: 16px; border-color:#0c3869; text-align: center;background-image: url(../img/sub/check03.png); background-size: cover; transform: translate(-1px,-1px); position: absolute; left: 0; top:0;}
.product04 .con input[id="check1"]:checked + label::after{font-size: 25px;content:''; width: 16px;   height: 16px; border-color:#0c3869; text-align: center;background-image: url(../img/sub/check03.png); background-size: cover; transform: translate(-1px,-1px); position: absolute; left: 0; top:0;}
.product04 .con input[id="conference01"]:checked + label::after{font-size: 25px;content:''; width: 16px;   height: 16px; border-color:#0c3869; text-align: center;background-image: url(../img/sub/check03.png); background-size: cover; transform: translate(-1px,-1px); position: absolute; left: 0; top:0;}

.product04 .con label > div{position:absolute;top:0;left:50%;transform: translateX(-50%);width:300px;}
.product04 .conf_span{width:350px; position:absolute;top: -5px;
  lefT: 20px;}
  .product04 .con input[id="conference01"] + label{margin-top: 10px;}
  .product04 .input_leri{display: flex;align-items: center;}
  .product04 .input_leri > div{width: 310px;} 
  .product04 .input_leri span{margin:0 10px;font-size:1.25rem;}
  .product04 .input_leri input{width:90% !important;}
  .product04 .input_leri em{margin:0 5px;font-size:1.1rem;}
/* product04_view */


.product04_view .con .input_leri{display: flex;align-items: center;}
.product04_view .con .input_leri span{margin:0 10px;font-size:1.25rem;}
.product04_view .con .input_leri input{width:300px !important;}


.product04_view .con .con_ul{width:80%; margin:20px auto;border:1px solid #888;}
.product04_view .con li{padding:15px 0;border-bottom:1px solid #888;padding:20px}
.product04_view .con li:last-child{border-bottom:none;}
.product04_view .con li> div{display: flex;}
.product04_view .con li> div p{width:400px;}
.product04_view .con .in{width: calc(100% - 400px); background-color: #f5f5f5;padding:10px;;}
.product04_view .con .conf_yes{font-size:0.9rem; color:#333;}

.product04_view .con textarea{width: calc(100% - 400px);background-color: #f5f5f5;resize:none;border:none;}
.product04_view .con .date{background-color: #f5f5f5;border:none;}

.product04_view .con ul.con_ul li p{font-size:1.25rem; color:#0c3869; margin:5px 0; }
.product04_view .con ul.con_ul li p span{font-size:0.9rem;display: block;margin-left:4px;color:#888;margin-top:5px;}
.product04_view .con input[type="checkbox"]{display: none;}
.product04_view .con input[type="checkbox"] + label{ display: inline-block;z-index: 9;cursor: pointer; width: 16px; height: 16px; background-size: cover; border:1px solid #ddd;content:''; position: relative;background-image: url(../img/sub/check.png); }
.product04_view .con input[id="con_top_ser01"]:checked + label::after{font-size: 25px;content:''; width: 16px;   height: 16px; border-color:#0c3869; text-align: center;background-image: url(../img/sub/check03.png); background-size: cover; transform: translate(-1px,-1px); position: absolute; left: 0; top:0;}


.password.su_notice .modal-out-tit{font-size:1.3rem;}
.password.su_notice ul li > div{flex-direction: column;}
.password.su_notice ul li p { width: 100%;display:block;text-align: center;font-size:1.25rem;color:#333;margin-bottom:20px;}

.password.su_notice ul{border-color:#0c3869;}
.password.su_notice button{border-color:#0c3869;background:#0c3869 !important;}

:lang(en)#fp-nav.right ul li:nth-child(3) a.active::after{display: none!important;}
:lang(en)#fp-nav.right ul li:nth-child(4) a.active::after{display: none!important;}
:lang(en)#fp-nav.right ul li:nth-child(5) a.active::after{display: none!important;}
:lang(en).vision .section .txt_box {left: 100px;}


.product01 .pro_click li a br{display: none;}

/* ********************************************* *
 * 1600px
 * ********************************************* */
 @media screen and (max-width: 1660px){
   
  /* company01 */
  .info .sec_bot ul {  width: 80%;}  

  .info .sec_list.bd-lg{padding:0 20px;}
  .info .text_sec .tit br{display: none;}
}

/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1400px){

  /* business01 */
  .business .list_busi ul {padding: 0px 20px;}
  .business .bot_p { padding: 0 80px;}
  
 
}

/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (max-width: 1200px){
  /* company01 */
  .info .sec_bot .text_b .tit {font-size: 1.3rem;padding:0 40px;word-break: keep-all;}
  .info .sec_bot .text_b .txt{padding:0 40px; }
  .info .sec_bot .txt br{display: none; }
  .info .sec_bot ul {  width: 100%;}
  .info .img_sec { height: 350px;}
  .info .big_img { width: 250px;}
  .info .text_sec {width: calc(100% - 550px)}
  .info .sec_list li:nth-child(2) .text_sec {margin-left: 70px;}
  .vision .sec05_txt { font-size: 2rem;}
  .vision .ful_inner {display: block;}


  #fp-nav.right ul li:nth-child(3) a.active::after{display: none!important;}
  #fp-nav.right ul li:nth-child(4) a.active::after{display: none!important;}
  #fp-nav.right ul li:nth-child(5) a.active::after{display: none!important;}
  .vision .section .txt_box {left: 100px;}
  /* business01 */


  .business .busi_cen {width: 90%;margin:0 auto;}
  .business .busi_cen.busi_on01_02 {transform: translateY(-70px);}
  .business .busi_cen h6 {font-size: 1.8rem;}
  .business .list_busi li i {height: 120px;min-height: 180px;}
  .business .bot_p { padding: 0 20px;}

  /* notice */
  .notice .table_list .num {width: 12%;}
  .notice .table_list .tit {width: 78%;margin-top:5px;}
  .notice .table_list .date {width: 15%;margin-top:5px;}
  .notice .table_list li {padding: 15px 0 13px;}
  .notice .table_list li:hover {background: #fff;}


/* blog */
  .blog .table_list li{width:33.3%;}

  
  /* filedown */
  .filedown .table_list .num {width: 12%;}
  .filedown .table_list .tit {width: 78%;margin-top:5px;}
  .filedown .table_list .date {width: 15%;margin-top:5px;}
  .filedown .table_list li {padding: 15px 0 13px;}
  .filedown .table_list li:hover {background: #fff;}
  .filedown .table_list li .fa {color: #0c3869;}
  

  /* qna */
  .qna .table_list .num {width: 12%;}
  .qna .table_list .tit {width: 78%;margin-top:5px;}
  .qna .table_list .date {width: 15%;margin-top:5px;}
  .qna .table_list li {padding: 15px 0 13px;}
  .qna .table_list li:hover {background: #fff;}

  /* support03 */
  .support03 .table_list .num {width: 12%;}
  .support03 .table_list .tit {width: 78%;margin-top:5px;}
  .support03 .table_list .date {width: 15%;margin-top:5px;}
  .support03 .table_list li {padding: 15px 0 13px;}
  .support03 .table_list li:hover {background: #fff;}

  
  /* product */
  .product .table_list .num {width: 12%;}
  .product .table_list .tit {width: 78%;margin-top:5px;}
  .product .table_list .date {width: 15%;margin-top:5px;}
  .product .table_list li {padding: 15px 0 13px;}
  .product .table_list li:hover {background: #fff;}
}

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

  /* company01 */
  .info .sec_top .right { width: 90%;margin:0 auto;}
  .info .sec_top .right ul{padding: 50px;font-size: 1rem;}
  .info .img_sec {height: 450px;transform: translateX(-20px);}
  .info .big_img { width: 274px;}
  .info .s_img {width: 150px;    height: 214px;}
  .info .text_sec { width: calc(100% - 520px);}
  .info .sec_list li:nth-child(2) .text_sec {margin-right: 0;  margin-left: 21px;}
  
}


/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){

  /* company01 */
  .info .sec_list li {flex-direction: column-reverse;margin-bottom: 100px;}
  
  .info .sec_list li:nth-child(2) { flex-direction: column-reverse;}
  .info .s_img{display: none;}
  .info .text_sec {width: 100%; margin: 0; margin-top: 20px;}
  .info .sec_list li:nth-child(2) .text_sec{margin: 0; margin-top: 20px;}
  .info .img_sec {transform: none;height: 410px;}
  .info .sec_bot ul{position:inherit;bottom:auto;left:auto;transform: none;    margin-top: 60px;}
  .info .big_img {width: 100%; transform: none;}
  .info .big_img img {width: 100%; transform: none;}
  .info .col-md-4 {width: 100%;margin-bottom: 20px;}
  .info .sec_bot li > div {padding: 20px 0;display: flex;align-items: center;justify-content: space-around;height:200px;    width: 80%;
    margin: 0 auto;}
  .info .sec_bot li i {margin: 10px ; }
  .info .sec_bot li > div > div{width:calc(100% - 120px); }
  .info .sec_bot li .txt {margin-top: 0px;text-align: left;line-height: 1.4;text-align: center;}
  .info .sec_bot li .tit{text-align: left;margin-top:0;text-align: center;}
  .info .sec_bot {height: auto;background-size: cover;}


  .vision .sec05_txt {font-size: 2.5rem;line-height: 1.3;}

  /* company02 */
  .ci .text_box .tit {width: 310px;}
  .ci .ci_bot li {display: inherit;margin-top:15px}
  .ci .ci_bot li p:last-child{width: 100%;;}


  /* business */
  .business .bot_p {font-size: 1rem;}
  .business .bot_p button {padding:20px 50px;}
  .business .busi_cen ul p br{display: none;}


  .product01 .pro_top .left { width: calc(100% - 430px); margin-right: 30px;}


}


/* ********************************************* *
* 768px
* ********************************************* */
@media screen and (min-width: 769px){
 

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


  /* company01 */
  .info .sec_bot{    padding: 70px 0;}
  .info .sec_bot .text_b .tit {text-align: left;}
  .info .sec_bot .text_b .tit br{display: none;}
  .info .sec_bot .text_b .txt{text-align: left; }
  .info .sec_bot .text_b .txt br{display: none;}
  .info .sec_top .right ul {padding: 30px;}
  .info .sec_list.bd-lg{padding:0 0px;}
  .info .sec_list li .text_sec{padding:0 15px;}

  .vision .section .txt_box{width: 90%;}
  :lang(en).vision .section .txt_box {left: 40px;}


  /* company02 */
  .ci .le_ri_con {flex-direction: column;}
  .ci .le_ri_con > div {width: 100%;margin-top: 20px;}
  .ci .ci_bot .logo_img {height: 120px;}
  .ci .ci_bot .logo_img i {padding: 20px 20px;}



  /* company03 */
  .vision .sec01 ul { width: 410px;height: 410px;;}
  :lang(en).vision .sec01 ul {display:none;}
  :lang(en).vision .sec01 .con_top {width: 80%;}
  :lang(en).vision .sec01 .vi_txt02 {font-size: 2.3rem;}
  .vision .sec01 ul li.li02 {right: -17%;}
  .vision .sec01 ul li.li03 {left: -16%;}
  .vision .sec01 .vi_txt02 {font-size: 2.5rem}
  .vision .sec01 .vi_txt {font-size: 1rem;margin-top: 4px;}
  .vision .section .txt_box {left: 50px;}

  .vision .section .n_p {font-size: 2rem;}
  .vision .section .fulsec_tit {font-size: 3rem;margin-top: 3px;}
  .vision .section .fulsec_txt {font-size: 1.25rem;font-weight: 400;padding-right: 20px;}

  .vision .section .fulsec_txt span{display: inline-block;}
  .vision .sec05_tit { font-size: 1.3rem;margin-top: 16px;}



/* business */
  .business .list_busi li { width: 33.3%;    margin-bottom: 15px;}
  .business .list_busi ul {text-align: left;}
  .business .list_busi li i {height: auto; min-height: 140px;}
  .business .busi_cen > div {padding: 40px 30px;}
  .business .busi_cen > div {padding:0px;}
  .business .busi_cen { width: 90%;transform: none;margin-top:20px;}

/* notice */
  .notice .t_head {display: none;}
  .notice .table_list li{flex-direction: column;}
  .notice .table_list .num{width:100%;text-align: left;}
  .notice .table_list .tit{width:100%}
  .notice .table_list .date{width:100%;text-align:right;}
  .notice .table_list .tit {font-size: 1.25rem;}
  .notice .table_list .date { font-size: 0.9rem;}

  /* product */
    .product .t_head {display: none;}
    .product .table_list li{flex-direction: column;}
    .product .table_list .num{width:100%;text-align: left;}
    .product .table_list .tit{width:100%;text-align: left;}
    .product .table_list .date{width:100%;text-align:right;}
    .product .table_list .tit {font-size: 1.25rem;}
    .product .table_list .date { font-size: 0.9rem;}
  
    .product04 .con_top_ser li > div {height: 280px;}



/* filedown */
.filedown .t_head {display: none;}
.filedown .table_list li{flex-direction: column;}
.filedown .table_list .num{width:100%;text-align: left;}
.filedown .table_list .tit{width:100%}
.filedown .table_list .date{width:100%;text-align:left;}
.filedown .table_list .tit {font-size: 1.25rem;}
.filedown .table_list .date { font-size: 0.9rem;}


  

/* qna */
.qna .t_head {display: none;}
.qna .table_list li{flex-direction: column;}
.qna .table_list .num{width:100%;text-align: left;}
.qna .table_list .tit{width:100%}
.qna .table_list .date{width:100%;text-align:right;}
.qna .table_list .tit {font-size: 1.25rem;}
.qna .table_list .date { font-size: 0.9rem;}
.qna .table_list .tit {align-items: flex-start;flex-direction: column;}
.qna .table_list .tit span {margin-bottom: 5px;}
.qna .table_list .how {width: 100%; text-align: left;}


/* support03 */
.support03 .t_head {display: none;}
.support03 .table_list li{flex-direction: column;}
.support03 .table_list .num{width:100%;text-align: left;}
.support03 .table_list .tit{width:100%}
.support03 .table_list .date{width:100%;text-align:right;}
.support03 .table_list .tit {font-size: 1.25rem;flex-direction: column;    align-items: flex-start;}
.support03 .table_list .date { font-size: 0.9rem;}
.support03 .table_list .how {width: 100%; text-align: left;}

.secret i {margin-left: 0;}


/* blog */
.blog .table_list li{width:50%;}

/* contact */
.contact ul li:first-child {flex-direction: column;}
.contact ul li:first-child div:first-child {margin-right: 0;margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:20px;width: 100%;;}
.contact ul li:first-child div:last-child {margin-right: 0;width: 100%;}

/* view_page */
.view_page .view_top .v_tit {font-size: 1.5rem;}
.view_page .v_box {min-height: 400px;padding: 10px 0;}
.view_page .v_d {font-size: 14px;}

:lang(en) .product04 .col-md-4 {width: 100%;}
:lang(en).product04 .con label > div { width: 640px;text-align: left;}
:lang(en).product04 .con_top_ser li .tit{    padding: 0 30px;}
:lang(en).product04 .con_top_ser li .txt { padding: 0 320px 0 30px;}
:lang(en).product04 .con_top_ser i {width: 291px;height: 180px; position: absolute; right: 0; top:-19%;}
:lang(en) .product04 .con_top_ser li > div {height: 180px;margin-bottom: 15px;}



.product01 .pro_top {flex-direction: column-reverse;}
.product01 .pro_top .right{width: 100%;}
.product01 .pro_top .left { width: 100%; margin-right: 0;margin-top:20px}v
.product01 .pro_top .down ul li { width: 27%;}

.product01 .pro_click { overflow-x: scroll;  width: 760px;}
}


/* ********************************************* *
* 640px
* ********************************************* */
@media screen and (max-width: 640px){
  /* company01 */
  .info .sec_top .left {height: 320px;}
  .info .sec_top .right {padding: 30px;}
  .info .sec_top .left .t_box {left: 40px;top: 50%;}
  .info .sec_top .left .txt {padding-right: 30px;word-break: keep-all;}

  
  /* business01 */
  .business .busi_cen {width: 100%;}
  .business .busi_cen.busi_on01_02 {transform: translateY(-70px);}
  .business .busi_cen{padding: 20px 20px;}
  .business .busi_cen h6 {font-size: 1.3rem;word-break: keep-all;}
  .business .busi_cen ul {font-size: 1rem;}
  .business .busi_top .text_box h6 span {display: inline;}

  .business .list_busi li { width: 50%;}g
  .business .list_busi li i {height: 160px;}
  .business .list_busi { padding: 50px 0px 40px;}
  .business .bot_p {display: inherit;margin-top: 40px;}
  .business .bot_p button{margin-top:30px;padding:12px 35px;}
  .business .bot_p span.o_busi{display: initial;}
  .business .bot_p span.t_busi{display: initial;}
  .business .busi_top .text_box {font-size: 1.4rem; word-break: keep-all;}
  .business .sec_top {padding-top: 50px;}
  .business .busi_cen {transform:none;}
  .business .busi_top .text_box {height: auto;padding: 40px 40px;}


  
/* product04 */
.product04 .con_top_ser li > div {height: 130px;    text-align: left;}
.product04 .con label > div {top: 50%; left: 200px; transform: translate(-50%,-50%);
  width: 300px;}
  .product04 .con_top_ser i {position: absolute; right:-210px; top: -60px;}
  .product04 .con_top_ser li{margin-bottom:20px;}
  .product04 .con .con_top_ser input[type="checkbox"] + label{top: 50%;
    transform: translateY(-50%);}
    .product04 .con_top_ser li .tit {margin-top: 7px;}


/* blog */
  .blog .table_list .b_img {min-height: 160px;}
  .blog .table_list .text_box { padding: 15px;}
  .blog .table_list .tit {font-size: 1.25rem;}
  .blog .table_list li { margin-left: -2px;}

/* support03 */
  .support03 .no_list {padding: 20px 0; font-size: 1rem;}

/* contact */
.contact .agreement .agr_tit { margin-left: 155px;}
/* .contact .box_js {justify-content: flex-start;} */
:lang(en).product04 .con label > div {left: 330px; top: 10px;}
:lang(en).product04 .con_top_ser i {top: -54%;}
.product04 .input_leri input {
  width: 86% !important;
}
.info .sec_bot li > div { width: 100%;}


.contact02 .con .text_box{width:100%; height:400px; overflow-y: scroll;border:1px solid #ddd}


.info .text_sec .tit {font-size: 1.5rem;}
.ci .text_box { flex-direction: column;}
.ci .text_box .txt {width: 100%;}
.ci .btn {display: flex;}
:lang(en).vision .sec05_txt {
  font-size: 2rem;}

  .business .list_busi li i {height: 120px;}
  .business .click_tab ul li { width:100%;margin: 0; margin-bottom: 2%;}
  .business .click_tab{border-bottom: none;}
  .business .click_tab ul li {border-bottom: 1px solid #ddd;;}
  .business .click_tab ul li.on {border-bottom: 1px solid #ddd;background-color: #0c3869;color:#fff;border-color:#0c3869}
  .business .click_tab ul li a {padding: 10px 0;}



}

/* ********************************************* *
* 520px
* ********************************************* */
/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){

  /* company01 */
  .info .sec_top .right {transform: none;}
  .info .sec_top .right {width: 100%;padding:0;}
  .info .sec_top .right ul{width: 100%;padding: 20px 0;}
  .info .sec_top .left .tit {font-size: 2rem;}
  .info .sec_top .left .txt {font-size: 1rem;}
  .info .sec_top .left {height: 160px;}

  .info .sec_bot .text_b .tit {padding:0 20px;}
  .info .sec_bot .text_b .txt{padding:0 20px; }

  .info .sec_list{ margin-top: 60px;}
  .info .text_sec .tit br{display: none;}
  .info .text_sec .tit {font-size: 1.3rem;}
  .info .text_sec .txt{font-size: 1rem;}
  .info .img_sec { height: 220px;}
  .info .text_sec > div {margin-top: 20px;}
  .info .text_sec button {margin-top: 30px;}
  .info .sec_list li {margin-bottom: 60px;}
  .info .text_sec .txt br{display: none;}
  .info .sec_bot .txt{font-size: 1rem;}



  /* company02 */
  .ci .btn {display: flex;justify-content: center;}
  .ci .btn button{padding:15px 0;width:50%;margin: 0 4px;font-size:1rem;}
  .ci .ci_top i { width: auto;}
  .ci .ci_cen i { width: auto;}
  .ci .ci_bot i { width: auto;}
  .ci .logo_img i {padding: 30px 90px;}
  .ci .ci_bot li p:first-child {width: 100%;}
  .ci .logo_img {height: 160px;}
  .ci .ce_left .logo_color {width: 100%;}
  .ci .ci_cen02 .rig_color {display: inherit;}
  .ci .ci_cen02 .rig_color > li {width: 100%;margin-top: 15px;}
  .ci .ci_cen02 .rig_color > li:first-child {margin-top: 0px;}
  .ci .text_box { display: inherit;}
  .ci .ci_con { margin-bottom: 30px;}

  /* company03 */
  .vision .section .txt_box {left: 30px;}
  .vision .sec01 ul {display: none;}
  .vision .sec01 .con_top{width: 100%;}
  .vision .section .fulsec_txt {font-size: 1rem; line-height: 1.8;}
.vision .sec05_txt {font-size: 2rem;}
.vision .sec05_tit { font-size: 1.2rem;}


  /* business */
  .business .busi_top .text_box { padding:20px; display:flex;justify-content: center;
    align-items: center;}
  .business .busi_cen {transform: translateY(0);padding:0;}
  .business .busi_cen > div {padding: 20px 20px;}

  .business01 .busi_top .text_box{background: url(../img/sub/busu01.jpg)no-repeat center/cover; background-attachment: inherit; }
  .business02 .busi_top .text_box{background: url(../img/sub/busu02.jpg)no-repeat center/cover; background-attachment: inherit;}
  .business03 .busi_top .text_box{background: url(../img/sub/busu03.jpg)no-repeat center/cover; background-attachment: inherit;}
  .business .busi_top .text_box {font-size: 1.2rem;}

  /* product04 */
  .product04 .con .btn {display: flex;}
  .product04 .con .btn button{width:48%;padding:15px 0;}
  .product04 .con label > div {left: 180px;}


/* blog */
.blog .table_list .b_img {min-height: 120px;}
.blog .table_list li > div {margin: 5px 5px;}
.blog .table_list .text_box {padding: 10px;}
.blog .list_con {margin-top: 40px;}

/* qna */
.qna .table_top .qna_btn button { padding: 10px 25px; font-size:0.9rem;}
.qna .table_top .qna_btn{margin-bottom:0;}
.qna .kaunting{margin-bottom:0;}
.qna .table_top{margin-bottom:10px;}
.qna .list_con {
  margin-top: 40px;
}

.search_inp button {width: 20px;padding:0;}
.search_inp input {width: calc(100% - 20px);}
.all_list {width: 80px;}
.search_inp {width: calc(100% - 80px);}
.all_list p {justify-content: flex-start;padding-left: 10px}
.text_in { width: 100%;padding-right: 10px}

/* contact */
.contact ul li:first-child div {align-items: flex-start; flex-direction: column;}
.contact ul li > div {align-items: flex-start; flex-direction: column;}
.contact ul li input{margin-top:10px;}
.contact ul li input.text_input{ width: 100%;}
.contact ul li textarea{margin-top:8px;width: 100%;}
.contact ul li input.file_input {padding: 0;}

.contact ul li input.text_input {padding: 8px;}
.contact ul li {padding: 15px 0;}
.contact ul li:first-child div:first-child { margin-bottom: 15px; padding-bottom: 15px;}
.contact ul li textarea {height: 200px; }
.contact .btn {margin-top: 50px;}
.contact .btn button {padding: 15px 50px;}
.contact .list_con {
  margin-top: 40px;
}

/* support01 */
.support01 .list_con {
  margin-top: 40px;
}


/* support02 */
.support02 .table_top .qna_btn button {padding: 10px 10px;width: 100px;}
.support02 .list_con {
  margin-top: 40px;
}
/* support03 */
.support03 .table_top .qna_btn button {padding: 10px 10px;width: 100px;}
.support03 .list_con {
  margin-top: 40px;
}

.contact ul li p {width: 100%;font-size: 1rem;}
.contact .in_ty_file{margin-top:5px;}

:lang(en) .product04 .con_top_ser li > div {height: 300px;}
:lang(en).product04 .con_top_ser i{position: initial;margin-left: 30px;transform: scale(1.25) translate(31px, 28px);}
:lang(en).product04 .con label > div {left: 330px; top: 20px;}
.product04 .input_leri {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.product01 .pro_top .down ul { flex-direction: column;}
.product01 .pro_top .down ul li {display: block; margin-left:0px; width: 100%;margin-top:10px;}
.product01 .pro_top .down ul li a{margin-left:0px;    width: 100%;}
.product01 .pro_click {width: 600px;}
:lang(en).product01 .pro_click {width: 750px;}
.product01 .pro_click li a{padding:5px ;height: 60px;    display: flex;
  justify-content: center;
  align-items: center;}

  .product01 .pro_click li a br{display: block;}

}



/* ********************************************* *
* 400px
* ********************************************* */
@media screen and (max-width: 400px){
  /* company01 */
  .info .sec_bot .text_b .tit {font-size: 1.125rem;}
  .info .sec_top .left .tit {font-size: 1.5rem;}
  .info .sec_bot {padding: 40px 0;}
  .info .sec_bot li > div {padding: 10px;}
  .info .sec_bot li > div > div {width: 100%;}
  .info .sec_top .left .t_box {left: 20px;}



  :lang(en).vision .sec01 .vi_txt02 {font-size: 1.5rem;}
  /* business */
  .business .list_busi li i {height: 100px;min-height: 100px;}
  .business .list_busi li > div {margin: 0 4px;}
  .business .list_busi { padding: 30px 0px 20px;}
  .business .bot_p button { width: 150px; ;}

  .product04 h6{font-size: 1.2rem;}
  .product04 .bot h6{font-size: 1.25rem;}
  .product04 .con label > div{display: flex; flex-direction: column;}
  .product04 .con_top_ser li > div {height: 210px;}
  .product04 .con_top_ser i {position: relative; right: 0; top: 10px;height: 100px;}
  .product04 .con ul.con_ul li textarea {height: 250px}
/* blog */
.blog .table_list li {width: 100%;}
.blog .table_list .b_img {min-height: 170px;}
.blog .table_list li > div { margin: 10px 0}
.blog .table_list .date {margin-top: 10px;}


.info .sec_bot li > div {     height: auto;}

/* support02 */
.support02 .table_top .qna_btn button {padding: 8px 12px; width: 80px;font-size: 0.9rem;}
.support02 .table_top{margin-bottom: 10px;}

/* support03 */
.support03 .table_top .qna_btn button {padding: 8px 12px;width: 80px;font-size: 0.9rem;}

.support03 .table_top{margin-bottom: 10px;}


:lang(en).product04 .con_top_ser li .txt {padding: 0 380px 0 30px;}
.vision .section .fulsec_tit {font-size: 2rem;}
}


/* ********************************************* *
* 330px
* ********************************************* */
@media screen and (max-width: 330px){

:lang(en).product04 .con label > div {
  left: 290px;top: 160px;}

  :lang(en).product04 .con .con_top_ser input[type="checkbox"] + label { top: 6%;}

    :lang(en).product04 .con_top_ser i {margin-left: 0;   transform: none;width: 299px; }
    :lang(en).product04 .con_top_ser li {
      margin-bottom: 0;
  }
  .product04 .due_date .input_leri  input{width:100% !important;}
}