@charset "utf-8";





                        /*
                                                          subpage                                   //
                        */

.path-title{ }



.path-title{display:none; position:relative; margin-bottom:22.9px; height:400px;  box-sizing:border-box; padding:0; z-index:11;}
.path-title>.in{  position:relative; margin:0 auto;  height:100%; z-index:12;}

.path-title .bg{position:absolute; top:0; left:0; width:100%; height:calc(100% - 39.9px); 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.img-1 .bg{filter:grayscale(30%); background-image:url('/imgs/sub-top1.jpg');}
.path-title.img-2 .bg{filter:grayscale(30%); background-image:url('/imgs/sub-top2.jpg');}
.path-title.img-3 .bg{filter:grayscale(10%); background-image:url('/imgs/sub-top3.jpg');}
.path-title.img-4 .bg{filter:grayscale(0); background-image:url('/imgs/sub-top4.jpg');}
.path-title.img-4 .bg{filter:grayscale(0); background-image:url('/imgs/sub-top4.jpg');} */


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


/* .path-title .path{position:relative; z-index:11; margin-bottom:22.9px;}
.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:calc(50% - 19.9px); padding:0 10px; box-sizing:border-box; left:0; width:100%;   transform:translateY(-50%);  color:#fff;  z-index:11; }
.path-title .titleArea h2{max-width:1400px; margin-left:auto; margin-right:auto;  font-size:24.9px;  margin-bottom:5px; font-weight:500;}
.path-title .titleArea p{max-width:1400px; margin-left:auto; margin-right:auto;  font-size:14px; }

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


.path-title .path{display:none; position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box;  }
.path-title .path ul{}
.path-title .path ul li{position:relative; height:29.9px; line-height:29.9px; width:calc(100% / 2 - 19.9px); 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:39.9px; 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%;  height:39.9px; overflow-x:auto; overflow-y:hidden;}
.path-title .tnb>.in{max-width:1400px; margin:0 auto;}



.path-title .tnb{background:#fff; border-bottom:1px solid #aaa;}
.path-title .tnb ul[class*="-all"]{display:none; position:absolute; top:5px; left:0; width:calc(50% - 19.9px); padding:15px 0;  box-sizing:border-box;   }
.path-title .tnb ul[class*="-all"] .d1{}
.path-title .tnb ul[class*="-all"] .d1 a{}
.path-title .tnb ul[class*="-all"] .d2{position:relative; font-size:15px; line-height:39.9px;}
.path-title .tnb ul[class*="-all"] .d2.on:after{position:absolute; bottom:0; left:0;   width:100%; height:1px; background:#111; content:"";}
.path-title .tnb ul[class*="-all"] .d1 .depthArea{}
.path-title .tnb ul[class*="-all"] .d2.on a{color:#111;}
.path-title .tnb ul[class*="-all"] .d1 .depthArea ul{display:flex; white-space:nowrap; }


.path-title .tnb ul.d1-all{left:39.9px;}
.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{position:static; display:block; width:100%; padding:0; text-align:center;}
.path-title .tnb ul.d2-all .d1>a{display:none; color:#333;}
.path-title .tnb ul.d2-all .d2>a{display:block; padding:0 5px; color:#777; }
.path-title .tnb ul.d2-all .d2>a:hover{color:#999;}


.path-title .img-box{display:none;}


.path-title.img-1 .bg{background-image:url('/imgs/sub-bg1.jpg'); }
.path-title.img-2 .bg{background-image:url('/imgs/sub-bg2.jpg'); }
.path-title.img-3 .bg{background-image:url('/imgs/sub-bg3.jpg'); }
.path-title.img-4 .bg{background-image:url('/imgs/sub-bg4.jpg'); }
.path-title.img-5 .bg{background-image:url('/imgs/sub-bg5.jpg'); }
.path-title.img-6 .bg{background-image:url('/imgs/sub-bg6.jpg'); }



@media all and (min-width:768px){
  .path-title{height:550px; margin-bottom:49.9px;}
  .path-title .bg{height:calc(100% - 80px);}

  .path-title .titleArea{top:calc(50% - 69.9px);}
  .path-title .titleArea h2{font-size:50px;  margin-bottom:10px; }
  .path-title .titleArea p{font-size:22px;}

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

  .path-title .tnb{height:80px;}
  .path-title .tnb ul[class*="-all"] {}
  .path-title .tnb ul.d2-all{  }
  .path-title .tnb ul.d1-all .d1>a{padding:5px 5px 5px 19.9px; }
  .path-title .tnb ul.d2-all .d2>a{padding:0 29.9px; }

  .path-title .tnb ul[class*="-all"] .d2{font-size:17.9px; line-height:80px;}
  .path-title .tnb ul[class*="-all"] .d2.on:after{ }



}


















.tableArea{}
.tableArea + .tableArea{margin-top:100px;}
.tableArea h2.title{font-size:19.9px; margin-bottom:20px;}
.tableArea h2.title i{display:inline-block; font-style:normal; font-size:15px; margin-left:29.9px; 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; vertical-align:middle;}
.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.type2{}
.tableArea table.type2 th{border:1px solid #ccc; background:#d3ddff;}
.tableArea table.type2 td{border:1px solid #ddd;}

.tableArea table.type3{border:1px solid #333;}
.tableArea table.type3 th{border:1px solid #333; background:#d3ddff;}
.tableArea table.type3 td{border:1px solid #333;}

.tableArea table.type4{border:1px solid #333;}
.tableArea table.type4 th{border:1px solid #333; background:#fff;}
.tableArea table.type4 td{border:1px solid #333;}

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

.tableArea .left{text-align:left !important;}
.tableArea .small{font-size:12px;}
.tableArea .bg-red{background:#ffebec;}


@media all and (min-width:768px){
  .tableArea h2.title{font-size:24.9px;}
  .tableArea table tr th{padding:15px 24.9px; font-size:16.9px;}
  .tableArea table tr td{padding:24.9px 24.9px; font-size:16.9px;}
  .tableArea table tr td.p-center{text-align:center;}
  .tableArea table tr td.p-center p{display:inline-block; text-align:left;}
  .tableArea .small{font-size:14px;}
  .tableArea .small.fs-17{font-size:17px;}
}


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:29.9px;}
.top-tabArea.display{display:block;}
.top-tabArea ul{}
.top-tabArea ul li{font-size:12px; padding:0 20px; height:22.9px; 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:49.9px;}
  .top-tabArea ul li{font-size:17px; height:39.9px; line-height:48px; padding:0 49.9px;}
}


.tabArea{margin:20px 0;}
.tabArea ul{}
.tabArea ul li{text-align:center; background:#f8f8f8; transition:0.2s;}
.tabArea ul li a{display:block; color:var(--c2); line-height:29.9px;}
.tabArea ul li.on{background:var(--c2);}
.tabArea ul li.on a{color:#fff; font-weight:500;}
.tabArea ul li:hover{background:#eee;}
.tabArea ul.grid1 li{width:100%;}
.tabArea ul.grid3 li{width:100%;}
.tabArea ul.grid4 li{width:100%;}

@media all and (min-width:768px){
  .tabArea{margin:39.9px 0;}
  .tabArea ul li{font-size:16.9px;}
  .tabArea ul li a{line-height:49.9px;}

  .tabArea ul.grid1 li{width:100%;}
  .tabArea ul.grid3 li{width:calc(100% / 3);}
  .tabArea ul.grid4 li{width:calc(100% / 4);}
}


.estimate-box{display:flex; align-items:center; justify-content:space-between; box-sizing:border-box; padding:15px 20px; background:#fff; box-shadow:5px 5px 5px rgba(0,0,0,0.1); }
.estimate-box p{font-size:14px; font-weight:500;}
.estimate-box a{line-height:23px; background:var(--c2); color:#fff; width:30%; text-align:center; max-width:129.9px; transition:0.2s;}
.estimate-box a:hover{background:#2e4ba4;}

@media all and (min-width:768px){
  .estimate-box{padding:20px 19.9px; box-shadow:5px 5px 10px rgba(0,0,0,0.1); }
  .estimate-box p{font-size:16.9px;}
  .estimate-box a{font-size:16.9px; line-height:29.9px; }

  .estimate-box.big p{font-size:22.9px;}
  .estimate-box.big a{font-size:22px; max-width:249.9px; line-height:44.9px;}
}





.red{color:#ff0000;}
.lh-13{line-height:1.3; display:inline-block;}



span.l{position:relative; display:block; margin-bottom:3px; padding-left:12px; box-sizing:border-box;}
span.l:after{position:absolute; top:12px; left:0;  width:4px; height:4px; background:var(--c2); border-radius:50%; content:""; }
span.l.small{}
span.l.small:after{width:3px; height:3px; background:#333;}
span.l.top:after{top:10px; transform:none;}
span.l.red-dot:after{background:#ff0000;}

span.l-num i{font-style:normal;}

span.l-num{position:relative; display:block; margin-bottom:3px; padding-left:20px; box-sizing:border-box;}
span.l-num span{position:absolute; top:3px; left:0;  line-height:1; _font-size: 10px;    border-radius:5px;  }
span.l-num.b1{padding-left:29.9px;}


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

  span.l{padding-left:19.9px; }
  span.l:after{top:12px; left:0; width:10px; height:10px; }
  span.l.small{}
  span.l.small:after{width:4px; height:4px;}
  span.l.top:after{top:15px; transform:none;}

  span.l-num{padding-left:19.9px; }
  span.l-num span{top:5px;   _font-size:13px;}
  span.l-num.b1{padding-left:49.9px;}

}




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



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











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




#sub-cont{}
#sub-cont>.in{}
#sub-cont .top-title{position:relative;   margin-bottom:20px; padding-bottom:20px;}
#sub-cont .top-title.no-border{border:0; padding-bottom:0;}
#sub-cont .top-title.mt-70{margin-top:30px;}
#sub-cont .top-title h2{font-size:20px;}
#sub-cont .top-title h3{font-size:17px;}
#sub-cont .top-title h4{font-size:15px;}
#sub-cont .top-title p{font-size:13px; color:#666;}
#sub-cont .top-title p.mt{margin-top:10px;}
#sub-cont .top-title strong{color:var(--c1);}

#sub-cont .top-title .upper{text-transform:uppercase;}
#sub-cont .top-title.center{text-align:center;}
#sub-cont .top-title.white h2,
#sub-cont .top-title.white h3,
#sub-cont .top-title.white p{color:#fff;}

@media all and (min-width:768px){
  #sub-cont .top-title{margin-bottom:30px; padding-bottom:30px;}
  #sub-cont .top-title.no-border{padding-bottom:0;}
  #sub-cont .top-title.mt-70{margin-top:70px;}
  #sub-cont .top-title h2{font-size:35px;}
  #sub-cont .top-title h3{font-size:24px;}
  #sub-cont .top-title h4{font-size:18px;}
  #sub-cont .top-title p{font-size:20px;}
  #sub-cont .top-title p.mt{margin-top:20px;}
  #sub-cont .top-title span.count{font-size:18px; padding:3px 15px;}
}








#sub-cont .titleArea{margin-bottom:20px;}
#sub-cont .titleArea h3{font-size:13px; color:var(--c1); font-weight:600; margin-bottom:20px;}
#sub-cont .titleArea h2{font-size:19.9px; font-weight:600; line-height:1.3; margin-bottom:10px;}
#sub-cont .titleArea h4{font-size:16.9px; line-height:1.1; font-weight:500; margin-bottom:10px;}
#sub-cont .titleArea h5{font-size:18px; line-height:1.3; font-weight:700; margin-bottom:10px;}
#sub-cont .titleArea h5.fw-400{font-weight:400;}
#sub-cont .titleArea h5.fw-500{font-weight:500;}
#sub-cont .titleArea h6{font-size:16px; line-height:1.1; font-weight:500; margin-bottom:10px;}
#sub-cont .titleArea p{font-size:13px; margin-top:10px;}
#sub-cont .titleArea p.title{font-size:14px; margin-top:10px;}
#sub-cont .titleArea p.title span{font-size:12px;}
#sub-cont .titleArea p.title span.fs-inherit{font-size:inherit;}
#sub-cont .titleArea p.title.c777{color:#777;}
#sub-cont .titleArea b.red{font-weight:normal; color:#ff0000;}
#sub-cont .titleArea p.fs30{font-size:15px;}
#sub-cont .titleArea p.mt-0{margin-top:0;}
#sub-cont .titleArea p.mt--10{margin-top:-5px;}

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

#sub-cont .titleArea .line{display:block; width:20px; background:#fff; margin:20px 0 22.9px 0; height:1px;}
#sub-cont .titleArea .line.bg-000{background:#000;}
#sub-cont .titleArea .line.m0{margin:10px 0;}


@media all and (min-width:768px){
  #sub-cont{padding:0 20px; }
  #sub-cont .titleArea{margin-bottom:29.9px;}
  #sub-cont .titleArea h3{font-size:17px; margin-bottom:22.9px;}
  #sub-cont .titleArea h2{font-size:29.9px;;  margin-bottom:20px; }
  #sub-cont .titleArea h2.fs44{font-size:44px; }
  #sub-cont .titleArea h4{font-size:24.9px;  margin-bottom:20px; }
  #sub-cont .titleArea h5{font-size:23px;  margin-bottom:25px; }
  #sub-cont .titleArea h5.fs-25{font-size:25px;}
  #sub-cont .titleArea h5.fs-28{font-size:28px;}
  #sub-cont .titleArea h5.fs-40{font-size:40px;}
  #sub-cont .titleArea h6{font-size:19.9px;  margin-bottom:20px; }
  #sub-cont .titleArea p{font-size:17px;;  margin-top:40px;}
  #sub-cont .titleArea p.title{font-size:24px; margin-top:20px;}
  #sub-cont .titleArea p.title span{font-size:18px;}
  #sub-cont .titleArea p.fs30{font-size:22.9px;}
  #sub-cont .titleArea p.fs22{font-size:22px;}
  #sub-cont .titleArea p.fs15{font-size:15px;}
  #sub-cont .titleArea p.fs18{font-size:18px;}
  #sub-cont .titleArea p.fs-30{font-size:22.9px;}
  #sub-cont .titleArea p.fs-22{font-size:22px;}
  #sub-cont .titleArea p.fs-15{font-size:15px;}
  #sub-cont .titleArea p.fs-18{font-size:18px;}
  #sub-cont .titleArea p.mt--10{margin-top:-10px;}


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

  #sub-cont .titleArea .line{width:29.9px; margin:40px 0;}
  #sub-cont .titleArea .line.m0{margin:20px 0; width:22.9px;}

}



#sub-cont .max{max-width:1300px; margin-left:auto; margin-right:auto;}
#sub-cont .bg-000{background:#000;}
#sub-cont .back-bg{background-position:center; background-size:cover;}
#sub-cont .top-banner{height:200px; }
#sub-cont .top-banner.txt{display:flex; align-items:center; }
#sub-cont .top-banner.txt>.in{max-width:1300px; margin:0 auto; width:100%;}
#sub-cont .top-banner.txt h2{margin-bottom:20px; font-size:25px; line-height:1.3}
#sub-cont .top-banner.txt p{}
#sub-cont .c-c1{color:var(--c1);}
#sub-cont .c-c2{color:var(--c2);}
#sub-cont .c-fff{color:#fff;}
.mb-20{margin-bottom:10px;}
.mb-40{margin-bottom:20px;}
.fw-600{font-weight:600;}
.bg-fff{background:#fff}
.bg-f5f5f7{background:#f5f5f7;}
.bg-000{background:#000;}
.bg-c1{background:var(--c1);}
.bg-c2{background:var(--c2);}

#sub-cont .full{margin-left:-15px; margin-right:-15px; padding-left:15px; padding-right:15px;}

@media all and (min-width:768px){
  #sub-cont .top-banner{height:400px; }
  #sub-cont .top-banner.txt{height:500px; }
  #sub-cont .top-banner.txt h2{font-size:40px;}
  #sub-cont .top-banner.txt p{font-size:20px;}
  #sub-cont .full{margin-left:-20px; margin-right:-20px; padding-left:20px; padding-right:20px;}
}



.pt-120{padding-top:60px;}
.pb-120{padding-bottom:60px;}
.upper{text-transform:uppercase;}
.right{text-align:right;}

.flex{display:flex;}
.column{flex-direction:column;}
.v-center{align-items:center;}


.imgList.flex{display:table;}
.imgList li{position:relative;}
.imgList.grid2 li{width:100%;}
.imgList.grid4 li{width:50%;}
#sub-cont .imgList.box-1{width:calc(100% + 10px); margin-left:-10px;}
#sub-cont .imgList.box-1 li{width:calc(100% / 2 - 10px ); margin:0 0 10px 10px; box-sizing:border-box; padding:35px 20px; background:#fff; border-radius:10px; box-shadow:10px 10px 10px rgba(0,0,0,0.1);}
#sub-cont .imgList.box-1 li .titleArea{margin:0;}
#sub-cont .imgList.box-1 li .titleArea h5:nth-child(2){margin-top:30px ; margin-bottom:10px;}
#sub-cont .imgList.box-1 li .titleArea p{margin:0;}

#sub-cont .imgList.box-1.t2 li{background-position:center; background-size:cover;}
#sub-cont .imgList.box-1.t2 li{width:calc(100% / 1 - 10px );}
#sub-cont .imgList.box-1.t2 li h5:nth-child(1){padding:3px 15px; background:#fff; border-radius:10px; font-size:15px; display:inline-block;}
#sub-cont .imgList.box-1.t2 li .titleArea h5:nth-child(2){margin-top:5px ; margin-bottom:30px;}

#sub-cont .imgList.box-1.t3 li{background:#f7f3ea; padding:35px 10px;}
#sub-cont .imgList.box-1.t3 li .img{margin:20px 0; }
#sub-cont .imgList.box-1.t3 li span.bg-2{background:var(--c2); border-radius:50px; width:80%; margin:0 auto; cursor:default;}



.circle-area{}
.circle-area span{min-width:150px;}
.circle-area span b{font-size:20px; font-weight:100; vertical-align:middle; margin-right:5px;}

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

  .pt-120{padding-top:120px;}
  .pb-120{padding-bottom:120px;}
  .mb-20{margin-bottom:20px;}
  .mb-40{margin-bottom:40px;}

  .pc-right{text-align:right;}
  .flex.reverse{flex-direction:row-reverse;}
  .imgList.flex{display:flex;}
  .imgList.between{justify-content:space-between;}
  .imgList .bottom{position:absolute; bottom:0; left:0; width:100%;}

  .imgList.grid2 li{width:50%;}
  .imgList.grid2 li.img{width:55%;}
  .imgList.grid2 li.txt{width:45%;}
  .imgList.grid4 li{width:25%;}

  #sub-cont .imgList.box-1 li{box-sizing:border-box; padding:55px 40px;}
  #sub-cont .imgList.box-1{width:calc(100% + 20px); margin-left:-20px;}
  #sub-cont .imgList.box-1 li{width:calc(100% / 4 - 20px ); margin:0 0 0 20px;}
  #sub-cont .imgList.box-1 li .titleArea h5:nth-child(2){margin-top:100px ; margin-bottom:20px;}

  #sub-cont .imgList.box-1.t2 li{width:calc(100% / 3 - 20px );}
  #sub-cont .imgList.box-1.t2 li h5:nth-child(1){font-size:20px; padding:8px 25px;   border-radius:30px; }
  #sub-cont .imgList.box-1.t2 li .titleArea h5:nth-child(2){margin-top:10px ; margin-bottom:100px;}
  #sub-cont .imgList.box-1.t2 li .titleArea p{font-size:19px;}

  #sub-cont .imgList.box-1.t3 li{background:#f7f3ea; padding:55px 10px;}
  #sub-cont .imgList.box-1.t3 li span.bg-2{padding-top:20px; padding-bottom:20px;}

  .circle-area span{font-size:17px;}
  .circle-area span b{font-size:25px;}

}

.half-bg{position:relative;}
.half-bg:after{position:absolute; top:0; left:0; width:100%; height:50%; z-index:1; background:#f5f5f7; content:"";}
.half-bg>.in{position:relative; z-index:11;}

#sub-cont .pc{display:none;}
#sub-cont .mo{display:block;}


@media all and (min-width:768px){
  #sub-cont .pc{display:block;}
  #sub-cont .mo{display:none;}

}








#sub-cont.sub-01-2{}



@media all and (min-width:768px){
  #sub-cont.sub-01-2 .tt{position:relative; top:50px;}
}





#sub-cont.sub-01-03{}
#sub-cont.sub-01-03 ul{width:calc(100% + 10px); margin-left:-10px;}
#sub-cont.sub-01-03 ul li{width:calc(100% / 2 - 10px); margin-left:10px; margin-bottom:20px;}
#sub-cont.sub-01-03 ul li img{ }
#sub-cont.sub-01-03 ul p{text-align:center; margin-top:10px;}

@media all and (min-width:768px){
  #sub-cont.sub-01-03 ul{width:calc(100% + 29.9px); margin-left:-29.9px;}
  #sub-cont.sub-01-03 ul li{width:calc(100% / 4 - 29.9px); margin-left:29.9px; margin-bottom:22.9px;}
  #sub-cont.sub-01-03 ul p{font-size:22px; margin-top:20px;}
}






#sub-cont .circle-box{max-width:1000px; margin:0 auto;}
#sub-cont .circle-box ul{display:flex; align-items:center;  flex-wrap:wrap;  justify-content:space-around;}
#sub-cont .circle-box ul li{display:flex;justify-content:center; align-items:center; background:rgba(255,255,255,0.88);}
#sub-cont .circle-box ul li[class*="bg"]{position:relative;  width:calc(100% / 1);  height:0; padding-bottom:calc(100% / 1);  border-radius:50%; }
#sub-cont .circle-box ul li:nth-child(1){background:var(--c2);}
#sub-cont .circle-box ul li + li{margin-top:-30px;}
#sub-cont .circle-box ul li .titleArea{position:absolute; top:50%; left:0; transform:translateY(-50%); text-align:center; width:100%;  }
#sub-cont .circle-box ul li span{font-size:22.9px;}

@media all and (min-width:768px){
  #sub-cont .circle-box ul li{}
  #sub-cont .circle-box ul li[class*="bg"]{width:calc(100% / 2); padding-bottom:calc(100% / 2); }
  #sub-cont .circle-box ul li + li{margin-top:0; margin-left:-30px;}
  #sub-cont .circle-box ul li p{font-size:32px;}
  #sub-cont .circle-box ul li span{font-size:129.9px;}

}













/* 연혁 */
.history-wrap {width:100%; position:relative;}
.history-wrap .top-img{position:absolute; top:0; left:0; width:auto;; margin:0 -20px;}
.history-wrap .history { position:relative;  margin-top:22.9px;}
.history-wrap .history:last-child{margin-bottom:0px;}
.history-wrap .history:after{ content:''; display:block; position:absolute; bottom:0; left:-3px; width:7px; height:7px; border-radius:50%; background:var(--c1);}
.history-wrap .history:before { content:''; display:block; position:absolute; top:0; left:0; width:1px; height:100%; background:#ccc;} /* 라인색상 */
.history-wrap .history .box { position:relative;  padding-left:29.9px; margin-bottom:34.9px; }
.history-wrap .history .box:before { content:''; display:block; position:absolute; top:0; left:-3px; width:7px; height:7px; border-radius:50%; background:var(--c1);} /* 라인포인트색상 */
.history-wrap .history .box .year {display:block; color:var(--c2); position:relative; top:-10px; margin-bottom:15px; line-height:1; font-size:19.9px;  font-weight:700; }
.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 b{display:block;}
.history-wrap .history .box ul li p {margin-top:5px;  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 .top-img{margin:0; left:-100px;}
  .history-wrap .history:after{left:50%; width:15px; height:15px; margin-left:-7px;}
  .history-wrap .history:before{left:50%;  }
  .history-wrap .history .box:before{width:15px; height:15px;}

  .history-wrap .history .box{margin-bottom:-100px;}
  .history-wrap .history .box:last-child{margin:0;}
  .history-wrap .history .box .year{font-size:39.9px;}
  .history-wrap .history .box ul li b{font-size:16.9px;}
  .history-wrap .history .box ul li p span{font-size:16px;}

  .history-wrap .history .box:nth-child(odd){padding-left:calc(50% + 139.9px);}
  .history-wrap .history .box:nth-child(even){padding-right:calc(50% + 139.9px); text-align:right;}

  .history-wrap .history .box:before{left:50%; margin-left:-7px;}
  .history-wrap .history .box:nth-child(odd){}
  .history-wrap .history .box:nth-child(even){}


}













#sub-cont .ico-box{}
#sub-cont .ico-box ul{}
#sub-cont .ico-box ul li{position:relative; padding:15px; padding-left:80px; box-sizing:border-box; background:#edeffb; border-radius:20px; box-shadow:5px 5px 5px rgba(0,0,0,0.1); }
#sub-cont .ico-box ul li + li{margin-top:20px;}
#sub-cont .ico-box ul li .img{position:absolute; display:flex; justify-content:center; align-items:center; padding:15px; box-sizing:border-box; transform:translateY(-50%); top:50%; left:0; width:49.9px; height:49.9px; overflow:hidden; border-radius:50%; background:var(--c2); }
#sub-cont .ico-box ul li p{font-size:14px;}


@media all and (min-width:768px){
  #sub-cont .ico-box{}
  #sub-cont .ico-box ul{}
  #sub-cont .ico-box ul li{padding:29.9px; padding-left:149.9px; border-radius:29.9px; border-top-left-radius:100px; border-bottom-left-radius:100px;}
  #sub-cont .ico-box ul li + li{margin-top:29.9px;}
  #sub-cont .ico-box ul li .img{width:122.9px; height:122.9px; left:-5px;}
  #sub-cont .ico-box ul li p{font-size:19.9px;}

}


#bo_v_top ul{background:transparent}
#sub-cont #bo_v{background:transparent; color:#fff; text-align:center;}
.write-box li,
.write-box li h2{color:#fff;}

/* board basic */
#sub-cont.board-sub{}
#sub-cont.board-sub>.in{padding:0; max-width:1300px; margin:0 auto;}
#sub-cont.board-sub .tbl_wrap table{border-top:2px solid #333; border:0; background:transparent; color:#fff;}
#sub-cont.board-sub .tbl_wrap table a{color:#fff;}

#sub-cont .btn_bo_user li{background:#000;}

  #sub-cont .right-section .txtbox p{color:var(--c2); margin-bottom:20px;}
  #sub-cont .right-section .txtbox h2{color:#fff;}

  /* list */
  #sub-cont.board-sub #bo_list{margin-top:30px;}
  #sub-cont.board-sub #bo_list .td_name{width:139.9px; text-align:center;}
  #sub-cont.board-sub #bo_list .td_datetime{width:200px;}

  #sub-cont.board-sub #bo_list .btn_bo_user>li{width:auto; min-width:29.9px; }
  #sub-cont.board-sub #bo_list .btn_bo_user .btn_submit{display:inline-block; background:var(--c1); height:24.9px; line-height:24.9px; 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 thead{border-top:1px solid var(--c2);}
  #sub-cont.board-sub #bo_list table th{color:var(--c2);}
  #sub-cont.board-sub #bo_list table th a{color:var(--c2);}
  #sub-cont.board-sub #bo_list table td{color:#fff;}
  #sub-cont.board-sub #bo_list table td span{color:#fff;}

  #bo_w .bo_w_tit #btn_autosave{display:none;}

  #bo_w .bo_w_flie .file_wr,
  #sub-cont.board-sub input[type="file"],
  #sub-cont.board-sub textarea,
  #sub-cont.board-sub input[type="text"]{background:#333; color:#fff; border:0;}


  /* read */
  #sub-cont.board-sub #bo_v_title{margin-bottom:10px;}
  #sub-cont.board-sub #bo_v_title .bo_v_tit{font-size:16.9px;}
  #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:22.9px 0; border-top:2px solid #333; border-bottom:2px solid #333; border:0;}
  #sub-cont.board-sub #bo_v_img{margin-top:39.9px; }

  @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:16px;}
      #sub-cont.board-sub #bo_list table td{}

      /* read */
      #sub-cont.board-sub #bo_v_title{}
      #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:16.9px; padding:39.9px 0; }
      #sub-cont #bo_list .td_num{width:100px;}

      #sub-cont .right-section .txtbox p{font-size:20px; margin-bottom:20px;}
      #sub-cont .right-section .txtbox h2{font-size:44px;}

  }


#bo_list .bo_tit .fa-download{display:none;}
.board-sub .bo_fx{float:none;}



/* board - galley */
#sub-cont.board-sub #gall_ul{width:calc(100% + 10px); display:flex; justify-content:space-between; flex-wrap:wrap;}
#sub-cont.board-sub #gall_ul>li{width:calc(100% / 1 - 5px); padding:0;}
#sub-cont.board-sub #gall_ul>li img{width:100%;}
#sub-cont.board-sub #bo_gall .gall_text_href a{color:var(--c2); font-weight:500;}
#sub-cont.board-sub #bo_gall .gall_text_href p{margin-top:10px; color:#fff; line-height:20px; height:40px; overflow:hidden; text-overflow:ellipsis;}

#sub-cont.board-sub #bo_gall .btn_bo_user>li{width:auto; min-width:29.9px; }
#sub-cont.board-sub #bo_gall .btn_bo_user .btn_submit{display:inline-block; background:var(--c1); height:24.9px; line-height:24.9px; 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;width:calc(100% + 20px);  margin:0 0 0 -20px; }
  #sub-cont.board-sub #gall_ul>li{width:calc(100% / 3 - 20px);  margin-left:20px; }

  #sub-cont.board-sub #bo_gall .gall_text_href p{margin-top:15px; font-size:20px; height:50px; line-height:25px;}

  #sub-cont.board-sub #bo_gall .btn_bo_user .btn_submit,
  #sub-cont.board-sub #bo_list .btn_bo_user .btn_submit{width:144.9px; line-height:44.9px; height:44.9px; font-size:16.9px;}


}


