<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* 2020.10.15 ssj ; */
/* 2024.02.15 OSY ; */


/* 서브페이지 틀 세팅*/
#sub_visual {/*display:none;*/}
.contents {border-top:2px solid #ddd;}
.subMenu {/*display:none;*/}
.subMenu + .subCon {/* width:100% !important; *//* float: none; *//* margin: 0 auto; */}
.subCon h4.tit {display:none;}
.subCon .location {/*display:none;*/}
.subCon .location ~ div:first-of-type {padding-top:50px;}

.wrap_left_template #sub_visual {/*display:block; margin-bottom:12px;*/}
.wrap_left_template .contents {border-top:none;}

   


/*로그인*/
div.sbscrb001{width:100%;/* padding:10px; */box-sizing:border-box;overflow:hidden;float:left;margin-top: 10px;}
div.sbscrb001 &gt; div.sbscrbTopbox{width:100%;min-height:160px;box-sizing:border-box; background: #f8f8f8;float:left;padding: 40px 20px;}
div.sbscrb001 &gt; div.sbscrbTopbox div.sbscrbImgbox{width:30%; float:left; padding:10px 0; display:block; text-align:center;}
div.sbscrb001 &gt; div.sbscrbTopbox ul.sbscrbTxtbox{width:70%;float:left;padding:30px 0;box-sizing:border-box;text-align: left;}
div.sbscrb001 &gt; div.sbscrbTopbox ul{float:left; width:100%;}
div.sbscrb001 &gt; div.sbscrbTopbox ul li{/* margin-top:5px; */font-size: 17px;position:relative;}
div.sbscrb001 &gt; div.sbscrbTopbox ul li:first-child{margin-top:0;font-size: 28px;margin-bottom: 20px;font-weight: 600;}
div.sbscrb001 &gt; div.sbscrbTopbox ul li:before{/* content:""; */position:absolute;top:8px;left:0px;width:3px;height:3px;background:#ababab;border-radius:25px;}



div.sbscrb001 &gt; div.sbscrbBtmbox {width:50% !important;margin-top: 30px;}
div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap{box-sizing:border-box; width:100%; margin:0px auto; float:left;}
div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap h2 {font-size: 22px;/* line-height:27px; */margin-bottom:30px;color:#333;font-weight: 600;letter-spacing:-2px;}
div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap p {font-size:12px;padding:16px 0 24px 0; letter-spacing:0px;}
div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap h3{font-size:14px; font-weight:700; padding:10px 0;}
div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginLine{box-sizing:border-box;position:relative;/* padding-top: 30px; */}
div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginBox{border-top: 3px solid #555;/* background:#fafafa; */padding:50px 40px 70px 40px;overflow:hidden;position: relative;}
div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginBox&gt;form#loginForm {max-width: 800px; margin: 0 auto;}
div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginBox .inputLabel {width: 80%;margin-bottom:10px;/* margin-right: 20%; */position:relative;float: left;}
div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginBox .inputLabel &gt; span{width:auto; display:inline-block;float:left;line-height:39px;text-align:left;font-size:14px;letter-spacing:-0.5px;position:absolute;top:0;left:0px;}
div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginBox .inputLabel .loginId, .loginWrap .loginBox .inputLabel .loginPw{border:1px solid #e9e9e9;/* background: #fff !important; */height:40px;box-sizing:border-box;font-size: 15px;color: #333;width:100%;padding:0 10px;}
div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginBox .idSaveBox {width: 100%; display: block; float: left; padding: 10px 0;}
div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginBox ul.idSaveBox{line-height:12px;display:block;font-size:12px;float:left;width:90%;margin-left:13%;position:absolute;left:0;}
div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginBox ul.idSaveBox li{float:left;}
div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginBox ul.idSaveBox li:last-child a{line-height:10px; padding-left:8px; margin-left:8px; border-left:1px solid #ccc; display:block; margin-top:4px;}
div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginBox .idSave{/* vertical-align:-1px; */font-size: 14px;margin-left: 5px;}
div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginLine a.loginBt{width: 19%;float: right;margin-top: -50px;font-size: 18px;background: #333;text-align: center;padding: 35px 5px;color:#fff;/* position:absolute; *//* top:118px; *//* right:41px; *//* border-radius:3px; *//* font-size:13px; *//* line-height:16px; */box-sizing: border-box;}
div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginLine a.loginBt:hover{background:#000;}
div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginLine .loginSearch{padding:20px 0;/* margin-top:20px; */border-top: 1px solid #ddd;overflow:hidden;width: 100%;margin: 0 auto;max-width: 800px;}
div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li {width: 32.666%;box-sizing:border-box;text-align:center;list-style:none;float:left;margin-bottom:5px;/* border-right:1px solid #e2e2e2; */padding:0;color:#909090;margin-right: 1%;text-align: center;}
div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li:last-child {margin-right:0;}
div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li:first-child:nth-last-child(2),
div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li:last-child:nth-last-child(1) {width:49.5% !important;}
div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li a{font-size:16.5px;text-align:center;border-radius:2px;font-weight:600; padding: 15px 0;background: #f5f5f5;border: 1px solid #f2f2f2;box-sizing: border-box;width: 100%;float: left;}
div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .logindiv.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginBox .id-savenLine .loginSearch li a:hover{background:url("../img/clickBar.png") repeat-x;}

div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginBox .wzbtn-block {font-size:16.5px; padding:14px 5px;}

		@media (max-width:799px){
			div.sbscrb001 &gt; div.sbscrbBtmbox {width:100% !important;}
			div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginBox {padding:20px 10px !important;}
		}





/*찾기*/
div.sbscrb002{width:100%; padding:10px 0; box-sizing:border-box; float:left;/* margin-top:50px;*/}
div.sbscrb002 &gt; div.sbscrbTopbox{width:100%; box-sizing:border-box;}
div.sbscrb002 &gt; div.sbscrbTopbox &gt; ul.typeTop{width:100%;}
div.sbscrb002 &gt; div.sbscrbTopbox &gt; ul.typeTop li{width:50%; list-style:none; box-sizing:border-box; float:left;}
div.sbscrb002 &gt; div.sbscrbTopbox &gt; ul.typeTop li:first-child a{border-right:0;}
div.sbscrb002 &gt; div.sbscrbTopbox &gt; ul.typeTop li a{padding:18px 30px; background:#f1f1f1; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:2px solid #bbb; font-size:13px;  display:block; text-align:center;}
div.sbscrb002 &gt; div.sbscrbTopbox &gt; ul.typeTop li a:hover{font-weight:600; }
div.sbscrb002 &gt; div.sbscrbTopbox &gt; ul.typeTop li a.on{background:#fff; font-weight:600; border-bottom:none; border-top:2px solid #bbb;}
div.sbscrb002 &gt; div.sbscrbBtmbox{width:100%; float:left; margin-top:50px;}
div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn{width:100%;}
div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li {float:left;text-align:center;}
div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li{width: calc(100% / 2 - 0.5%); /*border-top:0 !important;*/}
div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li + li{margin-left:1%;}
  /*교육지원청 - EPKI 인증 하나일경우 추가. 21.02.19 SSJ*/
  div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li:only-child {width: 100% !important;border: none;text-align: center;margin-top: 30px;}
  div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li:only-child a {background:linear-gradient(#124274 , #1d5793) !important;width: 40%;display: inline-block;padding: 20px 10px;}
  div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li:only-child a p:empty {display:none;}
  div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li:only-child a span {color: #fff !important;font-weight: 400;margin-bottom: 0;padding: 0;}
  div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li:only-child a:focus {position:relative; box-sizing:border-box;}
  div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li:only-child a:focus:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px dashed #fff; box-sizing:border-box;}
  
/*인증방식 3개일경우*/
div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li:first-child:nth-last-child(3),
div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li:nth-child(2):nth-last-child(2),
div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li:last-child:nth-child(3) {width:32.666% !important;}

div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li:last-child{margin-right:0;}
div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li a{width: 100%; padding:30px 5px; border-radius:0px;display:block;text-align:center;background:#fff; border:1px solid #ccc; box-sizing: border-box;}
div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li a:hover{background:#fcfcfc;}
div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li a p{font-size:16px;font-weight:500;margin-top:10px;letter-spacing:-1px;}
div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li a div {width: 80%; height: 50px; margin-top: 25px; font-weight: 600; background: linear-gradient(#124274 , #1d5793) !important; color: #fff; margin: 40px auto; line-height: 50px; font-size: 17px; font-weight: 400;}
div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li a span img{float:right;padding-right:10px;display:block;margin:2px 0;position:absolute;top:9px;right:2px;}

div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li span {display: block; width: 100%; margin-bottom: 20px; padding: 10px 0; color: #4e4e4e; font-size: 22px; font-weight: 600; background:none!important;}

div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn .SC00000306{border-top:3px solid #c5c5c5;}
div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn .SC00000433{border-top:3px solid #18ca00;}
div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn .SC00000434{border-top:3px solid #edd60d;}
div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li:nth-child(4){border-top:3px solid #d44b4b;}
div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn .SC00000436{border-top:3px solid #3d62a9;}

div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn .SC00000306 a span{background:#c5c5c5;}
div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn .SC00000433 a span{background:#18ca00;}
div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn .SC00000434 a span{background:#edd60d;}
div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li:nth-child(4) a span{background:#d44b4b;}
div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn .SC00000436 a span{background:#3d62a9;}

div.sbscrb002 &gt; div.sbscrbBtnbox{float:left; width:100%;}
div.sbscrb002 &gt; div.sbscrbBtnbox &gt; div.sbscrbBtnwidth{overflow:hidden; margin:30px auto; width:100%; text-align:center;}
div.sbscrb002 &gt; div.sbscrbBtnbox &gt; div.sbscrbBtnwidth &gt; a {width:auto !important;}

div.sbscrb002 ul.sbscrbStep {width:100%; float:left; background:#fcfcfc; padding:15px 0; border:1px solid #f1f1f1; margin-bottom:10px;}
div.sbscrb002 ul.sbscrbStep li {float:left; background:url("../img/sbscrbBgarrow.png") no-repeat right 50%; }
div.sbscrb002 ul.sbscrbStep li:last-child{background:none;}
div.sbscrb002 ul.sbscrbStep li img{display:block; margin:0px auto; padding:20px; background:#fff; border:1px solid #eee; border-radius:100px;}
div.sbscrb002 ul.sbscrbStep li:nth-child(2) img{/*background:#f3f3f3;*/}
div.sbscrb002 ul.sbscrbStep li p{text-align:center; font-size:14px; font-weight:500; color:#5d5e65; padding-top:5px;}
div.sbscrb002 ul.sbscrbStep li p.stepOn {font-weight:600;}
div.sbscrb002 ul.sbscrbStep li p span{display:inline-block; width:100%; font-size:12px; color:#333;}
div.sbscrb002 p.sbscrbNaming{float:left; width:100%; padding:10px 0; font-size:16px; line-height:18px; font-weight:600;}
div.sbscrb002 p.sbscrbNaming &gt; span{font-size:12px; width:100%; display:block; margin-top:5px; font-weight:400; color:#aaa;}



/* style2 */
div.sbscrb002 ul.sbscrbStep{width:100%;float:left;background: #f8f8f8;padding: 30px 0; border:1px solid #f1f1f1; margin-bottom: 30px;}
div.sbscrb002 ul.sbscrbStep li:last-child {background:none;}
div.sbscrb002 ul.sbscrbStep li img.stepOn {display:block; margin:0px auto; padding:20px; background:#fff; border:1px solid #eee; border-radius:100px;
											background: #fff; border: 1px solid #555; box-shadow: 0 0px 0 0 rgba(85,85,85,1);}
div.sbscrb002 ul.sbscrbStep li p{text-align:center;font-size: 14px;font-weight:500;color:#5d5e65;padding-top: 15px;}
div.sbscrb002 ul.sbscrbStep li p.stepOn{/* font-weight:600; */}
div.sbscrb002 ul.sbscrbStep li p span{display:inline-block;width:100%;font-size: 19px;color: #124274;padding-top: 10px;}
div.sbscrb002 p.sbscrbNaming{float:left;width:100%;padding: 40px 0 30px;font-size: 22px;/* line-height:18px; */font-weight:600;letter-spacing: -0.5px;box-sizing: border-box;border-top: 3px solid #555;}
div.sbscrb002 p.sbscrbNaming &gt; span{font-size: 15px;width:100%;display:block;margin-top: 20px;font-weight:400;color: #555;}
div.sbscrb002 ul.sbscrbStep li:nth-child(2) p {font-weight:600;}








/*이메일로찾기*/
div.sbscrb003{width:100%;padding:10px;box-sizing:border-box;margin-top:20px;float:left;}
div.sbscrb003 &gt; div.sbscrbTopbox{width:100%; box-sizing:border-box;}
div.sbscrb003 &gt; div.sbscrbTopbox &gt; ul.typeTop{width:100%;}
div.sbscrb003 &gt; div.sbscrbTopbox &gt; ul.typeTop li{width:50%; list-style:none; box-sizing:border-box; float:left;}
div.sbscrb003 &gt; div.sbscrbTopbox &gt; ul.typeTop li:first-child a{border-right:0;}
div.sbscrb003 &gt; div.sbscrbTopbox &gt; ul.typeTop li a{padding:18px 30px; background:#f1f1f1; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:2px solid #bbb; font-size:13px;  display:block; text-align:center;}
div.sbscrb003 &gt; div.sbscrbTopbox &gt; ul.typeTop li a:hover{font-weight:600; }
div.sbscrb003 &gt; div.sbscrbTopbox &gt; ul.typeTop li a.on{background:#fff; font-weight:600; border-bottom:none; border-top:2px solid #bbb;}
div.sbscrb003 &gt; div.sbscrbTopbox &gt; ul.typeTop li a.last{border-left:1px solid #ccc; border-bottom:2px solid #bbb; border-right:0px #fff; border-top:0px #fff; background:#fff;}
div.sbscrb003 &gt; div.sbscrbBtmbox{width:100%; float:left; margin-top:50px;}
div.sbscrb003 &gt; div.sbscrbBtmbox p.sbscrbNaming{padding:10px 0; font-size:16px; line-height:16px; letter-spacing:-1px; font-weight:600;}
div.sbscrb003 &gt; div.sbscrbBtmbox div.sbscrbBtnbox {overflow:hidden; width:100%; float:left; margin-top:20px;}
div.sbscrb003 &gt; div.sbscrbBtmbox div.sbscrbBtnbox div.sbscrbBtnwidth {max-width:300px; margin:0 auto; overflow:hidden;}
div.sbscrb003 &gt; div.sbscrbBtmbox table{width:100%; border-top:3px solid #363636;}
div.sbscrb003 &gt; div.sbscrbBtmbox table.sbscrbTable tr{}
div.sbscrb003 &gt; div.sbscrbBtmbox table.sbscrbTable tr th{background:#fafafa;border-bottom:1px solid #ccc;padding:15px 0;text-align:center;font-size:13px;font-weight:600;word-break:keep-all;line-height:17px;}
div.sbscrb003 &gt; div.sbscrbBtmbox table.sbscrbTable tr td{padding:10px;border-bottom:1px solid #ccc;box-sizing:border-box;}
div.sbscrb003 &gt; div.sbscrbBtmbox table.sbscrbTable tr input {margin-right:2px; float:left; padding:0 5px;}
div.sbscrb003 &gt; div.sbscrbBtmbox table.sbscrbTable tr span{float:left;line-height:17px;display:block;font-size:12px;margin:5px 0 0 2px;color:#ff0000;}
div.sbscrb003 &gt; div.sbscrbBtmbox table.sbscrbTable tr select{height:26px; border:1px solid #ddd; margin-right:2px; float:left; font-size:12px; vertical-align:2px;}
div.sbscrb003 &gt; div.sbscrbBtmbox table.sbscrbTable tr select + a.cfmBtn{vertical-align:3px; }
div.sbscrb003 &gt; div.sbscrbBtmbox div.sbscrbBtnbox a.nextBtn {width:49%; margin-right:1%}
div.sbscrb003 &gt; div.sbscrbBtmbox div.sbscrbBtnbox a.cancelBtn{width:50%;margin:0;}


/*찾기완료*/
div.sbscrb004{width:100%;padding:10px;box-sizing:border-box;float:left;/* margin-top:50px; */}
div.sbscrb004 &gt; div.sbscrbTopbox{width:100%; box-sizing:border-box;}
div.sbscrb004 &gt; div.sbscrbTopbox &gt; ul.typeTop{width:100%;}
div.sbscrb004 &gt; div.sbscrbTopbox &gt; ul.typeTop li{width:50%; list-style:none; box-sizing:border-box; float:left;}
div.sbscrb004 &gt; div.sbscrbTopbox &gt; ul.typeTop li:first-child a{border-right:0;}
div.sbscrb004 &gt; div.sbscrbTopbox &gt; ul.typeTop li a{padding:18px 30px; background:#f1f1f1; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:2px solid #bbb; font-size:13px;  display:block; text-align:center;}
div.sbscrb004 &gt; div.sbscrbTopbox &gt; ul.typeTop li a:hover{font-weight:600; }
div.sbscrb004 &gt; div.sbscrbTopbox &gt; ul.typeTop li a.on{background:#fff; font-weight:600; border-bottom:none; border-top:2px solid #bbb;}
div.sbscrb004 &gt; div.sbscrbBtmbox{width:100%; float:left; margin-top:50px;}
div.sbscrb004 &gt; div.sbscrbBtmbox p.sbscrbNaming {padding:10px 0;font-size: 22px;line-height:18px;font-weight:600;}
div.sbscrb004 &gt; div.sbscrbBtmbox p.sbscrbNaming &gt; span{font-size: 16.5px;width:100%;display:block;margin-top: 15px;font-weight:400;color: #555;margin-bottom: 20px;}
div.sbscrb004 &gt; div.sbscrbBtmbox div.sbscrbIdbox{border:1px solid #ccc;border-top:3px solid #df1135;padding:50px;box-sizing:border-box;float:left;width:100%;text-align: center;}
div.sbscrb004 &gt; div.sbscrbBtmbox div.sbscrbIdbox ul.sbscrbIdsac{float:left;width:100%;font-size:16px;text-align: center;}
div.sbscrb004 &gt; div.sbscrbBtmbox div.sbscrbIdbox ul.sbscrbIdsac_stplatAgre li:first-child{width:100%; box-sizing:border-box; float:left; text-align:center; padding-right:50px;}
div.sbscrb004 &gt; div.sbscrbBtmbox div.sbscrbIdbox ul.sbscrbIdsac li:first-child{width:50%; box-sizing:border-box; float:left; text-align:right; padding-right:50px;}
div.sbscrb004 &gt; div.sbscrbBtmbox div.sbscrbIdbox ul.sbscrbIdsac li:last-child {float:left; box-sizing:border-box;  width:50%; padding-left:10px;}
div.sbscrb004 &gt; div.sbscrbBtmbox div.sbscrbIdbox ul.sbscrbIdsac li:only-child {width:100%;text-align:left;text-align: center;}
div.sbscrb004 &gt; div.sbscrbBtmbox div.sbscrbBtnbox {overflow:hidden; width:100%; float:left; margin-top:20px;}
div.sbscrb004 &gt; div.sbscrbBtmbox div.sbscrbBtnbox div.sbscrbBtnwidth {max-width:300px;margin:0 auto;overflow:hidden;text-align: center;}
div.sbscrb004 &gt; div.sbscrbBtmbox table{width:100%; border-top:2px solid #ccc;}
div.sbscrb004 &gt; div.sbscrbBtmbox table.sbscrbTable tr{}
div.sbscrb004 &gt; div.sbscrbBtmbox table.sbscrbTable tr th{background:#fafafa; border-bottom:1px solid #ccc; padding:15px 0; text-align:center; font-size:13px; font-weight:600;}
div.sbscrb004 &gt; div.sbscrbBtmbox table.sbscrbTable tr td{padding:0 10px; border-bottom:1px solid #ccc;  box-sizing:border-box;}
div.sbscrb004 &gt; div.sbscrbBtmbox table.sbscrbTable tr input {margin-right:2px; float:left; padding:0 5px;}
div.sbscrb004 &gt; div.sbscrbBtmbox table.sbscrbTable tr span{float:left; line-height:24px; display:block; font-size:12px; margin-right:2px;}
div.sbscrb004 &gt; div.sbscrbBtmbox table.sbscrbTable tr select{height:26px; border:1px solid #ddd; margin-right:2px; float:left; font-size:12px; vertical-align:2px;}
div.sbscrb004 &gt; div.sbscrbBtmbox table.sbscrbTable tr select + a.cfmBtn{vertical-align:3px; }

/*회원가입*/
div.sbscrb005 {box-sizing:border-box;width:100%;/*padding:10px;*/float:left;margin-top: 10px;}
div.sbscrb005 ul.sbscrbStep {width:100%;float:left;background: #f8f8f8;padding: 30px 0;border:1px solid #f1f1f1;margin-bottom: 30px;}
div.sbscrb005 ul.sbscrbStep li {width:33.3%; float:left; background:url("../img/sbscrbBgarrow.png") no-repeat right 50%; }
div.sbscrb005 ul.sbscrbStep li:last-child {background:none;}
div.sbscrb005 ul.sbscrbStep li:last-child p {font-weight:600;}
div.sbscrb005 ul.sbscrbStep li img {display:block; margin:0px auto; padding:20px; background:#fff; border:1px solid #eee; border-radius:100px;}
div.sbscrb005 ul.sbscrbStep li img.stepOn {background:#fff; border:1px solid #555; box-shadow:0 0 0 0 rgba(85,85,85,1)}
div.sbscrb005 ul.sbscrbStep li p {text-align:center;font-size: 14px;font-weight:500;color:#5d5e65;padding-top:15px;}
div.sbscrb005 ul.sbscrbStep li p.stepOn {font-weight:600;}
div.sbscrb005 ul.sbscrbStep li p span {display:inline-block;width:100%;font-size: 19px;color:#124274;padding-top:10px;}
div.sbscrb005 p.sbscrbNaming {float:left;width:100%;padding:10px 0;font-size: 22px;line-height: 150%;letter-spacing:-1px;font-weight:600;margin-top:30px;}
div.sbscrb005 p.sbscrbNaming &gt; span {font-size: 16.5px;width:100%;display:block;margin-top: 15px;font-weight:400;color: #555;margin-bottom: 20px;}
div.sbscrb005 h3 {font-size:14px; font-weight:700; padding:10px 0;}
div.sbscrb005 &gt; table{width:100%;border-top: 3px solid #555;}
div.sbscrb005 &gt; table.sbscrbTable tr input#bassAdres {width:100%; margin-bottom:5px;}
div.sbscrb005 &gt; table.sbscrbTable tr input#detailAdres {width:100%;}
div.sbscrb005 &gt; table.sbscrbTable tr th {background:#fafafa;border-bottom:1px solid #e4e4e4;padding:20px 5px;text-align:center;font-size: 16.5px;font-weight:600;}
div.sbscrb005 &gt; table.sbscrbTable tr td {padding:20px 10px; border-bottom:1px solid #e4e4e4;  box-sizing:border-box; font-size:16px;}
div.sbscrb005 &gt; table.sbscrbTable tr td:only-child {text-align:center;}
div.sbscrb005 &gt; table.sbscrbTable tr input {margin-right: 3px;/* float:left; */padding:8px 10px;height: 40px;font-size:16px;}
div.sbscrb005 &gt; table.sbscrbTable tr span {float:left;line-height:30px;display:block;font-size: 14px;margin-right:5px;}
div.sbscrb005 &gt; table.sbscrbTable tr span.sbscrbPointc {float:none; color:#ff0000; display:inline;}
div.sbscrb005 &gt; table.sbscrbTable tr select{height: 35px;border:1px solid #ddd;margin-right:2px;float:left;font-size: 16px;vertical-align:2px;vertical-align: middle;}
div.sbscrb005 &gt; table.sbscrbTable tr select + a.cfmBtn{vertical-align:3px; }
div.sbscrb005 &gt; table.sbscrbTable tr input[type="checkbox"]{width:auto; border:none;}
div.sbscrb005 div.sbscrbBtnbox {overflow:hidden; width:100%; float:left; margin-top:20px;}
div.sbscrb005 div.sbscrbBtnbox div.sbscrbBtnwidth {max-width:300px; margin:0 auto; overflow:hidden; text-align:center;}
div.sbscrb005 &gt; table.sbscrbTable tr input[type="checkbox"]{width:auto;}
div.sbscrb005 &gt; table.sbscrbTable tr td ul li{/*width:32%;*/width:99%;line-height: 150%;text-align:left;margin-left:1%;float:left;font-size: 15px;}
div.sbscrb005 &gt; table.sbscrbTable tr td textarea{width:100%; font-size:12px; padding:5px; box-sizing:border-box; border:1px solid #ddd;}


/* 약관동의 - 회원가입영역 */
div.sbscrb006{width:100%; padding:10px 0; box-sizing:border-box;}
div.sbscrb006 ul.sbscrbStep, div.sbscrb002 ul.sbscrbStep, div.sbscrb001 ul.sbscrbStep {width:100%;float:left;background: #f8f8f8;padding: 30px 0; border:1px solid #f1f1f1; margin-bottom: 30px;}
div.sbscrb006 ul.sbscrbStep li, div.sbscrb001 ul.sbscrbStep li {width:33.3%; float:left; background:url("../img/sbscrbBgarrow.png") no-repeat right 50%; }
div.sbscrb006 ul.sbscrbStep li:last-child, div.sbscrb001 ul.sbscrbStep li:last-child {background:none;}
div.sbscrb006 ul.sbscrbStep li img, div.sbscrb001 ul.sbscrbStep li img {display:block; margin:0px auto; padding:20px; background:#fff; border:1px solid #eee; border-radius:100px;}
div.sbscrb006 ul.sbscrbStep li img.stepOn, div.sbscrb001 ul.sbscrbStep li img.stepOn {background:#fff;border:1px solid #555;box-shadow: 0 0px 0 0 rgba(85,85,85,1);}
div.sbscrb006 ul.sbscrbStep li p, div.sbscrb001 ul.sbscrbStep li p {text-align:center;font-size: 14px;font-weight:500;color:#5d5e65;padding-top: 15px;}
div.sbscrb006 ul.sbscrbStep li p.stepOn, div.sbscrb001 ul.sbscrbStep li p.stepOn {font-weight:600;}
div.sbscrb006 ul.sbscrbStep li p span, div.sbscrb001 ul.sbscrbStep li p span {display:inline-block;width:100%;font-size: 19px;color: #124274;padding-top: 10px;}


div.sbscrb006 p.sbscrbNaming {float:left;width:100%;padding: 40px 15px 30px;font-size: 22px;/* line-height:16px; */letter-spacing: -0.5px;font-weight:600;box-sizing: border-box;border-top: 3px solid #555;}
div.sbscrb006 p.sbscrbNaming &gt; span {font-size: 16.5px;width:100%;display:block;margin-top: 10px;font-weight:400;color: #555;}
div.sbscrb006 .signupWrap {width:100%; float:left;}
div.sbscrb006 .signupWrap .signupBox {background:#fafafa;margin-bottom: 20px;}
div.sbscrb006 .signupWrap .signupBox h3 {font-size:17px;letter-spacing: -0.5px;font-weight:700;padding: 15px;background:#fafafa;}
div.sbscrb006 .signupWrap .signupBox h3 span.sbscrbPointc {color:#ff0000; font-size:13px; margin-left:5px;}
div.sbscrb006 .signupWrap ul.signText {padding: 0 15px; box-sizing: border-box;}
div.sbscrb006 .signupWrap ul.signText li{height:200px; padding: 20px 15px;background:#fff;line-height:18px;border: 1px solid #ddd;box-sizing:border-box;overflow-y:scroll;}
div.sbscrb006 .signupWrap ul.signText li:first-child{margin-top:0;}
div.sbscrb006 .signupWrap ul.signText table {border: 1px solid #ececec; border-collapse: collapse;}
div.sbscrb006 .signupWrap ul.signText table tr th {line-height: 150%; padding: 5px 10px; border: 1px solid #ececec; font-size: 15px;}
div.sbscrb006 .signupWrap ul.signText table tr td {border: 1px solid #ececec; padding: 5px 10px; line-height: 150%; font-size: 15px;}
div.sbscrb006 .signupWrap ul.signText br+br+br,
div.sbscrb006 .signupWrap ul.signText br+br+br+br,
div.sbscrb006 .signupWrap ul.signText br+br+br+br+br,
div.sbscrb006 .signupWrap ul.signText br+br+br+br+br+br {display:none;}
div.sbscrb006 .signupWrap .signClick {overflow:hidden;text-align:right;padding: 10px 17px;background:#fafafa;}
div.sbscrb006 .signupWrap .signClick input {margin-right: 6px;vertical-align: middle;}
div.sbscrb006 .signupWrap .signClick span {font-size: 15px;font-weight:600;}
div.sbscrb006 .sbscrbBtnbox {width:100%; float:left; margin:20px auto;}
div.sbscrb006 div.sbscrbBtnbox {overflow:hidden; width:100%; float:left; margin-top:20px;}
div.sbscrb006 div.sbscrbBtnbox div.sbscrbBtnwidth {max-width:300px; margin:0 auto; overflow:hidden; text-align: center;}


div.sbscrb006 ul.sbscrbStep li:first-child:nth-last-child(5),
div.sbscrb006 ul.sbscrbStep li:nth-child(2):nth-last-child(4),
div.sbscrb006 ul.sbscrbStep li:nth-child(3):nth-last-child(3),
div.sbscrb006 ul.sbscrbStep li:nth-child(4):nth-last-child(2),
div.sbscrb006 ul.sbscrbStep li:last-child:nth-child(5),
div.sbscrb002 ul.sbscrbStep li:first-child:nth-last-child(5),
div.sbscrb002 ul.sbscrbStep li:nth-child(2):nth-last-child(4),
div.sbscrb002 ul.sbscrbStep li:nth-child(3):nth-last-child(3),
div.sbscrb002 ul.sbscrbStep li:nth-child(4):nth-last-child(2),
div.sbscrb002 ul.sbscrbStep li:last-child:nth-child(5),
div.sbscrb005 ul.sbscrbStep li:first-child:nth-last-child(5),
div.sbscrb005 ul.sbscrbStep li:nth-child(2):nth-last-child(4),
div.sbscrb005 ul.sbscrbStep li:nth-child(3):nth-last-child(3),
div.sbscrb005 ul.sbscrbStep li:nth-child(4):nth-last-child(2),
div.sbscrb005 ul.sbscrbStep li:last-child:nth-child(5),
div.sbscrb001 ul.sbscrbStep li:first-child:nth-last-child(5),
div.sbscrb001 ul.sbscrbStep li:nth-child(2):nth-last-child(4),
div.sbscrb001 ul.sbscrbStep li:nth-child(3):nth-last-child(3),
div.sbscrb001 ul.sbscrbStep li:nth-child(4):nth-last-child(2),
div.sbscrb001 ul.sbscrbStep li:last-child:nth-child(5) {width:20% !important;}

div.sbscrb006 ul.sbscrbStep li:first-child:nth-last-child(4),
div.sbscrb006 ul.sbscrbStep li:nth-child(2):nth-last-child(3),
div.sbscrb006 ul.sbscrbStep li:nth-child(3):nth-last-child(2),
div.sbscrb006 ul.sbscrbStep li:last-child:nth-child(4),
div.sbscrb002 ul.sbscrbStep li:first-child:nth-last-child(4),
div.sbscrb002 ul.sbscrbStep li:nth-child(2):nth-last-child(3),
div.sbscrb002 ul.sbscrbStep li:nth-child(3):nth-last-child(2),
div.sbscrb002 ul.sbscrbStep li:last-child:nth-child(4),
div.sbscrb005 ul.sbscrbStep li:first-child:nth-last-child(4),
div.sbscrb005 ul.sbscrbStep li:nth-child(2):nth-last-child(3),
div.sbscrb005 ul.sbscrbStep li:nth-child(3):nth-last-child(2),
div.sbscrb005 ul.sbscrbStep li:last-child:nth-child(4),
div.sbscrb001 ul.sbscrbStep li:first-child:nth-last-child(4),
div.sbscrb001 ul.sbscrbStep li:nth-child(2):nth-last-child(3),
div.sbscrb001 ul.sbscrbStep li:nth-child(3):nth-last-child(2),
div.sbscrb001 ul.sbscrbStep li:last-child:nth-child(4) {width:25% !important;}

div.sbscrb006 ul.sbscrbStep li:first-child:nth-last-child(3),
div.sbscrb006 ul.sbscrbStep li:nth-child(2):nth-last-child(2),
div.sbscrb006 ul.sbscrbStep li:last-child:nth-child(3),
div.sbscrb002 ul.sbscrbStep li:first-child:nth-last-child(3),
div.sbscrb002 ul.sbscrbStep li:nth-child(2):nth-last-child(2),
div.sbscrb002 ul.sbscrbStep li:last-child:nth-child(3),
div.sbscrb005 ul.sbscrbStep li:first-child:nth-last-child(3),
div.sbscrb005 ul.sbscrbStep li:nth-child(2):nth-last-child(2),
div.sbscrb005 ul.sbscrbStep li:last-child:nth-child(3),
div.sbscrb001 ul.sbscrbStep li:first-child:nth-last-child(3),
div.sbscrb001 ul.sbscrbStep li:nth-child(2):nth-last-child(2),
div.sbscrb001 ul.sbscrbStep li:last-child:nth-child(3) {width:33.333% !important;}

div.sbscrb006 ul.sbscrbStep li:first-child:nth-last-child(2),
div.sbscrb006 ul.sbscrbStep li:last-child:nth-child(2),
div.sbscrb002 ul.sbscrbStep li:first-child:nth-last-child(2),
div.sbscrb002 ul.sbscrbStep li:last-child:nth-child(2),
div.sbscrb005 ul.sbscrbStep li:first-child:nth-last-child(2),
div.sbscrb005 ul.sbscrbStep li:last-child:nth-child(2),
div.sbscrb001 ul.sbscrbStep li:first-child:nth-last-child(2),
div.sbscrb001 ul.sbscrbStep li:last-child:nth-child(2) {width:50% !important;}

		@media (max-width:699px){
			div.sbscrb006 ul.sbscrbStep li img,
			div.sbscrb002 ul.sbscrbStep li img,
			div.sbscrb005 ul.sbscrbStep li img,
			div.sbscrb001 ul.sbscrbStep li img {padding:5px !important; max-width:40px;}
			div.sbscrb006 ul.sbscrbStep li p span,
			div.sbscrb002 ul.sbscrbStep li p span,
			div.sbscrb005 ul.sbscrbStep li p span,
			div.sbscrb001 ul.sbscrbStep li p span {font-size:16.5px !important; word-break:keep-all; padding:10px; box-sizing:border-box;}

			div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li span {font-size:17px; }
			div.sbscrb002 &gt; div.sbscrbBtnbox &gt; div.sbscrbBtnwidth &gt; a:not(.cancelBtn) {width:100% !important;}
		}






/*회원유형*/
div.sbscrb007{width:100%; box-sizing:border-box;float:left;}
div.sbscrb007 .sbscrbCustomers &gt; ul.customersType {width:100%; margin-left:auto; margin-right:auto; display:table;}
div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li{float:left;width: 25%;text-align:center;font-weight:bold;font-size:20px;box-sizing:border-box;margin-bottom:60px;}
div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li p.sbscrbNaming {min-height:120px; padding:0; font-size: 20px;/* line-height:16px; */letter-spacing: -0.5px;font-weight:600;}
div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li p.sbscrbNaming &gt; span{font-size: 15px;width:100%;display:block;margin-top: 25px;font-weight:400;color: #333;}
div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li:last-child{}
div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type {margin-left:auto; margin-right:auto; width:90%;}
div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type li {margin-right:1%; float:left;}
div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type li &gt; a {width:100%;/* background:#f9f9f9; */border: 1px solid #ddd;float:left;/* border-radius:10px; */padding:30px 5px;transition: background 0.5s;transition: background 0.5s;box-sizing:border-box;}
div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type li:last-child{margin-right: 0;}
div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type li &gt; a:hover{background: #f9f9f9;}
div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type li &gt; a &gt; span{width:100%;display:block;color:#4e4e4e;margin-bottom: 20px;padding:10px 0;font-size: 22px;}
div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type li &gt; a &gt; p{min-width:120px;font-size:13px;font-weight:400;color:#4e4e4e;padding:0;line-height:20px;display: none;}
div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type li &gt; a &gt; p &gt; span.typePoint{font-size:13px;font-weight:600;color:#df1135;display: none;}
div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type li &gt; a &gt; div{width: 80%;height: 50px;/* border-radius:3px; */margin-top:25px;font-weight:600;background: linear-gradient(#124274 , #1d5793) !important;color:#fff;margin: 40px auto;line-height: 50px;font-size: 17px;font-weight: 400;}
div.sbscrb007 div.sbscrbBtnbox {overflow:hidden; width:100%; float:left; margin-top:20px;}
div.sbscrb007 div.sbscrbBtnbox div.sbscrbBtnwidth {max-width:300px; margin:0 auto; overflow:hidden; text-align:center;}

/* 개수다를경우 세팅 */
div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li:only-child {width:100%;}
div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type li:only-child {width:100%; margin-right:0;}

	@media (min-width:700px){
		div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type li:nth-child(2):last-child,
		div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type li:first-child:nth-last-child(2) {width:49.5%;}

		div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type li:nth-child(3):last-child,
		div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type li:nth-child(2):nth-last-child(2),
		div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type li:first-child:nth-last-child(3) {width:32.666%;}

		div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type li:nth-child(4):last-child,
		div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type li:nth-child(3):nth-last-child(2),
		div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type li:nth-child(2):nth-last-child(3),
		div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type li:first-child:nth-last-child(4) {width:24.25%;}
	}
	@media (max-width:699px){
		div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li {margin-bottom:20px; width:49%; margin-right:2%;}
		div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li:nth-child(2n) {margin-right:0;}
		div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type li {width:49.5%;}
		div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type li:nth-child(2n) {margin-right:0;}

		div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type li &gt; a {padding:20px 5px;}
		div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type li &gt; a &gt; span {font-size:18px; margin-bottom:0;}
		div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type li &gt; a &gt; div {margin:20px auto 0;}
	}


/* 버튼 */
a.cfmBtn {
		 height: 40px;
		 line-height: 40px;
		 padding:0 10px;
		 display:inline-block;
		 color:#757575;
		 box-sizing:border-box;
		 text-align:center;
		 vertical-align:middle;
		 cursor:pointer;
		 border:1px solid #c6c6c6;
		 color:#333;
		 background:#fff;
		 font-size: 15px;
		 font-weight:400;
		 text-decoration:none;
		 border-radius:2px;
		 -webkit-transition:background 0.2s;
		 transition:background 0.2s;
		 }
a.cfmBtn:hover {background:#272d3d; color:#fff; border:1px solid #272d3d;}
a.nextBtn {height:35px; line-height:35px; padding:0 25px; display:inline-block; box-sizing:border-box; text-align:center; vertical-align:middle; cursor:pointer;
	    background:#272d3d; border:1px solid #272d3d; color:#fff; font-size:14px; font-weight:400; text-decoration:none; border-radius:3px; -webkit-transition:background 0.5s; transition:background 0.5s;}
a.cancelBtn {height:35px; line-height:35px; padding:0 25px; display:inline-block; box-sizing:border-box; text-align:center; vertical-align:middle; cursor:pointer;
	     border:1px solid #fa5058; color:#fa5058; background:#fff; font-size:14px; font-weight:400; text-decoration:none; border-radius:3px; -webkit-transition:background 0.5s; transition:background 0.5s;}
a.nextBtn_pw {width:33%; font-size:14px; font-weight:600; float:left; border:1px solid #363636; text-align:center; box-sizing:border-box; padding:6px 10px; border-radius:2px; background:#363636; color:#fff;}
a.cancelBtn_pw {width:32%; font-size:14px; margin-right:1%; margin-left:1%; float:left; border:1px solid #ccc; text-align:center; box-sizing:border-box; padding:6px 10px; border-radius:2px;}

a.cfmBtn:focus,
a.nextBtn:focus,
a.nextBtn_pw:focus{position:relative; box-sizing:border-box;}
a.cfmBtn:focus:after,
a.nextBtn:focus:after,
a.nextBtn_pw:focus:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px dashed #fff; box-sizing:border-box;}

/*sns 휴대폰인증*/
div.divSnsBtn table{margin-top:10px;float:left;clear:both;text-align: center;overflow: hidden;border-radius: 3px;}
div.divSnsBtn table tr{width:16%;/* float:left; */margin-right: 15px;position:relative;display: inline-block;}
div.divSnsBtn table tr td{width:100%;font-weight:600;padding: 15px 0;float:left;border-radius:3px;text-align:center;display:inline-block;font-size: 16px;padding-left:10px;}
div.divSnsBtn table tr.phone td{background:url("/images/wzwg/cmm/mber/sbscrb/phoneIcon001.png")no-repeat 5px #f1f1f1; color:#333;}
div.divSnsBtn table tr.NAVER td{background: url(/images/wzwg/cmm/mber/sbscrb/naverIcon001.png)no-repeat 5px #2ec51a;background-size: 27px;color:#fff;}
div.divSnsBtn table tr.KAKAO td{background:url("/images/wzwg/cmm/mber/sbscrb/kakaoIcon001.png")no-repeat 5px #f6e127;color: #333;background-size: 29px;}
div.divSnsBtn table tr.Google td{background:url("/images/wzwg/cmm/mber/sbscrb/googleIcon001.png")no-repeat 5px #f8f8f8;color:#333;background-size: 29px;}
div.divSnsBtn table tr:nth-child(4) td{background:url("/images/wzwg/cmm/mber/sbscrb/instaIcon001.png")no-repeat 5px, linear-gradient(to right, #ffc66c, #e74a54, #9f31a1, #1c10ef);color:#fff;/* background-size:24px; */}
div.divSnsBtn table tr:nth-child(5) td{background:url("/images/wzwg/cmm/mber/sbscrb/gooIcon001.png")no-repeat 5px #dc4a38; color:#fff;}
div.divSnsBtn table tr:nth-child(6) td{background:url("/images/wzwg/cmm/mber/sbscrb/faceIcon001.png")no-repeat 5px #385899; color:#fff;}
div.divSnsBtn table tr:nth-child(6){margin-right:0;}
div.divSnsBtn table tr td:after{}

/* 약관 - 마이페이지영역 */
div.clause001{width:100%; box-sizing:border-box;}
div.clause001 .clauseWrap {background:white;box-sizing:border-box;position:relative;padding-top:0px;float:left;width:100%;}
div.clause001 .clauseWrap ul.clauseAllbox {float:left; width:100%; margin-top:30px; font-size:0;}
div.clause001 .clauseWrap ul.clauseAllbox &gt; li {text-align:center; border:1px solid #e8e8e8; overflow:hidden;
   												margin-bottom:7px; margin-right:0.5%; box-sizing:border-box; float:left; vertical-align:middle;}
div.clause001 .clauseWrap ul.clauseAllbox &gt; li&gt;div {}
div.clause001 .clauseWrap ul.clauseAllbox &gt; li:hover {background:#f0f0f0;}
div.clause001 .clauseWrap ul.clauseAllbox &gt; li:last-child {margin-right:0px;}
div.clause001 .clauseWrap ul.clauseAllbox &gt; li h2 {width:100%;}
div.clause001 .clauseWrap ul.clauseAllbox &gt; li h2 a {height:55px; width:100%;line-height:55px; vertical-align:middle; font-size:17px; font-weight:400; display:block;}
div.clause001 .clauseWrap ul.clauseAllbox &gt; li.active {background:#777;}
div.clause001 .clauseWrap ul.clauseAllbox &gt; li.active h2 a {color:#fff; font-weight:600;}

div.clause001 .clauseWrap ul.clauseAllbox &gt; li div.clauseBox h2.clauseList {display:block;position:absolute;top:0px;width:50%;height:47px;line-height:43px;text-align:center;
				color:#333;border-bottom:0;text-decoration:none;font-size:18px;letter-spacing:-1px;border:1px solid #e8e8e8;box-sizing:border-box;min-width:150px;max-width:200px;left:0;}
div.clause001 .clauseWrap ul.clauseAllbox &gt; li div h2.clauseList,
div.clause001 .clauseWrap ul.clauseAllbox &gt; li.active div.clauseBox h2.clauseList {border-left:none;display: inline-block;line-height: 100%;}
div.clause001 .clauseWrap ul.clauseAllbox &gt; li:first-child div.clauseBox h2.clauseList{border-left:1px solid #e8e8e8;}

div.clause001 .clauseWrap ul.clauseAllbox &gt; li:last-child div.clauseBox h2.clauseList {left:200px;}
div.clause001 .clauseWrap ul.clauseAllbox &gt; li div.clauseBox h2.clauseList a.tit_name {color:#555;width:100%;height:47px;position:relative;float:left;line-height:47px;overflow:hidden;
																					white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5px;box-sizing:border-box;font-size:14px;}
div.clause001 .clauseWrap ul.clauseAllbox &gt; li.active div.clauseBox h2.clauseList a.tit_name {color:#fff; background:#777;}

#stplatSimpDiv {float:left; width:100%; padding:10px; box-sizing:border-box; display:block; padding: 15px 5px; border-top: 1px solid #333; box-sizing: border-box; margin-top: 0px;}
#stplatSimpDiv div.clauseTxt {}
#stplatSimpDiv div.clauseTxt h3 {font-size: 18px; line-height: 22px; margin-bottom: 15px; margin-top:30px;}
#stplatSimpDiv div.clauseTxt &gt; p {float:left; width:100%; border-bottom:1px solid #ddd; box-sizing:border-box; color:#333; font-size:14px; padding-bottom:10px; margin-bottom:20px;}
#stplatSimpDiv div.clauseTxt &gt; p span {float:right; color:#838383; font-size:13px; width:100%; display: block;  padding: 10px 0; box-sizing: border-box; text-align: right;}
#stplatSimpDiv div.clauseTxt .ContentsWrap {background:#fafafa; width:100%; float:left; margin-top:20px; padding:10px; box-sizing:border-box; height: 300px;
    										overflow-y: scroll; margin-bottom: 20px; word-break: keep-all;}

div.clause001 p.clauseNaming {padding:2px 0 10px; font-size:23px; line-height:23px; letter-spacing:-1px; font-weight:600;}

	@media all and (min-width:1025px){
		div.sbscrb005 &gt; table.sbscrbTable tr span.sbscrbPwspan{color: #c20000;margin:5px 0 0 2px;line-height:17px;}
	}
	@media all and (min-width:768px) and (max-width:1024px){
		div.sbscrb005 &gt; table.sbscrbTable tr span.sbscrbPwspan{color:#ff0000; margin:5px 0 0 2px; line-height:17px;}
		div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li {/* padding-right:10px; */box-sizing:border-box;}
	}

	@media all and (min-width:420px) and (max-width:768px){
		div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginBox .inputLabel &gt; span{width:auto; position:absolute; top:50%; margin-top:-19px;}
		div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginBox .inputLabel{position:relative;}
		div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginBox ul.idSaveBox{width:75%;margin-left:25%;position:absolute;left:0;}

		div.sbscrb001 &gt; div.sbscrbTopbox ul.sbscrbTxtbox{padding:30px 15px; box-sizing:border-box;}

		div.sbscrb002 &gt; div.sbscrbBtmbox{margin-top:30px;}
		div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li a p{font-size:20px; color:#333; font-weight:500;}

		div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li{width:49%; float:left; margin-bottom:1%; }
		div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li:last-child{width:49%; }

		div.sbscrb003 &gt; div.sbscrbBtmbox{margin-top:30px;}
		div.sbscrb003 &gt; div.sbscrbBtmbox table.sbscrbTable tr:first-child input{width:100%; }
		div.sbscrb003 &gt; div.sbscrbBtmbox table.sbscrbTable tr:last-child input{width:64%; box-sizing:border-box; margin-right:1%; }
		div.sbscrb003 &gt; div.sbscrbBtmbox table.sbscrbTable tr a.cfmBtn{width:35%; text-align:center; box-sizing:border-box;}
		div.sbscrb003 &gt; div.sbscrbBtmbox table.sbscrbTable tr input{width:47%; box-sizing:border-box; margin-right:0; padding:0 3%;}
		div.sbscrb003 &gt; div.sbscrbBtmbox table.sbscrbTable tr select{width:100%; margin:10px 0;}
		div.sbscrb003 &gt; div.sbscrbBtmbox table.sbscrbTable tr span{width:4%; text-align:center; margin:0 1%;}
		div.sbscrb003 &gt; div.sbscrbBtmbox table.sbscrbTable tr td{box-sizing:border-box; width:100%; padding:10px;}

		div.sbscrb004 &gt; div.sbscrbBtmbox{margin-top:30px;}

		div.sbscrb005 &gt; table.sbscrbTable tr input[type="text"] {width:100%; }
		div.sbscrb005 &gt; table.sbscrbTable tr input {margin-right:0 !important;}
		div.sbscrb005 &gt; table.sbscrbTable tr span.sbscrbPwspan{color:#ff0000; margin:5px 0 0 0; margin-left:2px; line-height:17px;}
		div.sbscrb005 &gt; table.sbscrbTable tr:nth-of-type(2) input[type="text"] {width: 70%;box-sizing:border-box;margin-right:1%;}
		div.sbscrb005 &gt; table.sbscrbTable tr:nth-of-type(2) a.cfmBtn{width:24%; text-align:center; box-sizing:border-box;}
		div.sbscrb005 &gt; table.sbscrbTable tr:nth-of-type(4) input {width:33%; box-sizing:border-box; margin-right:1%;}
		div.sbscrb005 &gt; table.sbscrbTable tr:nth-of-type(4) a.cfmBtn{width:34%; text-align:center; box-sizing:border-box;}
		div.sbscrb005 &gt; table.sbscrbTable tr:nth-of-type(5) input:last-child{width:100%; margin-top:10px;}
		div.sbscrb005 &gt; table.sbscrbTable tr:nth-of-type(6) select{width:28%; margin-right:0; box-sizing:border-box;}
		div.sbscrb005 &gt; table.sbscrbTable tr:nth-of-type(6) input{width:32%; margin-right:0; box-sizing:border-box;}
		div.sbscrb005 &gt; table.sbscrbTable tr:nth-of-type(6) span{width:2%; text-align:center; margin:0 1%; box-sizing:border-box;}
		div.sbscrb005 &gt; table.sbscrbTable tr:nth-of-type(7) select{width:28%; margin-right:0; box-sizing:border-box;}
		div.sbscrb005 &gt; table.sbscrbTable tr:nth-of-type(7) input{width:32%; margin-right:0; box-sizing:border-box;}
		div.sbscrb005 &gt; table.sbscrbTable tr:nth-of-type(7) span{width:2%; text-align:center; margin:0 1%; box-sizing:border-box;}
		div.sbscrb005 &gt; table.sbscrbTable tr input[type="checkbox"]{width:auto;}
		div.sbscrb005 &gt; table.sbscrbTable tr td textarea{width:100%; font-size:12px; padding:5px; box-sizing:border-box; border:1px solid #ddd;}
		div.sbscrb005 &gt; table.sbscrbTable tr td ul li{width: 100%;line-height:26px;text-align:left;margin-left:1%;float:left;}

		div.sbscrb007 .sbscrbCustomers &gt; ul.customersType {width:100%;}
		div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type {/* width:100%; */margin-left:0;margin-right:0;display: inline-block;}

		/*sns 휴대폰인증*/
		div.divSnsBtn table tr{width: 30.3% !important;float:left;margin-bottom:1%;margin-right: 3% !important;}
		div.divSnsBtn table tr:nth-child(3), table tr:nth-child(6){width:33.3% !important; margin-right:0 !important;}
	}

	@media (min-width:320px) and (max-width:490px){
		/*약관*/
		div.clause001 .clauseWrap ul.clauseAllbox &gt; li {width:50%; border-width:0 0 1px 1px; box-sizing:border-box;}
		div.clause001 .clauseWrap ul.clauseAllbox &gt; li:first-child,
		div.clause001 .clauseWrap ul.clauseAllbox &gt; li:nth-child(2) {border-width:1px 1px 1px 1px !important;}
		div.clause001 .clauseWrap ul.clauseAllbox &gt; li:nth-child(2n) {border-width:0 1px 1px 1px;}
		div.clause001 .clauseWrap ul.clauseAllbox &gt; li:nth-child(2n+1) {clear:both;}
		div.clause001 .clauseWrap ul.clauseAllbox &gt; li:last-child div h2{left:130px;}
		div.clause001 .clauseWrap ul.clauseAllbox &gt; li h2 a {font-size:14px;}
	}
	@media (min-width:800px){
		div.clause001 .clauseWrap ul.clauseAllbox &gt; li {width:19.6%;}
		div.clause001 .clauseWrap ul.clauseAllbox &gt; li:nth-child(5n) {margin-right:0;}
	}	
	@media (max-width:799px){
		div.clause001 .clauseWrap ul.clauseAllbox &gt; li {width:49.5%;}
		div.clause001 .clauseWrap ul.clauseAllbox &gt; li:nth-child(2n) {margin-right:0;}
		div.sbscrb001 &gt; div.sbscrbTopbox ul li:first-child {font-size:18px;}
		div.sbscrb001 &gt; div.sbscrbTopbox ul li {font-size:15px;}

		div.sbscrb006 p.sbscrbNaming {padding:10px 15px;}
	}	
	@media all and (max-width:420px){
		div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginBox .inputLabel &gt; span{width:auto; position:absolute; top:50%; margin-top:-19px;}
		div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginBox .inputLabel{position:relative;}

		div.sbscrb001 &gt; div.sbscrbTopbox {min-height:auto; padding:20px;}
		div.sbscrb001 &gt; div.sbscrbTopbox div.sbscrbImgbox {display:table; padding:17px 0;}
		div.sbscrb001 &gt; div.sbscrbTopbox div.sbscrbImgbox img {width:50px; height:50px; display:table-cell; margin:0 auto; vertical-align:middle;}

		div.sbscrb001 &gt; div.sbscrbTopbox ul li {letter-spacing:-0.5px; font-size:13px; line-height:1.4em;}
		div.sbscrb001 &gt; div.sbscrbTopbox ul li:first-child {font-size:20px; margin-bottom:10px;}

		div.sbscrb001 &gt; div.sbscrbTopbox ul.sbscrbTxtbox {width:70%; padding:10px; box-sizing:border-box;} 
		div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginBox {padding:50px 20px 80px 20px;}
		div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginBox .inputLabel {width:65%;}
		div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginLine a.loginBt {width:30%; height:90px; line-height:70px; position:static; top:0; left:0; display:block; padding:10px; box-sizing:border-box; text-align:center;}
		div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginBox span.idSaveBox {margin-top:10px; float:right;}
		div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginLine .loginSearch {width:100%; float:left; margin-top:15px; padding:20px 0; }
		div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li:first-child {width:100%; border-right:none; margin-bottom:10px; background:#eee;}
		div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li:nth-of-type(2) {width:48%; float:left;}
		div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li:nth-of-type(3) {width:48%; float:right;}
		div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li a {display:block; width:100%; }
		div.sbscrb001 &gt; div.sbscrbBtmbox .loginWrap .loginBox ul.idSaveBox {width:75%; margin-left:28%; margin-top:10px; padding:0;}

		div.sbscrb002 &gt; div.sbscrbBtmbox{margin-top:20px;}
		div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li{width:100%;}
		div.sbscrb002 &gt; div.sbscrbTopbox &gt; ul.typeTop li a{padding:8px 20px;}
		div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li a p{font-size:20px; color:#333; font-weight:500;}
		div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li a span{padding-right:10px;}
		div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li a span img{right:5px;}

		div.sbscrb002 ul.sbscrbStep li img{width:70px; padding:10px;}

		div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li{width:100%; float:left; margin-right:0; margin-bottom:10px; }
		div.sbscrb002 &gt; div.sbscrbBtmbox &gt; ul.typeBtn li:last-child{width:100%;}

		div.sbscrb003 &gt; div.sbscrbBtmbox{width:100%; float:left; margin-top:20px;}
		div.sbscrb003 &gt; div.sbscrbTopbox &gt; ul.typeTop li a{padding:8px 20px;}
		div.sbscrb003 &gt; div.sbscrbBtmbox &gt; div.sbscrbBtnbox div.sbscrbBtnwidth{max-width:100%;}
		div.sbscrb003 &gt; div.sbscrbBtmbox table.sbscrbTable tr:first-child input{width:100%;}
		div.sbscrb003 &gt; div.sbscrbBtmbox table.sbscrbTable tr input{width:47%; box-sizing:border-box; margin-right:0; padding:0 3%;}
		div.sbscrb003 &gt; div.sbscrbBtmbox table.sbscrbTable tr select{width:100%; margin:10px 0;}
		div.sbscrb003 &gt; div.sbscrbBtmbox table.sbscrbTable tr td{padding:10px;}
		div.sbscrb003 &gt; div.sbscrbBtmbox table.sbscrbTable tr:last-child input{width:55%; box-sizing:border-box; margin-right:1%; }
		div.sbscrb003 &gt; div.sbscrbBtmbox table.sbscrbTable tr a.cfmBtn{width:44%; text-align:center; box-sizing:border-box;}

		div.sbscrb004 &gt; div.sbscrbBtmbox{width:100%; float:left; margin-top:20px;}
		div.sbscrb004 &gt; div.sbscrbTopbox &gt; ul.typeTop li a{padding:8px 20px;}
		div.sbscrb004 &gt; div.sbscrbBtmbox div.sbscrbBtnbox div.sbscrbBtnwidth{max-width:100%;}

		div.sbscrb005 &gt; table.sbscrbTable tr input {width:100%;}
		div.sbscrb005 &gt; table.sbscrbTable tr span.sbscrbPwspan {color:#ff0000; margin:5px 0 0 2px; line-height:17px;}
		div.sbscrb005 &gt; table.sbscrbTable tr td {padding:10px; box-sizing:border-box; }
		div.sbscrb005 &gt; table.sbscrbTable tr:nth-of-type(2) input {width:70%; margin-right:2%; box-sizing:border-box;}
		div.sbscrb005 &gt; table.sbscrbTable tr:nth-of-type(2) a.cfmBtn {width:28%; text-align:center; box-sizing:border-box;}
		div.sbscrb005 &gt; table.sbscrbTable tr:nth-of-type(4) input {width:56%; margin-right:2%; box-sizing:border-box;}
		div.sbscrb005 &gt; table.sbscrbTable tr:nth-of-type(4) a.cfmBtn {width:42%; text-align:center; box-sizing:border-box;}
		div.sbscrb005 &gt; table.sbscrbTable tr:nth-of-type(5) input:last-child {width:100%; margin-top:10px;}
		div.sbscrb005 &gt; table.sbscrbTable tr:nth-of-type(6) select {width:28%; margin-right:0; box-sizing:border-box;}
		div.sbscrb005 &gt; table.sbscrbTable tr:nth-of-type(6) input {width:32%; margin-right:0; box-sizing:border-box;}
		div.sbscrb005 &gt; table.sbscrbTable tr:nth-of-type(6) span {width:2%; text-align:center; margin:0 1%; box-sizing:border-box;}
		div.sbscrb005 &gt; table.sbscrbTable tr:nth-of-type(7) select {width:28%; margin-right:0; box-sizing:border-box;}
		div.sbscrb005 &gt; table.sbscrbTable tr:nth-of-type(7) input {width:32%; margin-right:0; box-sizing:border-box;}
		div.sbscrb005 &gt; table.sbscrbTable tr:nth-of-type(7) span {width:2%; text-align:center; margin:0 1%; box-sizing:border-box;}
		div.sbscrb005 &gt; table.sbscrbTable tr:nth-of-type(3) td:nth-of-type(2) {vertical-align:top;}
		div.sbscrb005 &gt; table.sbscrbTable tr input[type="checkbox"] {width:auto; border:none;}
		div.sbscrb005 &gt; table.sbscrbTable tr td textarea{width:100%; font-size:12px; padding:5px; box-sizing:border-box; border:1px solid #ddd;}
		div.sbscrb005 &gt; table.sbscrbTable tr td ul li{width:32%; line-height:26px; text-align:left; margin-left:1%; float:left;}

		div.sbscrb003 &gt; div.sbscrbBtmbox &gt; div.sbscrbBtnbox div.sbscrbBtnwidth, div.sbscrb004 &gt; div.sbscrbBtmbox div.sbscrbBtnbox div.sbscrbBtnwidth, div.sbscrb005 div.sbscrbBtnbox div.sbscrbBtnwidth, div.sbscrb006 div.sbscrbBtnbox div.sbscrbBtnwidth, div.sbscrb007 div.sbscrbBtnbox div.sbscrbBtnwidth{max-width:100%;}

		div.sbscrb007 .sbscrbCustomers &gt; ul.customersType &gt; li ul.type {width:100%;}

		/*sns 휴대폰인증*/
		div.divSnsBtn table tr{width:49%; float:left; margin-bottom:1%; margin-right:0 !important;}
		div.divSnsBtn table tr:nth-child(odd){width:50%; margin-right:1% !important; float:left;}
	}


	


	

		


/* 190107 */
ul.sbscrbCmt {padding:10px 0; word-break:keep-all; color:#5c5c5c}
ul.sbscrbCmt li {margin-top:1px; letter-spacing:-0.5px; position:relative; padding-left:15px; line-height:150%;}
ul.sbscrbCmt li:before{content:"-"; margin:0 5px; position:absolute; top:0; left:0;}
ul.sbscrbCmt li &gt; span.sbscrbPointc{font-weight:600;color:#005cbb;}
ul.sbscrbTxtbox li &gt; span.sbscrbPointc{font-weight:600;color:#005cbb;}</pre></body></html>