@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; font-size:12px;}
.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:17px; height:40px; line-height:40px; text-align:left; margin-bottom:10px; font-weight:700;}
.path-title .titleArea h2 span{position:relative; background:#faf7f4; 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:20px;}
  .path-title .titleArea i{font-size:20px;}
  .path-title .path ul li{font-size:13px;}
}


.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:20px; }
  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 h2{font-size:20px; line-height:; font-weight:600; margin-bottom:10px;}
#sub-cont .titleArea h3{font-size:17px; line-height:; font-weight:600; margin-bottom:20px;}
#sub-cont .titleArea h4{font-size:16px; line-height:; font-weight:600; margin-bottom:10px;}
#sub-cont .titleArea h5{font-size:15px; line-height:; font-weight:600; margin-bottom:10px;}
#sub-cont .titleArea h6{font-size:14px; line-height:; font-weight:600; margin-bottom:10px;}
#sub-cont .titleArea p{font-size:13px;  margin-top:30px;}
#sub-cont .titleArea p strong{font-size:14px;}

#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:100px;}

  #sub-cont .titleArea h2{font-size:30px;;  margin-bottom:30px; }
  #sub-cont .titleArea h3{font-size:25px; margin-bottom:20px;}
  #sub-cont .titleArea h4{font-size:22px;  margin-bottom:20px; }
  #sub-cont .titleArea h5{font-size:19px;  margin-bottom:20px; }
  #sub-cont .titleArea h6{font-size:16px;  margin-bottom:20px; }
  #sub-cont .titleArea p{font-size:15px;;  margin-top:50px;}
  #sub-cont .titleArea p strong{font-size:16px;}

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

}


#sub-cont .swiper-button-prev{}
#sub-cont .swiper-button-next{}

#sub-cont .swiper-button-prev:after,
#sub-cont .swiper-button-next:after{color:#000; font-size:15px;}

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

  #sub-cont .swiper-button-prev:after,
  #sub-cont .swiper-button-next:after{font-size:25px;}
}





#sub-cont .txtList.flex{}
#sub-cont .txtList .img{}
#sub-cont .txtList .txt{}


@media all and (min-width:768px){
  #sub-cont .txtList.flex{display:flex;}
  #sub-cont .txtList.flex{align-items:center;}
  #sub-cont .txtList.flex.reverse{flex-direction:row-reverse;}
}






#sub-cont.sub-01-01 .cont1{}
#sub-cont.sub-01-01 .cont1 .img{margin-bottom:30px;}
#sub-cont.sub-01-01 .cont1.reverse{margin-top:50px;}

@media all and (min-width:768px){
  #sub-cont.sub-01-01 .cont1 .img{width:30%; margin:0;}
  #sub-cont.sub-01-01 .cont1 .txt{width:70%; box-sizing:border-box; padding-left:5%;}
  #sub-cont.sub-01-01 .cont1.reverse{margin-top:100px;}
  #sub-cont.sub-01-01 .cont1.reverse .txt{padding:0 5% 0 0;}
}



#sub-cont.sub-01-02 ul{}
#sub-cont.sub-01-02 ul li{width:100%;}
#sub-cont.sub-01-02 ul li + li{margin-top:50px;}

#sub-cont.sub-01-02 .swiper{margin-bottom:50px;}
#sub-cont.sub-01-02 .swiper img{border-radius:5px;}

  @media all and (min-width:768px){
    #sub-cont.sub-01-02 ul{}
    #sub-cont.sub-01-02 ul li{width:48%; margin-bottom:100px;}
    #sub-cont.sub-01-02 ul li + li{margin-top:0;}
    #sub-cont.sub-01-02 ul li:nth-child(even){margin-left:4%;}

    #sub-cont.sub-01-02 .swiper{margin-bottom:100px;}
  }




#sub-cont.sub-01-03 .cont1{}
#sub-cont.sub-01-03 .cont1 .img{margin-bottom:30px;}
#sub-cont.sub-01-03 .cont1.reverse{margin-top:50px;}

@media all and (min-width:768px){
  #sub-cont.sub-01-03 .cont1 .img{width:40%; margin:0;}
  #sub-cont.sub-01-03 .cont1 .txt{width:60%; box-sizing:border-box; padding-left:5%;}
  #sub-cont.sub-01-03 .cont1.reverse{ }
  #sub-cont.sub-01-03 .cont1.reverse .txt{padding:0 5% 0 0;}
}




#sub-cont.sub-01-04{}
#sub-cont.sub-01-04 .root_daum_roughmap_landing,
#sub-cont.sub-01-04 .root_daum_roughmap .wrap_map{width:100% !important;}
#sub-cont.sub-01-04 .root_daum_roughmap .cont{display:none;}
#sub-cont.sub-01-04 .img{margin-bottom:30px;}

@media all and (min-width:768px){
  #sub-cont.sub-01-04 .img{margin-bottom:50px;}
}




#sub-cont.sub-02-01{}
#sub-cont.sub-02-01 .img{margin-bottom:30px;}

@media all and (min-width:768px){
  #sub-cont.sub-02-01 .img{margin-bottom:50px;}
}


















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













/**/