/****** Login *****/
.login{text-align: center;padding: 30px 0; max-width:600px; margin: 0 auto; }
.login .title h2{font-family: 'Montserrat', sans-serif;font-weight: bold;font-size: 16px;line-height: 1.6;letter-spacing: 20px;color: #dadada;margin-bottom: 30px}
.login .tab{margin-bottom: 40px;}
.login .tab ul{display: table;margin: 0 auto;position: relative;}
.login .tab ul::after{content: "";position: absolute;bottom: 0%;left: 50%;transform: translate(-50%, -0%);background: url("../images/member/line.png");height: 2px ;width: 100%;min-width: 533px;}
.login .tab ul li{display: table-cell;border: 1px solid #222;border-radius: 5px 5px 0 0;transition: all .5s ease}
.login .tab ul li:hover,.login .tab ul li.on{background: #222;transition: all .5s ease}
.login .tab ul li:hover a,.login .tab ul li.on a{color: #fff;transition: all .5s ease}
.login .tab ul li a{display: block;padding: 15px 35px;font-weight: 700;font-size: 16px;line-height: 1.6;color: #222;transition: all .5s ease}
.login .login_form{flex-direction: column;justify-content: center;align-items: center}
.login .login_form input{border: 1px solid #e3e3e3;border-radius: 5px; width:100%; box-sizing: border-box; height:50px; line-height:50px; text-indent:50px;}
.login .login_form input:first-child{margin-bottom: 10px;background: #fff url(../images/member/id2.png) no-repeat 15px center;}
.login .login_form input:last-child{margin-bottom:10px;background: #fff url(../images/member/pw.png) no-repeat 15px center;}
.login .login_form input.name{margin-bottom: 10px;background: #fff url(../images/member/name.png) no-repeat 15px center;}
.login .login_form input.pw{margin-bottom: 10px;background: #fff url(../images/member/pw2.png) no-repeat 15px center;}
.login .login_form input.mail {margin-bottom: 10px;background: #fff url(../images/member/id.png) no-repeat 15px center;}
.login .login_form input.id{margin-bottom: 10px;background: #fff url(../images/member/id2.png) no-repeat 15px center;}
.login .inputbox{display: block;text-align: right;margin-bottom: 10px}
.login .btnbox{position: relative;}
.login .btnbox input{padding: 15px 0;background: #222;color: #fff;font-weight: 700; line-height: 1.6;border-radius: 5px;width:100%;box-sizing: border-box;}

.login .btnbox.type1 a{display: block;margin: 0 auto;padding: 15px 0;background: #222 url(../images/member/id_h.png) no-repeat 30px center;;color: #fff;font-weight: 700;font-size: 25px;line-height: 1.6;border-radius: 5px;width: calc(100% - 60px);box-sizing: border-box;}
.login .btnbox::after{position: absolute;content: "";width: 84px;height: 62px;background:url(../images/member/login_btn.png) no-repeat center;top: 0%;left: 80%;transform: translate(-50%, 35%);}

.login .btnbox ul{justify-content: center;margin: 0 auto;border-bottom: 1px solid #e3e3e3;width:100%;padding: 35px 0}
.login .btnbox ul li{display:inline-block;}
.login .btnbox ul li a{position: relative;font-weight: 400; line-height: 1.6;color: #666;margin-right: 40px;}
.login .btnbox ul li a::after{content: "";width: 5px;height: 5px; background: #222;border-radius: 100%;position: absolute;top: 50%;right: -22px;transform: translate(-0%, -50%);}
.login .btnbox ul li:last-child a{margin-right: 0}
.login .btnbox ul li:last-child a::after{display: none}

.login .sns{width: calc(100% - 60px);margin: 0 auto;}
.login .sns h2{font-weight: 700;line-height: 1.6;color: #222;margin: 40px 0 20px}
.login .sns li{width: 33.33%;border-radius: 5px;padding-left: 25px;margin-right: 10px}
.login .sns li:last-child{margin-right: 0}
.login .sns li a{color: #fff;display: inline-block;padding: 15px 0;font-weight: 700;font-size: 16px;line-height: 1.4;text-align: left}
.login .sns li.kakao{background:#f9cd00 url(../images/member/kakao.png) no-repeat 13px center}
.login .sns li.naver{background:#06be34 url(../images/member/naver.png) no-repeat 13px center}
.login .sns li.facebook{background:#445f9f url(../images/member/facebook.png) no-repeat 13px center}

.login .sns.type1 ul{flex-direction: column;}
.login .sns.type1 ul li{width: 100%;margin-right: 0;margin-bottom: 10px}
.login .sns.type1 li.kakao{background:#f9cd00 url(../images/member/kakao.png) no-repeat 80px center}
.login .sns.type1 li.naver{background:#06be34 url(../images/member/naver.png) no-repeat 80px center}
.login .sns.type1 li.facebook{background:#445f9f url(../images/member/facebook.png) no-repeat 80px center}

.join{text-align: center;background: #f0f2f4;padding: 130px 0}
.join h2{font-weight: 600;font-size: 25px;line-height: 1.6;color: #222;margin-bottom: 100px}


/****** pricacy *****/
.pricacy{background: #f4f4f4;padding: 0 100px 40px;margin: 100px 0}
.pricacy h2{font-weight: 600;font-size: 25px;line-height: 1.6;color:#222;padding: 30px 0}
.pricacy textarea{padding:20px;width: calc(100%);border: 0;font-weight: 300;font-size: 16px;line-height: 1.6;color: #666;box-sizing: border-box;height: 180px}
.pricacy .inputbox{padding: 20px 0;}
.pricacy .inputbox.brd{display: block;border-bottom: 1px solid #e7e7e7}
.pricacy .inputbox input[type="checkbox"] + label.inde{margin-left: 37px;text-indent: -37px;display: block}
.pricacy .inputbox input[type="checkbox"] + label span{border-radius: 100%;background: #b8cae1}
.pricacy .inputbox input[type="checkbox"] + label strong{color: #0e5ab8;margin-left: -6px}

.page_top{position: relative;margin-bottom: 40px;  border-radius:10px; padding:50px 20px;  background-color:#ededed;  }
.page_top ul{position: relative;;margin-left: 200px}
.page_top ul::before{content: "";width: 100px;height: 100px;background: #fff url("../images/member/brdtop_1.png") center no-repeat;position: absolute;top: 50%;left: -100px;transform: translate(-50%, -50%);}
.page_top.type1 ul::before{content: "";position: absolute;width: 110px;height: 110px;background:#fff url("../images/member/brdtop_2.png") center no-repeat;position: absolute;top: 50%;left: -100px;transform: translate(-50%, -50%); border-radius:50%; }
.page_top.type2 ul::before{content: "";position: absolute;width: 98px;height: 98px;background: url("../images/member/brdtop_3.png") center no-repeat;position: absolute;top: 50%;left: -100px;transform: translate(-50%, -50%);}
.page_top.type3 ul::before{content: "";position: absolute;width: 98px;height: 98px;background: url("../images/member/brdtop_4.png") center no-repeat;position: absolute;top: 50%;left: -100px;transform: translate(-50%, -50%);}
.page_top ul li{font-weight: 400; line-height: 1.6;color: #666}
.page_top ul li span.desc1{font-weight: 700;color: #4087df}
.page_top ul li span.desc2{font-weight: 700;color: #222}

.page_top p{position: relative;font-weight: 400; line-height: 1.6;color: #666;margin-left: 200px; }
.page_top p::before{content: "";position: absolute;width: 110px;height: 110px;background: #fff url("../images/member/brdtop_2.png") center no-repeat;position: absolute;top: 50%;left: -100px;transform: translate(-50%, -50%); border-radius:50%; }
.page_top p span.desc1{font-weight: 700;color: #4087df}
.page_top p span.desc2{font-weight: 700;color: #222}

.boardNew .table_basic{border-spacing: 0;width: 100%;border: 1px solid #e3e3e3;border-top:2px solid #4087df;border-bottom: 0;background: #fff}
.boardNew .table_basic.th_left{text-align: left;}
.boardNew .table_basic th{position: relative;font-weight: 500;line-height: 1.6;color: #222;border-bottom: 1px solid #e3e3e3;}
.boardNew .table_basic th span.title{position: relative;display: block;width: calc(50% + 20px);margin-left: auto;}
.boardNew .table_basic.bg th span.star{display: block;position: absolute;left: -10px;width: 10px;height: 12px;background: url("../images/member/star_h.png") center no-repeat;top: 50%;left: -15px;transform: translate(-50%, -50%);}
.boardNew .table_basic th span.star{display: block;position: absolute;left: -10px;width: 10px;height: 12px;background: url("../images/member/star.png") center no-repeat;top: 50%;left: -15px;transform: translate(-50%, -50%);}
.boardNew .table_basic td{padding: 20px;border-bottom: 1px solid #e3e3e3}

.boardNew .table_basic td.addr1{padding: 20px 20px 5px}
.boardNew .table_basic td.addr2{padding: 5px 20px 5px}
.boardNew .table_basic td.addr3{padding: 5px 20px 20px}
.boardNew .table_basic tr.last > td{border-bottom: 0}
.boardNew .table_basic td input,.boardNew .table_basic td textarea{padding: 10px 40px;width: calc(100% );border: 1px solid #e3e3e3;font-weight: 500;line-height: 1.6;color: #222;border-radius: 5px;box-sizing: border-box;}
.boardNew .table_basic td select{min-width: 200px;border: 1px solid #e3e3e3;border-radius: 5px;padding: 12px}
.boardNew .table_basic td input.w30{width: calc(30% - 80px)}
.boardNew .table_basic td input.w50{width: calc(50% - 80px)}
.boardNew .table_basic td input[type="date"].w50{width: calc(55% - 80px)}

.boardNew .table_basic td input.w70{width: calc(70% - 80px)}

.boardNew .table_basic td span{position: relative;font-weight: 400;font-size: 15px;line-height: 1.6;color: #666;margin-left: 30px}
.boardNew .table_basic td span.spam{background: #4087df;color: #fff;font-weight: 800;font-size: 25px;padding: 5px 20px;vertical-align:middle;border-radius: 5px}
.boardNew .table_basic td .desc1{font-weight: 700;color: #4087df;margin-left: 0}
.boardNew .table_basic td .desc1::before{content: "";width: 24px;height: 16px;position: absolute;background: url("../images/member/mail2.png") no-repeat center;top: 50%;left: -35px;transform: translate(-0%, -50%);}
.boardNew .table_basic td .desc2{margin-left: 50px}
.boardNew .table_basic td .desc2.block{display: block;margin-left: 30px;margin-top: 10px}
.boardNew .table_basic td .desc2::before{content: "";width: 22px;height: 20px;position: absolute;background: url("../images/member/desc2.png") no-repeat center;top: 50%;left: -30px;transform: translate(-0%, -50%);}

.boardNew .table_basic td .desc3{color: #fff;margin-left: 50px}
.boardNew .table_basic td .desc3::before{content: "";width: 16px;height: 24px;position: absolute;background: url("../images/member/desc3.png") no-repeat center;top: 50%;left: -30px;transform: translate(-0%, -50%);}

.boardNew .table_basic input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.boardNew .table_basic .upload-name {display: inline-block;vertical-align: middle;border: 2px solid #222}
.boardNew .table_basic .btn{padding: 15px 20px 15px 50px;color: #fff;vertical-align: middle;background: #222;cursor: pointer;height: 40px;margin-left: 10px;border-radius: 5px;position: relative;border: 1px solid #222;font-weight: 500}
.boardNew .table_basic .btn::before{content: "";position: absolute;width: 24px;height: 24px;background: url("../images/member/search_label.png");top: 50%;left: 30px;transform: translate(-50%, -50%);}
.boardNew .table_basic .btn.type1::before{content: "";position: absolute;width: 20px;height: 14px;background: url("../images/member/check_label.png");top: 50%;left: 30px;transform: translate(-50%, -50%);}

.boardNew .table_basic span.state1{color: #fff;background: #44b8a3;padding: 10px 30px;border-radius: 5px;font-size: 16px}
.boardNew .table_basic.bg{background: #4087df}
.boardNew .table_basic.bg th{color: #fff;border-bottom:1px solid rgba(51,119,202,0.5)}
.boardNew .table_basic.bg td{border-bottom:1px solid rgba(51,119,202,0.5)}
.boardNew .brdTitle{position: relative;font-weight: 600;font-size: 35px;line-height: 1.6;color: #222;margin-top: 50px;margin-bottom: 10px}
.boardNew .brdTitle span.desc1{position: absolute;font-weight: 400;font-size: 16px;line-height: 1.6;color: #4087df;top: 50%;right: 0;transform: translate(-0%, -50%);}
.boardNew .brdTitle span.desc1::before{content: "";display: block;position: absolute;left: -10px;width: 10px;height: 12px;background: url("../images/member/star.png") center no-repeat;top: 50%;left: -15px;transform: translate(-50%, -50%);}
.inputbox{display: inline-block;}
.inputbox input{width: auto !important;}
.inputbox input[type="checkbox"],.inputbox input[type="radio"] {display:none;}
.inputbox input[type="checkbox"] + label {font-weight: 400;line-height: 1.6;color: #666;margin-right: 30px}
.inputbox input[type="radio"] + label {font-weight: 400;line-height: 1.6;color: #666;margin-right: 30px}
.inputbox input[type="checkbox"] + label span {position: relative;display:inline-block;width:23px;height:23px;margin:-2px 15px 0 0;vertical-align:middle;background:#fff;border: 1px solid #e3e3e3;border-radius: 5px;cursor:pointer;}
.inputbox input[type="radio"] + label span {position: relative;display:inline-block;width:23px;height:23px;margin:-2px 15px 0 0;vertical-align:middle;background:#fff;border: 1px solid #e3e3e3;border-radius: 100%;cursor:pointer;}
.inputbox input[type="checkbox"]:checked + label span::after {content: "";width: 27px;height: 21px;position: absolute;right: -10px;top:3px;background:url('../images/member/check_label.png') no-repeat;}
.inputbox input[type="radio"]:checked + label span::after {content: "";width: 10px;height: 10px;position: absolute;background: #4087df;border-radius: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.borardNewTop > div{align-items: center;background: #4087df;padding: 50px 45px}
.borardNewTop > div .title{margin-right: 45px;}
.borardNewTop > div.type1 .title{margin-right: 45px;width: 20%}
.borardNewTop > div .title h2{font-weight: 700;font-size: 20px;line-height: 1.6;color: #fff;margin-bottom: 30px}
.borardNewTop > div .title h2 span{font-weight: 800;color: #a0caff}

.borardNewTop ul{width: 100%}
.borardNewTop ul li{width: 20%;float: left;border: 1px solid #4087df;box-sizing: border-box;margin-top:-1px;;margin-left:-1px;transition: all .3s ease;background: #fff}
.borardNewTop .type1 ul li{width: 33.33%;float: left;border: 1px solid #4087df;box-sizing: border-box;margin-top:-1px;;margin-left:-1px;transition: all .3s ease;background: #fff}
.borardNewTop ul li:hover{background: #c4deff;transition: all .3s ease}
.borardNewTop ul li a{position: relative;display: block;padding:20px 20px 20px 70px;font-weight: 500;line-height: 1.6;color: #4087df;transition: all .3s ease}
.borardNewTop ul li a::before{content: "";width: 44px;height: 44px;position: absolute;top: 50%;left: 40px;transform: translate(-50%, -50%);transition: all .5s ease}

.borardNewTop ul li:hover a{font-weight: 700;transition: all .3s ease;color: #1b69c9}

.board_bottom .btn_box ul{display: table;margin: 0 auto}
.board_bottom .btn_box ul li{display: table-cell}
.board_bottom .btn_box ul li a{position: relative;padding: 30px 30px 30px 40px;background: #5d5d5d;color: #fff;font-weight: 700;font-size: 25px;line-height: 1.6;border-radius: 50px 50px 50px 10px}
.board_bottom .btn_box ul li a.btn1{padding-left: 100px;background: #0e5ab8;border-radius: 50px 50px 10px 50px;margin-right: 20px}
.board_bottom .btn_box ul li a.btn2{background: #0e5ab8;margin-right: 20px;border-radius: 50px 50px 10px 50px;}
.board_bottom .btn_box ul li a.btn1::before{content: "";position: absolute;width: 32px;height: 40px;background: url("../images/member/btn1.png") no-repeat center;top: 50%;left: 60px;transform: translate(-50%, -50%);}

.consent, .inner { position: relative;   width: 90%;   max-width: 1400px; margin:0 auto; }
.consent .top{position: relative;;display: block; padding:10 10px 50px;margin-bottom:15px;}
.consent .top::after{position: relative;;content: "";position: absolute;bottom: -20px;left: 50%;transform: translate(-50%, -0%);background: url("../images/member/line.png");height: 2px ;width: 100%;min-width: 533px;}
.consent .top p{position: relative; padding:15px 0 15px 60px; font-weight: 600; color:#222; line-height: 1.4;  margin-bottom:40px;}
.consent .top p::before{position: absolute; content:''; left:0; top:50%; transform:translateY(-50%);  width:40px; height:47px; background:url('../images/member/icon1.png') no-repeat center / 100%;}
.consent > ul.list {margin-bottom:15px;}
.consent > ul.list > li {position: relative; border:1px solid #e3e3e3; border-radius: 10px; margin-bottom:15px;}
.consent > ul > li .title_box {font-size:18px;  font-weight: 600; color:#222;  }
.consent > ul > li .title_box span{color:#5695e3;}
.consent > ul.list > li .list_box{display: flex; display: -ms-flex; display: -webkit-flex; align-items: center; justify-content: space-between; padding:18px 20px;}
.consent > ul.list > li:nth-child(1){overflow: hidden;background:#f9f9f9;}
.consent > ul.list > li:nth-child(1) .list_box{border-bottom:1px solid #e3e3e3;}
.consent > ul.list > li > ul{background:#f9f9f9;}
.consent > ul.list > li > ul > li{height:255px; padding:20px; box-sizing: border-box; overflow-y: scroll; line-height: 1.4; color:#666; font-weight:400; font-size:15px;}
.consent > ul.list > li > ul > li::-webkit-scrollbar{width:5px; height:90%;}
.consent > ul.list > li > ul > li::-webkit-scrollbar-thumb{width:5px; height:50px; background:#222; border-radius: 5px;}
.consent > ul.list > li input[type="checkbox"]{display: block;position: absolute;right: 25px;width: 25px;height: 25px;opacity: 0;z-index: 10; border:1px solid #e3e3e3; border-radius:5px; right:18px; top:18px; cursor:pointer;}
.consent > ul.list > li input[type="checkbox"] + label{ display: block; width: 25px; height: 25px; border:1px solid #e3e3e3; position: relative; border-radius:5px; background-color:#fff; }
.consent > ul.list > li input[type="checkbox"]:checked + label::after{ content:''; width: 28px; height: 22px; text-align: center; position: absolute; left: 5px; top:-3px; background:url('../images/member/check2.png')no-repeat center / 100%;}
.consent > ul.list2 {position: relative;display: flex; display: -ms-flex; display: -webkit-flex; margin-bottom:30px; padding:0 30px 20px; }
.consent > ul.list2::after{position: relative;;content: "";position: absolute;bottom: 0%;left: 50%;transform: translate(-50%, -0%);background: url("../images/member/line.png");height: 2px ;width: 100%;min-width: 533px;}
.consent > ul.list2 li{display: flex; display: -ms-flex; display: -webkit-flex; position: relative; align-items: center; margin-right:30px;}
.consent > ul.list2 li input[type="radio"]{display: block;position: absolute;right: 25px;width: 25px;height: 25px;opacity: 0;z-index: 10; border:1px solid #e3e3e3; border-radius: 50%; }
.consent > ul.list2 li input[type="radio"]+ label { display: inline-block; width: 25px; height: 25px; background-color: #b8cae1; border-radius: 50%; cursor: pointer; }
.consent > ul.list2 li input[type="radio"]:checked + label::after{ content:''; width: 28px; height: 22px; text-align: center; position: absolute; left: 5px; top:-3px; background:url('../images/member/check2.png')no-repeat center / 100%;}
.consent > ul.list2 li .title{margin-left:10px; font-weight: 400; color:#666;}
.consent > ul.list3 {overflow: hidden;margin-bottom:30px; border:1px solid #e3e3e3; border-radius: 10px;}
.consent > ul.list3 li:nth-child(1){padding:30px; background:#f9f9f9; border-bottom:1px solid #e3e3e3;}
.consent > ul.list3 li:nth-child(2) {display: flex; display: -ms-flex; display: -webkit-flex; padding:18px 30px; background:#f9f9f9; border-radius: 10px;}
.consent > ul.list3 li:nth-child(2) .list_box{display: flex; display: -ms-flex; display: -webkit-flex; align-items: center; margin-right:30px;}
.consent > ul.list3 li:nth-child(2) .list_box .title{margin-left:10px;}
.consent > ul.list3 > li input[type="radio"]{display: block;position: absolute;right: 25px;width: 25px;height: 25px;opacity: 0;z-index: 10; border:1px solid #e3e3e3; border-radius: 50%; }
.consent > ul.list3 > li input[type="radio"] + label{ display: inline-block; width: 25px; height: 25px; background-color: #b8cae1; border-radius: 50%; cursor: pointer; position: relative;}
.consent > ul.list3 > li input[type="radio"]:checked + label::after{ content:''; width: 28px; height: 22px; text-align: center; position: absolute; left: 5px; top:-3px; background:url('../images/member/check2.png')no-repeat center / 100%;}

.consent > ul.list .text {word-break:keep-all;}
.consent > ul.list .text h3 {font-weight:600; color:#222; margin:20px 0;}
.consent > ul.list .text h4 {font-weight:600; border-bottom:2px solid #222;  color:#222;  display:inline-block; padding:4px 4px; margin:5px 0;}
.consent > ul.list .text p.indent {background-color:#fff; padding:15px; text-indent:0;}


.consent .btn_box {text-align:Center; max-width:500px; margin:0 auto; }
.consent .btn_box a{width:40%; font-weight: 500; padding:15px 0px; text-align: center; margin-right:5px; border-radius: 10px; display:inline-block;}
.consent .btn_box a:last-child{margin:0;}

.consent .btn_box a:nth-child(1){background:#222; color:#fff; border:1px solid #222;}
.consent .btn_box a:nth-child(2){background:#fff; color:#222; border:1px solid #222;}

.mailForm{padding-top: 100px;padding-left: 260px}
.mailForm .title{position: relative;}
.mailForm .title::before{content: "";background: url("../images/member/mailfrom.png") center no-repeat;width: 196px;height: 148px;position: absolute;top: calc(50% - 30px);left: -250px;transform: translate(-0%, -50%);}
.mailForm .title h2{display: inline-block;;position: relative;;font-weight: 400;font-size: 55px;line-height: 1.2;color: #222;z-index: 1}
.mailForm .title h2 span{font-weight: 800}
.mailForm .title h2::before{content: "";width: calc(100% + 20px);height: 20px;background: #dceaf4;position: absolute;bottom: 0%;left: -10px;z-index: -1}
.mailForm .title h2:last-child{margin-bottom: 50px}

.mailForm > div p{font-weight: 400;line-height: 1.6;color: #666;margin-bottom: 30px}
.mailForm > div p span{color: #4087df;font-weight: 400}
.mailForm > div .desc1{font-weight: 700;color: #4087df}
.mailForm > div .desc2{font-weight: 700;color: #222}
.mailForm > div p:last-child{margin-bottom: 70px}

.mailBottom{background: #f0f2f4;padding: 100px 0}
.mailBottom .info{padding-left: 256px}
.mailBottom .info ul{padding: 40px 55px;background: #fff;min-width: 885px;margin-bottom: 50px;display: table}
.mailBottom .info ul li{font-weight: 400;font-size: 16px;line-height: 1.6;color: #666}
.btn_type1 ul{display: table;margin: 0 auto}
.btn_type1 ul li{display: table-cell}
.btn_type1 ul li a{font-weight: 500;line-height: 1.3;padding: 20px 50px;border: 1px solid #666;color: #222;margin-right: 35px;min-width: 270px;text-align: center;display: block}
.btn_type1 ul li a.state1{color: #fff;background: #4087df;border-color: #4087df}
.btn_type1 ul li a.state2{color: #222;background: #ffce55;}
.btn_type1 ul li a.state3{color: #fff;background: #222;}

.btn_type1 ul.type1 li a{position: relative;font-weight: 500;line-height: 1.3;padding: 20px 50px;border: 1px solid #666;color: #222;margin-right: 35px;text-align: center;display: block;min-width: auto}
.btn_type1 ul li a.be1,.btn_type1 ul li a.be2,.btn_type1 ul li a.be3{padding-top: 100px}
.btn_type1 ul li a.be1::before{position: absolute;;content: "";width: 38px;height: 38px;background: url("../images/common/be1.png") center no-repeat;top: 50px;left: 50%;transform: translate(-50%, -50%);}
.btn_type1 ul li a.be2::before{position: absolute;;content: "";width: 38px;height: 38px;background: url("../images/common/be2.png") center no-repeat;top: 50px;left: 50%;transform: translate(-50%, -50%);}
.btn_type1 ul li a.be3::before{position: absolute;;content: "";width: 38px;height: 38px;background: url("../images/common/be3.png") center no-repeat;top: 50px;left: 50%;transform: translate(-50%, -50%);}


.btn_type1 ul li:last-child a{margin-right: 0}

.confirm{padding: 100px 0}
.confirm .title{position: relative;padding-left: 300px}
.confirm .title::before{content: "";background: url("../images/common/subject.png") center no-repeat;width: 155px;height: 135px;position: absolute;left: 80px}
.confirm .title h2{display: inline-block;;position: relative;;font-weight: 400;font-size: 55px;line-height: 1.2;color: #222;z-index: 1}
.confirm .title h2 span{font-weight: 800}
.confirm .title h2::before{content: "";width: calc(100% + 20px);height: 20px;background: #dceaf4;position: absolute;bottom: 0%;left: -10px;z-index: -1}
.confirm .title h2:last-child{}
.confirm .title p{font-weight: 400;line-height: 1.6;color: #666;margin: 50px 0}
.confirm .title p span{color: #4087df;font-weight: 700}
.confirm2{background: #f0f2f4}
.confirm .title.bg2::before{content: "";background: url("../images/common/subject2.png") center no-repeat;width: 155px;height: 170px;position: absolute;left: 80px}



/** ȸ������ **/
.newBoard__write p.required:before,
.newBoard__write p.required:before {content:''; display:inline-block; width:10px; height:10px; background-color:#ed5f00; border-radius: 50%; margin-right:6px; vertical-align:baseline; margin-bottom:1px;}

.newBoard__write-table table{table-layout: fixed; width: 100%; border-top:1px solid #e3e3e3; margin:20px 0 0 0; }
.newBoard__write-table th,
.newBoard__write-table td {border-bottom:1px solid #e3e3e3;}
.newBoard__write-table th .row,
.newBoard__write-table td .row {margin-left:0px;} 
.newBoard__write-table th {font-weight:500;}
.newBoard__write-table th.th-type1,
.newBoard__write-table td.td-type1 {border-bottom:0;}
.newBoard__write-table td.td-type1 {padding:0;}
.newBoard__write-table th.th-type2 {padding-top:40px; vertical-align:top;}
.newBoard__write-table th {padding:20px 10px; text-align:left; font-weight:600; color:#222; font-size:1.1em;}
.newBoard__write-table th:first-child {padding-left:0;}
.newBoard__write-table td {padding:20px 0px;}
.newBoard__write-table .required span,
.newBoard__write-table .required label {display:inline-block;}
.newBoard__write-table .required span:after,
.newBoard__write-table .required label:after {content:''; display:inline-block; width:10px; height:10px; background-color:#ed5f00; border-radius: 50%; margin-left:6px; vertical-align:baseline; margin-bottom:1px;}
.newBoard__write-table table.i_01 ul li{width: 24%; display: inline-block;}
.newBoard__write-table table input {height:40px; line-height:40px; border-radius:6px;}
.newBoard__write-table table select  {height:40px; line-height:40px; border-radius:6px;}
.newBoard__write-table table textarea  {line-height:1.4em; border-radius:6px; padding:10px; box-sizing:Border-box;  }

.newBoard__btn-wrap {text-align:Center;  margin:40px auto 0 auto; max-width:500px;}
.newBoard__btn-wrap button {width:40%; font-weight: 500; padding:15px 0px; text-align: center; margin-right:5px; border-radius: 10px; display:inline-block;}
.newBoard__btn-wrap button.type1 {background:#222; color:#fff; border:1px solid #222;}
.newBoard__btn-wrap button.type2 {background:#fff; color:#222; border:1px solid #222;}


/* file upload */
.base__fileup {display:block; position: relative; height: 50px; width:100%; overflow:hidden; max-width:600px;}
.base__fileup + .base__fileup {margin-top:10px;}
.base__fileup-name {width:calc(100% - 122px) !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:absolute; top:0; left:0;}
.base__fileup-name.is-active {display:block; z-index:301;}
.base__fileup-wrap {display:block; overflow: hidden; position: absolute; top: 0; right: 0; width: 115px; height:40px; line-height:40px; border:1px solid #222; border-radius: 5px;cursor:pointer;  z-index:300; text-align:center; transition:all 0.3s ease-in-out; box-sizing:border-box; }
.base__fileup-wrap:after { content: attr(data-value); display:inline-block; height:40px; line-height:40px; text-align: center; font-size:14px; color:#222; background:url('../images/common/board/ico_zoom01.png') 0 50% no-repeat;  padding:0 0 0 25px; transition:all 0.3s ease-in-out;}
.base__fileup-wrap:hover {background:#ed5f00; border-color:#ed5f00;}
.base__fileup-wrap:hover::after {color:#fff; background-image:url('../images/common/board/ico_zoom01_on.png')}
.base__fileup-file {position: absolute; height: 0; width:0; font-size:0; opacity: 0; filter: alpha(opacity=0); cursor: pointer; z-index:200;}



@media only screen and (max-width: 768px) {

	.consent, .inner{ position: relative;   width: 92%;   max-width: 1400px; margin:0 auto; }
	.page_top{position: relative;margin-bottom: 40px;  border-radius:10px; padding:40px 20px;  background-color:#ededed;  }
	.page_top ul{position: relative;;margin-left: 0px; padding-top:130px;}
	.page_top ul::before{content: "";width: 100px;height: 100px;background: #fff url("../images/member/brdtop_1.png") center no-repeat;position: absolute;top: 0;left: 50%;transform: translate(50%, 0);}
	.page_top.type1 ul::before{content: "";position: absolute;width: 110px;height: 110px;background:#fff url("../images/member/brdtop_2.png") center no-repeat;position: absolute;top: 0;left: 50%;transform: translate(-50%, 0); border-radius:50%; }
	.page_top.type2 ul::before{content: "";position: absolute;width: 98px;height: 98px;background: url("../images/member/brdtop_3.png") center no-repeat;position: absolute;top: 0;left: 50%;transform: translate(-50%, 0);}
	.page_top.type3 ul::before{content: "";position: absolute;width: 98px;height: 98px;background: url("../images/member/brdtop_4.png") center no-repeat;position: absolute;top: 0;left: 50%;transform: translate(-50%, 0);}

	.page_top p {position: relative;font-weight: 400; line-height: 1.6;color: #666;margin-left: 0px; padding-top:130px;  text-align:center;}
	.page_top p::before{content: "";position: absolute;width: 110px;height: 110px;background: #fff url("../images/member/brdtop_2.png") center no-repeat;position: absolute;top: 0;left: 50%;transform: translate(-50%, 0); border-radius:50%; }

	.login .tab ul::after{content: "";position: absolute;bottom: 0%;left: 50%;transform: translate(-50%, -0%);background: url("../images/member/line.png");height: 2px ;width: 100%;min-width:300px;}


	.newBoard__write-table colgroup {display:none;}
	.newBoard__write-table th {border-bottom:0px solid #e3e3e3; padding-bottom:0px; }
	.newBoard__write-table td { padding-top:10px; }
	.newBoard__write-table th,
	.newBoard__write-table td {display:block; width:100%; }
	.newBoard__write-table td input[type=password] {width:100%;  box-sizing:border-box; }
	.newBoard__write-table td input[id="mb_tel1"] {width:30% !important; }
	.newBoard__write-table td input[id="mb_tel2"] {width:30% !important; }
	.newBoard__write-table td input[id="mb_tel3"] {width:30% !important; }
	.newBoard__write-table td input[id="email"] {width:30% !important; }
	.newBoard__write-table td input[id="emailaddr"] {width:30% !important; }
	.newBoard__write-table td select[id="email_sel"] {width:30% !important; }

	.consent .btn_box a{width:30%; font-weight: 500; padding:10px 0px; text-align: center; margin-right:5px; border-radius: 10px; display:inline-block;}

	/* file upload */
	input.base__fileup-name {width:calc(100% - 122px) !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:absolute; top:0; left:0;}
}


@media only screen and (max-width: 600px) {
	.inner2{width: 100%}
  .consent{padding: 20px 0; box-sizing:border-box; }
  .consent .top::after{position: relative;;content: "";position: absolute;bottom: -10px;left: 50%;transform: translate(-50%, -0%);background: url("../images/member/line.png");height: 2px ;width: 100%;min-width: 200px;}
  .consent > ul.list2::after{position: relative;;content: "";position: absolute;bottom: 0%;left: 50%;transform: translate(-50%, -0%);background: url("../images/member/line.png");height: 2px ;width: 100%;min-width: 200px;}
  .login .login_form input{width: 100%}
  .login .btnbox.type1 a{width: 100%;font-size: 18px}
  .login .btnbox input{width: 100%;}
  .login .btnbox ul{width: 100%}
  .login .btnbox ul li a{font-size: 15px}
  .login .sns{width: 100%;}
  .login .sns ul{flex-direction: column;}
  .login .sns ul li{width: 100%;margin-bottom: 10px}
  .login .sns ul li:last-child{margin-bottom: 0}
  .login .sns ul li a br{display: none}
  .login .sns li.kakao{background:#f9cd00 url('../images/member/kakao.png') no-repeat 5% center !important}
  .login .sns li.naver{background:#06be34 url('../images/member/naver.png') no-repeat 5% center !important}
  .login .sns li.facebook{background:#445f9f url('../images/member/facebook.png') no-repeat 5% center !important}
}