@charset "utf-8";





                        /*
                                                          subpage                                   //
                        */





.path-title{position:relative; margin-bottom:30px;   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 {display:none;  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{display:none; 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{display:none;  position:absolute; top:0; right:0; 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{text-align:center;}
.path-title .tnb ul[class*="-all"]{  }
.path-title .tnb ul[class*="-all"] .d1{ }
.path-title .tnb ul[class*="-all"] .d1 a{display:inline-block; padding:5px 15px; color:#999;  border-radius:20px; transition:0.3s;}
.path-title .tnb ul[class*="-all"] .d1 a:hover{background:#333; color:#fff;}
.path-title .tnb ul[class*="-all"] .d1 .depthArea{}

.path-title .tnb ul.d2-all ul li.on a{background:var(--c1); color:#fff;}


.path-title .tnb ul.d1-all{display:none;}
.path-title .tnb ul.d1-all .depthArea{ }
.path-title .tnb ul.d1-all .d1{}
.path-title .tnb ul.d1-all .d1>a{ }

.path-title .tnb ul.d2-all{ }
.path-title .tnb ul.d2-all .d1>a{display:none;}
.path-title .tnb ul.d2-all .d2>a{ }
.path-title .tnb ul.d2-all ul{display:flex; flex-wrap:wrap; justify-content:center;}
.path-title .tnb ul.d2-all ul li{margin-bottom:3px;}
.path-title .tnb ul.d2-all ul li a{}
.path-title .tnb ul[class*="-all"] .d1 a:hover{ }


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


@media all and (min-width:768px){
  .path-title{padding-top:130px;  margin-bottom:80px;}
  .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.d2-all ul li{margin:0 5px 5px 0;}
  .path-title .tnb ul[class*="-all"] .d1 a{padding:7px 20px; }


  .path-title .tnb ul[class*="-all"]{ }
  .path-title .tnb ul.d2-all{ ; }
  .path-title .tnb ul.d1-all .d1>a{ }
  .path-title .tnb ul.d2-all .d2>a{ }




}




.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;}
}



.serchArea{text-align:right; margin-bottom:20px;}
.serchArea .in{}
.serchArea h2{vertical-align:middle; font-size:15px; margin-right:10px; }
.serchArea input.frm_input{margin-right:5px; width:200px; height:40px; vertical-align:middle;}
.serchArea input.btn_submit{width:60px; height:40px; vertical-align:middle; transition:0.2s;}
.serchArea input.btn_submit:hover{background:#666;}











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;}



@media all and (max-width:767px){
  br.pc-only{display:none;}
}


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


#sub-cont .titleArea{}
#sub-cont .titleArea h2{font-size:25px; font-weight:700; line-height:1.3; margin-bottom:10px;}
#sub-cont .titleArea h3{font-size:13px; color:var(--c1); font-weight:600; margin-bottom:20px;}
#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:500; 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:0 20px; margin-top:80px;}

  #sub-cont .titleArea h2{font-size:37px;;  margin-bottom:20px; }
  #sub-cont .titleArea h3{font-size:19px; margin-bottom:30px;}
  #sub-cont .titleArea h4{font-size:32px;  margin-bottom:20px; }
  #sub-cont .titleArea h5{font-size:27px;  margin-bottom:20px; }
  #sub-cont .titleArea h6{font-size:20px;  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 .vimeo-area{padding-top:50px;}
#sub-cont.intro-01 .vimeo-area>.in{max-width:1200px; margin:0 auto;}
#sub-cont.intro-01 .vimeo-area iframe{overflow:hidden; border-radius:10px;}


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

  #sub-cont.intro-01 .vimeo-area{padding-top:100px;}
}








#sub-cont.intro-02{}
#sub-cont.intro-02 .top-img{height:400px; margin-top:50px; margin-bottom:50px;}
#sub-cont.intro-02 .top-img img{width:100%; height:100%; object-position:center; object-fit:cover;}
#sub-cont.intro-02 .in2{padding:100px 0; box-sizing:border-box;}



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

  #sub-cont.intro-02 .titleArea p{ }
  #sub-cont.intro-02 .top-img{height:400px; margin-top:150px; margin-bottom:150px;}
  #sub-cont.intro-02 .in2{position:relative; padding:250px 0 150px 25%;}
  #sub-cont.intro-02 .in2 .titleArea{position:absolute; top:170px; left:0;}


}



#sub-cont.intro-02 .titleArea h6{line-height:1.6;; margin-top:30px; }
#sub-cont.intro-02 .full-img.sec2{position:relative; box-sizing:border-box;  overflow:hidden;;}
#sub-cont.intro-02 .full-img.sec2>.in{box-sizing:border-box; margin:0 auto; max-width:1400px; position:relative; z-index:11;}
#sub-cont.intro-02 .org{margin-top:30px;}
#sub-cont.intro-02 .org .img{margin-bottom:40px; box-sizing:border-box;}
#sub-cont.intro-02 .org .img .txt{}
#sub-cont.intro-02 .org .img .txt ol{ }
#sub-cont.intro-02 .org .img .txt ol li{display:flex; align-items:center; width:100%;  }
#sub-cont.intro-02 .org .img .txt ol li + li{margin-top:2px;}
#sub-cont.intro-02 .org .img .txt ol li i{font-weight:normal; width:100px;  font-style:normal;}
#sub-cont.intro-02 .org .img .txt ol li b{   font-size:15px; font-weight:600;}

#sub-cont.intro-02 .org .table{ }
#sub-cont.intro-02 .org ul{}
#sub-cont.intro-02 .org ul li{position:relative; z-index:11; border-radius:15px; overflow:hidden; width:100%;  border:1px solid #ddd; padding:20px; box-sizing:border-box; transition:0.2s;}
#sub-cont.intro-02 .org ul li.on{background:#409cf3;  color:#fff;   }
#sub-cont.intro-02 .org ul li + li{margin-top:5px;}
#sub-cont.intro-02 .org ul li .top{width:100%; display:flex; align-items:center; padding:15px 0 0 15px; box-sizing:border-box;}
#sub-cont.intro-02 .org ul li .top b{font-weight:600; font-size:16px;  color:var(--c1); }
#sub-cont.intro-02 .org ul li .top p{  margin-left:10px; font-weight:400; }
#sub-cont.intro-02 .org ul li .box{width:100%;  padding:15px; box-sizing:border-box; }
/* #sub-cont.intro-02 .org ul li .box span:nth-child(1){margin-bottom:10px;} */


#sub-cont.intro-02 .full-img.sec3{position:relative; box-sizing:border-box; padding:70px 15px; margin-top:50px; overflow:hidden; background:#f9f9f9; }
#sub-cont.intro-02 .full-img.sec3>.in{box-sizing:border-box; margin:0 auto; max-width:1400px; position:relative; z-index:11;}
#sub-cont.intro-02 .full-img.sec3 .cont{margin-top:40px; }
#sub-cont.intro-02 .full-img.sec3 .cont ul{}
#sub-cont.intro-02 .full-img.sec3 .cont ul li{width:100%;  background:#fff; border-radius:15px; padding:20px; box-sizing:border-box;}
#sub-cont.intro-02 .full-img.sec3 .cont ul li + li{margin-top:5px;}
#sub-cont.intro-02 .full-img.sec3 .cont ul li h2{font-size:16px; margin-bottom:10px;}
#sub-cont.intro-02 .full-img.sec3 .cont ul li p{}
#sub-cont.intro-02 .full-img.sec3 .cont ul li p span{}

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

  #sub-cont.intro-02 .org{margin-top:100px;}
  #sub-cont.intro-02 .org{ box-sizing:border-box; }
  #sub-cont.intro-02 .org .img{width:100%;  }
  #sub-cont.intro-02 .org .img .txt ol li + li{margin-top:5px;}
  #sub-cont.intro-02 .org .img .txt ol li i{font-size:15px;}
  #sub-cont.intro-02 .org .img .txt ol li b{font-size:20px; }

  #sub-cont.intro-02 .full-img.sec2:after{ }
  #sub-cont.intro-02 .org .table{position:relative; padding:50px 0 60px 0; width:100%; box-sizing:border-box; background:transparent; }
  /* #sub-cont.intro-02 .org .table:after{position:absolute; top:0; left:-5%; width:2000px; height:100%; opacity:1; background:var(--c1); content:""; border-radius:0; z-index:1;}
  #sub-cont.intro-02 .org .table:before{position:absolute; top:0; left:-5%; width:2000px; height:100%; opacity:0.7; background-position:center; background-size:cover; background-image:url('/imgs/intro-02-bg1.jpg'); content:""; border-radius:0; z-index:2;} */
  #sub-cont.intro-02 .org .table ul li:hover{ }

  #sub-cont.intro-02 .full-img.sec3{position:relative; padding:100px 15px ; margin-top:100px; }
  #sub-cont.intro-02 .full-img.sec3>.in{position:relative; }
  /* #sub-cont.intro-02 .full-img.sec3>.in:after{position:absolute; top:-100%; right:calc(62% + 15px);  width:2000px; height:500%; opacity:1; background:#f4f4f4; content:""; border-radius:0; z-index:-1;} */
  #sub-cont.intro-02 .full-img.sec3 .titleArea{}
  #sub-cont.intro-02 .full-img.sec3 .cont{margin-top:70px; }
  #sub-cont.intro-02 .full-img.sec3 .cont ul{display:flex; justify-content:space-between;}
  #sub-cont.intro-02 .full-img.sec3 .cont ul li{width:calc(100% / 3 - 15px);  padding:35px;   }
  #sub-cont.intro-02 .full-img.sec3 .cont ul li + li{margin-top:0; }
  #sub-cont.intro-02 .full-img.sec3 .cont ul li h2{font-size:20px; margin-bottom:30px;}




}

@media all and (min-width:1000px){
  #sub-cont.intro-02 .org .table{  }
  #sub-cont.intro-02 .org ul{display:flex; justify-content:space-between; flex-wrap:wrap;}
  #sub-cont.intro-02 .org ul li{width:calc(100% / 2 - 10px); margin-bottom:10px; min-height:60px; box-sizing:border-box; padding:10px 25px;  }
  #sub-cont.intro-02 .org ul li + li{margin-top:0; }
  #sub-cont.intro-02 .org ul li:nth-child(even){ }
  #sub-cont.intro-02 .org ul li .top{padding:35px 25px 0 25px;}
  #sub-cont.intro-02 .org ul li .top b{  font-size:22px;}
  #sub-cont.intro-02 .org ul li .top p{font-size:15px;}
  #sub-cont.intro-02 .org ul li .box{font-size:16px; padding:35px;}

}







#sub-cont.intro-03{margin:-30px 0 0 0; padding-top:30px; overflow-x:hidden; _overflow-y:visible; }
#sub-cont.intro-03 .titleArea{position:relative;}
#sub-cont.intro-03 .titleArea span.r{font-size:20px;}
#sub-cont.intro-03 .titleArea p.p2{margin-bottom:50px;}
#sub-cont.intro-03 .bottom{padding-bottom:50px;}
/* #sub-cont.intro-03 .bottom:after{  position:absolute; bottom:0; left:0; width:100%; height:100%;  content:""; z-index:-1;} */
#sub-cont.intro-03>.in{}
#sub-cont.intro-03 h2{position:relative; margin-bottom:20px;}
#sub-cont.intro-03 h2:after{display:none; position:absolute; top:80px; left:0; width:20px; height:2px; background:var(--c1); content:"";}
#sub-cont.intro-03 p{width:100%;}
#sub-cont.intro-03 p b{font-size:16px;}
#sub-cont.intro-03 p strong{color:var(--c1);}
#sub-cont.intro-03 p span.line{display:block; margin:20px 0; width:20px; height:2px; background:var(--c1); border:0;}
#sub-cont.intro-03 .img{position:relative; width:100%;  margin-top:-100px; text-align:center;}
#sub-cont.intro-03 .img:after{position:absolute;  bottom:0; left:0; width:100%; height:60%; background:#f4f4f4; content:"";}
#sub-cont.intro-03 .img img{position:relative; z-index:11;}

#sub-cont.intro-03 .area{font-size:14px; display:flex; align-items:flex-start;}
#sub-cont.intro-03 .area h6{width:100px; margin:0;}
#sub-cont.intro-03 .area div{width:calc(100% - 100px);}
#sub-cont.intro-03 .area div span{padding:2px 0 0 0;}
#sub-cont.intro-03 .area div span:after{display:none;}
#sub-cont.intro-03 .area + .area{margin-top:10px;}
#sub-cont.intro-03 a{margin-top:20px;}

#sub-cont.intro-03 .img.t{}
#sub-cont.intro-03 .img.b{display:none;}

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

  #sub-cont.intro-03{margin:-80px 0 0 0; padding-top:80px; }
  #sub-cont.intro-03 .titleArea span.r{font-size:30px;}
  #sub-cont.intro-03 .bottom{position:relative; display:flex; justify-content:space-between; padding-top:10px; padding-bottom:100px;   box-sizing:border-box;}
  #sub-cont.intro-03 .bottom .cont{width:40%; }
  #sub-cont.intro-03 .bottom .img{width:50%; height:100%;  top:0; margin:-100px 0 0 0;}
  /* #sub-cont.intro-03 .bottom:after{left:-2000px; width:10000px; background:#f9f9f9;} */
  #sub-cont.intro-03 h2{margin-bottom:40px;}
  #sub-cont.intro-03 h2:after{top:150px; width:70px;}
  #sub-cont.intro-03 p{  box-sizing:border-box; margin:0;}
  #sub-cont.intro-03 p b{font-size:22px;}
  #sub-cont.intro-03 p span.line{margin:40px 0; width:30px;}

  /* #sub-cont.intro-03 .img{position:absolute; max-width:670px; bottom:100px; right:0; width:50%; margin:0; text-align:left; }
  #sub-cont.intro-03 .img:before{} */

  #sub-cont.intro-03 .area{font-size:15px;}
  #sub-cont.intro-03 .area + .area{margin-top:15px;}
  #sub-cont.intro-03 .area h6{font-size:16px;}
  #sub-cont.intro-03 .area div span{padding:2px 0 0 0;}

  #sub-cont.intro-03 .img.t{display:none;}
  #sub-cont.intro-03 .img.b{display:inline;;}

  #sub-cont.intro-03 a{position:absolute; bottom:350px; right:-10px; z-index:15;}

  #sub-cont.intro-03 .a2 .titleArea h2,
  #sub-cont.intro-03 .a2 .titleArea h3{padding-left:55%;}
  #sub-cont.intro-03 .a2 .bottom{padding-right:0; padding-left:55%;}
  #sub-cont.intro-03 .a2 .img{right:auto; left:0;}
  #sub-cont.intro-03 .a2 a{left:0; right:auto;}

}











#sub-cont.intro-04{}
#sub-cont.intro-04>.in{box-sizing:border-box; margin:0 auto; max-width:1400px; position:relative; z-index:11;}
#sub-cont.intro-04 .in-wrap{}
#sub-cont.intro-04 .in-wrap + .in-wrap{margin-top:50px;}
#sub-cont.intro-04 .cont{margin-top:30px; }
#sub-cont.intro-04 .cont ul{display:flex; flex-wrap:wrap; }
#sub-cont.intro-04 .cont ul li{position:relative; display:flex; width:calc(100% / 1);  box-sizing:border-box;}
#sub-cont.intro-04 .cont ul li + li{margin-top:15px; }
#sub-cont.intro-04 .cont ul li .img{width:40%; box-sizing:border-box; padding:10px; border:1px solid #ddd;}
#sub-cont.intro-04 .cont ul li .txt{position:relative; width:60%;  box-sizing:border-box; padding:0 20px; }
#sub-cont.intro-04 .cont ul li .txt h2{display:inline-block; font-size:12px; margin-bottom:5px; font-weight:normal;  color:var(--c1);   }
#sub-cont.intro-04 .cont ul li .txt h2 span{}
#sub-cont.intro-04 .cont ul li .txt p{font-weight:bold; font-size:17px; }
#sub-cont.intro-04 .cont ul li .txt p span{font-size:13px; margin-left:5px; font-weight:normal; }
#sub-cont.intro-04 .cont ul li .txt a{ display:inline-block; font-size:12px; margin-top:20px; background:#f4f4f4; color:#333;  transition:0.3s;}
#sub-cont.intro-04 .cont ul li .txt a i{font-size:11px;}
#sub-cont.intro-04 .cont ul li .txt a:hover{background:var(--c1); color:#fff; }

@media all and (min-width:768px){
  #sub-cont.intro-04 .in-wrap + .in-wrap{margin-top:150px;}
  #sub-cont.intro-04 .in-wrap + .in-wrap.plus{margin-top:100px;}
  #sub-cont.intro-04 .cont{margin-top:70px; }
  #sub-cont.intro-04 .cont ul{display:flex;  }
  #sub-cont.intro-04 .cont ul li{width:calc(100% / 2 - 5px);   _box-shadow:10px 10px rgba(0,0,0,0.05); }
  #sub-cont.intro-04 .cont ul li:nth-child(n+3){margin-top:30px; }
  #sub-cont.intro-04 .cont ul li + li{margin-top:0; }
  #sub-cont.intro-04 .cont ul li .img{width:40%;}
  #sub-cont.intro-04 .cont ul li .txt{width:60%;}
  #sub-cont.intro-04 .cont ul li .txt h2{font-size:16px;  margin-bottom:10px; border-radius:5px;}
  #sub-cont.intro-04 .cont ul li .txt p{font-size:22px; }
  #sub-cont.intro-04 .cont ul li .txt p span{font-size:15px;  }
  #sub-cont.intro-04 .cont ul li .txt a{width:auto;}
  #sub-cont.intro-04 .cont ul li .txt a i{  }
}








#sub-cont.intro-05{padding-left:0; padding-right:0;}
#sub-cont.intro-05>.in{  }
#sub-cont.intro-05>.in>.titleArea{box-sizing:border-box; padding-left:15px;}
#sub-cont.intro-05>.in + .in{margin-top:100px;}
#sub-cont.intro-05 .boxArea{margin-top:30px;}
#sub-cont.intro-05 .boxArea .box{position:relative;}
#sub-cont.intro-05 .boxArea .box + .box{margin-top:100px;}
#sub-cont.intro-05 .boxArea .box .img{height:300px; overflow:hidden;}
#sub-cont.intro-05 .boxArea .box .img img{width:100%; height:100%; object-fit:cover; object-position:center;}
#sub-cont.intro-05 .boxArea .box .txt{box-sizing:border-box; padding:20px;}
#sub-cont.intro-05 .boxArea .box .big-img{text-align:center; margin-top:30px; width:100%; }
#sub-cont.intro-05 .boxArea .box .big-img span{display:inline-block;}
#sub-cont.intro-05 .boxArea .box .big-img img{max-width:1000px; }
#sub-cont.intro-05 .boxArea .box .big-img center{margin-top:20px;}
#sub-cont.intro-05 h6 + p{margin-top:0;}

#sub-cont.intro-05 .titleArea.mb{margin-bottom:70px;}
#sub-cont.intro-05 .titleArea.t{margin-top:70px;}

#sub-cont.intro-05 .process{box-sizing:border-box; padding:0 15px; margin-top:30px;}
#sub-cont.intro-05 .process ul{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
#sub-cont.intro-05 .process ul li{width:100%; margin-bottom:15px; background:#f7f7f7; border-radius:5px; }
#sub-cont.intro-05 .process ul li + li{ }
#sub-cont.intro-05 .process ul li.on{ }
#sub-cont.intro-05 .process ul li h2{font-size:16px; border-top-left-radius:5px; border-top-right-radius:5px; color:#fff; padding:10px 15px; background:var(--c2); background-size:; background-position:center; background-image:url('/imgs/grid-line.png'); box-sizing:border-box;}
#sub-cont.intro-05 .process ul li p{box-sizing:border-box; padding:15px; }
#sub-cont.intro-05 .process ul li + span{position:relative; width:10%; text-align:center;}

#sub-cont.intro-05 .cont2{box-sizing:border-box; padding:0 15px; margin-top:30px;}
#sub-cont.intro-05 .cont2 ul{}
#sub-cont.intro-05 .cont2 ul li{margin-bottom:5px; display:flex; align-items:center; padding:5px; background:#f9f9f9; border-radius:10px; box-sizing:border-box;}
#sub-cont.intro-05 .cont2 ul li div{display:inline-block; margin-right:15px; width:30px; height:30px; background:var(--c1); border-radius:50%; color:#fff; display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:bold;}

#sub-cont.intro-05 .cont3{box-sizing:border-box; padding:0 15px; margin-top:30px;}
#sub-cont.intro-05 .cont3 ul{border:1px solid #eee;}
#sub-cont.intro-05 .cont3 ul li{padding:5px;  }
#sub-cont.intro-05 .cont3 ul li:nth-child(odd){background:#f4f4f4;}
#sub-cont.intro-05 .cont3 ul li b{}



@media all and (min-width:768px){
  #sub-cont.intro-05>.in + .in{margin-top:150px;}
  #sub-cont.intro-05 .boxArea{margin-top:50px;}
  #sub-cont.intro-05 .boxArea .box{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
  #sub-cont.intro-05 .boxArea .box + .box{margin-top:200px;}
  #sub-cont.intro-05 .boxArea .box .img{width:53%; height:500px; box-sizing:border-box; }
  #sub-cont.intro-05 .boxArea .box .txt{width:47%; box-sizing:border-box; padding:0 0 0 5%;}
  #sub-cont.intro-05 .boxArea .box .txt .titleArea h3{font-size:20px; margin-bottom:20px;}

  #sub-cont.intro-05 .boxArea .box:nth-child(even){flex-direction:row-reverse;}
  #sub-cont.intro-05 .boxArea .box:nth-child(even) .txt{max-width:700px; margin-left:auto; padding:0 5% 0 1%;;}

  #sub-cont.intro-05 .boxArea .box .big-img{margin-top:50px;}
  #sub-cont.intro-05 .boxArea .box .big-img center{margin-top:35px; }

  #sub-cont.intro-05 .process ul{flex-wrap:nowrap; align-items:initial; }
  #sub-cont.intro-05 .process ul li{margin-bottom:0; width:calc(100% / 3 - 15px); }
  #sub-cont.intro-05 .process ul li h2{font-size:20px; text-align:center;}
  #sub-cont.intro-05 .process ul li p{padding:30px 15px;}
  #sub-cont.intro-05 .process ul li + span i{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); font-size:20px; font-weight:900;}

  #sub-cont.intro-05  .titleArea h6{ font-size:24px;}

  #sub-cont.intro-05 .cont2 ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
  #sub-cont.intro-05 .cont2 ul li{font-size:17px; width:calc(100% / 2 - 15px); padding:15px;}
  #sub-cont.intro-05 .cont2 ul li div{width:50px; height:50px; font-size:17px;}

  #sub-cont.intro-05 .cont3 ul li{padding:15px 25px;  font-size:17px;}

  #sub-cont.intro-05 .titleArea.mb{margin-bottom:100px;}
  #sub-cont.intro-05 .titleArea.t{margin-top:100px;}



}







#sub-cont.intro-06 .cont{margin-top:30px; }
#sub-cont.intro-06 .cont .map{margin-bottom:40px; }
#sub-cont.intro-06 .cont .map .cont{display:none;}
#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{margin-top:70px; }
  #sub-cont.intro-06 .cont table tr td{font-size:17px; }
}






