@charset "utf-8";
@font-face {font-family:'yg-jalnan'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight:normal; font-style:normal;}
/*@font-face {font-family:'yg-jalnan'; src:url('JalnanOTF00.woff') format('woff'); font-weight:normal; font-style:normal;} 20230907_폰트오류수정*/

#name_check{clear:both;overflow:hidden;margin-top:20px;}
#name_check .fl{float:left;width:48%;min-height:250px;overflow:hidden;border:1px solid #dddddd; padding:20px;}
#name_check .fr{float:right;width:48%;min-height:250px;overflow:hidden;border:1px solid #dddddd; padding:20px;}
#name_check .btn{border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;padding:25px 0;text-align:center;margin-bottom:20px;}

.check_box{clear:both;padding:5px 0;}
.check_box select, .check_box input, .check_box img {vertical-align:middle;}
.check_box input[type="radio"]{display:inline-block; margin:-4px 3px 0;}

.check_box2{clear:both;padding:8px;border:1px solid #dddddd;background:#fcfcfc; }
.check_box2 select, .check_box2 input, .check_box2 img { vertical-align:middle;}


.my_loveroom{clear:both;overflow:hidden;margin-top:20px;}
.my_loveroom .fl{float:left;width:290px;min-height:140px;overflow:hidden;border:1px solid #dddddd; padding:20px;}
.my_loveroom .fr{float:right;width:290px;min-height:140px;overflow:hidden;border:1px solid #dddddd; padding:20px;}
.my_loveroom .etc{border:1px solid #dddddd;padding:25px 0;text-align:center;margin-bottom:20px;background:#f7f7f7;}
.my_loveroom .txt_list3{border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;position:relative;  font-size:13px; color:#666666; margin-bottom:10px;padding:10px 0; }
.my_loveroom .txt_list3 li {clear:both; padding-left:20px; background:url('../img/sub/txt_list_bl1.gif') no-repeat 10px 0.6em;margin-bottom:5px; }
.my_loveroom .txt_list3 li a{color:#666666; }
.my_loveroom .txt_list3 li .btns{float:right;}

.login{clear:both;overflow:hidden;border-top:1px solid #5cb421;border-bottom:1px solid #5cb421;padding:40px 20px 40px 0;background:#fff;}
.login .fl{float:left;width:300px;}
.login .fr{float:right;width:300px;}

.login .title{text-align:center;padding-bottom:15px;border-bottom:1px solid #dddddd;margin-bottom:15px;}
.login .login_box .login_area {position:relative;clear:both;width:300px; margin:0;}
.login .login_box .login_area label{font-size:12px;}
.login .login_box .login_area input { width:150px; height:21px; border:1px solid #cdc9c9; background:#fafafa;padding:1px; font-size:12px; vertical-align:middle; }
.login .login_box .login_area dl { float:left; width:270px; }
.login .login_box .login_area dl dt { clear:both;float:left;width:55px;margin-top:2px;margin-bottom:5px;text-align:left; vertical-align:middle;font-size:12px;padding-left:17px;background:url('../img/member/bl_01.gif') no-repeat 5px 0.4em; }
.login .login_box .login_area dl dd { float:left;margin-bottom:5px; text-align:left; vertical-align:middle; }
.login .login_box .login_area .btn_login {position:absolute; top:0; right:5px; }
.login .login_box .login_area .btn_login input { width:61px; height:55px; border:none; padding:0; }

.login .fr ul{width:300px;}
.login .fr ul li{clear:both;padding-bottom:10px;font-size:12px;line-height:18px;}

.log_cnts{clear:both;overflow:hidden;}
.log_cnts dl {clear:both;overflow:hidden;}
.log_cnts dl dt{clear:both;font-weight:bold;font-size:13px;padding-left:13px;}
.log_cnts dl dd.text{padding:3px 0 10px 13px;}
.log_cnts dl dd.img{text-align:center;padding:10px 0;clear:both;}

/* 농촌진흥청 통합로그인 */
body#wrapper {background: #f8f9fa; }

.login_wrap {position: relative;height:500px;text-align:center;background: #2c6bc5; background: linear-gradient(to right, #72c5e7, #8170dd); background: linear-gradient(135deg, #99ffff, #99aaff, #e199ff);}
.login_wrap:before {content:'';position: absolute;top: 0;left: 0;right: 0;display: block;height: 100%;background-image: url('/images/common/bg_member.png');background-size: cover; background-repeat: no-repeat;}
.login_wrap #header {position: relative;background:transparent;padding-top:20px; border-bottom: 0;}
.login_wrap #header .top_wrap {position: relative;max-width:1460px; margin:0 auto;}
.login_wrap #container {overflow: hidden;}
.login_wrap #footer {position: relative;padding: 25px;}
.login_wrap #footer .ft_info { margin-top:0;}


.login_wrap .btnArea {margin: 30px 0 40px; overflow:hidden;text-align: center;}
.login_wrap .btnArea .btn {display:inline-block;min-width:140px;height:46px;line-height:44px;margin:0 2px;padding:0 20px;border-radius:4px;text-align:center;vertical-align:middle; cursor: pointer; white-space: nowrap;transition: 0.5s;}
.login_wrap .btnArea .btn.c1{background-color:#216dc7;border:1px solid #216dc7;font-weight:400;color:#fff}
.login_wrap .btnArea .btn.c1:hover {border:1px solid #216dc7;background-color:#fff;font-weight:500;color:#1973bf;}
.login_wrap .btnArea .btn.rud {border-radius:30px;}

/* 디지털 원패스 로그인 */
.member_Login {position: relative;font-size: 16px;margin-bottom: 100px;}

/*스크린 리더 only*/
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}

.member_Login .sub_Top { position: relative;text-align:center;}
.member_Login .sub_Top > .inner {position:relative; max-width:1460px; margin:0 auto;}
.member_Login .sub_Top > .inner .sub_tit {font-family: 'yg-jalnan';position: relative;width:100%;padding-top:60px;font-size:3.5rem;font-weight:bold;margin:0 0 30px;color: #001a70;/* text-shadow: 0px 1px 3px rgba(0,0,0,0.3); */letter-spacing:-.03em;}
.member_Login .sub_Top > .inner .sub_tit span {font-family: 'yg-jalnan';font-size:3.5rem;font-weight:bold;color: #001a70;/* text-shadow: 0px 1px 3px rgba(0,0,0,0.3); */letter-spacing:-.03em;}
.member_Login .sub_Top > .inner .sub_tit:after {content: '';display: block;position: absolute;left: 50%;bottom:-10px;width: 34px;height: 1px;margin-left: -17px;background: #02009d;}
.member_Login .sub_Top > .inner p {color: #001a70;font-size:1.125rem;letter-spacing:-.05em;margin-bottom: 20px;vertical-align:middle;/* font-weight:300; *//* text-shadow: 0px 1px 1px rgba(0,0,0,0.3); */}

.memberLogin_wrap {position: relative;max-width:1460px;margin: 0 auto 50px;z-index: 10;text-align: center;}
.loginTy_wrap{display:inline-block;}
.loginTy_wrap ul {margin: 0 -1%;overflow: hidden;text-align: center;}
.loginTy_wrap li {float: left;display: inline-block;width: 33.3%;padding: 1%;vertical-align: top;/* height: 317px; */}


.loginTy_wrap .loginTy_Item {padding: 2.5rem 2.5rem 0rem;background:#fff;border-radius: .6rem;min-height: 310px;text-align: left;box-shadow:0 3px 15px rgba(77, 77, 77, .05);}
.loginTy_wrap .loginTy_Item h3.h3Tit {position: relative;display: inline-block;margin: 0 0 22px 0px !important;font-size: 1.76rem !important; color:#3b3f4a;font-weight: 600;text-align: left;letter-spacing: -0.03em;}

.loginTy_wrap .loginTy_Item .rda_Login {position: relative;display: block;padding-top: 135px;}
.loginTy_wrap .loginTy_Item .rda_Login i { width: 100px; height: 100px; overflow: hidden; position: absolute; top:0; left: 0; right: 0; margin: 1rem auto; background-image:url("/images/common/ico_rda_Login.png");background-size: 100px auto; background-position: 50% 50%;background-repeat:no-repeat;}

.loginTy_wrap .loginTy_Item .loginTxt {position: relative;display: block; margin: 0 0 12px 0 !important;}
.loginTy_wrap .loginTy_Item .loginTxt p {font-size:15px;letter-spacing: -0.03em;}
.loginTy_wrap .loginTy_Item .loginTxt p span {font-size: 15px;font-weight:500;}
.loginTy_wrap .loginTy_Item .loginTxt p em {font-size:13px;font-weight:300;}
.loginTy_wrap .loginTy_Item .loginTxt .text_blue {color:#225898;}

.loginTy_wrap .loginTy_Item .social_Login {position: relative;display: block;}
.loginTy_wrap .loginTy_Item .social_Login { margin: -2%;overflow: hidden;}
.loginTy_wrap .loginTy_Item .social_Login div {float: left;display:inline-block;width: 50%;padding: 2%;}
.loginTy_wrap .loginTy_Item .social_Login a { position: relative;display: block; font-size:15px;color:#555; letter-spacing: -0.05em; line-height: 1.5;padding: 15px 15px 15px 70px; border: 1px solid #e8e8e8; border-radius: 5px; box-sizing: border-box; transition: 0.5s;}
.loginTy_wrap .loginTy_Item .social_Login a:after {content: '';position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; opacity: 0; z-index: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.loginTy_wrap .loginTy_Item .social_Login a:hover{border: 1px solid; border-color: #225898; font-weight:500; -webkit-box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.15); -moz-box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.15); box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.15);}
.loginTy_wrap .loginTy_Item .social_Login a:hover:after{opacity: 1;}
.loginTy_wrap .loginTy_Item .social_Login a span {color: inherit;}
.loginTy_wrap .loginTy_Item .social_Login a i { width: 34px; height: 34px; overflow: hidden; position: absolute; top:50%; left: 20px;margin-top: -17px; background-size: 34px auto; background-repeat: no-repeat; background-position: 50% 50%;border-radius: 50%;background-color: #f7f7f7;}
.loginTy_wrap .loginTy_Item .social_Login .naverId_Login a i { background-image: url('/images/common/ico_naver.png'); }
.loginTy_wrap .loginTy_Item .social_Login .kakaoId_Login a i { background-image: url('/images/common/ico_kakao.png'); }
.loginTy_wrap .loginTy_Item .social_Login .facebookId_Login a i { background-image: url('/images/common/ico_facebook.png'); }
.loginTy_wrap .loginTy_Item .social_Login .googleId_Login a i { background-image: url('/images/common/ico_google.png'); }
.loginTy_wrap .loginTy_Item .social_Login div:nth-child(odd){/* width:48%; */}
.loginTy_wrap .loginTy_Item .social_Login div:nth-child(even){/* width: 52%; */}

.loginTy_wrap .loginTy_Item input + input {margin-top:5px;}
.loginTy_wrap .loginTy_Item input[type='text'], .loginTy_wrap .loginTy_Item input[type='password']{display:block; width:100% !important; height:50px; font-size:15px; letter-spacing: -.03em; border:1px solid #d5d5d5; box-sizing:border-box; padding-left:15px;}

/*농사로접근성*/
.loginTy_wrap .loginTy_Item input[type="text"]::-webkit-input-placeholder {font-weight: 300;color:#111;}
.loginTy_wrap .loginTy_Item input[type="text"]:-moz-placeholder {font-weight: 300;color:#111;}
.loginTy_wrap .loginTy_Item input[type="text"]::-moz-placeholder {font-weight: 300;color:#111;}
.loginTy_wrap .loginTy_Item input[type="text"]:-ms-input-placeholder {font-weight: 300;color:#111;}

/*input[type='radio'] { display: none;}*/
.loginTy_wrap .loginTy_Item input[type='radio'] + label { position: relative; display: inline-block;margin-right: 20px;}
.loginTy_wrap .loginTy_Item input[type='radio'] + label:before { content: ''; display: inline-block; width: 18px; height: 18px; background: #fff; border: 1px solid #dedede; border-radius: 50%; vertical-align: middle;}
.loginTy_wrap .loginTy_Item input[type='radio'] + label span { display: inline-block; vertical-align: middle; margin-left: 6px;}
.loginTy_wrap .loginTy_Item input[type='radio']:checked + label:before { border: 1px solid #797979; background: #fff url('/images/common/radio_checked.png') no-repeat center center;}
/*input[type='checkbox'] { display: none;}*/
.loginTy_wrap .loginTy_Item input[type='checkbox'] {position:absolute; top:0; left:0; width:20px; height:20px; margin:0; opacity:0; cursor:pointer; }
.loginTy_wrap .loginTy_Item input[type='checkbox']:checked + label:before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: middle; background: #fff url("/images/common/icon_checked.png") no-repeat center center; border: 1px solid #767676;}
.loginTy_wrap .loginTy_Item input[type='checkbox'] + label span { vertical-align: middle; margin-left: 8px;color:#555; font-size:14px;}
.loginTy_wrap .loginTy_Item input[type='checkbox']:checked  + label span {color:#333; font-weight: 500;}
.loginTy_wrap .loginTy_Item input[type='checkbox'] + label:before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-color: #fff; border: 1px solid #dddddd;}
/* 접근성 추가 */
.custom-input {position:relative; display:inline-block; margin-right: 10px;}
.rdo-input {position:relative;display:inline-block;margin-right: 10px;}
.custom-input input[type="checkbox"] {position:absolute; left:0; top:0; width:0px; height:0px; opacity:0;}
.rdo-input input[type="radio"] {position:absolute; left:0; top:0; width:0px; height:0px; opacity:0;}
.custom-input input[type='checkbox']:focus + label:before {outline: 1px dashed #333;/* outline:-webkit-focus-ring-color:5px; */}
.rdo-input input[type='radio']:focus + label:before {outline: 1px dashed #333;/* outline:-webkit-focus-ring-color:5px; */}

.loginTy_wrap .loginTy_Item .cBtn {display:block; width:100%; font-size:18px;font-weight:500;height:52px; line-height:50px;background-color:#1f4f89; border:1px solid #1f4f89; color:#fff; text-align:center; transition: 0.5s;}
.loginTy_wrap .loginTy_Item .cBtn:hover {background-color:#fff;border:1px solid #1f4f89;color:#1f4f89;}
.loginTy_wrap .loginTy_Item .onPassBtn {background-color:#1c2674; border:1px solid #1c2674; color:#fff;}
.loginTy_wrap .loginTy_Item .onPassBtn:hover {background-color:#fff;border:1px solid #1c2674;color:#1c2674;}
.loginTy_wrap .loginTy_Item .onPassBtn:before {content:'';display: inline-block;margin-right: 8px; vertical-align: sub;width: 25px; height: 23px;background:  url('/images/common/onepass_icon.png') no-repeat;}
.loginTy_wrap .loginTy_Item .onPassBtn:hover:before {background:  url('/images/common/onepass_icon_on.png') no-repeat ;}

.loginTy_wrap .loginTy_Item .custom-input {position:relative;display:inline-block;margin: 0px 0 15px;margin-right: 0;}/*여백수정*/
.loginTy_wrap .loginTy_Item .btn_wrap{overflow: hidden; margin: 0;/*border-bottom:1px solid #e1e1e1;*/}
.loginTy_wrap .loginTy_Item .btn_wrap li{position:relative;float: left;display:inline-block;vertical-align:middle;width:50%;height: inherit;padding: 0;}
.loginTy_wrap .loginTy_Item .btn_wrap li:before{content:''; position:absolute; left:0; top:50%; width:1px; height:13px; background-color:#dddddd; margin-top:-6.5px;}
.loginTy_wrap .loginTy_Item .btn_wrap li:first-child:before{display:none;}
.loginTy_wrap .loginTy_Item .btn_wrap li a { display:block; color:#34353a; font-size: 15px; padding:12px 0;margin: 0 10px 0 10px;line-height:1.2;}

.message_wrap {position: relative;width:100%;max-width:1460px; margin: 0 auto; text-align:center; padding:100px 0;letter-spacing:-.05em; word-break: keep-all;}
.message_wrap .tit {font-size: 2rem !important;letter-spacing:-.05em;margin: 15px 0 25px !important;}
.message_wrap .tit .onPassTit {font-size: 2rem !important;letter-spacing:-.05em;color:#222;}
.message_wrap .tit .onPassTit:before {content:'';display: block;margin: 0 auto 10px; width: 28px; height: 24px;background: url('/images/common/onepass_icon_addT.png') no-repeat;background-size: 28px;}
.message_wrap .message_area {position: relative;overflow: hidden;max-width: 1200px;font-size: 16px;padding:1.5rem 2rem 2rem;background:#fff;border-radius: .6rem;margin: 1rem auto;box-shadow:0 3px 15px rgba(77, 77, 77, .05);}
.message_wrap .message_area.rda:before {content:"";display:block;width:200px;height:60px;background:url('/images/common/onepass_rdaLogo.png') no-repeat;margin:14px auto;}
.message_wrap .message_area p{font-size: 16px;letter-spacing: -.05em;color:#333;}
.message_wrap .message_area p + p {font-size: 16px; margin-top:.4rem;}
.message_wrap .message_area p span {font-size: 16px; color:#1973bf; font-weight:500;}

.message_wrap .btnArea {margin: 30px 0 30px; overflow:hidden;text-align: center;}
.message_wrap .btnArea .btn {display:inline-block;font-size: 16px;min-width:140px;height:46px;line-height:44px;margin:0 2px;padding:0 20px;border-radius:4px;text-align:center;vertical-align:middle; cursor: pointer; white-space: nowrap;transition: 0.5s;}
.message_wrap .btnArea .btn.c1{background-color:#216dc7;border:1px solid #216dc7;font-weight:400;color:#fff}
.message_wrap .btnArea .btn.c1:hover {border:1px solid #216dc7;background-color:#fff;font-weight:500;color:#1973bf;}
.message_wrap .btnArea .btn.c2{background-color:#767676;border:1px solid #767676;font-weight:400;color:#fff}
.message_wrap .btnArea .btn.c2:hover {border:1px solid #767676;background-color:#fff;font-weight:500;color:#767676;}


@media all and (max-width:1460px) { 

.login_wrap #header .top_wrap {padding: 0 2%;}
.memberLogin_wrap {padding: 0 2%;}
.loginTy_wrap .loginTy_Item .social_Login a span {display: initial;padding-left: 5px;color: inherit;}
.message_wrap {padding: 60px 2%;}

}

@media all and (min-width:1000px) and (max-width:1312px) { 
    .loginTy_wrap .loginTy_Item .social_Login div{width:100%;}
}

@media all and (max-width:1000px) { 

.loginTy_wrap li {float: left;width:100%;}

.loginTy_wrap li:last-child {float: none;width:100%;height: auto;}
.loginTy_wrap li:last-child .loginTy_Item {min-height:auto;}

.loginTy_wrap .loginTy_Item .social_Login {margin: -1%;}
.loginTy_wrap .loginTy_Item .social_Login div { padding: 1%;}

}

@media all and (max-width:767px) { 

.loginTy_wrap li {float: none;width:100%;}

#name_check .fl{float:none;width:100%;min-height:250px;margin-bottom:20px;}
#name_check .fr{float:none;width:100%;min-height:250px;}
#container.mL { padding-top: 0;}

.message_wrap {padding: 30px 2%;}
.message_wrap .tit {font-size: 1.6rem !important;}
.message_wrap .tit .onPassTit{font-size: 1.6rem !important;}

}

@media all and (max-width:600px) { 

.login_wrap #header img {transform: scale(.7);}
.login_wrap #header {padding-top:5px;}
#header h1 { float: none !important;}
.login_wrap:before  { background-size: contain;}
.member_Login .sub_Top > .inner .sub_tit {display: block; padding-top:10px;font-size: 2.2rem; letter-spacing: 0;}
.member_Login .sub_Top > .inner .sub_tit span {font-size: 2.2rem;  letter-spacing: 0;}
.member_Login .sub_Top > .inner p {font-size:1rem;}

.loginTy_wrap .loginTy_Item .social_Login div {float: none;width: 100% !important;display:block;}

}

@media all and (max-width:425px) {

.member_Login .sub_Top > .inner .sub_tit {color: #4846d4;}
.member_Login .sub_Top > .inner .sub_tit span {display: none;}
.loginTy_wrap .loginTy_Item .btn_wrap li {float: none;width:auto;}
.loginTy_wrap .loginTy_Item .btn_wrap li a {margin: 0 10px 0 11px;}

}

/*디지털원패스 설명글*/
.id_ex{padding:8px 0 5px 0;color: #515151;letter-spacing:-.05em;}