@charset "utf-8";

#member{}
#member>#contentWrap{float:none;width:auto;margin-left:0}
#member>#contentWrap>.layout{padding-bottom:50px;min-height:500px}
#member .layout{max-width:1200px}
#member .login_head .layout{border-bottom:1px solid #e8e8e8;margin-bottom:35px}


/* 로그인 */
#member .login_head{padding: 50px 0 0;overflow:hidden;background-color:#fff;}
#member .login_head .head_title{font-size:33px;color:#292929;line-height:normal;padding-bottom:15px;border-bottom: 1px solid #3a3a3a;margin-bottom: 23px;font-weight: 500;}
#member .login_head .head_summary{margin:23px 0;padding-bottom:10px;padding-right:140px;background:url(/resource/images/paid/nep/pot/board/img_logTop.png) right 10px bottom no-repeat}
#member .login_head .head_summary p{margin-top:10px;line-height:170%;text-align:inherit;font-size: 14px;}
#member .login_head .head_summary p.strong{color:#333;font-size:22px;font-weight:500;line-height:30px}
#member .login_head .head_summary p:first-child{margin-top:0}
#member .login_head .head_summary p i{color:#587cf0}

#member .login_body .item_link{}
#member .login_body .item_link a{position:relative;display:block;font-size:15px;text-align:center}
#member .login_body .item_link a:before{content:'';position:absolute;top:50%;margin-top:-8px;left:0;width:0;height:18px;border-left:1px solid #d2d2d2}
#member .login_body .item_link a:first-of-type:before{display:none}
#member .login_body .item_link a:hover{background-color:#fff}

#member .login_body .login_tip{}
#member .login_body .login_tip strong{font-weight:normal;color:#333}
#member .login_body .login_tip p{font-size:15px;word-break:keep-all;text-align:left}

#member .login_body .layout{}


.loginWrap{display:table;padding-bottom:40px;width:100%}
.loginWrap:after{content:"";display:block;clear:both}
.loginWrap .eppLogin{display:table-cell;width:50%;vertical-align:top;padding-right:40px}
.loginWrap .noMemLogin{display:table-cell;width:50%;padding-left:40px}
.loginWrap.apple .snsLogin2{display:none}

@media all and (max-width:1025px){
    .loginWrap.apple .loginBox .item_list ul li:first-child+li+li{margin-left:0}
}