#sub-cont.intro-07 .cont ul{margin-top:50px;}
#sub-cont.intro-07 .cont ul li{width:100%;   border:1px solid #ddd; border-radius:10px;   padding:15px; box-sizing:border-box}
#sub-cont.intro-07 .cont ul li + li{margin-top:15px;}
#sub-cont.intro-07 .cont ul li .img{margin-bottom:20px; text-align:center;}
#sub-cont.intro-07 .cont ul li .img img{width:100px; }
#sub-cont.intro-07 .cont ul li .txt{ ;   }
#sub-cont.intro-07 .cont ul li b{font-size:16px; margin-bottom:20px; display:block; }
#sub-cont.intro-07 .cont ul li p{font-size:14px;}

#sub-cont.lab .cont.cont2 ul li{background:#fff; border:1px solid #ddd;}

#sub-cont.lab .titleArea.tt{margin-top:100px;}


@media all and (min-width:768px){
  #sub-cont.lab .img.top{margin:100px auto;}
  #sub-cont.intro-07 .cont ul{width:calc(100% + 15px); margin-left:-15px; margin-top:100px; display:flex; flex-wrap:wrap;}
  #sub-cont.intro-07 .cont ul li{width:calc(100% / 4 - 15px); margin:0 0 15px 15px; padding:50px 35px; }
  #sub-cont.intro-07 .cont ul li + li{margin-top:0; margin-left:15px;}
  #sub-cont.intro-07 .cont ul li .img{ margin-bottom:50px;}
  #sub-cont.intro-07 .cont ul li .img img{width:150px;}
  #sub-cont.intro-07 .cont ul li .txt{ }
  #sub-cont.intro-07 .cont ul li b{font-size:20px;}
  #sub-cont.intro-07 .cont ul li p{font-size:16px;}

  #sub-cont.lab .titleArea.tt{margin-top:110px;}
}









