@charset 'utf-8';


/*즐겨찾기 추가
.bookmark {margin-left: 1.5%;text-indent: -9999px;}
.bookmark {display: inline-block;width: 25px;height: 25px;background:  url("/img/icon/i_star.png") 0 0 no-repeat;cursor: pointer;vertical-align: sub;}
.bookmark:hover, .bookmark.on  {background-position: 100% 0;}
.bookmark-popup {display: none;position: absolute;width: 100%;min-height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,.7);z-index: 999;}
.bookmark-popup div {display: none;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(x, y);padding:2% 3%;border: 1px solid #ddd;background-color: #fff;text-align: center;}
.bookmark-popup div p {font-weight: 700;}
.bookmark-popup div ul {margin: 10px 0 20px;padding: 15px 20px;font-size: 14px;background-color: #f4f4f4;-webkit-border-radius: 5px;-moz-border-radius:  5px;border-radius:  5px;}
.bookmark-popup div ul b {color:#435b8b}*/

/*로그인 공통*/
.login .select_tit 			{margin-bottom: 7%;}
.login .mempop_tap			{width: 100%; border-bottom: 3px solid var(--blue); display: flex;}
.login .mempop_tap a		{width:100%; height: 70px; background: #f9fbff; display: flex; align-items: center; justify-content: center; padding: 15px 0; font-weight: 400; font-size:20px; text-align: center; color: #999; transition: all .05s;}
.login .mempop_tap a:hover	{color: var(--blue);}
.login .mempop_tap a.active {color:#fff; background: var(--blue);}
.login form 				{margin: 50px 65px;}
.login form.no				{margin:10px 65px 50px}
.login input[type="checkbox"] 					{display: none;}
.login input[type="checkbox"] + label 			{display: inline-block;position: relative;width: 30px;height: 12px;margin-bottom: 3px;border-radius:6px;background-color: #e1e1e1;box-sizing:border-box;vertical-align: middle;cursor: pointer;}
.login input[type="checkbox"] + label:before 	{content:'';display: block;position: absolute;left: 0;top: 50%;margin-top: -8px;width: 16px;height: 16px;border-radius:8px;background-color: #fff;box-shadow:0 0 3px rgba(0,0,0,0.3)}
.login input[type="checkbox"]:checked + label 	{background-color: #354b87;}
.login input[type="checkbox"]:checked + label:before {left: auto;right: 0;}
.login .login_top 				{margin-top: 6%;font-weight: 500;font-size:17px; text-align: center;}

.login div form > ul li input	{border-radius:3px; border: 1px solid #ddd; padding: 0 20px; height: 55px; width: 100%; font-size:17px; font-weight: 300;}
.login div form > ul li input[type="text"]		{border-radius: 3px 3px 0 0 ;}
.login div form > ul li input[type="text"].no	{border-top:0; border-radius: 0 0 3px 3px;}
.login div form > ul li input[type="password"]	{border-top:0; border-radius: 0 0 3px 3px;}

/*로그인*/
.mempop							{background: #fff; border-radius: 10px; max-width: 600px; margin: 50px auto 0; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08); overflow: hidden;}
.mempop div > ul 				{text-align: center;}
.mempop div  > ul li			{display: inline-block;margin-right:10px;}
.mempop div  > ul li:last-child	{margin-right:0px;}
.mempop form button				{width: 100%; margin:30px 0 20px; display:block; background:var(--blue); color:#fff; font-size:18px; font-weight:400; text-align:center; border-radius:5px; padding:15px; transition:.2s;}
.mempop form button:hover,
.mempop form button:focus		{background:var(--black);}
.mempop form ul.txt_btn						{display: flex; justify-content: center;}
.mempop form ul.txt_btn	li					{position: relative; padding: 0 14px;}
.mempop form ul.txt_btn	li:after			{content: ''; width: 1px; height: 17px; background: #ddd; display: inline-block; position: absolute; right: 0; top: 4px;}
.mempop form ul.txt_btn	li:last-child:after	{display: none;}
.mempop form ul.txt_btn	li a				{color:#666;}
.mempop form ul.txt_btn	li a.or				{color:var(--orange)}
.mempop form ul.txt_btn	li a:hover			{text-decoration: underline;}


.mempop .phone								{display: flex; align-items: center; gap: 5px; justify-content: space-between;}
.mempop .input_box							{margin-bottom: 8px;}
/* .mempop .input_box select					{border: 1px solid #ddd; padding: 0 36px 0 20px; height: 55px; width: 100%; font-size:17px; font-weight: 300; background: url('/img/pc/main/search_sel.svg') no-repeat right 16px top 50% / 12px;}
 */


/*비밀번호 팝업*/
.passwordpop_area {position: relative;cursor: pointer;z-index: 998;}
.passwordpop_area:hover .passwordpop {display: block;}
.passwordpop {display: none;position: absolute;left: 30px;top: -35px;width: 420px;padding: 16px 20px;font-size:12px;z-index: 999;background-color: #fff;box-shadow:0 0 5px rgba(0,0,0,.25)}


/*회원/회사 정보입력*/
.meminfo .tbl01 {margin-bottom: 3%;}
.meminfo .tbl01 button {width: 100%;min-height: 50px;padding: 0;background-color: #00549b; vertical-align: middle;}
.meminfo .tbl01 button a{color:#fff;}
.meminfo .tbl01 img {margin-left: 1%;vertical-align: middle;}
.meminfo .tbl01 th {font-size:1.15rem;font-family:"NotoKr";vertical-align: middle;}
.meminfo .tbl01 td {font-size:1.05rem;color:#c2c2c2}
.meminfo .tbl01 td span {font-size:1.5rem;}
.meminfo .tbl01 td small {font-size: 85%;}
.meminfo .tbl01:not(.addinfo) td sub {display: block;margin-top: 1%;font-size: 85%;line-height: 1;}
.meminfo .tbl01 td ul li {overflow: hidden;line-height: 1.2;padding: 1% 0;}
.meminfo .tbl01:not(.addinfo) td ul li select {width: 24%;}
.meminfo .tbl01 td ul li:last-child {margin-bottom: 0px;}
.meminfo .addinfo ul {border-bottom: 1px solid #dbd9d9;color:#acabab}
.meminfo .addinfo ul:nth-child(1) {padding-bottom: 3%;}
.meminfo .addinfo ul:nth-child(2) {padding: 3% 0;color:#767676}
.meminfo .addinfo ul:nth-child(3) {padding-top: 3%;border:none}
.meminfo .addinfo ul li p {float: left;}
.meminfo .addinfo ul:nth-child(1) li p {margin-top: 1%;}
.meminfo .addinfo ul:nth-child(1) li p:first-child {margin-right: 50px;}
.meminfo .addinfo ul:nth-child(2) li p:first-child {width: 20%;max-width: 100px;}
.meminfo .addinfo ul:nth-child(2) li p:last-child {width: 80%;}
.meminfo .addinfo td ul li p sub {display: block;}


/*우편번호 찾기 팝업*/
.wrap-pop {max-width: 640px;box-shadow:0 0 5px rgba(0,0,0,.25)}
.wrap-pop .pop-top{padding: 4% 5.5%;background-color: #354b87;}
.wrap-pop .pop-top h4{float: left;font-size:1.5rem; color:#fff}
.wrap-pop .pop-top a{float: right;margin-top: 5px;text-align: right;}
.wrap-pop .pop-top a img {margin-right: 0;}
.wrap-pop .pop-form {padding: 4% 5.5%;background-color: #f9f9f9;}
.wrap-pop .pop-form  p {margin-bottom: 10px;}
.wrap-pop .pop-form span {display: inline-block;width: 25%;vertical-align: middle;}
.wrap-pop .pop-form input {width: 55%;}
.wrap-pop .pop-form button {width: 18%;background-color: #354b87;color:#fff; padding: 0;min-height: 50px;vertical-align: middle;}
.wrap-pop .contents {padding: 4% 5.5%;}
.wrap-pop .contents ul li:first-child {font-size:1.25rem;margin-bottom: 3.5%;}
.wrap-pop .contents ul li:last-child p {padding-left: 20px;}
.wrap-pop .contents ul li:last-child p:first-child {padding-left: 0px;}
.wrap-pop .contents table {margin-top: 30px;}
.wrap-pop .contents table th {text-align: center;}
.wrap-pop .contents table td {vertical-align: middle;}
.wrap-pop .contents table td:last-child {text-align: center;}
.wrap-pop .deliverypop_page {margin-top: 5%;text-align: center;}
.wrap-pop .deliverypop_page a {display: inline-block;margin-right: 10px;color:#c4c4c4}
.wrap-pop .deliverypop_page a:last-child {margin-right: 0;}
.wrap-pop .deliverypop_page a.active {color:#383838}
.wrap-pop .btn-s {padding:3px 5px;border:1px solid #00549b;font-weight: 500; background-color: transparent; color:#00549b}
.wrap-pop .btn-s:hover {font-weight: 500;background-color: #00549b; color:#fff}
/*표준검색*/
.wrap-pop.stdpop{ display: none; position: fixed; top: 50%; left: 50%; width: 98%; transform: translate(-50%,-50%); background: #fff; }
.wrap-pop.stdpop .contents table td { text-align: center; padding: 15px 5px; }



/*확인/취소 버튼 공통*/
.button_inline form button {float: left;width: 48%;border-radius:4px}
.button_inline form button:last-child{margin-left: 4%;background-color: #747373;}

.button_inline button {float: left;width: 48%;border-radius:4px}
.button_inline button:last-child{margin-left: 4%;background-color: #747373;}


/*로그아웃*/
.logoutpop .login_top p {padding:2% 0 3% 0;font-size: 2rem;text-align: center;line-height: 1.3;}
.logoutpop .login_top p b{font-size: 2rem;}

.bg_white {width: 95%;margin: 3.5%;padding: 3%; border: 1px solid #e5e5e5;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius: 10px;background-color: #fcfcfc;}
.bg_white .btn01 {padding: 1% 5%;}
.bg_white form.clearfix {max-width: 600px;margin: auto;padding: 0 3%;}
.bg_white form.clearfix button {width: 48%;}
.bg_white .tit {margin-top:2%;font-size: 2.5rem;line-height: 1.25;text-align: center;}
.bg_white .txt {padding: 3%;font-size: 1.25rem;line-height: 1.25;text-align: center;}


/*계정잠김*/
.login .login_top p:last-child {margin: 10px 0}
.login .login_top p span {margin: 10px 0;font-weight: 700;color:#ff3802}
.acclockpop .acclockpop_pop {display: block;top: 86%;padding-top: 0;font-weight: 700;font-size:1.25rem;}
.acclockpop .acclockpop_pop .close {position: absolute;top: 10px;right: 5%;}
.acclockpop .acclockpop_pop div {position: relative;padding-top:7%;}
.acclockpop .acclockpop_pop small {display: block;padding-top: 5%;font-weight: 700;font-size: 80%;color: #354b87;line-height: 1.5;}
.acclockpop .acclockpop_pop p {padding:10% 0;}
.acclockpop .acclockpop_pop button {max-width: 280px;background-color: #354b87;border-radius:4px}

/*임시비밀번호 로그인*/
.logintemp table {width: 100%;}
.logintemp table td {padding-bottom: 14px;}
/*.logintemp table td img{margin-left: 1%;vertical-align: middle;}*/
.logintemp table sub {display: block;max-width: 300px;font-size:14px; color:#fa4100;text-align: center;}
.logintemp button {margin-top: 4%;}

/*임시비밀번호 로그인*/
/*.chanpw .tit_top img {margin-right: 10px;vertical-align: middle;}*/
.chanpw .tit_top span {color:#fa4100}
.chanpw .tit_top p {margin-top: 6%;font-size:1.15rem}


/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	.mempop					{margin-top:40px;}
	.login .mempop_tap a	{height: 60px; font-size: 20px}

}


/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	.mempop							{margin-top:20px;}
	.mempop form button				{font-size:16px; margin-top:15px;}
	.mempop form ul.txt_btn li a	{font-size:14px;}
	.login div form > ul li input	{height:50px; padding:0 15px; font-size: 15px;}
	.login div form > ul li input::placeholder {font-size:14px;}
	.login form						{margin:30px 20px;}
	.login form.no					{margin:10px 20px 30px;}
	
}




/*회원탈퇴-완료*/
.withcomp .mypage_aside .lnb > li > ul, .list .mypage_aside .lnb > li > ul {height: auto !important;}
.withcomp .container .tit_top {text-align: center;}

/*	회원탈퇴-상세*/
.withnoti .tit_top p, .recheckp .tit_top p {text-align: center;font-size: 32px;}
.withnoti .line_t ul {padding: 3.5% 4.5%;border:1px solid #e5e5e5;background-color: #fcfcfc;}
.withnoti .line_t ul li {overflow: hidden;}
.withnoti .line_t ul li:before {content:'·';display: inline-block;font-size: 20px;vertical-align:top;}
.withnoti .line_t ul li p {display: inline-block;width: calc(100% - 20px);margin-left: 4px;}
.withnoti .line_t ul li:nth-child(6) {margin-top: 5%;}
.withnoti .line_t ul li:nth-child(n+6) p{margin-left:1%;}
.withnoti .line_t ul li:nth-child(n+6):before {content:'-';margin-left: 2px;}

/*	회원탈퇴-*/
.recheckp .tit_top > div {padding: 5%;border:1px solid #e5e5e5;background-color: #fcfcfc;}

.modinfo .addinfo td p:first-child {margin-bottom: 10px;color: #141414;}

/*	내정보수정*/
.compdetail .compinfo td p {font-size: 15px;color: #343434;min-height: 50px;line-height: 50px;}
.compdetail .compinfo .compnumber td p {display: inline-block;padding: 3%;}
.compdetail .compinfo .compnumber td p:first-child {padding-left: 0;}
.compdetail .compinfo .compnumber td button:last-child {background-color: #fe4d0a;}
.compdetail .addinfo tr td p {margin-bottom: 1%;color: #413f3f;}
.mypage table .acceptance .checkbox + label:before{margin-right: 10px;}
.mypage table .acceptance  .checkbox + label {margin-right: 5%;}
.compdetail .submit {margin: 5% 0;}
.compdetail .submit button {margin-bottom: 1%;margin-right: 1%}
.compdetail .submit button:nth-child(2) {background-color: #747474}
.compdetail .submit button:last-child {background-color: #545454;margin-right: 0;}

/*	내정보수정-기업 팝업*/
.chcomppop {position: relative;max-width: 800px;width: 100%;padding: 3% 5.5%;box-shadow:0 0 10px rgba(0,0,0,.45)}
.chcomppop .tit_top {margin-top: 0}
.chcomppop .tit_top p{font-size: 2rem;}
.chcomppop input, .chcomppop .tbl01 button {min-height: 40px;}
.chcomppop .tbl01 button {margin-right: 10px; font-weight: 500;font-size: 1rem;}
.chcomppop .tbl01 {border-top:none;}
.chcomppop .tbl01 tr th, .chcomppop .tbl01 tr td{border-bottom: none;}
.chcomppop .tbl01 tr th {font-size: 1rem;background-color: #fff;}
.filebox .upload-name {display: inline-block; /* width: 69%; */padding: 10px 12px;font-size: 14px;line-height: normal;vertical-align: middle;background-color: #fff;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;-webkit-appearance: none;-moz-appearance: none;-webkit-appearance: none;box-sizing: border-box;}
#en .filebox .upload-name	{margin: 0;}
.filebox label {display: inline-block;width: 100%;max-width: 80px; min-height: 40px;padding: 10px  0; margin-left: 5px;color: #fff; line-height: normal; vertical-align: middle; background-color: #fe4d0a; cursor: pointer; border-radius: 4px;text-align: center;}
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.chcomppop .check_txt  {padding: 4%;}
.chcomppop .check_txt p {padding-bottom:3%;font-weight: 700;font-size: 1.05rem;font-family:"NotoKr", sans-serif;text-align: center;}
.chcomppop .check_txt ol li {margin-bottom: 5px;list-style:decimal outside;font-size: 0.95rem;}
.chcomppop .submit {max-width: 430px;margin: auto;}
.chcomppop .layer-pop  {display: block;}


#en #egovComFileList .file_add			{margin-top: 5px; display: flex; align-items: center; flex-direction: row-reverse;}
#en #egovComFileList .file_add input	{border: none; padding: 8px 0; margin-right: 0; margin-left: 10px; width: 100% !important; outline: none; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#en #egovComFileList .file_add img:hover{cursor: pointer;}

/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	
}


/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	#en .filebox .file_input_box			{display: flex;}
	#en .filebox .upload-name				{padding: 6.5px 8px; width: 100%;}
	#en .filebox label						{padding: 6.5px 0px; min-height: auto;}
	
	
}



/*
 표준업데이트알림-메일
*/
.noticemail {max-width: 980px; width: 100%;padding: 5% 4%;}
.noticemail article:first-child > p {font-size: 20px;}
.noticemail .mail_contents {margin: 2.5% 0;padding: 2.5% 0;border-top:3px solid #888;border-bottom:3px solid #888;}
.noticemail .mail_contents img {width: 30%;max-width: 186px;}
.noticemail article .c-tit {padding-left: 0;}
.noticemail article .c-tit p {display: inline-block;}
.noticemail article .c-tit p img {max-width:20px;vertical-align: middle;margin-right: 10px;margin-top: -4px;}
.noticemail article .c-tit p:last-child {margin-left: 16px;font-size: 16px;}
.noticemail article table {width: 100%;}
.noticemail article table thead tr th {padding: 10px;border-bottom:1px solid #888; border-top:3px solid #01559b; color:#01559b;}
.noticemail article table tbody tr td {padding: 10px;border-bottom:1px solid #ddd;text-align: center;}
.noticemail article table tbody tr td.con {text-align: left;}
.noticemail article:nth-child(3) ul li {line-height: 2.5;letter-spacing:-0.5px}
.noticemail article:nth-child(3) ul li .btn-s {background-color: #d4d4d4;color:#343434}

/*
 임시비밀번호 - 메일
*/
.temppwnoti  .tit_top h3 {font-weight: 400;font-size: 1.7rem;}
.temppwnoti  .tit_top p {margin: 5% 0;}
.temppwnoti  ul.line_b {padding-bottom: 3%;}
.temppwnoti  ul.line_b a {display: inline;}



/* 다운로드 버튼 */
.btn_wrap #downBtn span			{position: relative; margin-right: 12px;}
.btn_wrap #downBtn span:after	{content:""; position: absolute; background: url('/img/pc/cont/download.png') no-repeat 0 0 / 100%; width:12px; height:15px; top:6px; right:-20px;}

.table_text_btn 	{display: flex; flex-wrap: wrap; align-items: center; width: 100%; gap: 6px;}

/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	.btn_wrap #downBtn span:after	{top:4px;}	
}


/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	.btn_wrap #downBtn span:after	{width:10px; right:-16px;}	
}



/* 탭 */
ul.tab_btn				{display:flex; border-bottom:solid 2px var(--blue); margin:30px 0 50px;}
ul.tab_btn + h3			{margin-top:0;}
ul.tab_btn li a			{display:block; padding:15px 30px; font-size:20px; font-weight:400; color:#888; text-align:center; border-radius:10px 10px 0 0; transition:.2s;}
ul.tab_btn li a:hover,
ul.tab_btn li a:focus	{background:#eee}
ul.tab_btn li.on a		{background:var(--blue); color:#fff;}

.tab_cont		{display:none;}
.tab_cont.on	{display:block;}

/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	ul.tab_btn		{margin:30px 0 40px;}
	ul.tab_btn li a	{font-size:18px;}
}
/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	ul.tab_btn		{margin:20px 0 30px;}
	ul.tab_btn li	{width:calc(50% + 1px)}
	ul.tab_btn li a	{font-size:15px;min-width:revert;width:100%;padding:12px;display: flex;justify-content: center;align-items: center;height: 100%;}
}



/* about_ks */
#en .about_ks .h3_tit	{font-size: 25px; font-weight: 600; margin: 70px 0 15px;}

/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	#en .about_ks .h3_tit	{font-size: 20px; margin: 40px 0 15px 0;}
}
/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	#en .about_ks .h3_tit	{font-size: 18px; margin: 30px 0 10px 0;}
}


/* Procedure or KS Certification */
#en .Certification_step										{padding: 0 10px;}
#en .Certification_step .f17.orange							{color: var(--orange); margin-top: 20px;}
#en .Certification_step > ul > li.step						{}
#en .Certification_step > ul > li.step ul					{display: flex; justify-content: space-between; gap: 60px;}
#en .Certification_step > ul > li.step ul li				{position: relative; width: 100%; display: flex; justify-content: space-between; flex-direction: column; gap: 20px 0;}
#en .Certification_step > ul > li.step ul li .tit			{display: flex; align-items: center; justify-content: center; height: 65px; font-size: 18px; line-height: 24px; font-weight: 400; text-align: center; padding: 10px; color: #fff; border-radius: 2px; background-color: var(--blue); margin-bottom: 5px;}
#en .Certification_step > ul > li.step ul li > div			{display: flex; align-items: center; justify-content: center; position: relative; width: 100%; height: 60px; background-color: #fff; box-shadow: var(--Shadow); padding: 0 20px; text-align: center; border-radius: 10px;}
#en .Certification_step > ul > li.step ul li > div.no		{box-shadow: none; opacity: 0;}
#en .Certification_step > ul > li.step ul li > div.posi_top	{position: absolute;}
#en .Certification_step .fir > div.posi_top					{top: 290px;}
#en .Certification_step > ul > li.step ul li > div .depth	{margin-top: 40px; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: calc(-100% - 60px); width: 100%; height: 60px; background-color: #fff; box-shadow: var(--Shadow); padding: 0 20px; text-align: center; border-radius: 10px;}
#en .Certification_step > ul > li.step ul li > div .depth:before{content: ''; width: calc(50% + 60px); height: 1px; background: #ddd; display: block; position: absolute; left: calc(-50% - 60px); top: 30px; z-index: -1;}

#en .Certification_step .fir div:nth-child(2):before		{content: ''; width: 1px; height: calc(500% + 20px); background: #ddd; display: block; position: absolute; left: -20px; top: 30px;}
#en .Certification_step .fir div:nth-child(2):after,
#en .Certification_step .fir div:nth-child(7):before		{content: ''; width: 20px; height: 1px; background: #ddd; display: block; position: absolute; left: -20px; top: 30px;}
#en .Certification_step .fir div:nth-child(6):after			{content: ''; width: calc(50% + 60px); height: 1px; background: #ddd; display: block; position: absolute; right: calc(-50% - 60px); top: 30px; z-index: -1;}
#en .Certification_step .fir div:nth-child(7):after			{content: ''; width: 60px; height: 1px; background: #ddd; display: block; position: absolute; right: -60px; top: 30px;}
#en .Certification_step .fir div:nth-child(9):after			{content: ''; width: calc(50% + 60px); height: 1px; background: #ddd; display: block; position: absolute; right: calc(-50% - 60px); top: 30px; z-index: -1;}

#en .Certification_step .sec:before,
#en .Certification_step .sec_2:before						{content: ''; width: 1px; height: calc(100% - 125px); background: #ddd; position: absolute; left: 50%; top: 95px;}

#en .Certification_step .sec div:nth-child(2):before		{content: ''; width: 60px; height: 1px; background: #ddd; display: block; position: absolute; left: -60px; top: 30px;}
#en .Certification_step .sec div:nth-child(6):after			{content: ''; width: calc(50% + 60px); height: 1px; background: #ddd; display: block; position: absolute; right: calc(-50% - 60px); top: 30px; z-index: -1;}
#en .Certification_step .sec div:nth-child(5) .depth:after	{content: ''; width: 1px; height: 10px; background: #ddd; display: block; position: absolute; right:50%; top: 60px;}

#en .Certification_step .fir_2 > div.posi_top				{top: 290px;}
#en .Certification_step .fir_2 div:nth-child(2):before		{content: ''; width: 1px; height: calc(600% + 40px); background: #ddd; display: block; position: absolute; left: -20px; top: 30px;}
#en .Certification_step .fir_2 div:nth-child(2):after,
#en .Certification_step .fir_2 div:nth-child(8):after		{content: ''; width: 20px; height: 1px; background: #ddd; display: block; position: absolute; left: -20px; top: 30px;}
#en .Certification_step .fir_2 div:nth-child(5):after		{content: ''; width: calc(50% + 60px); height: 1px; background: #ddd; display: block; position: absolute; right: calc(-50% - 60px); top: 30px; z-index: -1;}

#en .Certification_step .sec_2 div:nth-child(2):after,
#en .Certification_step .sec_2 div:nth-child(7):after,
#en .Certification_step .sec_2 div:nth-child(8):after		{content: ''; width: 60px; height: 1px; background: #ddd; display: block; position: absolute; left: -60px; top: 30px;}

#en .Certification_step .sec_2 div:nth-child(5) .depth,
#en .Certification_step .sec_2 div:nth-child(6) .depth		{margin-top: 0;}

/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	#en .Certification_step										{padding: 0px 0px;}
	#en .Certification_step > ul > li.step ul					{gap: 20px;}
	#en .Certification_step > ul > li.step ul li .tit			{font-size: 15px; height: 70px; padding: 5px 4px; line-height: 20px; margin-bottom: 0;}
	#en .Certification_step > ul > li.step ul li > div			{padding: 5px 4px;}
	#en .Certification_step > ul > li.step ul li > div p		{font-size: 15px; padding: 0 10px; line-height: 20px;}
	#en .Certification_step > ul > li.step ul li > div .depth	{right: calc(-100% - 20px);  padding: 5px 4px;}
	
	#en .Certification_step .fir div:nth-child(2):before,
	#en .Certification_step .fir_2 div:nth-child(2):before		{left: -10px;}
	#en .Certification_step .fir div:nth-child(2):after, 
	#en .Certification_step .fir div:nth-child(7):before,
	#en .Certification_step .fir_2 div:nth-child(2):after, 
	#en .Certification_step .fir_2 div:nth-child(8):after		{left: -10px; width: 10px;}
	
	#en .Certification_step .sec:before, 
	#en .Certification_step .sec_2:before						{top: 100px; height: calc(100% - 130px);}
	
	#en .Certification_step .sec div:nth-child(2):before,
	#en .Certification_step .sec_2 div:nth-child(2):after, 
	#en .Certification_step .sec_2 div:nth-child(7):after, 
	#en .Certification_step .sec_2 div:nth-child(8):after		{width: 20px; left: -20px;}
	#en .Certification_step .sec div:nth-child(6):after,
	#en .Certification_step .fir div:nth-child(9):after			{width: calc(50% + 20px); right: calc(-50% - 20px);}
	
	#en .Certification_step .fir div:nth-child(6):after,
	#en .Certification_step .fir_2 div:nth-child(5):after		{width: calc(50% + 20px); right: calc(-50% - 20px);}
	
	#en .Certification_step > ul > li.step ul li > div .depth:before	{width: calc(50% + 20px); left: calc(-50% - 20px);}
}
/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	#en .Certification_step > ul > li.step ul					{gap: 10px;}
	#en .Certification_step > ul > li.step ul li				{gap: 12px 0; width: 33%;}
	#en .Certification_step > ul > li.step ul li .tit			{font-size: 13px; min-height: 75px; padding: 4px 4px; line-height: 17px; margin-bottom: 0;}
	#en .Certification_step > ul:nth-child(2) > li.step ul li .tit{height: 55px; min-height: 55px;}
	#en .Certification_step > ul > li.step ul li > div			{padding: 4px 4px; min-height: 54px; border-radius: 5px;}
	#en .Certification_step > ul > li.step ul li > div p		{font-size: 14px; padding: 0 4px; line-height: 18px;}
	#en .Certification_step > ul > li.step ul li > div .depth	{right: calc(-100% - 10px); margin-top: 35px; padding: 4px 4px;}
	#en .Certification_step .sec div:nth-child(5) .depth:after	{height: 8px;}
	
	#en .Certification_step .fir div:nth-child(2):before		{height: calc(500% - 10px);}
	#en .Certification_step .fir_2 div:nth-child(2):before		{height: calc(600% + 0px);}
	
	#en .Certification_step .fir div:nth-child(2):before,
	#en .Certification_step .fir_2 div:nth-child(2):before		{left: -10px;}
	#en .Certification_step .fir div:nth-child(2):after, 
	#en .Certification_step .fir div:nth-child(7):before,
	#en .Certification_step .fir_2 div:nth-child(2):after, 
	#en .Certification_step .fir_2 div:nth-child(8):after		{left: -10px; width: 10px;}
	
	#en .Certification_step .sec:before							{top: 100px; height: calc(100% - 128px);} 
	#en .Certification_step .sec_2:before						{top: 100px; height: calc(100% - 110px);}

	#en .Certification_step .fir > div.posi_top					{top: 246px;}
	#en .Certification_step .fir_2 > div.posi_top				{top: 266px;}
	
	#en .Certification_step .sec div:nth-child(2):before,
	#en .Certification_step .sec_2 div:nth-child(2):after, 
	#en .Certification_step .sec_2 div:nth-child(7):after, 
	#en .Certification_step .sec_2 div:nth-child(8):after		{width: 10px; left: -10px;}
	#en .Certification_step .sec div:nth-child(6):after,
	#en .Certification_step .fir div:nth-child(9):after			{width: calc(50% + 10px); right: calc(-50% - 10px);}
	
	#en .Certification_step .fir div:nth-child(6):after,
	#en .Certification_step .fir_2 div:nth-child(5):after		{width: calc(50% + 10px); right: calc(-50% - 10px);}
	
	#en .Certification_step > ul > li.step ul li > div .depth:before	{width: calc(50% + 10px); left: calc(-50% - 10px);}
}







/* 계정 찾기 */
.search_acc .btn_wrap			{padding: 0;}
.search_acc.login .login_top	{padding: 8px 10px; background: #f1f1f1; margin: 0 50px; border-radius: 5px;}
.search_acc.login .login_top b	{color: var(--orange);}
.search_acc.login .h3_tit		{margin: 60px 30px 11px;}
.search_acc.login form			{margin: 17px 50px 25px;}
.search_acc.login .login_top02	{padding: 0 !important; background: none !important; color: #666; font-weight: 300;}

.search_acc.login h2 + .h3_tit		{max-width: 800px; text-align: center; margin: 14px auto 0;}
.search_acc.search_acc02.login form	{margin: 35px 50px 35px;} 
.search_acc.search_acc02 .mempop	{max-width: 810px;}
.search_acc.search_acc02 table.ks_sub_table03 th	{width: 30%;}
.search_acc.search_acc02 .id_pasword td div			{display: flex; align-items: center;}
.search_acc.search_acc02 table.ks_sub_table03.member tr.id_pasword td div input	{margin-right: 0;}
.search_acc.search_acc02 table.ks_sub_table03.member tr.id_pasword td div p.sub_txt	{padding-top: 0;}

@media only screen and (max-width: 1024px){
	
.search_acc.search_acc02.login form	{margin: 30px 38px 20px;}
	
}

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

.search_acc.login .h3_tit		{margin: 35px 30px 15px;}
.search_acc.login .login_top	{margin: 0 30px;}
.search_acc.login form			{margin: 20px 30px 25px;}

.search_acc.login h2 + .h3_tit	{font-size: 16px; margin-top: 5px;}
.search_acc.search_acc02.login form	{margin: 25px 30px 15px;}
	
}






/* 주문결제완료*/
#sub_content.ordercomp						{background-color:#f9fbff}
.ordercomp_info								{margin-top:50px; padding:120px 40px; box-shadow: var(--Shadow); border-radius:10px; background: #fff url(/img/pc/cont/logo_bg.png) left 0 bottom -10px no-repeat; }
.ordercomp_info b.blue						{color: var(--blue);}
.ordercomp_info p.sub_txt					{font-size:20px; font-weight:300; color: var(--black); text-align:center; margin-top:10px; }
.ordercomp_info .btn_wrap.ordercomp			{padding:0 40px; margin-top:30px;}
.ordercomp_info .btn_wrap.ordercomp .prev.prev02{background: var(--blue);}
.ordercomp_info .btn_wrap.ordercomp .next.next02{background: var(--green);}
.ordercomp_info .btn_wrap.ordercomp.one .prev	{width: 250px; margin: 0 auto;}



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

/* 주문결제완료*/
.ordercomp_info							{margin-top:70px; padding:100px 30px; }
.ordercomp_info p.sub_txt				{font-size:17px;}
.ordercomp_info .btn_wrap.ordercomp		{margin-top:25px;}
}

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

/* 주문결제완료*/
#sub_content .ordercomp_info h2.mb0.tit	{font-size:20px;}	
.ordercomp_info							{margin-top:25px; padding:40px 15px; background-size:70%; }
.ordercomp_info p.sub_txt				{font-size:14px; margin-top:8px; }
.ordercomp_info .btn_wrap.ordercomp		{padding:0; margin-top:15px; }
.ordercomp_info .btn_wrap.ordercomp.one .prev	{max-width: 250px; margin: 0 auto; width: 100%;}

}