@charset "utf-8";





                        /*
                                                          subpage                                   //
                        */





.path-title{max-width:1400px; margin:0 auto; padding:30px 15px 0 15px;}
.path-title .path{margin-bottom:10px;}
.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:var(--c1); font-weight:bold;}

.path-title .titleArea{}
.path-title .titleArea h2{position:relative; color:#101010; font-size:25px; height:40px; line-height:40px; text-align:left; margin-bottom:10px; font-weight:700;}
.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 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:var(--c1);}


@media all and (min-width:768px){
  .path-title{padding:50px 15px 0 15px;}
  .path-title .path{margin-bottom:30px;}
  .path-title .titleArea h2{font-size:45px;}
  .path-title .titleArea i{font-size:20px;}
}


.overflow-x-mobile{overflow-x:auto;}
.overflow-x-mobile.mr-15{margin-right:-15px; padding-right:15px;}
.overflow-x-mobile.w-800>*{min-width:800px;}

.overflow-x-mobile::-webkit-scrollbar{display:none;}
.overflow-x-mobile::-webkit-scrollbar-thumb{display:none;}

.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 #000;}
.tableArea table.center{text-align:center;}
.tableArea table tr{}
.tableArea table tr th{padding:10px 5px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.tableArea table tr td{padding:10px 5px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.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 #eee;}
.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 #eee;}
.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 #101010;}
.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;}
}


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

@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:#101010; cursor:pointer; margin-left:-1px; position:relative; z-index:10;}
.top-tabArea ul li:hover{}
.top-tabArea ul li.on{border-color:#101010; 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;}
}