#sub-cont.intro-055{padding-left:0; padding-right:0;}
#sub-cont.intro-055>.in{max-width:1920px; }
#sub-cont.intro-055 .boxArea{}
#sub-cont.intro-055 .boxArea .box{position:relative;}
#sub-cont.intro-055 .boxArea .box + .box{margin-top:100px;}
#sub-cont.intro-055 .boxArea .box .img{height:300px; overflow:hidden;}
#sub-cont.intro-055 .boxArea .box .img img{width:100%; height:100%; object-fit:cover; object-position:center;}
#sub-cont.intro-055 .boxArea .box .txt{box-sizing:border-box; padding:20px;}


@media all and (min-width:768px){
  #sub-cont.intro-055 .boxArea .box{display:flex; justify-content:space-between; align-items:center;}
  #sub-cont.intro-055 .boxArea .box + .box{margin-top:200px;}
  #sub-cont.intro-055 .boxArea .box .img{width:53%; height:400px; box-sizing:border-box; }
  #sub-cont.intro-055 .boxArea .box .txt{width:47%; box-sizing:border-box; padding:0 5%;}

  #sub-cont.intro-055 .boxArea .box:nth-child(even){flex-direction:row-reverse;}
  #sub-cont.intro-055 .boxArea .box:nth-child(even) .txt{max-width:700px; margin-left:auto; padding:0 0 0 1%;;}

}









