@charset "utf-8";
/* CSS Document */
/* com2zoa design  KYJ 20221209 */
/*[!] 기존 join 스타일과 member스타일 합침- 회원가입 영역은 22.12.12. 새롭게 코딩 진행, 로그인 및 정보변경관련 영역은 기존의 join스타일 가져와서 수정함*/

/*****회원가입 공통*****/
.member_new input, select, label, textarea{font-family: NSQ}
.member_new {font-family: NSQ; font-weight: 500}
.member_new .clear_fix:after{content:""; clear: both; display: block}
.subvisual .visual_wrap{display:none}
/*스크롤 스타일 지정*/
.scroll_st{overflow-y: scroll; height:200px; padding:20px 10px; border-radius: 5px}
.scroll_st::-webkit-scrollbar {width: 12px}
.scroll_st::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0.15); border-radius:0 5px 0 0; box-shadow: inset 0px 0px 0px white}
.scroll_st::-webkit-scrollbar-thumb {background-color: #a7a7a7; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent}
/*글자 포인트 색상 지정*/
.member_new span.col_r{color:#f63f3f}
.member_new span.col_b{color:#2f7ac7}
.member_new span.col_gr{color:#969696}
.member_new span.col_bk{color:#000}
/* 테이블 */
.mem_table{margin-bottom:15px; border-radius: 5px}
.mem_table table{width: 100%}
.table_border{overflow:hidden; position: relative}
.mem_table .lstinfo_txt, .mem_table .lstinfo_lst{margin-top: 5px; padding-left: 20px; background:url(../../images/member/ico_lstinfo.png); background-repeat:no-repeat; background-position:left 3px; font-size: 0.933em; color:#5c5c5c; font-weight: 500}
.mem_table .lstinfo_msg{padding-left: 20px; background:url(../../images/member/ico_lstmsg.png) no-repeat left 3px ;color:#ff5938; font-size: 0.933em; font-weight: 500}
.mem_table .lstinfo_child{overflow: hidden; margin-top: 3px; border-radius: 5px; border:1px solid #59636a; font-weight: 500}
.mem_table .lstinfo_child > p.infochild_tit{padding:3px; background:#59636a; color:#fff}
.mem_table .lstinfo_child > p.infochild_tit span{padding-left: 20px; background:url(../../images/member/ico_lstchild.png) no-repeat left 3px }
.mem_table .lstinfo_child > ol{padding: 5px}
/*모바일 아래에서 표 내용이 너무많을때 사이즈 고정후 스크롤 하기 테이블 감싸고 있는 div한테 table_scroll 클래스 주면됨*/	
.mem_table .esslst{display: inline-block; height: 18px; margin: -3px 0 0 5px; vertical-align: middle}
.scroll_txt{display: none}
.table_scroll{overflow-x: auto; position: relative}
.table_scroll table {min-width:400px}
/*표_색상:회색(기본) - !!!!!!!!!!!!!table_scroll이 적용 안되는 테이블은 각페이지 고유 클래스 하위 mem_table에 overflow: hidden 줘야함*/
.mem_table {overflow: hidden; width:100%; border-collapse:collapse; table-layout:auto; background:#fff; border:1px solid #d0d0d0}
.mem_table thead th { line-height:150%; padding:15px 3px;  border:1px solid #fff; border-top:1px solid #d0d0d0; vertical-align:middle;text-align:center; font-weight:400; color:#fff}
.mem_table tbody th {line-height:150%; background:#303d45; padding:15px 3px; border-bottom:1px solid #d0d0d0; text-align:center; font-weight:500; vertical-align:middle; color:#fff}
.mem_table tbody th.bg_type{background: #3c7093}
.mem_table tbody th br{display: none}
.mem_table tbody td {line-height:150%; padding:8px; border-bottom:1px solid #d0d0d0; border-left:1px solid #d0d0d0; text-align:center; vertical-align:middle; font-weight:400} 
.mem_table tbody td.bg_type{background: #f1f1f1}
.mem_table tbody td.border_bold{border-bottom:2px solid #d0d0d0}
.mem_table tbody tr:last-child th, .mem_table tbody tr:last-child td{border-bottom: none}
.mem_table.tdtxt_left tbody td{text-align: left}
/*col class 선언영역*/
.wdtauto{width:40px}
.wdtfix{width:40px}
.wdt5{width: 5%}
.wdt9{width: 9%}
.wdt10{width: 10%}
.wdt15{width: 15%}
.wdt20{width: 20%}
.wdt25{width: 25%}
.wdt30{width: 30%}
.wdt33{width: 33.3%}
.wdt40{width: 40%}
.wdt50{width: 50%}
.wdt60{width: 60%}
.wdt70{width: 70%}
.wdt80{width: 80%}
.wdt90{width: 90%}

/*인풋관련 선언*/
input[type="checkbox"]{margin: -4px 5px 0 0}
input.lst_check[type="checkbox"]{margin: 0}
input[type="radio"]{margin: -3px 5px 0 0; border-color:#fff}
input::placeholder, textarea::placeholder {color: #9d9d9d; font-weight: 400; font-size: 14px}
input:read-only {background:#f0f0f0; cursor: default}  
.input_base{width: auto; height: 33px; padding: 5px; border-radius: 3px; border:1px solid #ddd; font-weight: 500; font-size: 14px; box-sizing: border-box}
.input_base.input_long{width:100%}
.input_base.input_mid{width: 210px}
.input_base.input_short{width: 70px}
/* label이 input에 포함되어 있을경우*/
.cate_lst{position: relative; height: 33px; padding:4px 5px; border-radius: 3px; border:1px solid #ddd; box-sizing: border-box}
.cate_lst .name_tit {display: inline-block; width: 60px; padding: 0 5px 0 0; border-right: 1px solid #ccc;font-size: 14px; text-align: center}
.cate_lst .cate_input{display: block; margin: -22px 0 0 70px}
.cate_lst .input_base{width: 100%; height: auto; padding: 2px; border:none}

/*textarea공통사항 지정영역*/
.tb_textarea{height: 120px}
textarea.area_write{width: 100%; height: 120px; padding: 5px; border-radius: 3px; border:1px solid #ddd; box-sizing: border-box}

/*select공통사항 지정영역*/
select{width: 100px; height:33px; padding: 5px; border-radius: 3px; background:url(../../images/member/ico_selarw.png) right center no-repeat #fff; border:1px solid #ddd; box-sizing: border-box; appearance: none; cursor: pointer; font-weight: 500; font-size: 14px}
select.sel_long{width: 100%}
select.sel_short{width: 55px; font-size: 12px}
select.sel_mid{width: 250px}
.sel_date{width: 110px; height:33px; padding: 0 5px; border-radius: 3px; background:url(../../images/member/ico_cal.gif) right center no-repeat #fff; border:1px solid #ddd; box-sizing: border-box;  cursor: pointer}

/*radio공통사항 지정영역*/
.tb_radio > p{float: left; margin-right: 15px}
.tb_radio > p:last-child{margin-right: 0}
.tb_radio .radio_ico{margin: -2px 2px 0 2px }
.tb_radio.radio_center{text-align: center}
.tb_radio.radio_center > p{float: none; display: inline-block}

/*check공통사항 지정영역*/
.tb_check > p{float: left; margin-right: 13px}
.tb_check > p:last-child{margin-right: 0}
.allcheck {text-align: center}
.allcheck label{font-weight: 600}

/*버튼공통 선언(button)*/
/*하단 공통 버튼*/
.btn_wrap{margin-top: 20px; padding-top: 20px; border-top:1px solid #d4d4d4; text-align: center}
.btn_wrap .btm_btn li{display: inline-block}
.btn_wrap .membtn{display:block; width: 160px; height: 45px; padding:0 5px; margin: 0 5px; border-radius: 50px; background-repeat: no-repeat; background-position:left center; color:#fff; box-sizing: border-box; transition: 0.6s}
.btn_wrap .membtn span{display:block; padding:10px 0 10px 25px; background-repeat: no-repeat; background-position:left center; font-size: 1.154em; color:#fff}
.btn_wrap .membtn.wdtlong{width: 150px}
/*기본*/
.membtn.samebtn{background-color:#e6e6e6; color:#4c4c4c}
.membtn.samebtn:hover{background-color:#c7c7c7}
/*동의*/
.membtn.membtn01{background-color: #359ada}
.membtn.membtn01 span{background-image:url(../../images/member/btn_ok.png)}
.membtn.membtn01:hover{background-color:#165a84}
/*취소*/
.membtn.membtn02{background-color: #bdbdbd}
.membtn.membtn02 span{background-image:url(../../images/member/btn_cancel.png)}
.membtn.membtn02:hover{background-color:#737373}
/*확인*/
.membtn.membtn03{background-color: #359ada}
.membtn.membtn03 span{background-image:url(../../images/member/btn_ok.png)}
.membtn.membtn03:hover{background-color:#165a84}
/*중복확인*/
.overlapbtn{width: 110px; height: 33px; border-radius: 3px; background:#258cff; font-size: 12px; color:#fff; font-weight: 500; transition: 0.6s}
.overlapbtn:hover{background:#293842}

/*회원가입 네비*/
.member_new .mem_navi{margin-bottom:20px}
.member_new .mem_navi ul li{float: left; width: 20%}
.member_new .mem_navi ul li a{display: block; width: 95%; margin: 0 auto; padding: 13px 5px; border-radius: 50px; border:2px solid #dfdfdf; background: #fff; text-align: center; color:#1e1e1e; font-weight: 600; box-sizing: border-box; cursor:default}
.member_new .mem_navi ul li.on a{position: relative;  border-color:#2f83b5; background:#2f83b5; color:#fff}
.member_new .mem_navi ul li.on a::after{display: block; content: ""; clear: both; position: absolute; bottom:-12px; left:50%; width: 15px; height: 8px; margin-left: -6px; background:url(../../images/member/mem_arw2.png) no-repeat 90% center}
.member_new .mem_navi ul li a br{display: none}

/**유형선택 및 이용약관**/
/*회원유형 선택*/
.member_new .mem_typelst{margin: 50px 0 40px}
.member_new .mem_typelst ul li{float: left; width: 33.3%; text-align: center}
.member_new .mem_typelst .mt_txt{position: relative; width:90%; margin:0 auto; border-radius: 7px; box-sizing: border-box; box-shadow:0 5px 5px rgba(0, 0, 0, 0.15)}
.member_new .mem_typelst .bt_img{width: 100%; border-radius: 5px 5px 0 0}
.member_new .mem_typelst .bt_img span{display: block; position: absolute; top:-50px; left:50%; width: 100px; min-height: 100px; padding-top: 18px; margin-left: -50px; background-color: #f0f; border:7px solid #fff; border-radius: 50px; box-sizing: border-box; box-shadow:0 5px 5px rgba(0, 0, 0, 0.15); transition: all .5s}
.member_new .mt01 .bt_img span{background: #3ca1fc}
.member_new .mt02 .bt_img span{background: #7fd169}
.member_new .mt03 .bt_img span{background: #d47bf9}
.member_new .mt01:hover .bt_img span{background:#2167a7}
.member_new .mt02:hover .bt_img span{background:#499036}
.member_new .mt03:hover .bt_img span{background:#a645ce}
.member_new .mt01 .mt_txt{background: #2167a7}
.member_new .mt02 .mt_txt{background: #499036}
.member_new .mt03 .mt_txt{background: #a645ce}
.member_new .mem_typelst .bt_choice{position: relative; color:#fff}
.member_new .mem_typelst .bt_choice::after{content:""; clear: both; display: block; position: absolute; bottom:0; left:0; width: 100%; height: 50px; border-radius: 0 0 5px 5px; box-shadow:0 -3px 3px rgba(0, 0, 0, 0.05); transition: all .5s; z-index: 1}
.member_new .mt01 .bt_choice::after{background:#3ca1fc}
.member_new .mt02 .bt_choice::after{background:#7fd169}
.member_new .mt03 .bt_choice::after{background:#d47bf9}
.member_new .mt01:hover .bt_choice::after{background:#287cc9}
.member_new .mt02:hover .bt_choice::after{background:#57a741}
.member_new .mt03:hover .bt_choice::after{background:#ae54d3}
.member_new .mem_typelst .mt_name{ position: relative; display: inline-block; width: 100%; padding:80px 0 15px; box-sizing: border-box; font-size: 14px; z-index:5}
.member_new .bt_choice input{position: absolute; bottom:19px; left:50%; z-index:5}
.member_new .mt01 .bt_choice input{margin-left: -55px}
.member_new .mt02 .bt_choice input, .member_new .mt03 .bt_choice input{margin-left: -45px}

/*이용약관*/
.member_new .join_agree{margin-bottom: 20px; font-weight: 500; color:#000}
.member_new .joincheck{padding:5px; background: #26353e; border-radius: 0 0 5px 5px; color:#fff}
.member_new .terms_tb{overflow:auto; height:250px; padding:15px; background:#fff; border:1px solid #d5d5d5; border-radius: 5px 5px 0 0}
.member_new .allcheck{margin-bottom: 20px}
.member_new .terms_tb .terms_tit{padding: 5px; margin-bottom: 10px; border-radius: 5px; background: #dcdcdc; text-align: center; color:#000}
.terms_tb dl dt{margin-bottom: 10px; padding: 3px 5px 3px 10px; background: url(../../images/member/blt_terms.gif) no-repeat left 10px; border-bottom: 1px solid #ccc; font-weight: 500; color:#000}
.terms_tb dl dd{margin-bottom: 10px}
.terms_tb dl dd > p{margin-bottom: 5px}
.terms_tb dl dd > ol{padding:10px; border-radius: 5px; background: #f0f0f0}
.terms_tb dl dd > ol > li >  ol{padding: 10px; margin: 5px 0; border-radius: 5px; border:1px solid #ccc}
.member_new .terms_intro{padding:10px; margin-bottom: 15px; border-bottom: 2px solid #ccc}

/**본인인증**/
.mem_certify .memcont_tit{margin:0 0 30px; padding:5px 5px 8px; border-bottom: 1px solid #ccc; text-align: center; color:#000; font-size: 17px; font-weight:700}
.mem_certify .memcont_tit span{display: inline-block; padding:3px 5px 3px 28px; background: url(../../images/member/ico_certify.gif) no-repeat left center}
.mem_certibox{margin:60px 0 30px}
.mem_certibox > ul > li{float: left; width: 50%}
.mem_certibox .certified_box{position: relative; width: 95%; margin: 0 auto; padding-top:43px; border-radius:5px; border:2px solid #e0e0e0; transition: all .5s}
.mem_certibox .cel_tit{position: absolute; top:-31px; left:20px; width: 108px; height: 86px; border-radius: 70px 70px 0 0; background: #00f; text-align: center}
.mem_certibox .cel_tit span{ display: block; padding-top: 55px; background: #f0f; color:#fff}
.mem_certibox .cel_btn{position: absolute; top:10px; right:10px}
.mem_certibox .cel_btn button{position: relative; display: block; width: 138px; height: 33px; border-radius:50px; background-image:url(../../images/member/btn_arw.png); background-repeat:no-repeat; background-position:right center; font-size: 15px; text-align: left; font-weight: 600; color:#fff; transition: all .5s}
.mem_certibox .cel_btn button span{display: inline-block; padding-left: 10px}
.mem_certibox .cel_box01 .cel_btn button{background-color:#284d76}
.mem_certibox .cel_box02 .cel_btn button{background-color:#295822}
.mem_certibox .cel_txt{ padding:10px; font-weight: 500; color:#000; box-sizing: border-box; transition: all .5s}
.mem_certibox .cel_txt > p{ padding: 13px; line-height: 130%; border-radius: 5px; background: #e3e3e3; font-size:14px; text-align: center}
.mem_certibox .cel_txt > p span{display: block; margin-top: 10px; font-weight: 700}
/*휴대폰*/
.mem_certibox .cel_box01 .cel_tit{background:#3790f4}
.mem_certibox .cel_box01 .cel_tit span{background: url(../../images/member/ico_phone.gif) no-repeat center 15px}
.mem_certibox .cel_box01:hover .cel_btn button{background-color: #3790f4}
.mem_certibox .cel_box01:hover{border-color: #3790f4}
/*아이핀*/
.mem_certibox .cel_box02 .cel_tit{background:#52a744}
.mem_certibox .cel_box02 .cel_tit span{background: url(../../images/member/ico_ipin.gif) no-repeat center 15px}
.mem_certibox .cel_box02:hover .cel_btn button{background-color: #52a744}
.mem_certibox .cel_box02:hover{border-color: #52a744}
/*휴대폰인증 문의전화*/
.inquiry_tel{border-radius: 5px; background: #5a6266; text-align: center}
.inquiry_tel .tel_line{display: inline-block; padding-left: 40px; background: url(../../images/member/ico_inq.gif) no-repeat left center; color:#fff}
.inquiry_tel .tel_line span{display: inline-block; padding: 3px 18px; margin: 8px; border-radius: 50px; background: #313639}

/**정보입력**/
/*글쓰기,글보기 공통사항*/
.memjoin_agree{margin-bottom: 20px; font-family: PTD}
.memjoin_agree .memitem{position: relative; overflow: hidden; margin-bottom:5px; border-radius:5px; border:1px solid #dfdfdf; background: #293842}
.memjoin_agree .memitem .memtit span{position: absolute; top:50%; left:0; width: 228px; margin-top: -10px; color:#fff; text-align: center; font-weight:700}
.memjoin_agree .memitem .memtit.txt_line2 span{margin-top: -17px; line-height: 120%}
.memjoin_agree .memitem .memtb{position: relative; margin-left: 228px; padding: 8px; background: #fff; box-sizing: border-box}
.memjoin_agree .memitem .memtb .txt{min-height: 22px; padding: 5px 0}
.memjoin_agree .memitem .memtb:after{content:""; clear: both; display: block}
.memjoin_agree .memitem .memtb .sel_box{margin-right:5px}
.memjoin_agree .memitem .memtb .sel_box:last-child{margin-right:0}
/*글쓰기 화면*/
.mem_writing .memitem .txt_item{margin: 0; height:200px}
.mem_writing .memitem .cal_period{float: left; height:30px; line-height: 30px; ; margin-right: 5px}
.mem_writing .datesel_box{float: left}
.mem_writing .datesel_box .calbox{float: left; margin-right: 5px}
.mem_writing .datesel_box .calbox .input_base{width: 198px}
.mem_writing .exmsg{margin-top: 5px; padding:5px 5px 5px 30px; background:url(../../images/app/ico_refer.gif); background-repeat:no-repeat; background-position:5px 6px; background-color:#f1f1f1; border-radius:3px; font-size:0.933em; color:#000; font-weight: 500}
.mem_writing .exmsg2{margin-top: 5px; padding-left:20px; background: url(../../images/member/ico_lstmsg.gif) no-repeat left center; color:#ff1818; font-weight:600}
.mem_writing .memitem .cate_lst > p{padding-left: 5px; padding-bottom: 10px; margin-bottom: 10px;  border-bottom: 1px solid #e0e0e0}
.mem_writing .memitem .cate_lst > div.input_item{padding-left: 5px; padding-bottom: 10px; margin-bottom: 10px;  border-bottom: 1px solid #e0e0e0}
.mem_writing .memitem .cate_lst > p:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: none}
.mem_writing .memitem .cate_lst > div.input_item:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: none}
.mem_writing .mail_type {float: left}
.mem_writing .mail_type > p{float: left; margin-right: 5px}
.mem_writing .sel_box{float: left}
.mem_writing .input_id{position: relative}
.mem_writing .input_id .input_item{margin-right: 115px}
.mem_writing .input_id .overlap_btn{position: absolute; top:0; right:0}

/** 개인정보 재동의 **/
#header_reagree{height: 42px; background: linear-gradient(45deg, #0d9f63 0%,#0d613f 100%)}
#join_reagree{position: relative; top:0; left:0; height: 42px; margin: 0 auto}
#join_reagree h1{width:280px; padding:7px 0 0; border-radius:10px 10px 0 0; background:#fff; text-align:center}
#join_reagree .reagree_top{padding:5px}
#join_reagree .topMn{position: absolute; top:10px; right:5px}
#join_reagree .topMn:after{content:""; clear: both; display: block;}
#join_reagree .topMn li{float: left; margin-left:15px}
#join_reagree .topMn li a{overflow:hidden; display:block; width:21px; height:20px; font-size:0; text-indent:-9999999px}
#join_reagree .topMn li:first-child a{background:url(../../images/member/icon_home.png) no-repeat left top}
#join_reagree .topMn li:last-child a{background:url(../../images/member/icon_sitemap.png) no-repeat left top}
.agree_againwrap{margin:25px auto; padding: 0 15px}
.agree_againwrap h2.again_tit {line-height:140%; padding:0 0 0 35px; margin: 5px 0; background:url(../../images/member/again_tit.gif) no-repeat left 5px; font-size: 20px; font-weight:600; color:#000}
.agree_againwrap .again_top{margin-top: 10px; text-align: center}
.agree_againwrap .again_top > p{padding-top:20px; border-top:1px solid #ccc; font-size:18px; font-weight:600; line-height: 140%; color:#000}
.agree_againwrap .again_top .top_tb{padding: 15px; margin: 15px 0 25px; background: #fff; border-radius: 5px; border:2px solid #d4d4d4; line-height: 150%; font-weight: 500; font-size: 15px; color:#000}
.agree_againwrap .agree_tit .tit span{padding: 3px 10px}
.agree_againwrap .agree_tit .joincheck{margin: 16px}
.agree_againwrap .again_password{padding: 10px; border-radius: 5px; border:2px solid #d4d4d4}
.again_password label{ height: 33px; line-height: 33px; margin-right: 10px; font-size:16px; font-weight:600; color:#000}
.again_password .pw_box > p{margin:-33px 0 0 70px}
.again_password .lstinfo_txt{padding:5px; margin:5px 0 0 70px; border-radius:3px; background:#f1f1f1; font-weight:500; font-size:15px}
/* 이용약관 */
.agree_againwrap .join_agreebox{position: relative; overflow: hidden}
.agree_againwrap .join_agreebox .agree_tit{border-radius: 5px 5px 0 0; background: #26353e; color:#fff}
.agree_againwrap .agree_tit .tit{float: left; padding: 13px; font-size: 16px; font-weight:600}
.agree_againwrap .agree_tit .tit span{display: inline-block; padding: 1px 10px; margin-left: 10px; border-radius: 50px; background: #fff; color:#ff4b4b; font-size:15px}
.agree_againwrap .agree_tit .joincheck {float: right; margin: 10px;  color:#fff; font-weight:400; font-size:15px}
.agree_againwrap .terms_tb{overflow: auto; width: auto; height:300px; padding:20px 15px 20px 20px; margin-bottom: 20px; border-radius: 5px; margin-top: 0; border: #ccc solid 1px; line-height: 130%; font-size:15px; line-height: 140%; font-weight:500}
.agree_againwrap .terms_tb .terms_tit{padding: 5px; margin-bottom: 10px; border-radius: 5px; background: #dcdcdc; text-align: center; color:#000}
.agree_againwrap .join_agreebox .allcheck{padding:0 0 20px; text-align: center; font-weight:500}
/*하단 공통 버튼*/
.agreebtn_wrap{margin-top: 25px; padding-top: 20px; border-top:1px solid #d4d4d4; text-align: center}
.agreebtn_wrap .agreebtn{display:inline-block; width:150px; height: 38px; line-height:38px; margin: 0 5px; border-radius: 50px; background:#dedede; color:#fff; font-size:15px; transition: 0.6s}
.agreebtn_wrap .agreebtn01{ background: #334e5f}
.agreebtn_wrap .agreebtn01 span{display:inline-block; padding-left:28px; background:url(../../images/member/btn_ico01.png) no-repeat left center}
.agreebtn_wrap .agreebtn01:hover{background: #1b2d39}
.agreebtn_wrap .agreebtn02{background:#dedede; color:#4c4c4c}
.agreebtn_wrap .agreebtn02 span{padding:0; color:#000}
.agreebtn_wrap .agreebtn02:hover{background:#cecece}


/*****로그인 및 정보변경영역*****/
/*기존 join 스타일에서 수정-join 스타일과 member스타일 합침*/
/* 로그인 공통 */
.login_wrap{font-family: NSQ}
.login_wrap input{font-family: NSQ}
.login_wrap .bld {font-weight:500; color: #222}
.login_wrap .color1 {color: #ff2520}
.login_wrap .color2 {color: #e6583c}
.login_wrap .color3 {color: #1f73f1}
.login_wrap .login_list {line-height: 140%}
.login_wrap .login_list li {padding: 0 0 0 12px; margin-bottom:7px; background: url(../../images/member/blt_txt01.gif) 0 7px no-repeat; font-size:15px; font-weight:500}
.login_wrap .login_list li:last-child {margin-bottom: 0}
.login_wrap .form_wrap {position: relative; padding: 0 185px 0 0; margin:0 165px}
.login_wrap .input_box {padding: 8px; margin: 12px 0 0 0; border: 1px solid #e1e1e1; border-radius:5px 5px 5px 5px}
.login_wrap .input_box:first-child {margin-top: 0}
.login_wrap .input_box .login_input {width: 100%; height:32px; border: 0; background: none;font-size:16px; font-weight:500; line-height: 26px}
.login_wrap .btn_sbm {position: absolute; right: 0; top: 0; width:175px; height:117px; padding: 0; background: #3791a6; border-radius:5px 30px 5px 5px; color: #fff; font-size:18px; font-weight: 600; line-height: 52px; transition:all 0.3s}
.login_wrap .btn_sbm:hover{background:#1b6374}
.login_wrap .input_box input::placeholder {color:#aaa; font-weight:400; font-size:14px}
.login_wrap .login_page_btm {position: relative; padding: 20px; margin:40px 0 20px; border-radius:5px 5px 15px 15px; background:#f6f6f6}
.login_wrap .login_page_btm::after{content:""; clear: both; display: block; position: absolute; left: 15px; top: 10px; width:84px; height:59px; background: url(../../images/member/login_noti.png) left 0 no-repeat}
.login_wrap .login_page_btm ul{margin-left:98px}
.login_wrap .slogan_wrap {display: block; text-align:center}

/* 로그인 */
.login_wrap.login_body {max-width: 1000px; margin: 0 auto 40px}
.login_wrap .box_tit {padding:25px 0; text-align: center; color: #000; font-size:1.385em; ; border-bottom:2px solid #eee; font-weight:500}
.login_wrap .box_tit span{display:inline-block; padding:10px 0 10px 50px; background: url(../../images/member/logtxt_ico.png) left center no-repeat}
.login_wrap .login_box {margin-top:45px}
.login_wrap .login_page_wrap {background:#fff; border-radius:10px}
/* 비밀번호 */
.password_layer {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); z-index: 1000}
.password_layer .layer_tit {padding:20px 0; background:#ed6435; text-align: center; color: #fff; font-size:1.385em; font-weight:500; border-radius:10px 10px 0 0}
.password_layer .layer_tit .btn_close {position: absolute; right: 16px; top: 50%; width: 26px; height: 25px; margin: -13px 0 0 0; background: url(../../images/member/btn_close.png) 50% 50% no-repeat; text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden}
.password_layer .layer_noti {padding:15px 0 15px 115px; font-size: 1.077em; line-height: 1.5}
.password_layer .layer_noti.pass {background: url(../../images/member/bg_pwchg_tit.gif) 0 50% no-repeat}
.password_layer .layer_noti.noti {background: url(../../images/member/ico_login_noti5.png) 0 0 no-repeat}
.password_layer .layer_inner {width:90vw; max-width: 700px; min-width: 320px; max-height: 90vh; margin:100px auto 0 auto; overflow-y: auto}

/* 비밀번호 변경 */
.change_pass .change_wrap {padding: 20px; background:#eee; border-radius:0 0 10px 10px}
.change_pass .change_rule {padding: 20px 0 0 0}
.change_pass .rule_box {overflow: hidden}
.change_pass .rule_box dt {padding: 15px 15px 15px 50px; background: #626262 url(../../images/member/blt_pw_tit.gif) no-repeat 0 50% ; color: #fff; font-size: 1.231em; font-weight:500; border-radius:10px}
.change_pass .rule_box dd {padding: 20px 10px}
.change_pass .change_form_wrap {padding:20px 30px; background:#fff; border-radius:10px}
.change_top {margin-bottom:25px; padding:0 0 15px; background:url(../../images/member/bg_slash_line.gif) repeat-x 0 100%}

/* 정보변경 */
.change_noti .noti_wrap {padding: 20px}
.change_noti .info_list {padding: 10px 10px 0 10px}
.change_noti .btn_wrap button {width: 100%; height: 52px; padding: 0; margin: 10px 0 0 0; border-radius: 4px; font-size: 16px; font-weight: 600; color: #fff; line-height: 52px}
.change_noti .btn_wrap .btn_sbm2 {background: #2d2d2d}
.change_noti .btn_wrap .btn_cncl {background: #b1b1b1}
.change_noti .change_rule {padding: 20px 0 0 0}
.change_noti .rule_box2 {border: 1px solid #b1b1b1; border-radius: 4px; overflow: hidden}
.change_noti .rule_box2 dt {padding: 16px; background: #b0cbf4; text-align: center; color: #0e2241; font-size: 1.333em; font-weight: 600}
.change_noti .rule_box2 dd {padding: 20px 10px}

/**본인인증**/
.login_wrap .box_tit.certified_tit{padding:23px 0}
.login_wrap .box_tit.certified_tit span{display:inline-block; padding:12px 0 12px 50px; background:url(../../images/member/ico_certified.gif) left center no-repeat}
.auth_boxwrap > ul{display: flex; flex-wrap: wrap; justify-content: space-between}
.auth_boxwrap > ul > li{width: calc(100%/2 - 25px)}
.auth_boxwrap .certified_box{padding:10px; border-radius:10px; border:1px solid #e1e1e1; transition:all 0.3s}
.auth_boxwrap .certified_box .cel_tit{padding:10px; font-size:20px; font-weight:600}
.auth_boxwrap .certified_box .cel_tit span{display:block; padding:15px 10px; text-align:right}
.auth_boxwrap .certified_box .cel_info{padding:15px; border-radius:8px; background:#f6f6f6}
.auth_boxwrap .certified_box .cel_txt{font-size:14px; line-height:150%; text-align:center}
.auth_boxwrap .certified_box .cel_btn{padding:0 50px; margin-top:15px}
.auth_boxwrap .certified_box .cel_btn button{display:block; width:100%; height:42px; padding:5px 15px; border-radius:50px; font-size:15px; color:#fff; font-weight:600; text-align:left; box-sizing:border-box; transition:all 0.3s}
.auth_boxwrap .certified_box .cel_btn button span{display:block; background: url(../../images/member/certified_btn.png) no-repeat right center}
.auth_boxwrap .certified_box:hover .cel_btn button{box-shadow:0 3px 2px rgba(0, 0, 0, 0.15)}
.auth_boxwrap .cel_box01 .cel_tit span{background: url(../../images/member/ico_phone.gif) no-repeat left center; color:#33b8a7}
.auth_boxwrap .cel_box01 .cel_btn button{background:#33b8a7}
.auth_boxwrap .cel_box01:hover{border-color:#33b8a7}
.auth_boxwrap .cel_box01:hover button{background:#218175}
.auth_boxwrap .cel_box02 .cel_tit span{background: url(../../images/member/ico_ipin.gif) no-repeat left center; color:#3790e4}
.auth_boxwrap .cel_box02 .cel_btn button{background:#3790e4}
.auth_boxwrap .cel_box02:hover{border-color:#3790e4}
.auth_boxwrap .cel_box02:hover button{background:#20629f}


/* ======================================= MOBILE LAYOUT ======================================= */
@media only screen and (max-width:1024px) {
.member_new {font-size:1.077em}

/*정보입력*/
.member_new .mail_type{float: none; margin-bottom: 5px}
.member_new .mail_type > p{float: left; width: 50%; margin-right: 0; box-sizing: border-box}
.member_new .mail_type > p .input_mid{width: 100%}
.member_new .mail_type > p.mail_id{position: relative; padding-right: 20px}
.member_new .mail_type > p.mail_id span.mt_mark{position: absolute; top:4px; right:3px}
.member_new .mail_type > p.mail_tail{margin:0}
.mem_writing .sel_box{float: none}
.member_new .mail_lst select.sel_mid{width: 100%}
.member_new .class_sel select.sel_mid{width: 100%; margin-bottom: 5px}
.cate_certify .cate_lst{float:none; width: 100%; margin: 0 0 5px}
.memjoin_agree .memitem .memtb .sel_box{margin:0 0 5px 0}
.memjoin_agree .memitem .memtb .sel_box:last-child{margin-bottom:0}
.memjoin_agree .memitem .memtb .sel_box select.sel_mid{width: 100%}

/*개인정보 재동의*/
#header_reagree{height:40px}
#join_reagree .reagree_top{padding:3px 5px}
#join_reagree h1{width:200px}
#join_reagree h1 img{width:180px}
.agree_againwrap h2.again_tit{padding:3px 0 0 35px; font-size:17px}
.agree_againwrap .again_top > p{font-size:15px}
.agree_againwrap .again_top .top_tb{font-size: 13px}
.again_password .lstinfo_txt{margin-left:0}
.agree_againwrap .agree_tit .tit{float: left; padding: 10px; font-size: 15px; font-weight:600}
.agree_againwrap .agree_tit .tit span{display: inline-block; padding: 1px 5px; margin-left: 10px; border-radius: 50px; background: #fff; color:#ff4b4b; font-size:13px}


/*****로그인 및 정보변경영역*****/
/*기존 join 스타일에서 수정-join 스타일과 member스타일 합침*/

/* 로그인 공통 */
.login_wrap .login_list li {font-size:14px}
.login_wrap .form_wrap {position: relative; padding: 0 120px 0 0; margin:0}
.login_wrap .btn_sbm {width:110px; height:117px; color: #fff; font-size:16px}
.login_wrap .login_page_btm {padding: 15px; margin:20px 0}
.login_wrap .login_page_btm::after{display:none}
.login_wrap .login_page_btm ul{margin:0}

/* 로그인 */
.login_wrap .box_tit {padding:12px 0; font-size:16px; line-height:150%}
.login_wrap .login_box {margin-top:25px}

}

/* ========================================= PC LAYOUT ========================================= */
@media only screen and (min-width:1025px) {
/*개인정보 재동의*/
#header_reagree .reagree_top{position: relative; width: 1200px; margin: 0 auto}
.agree_againwrap{width:1200px; padding: 0}
}

/* ========================================= LOWSET FIX ========================================= */

@media only screen and (max-width:902px) {
/**본인인증**/
.login_wrap .box_tit.certified_tit{padding:12px 0}
.auth_boxwrap .certified_box .cel_tit{font-size:18px}
.auth_boxwrap .certified_box .cel_txt{font-size:13px}
.auth_boxwrap .certified_box .cel_btn button{font-size:14px}
}
@media only screen and (max-width:850px) {
/**본인인증**/
.login_wrap .box_tit.certified_tit{padding:12px 0}
.auth_boxwrap > ul > li{width: 100%}
.auth_boxwrap .cel_box01 .cel_tit span{background-size:33px 39px}
.auth_boxwrap .cel_box02 .cel_tit span{background-size:37px 39px}
.auth_boxwrap .certified_box .cel_btn{padding:0 20px}
.auth_boxwrap .cel_box01{margin-bottom:15px}
}
@media only screen and (max-width:748px) {
/**유형선택 및 이용약관**/
.member_new .mem_intro .intro_tit{padding:5px; border-radius: 5px; font-size: 1.077em}
.mem_intro .txtbg{display:block}
.mem_intro .intro_txt{padding: 10px; background:none}
}
@media only screen and (max-width:710px) {
/*글쓰기,글보기 공통사항*/
.memjoin_agree .memitem .memtit span{width: 110px; letter-spacing: -1px}
.memjoin_agree .memitem .memtb{margin-left: 110px}
}

@media only screen and (max-width:737px) {
/* 테이블 */
.mem_table{font-size: 1.000em}
.mem_table .lstinfo_txt, .mem_table .lstinfo_lst{background-position:left top; font-size:0.857em; line-height: 140%}
.mem_table tbody th{font-size: 1.000em}
.mem_table tbody th br{display: block}
.mem_table .esslst{display:block; height: 18px; margin:0; vertical-align: middle}
/*회원가입 네비*/
.member_new .mem_navi ul li a{padding: 10px 8px; border-radius: 10px; line-height: 120%; font-size: 13px}

/*****로그인*****/
/*기존 join 스타일에서 수정-join 스타일과 member스타일 합침*/
/**로그인 버튼**/
/*버튼타입*/
.log_btnbox button{display:block; width:100%; height: 35px; line-height:35px; margin: 0 auto 10px}
.log_btnbox button:last-child{margin-bottom: 0}
/*링크타입*/
.Login p.log_btnbox {padding:0 10px 20px; text-align:center}	
.Login p.log_btnbox a{display:block; width: 100%; height: 35px; line-height:35px; margin: 0 auto 10px}	
.Login p.log_btnbox a:last-child{margin-bottom: 0}

/*로그인*/
.Login p.loginTxt{font-size: 14px}
.Login .Login_line {width: auto; margin:20px 15px}
.Login .Login_line ul {margin-right: 0}
.Login .Login_line ul li {float:none;width:100%}
.Login .Login_line ul li:last-child{margin-bottom: 0}
.Login .Login_line .login_btn{position:relative}
.Login .login_btn button.loginBtn {width: 100%; height:auto; margin-top: 10px; font-size: 15px}
.Login .login_btn button.loginBtn span{padding:15px 0; background-position:left center}
.Login_box .log_tit{display:none; position: relative; top:0; left:0}
.Login_box .ip_line{padding-left:0}

/*아이디찾기*/
.Login .find_id .Login_line {width: auto; margin:15px}
.Login .find_id ul li{margin-bottom: 5px}
.Login .find_id ul li:last-child{margin-bottom: 0}
.Login .find_id .find_tit{display: none}
.Login .find_id .find_input{width: 100%}
/*아이디찾기_결과*/
.Login .find_result p.loginTxt{border-radius: 5px}
.Login .find_result .ids_txt{margin:20px 10px; font-size: 14px}
.Login .find_result .ids_txt span{width: 100%; margin: 15px auto 0}

/*비밀번호 찾기*/
.Login .find_pw .Login_line {width: auto; margin:20px 15px}
.Login .find_pw ul li{margin-bottom: 5px}
.Login .find_pw .find_tit{display: none}
.Login .find_pw .find_input{width: 100%}
.Login .find_pw ul li div.mail_box{float:none; width: 100%}
.Login .find_pw .mail_btn{margin-bottom: 5px}
.Login .find_pw .find_txt br{display:none}
/*비밀번호 찾기-변경*/
.Login .pw_change .Login_line {width: auto; margin:20px 15px}
.Login .pw_change ul {margin-right:0}
.Login .pw_change .find_tit{display: none}
.Login .pw_change .find_input span{display: inline-block; padding: 0 20px; margin-right: 10px; border-radius:50px; background: #ccc; color:#000}
.Login .pw_change .find_input{width: 100%}
.Login .pw_change .user_pw{height: 30px; line-height: 30px}
.Login .pw_change ul li div.newpw_box{float:none; width: 100%}
    
/*정보변경*/
.Login .info_change .Login_line {width: auto; margin:20px 15px}
.Login .info_change ul {margin-right:0}
.Login .info_change .find_tit{display: none}
.Login .info_change .find_input span{display: inline-block; padding: 0 20px; margin-right: 10px; border-radius:50px; background: #ccc; color:#000}
.Login .info_change .find_input{width: 100%}
.Login .info_change .user_id{height: 30px; line-height: 30px}

/* 회원탈퇴 */
#member_exit {font-size: 15px}
#member_exit .mtop_div {padding:10px; border-radius:5px}
}

@media only screen and (max-width:510px) {
/*버튼공통 선언(button)*/
/*하단 공통 버튼*/
.btn_wrap{margin-top: 15px; padding-top:0}
.btn_wrap .btm_btn{margin-top:15px}
.btn_wrap .btm_btn li{display:block; margin:0 0 8px}
.btn_wrap .membtn{display:block; width:100%; padding:0 5px; margin: 0}

/*휴대폰인증 문의전화*/
.inquiry_tel{padding: 10px}
.inquiry_tel .tel_line{display:block; padding:0; background:none}
.inquiry_tel .tel_line span{display:block; padding:4px; margin:0 0 5px}

/**정보입력**/
/*글쓰기,글보기 공통사항*/
.mem_writing .input_id .input_item{margin-right: 0}
.mem_writing .input_id .overlap_btn{position: relative; top:0; right:0; margin-top: 5px}
.mem_writing .input_id .overlap_btn .overlapbtn{width: 100%}
}

@media only screen and (max-width:415px) {
/**본인인증**/
.auth_boxwrap .certified_box .cel_txt p br{display:none}
}