.login{text-align: center;padding: 100px 0}
.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;padding: 20px 20px 20px 80px;width: calc(100% - 60px);box-sizing: border-box;}
.login .login_form input:first-child{margin-bottom: 20px;background: #fff url(../images/member/id.png) no-repeat 30px center;}
.login .login_form input:last-child{margin-bottom: 20px;background: #fff url(../images/member/pw.png) no-repeat 30px center;}
.login .login_form input.name{margin-bottom: 20px;background: #fff url(../images/member/name.png) no-repeat 30px center;}
.login .login_form input.pw{margin-bottom: 20px;background: #fff url(../images/member/pw2.png) no-repeat 30px center;}
.login .login_form input.mail{margin-bottom: 20px;background: #fff url(../images/member/id.png) no-repeat 31px center;}
.login .inputbox{display: block;text-align: right;margin-bottom: 20px}
.login .btnbox{position: relative;}
.login .btnbox input{padding: 15px 0;background: #222;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.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: calc(100% - 60px);padding: 35px 0}
.login .btnbox ul li{}
.login .btnbox ul li a{position: relative;font-weight: 400;font-size: 18px;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;font-size: 18px;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}

.login .result{background: url(../images/member/result.png) no-repeat;padding: 70px;text-align: left}
.login .result h2{position: relative;font-weight: 700;font-size: 30px;line-height: 1.6;color: #222;;padding-left: 70px;margin-bottom: 50px}
.login .result::before{content: "";width: 50px;height: 50px;background: url(../images/member/result1.png) no-repeat;position: absolute;left: 70px}
.login .result.type1::before{content: "";width: 64px;height: 50px;background: url(../images/member/result2.png) no-repeat;position: absolute;left: 65px}
.login .result .info::before{content: "";width: 100%;background: url("../images/member/line.png");height: 2px ;position: absolute;background-size: contain;top: 0;left: 0}
.login .result .info::after{content: "";width: 100%;background: url("../images/member/line.png");height: 2px ;position: absolute;background-size: contain;bottom: 0;left: 0}
.login .result .info{position: relative;;padding: 50px;background: #f0f2f4;margin-bottom: 50px}
.login .result.type1 .info{margin-bottom: 25px}
.login .result .info p{font-weight: 400;font-size: 18px;line-height: 1.6}
.login .result .info p span{font-weight: 700;color: #1b69c9}


.login .result .find{justify-content: space-between;align-items: center}
.login .result .find span{position: relative;font-weight: 400;font-size: 16px;line-height: 1.6;padding: 30px}
.login .result .find span::before{content: "";width: 22px;height: 20px;position: absolute;background: url("../images/member/desc2.png") no-repeat center;top: 50%;left: 0px;transform: translate(-0%, -50%);}
.login .result .find a{font-weight: 500;font-size: 16px;line-height: 1.6;padding: 10px 20px;color: #fff;border-radius: 5px;display: block;background: #222}

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


.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: 60px}
.page_top ul{position: relative;;margin-left: 200px}
.page_top ul::before{content: "";width: 100px;height: 100px;background: 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: 92px;height: 76px;background: url("../images/member/brdtop_2.png") center no-repeat;position: absolute;top: 50%;left: -100px;transform: translate(-50%, -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;font-size: 18px;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;font-size: 18px;line-height: 1.6;color: #666;margin-left: 200px}
.page_top p::before{content: "";position: absolute;width: 92px;height: 76px;background: url("../images/member/brdtop_2.png") center no-repeat;position: absolute;top: 50%;left: -100px;transform: translate(-50%, -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;font-size: 18px;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;font-size: 18px;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;font-size: 18px;line-height: 1.6;color: #666;margin-right: 30px}
.inputbox input[type="radio"] + label {font-weight: 400;font-size: 18px;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;font-size: 18px;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{max-width:595px; width:100%; margin:0 auto; padding:80px 35px;}
.consent .top{position: relative;;display: block; padding:0 10px 50px;margin-bottom:15px;}
.consent .top::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 .top p{position: relative; padding-left:60px; font-weight: 600; color:#222; line-height: 1.4; font-size: 18px;}
.consent .top p::before{position: absolute; content:''; left:0; top:0; width:40px; height:47px; background:url('../images/member/icon1.png') no-repeat center / 100%;}
.consent > ul.list {margin-bottom:15px;}
.consent > ul.list > li { font-size:18px; font-weight: 600; color:#222; position: relative; border:1px solid #e3e3e3; border-radius: 10px; margin-bottom:15px;}
.consent > ul.list > li .list_box{display: flex; display: -ms-flex; display: -webkit-flex; align-items: center; justify-content: space-between; padding:18px 30px;}
.consent > ul.list > li .list_box span{color:#5695e3;}
.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:155px; padding:30px; box-sizing: border-box; overflow-y: scroll; line-height: 1.4; color:#666;}
.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: 30px;width: 30px;height: 30px;opacity: 0;z-index: 10;}
.consent > ul.list > li input[type="checkbox"] + label{ display: block; width: 30px; height: 30px; border:1px solid #e3e3e3; position: relative; border-radius:5px;}
.consent > ul.list > li input[id="cb1"]:checked + label::after{ content:''; width: 28px; height: 22px; text-align: center; position: absolute; left: 5px; top:-3px; background:url('../images/member/check.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[id="cb2"] + label { display: inline-block; width: 30px; height: 30px; background-color: #b8cae1; border-radius: 50%; cursor: pointer; }
.consent > ul.list2 li input[id="cb2"]: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 input[id="cb2"] { display: none; }
.consent > ul.list2 li input[id="cb3"] + label { display: inline-block; width: 30px; height: 30px; background-color: #b8cae1; border-radius: 50%; cursor: pointer; }
.consent > ul.list2 li input[id="cb3"]: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 input[id="cb3"] { display: none; }
.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 .list_box input[id="cb4"] + label { display: inline-block; width: 30px; height: 30px; background-color: #b8cae1; border-radius: 50%; cursor: pointer; position: relative;}
.consent > ul.list3 li .list_box input[id="cb4"]: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.list3 li .list_box input[id="cb4"] { display: none; }
.consent > ul.list3 li .list_box input[id="cb5"] + label { display: inline-block; width: 30px; height: 30px; background-color: #b8cae1; border-radius: 50%; cursor: pointer; position: relative;}
.consent > ul.list3 li .list_box input[id="cb5"]: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.list3 li .list_box input[id="cb5"] { display: none; }
.consent > ul.list3 li .list_box input[id="cb6"] + label { display: inline-block; width: 30px; height: 30px; background-color: #b8cae1; border-radius: 50%; cursor: pointer; position: relative;}
.consent > ul.list3 li .list_box input[id="cb6"]: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.list3 li .list_box input[id="cb6"] { display: none; }
.consent .btn_box a{width:50%; font-size:25px; font-weight: 700; padding:20px; text-align: center; margin-right:20px; border-radius: 10px;}
.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;font-size: 18px;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;font-size: 18px;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;font-size: 18px;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;font-size: 18px;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}

@media only screen and (max-width: 600px) {
	.inner2{width: 100%}
  .consent{padding: 80px 0}
  .login .login_form input{width: 100%}
  .login .btnbox.type1 a{width: 100%;font-size: 18px}
  .login .btnbox input{width: 100%;font-size: 18px;}
  .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}
}