#sub-cont.intro-00{}
#sub-cont.intro-00 .titleArea{margin-bottom:30px; }
#sub-cont.intro-00 .root_daum_roughmap{width:100% !important;}
#sub-cont.intro-00 .box{margin-top:100px;}
#sub-cont.intro-00 .tableArea{margin-top:50px;}
#sub-cont.intro-00 .tableArea b{font-size:14px;}


@media all and (min-width:768px){
  #sub-cont.intro-00 .box{margin-top:150px;}
  #sub-cont.intro-00 .tableArea b{font-size:17px;}

}









#sub-cont.lab{}
#sub-cont.lab .img.top{margin:50px auto;}
#sub-cont.lab .cont2{}

#sub-cont.lab .cont ul{margin-top:50px;}
#sub-cont.lab .cont ul li{width:100%;   background:#f9f9f9;  border-radius:10px;   padding:15px; box-sizing:border-box}
#sub-cont.lab .cont ul li + li{margin-top:15px;}
#sub-cont.lab .cont ul li .img{ box-sizing:border-box; padding:10px; background:#fff; }
#sub-cont.lab .cont ul li .txt{ ;   }
#sub-cont.lab .cont ul li b{font-size:16px; margin-bottom:20px; display:block;}
#sub-cont.lab .cont ul li p{font-size:14px;}

#sub-cont.lab .cont.cont2 ul li{background:#fff; border:1px solid #ddd;}

#sub-cont.lab .titleArea.tt{margin-top:100px;}


@media all and (min-width:768px){
  #sub-cont.lab .img.top{margin:100px auto;}
  #sub-cont.lab .cont ul{width:calc(100% + 15px); margin-left:-15px; display:flex; justify-content:center;}
  #sub-cont.lab .cont ul li{width:calc(100% / 3 - 15px);  padding:50px 35px; }
  #sub-cont.lab .cont ul li + li{margin-top:0; margin-left:15px;}
  #sub-cont.lab .cont ul li .txt{ }
  #sub-cont.lab .cont ul li b{font-size:20px;}
  #sub-cont.lab .cont ul li p{font-size:16px;}

  #sub-cont.lab .titleArea.tt{margin-top:110px;}
}








#sub-cont.research-01{}
#sub-cont.research-01 .cont{margin-top:40px; background:#f3f7fb; max-width:1000px; box-sizing:border-box; padding:30px 10px;; margin-left:auto; margin-right:auto; }
#sub-cont.research-01 .cont .wrap1{text-align:center;  margin:0 auto;}
#sub-cont.research-01 .cont .wrap1 .top{}
#sub-cont.research-01 .cont .wrap1 .top span{display:block;   padding:15px 20px; background-color:var(--c1); background-size:; background-position:center; background-image:url('/imgs/grid-line.png'); color:#fff; font-size:17px; border-radius:10px; box-sizing:border-box;}
#sub-cont.research-01 .cont .wrap1 .top span b{}
#sub-cont.research-01 .cont .wrap1 .arr{margin:10px 0; opacity:0.6;}
#sub-cont.research-01 .cont .wrap1 ul{}
#sub-cont.research-01 .cont .wrap1 ul li{width:100%; color:#fff; font-size:15px; border-radius:10px; background:var(--c2); color:#fff; padding:10px 20px; box-sizing:border-box;}
#sub-cont.research-01 .cont .wrap1 ul li + li{margin-top:5px;}

#sub-cont.research-01 .cont .wrap2{margin-top:50px; }
#sub-cont.research-01 .cont .wrap2 ul{}
#sub-cont.research-01 .cont .wrap2 ul li{width:100%; _background:#f4f4f4; }
#sub-cont.research-01 .cont .wrap2 ul li h2{position:relative; font-size:16px; box-sizing:border-box; padding:10px; color:#fff; background:#ddd; }
#sub-cont.research-01 .cont .wrap2 ul li h2:before {position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  opacity:1;  background-image: url('/imgs/bg_line_black_a07.png');  background-repeat: repeat;  content: "";}
#sub-cont.research-01 .cont .wrap2 ul li p{position:relative; box-sizing:border-box; padding:15px; font-weight:300; }
#sub-cont.research-01 .cont .wrap2 ul li p:before {display:none; position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  opacity:1;  background-image: url('/imgs/bg_line_black_a07.png');  background-repeat: repeat;  content: "";}

