.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 div.pw{margin-bottom: 20px;justify-content: center;align-items: center}
.login .login_form input.pw{background: #fff url(../images/member/pw2.png) no-repeat 30px center;width: calc(30% - 40px);padding: 20px 20px 20px 20px;margin-bottom: 0;margin-right: 25px;margin-left: 25px}
.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 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; margin-right: 10px}
.login .sns li:last-child{margin-right: 0}
.login .sns li a{color: #fff;display: block;padding: 15px 15px 15px 70px;font-weight: 700;font-size: 16px;line-height: 1.4;text-align: left}
.login .sns li a br {display: none;}
.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 20px center}
.login .sns.type1 li.naver{background:#06be34 url(../images/member/naver.png) no-repeat 20px center}
.login .sns.type1 li.facebook{background:#445f9f url(../images/member/facebook.png) no-repeat 20px center}
.login .sns.type1 li a {text-align: center; padding: 15px 70px;}

.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 img {margin: 0 auto;}
.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; padding: 60px 0 50px; position: relative; margin-bottom: 30px;}
.page_top::after {display: block; content: ""; width: 200%; height: 1px; background: #eaeaea; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.page_top::before {display: block; content: ""; width: 200%; height: 1px; background: #eaeaea; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}

.page_top h2{position: relative;;margin-left: 200px;font-weight: 700;font-size: 20px;line-height: 1.6;color: #4087df;margin-bottom: 10px}
.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.type4 ul::before{content: "";position: absolute;width: 108px;height: 90px;background: url("../images/member/brdtop_5.png") center no-repeat;position: absolute;top: 50%;left: -100px;transform: translate(-50%, -70%);}
.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;word-break: break-all}
.boardNew .table_basic th span.title .desc1{font-weight: 400;color: #666}
.boardNew .table_basic th span.title .desc1::after{content: "|";margin: 0 20px;font-weight: 400;font-size: 15px;vertical-align: text-bottom;color: #d6d6d6}
.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.w10{width: calc(15% - 50px);padding: 10px 25px}
.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%);}

.boardNew .table_basic.type1 th{padding: 50px 0px 50px 50px}
.boardNew .table_basic.type1 th span.title{display: inline-block;width: auto}
.boardNew .table_basic.type1 td{padding: 20px 50px 50px}
.boardNew .table_basic.type1 td h2{font-weight: 400;font-size: 18px;line-height: 1.6;color: #666;margin: 20px 0 30px}
.boardNew .table_basic.type1 td p{font-weight: 500;font-size: 18px;line-height: 1.6;color: #222}
.boardNewView .title{text-align: center;border-bottom: 2px solid #e3e3e3;background: #fff}
.boardNewView .title h2{font-weight: 600;font-size: 35px;line-height: 1.6;color: #222;padding: 40px 0;position: relative;}
.boardNewView .title h2::after{content: "";position: absolute;left: 50%;transform: translate(-50%, -0%);height: 2px;width: 60px;background: #222;bottom: -2px}

.boardNewView .info_box .view_title{display: inline-block;;font-weight: 600;font-size: 25px;line-height: 1.2;color: #222;background: #f0f2f4;padding: 35px 30px;float: left;min-width: 132px;text-align: center}
.boardNewView .info_box .view_title.txL{text-align: left}
.boardNewView .info_box .view_title.bg1{background: #222;color: #fff}
.boardNewView .info_box .view_title.bg2{background: #1b69c9;color: #fff;line-height: 60px}
.boardNewView .info_box .top{margin: 75px 0}
.boardNewView .info_box .top .left{width: 50%}
.boardNewView .info_box .top .view{float: left;margin-left: 50px}
.boardNewView .info_box .top .view li{line-height: 2.5; text-align: left;}
.boardNewView .info_box .top .view .desc1{font-weight: 400;font-size: 16px;line-height: 1.6;color: #666;position: relative;padding-left: 10px}
.boardNewView .info_box .top .view .desc1::after{content: "";position: absolute;width: 2px;height: 12px;background: #d6d6d6;top: 50%;right: 0%;transform: translate(-50%, -50%);}
.boardNewView .info_box .top .view .desc1::before{content: "";position: absolute;width: 4px;height: 4px;background: #a5a5a5;top: 50%;left: 0%;transform: translate(-50%, -50%);}

.boardNewView .info_box .top .left .desc1{min-width: 200px;display: inline-block;margin-right: 40px}
.boardNewView .info_box .top .right .desc1{min-width: 130px;display: inline-block;margin-right: 40px}
.boardNewView .info_box .top .view .desc2{font-weight: 500;font-size: 16px;line-height: 1.6;color: #222}

.boardNewView .top{background: #f4f6f7;;border: 1px solid #e5e5e5}
.boardNewView .top h2{position: relative;text-align: center;font-weight: 700;font-size: 30px;line-height: 1.6;color: #1b69c9;padding: 50px 0;border-bottom: 1px solid #e5e5e5}
.boardNewView .top h2.state::before{content: "기본";font-weight: 500;font-size: 14px;color: #222;position: absolute;top: 50%;transform: translate(-150%, -50%);background: #fff;width: 42px;line-height: 33px;background: url("../images/member/main.png") no-repeat center;}
.boardNewView .viewDetail{padding: 50px 100px}
.boardNewView .viewDetail > div{width: 100%}
.boardNewView .viewDetail .img{border-radius: 10px;overflow: hidden;margin-right: 100px}
.boardNewView .viewDetail .img img{max-width: 200px}
.boardNewView .viewDetail .text{padding: 35px 0;justify-content: space-between;width: calc(100% - 300px)}
.boardNewView .viewDetail .text p{font-weight: 400;font-size: 18px;line-height: 2.2;color: #666;}
.boardNewView .viewDetail .text p .desc1{display: inline-block;}
.boardNewView .viewDetail .text p .desc2{font-weight: 500;color: #222;position: relative;}
.boardNewView .viewDetail .text p .desc2::before{content: "";position: absolute;width: 1px;height: 15px;background: #d6d6d6;top: 50%;left: -35px;transform: translate(-50%, -50%);}
/* .boardNewView .viewDetail .text div:first-child{margin-right: 100px} */

.boardNewView .viewDetail .text .desc1 .desc1{min-width: 120px}
.boardNewView .viewDetail .text .desc2 .desc1{min-width: 170px}

.submit_box{text-align: center;margin: 100px 0 100px}
.submit_box a{position: relative;display: inline-block;font-weight: 700;font-size: 18px;line-height: 1.6;color: #fff;background: #4087df;padding: 18px 160px 18px 50px}
.submit_box a span{position: relative;display: inline-block;}
.submit_box a span img{margin-left: 20px;position: relative;z-index: 1}
.submit_box a span::after{content: "";width: 20px;height: 20px;border-radius: 100%;background: transparent;position: absolute;top: calc(50% - -1px);right: 20%;transform: translate(-50%, -50%);transition: all .3s ease}
.submit_box a:hover span::after{background: #222;position: absolute;top: calc(50% - -5px);right: 0%;transform: scale(1.4) translate(-0%, -50%);transition: all .3s ease}
.submit_box a > img{position: absolute;bottom: 0;right: 20px;}

.btn_list{justify-content: space-between;}
.btn_list ul{vertical-align: baseline;}
.btn_list a{font-weight: 500;font-size: 18px;line-height: 1.6;color: #222;padding: 10px 35px;border: 1px solid #ddd;border-radius: 5px;display: block;transition: all .3s ease}
.btn_list ul li:nth-child(2) a{margin: 0 15px}
.btn_list a.write{background: #4087df;color: #fff}
.btn_list a:hover{background: #222;color: #fff}

.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.brd input[type="checkbox"] + label{margin-right: 0;display: block;    margin-left: 37px;text-indent: -37px;}
.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,.borardNewTop ul li.on{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,.borardNewTop ul li.on 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.type1::after{display: none}
.consent .top p{position: relative; padding-left:60px; font-weight: 600; color:#222; line-height: 1.4; font-size: 18px;width: calc(100% - 30px)}
.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;cursor: pointer;}

.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;cursor: pointer;}
.consent > ul.list > li.on{overflow: hidden;background:#f9f9f9;}
.consent > ul.list > li.on .list_box{border-bottom:1px solid #e3e3e3;}
.consent > ul.list > li > ul{background:#f9f9f9;opacity: 0;transition: all .3s ease}
.consent > ul.list > li.on > ul{opacity: 1;}
.consent > ul.list > li > ul > li{height:0; padding:0px; box-sizing: border-box; overflow-y: scroll; line-height: 1.4; color:#666;}
.consent > ul.list > li.on > 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.list3 > li .ex{position: relative;font-size: 18px;font-weight: 600;color: #222}
.consent > ul.list3 > li .ex::after{content: "";width: 30px;height: 30px;background:url('../images/member/certi0.png') no-repeat center;position: absolute;top: 50%;right: -5%;transform: translate(100%, -50%);}

.consent > ul.list3 > li .list_box{display: flex; display: -ms-flex; display: -webkit-flex; align-items: center; justify-content: space-between; }
.consent > ul.list3 > li .list_box span{color:#5695e3;}
.consent > ul.list3 .title{font-size: initial}
.consent input[type="checkbox"]{display: block;position: absolute;right: 30px;width: 30px;height: 30px;opacity: 0;z-index: 10;}
.consent .agree{align-items: end}
.consent .agree input[type="checkbox"]{right: 0;}
.consent input[type="checkbox"] + label{ display: block; width: 30px; height: 30px; border:1px solid #e3e3e3; position: relative; border-radius:5px;}
.consent input[type="checkbox"]: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.type1::after{display: none}
.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"] + label { display: inline-block; width: 30px; height: 30px; 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 input[type="radio"] {z-index: 1;width: 30px;height: 30px;opacity:0;position: absolute;}
.consent > ul.list2 li input[type="radio"] + label { display: inline-block; width: 30px; height: 30px; background-color: #b8cae1; border-radius: 50%; cursor: pointer; }

.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.type1{background: #e9ecf0}
.consent > ul.list3.type1 li{background: #e9ecf0}

.consent > ul.list3 li .list_box input[type="radio"] + 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[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.list3 li .list_box input[type="radio"] {z-index: 1;width: 30px;height: 30px;opacity:0;position: absolute;}
.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;}

.btn_box.box2{background: #4087df;padding: 50px 0}
.btn_box.box2 .consent a{background: #fff;color: #222;width:50%; font-size:25px; font-weight: 700; padding:200px 20px 50px; text-align: center; margin-right:20px; transition: all .3s ease;position: relative;}
.btn_box.box2 .consent a:last-child{margin:0;}
.btn_box.box2 .consent a:hover{background: #0e5ab8;color: #fff;transition: all .3s ease}
.btn_box.box2 .consent a::before{content: "";width: 100px;height: 96px;position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);}
.btn_box.box2 .consent a:nth-child(1)::before{background: url("../images/member/certi1.png") center no-repeat}
.btn_box.box2 .consent a:nth-child(2)::before{background: url("../images/member/certi2.png") center no-repeat}
.btn_box.box2 .consent a:after{content: "";width: 48px;height: 48px;position: absolute;background: url("../images/member/certi3.png") center no-repeat;bottom: 0%;left: 50%;transform: translate(-50%, 50%);opacity: 0;transition: all .3s ease}
.btn_box.box2 .consent a:hover::after{opacity: 1;transition: all .3s ease}

.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/member/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/member/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/member/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/member/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 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/member/subject2.png") center no-repeat;width: 155px;height: 170px;position: absolute;left: 80px}
.dpn{margin-right: 50px}




.enter_email3{max-width:1000px; width:100%; margin:0 auto; }
.enter_email3 .container{width:100%; height:100%; padding:40px 100px; position: relative;background: #fff;box-shadow: 0px 0px 30px 30px rgb(32 33 36 / 5%);}
.enter_email3 .title h2{font-weight: 400;font-size: 40px;line-height: 1.6;color: #222;text-align: center;margin-bottom: 35px}
.enter_email3 .title h2 span{font-weight: 800}

.enter_email3 .form{flex-direction: column;position: relative;padding: 40px 0}
.enter_email3 .form::before{content: "";width: 100%;height: 2px;background: url("../images/member/line.png") no-repeat;background-size: cover;position: absolute;top: 0}
.enter_email3 .form::after{content: "";width: 100%;height: 2px;background: url("../images/member/line.png") no-repeat;background-size: cover;position: absolute;bottom: 0}
.enter_email3 .form div{align-items: center;margin-bottom: 20px}
.enter_email3 .form div:last-child{margin-bottom: 0}
.enter_email3 .form input{border: 1px solid #ddd;border-radius: 5px;padding: 10px 30px;width: 400px;display: inline-block;margin-right: 10px}
.enter_email3 .form input.w20{width: 14.4%}
.enter_email3 .form input.w30{width: 23%}
.enter_email3 .form input.mgl10{margin-left: 10px}

.enter_email3 .form span{font-weight: 400;font-size: 16px;color: #666;display: inline-block;}
.enter_email3 .form label{position: relative;min-width: 150px;font-weight: 800;color: #222}
.enter_email3 .form label img{margin-right: 15px;vertical-align: text-bottom;}
.enter_email3 .form a{position: relative;display: inline-block;background: #009aab;padding: 14px 20px;color: #fff;min-width: 140px;text-align: center;border-radius: 5px;transition: all .3s ease;}
.enter_email3 .form a.desc1{background: #4087df;text-align: right}
.enter_email3 .form a.desc1::before{position: absolute;content: "";width: 19px;height: 14px;background: url("../images/member/checker.png") no-repeat;left: 20px}
.enter_email3 .form a:hover{background: #222}
.enter_email3 .form_bottom{align-items: center;padding: 50px 0 10px}
.enter_email3 .form_bottom img{margin-right: 40px}
.enter_email3 .form_bottom ul li{font-weight: 400;font-size: 16px;line-height: 1.8;color: #666}
.enter_email3 .btn{text-align: center;margin: 50px 0}
.enter_email3 .btn a{font-weight: 700;font-size: 18px;line-height: 1.6;display: inline-block;padding: 15px 100px;background: #222;color: #fff;border:1px solid #222;transition: all .3s ease}
.enter_email3 .btn a.desc1{color: #222;background: #fff;margin-left: 20px}
.enter_email3 .btn a:hover{background: #4087df;transition: all .3s ease;color: #fff;border:1px solid #4087df}

.payView .top .date{align-items: center;margin-bottom: 20px}
.payView .top .date p{font-weight: 400;font-size: 16px;line-height: 1.6;color: #666;margin-right: 100px}
.payView .top .date p span{display: inline-block;padding: 5px 40px;color: #fff;background: #0e5ab8;border-radius: 50px;margin-left: 20px}
.payView .top .title h2{color: #fff;font-weight: 700;font-size: 40px;line-height: 1.6;background: #4087df;text-align: center;padding: 15px}

.payView .pay_table_box{padding: 50px 0}
.payView .pay_top_table th{position: relative;text-align: left;font-weight: 400;font-size: 18px;line-height: 1.6;color: #666;}
.payView .pay_top_table th::after{position: absolute;content: "|";right: -5px;color: #d6d6d6}
.payView .pay_top_table td{font-weight: 700;font-size: 18px;line-height: 1.6;color: #222;padding: 0 25px}
.payView .pay_top_table td span{vertical-align: middle;}
.payView .pay_top_table td span.desc1{background: url("../images/member/payment.png") no-repeat center;padding: 3px 20px 3px 15px;color: #fff;margin-left: 10px}
.payView .pay_top_table td span.desc2{font-weight: bold;font-size: 30px;line-height: 1.6;font-family: 'Montserrat', 'S-CoreDream', sans-serif;color: #4087df}
.payView .pay_list{border: 1px solid #222;overflow: hidden;padding: 0 60px;margin-top: 100px}
.payView .pay_list h2.title{font-weight: 800;font-size: 50px;line-height: 1.6;color: #000;text-align: center;margin: 80px 0}
.payView .pay_table{border: 1px solid #d4d9dd;text-align: center;background: #fff; min-width: 370px;}
.payView .pay_table th{border: 1px solid #d4d9dd;background: #f0f2f4;font-weight: 700;font-size: 22px;line-height: 1.6;color: #222;padding: 20px}
.payView .pay_table td{border: 1px solid #d4d9dd;font-family: 'Montserrat', 'S-CoreDream', sans-serif;font-weight: 500;font-size: 22px;line-height: 1.6;color: #222;padding: 20px; height: 70px; word-break: break-all;}
.payView .pay_table td span{font-weight: 700;font-size: 20px}
.payView .pay_table td span.desc1{font-size: 25px}

.payView .pay_table.type1 thead th{background: #fff;border: 0;border-top: 2px solid #222;font-weight: 700;font-size: 25px;}
.payView .pay_table.type1 th{border-bottom: 1px solid #222;position: relative;}
.payView .pay_table.type1 .line::after{position: absolute;content: "|";right: -4px}
.payView .pay_table th.bg1{background: #e7edf3}
.payView .pay_table td.co1{font-weight: 800;color: #4087df}
.payView .pay_table td.co2{font-weight: 800;color: #f65d00}
.payView .pay_table td.bg1{background: #edf0f3;font-weight: 700}
.payView .pay_table td.bg2{background: #eaf4c8;border-bottom-color: #222}
.payView .pay_table td.bg3{background: #e7edf3;border-bottom-color: #222}
.payView .pay_table td.bg4{background: #f9f5a7;border-bottom-color: #222}

.payView .pay_list2 h2{text-align: center;font-weight: 700;font-size: 30px;line-height: 1.6;color: #222;background: #cfd9e2;padding: 25px;margin-top: 80px}
.payView .payCalc_container{margin: 200px 54px 0;text-align: center}
.payView .payCalc_box{padding: 100px 80px 0; background: url("../images/member/board.png") no-repeat center top / cover; box-shadow: 5px 20px 4px 5px rgb(32 33 36 / 28%);border-radius: 50px 50px 0 0;}
.payView .payCalc{padding: 150px 100px 75px;}
.payView .payCalc ul{flex-direction: column;}
.payView .payCalc ul li{font-weight: 500;font-size: 18px;line-height: 1.6;color: #222;display: flex;display: -ms-flex;display: -webkit-flex;}
.payView .payCalc ul li span{text-align: center;display: inline-block;border-radius: 10px;background: #ededed;margin-right: 10px;margin-bottom: 10px;padding: 12px 15px}
.payView .payCalc ul li.th span{background: #222;color: #fff}
.payView .payCalc ul li span.desc1{width: 30%}
.payView .payCalc ul li span.desc2{width: 70%;margin-right: 0;}


@media only screen and (max-width: 1300px) {
  .boardNew .table_basic td span{float: none;display: block;margin-left: 50px;margin-top: 10px}
  .boardNew .table_basic td span.spam{display: inline-block;margin-top: 0;margin-left: 30px}
  .boardNew .table_basic td input.w50{width: calc(80% - 80px)}
  .boardNew .table_basic td input.w30{width: calc(70% - 80px)}
  .boardNew .table_basic td input[type="date"].w30{width: calc(55% - 80px)}
}
@media only screen and (max-width: 1024px) {
  .page_top ul,
  .page_top.type4 > div {margin-left: 0;margin-top: 100px; text-align: center;}
  .page_top.type4 ul {margin-top: 0;}
  .page_top.type1 ul::before{top: -100px;left: 50%;transform: translate(-50%, -0%)}
  .page_top.type4 ul::before {left: 50%; top: -140px; transform: translateX(-50%);}
  .page_top.type4 h2 {margin-left: 0;}
  .page_top ul li{font-size: 16px}

  .page_top p::before{top: -100px;left: 50%;transform: translate(-50%, -0%)}
  .page_top p{margin-left: 0;margin-top: 100px;font-size: 16px}
  .pricacy{margin: 5% 0 100px;padding: 0 5% 40px}
}
@media only screen and (max-width: 768px) {
  .boardNew .brdTitle{font-size: 30px}
  .boardNew .table_basic th{font-size: 16px;border-bottom: 0}
  .boardNew .table_basic td span{font-size: 13px;text-align: left}
  .boardNew .table_basic td span.spam{font-size: 20px}
  .boardNew .table_basic colgroup{display: none}
  .boardNew .table_basic th{padding: 5% 0 0;text-align: center}
  .borardNewTop .table_basic th {padding: 5% 0;text-align: center}
  .boardNew .table_basic td{padding: 5%}
  .boardNew .table_basic td.addr1{padding: 5% 5% 5px}
  .boardNew .table_basic td.addr2{padding: 5px 5% 5px}
  .boardNew .table_basic td.addr3{padding: 5px 5% 5%}
  .boardNew .table_basic th span.title{display: inline-block;width: auto}
  .boardNew .table_basic th,.boardNew .table_basic td{display: block;text-align: left}

  .boardNew .table_basic td input.w70{width: calc(100%)}
  .boardNew .table_basic td input.w50{width: calc(100%)}
  .boardNew .table_basic td.addr1 input.w50 {width: calc(100% - 113px);}
  .boardNew .table_basic td input.w30{width: calc(100%)}
  .boardNew .table_basic td.spamkey input.w30 {width: calc(100% - 200px);}
  .boardNew .table_basic td select{width: 100%}
  .boardNew .table_basic td input.btn_w{width: calc(100% - 140px)}
  .boardNew .table_basic td span.spam{margin-left: 8px}
  .inputbox input + label{font-size: 16px !important}
  .inputbox input[type="radio"] + label{margin-right: 15px;}
  .inputbox input[type="radio"] + label span,.inputbox input[type="checkbox"] + label span{width: 20px;height: 20px;}

  .boardNew .table_basic td input[type="date"]{width: calc(50% - 10px) !important}

  input + span + .inputbox{display: block;text-align: center;margin-top: 10px}
  input +.inputbox{display: block;text-align: center;margin-top: 10px}
  .boardNew .table_basic td .desc2{margin-left: 30px}
  .dpn{display: none !important}

  .pricacy h2{font-size: 20px;text-align: center}
  .pricacy textarea{font-size: 14px}

  .board_bottom .btn_box ul,.btn_type1 ul{display: block}
  .board_bottom .btn_box ul li{display: block}
  .board_bottom .btn_box ul li:first-child{margin-bottom: 20px}
  .board_bottom .btn_box ul li a.btn1::before{transform: scale(0.85) translate(-50%, -50%)}
  .board_bottom .btn_box ul li a{width: 100%;display: block;border-radius: 5px !important;text-align: center;font-size: 18px;padding: 20px 20px}
  .btn_type1 ul li{display: block}
  .btn_type1 ul li:first-child{margin-bottom: 20px}
  .btn_type1 ul li a{display: block;width: 100%;border-radius: 5px !important;text-align: center;font-size: 18px;padding: 20px 20px}

  .login,.join{padding: 50px 0}
}


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

}

@media only screen and (max-width: 440px) {
  .boardNew .brdTitle{font-size: 25px}
  .boardNew .brdTitle span.desc1{font-size: 13px}
  .page_top ul li{font-size: 14px}
  .page_top p{font-size: 14px}
  .boardNew .brdTitle{margin-bottom: 50px}
  .boardNew .brdTitle span.desc1{top: auto;bottom:-50px}

  .boardNew .table_basic td.spamkey input.w30 {width: 100%;}
  .boardNew .table_basic td span.spam {margin: 10px 0 0;}
}


/* 2022_04_01 정상훈 */
.mgT80{margin-top:80px;}
.page_top.type1 b{vertical-align: baseline; font-weight: 700;}
.input_type1 > ul{width:100%;}
.input_type1 > ul > li{background:#1b69c9; padding: 40px 90px; display: flex; display: -ms-flex; display: -webkit-flex; align-items: center; width:100%; border-bottom:1px solid rgba(255, 255, 255, .3)}
.input_type1 > ul > li:last-child{border:0;}
.input_type1 .title{font-size:18px; font-weight: 500; color:#fff; padding:0 55px 0 20px; position: relative; width:175px; line-height: 1.4;}
.input_type1 .title::before{position: absolute; content:'*'; left:0; top:-1px;}
.input_type1 .title::after{position: absolute; left:100%; top:50%; transform: translate(-50%,-50%); content:''; width:1px; height:100%; background:#fff;}
.input_type1 .info_box{padding:0 55px; width:calc(100% - 175px);}
.input_type1 .text_group{display: flex; display: -ms-flex; display: -webkit-flex; color:#fff; align-items: center;}
.input_type1 .text_group div:nth-child(1){margin-right:20px; color:#ffea00; font-weight: 700; font-family: 'Montserrat'; font-size:20px;}
.input_type1 .text_group div:last-child{margin:0;}
.input_type1 .text_group .emno {font-size:30px; font-weight: 600; display: flex; display: -ms-flex; display: -webkit-flex; align-items: center;}
.input_type1 .text_group .emno span{padding:5px 10px; background:#222; border-radius: 5px; margin-right:20px; position: relative; font-size:16px; font-weight: 500;}
.input_type1 .text_group .emno span::after{position: absolute; left:100%; top:50%; transform: translate(-50%,-50%) rotate(45deg); content:''; width:7px; height:7px; background:#222;}
.input_type1 input{padding:17px 20px; border-radius: 5px; width:100%; flex-grow: 1; background:#fafafa;}
.input_type1 .info_box.add ul{width:60%;}
.input_type1 .info_box.add ul li{display: flex; display: -ms-flex; display: -webkit-flex; margin-bottom:15px;}
.input_type1 .info_box.add ul li:last-child{margin:0;}
.input_type1 .info_box.add ul li button{padding:17px 40px; background: #4087df; color:#fff; border:0; border-radius: 5px; transition: all .3s ease;}
.input_type1 .info_box.add ul li button:hover{box-shadow: 5px 5px 10px rgba(0, 0, 0, .2); background: #3574c2;}
.input_type1 .info_box.add ul li input{margin-right:15px;}
.input_type1 .info_box.add ul li input:last-child{margin:0;}
.input_type1 .warning{margin-top:10px;}
.input_type1 .warning span{line-height: 1.4;}
.input_type1 .warning span:nth-child(1){font-weight: bold; color:#4087df;}
.input_type1 .info_box.spam > div{display: flex; display: -ms-flex; display: -webkit-flex; width:60%;}
.input_type1 .info_box.spam > div input{width:calc(100% - 180px);}
.input_type1 .info_box.spam .spamkey{border:1px solid #ddd; width:160px; margin-left:20px; border-radius: 5px; padding:20px; display: flex; display: -ms-flex; display: -webkit-flex; justify-content: space-between;}

@media(max-width:1440px){
  .input_type1 > ul > li{padding:40px;}
  .input_type1 .text_group .emno{font-size:24px;}
}

@media(max-width:1024px){
  .input_type1 .title{font-size:16px;}
  .input_type1 .info_box{padding-right:0;}
}

@media (max-width:930px) {
  .input_type1 > ul > li{flex-direction: column; align-items: flex-start; padding:30px;}
  .input_type1 .title{padding-right:0; width:auto; margin-bottom:20px;}
  .input_type1 .title::after{display: none;}
  .input_type1 .info_box{padding-left:20px; width:100%;}

}

@media(max-width:768px){
  /* .input_type1 .text_group > div{width:50%;} */
  .input_type1 .info_box.add ul{width:100%;}
  .input_type1 .info_box.spam > div{width:100%;}
}

@media (max-width:700px) {
  .input_type1 .text_group{flex-wrap: wrap;}
  .input_type1 .text_group > div{width:100%; margin:0 0 10px !important;}
  .input_type1 .text_group div:last-child{margin:0 !important;}
  .input_type1 .text_group div:nth-child(1){font-size:18px;}
  .input_type1 .text_group .emno{font-size:18px;}
  .input_type1 input{padding:15px 20px;}
}

@media(max-width:425px){
  .input_type1 > ul > li{padding:30px 20px;}
  .input_type1 input{padding:10px 15px;}
  .input_type1 .info_box.add ul li{margin-bottom:7px;}
  .input_type1 .info_box.add ul li input{margin-right:7px;}
  .input_type1 .info_box.add ul li button{padding:10px 15px;}
  .input_type1 .info_box.spam > div input{width:calc(100% - 140px)}
  .input_type1 .info_box.spam .spamkey{padding:10px 15px; margin-left:10px; width:140px;}
}
.t_type1 h2{font-size:35px; font-weight: 600; line-height: 1.6; color:#222;}
.t_type1 h2 .desc1{font-weight: 400; font-size: 16px; line-height: 1.6; color: #4087df; display: block;}

.button_type1{display: flex; display: -ms-flex; display: -webkit-flex; justify-content: flex-end;}
.button_type1 a{padding:20px 160px 20px 40px; background:#4087df; color:#fff; font-size:20px; display: flex; display: -ms-flex; display: -webkit-flex; font-weight: 700; position: relative; line-height: 1.4; align-items: center;}
.button_type1 a > span:nth-child(1){width:calc(100% - 37px); margin-right:20px;}
.button_type1 a .bow{min-width:50px; max-width:50px; height:17px; position: relative; transition: all .3s ease;}
.button_type1 a:hover .bow{transform: translateX(20px);}
.button_type1 a::before{position: absolute; right:20px; bottom:-2px; content:''; width:68px; height:96px; background:url(../images/member/top_button_con1.png) no-repeat center bottom / 100%;}
.button_type1 a .bow::before{position: absolute; right:0; top:50%; transform: translate(50%,-50%) scale(0); content:''; width:30px; height:30px; background:#222; border-radius: 50%; transition: all .3s ease;}
.button_type1:hover a .bow::before{transform: translate(50%,-50%) scale(1);}
.button_type1 a .bow span:nth-child(1){position: absolute; left:0; top:50%; transform: translate(0,-50%); content:''; width:100%; height:1px; background:#fff;}
.button_type1 a .bow span:nth-child(2){position: absolute; right:0; top:50%; transform: translate(0,-50%) rotate(45deg); transform-origin: center; content:''; width:10px; height:10px; border:1px solid #ddd; border-bottom:transparent; border-left:transparent;}
.b_type2{padding:15px 25px; display: flex; display: -ms-flex; display: -webkit-flex; border:1px solid #222; border-radius: 5px; color:#222; transition: all .3s ease;}
.b_type2:hover{box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);}
.b_type2 i{margin-right:10px; min-width:18px; max-width:18px; min-height:18px; max-height:18px; border:1px solid red;}
.b_type2 span{width:calc(100% - 18px);}
@media(max-width:1440px){

}

@media(max-width:1024px){

}

@media(max-width:768px){
  .button_type1 a{padding:20px 100px 20px 40px;}
}

@media(max-width:425px){

}


/* 회원정보관리 */
.page070101 .input_type1{border:1px solid #e5e5e5; border-top:2px solid #4087df; border-bottom:0;}
.page070101 .input_type1 > ul > li{background:#fff; border-bottom:1px solid #e5e5e5;}
.page070101 .input_type1 > ul > li .info_box{display: flex; display: -ms-flex; display: -webkit-flex; flex-direction: column; align-items: flex-start; justify-content: center;}
.page070101 .input_type1 > ul > li .info_box .input_group{display: flex; display: -ms-flex; display: -webkit-flex; width:60%;}
.page070101 .input_type1 > ul > li .info_box .input_group span{flex-grow: 1; margin-right:20px; position: relative;}
.page070101 .input_type1 > ul > li .info_box .input_group .pon::after{position: absolute; left:100%; top:50%; transform: translate(calc(50% + 3px),-50%); content:'-';}
.page070101 .input_type1 > ul > li .info_box .input_group .pon:last-child::after{display: none;}
.page070101 .input_type1 > ul > li .info_box .input_group .mal::after{position: absolute; left:100%; top:50%; transform: translate(calc(50% - 2px),-50%); content:'@'; font-size:12px;}
.page070101 .input_type1 > ul > li .info_box .input_group .mal:last-child::after{display: none;}
.page070101 .input_type1 > ul > li .info_box .input_group input:last-child{margin:0;}
.page070101 .input_type1 .title{color:#222;}
.page070101 .input_type1 .title::before{color:#4087df;}
.page070101 .input_type1 input{border:1px solid #e3e3e3; }
.page070101 .input_type1 .text_group div:nth-child(1){color:#222;}
.page070101 .input_type1 .text_group .emno{color:#4087df;}
.page070101 .input_type1 .text_group .emno span{color:#fff;}
.page070101 .bottom{display: flex; display: -ms-flex; display: -webkit-flex; justify-content: center; margin-top:80px; align-items: center;}
.page070101 .bottom .point{margin-right:40px; color:#4087df; display: flex; display: -ms-flex; display: -webkit-flex; align-items: flex-end;}
.page070101 .bottom .point::before{content:''; margin-right:10px; width:20px; height:31px; border:1px solid red;}
.page070101 .bottom .point::after{content:'Point'; display: block; font-family: 'Montserrat'; color:#222; font-weight: bold; font-size:20px;}
.page070101 .bottom .point span{font-size:25px; font-weight: bold; margin-right:15px;}
.page070101 .board_bottom{margin-top:100px; box-sizing: border-box;}
.page070101 .button_type1.top{align-items: center; justify-content: space-between;}
.page070101 .container{margin-bottom:100px;}
.page070101 .container:last-child{margin-bottom:0;}
@media(max-width:1440px){

}

@media(max-width:1024px){

}

@media(max-width:768px){
  .page070101 .top_button a{padding:20px 120px 20px 20px; font-size:16px;}
  .page070101 .button_type1{flex-wrap: wrap;}
}

@media (max-width:609px) {
  .page070101 .button_type1 a{margin-top:40px;}
}

@media(max-width:425px){

}

/* 070302_근로계약서 관리 */
.title.no_war::before{display: none !important;}
.list_type2 {width:100%; border:1px solid #ebebeb; border-left:transparent; border-right:transparent; background:#fff;}
.list_type2 > ul{width:100%;}
.list_type2 > ul > li{padding:60px 0;}
.list_type2 > ul > li > ul{width:100%; display: flex; display: -ms-flex; display: -webkit-flex; flex-direction: column;}
.list_type2 > ul > li > ul > li{margin-bottom:20px; width:100%;}
.list_type2 > ul > li > ul > li:last-child{margin:0;}
.list_type2 > ul > li > ul > li .list{display: flex; display: -ms-flex; display: -webkit-flex;}
.list_type2 > ul > li > ul > li .item{margin-right:20px; font-size:18px; margin-right:20px; width:33.333333%; display: flex; display: -ms-flex; display: -webkit-flex; align-items: center; }
.list_type2 > ul > li > ul > li .item:last-child{margin-right:0;}
.list_type2 > ul > li > ul > li .item .title{color:#888; position: relative; margin-right:20px; padding-right:20px; font-weight: 400;}
.list_type2 > ul > li > ul > li .item .title::after{position: absolute; right:0; top:50%; transform: translate(-50%,-50%); content:''; width:1px; height:10px; background:#ddd;}
.list_type2 > ul > li > ul > li .item .info{color:#222;}
.state_type1{font-size:16px !important; padding:10px 40px; display: block; border-radius: 100px;  background:#d4dde6; color:#222; font-weight: 500;}
.state_type2{font-size:16px !important; padding:10px 40px; display: block; border-radius: 100px;  background:#0e5ab8; color:#fff; font-weight: 500;}
.state_type3{font-size:16px !important; padding:10px 40px; display: block; border-radius: 100px;  background:#009aab; color:#fff; font-weight: 500;}
.state_type4{font-size:16px !important; padding:10px 40px; display: block; border-radius: 100px;  background:#fff; color:#0e5ab8; font-weight: 500; border:2px solid #0e5ab8;}
.state_type5{font-size:16px !important; padding:10px 40px; display: block; border-radius: 100px;  background:#fff; color:#009aab; font-weight: 500; border:2px solid #009aab;}
.link_type1{font-size:16px !important; padding:10px 40px; display: flex; display: -ms-flex; display: -webkit-flex; border-radius: 100px;  background:#222; color:#fff; font-weight: 500; align-items: center; transition: all .3s ease;}
.link_type1 i{margin-right:10px; min-width:18px; max-width:18px; min-height:18px; max-height:18px; background:url(../images/member/link_type2_icon.png) no-repeat center / 100%;}
.link_type1 span{transition: all .3s ease;}
.link_type1:hover span{color:#fff;}
.link_type2{margin-left: 10px; font-size:16px !important; padding:10px 30px; display: flex; display: -ms-flex; display: -webkit-flex; border-radius: 100px;  background:#ffce55; color:#222; font-weight: 500; align-items: center; transition: all .3s ease; min-width:150px; max-width:150px;}
.link_type2 i{margin-left:10px; width:18px; height:18px; background: url(../images/member/link_type1_icon.png) no-repeat center / 100%;}
.link_type2 span{transition: all .3s ease;}
.link_type2:hover span{color:#222;}
.link_type3{font-size:16px !important; padding:10px 40px; display: flex; display: -ms-flex; display: -webkit-flex; border-radius: 100px;  background:#222; color:#fff; font-weight: 500; align-items: center; transition: all .3s ease;}
.link_type3 i{margin-right:10px; min-width:18px; max-width:18px; min-height:18px; max-height:18px; background:url(../images/member/print.png) no-repeat center / 100%;}
.link_type3 span{transition: all .3s ease;}
.link_type3:hover span{color:#fff;}

.link_type4{font-size:15px !important; padding:7px 15px; display: flex; display: -ms-flex; display: -webkit-flex; border-radius: 5px;  border:1px solid #ddd; color:#666; font-weight: 500; align-items: center; transition: all .3s ease; min-width:80px; max-width:80px;}
.link_type4 i{margin-right:5px; width:15px; height:16px; background: url(../images/member/fix.png) no-repeat center / 100%;}
.link_type4 span{transition: all .3s ease;}
.link_type4:hover span{color:#222;}

.link_type5{font-size:15px !important; padding:10px 15px; display: flex; display: -ms-flex; display: -webkit-flex; border-radius: 5px;  border:1px solid #ddd; color:#666; font-weight: 500; align-items: center; transition: all .3s ease; min-width:80px; max-width:80px;}
.link_type5 i{margin-right:5px; width:15px; height:16px; background: url(../images/member/Cancellation.png) no-repeat center / 100%;}
.link_type5 span{transition: all .3s ease;}
.link_type5:hover span{color:#222;}

.page070302 .list_type2 > ul > li > ul > li:last-child .state_type4{margin-right:20px;}
.page070302 .b_button{display: flex; display: -ms-flex; display: -webkit-flex; justify-content: center; margin-bottom:40px; text-align: center;}

@media(max-width:1440px){
  .list_type2 > ul > li > ul > li{margin-bottom:40px;}
  .list_type2 > ul > li > ul > li .item {flex-direction: column; align-items: flex-start;}
  .list_type2 > ul > li > ul > li .item .title{margin-bottom:10px;}
  .page070302 .list_type2 > ul > li > ul > li:last-child .state_type4{margin-right:10px;}
}

@media(max-width:1024px){
  .list_type2 > ul > li > ul > li .list{flex-direction: column;}
  .list_type2 > ul > li > ul > li .list .item{flex-direction: row; width:100%; margin:0 0 20px; align-items: center;}
  .list_type2 > ul > li > ul > li .list .item .title{width:120px; line-height: 1.4; margin-bottom:0;}
  .list_type2 > ul > li > ul > li .list .item .info{width:calc(100% - 120px); display: flex; display: -ms-flex; display: -webkit-flex; line-height: 1.4;}
}

@media(max-width:768px){
  .list_type2 > ul > li > ul > li .item{font-size:16px;}
  .list_type2 > ul > li > ul > li{margin-bottom:20px;}
  .state_type1{font-size:12px !important;}
  .state_type2{font-size:12px !important;}
  .state_type3{font-size:12px !important;}
  .state_type4{font-size:12px !important;}
  .state_type5{font-size:12px !important;}
  .link_type1{font-size:12px !important;}
  .link_type2{font-size:12px !important;}
}
@media (max-width:460px) {
  .page070302 .list_type2 > ul > li > ul > li:last-child .item:last-child{align-items: flex-start;}
  .page070302 .list_type2 > ul > li > ul > li:last-child .item:last-child .info{flex-direction: column;}
  .page070302 .list_type2 > ul > li > ul > li:last-child .state_type4{margin-right:0; margin-bottom:10px; box-sizing: border-box; max-width:130px; text-align: center;}
  .page070302 .list_type2 > ul > li > ul > li:last-child .link_type2{margin-right:0; margin-bottom:10px; box-sizing: border-box; max-width:130px; text-align: center;}
  .state_type1{font-size:12px !important; max-width:130px; box-sizing: border-box; min-width:130px; text-align: center;}
  .state_type2{font-size:12px !important; max-width:130px; box-sizing: border-box; min-width:130px; text-align: center;}
  .state_type3{font-size:12px !important; max-width:130px; box-sizing: border-box; min-width:130px; text-align: center;}
  .state_type4{font-size:12px !important; max-width:130px; box-sizing: border-box; min-width:130px; text-align: center;}
  .state_type5{font-size:12px !important; max-width:130px; box-sizing: border-box; min-width:130px; text-align: center;}
  .link_type1{font-size:12px !important; max-width:130px; box-sizing: border-box; min-width:130px; text-align: center;}
  .link_type2{font-size:12px !important; max-width:130px; box-sizing: border-box; min-width:130px; text-align: center;}
}

@media(max-width:425px){

}



.page040201{padding:80px 40px; background:#e9eef5; position: relative;}
.page040201::before{ position: absolute; left:50%; top:0; transform: translate(-50%,-50%); content:''; width:100%; height:20px; background: #e9eef5; background-image: radial-gradient(#fff 60%, transparent 0); background-position: bottom center; background-size: 50px 50px; }
.page040201::after{ position: absolute; left:50%; bottom:0; transform: translate(-50%,50%); content:''; width:100%; height:20px; background: #e9eef5; background-image: radial-gradient(#fff 60%, transparent 0); background-position: top center; background-size: 50px 50px; }
.page040201 .container{background:#fff; padding:40px;}
.page040201 .list2{border-top:2px solid #222;}
.page040201 .board_bottom .btn_box ul li a{display: block;}
.page040201 .list_box1.top > ul > li .info{display: flex; display: -ms-flex; display: -webkit-flex; align-items: center;}
.page040201 .list_box1.top > ul > li .info .desc1{font-size:20px; color:#222; margin-right:20px; font-weight: 700;}
.page040201 .list_box1.top > ul > li .info .desc2{font-size:30px; color:#4087df; padding-left:80px; position: relative; font-weight: 700;}
.page040201 .list_box1.top > ul > li .info .desc2::before{position: absolute; left:0; top:50%; transform: translate(0,-50%); content:'사번'; width:60px; height:30px; font-size:20px; background:#222; color:#fff; display: flex; display: -ms-flex; display: -webkit-flex; align-items: center; justify-content: center; font-size:14px; border-radius: 5px;}
.page040201 .list_box1.top > ul > li .info .desc2::after{position: absolute; left:60px; top:50%; transform: translate(-50%,-50%) rotate(45deg); content:''; width:7px; height:7px; background:#222;}
.list_box1 > ul > li{padding:40px 0; display: flex; display: -ms-flex; display: -webkit-flex; align-items: center; border-bottom:1px solid #ddd; width:100%;}
.list_box1 > ul > li .title{width:120px; margin-right:40px; position: relative; padding-left:15px;}
.list_box1 > ul > li .title::before{position: absolute; left:0; top:-1px; content:'*'; color:#4087df;}
.list_box1 > ul > li .info{position: relative; padding-left:40px; width:calc(100% - 180px)}
.list_box1 > ul > li .info::before{position: absolute; left:0; top:50%; transform: translate(0,-50%); content:''; width:1px; height:15px; background:#ddd;}
.list_box1 > ul > li .info .editor{width:100%; padding:20px;}
.list_box1 > ul > li .info .info_group{width:100%;}
.list_box1 > ul > li .info .info_group > ul{display: flex; display: -ms-flex; display: -webkit-flex; width:100%;}
.list_box1 > ul > li .info .info_group > ul > li{display: flex; display: -ms-flex; display: -webkit-flex; align-items: center; flex-grow: 1;}
.list_box1 > ul > li .info .info_group > ul > li .check{width:30px; height:30px; margin-right:10px; position: relative;}
.list_box1 input[type="checkbox"] + label { display:block; border: 1px solid #ddd; border-radius: 50%; cursor: pointer; width:30px; height:30px;}
.list_box1 input[type="checkbox"] { display: none;}
.list_box1 input[type="checkbox"]:checked + label {position: relative;}
.list_box1 input[type="checkbox"]:checked + label::after{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:10px; height:10px; background: #4087df; border-radius: 50%;}
.list_box1 input[type="radio"] + label { display:block; border: 1px solid #ddd; border-radius: 50%; cursor: pointer; width:30px; height:30px;}
.list_box1 input[type="radio"] { display: none;}
.list_box1 input[type="radio"]:checked + label {position: relative;}
.list_box1 input[type="radio"]:checked + label::after{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:10px; height:10px; background: #4087df; border-radius: 50%;}

.list_box1 input[type=text]{border:1px solid #ddd; padding:10px 20px; border-radius: 5px;}
.list_box1 > ul > li.type_input_1 .info span:nth-child(1){margin-right:20px;}



.page040202 .container{display: flex; display: -ms-flex; display: -webkit-flex; justify-content: center;}
.page040202 .container .img_box{margin-right:40px;}
.page040202 .container h2{font-size:55px; font-weight: 400; color:#222; margin-bottom:50px; line-height: 1.4;}
.page040202 .container h2 b{font-weight: 800; vertical-align: baseline; position: relative;}
.page040202 .container h2 > span{position: relative; z-index: 1;}
.page040202 .container h2 > span::before{position: absolute; left:50%; bottom:0; transform: translate(-50%,0); content:''; width:100%; height:30px; background:#dceaf4; z-index: -1;}
.page040202 .container h2 b span{color:#1b69c9;}
.page040202 .container p{color:#666; line-height: 1.4;}
.page040202 .container p span{font-weight: 700; vertical-align: baseline;}
.page040202 .container p span:nth-child(1){color:#222;}
.page040202 .container p span:nth-child(2){color:#1b69c9;}
.button_group1{display: flex; display: -ms-flex; display: -webkit-flex; justify-content: center; margin-top:120px;}
.button_group1 a{padding:20px; font-size:18px; font-weight: 700; min-width:235px; text-align: center; margin-right:20px;}
.button_group1 a:last-child{margin:0;}
.button_group1 a:nth-child(1){background:#1b69c9; color:#fff;}
.button_group1 a:nth-child(2){border:1px solid #222;}


.page040301 .info_box{display: flex; display: -ms-flex; display: -webkit-flex;}
.page040301 .info_box .item{width:33.3333%;}
.page040301 .info_box .item select{width:100%; border:1px solid #ddd; border-radius: 5px; padding:10px 20px;}
.page040301 .info_box .item{margin-right:20px;}
.page040301 .info_box .item:last-child{margin:0;}
.page040301 .day .info_box{width:60%;}
.page040301 .day .item{position: relative; flex-grow: 1;}
.page040301 .day .item::after{position: absolute; right:-14px; top:50%; transform: translate(0,-50%); content:'~';}
.page040301 .day .item:last-child:after{display: none;}
.page040301 .day .item span{position: relative; display: block;}
.page040301 .day .item .calendar{position: absolute; right:10px; top:50%; transform: translate(0,-50%); content:''; width:33px; height:27px; background:url(../images/member/day_con.png) no-repeat center / 100%; cursor: pointer;}
.page040301 .day .item input[type=text]{width:100%; padding-right:40px;}



.board_img_view{width:100%;}
.board_img_view .board-top{border-bottom:2px solid #222;}
.board_img_view .search-select{background:#fff;}
.board_img_view .search-kwd .search-btn{border:0; background:none;}
.board_img_view .search-kwd input[type="text"]{padding-right:50px;}
.board_img_view .content{width:100%; padding-top:80px; border-bottom:1px solid #222;}
.board_img_view .board-list{display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; border:0; margin:0 -40px;}
.board_img_view .board-list li{width:calc(25% - 80px); margin:0 40px 40px; position: relative;}
.board_img_view .board-list li::after{position: absolute; right:0; top:0; content:''; width:62px; height:64px; background:url(../images/member/board_img_view_con1.png) no-repeat center / 100%; transform: translateY(0); opacity: 0; transition: all .3s ease;}
.board_img_view .board-list li:hover::after {animation: up_down 2500ms linear infinite; animation-timing-function:ease-in-out; opacity: 1;}
@keyframes up_down { 0%{transform: translateY(0);} 50%{transform: translateY(-15px);} 100%{transform: translateY(0);} }
.board_img_view .board-list li .img_box{margin-bottom:40px; width:100%; border-radius: 50%; overflow: hidden; position: relative;}

.board_img_view .board-list li .img_box::before{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:100%; height:100%; background:rgba(0, 0, 0, .5); transition: all .3s ease; opacity: 0;}
.board_img_view .board-list li .img_box::after{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:68px; height:68px; background: url(../images/member/ico_zoom02.png) no-repeat center / 100%; z-index: 1; opacity: 0; transition: all .3s ease;}
.board_img_view .board-list li .img_box img{width:100%; }
.board_img_view .board-list li .text_box h3{font-size:22px; font-weight: 500; color:#222; text-align: center;}
.board_img_view .board-list li .text_box p.besides{text-align: center; position: relative; padding-top:60px; font-weight: 400; color:#666;}
.board_img_view .board-list li .text_box p.besides span{vertical-align: baseline;}
.board_img_view .board-list li .text_box p.besides::before{position: absolute; left:50%; top:10px; transform: translate(-50%,0); content:'수상자'; padding:10px 20px; background:#222; font-size:15px; border-radius: 100px; font-weight: 600; color:#fff; transition: all .3s ease;}
.board_img_view .board-list li .text_box p.besides::after{position: absolute; left:50%; top:40px; transform: translate(-50%,0) rotate(45deg); content:''; width:10px; height:10px; background:#222; z-index: -1; transition: all .3s ease;}
.board_img_view .board-list li:hover .img_box::before{opacity: 1;}
.board_img_view .board-list li:hover .img_box::after{opacity: 1;}
.board_img_view .board-list li:hover .text_box p.besides::before{background:#1b69c9;}
.board_img_view .board-list li:hover .text_box p.besides::after{background:#1b69c9;}
@keyframes fade { from{opacity: 0;} to{opacity: 1;} }
.b_button{display: flex; display: -ms-flex; display: -webkit-flex; justify-content: center; margin-bottom:40px; text-align: center;}






.page070303{position: relative;}
.page070303 p{line-height: 1.6;}
.page070303 .container_view{width:100%; margin-top:80px;}
.page070303 .container_view .top{padding:60px 80px; background:#f0f2f4; font-size:20px; font-weight: 700; color:#000; background:#f0f2f4; margin-bottom:80px;}
.page070303 .container_view .data{padding: 0 40px; position: relative; text-align: center; margin:0 10px; vertical-align: baseline;}
.page070303 .container_view .data img{position: absolute; left:30%; top:-300%; content:''; width:200px; height:108px;}
.page070303 .container_view .data::after{position: absolute; left:50%; bottom:-5px; transform: translate(-50%,0); content:''; width:100%; height:3px; background: #333;}
.page070303 h2{text-align: center; margin-bottom:80px; font-size:50px; color:#222; font-weight: 800; letter-spacing: 20px; margin-right:-20px;}
.page070303 h2 span{margin-right:-20px;}
.page070303 h3{font-size:22px; color:#222; font-weight: 800; margin-bottom:20px;}
.page070303 ul.type1{width:100%; margin-bottom:60px;}
.page070303 ul.type1 > li{line-height: 1.4; position: relative; padding-left:25px; font-size:18px; font-weight: 500; color:#666; margin-bottom:20px;}
.page070303 ul.type1 > li:last-child{margin:0;}
.page070303 ul.type1 > li > ul{margin-top:10px;}
.page070303 ul.type1 > li > ul > li{line-height: 1.6;}
.page070303 ul.type1 > li table{margin:20px auto;}
.page070303 ul.type1 > li:nth-child(1):before{position: absolute; top:0; left:0; content:'①';}
.page070303 ul.type1 > li:nth-child(2):before{position: absolute; top:0; left:0; content:'②';}
.page070303 ul.type1 > li:nth-child(3):before{position: absolute; top:0; left:0; content:'③';}
.page070303 ul.type1 > li:nth-child(4):before{position: absolute; top:0; left:0; content:'④';}
.page070303 ul.type1 > li:nth-child(5):before{position: absolute; top:0; left:0; content:'⑤';}
.page070303 ul.type1 > li:nth-child(6):before{position: absolute; top:0; left:0; content:'⑥';}
.page070303 ul.type1 > li:nth-child(7):before{position: absolute; top:0; left:0; content:'⑦';}
.page070303 ul.type1 > li:nth-child(8):before{position: absolute; top:0; left:0; content:'⑧';}
.page070303 ul.type1 > li:nth-child(9):before{position: absolute; top:0; left:0; content:'⑨';}
.page070303 ul.type1 > li:nth-child(10):before{position: absolute; top:0; left:0; content:'⑩';}
.page070303 table{border:1px solid #ddd;}
.page070303 table th, .page070303 table td{border:1px solid #ddd; padding:15px; font-size:18px; text-align: center; font-weight: 500; color:#222;}
.page070303 table th{background:#f0f2f4;}
.page070303 table .data{width:100%; text-align: center; padding:0 !important; margin:0 !important;}
.page070303 table .data::after{display: none;}
.page070303 table thead tr th{background:#e2e6ea;}
.content_signature{margin:80px 0;}
.content_signature > div{display: flex; display: -ms-flex; display: -webkit-flex; justify-content: flex-end; align-items: flex-end;}
.content_signature .data{padding:0 40px !important; margin-left:40px !important; display: flex; display: -ms-flex; display: -webkit-flex; align-items: flex-end;}
.content_signature .data .text{margin-right:40px; font-size:20px; font-weight: 800; color:#222; display: none;}
.content_signature .data img{position: absolute; right:0; bottom:0; display: none;}
.content_signature .data.on{padding:0 !important;}
.content_signature .data.on a{display: none;}
.content_signature .data.on img{display: block; opacity: .5;}
.content_signature .data.on .text{padding-right:102px; display: block;}
.content_signature .data.on .in{display: none;}
.page070303 .table_bottom td.fx{justify-content: space-between; padding:15px 40px; border:0; align-items: center;}
/* .page070303 .table_bottom .name{margin-right:20px;} */
.page070303 .table_bottom .stamp{display: flex; display: -ms-flex; display: -webkit-flex; position: relative; width:50px; height:50px; color:rgba(0, 0, 0, .3); justify-content: center; align-items: center;}
.page070303 .table_bottom .stamp img{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); z-index: -1; max-width: 70px;}



.layer_popup{position: fixed; left:50%; top:50%; transform: translate(-50%,-50%); content:''; width:100%; height:100vh; background:rgba(0, 0, 0, .5); z-index: 1004; display: none;}
.layer_popup .container{position: relative; width:100%; height:100%;}
.layer_popup .content{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); content:''; max-width:600px; width:100%; background:#fff; padding:60px;}
.layer_popup .title{display: flex; display: -ms-flex; display: -webkit-flex; align-items: center; justify-content: space-between; align-items: center; margin-bottom:20px; border-bottom:2px solid #222; padding-bottom:20px;}
.layer_popup .title h4{display: flex; display: -ms-flex; display: -webkit-flex; font-size:36px; font-weight: 800; color:#222; align-items: center;}
.layer_popup .title h4 i{min-width:52px; max-width:52px; min-height:54px; max-height:54px; background:url(../images/member/070303_top_con.png) no-repeat center / 100%; margin-right:20px;}
.layer_popup .close{position: relative; width:35px; height:35px; cursor: pointer;}
.layer_popup .close::before{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); content:''; width:100%; height:2px; background:#222;}
.layer_popup .close::after{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%) rotate(-45deg); content:''; width:100%; height:2px; background:#222;}
.layer_popup .signature{width:100%; background:#e2e6ea; min-height:260px; margin-bottom:20px;}
.layer_popup .button_group{width:100%; display: flex; display: -ms-flex; display: -webkit-flex;}
.layer_popup .button_group a{width:50%; display: flex; display: -ms-flex; display: -webkit-flex; align-items: center; justify-content: center; padding:30px; border:1px solid #222; color:#222; margin-right:20px;}
.layer_popup .button_group a:nth-child(1){background:#4087df; border:0; color:#fff;}
.layer_popup .button_group a:last-child{margin:0;}
.page070303 .content_signature .data.on::before {position: absolute; right:0; bottom:0; content:'(인)'; font-size:18px; opacity: 0.8; z-index: 1;}
.page070303 .container_view .data img{width:140px; height:108px;}
.page070303 .table_bottom td.active .text{display: none;}
.page070303 .table_bottom td.active .stamp{display: none;}
.page070303 .table_bottom td.on .text{display: block;}
.page070303 .table_bottom td.on .stamp{display: flex; display: -ms-flex; display: -webkit-flex; align-items: center; justify-content: center;}
.page070303 .table_bottom td.active .data{display: block;}
.page070303 .table_bottom td.on .data{display: none;}

.page050202 .swiper{overflow: hidden; padding:120px 0; margin-bottom:80px; position: relative;}
.page050202 .swiper .swiper-wrapper{display: flex; display: -ms-flex; display: -webkit-flex; align-items: center;}
.page050202 .swiper .swiper-slide{display: flex; display: -ms-flex; display: -webkit-flex; flex-direction: column; transition: all .3s ease; position: relative; }
.page050202 .swiper .swiper-slide::after{position: absolute; right: 0; top: 0; content: ''; width: 62px; height: 64px; background: url(./images/member/board_img_view_con1.png) no-repeat center / 100%; transform: translateY(0); opacity: 0; transition: all .3s ease;}
.page050202 .swiper .swiper-slide-active::after{opacity: 1; animation: up_down 2800ms linear infinite ; animation-timing-function:ease;}
.page050202 .swiper .img_box{border-radius: 50%; overflow: hidden; margin-bottom:30px; }
.page050202 .swiper .img_box img{width:100%;}
.page050202 .swiper .text_box{opacity: 0; transition: all .3s ease;}
.page050202 .swiper .text_box p{text-align: center;}
.page050202 .swiper .text_box span{display: block;}
.page050202 .swiper .text_box .desc1{font-size:16px; font-weight: 500; color:#666;}
.page050202 .swiper .text_box .desc2{font-size:24px; font-weight: 800; color:#4087df;}
.page050202 .swiper .swiper-slide-active {transform: scale(1.2);}
.page050202 .swiper .swiper-slide-active .img_box{box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);}
.page050202 .swiper .swiper-slide-active .text_box{opacity: 1;}
.page050202 .swiper-button-next, .page050202 .swiper-button-prev{position: absolute; transform: translate(-50%,-50%); content:''; top: 85%;}
.page050202 .swiper-button-next{left:calc(50% + 200px); }
.page050202 .swiper-button-prev{left:calc(50% - 200px); }
.page050202 .newBoard__view-file {border-bottom:1px solid #e3e3e3; margin-bottom:80px;}
.page050202 .newBoard__view-file .item span{vertical-align: middle;}
.page050202 .newBoard__view-file .item a{line-height: 1; padding:5px 10px;}
.page050202 .content_comment .comment_textarea{display: flex; display: -ms-flex; display: -webkit-flex;}
.page050202 .content_comment textarea{ display: block; width: 100%; padding:20px 100px 20px 20px; border: 1px solid #4087df; font-size: 0.875em; color: #777; box-sizing: border-box; resize: none;}
.page050202 .newBoard__view-contentsbox{padding-top:0;}
.page050202 .content_comment button{width:200px; transition: all .3s ease; background:#4087df; border:0; display: flex; display: -ms-flex; display: -webkit-flex; flex-direction: column; align-items: center; justify-content: center; color:#fff;}
.page050202 .content_comment button i{width:40px; height:33px; margin-bottom:10px; background: url('../images/member/comment_icon.png') center no-repeat;}
.page050202 .comment-list li{display: flex; display: -ms-flex; display: -webkit-flex; align-items: center; justify-content: space-between; padding:60px 0; border-bottom:1px dotted #ddd;}
.page050202 .comment-list .button_group{display: flex; display: -ms-flex; display: -webkit-flex;}
.page050202 .comment-list .button_group a{margin-right:10px;}
.page050202 .comment-list .button_group a:last-child{margin-right:0;}
.page050202 .comment-list .author-meta .name{font-size:18px; font-weight: 700; padding:0 20px; position: relative;}
.page050202 .comment-list .author-meta .name::before{position: absolute; top:10px; left:0; width:1px; height:10px; content:''; width:7px; height:7px; background:#4087df; border-radius: 50%;}
.page050202 .comment-list .author-meta .data{font-size:15px; font-family: 'Montserrat'; padding:0 20px; color:#666;}
.page050202 .comment-list .author-meta p{padding-right:80px; margin-top:20px;}

/* 3개이하  */
.page050202 .Less_3{max-width:1400px; width:100%; margin:0 auto;}
.page050202 .Less_3 .swiper-wrapper{justify-content: center !important;}
.page050202 .Less_3 .text_box{opacity: 1; transition: all .3s ease;}
.page050202 .Less_3 .swiper-slide:last-child{margin-right:0 !important;}
.page050202 .Less_3 .swiper-button-next, .page050202 .Less_3 .swiper-button-prev{display: none;}
.page050202 .Less_3 .swiper-slide-active {transform: scale(1);}
.page050202 .Less_3 .swiper-slide::after{opacity: 1;}
.page050202 .Less_3 .swiper-slide::after{animation: up_down 2800ms linear infinite; animation-timing-function: ease;}

.table_type1{width:100%;}
.table_type1 table{border:1px solid #ddd; text-align: center; background:#fff;}
.table_type1 table th, .table_type1 table td{border:1px solid #ddd; color:#222; padding:20px; line-height: 1.4;}
.table_type1 table th{background:#f0f2f4; font-weight: 700;}
.table_type1 table td{font-weight: 500;}


.payslip_view .container{padding:60px; border:1px solid #222; padding-bottom:0;}
.payslip_view h1{font-size:50px; font-weight: 800; color:#000; text-align: center; margin-bottom:90px;}
.payslip_view .table_type1{margin-bottom:90px;}
.payslip_view .img_box{max-width:1189px; width:100%; margin:0 auto;}




/* 2022.04.13 - 조재연 */

/* 우수사원 리스트 - 아래에 우수사원 이미지가 백그라운드로 들어갑니다! background-size: cover;<요거까지 넣어주세요! */
.board_img_view .board-list li .img_box {background: url('../images/member/sample_1.jpg') center no-repeat; background-size: cover;}

/* 우수사원 뷰 - 아래에 우수사원 이미지가 백그라운드로 들어갑니다! background-size: cover;<요거까지 넣어주세요! */
.page050202 .swiper .swiper-slide-active .img_box {background: url('../images/member/sample_1.jpg') center no-repeat; background-size: cover;}

/* 비밀번호 찾기 */
.login .login_form input.id {margin-bottom: 20px; background: #fff url(../images/member/search_id.png) no-repeat 30px center;}
.login .login_form input.email {margin-bottom: 20px; background: #fff url(../images/member/id.png) no-repeat 30px center;}

/* 구인문의 */
.boardNewView .top.info {background: inherit; border: 0;}
.boardNewView .top.info h2 {border: 0;}

.boardNewView .info_box .con_box {border: 1px solid #222; min-height: 350px;}
.boardNewView .info_box .con_box+.con_box {margin-top: 70px;}
.boardNewView .info_box .question-box i {background: url('../images/member/question-i.png') center no-repeat;}
.boardNewView .info_box .answer-box i {background: url('../images/member/answer-i.png') center no-repeat;}

.boardNewView .info_box .title-box h2 {display: inline-block; font-weight: 600; font-size: 25px; line-height: 1.2; color: #fff; background: #222; padding: 35px 30px; min-width: 125px; min-height: 125px; text-align: center; border: 0;}
.boardNewView .info_box .title-box h4 {display: inline-block; width: calc(100% - 140px); padding-left: 50px; font-size: 18px; font-weight: 700; color: #222;}
.boardNewView .info_box .title-box h4 i {display: inline-block; margin-right: 25px; width: 44px; height: 40px;}

.boardNewView .info_box .answer-box {border-color: #1b69c9;}
.boardNewView .info_box .answer-box h2 {background: #1b69c9; padding: 45px 30px;}
.boardNewView .info_box .answer-box h4 {color: #1b69c9;}

.boardNewView .info_box .txt-box {margin-left: 136px; padding: 20px 50px 70px;}
.boardNewView .info_box .txt-box p {font-size: 18px; line-height: 1.6; font-weight: 400; color: #666;}

.boardNewView .info_box .btn-box {text-align: right; margin: 140px 0 100px;}
.boardNewView .info_box .btn-box .button_type1 {display: inline-block;}

.boardNewView .info_box .btn-box .button_type1 a > span:nth-child(1) {font-size: 18px;}
.boardNewView .info_box .btn-box .button_type1 a::before {width: 118px; height: 104px; background: url('../images/member/btn_2.png') center no-repeat; bottom: 7px; right: 0;}

/* 22.04.26 - 조재연 */

/* 셀렉트 화살표 */
.boardNew .table_basic td select {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.boardNew .table_basic td select::-ms-expand{display:none;}
.boardNew .table_basic td select {background:url('../images/common/lnb_open.png') no-repeat 95% 50%/15px auto; background-size: 14px 8px;}

/* 이메일인증완료 */
.mailBottom .info {padding-left: 0;}
.mailBottom .info ul {margin: 0 auto 50px;}
.mailBottom .info ul li {position: relative; padding-left: 12px;}
.mailBottom .info ul li::after {display: block; content: ""; width: 6px; height: 1px; background: #666; position: absolute; top: 13px; left: 0;}
.boardNew .table_basic td #MB_TEL1,
.boardNew .table_basic td #MB_TEL2,
.boardNew .table_basic td #MB_TEL3 {width: 100px;}

/* 입사지원서 관리 */
.boardNewView .top {text-align: center;}
.boardNewView .top h2 {display: inline-block; padding-left: 42px; border: 0;}
.boardNewView .top h2.state::before {left: 0; transform: translate(-50%, -50%);}
.boardNewView .viewDetail {text-align: left; border-top: 1px solid #e5e5e5;}
.boardNewView .viewDetail .text p {display: flex;}

/* 입사지원서 작성 */
.boardNew .table_basic td .hasDatepicker+img {position: absolute; transform: translate(-50px, 45%);}
.boardNew .table_basic td .hasDatepicker+img+.inputbox {margin-left: 25px !important;}
.boardNew .table_basic td .hasDatepicker+img+.inputbox span {border-radius: 50%;}

/* 미서명 페이지 */
.pay_table_box .lock {display: flex; justify-content: center;}
.pay_table_box .lock i {width: 150px; height: 110px; margin-right: 10px; background: url('../images/member/ic_title.png') no-repeat center; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.pay_table_box .lock h2 {font-size: 55px; font-weight: 400; color: #222; line-height: 1.4; position: relative; padding-left: 170px;}
.pay_table_box .lock h2 span {font-weight: 800; position: relative;}
.pay_table_box .lock h2 span::before {display: block; content: ""; width: calc(100% + 20px); height: 20px; background: #dceaf4; position: absolute; bottom: 0; left: -10px; z-index: -1;}

/* 근로계약서 */
.page070303 .table_bottom .stamp {padding: 15px; box-sizing: border-box; margin-left: 15px;}

/* 급여명세서 */
.payView .payCalc_box {background: #d0a779; border-top: 2px solid #e6d1b8; border-left: 2px solid #e6d1b8;}
.payView .payCalc {background: #fff; padding: 150px 130px 80px; position: relative;}
.payView .payCalc::after {display: block; content: ""; width: 438px; height: 168px; background: url('../images/member/board-clip.png'); position: absolute; top: -73px; left: 50%; transform: translateX(-50%);}


/* 공지사항 */
.payView .pay_table_box table {border-top: 1px solid #999;}
.payView .pay_table_box tr {border-bottom: 1px solid #eee;}
.payView .pay_table_box tr > th {padding: 15px 10px !important; border-left: 1px solid #eee; background-color: #f9f9f9 !important;}
.payView .pay_table_box tr > td {padding: 15px 10px !important; border-left: 1px solid #eee;}
.payView .pay_table_box tr > *:first-child {border-left: 0;}


@media only screen and (max-width: 1440px) {
  /* 화물운송문의 */
  .borardNewTop ul li a {font-size: 15px; padding: 20px 10px 20px 60px;}
  .borardNewTop ul li a::before {left: 30px;}

  /* 가입완료 */
  .confirm2 .inner2 {padding: 100px 20px;}

  /* 회원정보관리 */
  .boardNew .table_basic td #email,
  .boardNew .table_basic td #emailaddr,
  .boardNew .table_basic td #email_sel {width: 30%;}

  /* 입사지원서 작성 */
  .boardNew .table_basic td input.hasDatepicker {width: calc(30% - 80px);}
  
  /* 급여명세서 */
  .payView .payCalc_container {margin: 150px 0 0;}
}

@media only screen and (max-width: 1240px) {
  /* 회원가입 */
  .join h2 {margin-bottom: 70px;}
  .join img {margin: 0 20px; width: calc(100% - 40px);}
  
  /* 화물운송문의 */
  .borardNewTop ul li {width: 33.3333%;}

  /* 우수사원 리스트 */
  .board_img_view .board-list li {width: calc(33.3333% - 80px);}

  /* 구인문의뷰 */
  .boardNewView .info_box .view_title {font-size: 20px; padding: 25px 20px 20px; min-width: 100px; min-height: 100px;}
  .boardNewView .info_box .top .view {margin-left: 25px;}
  .boardNewView .info_box .top .left .desc1 {min-width: 170px; margin-right: 20px;}

  .boardNewView .info_box .title-box h2 {font-size: 20px; padding: 25px 20px; min-width: 100px; min-height: 100px;}
  .boardNewView .info_box .answer-box h2 {padding: 35px 20px;}
  .boardNewView .info_box .txt-box {margin-left: 100px; padding-left: 30px;}
  .boardNewView .info_box .title-box h4 {padding-left: 30px;}

  /* 입사지원서 관리 */
  .boardNewView .viewDetail .img {margin-right: 50px;}
  .boardNewView .viewDetail .text {width: calc(100% - 250px); flex-wrap: wrap;}
  .boardNewView .viewDetail .text > div {width: 100%;}
  .boardNewView .viewDetail .text .desc1 .desc1 {min-width: 170px;}
  .boardNewView .viewDetail .text p .desc2::before {top: 20px;}

  .boardNew .table_basic.th_left.type1 th:last-child {padding: 50px;}
  .boardNew .table_basic.th_left.type1 th {display: inline-block; width: 50%;}

  /* 입사지원서 작성 */
  .boardNew .table_basic td input.hasDatepicker {width: calc(40% - 80px);}

  /* 급여명세서 */
  .payView .pay_top_table col {width: auto;}
  .payView .payCalc {padding: 150px 80px 80px;}
}

@media only screen and (max-width: 1024px) {
  .page_top.type2 ul::before,
  .page_top ul::before,
  .page_top.type3 ul::before {left: 50%; top: -100px; transform: translate(-50%, -10%);}

  /* 회원가입 */
  .join h2 {font-size: 20px;}

  /* 화물운송문의 */
  .borardNewTop > div {flex-wrap: wrap;}
  .borardNewTop > div .title {width: 100%; margin-right: 0;}
  .borardNewTop > div .title h2 {display: inline-block; margin-right: 20px;}

  /* 물류대행문의 */
  .borardNewTop > div.type1 .title {width: 100%; margin-right: 0;}
  .borardNewTop .type1 ul li {width: 50%;}

  /* 우수사원 리스트 */
  .board_img_view .board-list li .img_box {margin-bottom: 20px;}
  .board_img_view .board-list li .text_box h3 {font-size: 18px;}

  /* 정보입력 */
  .boardNew .table_basic td input.w10 {width: calc(30% - 50px);}

  /* 인증메일 */
  .mailForm {padding-left: 0;}
  .mailForm .title {padding-left: 260px;}
  .mailForm .title::before {left: 0;}
  .mailBottom {padding: 100px 20px;}
  .btn_type1 ul li a {min-width: 1px;}

  /* 이메일인증완료 */
  .mailBottom .info ul {min-width: 1px; padding: 40px;}
  .mailBottom .inner {padding: 0;}

  /* 회원정보관리 */
  .boardNew .table_basic td #email_sel {min-width: 1px;}

  /* 구인문의뷰 */
  .boardNewView .info_box .top .view {width: calc(100% - 125px);}
  .boardNewView .info_box .top .view li {line-height: 1.4; margin-bottom: 10px;}
  .boardNewView .info_box .top .view .desc1 {width: 100%; margin: 0;}
  .boardNewView .info_box .top .view .desc1::after {width: 12px; height: 2px; top: 100%; left: 16px;}
  .boardNewView .info_box .top .view .desc2 {padding-left: 10px;}

  /* 입사지원서 관리 */
  .boardNewView .viewDetail {padding: 50px;}
  .boardNewView .viewDetail > div {flex-wrap: wrap; justify-content: center;}
  .boardNewView .viewDetail .img {margin: 0;}
  .boardNewView .viewDetail .text {width: 100%;}

  .boardNew .table_basic.th_left.type1 th {padding: 50px 0px 50px 40px; font-size: 16px;}

  /* 입사지원서 작성 */
  .boardNew .table_basic td input.hasDatepicker {width: calc(47% - 80px);}

  /* 미서명 페이지 */
  .pay_table_box .lock h2 {font-size: 40px;}

  /* 급여명세서 */
  .payView .top .date p {margin-right: 50px;}
  .payView .top .title h2 {font-size: 30px;}
  .payView .pay_top_table th {display: inline-block; width: 20%;}
  .payView .pay_top_table td {display: inline-block; width: 30%;}
  .payView .pay_table th {font-size: 16px;}
  .payView .pay_list {padding: 0 30px;}
  .payView .pay_list h2.title {margin: 40px 0; font-size: 40px;}
  .payView .pay_table td span {font-size: 16px;}

  .payView .payCalc_box {padding: 80px 40px 0;}
  .payView .payCalc {padding: 100px 40px 80px;}
  .payView .payCalc::after {width: 260px; height: 100px; background-size: cover; top: -43px;}
  .payView .payCalc ul li {font-size: 16px;}
  
  /* 증명서신청 */
  .page040201 {padding: 40px 20px;}
  .page040201 .list_box1.top > ul > li .info .desc2 {font-size: 24px;}
  .list_box1 > ul > li .info .info_group > ul {flex-wrap: wrap;}
  .list_box1 > ul > li .info .info_group > ul > li {padding: 5px 0;}

  /* 회원가입인증 */
  .enter_email3 .container {padding: 40px 50px;}
}

@media only screen and (max-width: 768px) {
  .boardNew .table_basic td.spamkey input.w30 {width: calc(100% - 200px);}
  .boardNew .table_basic td.addr1 input.w50 {width: calc(100% - 113px);}

  /* 회원가입 */
  .join h2 {margin-bottom: 40px;}

  /* 화물운송문의 */
  .borardNewTop ul li {width: 50%;}
  .borardNewTop ul li:nth-child(15) {display: none;}

  /* 우수사원 리스트 */
  .board_img_view .board-list li {width: calc(50% - 80px);}

  /* 인증메일 */
  .mailForm .title h2 {font-size: 40px;}
  .btn_type1 ul li {margin-bottom: 20px;}

  /* 가입완료 */
  .btn_type1 ul li a.be1, .btn_type1 ul li a.be2, .btn_type1 ul li a.be3 {padding: 20px 50px 20px 100px;}
  .btn_type1 ul li a br {display: none;}
  .btn_type1 ul li a.be1::before,
  .btn_type1 ul li a.be2::before,
  .btn_type1 ul li a.be3::before {left: 35%; top: 50%;}

  /* 구인문의 */
  .boardNew .table_basic th {padding: 5% 10% 0;}
  .boardNew .table_basic td span.spam {margin-top: 10px;}
  .boardNew .table_basic td span.spam+.desc2 {display: inline-block; margin-left: 60px;}

  /* 구인문의뷰 */
  .boardNewView .top.info {flex-wrap: wrap;}
  .boardNewView .info_box .top .left {width: 100%;}
  .boardNewView .info_box .top .right {width: 100%; margin-top: 30px;}
  .boardNewView .info_box .top .view .desc1 {width: 50%; min-width: 1px;}
  .boardNewView .info_box .top .view .desc1::after {width: 2px; height: 12px; top: 50%; left: auto;}
  .boardNewView .info_box .con_box {min-height: 1px;}
  .boardNewView .info_box .txt-box {margin-left: 0; padding: 20px 30px 70px;}
  .boardNewView .info_box .txt-box p {font-size: 16px;}
  .boardNewView .top.info h2,
  .boardNewView .info_box .view_title.txL {width: 100%; min-height: auto; text-align: center; margin: 0 0 10px; text-align: center;}
  .boardNewView .top.info h2 br {display: none;}

  /* 입사지원서 관리 */
  .boardNewView .top h2 {font-size: 24px;}
  .boardNew .table_basic.th_left.type1 th,
  .boardNew .table_basic.th_left.type1 th:last-child {width: 100%; border-bottom: 1px solid #e3e3e3; padding: 30px 10px;}
  .boardNew .table_basic.type1 td h2 {font-size: 16px; margin: 20px 0;}
  .boardNew .table_basic.type1 td p {font-size: 16px;}

  /* 근로계약서 - 서명버튼포함 */
  .page070303 h2 {font-size: 40px; margin-bottom: 40px;}
  .page070303 .container_view .top {padding: 30px 40px; font-size: 18px;}
  .page070303 h3 {font-size: 20px;}
  .page070303 ul.type1 > li {font-size: 16px;}
  .page070303 table.table_bottom col {width: auto;}
  .page070303 table th, .page070303 table td {font-size: 16px;}
  .page070303 .table_bottom td.fx {padding: 15px 25px;}

  /* 급여명세서 */
  .payView .top .date {flex-wrap: wrap;}
  .payView .top .date p:first-child {width: 100%;}
  .payView .pay_table_box .pay_table tr {display: inline-table; width: 50%;}
  .payView .pay_table_box .pay_table th {display: inline-block; width: 100%; min-height: 70px; border: 0; border-right: 1px solid #d4d9dd; border-bottom: 1px solid #d4d9dd;}
  .payView .pay_table_box .pay_table td {display: inline-block; width: 100%; min-height: 70px; border: 0; border-bottom: 1px solid #d4d9dd; height: auto;}
  .payView .pay_table_box .pay_table th:last-child,
  .payView .pay_table_box .pay_table td:last-child {border-bottom: 0;}
  .payView .pay_list .pay_table col {width: auto;}
  .payView .pay_list2 {overflow-x: scroll;}
  .payView .pay_list2 h2 {font-size: 24px;}
  .payView .pay_table.type1 col {width: auto;}
  .payView .pay_table.type1 thead th {font-size: 20px;}
  .payView .pay_table.type1 td {font-size: 16px; padding: 20px 10px;}

  /* 증명서신청 */
  .list_box1 > ul > li {flex-wrap: wrap; padding: 20px 0;}
  .list_box1 > ul > li .title {padding-top: 5px; padding-bottom: 5px; width: 100%; margin: 0;}
  .list_box1 > ul > li .title::before {top: 4px;}
  .list_box1 > ul > li .info {padding-top: 5px; padding-bottom: 5px; padding-left: 0; width: 100%; margin: 0;}
  .list_box1 > ul > li .info::before {display: none;}

  /* 무급휴직 */
  .payView .pay_table col {width: auto;}

  /* 회원가입인증 */
  .enter_email3 .form_bottom {flex-wrap: wrap;}
  .enter_email3 .form_bottom img {margin: 0 auto 40px;}
  .enter_email3 .form label {min-width: 135px;}
  .enter_email3 .form input {width: auto;}
}

@media only screen and (max-width: 640px) {
  /* 화물운송문의 */
  .borardNewTop ul li a {padding: 20px 10px 20px 50px;}

  /* 물류대행문의 */
  .borardNewTop .type1 ul li {width: 100%;}

  /* 우수사원 리스트 */
  .board_img_view .board-list li {width: calc(50% - 60px); margin: 0 30px 40px;}

  /* 우수사원 뷰 */
  .page050202 .comment-list li {flex-wrap: wrap;}
  .button_group {width: 100%; margin-top: 10px;}
  .page050202 .Less_3 .swiper-button-next, .page050202 .Less_3 .swiper-button-prev{display: block;}
  .page050202 .Less_3 .swiper-wrapper{justify-content: inherit !important;}

  /* 로그인 */
  .login .tab ul::after {min-width: 300px;}
  .login .sns li a {padding: 15px 0; text-align: center;}

  /* 아이디찾기 결과 */
  .login .result {background-size: 100%; padding: 10% 10% 30%;}
  .login .result::before {left: 50px;}
  .login .result h2 {margin-bottom: 10%; font-size: 24px;}
  .login .result .info {margin-bottom: 5%;}
  .login .result .find span {padding: 0 0 0 30px;}
  .login .result .find span::before {top: 14px;}

  /* 비밀번호찾기 결과 */
  .login .result.type1::before {width: 60px; height: 47px; left: 40px; transform: translateY(-5px); background-size: contain;}
  .login .result.type1 .info {padding: 20px 50px;}

  /* 이메일입력수정 */
  .enter_email .container {padding: 20px 30px;}
  .enter_email .top {font-size: 24px;}

  /* 정보입력 */
  .boardNew .table_basic td input.w10 {width: calc(40% - 50px);}
  .boardNew .table_basic td .desc2::before {top: 10px;}

  /* 개인정보수정 */
  .button_type1 a {padding: 20px 100px 20px 20px;}

  /* 인증메일 */
  .mailForm {padding-top: 50px;}
  .mailForm .title {padding: 100px 0 0;}  
  .mailForm .title::before {width: 100px; height: 76px; top: 0; transform: translate(0, 0); background-size: contain;}

  /* 가입완료 */
  .confirm .title {padding-left: 30%;}
  .confirm .title::before {width: 100px; height: 87px; background-size: contain; left: 5%; top: 10px;}
  .confirm .title.bg2::before {width: 100px; height: 110px; background-size: contain; left: 5%;}
  .btn_type1 ul li a.be1::before, .btn_type1 ul li a.be2::before, .btn_type1 ul li a.be3::before {left: 25%;}

  /* 구인문의 */
  .boardNew .table_basic td span.spam+.desc2 {margin-left: 30px;}

  /* 입사지원서 관리 */
  .boardNewView .top h2 {margin: 0 20px; padding-left: 0;}
  .boardNewView .top h2.state::before {top: 50px; transform: translate(0, -100%);}
  .boardNewView .viewDetail .text p {font-size: 16px;}
  .boardNew .submit_box+.btn_list {flex-wrap: wrap;}
  .boardNew .submit_box+.btn_list > ul {width: 100%; margin: 10px 0 0; justify-content: right;}

  /* 입사지원서 작성 */
  .boardNew .table_basic td input.hasDatepicker {width: calc(50% - 12px);}
  .boardNew .table_basic td .hasDatepicker+img+.inputbox {margin-top: 10px;}

  /* 미서명 페이지 */
  .pay_table_box .lock h2 {padding: 130px 0 0; text-align: center;}
  .pay_table_box .lock i {margin: 0; top: 0; left: 50%; transform: translateX(-50%);}

  /* 근로계약서 - 서명버튼포함 */
  .page070303 table {line-height: 1.4;}
  .page070303 table.table_bottom tr,
  .page070303 table.table_bottom col {width: 100%;}
  .page070303 table.table_bottom th,
  .page070303 table.table_bottom td {display: block;}
  .page070303 .table_bottom td.on .text,
  .page070303 .table_bottom .name,
  .page070303 .table_bottom .stamp,
  .page070303 .table_bottom td.on .stamp {display: inline-block;}
  .page070303 .container_view .data::after {bottom: -2px;}
  .page070303 .container_view .data::after {bottom: 2px;}
  .page070303 .container_view .content_signature .data::after {bottom: -5px;}

  /* 급여명세서 */
  .payView .pay_top_table th {width: 40%;}
  .payView .pay_top_table td {width: 60%;}
  .payView .pay_list > .pay_table th,
  .payView .pay_list > .pay_table td {display: block;}

  .payView .payCalc ul li {width: 100%; flex-wrap: wrap; margin-bottom: 10px;}
  .payView .payCalc ul li:first-child span.desc1 { display: none;}
  .payView .payCalc ul li span.desc1 {display: block; width: 100%; margin: 0 0 10px; background: #d4d9dd;}
  .payView .payCalc ul li span.desc2 {display: block; width: 100%; margin: 0 0 10px;}

  /* 증명서신청 */
  .list_box1 > ul > li .info {flex-wrap: wrap;}
  .page040201 .list_box1.top > ul > li .info .desc2 {width: 100%; font-size: 18px; margin-top: 20px;}

  /* 입사지원서 */
  .btn_box.box2 .consent {padding: 0 20px;}

  /* 무급휴직 */
  .payView .pay_table_box.type1 .pay_table tr {width: 100%;}

  /* 회원가입인증 */
  .enter_email3 .form div {flex-wrap: wrap;}
  .enter_email3 .form label {width: 100%; margin-bottom: 10px;}
  .enter_email3 .form input {width: 100%; margin-bottom: 10px; margin-right: 0;}
  .enter_email3 .form a {width: 100%;}
  .enter_email3 .form a.desc1 {text-align: center;}
  .enter_email3 .form input.w30 {margin-right: 10px; width: calc(50% - 16px);}
  .enter_email3 .form input.mgl10 {margin-right: 0;}
  .enter_email3 .btn {font-size: 0;}
  .enter_email3 .btn a {width: calc(50% - 10px); padding: 15px;}
  .enter_email3 .form input.w20 {margin-right: 10px; width: 28%;}
  .enter_email3 .form input.w20.mgl10+input.w20.mgl10 {margin-right: 0;}
  .enter_email3 .form input.w20+input.w20 {margin-left: 10px;}
}

@media only screen and (max-width: 480px) {
  .boardNew .table_basic td input, .boardNew .table_basic td textarea {padding: 10px 20px;}

  /* 회원가입 */
  .login .title h2 {letter-spacing: 10px;}
  .join h2 {font-size: 18px;}

  /* 화물운송문의 */
  .borardNewTop > div {padding: 40px 30px;}
  .borardNewTop > div .title h2 {font-size: 18px;}
  .borardNewTop > div .title img {width: 80px;}
  .borardNewTop ul li {width: 100%;}

  /* 물류대행문의 */
  .borardNewTop > div.type1 .title {position: relative;}
  .borardNewTop > div.type1 .title img {position: absolute; bottom: 30px; right: 0;}

  /* 우수사원 리스트 */
  .board_img_view .board-list li {width: 100%; margin: 0 80px 40px;}
  .board_img_view .board-list li .text_box p.besides::before {top: 12px; font-size: 14px;}

  /* 우수사원 뷰 */
  .page050202 .swiper {padding-left: 20px; padding-right: 20px;}
  .page050202 .swiper-button-prev {left: 10%;}
  .page050202 .swiper-button-next {left: 90%;}
  .page050202 .swiper .swiper-slide-active {transform: scale(1);}

  /* 로그인 */
  .login .btnbox ul {flex-wrap: wrap;}
  .login .btnbox ul li {width: 100%; margin: 0 0 10px;}
  .login .btnbox ul li a {margin: 0;}
  .login .btnbox ul li a::after {top: calc(100% + 5px); left: 50%; transform: translateX(-50%);}

  /* 아이디찾기 결과 */
  .login .result {background: none; padding: 0;}
  .login .result::before {left: 3%; width: 40px; height: 40px; background-size: contain;}
  .login .result h2 {font-size: 20px;}
  .login .result .info {padding: 40px 20px;}
  .login .result .info p {font-size: 16px;}
  .login .result .find {flex-wrap: wrap; justify-content: right;}
  .login .result .find span {margin-bottom: 20px; width: 100%;}

  /* 비밀번호찾기 결과 */
  .login .result.type1 .info {padding: 20px;}
  .login .result.type1::before {left: 3%;}
  .login .result.type1 h2 {padding-left: 80px;}

  /* 회원가입약관동의 */
  .consent .top {padding: 0 0 30px;}
  .consent .top::after {min-width: 1px;}
  .consent .top p {padding: 60px 0 10px; width: 100%; font-size: 16px;}
  .consent .agree {flex-wrap: wrap; position: relative; justify-content: right;}
  .consent > ul.list > li {font-size: 15px; line-height: 1.4;}
  .consent > ul.list > li .list_box {padding: 15px;}
  .consent > ul.list > li span {display: block; margin-bottom: 5px;}
  .consent > ul.list3 li:nth-child(2) {flex-wrap: wrap;}
  .consent > ul.list3 li:nth-child(2) .list_box {margin: 0 30px 10px 0; justify-content: left;}

  /* 정보입력 */
  .boardNew .table_basic td input.btn_w {width: 100%;}
  .boardNew .table_basic input.btn_w+.btn {display: block; margin: 10px 0; padding: 15px; font-size: 18px; min-height: 50px;}
  .boardNew .table_basic td span {margin-left: 0; margin-top: 20px;}
  .boardNew .table_basic td .desc1::before {display: none;}
  .boardNew .table_basic td input.w10 {width: calc(40% - 50px);}

  /* 인증메일 */
  .mailForm .title h2 {font-size: 32px;}
  .mailForm .title h2:last-child {margin-bottom: 30px;}

  /* 이메일인증완료 */
  .mailBottom .info ul {padding: 20px;}

  /* 가입완료 */
  .confirm .title {padding: 120px 0 0; text-align: center;}
  .confirm .title::before,
  .confirm .title.bg2::before {top: 0; left: 50%; transform: translateX(-50%);}

  /* 회원정보관리 */
  .boardNew .table_basic td #email,
  .boardNew .table_basic td #emailaddr {width: calc(50% - 10px);}
  .boardNew .table_basic td #email_sel {width: 100%; margin-top: 10px;}
  .boardNew .table_basic td #MB_TEL1,
  .boardNew .table_basic td #MB_TEL2,
  .boardNew .table_basic td #MB_TEL3 {width: calc(33.3333% - 10px);}

  /* 구인문의뷰 */
  .boardNewView .info_box .top .view {width: 100%; margin: 20px 0;}
  .boardNewView .info_box .title-box h4 {width: 100%; margin-top: 30px; text-align: center; padding: 0;}
  .boardNewView .info_box .txt-box {padding: 20px 20px 30px;}

  .boardNewView .info_box .title-box h4 i {width: 30px; height: 27px; background-size: contain;}
  .boardNewView .info_box .top .view li {text-align: center;}
  .boardNewView .info_box .view_title.txL {width: 100%; min-height: auto; text-align: center;}
  .boardNewView .top.info h2 br {display: none;}
  .boardNewView .info_box .top .view .desc1 {width: 100%; padding: 0;}
  .boardNewView .info_box .top .view .desc2 {width: 100%;}
  .boardNewView .info_box .top .view .desc1::after {width: 12px; height: 2px; top: 100%; right: 50%; transform: translateX(50%);}
  .boardNewView .info_box .top .view .desc1::before {display: none;}
  .boardNewView .info_box .title-box h2 {width: 100%; min-height: 1px;}
  .boardNewView .info_box .title-box h2 br {display: none;}

  /* 입사지원서 관리 */
  .boardNewView .viewDetail {padding: 30px;}
  .boardNewView .viewDetail .text p {flex-wrap: wrap; justify-content: center; margin-bottom: 10px;}
  .boardNewView .viewDetail .text .desc1 {width: 100%; text-align: center;}
  .boardNewView .viewDetail .text p .desc2::before {width: 15px; height: 1px; top: 0; left: 50%;}
  .boardNew .table_basic.th_left.type1 th, 
  .boardNew .table_basic.th_left.type1 th:last-child,
  .boardNew .table_basic.type1 td {padding: 20px;}
  .boardNew .table_basic th span.star {display: inline-block; margin-right: 5px; position: inherit; left: auto; transform: translate(0, 0);}
  .boardNew .table_basic th span.title .desc1::after {margin: 0 10px;}

  .boardNew .submit_box+.btn_list > a {width: 100%; text-align: center;}
  .boardNew .submit_box+.btn_list > ul {display: block; margin-top: 0;}
  .boardNew .submit_box+.btn_list > ul li a {margin: 10px 0 0; text-align: center;}

  /* 입사지원서 작성 */
  .boardNew .table_basic td input.hasDatepicker {width: calc(100% - 5px);}
  .consent > ul.list3 li:nth-child(1),
  .consent > ul.list3 li:nth-child(2) {padding: 20px;}
  .consent > ul.list3 > li .ex::after {display: none;}
  .btn_box.box2 .consent {flex-wrap: wrap;}
  .btn_box.box2 .consent a {margin: 0 0 20px; width: 100%;}

  /* 근로계약서 - 서명버튼 포함 */
  .list_type2 > ul > li > ul > li .list .item .info {flex-direction: column; width: auto;}
  .link_type2 {margin: 10px 0 0; min-width: 1px;}
  .content_signature .data {margin-left: 20px !important;}
  .content_signature > div {flex-wrap: wrap; justify-content: left; text-align: center;}
  .content_signature > div > * {width: 100%;}
  .page070303 .container_view .data {margin-top: 20px; justify-content: center;}
  .page070303 .container_view .data.on {margin-top: 60px; justify-content: left;}

  /* 미서명 페이지 */
  .pay_table_box .lock h2 {font-size: 30px;}

  /* 급여명세서 */
  .link_type3 {padding: 10px 15px; margin-left: 5px;}
  .link_type3 i {margin-right: 5px;}
  .payView .top .date p {margin-right: 0;}
  .payView .top .date p span {margin-left: 10px;}
  .payView .pay_top_table th {width: 45%;}
  .payView .pay_top_table td {width: 55%; padding-right: 10px;}
  .payView .pay_list {padding: 0 20px;}
  .payView .pay_list h2.title {font-size: 30px;}

  .payView .payCalc_container {margin: 50px 0 0;}
  .payView .payCalc::after {display: none;}
  .payView .payCalc_box {padding: 10px 10px 0; border-radius: 20px 20px 0 0;}
  .payView .payCalc {padding: 10px;}

  /* 증명서신청 */
  .page040201 .container {padding: 20px;}

  /* 회원가입인증 */
  .enter_email3 .container {padding: 40px 30px;}
  .enter_email3 .form input.w30 {margin-right: 0; width: 100%;}
  .enter_email3 .form input.mgl10 {width: calc(100% - 22px); margin-left: 5px;}
  .enter_email3 .form input.w20 {width: 20%; margin-right: 5px;}
  .enter_email3 .form input.w20+input.w20 {margin-left: 5px;}
}

@media only screen and (max-width: 360px) {
  /* 증명서신청 */
  .list_box1 > ul > li .info .info_group > ul > li {width: 100%;}

  /* 회원가입 */
  .login .sns.type1 li a {padding: 15px 15px 15px 70px;}
}
@media (max-width: 480px) {
  .layer_popup .content {padding: 30px;}
  .layer_popup .signature .signature-pad--body {width: 100%;}
  .layer_popup .signature .signature-pad--body canvas {width: 100% !important;}
}