.top-tabArea.type1{}
.top-tabArea.type1 ul{}
.top-tabArea.type1 ul li{width:50%; text-align:center; border:1px solid #ddd; background:#fff; box-sizing:border-box; margin:0; margin-bottom:-1px;  padding:0; }
.top-tabArea.type1 ul li a{display:block; transition:0.3s;}
.top-tabArea.type1 ul li:hover a{background:#f4f4f4;}
.top-tabArea.type1 ul li.on{border:1px solid var(--c1)}
.top-tabArea.type1 ul li.on a{display:block; color:#fff; background:var(--c1); box-shadow:5px 5px 20px rgba(0,0,0,0.15); }
.top-tabArea.type1 ul li:nth-child(even){ margin-left:-1px;}

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

  .top-tabArea.type1 ul{display:flex; justify-content:space-between;; flex-wrap:nowrap;}
  .top-tabArea.type1 ul li{width:100%; margin:0; margin-left:-1px;  }

}

span.l{position:relative; display:block; margin-bottom:3px; padding-left:13px; box-sizing:border-box;}
span.l:after{position:absolute; top:8px; left:0;  width:3px; height:3px; background:#ccc; border-radius:50%; content:"";}
span.l-num{position:relative; display:block; margin-bottom:3px; padding-left:25px; box-sizing:border-box;}
span.l-num span{position:absolute; top:4px; left:0;  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:25px; }
  span.l:after{top:10px; width:4px; height:4px; }
  span.l-num{padding-left:30px; }
  span.l-num span{top:5px; left:0;  font-size:13px;}

}




#sub-cont .sub-place{position:absolute; top:-100px; left:0; width:1px; height:1px; opacity:0;}




#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 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.1; font-weight:600; margin-bottom:10px;}
#sub-cont .titleArea h6{font-size:16px; line-height:1.1; 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;}


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

  #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.about-01{}
#sub-cont.about-01 .top-img{height:400px; _margin-top:50px; margin-bottom:50px;}
#sub-cont.about-01 .top-img img{width:100%; height:100%; object-position:center; object-fit:cover;}
#sub-cont.about-01 .in2{padding:100px 0 0 0; box-sizing:border-box;}
#sub-cont.about-01 .cont-wrap{_background:#f9f9f9; _margin-top:100px; padding:0 15px;}
#sub-cont.about-01 .cont-wrap>.in{max-width:1400px; margin:0 auto;}
#sub-cont.about-01 .cont{margin-top:20px;}
#sub-cont.about-01 .cont ul{margin:0 -5px; width:auto;}
#sub-cont.about-01 .cont ul li{width:50%; box-sizing:border-box; padding:5px; margin-bottom:30px;}
#sub-cont.about-01 .cont ul li:nth-child(even){position:relative; top:-15px;}
#sub-cont.about-01 .cont ul li .img{margin-bottom:15px;}
#sub-cont.about-01 .cont ul li .txt{}
#sub-cont.about-01 .cont ul li .txt h2{background:var(--c1); color:#fff; text-align:center; border:2px solid var(--c1); padding:10px; box-sizing:border-box; margin-bottom:5px; font-size:14px; }
#sub-cont.about-01 .cont ul li .txt p{border:2px solid var(--c1); font-size:15px; padding:10px; box-sizing:border-box; }

#sub-cont.about-01 .vimeo-area{padding-top:100px;}
#sub-cont.about-01 .vimeo-area>.in{max-width:1200px; margin:0 auto;}
#sub-cont.about-01 .vimeo-area iframe{overflow:hidden; border-radius:10px;}

#sub-cont.about-01 .cont-wrap2{background:#f9f9f9; margin-top:100px; padding:50px 15px;}
#sub-cont.about-01 .cont2{ }
#sub-cont.about-01 .cont2 .titleArea{}
#sub-cont.about-01 .cont2 .titleArea h1{margin-bottom:20px;}
#sub-cont.about-01 .cont2 .titleArea h4{margin-bottom:15px;}
#sub-cont.about-01 .cont2 .titleArea h4 span{display:inline-block; padding:7px 25px; background:var(--c1); color:#fff; border-radius:50px;}
#sub-cont.about-01 .cont2 .titleArea h6{line-height:1.4;}
#sub-cont.about-01 .cont2 .titleArea p{margin-top:20px;}
#sub-cont.about-01 .cont2 .l10{display:block; margin:30px auto; width:1px; height:30px; background:#ccc; }

#sub-cont.about-01 .cont3{margin-top:100px;}
#sub-cont.about-01 .cont3>.in{max-width:1400px; margin:0 auto;}
#sub-cont.about-01 .cont3 ul{display:flex; flex-wrap:wrap;  margin-top:30px;}
#sub-cont.about-01 .cont3 ul li{padding:40px 20px; width:calc(100% / 2); background:#f9f9f9; box-sizing:border-box;}
#sub-cont.about-01 .cont3 ul li:nth-child(1){}
#sub-cont.about-01 .cont3 ul li:nth-child(2){background:#fff;}
#sub-cont.about-01 .cont3 ul li:nth-child(3){background:#fff;}
#sub-cont.about-01 .cont3 ul li:nth-child(4){}
#sub-cont.about-01 .cont3 ul li h6{font-weight:bold; color:var(--c1);}
#sub-cont.about-01 .cont3 ul li p{margin-top:20px;}


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

  #sub-cont.about-01 .top-img{height:400px; _margin-top:150px; margin-bottom:150px;}
  #sub-cont.about-01 .in2{position:relative; padding:150px 0 0 25%;}
  #sub-cont.about-01 .in2 .titleArea{position:absolute; top:170px; left:0;}
  #sub-cont.about-01 .cont-wrap{_margin-top:150px; padding:0 20px;}
  #sub-cont.about-01 .cont ul li{width:33%; padding:15px; margin-bottom:60px;}
  #sub-cont.about-01 .cont ul li:nth-child(even){ top:-25px; margin-bottom:30px;}
  #sub-cont.about-01 .cont ul li .img{margin-bottom:30px;}
  #sub-cont.about-01 .cont ul li .txt h2{font-size:20px; margin-bottom:10px;}
  #sub-cont.about-01 .cont ul li .txt p{padding:50px 30px; font-size:17px; }
  #sub-cont.about-01 .vimeo-area{padding-top:150px;}


  #sub-cont.about-01 .cont-wrap2{margin-top:150px; padding:100px 20px;}
  #sub-cont.about-01 .cont2{ }
  #sub-cont.about-01 .cont2 .titleArea h1{margin-bottom:40px;}
  #sub-cont.about-01 .cont2 .titleArea h4{font-size:27px;}
  #sub-cont.about-01 .cont2 .titleArea h4 span{padding:12px 35px;}
  #sub-cont.about-01 .cont2 .titleArea p{margin-top:30px;}
  #sub-cont.about-01 .cont2 .l10{margin:70px auto; height:50px;}

  #sub-cont.about-01 .cont3{margin-top:150px;}
  #sub-cont.about-01 .cont3 ul{margin-top:50px; _max-width:1000px; margin-left:auto; margin-right:auto;}
  #sub-cont.about-01 .cont3 ul li{_width:calc(100% / 4); padding:60px 50px;}
  /* #sub-cont.about-01 .cont3 ul li:nth-child(1){}
  #sub-cont.about-01 .cont3 ul li:nth-child(2){}
  #sub-cont.about-01 .cont3 ul li:nth-child(3){background:#f9f9f9;}
  #sub-cont.about-01 .cont3 ul li:nth-child(4){background:#fff;} */
  #sub-cont.about-01 .cont3 ul li h2{}
  #sub-cont.about-01 .cont3 ul li p{margin-top:30px;}
}














#sub-cont.about-02{_overflow-x:hidden; _overflow-y:visible; }
#sub-cont.about-02 .titleArea{position:relative;}
#sub-cont.about-02 .bottom{padding-bottom:100px;}
#sub-cont.about-02 .bottom:after{display:none; position:absolute; bottom:0; left:0; width:100%; height:100%;  content:""; z-index:-1;}
#sub-cont.about-02>.in{}
#sub-cont.about-02 h2{position:relative; margin-bottom:50px;}
#sub-cont.about-02 h2:after{display:none; position:absolute; top:80px; left:0; width:20px; height:2px; background:var(--c1); content:"";}
#sub-cont.about-02 p{width:100%;}
#sub-cont.about-02 p b{font-size:16px;}
#sub-cont.about-02 p strong{color:var(--c1);}
#sub-cont.about-02 p i{display:inline-block; margin-left:10px; font-style:normal; font-family:'Nanum Brush Script'; font-size:25px; font-weight:normal;}
#sub-cont.about-02 p span{display:block; margin:20px 0; width:20px; height:2px; background:var(--c1); border:0;}
#sub-cont.about-02 .img{position:relative; width:80%; margin:50px auto; text-align:center;}
#sub-cont.about-02 .img:before{position:absolute;  bottom:0; left:0; width:100%; height:80%; background:var(--c1); content:"";}
#sub-cont.about-02 .img:after{position:absolute;  bottom:0; left:0; width:100%; height:80%; background:#f4f4f4; content:"";}
#sub-cont.about-02 .img img{position:relative; z-index:11;}



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

  #sub-cont.about-02{}
  #sub-cont.about-02 .bottom{position:relative; _padding-top:80px; padding-bottom:300px; padding-right:55%; box-sizing:border-box;}
  #sub-cont.about-02 .bottom:after{left:-2000px; width:10000px; background:#f9f9f9;}
  #sub-cont.about-02 h2{margin-bottom:80px;}
  #sub-cont.about-02 h2:after{top:150px; width:70px;}
  #sub-cont.about-02 p{  box-sizing:border-box; margin:0;}
  #sub-cont.about-02 p b{font-size:22px;}
  #sub-cont.about-02 p i{font-size:40px;  margin-left:20px; }
  #sub-cont.about-02 p span{margin:40px 0; width:30px;}

  #sub-cont.about-02 .img{position:absolute; max-width:550px; bottom:230px; right:0; width:50%; margin:0;}
  #sub-cont.about-02 .img:before{}

}



