@charset "utf-8";

/*로그인전*/
.wrap_contents{padding:5rem;border-radius:2rem;background:url('../images/loginBg.png') no-repeat center;background-size:cover;}

.loginWrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.loginWrap .loginImg{width:35%;}
.loginWrap ._loginBefore{width:55%;}
.loginWrap ._infoTxt span{font-size: 4rem;font-family:'paper-b';color: #111;display:block;}
.loginWrap ._infoTxt  em{font-size: 4rem;color: #1f96e3;}

.loginWrap ._loginInputWrap{margin-top:5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.loginWrap ._loginInputWrap ._loginInput{width:calc(100% - 18rem);}
.loginWrap ._loginInputWrap ._loginInput input{font-size:1.8rem;font-family:'paper-m';color:#999;width:100%;height:7rem;padding:2rem;margin:0.5rem 0;border:2px solid #EEE;background:#FFF;border-radius:1rem;}
.loginWrap ._loginInputWrap ._loginInput input._inputID{}
.loginWrap ._loginInputWrap ._loginInput input._inputPW{}
.loginWrap ._loginInputWrap ._loginInput input:focus{border-color:#111;outline: none;}

.loginWrap ._loginInputWrap ._loginInput input::placeholder{font-size:1.8rem;font-family:'paper-m';color:#999;} 
.loginWrap ._loginInputWrap ._loginInput input:focus::placeholder{color: transparent;}

.loginWrap ._loginInputWrap ._loginSubmit{font-size:2.2rem;font-family:'paper-m';color:#FFF;background:#1f96e3;width:16rem;height:15rem;display:block;border-radius:1rem;}
.loginWrap ._loginInputWrap ._loginSubmit:hover{background:#333;}

.loginWrap .loginInfo{margin-top:5rem;padding:3rem;background:#FFF;border-radius:2rem;}
.loginWrap ._findInfo{display:none;}

@media only screen and (max-width:1024px) {
	.loginWrap{padding:0 3rem;}
	.loginWrap .loginImg,
	.loginWrap ._loginBefore{width:100%;}
	.loginWrap .loginImg{text-align:center;}
	.loginWrap ._infoTxt{text-align:center;}
	.loginWrap ._infoTxt span,
	.loginWrap ._infoTxt  em{font-size: 2.5rem;}
	.loginWrap ._infoTxt img{padding-bottom:1rem;}
	.loginWrap ._loginInputWrap ._loginInput input{font-size:1.6rem;height:6rem;}
	.loginWrap ._loginInputWrap ._loginSubmit{font-size:2rem;height:12.5rem;}
}
@media only screen and (max-width:768px) {
	.loginWrap ._loginInputWrap ._loginInput{width:100%;}
	.loginWrap ._loginInputWrap ._loginSubmit{width:100%;height:7rem;margin-top:1rem;}
}


/*로그인 후*/
._loginAfter{}
._loginAfter h2{display:none;}
._loginAfter ._loginMsg{font-size: 4rem;font-family:'paper-b';color: #111;line-height:1.3;}
._loginAfter ._loginMsg strong{color: #1f96e3;display:block;}
._loginAfter ._uInfo{margin-top:3rem;display:flex;align-items:center;justify-content:space-between;}
._loginAfter ._uInfo li{width:49.5%;}
._loginAfter ._uInfo li input{font-size:2.2rem;font-family:'paper-m';color:#FFF;width:100%;height:6rem;display:block;border-radius:0.5rem;}
._loginAfter ._uInfo li input._btnLogout{background:#1f96e3;}
._loginAfter ._uInfo li input._btnEditInfo{background:#9e9e9e;}

/*
#_JW_Usb_basic form .agreeTitle{color: #333;font-size: 25px;font-family: 'Noto Medium';margin-bottom: 30px;margin-top: 100px;}
.textBox{background: #f3f4f6;position: relative;border:1px solid #eaeaea;padding-bottom: 40px;height: 270px;}
.textBox:before,
.textBox:after{content:''; width:14px; height:14px; position:absolute; display:block;}
.textBox:before{border-left:3px solid #014099; border-top:3px solid #014099; left:0; top:0;}
.textBox:after{border-right:3px solid #014099; border-bottom:3px solid #014099; right:0; bottom:0;}
.textBox .boxInner{display: grid;grid-template-columns: 250px 1fr;}
.textBox .thum{width: 250px;text-align: center;}
.textBox .thum p{width: 140px;height: 140px;background: #fff;border-radius: 100%;display: grid;align-content: center;text-align: center;margin: 50px 0 0 50px;}
.textBox .thum p img{margin: 0 auto;}
.textBox .textW{height: 190px;overflow: auto;margin-top: 40px;margin-right: 30;padding-right: 20px;}
.textBox .textW::-webkit-scrollbar {width: 3px; position:relative;}
.textBox .textW::-webkit-scrollbar-thumb {width:3px;background: #004eae;border-radius: 6px;}
.textBox .textW::-webkit-scrollbar-track {background:#eaeaeb;  border-radius: 10px;}

.textBox .textW strong{color: #2a5ca5;font-family: Noto Regular;display: block;margin-bottom: 30px;font-size: 23px;}
.textBox .textW .text-pre{font-size: 17px;font-family: 'Noto Light';}
.textBox .textW .text-pre h3{    font-family: 'Noto Light';    font-size: 17px;}
.textBox .textW .text-pre ol,
.textBox .textW .text-pre p{margin-bottom:35px}
.borderB{border-bottom:1px solid #353e4d;}

.agreeWrap{overflow: hidden;padding: 40px 40px;font-size: 17px;color: #666;}
.agreeWrap .agreeTxt{float: left;width: calc(100% - 270px);}
.agreeWrap .agreeCheck{}
.agreeWrap .agreeCheck ul{float: right;}
.agreeWrap .agreeCheck ul li{display: inline-block;}
*/

/*login
#_UlgnS_basic{margin-bottom: 40px;}
#_UlgnS_basic h2{text-align: center;color: #3c3c3c;font-family: Noto Medium;font-size: 40px;position: relative;}
#_UlgnS_basic h2 span{}
#_UlgnS_basic h2:before,
#_UlgnS_basic h2:after{content:'';display: block;height: .1px;background: #3c3c3c;position: absolute;top: 50%;width: calc(50% - 210px);transform: translateY(-50%);}
#_UlgnS_basic h2:before{left: 0;}
#_UlgnS_basic h2:after{right: 0;}
#_UlgnS_basic ._infoTxt{text-align: center;color: #25408f;font-size: 18px;margin: 60px 0;}
#_UlgnS_basic ._loginInputWrap{width: 565px;margin: 0 auto;position: relative;}
#_UlgnS_basic ._loginInput{}
#_UlgnS_basic ._inputArea{}
#_UlgnS_basic ._inputArea ._input{color: #999;border: 1px solid #c4c4c4;font-size: 17px;line-height: 60px;height: 60px;margin-bottom: 8px;padding-left: 15px;font-family: 'Noto Regular';width: calc(100% - 135px);}
#_UlgnS_basic ._loginSubmit{width: 130px;height: 130px;cursor: pointer;position: absolute;right: 0;top: 0;border-radius: 5px;font-size: 23px;background: #25408f;color: #fff;font-family: Noto Regular;}
#_UlgnS_basic ._findInfo{max-width: 560px;margin: 50px auto;}
#_UlgnS_basic ._findInfo ul{text-align: center;}
#_UlgnS_basic ._findInfo ul li{display: inline-block;position: relative;}
#_UlgnS_basic ._findInfo ul li + li:before{content: '';width: 1px;height: 14px;background: #aeaeae;display: block;position: absolute;left: 0;top: 6px;}
#_UlgnS_basic ._findInfo ul li + li{padding-left: 30px;margin-left: 30px;}
#_UlgnS_basic ._findInfo ul li a{color:#666;background-repeat:no-repeat;background-position:left top;display: inline-block;padding-left: 50px;}
#_UlgnS_basic ._findInfo ul li:nth-child(1) a{background-image: url(./../images/find-icon01.png);}
#_UlgnS_basic ._findInfo ul li:nth-child(2) a{background-image: url(./../images/find-icon02.png);}
#_UlgnS_basic ._findInfo ul li:nth-child(3) a{background-image: url(./../images/find-icon03.png);}

._small_tab{margin-bottom: 30px;}
._small_tab li{display: inline-block;margin-right: 5px;}
._small_tab li a{font-size: 17px;color: #666;background: #f8f8f8;display: block;padding: 15px 0;border: 1px solid #cfcfcf;width: 175px;text-align: center;font-family: 'Noto Regular';}
._small_tab li.on a{color: #25408f;border: 1px solid #25408f;background: none;}

.userSbscrb_Step{display: grid;grid-template-columns: 1fr 1fr 1fr;}
.userSbscrb_Step li{display:inline-block;background-position: 40px center;background-repeat:no-repeat;color: #212121;border: 5px solid #c1c1c1;border-radius: 20px;padding: 25px 0 25px 100px;position: relative;}
.userSbscrb_Step li + li{margin-left: 80px;}
.userSbscrb_Step li + li:before{content:'';width:42px; top:35px; height:43px;display:inline-block; background: url(./../images/stem-arr.png) center no-repeat;position: absolute;left: -70px;}
.userSbscrb_Step li:nth-child(1){background-image: url(./../images/setp-icon01-off.png);}
.userSbscrb_Step li:nth-child(2){background-image: url(./../images/setp-icon02-off.png);}
.userSbscrb_Step li:nth-child(3){background-image: url(./../images/setp-icon03-off.png);}
.userSbscrb_Step li.on:nth-child(1){background-image: url(./../images/setp-icon01-on.png);}
.userSbscrb_Step li.on:nth-child(2){background-image: url(./../images/setp-icon02-on.png);}
.userSbscrb_Step li.on:nth-child(3){background-image: url(./../images/setp-icon03-on.png);}
.userSbscrb_Step li.on{background-color:#25408e;color:#fff;border-color: #25408e;}
.userSbscrb_Step li .step{font-family: Noto Light;}
.userSbscrb_Step li .step i{font-family: Noto Medium;display: inline-block;margin-left: 5px;}
.userSbscrb_Step li .comment{font-size: 26px;font-family: Noto Medium;}

.agreeFormWrap h2{color:#333; font-size:25px; margin:30px 0;}
*/

/* write 
._memberWrap{margin-top:20px;}
._writeWrap{background: #fff; padding: 30px; z-index: 1; position: relative; border-radius: 10px; border: 1px solid #ddd;}
._write{border-top:2px solid #000;margin-bottom: 0;border-bottom: 1px solid #9e9e9f;}
._write ._form{display: flex;border-bottom: 1px solid #ddd;align-items: center;}
._write ._form:last-child{border:none;}
._write ._form ._label{width: 180px;background-color: #f5f5f5;font-family: 'Noto Regular';padding: 18px 0 18px 20px;font-size: 16px;align-self: stretch;}
._write ._form ._insert{flex-grow: 1;padding: 5px;}
._write ._form ._insert input[type="text"],
._write ._form ._insert textarea,
._write ._form ._insert select{border: 1px solid #c3c3c3;color: #999;font-size: 16px;}
._write ._form ._insert input[type="text"]{padding:5px;line-height: 30px;vertical-align: middle;}
._write ._form ._insert textarea{color:#999; font-size:14px; font-family: 'Noto Light'; padding:10px;}
._write ._form ._insert select{padding: 5px 55px 5px 10px;line-height: 30px;font-size: 16px;height: 42px;vertical-align: middle;background: url(./../images/select-arr.png) 90% center no-repeat;appearance: none;font-family: Noto Light;color: #999;margin-right: 15px;}
._write ._form ._insert .space{display:inline-block; margin:0 5px;}
._write ._form ._insert .in-comment{background: url(./../images/c-dot.png) left 13px no-repeat;font-size: 15px;display: inline-block;color: #999;margin-top: 5px;padding: 5px 0 5px 10px;margin-left: 15px;}

input.radioB[type="radio"]{appearance: none; border:1px solid #7d7d7d;border-radius: 50%;width: 20px;height: 20px;position: relative;top: 4px;}
input.radioB[type="radio"]:checked:after{content:'';border-radius:100%;width: 8px;height: 8px;display:block;background: #1c3d8e;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
input.radioR[type="radio"]{appearance: none;border:1px solid #7d7d7d;border-radius: 50%;width: 20px;height: 20px;position: relative;top: 4px;}
input.radioR[type="radio"]:checked:after{content:''; border-radius:100%; width:8px; height:8px; display:block;background: red; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}

input.redCheck[type="checkbox"]{vertical-align: middle; display: inline-block; text-indent:-9999px; width: 18px;height: 18px;border:2px solid #d1d4da;position: relative; appearance: none;}
input.redCheck:checked::after{content:''; width: 8px;height: 8px; position: absolute; left: 3px; top:3px; background: #e60012;}
input.redCheck[type="checkbox"] + label{display: inline-block; font-family:'Noto Light'; vertical-align: middle; margin-left:5px;}

input.blueCheck[type="checkbox"]{vertical-align: middle; display: inline-block; text-indent:-9999px; width: 18px;height: 18px;border:2px solid #d1d4da;position: relative; appearance: none;}
input.blueCheck:checked::after{content:''; width: 8px;height: 8px; position: absolute; left: 3px; top:3px; background: #1c3d8e;}
input.blueCheck[type="checkbox"] + label{display: inline-block; font-family:'Noto Light'; vertical-align: middle; margin-left:5px;}

.agreeBtnWrap{text-align:center; padding:60px 0;}
.agreeBtnWrap .btnA{background: #25408f;color: #fff;font-family: 'Noto Regular';display: inline-block;border-radius: 5px;padding: 17px 25px;font-size: 18px;line-height: 1.1;}
.agreeBtnWrap .btnA.btn-c01{background-color: #25408f;}
.agreeBtnWrap .btnA.btn-c02{background-color: #6d6b76;}

._insertBtn{border:none;display:inline-block;background: #6d6b76;color: #fff;vertical-align: middle;font-size: 15px;padding: 10px 15px;border-radius: 3px;margin-left: 5px;font-family: 'Noto Light';}
@media only screen and (max-width: 800px) {
	#_UlgnS_basic h2{font-size:32px;}
	#_UlgnS_basic ._infoTxt{margin:25px 0 30px;}	
	#_UlgnS_basic ._loginInputWrap{width:auto;}
	#_UlgnS_basic ._inputArea ._input{width:100%;font-size: 15px;}	
	#_UlgnS_basic ._loginSubmit{position:initial;width:100%;padding:10px;height:auto;font-size:17px;}	
	#_UlgnS_basic ._findInfo ul li a{font-size:14px;padding-left:32px;padding-bottom:5px;}	
	#_UlgnS_basic ._findInfo ul li + li{padding-left:10px;margin-left:10px;}	
}
*/


/*로그인 후
#_UlgnS_basic._loginAfter h2{display: none;}
#_UlgnS_basic._loginAfter ._loginInfo{margin: 10px;text-align: center;font-size: 1em;}
#_UlgnS_basic._loginAfter ._loginInfo ._loginMsg height: 73px;line-height: 73px;}
#_UlgnS_basic._loginAfter ._loginInfo ._loginMsg strong{color: #009df5;}
#_UlgnS_basic._loginAfter ._uInfo {overflow: hidden;position: relative;border: 1px #ccc solid;margin: 0 10px 10px;display: flex;}
#_UlgnS_basic._loginAfter ._uInfo li{float: left;width: 100%;}
#_UlgnS_basic._loginAfter ._uInfo li ._btnLogout,
#_UlgnS_basic._loginAfter ._uInfo li ._btnEditInfo{display: block;width: 100%;text-align: center;border-style: solid;background-color: #f7f7f7;cursor: pointer;font-size: 17px;padding: 10px;font-family: 'Noto Regular';}
#_UlgnS_basic._loginAfter ._uInfo li ._btnLogout{border-width: 1px 1px 0 0;border-color: #fff #ccc #ccc #ccc;}
#_UlgnS_basic._loginAfter ._uInfo li ._btnJoinHomepage{border-width: 0 0 0 1px;border-color: #fff #ccc #ccc #ccc;display: block;width: 100%;text-align: center;border-style: solid;background-color: #f7f7f7;cursor: pointer;font-size: 17px;padding: 10px;font-family: 'Noto Regular';box-sizing: border-box;}
*/