@charset "utf-8";

.wrap_memb .join_step01 {background: url(/images/cmm/contents/img_dpt_join0102.png) no-repeat; width:740px; height:55px; overflow:hidden; margin-bottom:50px; text-indent: -5000px;}
.wrap_memb .join_step02 {background: url(/images/cmm/contents/img_dpt_join0202.png) no-repeat; width:740px; height:55px; overflow:hidden; margin-bottom:50px; text-indent: -5000px;}
.wrap_memb .join_step03 {background: url(/images/cmm/contents/img_dpt_join0302.png) no-repeat; width:740px; height:55px; overflow:hidden; margin-bottom:50px; text-indent: -5000px;}
.join_txt01 {padding:0 30px 40px 30px;}
.join_txt01 p {font-size: 16px; font-weight:600; padding-bottom:20px;}
.join_txt02 {padding:0 30px 20px 0;}
.join_txt02 p {font-size: 16px; font-weight:600; padding:0;}
.join_txt03 {padding:35px 50px; border:1px solid #dbdbdb; background:#f8f8f8; margin-bottom:20px;}
.join_txt03 p {font-size: 18px; font-weight:600; padding-bottom:20px;}
.wrap_memb .pcolor {color:#2e68b0;}
.join_dotlist li {background: url("/images/cmm/ico/bullet_dot.gif") no-repeat 0 9px; line-height: 18px; padding: 0 0 2px 10px; word-break: keep-all; font-size:13px;}
.join_box_l {background: url("/images/cmm/bgimg/bg_join_box_l.jpg") no-repeat 0 0; height:100px; overflow:hidden;}
.join_box_r {background: url("/images/cmm/bgimg/bg_join_box_r.jpg") no-repeat right 0; overflow:auto;}
.join_box_r li {float:left;}
.join_box_r li a {position:relative; height:95px; display:block; font-size: 20px; color:#353535; font-weight:bold; line-height:100%;}
.join_box_r li a span {display:block; padding-top: 5px;}
.join_box_r li.ipin {background: url("/images/cmm/bgimg/bg_join_li_line.jpg") no-repeat right 0;}
.join_box_r li.ipin a {background: url("/images/cmm/bgimg/bg_join_ipin.jpg") no-repeat 25px 28px; padding:30px 0 0 160px; width:210px;}
.join_box_r li.niceid a {background: url("/images/cmm/bgimg/bg_join_niceid.jpg") no-repeat 25px 28px; padding:30px 0 0 103px; width:250px;}
.p_orangenotice {background: url("/images/cmm/ico/ico_orangenotice.png") no-repeat 0 2px; font-size:12px; color:#666; line-height:18px; padding:0 0 0 23px; word-break:keep-all; margin-top:25px;}
/*로그인*/
.login_txt {border-top:2px solid #444547;background: url("/images/cmm/bgimg/bg_login_ico.png") no-repeat 20px 15px;padding:50px 85px 40px 245px;}
.login_txt p {font-size: 18px; font-weight:bold; margin-bottom:10px;}
.login_box_l {background: url("/images/cmm/bgimg/bg_login_box_l.jpg") no-repeat 0 0; height:360px; overflow:hidden;}
.login_box_r {background: url("/images/cmm/bgimg/bg_login_box_r.jpg") no-repeat right 0; overflow:auto;}
.login_box_r li {float:left;padding: 25px 2% 0 2%;color:#353535;font-size:18px;font-weight:600;text-align: center;}
.login_box_r li span {display:block;padding: 15px;vertical-align:top;font-size: 13px;}
.login_box_r li span img {vertical-align:top;margin: 10px auto 20px;display: block;}
.login_box_r li.ipin {width: 29%;}
.login_box_r li.niceid {width: 29%;background: url("/images/cmm/bgimg/bg_login_box_niceid.jpg") no-repeat 0 0;height:324px;}
.login_box_r li.staff {width: 29%;background: url("/images/cmm/bgimg/bg_login_box_st.jpg") no-repeat 0 0;position:relative;height:324px;}
.login_box_r li.staff ul {margin: 8px 0 0 15px;}
.login_box_r li.staff .btn01 {position:absolute;left: 162px;top:272px;}
.login_box_r li.staff span {padding: 15px 0 0 0; overflow:hidden;}
.p_login_join {border-bottom:1px solid #d4d4d4; padding:15px 0 15px 0; font-size:13px; font-weight:600; color: #222;}
.p_login_join a img {vertical-align:middle;}
.p_login_join span {font-size:12px; font-weight:normal; color: #666; padding:0 5px;}
.login_box_r li.staff li{clear:both;font-size: 13px;padding: 0 0 3px 0;}
.staff .inft01 {width:115px; border:1px solid #cfd0d1; padding:2px 3px 3px 3px;}


@media all and (min-width:481px) and (max-width:990px) {
/* login */	
.columnbox {margin:0; padding:0; width: 100%;}
.login_txt {background: url("/images/cmm/bgimg/bg_login_ico.png") no-repeat -10px -15px; padding:30px 5% 40px 180px; border-top: 1px solid #DBDBDB;}
.login_txt p {font-size: 18px; font-weight:bold; margin-bottom:10px; word-break:keep-all; line-height:1.3em;}
.login_box_l {background: none; height:auto;}
.login_box_r {background: none; overflow: visible;}
.login_box_r li {clear:both; border-top: 1px solid #d3d3d3!important; background:#f8f8f8!important; position:relative; padding:20px 0 20px 4.5%; font-size: 20px; text-align:left;}
.login_box_r li a.btn01 {position:absolute!important; right: 40px!important; top: 28%!important; width: 80px!important; line-height: 1.3em; word-break:keep-all;}
.login_box_r li.ipin {width:100%; overflow:auto;}
.login_box_r li.niceid {width:100%; height:auto;}
.login_box_r li.staff {width:100%; height:auto;}
.login_box_r li.staff ul { margin: 8px 0 0 0;}
.login_box_r li span img {display:none;}
.login_box_r li em.mobile_con {font-size: 14px; font-weight:normal; padding: 5px 0 0 0; width: 55%; word-break:keep-all; line-height:1.5em;}
.login_box_r li.staff li {border-top: none!important; background:none!important;}
.login_box_r li.staff div.mobile_con {position:absolute!important;right: 40px!important;top: 53%!important;width: 80px!important;}
.login_box_r li.staff div.mobile_con .btn01 {position:relative!important; left:-25px; height:25px; text-align:center; padding-top:12px;}
.login_box_r li span {display:none;}
.staff .inft01 {width:100%;border:1px solid #cfd0d1;padding:5px 8px;font-size: 14px;height: 15px;}
.p_login_join {border-bottom:1px solid #d4d4d4; padding:30px 20px; font-size:16px; font-weight:600; color: #222; letter-spacing:-0.03em; line-height: 1.3em;}
.p_login_join span {display:block; padding: 5px 0 10px; font-size: 13px;}
.p_login_join a {display:block;}
.p_orangenotice {padding: 0 20px 30px 20px; margin-left: 20px;}
.wrap_memb .mobile_con {display:block!important;}
.login_box_r li a.mobile_non {display:none;}

/* viewer */
.ul_viewer {border-top: none; border-top: 1px solid #DBDBDB;}
.ul_viewer li.v_doc {border-bottom: none;}
.ul_viewer li {padding: 25px 20% 25px 18%;}

/* 홈페이지 개선의견 */
.join_dotlist {border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; padding: 20px; margin-bottom:0; background:#F8F8F8;}
.tForm .prevNext li .pn {font-size: 14px;}

/* bye */
.join_dotlist {border-top:none; border-bottom:none; padding:0;}
.join_txt03 {margin-bottom:0; border:none; border-top:1px solid #DBDBDB;}

/* Privacy */
.wrap_memb .privacy_comment {border-top:1px solid #DBDBDB; padding: 20px 20px 0 20px;}
.wrap_memb .priv_box_none p {padding: 0 20px;}
.wrap_memb .ul_dot_inbox {margin: 0 20px;}
.wrap_memb .ul_priv_btn {margin: 0 20px;}

/* Join */
.join_step01 {display:none;}
.join_txt01 {padding: 30px 30px 40px;border-top:1px solid #DBDBDB;}
.join_txt01 p {line-height:1.5em;}
.join_txt01 p .pcolor {display:block; font-size: 18px; word-break:keep-all;}
.join_dotlist {background: none;}
.join_box_l {background:none; height:auto;}
.join_box_r {background:none; height:auto;}
.join_box_r ul {border-top: 1px solid #d4d4d4; background:#f8f8f8; overflow:auto;}
.join_box_r li {clear:both; border-bottom: 1px solid #d4d4d4; width:100%;}
.join_box_r li.ipin, .join_box_r li.niceid {background:none; clear:both; height:auto;}
.join_box_r li a {height:auto;}
.join_box_r li.ipin a {padding: 30px 0 30px 200px;}
.join_box_r li.niceid a {background: url("/images/cmm/bgimg/bg_join_niceid.jpg") no-repeat 50px 28px; padding: 30px 0 30px 200px;}
	
.join_step02 {display:none;}
.join_txt02 {padding: 30px;border-top:1px solid #DBDBDB; background:#F8F8F8;}
.join_txt02 p {line-height:1.5em;}
.join_txt02 p .pcolor {display:block; font-size: 18px; word-break:keep-all;}
.pd_memb_space1 {padding:0; display:block;}

.agree {border-top:1px solid #DBDBDB; padding:20px 10px;}
.wrap_join_agree .agree {border-top:none; padding:0;}
.wrap_join_agree .join_agree_chk {padding: 0 20px;}

}


@media all and (min-width:10px) and (max-width:480px) {
/* login */	
.columnbox {margin:0; padding:0; width: 100%;}
.login_txt {background: url("/images/cmm/bgimg/bg_login_ico.png") no-repeat center -20px; padding:130px 20px 25px 20px; border-top: 1px solid #DBDBDB;}
.login_txt p {font-size: 18px; font-weight:bold; margin-bottom:10px; word-break:keep-all; line-height:1.3em;}
.login_box_l {background: none; height:auto;}
.login_box_r {background: none; overflow: visible;}
.login_box_r li {text-align: left; clear:both; border-top: 1px solid #d3d3d3!important; background:#f8f8f8!important; position:relative; padding:20px 0 20px 4.5%; font-size: 20px;}
.login_box_r li a.btn01 {position:absolute!important; right: 40px!important; top: 28%!important; width: 80px!important; line-height: 1.3em; word-break:keep-all;}
.login_box_r li.ipin {width:100%;}
.login_box_r li.niceid {width:100%; height:auto;}
.login_box_r li.staff {width:100%; height:auto;}
.login_box_r li span img {display:none;}
.login_box_r li em.mobile_con {font-size: 14px; font-weight:normal; padding: 5px 0 0 0; width: 55%; word-break:keep-all; line-height:1.5em;}
.login_box_r li.staff ul { margin:5px 0 0 0;}
.login_box_r li.staff li {border-top: none!important; background:none!important;}
.login_box_r li.staff div.mobile_con {position:absolute!important;right: 40px!important;top: 59%!important;width: 80px!important;}
.login_box_r li.staff div.mobile_con .btn01 {position:relative!important;left:-25px;height:25px;text-align:center;padding-top: 12px;}
.login_box_r li span {display:none;}
.staff .inft01 {width:70%; border:1px solid #cfd0d1; padding:5px 8px; font-size: 14px;}
.p_login_join {border-bottom:1px solid #d4d4d4; padding:30px 20px; font-size:16px; font-weight:600; color: #222; letter-spacing:-0.03em; line-height: 1.3em;}
.p_login_join span {display:block; padding: 5px 0 10px; font-size: 13px;}
.p_login_join a {display:block;}
.p_orangenotice {padding: 0 20px 30px 20px; margin-left: 20px;}

/* modify */
.pd_memb_space1 {padding-left:0; display:block;}
select.input02 {width:auto!important;}

/* viewer */
.ul_viewer {border-top: none; border: 1px solid #DBDBDB;}
.ul_viewer li.v_doc {border-bottom: none;}
.ul_viewer li {padding: 25px 5% 25px 29%;}
.ul_viewer li span {position: relative; padding:6px 0 0 13px; display:block;}

/* 홈페이지 개선의견 */
.join_dotlist {border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; padding: 20px; margin-bottom:0; background:#F8F8F8;}
.tForm .prevNext li .pn {font-size: 14px;}

/* bye */
.join_dotlist {border-top:none; border-bottom:none; padding:0;}
.join_txt03 {margin-bottom:0; border:none; border-top:1px solid #DBDBDB; padding: 20px;}

/* Privacy */
.wrap_memb .privacy_comment {border-top:1px solid #DBDBDB; padding: 20px 20px 0 20px;}
.wrap_memb .priv_box_none p {padding: 0 20px;}
.wrap_memb .ul_dot_inbox {margin: 0 20px;}
.wrap_memb .ul_priv_btn {margin: 0 20px;}

/* Join */
.join_step01 {display:none;}
.join_txt01 {padding: 30px 30px 40px;border-top:1px solid #DBDBDB;}
.join_txt01 p {line-height:1.5em;}
.join_txt01 p .pcolor {display:block; font-size: 18px; word-break:keep-all;}
.join_dotlist {background: none;}
.join_box_l {background:none; height:auto;}
.join_box_r {background:none; height:auto;}
.join_box_r ul {border-top: 1px solid #d4d4d4; background:#f8f8f8; overflow:auto;}
.join_box_r li {clear:both; border-bottom: 1px solid #d4d4d4; width:100%;}
.join_box_r li.ipin, .join_box_r li.niceid {background:none; clear:both; height:auto;}
.join_box_r li a {height:auto;}
.join_box_r li.ipin a {padding: 30px 0 30px 150px;}
.join_box_r li.niceid a {background: url("/images/cmm/bgimg/bg_join_niceid.jpg") no-repeat 50px 28px; padding: 30px 0 30px 150px;}

.join_step02 {display:none;}
.join_txt02 {padding: 30px;border-top:1px solid #DBDBDB; background:#F8F8F8;}
.join_txt02 p {line-height:1.5em;}
.join_txt02 p .pcolor {display:block; font-size: 18px; word-break:keep-all;}
.pd_memb_space1 {padding:0; display:block;}

.agree {border-top:1px solid #DBDBDB; padding:20px 10px;}
.wrap_join_agree .agree {border-top:none; padding:0;}
.wrap_join_agree .join_agree_chk {padding: 0 20px;}

}