@charset "utf-8";





                        /*
                                                          subpage                                   //
                        */





.path-title{position:relative; margin-bottom:50px;   box-sizing:border-box; padding:80px 15px 5px 15px; z-index:12;}
.path-title>.in{max-width:1400px; position:relative; margin:0 auto;  height:100%; z-index:12;}

.path-title .bg{position:absolute; top:0; left:0; width:100%; height:100%; z-index:9; background-position:center; background-size:cover;}
.path-title .bg{}
/*
.path-title.img-1 .bg{opacity:0.8; filter:grayscale(0); background-image:url('/imgs/sub-top2.jpg');}
.path-title.img-2 .bg{opacity:0.6; filter:grayscale(1%); background-image:url('/imgs/sub-top9.jpg');}
.path-title.img-3 .bg{opacity:0.7; filter:grayscale(30%); background-image:url('/imgs/sub-top4.jpg');}
.path-title.img-4 .bg{opacity:0.7; filter:grayscale(30%); background-image:url('/imgs/sub-top11.jpg');}
.path-title.img-5 .bg{opacity:0.7; filter:grayscale(30%); background-image:url('/imgs/sub-top13.jpg');}
 */

.path-title .pc{display:none;}
.path-title .mo{display:block;}


/* .path-title .path{position:relative; z-index:11; margin-bottom:30px;}
.path-title .path ul{}
.path-title .path ul li{position:relative; margin-right:20px;}
.path-title .path ul li + li:after{position:absolute; top:50%; left:-10px; margin:-2px 0 0 -2px; width:3px; height:3px; background:#ccc; content:""; border-radius:50%;}
.path-title .path ul li a{}
.path-title .path ul li:last-child a{color:#323232; font-weight:bold;} */

