@charset "utf-8";





                        /*
                                                          subpage                                   //
                        */





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

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

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


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

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

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


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


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


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



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


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

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


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


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

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


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


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

}









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

.tableArea table.no-border tr th{border:0;}
.tableArea table.no-border tr td{border:0;}

.tableArea table.border1 tr th{border:1px solid #ede9e2;}
.tableArea table.border1 tr td{border:1px solid #ede9e2;}

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

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

.tableArea table.type-basic1{border:0;}
.tableArea table.type-basic1 th{background:#f9f9f9;}
.tableArea table.type-basic1 th div{position:relative; padding-left:15px;}
.tableArea table.type-basic1 td{}
.tableArea table.type-basic1 td input[type="text"]{width:100%; max-width:350px;}
.tableArea table.type-basic1 td .flex{display:flex;}
.tableArea table.type-basic1 td .flex + .flex{margin-top:5px;}
.tableArea table.type-basic1 td label{cursor:pointer; margin:0 5px 5px 0; display:inline-block;}
.tableArea table.type-basic1 td .flex input + button{margin-left:10px;}
.tableArea table.type-basic1 td .exp{color:#999;}
.tableArea table.type-basic1 td textarea{width:100%;}


@media all and (max-width:767px){
  .tableArea table.type-basic1 col:nth-child(1){width:100px !important;}
}


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


b.require{position:absolute;; top:1px; left:0;   width:10px; text-align:center; font-size:17px; color:var(--c1); margin-right:5px; display:inline-block; vertical-align:middle;}
.top-exp b.require{margin:0; position:static; }





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



.btn-toggle-able button{border-color:#ccc; margin:0 3px 3px 0;}
.btn-toggle-able button.on{background:var(--c1); color:#fff; border-color:var(--c1) !important;}



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






.agreement-1{margin:15px auto;}
.agreement-1 .box-1{border:2px solid #ddd; box-sizing:border-box; padding:15px;}
.agreement-1 .box-1 h3{padding-left:20px; margin-bottom:15px;}
.agreement-1 .box-1 h3 b{font-size:inherit;}
.agreement-1 .box-1 .titleArea p{line-height:23px;}
.agreement-1 .box-1.on .titleArea p{ height:69px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.agreement-1 .box-1 .chk{text-align:right;}
.agreement-1 .box-1 .btn-more{text-align:center; }
.agreement-1 .box-1 .btn-more button{font-size:15px;}

.agreement-1 .box-1:not(.on) .btn-more{display:none;}

.agreement-1 .box-2{margin:15px 0;}
.agreement-1 .box-2 ul{}
.agreement-1 .box-2 ul li{border-top:1px solid #ddd; box-sizing:border-box; padding:15px 0;}
.agreement-1 .box-2 ul li:last-child{border-bottom:1px solid #ddd;}
.agreement-1 .box-2 ul li h3{font-weight:500; margin-bottom:5px;}
.agreement-1 .box-2 ul li label{margin:0 10px 0 0;}

.agreement-1 .box-3{padding:50px 0; max-width:550px; margin:0 auto;}
.agreement-1 .box-3 table{}
.agreement-1 .box-3 table th{padding:5px; line-height:1.3;}
.agreement-1 .box-3 table td{padding:5px;}
.agreement-1 .box-3 table td input{width:100%; max-width:300px;}
.agreement-1 .box-3 .date{text-align:center; margin:25px 0;}
.agreement-1 .box-3 .date span{margin:0 10px; font-size:16px;}
.agreement-1 .box-3 .sign{text-align:center; border:2px solid var(--c1); border-radius:5px; }
.agreement-1 .box-3 .sign h2{position:relative; height:45px; line-height:45px; color:#fff; background:var(--c1)}
.agreement-1 .box-3 .sign h2 button{position:absolute; top:50%; right:5px; transform:translateY(-50%); color:#fff; border-color:#fff;}
.agreement-1 .box-3 .sign .cont{min-height:150px;}
.agreement-1 .buttonArea button span{font-size:14px; opacity:0.6; display:inline-block; margin-left:5px; font-weight:normal;}

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

  .agreement-1 .box-1{padding:30px;}
  .agreement-1 .box-1 .titleArea p{font-size:17px;}
  .agreement-1 .box-2 ul li{padding:20px 0;}
  .agreement-1 .box-3 .date span{margin:0 10px; font-size:16px;}
}








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

span.l.middle:after{top:50%; transform:translateY(-50%);}
span.l.big:after{width:5px; height:5px;}
span.l.c1:after{background:var(--c1);}

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

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

  span.l.big:after{width:6px; height:6px;}

}






.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.max-1000{max-width:1000px;}
/*

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

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

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


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


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





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



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

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

}








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


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

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


}








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

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

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

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


















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

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








.detailArea{box-sizing:border-box; padding:0 15px;}
.detailArea>.in{max-width:1400px; margin:0 auto;}
.detailArea .top-info{}
.detailArea .top-info .imgArea{margin-bottom:20px;}
.detailArea .top-info .imgArea img{}
.detailArea .top-info .imgArea .d1{margin-bottom:10px; text-align:center; border-radius:10px; overflow:hidden;}
.detailArea .top-info .imgArea .d2{}
.detailArea .top-info .imgArea .d2 img{ width:100%; height:100%; object-fit:cover; object-position:center;  border-radius:10px;}

.detailArea .top-info .imgArea .d1 .swiper-pagination{right:20px; font-size:12px; left:auto; width:auto; color:#fff; background:rgba(0,0,0,0.5); padding:1px 10px; border-radius:10px;}

.detailArea .top-info .imgArea .d2 .swiper-slide{min-height:105px; cursor:pointer; opacity:0.4; aspect-ratio: 3 / 2;}
.detailArea .top-info .imgArea .d2 .swiper-slide-thumb-active{opacity:1;}

.detailArea .top-info .imgArea .d1 .swiper-button-prev:after,
.detailArea .top-info .imgArea .d1 .swiper-button-next:after{color:#fff; font-size:15px;}

.detailArea .top-info .infoArea h2{position:relative; display:flex; align-items:center; font-size:20px; margin-bottom:10px;}
.detailArea .top-info .infoArea h2 b{}
.detailArea .top-info .infoArea h2 a,
.detailArea .top-info .infoArea h2 button{margin-left:auto; margin-right:2px; font-size:13px; border:1px solid #ddd; background:#fff; border-radius:5px; padding: 5px 15px; height:100%; transition:0.2s;}
.detailArea .top-info .infoArea h2 a:hover,
.detailArea .top-info .infoArea h2 button:hover{background:#eee;}
.detailArea .top-info .infoArea h2 .btns{position:absolute; top:-35px; right:0; z-index:11;}
.detailArea .top-info .infoArea .info4{ background:#f2f4f7; margin-bottom:20px; padding:5px 0 ;}
.detailArea .top-info .infoArea .info4 ul{display:flex; justify-content:space-evenly; align-items:center;}
.detailArea .top-info .infoArea .info4 ul li{position:relative; font-size:14px; color:#818181; max-width:calc(100% / 4); }
.detailArea .top-info .infoArea .info4 ul li i{margin-right:5px;}
.detailArea .top-info .infoArea .info4 ul li span{}
.detailArea .top-info .infoArea .info4 ul li.coupon a{color:var(--c1);}
.detailArea .top-info .infoArea .info4 ul li.coupon div{display:none; position:absolute; top:-36px; left:50%; padding:3px 6px; background:#fff; border:1px solid #ddd; border-radius:5px; transform:translateX(-50%);}
.detailArea .top-info .infoArea .info4 ul li.coupon div:before{position:absolute; bottom:-6px; left:50%; margin-left:-5px; width:10px; height:10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#fff; transform:rotate(45deg);  content:"";}
.detailArea .top-info .infoArea .info4 ul li.coupon:hover div{display:inline-block; animation:fadeIn 0.2s linear;}

.detailArea .top-info .infoArea .info5{}
.detailArea .top-info .infoArea .info5 ul{border-top:1px solid #eee;}
.detailArea .top-info .infoArea .info5 ul li{display:flex; padding:5px 0;   border-bottom:1px solid #eee;}
.detailArea .top-info .infoArea .info5 ul li h4{width:80px; font-weight:normal; color:#999; font-size:14px;}
.detailArea .top-info .infoArea .info5 ul li span{width:calc(100% - 80px);   font-weight:normal; font-size:13px;}
.detailArea .top-info .infoArea .info5 ul li span i{font-style:normal;}
.detailArea .top-info .infoArea .info5 ul li span em{font-style:normal; color:#999;}
.detailArea .top-info .infoArea .info5 ul li span b{display:inline-block; margin-left:10px; padding:0 5px; cursor:pointer; background:#f4f4f4; border-radius:5px;}
.detailArea .top-info .infoArea .info5 ul li span a{display:inline-block; width:34px; height:34px; border-radius:50%; background:#eee;   font-size:20px; margin-left:15px; text-align:center; line-height:34px;}
.detailArea .top-info .infoArea .info5 ul li span a + a{margin-left:3px;}

.detailArea .notice-top{font-size:13px; padding:10px; margin:10px 0; box-sizing:border-box; border:1px solid #eee; background:#f2f4f7; background:#fef4f5; border-radius:5px;}
.detailArea .notice-top i{color:var(--c1); font-size:20px; vertical-align:middle;}
.detailArea .notice-top span{}


@media all and (max-width:767px){
  .detailArea .top-info .imgArea .d2{display:none;}
}

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

    .detailArea .top-info{display:flex; justify-content:space-between; flex-wrap:wrap;}

    .detailArea .top-info .imgArea{width:49%; margin-bottom:0;}
    .detailArea .top-info .imgArea .d1{margin-left:0;}

    .detailArea .top-info .infoArea{width:49%;}
    .detailArea .top-info .infoArea h2{font-size:30px; }
    .detailArea .top-info .infoArea .info4{  padding:5px 0;}
    .detailArea .top-info .infoArea .info4 ul li{font-size:15px;}

    .detailArea .top-info .infoArea .info5 ul li h4{font-size:15px;}
    .detailArea .top-info .infoArea .info5 ul li span{font-size:15px;}
    .detailArea .top-info .infoArea .info5 ul li span a{}
    .detailArea .notice-top{width:100%; margin-top:20px;}
  }



  @media all and (min-width:1200px){
    .detailArea .top-info{justify-content:space-between;}
    .detailArea .top-info .imgArea{width:700px; position:relative; padding-right:160px; box-sizing:border-box;}
    .detailArea .top-info .imgArea .d1{width:510px;}
    .detailArea .top-info .imgArea .d2{width:150px; position:absolute; top:0; right:30px;}
    .detailArea .top-info .imgArea .d2 .swiper-container{max-height:340px;}
    .detailArea .top-info .infoArea{width:calc(100% - 720px);}
  }

  @media all and (min-width:1400px){
    .detailArea .top-info .imgArea .d1{}
    .detailArea .top-info .imgArea .d1 img{width:100%; height:340px; object-fit:cover; object-position:center;}
    .detailArea .top-info .imgArea .d2{}
    .detailArea .top-info .imgArea .d2 img{}
  }



.detailArea .bottom-info{}
.detailArea .bottom-info .anchor-place{position:relative; top:-180px;}
.detailArea .bottom-info .area{}
.detailArea .bottom-info .area + .area{margin-top:50px;}
.detailArea .bottom-info .area .tabArea{text-align:center; margin-bottom:10px;}
.detailArea .bottom-info .area .tabArea.first{margin-top:50px;}
.detailArea .bottom-info .area .tabArea ul{display:flex; justify-content:space-between;}
.detailArea .bottom-info .area .tabArea ul li{width:calc(100% / 3 - 2px); background:#f3f4f7; border-top:2px solid #f3f4f7; border-radius:5px; transition:0.2s;}
.detailArea .bottom-info .area .tabArea ul li + li{ }
.detailArea .bottom-info .area .tabArea ul li a{display:block; color:#666; padding:5px 0;}
.detailArea .bottom-info .area .tabArea ul li.on{border-top-color:var(--c1); background:#a0a3a9;}
.detailArea .bottom-info .area .tabArea ul li.on a{color:#fff;}
.detailArea .bottom-info .area .tabArea ul li:hover{opacity:0.8;}
.detailArea .bottom-info .area .cont{box-sizing:border-box; padding:2% 5%;}
.detailArea .bottom-info .area .cont article{box-sizing:border-box;  margin-bottom:15px;}
.detailArea .bottom-info .area .cont article + article{padding-top:0;}
.detailArea .bottom-info .area .cont article.top{padding-top:0; padding-bottom:0;}
.detailArea .bottom-info .area .cont article.top.top-noti2{}
.detailArea .bottom-info .area .cont article.top.top-noti2 .box{padding:0 20px;}
.detailArea .bottom-info .area .cont article.top:last-child{ }
.detailArea .bottom-info .area .cont article.import h2{background:#ffeeed;}
.detailArea .bottom-info .area .cont article h2{font-size:15px; font-weight:bold; margin-bottom:10px; padding:5px 10px; box-sizing:border-box; border:1px solid #eee; background:#f2f4f7; border-radius:5px;}
.detailArea .bottom-info .area .cont article h2 i{font-size:16px; color:#666; vertical-align:middle; margin-right:10px; line-height:inherit;}
.detailArea .bottom-info .area .cont article h2 span{font-weight:normal;}
.detailArea .bottom-info .area .cont article ul{box-sizing:border-box; padding:0 10px;}
.detailArea .bottom-info .area .cont article li{display:flex; align-items:center; flex-wrap:wrap; box-sizing:border-box; padding:15px 0; border-bottom:1px solid #eee;}
.detailArea .bottom-info .area .cont article li + li{_border-top:1px solid #eee;}
.detailArea .bottom-info .area .cont article li + li:last-child{_border-bottom:1px solid #eee;}
.detailArea .bottom-info .area .cont article li h3{display:flex; align-items:center; font-size:15px; width:100px; width:100%;}
.detailArea .bottom-info .area .cont article li h3 .icon{display:inline-block; margin-left:2px; background:#ee853d; color:#fff; height:100%; padding:0 5px; border-radius:2px; font-size:12px; font-weight:normal;}
.detailArea .bottom-info .area .cont article li h3 b{display:block; min-width:40px; margin-right:20px;}
.detailArea .bottom-info .area .cont article li p{width:calc(100% - 120px); font-size:13px; color:#666;}
.detailArea .bottom-info .area .cont article li p a.call{display:inline-block; font-size:20px !important; margin-left:10px;  width:34px; height:34px; border-radius:50%; background:#eee; text-align:center; line-height:34px;}
.detailArea .bottom-info .area .cont article li p a.call + a{margin-left:5px;}
.detailArea .bottom-info .area .cont article li .cont-greet{font-size:13px;}
.detailArea .bottom-info .area .cont article li .cont-greet *{font-size:inherit !important;}
.detailArea .bottom-info .area .cont article ul li .price{width:80px; margin-left:auto; text-align:right; line-height:1.3; position:relative;}
.detailArea .bottom-info .area .cont article ul li .price span:not(.icon){display:block; font-size:13px; color:#999; text-decoration:line-through; }
.detailArea .bottom-info .area .cont article ul li .price span:not(.icon) i{display:inline-block; margin-right:4px; text-decoration:none; font-style:normal; color:var(--c1);}
.detailArea .bottom-info .area .cont article ul li .price span.icon{position:absolute; top:55%; transform:translateY(-50%); left:-20px; width:30px; text-align:center; display:inline-block; border:1px solid #0060ff; color:#0060ff; font-weight:normal; margin-right:5px; font-size:12px;}
.detailArea .bottom-info .area .cont article ul li .price .price + .price  span.icon{border-color:#c513c3; color:#c513c3;}
.detailArea .bottom-info .area .cont article ul li .price strong{display:inline-block; position:relative; width:80px; font-size:17px; color:#c60269;  }
.detailArea .bottom-info .area .cont article ul li .price .price{_display:flex; _align-items:center;}
.detailArea .bottom-info .area .cont article ul li .price .price span:not(.icon){display:none;}
.detailArea .bottom-info .area .cont.shop article li p{width:100%; white-space:initial; word-break:keep-all;}
.detailArea .bottom-info .area .cont.shop article li p *{font-size:inherit !important;}
.detailArea .bottom-info .area .cont article.top{margin:15px 0; padding:10px;}
.detailArea .bottom-info .area .cont article .notice{;}
.detailArea .bottom-info .area .cont article .notice h3{font-size:13px; margin-bottom:5px;}
.detailArea .bottom-info .area .cont article .notice h3 i{width:20px; color:var(--c1); font-size:16px; position:relative; top:2px;}
.detailArea .bottom-info .area .cont article .notice .cont-box{font-size:13px; padding-left:20px;}
.detailArea .bottom-info .area .cont article .notice .cont-box *{font-size:inherit !important;}
.detailArea .bottom-info .area .cont article .notice .cont-box b{ }


.detailArea .bottom-info .area .cont article.top.attend{padding:10px; margin:10px 0; box-sizing:border-box; border:1px solid #f5edee; background:#f2f4f7; background:#fef4f5; border-radius:5px;}
.detailArea .bottom-info .area .cont article.top.attend h3 i{color:var(--c1);  }

.detailArea .bottom-info .area .cont article.top.event{padding:10px; margin:10px 0; box-sizing:border-box; border:1px solid #eee;   border-radius:5px;}
.detailArea .bottom-info .area .cont article.top.event h3 i{color:#999;  }


.detailArea .bottom-info .area .cont article li.day-night{}
.detailArea .bottom-info .area .cont article li.day-night.line-1 h3{width:auto;}

.detailArea .bottom-info .area .cont.un-padding{padding-left:0; padding-right:0;}
.detailArea .bottom-info .area .cont.un-padding article{padding:0;}

.detailArea .bottom-info .area .cont.shop article li{display:block; padding:10px 0;}
.detailArea .bottom-info .area .cont.shop article li h3{width:100%; margin-bottom:7px;}
.detailArea .bottom-info .area .cont.shop article li h3 i{margin-right:5px;}
.detailArea .bottom-info .area .cont.shop article li dl{margin-left:-3px;}
.detailArea .bottom-info .area .cont.shop article li dl dd{margin:3px; background:#f13b00; color:#fff; padding:3px 10px; border-radius:3px;}
.detailArea .bottom-info .area .cont.shop article li .map .root_daum_roughmap{width:100% !important;}
.detailArea .bottom-info .area .cont.shop article li .map .root_daum_roughmap .wrap_map{max-height:200px;}

.detailArea .bottom-info .area .cont.review article{position:relative;  padding:20px 30px; border:1px solid #ddd; border-radius:5px; font-size:15px;}
.detailArea .bottom-info .area .cont.review article + article{margin-top:10px;}
.detailArea .bottom-info .area .cont.review article h3{margin-bottom:10px;}
.detailArea .bottom-info .area .cont.review article h3 span{display:inline-block; margin-left:10px; font-size:12px; color:#aaa; font-weight:normal;}
.detailArea .bottom-info .area .cont.review article .content{white-space:pre-line;}

.detailArea .bottom-info .area .cont.review article .btns-01{}
.detailArea .bottom-info .area .cont.review article .btns-01 ul{}
.detailArea .bottom-info .area .cont.review article .btns-01 ul li{display:inline-block; padding:0; min-height:initial; border:0;}
.detailArea .bottom-info .area .cont.review article .btns-01 ul li a{background:#fff;}

.detailArea .bottom-info .area .cont.review article .btns-02{position:absolute; top:10px; right:20px;}
.detailArea .bottom-info .area .cont.review article .btns-02 ul{padding:0;}
.detailArea .bottom-info .area .cont.review article .btns-02 ul li{display:inline-block; padding:0; min-height:initial; border:0;}
.detailArea .bottom-info .area .cont.review article .btns-02 ul li + li{margin-left:5px; padding-left:5px;}
.detailArea .bottom-info .area .cont.review article .btns-02 ul li a{font-size:14px; color:#999;}
.detailArea .bottom-info .area .cont.review article .btns-02 ul li a:hover{color:var(--c1);}
.detailArea .bottom-info .area .cont.review article .btns-02 ul li.last a{color:#000;}


.detailArea .bottom-info .area .cont article.write{ margin-bottom:50px; padding:0 !important; border:0;}
.detailArea .bottom-info .area .cont .policy-area{text-align:right; margin-bottom:5px;}
.detailArea .bottom-info .area .cont .policy{   cursor:pointer;  border-radius:3px; border:1px solid #ddd; padding:3px 10px; display:inline-block; transition:0.2s;}
.detailArea .bottom-info .area .cont article.write .policy:hover{background:#f4f4f4;}
.detailArea .bottom-info .area .cont article.write .chk{}
.detailArea .bottom-info .area .cont article.write .chk h3{}
.detailArea .bottom-info .area .cont article.write .chk h3 input{background:#f4f4f4; border-radius:3px; height:34px; border:0; margin-right:5px;}
.detailArea .bottom-info .area .cont article.write .chk h3 button{border:1px solid #ddd; border-radius:3px; height:34px; }
.detailArea .bottom-info .area .cont article.write .form{position:relative; display:flex; flex-wrap:wrap;}
.detailArea .bottom-info .area .cont article.write .form span{width:100%; font-weight:bold; margin-bottom:5px;}
.detailArea .bottom-info .area .cont article.write .form textarea{background:#f4f4f4 ; padding:15px; border:0; width:calc(100% - 95px); margin-right:5px;   min-height:60px; max-height:200px;}
.detailArea .bottom-info .area .cont article.write .form button{display:flex; width:90px; border-radius:3px; justify-content:center; align-items:center; background:#c5c6cb; color:#fff;;}
.detailArea .bottom-info .area .cont article.write .form button:hover{background:#aaa;}

.detailArea .bottom-info .area .cont.review article article.write{margin:30px 0 10px 0; border:0; background:#f4f4f4;}
.detailArea .bottom-info .area .cont.review article article.write i.date{color:#999; font-style:normal; font-size:12px; margin-left:10px;  font-weight:normal;}

@media all and (max-width:767px){
  .detailArea .bottom-info .area .cont article.top.top-noti2 .box{padding:0 10px;}
  .detailArea .bottom-info .area .cont.shop article li .map .root_daum_roughmap{height:250px !important;}
}


.detailArea .bottom-info .area .sns-area a{}
.detailArea .bottom-info .area .sns-area i{}
.detailArea .bottom-info .area .sns-area a i{display:inline-block; font-size:20px; width:24px; height:24px; color:#fff; border-radius:5px; line-height:24px; margin-right:5px; text-align:center;}
.detailArea .bottom-info .area .sns-area a[class*="insta"] i{ color:#fff; background: #d6249f;  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.detailArea .bottom-info .area .sns-area a.blog,
.detailArea .bottom-info .area .sns-area a.blog i{position:relative; font-size:0; line-height:0; z-index: 11}
.detailArea .bottom-info .area .sns-area a.blog:after{position:absolute; top:50%; left:50%; width:15px; height:15px;  background:#fff;transform:translate(-50%, -50%); content:""; z-index:1;}
.detailArea .bottom-info .area .sns-area a.youtube i{background:#ff0000;}

.detailArea .bottom-info .area .sns-area .youtube-vid{position:relative; height:0; padding-bottom:28.25%; width: 100%;}
.detailArea .bottom-info .area .sns-area .youtube-vid iframe{position:absolute; top:0; left:0; width:100%; height:100%;}



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

  .detailArea .bottom-info .area .tabArea ul li a{padding:10px 0;}
  .detailArea .bottom-info .area .cont article h2{font-size:17px; padding:10px 20px; margin-bottom:20px;}
  .detailArea .bottom-info .area .cont article.import h2{margin-bottom:10px;}
  .detailArea .bottom-info .area .cont article{padding:20px 20px 50px 20px;}
  .detailArea .bottom-info .area .cont article ul{padding:0 20px;}
  .detailArea .bottom-info .area .cont article li{padding:15px 0; min-height:80px;}
  .detailArea .bottom-info .area .cont article li h3{font-size:18px;}
  .detailArea .bottom-info .area .cont article li .cont-greet{font-size:15px;}
  .detailArea .bottom-info .area .cont article li p{font-size:15px; width:calc(100% - 350px);}
  .detailArea .bottom-info .area .cont article ul li .price{width:110px;}
  .detailArea .bottom-info .area .cont article ul li .price span{font-size:15px;}
  .detailArea .bottom-info .area .cont article ul li .price strong{font-size:20px; width:100px;}
  .detailArea .bottom-info .area .cont article ul li .price.box{display:flex; width:300px;}
  .detailArea .bottom-info .area .cont article ul li .price.box .price{_margin-left:80px;}
  .detailArea .bottom-info .area .cont article ul li .price .price{}
  .detailArea .bottom-info .area .cont article ul li .price span.icon{margin-right:10px; left:-15px;}
  .detailArea .bottom-info .area .cont article ul li .price .price span:not(.icon){display:block;;}
  .detailArea .bottom-info .area .cont article .notice h3{font-size:18px;}
  .detailArea .bottom-info .area .cont article .notice h3 i{width:30px; color:var(--c1); font-size:20px;}
  .detailArea .bottom-info .area .cont article .notice p{font-size:15px;}

  .detailArea .bottom-info .area .cont article .notice .cont-box{font-size:15px;  padding-left:30px;}
  .detailArea .bottom-info .area .cont article.top{margin-left:20px; margin-right:20px; padding:10px 20px;}
  .detailArea .bottom-info .area .cont article.top.attend{margin:15px 20px;  padding:20px; }
  .detailArea .bottom-info .area .cont article.top.event{margin:15px 20px;  padding:20px; }

  .detailArea .bottom-info .area .cont.shop article li{padding:15px 0;}
  .detailArea .bottom-info .area .cont.shop article li dl dd{}
  .detailArea .bottom-info .area .cont.shop article li .map .root_daum_roughmap .wrap_map{max-height:300px;}

  .detailArea .bottom-info .area .cont.review article{padding:20px 50px;}
  .detailArea .bottom-info .area .cont.review article + article{margin-top:20px;}

  .detailArea .bottom-info .area .cont article li.day-night h3{ }

}


@media all and (max-width:768px){
.detailArea .bottom-info .area .cont{box-sizing:border-box; padding:0;}
}
body.item-detail #bottom-fixed{display:none;}

#bottom-fixed-detail{display:block; position:fixed; left:0; bottom:0; width:100%; background:var(--c1);  box-sizing:border-box; z-index:11; transition:0.2s;}
#bottom-fixed-detail ul{text-align:center;}
#bottom-fixed-detail ul li{position:relative; width:calc(100% / 2);}
#bottom-fixed-detail ul li + li:after{background:#fff;   height:50%; opacity:0.3;}
#bottom-fixed-detail ul li a{font-size:15px; height:40px; display:flex; justify-content:center;   align-items:center; color:#fff; }
#bottom-fixed-detail ul li a i{font-size:22px; background:rgba(255,255,255,0.1); width:35px; height:35px; text-align:center; line-height:35px; border-radius:50%; margin-right:10px;}
#bottom-fixed-detail ul li a p{font-size:15px;}

/* body[scrolling="down"] #bottom-fixed-detail{bottom:-70px;} */

@media all and (min-width:768px){
  #bottom-fixed-detail{display:none; }
}









.partners_apply{}



/* 제휴샵 이용 서비스 */
.partners_manage{}
.partners_manage .cont1{}
.partners_manage .cont1 h2{font-size:20px;}
.partners_manage .cont1 .title{margin-bottom:20px;}
.partners_manage .cont1 .title button b{color:var(--c2);}

.partners_manage .cont1 .info{margin:20px 0;}
.partners_manage .cont1 .info ul{}
.partners_manage .cont1 .info ul li{}
.partners_manage .cont1 .info ul li + li{margin-top:5px;}
.partners_manage .cont1 .info ul li b{}
.partners_manage .cont1 .info ul li span{}
.partners_manage .cont1 .info ul li div{margin-top:5px;}
.partners_manage .cont1 .info ul li button{margin-top:20px; min-width:200px;}

.partners_manage [class*="cont"] + [class*="cont"]{padding-top:40px; margin-top:40px; border-top:1px solid #ddd;}
.partners_manage [class*="cont"] .title{font-weight:bold; font-size:16px; }
.partners_manage [class*="cont"] .title.mt{margin-bottom:10px;}

.partners_manage .cont2 .box{position:relative; box-sizing:border-box; padding:10px 10px 10px 40px; background:#f3f4f7;}
.partners_manage .cont2 .box i{position:absolute; top:10px; left:15px; font-size:16px; color:var(--c1); vertical-align:middle; margin-right:10px; line-height:inherit;}
.partners_manage .cont2 .buttonArea{text-align:right; margin:15px 0;}
.partners_manage .cont2 p{color:#666;}
.partners_manage .cont2 p span{color:#999;}
.partners_manage .cont2 h2{font-size:13px; display:flex; margin-top:10px;}
.partners_manage .cont2 h2 b{}
.partners_manage .cont2 h2 b i{color:var(--c1);}
.partners_manage .cont2 h2 p{color:var(--c1); margin-left:5px;}

.partners_manage .cont3{display:flex; align-items:center;}
.partners_manage .cont3 select{min-width:100px; height:34px; margin:0 10px 0 20px;}

.partners_manage .cont4 ul{width:calc(100% + 10px); margin-left:-10px;}
.partners_manage .cont4 ul li{width:calc(100% / 2 - 10px); margin-left:10px; margin-bottom:10px; text-align:center;}
.partners_manage .cont4 ul li h2{background:#999; color:#fff; font-size:15px;}
.partners_manage .cont4 ul li input{border:1px solid #ccc; font-size:15px; width:100%; border-radius:0; text-align:center; box-sizing:border-box; height:30px;}

.partners_manage .cont5{}
.partners_manage .cont5 ul{}
.partners_manage .cont5 ul li{width:100%; display:flex;}
.partners_manage .cont5 ul li + li{margin-top:15px;}
.partners_manage .cont5 ul li input{height:34px; width:50%;}
.partners_manage .cont5 ul li input + input{margin-left:10px;}
.partners_manage .cont5 ul li input + button{margin-left:10px;}
.partners_manage .cont5 ul li button{width:50%;}
.partners_manage .cont5 ul li button.size100{width:100%;}

.partners_manage .cont6 .top{display:flex; flex-wrap:wrap; margin-bottom:30px;}
.partners_manage .cont6 .top select{width:calc(100% / 3 - 10px); height:34px; margin-right:10px; margin-bottom:10px;}
.partners_manage .cont6 .top button{width:100%;}
.partners_manage .cont6 .info p{display:flex;}
.partners_manage .cont6 .info p + p{margin-top:5px;}
.partners_manage .cont6 .info p b{width:30px; font-weight:normal;}
.partners_manage .cont6 .info p span{width:calc(100% - 30px);}

.partners_manage .cont6 .zone{margin-top:50px;}
.partners_manage .cont6 .zone h2{max-width:70%;}
.partners_manage .cont6 .zone h2 img{max-width:400px;}

.partners_manage .cont6 .zone .box{border:3px solid #ddd;}
.partners_manage .cont6 .zone .box h3{color:#666; background:#f4f4f4; padding:5px;}
.partners_manage .cont6 .zone .box h3 i{}
.partners_manage .cont6 .zone .in{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; box-sizing:border-box; padding:20px; text-align:center;}
.partners_manage .cont6 .zone .in p{font-size:16px;}
.partners_manage .cont6 .zone .in input{height:42px; margin:0 5px;}
.partners_manage .cont6 .zone .in button{}
.partners_manage .cont6 .zone .in div{width:100%; margin-top:10px; opacity:0.6;}
.partners_manage .cont6 .zone .in div b{color:var(--c1)}
.partners_manage .cont6 .zone .result{text-align:center; padding-bottom:20px;}
.partners_manage .cont6 .zone .result strong{display:block; font-size:30px; margin-bottom:20px; color:var(--c1);}
.partners_manage .cont6 .zone .result b{display:block; font-size:20px;  margin-bottom:20px;}
.partners_manage .cont6 .zone .result p{font-size:15px;}
.partners_manage .cont6 .zone .result p i{color:var(--c2);}
.partners_manage .cont6 .zone .result p span{color:var(--c1);}
.partners_manage .cont6 .zone .result button{margin-top:20px; min-width:200px;}
.partners_manage .cont6 .zone .tableArea{margin-top:50px;}
.partners_manage .cont6 .zone .tableArea .title span{font-size:13px; color:#999; font-weight:normal; vertical-align:middle; margin-left:5px;}


@media all and (max-width:767px){
  .partners_manage .cont6 .zone .tableArea .table-scroll{overflow-x:auto;}
  .partners_manage .cont6 .zone .tableArea .table-scroll table{width:500px;}

}

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

  .partners_manage .cont1 h2{font-size:26px;}
  .partners_manage .cont1 .title{display:flex; align-items:center;}
  .partners_manage .cont1 .title button{margin-left:20px; height:100%;}
  .partners_manage .cont1 .title button.btnEm2 {padding-left:40px; padding-right:40px;}

  .partners_manage .cont1 .info ul li{font-size:16px;}
  .partners_manage .cont1 .info ul li button{min-width:400px;}

  .partners_manage [class*="cont"] + [class*="cont"]{padding-top:60px; margin-top:60px;}
  .partners_manage [class*="cont"] .title{font-size:19px;}

  .partners_manage .cont2 .box{padding:20px 20px 20px 60px;}
  .partners_manage .cont2 .box i{top:17px; left:25px; font-size:22px;}
  .partners_manage .cont2 h2{font-size:14px;}

  .partners_manage .cont3 select{min-width:200px;}

  .partners_manage .cont4 ul{width:calc(100% + 20px); margin-left:-20px;}
  .partners_manage .cont4 ul li{width:calc(100% / 5 - 20px); margin:0 0 20px 20px;}

  .partners_manage .cont5 ul{display:flex; flex-wrap:wrap;}
  .partners_manage .cont5 ul li{width:auto;}
  .partners_manage .cont5 ul li + li{margin:0;}
  .partners_manage .cont5 ul li.pass{margin-left:30px;}
  .partners_manage .cont5 ul li input{width:auto; min-width:100px; max-width:170px; margin-left:10px;}
  .partners_manage .cont5 ul li button{width:auto; min-width:100px; max-width:170px; margin-left:10px;}

  .partners_manage .cont6 .top select{width:auto; min-width:100px;  margin-bottom:0;}
  .partners_manage .cont6 .top button{width:auto;}
  .partners_manage .cont6 .info p span{font-size:16px;}

  .partners_manage .cont6 .zone .box{border:10px solid #ddd;}
  .partners_manage .cont6 .zone .box h3{ padding:8px;}
  .partners_manage .cont6 .zone .in{padding:50px 20px; }
  .partners_manage .cont6 .zone .in p{font-size:18px;}
  .partners_manage .cont6 .zone .in input{}
  .partners_manage .cont6 .zone .in button{}
  .partners_manage .cont6 .zone .in div{}
  .partners_manage .cont6 .zone .in div b{}

  .partners_manage .cont6 .zone .result{padding-bottom:50px;}


}
































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

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

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

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



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

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

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

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

  }







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

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


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




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

  #page_title{float:none;}
  #page_title dl{display:table; width:100%;}
  #page_title dl dt{width:auto; font-size:15px; float:none; display:table-cell;}
  #page_title dl dd{font-size:12px; float:none; background:#e3e3e3; display:table-cell;}
}










/* board - prd */
#sub-cont.board-sub.prd{}
#sub-cont.board-sub.prd #gall_ul{}
#sub-cont.board-sub.prd #gall_ul>li{margin-bottom:20px;}
#sub-cont.board-sub.prd #gall_ul>li .gall_img{margin-bottom:10px; cursor:pointer;}
#sub-cont.board-sub.prd #gall_ul>li .gall_img a{}
#sub-cont.board-sub.prd #gall_ul>li .gall_img img{border-radius:5px;}
#sub-cont.board-sub.prd #gall_ul>li .add-imgs{display:none; }
#sub-cont.board-sub.prd #gall_ul>li .gall_text_href{margin:0;}
#sub-cont.board-sub.prd #gall_ul>li .txt-en{font-size:12px; color:#999;}
#sub-cont.board-sub.prd #gall_ul>li .bo_tit{margin:10px 0 20px 0; font-weight:500; }
#sub-cont.board-sub.prd #gall_ul>li .txt-cont{display:none; }
#sub-cont.board-sub.prd #gall_ul>li .bo-cont-txt{display:none;}


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



.prd-pop{display:none; position:fixed; top:5%; left:5%; width:90%; overflow-y:auto;  height:90%; z-index:9000; background:#fff; padding:10px; box-sizing:border-box;}
.prd-pop>.in{ }
.prd-pop .close{position:absolute; top:10px; right:10px; width:30px; height:30px; line-height:30px; text-align:center; font-size:15px; cursor:pointer;}
.prd-pop .title{padding:20px 0; }
.prd-pop .title h2{font-size:20px;}
.prd-pop .title h2 span{display:none;}
.prd-pop .title p{color:#999;}
.prd-pop .img{}
.prd-pop .img img{}
.prd-pop .img .bo-images div{margin-top:10px;}
.prd-pop .txt{}
.prd-pop .txt .txt-en{color:#999; margin-bottom:15px;}
.prd-pop .txt .bo_tit{display:block; margin-bottom:20px; font-size:25px; font-weight:500; }
.prd-pop .txt .bo_tit span{display:none; }
.prd-pop .txt .txt-cont{color:#666; white-space:pre-line;}
.prd-pop .txt .bo-cont-txt{margin-top:20px;}
.prd-pop .txt table th,
.prd-pop .txt table td{border:1px solid #ddd; text-align:center; vertical-align:middle; padding:3px;}
.prd-pop .txt br + br{display:none;}
.prd-pop .txt table{width:100% !important;}
.dimmed{display:none; cursor:pointer;}

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

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

  .prd-pop{height:auto; max-height:800px; max-width:1200px; top:50%; left:50%; transform:translate(-50%, -50%); padding:20px;}
  .prd-pop>.in{display:flex; justify-content:space-between; flex-direction:row-reverse}
  .prd-pop .close{font-size:30px; top:20px; right:20px;}
  .prd-pop .title{display:none;}
  .prd-pop .img{width:50%; }
  .prd-pop .txt{width:50%; padding:0 0 0 40px;}
  .prd-pop .txt .bo_tit{font-size:35px;}
  .prd-pop .txt .txt-cont{font-size:15px;}
  .prd-pop .txt .bo-cont-txt{margin-top:40px;}
  .prd-pop .txt table th,
  .prd-pop .txt table td{padding:5px;}

}







.toggle-popup{cursor:pointer;}

.popup-bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); cursor:pointer; z-index:100; transition:0.3s;}

body.toggle-pop{}
body.toggle-pop .popup-bg{display:block;  animation:fadeIn 0.3s linear;}


.popupArea{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:101;}
.popupArea.on{display:block;}
.popupArea .top{position:relative; height:40px; line-height:40px;}
.popupArea .top .title{font-size:16px; font-weight:bold; line-height:inherit; padding:15px 15px 0 15px;}
.popupArea .top i.close{position:absolute; font-size:16px; top:15px; right:10px; line-height:inherit;  text-align:center;; width:40px; height:inherit;; cursor:pointer; transition:0.2s;}
.popupArea .top i.close:hover{transform:rotate(90deg);}
.popupArea .top.center{text-align:center;}
.popupArea>.in{box-sizing:border-box; padding:25px;}

.popupArea .formArea{}
.popupArea .formArea.center{text-align:center;}
.popupArea .formArea ul{}
.popupArea .formArea ul li{}
.popupArea .formArea ul li + li{margin-top:20px;}
.popupArea .formArea ul li h3{font-size:13px;}
.popupArea .formArea ul li p{color:#999; margin:5px 0;}
.popupArea .formArea ul li input{width:100%; border-radius:0; }
.popupArea .formArea ul li input:focus{border-color:#333;}
.popupArea .formArea ul li button{height:40px; min-width:100px; text-align:center; margin-left:10px;}
.popupArea .formArea ul li textarea{width:100%; }
.popupArea .formArea ul li .flex{display:flex;}
.popupArea .formArea ul li .flex div{width:100%; position: relative;}
.popupArea .formArea ul li .flex div input{text-align:right; padding-right:50px;}
.popupArea .formArea ul li .flex div span{color:#999; position:absolute; top:50%; right:20px; transform:translateY(-50%);}

.popupArea .txt1{text-align:center; margin:30px 0 0 0;}
.popupArea .txt1 .img{margin-bottom:10px;}
.popupArea .txt1 h2{font-size:15px; margin-top:20px;}
.popupArea .txt1 p{color:#666;  width:90%; margin:5px auto; box-sizing:border-box;}
.popupArea .txt1 p b{font-weight:normal; color:#000; }
.popupArea .buttonArea{padding-bottom:0; margin-top:30px; text-align:center;}
.popupArea .buttonArea .mt-5{margin-top:5px;}


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

  .popupArea{top:50%; left:50%; width:95%; max-width:650px; height:auto; transform:translate(-50%, -50%); border-radius:10px;}
  .popupArea.w350{max-width:350px;}
  .popupArea.w750{max-width:750px;}
  .popupArea.w1280{max-width:1280px;}
  .popupArea .top{height:50px; line-height:50px;}
  .popupArea .top .title{font-size:20px; padding:15px 25px 0 25px;}
  .popupArea .top i.close{font-size:20px;  width:80px; right:0;}
  .popupArea>.in{padding:40px 65px; max-height:calc(100vh - 100px); overflow-y:auto;}
  .popupArea.w350>.in{padding:30px;}

  .popupArea .txt1 h2{font-size:18px;}
  .popupArea .txt1 p{margin:10px auto;}


}




.popupArea[alt="review-policy"]{}
.popupArea[alt="review-policy"] .title{padding-top:10px;}
.popupArea[alt="review-policy"] .top{height:60px;}
.popupArea[alt="review-policy"] i.close{top:10px; height:40px; width:40px;}
.popupArea[alt="review-policy"] .top img{height:40px; margin-right:15px; vertical-align:top;}
.popupArea[alt="review-policy"]>.in{background:#f0eceb; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}

@media all and (min-width:768px){
  .popupArea[alt="review-policy"] .title{padding-top:8px;}

}





/* 가입 및 로그인 */
html.logArea #header,
html.logArea #footer,
html.logArea #bottom-fixed{display:none !important;}

html.logArea{background:transparent;}
html.logArea body{background:transparent;}
html.logArea #wrap{background:transparent; padding:0; padding-top:50px;}
html.logArea #contents{background:transparent;}

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

  html.logArea{background:#f4f4f4;}


}


/* 공통 */
.member-log-h1{text-align:center; margin-bottom:50px;}
.member-log-h1 a{}
.member-log-h1 a img{width:170px;}

.member-log{position: relative;margin:0 auto 0; display:flex; align-items:center;  width:100%; background:transparent ;text-align:center; box-sizing:border-box; padding:0 15px;}
.member-log>.in{max-width:500px; width:100%; margin:0 auto; background:#fff; box-sizing:border-box; }

@media all and (min-width:768px){
  .member-log>.in{padding:30px; border-radius:20px; box-shadow:15px 15px 15px rgba(0,0,0,0.02);}

}

.member-log input[type="text"],
.member-log input[type="password"]{padding-left:15px;}

.member-log .titleArea h1{}
.member-log .titleArea h1 img{}
.member-log .titleArea h3{margin-bottom:15px;}

.input-wrap{position:relative; display:block;}
.input-wrap span{position:absolute; color:#999; top:50%; transform:translateY(-50%);left:10px; font-size:13px; height:15px; display:flex; padding:0 5px; box-sizing:border-box; align-items:center; background:#fff; transition:0.1s;}
.input-wrap span b{color:#333; margin-right:5px; font-size:15px; font-weight:500;}
.input-wrap input:focus + span,
.input-wrap input:active + span,
.input-wrap input.filled + span{top:-5px; font-size:11px; transform:translateY(0);}
.input-wrap input:focus + span b,
.input-wrap input:active + span b,
.input-wrap input.filled + span b{font-size:12px;}

/* 로그인 */
.member-log.log-in{}
.member-log.log-in .bottom{margin-top:20px; display:flex; align-items:center; justify-content:space-between;}
.member-log.log-in .bottom .ll{}
.member-log.log-in .bottom .rr{}
.member-log.log-in .buttonArea{margin-top:30px; padding-top:30px; border-top:1px solid #edeaea}
.member-log.log-in .buttonArea>*{font-size:15px; margin-bottom:5px;}


/* 회원가입 1 */
.member-log.join-1{}
.member-log.join-1 .cont{}
.member-log.join-1 .cont ul{}
.member-log.join-1 .cont ul li{}
.member-log.join-1 .cont ul li + li{border-top:1px solid #ddd; margin-top:20px; padding-top:20px;}
.member-log.join-1 .cont a{position:relative; display:block;  transition:0.2s;}
.member-log.join-1 .cont a:hover{color:var(--c1)}
.member-log.join-1 .cont a i{position:absolute; top:50%; right:0; transform:translateY(-50%);}


/* 회원가입 - 개인/기업 */
.member-log[class*="join-us-"]{}
.member-log[class*="join-us-"] .cont{}
.member-log[class*="join-us-"] .cont ul{}
.member-log[class*="join-us-"] .cont ul li{}
.member-log[class*="join-us-"] .cont ul li + li{margin-top:10px;}
.member-log[class*="join-us-"] .cont ul li input{width:100%;}
.member-log[class*="join-us-"] .cont ul li select{width:100%; height:38px;}
.member-log[class*="join-us-"] .cont ul li .flex{display:flex; align-items:center;}
.member-log[class*="join-us-"] .cont ul li .flex.mail label{width:65%;}
.member-log[class*="join-us-"] .cont ul li .flex.mail div{width:30px; text-align:center;}
.member-log[class*="join-us-"] .cont ul li .flex.mail select{width:35%;}
.member-log[class*="join-us-"] .cont ul li .flex.mobile label{width:70%; margin-right:15px;}
.member-log[class*="join-us-"] .cont ul li .flex.mobile button{width:30%; height:38px;}


.member-log .agreeArea{text-align:left; margin:30px 0; }
.member-log .agreeArea .chk-all{padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #eee; font-size:15px;}
.member-log .agreeArea ol{}
.member-log .agreeArea ol li{position:relative; box-sizing:border-box;}
.member-log .agreeArea ol li:not(.chk-all){padding-left:10px; }
.member-log .agreeArea ol li + li{margin-top:5px;}
.member-log .agreeArea ol li input{}
.member-log .agreeArea ol li label{cursor:pointer;}
.member-log .agreeArea ol li label span{ color:#999; display:inline-block; margin-right:5px; }
.member-log .agreeArea ol li label span:not(.unrequire){color:var(--c1);}
.member-log .agreeArea ol li>span{position:absolute; top:50%; right:0; transform:translateY(-50%); text-decoration:underline;}



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

  .member-log[class*="join-us-"] .cont ul li + li{margin-top:13px;}
  .member-log[class*="join-us-"] .cont ul li input{height:42px;}
  .member-log[class*="join-us-"] .cont ul li select{height:42px;}
  .member-log[class*="join-us-"] .cont ul li .flex.mobile button{height:42px;}

  .member-log .agreeArea{margin:50px 0; }
  .member-log .agreeArea .chk-all{font-size:18px; padding-bottom:20px; margin-bottom:20px;}
  .member-log .agreeArea ol li + li{margin-top:8px;}
}









#sub_contents{float:none; overflow:initial;}
#page_title{margin-left:15px; margin-right:15px;}

#board-cont{padding:0 15px; box-sizing:border-box;}
#board-cont>.in{}

#board-cont #bo_list{}
#board-cont #bo_list table{border-top:1px solid #ccc;}
#board-cont #bo_list table th,
#board-cont #bo_list table td{vertical-align:middle; font-size:14px;}
#board-cont #bo_list table thead{border-bottom:1px solid #ccc;}
#board-cont #bo_list table thead tr{}
#board-cont #bo_list table thead th{background:#fff; border:0; padding:10px;}
#board-cont #bo_list table tbody{}
#board-cont #bo_list table tbody tr{border-left:0;}
#board-cont #bo_list table tbody td{}

#board-cont #bo_list .td_datetime{font-style:normal;}
#board-cont #bo_list .bo_cate_link{color:initial; height:auto; font-size:inherit; margin-right:3px;}

#board-cont .btn_admin,
#board-cont .btn_b02{background:#fff; color:#333 !important; border:1px solid #ddd; border-radius:3px;}
#board-cont .btn_admin:hover,
#board-cont .btn_b02:hover{background:#f4f4f4;}

#board-cont .pg_wrap{}
#board-cont .pg_wrap .pg_page{background:transparent; border:1px solid #fff; width:30px; height:30px; line-height:28px;}
#board-cont .pg_wrap .pg_current{background:transparent; border-color:#ff0000; color:#ff0000 !important; box-shadow:none;}
#board-cont .pg_wrap .pg_start{border:1px solid #ddd;}
#board-cont .pg_wrap .pg_next{border:1px solid #ddd;}
#board-cont .pg_wrap .pg_end{border:1px solid #ddd;}

#board-cont .bo_notice .notice_icon{background:var(--c1); width:auto; padding:0 5px;}
#board-cont #bo_list table tbody tr.bo_notice,
#board-cont .bo_notice,
#board-cont .bo_notice td{background:#fdf5f2 !important;}

#board-cont .greet-write .form{position:relative; display:flex; flex-wrap:wrap;}
#board-cont .greet-write .nick{position:absolute; top:20px; left:25px; font-weight:bold;font-size:16px; }
#board-cont .greet-write textarea{background:#ffff ; padding:25px; padding-top:55px; border:1px solid #ddd; width:calc(100% - 135px); margin-right:5px;   min-height:60px; max-height:200px;}
#board-cont .greet-write button{display:flex; width:130px; border-radius:3px; justify-content:center; align-items:center; background:#c5c6cb; color:#fff;;}
#board-cont .greet-write button:hover{background:#aaa;}





@media all and (max-width:767px){
  #page_title{margin-left:10px; margin-right:10px;}
  #board-cont{padding:0 10px;}
  #board-cont #bo_list table{display:block; border:0;}
  #board-cont #bo_list table tr{}
  #board-cont #bo_list table th,
  #board-cont #bo_list table td{}
  #board-cont #bo_list table .td_name,
  #board-cont #bo_list table .td_datetime{}
  #board-cont #bo_list table thead{display:none;}
  #board-cont #bo_list table tbody{display:block;}
  #board-cont #bo_list table tbody tr{display:flex; flex-wrap:wrap; align-items:center; border:0; border-top:1px solid #ddd; box-sizing:border-box; border-radius:0; padding:10px 0;}
  #board-cont #bo_list table tbody tr + tr{ }
  #board-cont #bo_list table tbody td{display:inline-block; width:auto; border:0; box-sizing:border-box; white-space:normal;}

  #board-cont #bo_list table tbody td.td_num2{width:60px; text-align:left;}
  #board-cont #bo_list table tbody td.td_subject{width:calc(100% - 60px);}
  #board-cont #bo_list table tbody td.td_name{margin-left:60px; font-size:12px; opacity:0.5; padding:0;}
  #board-cont #bo_list table tbody td.td_name:after{content:"|"; margin:0 10px;  font-size:10px;}
  #board-cont #bo_list table tbody td.td_datetime{font-size:12px; padding:0; opacity:0.5;}

  #board-cont #bo_list table.happy-basicTable tr td a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

  #board-cont .greet-write .nick{top:10px; left:15px; font-size:14px;}
  #board-cont .greet-write textarea{width:calc(100% - 95px); padding:15px; padding-top:35px;}
  #board-cont .greet-write button{width:90px;}


  #board-cont .pg_wrap{}
  #board-cont .pg_wrap .pg{ }

}






#board-cont .btn_submit,
#board-cont a.btn_b01,
#board-cont .btn_b01,
#board-cont .btn_b02{color:#333 !important; border:1px solid #ddd; background:#fff; box-sizing:border-box; font-size:14px; height:35px;}
#board-cont [class*="btn"] i{margin-right:3px;}











































/*  */