@charset "utf-8";
/* CSS Document */
/*2022.10.19 KYJ 전반적 수정 (기존스타일에서 추가 및 수정만 진행됨)*/
input {font-family:CGC}
input[type="password"] {font-family:CGC !important}
input::placeholder {color:#b5b5b5}

/*로그인*/
.Login, input, select, label, textarea, button{font-family: CGC}
.Login {width:100%; padding:0}
.Login:after {content:""; clear:both; display:block; height:0; visibility:none}
.Login_box {width:auto; border-radius: 5px; border:1px solid #d0d0d0; font-family:CGC; /*overflow:hidden*/}
.Login p.loginTxt {position: relative; background:#59636a; color:#fff; padding:10px;line-height:140%; text-align: center}
.Login p.loginTxt span{display:inline-block; padding: 5px 5px 5px 35px; background:url(../../images/member/ico_login01.png) left top no-repeat}
.Login p.loginTxt2 {position: relative; background:url(../../images/member/ico_lstchild.png) 10px 16px no-repeat #59636a; color:#fff; padding:15px 10px 15px 30px;line-height:140%; border-radius:5px 5px 0 0}
.Login p.loginTxt2 span.txtright {position: absolute; top:10px; right:10px; padding: 5px 13px; background: #2d3b45; border-radius: 50px; color:#fff; font-size: 12px}
.Login p.loginTxt2 span.txt_bold {font-weight:500; font-size:1.077em}
.Login p.loginTxt02 {border-top:#565c5e solid 2px; padding:0; border-bottom:0}
.Login p.loginTxt span.txtright {position: absolute; top:7px; right:7px; padding: 3px 10px; background: #2d3b45; border-radius: 50px; color:#fff; font-size: 12px}
.Login p.loginTxt span.txtleft {display:block;color:#ff0000; padding:5px 0 0 0}
.Login .Login_line {width:auto;padding:30px 150px;margin:0 auto; background: #fff}
.Login .Login_line:after {content:""; clear:both; display:block; height:0; visibility:none}
 .Login_line ul {width:100%}
.Login .Login_line ul:after {content:""; clear:both; display:block; height:0; visibility:none}
.Login .Login_line ul li {display:inline-block;float:left;width:100%;color:#2c211d; padding:3px 0; line-height:130%;font-size:1.083em}
.log_input{ width: 100%; height: 43px; padding: 5px; border-radius: 3px; border:1px solid #ddd; box-sizing: border-box}
.login_input { width: 100%; height: 43px; padding: 5px; border-radius: 3px; border:1px solid #ddd; ; box-sizing: border-box}
.login_input2 { border:#c1c1c1 solid 1px;color:#666666; height:33px;padding:8px 1% 8px 1%; vertical-align:middle;width:40%; background:#fff; box-sizing:border-box; border-radius:4px}
.login_input3 { border:#c1c1c1 solid 1px;color:#666666;height:33px;padding:8px 1% 8px 1%; vertical-align:middle;width:85%; background:#fff; box-sizing:border-box; border-radius:4px}
.info_change .wdt30 {width:30% !important;float:left}
.login_input02 { border:#c1c1c1 solid 1px;color:#666666;padding:6px 5px 6px 5px; vertical-align:middle;width:85%; background:#fff; box-sizing:border-box}
.login_select { width:100%;min-width:68px; padding:12px 5px 10px 5px;height:39px; border:1px solid #c1c1c1;  vertical-align:middle;background:#fff;border-radius:0 !important}
.login_select02 { width:40%;min-width:68px; padding:12px 5px 10px 5px;height:40px; border:1px solid #c1c1c1;  vertical-align:middle; background:#fff;border-radius:0 !important}
button.loginBtn {clear:both; display:inline-block;background:#358cee;color:#fff; padding:15px 0; font-size:16px; width:100%;font-weight:bold; border-radius:5px; transition:all .6s}
button.loginBtn:hover{background:#1a71d4}
.Login p.LBtn {padding:20px 0; text-align:center; border-top:1px solid #ccc}	
.Login p.LBtn span {display:inline-block;margin:1px 3px}
.Login p.LBtn span a {display:inline-block; padding:7px 15px; border-radius:3px; background: #ddd; font-weight: 400}	
.Login p.LBtn span a.btnjoin{background: #59636a; color:#fff}
.Login_box .id_bold {color:#111; font-weight:500}

/* 정보변경 */
.Login_box.login_chgbox {border:0}
p.loginTxt02.login_topbox {padding:20px; border-radius:10px; border:1px solid #ccc; margin-bottom:15px}

/*본인확인*/
.login_form {width:100%}
.login_form table {width:100%;border-collapse:collapse}
.login_form table tbody th {width:30%;line-height:150%; vertical-align:middle;border-right:#d3cbcb solid 1px; border-bottom:#d3cbcb solid 1px;  padding:20px 0 20px 0;  background:#f1f1f1; font-weight:bold;font-size:1.083em}
.login_form table tbody td {vertical-align:middle; line-height:150%; border-bottom:#d3cbcb solid 1px;  padding:15px}
.login_form table tbody td span.lf_txt02 {display:block;color:#f8365f;padding:5px 0 0 0}
.login_form table tbody td span.lf_txt01 {display:block;padding:5px 10px 0 0}

/*본인확인 버튼*/
p.loginbtn {clear:both; text-align:center; padding:15px 0 15px 0; margin:10px 0 0 0}
p.loginbtn span.loginBtn_s01 { display:inline-block; float:left;background:#478ef7; margin-right:0.5%; margin-bottom:5px; width:48.5%; border-radius:4px}
p.loginbtn span.loginBtn_s02 { display:inline-block; float:right;background:#d9d9d9; margin-left:0.5%; margin-bottom:5px;width:48.5%;  border-radius:4px}
p.loginbtn span.loginBtn_s01 button {font-size:14px;  background:none; color:#fff; padding:15px 50px; border:0;width:100%}
p.loginbtn span.loginBtn_s02 button {font-size:14px;  background:none; color:#000; padding:15px 50px; border:0; width:100%}	
p.loginbtn span.loginBtn_s03 button {display:inline-block; width: 200px; height: 55px; margin: 0 5px; border-radius: 5px; background:#358cee; font-family: CGC; font-size: 14px; color:#fff; font-weight: 500; transition: 0.6s}
p.loginbtn span.loginBtn_s03 button:hover{background:#1a71d4}

.Login_box h4.mem_h4{margin-bottom: 10px; padding: 7px 0 5px 35px; background:url(../../images/member/ico_memh4.gif) no-repeat left center; font-size: 1.231em; color:#000}
.Login_box h4 span.titred {color:#f51212}
.Login_box h4 span.txtred {color:#f51212;font-size:0.667em; display:inline-block;  float:right}
p.loginTxt02 {background:#fff; border-bottom:#d3cbcb solid 1px;box-sizing:border-box; color:#727070;font-size:1.083em;padding:25px 20px;line-height:140%}
p.loginTxt02 span {color:#ff0000; text-decoration:underline}

.Login_box .loginfo_h4 {margin:10px; padding: 7px 0 5px 35px; background:url(../../images/member/ico_memh4.gif) no-repeat left center; font-size: 1.231em; font-family:CGC; color:#000}
.Login_box h4.loginfo_h4 span.txtred {font-size:0.75em; font-weight:400}

/*정보입력폼*/
.info_change {width:auto;border-top:#59636a solid 2px}
.lformselect01 {width:95%}
.lformselect02 {width:98%}
.lformselect02:after {content:""; clear:both; display:block; height:0; visibility:none}
.lformselect02>ul>li {float:left;width:46%; margin-left:1%;font-size:0.9em}
.lformselect02>ul>li span.same_txt03 {display:inline-block}
.lformselect02>ul>li:first-child {width:49%; margin-left:0}

/*셀렉트박스 화살표 수정*/
.jqTransformSelectWrapper {border:1px solid #aeadad !important; background: #fff url('../../images/board/select_arrow.png') no-repeat right center}
.jqTransformSelectWrapper ul {border:1px solid #aeadad !important}

/*정보입력폼 -회원인증*/
.member_confirm {overflow:hidden; display:table; width:100%;background:#ddd; border:0;box-sizing:border-box;margin-top:10px; border-radius:6px}
.member_confirm dl {display:table-row}
.member_confirm dl dt {display:table-cell; vertical-align:middle; line-height:150%;width:30%; padding:25px 0;  background:#59636a;font-size:1.231em; font-weight:500; text-align:center; color:#fff}
.member_confirm dl dd {display:table-cell; vertical-align:middle; line-height:150%;width:70%; padding:15px 3% 15px 15px; box-sizing:border-box;font-size:1.083em}
.member_confirm dl dd span {display:block;padding:8px 0 0 0; word-break:keep-all}
.same_input03 { border:#c1c1c1 solid 1px;color:#666666;padding:9px 0 9px 5px; vertical-align:middle; width:98%; background:#fff; margin:5px 0 0 0; box-sizing:border-box}
.small_input01 { border:#c1c1c1 solid 1px;color:#666666;padding:5px 0 5px 5px; vertical-align:middle; width:10%; background:#fff; margin:5px 0 0 0; box-sizing:border-box}
.small_input02 { border:#c1c1c1 solid 1px;color:#666666;padding:5px 0 5px 5px; vertical-align:middle; width:20%; background:#fff; margin:5px 0 0 0; box-sizing:border-box}

/* 회원탈퇴 */
#member_exit {clear:both;width:100%; font-family:CGC}
#member_exit:after {content:""; clear:both; display:block; height:0; visibility:none}
#member_exit .mtop_div {width:auto; padding:15px 10px; background:#3a5d73; border-radius:10px 10px 0 0; text-align:center}
#member_exit p.member_top {clear:both;  text-align:left; color:#fff;font-size:1.167em; display:inline-block}
#member_exit p.member_top span {color:#ffdf43; font-weight:500}

#memberexit_box {width:auto; background:#fff;border-bottom:#d3cbcb solid 1px;border-left:#d3cbcb solid 1px;border-right:#d3cbcb solid 1px; border-radius:10px 10px 0 0}
#memberexit_box ul {padding:10px 5px}
#memberexit_box ul li { padding:10px 15px}
#memberexit_box ul li p.mexit_number {font-size:1.083em;font-weight:bold;line-height:140%}
#memberexit_box ul li p.mexit_con {font-size:1.0em; padding:10px; line-height:150%; word-break:keep-all; background:#eee; border-radius:5px;margin-top:10px} 
#memberexit_box ul li p.mexit_number span.exittxt01 {color:#044bff}
#memberexit_box ul li p.mexit_con span.exittxt02 {color:#ff0000}
#memberexit_box ul li p.mexit_con span.exitbox { display:block; padding:5px 0 0 0}
#memberexit_box .exit_reason {border:#c1c1c1 solid 1px;height:50px;line-height:26px; color:#666666; vertical-align:middle; width:97%; margin-bottom:10px}
#member_exit .joincheckDiv {width:auto; padding:0 10px; background:#4d5459;; border-bottom:#abaeb0 solid 1px;border-left:#abaeb0 solid 1px;border-right:#abaeb0 solid 1px; border-radius:0 0 7px 7px}
#member_exit p.joincheck02 {padding:15px 0;font-size:1.077em; line-height:140%; color:#fff}

/* 아이디,비밀번호 찾기 결과화면 */
.ids_form {width:auto; padding:20px}
.ids_form:after {content:""; clear:both; display:block; height:0; visibility:none}
.ids_form p.ids_img {width:100%; text-align:center;vertical-align:middle; padding:10px 0 0 0}
.ids_form p.ids_img img { max-width:100%}
.ids_form p.ids_txt {width:100%; padding:10px 3% 20px; font-size:1.154em; line-height:140%; font-weight:bold; text-align:center}
.ids_form p.ids_txt span {display:block;font-weight:normal; padding:5px 0 0 0;font-size:0.917em}

section#container_reagree{background:#fff}
/*개인정보재동의*/
#join_reagree{clear:both; padding:0; margin:0; width:100%; background:#fff}
#join_reagree div.reagree_top{border-top:4px solid #6cb5ff; /*border-bottom:1px solid #ccc;*/ background:#fff url(../../images/member/reagree_top_bg.gif) repeat-x left bottom}
#join_reagree div.reagree_top div{ width:100%; max-width:1200px; margin:0 auto; position:relative}
#join_reagree div.reagree_top div h1{padding:15px 0; margin:0; font-size:0; line-height:0}
#join_reagree div.reagree_top div ul.topMn{position:absolute; top:50%; right:0; font-size:1.083em; margin:-18px 0 0 0}
#join_reagree div.reagree_top div ul.topMn:after{content:""; clear:both; display:block; height:0; visibility:none}
#join_reagree div.reagree_top div ul.topMn li{float:left; margin:0 2px; padding:0; background:#f6f6f6; border:1px solid #ccc; height:32px; line-height:32px; border-radius:10px}
#join_reagree div.reagree_top div ul.topMn li a{display:block; padding:0 15px; margin:0}
#join_reagree div.reagree_top div ul.topMn li:last-child {background:#58a2f5; border-color:#58a2f4}
#join_reagree div.reagree_top div ul.topMn li:last-child a {color:#fff}

#join_reagree_con div#agrDiv{width:100%; max-width:1200px; margin:0 auto; padding:20px 0; clear:both; font-size:1.083em}
#join_reagree_con div#agrDiv ul.reagreeList{clear:both; padding:15px; margin:0 0 15px; line-height:150%; border:2px solid #eee; border-radius:10px}
#join_reagree_con div#agrDiv ul.reagreeList li{width:auto; background:url(../../images/member/reagree_blt.gif) no-repeat left 7px; padding:0 0 4px 10px; word-break:keep-all}
#join_reagree_con div#agrDiv h4 {margin-bottom: 10px; padding: 7px 0 5px 35px; background:url(../../images/member/ico_memh4.gif) no-repeat left center; font-size: 1.231em; color:#000}


#join_reagree_con .area_reeagree {overflow:auto; width:auto; height:300px; padding:15px; background:#fff; border:1px solid #d5d5d5; border-radius: 5px 5px 0 0}
#join_reagree_con div#agrDiv div.area_jointxt{width:auto; border:1px solid #adb7c0; padding:0; margin:0 0 5px 0; overflow-y:scroll; height:300px}
#join_reagree_con div#agrDiv div.area_jointxt div{padding:15px; width:auto}
#join_reagree_con div#agrDiv div.area_jointxt div p{font-size:1.167em; line-height:150%; padding:0; font-family:NGB}
#join_reagree_con div#agrDiv div.area_jointxt div dl{padding:5px; margin:0}
#join_reagree_con div#agrDiv div.area_jointxt div dl dt{  line-height:150%}
#join_reagree_con div#agrDiv div.area_jointxt div dl dd{line-height:150%; padding:3px 0}
#join_reagree_con div#agrDiv p.joincheck {padding:12px 5px 12px 7px; margin-bottom:25px; background: #4d5459; border-radius: 0 0 5px 5px; color:#fff}
#join_reagree_con div#agrDiv p.joincheck input{vertical-align:middle; margin:0 5px 2px 5px}
#join_reagree_con div#agrDiv div.passBox{clear:both; width:auto; background:#ececec; padding:18px 20px; margin:0; border-radius:10px}  
#join_reagree_con div#agrDiv div.passBox:after{content:""; clear:both; display:block; height:0; visibility:none}
#join_reagree_con div#agrDiv div.passBox h4{background:none; padding:0; margin:0; float:left; width:85px; line-height:36px; height:36px; font-size:1.231em}
#join_reagree_con div#agrDiv div.passBox p{padding:0 0 0 90px; margin:0; /*line-height:36px;*/ line-height:150%; font-size:1.083em}
#join_reagree_con div#agrDiv div.passBox div.inputWrap{padding:0 0 0 90px; margin:0; font-size:1.083em}
#join_reagree_con div#agrDiv div.passBox div.inputWrap div.inputBox {width:auto; border:1px solid #d5d5d5; background:#fff; border-radius:5px}
#join_reagree_con div#agrDiv div.passBox div.inputBox input[type=password]{ width:100%; height:34px; line-height:34px; border:none; background:#fff; padding:0 3%; vertical-align:middle; border-radius:5px; box-sizing:border-box}

#join_reagree_con div#agrDiv div.agree_btn{*zoom:1; padding:0; margin:20px auto; width:70%}
#join_reagree_con div#agrDiv div.agree_btn:after {content:""; clear:both; display:block; height:0; visibility:none}
#join_reagree_con div#agrDiv div.agree_btn p{ float:right; width:50%; margin:0}
#join_reagree_con div#agrDiv div.agree_btn p:first-child{float:left}
#join_reagree_con div#agrDiv div.agree_btn p span{display:block; width:auto; margin:0 0 0 2px; text-align:center; padding:0; height:48px;border-radius:10px}
#join_reagree_con div#agrDiv div.agree_btn p span button{background:none; border:none; width:100%; height:50px; font-size:1.154em; color:#fff}
#join_reagree_con div#agrDiv div.agree_btn p:first-child span{margin:0 2px 0 0}
#join_reagree_con div#agrDiv div.agree_btn p.joinBtn_s01 span{background:#ff6363; background:#ff6363 url(../../images/member/reagree_btn0101.gif) no-repeat left top \9}
#join_reagree_con div#agrDiv div.agree_btn p.joinBtn_s02 span{background:#7c7a7a; background:#7c7a7a url(../../images/member/reagree_btn0201.gif) no-repeat left top \9}
#join_reagree_con div#agrDiv div.agree_btn p.joinBtn_s01 span button{background:url(../../images/member/reagree_btn0102.gif) no-repeat right top \9}
#join_reagree_con div#agrDiv div.agree_btn p.joinBtn_s02 span button{background:url(../../images/member/reagree_btn0202.gif) no-repeat right top \9}

/*이용약관*/
#join_reagree_con .join_agree{margin-bottom: 15px}
#join_reagree_con.joincheck{padding:7px 5px 5px 7px; background: #4d5459; border-radius: 0 0 5px 5px; color:#fff}
#join_reagree_con .terms_tb{overflow:auto; height:300px; padding:15px; background:#fff; border:1px solid #d5d5d5; border-radius: 5px 5px 0 0}
#join_reagree_con .allcheck{margin-bottom: 13px}
#join_reagree_con .terms_tb .terms_tit{padding:10px 5px; margin-bottom: 10px; border-radius: 5px; background: #dcdcdc; text-align: center; color:#000; font-size:1.154em; font-weight:500}
#join_reagree_con .terms_tb dl dt{margin-bottom: 10px; padding: 5px 5px 5px 15px; background: url(../../images/member/blt_terms.gif) no-repeat left 8px; border-bottom: 1px solid #ccc; font-size: 1.077em; font-weight: 500; color:#000}
#join_reagree_con .terms_tb dl dd{margin-bottom: 10px}
#join_reagree_con .terms_tb dl dd > p{margin:5px 0}
#join_reagree_con .terms_tb dl dd > ol {padding:10px; margin:5px 0; border-radius: 5px; background: #f0f0f0}
#join_reagree_con .terms_tb dl dd > ol > li >  ol{padding: 10px; margin: 5px 0; border-radius: 5px; border:1px solid #ccc; background:#fff}
#join_reagree_con .terms_tb dl dd > ol > li {line-height:140%}


/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
.Login .Login_line {padding:15px}

/* 개인정보동의 2년주기 */
#join_reagree div.reagree_top div h1 {padding:5px 10px}
#join_reagree div.reagree_top div ul.topMn {right:10px}
#join_reagree_con div#agrDiv {padding:20px 10px; box-sizing:border-box}
#join_reagree_con div#agrDiv div.agree_btn {width:100%}
#join_reagree_con div#agrDiv div.agree_btn p span button {font-size:1em}
#join_reagree_con div#agrDiv {font-size:1em}
#join_reagree_con div#agrDiv h4 {font-size:1.154em}
#join_reagree_con .area_reeagree p.reeagr_top {font-size:1.077em}
#join_reagree div.reagree_top div ul.topMn {font-size:1em}
#join_reagree div.reagree_top div ul.topMn li {width:32px; font-size:0}
#join_reagree div.reagree_top div ul.topMn li a {padding:0; background:url(../../images/member/bg_reagree_allmn.png) no-repeat 50% 50%}
#join_reagree div.reagree_top div ul.topMn li:first-child a {background:url(../../images/member/bg_reagree_home.png) no-repeat 50% 50%}
#join_reagree_con div#agrDiv ul.reagreeList li {background-position:left 5px}

p.loginTxt02.login_topbox {font-size:1em}

}

/* PC LAYOUT */
@media only screen and (min-width:1025px) {
/*로그인*/
.Login .Login_line ul li {width:69%; padding:0 1% 5px 0}
.Login .Login_line ul li.LoginBtn {display:inline-block;width:30%;margin-top:-50px; padding-right:0}
button.loginBtn {padding:35px 0}
/*약관동의 버튼*/
p.loginbtn span.loginBtn_s01 {float:none;margin-right:0.25%;width:auto}
p.loginbtn span.loginBtn_s02 {float:none;margin-left:0.25%;width:auto}
p.loginbtn span.loginBtn_s03 {float:none;margin-left:0.25%;width:auto}
/* 아이디 찾기 */
.ids_form p.ids_txt {width:64%;float:left; padding:30px 3%; font-size:1.083em; line-height:140%; font-weight:bold}
/*정보입력폼 -회원인증*/
.login_input02 { border:#ddd solid 1px;color:#666666;padding:6px 5px 6px 5px; vertical-align:middle;width:90%; background:#fff}

}

/*아이디 찾기,비밀번호찾기2021- 2021.04.14 KYJ */
.find_toptxt span.col_r{font-weight:500;color:#ff4c2f}
.find_info .mail_lst01{margin-bottom: 15px}
.find_info .find_input{height:43px; padding: 0 5px; border:#ddd solid 1px; color:#666666; vertical-align:middle;width:100%; background:#fff; box-sizing: border-box; border-radius:3px}
.find_info .input_short{width:75%; margin-right: 8px}
.find_info .btn_findnum{display:inline-block; width:130px; height:43px; background:#ff7373;  border: 1px solid #ef4444; border-radius:3px; color:#fff; font-size:14px; cursor: pointer}
.find_info .input_base::placeholder {color:#b5b5b5; font-family:NGB}
.find_info .conf_num{background: #eee}
.find_info .find_txt{margin-top: 15px; padding-left:28px; background:url(../../images/member/icon_info.gif) no-repeat left top; font-size:14px; line-height: 140%; font-weight:300; color:#111}
.find_info span.col_bb{font-weight:500;color:#303030}
.find_info span.col_r{font-weight:500;color:#ff4c2f}
p.loginbtn span.loginBtn_s03 button{cursor: pointer}

/* 아이디 찾기,비밀번호찾기2021[모바일]- 2021.04.14 KYJ */
@media only screen and (max-width:915px) {
.find_info .input_short{width:100%; margin-right: 0}
.find_info .btn_findnum{display:inline-block; width:100%; margin-top:5px}
.find_info .find_txt br{display: none}	
}

/* LOWSET FIX */
@media only screen and (max-width:748px) {
}