@charset "UTF-8";
/*회원가입*/
.areabox{padding:30px; border:1px solid #c8c8c8; background:#f5f5f5; height:200px; overflow-y:scroll;}
.marno{font-size:14px;}
.areabox h5{margin-bottom:10px;}
.areabox h6{margin-bottom:10px; font-weight:400;}
.areabox ol, .areabox ul, .areabox p{margin-bottom:10px; }

.pagebox{height:auto !important; overflow-y:visible !important;}

.fregister_agree{border:0px; text-align:center;}
.fregister_agree label{margin-left:10px;}

.member_step{margin:0 auto; width:100%;margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #c8c8c8; text-align:center;}
.member_step li{ display:inline-block ; height:40px; line-height:40px; font-size:18px; font-weight:600; padding-left:60px; margin-right:60px; background:url("/images/common/arr_next.gif") no-repeat 0 50%}
.member_step li:first-child{padding-left:0px; background:none;}
.member_step li:last-child{margin-right:0px;}
.member_step li.on{color:#505050;}
.member_step li span{padding:10px; line-height:100%; float:left; display:block;border-radius:20px; margin-right:10px; background:#c8c8c8; color:#ffffff; font-weight:600; margin-top:5px; }
.member_step li.on span.num{ background:#505050; }
.memberbox .mem_btn{width:160px;}
.memberbox{margin-bottom:30px;}

.sns_box{margin-bottom:30px;padding:20px 0px; border:1px solid #c8c8c8;}
.sns_box .btn_login{width:220px; padding:10px 20px;}

.formbox{padding:40px; border:1px solid #c8c8c8; overflow:hidden; margin-bottom:30px;}
.formbox .ed{border:1px solid #c8c8c8; padding:3px; width:150px;}
.formbox .selbox{border:1px solid #c8c8c8; padding:3px;}
.register_form{width:50%; float:left;}
.register_form li{margin-bottom:10px; overflow:hidden;}
.register_form li span{min-height:2px; width:30%; float:left; clear:both; padding:3px; padding-left:20px; font-weight:500; box-sizing:border-box; display:block;}
.address_form{width:100%; clear:both; padding-top:30px; margin-top:30px ;border-top:1px dashed #c8c8c8;background:url(/images/common/logo_ci.gif) no-repeat right bottom; background-size:200px auto}
.address_form li{width:50%; }
.address_form li.w100{width:100%;}

.address_form li b{display:block; padding-left:30%; font-weight:400;}


.loginbox {max-width:300px;margin: 0 auto; padding-top:180px; background:url(/images/common/logo_ci.gif) no-repeat center 30px; background-size:200px auto; border:0px; border-bottom:3px solid #7b857e; margin-bottom:30px;}
.loginbox ul{margin: 0 auto; max-width:300px; }
.loginbox .log_top {padding:30px 30px 10px;}
.loginbox .log_top li {margin-bottom:10px; text-align:center;}
.loginbox .log_top li span{width:30%; float:left;text-align:left; }
.loginbox .log_txt{overflow:hidden;}
.loginbox .log_txt li{float:left;width:50%;}
.loginbox .log_txt li a{display:block; width:100%; border-right:1px solid #c8c8c8; text-align:center; }
.loginbox .log_txt li:last-child a{border-right:0px;}
.log_top .btn_login{padding-top:20px;}
.btn_login{width:220px;}


@media all and (max-width:767px) {
.areabox{padding:10px; height:100px;}
.member_step{padding-bottom:20px; }
.member_step li{height:20px; line-height:20px; font-size:14px; padding-left:15px; margin-right:3px; background-size:10px auto;}
.member_step li span{padding:5px;margin-right:5px; margin-top:0px;}
.memberbox .mem_btn{width:140px;}

.register_form{width:100%; float:none;}
.address_form{background:none}
.address_form li{width:100%; float:none;}
}
@media all and (max-width:559px) {
.formbox{padding:20px;}
.loginbox{padding-top:160px;}
.register_form li span{padding-left:0px;}
.address_form li .add_btn{display:block; padding-left:30%; padding-top:10px;}
}

/*게시판공통*/
#BoardDiv {box-sizing:border-box}
#BoardDiv .BoardTitle{font-weight:600;text-align:center; border-top:1px solid #808080; border-bottom:1px solid #c8c8c8; padding:1.2rem 0.5rem; font-size:14px;; color:#505050; position:relative;}
#BoardDiv input, #BoardDiv textarea {font-family:'Noto Sans Korean', 'Malgun Gothic', '맑은 고딕',sans-serif; color:#808080;}
#BoardDiv .ed{border:1px solid #c8c8c8; padding:0.3rem; min-width:160px; width:100%; color:#808080;}
#BoardDiv .WriteBox{ border:1px solid #c8c8c8; width:100%; min-height:250px; overflow-y:scroll; resize:none;color:#808080;  font-size:14px; padding:0.8rem; margin-bottom:1rem;}
#BoardDiv .vat{vertical-align:top;}
#BoardDiv .fwb{font-weight:600}
#BoardDiv .TextInfo{overflow:hidden; font-size:14px; padding:0.3rem 0.8rem; border-bottom:1px dotted #c8c8c8;}
#BoardDiv .TextInfo li {color:#808080; padding:0.2rem 0rem;}
#BoardDiv .TextInfo li span{display:inline-block;}
#BoardDiv .TextInfo .Tit1{width:20%;}
#BoardDiv .TextInfo .Tit2{width:78%;}

@media only screen and (min-width: 768px) {
#BoardDiv .WriteBox{min-height:400px;}
#BoardDiv .ed{width:40%}
#BoardDiv .TextInfo li{width:50%; float:left;}
}
#BoardDiv .ed.phone_num{width:180px;}
#BoardDiv .ed.long{width:100%;}




/*게시판리스트*/

#BoardDiv{width:100%; margin: 0 auto; font-family: 'Noto Sans Korean','Malgun Gothic', '맑은 고딕', dotum, '돋움', gulim, '굴림', tahoma, sans-serif; letter-spacing:-1px; position:relative;}
#BoardDiv .mr2p{margin-right:2%;}
#BoardDiv .mr0{margin-right:0}
.ofh{overflow:hidden;}
.pd0{padding:0px !important;}

#BoardList{ font-size:14px; color:#505050}
#BoardList li{overflow:hidden; padding:1.2rem 0.5rem 0.7rem; line-height:100%; border-bottom:1px solid #e6e6e6;}
#BoardList li:first-child{border-top:1px solid #808080}
#BoardList li a{color:#505050}
#BoardList li span{display:inline-block; float:left; padding:0 1%; box-sizing:border-box; }
#BoardList li span.selectButton{width:2%; padding:0;}
#BoardList li span.selectButton input{margin:0; padding:0;}
#BoardList li span.subject{width:65%; text-align:center; font-weight:600;}
#BoardList li span.name{width:18%; text-align:center; font-weight:600}
#BoardList li span.date{display:none;width:13.5%;text-align:center; font-weight:600}
#BoardList li span.etc{width:15%;text-align:center; font-weight:600;}
#BoardList li span.etc.ing{font-size:12px;padding:0.4rem 0rem; margin-top:-0.2rem; background:#543821; color:#ffffff;}
#BoardList li span.etc.end{font-size:12px;padding:0.4rem 0rem;margin-top:-0.2rem; background:#808080; color:#ffffff;}

#BoardList li a span.subject{text-align:left; font-weight:normal; overflow:hidden;}
#BoardList li a span.subject b{color:#543821; margin-right:1%; display:block; width:5%; float:left;}
#BoardList li a span.subject span.notice{width:90%; float:left;}
#BoardList li a span.subject .b_num{display:none;}
@media only screen and (min-width: 768px) {
#BoardList li a span.subject .b_num{display:block;}
}
#BoardList li a span{font-weight:normal !important; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}

.BoardButton {overflow:hidden; margin:1rem 0;}
.BoardButton li a{color:#808080; font-weight:600; font-size:12px; display:inline-block; padding:2px 15px; border:2px solid #808080}
.BoardButton li{float:left; margin-right:10px;}
.BoardButton li:first-child{float:left;}
.BoardButton li:last-child{float:right; margin-right:0px;}
.BoardButton li:last-child a{border-color:#543821; color:#543821}
.BoardButton button { font-family: 'Noto Sans Korean','Malgun Gothic', '맑은 고딕', dotum, '돋움', gulim, '굴림', tahoma, sans-serif; letter-spacing:-1px; background:#ffffff; font-size:12px; padding:2px 15px;border:2px solid #543821; color:#543821; cursor:pointer; font-weight:bold; }


.BoardPage{text-align:center;}
.BoardPage li{display:inline-block;}
.BoardPage li a{font-size:11px; padding:4px 6px; color:#505050; border:1px solid #c8c8c8; }
.BoardPage li.current a{border-bottom:2px solid #543821; font-weight:600}
.BoardPage li:first-child a{border:1px solid #808080;}
.BoardPage li:last-child a{border:1px solid #808080;}


#photo_li { overflow:hidden; margin:2em 0em 1.5em; text-align:center; display:inline-block;}
#photo_li li{text-align:center; display:inline-block; margin:1.2em; border:1px solid #e6e6e6;}
#photo_li li a{display:inline-block; font-weight:300; font-size:1em; color:#505050; font-family:'맑은 고딕', '돋움'; letter-spacing:-1px;}
#photo_li li img{padding:10px; display:block; /*width:260px;*/ height:auto;}
#photo_li li img.btn_view { text-align:center; padding:10px; margin:0 auto; }

@media only screen and (min-width: 768px) {
#BoardDiv #BoardHalf{width:49%; float:left;}
#BoardList li span.subject{width:61%}
#BoardList li span.name{width:10%;}
#BoardList li span.date{display:inline-block;width:13.5%; }
#BoardList li span.etc{width:13.5%;}

}
@media only screen and (min-width: 980px) {
#BoardList li span.subject{width:68%}
#BoardList li span.name{width:10%;}
#BoardList li span.date{width:10%; }
#BoardList li span.etc{width:10%;}

}


/*게시판글쓰기*/
#BoardWrite{font-family:inherit; font-size:14.5px; padding-bottom:1.5rem; border-bottom:1px solid #c8c8c8;}
#BoardWrite ul {margin-bottom:1rem; padding:0.8rem 0rem 1.5rem; border-bottom:1px dotted #c8c8c8}
#BoardWrite ul li {padding:0.5em 0;}
#BoardWrite ul li span{display:inline-block;}
#BoardWrite ul li span.Tit1{width:25%;}
#BoardWrite ul li span.Tit2{width:73%;}

.rotate li:first-child{float:right;}
.rotate li:last-child{float:left;}

@media only screen and (min-width: 768px) {
#BoardDiv .ed{min-width:200px;}
#BoardWrite ul li{padding:0.5rem 1rem;}
#BoardWrite ul li span.Tit1{width:15%;}
#BoardWrite .WriteBox{}
#BoardWrite ul li span.Tit2{width:85%;}
}

/*게시판글읽기*/
#BoardDiv .VeiwT{text-align:left; padding-bottom:0.7rem;}
#BoardDiv .VeiwT b{font-weight:600;}
#BoardDiv .Tdate{font-weight:normal;display:block; text-align:right;   font-size:14px; padding-top:0.7rem; margin-top:1rem; border-top:1px dotted #c8c8c8}
#BoardDiv .Tdate b{margin-right:10px;}
#BoardDiv .VeiwBox{padding:2rem 0.5rem 0rem;   font-size:14px; line-height:1.5; border-bottom:1px solid #c8c8c8; padding-bottom:2rem;}
#BoardDiv .VeiwBox img{width:100% !important; height:auto !important;}
@media only screen and (min-width: 768px) {
#BoardDiv .VeiwT{padding-bottom:1.2rem}
#BoardDiv .VeiwT b{width:65%;}
#BoardDiv .VeiwT span{width:35%;}
#BoardDiv .Tdate{display:inline-block;position:absolute;padding:0; margin:0; border:none; right:0.5rem; }

}
@media only screen and (min-width: 980px) {
#BoardDiv .VeiwBox img{width:auto !important; max-width:100% !important;}
}
@media only screen and (min-width: 1170px) {
#BoardDiv .VeiwT b{width:72%;}
#BoardDiv .VeiwT span{width:28%;}
}
/*게시판 코멘트 리스트*/
#BoardDiv .CommentList{ font-size:14px;}
#BoardDiv .CommentList ul {border-bottom:1px solid #c8c8c8;}
#BoardDiv .CommentList ul li{padding:0.5rem 0.5rem 0.3rem; margin-bottom:5px; line-height:1.5}
#BoardDiv .CommentList ul li:last-child{margin-bottom:0px;}
#BoardDiv .CommentList ul .CommentInfo{background:#f5f5f5; overflow:hidden; border-bottom:1px dotted #c8c8c8;}
#BoardDiv .CommentList ul .CommentInfo b{font-weight:600; width:60%; float:left; margin-top:4px; }
#BoardDiv .CommentList ul .CommentInfo .Cedit{width:40%;float:left; overflow:hidden; border-bottom:0px;}
#BoardDiv .CommentList ul .CommentInfo .Cedit li{float:right; margin-left:5px; padding:0px;}
#BoardDiv .CommentList ul .CommentInfo .Cedit li a{display:inline-block;padding:3px 5px;background:#969696; font-size:11px; color:#ffffff}

/*게시판 코멘트 쓰기*/
#BoardDiv .CommentWrite{ font-size:14px;}
#BoardDiv .CommentWrite h3{border-top:1px solid #808080; border-bottom:1px dotted #c8c8c8; padding:0.8rem 0.5rem; background:#f5f5f5; font-weight:600}
#BoardDiv .CommentWrite ul {border-bottom:1px solid #c8c8c8; padding:0.5rem;}
#BoardDiv .CommentWrite ul li{padding:0.5rem 0rem;}
#BoardDiv .CommentWrite ul li span{display:inline-block;}
#BoardDiv .CommentWrite ul li span img#kcaptcha_image { vertical-align:middle; border:2px solid #333; }
#BoardDiv .CommentWrite ul li .Tit1{width:25%;}
#BoardDiv .CommentWrite ul li .Tit2{width:73%;}

#BoardDiv .CommentWrite .WriteBox {min-height:150px;}
#BoardDiv .CommentWrite .Cbtn{text-align:right; width:98.5%}
#BoardDiv .CommentWrite .Cbtn .btn_comment{width:30%;max-width:80px; font-weight:600; font-size:11.5px; background:none; border:2px solid #543821; color:#543821; font-family:'Malgun Gothic', '맑은 고딕',sans-serif; padding:0.3em; }

@media only screen and (min-width: 768px) {

}
/*게시판 파일첨부*/
#BoardFile .file_input{margin-bottom:5px; max-width:980px;}
@media only screen and (min-width: 768px) {
#BoardFile .file_input{max-width:768px;}
}
@media only screen and (min-width: 960px) {
#BoardFile{float:left; width:50%; margin-right:2%;}
#BoardDiv .spamBox{float:left;width:47%;}
}

/*비밀번호찾기*/
#BoardDiv .paddingDiv{padding:30px 0px;}
#BoardDiv .passwordDiv{text-align:center;}
#BoardDiv .passwordDiv input{width:100%; max-width:300px; border:1px solid #c8c8c8; padding:0.5rem; display:block; margin: 0 auto; text-align:center; margin-bottom:10px;}
#BoardDiv .passwordDiv button{ font-family: 'Noto Sans Korean','Malgun Gothic', '맑은 고딕', dotum, '돋움', gulim, '굴림', tahoma, sans-serif; letter-spacing:-1px; background:#543821; width:100%; max-width:300px;padding:0.5rem; border:1px solid #543821; color:#ffffff; cursor:pointer; font-weight:bold;}

.board_search { margin:10px 0; }
.board_search button { font-family: 'Noto Sans Korean','Malgun Gothic', '맑은 고딕', dotum, '돋움', gulim, '굴림', tahoma, sans-serif; letter-spacing:-1px; background:#ffffff; font-size:12px; padding:6px 22px;border:2px solid #543821; color:#543821; cursor:pointer; font-weight:bold; vertical-align:bottom; }
.board_search select.ed { width:30%; }
.board_search input.ed { width:30%; }

.dispno { display:none; }