/*로그인*/
#login {background:#fbfbfb; padding-top:20px; border:1px solid #e4e4e4; padding:20px; overflow:hidden}
.login_con  {width:100%; min-height:150px; margin:0 auto;  padding:0 0 0 0;}
.login_con .login_box {position:relative; margin-top:20px}
.login_con .login_box ul {width:100%; padding-right:100px;}
.login_con .btn_login {position:absolute; right:0; top:3px; }
.login_con .btn_login input[type=submit]{display:block; background:#ff9933; width:90px; height:70px; border-radius: 4px; vertical-align:middle; text-align:center; color:#fff; border:0}
.login_con .btn_login input:hover {background:#666;}

.login_con ul li {margin:0 0 0 0}
.login_con ul li input {width:100%; padding-left:10px; margin:3px 0; height:2.0em}
.login_con ul li label {display:none;}
.login_titl .ico {display:inline-block; width:45px; height:45px; background:#666; border-radius:45px; vertical-align:middle}
.login_titl h3 {display:inline-block; text-align:left; vertical-align:middle}
.bigtxt {display:block; font-size:1.2em;  line-height:1.2em; color:#76c14b; font-weight:bold; text-align:left !important}
.bigtxt span {color:#666}
.smalltxt {font-size:0.857em; line-height:1em; margin-bottom:15px}



#login_add {overflow:hidden; margin-top:20px;}
#login_add .btn_join {background:#666;}
#login_add > div {width:100%; margin-top:10px;}
#login_add > div h3 {font-size:1.125em; font-weight:bold}
#login_add > div p {font-size:0.813em; padding-left:10px; background:url(../images/sub/list_icon1.png) no-repeat left 50%; margin-bottom:5px}
#login_add > div span img {margin-right:5px;} 

/*약관동의*/
#agreement h3,#join h3 {color:#333; font-size:1.286em;  margin-bottom:10px; background:url('../images/sub/h3_icon1.gif') left center no-repeat; background-size:17px 10px; padding-left:20px }
.mem_step {background:#fff; border:1px solid #75c04a; margin-bottom:30px; color:#333; font-size:0.857em;  letter-spacing:-1.5px;}
.mem_step ol {overflow:hidden;}
.mem_step li {float:left; width:25%; padding: 0.143em 0.357em;  border-right:1px solid #75c04a; text-align:center}
.mem_step li span {color:#764825; font-size:0.857em;}
.mem_step li.on {background:url('../images/sub/bg_step.png') right center no-repeat #75c04a; color:#fff; border:none;}
.mem_step li.on span {color:#ccc}
.mem_step li.on:first-child {border:none;}
.mem_step li.on:last-child {background-image:none;}
.mem_step li:last-child {border:none;}
.mem_step span {display:block; vertical-align:middle; }

.termScroll {display:block; border:1px solid #d1d0ce;background: #f5f5f7;padding: 10px 15px;line-height: 22px;height: 200px; overflow-y: scroll;}
.termScroll h4 {font-size:1.143em;color:#333; margin-bottom:10px;}
.termScroll h5 {color:#333; margin-bottom:10px;}
.termScroll p {margin-bottom:10px;}
.termScroll ol {margin-bottom:10px;}
.termScroll ol li {padding-left:10px;}
.termHeight1 {height:500px;}
.termAgr { text-align: right;border-bottom: 1px solid #d1d0ce; padding: 18px 0; overflow: hidden;}
input[type="checkbox"] + label, input[type="radio"] + label { margin: 0 20px 0 4px;}

#agreement pre {
    white-space: pre-line;
    font-size: 1em;
    display: block;
    line-height: 1.8em;
    font-family: "Noto Sans KR", notos-dl, "Malgun Gothic", "맑은 고딕", sans-serif;
    padding: 15px;
    border-radius: 0px 0px 4px 4px !important;
}

/*회원가입*/
#join{}
#join .inputform {overflow:hidden; border-top:2px solid #333333; padding-top:10px}
#join .inputform dd {margin-bottom:10px; border-bottom:1px solid #cccccc}
#join .inputform dt {width:20%; float:left; color:#333; font-size:0.929em}
#join .inputform dd {padding-left:20%; padding-bottom:8px}
#join .inputform dd .selectBox{padding:0; margin:0; overflow:hidden;}
#join .inputform dd .selectBox li {float:left;}
.inputAddr {margin-top:5px}
.inputAddr input {width:100%;}
.inputAddr input:first-child {margin-bottom:5px}
.selectBox input:first-child {margin-bottom:5px}
.selectBox span {display:block;}
.selectBox .seBox {margin-bottom:5px}
.inputBox span:nth-child(1) {width:100%; padding:0 0 0 0; display:block !important}
.inputBox span:nth-child(2) {width:100%; padding:8px 0 0 0; display:block !important}
.inputBox span a { margin-top:5px}
.inputBox1 span {display:inline-block; padding-left:11px; background:url(../images/sub/bul_hyphen.gif) no-repeat 1px 14px;}
.inputBox1 span:nth-child(1) {width:45%; padding-right:4px; padding-left:0; background:none; margin-bottom:5px}
.inputBox1 span:nth-child(2) {width:45%; padding:0 4px 0 12px;}

.inputBox2 span:nth-child(2) {width:100%; padding:8px 0 0 0; display:block !important}

.inputBox3 span {display:inline-block; padding-left:0px; background:url(../images/sub/bul_hyphen.gif) no-repeat 1px 14px;}
.inputBox3 span:nth-child(1) {width:100%; padding-right:4px; background:none; margin-bottom:5px}
.inputBox3 span:nth-child(2) {width:45%; padding:0 4px 0 12px;}
.inputBox3 span:nth-child(3) {width:45%; padding:0 0 0 12px;}
.inputBox1 span input[type=text] {width:100%;}
.inputBox1 span input[type=password] {width:100%;}
.inputBox3 span input[type=text] {width:100%;}
.mailBox span {width:45%; display:inline-block;}
.mailBox span input[type=text] {width:100%;}
.mailBox span:nth-child(2){width:12px}
.mailBox span:nth-child(4){width:100%; margin-top:5px}
.mailBox span select{width:100%;}

/*회원가입완료*/

#joinEnd {background:#fbfbfb;border:1px solid #e4e4e4; padding:30px 0 0 0; overflow:hidden; text-align:center}
#joinEnd .msg {font-size:1.2em;  line-height:1.2em; color:#666; text-align:center}
#joinEnd .msg span {color:#ff9933}
#joinEnd .smalltxt {font-size:0.857em; line-height:1em;}



/*본인인증*/
#realname {padding:20px 0;}
#realname .bigtxt {font-size:1.429em}
.mem_class {margin:5% auto 2%; width:80%;}
.mem_class > [class^="cls"] {float:none; width:100%; text-align:center; background:#fbfbfb; padding-top:20px; border:1px solid #e4e4e4;}
.mem_class > [class^="cls"] a {display:block; width:80%; margin:0 auto;}
.mem_class > [class^="cls"] a:hover {text-decoration:none;}
.mem_class > [class^="cls"] .cls_cont {display:block; padding:30px 10px;border:1px solid #ccc; width:120px; height:120px; border-radius:120px; margin:0 auto 20px auto}
.mem_class > [class^="cls"] .cls_cont img {max-width:35px; vertical-align:middle;}
.mem_class > [class^="cls"] .cls_cont > span {display:block; color:#000; font-size:18px;}
.mem_class > [class^="cls"] .btn {display:block; text-align:center; color:#fff; font-size:18px; padding:5px; font-weight:bold;}
.mem_class > [class^="cls"] .explain {display:block; width:80%; margin:20px auto; font-size:0.875em;  word-break:keep-all; white-space:normal;}
.mem_class .cls01 strong {color:#4b6e0e;}
.mem_class .cls01 a {}
.mem_class .cls01 .btn {background:#ff9933;}
.mem_class .cls01 a:hover {background:#fbfbfb;}
.mem_class .cls02 a {float:right; clear:both; border:3px solid #764825;}
.mem_class .cls02 strong {color:#0a5681;}
.mem_class .cls02 .btn {background:#764825;}
.mem_class .cls02 a:hover {background:#f1c4a2;}
.mem_class .cls02 .explain {float:right;}

/*아이디/비번찾기*/
.login_srch h4 {background:#f5f5f5; color:#666; padding:10px 10px 8px; margin-bottom:0 !important; text-align:center;}
.login_srch .telbox {width:80px; text-align:center;}
.login_srch .inbox {padding:4% 2%; border:1px solid #d3d3d3; background:#fff;}
.login_srch .txt {padding:2%;word-break:keep-all; white-space:normal; text-align:center}
.login_srch .srch_box {margin-top:30px;}
.login_srch .srch_box [class^="btn_"] {height:33px; width:30%;}
.login_srch .srch_id {float:none; width:100%; padding-right:0;}
.login_srch .srch_pw {float:none; width:100%; padding-left:0;}
.login_srch .srch_id .txt, 
.login_srch .confirm_id .txt {background:url('../images/sub/ico_memsrch_id.png') left center no-repeat;}
.login_srch .srch_pw .txt,
.login_srch .confirm_pw .txt {background:url('../images/sub/ico_memsrch_pw.png') left center no-repeat;}
.login_srch .srch_box {display:block; text-align:center;}
.login_srch .srch_box input {width:48%; height:33px;}
.login_srch .confirm_id {width:70%; margin:0 auto;}
.login_srch .confirm_id .txt, .login_srch .confirm_pw .txt {font-size:1em;}
.login_srch .confirm_pw {width:80%; margin:0 auto;}
.phone_confirm, .pw_change {border:2px solid #86b3d6; background:#fafafa;}
.phone_confirm > ul {width:84%; margin:20px auto;}
.phone_confirm li {margin-bottom:10px;}
.phone_confirm li label {display:inline-block; width:20%; color:#0069ce; font-weight:bold;}
.phone_confirm li .input_box {width:79%;}
.phone_confirm li .cfm_num {text-align:center;}	
.pw_change .pw_box {width:60%; margin:20px auto;}
.pw_change .pw_box li {display:block; margin-bottom:8px}
.pw_change .pw_box li strong {display:inline-block; width:40%; color:#0069ce;}
.pw_change .pw_box .input_pw {display:inline-block; width:55%}



/*포토갤러리*/
.photoList ul{overflow:hidden;}
.photoList li {float:left; position:relative; width:48%; margin:1%;}

.photoList li a span.vodBg { background:url('../images/sub/vodBg.png') 0 0 no-repeat; }
.photoList li .cont {width:100%; display:block; background:rgba(0,0,0,0.8);padding:10px 10px;font-size:0.929em;color:#fff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; resize:horizontal; }
.photoList li .cont span{color:#ccc; margin-left:10px; font-size:12px; letter-spacing:-1px}
.photoList li .cont span.date {margin-left:0}
.photoList li a { display: block; }
.photoList li a img { max-width:100% }
.photoList li span.date {color:#ccc;}


.photoView {width:100%;}
.bx-wrapper .bx-caption {background:rgba(0, 0, 0, 0.75) !important; bottom:10px !important}
#bx-pager a {margin: 0 3px;}
#bx-pager a img {padding: 3px;border: solid #ccc 1px;}
#bx-pager a:hover img, #bx-pager a.active img {border: solid #5280DD 1px;}

.view_head {border-top:2px solid #333; box-shadow:0px 2px 1px -1px #ccc; background:#f5f5f5;}
.view_head h4 {font-size:1.143em; padding:10px 10px 0 20px;}
.view_head .date {height:30px; padding:0 10px 10px 30px; color:#888; border-bottom:1px solid #999; text-align:right; font-size:11px}
.view_head .file_wrap {padding:8px 10px 10px 0; text-align:right;}
.view_head .file_wrap a {margin-right:15px; word-break:keep-all; white-space:normal;}
.view_head .file {display:block; background:url('../images/bbs/ico_file.png') left 3px no-repeat; padding-left:20px; }
.view_body {padding:4% 3%; margin-top:10px; border-top:0px solid #999; border-bottom:0px solid #999;}
.view_body img {height:auto !important}
.view_foot .view_list li {padding:8px 10px 8px 20px; border-bottom:1px solid #ccc;}
.foot_btn {position:relative;display:block; text-align:center; margin-top:20px}
.view_list span {display:inline-block; padding:0 20px 0 30px; margin-right:10px; border-right:1px solid #ddd; font-weight:bold;}
.view_list .prev {background:url('../images/bbs/ico_view_prev.png') left center no-repeat;}
.view_list .next {background:url('../images/bbs/ico_view_next.png') left center no-repeat;}
.view_list a {display:inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height:1;}
#bx-pager {margin-top:10px; text-align:center}
#bx-pager a {display:inline-block; margin-top:1%;width:18%;}
#bx-pager a img {width:100%;}



.paging {text-align:center; margin:20px 0;}
.paging .inner a {display:inline-block; width:35px; height:30px; vertical-align:middle; margin-left:5px; text-align:center; line-height:1; padding:8px; background:#666; color:#fff; }
/*.inner a.on, .inner a:hover {background:#333366;} 컨텐츠내용과중복css*/


.d_paging {text-align:center; margin:20px 0;}
.d_paging .inner a {display:inline-block; width:35px; height:30px; vertical-align:middle; margin-left:5px; text-align:center; line-height:1; padding:8px; background:#666; color:#fff; }
.d_paging .inner a.firstnum,.d_paging .inner a.lastnum {width:auto; background:#fff; border:1px solid #ccc; color:#666; font-size:12px;}








/*검색*/
.list_head {position:relative;width:100%; margin:2% auto;}
.list_head .listnum {display:block; padding:4px; font-size:0.813em; color:#777}
.list_head .srchbox {width:100%;display:block; float:none;}
.list_head .srchbox select {width:100%; margin-bottom:3px;}
.srchbox .in_sel {display:inline; height:2.462em !important; line-height:2em !important; vertical-align:middle !important}
.search1{height:2.462em;padding:0px;border:1px solid #d5d5d5;background:#f9f9f9; vertical-align:middle !important; margin:0 !important}
.srchbox .in_srch {width:100%; position:relative; display:inline-block; vertical-align:middle;}
.srchbox .in_srch .in_txt {width:78%; height:2.462em; line-height:2.462em; margin:0 !important}
.srchbox .in_srch .btn_srch {position:absolute;top:0;right:0;display:block;width:20%; height:2.462em;  line-height:2.462em; background:#333; color:#fff; overflow:hidden;border:0px solid #abadb3; border-radius:4px}
.list_body form {margin-left:-2%;}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;margin:0;padding:8px 7px 7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle;border-radius:3px}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;margin:0;padding:8px 7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;border-radius:3px}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none;color:#fff !important;}
a.btn_admin {display:inline-block;margin:0 ;padding:8px 7px 7px;border:1px solid tomato;background:tomato;color:#fff;text-decoration:none;vertical-align:middle;border-radius:3px} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none;color:#fff !important;}


/* 장비소개 */
@media all and (min-width:300px){
.machine_mpl li {display: inline-block; width: 100%; text-align: center;}
}

/* Tablet용 CSS */
@media all and (min-width:768px){

/*게시판*/
.list_head {width:96%; margin-bottom:20px; margin:2%;}
.list_head .listnum {display:inline-block;  height:2.308em; line-height:2.308em;padding:2px;}
.list_head .srchbox {display:inline-block;}
.srchbox .in_sel {display:inline; height:2.462em !important; line-height:2em !important; vertical-align:middle !important}
.search1{height:2.462em;padding:0px;border:1px solid #d5d5d5;background:#f9f9f9; vertical-align:middle !important}
.srchbox .in_srch {position:relative; display:inline-block; vertical-align:middle; padding-right:62px;}
.srchbox .in_srch .in_txt {width:120px; height:2.462em; line-height:2.462em; margin-right:5px}
.srchbox .in_srch .btn_srch {position:absolute;top:0;right:0;display:block;width:60px; height:2.462em;  line-height:2.462em; background:#333; color:#fff; overflow:hidden;border:0px solid #abadb3; border-radius:4px}
.list_body form {margin-left:-2%;}




.bbsTopbox {font-size:0.875em; background:#f7f7f7; border:1px solid #e2e2e2; padding:10px; box-shadow:1px 1px 1px #888; overflow:hidden}
.bbsTopbox .ico  {width: 20%; float:left; text-align:center; vertical-align:middle}
.bbsTopbox .ico img {width:47px; height:47px}
.bbsTopbox .txtwrap {width:80%; float:left}
.bbsTopbox .txtwrap h3 {font-size:1.125em;  line-height:47px; font-weight:bold; color:#333; margin-bottom:0px}
.bbsTopbox .txtwrap h3 span {color:#cc0033;}
.bbsTopbox .txtwrap ul li span {color:#006699}




.bbsWrite {border-top:2px solid #057c91; border-bottom:1px solid #ccc; padding:20px 0; font-size:1em}
.bbsWrite dl {border-bottom:1px dashed #ccc; padding:5px 0}
.bbsWrite dl dt {font-weight:bold; text-indent:20px}




}

/* PC용 CSS */
@media all and (min-width:1024px) {

#login {}
.login_con  {width:50%; padding:0 0 20px 0;}
#login .bigtxt {font-size:1.714em; line-height:1.6em}
#login .smalltxt {font-size:0.929em;}	
#login_add  {width:35% !important; float:right;}
#login_add  p {background:url(../images/sub/list_icon1.png) no-repeat left 50%;}
/*회원가입*/
#agreement h3,#join h3  { font-size:1.2em; font-weight:bold; margin-bottom:10px; background:url('../images/sub/h3_icon1.gif') left center no-repeat;  padding-left:15px }
.mem_step {font-size:1.0em;}
.mem_step li {float:left; width:25%; padding: 0.714em 0.714em ;}
.mem_step span {display:inline-block !important;}
#join .inputform dt {font-size:1.0em}
.inputAddr input {width:45%;}
.inputAddr input:first-child {margin-bottom:0}
.selectBox input:first-child {margin-bottom:0px}
.selectBox span {display:inline-block;}
.selectBox .seBox {margin-bottom:0px}
.inputBox span:nth-child(1) {width:100%; padding:8px 0 0 0; display:block !important;}
.inputBox span:nth-child(2) {width:100%; padding:8px 0 0 0; display:block !important}
.inputBox span a { margin-top:0px}
.inputBox3 span:nth-child(1) {width:100px; padding-right:4px; background:none}
.inputBox3 span:nth-child(2) {width:100px; padding:0 4px 0 12px;}
.inputBox3 span:nth-child(3) {width:80px; padding:0 0 0 12px;}
.inputBox3 span {display:inline-block; width:auto;}
.inputBox3 span input[type=text] {width:85px;}
.inputWrap div[class^=inputBox] span {display:table-cell; }
.mailBox span {width:30%; display:inline-block;}
.mailBox span:nth-child(3){width:200px}
.mailBox span:nth-child(4){width:33%}
.mailBox span select{width:100%;}

#joinEnd { }

/*본인인증*/
.mem_class > [class^="cls"] {width:50%; text-align:center; margin:0 auto}

/*아이디/비번찾기*/
.login_srch .srch_id {float:left; width:50%; padding-right:2%;}
.login_srch .srch_pw {float:left; width:50%; padding-left:2%;}


/*검색*/


.list_head .srchbox {width:auto;float:right;}
.list_head .srchbox select {width:auto; margin-bottom:0}
.list_head .listnum {display:inline-block;}
.srchbox .in_srch {width:250px; padding-right:62px !important}
.srchbox .in_srch .in_txt {width:100%;}

	
}

/* 와이드PC용 CSS */
@media all and (min-width:1280px) {



}