#sub-cont.research-01 .cont .wrap2 ul li:nth-child(1) h2{background:#61a094;}
#sub-cont.research-01 .cont .wrap2 ul li:nth-child(2) h2{background:#746b3c;}
#sub-cont.research-01 .cont .wrap2 ul li:nth-child(3) h2{background:#2d837d;}
#sub-cont.research-01 .cont .wrap2 ul li:nth-child(4) h2{background:#365c8a;}

#sub-cont.research-01 .cont .wrap4{margin-top:50px; margin-left:auto; margin-right:auto; max-width:1000px; }
#sub-cont.research-01 .cont .wrap4 ul{}
#sub-cont.research-01 .cont .wrap4 ul li{width:100%; box-sizing:border-box; }
#sub-cont.research-01 .cont .wrap4 ul li h2{ font-size:16px; box-sizing:border-box; padding:10px; color:var(--c1);  }
#sub-cont.research-01 .cont .wrap4 ul li p{ box-sizing:border-box; padding:15px; font-weight:300; }
#sub-cont.research-01 .cont .wrap4 b{font-weight:bold; color:var(--c1);}
#sub-cont.research-01 .cont .wrap4 p + h2{margin-top:50px;}


#sub-cont.research-01 .cont-top{margin-bottom:50px;}


#sub-cont.research-01 .boxArea{margin-bottom:50px;}
#sub-cont.research-01 .boxArea .box{position:relative;}
#sub-cont.research-01 .boxArea .box + .box{margin-top:100px;}
#sub-cont.research-01 .boxArea .box .img{height:300px; overflow:hidden;}
#sub-cont.research-01 .boxArea .box .img img{width:100%; height:100%; object-fit:cover; object-position:center;}
#sub-cont.research-01 .boxArea .box .txt{box-sizing:border-box; padding:20px;}


#sub-cont.research-01 .cont .wrap3{margin:0 auto 30px auto;; max-width:1000px; padding:10px; text-align:center; font-size:16px;  border-radius:5px;  box-sizing:border-box; background:var(--c2); color:#fff;   }


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

  #sub-cont.research-01 .cont{margin-top:100px; padding:100px 50px; }
  #sub-cont.research-01 .cont .wrap1 .top{}
  #sub-cont.research-01 .cont .wrap1 .top span{display:inline-block; padding:25px 80px; font-size:25px; }
  #sub-cont.research-01 .cont .wrap1 .arr{margin:20px 0; }
  #sub-cont.research-01 .cont .wrap1 ul{display:flex; justify-content:space-between; }
  #sub-cont.research-01 .cont .wrap1 ul li{width:calc(100% / 3 - 10px); font-size:19px; padding:15px; }
  #sub-cont.research-01 .cont .wrap1 ul li + li{margin-top:0;}

  #sub-cont.research-01 .cont .wrap2{margin-top:100px; max-width:1000px; }
  #sub-cont.research-01 .cont .wrap2 ul{display:flex; justify-content:space-between; flex-wrap:wrap;}
  #sub-cont.research-01 .cont .wrap2 ul li{width:calc(100% / 2 - 20px); }
  #sub-cont.research-01 .cont .wrap2 ul li:nth-child(n+3){margin-top:40px; }
  #sub-cont.research-01 .cont .wrap2 ul li h2{padding:15px; font-size:20px; font-weight:normal; text-align:center;}
  #sub-cont.research-01 .cont .wrap2 ul li p{padding:50px 30px; font-size:19px; }

  #sub-cont.research-01 .cont .wrap3{margin-top:; font-size:20px;}

  #sub-cont.research-01 .cont .wrap4 ul{display:flex; justify-content:space-between; flex-wrap:wrap;}
  #sub-cont.research-01 .cont .wrap4 ul li{width:calc(100% / 2 - 10px);  background:#fff;  padding:40px 40px; border-radius:5px; }
  #sub-cont.research-01 .cont .wrap4 ul li:nth-child(n+3){margin-top:20px;}
  #sub-cont.research-01 .cont .wrap4 ul li h2{ font-size:19px; padding:0;  margin-bottom:20px; text-align:center; }
  #sub-cont.research-01 .cont .wrap4 ul li p{ padding:0; }

  #sub-cont.research-01 .cont-top{margin-bottom:100px;}

  #sub-cont.research-01 .boxArea{margin-bottom:150px;}
  #sub-cont.research-01 .boxArea .box{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
  #sub-cont.research-01 .boxArea .box + .box{margin-top:200px;}
  #sub-cont.research-01 .boxArea .box .img{width:45%; height:500px; box-sizing:border-box; }
  #sub-cont.research-01 .boxArea .box .txt{width:55%; box-sizing:border-box; padding:0 0 0 5%;}
  #sub-cont.research-01 .boxArea .box .txt .titleArea h3{font-size:20px; margin-bottom:20px;}

  #sub-cont.research-01 .boxArea .box:nth-child(even){flex-direction:row-reverse;}
  #sub-cont.research-01 .boxArea .box:nth-child(even) .txt{max-width:700px; margin-left:auto; padding:0 5% 0 1%;;}


}






#sub-cont.research-02{overflow:hidden;}
#sub-cont.research-02 .cont{margin-top:40px;   box-sizing:border-box;  margin-left:auto; margin-right:auto; }
#sub-cont.research-02 .cont .wrap1{text-align:center;  margin:0 auto; position:relative; z-index:11;}
#sub-cont.research-02 .cont .wrap1 .top{  border-radius:10px; display:inline-block; width:100%;}
#sub-cont.research-02 .cont .wrap1 .top span{display:block; width:100%; margin-bottom:10px; font-weight:bold; padding:15px 20px; background-color:var(--c2); background-size:; background-position:center; background-image:url('/imgs/grid-line.png'); color:#fff; font-size:17px; border-radius:10px; box-sizing:border-box;}
#sub-cont.research-02 .cont .wrap1 .top p{display:block; padding:15px 20px; font-size:14px;  border:1px solid #ddd; border-radius:10px; display:inline-block; width:100%; box-sizing:border-box;}
#sub-cont.research-02 .cont .wrap1 .arr{margin:10px 0; opacity:0.4;}
#sub-cont.research-02 .cont .wrap1 .arr img{-webkit-filter:grayscale(1); filter:grayscale(1);;}
#sub-cont.research-02 .cont .wrap1 ul{}
#sub-cont.research-02 .cont .wrap1 ul li{width:100%;   background:#f9f9f9;  border-radius:10px;}
#sub-cont.research-02 .cont .wrap1 ul li + li{margin-top:15px;}
#sub-cont.research-02 .cont .wrap1 ul li .img{ box-sizing:border-box; padding:10px; background:#fff; }
#sub-cont.research-02 .cont .wrap1 ul li .txt{   padding:15px; box-sizing:border-box;   }
#sub-cont.research-02 .cont .wrap1 ul li .txt h2{font-size:16px; margin-bottom:20px;}
#sub-cont.research-02 .cont .wrap1 ul li .txt p{}