#sub-cont.about-03{}
#sub-cont.about-03 .img{position:relative;}
#sub-cont.about-03 .img:after{position:absolute; bottom:0; left:0; width:100%; height:50%;  _background:#f9f9f9; content:""; z-index:-1;}
#sub-cont.about-03 .img span{position:relative; display:inline-block; z-index:11; background:#fff;}
#sub-cont.about-03 .img span img{}
#sub-cont.about-03 .in-1{margin-top:50px; margin-bottom:50px; max-width:initial; text-align:center; padding:15px; border-radius:10px; background:#f9f9f9; box-sizing:border-box;}
#sub-cont.about-03 .in-1 .titleArea{max-width:1000px; margin:0 auto; padding:50px 0; }
#sub-cont.about-03 .in-1 b{color:var(--c1)}
#sub-cont.about-03 ul{margin-top:50px;}
#sub-cont.about-03 ul li{width:50%; height:150px; position:relative; box-sizing:border-box; padding:10px;}
#sub-cont.about-03 ul li.main{width:100%;}
#sub-cont.about-03 ul li:nth-child(1){background:#006FC0;}
#sub-cont.about-03 ul li:nth-child(2){background:#FDC13B;}
#sub-cont.about-03 ul li:nth-child(3){background:#EC1C24;}
#sub-cont.about-03 ul li:nth-child(4){background:#8e9091;}
#sub-cont.about-03 ul li:nth-child(5){background:#89744f;}
#sub-cont.about-03 ul li h3{color:#fff; font-weight:500;}
#sub-cont.about-03 ul li p{color:#fff; position:absolute; bottom:10px; left:10px; font-size:11px;}


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

  #sub-cont.about-03 .in-1{margin-top:150px; margin-bottom:150px;}
  #sub-cont.about-03 .in-1 .titleArea{padding:100px 0; }
  #sub-cont.about-03 ul{margin-top:80px;}
  #sub-cont.about-03 ul li{height:230px; padding:20px; width:18.5%; transition:width 0.3s;}
  #sub-cont.about-03 ul li.main{width:26%;}
  #sub-cont.about-03 ul:hover li{width:17.5%;}
  #sub-cont.about-03 ul li:hover{width:30%;}
  #sub-cont.about-03 ul li p{font-size:15px; left:20px; bottom:15px; opacity:0; transition:0.2s 0.2s;}
  #sub-cont.about-03 ul li:hover p{ bottom:20px; opacity:1;}

}


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





#sub-cont.about-05 .org{}
#sub-cont.about-05 .org .img{margin-bottom:40px;}
#sub-cont.about-05 .org ul{}
#sub-cont.about-05 .org ul li{display:flex; align-items:center; width:100%; background:#f9f9f9; box-sizing:border-box; padding:10px; transition:0.2s;}
#sub-cont.about-05 .org ul li.on{background:var(--c1); color:#fff;}
#sub-cont.about-05 .org ul li:nth-child(1){padding:20px 10px;}
#sub-cont.about-05 .org ul li + li{margin-top:2px;}
#sub-cont.about-05 .org ul li b{font-weight:normal; width:50px;  }
#sub-cont.about-05 .org ul li p{ margin-right:20px; font-size:16px; font-weight:500; }
#sub-cont.about-05 .org ul li:last-child span{font-weight:500;}
#sub-cont.about-05 .org ul li span{}
#sub-cont.about-05 .org ul li span + span{margin-left:15px;}


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

  #sub-cont.about-05 .org{display:flex; justify-content:space-between; box-sizing:border-box; }
  #sub-cont.about-05 .org .img{width:40%; max-width:450px;}
  #sub-cont.about-05 .org .table{width:55%; }
  #sub-cont.about-05 .org ul li:hover{ }


}

