@charset "utf-8";

/* 버튼 - 효과 */
[class*="btn-"]       {display:inline-block;text-align:center;vertical-align:middle;cursor:pointer;transition:background-color 0.2s ease-out, color 0.2s ease-out;}
[class*="btn-"]:hover {transition:background-color 0.2s ease-in, color 0.2s ease-in;}

/* 버튼 - 색상 */
.btn-black  {background-color:#1a1a1a;border:1px solid #0a0a0a !important;color:#ffffff !important;border-radius:2px;}
.btn-gray   {background-color:#f6f6f6;border:1px solid #cacaca !important;color:#999999 !important;border-radius:2px;}
.btn-white  {background-color:#ffffff;border:1px solid #c3c3c3 !important;color:#1a1a1a !important;border-radius:2px;}
.btn-color  {background-color:#326cf9;border:1px solid #326cf9 !important;color:#ffffff !important;border-radius:2px;}
.btn-red    {background-color:#ea3030;border:1px solid #ea3030 !important;color:#ffffff !important;border-radius:2px;}
.btn-orange {background-color:#ef7830;border:1px solid #ef7830 !important;color:#ffffff !important;border-radius:2px;}
.btn-yellow {background-color:#efe430;border:1px solid #efe430 !important;color:#ffffff !important;border-radius:2px;}
.btn-green  {background-color:#59c24e;border:1px solid #59c24e !important;color:#ffffff !important;border-radius:2px;}
.btn-blue   {background-color:#496fe9;border:1px solid #496fe9 !important;color:#ffffff !important;border-radius:2px;}
.btn-sky    {background-color:#49cde9;border:1px solid #49cde9 !important;color:#ffffff !important;border-radius:2px;}
.btn-navy   {background-color:#395172;border:1px solid #395172 !important;color:#ffffff !important;border-radius:2px;}
.btn-purple {background-color:#a045a1;border:1px solid #a045a1 !important;color:#ffffff !important;border-radius:2px;}

/* 버튼 - 크기 */
.mini   {font-size:11px;height:22px;line-height:20px;padding:0 10px;}
.small  {font-size:11px;height:30px;line-height:28px;padding:0 10px;}
.medium {font-size:14px;height:35px;line-height:33px;padding:0 15px;letter-spacing:-1px;}
.large  {font-size:17px;height:45px;line-height:43px;padding:0 20px;}
.big    {font-size:20px;height:55px;line-height:53px;padding:0 20px;}

/* 입력 */
input[type="text"] {height:30px;line-height:30px;background:#fff;border:1px solid #d6d6d6;border-radius:2px;padding:0 10px;}
input[type="password"] {height:30px;line-height:30px;background:#fff;border:1px solid #d6d6d6;border-radius:2px;padding:0 10px;}
input[type="file"] {height:30px;line-height:30px;background:#fff;border:1px solid #d6d6d6;border-radius:2px;padding:0 10px;}
input[type="checkbox"] {height:29px;line-height:30px;margin:-2px 0 0 0;}
input[type="checkbox"]{-webkit-appearance:none;border:0;cursor:pointer;}
input[type="checkbox"]{display: inline-block;background: url('../../img/label_check.png') no-repeat left center;padding-left:17px;}
input[type="checkbox"]:checked{background-image: url('../../img/label_check_on.png');color: #2e2e2e;}
input[type="radio"] {height:29px;line-height:30px;margin:-2px 0 0 0;}
input[type=text],input[type=password], textarea {-webkit-transition: all 0.10s ease-in-out;-moz-transition: all 0.10s ease-in-out;-ms-transition: all 0.10s ease-in-out;-o-transition: all 0.10s ease-in-out;outline: none;}
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {border: 1px solid #333;}
select {height:30px;line-height:30px;background:#fff;border:1px solid #d6d6d6;border-radius:2px;padding:0 10px;}
textarea {width:100%;height:100px;background:#fff;border:1px solid #d6d6d6;border-radius:2px;padding:10px;}

/* 파일박스 디자인, ../sub/js/common.js */
.filebox{margin-bottom:5px;display: flex;}
.filebox:last-child{margin-bottom:0px;}
.filebox .upload-name {display: inline-block;padding:5px;vertical-align: middle;border: 1px solid #dddddd;width: 50%;color: #999999;}
.filebox label {display: flex;align-items: center;padding: 5px;color: #fff;vertical-align: middle;background-color: #000;cursor: pointer;margin-left: 5px;font-size: 12px;transition:all 0.3s}
.filebox label:hover{background-color:#999}
.filebox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}

/* 게시판 - 카테고리 */
#bo-cate {background:#f6f6f6;margin-bottom:30px;}
#bo-cate ul {zoom:1;border-bottom:1px solid #ddd;}
#bo-cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo-cate li{display:inline-block;}
#bo-cate li a {display:block;text-align:center;height:60px;line-height:60px;border:2px solid transparent;padding:0 20px;margin:-1px 0 -1px;z-index:99;}
#bo-cate #bo-cate-on {z-index:2;background:#fff;color:#000;font-weight:bold;border:1px solid #222;border-bottom:1px solid #fff;}

/* 게시판 - 아이콘 */
.icon-note {display:inline-block;color:#fff;font-size:13px;background:#232323;border:1px solid #131313;padding:5px 10px 6px 10px;border-radius:2px;margin-left:5px;}
.icon-new {display:inline-block;color:#fff;font-size:11px;background:#2588dc;border:1px solid #2588dc;border-radius:2px;padding:4px 5px 4px 5px;margin-left:5px;}
.icon-cmt {display:inline-block;color:#999;font-size:11px;background:#f6f6f6;border:1px solid #dddddd;border-radius:2px;padding:4px 5px 4px 5px;margin-left:5px;}
.icon-hot {display:inline-block;color:#fff;font-size:11px;background:#ff1100;border:1px solid #ff1100;border-radius:2px;padding:4px 5px 4px 5px;margin-left:5px;}
.icon-scr {display:inline-block;color:#fff;font-size:11px;background:#bc59a1;border:1px solid #bc59a1;border-radius:2px;padding:4px 5px 4px 5px;margin-left:5px;}

/* 일반게시판 - 리스트 피씨버전 */
.board-list {color:#333;text-align:center;border-top:2px solid #222;table-layout:fixed;}
.board-list tr.notice {background:#f3f3f3;}
.board-list th {height:50px;font-size:13px;border-bottom:1px solid #dedede;background:#f6f6f6;padding:10px;}
.board-list td {height:50px;font-size:15px;border-bottom:1px solid #dedede;padding:10px;}
.board-list td span{vertical-align: middle}

/* 일반게시판 - 검색 */
.board-search {position:relative;width:100%;text-align:center;background:#f6f6f6;padding:15px;margin-top:30px;overflow:hidden;}

/* 갤러리게시판 - 반응형 */
.gallery-list li .title a{white-space: nowrap;display: inline-block;overflow:hidden;text-overflow:ellipsis;}

@media (min-width:1200px){
	.gallery-list {margin:0 auto;}
	.gallery-list li {float:left;position:relative;width:23.5%;margin-right:2%;overflow:hidden;margin-bottom:2%} 
	.gallery-list li:nth-child(4n){margin-right:0px;}
	.gallery-list:after{content:'';display:block;clear:both;visibility:hidden;}
	.gallery-list li div {overflow:hidden;}
	.gallery-list li div img {width:100%;}
	.gallery-list li a div {position:relative}
	.gallery-list li .img-wrap{display:block;background-color:rgba(0,0,0,.0);position:absolute;left:0;top:0;z-index:10;text-align:center;color:rgba(0,0,0,.0);font-size:16px;transition:background-color 0.5s ease-out, color 0.5s ease-out;}
	.gallery-list li:hover .img-wrap{transition:background-color 0.5s ease-in, color 0.5s ease-in;background-color:rgba(0,0,0,.5);color:#fff;}
	.gallery-list li:hover img {transform:scale(1);}
	.gallery-list li .title {font-size:16px;font-weight:600;padding:20px 0;}
	.gallery-list li .no-image {text-align:center;border:1px solid #ddd;color:#ccc;font-size:14px;font-weight:300;}
	.gallery-list li .check {position:absolute;top:0;left:0;background:rgba(0,0,0,0.5);padding:5px 10px;z-index:999;}
}
@media(min-width:600px) and (max-width:1199px){
	.gallery-list {margin:0 auto;}
	.gallery-list li img {width:100%;}
	.gallery-list li {float:left;width:30%;margin-right:3%;overflow:hidden;margin-bottom:3%} 
	.gallery-list li:nth-child(3n){margin-right:0px;}
	.gallery-list li div{overflow:hidden;}
	.gallery-list li div img {width:100%;}
	.gallery-list li a div{position:relative}
	.gallery-list li .img-wrap{display:block;background-color:rgba(0,0,0,.0);position:absolute;left:0;top:0;z-index:10;text-align:center;color:rgba(0,0,0,.0);font-size:16px;transition:background-color 0.5s ease-out, color 0.5s ease-out;}
	.gallery-list li:hover .img-wrap{transition:background-color 0.5s ease-in, color 0.5s ease-in;background-color:rgba(0,0,0,.5);color:#fff;}
	.gallery-list li:hover img {transform:scale(1);}
	.gallery-list li .title {font-size:16px;font-weight:600;padding:20px 0;}
	.gallery-list li .no-image{text-align:center;border:1px solid #ddd;color:#ccc;font-size:14px;font-weight:300;}
}
@media (max-width:599px){
	.gallery-list {margin:0 auto;}
	.gallery-list li {width:100%;overflow:hidden;} 
	.gallery-list li{margin:0 auto 5%;}
	.gallery-list li img {width:100%;}
	.gallery-list li div{overflow:hidden;}
	.gallery-list li div img {width:100%;}
	.gallery-list li a div{position:relative}
	.gallery-list li .img-wrap{display:block;background-color:rgba(0,0,0,.0);position:absolute;left:0;top:0;z-index:10;text-align:center;color:rgba(0,0,0,.0);font-size:16px;transition:background-color 0.5s ease-out, color 0.5s ease-out;}
	.gallery-list li:hover .img-wrap{transition:background-color 0.5s ease-in, color 0.5s ease-in;background-color:rgba(0,0,0,.5);color:#fff;}
	.gallery-list li:hover img {transform:scale(1);}
	.gallery-list li .title {font-size:16px;font-weight:600;padding:20px 0;}
	.gallery-list li .no-image{text-align:center;border:1px solid #ddd;color:#ccc;font-size:14px;font-weight:300;}
}

/* 게시판 하단 버튼 */
.btn-list-box {position:relative;width:100%;margin-top:30px;overflow:hidden;}
.btn-list-box li {float:left;margin-right:10px;}
.btn-list-box li:nth-of-type(5){margin-right:0px;}
.btn-list-box li a {}
.btn-list-box li.fl-r {margin-left:10px;margin-right:0;}

/* 게시판 게시물 없음 */
.empty-list {padding:100px 0 !important;text-align:center}

/* 게시판 - 등록 */
.board-form{width:100% !important;border-top:2px solid #222 !important;}
.board-form th{padding: 10px !important;font-weight: bold !important;font-size: 14px !important;padding-left: 0px !important;border-bottom: 1px solid #eee !important;text-align: left !important}
.board-form td{padding: 10px !important;border-bottom: 1px solid #eee !important;padding-right: 0px !important}
.board-form-btn {text-align: center;margin-top: 20px;}

.board-form2{width:100% !important;border-top:1px solid #222 !important;}
.board-form2 th{padding: 15px !important;background-color:#fafafa;font-weight: bold !important;font-size: 13px !important;border-bottom: 1px solid #eee !important;text-align:center !important}
.board-form2 td{padding: 15px !important;border-bottom: 1px solid #eee !important;}
.board-form2-btn {text-align: center;margin-top: 20px;}

/* 게시판 - 보기 */
.boardview {width:100%;font-size:13px;border-top:2px solid #222;}
.boardview th {width:150px;color:#666;padding:10px;background:#f6f6f6;border-bottom:1px solid #dedede;font-weight:normal;}
.boardview td {height:56px;color:#999;padding:10px;background:#ffffff;border-bottom:1px solid #dedede;}
.boardview td p {padding-top:7px;}
.boardview td label {padding-right:10px;}

.boardview-title {display:block;font-size:25px;font-weight:300;word-break:break-all;padding:20px 0 0 0;}
.boardview-info {font-size:13px;padding:20px 0;border-bottom:1px solid #dedede;color:#666}
.boardview-info .name{float:left;color:#999;}
.boardview-info .hit{float:right;color:#999;}
.boardview-info .date{float:right;color:#999;margin-left:20px;}

.boardview-file {border:1px solid #dedede;margin-top:30px;}
.boardview-file h2 {padding:10px;background: #f6f6f6}
.boardview-file ul {margin:0;padding:5px 0;list-style:none}
.boardview-file li {padding:5px 10px;position:relative;}
.boardview-file a {color:#333;text-decoration:none;word-wrap:break-word}
.boardview-file img {float:left;margin:0 10px 0 0}

.boardview-next {}
.boardview-next ul {position:relative;text-align:left;border-bottom:1px solid #dedede;margin-top:30px}
.boardview-next ul li {border-top:1px solid #dedede;padding:20px 0;}
.boardview-next ul li a {color:#999}
.boardview-next ul li a:hover {color:#111}
.boardview-next ul li .title{display:inline-block;padding-right:20px;color:#111}
.boardview-next ul li .date{float:right;color:#999}

.boardview-content {min-height:300px;height:auto !important;height:200px;margin:30px 0;}

.boardview-img {width:100%;overflow:hidden;zoom:1}
.boardview-img:after {display:block;visibility:hidden;clear:both;content:""}
.boardview-img a.view-image{display:block}
.boardview-img img {margin-bottom:20px;max-width:100%;height:auto}

#boardview-share {position:relative;margin-bottom:20px;text-align:right}
#boardview-sns {display:none;position:absolute;top:-50px;left:50%;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}
#boardview-sns:after {display:block;visibility:hidden;clear:both;content:""}
#boardview-sns:before{content: "";position: absolute;bottom: -7px;left: 84px;width: 0;height: 0;border-style: solid;border-width: 7px 6px 0 6px;border-color: #415b92 transparent transparent transparent;}
#boardview-sns li {float:left;width:60px;text-align:center}
#boardview-sns li a{height:40px;padding:10px 0;}
#boardview-sns li .sns-f{display:block;background:#415b92}
#boardview-sns li .sns-t{display:block;background:#35b3dc}
#boardview-sns li .sns-g{display:block;background:#d5503a}
#boardview-sns li img{vertical-align:top}
#boardview-sns-wrap {position:relative;display:inline-block;margin-left:-1px}

/* 게시판 - 보기 */
#boardview {font-size:13px;}
#boardview table {width:100%;border-top:1px solid #9a9a9a;}
#boardview th {width:150px;color:#6a6a6a;padding:10px;background:#f6f6f6;border-bottom:1px solid #eaeaea;font-weight:normal;}
#boardview td {height:56px;color:#9a9a9a;padding:10px;background:#ffffff;border-bottom:1px solid #eaeaea;}
#boardview td p {padding-top:7px;}
#boardview td label {padding-right:10px;}

#boardview-title {display:block;font-size:25px;font-weight:300;word-break:break-all;border-top:1px solid #3a3a3a;padding:20px 0 0 0;}
#boardview-info {font-size:13px;padding:20px 0;border-bottom:1px solid #eaeaea;color:#666}
#boardview-info:after {display:block;visibility:hidden;clear:both;content:""} 
#boardview-info .name{float:left;color:#999;}
#boardview-info .hit{float:right;color:#999;}
#boardview-info .date{float:right;color:#999;margin-left:20px;}

#boardview-file {border:1px solid #eaeaea;margin-top:20px;}
#boardview-file h2 {padding:10px;background: #f6f6f6}
#boardview-file ul {margin:0;padding:5px 0;list-style:none}
#boardview-file li {padding:5px 10px;position:relative;}
#boardview-file a {display:inline-block;color:#3497d9;word-wrap:break-word}
#boardview-file a:focus, #boardview-file a:hover, #boardview-file a:active {text-decoration:none}
#boardview-file img {float:left;margin:0 10px 0 0}

#boardview-next {}
#boardview-next:after {display:block;visibility:hidden;clear:both;content:""}
#boardview-next ul {position:relative;text-align:left;border-bottom:1px solid #eaeaea;margin-top:20px}
#boardview-next ul li {border-top:1px solid #eaeaea;padding:20px 0;}
#boardview-next ul li a {color:#999}
#boardview-next ul li a:hover {color:#111}
#boardview-next ul li .title{display:inline-block;padding-right:20px;color:#111}
#boardview-next ul li .date{float:right;color:#999}

#boardview-atc {min-height:200px;height:auto !important;height:200px;margin-top:20px;}

#boardview-img {width:100%;overflow:hidden;zoom:1}
#boardview-img:after {display:block;visibility:hidden;clear:both;content:""}
#boardview-img a.view_image{display:block}
#boardview-img img {margin-bottom:20px;max-width:100%;height:auto}

#boardview-con {margin-top:20px;width:100%;line-height:1.75em;min-height:200px;word-break:break-all;overflow:hidden}
#boardview-con a {color:#000;text-decoration:underline}
#boardview-con img {max-width:100%;height:auto}

#boardview-share {position:relative;margin-bottom:20px;text-align:right}
#boardview-sns {display:none;position:absolute;top:-50px;left:50%;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}
#boardview-sns:after {display:block;visibility:hidden;clear:both;content:""}
#boardview-sns:before{content: "";position: absolute;bottom: -7px;left: 84px;width: 0;height: 0;border-style: solid;border-width: 7px 6px 0 6px;border-color: #415b92 transparent transparent transparent;}
#boardview-sns li {float:left;width:60px;text-align:center}
#boardview-sns li a{height:40px;padding:10px 0;}
#boardview-sns li .sns-f{display:block;background:#415b92}
#boardview-sns li .sns-t{display:block;background:#35b3dc}
#boardview-sns li .sns-g{display:block;background:#d5503a}
#boardview-sns li img{vertical-align:top}
#boardview-sns-wrap {position:relative;display:inline-block;margin-left:-1px}

/* 코멘트 - 등록 */
.bo-vc-w {display:block;position:relative;margin-top:30px;}
.bo-vc-w .bo-vc-w-textarea {width:100%;height:100px;color:#3e3e3e;border:1px solid #cecece;}
.bo-vc-w .bo-vc-w-box {position:relative;height:50px;border:1px solid #cecece;margin-top:-1px;overflow:hidden;} 
.bo-vc-w .bo-vc-w-box .bo-vc-w-info  {position:absolute;top:10px;left:10px;} 
.bo-vc-w .bo-vc-w-btn {position:absolute;bottom:0;right:0;height:50px;vertical-align:top;margin:0 0 0 0;z-index:9999;}
.bo-vc-w .bo-vc-w-btn button {height:50px;line-height:50px;}

/* 코멘트 - 리스트 */
#bo-vc {}
#bo-vc h2 {font-size:15px;margin:30px 0;}
#bo-vc article {position:relative;border-top:1px solid #dedede;padding-top:20px;}
#bo-vc article .member-img {float:left;padding-right:20px;}
#bo-vc article .comment-box .comment-header{margin-bottom:10px;}
#bo-vc article .comment-box .comment-content {min-height:26px;}
#bo-vc article .comment-box .comment-content p {font-size:15px;}
#bo-vc article .comment-box {}
#bo-vc article .comment-btn {position:absolute;top:20px;right:0;}

/* 코멘트 - 버튼 */
.bo-vc-btns {position:absolute;right:0;top:20px;margin:0;list-style:none;zoom:1}
.bo-vc-btns:after {display:block;visibility:hidden;clear:both;content:""}
.bo-vc-btns li {display:inline-block;}
.bo-vc-btns li a{padding:0 5px;line-height:23px}

/* 코멘트 - SNS */
#bo-vc-send-sns{display:inline-block;float:left}
#bo-vc-sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1}
#bo-vc-sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo-vc-sns li {float:left;margin:0 5px 0 0}
#bo-vc-sns .sns-li-f{border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
#bo-vc-sns .sns-li-t{border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
#bo-vc-sns .sns-li-off{background:#bbb}
#bo-vc-sns a{display:inline-block;padding:0 15px 0 5px;}
#bo-vc-sns input {margin:0 5px 0 0 }
#bo-v-sns{margin-top:10px;}
#bo-v-sns:after {display:block;visibility:hidden;clear:both;content:""} 
#bo-v-sns li{float:right;margin-right:5px;}
#bo-v-sns li:last-child{margin-right:0px;}
#bo-v-sns li img{width:110%}

/* 캡챠 */
#captcha {display:inline-block;position:relative;display: flex;align-items: center;}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:55px;border:1px solid #dedede;padding:0;margin:0}
#captcha #captcha_mp3 {display:none;}
#captcha #captcha_reload {margin:0;padding:0;width:30px;height:30px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../img/captcha2.png') no-repeat  -5px -45px;text-indent:-999px;}
#captcha #captcha_key {height:55px;line-height:55px;font-size:17px;text-align:center;border:1px solid #dedede;padding:0 10px;margin-left:5px;}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 페이징 */
.pg-wrap {text-align:center;margin:30px auto 0;}
.pg-wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg-page, .pg-current {display:inline-block;vertical-align:middle;border:1px solid #ddd;border-radius:2px;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg-page {color:#999;font-size:13px;height:30px;font-weight:300;line-height:30px;padding:0 5px;min-width:30px;text-decoration:none;}
.pg-page:hover {background-color:#fafafa}
.pg-start {text-indent:-999px;overflow:hidden;background:url('../../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ddd}
.pg-prev {text-indent:-999px;overflow:hidden;background:url('../../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ddd}
.pg-end {text-indent:-999px;overflow:hidden;background:url('../../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ddd}
.pg-next {text-indent:-999px;overflow:hidden;background:url('../../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ddd}
.pg-start:hover,.pg-prev:hover,.pg-end:hover,. pg-next:hover {background-color:#fafafa}
.pg-current {display:inline-block;color:#fff;font-size:11px;font-weight:300;background:#333;border:1px solid #333;height:30px;line-height:30px;padding:0 10px;min-width:30px;}


/* 테이블 - 상단 */
.table-head {position:relative;color:#1a1a1a;font-size:20px;font-weight:900;background-image:url('../../img/icon_table_head.png');background-repeat: no-repeat;background-position: center left;padding-left:24px;margin-bottom:10px;}

/* 테이블 - 리스트 */
.table-list {margin-bottom:30px;}
.table-list th {height:50px;color:#333;font-size:13px;font-weight:600;text-align:center;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:8px 5px;}
.table-list th:last-child {border-right:0px;}
.table-list th a{color:#fff}
.table-list td{height:50px;color:#666;font-weight:300;border-right:1px solid #eee;border-bottom:1px solid #eee;padding:10px;text-align:center}
.table-list td:last-child{border-right:0px;}

/* 테이블 - 폼 */
.table-form {margin-bottom:30px;}
.table-form th {height:50px;color:#666;border:1px solid #ddd;background:#f3f3f3;padding: 10px;text-align:left;font-weight:normal;}
.table-form td {height:50px;text-align:left;border:1px solid #ddd;padding: 10px;}
.table-form-agree {border:1px solid #ddd;padding:10px;background:#f6f6f6;margin:20px 0;}

/* 테이블 - 통계(포인트) */
.table-state {margin-bottom:30px;}
.table-state:after {display:block;visibility:hidden;clear:both;content:""} 
.table-state li {float:left;background:#f3f3f3;border-right:1px dashed #cecece;padding:20px;}
.table-state li:last-child {border-right:0;}
.table-state li span {display:block;text-align:right;margin-top:10px;}
.table-state li span strong {font-size:25px;font-family:'GmarketSansB';font-weight:900;padding-right:5px;}

/* 로그인 - 폼 */
.login-form {position:relative;max-width:460px;margin:0 auto 50px;}
.login-form .login-title {color:#1e1e2c;font-size: 35px;font-weight: 300;text-align: center;border-bottom:1px solid #1e1e2c;padding:30px;margin-bottom:30px;}
.login-form ul li {margin-bottom:10px;}
.login-form ul li:last-child {margin-bottom:30px;}
.login-form ul li input[type="text"] {height:55px;}

.board-head {position:relative;margin-bottom:20px;}
.board-head .board-head-title {font-size:30px;font-weight:900;}
.board-head .board-head-title span {color:#999;font-size:13px;font-weight:300;}
.board-head .board-head-btn a {position:absolute;top:0px;right:0;}


/* 회원 */
#member-login {position:relative;max-width:460px;margin:0 auto;}
#member-login h3 {color:#1e1e2c;font-size: 35px;font-weight: 300;text-align: center;border-bottom:1px solid #1e1e2c;padding:30px;margin-bottom:30px;}
#member-login h4 {color:#1e1e2c;font-size: 20px;font-weight: 900;letter-spacing:-2px;margin-bottom:15px;}
#member-login .member-info {text-align:center;line-height:1.5;margin-bottom:30px;}
#member-login .member-input li {margin-bottom:10px;}
#member-login .member-input li:last-child {margin-bottom:30px;}
#member-login .member-input li input[type="text"] {height:55px;}
#member-login .member-input li input[type="password"] {height:55px;}
#member-login .member-input li input[type="checkbox"] {}
#member-login .member-input-login li {margin-bottom:30px;}
#member-login .member-guest_privacy {height:200px;line-height:1.5;border:1px solid #dedede;padding:20px;overflow-y:scroll;}
#member-login .member-guest-check {margin:10px 0 30px;}
#member-login .member-button {text-align:center;}
#member-login .member-button li {display:inline-block;border-right:1px solid #ddd;text-align:center;padding-right:5px;}
#member-login .member-button li:last-child {border-right:0;}
#member-login .member-button li a {display:block;font-size:15px;padding:0 8px;}
#member-login .member-button li label {display:block;font-size:15px;padding:0 15px;}

#member-register {position:relative;max-width:460px;margin:0 auto;}
#member-register h3 {color:#1e1e2c;font-size: 35px;font-weight: 300;text-align: center;border-bottom:1px solid #1e1e2c;padding:30px;margin-bottom:30px;}
#member-register h4 {color:#1e1e2c;font-size: 20px;font-weight: 900;letter-spacing:-2px;margin-bottom:15px;}
#member-register .member-register-box {position:relative;margin-bottom:30px;}
#member-register .member-register-box .member-register-box-textarea {height:150px;line-height:1.5;overflow-y:scroll;background:#f3f3f3;padding:15px;}
#member-register .member-register-checkallbox {position:relative;height:50px;line-height:50px;text-align:center;border:1px solid #1e1e2c;margin-bottom:30px}
#member-register .member-register-agree {position:absolute;top:0;right:0}
#member-register .member-register-agree input[type="checkbox"] + label {color:#676e70}
#member-register .member-register-agree input[type="checkbox"] + label span {position:absolute;top:0;right:0;width:20px;height:20px;display:block;background:#fff;border:1px solid #1e1e2c;}
#member-register .member-register-agree input[type="checkbox"]:checked + label {color:#1e1e2c}
#member-register .member-register-agree input[type="checkbox"]:checked + label span {background:url('../img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;}
#member-register .member-register-agree.chk_all input[type="checkbox"] + label span {display:none;}

#member-form {position:relative;max-width:460px;margin:0 auto;}
#member-form h3 {color:#1e1e2c;font-size: 35px;font-weight: 300;text-align: center;border-bottom:1px solid #1e1e2c;padding:30px;margin-bottom:30px;}
#member-form h4 {color:#1e1e2c;font-size: 20px;font-weight: 900;letter-spacing:-2px;margin-bottom:15px;}
#member-form ul li {position:relative;padding-bottom:30px;}
#member-form ul li strong {display:block;font-size:13px;margin-bottom:10px;}
#member-form ul li p {display:block;line-height:1.3;color:#999;font-size:11px;font-weight:300;margin-top:5px;}
#member-form ul li input[type="text"] {height:45px;}
#member-form ul li input[type="password"] {height:45px;}

#member_cert_refresh p {position:relative;text-align:center;color:#fff;height:50px;line-height:50px;font-size:1.1em;background:#f2838f;margin:0 0 10px;border-radius:5px;font-weight:bold}
#member_cert_refresh p:before {content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453}
#member_cert_refresh p i {font-size:1.2em;vertical-align:middle}
#member_cert_refresh section {margin:10px auto 15px;border:1px solid #dde7e9;position:relative;border-radius:3px}
#member_cert_refresh_chkall {position:relative;text-align:center;background:#f5f7fa;line-height:50px;border:1px solid #e5e9f0;border-radius:3px;margin-bottom:15px}
#member_cert_refresh h2 {text-align:left;padding:20px;border-bottom:1px solid #dde7e9;font-size:1.2em}
#member_cert_refresh textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em}
#member_cert_refresh_private {position:relative}
#member_cert_refresh_private div {padding:20px;background:#fff}
#member_cert_refresh_private table {width:100%;border-collapse:collapse;font-size:1em;}
#member_cert_refresh_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
#member_cert_refresh_private table th {background:#f7f7f9;width:33.33%;color:#000;padding:10px;border:1px solid #d8dbdf;font-weight:bold;}
#member_cert_refresh_private table td {border:1px solid #e7e9ec;padding:10px;border-top:0}

.member_cert_refresh_agree {position:absolute;top:0;right:0}
.member_cert_refresh_agree input[type="checkbox"] + label {color:#676e70}
.member_cert_refresh_agree input[type="checkbox"] + label:hover {color:#2172f8}
.member_cert_refresh_agree input[type="checkbox"] + label span {position:absolute;top:20px;right:15px;width:17px;height:17px;display:block;background:#fff;border:1px solid #999;border-radius:3px}
.member_cert_refresh_agree input[type="checkbox"]:checked + label {color:#000}
.member_cert_refresh_agree input[type="checkbox"]:checked + label span {background:url('./img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.member_cert_refresh_agree.chk_all input[type="checkbox"] + label span {top:18px}

#member_cert_refresh #find_info {margin:50px 0}
#member_cert_refresh #find_info .find_btn {padding:10px 20px;background:#fff}
#member_cert_refresh #find_info .find_btn > div {margin:10px 0}