@charset "utf-8";





                        /*
                                                          subpage                                   //
                        */




body{; background:#000;}
#container #contents{padding:60px 15px; box-sizing:border-box;}


@media all and (min-width:768px){
  #container #contents{padding:30px 15px 100px 300px;}
}



#snb{position:fixed; top:50px; left:0;  width:260px;  height:calc(100vh - 50px);  z-index:11; border-top:1px solid #111; background:#222; transition:0.3s;}
#snb>.in{position:relative; padding:30px 15px; box-sizing:border-box; color:#fff; height:inherit;}
#snb nav{}
#snb nav ul{}
#snb nav ul li{opacity:0.6; border-radius:10px; margin-bottom:3px; transition:0.3s;}
#snb nav ul li a{display:flex; font-size:18px; color:#fff; align-items:center; height:55px; box-sizing:border-box; padding:0 20px 0 60px;}

#snb nav ul li.on{opacity:1; background:#444;}
#snb nav ul li.on a{}
#snb nav ul li:hover{opacity:0.8; background:#333;}

#snb nav ul li a{background-size:24px; background-position:20px center; background-repeat:no-repeat;}
#snb nav ul li.dash01 a{background-image:url('/imgs/dash/snb_11.png');   }
#snb nav ul li.dash02 a{background-image:url('/imgs/dash/snb_21.png');   }
#snb nav ul li.dash03 a{background-image:url('/imgs/dash/snb_31.png');   }
#snb nav ul li.dash04 a{background-image:url('/imgs/dash/snb_41.png');   }
#snb nav ul li.dash05 a{background-image:url('/imgs/dash/snb_51.png');   }
#snb nav ul li.logout{opacity:1; position:absolute; bottom:30px; left:15px; background:transparent;}
#snb nav ul li.logout a{background-image:url('/imgs/dash/logout.png');   }

#snb nav ul li.dash01.on a{background-image:url('/imgs/dash/snb_12.png');   }
#snb nav ul li.dash02.on a{background-image:url('/imgs/dash/snb_22.png');   }
#snb nav ul li.dash03.on a{background-image:url('/imgs/dash/snb_32.png');   }
#snb nav ul li.dash04.on a{background-image:url('/imgs/dash/snb_42.png');   }
#snb nav ul li.dash05.on a{background-image:url('/imgs/dash/snb_52.png');   }



@media all and (min-width:900px){
  #snb{top:90px; height:calc(100vh - 90px); }
  #snb>.in{padding:30px 20px;}
}









.path-title{position:relative; margin-bottom:50px; height:400px;  box-sizing:border-box; padding:15px 15px 5px 15px; z-index:11;}
.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:after{position:absolute; top:0; left:0; width:100%; height:100%; content:""; background:#000; opacity:0; z-index:10;}

.path-title.img-1 .bg:after{opacity:0;}
.path-title.img-2 .bg:after{opacity:0.2;}
.path-title.img-3 .bg:after{opacity:0.3;}
.path-title.img-4 .bg:after{opacity:0.2;}




.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{position:absolute; top:50%; left:0; transform:translateY(-50%);  color:#fff;  z-index:11; }
.path-title .titleArea h2{font-size:25px;  margin-bottom:5px; font-weight:500;}
.path-title .titleArea p{font-size:14px; opacity:0.7;}

.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{position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box;  }
.path-title .path ul{}
.path-title .path ul li{position:relative; height:40px; line-height:40px; width:calc(100% / 2 - 25px); font-size:15px; padding-left:15px; box-sizing:border-box; }
.path-title .path ul li + li:after{position:absolute; top:50%; left:0;  opacity:0.3; transform:translateY(-50%); width:1px; height:15px; background:#fff; content:"";  }
.path-title .path ul li a{display:block;    position:relative; color:#fff; cursor:pointer;}
.path-title .path ul li a:after{position:absolute; top:50%; right:10px; transform:translateY(-50%); font-family:'xeicon'; font-size:10px; content:"\e943"; transition:0.3s;}
.path-title .path ul li.home{width:50px; padding-left:0;}
.path-title .path ul li.home a:after{display:none;}
.path-title .path ul li.on a:after{transform:translateY(-50%) rotate(180deg);}

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



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


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

.path-title .tnb ul.d2-all{left:calc(50% + 25px); }
.path-title .tnb ul.d2-all .d1>a{display:none;}
.path-title .tnb ul.d2-all .d2>a{display:block; padding:3px 2px 3px 15px; }
.path-title .tnb ul a:hover{color:#ccc;}


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


@media all and (min-width:768px){
  .path-title{height:550px; margin-bottom:110px;}

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

  .path-title .path ul li{width:300px; height:60px; line-height:60px; font-size:18px; padding-left:25px;}
  .path-title .path ul li a:after{right:20px;}


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




}




.tableArea{}
.tableArea + .tableArea{margin-top:100px;}
.tableArea h2.title{font-size:25px; margin-bottom:20px;}
.tableArea h2.title i{display:inline-block; font-style:normal; font-size:15px; margin-left:40px; font-weight:normal;}
.tableArea table{text-align:left; border-top:2px solid #193c86;}
.tableArea table.center{text-align:center;}
.tableArea table tr{}
.tableArea table tr th{padding:10px 5px; border-top:1px solid #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 #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;}

.tableArea .left{text-align:left !important;}

.tableArea table.type3{border-top:0;}
.tableArea table.type3 thead{background:#333;}
.tableArea table.type3 tr th{color:#fff; border-color:#333;}
.tableArea table.type3 tr td{color:#fff; border-color:#333;}
.tableArea table.type3 a.file{color:#fff; }
.tableArea table.type3 a.file:hover{text-decoration:underline;}

@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:#193c86;}

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




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

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

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




















span.l{position:relative; display:block; margin-bottom:3px; padding-left:8px; 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: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:15px; }
  span.l:after{top:10px; left:0; width:4px; height:4px; }
  span.l-num{padding-left:15px; }
  span.l-num span{top:5px; left:-10px;  font-size:13px;}

}




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




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

#sub-cont .titleArea{margin-bottom:20px; color:#fff;}
#sub-cont .titleArea h2{font-size:19px; font-weight:600; line-height:1.3; margin-bottom:10px;}
#sub-cont .titleArea h3{font-size:14px; font-weight:600; margin-bottom:20px;}
#sub-cont .titleArea h3 span{font-size:12px; margin-left:10px; opacity:0.6; font-weight:400;}
#sub-cont .titleArea h4{font-size:13px; line-height:1.1; font-weight:500; margin-bottom:10px;}
#sub-cont .titleArea h5{font-size:18px; line-height:1.1; font-weight:500; 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 .titleArea p.title{font-size:14px;}

#sub-cont .full-img{margin-left:-15px; margin-right:-15px; }
#sub-cont .full-img img{width:100%; height:100%; object-fit:cover; object-position:center;}
#sub-cont .center{text-align:center;}

#sub-cont .h-400{height:400px;}

@media all and (min-width:768px){
  #sub-cont{padding:0 20px; margin-top:140px;}
  #sub-cont>.in + .in{margin-top:140px;}
  #sub-cont>.in + .full-img{margin-top:100px; margin-bottom:100px;}

  #sub-cont .titleArea{margin-bottom:30px;}
  #sub-cont .titleArea h2{font-size:24px;;  margin-bottom:30px; }
  #sub-cont .titleArea h3{font-size:20px; margin-bottom:30px;}
  #sub-cont .titleArea h3 span{font-size:13px;}
  #sub-cont .titleArea h4{font-size:18px;  margin-bottom:30px; }
  #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 .titleArea p.title{font-size:20px; margin-top:50px;}

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

}



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

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

  #sub-cont .boxArea .box.reverse{flex-direction:row-reverse;}
  #sub-cont .boxArea .box.reverse .txt{max-width:700px; margin-left:auto; padding:0 0 0 1%;; text-align:right;}

}





#sub-cont.dash-01{}
#sub-cont.dash-01 .cont{background-image:url('/imgs/main/bg-c1.jpg'); background-position:center; background-size:cover; padding:15px; border-radius:10px; background:rgba(255,255,255,0.1);}
#sub-cont.dash-01 .cont + .cont{margin-top:10px;}
#sub-cont.dash-01 .cont .box{color:#fff; }
#sub-cont.dash-01 .cont .box + .box{margin-top:20px;}
#sub-cont.dash-01 .cont .box h3{font-size:13px; font-weight:400; margin-bottom:10px; opacity:0.7;}
#sub-cont.dash-01 .cont .box .inputArea{box-sizing:border-box; padding:15px 15px 0 15px; border-radius:10px; background:rgba(255,255,255,0.1);}
#sub-cont.dash-01 .cont .box .inputArea ul{display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap;}
#sub-cont.dash-01 .cont .box .inputArea ul li{margin:0 15px 15px 0;}
#sub-cont.dash-01 .cont .box .inputArea ul li label{display:flex; align-items:center; cursor:pointer; line-height:1;}
#sub-cont.dash-01 .cont .box .inputArea ul li label input{}
#sub-cont.dash-01 .cont .box .inputArea ul li label span{font-size:14px; margin-left:3px;}
#sub-cont.dash-01 .cont .box textarea.inputArea{border:0; font-size:14px; color:#fff; width:100%; min-height:100px; max-height:300px;}
#sub-cont.dash-01 .cont .box textarea.inputArea.min{min-height:50px; padding:15px 25px;}
#sub-cont.dash-01 .cont .box input[type="text"].inputArea{border:0; color:#fff; width:100%; padding:0 25px; height:45px;}

#sub-cont input[type="checkbox"],
#sub-cont input[type="radio"]{ border:0; background:transparent;}
#sub-cont input[type="checkbox"]::before,
#sub-cont input[type="radio"]::before{background:#555; color:#fff; border-radius:5px; height: 20px;  width: 20px;  position: absolute;  content: '✔';  display: inline-block;  font-size: 15px;  text-align: center;  line-height: 20px; transition:0.2s;}
#sub-cont label:hover{opacity:0.7;}
/* #sub-cont label:hover input[type="checkbox"]::before,
#sub-cont label:hover input[type="radio"]::before{color:#111;} */
#sub-cont input[type="checkbox"]:checked::before{background:var(--c1); color:#fff; border-radius:5px;}
#sub-cont input[type="radio"]:checked::before{background:var(--c1); color:#fff; border-radius:5px;}
#sub-cont .buttonArea{margin-top:30px; text-align:right;}


#sub-cont .img-file{padding:14px; background:#111; border-radius:14px;}
#sub-cont .img-file ol{display:flex; gap:14px; margin:0; padding:0; list-style:none; overflow-x:auto;}
#sub-cont .img-file ol li{position:relative; flex:0 0 auto;}
#sub-cont .img-file ol li label{position:relative;display:flex; align-items:center; justify-content:center;  width:140px; height:140px; padding:0; border:0; background:none; border-radius:15px;   cursor:pointer; border:2px dashed rgba(255,255,255,.2); box-sizing:border-box;}
#sub-cont .img-file ol li label:before{position:absolute; top:30px; left:0; width:100%; text-align:center;  content:"+"; line-height:1; color:#fff; font-size:35px; display:block; }
#sub-cont .img-file ol li label:after{position:absolute; top:80px; left:0; width:100%; text-align:center; content:"업로드"; line-height:1;  color:#fff; font-size:18px; display:block;}
#sub-cont .img-file ol li img{position:absolute;; top:-2px; left:-2px; width:140px; height:140px;  max-width:initial; object-fit:cover; object-position:center; display:block; z-index:12; border-radius:15px;}
#sub-cont .img-file ol li em{position:absolute; left:10px; top:5px; width:auto;; padding:3px 5px; font-size:12px; text-align:center; font-weight:700; background:#ffe7e2; color:#ff4b2b; border-radius:5px; z-index:13; font-style:normal;}
#sub-cont .img-file ol li span{position:absolute; left:10px; bottom:5px; width:calc(100% - 20px); padding:6px 0; font-size:12px; text-align:center; font-weight:700; background:#ffe7e2; color:#ff4b2b; border-radius:5px; z-index:13;}
#sub-cont .img-file ol li.on button{}

#sub-cont .img-file ol li input{position:absolute; width:1px; height:1px; overflow:hidden;}
#sub-cont .img-file ol li.upload em{font-size:13px; font-style:normal; margin-top:4px;}
#sub-cont table .buttonArea{display:flex; justify-content:center; flex-wrap:wrap; width:200px; margin:0 auto;;}
#sub-cont table .buttonArea button{font-size:14px;}
#sub-cont table .buttonArea button:nth-child(1){width:calc(100% / 2 - 2px);}
#sub-cont table .buttonArea button:nth-child(2){width:calc(100% / 2 - 2px); margin-left:4px;}
#sub-cont table .buttonArea button:nth-child(3){width:100%; margin-top:4px;}

#sub-cont table .buttonArea.a1 button:nth-child(2){background:#246EE8;}
#sub-cont table .buttonArea.a1 button:nth-child(2):hover{background:#1f5abb;}


#sub-cont .filter-bar{display:flex; align-items:center; gap:24px; padding:14px 20px; margin-bottom:20px; background:#333; border-radius:14px;}
#sub-cont .filter-left{display:flex; align-items:center; gap:16px;}
#sub-cont .filter-title{color:#fff; font-size:14px; font-weight:600; white-space:nowrap;}

#sub-cont .date-range{display:flex; align-items:center; gap:8px;}
#sub-cont .date-range input{width:110px; height:36px; padding:0 12px; border-radius:8px; border:1px solid #2f2f2f; background:#1b1b1b; color:#fff; font-size:13px; cursor:pointer;}
#sub-cont .date-range .tilde{color:#888; font-size:13px;}

#sub-cont .filter-center{display:flex; align-items:center; gap:10px; margin-left:auto;}
#sub-cont .btn-filter{height:36px; padding:0 14px; border-radius:18px; border:1px solid #2f2f2f; background:#1b1b1b; color:#bbb; font-size:13px; cursor:pointer;}
#sub-cont .btn-filter.on{background:#ff7a00; border-color:#ff7a00; color:#000; font-weight:600;}
#sub-cont .select-wrap{position:relative;}
#sub-cont .select-wrap select{appearance:none; -webkit-appearance:none; -moz-appearance:none; height:36px; padding:0 36px 0 16px; border-radius:18px; border:1px solid #2f2f2f; background:#333; color:var(--c1); font-size:13px; cursor:pointer;}
#sub-cont .select-wrap select option{color:#fff;}
#sub-cont .select-wrap::after{content:"▲"; position:absolute; right:14px; top:50%; transform:translateY(-50%) rotate(180deg); font-size:10px; color:#ff7a00; pointer-events:none;}
#sub-cont .select-wrap select:focus{outline:none; border-color:#ff7a00;}

#sub-cont .filter-right{display:flex; align-items:center;}
#sub-cont .search-box{display:flex; align-items:center; width:260px; height:36px; padding:0 10px; border-radius:5px; background:#444; border:0;}
#sub-cont .search-box input{flex:1; border:0; background:none; color:#fff; font-size:13px; outline:none;}
#sub-cont .search-box input::placeholder{color:#777;}
#sub-cont .btn-search{width:30px; height:30px; border:0; background:none; color:var(--c1); font-size:16px; cursor:pointer;}


#sub-cont .blind{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0);}

#sub-cont .pagination{text-align:center; margin-top:50px;}
#sub-cont .pagination>.in{display:inline-block; background:#333; border-radius:20px; box-sizing:border-box; padding:5px 5px;}
#sub-cont .pagination ul{display:flex; justify-content:center; }
#sub-cont .pagination ul li{margin:0 2px;}
#sub-cont .pagination ul li a{display:flex; align-items:center; justify-content:center; height:30px; color:#fff; transition:0.2s;}
#sub-cont .pagination ul li:not(.prev):not(.next) a{width:30px; border-radius:5px; background:#444;}
#sub-cont .pagination ul li:not(.prev):not(.next):hover a,
#sub-cont .pagination ul li:not(.prev):not(.next).on a{background:#777;}
#sub-cont .pagination ul li.prev,
#sub-cont .pagination ul li.next{margin:0 10px;}
#sub-cont .pagination ul li a i{margin:0 10px;}

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

  #sub-cont.dash-01 .cont{padding:35px; border-radius:20px;}
  #sub-cont.dash-01 .cont + .cont{margin-top:20px;}
  #sub-cont.dash-01 .cont .box + .box{margin-top:30px;}
  #sub-cont.dash-01 .cont .box h3{font-size:14px; margin-bottom:15px;}
  #sub-cont.dash-01 .cont .box .inputArea{padding:25px 10px 0 25px;}
  #sub-cont.dash-01 .cont .box .inputArea ul li{margin:0 25px 25px 0;}
  #sub-cont.dash-01 .cont .box .inputArea ul li label span{font-size:16px; margin-left:5px;}
  #sub-cont.dash-01 .cont .box textarea.inputArea{font-size:15px;}

  #sub-cont .buttonArea button{font-size:16px;}



}



#sub-cont .pop-upload{}

  .poop-upload{position:fixed; inset:0; z-index:9999; display:none;}
  .poop-upload.is-open{display:block; animation:fadeIn 0.5s;}

  .poop-upload .up-modal__dim{position:absolute; inset:0; background:rgba(0,0,0,.65);}

  .poop-upload .in{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:520px; max-width:calc(100% - 40px); padding:28px; background:linear-gradient(180deg,#232323,#171717); border-radius:26px; box-shadow:0 20px 60px rgba(0,0,0,.55);}

  .poop-upload .close{position:absolute; right:18px; top:16px; width:40px; height:40px; border:0; background:none; color:#9a9a9a; font-size:28px; line-height:40px; cursor:pointer;}

  .poop-upload .title{padding-bottom:16px; text-align:center;}
  .poop-upload .title h2{margin:0; color:#fff; font-size:22px; font-weight:800; letter-spacing:-.3px;}
  .poop-upload .title p{margin:8px 0 0; color:#8f8f8f; font-size:13px;}

  .poop-upload .up-drop{position:relative; margin-top:8px; padding:26px; border-radius:20px; border:2px dashed rgba(255,255,255,0.5);  text-align:center;}
  .poop-upload .up-drop input{position:absolute; inset:0; opacity:0; cursor:pointer;}
  .poop-upload .up-drop .txt{display:flex; flex-direction:column; align-items:center; gap:10px; pointer-events:none;}
  .poop-upload .up-drop .txt i{display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:14px; background:rgba(255,122,0,.15); font-style:normal; font-size:20px; color:#ff7a00;}
  .poop-upload .up-drop .txt p{margin:0; color:#bdbdbd; font-size:14px;}
  .poop-upload .up-drop .txt button{pointer-events:auto;  cursor:pointer; padding-left:25px; padding-right:25px;}
  .poop-upload .up-drop.is-drag{border-color:#ff7a00; background:rgba(255,122,0,.08);}

  .poop-upload .attatch{margin:14px 0 0; padding:0; list-style:none;}
  .poop-upload .attatch li{position:relative; display:flex; align-items:center; gap:10px; padding:14px 46px 14px 16px; border-radius:12px; background:#2a2a2a; color:#fff;}
  .poop-upload .attatch .name{font-size:14px; font-weight:700;}
  .poop-upload .attatch .size{font-size:12px; color:#9a9a9a;}
  .poop-upload .attatch button{position:absolute; right:10px; top:50%; transform:translateY(-50%); width:34px; height:34px; border-radius:10px; border:0; color:#bdbdbd; font-size:20px; line-height:34px; cursor:pointer;}

  .poop-upload .buttonArea{display:flex; justify-content:flex-end; gap:10px; margin-top:18px;}


  .loading-layer{display:none; position:fixed; inset:0; z-index:99999; top:0; left:0; width:100%; height:100%; background:#222; align-items:center; justify-content:center;}
  .loading-layer.is-open{display:flex; }

  .loading-box{width:220px; height:220px; border-radius:6px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px;  }

  .loading-spin{display:flex; align-items:center; justify-content:center; width:220px; height:220px;}
  .loading-spin img{width:100%; height:100%; display:block; animation:loadingRotate 1.5s linear infinite;}

  .loading-text{margin:0; color:#fff; font-size:28px; font-weight:600; letter-spacing:.2px;}

  @keyframes loadingRotate{to{transform:rotate(360deg);}}




  .loading-layer2{position:fixed; display:none; inset:0; z-index:99999; display:none; align-items:center; justify-content:center; background:#3a3a3a;}
  .loading-layer2.is-open{display:flex;}

  .loading-box2{display:flex; flex-direction:column; align-items:center; gap:18px;}
  .loading-box2 img{position:absolute; top:calc(50% + 40px); left:50%;  transform:translate(-50%, -50%);   z-index:1;}

  .loading-text2{margin:0; color:#fff; font-size:28px; font-weight:600; letter-spacing:.3px;}

  .loading-bar2{position:relative; width:390px; height:36px; border-radius:999px; background:#fff; border:6px solid #fff; overflow:hidden; box-shadow:inset 0 0 0 2px rgba(255,255,255,.85); z-index:11;}
  .loading-bar2__fill{position:absolute; left:-40%; top:0; width:100%; height:100%; border-radius:999px; background:linear-gradient(90deg,#ffc48a,#ff7a00);  box-shadow:0 0 18px rgba(255,122,0,.85); animation:loadingBar2 1.4s ease-in-out infinite;}

  @keyframes loadingBar2{
    0%{left:-100%;}
    100%{left:100%;}
  }

















#sub-cont.product-01{}









#sub-cont.board-sub{}
#sub-cont.board-sub>.in{}
#sub-cont.board-sub .left-section{}
#sub-cont.board-sub .left-section h2{font-weight:500;  font-size:20px;}
#sub-cont.board-sub .left-section h2 span{}


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

  #sub-cont.board-sub .left-section h2{font-size:30px; }

}


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

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















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



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

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

}




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








/* 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;}
#sub-cont.board-sub #bo_gall .gall_text_href a{}
#sub-cont.board-sub #bo_gall .gall_text_href a .title{font-weight:bold; font-size:17px;}
#sub-cont.board-sub #bo_gall .gall_text_href a .numb{color:#999; font-size:14px;}
#sub-cont.board-sub #bo_gall .gall_text_href a .exp{white-space:pre-line; margin-top:20px; font-size:13px; color:#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% / 2 - 20px);  margin-left:20px; }
  #sub-cont.board-sub #gall_ul>li .gall_con{display:flex;}
  #sub-cont.board-sub #gall_ul>li .gall_con .gall_img{width:50%;}
  #sub-cont.board-sub #gall_ul>li .gall_con .gall_text_href{width:50%; box-sizing:border-box; padding-left:5%; margin:0;}

  #sub-cont.board-sub #bo_gall .gall_text_href a .title{ font-size:22px;}
  #sub-cont.board-sub #bo_gall .gall_text_href a .numb{font-size:16px;}
  #sub-cont.board-sub #bo_gall .gall_text_href a .exp{ margin-top:30px; font-size:14px;}

}




#sub-cont.board-sub.prd.read{}
#sub-cont.board-sub.prd.read .swiper{ overflow:visible; margin-bottom:50px;}
#sub-cont.board-sub.prd.read .swiper-container{position:static; overflow:hidden;}
#sub-cont.board-sub.prd.read .swiper-button-prev{left:0;    }
#sub-cont.board-sub.prd.read .swiper-button-next{right:0;    }
#sub-cont.board-sub.prd.read .swiper-button-prev:after,
#sub-cont.board-sub.prd.read .swiper-button-next:after{font-size:15px; color:#333;}
#sub-cont.board-sub.prd.read .swiper-pagination-progressbar{height:2px; width:30%; left:3%; top:auto; bottom:3%;}
#sub-cont.board-sub.prd.read .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#000;}
#sub-cont.board-sub.prd.read .swiper .item{}
#sub-cont.board-sub.prd.read .swiper .item img{width:100%;}

#sub-cont.board-sub.prd.read .detailTop{}
#sub-cont.board-sub.prd.read .detailTop .imgArea{}
#sub-cont.board-sub.prd.read .detailTop .infoArea{}

#sub-cont.board-sub.prd.read  ul{margin:0; padding:0;}
#sub-cont.board-sub.prd.read .wr-extra{margin-bottom:30px;}
#sub-cont.board-sub.prd.read .wr-extra li{}
#sub-cont.board-sub.prd.read .wr-extra li + li{border-top:1px solid #ddd; padding-top:10px; margin-top:10px;}
#sub-cont.board-sub.prd.read .wr-extra li p{}
#sub-cont.board-sub.prd.read .wr-extra li:not(.title){display:flex;}
#sub-cont.board-sub.prd.read .wr-extra li b{width:90px;}
#sub-cont.board-sub.prd.read .wr-extra li:not(.title) p{width:calc(100% - 90px); box-sizing:border-box; padding-left:10px; white-space:pre-line;}
#sub-cont.board-sub.prd.read .wr-extra .title{margin-bottom:30px;}
#sub-cont.board-sub.prd.read .wr-extra .title h2{margin-bottom:5px;}
#sub-cont.board-sub.prd.read .wr-extra .title p{color:#999;}

#sub-cont.board-sub.prd.read .detailTop .infoArea .btnSubmit{padding:10px; }
#sub-cont.board-sub.prd.read .detailTop .infoArea .btnSubmit i{margin-left:10px;}


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

  #sub-cont.board-sub.prd.read .swiper{position:sticky; top:100px;}
  #sub-cont.board-sub.prd.read .swiper-button-prev{}
  #sub-cont.board-sub.prd.read .swiper-button-next{;}
  #sub-cont.board-sub.prd.read .swiper-button-prev:after,
  #sub-cont.board-sub.prd.read .swiper-button-next:after{font-size:20px;}
  #sub-cont.board-sub.prd.read .swiper-pagination-progressbar{bottom:-3%;}

  #sub-cont.board-sub.prd.read .detailTop{}
  #sub-cont.board-sub.prd.read .detailTop>.in{display:flex;}
  #sub-cont.board-sub.prd.read .detailTop .imgArea{ width:50%;}
  #sub-cont.board-sub.prd.read .detailTop .infoArea{ width:50%; box-sizing:border-box; padding-left:5%;}
  #sub-cont.board-sub.prd.read .detailTop .infoArea>.in{position:sticky; top:100px;}

  #sub-cont.board-sub.prd.read .wr-extra{margin-bottom:50px;}
  #sub-cont.board-sub.prd.read .wr-extra li{font-size:16px; line-height:1.6; }
  #sub-cont.board-sub.prd.read .wr-extra li + li{  padding-top:25px; margin-top:25px;}
  #sub-cont.board-sub.prd.read .wr-extra li b{width:150px;}
  #sub-cont.board-sub.prd.read .wr-extra li:not(.title) p{width:calc(100% - 150px);}
  #sub-cont.board-sub.prd.read .wr-extra .title{margin-bottom:50px;}
  #sub-cont.board-sub.prd.read .wr-extra .title h2{font-size:30px; margin-bottom:10px;}
  #sub-cont.board-sub.prd.read .wr-extra .title p{font-size:19px;}

  #sub-cont.board-sub.prd.read .detailTop .infoArea .btnSubmit{padding:15px; font-size:18px;}



}












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

  }





.write-box{box-sizing:border-box; background:#f4f4f4;  padding:10px; border-radius:10px;}
.write-box ul{}
.write-box ul li{}
.write-box ul li + li{margin-top:30px;}
.write-box ul li .box{}
.write-box ul li h2{font-size:14px; font-weight:500;}
.write-box ul li .box>div{}
.write-box ul li .box input[type="text"]{width:100%; _background:#f4f4f4; _border-radius:10px; border:1px solid #fff; width:100%;}
.write-box ul li .box textarea{width:100%; _background:#f4f4f4; _border-radius:10px; border:1px solid #fff; min-height:200px;}
.write-box ul li .box input[type="text"]:focus,
.write-box ul li .box textarea:focus{border-color:#aaa;}


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

  .write-box{padding:50px; border-radius:30px;}
  .write-box ul li + li{margin-top:50px;}
  .write-box ul li h2{font-size:20px;}
  .write-box ul li.grid4{display:flex; justify-content:space-between;}
  .write-box ul li.grid4 .box{width:calc(100% / 4 - 10px);}

  .write-box ul li .box input{padding:0 15px;}
  .write-box ul li .box textarea{padding:15px;}
  .write-box ul li.file{display:flex; align-items:center;}
  .write-box ul li.file + .file{margin-top:5px;}
  .write-box ul li.file h2{width:150px;}
  .write-box ul li.file>div{width:calc(100% - 150px); margin:0 !important;}


}







/*



html[lang="en"]{}
html[lang="en"] body{font-family:'Roboto', 'Pretendard', Nanum Barun Gothic, Verdana,Dotum,AppleGothic, malgun gothic, AppleGothicNeoSD, Microsoft NeoGothic, Droid sans, sans-serif;}
html[lang="en"] iframe[src*="google"]{width:100%;}
html[lang="en"] #header .gnb .depth02Area ul li a{font-size:14px;}
html[lang="en"] #header .gnb .depth02Area ul li a:hover{  }
html[lang="en"] #header .gnb .depth02Area ul li a:after{ }
html[lang="en"] #aside .snb ul li.d1 .toggle{left:auto; right:20px; margin-left:0;}
html[lang="en"] #main-ico ul{display:flex; flex-wrap:wrap;}
html[lang="en"] #main-ico ul li{line-height:1.2;}

@media all and (min-width:768px){
  #aside .snb ul li>a{font-size:35px;}
}


@media all and (min-width:900px){
  html[lang="en"] #header.cate-on{height: 470px;}
  html[lang="en"] #header .gnb ul li.d1{margin:0 5px;}
  html[lang="en"] #header .gnb ul li.d1>a{font-size:15px;}
}

@media all and (min-width:1000px){
  html[lang="en"] #header .gnb ul li.d1{ margin:0 10px; }
  html[lang="en"] #header .gnb ul li.d1>a{font-size:16px;}
  html[lang="en"] #header .gnb ul li.d1.lang{right:80px;}
  html[lang="en"] #header .gnb ul li.d1[cate_d1="03"]{}
  html[lang="en"] #header .gnb ul li.d1[cate_d1="02"] .depth02Area{width:180px; margin-left:-90px;}
  html[lang="en"] #header .gnb ul li.d1[cate_d1="03"] .depth02Area{width:200px; margin-left:-100px;}
}

@media all and (min-width:1200px){
  html[lang="en"] #header .gnb ul li.d1{ margin:0 30px; }
}








html[lang="cn"]{}
html[lang="cn"] body{font-family:'Montserrat', 'Noto Sans TC', Nanum Barun Gothic, Verdana,Dotum,AppleGothic, malgun gothic, AppleGothicNeoSD, Microsoft NeoGothic, Droid sans, sans-serif;}
html[lang="cn"] iframe[src*="google"]{width:100%;}

@media all and (min-width:768px){
  html[lang="cn"] #sub-cont.dash-01 .in2{padding-left:430px;}
}
 */






.pg_wrap{display:flex; justify-content:center; margin:30px auto; float:none;}
















/**/