#sub-cont.board-sub .pg_wrap{display:block; float:none;  margin:80px 0;}
#sub-cont.board-sub .pg{display:block;}
#sub-cont.board-sub .pg_current{ padding:0; border-radius:50%;  margin:0 5px; color:var(--c1); text-decoration:underline; background:transparent; border:0;}
#sub-cont.board-sub .pg_page{background-color:#fff; padding:0; border:0; margin:0 2px;}
#sub-cont.board-sub .pg_end{background:transparent; font-size:0; line-height:0; text-indent:0;}
#sub-cont.board-sub .pg_end:after{font-family:'xeicon';  content:"\e90b"; font-size:15px; line-height:19.9px;}


@media all and (min-width:768px){
  #sub-cont.board-sub .pg_current,
  #sub-cont.board-sub .pg_page,
  #sub-cont.board-sub .pg_end:after{font-size:19.9px;}
  #sub-cont.board-sub .pg_end{font-size:0;}
}





#sub-cont.board-sub.sub-06-1 #bo_list table{text-align:center;}
#sub-cont.board-sub.sub-06-1 #bo_list table tbody tr:nth-child(odd){background:#f7f7f7;}
#sub-cont.board-sub.sub-06-1 #bo_list table tbody td{ color:#333;}
#sub-cont.board-sub.sub-06-1 #bo_list table th,
#sub-cont.board-sub.sub-06-1 #bo_list table td{border:1px solid #ccc;}
#sub-cont.board-sub.sub-06-1 #bo_list table th:first-child,
#sub-cont.board-sub.sub-06-1 #bo_list table td:first-child{border-left:0;}
#sub-cont.board-sub.sub-06-1 #bo_list table th:last-child,
#sub-cont.board-sub.sub-06-1 #bo_list table td:last-child{border-right:0;}