#sub-cont.research-02 .in2{position:relative; padding:100px 20px;  margin-top:100px; background:#f9f9f9; overflow:hidden;}
#sub-cont.research-02 .in2:after{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.1; _background-image:url('/imgs/research/bg2.png'); background-position:center; background-size:cover; z-index:11; content:"";}
#sub-cont.research-02 .process-2{margin-top:50px;}
#sub-cont.research-02 .wrap2{position:relative;  box-sizing:border-box;  max-width:1400px; margin:0 auto; z-index:12; }
#sub-cont.research-02 .wrap2 ul{ position:relative; z-index:11;}
#sub-cont.research-02 .wrap2 ul li{position:relative; background:#fff; box-sizing:border-box; padding:20px; border-radius:10px;  }
#sub-cont.research-02 .wrap2 ul li + li{margin-top:10px; }
#sub-cont.research-02 .wrap2 ul li b{}
#sub-cont.research-02 .wrap2 ul li .top{font-size:16px; margin-bottom:10px; color:var(--c1);}
#sub-cont.research-02 .wrap2 ul li h2{font-size:16px; margin-bottom:10px; }
#sub-cont.research-02 .wrap2 ul li .img{}
#sub-cont.research-02 .wrap2 ul li .img img{}
#sub-cont.research-02 .wrap2 ul li .box{}
#sub-cont.research-02 .wrap2 ul li .box + .box{border-top:1px solid #eee;}
#sub-cont.research-02 .wrap2 ul li .box .img{margin-bottom:5px;}
#sub-cont.research-02 .wrap2 ul li .box p{}


#sub-cont.research-02 .org{margin-top:30px;}
#sub-cont.research-02 .org .img{margin-bottom:40px; padding:0 15px; box-sizing:border-box;}

#sub-cont.research-02 .org .table{  box-sizing:border-box;  }
#sub-cont.research-02 .org ul{}
#sub-cont.research-02 .org ul li{position:relative; z-index:11; border-radius:15px; overflow:hidden; width:100%; background:#f4f4f4; box-sizing:border-box; transition:0.2s;}
#sub-cont.research-02 .org ul li.on{background:#409cf3;  color:#fff;   }
#sub-cont.research-02 .org ul li + li{margin-top:5px;}
#sub-cont.research-02 .org ul li .top{width:100%; display:flex; align-items:center; padding:15px 0 0 15px; box-sizing:border-box;}
#sub-cont.research-02 .org ul li .top b{font-weight:600; font-size:16px;  color:var(--c1); }
#sub-cont.research-02 .org ul li .top p{  margin-left:10px; font-weight:400; }
#sub-cont.research-02 .org ul li .box{width:100%;  padding:15px; box-sizing:border-box; }



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

  #sub-cont.research-02 .cont{margin-top:100px;   }
  #sub-cont.research-02 .cont .wrap1 .top{width:40%;}
  #sub-cont.research-02 .cont .wrap1 .top span{display:inline-block; padding:20px 60px; font-size:22px; }
  #sub-cont.research-02 .cont .wrap1 .top p{font-size:17px; padding:40px 25px; }
  #sub-cont.research-02 .cont .wrap1 .arr{margin:20px 0; }
  #sub-cont.research-02 .cont .wrap1 ul{ display:flex; justify-content:center; }
  #sub-cont.research-02 .cont .wrap1 ul li{width:calc(100% / 3 - 15px);   }
  #sub-cont.research-02 .cont .wrap1 ul li + li{margin-top:0; margin-left:15px;}
  #sub-cont.research-02 .cont .wrap1 ul li .txt{padding:40px 25px; }
  #sub-cont.research-02 .cont .wrap1 ul li .txt h2{font-size:20px;}
  #sub-cont.research-02 .cont .wrap1 ul li .txt p{}
  #sub-cont.research-02 .wrap2 ul li .box{ }

  #sub-cont.research-02 .in2{padding:150px 20px; margin-top:150px; }
  #sub-cont.research-02 .process-2{margin-top:70px;}
  #sub-cont.research-02 .wrap2{ }
  #sub-cont.research-02 .wrap2:after{position:absolute; top:-100px; left:-5000px; width:10000px; height:3000px; background:#000; opacity:0; content:""; z-index:1; }
  #sub-cont.research-02 .wrap2 ul{display:flex; flex-wrap:wrap; width:calc(100% + 15px); margin-left:-15px;}
  #sub-cont.research-02 .wrap2 ul li{  width:calc(100% / 3 - 15px); padding:40px 30px; margin:0 0 15px 15px;}
  #sub-cont.research-02 .wrap2 ul li + li{margin-top:0; }
  #sub-cont.research-02 .wrap2 ul li .top{font-size:20px; margin-bottom:20px;}
  #sub-cont.research-02 .wrap2 ul li h2{font-size:20px; margin-bottom:20px; }
  #sub-cont.research-02 .wrap2 ul li b{top:-35px; width:70px; height:70px;  }


  #sub-cont.research-02 .org{margin-top:150px;}
  #sub-cont.research-02 .org .img{padding:0; }
  #sub-cont.research-02 .org .table{margin-top:50px; }
  #sub-cont.research-02 .org ul{display:flex; justify-content:space-between; flex-wrap:wrap; border-top:2px solid var(--c1); }
  #sub-cont.research-02 .org ul li{width:calc(100% / 4 ); background:#fff; margin-bottom:10px; min-height:60px; box-sizing:border-box; padding:0; }
  #sub-cont.research-02 .org ul li + li{margin-top:0;}
  #sub-cont.research-02 .org ul li .top{padding:20px 0 ;}
  #sub-cont.research-02 .org ul li .top b{  font-size:22px;}
  #sub-cont.research-02 .org ul li .box{font-size:15.5px; padding:0 50px 0 0;}
  #sub-cont.research-02 .org ul.grid3{justify-content:flex-start; }
  #sub-cont.research-02 .org ul.grid3 li{  }
  #sub-cont.research-02 .org ul.grid5 li{width:calc(100% / 5 );}



}











#sub-cont.research-06{padding-left:0; padding-right:0;}
#sub-cont.research-06>.in{ }
#sub-cont.research-06>.in>.titleArea{box-sizing:border-box; padding-left:15px;}
#sub-cont.research-06 .boxArea{margin-top:50px;}
#sub-cont.research-06 .boxArea .box{position:relative;}
#sub-cont.research-06 .boxArea .box + .box{margin-top:100px;}
#sub-cont.research-06 .boxArea .box .img{height:300px; overflow:hidden;}
#sub-cont.research-06 .boxArea .box .img img{width:100%; height:100%; object-fit:cover; object-position:center;}
#sub-cont.research-06 .boxArea .box .txt{box-sizing:border-box; padding:20px;}
#sub-cont.research-06 .boxArea .box .big-img{text-align:center; margin-top:30px; width:100%; }
#sub-cont.research-06 .boxArea .box .big-img span{display:inline-block;}
#sub-cont.research-06 .boxArea .box .big-img img{max-width:1000px; }
#sub-cont.research-06 .boxArea .box .big-img center{margin-top:20px;}

#sub-cont.research-06 .boxArea .box p b{margin-top:15px; margin-bottom:5px; display:block; color:#111;}
#sub-cont.research-06 .boxArea .box p{color:#666;}

@media all and (min-width:768px){
  #sub-cont.research-06 .boxArea{margin-top:150px;}
  #sub-cont.research-06 .boxArea .box{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
  #sub-cont.research-06 .boxArea .box + .box{margin-top:200px;}
  #sub-cont.research-06 .boxArea .box .img{width:40%; height:600px; box-sizing:border-box; }
  #sub-cont.research-06 .boxArea .box .img span{display:block; height:100%;}
  #sub-cont.research-06 .boxArea .box .txt{width:60%; box-sizing:border-box; padding:0 0 0 5%;}
  #sub-cont.research-06 .boxArea .box .txt .titleArea h3{font-size:20px; margin-bottom:20px;}

  #sub-cont.research-06 .boxArea .box:nth-child(even){flex-direction:row-reverse;}
  #sub-cont.research-06 .boxArea .box:nth-child(even) .txt{max-width:800px; margin-left:auto; padding:0 5% 0 1%;;}

  #sub-cont.research-06 .boxArea .box .big-img{margin-top:50px;}
  #sub-cont.research-06 .boxArea .box .big-img center{margin-top:35px; }

}







