@charset "utf-8";

/* 상담내역 */
.mypage{text-align:center; height:auto;  padding:20px 0 20px 0; background:#eefce7; border:1px dashed #c8d7c1; box-sizing:border-box;}
.mypage .search_box{display:inline-block; padding-bottom:0;}
.mypage .search_box select{float:left;}
.mypage .search_box p{margin-left:10px;float:left;}

/* 급여명세서 */
.colorbox {display:block;width:auto;padding:30px;font-family:'Lato','NotoKrM',sans-serif;font-weight: 400;color: #505050;background: #f5f7fa;border: 1px solid #efefef;}
.colorbox .area {width:auto;padding:0;background:0;}
.colorbox .area span {color:#3372c9; font-weight:normal;}


/*로그인*/
.s0601 {display:inline-block;width: 100%;/* border:1px solid #e2e2e2; *//* border-top:2px solid #2468c5; */font-size:0;line-height:0;}
.s0601 .login {display:inline-block;width:100%;border-bottom:1px solid #e2e2e2;font-size:13px;line-height:20px;text-align: center;padding-bottom: 50px;}
.s0601 .login .log_l {display:inline-block;width: 100%;/* padding:47px 0 0 50px; */}
.s0601 .login .log_l .tit {line-height: 1;font-size: 50px;font-weight: 600; color:#222;}
.s0601 .login .log_l .tit2 {font-size:15px; color:#222; font-weight:600; word-break:keep-all;}
.s0601 .login .log_l .txt {font-size: 15px;font-family: 'NotoKrM',sans-serif;color: #939393;margin: 30px 0 40px 0;letter-spacing:-1px;}

.s0601 .login .log_r {/* position:relative; */display:inline-block;/* float:right; */width: 366px;/* padding:101px 60px 0 0; */}
.s0601 .login .log_r dl {/* float: inherit; */position: relative;display:inline-block;width: 100%;height: 53px;margin-bottom: 8px;}
.s0601 .login .log_r dl dt {position: absolute;top: 0;left: 18px;height: 53px;line-height: 53px;/* width:64px; */font-family: 'NotoKrM',sans-serif;font-size: 15px;color: #555;}
.s0601 .login .log_r dl dd {float:left;height: 53px;width:200px;}
.s0601 .login .log_r dl dd input {padding:0 10px;margin:0;border:1px solid #dfdfdf;width: 366px;height: 53px;box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 0;}
.s0601 .login .log_r .log_btn {display: inline-block;width: 366px;margin-top: 2px;}
.s0601 .login .log_r .log_btn input,
.s0601 .login .log_r .log_btn .btn_ok{display:inline-block;vertical-align:middle;cursor:pointer;padding:0;margin:0;color:#fff;overflow:visible;letter-spacing:-1px;font-size: 18px;font-family: 'NotoKrB',sans-serif;width: 100%;line-height: 57px;border:none;background: #004aa2; -webkit-appearance: none; -webkit-border-radius: 0;}

.s0601 .logmenu {width: 100%;display:inline-block;background:#fbfbfb;font-size:13px;line-height:20px;box-sizing: border-box; padding: 30px 0;}
.s0601 .logmenu ul {display:flex; gap:30px;}
.s0601 .logmenu ul li {display:flex; align-items:center; gap:20px; width:50%; padding:0 30px; text-align:center;letter-spacing:-1px;color: #939393;font-size: 14px;font-family: 'NotoKrM',sans-serif;text-align: left; box-sizing:border-box;}
.s0601 .logmenu ul li:nth-child(n+2){border-left:1px solid #ddd;}
.s0601 .logmenu ul li::before{content:""; display:block; width:40px; height:40px; background-size:100% auto; background-repeat:no-repeat;}
.s0601 .logmenu ul li.icon1::before {background-image: url(/img/06customer/s0101icon1.gif);}
.s0601 .logmenu ul li.icon2::before {background-image:url(/img/06customer/s0101icon2.gif);}
.s0601 .logmenu ul li.icon3::before {background-image:url(/img/06customer/s0101icon3.gif);}
.s0601 .logmenu ul li.icon4::before {background-image:url(/img/06customer/s0101icon4.gif);}

.s0601 .logmenu ul li .btn {margin: 10px 0 15px; line-height: 1;color: #000;font-family: 'NotoKrM',sans-serif;font-size: 16px;}

/* 정보수정 */
.s0601.modify .logmenu {border-top:1px solid #000; border-bottom:1px solid #000;}
.s0601.modify .login {padding:0; border-bottom:0;}
.s0601.modify .tit {margin-bottom:50px; line-height:1;}
/*회원가입*/
.s0602 {width:100%;padding:20px 0;display:inline-block;}
.s0602 ul li {position: relative;float:left;width: 406px;height: 400px;text-align:center;border: 1px solid #e2e2e2;box-sizing: border-box;}
.s0602 ul li .lt {width:35px; height:35px; position:absolute; top:-2px; left:-2px; background:url(/img/common/lt_bg.png)no-repeat 0 0;}
.s0602 ul li .rb {width:35px; height:35px; position:absolute; bottom:-2px; right:-2px; background:url(/img/common/rb_bg.png)no-repeat 0 0;}
.s0602 ul li.icon01{margin-right: 36px;background: url(/img/06customer/s0201icon.gif) no-repeat center 145px;}
.s0602 ul li.icon02{background:url(/img/06customer/s0201icon2.gif) no-repeat center 145px;}
.s0602 ul li .tit {padding-top: 47px;letter-spacing:-1px;font-family: 'NotoKrB',sans-serif;font-size: 30px;color: #000;}
.s0602 ul li .tit span {display:inline-block; width:100%; font-size:15px; font-weight:600; color:#222; padding-bottom:10px;}
.s0602 ul li .txt {color: #939393;font-family: 'NotoKrM',sans-serif;font-size: 16px;margin-top: 20px;}
.s0602 ul li .btn {padding-top: 180px;}
.s0602 ul li .btn a{display: inline-block;width: 155px;line-height: 46px;color: #fff;font-family: 'NotoKrB',sans-serif;}
.s0602 ul li .btn a.bluepeo{background: #004aa2;}
.s0602 ul li .btn a.hgreen{background: #83be1f;}

.s060201 .rule_box {border:1px solid #dcdcdc; background:#fff; height:150px; overflow-y:scroll; padding:10px; margin-bottom:5px;}
/* .s060201 input {vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}
 */

.joinus_wrap input {-webkit-appearance: none; -webkit-border-radius: 0; background:none; border:1px solid #ddd;}
.joinus_wrap .inp_txt {height: 38px; padding: 0 15px; }


/* 회원가입*/
.s060201 .tbox{color: #000;font-size: 18px;font-weight: 700;border-bottom:1px dashed #d5d5d5;padding-bottom:20px;margin-bottom:50px;}
.s060201 .rule_box h5{font-size: 19px;}
.s060201 .rule_box h5:not(:first-child){margin-top:20px;}
.s060201 .rule_box h6{font-size: 17px;margin-top:15px;color:#222;}
.s060201 .rule_box h6 + p{margin-top:10px;}
.s060201 .rule_box .gray_box{padding: 15px;border: 1px dotted #d5d5d5;background-color:#f5f5f5;}
.s060201 .rule_box ul.pad{padding-left:20px;}
.s060201 .rule_box ul.list.blue li span.blue{color: #1365d8;font-family: 'NotoKrB';font-size:16px;text-decoration: underline;text-underline-position: under;}
.s060201 .rule_box ul.list.blue li span.bk{color:#222;font-family: 'NotoKrB';text-decoration:none;}
.s060201 .agree_bx{display: flex;justify-content: flex-end;margin-top: 15px;gap: 3px;}
.s060201 .agree_bx input[type="checkbox"]:nth-of-type(2){margin-left: 30px;}

/*본인인증*/
.certif_box {width:100%;padding:20px 0;display:inline-block;}
.certif_box ul li {float:left;text-align:center;}
.certif_box.s0602 ul li.ipin{margin-right: 36px;background: url(/img/06customer/ipin_icon.gif) no-repeat center 160px;}
.certif_box.s0602 ul li.phone{background: url(/img/06customer/phone_icon.gif) no-repeat center 160px;}
.certif_box.s0602 ul li .btn {padding-top:159px;}
.certif_box ul li .txt {letter-spacing:-1px;}
.certif_box ul li dl {display:inline-block; width:100%; margin:10px 0;}
.certif_box ul li dl dt {float:left; font-size:14px; color:#222; font-weight:600; width:70px; line-height:30px; height:30px; padding-left:70px;}
.certif_box ul li dl dd {float:left; height:30px;}
.certif_box ul li dl dd input {padding:0; margin:0; line-height:28px; height:28px; border:1px solid #dfdfdf;}

/*패스워드*/
.certif_box.pass ul li .tit {margin-bottom:20px;}
.certif_box.s0602.pass ul li.ipin{background: none;}
.certif_box.s0602.pass ul li.phone{background:none;}
.certif_box.s0602.pass ul li .btn {padding-top:80px;}


/*마이페이지*/
.s0611 {display:inline-block; width:748px; background:url(/img/06customer/s1101bg.jpg) no-repeat left top; border:1px solid #e2e2e2; border-top:2px solid #2468c5;}
.s0611 dl {display:inline-block; padding-left:216px; padding-top:40px; padding-bottom:35px;}
.s0611 dl dt {float:left; font-size:14px; font-weight:600; color:#222; letter-spacing:-1px; line-height:30px; height:30px; width:117px; margin-bottom:5px;}
.s0611 dl dd {float:left; height:30px; margin-bottom:5px; width:400px;}
.s0611 dl dd input {padding:0; margin:0; border:1px solid #dfdfdf; line-height:28px; height:28px; width:198px;}


/*정보수정팝업창*/
.s0611pop {display:inline-block; width:500px;}
.s0611pop .tit {text-align:center; width:100%; height:40px; line-height:40px; background:#2468c5; font-size:15px; font-weight:600; color:#fff;}
.s0611pop .box {padding:15px;}
.s0611pop .box .tit2 {font-size:14px; font-weight:600; color:#2468c5; letter-spacing:-1px;}
.s0611pop .box .out {border:1px solid #dfdfdf; padding:20px; text-align:center; margin-top:10px; font-size:14px; color:#666;}
.s0611pop .box .out span {color:#2468c5; font-weight:600;}

.pop_wrap {display:inline-block; padding:20px; font-size:13px; color:#666; line-height:20px; font-family:'NotoKrR','나눔고딕','Nanum Gothic',sans-serif;}

.cyber_wrap {width:540px;}


/*사이트맵*/
.s0311 {width:100%; display:inline-block;}
.s0311 .box {display:inline-block;float:left;width: 190px;margin-right:30px;margin-bottom:50px;}
.s0311 .box.right {margin-right:0;}
.s0311 .box .tit {width: 190px;height:46px;line-height:46px;text-align:center;font-weight:600;font-size:17px;color:#222; background:#ffe065; box-shadow:2px 8px 5px rgb(255 245 213);}
.s0311 .box ul {width:100%; display:inline-block; padding-top:7px;}
.s0311 .box > ul > li {border:1px solid #ddd; margin-top:10px;}
.s0311 .box ul li {width:99%; letter-spacing:-1px;}
.s0311 .box ul li a {display:block;padding:10px 0 9px 15px;width: 100%; color:#010101; box-sizing:border-box;
line-height:20px;font-size:14px;/* font-weight:600; */color:#444;border-bottom:1px solid #e3e3e3; font-family: 'NotoKrM';}
.s0311 .box ul li a:hover {color:#00a3ef;}
.s0311 .box ul li ul {background:#f8f8f8; border-bottom:1px solid #e3e3e3; padding:10px 0;}
.s0311 .box ul li ul li a {font-size:13px; font-weight:normal; border-bottom:none; line-height:1.5; padding:3px 0 3px 26px; width:139px; font-family:'NotoKrR'; color:#666;
/* background:url(/img/03intro/s1101arrow.gif) no-repeat 15px 9px; */}





/****************************** 태블릿 ******************************/
@media all and (max-width:1024px){

/* 상담내역 */
.mypage{text-align:center; height:auto;  padding:20px; background:#eefce7; border:1px dashed #c8d7c1; box-sizing:border-box;}
.mypage .search_box select{width:48%;}
.mypage .search_box p{margin-left:0; width:48%;}
.mypage .search_box p .con_btn {width:100%; box-sizing:border-box;}
/* 급여명세서 */
.colorbox{padding:20px;}

/* 로그인 */
.s0601 .logmenu {width: 100%; font-size:13px;line-height:20px;box-sizing: border-box; border-top:1px solid #000; border-bottom:1px solid #000; padding: 0 20px;}
.s0601 .logmenu ul {display:inline-block; width:100%;}
.s0601 .logmenu ul li {float:left;width: 100%; font-size: 14px; border-top: 1px dashed #ddd; padding: 20px 0; box-sizing:border-box;}
.s0601 .logmenu ul li:nth-child(n+2){border-left:0;}
.s0601 .logmenu ul li:first-child {border-top:0; }
.s0601 .logmenu ul li .btn {margin: 5px 0 15px;}
.s0601 .logmenu ul li .btn a {display:inline-block;line-height: 1;color: #000;font-family: 'NotoKrM',sans-serif;font-size: 16px;}

/* 정보수정 */
.s0601.modify h3.tit {font-size:16px; text-align:center; margin-bottom:30px; line-height:1.4;}
.s0601.modify .login {padding:30px 0;}


/*회원가입*/
.s0602 ul li {width: 48%; margin-left:0;  margin:0 1%;}
.s0602 ul li.icon01{margin-right: 1%; }
.s0602 ul li.icon02{background:url(/img/06customer/s0201icon2.gif) no-repeat center 145px;}
.s0602 ul li .tit { font-size: 24px; }

/*본인인증*/
.certif_box.s0602 ul li {width:48%; margin:0 1%;}
.certif_box.s0602 ul li.ipin{margin-right: 36px;background: url(/img/06customer/ipin_icon.gif) no-repeat center center; margin-right:0;}
.certif_box.s0602 ul li.phone{background: url(/img/06customer/phone_icon.gif) no-repeat center center;}
.certif_box.s0602 ul li .btn {padding-top:159px;}
.certif_box ul li .txt {letter-spacing: -0.08em; font-size: 15px;  font-weight: normal; }
.certif_box ul li dl {display:inline-block; width:100%; margin:10px 0;}
.certif_box ul li dl dt {float:left; font-size:14px; color:#222; font-weight:600; width:70px; line-height:30px; height:30px; padding-left:70px;}
.certif_box ul li dl dd {float:left; height:30px;}
.certif_box ul li dl dd input {padding:0; margin:0; line-height:28px; height:28px; border:1px solid #dfdfdf;}


.joinus_wrap input {-webkit-appearance: none; -webkit-border-radius: 0; background:none; border:1px solid #ddd;}
.joinus_wrap .inp_txt {height: 30px; padding: 0 15px;  }



/*사이트맵*/
.s0311 .box {width: 23%;  margin-right:0; margin:0 1%; margin-bottom:50px;}
.s0311 .box.right {margin-right:0;}
.s0311 .box .tit {width: 100%; font-size:16px; }
.s0311 .box ul li {width:99%; letter-spacing:-1px;}




}
/****************************** 모바일 ******************************/
@media all and (max-width:767px){
/* 상담내역 */
.mypage{text-align:center; height:auto;  padding:20px; background:#eefce7; border:1px dashed #c8d7c1; box-sizing:border-box;}
.mypage .search_box select{width:60%;}
.mypage .search_box p{margin-left:0; width:40%;}
.mypage .search_box p .con_btn {width:100%; box-sizing:border-box; font-size:13px !important;}

/* 급여명세서 */
.colorbox{padding:10px;}


/* 로그인 */
.s0601 .login .log_l .tit {font-size:32px;}
.s0601 .login .log_l .txt {font-size:14px; margin: 20px 0 30px 0; letter-spacing:-0.08em;}
.s0601 .login .log_r {width:80%; margin:0 auto;}
.s0601 .login .log_r dl {height: 40px; }
.s0601 .login .log_r dl dt {position: absolute;top: 0;left: 18px; line-height: 50px; font-size: 14px; }
.s0601 .login .log_r dl dd {float:left;height: 40px; width:100%;}
.s0601 .login .log_r dl dd input {padding:0 10px;margin:0;border:1px solid #dfdfdf;width: 100%;height: 50px;box-sizing: border-box;}
.s0601 .login .log_r .log_btn {width:100%;}
.s0601 .login .log_r .log_btn input, 
.s0601 .login .log_r .log_btn .btn_ok {width:100%; margin:0 auto; font-size: 15px;}
.s0601 .logmenu {line-height:1;}
.s0601 .logmenu ul li {width: 100%; font-size: 13px;}
.s0601 .logmenu ul li .btn a {font-size: 15px;}


/*회원가입*/
.s0602 ul li {width: 100%;height:auto; padding-bottom:30px;margin-left:0;  margin:0; }
.s0602 ul li.icon01{margin-right: 0%; background-size: 70px; background-position: 50% 50%;}
.s0602 ul li.icon02{background-size: 70px; background-position: 50% 50%;}
.s0602 ul li .tit { font-size: 20px; padding-top:30px;}
.s0602 ul li .btn {padding-top:130px; }

/*본인인증*/
.certif_box.s0602 ul li {width:100%; height:auto; padding-bottom:30px;margin-left:0;  margin:0;}
.certif_box.s0602 ul li.ipin{margin-right: 0%; background-size: 70px; background-position: 50% 50%;}
.certif_box.s0602 ul li.phone{background-size: 70px; background-position: 50% 50%;}
.certif_box.s0602 ul li .btn {padding-top:130px;}
.certif_box ul li .txt {letter-spacing: -0.08em; font-size: 15px;  font-weight: normal; }
.certif_box ul li dl {display:inline-block; width:100%; margin:10px 0;}
.certif_box ul li dl dt {float:left; font-size:14px; color:#222; font-weight:600; width:70px; line-height:30px; height:30px; padding-left:70px;}
.certif_box ul li dl dd {float:left; height:30px;}
.certif_box ul li dl dd input {padding:0; margin:0; line-height:28px; height:28px; border:1px solid #dfdfdf;}

/*패스워드*/

.certif_box.s0602.pass ul li.ipin {margin-bottom:10px;}
.certif_box.s0602.pass ul li dl {width:auto;}
.certif_box.s0602.pass ul li dl dt {padding-left:0;}
.certif_box.s0602.pass ul li .btn {padding-top:30px;}


/*사이트맵*/
.s0311 .box {width: 100%;  }
.s0311 .box.right {margin-right:0;}
.s0311 .box .tit {width: 100%; font-size:15px; }
.s0311 .box ul li {width:100%; box-sizing:border-box; letter-spacing:-1px;}

}