@charset "utf-8";


/*Mypage*/
.mypage_title{ font-size:38px; font-weight:bold; text-align: center; padding:80px 0 60px; background:#fafafa  }
.mypage_top_com{font-weight:bold; text-align:center; color:#eb4141;}

/*tab_list*/
.page_tab{ margin-bottom:30px; }
.page_tab ul {   text-align: center; }
.page_tab ul:after{ display:block; content:""; clear:both }
.page_tab ul li{ position:relative;  display:inline-block;  border:#ccc solid 1px;  font-size:12px; }
.page_tab ul li a{ display:block; padding:12px 15px; text-align: center; }
.page_tab ul li.active,.page_tab ul li:hover{ border-right:#3c69ca solid 1px; border-bottom:#3c69ca solid 1px; }
.page_tab ul li.active a,.page_tab ul li:hover a{ background:#3c69ca; color:#fff; transition: 0.3s }
.page_tab ul li.active:before,.page_tab ul li.active:after,
.page_tab ul li:hover:before,.page_tab ul li:hover:after{ position:absolute; left:-1px; top:-1px; display:block; content:""; background:#3c69ca;  z-index: 100}
.page_tab ul li.active:before,.page_tab ul li:hover:before{  width:1px; height:calc(100% + 2px ); }
.page_tab ul li.active:after,.page_tab ul li:hover:after{ width:calc(100% + 2px ); height:1px; }

@media all and (min-width:768px){
	.page_tab ul li a{ padding:18px 20px; font-size:16px;font-weight:300; }
}

.login_area .login_non_top{border:1px solid #ccc; padding: 20px 40px; text-align:center; background:#f6f6f6; margin-bottom:25px;}



.notice_box .icon{ display:block; width:80px; margin:0 auto;  height:80px; background-position:-178px -110px; border-radius: 100px;  background-color:#f0fbff; background-size:420px; }
.notice_box .title{ font-size:16px; font-weight:bold;   }
.notice_box p{ font-size:14px; margin:10px 0; line-height: 1.3; word-break: keep-all }
@media all and (min-width:768px){
	.notice_box .icon{ float:left; width:110px; height:110px; margin-right:40px; background-position:-256px -161px; background-size:600px; }
	.notice_box{ margin-bottom:20px; }	
	.notice_box .text_box{ overflow:hidden }
	.notice_box .title{ font-size:20px;  }
	.notice_box p{ margin:5px 0; font-size:16px;  }
}
@media all and (min-width:1440px){
	.notice_box .icon{  background-position:-262px -158px; }
}

.cate_box .cate_tab { text-align:center; padding:10px 0;  }
.cate_box .cate_tab a{ display:inline-block; border:#000 solid 1px; padding:10px 6px; font-size:14px; border-radius: 5px;   }
.cate_box .cate_tab a.active{ background:#000; color:#fff; font-weight:bold }
.cate_box .select_wrap{ position:relative; float:right; margin-bottom:10px;  }
.cate_box .select_wrap:after{ position:absolute; right:12px; top:50%; transform: translateY(-50%); display:block; content:"\f0d7"; font-family:"Font Awesome 5 Pro"; font-weight:bold; font-size:18px;  }
.cate_box .select_wrap select{ padding-right:32px; border-radius: 3px;  -webkit-appearance:none; }
.cate_box .select_wrap select::-ms-expand{ display:none }
@media all and (min-width:768px){
	.cate_box .cate_tab { float:left; text-align:left; padding:15px 0;  }
	.cate_box .cate_tab a{ padding:10px 15px; font-size:16px;  }
	.cate_box .select_wrap{ margin-bottom:0; margin-top:10px; }
}


.siiru-loginWrap{ background:#fff; border-radius:10px; padding:20px 0; }
.loginWrap{ width:100%; background:#fff; border:0; }
.loginWrap dl{ width:100%; padding:0; }
.loginWrap dl dt{ width:100%; text-align:left; padding:0; margin-bottom:5px; font-size:18px; margin-top:10px }
.loginWrap dl dd{ width:100%; padding:0; }
.loginWrap dl dd input[type="text"], .loginWrap dl dd input[type="password"]{ height:35px; box-sizing:border-box; margin-bottom:10px; }
.joinForm-write dl dd input[type="password"]{ height:35px; box-sizing:border-box; }
.loginWrap dl dd label{height:auto; vertical-align: top; padding:0; line-height:16px; margin-left:5px}
.loginWrap ul li{ text-align:center;}
.loginWrap ul li span{ display:block; margin-bottom:10px; line-height:1.3 }
.loginWrap .siiru-btn{padding:10px 15px 12px !important;width: 100%;}
@media all and (min-width:768px){
    .loginWrap{ width:350px; margin:0 auto; } 
}

.siiru-joinWrap{ background:#fff; border-radius:10px; padding:0; margin:0; }
.siiru-joinWrap section .well{ padding:15px 20px 17px; text-align:center; }
.siiru-joinWrap section .stepCate small{ line-height:1.5; min-height:77px; }
.siiru-joinWrap .stepTab{ margin:0 0 15px 0; }
.siiru-joinWrap .stepTab ul{ display:flex; flex-wrap:wrap; justify-content:space-between }
.siiru-joinWrap .stepTab ul li{ width:49%; border:0; padding:5px 0;  }
.siiru-joinWrap .stepTab ul li strong{ display:block; margin-top:5px; }
.siiru-joinWrap .stepTab ul li.active{ border:0; }
.siiru-joinWrap .stepTab ul li.active a{ display:block; color:#eb4141;}
.siiru-joinWrap section{ padding:10px 0; }
.siiru-joinWrap section .agreeBoxWrap{ padding:0; }
.siiru-joinWrap section .stepTitle{ font-size:18px; text-align:left; }
.siiru-joinWrap section .stepTitle small{ display:block; padding:0; margin:15px 0; }
.siiru-joinWrap section .kindBox{ display:block; width:100%; margin-right:0; margin-bottom:15px; height:auto;}
.siiru-joinWrap section .stepCate{ width:100%; height:auto;  padding:0 15px 25px 15px; }
.siiru-joinWrap section .childjoin_area .kindBox {width:100%;}

.siiru-joinWrap section .stepCate{ text-align: center; border:#d7d7d7 solid 1px; padding:30px;  }
.siiru-joinWrap section .stepCate i{display:block;width:77px;height: 87px;margin:0 auto;background-size:510px;margin-bottom:15px;}
.siiru-joinWrap section .stepCate i.sprite {background-image:url("/home/www/images/common/sprite_m02(2025).png");}
.siiru-joinWrap section .stepCate i.icon01{background-position: -324px -288px;} 
.siiru-joinWrap section .stepCate i.icon04{background-position: -133px -533px;} 
.siiru-joinWrap section .stepCate i.icon05{background-position: -232px -533px;} 

.siiru-joinWrap section .stepCate span{ display:block; width:100px; height:100px; margin:0 auto 15px; background-position:center; background-size:contain; background-repeat:no-repeat; }
.siiru-joinWrap section .stepCate.join_s1 span{ background-image:url(/home/www/images/sub/join_icon01.jpg)}
.siiru-joinWrap section .stepCate.join_s2 span{ background-image:url(/home/www/images/sub/join_icon02.jpg)}
.siiru-joinWrap section .stepCate.join_s3 span{ background-image:url(/home/www/images/sub/join_icon03.jpg)}
.siiru-joinWrap section .stepCate p{ margin-top:0; font-weight: 500; color: black;}
.siiru-joinWrap section .stepCate button{margin-top:15px;background:#fff;color:#333 !important;border: #334 solid 1px  !important;padding: 8px 25px  !important;border-radius:50px;font-size: 16px;height: auto !important;}
.siiru-joinWrap section .siiru-btnSet{ margin-top:30px; }
.joinForm-write dl{ padding:5px 0; }
.joinForm-write dl dt{ float:none; width:100%; text-align:left; }
.joinForm-write dl dd input[type="text"]{ height:35px;}
.joinForm-write dl dd input.small2{ width:160px; }
.joinForm-write dl dd{ width:100%; padding:5px 0; }
.joinForm-write dl dd select{ min-width:100%; height:35px; margin:0 0 10px !important}
.joinForm-write dl dd label{ line-height:1; padding-right:0; }
.joinForm-write .siiru-btn-small{ padding:8px 10px !important }
.joinForm-write .siiru-btn{ padding:8px 20px 10px !important }

.dt2_tt_basic dt{ font-weight:bold; margin:10px 0; }
.dt2_tt_basic dd{ line-height:1.5; font-size:14px; }
.password_st{ display:block; font-size:14px; margin-top:10px; font-weight:300; line-height:1.3 }
.siiru-joinWrap2 .agreeBoxWrap .agreeBox {height: auto !important;max-height: 180px;overflow-y: auto !important;}

@media all and (min-width:768px){
    .siiru-joinWrap{ padding:30px }
    .siiru-joinWrap .stepTab ul li{ position:relative; width:20% }
    .siiru-joinWrap .stepTab ul li:before{ position:absolute; top:-20px; left:50%; transform:translateX(-50%); display:inline-block; width:15px; height:15px; content:""; background:#e5e5e5; border-radius:20px; z-index:10 }
    .siiru-joinWrap .stepTab ul li:after{ position:absolute; top:-13px; left:50%; display:block; width:100%; height:2px; background:#e5e5e5; content:""; }
    .siiru-joinWrap .stepTab ul li:last-child:after{ display:none; }
    .siiru-joinWrap .stepTab ul li.active:before{  background:#eb4141; border-radius:10px; }
    .joinForm-write dl dt{ float:left; width:20% }
    .joinForm-write dl dd{ float:left; width:80% }
    .joinForm-write dl dd select{ min-width:30%; margin:0 10px 0 0 !important }
	.siiru-joinWrap section .well{ padding:30px 25px; width:100%; }
    .siiru-joinWrap section .kindBoxWrap{ display:flex; flex-wrap:wrap; justify-content:space-between }
    .siiru-joinWrap section .kindBox{ width:32%; }
	.siiru-joinWrap section .certLayer{ display:flex; justify-content:space-between; width:100%; }
	.siiru-joinWrap section .childjoin_area{ display:flex; justify-content:space-between; width:100%; }
    .siiru-joinWrap section .stepCate{ padding:40px 0;}
	.siiru-joinWrap section .complete{ width:100%; background:#fbfbfb; }
	.dt2_tt_basic dd{ font-size:16px; }

	.siiru-joinWrap2 .agreeBoxWrap {max-width: 680px;}
}
@media all and (min-width:1024px){
	.siiru-joinWrap {padding:60px 30px;}
	.siiru-joinWrap section .childjoin_area .kindBox {width:32.5%; margin:1%;}
	.siiru-joinWrap section .certLayer .kindBox {width:48%; margin:1%;}

	.siiru-joinWrap2 {padding: 0;} /* 마이페이지 > 회원정보수정 개인정보보호방침 동의 추가 - 250722 */
	.siiru-joinWrap2 .agreeBoxWrap {max-width: 80%;}
	.siiru-joinWrap2 .agreeBoxWrap .agreeBox {max-height: 150px;}
}

.findUserWrap{ width: 100%;background:#fff;border-radius:10px;padding:20px;border:0;}
.findUser-tab ul{ display:flex; }
.findUser-tab ul li{ width:50%;}
.findUser-tab ul li a{ display:block; text-align:center; }
.findUserWrap h4{font-size: 20px;padding: 20px 0;}
.findUserWrap section{ padding:20px 0;}
.findUserWrap section h5{font-size:18px;/* margin-bottom:20px; *//* padding:0; */}
.findUserWrap section .certWrap{ width:100%;}
.findUserWrap section .kindBoxWrap{ width:100%; display: flex; flex-wrap: wrap !important; justify-content: space-between; align-items: flex-start;}
.findUserWrap section .kindBox{ width:100%; margin-bottom: 20px; margin-right:0;}
.findUserWrap section .stepCate{ padding:30px; height:auto; text-align: center; border-radius : 10px;}
.findUserWrap section .stepCate i{display:block;width:77px;height: 87px;margin:0 auto;background-size:510px;margin-bottom:15px;}
.findUserWrap section .stepCate i.sprite {background-image:url("/home/www/images/common/sprite_m02(2025).png");}
.findUserWrap section .stepCate i.icon01{background-position: -324px -288px;} 
.findUserWrap section .stepCate i.icon02{background-position: -417px -288px;} 
.findUserWrap section .stepCate i.icon03{background-position: -426px -380px;} 
.findUserWrap section .stepCate i.icon04{background-position: -133px -533px;} 
.findUserWrap section .stepCate i.icon05{background-position: -232px -533px;} 
.findUserWrap section .stepCate p{ font-size: 18px; margin-top:0;}
.findUserWrap section .stepCate small{ line-height: 1.3;}
.findUserWrap section .stepCate button {margin-top:15px;background:#fff;color:#333 !important;border: #334 solid 1px  !important;padding: 8px 25px  !important;border-radius:50px;font-size: 16px;height: auto !important;}
.findUserWrap section .kindBoxWrap dl{padding:0;margin-bottom:15px;}
.findUserWrap section .kindBoxWrap dl dt{/* float:none; */width:100%;text-align:left;padding:5px 0;}
.findUserWrap section .kindBoxWrap dl dt label{/* display:block */}
.findUserWrap section .kindBoxWrap dl dd{ width:100%; padding:5px 0; }
.findUserWrap section .kindBoxWrap dl dd input[type="text"]{ height:37px; width:100%;}
.findUserWrap section .kindBoxWrap dl dd input[type="password"]{ height:35px; width:100%; border:1px solid #ccc; padding:5px; font-size:.9em; color:#666; box-sizing: border-box;}
@media all and (min-width:768px){
	.findUserWrap{padding: 0;}
	.kindBoxWrap > div{ float:left; }
	.kindBoxWrap > div:last-child{  }
	
}
@media all and (min-width:1000px){
	.findUserWrap section .kindBox{ width:24%;}
}
@media all and (min-width:1024px){
	.findUserWrap{/* padding:60px 250px; */}
	
	.findUser-tab ul li{ padding:0; }
	.findUser-tab ul li a{ padding:20px 0; }
	.findUserWrap section .kindBoxWrap dl dt{ float:left; margin-right:20px; width:100px; }
	.findUserWrap section .kindBoxWrap dl dd{ width:auto; }
	.findUserWrap section .kindBoxWrap dl dd input[type="text"]{ width:200px;}
	.findUserWrap section .kindBoxWrap dl dd input[type="password"]{ width:200px; }	
}

.passwdWrap, .userWrap {width:100%;}
.passwdWrap dl, .userWrap dl {width:90%; margin-bottom:20px;}

.agree_again {border: 1px solid #a8b4ce; padding: 10px; border-radius: 10px; background: #f4f7fe; margin: 10px 0;}


.siiru-userWrap{ width: 100%; background:#fff;border-radius:10px;padding:20px;border:0;}
.findUser-tab ul{ display:flex; }
.findUser-tab ul li{ width:50%;}
.findUser-tab ul li a{ display:block; text-align:center; }
.siiru-userWrap h4{font-size: 20px;padding: 20px 0;}
.siiru-userWrap section{ width:100%; border:0 none; }
.siiru-userWrap section h5{font-size:18px;/* margin-bottom:20px; *//* padding:0; */}
.siiru-userWrap section .certWrap{ width:100%;}
.siiru-userWrap section .kindBoxWrap{ width:100%; display: flex; flex-wrap: wrap !important; justify-content: space-between; align-items: flex-start;}
.siiru-userWrap section .kindBox{ width:100%; margin-bottom: 20px; margin-right:0;}
.siiru-userWrap section .stepCate{ padding:30px; height:auto; text-align: center; border-radius : 10px;}
.siiru-userWrap section .stepCate i{display:block;width:77px;height: 87px;margin:0 auto;background-size:510px;margin-bottom:15px;}
.siiru-userWrap section .stepCate i.sprite {background-image:url("/home/www/images/common/sprite_m02(2025).png");}
.siiru-userWrap section .stepCate i.icon01{background-position: -324px -288px;} 
.siiru-userWrap section .stepCate i.icon02{background-position: -417px -288px;} 
.siiru-userWrap section .stepCate i.icon03{background-position: -426px -380px;} 
.siiru-userWrap section .stepCate i.icon04{background-position: -133px -533px;} 
.siiru-userWrap section .stepCate i.icon05{background-position: -232px -533px;} 
.siiru-userWrap section .stepCate p{ font-size: 18px; margin-top:0;}
.siiru-userWrap section .stepCate small{ line-height: 1.3;}
.siiru-userWrap section .stepCate button {margin-top:15px;background:#fff;color:#333 !important;border: #334 solid 1px  !important;padding: 8px 25px  !important;border-radius:50px;font-size: 16px;height: auto !important;}
.siiru-userWrap section .kindBoxWrap dl{padding:0;margin-bottom:15px;}
.siiru-userWrap section .kindBoxWrap dl dt{/* float:none; */width:100%;text-align:left;padding:5px 0;}
.siiru-userWrap section .kindBoxWrap dl dt label{/* display:block */}
.siiru-userWrap section .kindBoxWrap dl dd{ width:100%; padding:5px 0; }
.siiru-userWrap section .kindBoxWrap dl dd input[type="text"]{ height:35px; width:100%;}

.pwCert input {border:1px solid #ccc; padding:5px; font-size:.9em; color:#666; height:20px;}

@media all and (min-width:768px){
	.siiru-userWrap{padding: 0 40px;}
	.kindBoxWrap > div{ float:left; }
	.kindBoxWrap > div:last-child{  }
}
@media all and (min-width:1000px){
	.siiru-userWrap section .kindBox{ width:24%;}
}
@media all and (min-width:1024px){
	.siiru-userWrap{/* padding:60px 250px; */}
	
	.siiru-userWrap section .kindBoxWrap dl dt{ float:left; margin-right:30px; width:auto; }
	.siiru-userWrap section .kindBoxWrap dl dd{ width:auto; }
}