.path-title .titleArea {  z-index:11; }
.path-title .titleArea h2{font-size:30px; font-weight:800;  }
.path-title .titleArea h2{position:relative; }
.path-title .titleArea h2 span{position:relative; background:#fff; padding-right:50px; z-index:12;}
.path-title .titleArea h2:after{position:absolute; top:50%; left:0; width:100%; height:1px; background:rgba(0,0,0,0.1); content:"";}

.path-title .titleArea p{display:none; font-size:25px;  margin-bottom:5px; font-weight:600; text-indent:-3px;}


.path-title .titleArea i{position:absolute; font-size:17px; color:#999; top:6px; right:20px; width:30px; height:30px; background:#fff; line-height:30px; text-align:center; border-radius:50%; cursor:pointer; transition:0.2s; z-index:13;}
.path-title .titleArea i:hover{color:#fff; background:#323232;}


.path-title .path{  left:0; width:100%; box-sizing:border-box;  }
.path-title .path ul{}
.path-title .path ul li{position:relative; height:40px; line-height:40px; font-size:15px; margin-right:30px;   box-sizing:border-box; }
.path-title .path ul li + li:after{position:absolute; top:50%; left:-20px;  width:1px;  content:"\e940"; font-family:'xeicon'; font-size:10px; transform:translateY(-50%);}
.path-title .path ul li a{display:block; position:relative;  color:#999; }
.path-title .path ul li a:after{}
.path-title .path ul li.home{  padding-left:0;}
.path-title .path ul li.home a:after{display:none;}
.path-title .path ul li:last-child a{color:var(--c1); font-weight:bold; }


.path-title .tnb{box-sizing:border-box;  width:100%;  }
.path-title .tnb>.in{max-width:1400px; margin:0 auto;}



.path-title .tnb{display:none; }
.path-title .tnb ul[class*="-all"]{ position:absolute; top:5px; left:0; width:calc(50% - 25px); padding:15px 0;  box-sizing:border-box; background:var(--c1); }
.path-title .tnb ul[class*="-all"] .d1{}
.path-title .tnb ul[class*="-all"] .d1 a{color:#fff;}
.path-title .tnb ul[class*="-all"] .d1 .depthArea{}


.path-title .tnb ul.d1-all{left:50px;}
.path-title .tnb ul.d1-all .depthArea{display:none; }
.path-title .tnb ul.d1-all .d1{}
.path-title .tnb ul.d1-all .d1>a{display:block; padding:3px 2px 3px 15px; }

.path-title .tnb ul.d2-all{left:calc(50% + 25px); }
.path-title .tnb ul.d2-all .d1>a{display:none;}
.path-title .tnb ul.d2-all .d2>a{display:block; padding:3px 2px 3px 15px; }
.path-title .tnb ul[class*="-all"] .d1 a:hover{color:# ; background:var(--c2);}


[class*="sub"]{}
[class*="sub"]>.in{max-width:1400px; margin:0 auto; padding:0 15px;}


@media all and (min-width:768px){
  .path-title{padding-top:150px;  margin-bottom:110px;}
  .path-title:after{bottom:60px;}

  .path-title .titleArea h2{font-size:45px;}
  .path-title .titleArea p{font-size:50px;  margin-bottom:10px; }


  .path-title .path ul li{ height:60px; line-height:60px; font-size:15px;  }
  .path-title .path ul li a:after{right:20px;}


  .path-title .tnb ul[class*="-all"]{width:300px; padding:25px 0; }
  .path-title .tnb ul.d2-all{left:350px; }
  .path-title .tnb ul.d1-all .d1>a{padding:5px 5px 5px 25px; }
  .path-title .tnb ul.d2-all .d2>a{padding:5px 5px 5px 25px; }




}




.tableArea{}
.tableArea + .tableArea{margin-top:100px;}
.tableArea h2.title{font-size:25px; margin-bottom:20px;}
.tableArea h2.title i{display:inline-block; font-style:normal; font-size:15px; margin-left:40px; font-weight:normal;}
.tableArea table{text-align:left; border-top:2px solid #193c86;}
.tableArea table.center{text-align:center;}
.tableArea table tr{}
.tableArea table tr th{padding:10px 5px; border-top:1px solid #ede9e2; border-bottom:1px solid #ede9e2;}
.tableArea table tr td{padding:10px 5px; border-top:1px solid #ede9e2; border-bottom:1px solid #ede9e2;}
.tableArea table thead{background:#f9f9f9;}
.tableArea table thead tr{}
.tableArea table thead tr th{}
.tableArea table tbody{}
.tableArea table tbody tr{}
.tableArea table tbody tr th{}
.tableArea table tbody tr td{}

.tableArea table.bg-fff{background:#fff;}
.tableArea table.type1 th{border:1px solid #ede9e2;}
.tableArea table.type1 th:first-child{border-left:0;}
.tableArea table.type1 th:last-child{border-right:0;}
.tableArea table.type1 td{border:1px solid #ede9e2;}
.tableArea table.type1 td:first-child{border-left:0;}
.tableArea table.type1 td:last-child{border-right:0;}

.tableArea table.top-border{border-top:2px solid #333;}
.tableArea table.middle th,
.tableArea table.middle td{vertical-align:middle;}
.tableArea table.th-cen th{text-align:center;}
.tableArea table select{padding:5px 20px; height:auto;}


@media all and (min-width:768px){
  .tableArea h2.title{font-size:35px;}
  .tableArea table tr th{padding:15px 10px; font-size:16px;}
  .tableArea table tr td{padding:15px 10px; font-size:15px;}
}


span.dot.bottom{position:relative;}
span.dot.bottom:after{position:absolute; bottom:10px; right:-15px; width:3px; height:3px; border-radius:50%; content:""; background:#193c86;}

@media all and (min-width:768px){
  span.dot.bottom:after{width:6px; height:6px;}
}




.top-tabArea{display:none; margin-bottom:40px;}
.top-tabArea.display{display:block;}
.top-tabArea ul{}
.top-tabArea ul li{font-size:12px; padding:0 20px; height:30px; line-height:28px; background:#f9f9f9; color:#999; border:1px solid #ddd; border-bottom-color:#333; cursor:pointer; margin-left:-1px; position:relative; z-index:10;}
.top-tabArea ul li:hover{}
.top-tabArea ul li.on{border-color:#333; color:#000; z-index:11; border-bottom:0; font-weight:500; background:#fff;}

.make-tab .tableArea{display:none;}
.make-tab .tableArea.on{display:block; margin-top:0;}

@media all and (min-width:768px){
  .top-tabArea{margin-bottom:60px;}
  .top-tabArea ul li{font-size:17px; height:50px; line-height:48px; padding:0 60px;}
}




















span.l{position:relative; display:block; margin-bottom:3px; padding-left:10px; box-sizing:border-box;}
span.l:after{position:absolute; top:8px; left:0;  width:3px; height:3px; background:#ccc; border-radius:50%; content:""; transition:0.3s;}
span.l-num{position:relative; display:block; margin-bottom:3px; padding-left:8px; box-sizing:border-box;}
span.l-num span{position:absolute; top:4px; left:-13px;  line-height:1; padding:1px 5px; font-size: 10px;  background:#000; color:#fff; border-radius:5px;  }


@media all and (min-width:768px){

  span.l{padding-left:20px; }
  span.l:after{top:10px; left:0; width:4px; height:4px; }
  span.l-num{padding-left:15px; }
  span.l-num span{top:5px; left:-10px;  font-size:13px;}

}




.board_lnb{margin-bottom:20px;}
.board_lnb ul{}
.board_lnb ul li{margin-right:10px;}
.board_lnb ul li a{display:inline-block; padding:7px 20px; background:#fbf8f4; border-radius:10px; transition:0.3s;}
.board_lnb ul li.on a{color:#193c86; font-weight:bold;   }
.board_lnb ul li a:hover{color:#999;}








#sub-cont{padding:30px 15px;  box-sizing:border-box; }
#sub-cont>.in{max-width:1400px; margin:0 auto;}


#sub-cont .titleArea{}
#sub-cont .titleArea h3{font-size:13px; color:var(--c1); font-weight:600; margin-bottom:20px;}
#sub-cont .titleArea h2{font-size:25px; font-weight:600; line-height:1.3; margin-bottom:10px;}
#sub-cont .titleArea h4{font-size:20px; line-height:1.1; font-weight:500; margin-bottom:10px;}
#sub-cont .titleArea h5{font-size:18px; line-height:1.3; font-weight:bold; margin-bottom:10px;}
#sub-cont .titleArea h6{font-size:16px; line-height:1.5; font-weight:500; margin-bottom:10px;}
#sub-cont .titleArea p{font-size:13px;}

#sub-cont .full-img{margin-left:-15px; margin-right:-15px; }
#sub-cont .center{text-align:center;}
#sub-cont .right{text-align:right;}

@media all and (min-width:768px){
  #sub-cont{padding:70px 20px;}

  #sub-cont .titleArea h3{font-size:17px; margin-bottom:30px;}
  #sub-cont .titleArea h2{font-size:40px;;  margin-bottom:20px; }
  #sub-cont .titleArea h4{font-size:35px;  margin-bottom:20px; }
  #sub-cont .titleArea h5{font-size:30px;  margin-bottom:20px; }
  #sub-cont .titleArea h6{font-size:25px;  margin-bottom:20px; }
  #sub-cont .titleArea p{font-size:17px;;  margin-top:50px;}

  #sub-cont .full-img{margin-left:-20px; margin-right:-20px;}

}







#sub-cont.intro-01 .cont{margin-top:30px;}
#sub-cont.intro-01 .cont .box{}
#sub-cont.intro-01 .cont .box + .box{margin-top:20px; }
#sub-cont.intro-01 .cont .box .img{}
#sub-cont.intro-01 .cont .box .txt{width:90%; position:relative; z-index:11; background:#fff; margin-left:auto; margin-top:-10%; padding:5%; box-sizing:border-box; }
#sub-cont.intro-01 .cont .box h2{font-size:15px; font-weight:700; margin-bottom:5px;}
#sub-cont.intro-01 .cont .box p{font-size:13px; color:#666; }
#sub-cont.intro-01 .cont .box:nth-child(1) p{color:#333;}
#sub-cont.intro-01 .cont .box:last-child{margin-top:50px; }
#sub-cont.intro-01 .cont .box .last{margin-top:50px; }
#sub-cont.intro-01 .cont .box .last span{font-size:30px; display:inline-block; margin-left:20px;  font-family:'Nanum Brush Script'; }


@media all and (min-width:768px){


  #sub-cont.intro-01>.in{display:flex; justify-content:space-between;}
  #sub-cont.intro-01 .titleArea{width:50%;}
  #sub-cont.intro-01 .cont{width:50%;}
  #sub-cont.intro-01 .cont .box + .box{margin-top:50px; }
  #sub-cont.intro-01 .cont .box h2{font-size:18px; margin-bottom:10px;}
  #sub-cont.intro-01 .cont .box p{font-size:16px;  }
  #sub-cont.intro-01 .cont .box:nth-child(1) h2{font-size:24px; margin-bottom:20px; }
  #sub-cont.intro-01 .cont .box:nth-child(1) p{font-size:17px; }
  #sub-cont.intro-01 .cont .box .last span{font-size:35px; }
}





#sub-cont.intro-02{}
#sub-cont.intro-02 .top-img{   margin-bottom:50px; overflow: hidden;}
#sub-cont.intro-02 .top-img img{width:100%; height:100%; object-position:center; object-fit:cover;}
#sub-cont.intro-02 .history-wrap .history .box ul li p{display:flex; align-items:center;}
#sub-cont.intro-02 .history-wrap .history .box{margin:0; }



@media all and (min-width:768px){

  #sub-cont.intro-02 .titleArea p{ }
  #sub-cont.intro-02 .top-img{height:400px;   margin-bottom:100px;}
  #sub-cont.intro-02 .cont{display:flex; box-sizing:border-box; }
  #sub-cont.intro-02 .cont .titleArea{width:50%; }
  #sub-cont.intro-02 .cont .history-wrap{width:50%; }

}








/* 연혁 */
.history-wrap {width:100%; }
.history-wrap .history { position:relative;  margin-top:30px;}
.history-wrap .history:last-child{margin-bottom:0px;}
.history-wrap .history:before { content:''; display:block; position:absolute; top:0; left:0; width:1px; height:100%; background:#eee;} /* 라인색상 */
.history-wrap .history .box { position:relative;  padding-left:40px; margin-bottom:45px; }
.history-wrap .history .box:before { content:''; display:block; position:absolute; top:0; left:-3px; width:7px; height:7px; border-radius:50%; background:#000;} /* 라인포인트색상 */
.history-wrap .history .box .year {display:block; position:relative; top:-10px; margin-bottom:15px; line-height:1; font-size:25px; font-family:var(--font_serif); font-weight:900; }
.history-wrap .history .box ul {padding:0; margin:0; }
.history-wrap .history .box ul li { padding:0; margin:0; line-height:2;}
.history-wrap .history .box ul li p {margin-top:0px;  line-height:2;}
.history-wrap .history .box ul li p strong {font-size:15px; padding-right:10px;  display:inline-block; vertical-align:top; text-align:center;  font-family:var(--font_serif); font-weight:900;}
.history-wrap .history .box ul li p span {width:85%; display:inline-block; box-sizing:border-box; }


@media all and (min-width:768px){

  .history-wrap .history .box{margin-bottom:100px;}
  .history-wrap .history .box .year{font-size:35px;}
  .history-wrap .history .box ul li p strong{padding-right:0; width:100px; text-align:left; }
  .history-wrap .history .box ul li p span{font-size:17px;}


}








#sub-cont.intro-06 .cont{  }
#sub-cont.intro-06 .cont .map{margin-bottom:50px; }
#sub-cont.intro-06 .cont .root_daum_roughmap_landing{width:100% !important;}
#sub-cont.intro-06 .cont table tr td i{width:30px; vertical-align:middle;}
#sub-cont.intro-06 .cont .btn-area{display:flex; margin-top:20px; }
#sub-cont.intro-06 .cont .btn-area a{width:auto; margin-right:5px; }
#sub-cont.intro-06 .cont .btn-area a.naver{background:#01c13a;}
#sub-cont.intro-06 .cont .btn-area a.kakao{background:#f6d500; color:#000; }
#sub-cont.intro-06 .cont .btn-area a.google{background:#e34133;}
#sub-cont.intro-06 .cont .btn-area a i{width:auto;}
#sub-cont.intro-06 .cont .btn-area a:hover{opacity:0.7;}

@media all and (min-width:768px){
  #sub-cont.intro-06 .cont .map{margin-bottom:100px; }

  #sub-cont.intro-06 .cont .bottom{display:flex; box-sizing:border-box; }
  #sub-cont.intro-06 .cont .bottom .titleArea{width:30%; }
  #sub-cont.intro-06 .cont .bottom .tableArea{width:70%; margin-top:0;}

  #sub-cont.intro-06 .cont{margin-top:0; }
  #sub-cont.intro-06 .cont table tr td{font-size:17px; }
}


















#sub-cont.guide{}
#sub-cont.guide article{white-space:pre-line;}
#sub-cont.guide h2{margin-top:50px;}
#sub-cont.guide h6{padding-left:10px;}
#sub-cont.guide p{padding-left:20px; margin-top:10px; margin-bottom:50px;}

@media all and (min-width:768px){
  #sub-cont.guide h2{font-size:30px;}
  #sub-cont.guide h2:nth-child(n+2){margin-top:80px; }
  #sub-cont .titleArea h6{font-size:22px;}
}













/* contact */
.JS-form_mail{ }
.JS-form_mail>.in{position:relative; padding:0;  max-width:600px; }
.JS-form_mail .input-box{margin-bottom:10px;}
.JS-form_mail h3{ font-size:14px; line-height:30px; font-weight:500;}
.JS-form_mail h3 span{font-weight:normal; font-size:12px; display:inline-block; margin-left:10px;}
.JS-form_mail input.input{border:1px solid #ddd; width:100%; height:34px; line-height:34px; padding:10px;}
.JS-form_mail input.input:focus{border-color:#333;}
.JS-form_mail input.send-this{display:block; border:0;   width:100%; margin:20px 0 0 0; line-height:40px; cursor:pointer;}
.JS-form_mail input[type="number"]::-webkit-outer-spin-button,
.JS-form_mail input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}
.JS-form_mail textarea{min-height:50px; max-height:300px; width:100%; padding:10px;}
.JS-form_mail .infoArea{margin-top:30px; max-width:700px; margin:30px auto;  }
.JS-form_mail .infoArea h2{font-size:15px;}
.JS-form_mail .infoArea .box{overflow-y:auto; max-height:80px; font-size:13px; background:#f4f4f4; margin-bottom:20px; padding:10px; border:1px solid #ddd;}



@media all and (min-width:768px){

  .JS-form_mail .input-box{margin-bottom:15px;}
  .JS-form_mail h3{font-size:17px;}
  .JS-form_mail h3 span{font-size:15px; margin-left:15px;}
  .JS-form_mail input.send-this{width:50%;}

}




#contents>.register{max-width:600px; margin:30px auto;}
#contents #fregister p{background:#333; font-weight:normal;}
#contents #fregister p:before{display:none;}
#contents .register .btn_confirm{}
#contents .register .btn_confirm a,
#contents .register .btn_confirm button{box-sizing:border-box;}



h1.logo{box-sizing:border-box; padding:40px 10px; margin-bottom:30px; border-radius:10px; border:2px solid var(--c1); text-align:center; font-weight:400; color:var(--c1);}
h1.logo div{font-size:30px; font-weight:bold;}
h1.logo p{font-size:15px;}
h1.logo span{font-size:20px;}


@media all and (min-width:768px){

  h1.logo{margin-bottom:50px;}
  h1.logo div{font-size:60px;}
  h1.logo p{font-size:25px;}
  h1.logo span{font-size:40px;}

}


/* board basic */
#sub-cont.board-sub>.in{padding:0;}
#sub-cont.board-sub .tbl_wrap table{border-top:2px solid #333; }

  /* list */
  #sub-cont.board-sub #bo_list .td_name{width:150px; text-align:center;}
  #sub-cont.board-sub #bo_list .td_datetime{width:100px;}

  #sub-cont.board-sub #bo_list .btn_bo_user>li{width:auto; min-width:40px; }
  #sub-cont.board-sub #bo_list .btn_bo_user .btn_submit{display:inline-block; height:35px; line-height:35px; padding:0 20px; border-radius:3px; transition:0.3s;}
  #sub-cont.board-sub #bo_list .btn_bo_user .btn_submit:hover{background:#666;}

  #sub-cont.board-sub #bo_list table th,
  #sub-cont.board-sub #bo_list table td{}



  /* read */
  #sub-cont.board-sub #bo_v_title{margin-bottom:10px;}
  #sub-cont.board-sub #bo_v_title .bo_v_tit{font-size:20px;}
  #sub-cont.board-sub #bo_v_info{border:0;}
  #sub-cont.board-sub #bo_v_info .profile_info{margin:0 0 0 0; float:none; display:block;}
  #sub-cont.board-sub #bo_v_info .profile_info_ct{float:none;}
  #sub-cont.board-sub #bo_v_info .profile_info_ct i{display:none;}
  #sub-cont.board-sub #bo_v_info ul{display:}
  #sub-cont.board-sub #bo_v_info ul li{position:relative; margin-right:20px; }
  #sub-cont.board-sub #bo_v_info ul li + li:after{position:absolute; top:50%; left:-10px; width:1px; height:10px; transform:translateY(-50%); background:#ddd; content:"";}
  #sub-cont.board-sub #bo_v_info ul li strong{margin:0;}
  #sub-cont.board-sub #bo_v_info ul li span:not(.sv_member){color:#ccc; font-weight:500; margin-right:10px; }
  #sub-cont.board-sub #bo_v_info ul li .sv_member,
  #sub-cont.board-sub #bo_v_info ul li b{font-weight:normal; color:#ccc; display:inline-block;  }
  #sub-cont.board-sub #bo_v_atc{padding-top:0;}
  #sub-cont.board-sub #bo_v_con{margin:10px 0; font-size:14px; padding:30px 0; border-top:2px solid #fff; border-bottom:2px solid #fff; text-align:center;}
  #sub-cont.board-sub #bo_v_img{margin-top:50px; }

  @media all and (min-width:768px){

      /* list */
      #sub-cont.board-sub #bo_list table th,
      #sub-cont.board-sub #bo_list table td{font-size:15px;}

      /* read */
      #sub-cont.board-sub #bo_v_title{text-align:center;}
      #sub-cont.board-sub #bo_v_title .bo_v_tit{font-size:27px;}
      #sub-cont.board-sub #bo_v_info{text-align:center;}
      #sub-cont.board-sub #bo_v_info ul li{margin:0 20px;}
      #sub-cont.board-sub #bo_v_info ul li + li:after{left:-20px;}
      #sub-cont.board-sub #bo_v_con{font-size:16px; padding:50px 0; }

  }







/* board - galley */
#sub-cont.board-sub #gall_ul{display:flex; justify-content:space-between; flex-wrap:wrap;}
#sub-cont.board-sub #gall_ul>li{width:calc(100% / 1 - 5px) }

#sub-cont.board-sub #bo_gall .btn_bo_user>li{width:auto; min-width:40px; }
#sub-cont.board-sub #bo_gall .btn_bo_user .btn_submit{background: #fff; color:#333; display:inline-block; height:35px; line-height:35px; padding:0 20px; border-radius:3px; transition:0.3s;}
#sub-cont.board-sub #bo_gall .btn_bo_user .btn_submit:hover{}


@media all and (min-width:768px){
  #sub-cont.board-sub #gall_ul{justify-content:flex-start; margin:0 0 0 -20px; }
  #sub-cont.board-sub #gall_ul>li{width:calc(100% / 2 - 20px);  margin-left:20px; }
}















/* board - prd */
#sub-cont.board-sub.prd{}
#sub-cont.board-sub.prd #gall_ul{}
#sub-cont.board-sub.prd #gall_ul>li{margin-bottom:20px;}
#sub-cont.board-sub.prd #gall_ul>li .gall_img{margin-bottom:10px; cursor:pointer;}
#sub-cont.board-sub.prd #gall_ul>li .gall_img a{display:block; aspect-ratio: 1.5 / 1;}
#sub-cont.board-sub.prd #gall_ul>li .gall_img img{width:100%; height:100%; object-fit:cover; object-position:center; border-radius:5px; box-sizing:border-box;  }
#sub-cont.board-sub.prd #gall_ul>li .add-imgs{display:none; }
#sub-cont.board-sub.prd #gall_ul>li .gall_text_href{margin:0; text-align:center;}
#sub-cont.board-sub.prd #gall_ul>li .txt-en{font-size:12px; color:#999;}
#sub-cont.board-sub.prd #gall_ul>li .bo_tit{margin:10px 0 20px 0; font-weight:500; }
#sub-cont.board-sub.prd #gall_ul>li .txt-cont{display:none; }
#sub-cont.board-sub.prd #gall_ul>li .bo-cont-txt{display:none;}


@media all and (min-width:768px){
  #sub-cont.board-sub.prd #gall_ul>li{margin-bottom:40px;}
  #sub-cont.board-sub.prd #gall_ul>li .gall_img{margin-bottom:20px;}
  #sub-cont.board-sub.prd #gall_ul>li .txt-en{font-size:13px;}
  #sub-cont.board-sub.prd #gall_ul>li .bo_tit{font-size:18px; }
}



.prd-pop{display:none; position:fixed; top:50%; left:5%; width:90%; overflow-y:auto;   height:auto; z-index:9000; color:#333; border-radius:10px; background:#fff; transform:translateY(-50%); padding:10px; box-sizing:border-box;}
.prd-pop a{color:#333;}
.prd-pop>.in{ }
.prd-pop .close{position:absolute; top:10px; right:10px; width:30px; height:30px; line-height:30px; text-align:center; font-size:15px; cursor:pointer;}
.prd-pop .title{padding:20px 0; }
.prd-pop .title h2{font-size:20px;}
.prd-pop .title h2 span{display:none;}
.prd-pop .title p{color:#999;}
.prd-pop .img{margin-top:10px;}
.prd-pop .img img{width:100%; height:100%; object-fit:cover; object-position:center;}
.prd-pop .img .bo-images div{margin-top:10px;}
.prd-pop .swiper-slide{aspect-ratio:16 / 13;}
.prd-pop .txt{}
.prd-pop .txt .txt-en{color:#999; margin-bottom:15px;}
.prd-pop .txt .bo_tit{display:block; margin-bottom:10px; font-size:20px; font-weight:500; color:#000;}
.prd-pop .txt .bo_tit span{display:none; }
.prd-pop .txt .txt-cont{color:#666; white-space:pre-line;}
.prd-pop .txt .bo-cont-txt{margin-top:10px;}
.prd-pop .txt table th,
.prd-pop .txt table td{border:1px solid #ddd; text-align:center; vertical-align:middle; padding:3px;}
.prd-pop .txt br + br{display:none;}
.prd-pop .txt table{width:100% !important; border-top:2px solid #333;}
.prd-pop .txt table tr:first-child{ }
.dimmed{display:none; cursor:pointer;}

.prd-pop .swiper-button-prev,
.prd-pop .swiper-button-next{background:rgba(0,0,0,0.2); color:#fff; padding:10px; width:auto; height:auto;}
.prd-pop .swiper-button-prev:after,
.prd-pop .swiper-button-next:after{font-size:15px;}
.prd-pop .swiper-pagination-bullet{border:1px solid rgba(255,255,255,0.5); background:rgba(255,255,255,0.1); opacity:1; box-sizing:border-box;}
.prd-pop .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000; border-color:#000;}

body.prd-pop-on .prd-pop{display:block; animation:fadeIn 0.2s linear; }
body.prd-pop-on .dimmed{display:block; animation:fadeIn 0.2s linear; }

@media all and (min-width:768px){

  .prd-pop{height:auto; max-height:900px; max-width:1200px; top:50%; left:50%; transform:translate(-50%, -50%); padding:20px;}
  .prd-pop>.in{ }
  .prd-pop .close{font-size:30px; top:20px; right:20px;}
  .prd-pop .title{display:none;}
  .prd-pop .img{width:100%; margin-top:30px;}
  .prd-pop .swiper-slide{aspect-ratio:16 / 9;}
  .prd-pop .txt{width:100%; }
  .prd-pop .txt .bo_tit{font-size:35px;}
  .prd-pop .txt .txt-cont{font-size:15px;}
  .prd-pop .txt .bo-cont-txt{margin-top:20px; font-size:16px;}
  .prd-pop .txt table th,
  .prd-pop .txt table td{padding:5px;}

  .prd-pop .swiper-button-prev,
  .prd-pop .swiper-button-next{background:rgba(0,0,0,0.4); padding:10px 15px;}
  .prd-pop .swiper-button-prev:after,
  .prd-pop .swiper-button-next:after{font-size:25px;}

}




















































/**/