@media all and (min-width:1000px){
  #sub-cont.about-05 .org ul{display:flex; justify-content:space-between; flex-wrap:wrap;}
  #sub-cont.about-05 .org ul li{width:calc(100% / 2 - 2px); margin-bottom:4px; min-height:60px; box-sizing:border-box; padding:10px 25px; }
  #sub-cont.about-05 .org ul li:nth-child(1){width:calc(100% - 2px);  min-height:100px; padding:10px 25px;  }
  #sub-cont.about-05 .org ul li:last-child{width:calc(100% - 2px);}
  #sub-cont.about-05 .org ul li + li{margin-top:0; }
  #sub-cont.about-05 .org ul li b{width:70px; font-size:15px;}
  #sub-cont.about-05 .org ul li p{font-size:18px;}
  #sub-cont.about-05 .org ul li span{font-size:15px;}
}




#sub-cont.about-06 .map{}
#sub-cont.about-06 .map .root_daum_roughmap_landing,
#sub-cont.about-06 .map .root_daum_roughmap .wrap_map{width:100% !important; height:500px !important;}
#sub-cont.about-06 .txt{box-sizing:border-box; padding:25px; background:#f9f9f9; }
#sub-cont.about-06 .txt h1{margin-bottom:20px;}
#sub-cont.about-06 .txt ul{}
#sub-cont.about-06 .txt ul li{display:flex;}
#sub-cont.about-06 .txt ul li + li{margin-top:3px;}
#sub-cont.about-06 .txt ul li i{width:30px;  padding-top:5px;}
#sub-cont.about-06 .txt ul li h2{margin-right:15px; }
#sub-cont.about-06 .txt ul li span {  }
#sub-cont.about-06 .txt ol{margin-top:50px;}
#sub-cont.about-06 .txt ol li{margin-right:4px;}
#sub-cont.about-06 .txt ol li a{display:inline-block; padding:10px 20px;  border:2px solid var(--c1); color:var(--c1); transition:0.3s;}
#sub-cont.about-06 .txt ol li a i{margin-left:20px; line-height:inherit; font-size:12px;}
#sub-cont.about-06 .txt ol li a:hover{background:var(--c1); color:#fff;}

@media all and (min-width:768px){
  #sub-cont.about-06 .txt{padding:50px;}
  #sub-cont.about-06 .txt h1{margin-bottom:40px;}

}



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


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

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

}




#sub-cont.support-01 .top-img{}
#sub-cont.support-01 .top-in .titleArea{margin-left:auto; position:relative; _margin-top:-10%; _width:90%; background:#fff; box-sizing:border-box; _padding:5%;}
#sub-cont.support-01 .in2{margin-top:100px;}
#sub-cont.support-01 .in2 .cont{margin-top:50px;}
#sub-cont.support-01 .in2 .cont ul{width:101%; margin-left:-1%;}
#sub-cont.support-01 .in2 .cont ul li{width:49%; margin-left:1%; margin-bottom:50px;}
#sub-cont.support-01 .in2 .cont ul li .img{height:300px; margin-bottom:15px; border-bottom-right-radius:15px; background:#f9f9f9;  }
#sub-cont.support-01 .in2 .cont ul li .txt{}
#sub-cont.support-01 .in2 .cont ul li .txt h2{margin-bottom:15px;}
#sub-cont.support-01 .in2 .cont ul li .txt p{}
#sub-cont.support-01 .in3{text-align:center; padding:50px; background:#f9f9f9; box-sizing:border-box; margin-top:100px;}

#sub-cont.support-01 .in4{ }
#sub-cont.support-01 .in4 .l10{display:block; margin:30px auto; width:1px; height:30px; background:#ccc; }
#sub-cont.support-01 .in4 .titleArea p{margin-top:10px;}
#sub-cont.support-01 .in4 .cont{text-align:center; margin-top:20px; }
#sub-cont.support-01 .in4 .cont li{margin:0 2px;}
#sub-cont.support-01 .in4 .cont li a{border-radius:10px; line-height:40px;}

#sub-cont.support-01 .in4 .info-mypage{margin-top:50px;}
#sub-cont.support-01 .in4 .info-mypage a{line-height:30px; border-radius:10px;}