#sub-cont.board-sub.sub-06-3 #bo_list table{text-align:center;}
#sub-cont.board-sub.sub-06-3 #bo_list table tbody td{ color:#333;}
#sub-cont.board-sub.sub-06-3 #bo_list table td{border:1px solid #ccc;}
#sub-cont.board-sub.sub-06-3 #bo_list table td:first-child{border-left:0; background:#f7f7f7; width:40%;}
#sub-cont.board-sub.sub-06-3 #bo_list table td:last-child{border-right:0; width:60%; box-sizing:border-box;padding-left:2%; padding-right:5%;}
#sub-cont.board-sub.sub-06-3 #bo_list table td input,
#sub-cont.board-sub.sub-06-3 #bo_list table td select{width:100%; height:30px;}


@media all and (min-width:768px){
  #sub-cont.board-sub.sub-06-3 #bo_list table td:last-child{padding-left:5%; padding-right:25%;}
  #sub-cont.board-sub.sub-06-3 #bo_list table td input,
  #sub-cont.board-sub.sub-06-3 #bo_list table td select{ height:50px; font-size:16.9px;}
}



#sub-cont[board-name="자유게시판"] .hits,
#sub-cont[board-name="자유게시판"] #bo_list .td_num{display:none;}


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

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


#sub-cont.in{max-width:1400px; margin:0 auto;}