#sub-cont.network-02 .titleArea.top{margin-bottom:50px;}
#sub-cont.network-02 .cont ul{margin-top:50px;}
#sub-cont.network-02 .cont ul li{width:100%;   border:1px solid #ddd; border-radius:10px;   padding:15px; box-sizing:border-box}
#sub-cont.network-02 .cont ul li + li{margin-top:15px;}
#sub-cont.network-02 .cont ul li .img{margin-bottom:20px; text-align:center;}
#sub-cont.network-02 .cont ul li .img img{width:100px; }
#sub-cont.network-02 .cont ul li .txt{ ;   }
#sub-cont.network-02 .cont ul li b{font-size:16px; margin-bottom:20px; display:block; }
#sub-cont.network-02 .cont ul li p{font-size:14px;}

#sub-cont.network-02 .boxArea{margin-top:50px;}
#sub-cont.network-02 .boxArea .box{position:relative;}
#sub-cont.network-02 .boxArea .box + .box{margin-top:100px;}
#sub-cont.network-02 .boxArea .box .img{height:300px; overflow:hidden;}
#sub-cont.network-02 .boxArea .box .img img{width:100%; height:100%; object-fit:cover; object-position:center;}
#sub-cont.network-02 .boxArea .box .txt{box-sizing:border-box; padding:20px;}
#sub-cont.network-02 .boxArea .box .big-img{text-align:center; margin-top:30px; width:100%; }
#sub-cont.network-02 .boxArea .box .big-img span{display:inline-block;}
#sub-cont.network-02 .boxArea .box .big-img img{max-width:1000px; }
#sub-cont.network-02 .boxArea .box .big-img center{margin-top:20px;}

#sub-cont.network-02 .boxArea .box p b{margin-top:15px; margin-bottom:5px; display:block; color:#111;}
#sub-cont.network-02 .boxArea .box p{color:#666;}




@media all and (min-width:768px){
  #sub-cont.network-02 .titleArea.top{margin-bottom:100px;}
  #sub-cont.network-02 .cont ul{width:calc(100% + 15px); margin-left:-15px; margin-top:100px; display:flex; flex-wrap:wrap;}
  #sub-cont.network-02 .cont ul li{width:calc(100% / 4 - 15px); margin:0 0 15px 15px; padding:50px 35px; }
  #sub-cont.network-02 .cont ul li + li{margin-top:0; margin-left:15px;}
  #sub-cont.network-02 .cont ul li .img{ margin-bottom:50px;}
  #sub-cont.network-02 .cont ul li .img img{width:150px;}
  #sub-cont.network-02 .cont ul li .txt{ }
  #sub-cont.network-02 .cont ul li b{font-size:20px;}
  #sub-cont.network-02 .cont ul li p{font-size:16px;}

  #sub-cont.network-02 .boxArea{margin-top:150px;}
  #sub-cont.network-02 .boxArea .box{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
  #sub-cont.network-02 .boxArea .box + .box{margin-top:200px;}
  #sub-cont.network-02 .boxArea .box .img{width:40%; height:600px; box-sizing:border-box; }
  #sub-cont.network-02 .boxArea .box .img span{display:block; height:100%;}
  #sub-cont.network-02 .boxArea .box .txt{width:60%; box-sizing:border-box; padding:0 0 0 5%;}
  #sub-cont.network-02 .boxArea .box .txt .titleArea h3{font-size:20px; margin-bottom:20px;}

  #sub-cont.network-02 .boxArea .box:nth-child(even){flex-direction:row-reverse;}
  #sub-cont.network-02 .boxArea .box:nth-child(even) .txt{max-width:800px; margin-left:auto; padding:0 5% 0 1%;;}

  #sub-cont.network-02 .boxArea .box .big-img{margin-top:50px;}
  #sub-cont.network-02 .boxArea .box .big-img center{margin-top:35px; }



}

























#sub-cont.lists .cont{margin-top:50px;}
#sub-cont.lists .pg_wrap{display:block; margin-top:50px; float:none;  text-align:center;}

#sub-cont.lists .tableArea table{}
#sub-cont.lists .tableArea table tr{}
#sub-cont.lists .tableArea table tr th{vertical-align:middle; text-align:center;}
#sub-cont.lists .tableArea table tr td{vertical-align:middle;}
#sub-cont.lists .tableArea table tr td.cen{text-align:center;}
#sub-cont.lists .tableArea table tr td span.mo-only-exp{display:none;}
#sub-cont.lists .tableArea table tr td b{color:#db4141; font-weight:600;}
#sub-cont.lists .tableArea table tr td span.name{display:block;}




@media all and (max-width:767px){

  #sub-cont.lists .tableArea table{display:block; border:0;}
  #sub-cont.lists .tableArea table thead{display:none; }
  #sub-cont.lists .tableArea table thead tr{}
  #sub-cont.lists .tableArea table thead tr th{}
  #sub-cont.lists .tableArea table tbody{display:block;}
  #sub-cont.lists .tableArea table tbody tr{display:flex; flex-wrap:wrap; ;  box-sizing:border-box; padding:15px; background:#f4f4f4; border-radius:5px; }
  #sub-cont.lists .tableArea table tbody tr + tr{margin-top:10px; }
  #sub-cont.lists .tableArea table tbody tr th{display:block; border:0; }
  #sub-cont.lists .tableArea table tbody tr td{display:block; width:50%; border:0; text-align:left; padding:5px; box-sizing:border-box;}
  #sub-cont.lists .tableArea table tbody tr td + td td{margin-top:5px; }
  #sub-cont.lists .tableArea table tbody tr td.cen{text-align:left;}
  #sub-cont.lists .tableArea table tbody tr td.w-100{width:100%; }
  #sub-cont.lists .tableArea table tbody tr td span.mo-only-exp{display:inline-block; font-weight:bold; margin-right:10px; }



}


@media all and (min-width:768px){
  #sub-cont.lists .cont{margin-top:70px;}
  #sub-cont.lists .pg_wrap{margin-top:70px; }
  #sub-cont.lists .tableArea table tr td b{font-size:16px;}
}








#sub-cont.edu-01{}
#sub-cont.edu-01>.in{}

#sub-cont.edu-01 .cont{margin-top:50px;}
#sub-cont.edu-01 .process{}
#sub-cont.edu-01 .process ul{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
#sub-cont.edu-01 .process ul li{width:90%; margin-bottom:15px; background:#f7f7f7; border-radius:5px; }
#sub-cont.edu-01 .process ul li + li{ }
#sub-cont.edu-01 .process ul li.on{ }
#sub-cont.edu-01 .process ul li h2{font-size:16px; border-top-left-radius:5px; border-top-right-radius:5px; color:#fff; padding:10px 15px; background:var(--c2); background-size:; background-position:center; background-image:url('/imgs/grid-line.png'); box-sizing:border-box;}
#sub-cont.edu-01 .process ul li p{box-sizing:border-box; padding:15px; }
#sub-cont.edu-01 .process ul li + span{position:relative; width:10%; text-align:center;}

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

  #sub-cont.edu-01 .cont{margin-top:70px;}
  #sub-cont.edu-01 .process ul{flex-wrap:nowrap; align-items:initial;}
  #sub-cont.edu-01 .process ul li{margin-bottom:0; }
  #sub-cont.edu-01 .process ul li h2{font-size:20px; text-align:center;}
  #sub-cont.edu-01 .process ul li p{padding:30px 15px;}
  #sub-cont.edu-01 .process ul li + span i{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); font-size:20px; font-weight:900;}


}








#sub-cont.edu-02{}
#sub-cont.edu-02>.in{}