#sub-cont.support-01 .in4 .cont2{margin-top:30px;}
#sub-cont.support-01 .in4 .cont2 h1{font-weight:600; font-size:20px; margin-bottom:15px;}
#sub-cont.support-01 .in4 .cont2 ul{}
#sub-cont.support-01 .in4 .cont2 ul li{width:100%; border:1px solid #ddd; border-radius:5px; padding:20px 30px;; text-align:center; box-sizing:border-box;}
#sub-cont.support-01 .in4 .cont2 ul li + li{margin-top:10px;}
#sub-cont.support-01 .in4 .cont2 ul li .ico{}
#sub-cont.support-01 .in4 .cont2 ul li .ico img{max-width:100px;}
#sub-cont.support-01 .in4 .cont2 ul li .txt{}
#sub-cont.support-01 .in4 .cont2 ul li .txt h3{font-weight:normal; font-size:12px; color:#999;}
#sub-cont.support-01 .in4 .cont2 ul li .txt h2{font-weight:600; font-size:15px; margin-bottom:10px;}
#sub-cont.support-01 .in4 .cont2 ul li .txt p{font-size:13px; }
#sub-cont.support-01 .in4 .cont2 ul li .txt p span{margin-top:5px; display:block; color:#999; font-size:12px;}
#sub-cont.support-01 .in4 .cont2 ul li.type2{background:#f8faff; border:0;}

#sub-cont.support-01 .in4 .cont3{margin-top:50px;}
#sub-cont.support-01 .in4 .cont3 h1{font-weight:600; font-size:20px; margin-bottom:15px;}

#sub-cont.support-01 .in4 .cont4{margin-top:50px;}
#sub-cont.support-01 .in4 .cont4 .txt{}
#sub-cont.support-01 .in4 .cont4 .img{box-sizing:border-box; padding:8%;}
#sub-cont.support-01 .in4 .cont4 h2{font-weight:600; font-size:20px; margin-bottom:15px;}
#sub-cont.support-01 .in4 .cont4 p{font-size:13px; }

#sub-cont.support-01 .cont5{margin-top:50px;}
#sub-cont.support-01 .cont5 .tableArea{}
#sub-cont.support-01 .cont5 .tableArea .bg{background:#f9f9f9; font-weight:bold;}
#sub-cont.support-01 .cont5 .tableArea b{color:var(--c1)}


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

  #sub-cont.support-01 .top-img{ }
  #sub-cont.support-01 .in2 .cont ul li{width:24%; margin-bottom:0;}
  #sub-cont.support-01 .in2 .cont ul li .img{height:400px;}
  #sub-cont.support-01 .in3{margin-top:150px;}

  #sub-cont.support-01 .in4 .l10{margin:70px auto; height:50px;}
  #sub-cont.support-01 .in4 .cont{margin-top:50px;}
  #sub-cont.support-01 .in4 .titleArea p{margin-top:20px;}
  #sub-cont.support-01 .in4 .cont li a{border-radius:15px; line-height:50px;}

  #sub-cont.support-01 .in4 .info-mypage a{line-height:42px;}

  #sub-cont.support-01 .in4 .cont2{margin-top:100px;}
  #sub-cont.support-01 .in4 .cont2 h1{ font-size:30px; margin-bottom:30px;}
  #sub-cont.support-01 .in4 .cont2 ul{display:flex; flex-wrap:wrap; justify-content:space-between; }
  #sub-cont.support-01 .in4 .cont2 ul li{width:calc(100% / 2 - 10px); margin:0 0 20px 0; display:flex; justify-content:space-between;  padding:30px; transition:0.2s;}
  #sub-cont.support-01 .in4 .cont2 ul li + li{margin-top:0; }
  #sub-cont.support-01 .in4 .cont2 ul li:hover{border-color:var(--c1); }
  #sub-cont.support-01 .in4 .cont2 ul li .ico{width:100px;}
  #sub-cont.support-01 .in4 .cont2 ul li .txt{width:calc(100% - 100px); text-align:left; box-sizing:border-box; padding-left:30px; }
  #sub-cont.support-01 .in4 .cont2 ul li .txt h3{font-size:14px;}
  #sub-cont.support-01 .in4 .cont2 ul li .txt h2{font-size:19px; }
  #sub-cont.support-01 .in4 .cont2 ul li .txt p{font-size:17px;}
  #sub-cont.support-01 .in4 .cont2 ul li .txt p span{font-size:15px;}

  #sub-cont.support-01 .in4 .cont3{margin-top:100px;}
  #sub-cont.support-01 .in4 .cont3 h1{ font-size:30px; margin-bottom:30px;}


  #sub-cont.support-01 .in4 .cont4{margin-top:100px; display:flex; align-items:center;}
  #sub-cont.support-01 .in4 .cont4 .txt{width:70%; }
  #sub-cont.support-01 .in4 .cont4 .img{width:30%; padding:0;}
  #sub-cont.support-01 .in4 .cont4 h2{ font-size:30px; margin-bottom:30px;}
  #sub-cont.support-01 .in4 .cont4 p{font-size:17px;}


  #sub-cont.support-01 .cont5{margin-top:100px;}



}