#sub-cont[class*="sub-06-"]{_max-width:1100px; _margin-left:auto; _margin-right:auto;}



.JS-form_mail2{  box-sizing:border-box; background:#efefef; width:100%;}
.JS-form_mail2>.in{max-width:100%; padding:22.9px;}
.JS-form_mail2 .left{width:100%;}
.JS-form_mail2 .right{width:100%;}

.JS-form_mail2 .input-1,
.JS-form_mail2 input:not([type="checkbox"]){position:relative;  font-size:14px; width:100%;  height:32px; margin:0 0 0 0; border:0; background:#fff; padding:0 10px; border-radius:5px;}
.JS-form_mail2 textarea{font-size:14px; width:100%; min-height:100px; max-height:400px; margin:0 0 5px 0; border:0; background:#fff; padding:10px;}
.JS-form_mail2 .ec-base-button{margin-top:20px;}
.JS-form_mail2 button[class*="btn"]{padding:5px 20px; border-radius:5px;}
.JS-form_mail2 input.btnSubmit{background:var(--c1);  width:100%; margin:0 auto; margin-top:22.9px; cursor:pointer;}
.JS-form_mail2 input[type="file"]{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer; z-index:12;}

.JS-form_mail2 .input-box{position:relative; padding-left:100px; margin-bottom:10px;}
.JS-form_mail2 .input-box h3{font-size:14px; width:80px; text-align:right;  position:absolute; top:5px; left:0; font-weight:normal;}
.JS-form_mail2 .input-box h3 span{color:#F29600;}

.JS-form_mail2 .input-1{color:#999; display:flex; align-items:center; justify-content:space-between; padding-left:15px; box-sizing:border-box;}
.JS-form_mail2 .attatch{display:inline-block; padding:2px 10px; background:#999; color:#fff; border-radius:5px;  font-size:11px;}

.JS-form_mail2 .top{text-align:left;}
.JS-form_mail2 .top>.input-box{width:100%;}
.JS-form_mail2 .top>.input-box.textarea{width:100%;}
.JS-form_mail2 .top .flex{}
.JS-form_mail2 .top .flex select{height:32px; width:100%; margin-bottom:10px;}
.JS-form_mail2 .top .flex input{}
.JS-form_mail2 input.btnSubmit { }
.JS-form_mail2 .input-box .infoArea{margin:0;}
.JS-form_mail2 .input-box .infoArea .box{background:#fff; border-radius:5px;}


@media all and (min-width:768px){
  .sub-c2-1 h2{  font-size:19.9px;}
  .JS-form_mail2>.in{ padding:55.9px;}
  .JS-form_mail2 .left{width:47%;}
  .JS-form_mail2 .right{position:relative; width:50%; margin-left:3%; padding-left:2%;  }
  .JS-form_mail2 .right:after{position:absolute; top:0; left:0; width:1px; height:calc(100% - 10px); background:#ddd; content:"";}
  .JS-form_mail2 .input-1,
  .JS-form_mail2 input:not([type="checkbox"]){height:50px; font-size:14.9px;}
  .JS-form_mail2 textarea{font-size:16.9px;}

  .JS-form_mail2 .input-box{padding-left:190px; margin-bottom:15px;}
  .JS-form_mail2 .input-box h3{font-size:16.9px; width:129.9px; font-weight:500; top:50%; transform:translateY(-50%);}
  .JS-form_mail2 .input-box.last h3{}

  .JS-form_mail2 .attatch{font-size:13px; padding:7px 22.9px;}

  .JS-form_mail2 .top .flex{display:flex;}
  .JS-form_mail2 .top .flex select{height:50px; width:30%; margin-bottom:0; font-size:16.9px; padding-left:10px;}
  .JS-form_mail2 .top .flex input{width:69%; margin-left:1%;}
  .JS-form_mail2 .top>.input-box{width:48%; margin-left:2%;}
  .JS-form_mail2 .top>.input-box.w100{width:98%;}

  .JS-form_mail2 input.btnSubmit {font-size:16.9px;}

}




.sub-06-3 .resultArea{margin-top:39.9px; text-align:center;}
.sub-06-3 .resultArea p{}
.sub-06-3 .resultArea .printArea{}
.sub-06-3 .resultArea .printArea>.in{padding:5% 5%; height:100%; box-sizing:border-box;}

#print-this{text-align:center; position:fixed; top:0; left:0; width:100%;  height:100%; padding:100px ;  box-sizing:border-box; font-family: 'Noto Serif KR', serif; z-index:99999999}
#print-this header{height:20vh; font-size:39.9px; font-weight:700; letter-spacing:22.9px;}
#print-this article{height:30vh; text-align:left; line-height:2; font-size:16.9px;}
#print-this p.sign{height:15vh; font-size:16.9px;}
#print-this p.date{height:15vh; font-size:16.9px;}
#print-this p.by{height:20vh; font-size:22.9px; font-weight:500;}


.sub-06-3 .pop-01{position:fixed; top:0; left:0; width:100%; height:100%;   z-index:99; }
.sub-06-3 .pop-01 .bg{position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.2; z-index:11; cursor:pointer;}
.sub-06-3 .pop-01 .in{position:absolute; top:50%; left:50%; border-radius:10px; box-sizing:border-box; padding:39.9px 0; width:90%; height:auto; background:#fff; transform:translate(-50%, -50%);  z-index:12; }
.sub-06-3 .pop-01 .in button{margin-top:22.9px;}
.sub-06-3 .pop-01 p{font-size:15px;}
.sub-06-3 .pop-01#PASS .in{background-image:url('/imgs/2024/bg_class.png'); background-position:center; background-size:cover;}

.sub-06-3 .pop-01 .ec-base-button{margin-top:39.9px;}
.sub-06-3 .pop-01 .ec-base-button a{height:49.9px; padding:0;}

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

  .sub-06-3 .searchArea input.number{width:25%;}
  .sub-06-3 .searchArea input.name{width:19%; margin:0 0.5%;}
  .sub-06-3 .searchArea button{width:139.9px;}


  .sub-06-3 .pop-01 .in{width:600px; padding:39.9px 39.9px;}
  .sub-06-3 .pop-01 p{font-size:16.9px;}

}












/* 회원가입 메인 */
#sub-cont .memberArea.join-main{}
#sub-cont .memberArea.join-main .buttonArea{padding:0;}
#sub-cont .memberArea.join-main .buttonArea button{font-weight:bold;}
#sub-cont .memberArea.join-main .buttonArea button + button{margin-top:5px;}
#sub-cont .memberArea.join-main .buttonArea button span{position:relative; top:0; display:inline-block; margin-right:10px; }
#sub-cont .memberArea.join-main .buttonArea button span img{width:17px; vertical-align:middle;}
#sub-cont .memberArea.join-main .buttonArea button.naver{background:#03c75a;}
#sub-cont .memberArea.join-main .buttonArea button.naver:hover{background:#06b152;}
#sub-cont .memberArea.join-main .buttonArea button.kakao{background:#fee500; color:#000; }
#sub-cont .memberArea.join-main .buttonArea button.kakao:hover{background:#e3ce0f;}
#sub-cont .memberArea.join-main .buttonArea button.google{}
#sub-cont .memberArea.join-main .buttonArea button b{color:var(--c1);}
#sub-cont .memberArea.join-main .txt{margin-top:20px;}
#sub-cont .memberArea.join-main .txt a{color:var(--c1);}


@media all and (min-width:768px){
  #sub-cont .memberArea.join-main .buttonArea button span{top:-2px;}
  #sub-cont .memberArea.join-main .buttonArea button + button{margin-top:10px;}

  #sub-cont #register_form .pc-flex{display:flex;}
  #sub-cont #register_form .pc-flex input:nth-child(2){margin-right:10px;}
}



/* 회원가입 */
#sub-cont .memberArea.join-form{}
#sub-cont .memberArea.join-form .in{border-radius:20px; box-shadow:0 5px 10px rgba(0,0,0,0.2); box-sizing:border-box; padding:20px;}
#sub-cont .memberArea.join-form fieldset h2{font-size:14px; color:var(--c2); text-align:left; margin-bottom:10px;}
#sub-cont .memberArea.join-form fieldset h2.center{text-align:center; color:#000; margin-top:22.9px;}
#sub-cont .memberArea.join-form fieldset ul{}
#sub-cont .memberArea.join-form fieldset ul li{position:relative; display:flex; align-items:center; flex-wrap:wrap;}
#sub-cont .memberArea.join-form fieldset ul li + li{margin-top:20px;}
#sub-cont .memberArea.join-form fieldset ul li b{width:100%; color:#666; display:block; margin-bottom:5px; font-size:14px;}
#sub-cont .memberArea.join-form fieldset ul li input{width:100%; background:transparent; border:0; border:1px solid #ddd; border-radius:3px; padding-left:20px;}
#sub-cont .memberArea.join-form fieldset ul li input:focus{border-color:#333;}
#sub-cont .memberArea.join-form fieldset ul li input[disabled]{border:0;}
#sub-cont .memberArea.join-form fieldset ul li input[type="password"]{}
#sub-cont .memberArea.join-form fieldset ul li input + input{width:40%; margin-left:10px;}
#sub-cont .memberArea.join-form fieldset ul li span{position:absolute; top:50%; right:0; transform:translateY(-50%); color:var(--c1);}
#sub-cont .memberArea.join-form fieldset ul li span.txt2{color:#ED2525;}
#sub-cont .memberArea.join-form fieldset ul li button{margin-left:10px; height:29.9px; min-width:80px; text-align:center;}
#sub-cont .memberArea.join-form fieldset ul li select{width:100%;}
#sub-cont .memberArea.join-form fieldset ul li div.flex{display:flex; width:100%;}
#sub-cont .memberArea.join-form fieldset ul li div.flex + div.flex{margin-top:10px;}

#sub-cont .memberArea.join-form.login fieldset ul li:after{position:absolute; top:0; line-height:38px; left:0; width:22.9px;  text-align:center; font-family:'xeicon'; content:"\e9f5"; }
#sub-cont .memberArea.join-form.login fieldset ul li:nth-child(2):after{content:"\e966";}
#sub-cont .memberArea.join-form.login fieldset ul li input{padding-left:24.9px;}


@media all and (min-width:768px){
  #sub-cont .memberArea.join-form{}
  #sub-cont .memberArea.join-form .in{padding:39.9px;}
  #sub-cont .memberArea.join-form fieldset h2{font-size:22.9px; margin-bottom:20px;}
  #sub-cont .memberArea.join-form fieldset ul li{position:relative; font-size:16px;}
  #sub-cont .memberArea.join-form fieldset ul li + li{margin-top:10px;}
  #sub-cont .memberArea.join-form fieldset ul li b{width:100px; display:inline-block; position:absolute; top:10px; left:0;}
  #sub-cont .memberArea.join-form fieldset ul li input{height:50px;}
  #sub-cont .memberArea.join-form fieldset ul li button{height:50px; min-width:110px;}
  #sub-cont .memberArea.join-form fieldset ul li select{height:50px;}

  #sub-cont .memberArea.join-form.login fieldset ul li:after{font-size:16.9px; line-height:54px; width:39.9px;}
  #sub-cont .memberArea.join-form.login fieldset ul li input{padding-left:44.9px;}


}

.mt-5{margin-top:5px; }
.mb-5{margin-bottom:5px; }
.mt-10{margin-top:10px; }
.mb-10{margin-bottom:10px; }
.mt-20{margin-top:20px; }
.mb-20{margin-bottom:20px; }
.mt-30{margin-top:20px; }
.mb-30{margin-bottom:20px; }
.mb-40{margin-bottom:20px; }
.mb-50{margin-bottom:19.9px; }
.mb-60{margin-bottom:22.9px; }

@media all and (min-width:768px){
  .mt-5{margin-top:5px; }
  .mb-5{margin-bottom:5px; }
  .mt-10{margin-top:10px; }
  .mb-10{margin-bottom:10px; }
  .mt-20{margin-top:20px; }
  .mb-20{margin-bottom:20px; }
  .mt-30{margin-top:22.9px; }
  .mb-30{margin-bottom:22.9px; }
  .mb-40{margin-bottom:29.9px; }
  .mb-50{margin-bottom:39.9px; }
  .mb-60{margin-bottom:49.9px; }
}




.sub-title{margin:20px 0; font-size:16.9px; font-weight:bold; }

@media all and (min-width:768px){
  .sub-title{margin:39.9px 0; font-size:22.9px; }
}


#sub-cont .txtbox{}
#sub-cont .txtbox.board-title{margin:39.9px 0 22.9px 0;}
#sub-cont .txtbox h2{}
#sub-cont .txtbox p{}

#sub-cont .txtbox .fs-44{font-size:21px;}
#sub-cont .txtbox .fs-40{font-size:16.9px;}
#sub-cont .txtbox .fs-38{font-size:19px;}
#sub-cont .txtbox .fs-35{font-size:18px;}
#sub-cont .txtbox .fs-32{font-size:17px;}
#sub-cont .txtbox .fs-30{font-size:16px;}
#sub-cont .txtbox .fs-28{font-size:16px;}
#sub-cont .txtbox .fs-25{font-size:16px;}
#sub-cont .txtbox .fs-23{font-size:15px;}
#sub-cont .txtbox .fs-20{font-size:14px;}
#sub-cont .txtbox.w,
#sub-cont .txtbox .w{color:#fff;}
#sub-cont .txtbox.c1,
#sub-cont .txtbox .c1{color:var(--c1);}
#sub-cont .txtbox .c-111{color:#111;}
#sub-cont .txtbox .c-888{color:#888;}
#sub-cont .bg-w{background:#fff;}
#sub-cont .bg-c1{background:var(--c1);}
#sub-cont .bg-111{background:#111;}
#sub-cont .bg-888{background:#888;}


#sub-cont .banner-txt{margin-bottom:29.9px; display:flex; align-items:center; height:auto; border-radius:20px; box-sizing:border-box; padding:29.9px 20px; background-position:center; background-size:cover;}
#sub-cont .banner-txt .txtbox{}
#sub-cont .banner-txt.dark{position:relative;}
#sub-cont .banner-txt.dark:after{position:absolute; top:0; left:0; width:100%; height:100%; content:""; background:#333; opacity:0.25;}
#sub-cont .banner-txt.dark .txtbox{position:relative; z-index:11;}

#sub-cont hr.type1{border:0; height:1px; background:#ddd; margin:29.9px auto;;}
#sub-cont hr.type2{border:0; height:29.9px; background:transparent; }

#sub-cont .gall-box{width:calc(100% + 22.9px); margin-left:-22.9px;}
#sub-cont .gall-box[class*="grid"] li{margin-left:22.9px; margin-bottom:22.9px;}
#sub-cont .gall-box.grid1 li{width:calc(100% / 1 - 22.9px);}
#sub-cont .gall-box.grid2 li{width:calc(100% / 1 - 22.9px);}
#sub-cont .gall-box.grid3 li{width:calc(100% / 2 - 22.9px);}
#sub-cont .gall-box.grid4 li{width:calc(100% / 2 - 22.9px);}
#sub-cont .gall-box .img{}
#sub-cont .gall-box .img img{width:100%;}

#sub-cont .pc-only{display:none;}
#sub-cont .mo-only{display:block;}

#sub-cont .root_daum_roughmap_landing{width:100% !important;}
#sub-cont .root_daum_roughmap .cont{display:none;}
#sub-cont .root_daum_roughmap .map_border{display:none !important;}


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

  #sub-cont .banner-txt{height:375px; padding:39.9px; margin-bottom:70px; }
  #sub-cont .txtbox{}
  #sub-cont .txtbox.board-title{margin:100px 0 70px 0;}
  #sub-cont .txtbox h2{}
  #sub-cont .txtbox p{}

  #sub-cont .txtbox .fs-44{font-size:44px; line-height:1.3;}
  #sub-cont .txtbox .fs-40{font-size:29.9px; line-height:1.3;}
  #sub-cont .txtbox .fs-38{font-size:26.9px; line-height:1.3;}
  #sub-cont .txtbox .fs-35{font-size:24.9px; line-height:1.3;}
  #sub-cont .txtbox .fs-32{font-size:23.9px; line-height:1.3;}
  #sub-cont .txtbox .fs-30{font-size:22.9px; line-height:1.3;}
  #sub-cont .txtbox .fs-28{font-size:21.9px; line-height:1.3;}
  #sub-cont .txtbox .fs-25{font-size:19.9px;}
  #sub-cont .txtbox .fs-23{font-size:17.9px;}
  #sub-cont .txtbox .fs-20{font-size:16.9px;}

  #sub-cont hr.type1{ margin:50px auto;;}
  #sub-cont hr.type2{height:50px; }

  #sub-cont .gall-box{width:calc(100% + 70px); margin-left:-70px;}
  #sub-cont .gall-box[class*="grid"] li{margin-left:70px; margin-bottom:70px;}
  #sub-cont .gall-box.grid1 li{width:calc(100% / 1 - 70px);}
  #sub-cont .gall-box.grid2 li{width:calc(100% / 2 - 70px);}
  #sub-cont .gall-box.grid3 li{width:calc(100% / 3 - 70px);}
  #sub-cont .gall-box.grid4 li{width:calc(100% / 4 - 70px);}

  #sub-cont .pc-only{display:block;}
  #sub-cont .mo-only{display:none;}

}



/* 설립목적 */
#sub-cont .logo{}
#sub-cont .logo .l{}
#sub-cont .logo .r{}


@media all and (min-width:768px){
  #sub-cont .logo{display:flex;}
  #sub-cont .logo .l{width:30%;}
  #sub-cont .logo .r{width:70%; padding-left:5%;}
}

/* 인사말 */
#sub-cont.sub-01-2 .person{position:relative;}


@media all and (min-width:768px){
  #sub-cont.sub-01-2 .person .txtbox{position:absolute; bottom:29.9px; left:29.9px;}
}



/* 사업안내 */
#sub-cont .box-a{background:#fef3e1; box-sizing:border-box; padding:15px;}
#sub-cont .box-a .gall-box{width:calc(100% + 10px); margin-left:-10px; display:flex; flex-wrap: wrap;}
#sub-cont .box-a .gall-box li{display:flex;  justify-content:space-between; width:calc(100% / 1 - 10px); margin:0 0 10px 10px; padding:10px; box-sizing:border-box; background:#fff; border-radius:10px;}
#sub-cont .box-a .gall-box li.a2{}
#sub-cont .box-a .gall-box .img img{width:auto; max-width:100px;}
#sub-cont .box-a .wrap{position:relative; margin-top:39.9px; background:#f19601; box-sizing:border-box; padding:15px; padding-top:22.9px; border-radius:22.9px;}
#sub-cont .box-a .wrap .plus{position:absolute; top:-22.9px; left:50%; transform:translateX(-50%); width:70px; height:70px; line-height:49.9px; text-align:center; color:#fff; font-size:16.9px; border-radius:50%; background:#f19601; z-index:1;}
#sub-cont .box-a .wrap .plus i{}
#sub-cont .box-a .wrap ul li.last.one{width:calc(100% - 10px);  background:var(--c1);}
#sub-cont .box-a.type2{background:#fff; padding:0;}
#sub-cont .box-a.type2 .gall-box{display:table;}
#sub-cont .box-a.type2 .gall-box li{padding:0; display:inline-block; width:calc(100% / 2 - 10px);}
#sub-cont .box-a.type2 .gall-box li img{max-width:100%;}

@media all and (min-width:768px){
  #sub-cont .box-a{padding:24.9px;}
  #sub-cont .box-a .gall-box{width:calc(100% + 22.9px); margin-left:-22.9px;}
  #sub-cont .box-a .gall-box li{flex-direction:column; width:calc(100% / 3 - 22.9px); margin:0 0 22.9px 22.9px; padding:22.9px 0px; text-align:center; }
  #sub-cont .box-a .gall-box li.last{width:calc(100% / 2 - 22.9px); margin:0 0 22.9px 22.9px;}
  #sub-cont .box-a .gall-box li p{letter-spacing:-1px; line-height:1.3;}
  #sub-cont .box-a .gall-box .img img{width:auto; max-width:100%;}

  #sub-cont .box-a .wrap{padding:24.9px; padding-top:49.9px; margin-top:100px;}
  #sub-cont .box-a .wrap .plus{width:150px; height:150px; line-height:100.9px; top:-50px; font-size:39.9px;}

  #sub-cont .box-a.type2 .gall-box li{margin-bottom:39.9px; width:calc(100% / 3 - 22.9px);}
}


#sub-cont .box-b{}
#sub-cont .box-b ul{}
#sub-cont .box-b ul li{ width:100%; background:#fafafa; border:1px solid #979797; border-radius:20px; padding:20px; box-sizing:border-box;}
#sub-cont .box-b ul li + li{margin-top:20px;}
#sub-cont .box-b ul li .img{width:80px; margin:0 0 20px 20px;}
#sub-cont .box-b ul li .txtbox{box-sizing:border-box; padding-left:20px;}



@media all and (min-width:768px){
  #sub-cont .box-b ul li{padding:39.9px 80px; display:flex; align-items:center; }
  #sub-cont .box-b ul li .txtbox{padding-left:80px;}
  #sub-cont .box-b ul li .img{width:150px;}
}


#sub-cont .box-c{}
#sub-cont .box-c ul{}
#sub-cont .box-c ul li{text-align:center;}
#sub-cont .box-c ul li + li{margin-top:22.9px; border-top:1px solid #ddd; padding-top:22.9px;}
#sub-cont .box-c ul li .box{padding:10px; background:#708fae; border-radius:20px; box-sizing:border-box;}
#sub-cont .box-c ul li .arrow{transform:rotate(90deg); padding:10px 0; box-sizing:border-box;}
#sub-cont .box-c ul li .arrow img{height:20px;}
#sub-cont .box-c ul li .box:nth-child(3){background:#01458e;}

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

  #sub-cont .box-c ul li{display:flex; align-items:center; }
  #sub-cont .box-c ul li + li{margin-top:29.9px; padding-top:0; border:0;}
  #sub-cont .box-c ul li .box{width:40%; min-height:129.9px; display:flex; align-items:center; justify-content:center;}
  #sub-cont .box-c ul li .arrow{width:20%; transform:none; padding:0;}
  #sub-cont .box-c ul li .arrow img{height:auto;;}

}


@media all and (min-width:1500px){
  #sub-cont .pc-nowrap{white-space:nowrap;}
}




.e-button{  }
.e-button>.in{max-width:1400px; margin:0 auto;}
.e-button a{position:relative; display:block; background:var(--c1); color:#fff; box-sizing:border-box; padding:22.9px; border-radius:22.9px; transition:0.3s;}
.e-button a:hover{background:#003064;}
.e-button a h2{font-size:16.9px;}
.e-button a p{font-size:15px;}
.e-button a i{position:absolute; top:50%; right:22.9px; transform:translateY(-50%); font-size:16.9px; width:22.9px; height:22.9px; text-align:center; line-height:22.9px; color:#fff; background:#F24000; border-radius:50%;}

.e-button.color-2 a{background:#30B0E3;}
.e-button.color-2 a:hover{background:var(--c1);}
.e-button.color-2 a i{background:var(--c1);}

.e-button.color-3 a{background:#0b808a;}
.e-button.color-3 a:hover{background:var(--c1);}
.e-button.color-3 a i{background:#f47121;}

.e-button.gradient-bg{}
.e-button.gradient-bg a{background: #F39702; background: linear-gradient(90deg, rgba(243, 151, 2, 1) 0%, rgba(255, 188, 109, 0.8) 50%, rgba(255, 148, 80, 1) 100%); transition:0.3s;}
.e-button.gradient-bg a i{background:#fff; color:#F39702;}
.e-button.gradient-bg a:hover{background: #F39702; background: linear-gradient(90deg, rgba(243, 151, 2, 1) 0%, rgba(255, 188, 109, 0.8) 50%, rgba(255, 148, 80, 1) 100%); opacity:0.7;}






@media all and (min-width:768px){
  .e-button{  }
  .e-button a{padding:39.9px;}
  .e-button a h2{font-size:24.9px;}
  .e-button a p{font-size:23.9px}
  .e-button a i{width:70px; height:70px; line-height:70px;}
}




.faq .tbl_head01 td .cons{font-weight:400; width:22.9px; height:22.9px; text-align:center;  line-height:22.9px;  border-radius:50%; font-size:15px; background:var(--c1); color:#fff;}
.faq .tbl_head01 td .cons.a{background:#F29600;}
.faq .bo_tit{cursor:pointer;}
.faq #bo_list tbody td{ height:auto;}
.faq #bo_list tbody tr.content{  display:none;}
.faq #bo_list tbody tr.content .cont{white-space:pre-line; }
.faq #bo_list tbody tr.on .td_datetime{}
.faq #bo_list tbody tr .td_datetime i{transition: 0.2s;}
.faq #bo_list tbody tr.on .td_datetime i{transform:rotate(180deg);}

@media all and (min-width:768px){
  .faq .tbl_head01 td .cons{width:39.9px; height:39.9px; line-height:39.9px; font-size:19.9px; margin-right:49.9px;}
  .faq #bo_list tbody td{  padding-top:20px; padding-bottom:20px;}
}


body #bo_list .bo_tit .fa-lock{background:transparent; color:#fff; border:0; font-size:15px; width:22.9px;}
body #bo_list .cnt_cmt{background:transparent; font-size:13px;}
@media all and (min-width:768px){
  body #bo_list .bo_tit .fa-lock{font-size:19.9px;}
  body #bo_list .cnt_cmt{font-size:15px; position:relative; top:-2px;}
}


.write-box{margin-top:39.9px; border-top:2px solid #222;}
.write-box li{border-bottom:1px solid #ccc; box-sizing:border-box;}
.write-box li h2{font-size:15px;;}
.write-box li>div{}


@media all and (min-width:768px){
  .write-box{margin-top:100px;}
  .write-box li{display:flex; width:100%; padding:15px 0 15px 22.9px; align-items:center; }
  .write-box li h2{font-size:15.9px; width:139.9px;}
  .write-box li>div{width:calc(100% - 139.9px)}
  .write-box .full_input{height:50px;}
}




#sub-cont[board-name="공지사항"] .bo_tit i,
#sub-cont[board-name="공지사항"] .bo_tit span{display:none;}



.register{}
#register_form h2{border:0; padding:10px 0;}

#register_form{}
#register_form .mobile select,
#register_form .mobile input{width:100%;}
#register_form .mobile select,
#register_form input[type="text"],
#register_form input[type="password"]{background:transparent; border:0; border:1px solid #ddd; border-radius:5px; padding-left:20px; background-image:none !important;}
#register_form ul{}
#register_form ul li{position:relative;}
#register_form ul li:not(.chk_box) label{display:block; }
#register_form ul li:not(.chk_box) label i{display:none;}
#register_form ul li:not(.chk_box) label .rq{color:#fab420;}
#register_form div.check{position:absolute; top:50%; right:10px; transform:translateY(-50%); max-width:90px;}

#register_form input[readonly]{background:#f4f4f4;}


#register_form .certify_buttons{display:flex;}
#register_form .certify_buttons button{min-height:40px; max-width:calc(100% / 3 - 20px);}
#register_form .certify_buttons button + button{margin-left:20px;}


@media all and (min-width:768px){
  #register_form .mobile select,
  #register_form input[type="text"],
  #register_form input[type="password"]{height:50px; font-size:14.9px;}
  #register_form ul li:not(.chk_box){  padding-left:180px; margin-bottom:12.9px;}
  #register_form ul li:not(.chk_box) label{position:absolute; top:15px; left:0; font-size:15.9px;}
  #register_form div.check{max-width:139.9px;}
}



#paper{}
#paper .title{border-bottom:2px solid var(--c2); padding-bottom:30px; margin-bottom:30px;}
#paper .title h2{margin-bottom:30px;}
#paper .title p{line-height:2;}

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

  #paper{}
  #paper .title{padding-bottom:60px; margin-bottom:60px;}
  #paper .title h2{font-size:44px;}
  #paper .title p{font-size:24px;}

}



/* contact */
.JS-form_mail{max-width:1400px; margin:0 auto;}
.JS-form_mail>.in{position:relative; padding:0;   }
.JS-form_mail .input-box{ margin-bottom:20px;}
.JS-form_mail .input-box + .input-box{}
.JS-form_mail h3{margin-bottom:5px; font-size:14px; line-height:22.9px; font-weight:500;}
.JS-form_mail h3 span{font-weight:normal; font-size:12px; display:inline-block; margin-left:10px;}
.JS-form_mail select,
.JS-form_mail div.input,
.JS-form_mail input.input{position:relative; border:1px solid #ddd; width:100%; height:34px; line-height:34px; padding:10px; border-radius: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:29.9px; cursor:pointer; background:var(--c2);}
.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:39.9px; min-height:200px; max-height:470px; width:100%; padding:10px; border-radius:10px;}
.JS-form_mail div.input span{position:absolute; top:50%; left:0; width:100%; box-sizing:border-box; padding:0 10px; transform:translateY(-50%); color:#999; display:flex; justify-content:space-between; align-items:center;}
.JS-form_mail div.input span b{font-weight:400;}
.JS-form_mail div.input span i{width:20px; margin-right:5%; height:20px; line-height:20px; text-align:center; border-radius:50%; background:#e0e3e8; color:#111;}
.JS-form_mail div.input input{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.JS-form_mail .infoArea{margin-top:22.9px;   margin:22.9px auto;  }
.JS-form_mail .infoArea h2{font-size:15px; margin-bottom:10px;}
.JS-form_mail .infoArea .box{overflow-y:auto; max-height:80px; font-size:13px; background:#f1f1f1; border-radius:15px; margin-bottom:20px; padding:15px; }
.JS-form_mail .right{text-align:left;}

.JS-form_mail ul{display:flex; justify-content:space-between;}
.JS-form_mail ul li{width:49%;}


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

  .JS-form_mail>.in{display:flex; justify-content:space-between;}
  .JS-form_mail .left{width:48%;}
  .JS-form_mail .right{width:48%;}
  .JS-form_mail .input-box{ margin-bottom:30px;  }
  .JS-form_mail .input-box + .input-box{}
  .JS-form_mail .input-box.contact{ }
  .JS-form_mail h3{font-size:20px; margin-bottom:10px;}
  .JS-form_mail h3 span{font-size:15px; margin-left:15px;}
  .JS-form_mail input.send-this{  margin-top:60px; font-size:17px;   }
  .JS-form_mail select,
  .JS-form_mail div.input,
  .JS-form_mail input.input{ height:49.9px; font-size:15px; padding:15px;}
  .JS-form_mail .input-box.text{width:100%;}
  .JS-form_mail textarea{ padding:15px; font-size:15px; min-height:400px;}
  .JS-form_mail .infoArea .box{font-size:13px;}

}



#find_info .new_win_con{max-width:700px; margin:50px auto; border-radius:20px; box-sizing:border-box;}


@media all and (min-width:768px){
  #find_info .new_win_con{padding:50px 25px; margin:150px auto;}
}





#contents>.register{max-width:600px; margin:22.9px 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;}








































/**/