#sub-cont.edu-02 .cont{margin-top:50px;}
#sub-cont.edu-02 .process{max-width:900px; margin-bottom:30px;}
#sub-cont.edu-02 .process ul{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
#sub-cont.edu-02 .process ul li{position:relative; width:calc(100% / 2 - 5px);  padding:20px 5px; border-radius:5px; border:2px solid #ddd; box-sizing:border-box;   border-radius:5px; }
#sub-cont.edu-02 .process ul li:nth-child(n+3){margin-top:10px;}
#sub-cont.edu-02 .process ul li.on{ }
#sub-cont.edu-02 .process ul li h2{position:absolute;  font-weight:500; font-size:16px; width:80px; height:80px; line-height:1.2; text-align:center; display:flex; justify-content:center; align-items:center; border-radius:50%; color:#fff;  background:var(--c2); background-size:; background-position:center; background-image:url('/imgs/grid-line.png'); box-sizing:border-box;}

#sub-cont.edu-02 .process ul li:nth-child(1){border-bottom-right-radius:30px; }
#sub-cont.edu-02 .process ul li:nth-child(2){border-bottom-left-radius: 30px; }
#sub-cont.edu-02 .process ul li:nth-child(3){border-top-right-radius:   30px; }
#sub-cont.edu-02 .process ul li:nth-child(4){border-top-left-radius:    30px; }

#sub-cont.edu-02 .process ul li:nth-child(1) h2{bottom:-10px; right:-10px;  }
#sub-cont.edu-02 .process ul li:nth-child(2) h2{bottom:-10px; left: -10px;  }
#sub-cont.edu-02 .process ul li:nth-child(3) h2{top:   -10px; right:-10px;  }
#sub-cont.edu-02 .process ul li:nth-child(4) h2{top:   -10px; left: -10px;  }

#sub-cont.edu-02 .box{width:100%; margin-bottom:15px; background:#f7f7f7; border-radius:5px; }
#sub-cont.edu-02 .box h2{font-size:16px; border-top-left-radius:5px; border-top-right-radius:5px; color:#fff; padding:10px 15px; background:var(--c2); background-size:; background-position:center; background-image:url('/imgs/grid-line.png'); box-sizing:border-box;}
#sub-cont.edu-02 .box p{box-sizing:border-box; padding:15px; }




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

  #sub-cont.edu-02 .cont{margin-top:70px;}
  #sub-cont.edu-02 .process ul{ align-items:initial;}
  #sub-cont.edu-02 .process ul li{margin-bottom:0; padding:50px; border-radius:50px;}
  #sub-cont.edu-02 .process ul li h2{font-size:25px;  width:120px; height:120px; line-height:1; }

  #sub-cont.edu-02 .process ul li:nth-child(1) h2{bottom:-15px; right:-15px;  }
  #sub-cont.edu-02 .process ul li:nth-child(2) h2{bottom:-15px; left: -15px;  }
  #sub-cont.edu-02 .process ul li:nth-child(3) h2{top:   -15px; right:-15px;  }
  #sub-cont.edu-02 .process ul li:nth-child(4) h2{top:   -15px; left: -15px;  }

  #sub-cont.edu-02 .box{margin-bottom:0; }
  #sub-cont.edu-02 .box h2{font-size:20px; text-align:center;}
  #sub-cont.edu-02 .box p{padding:30px 15px; font-size:16px; }


}


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

  #sub-cont.edu-02 .cont{display:flex;   align-items:flex-start; justify-content:space-between;}
  #sub-cont.edu-02 .process{}
  #sub-cont.edu-02 .box{max-width:450px; }


}








#sub-cont.edu-04{}
#sub-cont.edu-04>.in{}

#sub-cont.edu-04 .boxArea{margin-top:50px;}
#sub-cont.edu-04 .boxArea .box{position:relative;}
#sub-cont.edu-04 .boxArea .box + .box{margin-top:100px;}
#sub-cont.edu-04 .boxArea .box .img{height:300px; overflow:hidden;}
#sub-cont.edu-04 .boxArea .box .img img{width:100%; height:100%; object-fit:cover; object-position:center;}
#sub-cont.edu-04 .boxArea .box .txt{box-sizing:border-box; padding:20px;}

#sub-cont.edu-04 .cont{margin-top:50px;}
#sub-cont.edu-04 .process{}
#sub-cont.edu-04 .process ul{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
#sub-cont.edu-04 .process ul li{width:90%; margin-bottom:15px; background:#f7f7f7; border-radius:5px; }
#sub-cont.edu-04 .process ul li + li{ }
#sub-cont.edu-04 .process ul li.on{ }
#sub-cont.edu-04 .process ul li h2{font-size:16px; border-top-left-radius:5px; border-top-right-radius:5px; color:#fff; padding:10px 15px; background:var(--c2); background-size:; background-position:center; background-image:url('/imgs/grid-line.png'); box-sizing:border-box;}
#sub-cont.edu-04 .process ul li p{box-sizing:border-box; padding:15px; }
#sub-cont.edu-04 .process ul li + span{position:relative; width:10%; text-align:center;}

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

  #sub-cont.edu-04 .cont{margin-top:100px;}

  #sub-cont.edu-04 .boxArea{margin-top:70px;}
  #sub-cont.edu-04 .boxArea .box{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
  #sub-cont.edu-04 .boxArea .box + .box{margin-top:200px;}
  #sub-cont.edu-04 .boxArea .box .img{width:53%; height:500px; box-sizing:border-box; }
  #sub-cont.edu-04 .boxArea .box .txt{width:47%; box-sizing:border-box; padding:0 0 0 5%;}
  #sub-cont.edu-04 .boxArea .box .txt .titleArea h3{font-size:20px; margin-bottom:20px;}

  #sub-cont.edu-04 .boxArea .box:nth-child(even){flex-direction:row-reverse;}
  #sub-cont.edu-04 .boxArea .box:nth-child(even) .txt{max-width:700px; margin-left:auto; padding:0 5% 0 1%;;}

  #sub-cont.edu-04 .process ul{flex-wrap:nowrap; align-items:initial;}
  #sub-cont.edu-04 .process ul li{margin-bottom:0; }
  #sub-cont.edu-04 .process ul li h2{font-size:20px; text-align:center;}
  #sub-cont.edu-04 .process ul li p{padding:30px 15px;}
  #sub-cont.edu-04 .process ul li + span i{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); font-size:20px; font-weight:900;}


}













.process-1{}
.process-1 ul{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.process-1 ul li{background:#f7f7f7; padding:10px 15px; border-radius:10px; margin:2px;}
.process-1 ul li.on{ }
.process-1 ul span{}




@media all and (min-width:768px){
  .process-1 ul{flex-wrap:nowrap;}
  .process-1 ul li{padding:25px 5%;}
  .process-1 ul span i{font-size:20px; font-weight:900;}


}








/* 연혁 */
.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 span{font-size:17px;}


}












.pagination-1{text-align:center; margin-top:50px; }
.pagination-1 ul{display:flex; justify-content:center; align-items:center; }
.pagination-1 ul li{}
.pagination-1 ul li a{display:block;  line-height:20px; vertical-align:middle; color:#999;}
.pagination-1 ul li a i{vertical-align:middle; font-weight:100; }
.pagination-1 ul li.num{}
.pagination-1 ul li.arrow{}
.pagination-1 ul li.first{}
.pagination-1 ul li.prev{margin-right:5px;}
.pagination-1 ul li.next{margin-left:5px;}
.pagination-1 ul li.last{}
.pagination-1 ul li.num a{ padding:0 7px;}
.pagination-1 ul li.arrow a{}
.pagination-1 ul li.first a{}
.pagination-1 ul li.prev a{}
.pagination-1 ul li.next a{}
.pagination-1 ul li.last a{}
.pagination-1 ul li.on a{text-decoration:underline; color:#000; }



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

  .pagination-1{margin-top:100px; }

}











#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; }
}










/* 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:#333; 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:#666; 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 #333; border-bottom:2px solid #333;}
  #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{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{background:#666;}


@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% / 4 - 20px);  margin-left:20px; }
}















/* 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;}













/**/