.process-1{}
.process-1 ul{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.process-1 ul li{width:100%;  background:#f7f7f7; padding:20px 15px; box-sizing:border-box; border-radius:10px; margin:2px; text-align:center; transition:0.2s;}
.process-1 ul li.on{background:var(--c1); color:#fff;}
.process-1 ul li h2{font-weight:600; font-size:15px; margin-bottom:10px; }
.process-1 ul li p{content:13px; }
.process-1 ul span{width:100%; text-align:center;  padding:10px 0; }
.process-1 ul span i{transform:rotate(90deg);}

@media all and (min-width:768px){
  .process-1 ul{flex-wrap:nowrap; align-items:center; }
  .process-1 ul li{padding:35px; text-align:left; min-height:170px;}
  .process-1 ul li h2{font-size:19px; }
  .process-1 ul li p{font-size:17px;}
  .process-1 ul span{width:20%; padding:0;}
  .process-1 ul span i{font-size:20px; font-weight:900; transform:none;}
}












#sub-cont.support-02 .in2{ margin-top:100px; padding:100px 15px; box-sizing:border-box; background:#f9f9f9; }
#sub-cont.support-02 .in2 .cont{max-width:1400px; margin:0 auto;}
#sub-cont.support-02 .in2 .cont ul{width:101%; margin-left:-1%;}
#sub-cont.support-02 .in2 .cont ul li{width:49%; margin-left:1%; margin-bottom:50px; text-align:center; }
#sub-cont.support-02 .in2 .cont ul li a{}
#sub-cont.support-02 .in2 .cont ul li .img{  margin-bottom:10px;}
#sub-cont.support-02 .in2 .cont ul li .txt{}
#sub-cont.support-02 .in2 .cont ul li .txt i{display:inline-block; font-style:normal; padding:3px 5px; background:#333; color:#fff; font-size:12px; margin-right:5px;}


@media all and (min-width:768px){
  #sub-cont.support-02 .in2 .cont ul li{width:19%; }

}



#sub-cont.support-03 .cont{margin-top:50px;  border:5px solid #f4f4f4; padding:30px 20px; box-sizing:border-box; border-radius:15px;}
#sub-cont.support-03 .cont p{position:relative;}
#sub-cont.support-03 .cont p span{  font-size:20px; display:inline-block; font-weight:600; margin-right:-10px; opacity:0.1;}
#sub-cont.support-03 .right{margin-top:20px; text-align:right; opacity:0.6;}


@media all and (min-width:768px){
  #sub-cont.support-03 .cont{margin-top:150px; padding:80px 50px;}
}




#sub-cont.support-04 .titleArea{text-align:center;}

#sub-cont.support-04 .cont-wide{padding:50px 15px; background:#f4f4f4; margin:0 -15px;}
#sub-cont.support-04 .cont-wide>.in{margin-left:auto; margin-right:auto; max-width:1400px; }
#sub-cont.support-04 .cont{}
#sub-cont.support-04 .cont-wide h2{display:none; position:relative;  font-size:17px; font-weight:500; text-align:center; margin-bottom:30px; _font-family: 'Noto Serif KR'; }
#sub-cont.support-04 .cont-wide h2.on{display:block;}
#sub-cont.support-04 .cont-wide h2:after{position:absolute; bottom:-10px; left:50%; margin-left:-10px; width:20px; height:2px; background:#ccc; content:"";}
#sub-cont.support-04 .cont-wide h4{font-size:17px; font-weight:400; margin-top:100px;  text-align:center; _font-family: 'Noto Serif KR'; }
#sub-cont.support-04 .cont .list{width:calc(100% + 10px); margin-left:-10px; }
#sub-cont.support-04 .cont .list .item{width:calc(100% / 2 - 10px); border:1px solid #eee; box-sizing:border-box; padding:20px; background:#fff; box-shadow:5px 5px 15px rgba(0,0,0,0.04); border-radius:10px; margin-left:10px; margin-bottom:20px;}
#sub-cont.support-04 .cont .list .item .img{margin-bottom:10px; position:relative;  height:0; padding-bottom:100%; background:#fff;}
#sub-cont.support-04 .cont .list .item .img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain; object-position:center;}
#sub-cont.support-04 .cont .list .item .txt{text-align:center;}
#sub-cont.support-04 .cont .list .item .txt h3{font-weight:normal;}
#sub-cont.support-04 .cont .list .item .txt b{font-size:14px; font-weight:bold;}
#sub-cont.support-04 .cont .list .item .txt span{font-size:10px; margin:0 5px; color:#ccc;}
#sub-cont.support-04 .cont .list .item .txt i{font-size:12px;  font-style:normal;}


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

  #sub-cont.support-04 .cont-wide{padding:100px 20px; margin:0 -20px;}
  #sub-cont.support-04 .cont{ }
  #sub-cont.support-04 .cont-wide h2{font-size:25px; margin-bottom:70px; }
  #sub-cont.support-04 .cont-wide h2:after{width:30px; margin-left:-15px; bottom:-20px; }
  #sub-cont.support-04 .cont-wide h4{font-size:25px;}
  #sub-cont.support-04 .cont .list{width:calc(100% + 30px); margin-left:-30px; }
  #sub-cont.support-04 .cont .list .item{width:calc(100% / 4 - 30px); margin-left:30px; margin-bottom:30px; transition:0.2s;}
  #sub-cont.support-04 .cont .list .item:hover{border-color:#ccc;}
  #sub-cont.support-04 .cont .list .item .txt b{font-size:17px; }
  #sub-cont.support-04 .cont .list .item .txt span{font-size:10px; margin:0 10px;}
  #sub-cont.support-04 .cont .list .item .txt i{font-size:14px; }
}




#sub-cont .honor-banner{text-align:center; margin-bottom:80px;}
#sub-cont .honor-banner>.in{display:inline-block; position:relative; box-sizing:border-box; padding:0 35px;}
#sub-cont .honor-banner .txt{position:relative; z-index:11;}
#sub-cont .honor-banner .txt h2{ font-size:25px; _font-family:'Cormorant Garamond'; font-weight:600;}
#sub-cont .honor-banner .txt p{color:var(--c1); font-size:15px; }
#sub-cont .honor-banner .img{position:absolute; bottom:-10px; left:0; width:100%; height:100%; opacity:0.3; z-index:1;}
#sub-cont .honor-banner .img img{}



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

  #sub-cont .honor-banner{ margin-bottom:110px;}
  #sub-cont .honor-banner>.in{padding:0 100px;}
  #sub-cont .honor-banner .txt h2{ font-size:40px;}
  #sub-cont .honor-banner .txt p{font-size:20px;}
  #sub-cont .honor-banner .img{bottom:10px;}

}


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

  #sub-cont .honor-banner{ margin-bottom:150px;}
  #sub-cont .honor-banner .txt h2{ font-size:60px;}

}





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