.loginBox{overflow:hidden;display:table;width:100%}
.loginBox .item_align{display:table-cell;width:50%;vertical-align:top}
.loginBox .align_left .item_input{position:relative;margin-bottom:9px}
.loginBox .align_left .item_input label{position:absolute;top:50%;margin-top:-10px;left:18px;font-size:15px;color:#606060}
.loginBox .align_left .item_input input{width:100%;height:60px;padding:0 15px}
.loginBox .align_left .item_button{margin-top:25px}
.loginBox .align_left .item_button button{display:block;width:100%;height:60px;font-size:19px;background-color:#318de7;color:#fff}
.loginBox .align_left .item_button button img{margin-right:10px;vertical-align:-3px;transition:all .6s}
.loginBox .align_left .item_button button:hover img{transform:rotateY(180deg)}

.loginBox .align_left .item_link{margin-top:30px}
.loginBox .align_left .item_link:after{content:'';display:block;clear:both}
.loginBox .align_left .item_link a{float:left;width:33.3%}
.loginBox .align_left .item_link a:first-child{margin-left:0}

.loginBox .align_left .login_tip{margin-bottom:10px}

.loginBox .align_right{padding:0 26px;border-right:1px solid #dadada}
.loginBox .align_right .login_pass_button{}
.loginBox .align_right .login_pass_button a{display:block;height:60px;padding-top:18px;text-align:center;font-size:19px;background-color:#284d9e;color:#fff}
.loginBox .align_right .login_pass_button a img{display:none;margin-right:5px;vertical-align:-4px;transition:all .6s}
.loginBox .align_right .login_pass_button a:hover img{transform:rotateY(180deg)}
.loginBox .align_right .login_tip{margin-top:18px}
.loginBox .align_right .pass_link{margin-top:18px}
.loginBox .align_right .pass_link a{position:relative;display:block;margin-top:10px;padding:15px 30px 14px 10px;border:1px solid #d2d2d2}
.loginBox .align_right .pass_link a:after{content:"";display:block;position:absolute;right:16px;top:50%;margin-top:-5px;width:6px;height:11px;background:url(/resource/images/paid/nep/pot/board/login_link_arr.png) no-repeat}
.loginBox .align_right .pass_link a:hover:after{animation:logArr infinite .6s}
.loginBox .align_right .pass_link a:hover:before{content:"";display:block;position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;border:2px solid #318de7}
.loginBox .align_right .pass_link a:first-child{margin-top:0}
@keyframes logArr {
    50%{right:19px}
    100%{right:16px}
}

.loginBox .item_list ul{width:100%;border-top:1px solid #d2d2d2}
.loginBox .item_list ul:after{content:"";display:block;clear:both}
.loginBox .item_list ul li{float:left;width:50%;border-bottom:1px solid #d2d2d2;border-right:1px solid #d2d2d2}
.loginBox .item_list ul li:nth-child(2n+1){border-left:1px solid #d2d2d2}
.loginBox .item_list ul li a{position:relative;display:table;width:100%;height:74px;font-size:17px;font-weight:500;padding:3px 3px 3px 57px}
.loginBox .item_list ul li a span{display:table-cell;vertical-align:middle}
.loginBox .item_list ul li a:before{content:"";display:block;width:42px;height:41px;position:absolute;top:50%;margin-top:-20px}
.loginBox .item_list ul li.icon1 a:before{left:10px;background:url(/resource/images/paid/nep/pot/board/login_list_icon_1.png) center no-repeat}
.loginBox .item_list ul li.icon2 a:before{left:13px;background:url(/resource/images/paid/nep/pot/board/login_list_icon_2.png) center no-repeat}
.loginBox .item_list ul li.icon3 a:before{left:13px;background:url(/resource/images/paid/nep/pot/board/login_list_icon_3.png) center no-repeat}
.loginBox .item_list ul li.icon4 a:before{left:13px;background:url(/resource/images/paid/nep/pot/board/login_list_icon_4.png) center no-repeat}
.loginBox .item_list ul li a:hover:before{animation:h_scale 1 .6s ease-in-out}
@keyframes h_scale {
    50%{transform:scale(0.9)}
    100%{transform:scale(1)}
}
.loginBox .item_list ul li a:hover:after{content:"";display:block;position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;border:2px solid #318de7}
.loginBox .item_list ul li:hover a{position:relative;border-color:#d2d2d2;background-color:#fff}
.loginBox .item_list .login_tip{margin-top:15px}

.loginBox.type_1{max-width:369px;margin:20px auto}

.snsLog_wrap{padding:30px 0;background:#f4f5f9}
.snsLog_tit strong{font-size:19px;color:#111;font-weight:500}
.snsLog_list{margin-top:20px;overflow:hidden}
.snsLog_list li{float:left;width:22.75%;margin-left:3%}
.snsLog_list li:first-child{margin-left:0}
.snsLog_list li a{position:relative;display:block;padding:14px 15px 14px 70px;border:1px solid #9a9a9a;background:#fff;font-size:17px;color:#555;font-weight:500}
.snsLog_list li a:hover{border-color:#1c78d2;color:#111}
.snsLog_list li a:before{content:"";display:block;position:absolute;left:52px;top:0;width:0;height:100%;border-left:1px solid #d5d5db}
.snsLog_list li a:after{content:"";display:block;width:23px;height:23px;position:absolute;left:16px;top:50%;margin-top:-11px;background:url(/resource/images/paid/nep/cmmn/sns_login.png);transition:all 1s}
.snsLog_list li a.fb:after{background-position:0 0}
.snsLog_list li a.kakao:after{background-position:-23px 0}
.snsLog_list li a.naver:after{background-position:-46px 0}
.snsLog_list li a.gg:after{background-position:-69px 0}
.snsLog_list li a:hover:after{transform:rotateY(360deg)}

/* 인증 중단 메시지 */
.certi_stop{position:relative;margin-bottom:40px;padding:35px 40px 35px 180px;border:1px solid #ff5252;background:#e9ecf2 url(/resource/images/paid/nep/pot/board/icon_cerStop.png) 40px center no-repeat}
.certi_stop strong{display:block;margin-bottom:15px;font-size:20px;font-weight:500;color:#e11d1d;line-height:25px}
.certi_stop p{margin-bottom:15px;color:#555;font-size:15px}
.certi_stop em{font-style:normal;font-weight:500;color:#555;font-size:16px}
@media all and (max-width:768px){
    .certi_stop{margin-bottom:20px;padding:20px 20px 20px 130px;background-size:90px;background-position:20px center}
    .certi_stop strong{font-size:18px}
}
@media all and (max-width:640px){
    .certi_stop{padding:15px;background-image:none}
}

/*2019.12.26*/
.loginWrap .lg_tit{display:block;color:#333;font-size:22px;font-weight:normal;padding:15px 0;border-bottom:3px solid #333;text-align:center;margin-bottom:20px}
.loginWrap p{font-size:15px; line-height:150%;}

.loginBox{margin-top:20px}
.loginBox .align_left .item_input input{height:60px}
.loginBox .item_list ul li a{height:58px}
.loginBox .item_list ul li{width:49%;margin-bottom:9px;border-top:1px solid #d2d2d2;margin-left:2%;border-left:1px solid #d2d2d2}
.loginBox .item_list ul{border-top:0}
.loginBox .item_list ul li:first-of-type{margin-left:0}
.loginBox .item_list ul li:first-of-type+li+li{margin-left:0;margin-bottom:0}
.loginBox .item_list ul li:first-of-type+li+li+li{margin-bottom:0}

.loginBox .digital_button{float:left; width:100%; margin-top: 10px}
.loginBox .digital_button button{display:block;width:100%;height:60px;font-size:15px;background-color:#284d9e;color:#fff}
.loginWrap .noMemLogin{border-left:1px solid #e8e8e8}

@media(max-width:1024px){
    .loginWrap .eppLogin{padding-right:0}
    .loginWrap .noMemLogin{border-left:0}
    .loginBox .item_list ul li{width:100%;margin-left:0}
    .loginBox .item_list ul li:first-of-type+li+li{margin-bottom:9px}
}

/* 로그인_비밀번호 5회 이상 틀릴 경우 */
.login_confirm{max-width:500px;margin:50px auto 50px}
.login_confirm .login_input{margin-top:40px}
.login_confirm .login_input:first-child{margin-top:0}
.login_confirm .login_input>p{margin-bottom:5px}
.login_confirm .login_input.row1 p{color:#333}
.login_confirm .login_input.row2 p{color:#111}
.login_confirm .login_input input[type=text],
.login_confirm .login_input input[type=password]{width:100%;padding:0 15px;height:50px;margin-top:10px}

.login_confirm .item_button{margin-top:20px}
.login_confirm .item_button button{display:block;width:100%;height:60px;font-size:19px;background-color:#318de7;color:#fff}
.login_confirm .item_button button img{margin-right:10px;vertical-align:-3px;transition:all .6s}
.login_confirm .item_button button:hover img{transform:rotateY(180deg)}

.login_confirm .item_link{margin-top:30px;overflow:hidden}
.login_confirm .item_link a{float:left;width:33.3%;position:relative;display:block;font-size:15px;text-align:center}
.login_confirm .item_link a:before{content:'';position:absolute;top:50%;margin-top:-8px;left:0;width:0;height:18px;border-left:1px solid #d2d2d2}
.login_confirm .item_link a:first-child:before{display:none}

@media all and (max-width:640px){
    .login_confirm{margin:15px auto 15px}
}

/* 자동입력 방지 */
.nAutoChar{position:relative;margin-top:15px;padding-right:64px;border:1px solid #d2d2d2}
.nAutoChar .nAutoBody{display:table;width:100%;height:97px}
.nAutoChar .nAutoBody span{display:table-cell;vertical-align:middle;text-align:center}
.nAutoChar .nAutoBtn{position:absolute;right:0;top:0;width:64px}
.nAutoChar .nAutoBtn .nA_btn{width:100%;height:48px;border-left:1px solid #d2d2d2;background-position:center;background-repeat:no-repeat}
.nAutoChar .nAutoBtn .nA_btn span{display:block;text-indent:-9999px}
.nAutoChar .nAutoBtn .nA_btn.speak{background-image:url(/resource/images/paid/nep/pot/board/icon_speak.png)}
.nAutoChar .nAutoBtn .nA_btn.refresh{border-top:1px solid #d2d2d2;background-image:url(/resource/images/paid/nep/pot/board/icon_refresh.png)}

/* 아이디, 비밀번호 찾기 */
.uSch_center{margin:30px 0;text-align:center}
.uSch_box{display:inline-block;position:relative;width:100%;max-width:430px;padding-left:72px}
.uSch_box.type_1{padding-left:110px}
.uSch_box:after{content:"";display:block;clear:both}
.uSch_box label{position:absolute;left:0;top:10px}
.uSch_box input[type=text],
.uSch_box input[type=password]{width:100%}

.myPass_wrap{background:#e9ecf2;border:1px solid #c7ccd0;text-align:center;padding:50px 20px}
.myPass_box{max-width:520px;width:100%;margin:0 auto}
.myPass_box.type_2{max-width:440px}
.myPass_box .uSch_box{max-width:500px}
.myPass_box>strong{display:block;font-size:19px;color:#111;font-weight:normal;text-align:center;margin-bottom:15px}
.myPass_box>p{text-align:center;margin-bottom:15px;word-break:keep-all}
.uSch_text{margin:15px 0;text-align:left}

.myPass_wrap .btnArea{margin-top:30px}

.thk_certiNum{max-width:620px;margin:30px auto}
.thk_cnBox{position:relative;padding-right:185px;margin-top:50px}
.thk_cnBox:first-child{margin-top:0}
.thk_cnBox input[type=text]{width:100%;height:50px;padding:0 15px}
.thk_cnBox .certiBtn{position:absolute;right:0;top:0;width:175px;height:50px;line-height:50px;background:#fff;border-radius:25px;border:1px solid #318de7;color:#111;transition:all .3s}
.thk_cnBox .certiBtn:hover{background:#318de7;color:#fff}

@media all and (max-width:640px){
    .myPass_wrap{padding:15px 15px 20px}
    .myPass_wrap .btnArea{margin-top:20px}

    .thk_cnBox{padding-right:0;margin-top:20px}
    .thk_cnBox .certiBtn{width:100%;position:static;margin-top:8px;border-radius:0}
    .myPass_wrap .btnArea{margin-top:13px}

}

/*******************************************************************
 *   회원가입
 ******************************************************************/
/* 회원선택 */
.member_head{padding:30px 0 0;overflow:hidden;background-color:#fff}
.member_head .head_title{font-size:33px;color:#292929;line-height:normal;padding-bottom:15px;border-bottom:1px solid #707070;margin-bottom:23px;font-weight:500}

.memInfo{margin:35px 0 30px}
.memInfo h4{padding:0;margin-bottom:15px}
.memInfo h4:before{display:none}

.member_Sel{overflow:hidden}
.member_Sel li{float:left;position:relative;width:31.9%;margin-left:2%;padding:35px 20px 35px;border:1px solid #c7ccd0;background-color:#e9ecf2;text-align:center}
.member_Sel li:first-child{margin-left:0}
.member_Sel li img{margin:-2px;border:2px solid transparent;border-radius:50%;transition:all .3s}
.member_Sel li:after{content:"";display:block;position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;border:2px solid transparent;transition:all .3s;z-index:0}
.member_Sel li:hover{transition:all .3s;background:#fff}
.member_Sel li:hover:after{border-color:#1699dc}
.member_Sel li:hover img{margin:-2px;border:2px solid #ddd;border-radius:50%}
.member_Sel li .memS_tit{min-height:50px;margin:20px 0}
.member_Sel li .memS_tit strong{display:block;font-size:21px;color:#333;font-weight:500}
.member_Sel li .memS_tit p{width:90%;margin:10px auto 0;text-align:center;word-break:keep-all}
.member_Sel li a{position:relative;z-index:1;transition:all .3s}

/* 본인인증 */
.member_Sel.certifi li .memS_tit p{height:70px}
.member_Sel.certifi.apple li{width:49%}
.member_Sel.certifi.apple li:nth-child(2){display:none}

/* 외국인 본인인증 */
.member_Sel.foreigner li{width:23.5%;padding:40px 10px 50px}
.member_Sel.foreigner li .memS_tit p{width:100%}
.member_Sel.foreigner.apple li:nth-child(2){display:none}
.member_Sel.foreigner.apple li{width:31.8%}

@media all and (max-width:1200px){
    .member_Sel.foreigner li{width:49%;margin-top:20px}
    .member_Sel.foreigner li:first-child,
    .member_Sel.foreigner li:nth-child(2){margin-top:0}
    .member_Sel.foreigner li:nth-child(2n+1){margin-left:0}
    .member_Sel.foreigner li .memS_tit p{width:80%;height:66px}
    .member_Sel.foreigner.apple li:nth-child(3){margin-top:0;margin-left:2%}
    .member_Sel.foreigner.apple li:nth-child(4){margin-top:0;margin-left:2%}
}
@media all and (max-width:720px){
    .member_Sel.foreigner li .memS_tit p{width:100%;height:auto}
}
@media all and (max-width:700px){
    .member_Sel li{padding:30px 15px}
    .member_Sel.certifi li .memS_tit p{width:100%}
}
@media all and (max-width:640px){
    .member_Sel li{position:relative;width:100%;margin-left:0;margin-top:20px;padding:20px;min-height:140px}
    .member_Sel li:first-child{margin-top:0}
    .member_Sel li img{width:90px}
    .member_Sel li .memS_tit{margin:15px 0 5px}
    .member_Sel li .memS_tit p{margin-top:5px}

    .member_Sel.certifi.apple li{width:100%}

    .member_Sel.certifi li .memS_tit{margin:15px 0 10px}
    .member_Sel.certifi li .memS_tit p{height:auto}

    .member_Sel.foreigner li{width:100%;margin-left:0;padding:20px 10px}
    .member_Sel.foreigner li:nth-child(2){margin-top:20px}

    .member_Sel.foreigner.apple li{width:100%}
    .member_Sel.foreigner.apple li:nth-child(3),
    .member_Sel.foreigner.apple li:nth-child(4){margin-left:0;margin-top:20px}
}
@media all and (max-width:480px){
    .member_Sel li{padding-left:150px}
    .member_Sel li img{width:90px;position:absolute;left:40px;top:50%;margin-top:-45px}
    .member_Sel li:hover img{margin:-45px 0 0 -2px}
    .member_Sel.foreigner li{padding-left:120px}
    .member_Sel.foreigner li img{left:20px}
}

/* 이용약관 */
.agreeWrap{}
.agreeTxt{height:213px;padding:20px 15px;overflow-y:auto;border-bottom:1px solid #c4c9ce}
.agreeTxt h6{font-weight:500;font-size:18px;margin:30px 0 20px;color:#333}
.agreeTxt h6:first-child{margin-top:0}
.agreeTxt .s_tit{display:block;font-weight:500;font-size:16px;margin:20px 0 15px;color:#333}
.agreeTxt p{margin:10px 0;word-break:keep-all}
.agreeTxt p:first-child{margin-top:0}
.agreeTxt a{text-decoration:underline}
.agreeTxt .txt_list{margin-left:10px}

.agreeTxt dl{margin-top:30px}
.agreeTxt dl:first-child{margin-top:0}
.agreeTxt dl dt{font-weight:500}
.agreeTxt dl dt,
.agreeTxt dl dd{margin-bottom:15px}
.agreeTxt dl dd{margin-left:20px;line-height:22px}
.agreeTxt ul.list{margin-top:20px}
.agreeTxt ul.list li{margin-bottom:8px;line-height:22px}

.agreeTxt.type_1{height:auto;padding:10px;overflow:inherit;border-bottom:0}
.agreeTxt.type_1 .s_tit:first-child{margin-top:0}
.agreeTxt.type_1 .tbl tr td{background:#fff}

.agreeChk_box{text-align:center;margin-top:15px}
.agreeChk_box.allchk{margin-bottom:40px}
.agreeChk_box label{display:inline-block;margin-top:10px;color:#323232;word-break:keep-all}
.agreeChk_box label:first-child{margin-top:0}
.agreeChk_box label input[type=checkbox]{display:inline-block;margin-right:5px;width:18px;height:18px;vertical-align:-3px}

.numList li{line-height:22px;word-break:keep-all}
.numList li .s_tit{margin:10px 0}
.numList>li{margin-top:5px}
.numList>li:first-child{margin-top:0}
.numList>li>ul, .numList>li>ol{margin:5px 0 0 20px}
.numList>li>ul>li, .numList>li>ol>li{margin-top:5px}
.numList>li>ul>li:first-child, .numList>li>ol>li:first-child{margin-top:0}
.numList>li>ul>li>ul,
.numList>li>ul>li>ol,
.numList>li>ol>li>ul,
.numList>li>ol>li>ol{margin:3px 0 0 15px}

.agreeWrap.mailSns{padding-bottom:30px;border-bottom:1px solid #e8e8e8}
.agreeWrap.mailSns .agreeTxt{height:133px}

@media all and (max-width:640px){
    .agreeTxt.type_1{padding:0}
    .agreeTxt.type_1 .numList>li>ul, .agreeTxt.type_1 .numList>li>ol{margin:5px 0 0 10px}
}

/* 회원정보입력 */
.addExp{display:inline-block;vertical-align:-7px;margin:3px 0;font-size:14px;line-height:22px}
.addExp.type_1{display:block;vertical-align:middle;margin:5px 0}
.addExp ul{margin-left:2px}
.addExp ul li{line-height:22px;font-size:14px}
.addExp.red ul li{color:#e11d1d}
.addExp.blue ul li{color:#0075cf}
.inputChk{display:inline-block;float:left}
.ichk_txt{margin-top:3px;color:#e11d1d}

.m_input01{width:260px;margin-right:25px}
.m_input02{width:100%;max-width:400px}
.m_input03{width:100px}

.selectAdd{position:relative;width:100%;max-width:600px}
.selectAdd .selectBox{display:block;height:40px;padding:5px 20px 5px 5px;border:1px solid #d2d2d2;background:url(/resource/images/paid/nep/cmmn/select_arr.png) right 7px center no-repeat}
.selectAdd .selectBox:focus{outline:0;border-color:#606060}
.selectAdd .selectBox span{vertical-align:-6px}
.selectAdd>ul{display:none;position:absolute;left:0;top:40px;width:100%;z-index:9;background:#fff;border-width:0 1px 1px;border-style:solid;border-color:#d2d2d2}
.selectAdd>ul>li>a{display:block;padding:3px 5px}
.selectAdd>ul>li>a:hover,
.selectAdd>ul>li>a:focus{background:#3e8ffe;color:#fff}

.sA_del{position:relative;margin-right:8px;height:30px;color:#555;padding-right:30px;background:url(/resource/images/paid/nep/pot/content/icon_del.png) right 1px center no-repeat}

.res_btnArea{margin-top:20px;text-align:right}

@media all and (max-width:640px){
    .addExp{vertical-align:middle}
    .inputChk{width:100%}
    .m_input01{width:100%}
    .m_input02,
    .m_input03,
    .selectAdd{width:100%;max-width:inherit}
    .selectAdd .selectBox{height:auto}
    .selectAdd .selectBox span{display:inline-block;height:30px;line-height:30px;vertical-align:middle}
    .selectAdd>ul{top:inherit;bottom:40px;border-width:1px}

    .res_btnArea{text-align:center}
}



/* 검색 */
.schBox{background:#f4f5f9;padding:22px 5%;margin-bottom:20px}
.schBox .schRow{margin-top:5px}
.schBox .schRow:first-child{margin-top:0}
.schBox button,
.schBox a{vertical-align:middle !important}

.schBox .schItem{position:relative;padding-left:85px}
.schBox .schItem>label{position:absolute;left:0;top:11px;width:80px;font-size:15px;color:#111}

.schBox .sch_stb{position:relative;padding:0 64px 0 155px;max-width:520px}
.schBox .sch_stb select{width:150px;position:absolute;left:0;top:0}
.schBox .sch_stb .btn{position:absolute;right:0;top:0}

.schType1{max-width:200px;width:100%}
.schType2{width:100%}

.sch_btn_right{position:relative;padding-right:65px}
.sch_btn_right input[type=text]{width:100%}
.sch_btn_right .btn{position:absolute;right:0;top:0}

@media all and (max-width:1220px){
    #member .layout{max-width:1200px;padding:0 10px}
    #member>.layout{padding:0 10px 30px}

    .loginBox .align_left .item_link a+a{width:38%}
    .loginBox .align_left .item_link a+a+a{width:26%}
}
@media all and (max-width:1150px){
    .loginBox .item_list ul li a{font-size:15px}
}
@media all and (max-width:1100px){
    .loginBox .align_left .item_button button,
    .loginBox .align_right .login_pass_button a{font-size:17px}
}
@media all and (max-width:1024px){
    #member .member_head .layout{margin:0 10px 20px;padding:0}
    .loginWrap{display:block}
    .loginWrap .eppLogin{display:block;width:100%}
    .loginBox .align_right{padding-right:0;border-right:0}
    .loginWrap .noMemLogin{display:block;width:100%;margin-top:20px;padding:20px 0 0;border-top:1px solid #dadada}
    .loginWrap>div>strong{padding:18px 0}

    .snsLog_list{margin-top:10px}
    .snsLog_list li{width:48.5%;margin-top:10px}
    .snsLog_list li:nth-child(2n+1){margin-left:0}
}
@media all and (max-width:768px){
    #member .member_head .head_title{font-size:28px}
    #member .member_head .head_summary{padding:0 120px 0 0;background-size:80px;background-position:right 10px bottom 5px}

    .loginBox .align_left .item_button button{font-size:15px}
    .loginBox .align_right .login_pass_button a{font-size:15px;height:60px;padding-top:17px}
    .loginBox .align_right .item_link{margin-top:20px}

    #member .member_head .head_title{line-height:40px}
}
@media all and (max-width:640px){
    #member .login_head{padding:20px 0 0}
    #member .login_head .head_title{font-size: 24px;}
    #member .login_head .head_summary{margin:20px 0;padding:0;background:none}
    #member .login_head .head_summary p.strong{font-size: 16px;line-height:24px;}

    .loginWrap>div>strong{font-size:18px}

    .loginWrap>div .loginBox{display:block}
    .loginBox .align_left{display:block;width:100%;padding-right:0;border-right:0}
    .loginBox .align_left .login_tip{margin-top:10px}
    .loginBox .align_left .item_button{margin-top:10px}
    .loginBox .align_right{display:block;width:100%;padding-left:0;margin-top:20px;padding-top:20px;border-top:1px solid #dadada}
    .loginBox .align_right .login_tip{margin-top:10px}

    .loginBox .align_left .item_button button{height:50px}
    .loginBox .align_right .login_pass_button a{height:50px;padding-top:12px}

    .schBox{padding:15px 3%}
    .loginBox .item_list ul li{float:none;width:100%}
    .loginBox .item_list ul li:nth-child(2n){border-left:1px solid #d2d2d2}
}
@media all and (max-width:550px){
    .schBox .sch_stb{padding:44px 64px 0 0}
    .schBox .sch_stb select{width:100%;max-width:200px}
    .schBox .sch_stb .btn{bottom:0;top:inherit}
}
@media all and (max-width:460px){
    .schBox .schRow{margin-top:10px}
    .schBox .schItem{padding:22px 0 0 0}
    .schBox .schItem>label{top:0}
    .schBox .sch_stb select{width:100%;max-width:inherit}
    .schType1{max-width:inherit}

    .snsLog_list li{width:100%;margin-left:0}
}

.prog_search{}
.prog_search.type_1{margin-top:30px}
.prog_search .search_group{padding:20px 0 20px 120px;background-color:#f4f5f9}

.prog_search .search_group .group_row{margin-top:7px}
.prog_search .search_group .group_row:after{content:'';display:block;clear:both}

.prog_search .search_group .group_row .label{float:left;width:90px}
.prog_search .search_group .group_row .label span,
.prog_search .search_group .group_row .label label{display:block;padding-top:8px;font-size:16px;color:#111}

.prog_search .search_group .group_row .form_style{overflow:hidden}
.prog_search .search_group .group_row .form_style .in_seelct{width:180px}
.prog_search .search_group .group_row .form_style *{float:left}

.prog_search .search_group .group_row .style_general{}
.prog_search .search_group .group_row .style_general .form_input{width:340px;margin-left:14px}

.prog_search .search_group .group_row .style_datepicker{}
.prog_search .search_group .group_row .style_datepicker .mid{width:14px;text-align:center;line-height:100%;padding-top:10px}
.prog_search .search_group .group_row .style_datepicker .date_select{width:153px;margin-left:7px}

.prog_search .search_group .style_double{}
.prog_search .search_group .style_double:after{content:'';display:block;clear:both}
.prog_search .search_group .style_double .in_row{float:left;margin-left:14px}
.prog_search .search_group .style_double .in_row:first-child{margin-left:0}
.prog_search .search_group .style_double .in_row:nth-child(1){width:270px}
.prog_search .search_group .style_double .in_row:nth-child(2){width:340px}
.prog_search .search_group .style_double .in_row:nth-child(2) .label{width:160px}

.prog_search .search_fold{text-align:center}
.prog_search .search_fold a{display:block;text-align:center;background:#f4f5f9;border-top:1px solid #c7ccd0}
.prog_search .search_fold a span{display:inline-block;padding:10px 26px 10px 0;font-size:16px;background:no-repeat 100% 50%;color:#111}

.prog_search .search_fold .search_open{}
.prog_search .search_fold .search_open span{background-image:url(/resource/images/paid/nep/pot/board/prog_search_fold_plus.png)}

.prog_search .search_fold .search_close{display:none}
.prog_search .search_fold .search_close span{background-image:url(/resource/images/paid/nep/pot/board/prog_search_fold_min.png)}

.prog_search .search_fold.ov .search_open{display:none}
.prog_search .search_fold.ov .search_close{display:block}

.prog_search .search_button{margin-top:10px;text-align:right}

.prog_search .search_group.single{padding-left:20px}
.prog_search .search_group .single_row{text-align:center}
.prog_search .search_group .single_row .in_column{display:inline-block;vertical-align:top;margin-left:30px}
.prog_search .search_group .single_row .in_column:first-child{margin-left:0}
.prog_search .search_group .single_row .search_btn{vertical-align:bottom}

.prog_search .search_group .single_row .in_column .label{display:inline-block;height:39px;margin-right:5px;color:#111}
.prog_search .search_group .single_row .in_column .label span,
.prog_search .search_group .single_row .in_column .label label{display:block;font-weight:500;line-height:37px}

.prog_search .search_group .single_row .in_column .form_style{display:inline-block}
.prog_search .search_group .single_row .in_column .form_style .name{line-height:37px}
.prog_search .search_group .single_row .in_column .form_style .name:before{content:'';display:inline-block;vertical-align:1px;width:1px;height:10px;margin-right:10px;background-color:#c1c1c1}
.prog_search .search_group .single_row .in_column .form_style input[type=text]{width:250px}

#porgSearchDetails{display:none}

.def_LayerPop .auto_box,
.l_LayerPop .auto_box{padding:0;border-bottom:0}

@media(max-width:1200px){
    .prog_search .search_group{padding:20px}
    .prog_search .search_group .group_row{max-width:625px;margin:10px auto}
}

@media all and (max-width:920px){
    .def_LayerPop .prog_search .search_group .single_row{max-width:400px;text-align:left;margin:0 auto}
    .def_LayerPop .prog_search .search_group .single_row .in_column{width:100%;margin-left:0}
    .def_LayerPop .prog_search .search_group .single_row .in_column:first-child{display:block}

    .def_LayerPop .prog_search .search_group .single_row .in_column .label{float:left}
    .def_LayerPop .prog_search .search_group .single_row .in_column .form_style{display:block;overflow:hidden}
    .def_LayerPop .prog_search .search_group .single_row .in_column .form_style input[type=text]{width:100%}

    .def_LayerPop .prog_search .search_group .single_row .search_btn[type=submit]{display:block;width:100%;margin-top:5px}
}

@media(max-width:767px){
    .prog_search .search_group .group_row{position:relative;padding:0 20px}
    .prog_search .search_group .group_row .label{float:none;margin-bottom:7px}
    .prog_search .search_group .group_row .form_style .in_seelct{width:35%}
    .prog_search .search_group .group_row .style_general .form_input{width:62%;margin-left:3%}
    .prog_search .search_group .group_row .style_datepicker .mid{width:3%}
    .prog_search .search_group .group_row .style_datepicker .date_select{width:26%;margin-left:1%}

    .prog_search .search_group .style_double:first-child{margin-top:0}
    .prog_search .search_group .style_double .in_row{margin-left:3%}
    .prog_search .search_group .style_double .in_row:nth-child(1){width:35%}
    .prog_search .search_group .style_double .in_row:nth-child(2){width:62%}

    .prog_search .search_group .single_row{max-width:400px;text-align:left;margin:0 auto}
    .prog_search .search_group .single_row .in_column{width:100%;margin-left:0}
    .prog_search .search_group .single_row .in_column:after{content:'';display:block;clear:both}
    .prog_search .search_group .single_row .in_column:first-child{display:block}

    .prog_search .search_group .single_row .in_column .label{float:left;width:100px}
    .prog_search .search_group .single_row .in_column .form_style{display:block;overflow:hidden}
    .prog_search .search_group .single_row .in_column .form_style input[type=text]{width:100%}

    .prog_search .search_group .single_row .search_btn[type=submit]{display:block;width:100%;margin-top:5px}

    .prog_search .search_group .single_row.type_1 .in_column{margin-top:10px}
    .prog_search .search_group .single_row.type_1 .in_column:first-child{margin-top:0}
    .prog_search .search_group .single_row.type_1 .in_column .label{width:100%;float:none;height:auto}
    .prog_search .search_group .single_row.type_1 .in_column .label label{line-height:inherit;margin-bottom:5px}
}

@media(max-width:480px){
    .prog_search .search_group .group_row .form_style .in_seelct{width:100%}
    .prog_search .search_group .group_row .style_general .form_input{width:100%;margin:7px 0 0}

    .prog_search .search_group .group_row .style_datepicker{}
    .prog_search .search_group .group_row .style_datepicker .in_seelct{width:47%}
    .prog_search .search_group .group_row .style_datepicker .mid{width:6%}

    .prog_search .search_group .group_row .style_datepicker .date_select{width:100%;margin:7px 0 0}

    .prog_search .search_group .style_double .in_row:nth-child(1),
    .prog_search .search_group .style_double .in_row:nth-child(2){width:100%;margin:7px 0 0}
    .prog_search .search_group .style_double .in_row:nth-child(1){margin-top:0}

    .prog_search .search_group .group_row:first-child{margin-top:0}

    .prog_search .search_group .group_row .label span,
    .prog_search .search_group .group_row .label label{padding-top:0;color:#000}

    .prog_search .search_group .single_row .in_column .label{width:auto;padding-right:7px}
    .prog_search .search_group .single_row .in_column:nth-child(2) .label{float:none;display:block;border-top:1px solid #d2d2d2}
    .prog_search .search_group .single_row .in_column:nth-child(2) .form_style input[type=text]{width:100%}

    .prog_search .search_group .single_row.type_1 .in_column .label{margin-right:0;border-top:0}
}
.defSchWrap{margin:20px 0;background:#f4f5f9;padding:20px 30px}
.defSchBox{position:relative;padding-left:70px;width:100%;max-width:600px;margin:0 auto}
.defSchBox .label{position:absolute;left:0;top:0;width:70px;display:table;min-height:39px}
.defSchBox .label label{display:table-cell;vertical-align:middle}
.defSchBox .defSch{position:relative;padding:0 65px 0 105px}
.defSchBox .defSch select{position:absolute;left:0;top:0;width:100px}
.defSchBox .defSch input[type="text"]{width:100%}
.defSchBox .defSch .btn{position:absolute;right:0;top:0;width:auto;margin:0;border-radius:0}

@media all and (max-width:640px){
    .defSchWrap{padding:15px 20px}
}
@media all and (max-width:500px){
    .defSchBox{padding-left:0}
    .defSchBox .label{position:static;min-height:inherit;margin-bottom:5px}
}
@media all and (max-width:400px){
    .defSchWrap{padding:15px 10px}
    .defSchBox .defSch{padding:0 0 44px 85px}
    .defSchBox .defSch select{width:80px;margin-bottom:5px}
    .defSchBox .defSch .btn{top:inherit;bottom:0;width:100%}
}

/* 모바일용 테이블 */
.tbl_responsed{display:none}
.tbl_responsed .order_box{display:inline-block;color:#fff;background:#1298ff;border-color:#1298ff;padding:5px 10px;margin-right:5px}

@media(max-width:767px) {
    /*모바일용 태이블 단순화*/
    .tbl.res_tbl,
    .tbl.res_tbl tbody,
    .tbl.res_tbl tbody tr,
    .tbl.res_tbl tbody tr th,
    .tbl.res_tbl tbody tr td{display:block;border-width:0;text-align:left}
    .tbl.res_tbl tbody tr th,
    .tbl.res_tbl tbody tr th:first-child{padding:20px;font-size:16px;border:solid #ccc;border-width:1px 1px 0}
    .tbl.res_tbl tbody tr td{padding:20px;margin-bottom:10px;border:1px solid #ccc}

    .res_bbs_wrap .tbl{display:none}

    .tbl_responsed{display:block}
    .tbl_responsed ul{}
    .tbl_responsed ul li{padding:5px 10px;margin-top:10px;border:1px solid #dcdcdc;border-top:2px solid #7f7f7f;box-shadow:1px 1px 0 #dcdcdc}
    .tbl_responsed ul li:first-child{margin-top:0}

    .tbl_responsed ul li>div{line-height:150%;padding:5px 0;padding-left:100px;border-top:1px dashed #dcdcdc;overflow:hidden;font-size: 14px;}
    .tbl_responsed ul li>div:first-child{border-top-width:0}
    .tbl_responsed ul li>div>b{line-height:inherit;float:left;margin-left:-95px;width:85px;color:#222;font-weight:500}

    .res_bbs_wrap.break .tbl_responsed ul li>div{padding-left:200px}
    .res_bbs_wrap.break .tbl_responsed ul li>div>b{margin-left:-180px;width:180px}

    /* 직원찾기 */
    .res_bbs_wrap.famWrap .child_0{display:none}
    .res_bbs_wrap.famWrap .child_1{border-top:0}
    .tbl_responsed .btn_sm{padding:4px 15px;vertical-align:middle}
    .tbl_responsed .title img{width:16px;margin-left:5px}
}

/*로그인반응형*/
@media (max-width:767px){
    #member .login_body .body_item .item_align{width:100%;float:none}
    #member .login_body .body_item .align_left{padding-right:0}

    #member .login_body .body_item .align_right{padding-left:0;margin-top:20px}
    #member .login_body .body_item .item_list{width:100%}
    #member .login_body .body_item .item_list ul li a{background:url(/resource/images/paid/nep/pot/board/login_list_arr.png) no-repeat right 50%}
    #member .login_body .body_tab a{font-size:14px}

    #member .login_body .body_tab a{height:60px;padding-top:19px}
    #member .login_body .body_item .item_list ul li a{font-size:16px}
    #member .login_body .item_link a{font-size:14px;padding-left:5px}
    #member .login_body .body_item .align_left .item_link a{margin-left:1%}
    #member .login_body .body_item .align_right .login_pass_button a{font-size:18px}
    #member .login_body .body_item .align_left .item_button button{font-size:18px}
}

/* 총 건수 등록 */
.b_cnt{margin-bottom:10px;color:#444}
.b_cnt span{color:#f05228}

/* 보안문자입력 */
.security{display:none;position:absolute;right:0;bottom:110px;padding:30px 20px 20px;background:#f4f5f9;border:1px solid #a6a6a6;z-index:9}
.security:after{content:"";display:block;clear:both}
.security .security_l{float:left;width:49%;margin-right:2%}
.security .security_r{float:left;width:49%}
.security label{display:block;margin-bottom:5px}

.txtBtn{position:relative;padding-right:65px}
.txtBtn .btn{position:absolute;right:0;top:0}
.txtBtn input[type=text]{width:100%}

.sc_Close{position:absolute;right:5px;top:5px;width:20px;height:20px;background:url(/resource/images/paid/nep/cmmn/icon_lPop_close.png) center center no-repeat;background-size:15px}
.sc_Close span{display:inline-block;text-indent:-9999px;height:15px}

@media all and (max-width:1220px){
    .security{bottom:90px;right:10px}
}
@media all and (max-width:600px){
    .security{margin-left:10px}
    .security .security_l{width:100%;margin-right:0;text-align:center}
    .security .security_r{width:100%;margin-top:10px}
}

/* 공개제안 검색 */
.boardSch{position:relative;padding:20px 200px 20px 30px;background:#f4f5f9}
.boardSch .bSch_row{margin-top:5px}
.boardSch>.bSch_row:first-child{margin-top:0}
.boardSch .bSch_row:after{content:"";display:block;clear:both}
.boardSch .bSch_row .bSch_col{float:left;position:relative;padding-left:85px;margin-left:2%;width:49%;height:100%}
.boardSch .bSch_row .bSch_col:first-child{margin-left:0}
.boardSch .bSch_row .bSch_col.full{width:100%}
.boardSch .bSch_row .bSch_col .label{position:absolute;left:0;top:0;display:table;min-height:39px}
.boardSch .bSch_row .bSch_col .label label{display:table-cell;vertical-align:middle;color:#111;word-break:keep-all}
.boardSch .bSch_row .bSch_col select,
.boardSch .bSch_row .bSch_col input[type=text]{width:100%}
.boardSch .bSch_row .bSch_col .bSch_sel{position:relative;padding-left:43%}
.boardSch .bSch_row .bSch_col .bSch_sel select:first-child{width:42%;position:absolute;left:0;top:0}

.boardSch .bSch_row .bSch_col.type_1{padding-left:100px}

.boardSch .bSch_row .bSch_col .dateWrap input.datepicker{width:calc(50% - 8px)}
.boardSch .bSch_row .bSch_col .dateWrap.type_1{position:relative;padding-right:184px}
.boardSch .bSch_row .bSch_col .dateWrap.type_1 .datesel{position:absolute;right:0;top:0;width:179px}
.boardSch .bSch_row .bSch_col .sch_def{position:relative;padding-left:175px}
.boardSch .bSch_row .bSch_col .sch_def select{position:absolute;left:0;top:0;width:170px}
.boardSch .bSch_row .bSch_col .sch_def input[type=text]{width:100%}

.bSch_btn{position:absolute;bottom:20px;right:59px}

@media all and (max-width:800px){
    .boardSch{padding:15px 180px 15px 20px}
    .bSch_btn{bottom:15px;right:39px}
}
@media all and (max-width:770px){
    .boardSch{padding:15px 20px 60px}
    .bSch_btn{bottom:15px;right:20px}
}
@media all and (max-width:610px){
    .boardSch{padding:10px 20px 60px}
    .boardSch .bSch_row{margin-top:0}
    .boardSch .bSch_row .bSch_col{width:100%;margin:5px 0 0;padding-left:70px}
    .boardSch .bSch_row .bSch_col .dateWrap.type_1{padding-right:0}
    .boardSch .bSch_row .bSch_col .dateWrap.type_1 .datesel{position:static;width:100%;margin-top:5px}
    .boardSch .bSch_row .bSch_col .sch_def{padding-left:95px}
    .boardSch .bSch_row .bSch_col .sch_def select{width:90px}

    .boardSch .bSch_row .bSch_col.type_1{padding-left:70px}
    .boardSch .bSch_row .bSch_col .label{width:70px}
}
@media all and (max-width:540px){
    .boardSch .bSch_row .bSch_col .bSch_sel{padding:0}
    .boardSch .bSch_row .bSch_col .bSch_sel select{width:100%}
    .boardSch .bSch_row .bSch_col .bSch_sel select:first-child{position:static;width:100%;margin-bottom:6px}
}
@media all and (max-width:400px){
    .boardSch{padding:7px 15px 60px}
    .boardSch .bSch_row .bSch_col{padding-left:0;margin-top:8px}
    .boardSch .bSch_row .bSch_col .label{position:static;min-height:inherit;margin-bottom:5px}

    .boardSch .bSch_row .bSch_col.type_1{padding-left:0}
    .boardSch .bSch_row .bSch_col .label{width:auto}

    .bSch_btn{right:15px}
}

/* 게시판상단정보 */
.prog_util{position:relative;margin:20px 0 7px;overflow:hidden}
.prog_util .total{float:left;margin:13px 0 0 0;color:#444}
.prog_util .total span{font-size:inherit;font-weight:inherit;letter-spacing:-1px;color:#eb5c57}

.prog_util .align{float:right;text-align:right}

.prog_util .align .secr {padding:7px 7px 7px 30px;display:inline-block;background:url(/resource/images/paid/nep/board/serc_icon.png) left center no-repeat;margin-right:20px;vertical-align:middle}
.prog_util .align select {width:125px;height:33px}

.prog_util .align .b_iconType{position:relative;top:2px;margin-right:10px;overflow:hidden;display:inline-block;vertical-align:middle;padding:5px 0}
.prog_util .align .b_iconType li{float:left;margin-right:10px;padding:3px 0}
.prog_util .align .b_iconType li:last-child{margin-right:0}
.prog_util .align .b_iconType li>span{display:inline-block;width:27px;height:27px;text-align:center;vertical-align:middle;margin-right:5px}

@media all and (max-width:767px){
    /*.prog_util .align {display:block;position:relative;bottom:auto;right:auto;width:100%;text-align:right}*/
    .prog_util .align{width:100%}
    .prog_util .align .b_iconType.long_type{width:100%}
    .prog_util .align .b_iconType.long_type li{width:24%;margin-right:1%;text-align:left}
}
@media all and (max-width:640px){
    .prog_util .total{}
    .prog_util{margin-top:15px}
    .prog_util .align select{width:90px}

    .prog_util .align .b_iconType,
    .prog_util .align .b_iconType.long_type{display:inline-block;width:150px;margin-top:0}
    .prog_util .align .b_iconType li,
    .prog_util .align .b_iconType.long_type li{width:auto;margin-right:8px}
    .prog_util .align .b_iconType.long_type li:first-child,
    .prog_util .align .b_iconType.long_type li:first-child+li,
    .prog_util .align .b_iconType.long_type li:first-child+li+li,
    .prog_util .align .b_iconType.long_type li:first-child+li+li+li,
    .prog_util .align .b_iconType.long_type li:first-child+li+li+li+li{display:none}
}
@media all and (max-width:590px){
    .boardIcon li{margin-right:0}
}
@media all and (max-width:400px){
    /* .prog_util .align .b_iconType.long_type li{width:32.3%} */
}
/* 게시판 아이콘 설명 */
.boardIcon{margin-top:20px}
.boardIcon:after{content:"";display:block;clear:both}
.boardIcon li{float:left;margin-right:20px;padding:7px 0 7px 37px}
.boardIcon li.icon_1{background:url(/resource/images/paid/nep/pot/board/icon_mOrgan.png) left center no-repeat}
.boardIcon li.icon_2{background:url(/resource/images/paid/nep/pot/board/icon_mBest.png) left center no-repeat}
@media all and (max-width:640px){
    .boardIcon li{padding-left:32px;font-size:13px;margin-right:10px;font-weight:500}
}

/* 게시판 상세 */
.board_view{overflow:hidden;border-bottom:1px solid #c4c9ce;clear:both;margin-bottom:10px}
.board_view .b_row{position:relative;display:table;width:100%;table-layout:fixed;overflow:hidden}
.board_view .b_row:first-of-type{border-top:1px solid #c4c9ce}
.board_view .b_row:first-of-type strong,
.board_view .b_row:first-of-type div{border-top:0}
.board_view .b_row>strong,
.board_view .b_row>div{padding:12px 10px;display:table-cell;vertical-align:middle;border-top:1px solid #e8e8e8}

.board_view .b_row>strong{width:120px;background:#f4f5f9;font-weight:normal;text-align:center;color:#111;vertical-align:-0.02em}
.board_view .b_row>div{}
.board_view .b_row>div.cellBig{width:53%}
.board_view .b_row>div.cellSmall{width:20%}

.starCnt{display:block;width:105px;height:18px}

.board_view .b_content{clear:both;position:relative;padding:25px 20px;border-top:1px solid #e8e8e8;background:#fff}
.board_view .b_content .b_conItem{margin-top:30px}
.board_view .b_content .b_conItem:first-child{margin-top:0}
.board_view .b_content .b_conItem .b_conTit{display:block;position:relative;padding-left:15px;font-weight:500;color:#111;font-size:16px;margin-bottom:10px}
.board_view .b_content .b_conItem .b_conTit:before{content:"";display:block;position:absolute;left:0;top:5px;width:8px;height:8px;background:#318de7}
.board_view .b_content .b_conItem .b_cont{margin-left:15px;color:#707070;line-height:25px;font-size:15px}
.board_view .b_content .b_conItem .b_cont *{color:#707070;line-height:25px}

.b_file li{margin-top:5px}
.b_file li:first-child{margin-top:0}
.b_file li span{margin-right:10px}
.downBtn{display:inline-block;width:20px;height:20px;border:1px solid #d2d2d2;background:#fff url(/resource/images/paid/nep/pot/board/icon_downArr.png) center center no-repeat;text-indent:-9999px;vertical-align:middle}

.b_page{overflow:hidden;margin-top:20px;border-top:1px solid #c4c9ce;border-bottom:1px solid #c4c9ce}
.b_page dl{position:relative;width:100%;border-top:1px solid #e8e8e8}
.b_page dl:first-child{border-top:0}
.b_page dl dt{position:absolute;left:0;top:0;right:0;bottom:0;width:120px;background:#f4f5f9;font-weight:normal;text-align:center;color:#111}
.b_page dl dt,.b_page dl dd{padding:12px 10px}
.b_page dl dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:120px;min-height:21px}
.b_page dl:last-of-type{border-bottom:0}

@media all and (max-width:800px){
    .board_view .b_row{}
    .board_view .b_row>strong,
    .board_view .b_row>div{display:block}
    .board_view .b_row>strong{position:absolute;width:110px;height:100%;padding:10px;letter-spacing:-0.07em}
    .board_view .b_row:first-of-type strong,
    .board_view .b_row:first-of-type div{border-top:1px solid #e8e8e8}
    .board_view .b_row:first-of-type strong:first-of-type,
    .board_view .b_row:first-of-type div:first-of-type{border-top:0}
    .board_view .b_row>div{padding:10px;overflow:hidden;margin-left:110px;width:auto;min-height:40px}
    .board_view .b_row>div.cellBig,
    .board_view .b_row>div.cellSmall{width:auto}

    .board_view .b_content{padding:20px 10px}

    .b_page dl dt{width:110px}
    .b_page dl dd{margin-left:110px}
}

.gradeBox{padding:10px 15px;background:#f9f9f9}
.gradeBox strong{display:inline-block;color:#111;width:50px;text-align:right;margin-right:5px;font-weight:500;vertical-align:middle}
.gradeSel{width:200px}

.gradeS{position:relative;display:inline-block;width:140px}
.gradeS>a{display:inline-block;padding-left:5px;height:39px;line-height:39px;border:1px solid #d2d2d2;color:#555;vertical-align:middle;background:#fff url(/resource/images/paid/nep/cmmn/select_arr.png) right 7px center no-repeat}
.gradeS>a>img{vertical-align:-2px}
.gradeS ul{display:none;position:absolute;left:0;top:38px;width:100%;background:#fff;border:1px solid #d2d2d2;z-index:9}
.gradeS ul li a{display:block;padding:3px 5px}
.gradeS ul li a:hover{display:block;background:#3e8ffe}

@media all and (max-width:640px){
    .gradeBox strong{width:auto}
}

.b_snsLogin{padding:12px 0;border-bottom:1px solid #e8e8e8}
.b_snsLogin:after{content:"";display:block;clear:both}
.b_snsLogin .sns_l{float:left}
.b_snsLogin .sns_r{float:right}

@media all and (max-width:670px){
    .b_snsLogin .sns_r{display:block;width:100%;margin-top:5px}
}

.b_sns li{float:left;border-width:1px 1px 1px 0;border-style:solid;border-color:#d1d1d1}
.b_sns li:first-child{border-left-width:1px}
.b_sns li a{position:relative;display:block;width:25px;height:25px;text-indent:-9999px;background-image:url(/resource/images/paid/nep/pot/board/icon_boardSns.png);background-repeat:no-repeat;transition:all .3s}
.b_sns li a:hover{background-color:#eee}
.b_sns li a.epp{background-position:0 0}
.b_sns li a.fb{background-position:-25px 0}
.b_sns li a.twt{background-position:-50px 0}
.b_sns li a.kakao{background-position:-75px 0}
.b_sns li a.naver{background-position:-100px 0}
.b_sns li a.gg{background-position:-125px 0}

.star_history{padding:12px 0;border-width:1px 0;border-style:solid;border-color:#e8e8e8}
.star_history ul li{position:relative;margin-top:10px;padding-left:31px;line-height:24px}
.star_history ul li:first-child{margin-top:0}
.star_history ul li>strong{font-weight:normal;color:#111;vertical-align:-1px}
.star_history ul li>span{color:#808080;font-size:14px;margin:0 7px;font-weight:300;vertical-align:-1px}
.star_history ul li>img{vertical-align:-4px}
.star_history ul li .logSite{position:absolute;left:0;top:0}

.logSite{display:inline-block;vertical-align:middle;width:25px;height:25px;text-indent:-9999px;background-image:url(/resource/images/paid/nep/pot/board/icon_boardSns.png);background-repeat:no-repeat;background-color:#fff}
.logSite.epp{background-position:0 0}
.logSite.fb{background-position:-25px 0}
.logSite.twt{background-position:-50px 0}
.logSite.kakao{background-position:-75px 0}
.logSite.naver{background-position:-100px 0}
.logSite.gg{background-position:-125px 0}

/* 상세페이지 댓글관련 */
.replyWrap{}
.replyWrap .reply_write{padding:15px 0;border-bottom:1px solid #e8e8e8}
.replyWrap .reply_write>em{color:#111;display:block;margin-bottom:10px}
.replyWrap .reply_write .logInfo{overflow:hidden}
.replyWrap .reply_write .logInfo .logInfo_l{float:left}
.replyWrap .reply_write .logInfo .logInfo_l strong{color:#111;font-weight:normal}
.replyWrap .reply_write .logInfo .logInfo_r{float:right}
.replyWrap .reply_write .logInfo .logInfo_r input[type=checkbox]{display:inline-block;width:15px;height:15px;vertical-align:middle}

.reply_input{margin-top:10px;padding-right:100px;position:relative}
.reply_input textarea{height:85px;border:1px solid #d2d2d2;resize:none;padding:10px;text-indent:0;overflow-y:auto;font-weight:normal}
.reply_input .replyBtn{position:absolute;right:0;top:0;width:100px;height:85px;color:#fff;background:#565656}

@media all and (max-width:550px){
    .reply_input{padding-right:65px}
    .reply_input .replyBtn{width:65px}
}

.replyWrap .reply_content{padding:15px 0 0}
.replyWrap .reply_content .reply_conTop{padding-bottom:15px;border-bottom:1px solid #e8e8e8}
.replyWrap .reply_content .reply_conTop i{display:block;margin-bottom:10px;color:#444}
.replyWrap .reply_content .reply_conTop i span{color:#f05228}
.replyWrap .reply_content .reply_conTop .reply_sort{overflow:hidden}
.replyWrap .reply_content .reply_conTop .reply_sort li{position:relative;float:left;padding:0 10px}
.replyWrap .reply_content .reply_conTop .reply_sort li:first-child{padding-left:0}
.replyWrap .reply_content .reply_conTop .reply_sort li:before{content:"";display:block;width:0;height:17px;border-left:1px solid #c4c9ce;position:absolute;left:0;top:50%;margin-top:-8px}
.replyWrap .reply_content .reply_conTop .reply_sort li:first-child:before{display:none}
.replyWrap .reply_content .reply_conTop .reply_sort li a{font-size:15px;color:#808080}
.replyWrap .reply_content .reply_conTop .reply_sort li a.on{color:#111}

.reply_list>li{padding-top:15px;border-bottom:1px solid #e8e8e8}
.reply_list .reply_infoA{position:relative;padding-left:28px;margin-bottom:5px;line-height:24px}
.reply_list .reply_infoA .logSite{position:absolute;left:0;top:0}
.reply_list .reply_infoA strong{display:inline-block;font-weight:normal;color:#111;vertical-align:-1px;margin:0 2px 0 0}
.reply_list .reply_infoA span{display:inline-block;color:#808080;font-size:14px;font-weight:300;vertical-align:-1px;margin:0 2px}
.reply_list .reply_infoA.myR{padding-right:90px}

.reply_list .reply_conA{line-height:22px}

.reply_list .reply_btnA{margin-top:5px;padding-bottom:15px;overflow:hidden}
.reply_list .reply_btnA .reply_btnA_l{float:left}
.reply_list .reply_btnA .reply_btnA_r{float:right}
.reply_list .reply_btnA button,
.reply_list .reply_btnA a{background:#fff;min-width:66px;height:30px;line-height:27px;border:1px solid #d2d2d2;border-radius:3px;text-align:center}
.reply_list .reply_btnA .like{padding-left:24px;background:#fff url(/resource/images/paid/nep/pot/board/icon_like.png) 8px center no-repeat}
.reply_list .reply_btnA .hate{margin-left:5px;padding-left:24px;background:#fff url(/resource/images/paid/nep/pot/board/icon_hate.png) 8px 8px no-repeat}

.re_reply{display:none;background:#f4f5f9}
.re_reply>ul>li{position:relative;padding:14px 14px 0 40px;border-bottom:1px solid #e8e8e8}
.re_reply>ul>li:first-child{border-top:1px solid #e8e8e8}
.re_reply>ul>li:before{content:"";display:block;position:absolute;left:19px;top:10px;width:13px;height:13px;border-width:0 0 1px 1px;border-style:solid;border-color:#d2d2d2}

.myReply{position:absolute;right:0;top:0;margin-top:4px}
.myReply li{position:relative;float:left;padding:0 5px}
.myReply li:before{content:"";display:block;width:0;height:13px;border-left:1px solid #bcbcbc;position:absolute;left:0;top:50%;margin-top:-6px}
.myReply li:first-child:before{display:none}

.re_replyInput{padding:15px 14px 15px 19px}
.re_replyInput .reply_input{margin-top:0}
.re_replyInput .right label{margin-bottom:5px}
.re_replyInput .right input[type=checkbox]{display:inline-block;width:15px;height:15px;vertical-align:middle;margin-right:2px}

/* 신문고 점수 목록 */
.rspBr{display:block}

@media all and (max-width:640px){
    .rspBr{display:inline}
}

/* 게시판 목록_반응형(모바일) */
.tbl tr td a.tit{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 공개/우수제안 목록 */
@media all and (max-width:768px){
    .brd1 colgroup col:first-child,
    .brd1 colgroup col:first-child+col+col+col+col+col,
    .brd1 tr th:first-child,
    .brd1 tr td:first-child,
    .brd1 tr th:first-child+th+th+th+th+th,
    .brd1 tr td:first-child+td+td+td+td+td{display:none}
}
@media all and (max-width:640px){
    .brd1 colgroup col:first-child+col+col+col,
    .brd1 colgroup col:first-child+col+col+col+col,
    .brd1 tr th:first-child+th+th+th,
    .brd1 tr th:first-child+th+th+th+th,
    .brd1 tr td:first-child+td+td+td,
    .brd1 tr td:first-child+td+td+td+td{display:none}
    .brd1 colgroup col:first-child+col+col{width:120px !important}
}

/* 국민제안 국민평가 */
@media all and (max-width:768px){
    .brd2 colgroup col:first-child,
    .brd2 tr th:first-child,
    .brd2 tr td:first-child{display:none}

    .brd2 colgroup col:first-child+col+col{width:100px !important}
}

/* 공무원제안_공모제안 목록 */
@media all and (max-width:768px){
    .brd3 colgroup col:first-child,
    .brd3 colgroup col:first-child+col+col+col+col+col,
    .brd3 tr th:first-child,
    .brd3 tr th:first-child+th+th+th+th+th,
    .brd3 tr td:first-child,
    .brd3 tr td:first-child+td+td+td+td+td{display:none}
}
@media all and (max-width:640px){
    .brd3 colgroup col:first-child+col+col,
    .brd3 colgroup col:first-child+col+col+col,
    .brd3 tr th:first-child+th+th,
    .brd3 tr th:first-child+th+th+th,
    .brd3 tr td:first-child+td+td,
    .brd3 tr td:first-child+td+td+td{display:none}
}

/* 예산낭비 우수사례 목록 */
@media all and (max-width:768px){
    .brd4 colgroup col:first-child,
    .brd4 tr th:first-child,
    .brd4 tr td:first-child{display:none}
}
@media all and (max-width:640px){
    .brd4 colgroup col:first-child+col+col,
    .brd4 tr th:first-child+th+th,
    .brd4 tr td:first-child+td+td{display:none}
}

/* 나의 신문고_민원목록 */
@media all and (max-width:768px){
    .brd5 colgroup col:first-child{width:30px !important}
    .brd5 colgroup col:first-child+col+col+col+col+col{width:75px !important}
    .brd5 colgroup col:first-child+col+col+col+col+col+col{width:75px !important}
    .brd5 colgroup col:first-child+col+col+col+col+col+col+col{width:87px !important}

    .brd5 colgroup col:first-child+col,
    .brd5 tr th:first-child+th,
    .brd5 tr td:first-child+td{display:none}

    .brd5 .btn_sm{padding:5px 10px}
    .b_icon{margin:2px 0 2px 0;vertical-align:middle;width:26px;height:26px}
    .b_icon:first-child{margin-left:0}
    .b_icon.mPeople,
    .b_icon.mScrt{background-size:auto 13px}
    .b_icon.mOrgan,
    .b_icon.mBest{background-size:26px auto}
}
@media all and (max-width:640px){
    .brd5 tr th, .brd5 tr td{font-size:14px}

    .brd5 colgroup col:first-child+col+col+col+col+col{width:55px !important}

    .brd5 colgroup col:first-child+col+col,
    .brd5 tr th:first-child+th+th,
    .brd5 tr td:first-child+td+td,
    .brd5 colgroup col:first-child+col+col+col+col,
    .brd5 tr th:first-child+th+th+th+th,
    .brd5 tr td:first-child+td+td+td+td{display:none}
}

/* 나의 신문고_국민제안 */
@media all and (max-width:768px){
    .brd6 colgroup col:first-child+col+col+col+col,
    .brd6 colgroup col:first-child+col+col+col+col+col{width:70px !important}

    .brd6 colgroup col:first-child,
    .brd6 colgroup col:first-child+col+col,
    .brd6 colgroup col:first-child+col+col+col,
    .brd6 tr th:first-child,
    .brd6 tr th:first-child+th+th,
    .brd6 tr th:first-child+th+th+th,
    .brd6 tr td:first-child,
    .brd6 tr td:first-child+td+td,
    .brd6 tr td:first-child+td+td+td{display:none}

    .brd6 .btn_sm{padding:5px 10px}
}

/* 국민생각함 이용 내역 */
@media all and (max-width:768px){
    .brd7 colgroup col:first-child,
    .brd7 tr th:first-child,
    .brd7 tr td:first-child{display:none}
}
@media all and (max-width:640px){
    .brd7 colgroup col:first-child+col,
    .brd7 tr th:first-child+th,
    .brd7 tr td:first-child+td{width:60px !important}
}

/* 이용문의 */
@media all and (max-width:768px){
    .brd8 colgroup col:first-child,
    .brd8 tr th:first-child,
    .brd8 tr td:first-child{display:none}
}
@media all and (max-width:640px){
    .brd8 colgroup col:first-child+col,
    .brd8 colgroup col:first-child+col+col+col,
    .brd8 tr th:first-child+th,
    .brd8 tr th:first-child+th+th+th,
    .brd8 tr td:first-child+td,
    .brd8 tr td:first-child+td+td+td{display:none}
}

/* 신문고 점수 */
@media all and (max-width:820px){
    .brd9 .rspBr{display:inline}
    .brd9 tr td:first-child+td{text-align:left}

    .brd9 colgroup col:first-child+col+col+col,
    .brd9 colgroup col:first-child+col+col+col+col,
    .brd9 tr th:first-child+th+th+th,
    .brd9 tr th:first-child+th+th+th+th,
    .brd9 tr td:first-child+td+td+td,
    .brd9 tr td:first-child+td+td+td+td{display:none}
}
@media all and (max-width:640px){
    .brd9 colgroup col:first-child,
    .brd9 tr th:first-child,
    .brd9 tr td:first-child{display:none}

    .brd9 colgroup col:first-child+col+col,
    .brd9 tr th:first-child+th+th,
    .brd9 tr td:first-child+td+td{width:100px !important}
}

/* 신문고소식 */
@media all and (max-width:768px){
    .brd10 colgroup col:first-child,
    .brd10 colgroup col:first-child+col+col,
    .brd10 tr th:first-child,
    .brd10 tr th:first-child+th+th,
    .brd10 tr td:first-child,
    .brd10 tr td:first-child+td+td{display:none}
}
@media all and (max-width:640px){
    .brd10 colgroup col:first-child+col+col+col+col,
    .brd10 tr th:first-child+th+th+th+th,
    .brd10 tr td:first-child+td+td+td+td{display:none}
}

.no_data{padding:20px 0;text-align:center;border-bottom:1px solid #d5d5db;border-top:1px solid #d5d5db}
/*로그인2*/
.login #contentWrap{width:100%}
.customer_top.login{background:url(/resource/images/paid/nep/pot/board/img_logTop.png) right 14px bottom 30px no-repeat}

.login_box{overflow:hidden;margin-top:20px}
.login_box:first-of-type{margin-top:0}
.login_box .tit_box{padding:15px 20px;background:#f4f5f9;text-align:center;border-top:1px solid #c4c9ce}
.login_box .tit_box strong{font-size:19px;color:#111}
.login_box .form_box{padding:20px 200px;overflow:hidden}
.login_box .form_box .input_box{margin-top:20px;position:relative;padding-right:210px}
.login_box .form_box .input_box input{width:100%;height:50px;margin-top:10px;padding-left:20px}
.login_box .form_box .input_box input:first-child{margin-top:0}
.login_box .form_box .input_box button{position:absolute;top:10px;right:0;padding:45px 10px;background:#318de7;display:block;color:#fff;font-size:19px;height:110px;width:200px}
.login_box .form_box .input_box button span{display:inline-block;vertical-align:middle}
.login_box .form_box .input_box button img{display:inline-block;vertical-align:middle;margin-right:10px}
.login_box .find_box{margin-top:25px;text-align:center}
.login_box .find_box a{display:inline-block;margin-left:20px;margin-right:20px;position:relative;font-size:15px;color:#555}
.login_box .find_box a:first-of-type{margin-left:0}
.login_box .find_box a:last-of-type{margin-right:0}
.login_box .find_box a:before{content: "";display:block;width:1px;height:18px;background:#d2d2d2;position:absolute;top:50%;right:-20px;margin-top:-9px}
.login_box .find_box a:last-child:before{display:none}
.login_box .digital{margin-top:20px}
.login_box .digital button{padding:20px;background:#01a3b2;color:#fff;font-size:19px;width:100%}
.login_box .digital button img{display:inline-block;vertical-align:middle;margin-right:15px}
.login_box .digital button span{display:inline-block;vertical-align:middle}
.login_box .digital .divide_box{margin-top:10px}
.login_box .digital .divide_box a{display:block;float:left;margin-left:1%;width:49.5%;padding:15px 30px 15px 15px;border:1px solid #d2d2d2;background:url(/resource/images/paid/nep/pot/board/digital_img02.png) right 20px center no-repeat;color:#606060}
.login_box .digital .divide_box a:first-child{margin-left:0}
.login_box .form_box .be_join a{padding:25px 10px 25px 75px;display:block;float:left;width:49.5%;border:1px solid #d2d2d2;color:#555;font-size:17px;margin-left:1%;margin-top:1%}
.login_box .form_box .be_join a:first-of-type{margin-left:0}
.login_box .form_box .be_join a:nth-child(3){margin-left:0}
.login_box .form_box .be_join a img{display:inline-block;vertical-align:middle}
.login_box .form_box .be_join a span{display:inline-block;vertical-align:middle}
.login_box .form_box .be_join a.be_01{background:url(/resource/images/paid/nep/pot/board/login_list_icon_1.png) left 25px center no-repeat}
.login_box .form_box .be_join a.be_02{background:url(/resource/images/paid/nep/pot/board/login_list_icon_2.png) left 25px center no-repeat}
.login_box .form_box .be_join a.be_03{background:url(/resource/images/paid/nep/pot/board/login_list_icon_3.png) left 25px center no-repeat}
.login_box .form_box .be_join a.be_04{background:url(/resource/images/paid/nep/pot/board/login_list_icon_4.png) left 25px center no-repeat}

@media (max-width:1200px){
    .login_box .form_box .input_box{padding-right:0}
    .login_box .form_box .input_box button{height:auto;position:relative;top:auto;right:auto;margin-top:10px;width:100%;padding:20px}
    .login_box .digital .divide_box a{float:none;width:100%;margin-left:0;margin-top:10px}
    .customer_top.login{background:none}
    .login_box .form_box{padding:20px}
}
@media (max-width:540px){
    .login_box .form_box .be_join a{width:100%;margin-left:0}
}

/*공모제안 목록_진행중*/
.btn.basic{padding:9px 15px;color:#555;background:#fff;vertical-align:middle;border:1px solid #d2d2d2;line-height:130%;margin:2px 0}

.btn.basic.sky{padding:9px 15px;color:#fff;background:#318de7;vertical-align:middle;border:1px solid #318de7;line-height:130%}

.tbl.default tr.comp{background:#f6f7fb}

/*2019.12.30*/
@media (max-width:480px){
    .prog_util .align .b_iconType{width:100%;display:block;margin-right:0;padding:0}
}
@media (max-width:640px){
    .prog_util .align.add_icon .b_iconType{float:left;width:auto;padding:2px 0 0}
    .prog_util .align .b_iconType li{font-size:13px;padding:2px 0}
    .prog_util .align .b_iconType li>span{margin-right:3px}

    .prog_util .align.add_icon{float:right;width:100%;margin-top:5px}
    .prog_util .align.add_icon .b_iconType{float:none;display:inline-block;margin-right:10px}
    .prog_util .align.add_icon select{display:block;float:right}

    .prog_util .align .b_iconType.mo_none{display:none}
}
@media (max-width:480px){
    .prog_util .align .b_iconType li {text-align:left}

}

/*2020.01.02 공개제안 라벨*/
.details_label input[type="checkbox"]{vertical-align:-1px}
.details_label{line-height:39px;height:39px;margin-left:5px}
@media (max-width:400px){
    .details_label{display:block;line-height:normal;height:auto}
}

/* 게시판목록 new */
/*.icoNew{margin-left:2px}*/

/* 생각함 - 메인 로그인용 추가 */
.loginWrap .snsLogin2{display:table-cell;width: 31%;vertical-align:top;padding-right: 30px;}
.loginWrap .eppLogin2{display:table-cell;width: 36%;vertical-align:top;padding: 0 30px;border-left: 1px solid #e8e8e8;}
.loginWrap .noMemLogin2{display:table-cell;padding-left: 30px;border-left: 1px solid #e8e8e8;}

.snsLog2_tit strong{font-size:19px;color:#111;font-weight:500}
.snsLog2_list{margin-top:20px;overflow:hidden;/* display: block; */}
.snsLog2_list li{/* float:left; */height: 60px;margin-bottom: 9px;/* width:22.75%; *//* margin-left:3%; */}
.snsLog2_list li:first-child{margin-left:0}
.snsLog2_list li a{position:relative;display:block;padding: 17px 15px 14px 70px;border: 1px solid #d2d2d2;background:#fff;font-size: 15px;color:#555;height: 60px;/* width: 100%; */font-weight:500;}
.snsLog2_list li a:hover{border-color:#1c78d2;color:#111}
.snsLog2_list li a:before{content:"";display:block;position:absolute;left:52px;top:0;width:0;height:100%;border-left:1px solid #d5d5db}
.snsLog2_list li a:after{content:"";display:block;width:23px;height:23px;position:absolute;left:16px;top:50%;margin-top:-11px;background:url(/resource/images/paid/nep/cmmn/sns_login.png);transition:all 1s}
.snsLog2_list li a.fb:after{background-position:0 0}
.snsLog2_list li a.kakao:after{background-position:-23px 0}
.snsLog2_list li a.naver:after{background-position:-46px 0}
.snsLog2_list li a.gg:after{background-position:-69px 0}
.snsLog2_list li a:hover:after{transform:rotateY(360deg)}

.loginBox .align_left .item_input2{position:relative;margin-bottom:9px}
.loginBox .align_left .item_input2 label{position:absolute;top:50%;margin-top:-10px;left:18px;font-size: 14px;color:#8b8b8b;letter-spacing: -0.5px;}
.loginBox .align_left .item_input2 input{width:100%;height:60px;padding:0 15px}
.loginBox .align_left .item_input2 input{width:100%;height:60px;padding:0 15px}

.loginBox .align_left .item_input2{position:relative;margin-bottom:9px}
.loginBox .align_left .item_input2 label{position:absolute;top:50%;margin-top:-10px;left:18px;font-size: 14px;color:#8b8b8b;letter-spacing: -0.5px;}
.loginBox .align_left .item_input2 input{width:100%;height:60px;padding:0 15px}
.loginBox .align_left .item_input2 input{width:100%;height:60px;padding:0 15px}

.loginBox .item_list2 ul{width:100%;}
.loginBox .item_list2 ul:after{content:"";display:block;clear:both}
.loginBox .item_list2 ul li{float:left;width:calc(50% - 5px);margin-bottom:10px;}
.loginBox .item_list2 ul li:nth-child(2n){margin-left:10px;}
.loginBox .item_list2 ul li.icon0 a:before{left:10px;background:url(/resource/images/paid/nep/pot/board/login_list_icon_0.png) center no-repeat}
.loginBox .item_list2 ul li.icon1 a:before{left:10px;background:url(/resource/images/paid/nep/pot/board/login_list_icon_1.png) center no-repeat}
.loginBox .item_list2 ul li.icon2 a:before{left:9px;background:url(/resource/images/paid/nep/pot/board/login_list_icon_2.png) center no-repeat}
.loginBox .item_list2 ul li.icon3 a:before{left:13px;background:url(/resource/images/paid/nep/pot/board/login_list_icon_3.png) center no-repeat}
.loginBox .item_list2 ul li.icon4 a:before{left:13px;background:url(/resource/images/paid/nep/pot/board/login_list_icon_4.png) center no-repeat}
.loginBox .item_list2 ul li.icon5 a:before{left:13px;background:url(/resource/images/paid/nep/pot/board/login_list_icon_5.png) center no-repeat}
.loginBox .item_list2 ul li.icon6 a:before{left:13px;background:url(/resource/images/paid/nep/pot/board/login_list_icon_6.png) center no-repeat}
.loginBox .item_list2 ul li a{position:relative;display:table;width:100%;height:58px;font-size:14px;font-weight:500;padding: 7px 3px 3px 58px;border:1px solid #d2d2d2; }
.loginBox .item_list2 ul li:first-child a{background:#088ac7; border-color:#088ac7;color:#fff;font-size:15px;padding:7px 0 3px 0; text-align:center;}
.loginBox .item_list2 ul li.digital a{background:#284d9e; border-color:#284d9e;color:#fff;font-size:15px;padding:7px 0 3px 0; text-align:center;}
.loginBox .item_list2 ul li a span{display:table-cell;vertical-align:middle}
.loginBox .item_list2 ul li a span i{display:block; font-size:12px; font-style:normal;}
.loginBox .item_list2 ul li a:before{content:"";display:block;width:42px;height:42px;position:absolute;top:50%;margin-top:-20px}
.loginBox .item_list2 ul li a:hover:before{animation:h_scale 1 .6s ease-in-out}

.loginBox input[type=checkbox] {width:18px;height:18px;vertical-align:-3px;margin-right:3px;}
.loginBox label{font-size:15px;}

@media all and (max-width:1024px){
    .loginWrap .snsLogin2{display:block;width:100%;padding: 0;border: 0;}
    .loginWrap .eppLogin2{display:block;width:100%;padding: 0;border: 0;}
    .loginWrap .noMemLogin2{display:block;width:100%;margin-top:20px;padding:20px 0 0;border-top:1px solid #dadada;border-left:0;}

    .snsLog2_list{margin-top:10px}
    .snsLog2_list li{width: 100%;margin-top:10px;}
    .snsLog2_list li:nth-child(2n+1){margin-left:0}

    .loginBox .item_list2 ul li:nth-child(2n){margin-left:0;}
    .loginBox .item_list2 ul li a span i{display:inline-block; margin-left:5px;}
}

@media all and (max-width:460px){
    .snsLog2_list li{width:100%;margin-left:0}
}

@media(max-width:1024px){
    .loginBox .item_list2 ul li{float:none;width:100%;margin-left:0}
}
