@charset "utf-8";

.top_banner{position: relative;}
.top_banner .p_box {position: absolute; top: 50px; left: 50px; background: rgba(0,0,0,0.5); padding: 10px;}
.top_banner .p_box  p span{color: #fff; font-size: 28px; font-weight: bold; position: relative;}
.section_box{overflow: hidden;}
.top_banner .p_box  p span.s1{animation-name: pBoxspan1; animation-duration: 1.5s; animation-iteration-count: 1;}
.top_banner .p_box  p span.s2{animation-name: pBoxspan2; animation-duration:1.5s; animation-iteration-count: 1;}
@keyframes pBoxspan1{
  0%{top: -20px;}
  100%{top: 0;}
}
@keyframes pBoxspan2{
  0%{top: 20px;}
  100%{top: 0;}
}
.search_box_adr{text-align: center; margin: 30px 0 50px; line-height: 35px;}
.search_box_adr label{display: inline-block; font-size: 17px; color: #606060; margin-right: 10px;}
.search_box_adr  input[type="button"]{display: inline-block; width: 80px;}
.location {background: #269251; height: 40px;}
.location li.home{height: 40px; padding: 5px 10px; box-sizing: border-box; border-right: 1px solid #51a874;}
.location li.sub_top{height: 40px; border-right: 1px solid #51a874;}
.location li.sub_top select{height: 40px; background: rgba(0,0,0,0); color: #fff; font-size: 15px; font-family: 'Nanum Gothic'; width: 150px; border: 0; cursor: pointer; padding: 0 5px;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
appearance:none;
  background: url(../img/sel_arw.png) no-repeat 90% center;
 vertical-align: middle;
}
select::-ms-expand { display:none; }
.tac {text-align: center;}
.tab{width: 100%; margin-bottom: 50px;}
.tab ul li{line-height: 60px; text-align: center; box-sizing: border-box; border: 1px solid #ccc; font-size: 18px; margin-left: -1px;}
.tab ul li:first-child{margin-left: 0;}
.tab ul li a{display: block; width: 100%; height: 100%;}
.tab ul li.on, .tab ul li.active{background: #269251; border: 1px solid #269251; }
.tab ul li.on a, .tab ul li.active a{color: #fff;}
.tab ul li{width: 20%;}
.tab ul.ty2 li{width: 50%;}
.btnbox{text-align: right; margin-top: 80px;}
#wbutton{display: inline-block; width: 80px; line-height: 40px; text-align: center; color: #fff; font-weight: bold; font-size: 17px; background: #269251;}
table.history tr td{font-size: 18px; font-weight: bold; color: #222;}
.section_box .sectionWrap {width: 100%;  padding-bottom: 80px;}
.section_box .sectionWrap .tit_box {width: 100%; box-sizing: border-box; padding: 40px 0;}
.section_box .sectionWrap .tit_box>ul>li:first-child{width: 23%;}
.section_box .sectionWrap .tit_box>ul>li:last-child{width: 41%;}
.section_box .sectionWrap .tit_box>ul>li:last-child .tab{margin-bottom: 0;border-bottom: 3px solid #269251; }
.section_box .sectionWrap .tit_box  p.p_tit{color: #444; font-size: 40px; font-weight: bold;}
.section_box .sectionWrap .tit_box  p.p_sub{color: #444; font-size: 15px; margin-top: 10px;}
.section_box .sectionWrap .wordbox {width: 100%; text-align: center; padding: 10px; margin: 20px 0; background: #f5f5f5; box-sizing: border-box;}
.section_box .sectionWrap .wordbox .con{display: inline-block; border: 1px solid #ccc; background: #fff; margin-bottom: 8px;}
.section_box .sectionWrap .wordbox .con a{display: block; width: 100%; height: 100%; padding: 20px; box-sizing: border-box;}
.section_box .sectionWrap .section {width: 100%; box-sizing: border-box; padding: 50px 0; line-height: 25px;}
.section_box .sectionWrap .section.sec1{padding-top: 0;}
.section_box p.p1{text-align: left;font-size: 25px; line-height: 35px; margin-bottom: 20px; color: #666;}
.section_box .welcome .sec1 p.con {font-size: 16px; line-height: 25px;}
.section_box .welcome .sec1 ul{margin: 20px 0;}
.section_box .welcome .sec1 li{width: 35%;padding: 30px;box-sizing: border-box;background: #eee;}
.section_box .welcome .sec1 li:first-of-type{text-align: center;}
.section_box .welcome .sec1 li:last-child{width: 65%; box-sizing: border-box; padding-left: 20px;background: #fff;    padding-top: 15px;}
.section_box .welcome .sec1 li:last-child p{font-size: 17px; line-height: 25px;}
.section_box .welcome .sec1  p.writer{display: inline-block;font-weight: bold; text-align: right; margin-top: 50px;    font-size: 20px; letter-spacing: 1px;line-height: 4.5;}
/* .section_box .welcome .sec1  p.writer img{vertical-align: text-bottom;} */
.section_box .history .sec2>ul>li:first-child{width: 30%;}
.section_box .history .sec2>ul>li:first-child p {font-size: 30px; font-weight: bold ; padding-right: 10px;}
/*.section_box .history .sec2>ul>li:first-child img{width:80px; }*/
.section_box .history .sec2>ul>li:last-child{width: 70%;}
/*.section_box .history .sec2>ul>li:last-child ul.his1 p, .section_box .history .sec2>ul>li:last-child ul.his1 span{color: #b561bf }*/
.section_box .history .sec2  li.tit p{color: #444;}
.section_box .history .sec2  li.tit p span{font-size: 15px; display: block;}
.section_box .history .sec2  li .year{color: #444; font-size: 24px; font-weight: bold;margin-bottom: 15px; margin-left: -30px;padding-top: 20px;}
.section_box .history .sec2  li .year.y1{padding-top: 20px;}
.section_box .history .sec2  li .year img{vertical-align: middle; margin-right: 10px;}
.section_box .history .sec2 .con{position: relative; padding-left:150px; margin-bottom: 20px;}
.section_box .history .sec2 .con span.date{position: absolute; top: 0; left: 0;}
.section_box .history .sec2 .con span.date:before{content: "· ";}
.section_box .history .sec2 .con p.tit{color: #269251;}
.section_box .history .sec4 table tr{height: 125px;}
.section_box .history .sec5 li{width: 50%;}
.section_box .history .sec5.sec6 li{width: 33.33%;}
.section_box .history .sec5 p.table_tit{font-size: 23px; color: #656ea5; margin: 0 auto  10px;}
.section_box .history .sec5 li p.table_tit{width: 90%;}
.section_box .history .sec5 li table{width: 90%; margin: 0 auto;}
.section_box .history .sec5 table tr td:last-child{letter-spacing: -1px;}
table.history img{width: 80px;}
.section_box .joinpre .sec1 .tit {font-size: 25px; font-weight: bold; color: #222;}
.section_box .joinpre .sec1 .right{text-align: right; font-size: 13px;}
.section_box .joinpre .scrollBox{width: 100%; margin:0 0 20px 0; height: 250px; overflow: auto; border: 1px solid #ccc; font-size: 14px; padding: 10px; box-sizing: border-box;}
.section_box .joinpre h5{font-size: 18px; margin-bottom: 10px;}
.section_box .joinpre .btn_box {text-align: center;}
.section_box .joinpre .btn_box a{display: inline-block; padding: 0 30px; height: 45px; line-height: 45px; background: #f6f6f6; color: #222; margin-right: 20px; font-weight: bold;}
.section_box .joinpre .btn_box a.join{background: #269251; color: #fff;}
.section_box .joinpre span.check{vertical-align: middle;}
.section_box .joinpre span.check input{vertical-align: middle;}

.section_box .rule textarea{width: 100%; height: 700px; box-sizing: border-box; padding: 15px;}
.section_box .cus .section{margin: 20px 0;}
.section_box .cus.sectionWrap .section.sec1{background: #f5f5f5; padding-top: 50px;}
.section_box .cus .sec1 li:first-child{width: 25%; text-align: center; padding: 20px 0;}
.section_box .cus .sec1 li:last-child{width: 75%; padding: 20px; box-sizing: border-box;}
.section_box .cus .sec1 li p.tit{color: #269251; font-size: 20px; line-height: 30px;}
.section_box .cus .sec1 li p.con{margin-top: 10px; font-size: 17px;}
.section_box .cus .sec2 {background: #269251; padding: 40px;}
.section_box .cus .sec2 *{color: #fff;}
.section_box .cus .sec2 p.tit{font-size: 20px; line-height: 30px; margin-bottom: 15px;}
.section_box .cus .sec2 a{display: inline-block; margin-right: 10px;}
.section_box .cus .sec3{border: 1px solid #ccc; margin-top: -20px; padding: 20px 40px;}
.section_box .cus .sec3 .tit{font-size:18px; }
.section_box .cus .sec3 .tit span{ margin-right: 10px;}
.section_box .cus .sec3 .tit span img{margin-top: 2px;}
.section_box .cus .sec3 .line{border-bottom: 1px dotted #ccc; text-align: right; margin-bottom: 10px;}
.section_box .cus .sec3 .con p.p1{font-size: 16px; color: #606060; margin-bottom: 10px;}
.section_box .cus .sec3 .con p.p2{margin-bottom: 20px; position: relative; padding-left: 15px; line-height: 20px;}
.section_box .cus .sec3 .con p.p2 span{color: #269251;}
.section_box .cus .sec3 .con p.p2 span.front{position: absolute; left: 0;}
.section_box .cus .sec3 .imp{color: #78143c ; font-size: 20px; }
.section_box .cus .sec3 .sec3_bot{margin: 20px 0; background: #f5f5f5; padding: 30px;}
.section_box .cus .sec3 .sec3_bot p{margin-bottom: 10px;}
.section_box .cus .sec3 .sec3_bot span{display: inline-block; width: 48%; word-break: keep-all;}
.section_box .noresize {
  box-sizing: border-box;
  width: 100%; height: 500px; overflow: auto;
  resize: none; /* 사용자 임의 변경 불가 */
  resize: both; /* 사용자 변경이 모두 가능 */
  resize: horizontal; /* 좌우만 가능 */
  resize: vertical; /* 상하만 가능 */
}
.section_box .writebox{}
.section_box .writebox table tr.content{ height: 300px;}
.section_box .writebox table td{text-align: left; padding-left: 20px;}
.section_box .writebox table td input[type="text"]{width: 80%;}
.section_box .writebox table tr.content td input[type="text"]{width: 80%; height: 250px;}
.section_box .writebox{}

.section_box .cus .sec4 textarea.noresize{padding: 20px; box-sizing: border-box;}
.section_box .table_box.type3 ul>li{width: 32%; float: left; margin-right:1%; margin-bottom: 30px;}
.section_box .table_box.type3  .con_box{width: 100%;height: 300px; border: 1px solid #ccc; box-sizing: border-box;}
.section_box .table_box.type3  .con_box .img_box{width: 100%; height: 200px; overflow: hidden;}
.section_box .table_box.type3  .con_box .img_box img{width: 100%; height: 100%; transition: 0.3s;}
.section_box .table_box.type3  .con_box:hover .img_box img{width: 110%; height: 110%;}
.section_box .table_box.type3  .con_box .tit{font-size: 16px; font-weight: bold; padding: 30px 10px; color: #606060;}
.join_form li{margin-bottom: 20px;}
.join_form .table_tit{font-size: 20px; font-weight: bold; color: #222;}
/*.join_form li .label{display: inline-block; width: 20%; margin-right: 10px; background: #269251; color: #fff; text-align: center; padding: 10px 0;}*/
.contents .mypage .del_member{padding: 40px; background: #f5f5f5;}
.contents .mypage .del_member p{font-size: 17px; margin-bottom: 20px;}
.contents .mypage .del_member p.p2{line-height: 30px;}
.contents .mypage .del_member p span.num{display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #269251; color: #fff; margin-right: 10px;}
.contents .mypage .del_member  .input_box{text-align: center; padding: 30px; border: 0; background: #e0e0e0; margin-bottom: 0;}
.contents .mypage .del_member  .input_box label{color: #606060; font-weight: bold; display: inline-block; margin-top: 8px;}
.contents .mypage .del_res{ margin: 20px 0; border: 1px solid #ccc; padding: 30px;}
.contents .mypage .del_res  .tit{font-size: 20px; margin-bottom: 10px;}
.contents .mypage .del_res input{margin: 3px;}
.contents .mypage .del_txt p{font-size: 17px; margin-bottom: 10px;}
.contents .mypage .del_txt textarea.noresize{height: 200px;}
.contents .mypage .but_box{text-align: center;}
.contents .mypage .but_box input[type="button"],input[type="submit"]{display: inline-block; margin: 30px 15px;}
.contents .mypage .but_box input[type="button"]{background: #d5d5d5;}
.contents .mypage .but_box input[type="submit"]{margin-top: 30px;}
.join_form ul li{border: 1px solid #ccc;}
.join_form ul li label.label{display: inline-block; width: 20%; height: 100%; text-align: center; border-right: 1px solid #ccc; }
.join_form  input[type="text"]{display: inline-block;}
.join_form  input[type="text"].adr{max-width: 500px; width: 80%; margin-top: 10px;}
.join_form  input[type="text"].tel{width: 100px; min-width: auto; vertical-align: middle;}
.join_form  input[type="text"].email{width: 130px; min-width: auto;}
.join_form  input[type="button"]{display: inline-block; background: #269251; font-weight: normal; width: 100px; vertical-align: middle;}
#submit_btn{margin-top: 30px; display: block; margin: 30px auto;}
#submit_btn2{display: inline-block; height: 45px; background: #269251; color: #fff; border: 0; font-weight: bold;}
.join_form table.joinform tr td{text-align: left; padding: 0 20px; width: 40%;}
.join_form table.joinform tr td, .join_form table.joinform tr th{padding-top: 20px; padding-bottom: 20px; vertical-align: middle;}
.join_form table textarea{width: 95%; margin-bottom: 10px;}
.join_form table span.txsub{vertical-align: middle;}
.join_form form table span.txsub input[type="text"]{vertical-align: middle; width: 40px;}
.join_form table.joinform tr th{color: #606060;}
.join_form table.joinform2 tr th{color: #606060;}
.join_form table.joinform tr th label{color: #606060;}
.join_form table.joinform2 tr td{width: 70%; text-align: left; padding: 20px 0; padding-left: 20px; }
.join_form table{border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin-bottom: 100px;}
.join_form table td .readonly{background: #f5f5f5;}
.join_form .img_box {margin-bottom: 30px;}
.join_form .img_box .img{width: 220px; height: 270px; display: block; background: #f5f5f5; border: 1px solid #ccc; overflow: hidden; margin: 10px auto;}
.join_form .img_box li.imgadd2 .img{width: 100%; height: 270px; display: inline-block; background: #f5f5f5; border: 1px solid #ccc; overflow: hidden;}
.join_form .img_box .img img{width: 100%; height: 100%;}
.join_form .addimgbtn{display: inline-block; padding: 10px 20px ;background: #269251; color: #fff;}
table.adr tr td, table.adr tr th{padding: 15px 0;}
table.adr tr td a{font-size: 14px; display: inline-block; padding: 4px 10px; background: #ccc; border-radius: 10px;}
.join_form .imgaddbox li.imgadd2{width: 33.333%; box-sizing: border-box; border: 0; margin: 30px 0;}
.join_form .imgaddbox li.imgadd2 .img{width: 100%;}
/*.join_form input[type="file"]{width:50%; display: block; margin: 0 auto; border: 1px solid #ccc;}*/
.join_form .imgaddbox .bgbox {background: #f5f5f5; border: 1px solid #ccc; padding: 10px; box-sizing: border-box; margin: 10px 0 30px;}
.join_form .imgaddbox .imgbox{border: 1px solid #dfdfdf; margin: 20px 0 40px; box-sizing: border-box; padding: 20px; text-align: center;}
/*.join_form .img_box p{text-align: center; margin: 40px 0 20px;;}*/
.join_form .imgaddbox .imgbox label{display: inline-block; line-height: 40px;}
/*.join_form .img_box input[type="file"]{vertical-align: bottom; display: inline-block; line-height: 40px;}*/
.join_form .img_box input[type="file"]{width:400px;}
.join_form select {width: 100px; height: 35px;}
.join_form span.gender, .join_form span.ag{margin-right: 20px;}
.join_form span.gender input, .join_form span.ag input{margin: 3px; vertical-align: middle;}
.join_form .agree_box{width: 100%; height: 150px; overflow: auto; border: 1px solid #ccc; margin-bottom: 10px; padding: 10px; box-sizing: border-box;}
.join_form li input[type="text"], input[type="password"]{vertical-align: middle;}
.join_form input[type="submit"]{margin: 30px auto;}
.join_form .imgbox p{margin-bottom: 20px;}

form input[type="text"], form input[type="password"]{height: 30px; width: 250px;}
form input[type="button"], input[type="submit"], button{display: block; margin: 0 auto; width: 135px; height: 35px; border: 0; background: #269251; color: #fff; font-weight: bold; font-size: 14px; cursor: pointer;}
.join_form table.joinform tr td.img{width: 30%;}
.join_form .history_box .tit{font-size: 18px; color: #606060; font-weight: bold; }
.join_form .history_box .scrollBox{height: 50px; overflow: auto; background: #f5f5f5; margin: 20px 0 80px; padding: 10px; box-sizing: border-box; border: 1px solid #ccc; }

.table_box .paging{margin-top: 20px; text-align: center;}
.table_box .paging a{margin: 0 5px; font-size: 12px;}
.table_box .paging a .arw{display: inline-block; width: 15px; height: 15px;}
.table_box .paging a .l_arw{background: url(../img/page_arw.png) no-repeat 0 100%; background-size: 1500%; }
.table_box .paging a .r_arw{background: url(../img/page_arw.png) no-repeat 100% 100%; background-size: 1500%; }
.table_box .paging a.on span{padding: 5px 8px; border: 1px solid #ccc;}
.table_box .m_pageing{display: none; text-align: center;margin: 20px 0;}
.table_box .m_pageing a{display: inline-block;width: 20px; height: 20px;}
.table_box .m_pageing a:not(.arw){margin: 0 3%; font-size: 12px; }
.table_box .m_pageing a .arw{display: inline-block; width: 100%; height: 20px; border: 1px solid #ccc;}
.table_box .m_pageing a .f_l_arw{background: url(../img/m_page_fl_arw.png) no-repeat 50%; background-size: 50%;}
.table_box .m_pageing a .l_arw{background: url(../img/m_page_l_arw.png) no-repeat 50%; background-size: 25%;}
.table_box .m_pageing a .r_arw{background: url(../img/m_page_r_arw.png) no-repeat 50%; background-size: 25%;}
.table_box .m_pageing a .l_r_arw{background: url(../img/m_page_lr_arw.png) no-repeat 50%; background-size: 50%;}
.section_box .read_box ul.tit{background: #f5f5f5; }
.section_box .read_box ul.tit li{color: #222; box-sizing: border-box;padding: 15px 20px; }
.section_box .read_box ul.tit li:first-child{width: 70%;}
.section_box .read_box ul.tit li:last-child{width: 15%;text-align: center;}
.section_box .read_box .con_box{text-align: left; padding: 20px; margin: 0; min-height: 200px; border-bottom: 1px solid #ccc; }
.section_box .read_box .con_box img{max-width: 100%;}
.section_box .read_box .con_box .imgbox li{width: 33.333%; height: 250px; margin-bottom: 30px;}
.section_box .read_box .con_box .imgbox li img{width: 100%;}
.section_box .read_box .m_read li {border-bottom: 1px solid #ccc;}
.section_box .read_box .m_read li span{display: inline-block; width: 115px; max-width: 25%; height: 35px; text-align: center; line-height: 35px; margin: 20px; color: #fff;}
.section_box .read_box .m_read li span.pre{ background: #606060;}
.section_box .read_box .m_read li span.nxt{ background: #606060 ;}
.section_box .read_box .m_read li a{display: inline-block; max-width: 56%; margin: 20px 0; padding-top: 5px;}
.section_box .read_box.rb2 .tit {font-size: 17px;  text-align: center;}
.section_box .read_box.rb2 .tit span{font-size: 25px;display: inline-block; vertical-align: bottom;font-weight: bold; color: #222;margin-right: 10px; }
.section_box .read_box.rb2 .con_box table{max-width: 960px; margin: 20px auto;}
.section_box .read_box.rb2 .con_box table tr  td, .section_box .read_box.rb2 .con_box table tr th{padding: 20px 0;}

.section_box .ctl_box {text-align: center;}
.section_box .ctl_box .ctl{width: 28%;  display: inline-block; position: relative; margin-bottom: 30px; margin-right: 10px;}
.section_box .ctl_box .ctl p{text-align: center; line-height: 240px;}
.section_box .ctl_box .ctl .img_box{width: 100%;height: 270px; background: #f6f6f6;}
.section_box .ctl_box .ctl .img_box>p>img{width: 100%; height: 270px;}
.section_box .ctl_box .ctl a.jpg{position: absolute; right: 40px; top: 10px;}
.section_box .ctl_box .ctl a.pdf{position: absolute; right: 10px; top: 10px;}
.section_box .ctl_box .ctl p.ctl_tit{width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; background: #5c5c5c;}
.section_box .roadmap .title{color: #269251; font-size: 17px; font-weight: bold;}
.section_box .roadmap table.map {border: 0;}
.section_box .roadmap table.map td, .section_box .roadmap table.map th {border: 0;}
.section_box .sitemap {margin-bottom: 100px;}
.section_box .sitemap p.big_tit{text-align: center; margin: 30px 0; font-size: 25px; }
.section_box .sitemap .sitebox{display: inline-block;background: #f2f2f2; width: 15%;text-align: center;height: 525px; margin-right: 1%; box-sizing: border-box; padding: 25px;}
.section_box .sitemap .sitebox.box2{background:#e3edf8}
.section_box .sitemap .sitebox img{display: block;  height: 45px; margin: 0 auto;}
.section_box .sitemap .sitebox p.tit{font-size: 18px; color: #444; margin-bottom: 10px;}
.section_box .sitemap .sitebox a{display: block; padding: 10px 0; border-bottom: 1px dotted #ccc;}

@media (max-width:1280px){
  .section_box{box-sizing: border-box; padding: 0 10px;}
  .section_box .history .sec5.sec6 li{width: 100%; margin-bottom: 50px;}
}
@media (max-width:1080px){
}
@media (max-width:960px){
  #left .title{display: none;}
  #left{width: 100%; max-width: 100%; float: none; overflow: hidden;}
  #left nav ul.lnb01 li{float: left; border-bottom: 0; border-right: 1px solid #ccc; text-align: center;}
  #left nav ul.lnb01.ty4 li{width: 25%;}
  #left nav ul.lnb01.ty5 li{width: 20%;}
  .section_box .sectionWrap {width: 100%;}
  .join_form .con{width: 100%;}
  .section_box .read_box ul.tit li{width: 60%;}
  .section_box .read_box ul.tit li:first-child{width: 100%;}
  .section_box .read_box ul.tit li:last-child{width: 40%;}
}
@media (max-width:786px){
  .top_banner .p_box{top: 20px; background: rgba(0,0,0,0.3); padding: 10px;}
  .section_box .welcome .sec1 li{width: 100%;}
  .section_box .welcome .sec1 li:last-child{width: 100%;}
  .section_box .history .sec2>ul>li:first-child{width: 100%;}
  .section_box .history .sec2>ul>li:first-child p{text-align: left; margin-bottom: 20px;}
  .section_box .history .sec2>ul>li:last-child{width: 100%;}
  .table_box .paging{display: none;}
  .table_box .m_pageing{display: block;}
  .join_form li .label{display: block; width: 200px; margin-bottom: 5px;}
  .contents .table_box.type3 ul>li{width: 49%;}
  .section_box .history .sec5 li{width: 100%; margin-bottom: 50px;}
  .section_box .history .sec5 li p.table_tit{width: 100%;}
  .section_box .history .sec5 li table{width: 100%;}
  .section_box .sitemap .sitebox{width: 45%; margin-bottom: 30px;}
  .section_box .sectionWrap .tit_box>ul>li:first-child{width:100%; margin-bottom: 20px;}
  .section_box .sectionWrap .tit_box>ul>li:last-child{width:100%;}
  .join_form table{border-bottom: 1px solid #ccc;}
  .join_form table.joinform tr th, .join_form table.joinform2 tr th{display: inline-block; width: 20%; border: 0;}
 .join_form table.joinform tr td, .join_form table.joinform2 tr td{display: inline-block; box-sizing: border-box; width: 75%; border: 0;}
  .join_form table tr td.imgadd{display: block; width: 100%;}

}
@media (max-width:600px){
  table.type1 tr .minno{display: none;}
  #left{display: none;}
  .section_box .cus .sec1 li:first-child{display: none;}
  .section_box .cus .sec1 li:last-child{width: 100%;}
  .section_box .cus .sec2 a{display: block; font-size: 14px; line-height: 18px;}
  .section_box .cus .sec3 .con p.p1, .section_box .cus .sec3 .con p.p2{font-size: 14px; line-height: 18px;}
  .section_box .cus .sec3 .imp, .section_box .cus .sec3 .tit{font-size: 16px;}
  .section_box .cus .sec3 .sec3_bot span{font-size: 14px; display: block; width: 100%;}
  .search_box_adr input[type="text"]{width: 120px;}
}
@media (max-width:485px){
  .top_banner .p_box{display: none}
  .section_box .history .sec2 .con{padding-left: 100px;}
  .section_box .history .sec2 .con span.date{font-size: 13px;}
  .join_form .agree_box{font-size: 14px;}
  .join_form table.joinform tr th, .join_form table.joinform2 tr th{display: inline-block; width: 50%; border: 0;}
  .join_form table.joinform tr td, .join_form table.joinform2 tr td{display: block; width: 100%;}
  .section_box .sectionWrap .wordbox .con a{padding: 10px;}
}
@media (max-width:425px){
  .location li.sub_top select{width: 130px; font-size: 13px;}
  .contents .table_box.type3 ul>li{width: 80%; float: none; margin: 10px auto;}
  .join_form li input[type="text"].tel{width: 80px;}
  .join_form li select{width: 80px;}
}
@media (max-width:360px){}

.mnotice{color: rgb(55, 0, 255); font-weight: bold; }
.mnotice a {color: rgb(55, 0, 255); font-weight: bold; }

@media (max-width:321px){
  #container .business .bs_card_box .bs_card{
    height: auto!important;
  }
}