/* 연혁 */
.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;  display:inline-block; vertical-align:top; text-align:left;  width:70px; 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; padding-left:2%;}


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

  .history-wrap .history .box{margin-bottom:100px;}
  .history-wrap .history .box .year{font-size:35px;}


}






body.paper #header{background:#fff;}
body.paper #wrap{background:#f4f4f4; }
body.paper #footer-section2{ }
body.paper #footer{background:#fff;}

#sub-cont.paper-01{}
#sub-cont.paper-01>.in{max-width:1000px; box-sizing:border-box; padding:50px 30px; background:#fff; border-radius:40px;}
#sub-cont.paper-01 .titleArea{margin-bottom:30px;}
#sub-cont.paper-01 .titleArea h4{line-height:1.3;}
#sub-cont.paper-01 .tabArea{text-align:center; margin-bottom:30px;}
#sub-cont.paper-01 .tabArea ul{}
#sub-cont.paper-01 .tabArea ul li{width:calc(100% / 3); border-bottom:1px solid #ccc; opacity:0.4;}
#sub-cont.paper-01 .tabArea ul li a{display:block; padding:10px 5px; cursor:pointer;}
#sub-cont.paper-01 .tabArea ul li.on{ opacity:1; border-color:#333; font-weight:bold;}
#sub-cont.paper-01 article{display:none;}
#sub-cont.paper-01 article.on{display:block; animation:fadeIn 0.3s linear;}
#sub-cont.paper-01 article .box{}
#sub-cont.paper-01 article .box + .box{margin-top:30px;}
#sub-cont.paper-01 article .box h2{font-size:16px; margin-bottom:10px;}
#sub-cont.paper-01 article .box p{}
#sub-cont.paper-01 article .box.line{border-top:1px solid #ddd; padding-top:30px;}
#sub-cont.paper-01 article .box.line p{font-size:17px;;}
#sub-cont.paper-01 article table{border-left:1px solid #eee; border-right:1px solid #eee; }
#sub-cont.paper-01 article table .last{color:var(--c1); font-weight:bold;}
#sub-cont.paper-01 .btnAct{text-align:center; margin-top:50px;}
#sub-cont.paper-01 .btnAct a{padding-top:10px; padding-bottom:10px; border-radius:10px; width: auto;}
#sub-cont.paper-01 .swiper{overflow:visible; margin-bottom:30px;}
#sub-cont.paper-01 .swiper-container{overflow:hidden; border-radius:15px;}
#sub-cont.paper-01 .swiper-button-prev{left:-30px;}
#sub-cont.paper-01 .swiper-button-next{right:-30px;}
#sub-cont.paper-01 .swiper-button-prev:after{color:#000; font-size:20px;}
#sub-cont.paper-01 .swiper-button-next:after{color:#000; font-size:20px;}
#sub-cont.paper-01 .info-mypage{margin-top:50px;}
#sub-cont.paper-01 .info-mypage .btnAct{margin-top:20px;}
#sub-cont.paper-01 .info-mypage .btnAct a{padding-top:5px; padding-bottom:5px;}

@media all and (min-width:768px){
  #sub-cont.paper-01>.in{padding:100px 60px;}
  #sub-cont.paper-01 .titleArea{margin-bottom:70px;}
  #sub-cont.paper-01 .tabArea{margin-bottom:50px;}
  #sub-cont.paper-01 .tabArea ul li{font-size:17px;}
  #sub-cont.paper-01 table.w50{width:50%;}
  #sub-cont.paper-01 article .box + .box{margin-top:50px;}
  #sub-cont.paper-01 article .box h2{font-size:22px; margin-bottom:15px;}
  #sub-cont.paper-01 article .box p{font-size:17px;}
  #sub-cont.paper-01 article .box.line{padding-top:50px;}
  #sub-cont.paper-01 article .box.line p{font-size:19px;  }
  #sub-cont.paper-01 article .box.line p.fs-17{font-size:17px;}
  #sub-cont.paper-01 article .box p.fs-19{font-size:19px;}
  #sub-cont.paper-01 .btnAct{margin-top:100px;}
  #sub-cont.paper-01 .btnAct a{padding-top:13px; padding-bottom:13px; }
  #sub-cont.paper-01 .swiper{ margin-bottom:50px;}
  #sub-cont.paper-01 .swiper-button-prev{left:-40px;}
  #sub-cont.paper-01 .swiper-button-next{right:-40px;}
  #sub-cont.paper-01 .swiper-button-prev:after{font-size:30px;}
  #sub-cont.paper-01 .swiper-button-next:after{font-size:30px;}
  #sub-cont.paper-01 .info-mypage .btnAct a{padding-top:8px; padding-bottom:8px;}
}








body.custom-1 #header{background:#fff; display:none;}
body.custom-1 #wrap{padding:0;}
body.custom-1 #wrap #sub-cont{margin:0; padding:0;}
body.custom-1 #wrap #sub-cont>.in{padding:0; max-width:100%; border-radius:0;}
body.custom-1 #footer-section2{ display:none;}
body.custom-1 #footer{background:#fff; display:none;}
body.custom-1 .bottom-fixed{display:none;}

body.custom-1 #sub-cont>.in{overflow:hidden;}
body.custom-1 #sub-cont .img{display:none; position:relative; width:100%; background-position:center; background-size:cover; height:300px;}
/* body.custom-1 #sub-cont h2{position:absolute; top:20%; left:0; width:100%; box-sizing:border-box; padding:0 15px; display:flex; justify-content:center; align-items:center;} */
body.custom-1 #sub-cont h2{display:flex; justify-content:center; align-items:center; margin-bottom:50px;}
body.custom-1 #sub-cont h2 span{margin-right:10px;}
body.custom-1 #sub-cont h2 span img{width:40px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
body.custom-1 #sub-cont h2 b{color:#fff; font-weight:600; font-size:20px; line-height:1.1;}
body.custom-1 #sub-cont h2 b span{font-size:14px; font-weight:300;}
body.custom-1 #sub-cont .txt{width:100%;	height: 100%; padding:50px 15px;
                          	background: linear-gradient(334deg, #6b97f7, #7525e2, #f7137e);
                          	background-size: 180% 180%;	animation: gradient-animation 6s ease infinite;}
body.custom-1 #sub-cont .txt ul{}
body.custom-1 #sub-cont .txt ul li{position:static;; width:calc(100% / 2 - 25px); background:#fff; border-radius:10px; text-align:center; box-sizing:border-box; padding:15px 20px; margin:5px; }
body.custom-1 #sub-cont .txt ul li[class*="dragging"]{transition:0s}
body.custom-1 #sub-cont .txt ul li:hover{}
body.custom-1 #sub-cont .txt ul li:after{display:none; position:absolute; bottom:-5px; left:50%; width:15px; height:15px; background:#fff; content:""; transform:translateX(-50%) rotate(45deg);}
body.custom-1 #sub-cont .txt ul li p{animation:none; visibility:visible !important; line-height:1.2;}
body.custom-1 #sub-cont .txt ul li span{display:block; margin-top:5px;}

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

  body.custom-1 #sub-cont>.in{}
  body.custom-1 #sub-cont .img{display:none; background:none !important; z-index:9;}
  body.custom-1 #sub-cont h2{position:fixed; top:50%; left:0; margin:0; transform:translateY(-50%); width:100%; height:100%; animation:none; z-index:11;}
  body.custom-1 #sub-cont h2 span img{width:100px;}
  body.custom-1 #sub-cont h2 span{margin-right:25px;}
  body.custom-1 #sub-cont h2 b{font-size:52px; line-height:1.1;}
  body.custom-1 #sub-cont h2 b span{font-size:30px; margin:0;}
  body.custom-1 #sub-cont .txt{width:100%; min-height:100vh; position:relative;  z-index:11;}
  body.custom-1 #sub-cont .txt ul li{position:absolute; width:auto; max-width:200px;  opacity:0; transition:0.3s; z-index:12;}
  body.custom-1 #sub-cont .txt ul li:after{display:block;}
  body.custom-1 #sub-cont .txt ul li.on{opacity:1;}
  body.custom-1 #sub-cont .txt ul li:hover{z-index:11;}
}

@media all and (max-width:768px){
  body.custom-1 #sub-cont .txt{min-height:initial !important;}
  body.custom-1 #sub-cont .txt h2{}
  body.custom-1 #sub-cont .txt ul li{position:static !important; margin-bottom:10px;}
}






@keyframes gradient-animation {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}









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





#sub-cont.board-sub .bo_tit i{display:none;}
#sub-cont.board-sub .bo_notice .notice_icon{color:var(--c1);}
#sub-cont.board-sub .bo_notice td{background:#f9f9f9 !important; border-bottom-color:#ecf0f1 !important;}
























/* 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:#101010;}
.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:#101010; 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;}













/**/