@charset "utf-8";

/****************************************************
	Form 요소
****************************************************/

input[type="radio"],
input[type="checkbox"] {display:block; position:absolute; width:0; height:0; opacity:0; z-index:-9999;}
.action-keyboard input[type="radio"]:focus + label,
.action-keyboard input[type="checkbox"]:focus + label {outline:2px dotted red;}

input[type="radio"] + label {position:relative; padding-left:2.15em; margin:0; overflow:visible;}
input[type="radio"] + label:before {content:""; display:block; position:absolute; width:1.5em; height:1.5em; left:0; top:50%; margin-top:-.75em; background:url(../img/common/spr_radio.svg) no-repeat 0 0; background-size:auto 1.5em;}
input[type="radio"]:checked + label:before {background-position-x:-2em;}

/* input */
select,
input[type="text"],
input[type="file"],
input[type="password"] {border:1px solid #DAE1EC; background:#fff; max-width:100%; height:calc((50 / 17) * 1em); border-radius:5px; padding:0 2.5em 0 calc((20 / 17) * 1em)}
select {background:#fff url(../img/common/ico_select2.svg) no-repeat top 50% right 1em / calc((12 / 17) * 1em) auto;}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;}
select::-ms-expand {display:none;}
input[type="radio"],
input[type="checkbox"] {vertical-align:top; }
input[type="button"],
input[type="submit"] {cursor:pointer; }


/****************************************************
	Icon Style
****************************************************/

img.ico_new,
img[src*="icon_notice.gif"] {opacity:0;}

.ico-new {display:inline-block; position:relative; width:1.4em; height:1.3em; background:url(../img/common/ico_new.svg) no-repeat 50% 50% / contain; vertical-align:middle; text-indent:-999px; overflow:hidden;}
*[class*="exp-"] {display:inline-block; position:relative; vertical-align:middle; width:calc((20 / 17) * 1em); height:calc((20 / 17) * 1em); background:url(../img/common/etc.svg) no-repeat 50% 50% / contain; text-indent:-999px; overflow:hidden;}
.exp-bmp {background-image:url(../img/exp/bmp.svg);}
.exp-doc {background-image:url(../img/exp/doc.svg);}
.exp-gif {background-image:url(../img/exp/gif.svg);}
.exp-hwp {background-image:url(../img/exp/hwp.svg);}
.exp-jpeg {background-image:url(../img/exp/jpeg.svg);}
.exp-jpg {background-image:url(../img/exp/jpg.svg);}
.exp-pdf {background-image:url(../img/exp/pdf.svg);}
.exp-png {background-image:url(../img/exp/png.svg);}
.exp-svg {background-image:url(../img/exp/svg.svg);}
.exp-xls {background-image:url(../img/exp/xls.svg);}
.exp-zip {background-image:url(../img/exp/zip.svg);}



/****************************************************
	Search Box (Board Header)
****************************************************/

.bod_head {display:block; position:relative; margin-bottom:calc((59 / 17) * 1em);}
.bod_head:after {content:""; display:block; clear:both;}
.bod_head .page_num {float:right !important; padding:0 !important; color:#4F5869; margin-bottom:calc((24 / 17) * 1em);}
.bod_head .bod_search {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:calc((30 / 17) * 1em); margin-top:calc((24 / 17) * 1em); width:100%; clear:both; background:#F8F8FC; border-radius:5px;}
.bod_head .bod_search > * {margin:calc((5 / 17) * 1em);}
.bod_head .bod_search .btn {border-color:#003E7A; background-color:#003E7A;}

@media all and (max-width:640px) {
	.bod_head {margin-bottom:2em;}
	.bod_head .bod_search > * {flex-grow:1;}
}



/****************************************************
	Paging
****************************************************/

.bod_page {padding:3em 0; text-align:center; }
.bod_page .paging {display:flex; align-items:center; justify-content:center;}
.bod_page .paging > * {display:flex; position:relative; width:calc((40 / 17) * 1em); height:calc((40 / 17) * 1em); border-radius:5px; justify-content:center; align-items:center; overflow:hidden; margin:calc((3 / 17) * 1em);}
.bod_page .paging a {font-size:1em; color:#7F899C !important; font-weight:600;}
.bod_page .paging span {background:#17212D; color:#fff !important; font-weight:600;}

.bod_page .paging .pre_end,
.bod_page .paging .pre,
.bod_page .paging .next,
.bod_page .paging .next_end {border:1px solid #7F899C;}
.bod_page .paging .pre_end:before,
.bod_page .paging .pre:before,
.bod_page .paging .next:before,
.bod_page .paging .next_end:before {content:""; display:block; position:absolute; top:-1px; left:-1px; width:2em; height:2em; font-size:calc((20 / 17) * 1em); background:url(../img/common/spr_paging.svg) no-repeat 0 0 / auto 100%;}
.bod_page .paging .pre_end:before {background-position-x:0;}
.bod_page .paging .pre:before {background-position-x:-2em;}
.bod_page .paging .next:before {background-position-x:-4em;}
.bod_page .paging .next_end:before {background-position-x:-6em;}
.bod_page .paging .pre_end img,
.bod_page .paging .pre img,
.bod_page .paging .next img,
.bod_page .paging .next_end img {opacity:0;}



/****************************************************
	BOD LIST (.bod_list)
****************************************************/

.bod_list {border-top:2px solid #333; text-align:center; word-break:break-all; table-layout:fixed;}
.bod_list thead {border-bottom:1px solid #d0d0dd;}
.bod_list thead th {padding:.5em; font-weight:600; color:#17212D; height:calc((60 / 17) * 1em);}
.bod_list tbody td {padding:.5em; border-bottom:1px solid #d0d0dd; color:#4F5869; height:calc((70 / 17) * 1em);}
.bod_list tbody .no-data {height:21.76em; text-align:center; color:#4B5361; font-size:calc((18 / 17) * 1em);}
.bod_list tbody .no-data:before {content:""; display:block; position:relative; width:calc((155 / 18) * 1em); height:calc((63 / 18) * 1em); background:url(../img/common/img_no_data.png) no-repeat 50% 50%; background-size:contain; margin:0 auto 1em;}

.bod_list .list_tit a:not([class*="btn"]) {color:inherit;}
.bod_list .list_file img {opacity:0; width:0; height:0;}

.bod_list .list_num {width:8%; }
.bod_list .list_write {width:8%; }
.bod_list .list_dept {width:15%; }
.bod_list .list_writer {width:15%; }
.bod_list .list_date {width:11%; }
.bod_list .list_file {width:8%; }
.bod_list .list_hit {width:8%; }
.bod_list .list_participant {width:10%; }
.bod_list .list_date01 {width:20%; }
.bod_list .list_result {width:12%; }
.bod_list .list_state {width:10%; }
.bod_list .list_position {width:12%; }
.bod_list .list_name {width:10%; }
.bod_list .list_tel {width:15%; }
.bod_list .list_tel01 {width:25%; }
.bod_list .list_company {width:12%; }
.bod_list .list_time {width:12%; }
.bod_list .list_company01 {width:20%; }
.bod_list .list_add {width:25%; }
.bod_list .list_produce {width:20%; }
.bod_list .list_go {width:15%; }
.bod_list .list_term {width:8%; }
.bod_list .list_reference {width:10%; }

.bod_list tr th.list_tit {text-align:center; }
.bod_list .list_tit {text-align:left; position:relative; }
.bod_list .list_tit span.work,
.bod_list .list_tit a {display:block; }
.bod_list .list_tit a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; width:90%; }
.bod_list .list_tit a span {position:relative; padding-right:0.294em; width:90%; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.bod_list .list_tit a img {display:inline-block; }

.bod_list .ans_an {float:left; margin:0.353em 0.118em 0 0; }
.bod_list .ans_an:after {content:""; display:block; clear:both; }
.bod_list .new_r {position:absolute; right:0; padding-top:0.529em; }

/* ========== BOD LIST : Responsive (px 변환 제외) ========== */
@media (max-width:768px) {
	.bod_list .list_num,
	.bod_list .list_file,
	.bod_list .list_term,
	.bod_list .list_hit {display:none; }
	.bod_list colgroup {display:none !important; }
	.bod_list .list_date01 {width:24%; }
	.bod_list .list_reference {width:20%; }
}
@media (max-width:710px) {
	.bod_list .list_position {width:15%; }
	.bod_list .list_name {width:12%; }
}
@media (max-width:650px) {
	.bod_list .list_participant {display:none; }
	.bod_list .list_date01 {width:27%; }
	.bod_list .list_add {width:30%; }
	.bod_list .list_date {width:20%; }

	/* 모바일 리스트형 전환 */
	.bod_list thead {display:none !important; }

	.bod_list .list_tit {width:100%; text-align:left; display:block; border:none; }
	.bod_list .list_tit a {font-weight:600; font-size:16px; }
	.bod_list .list_tit a span {white-space:normal; }

	.bod_list .list_writer {width:100%; text-align:left; display:block; border:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.bod_list .list_date {width:100%; text-align:left; display:block; border:none; }

	.bod_list .list_file {display:none; }
	.bod_list .list_result {display:none; }

	.bod_list tbody td {padding:6px 3px !important; border-bottom:0 !important; }
	.bod_list tr {display:block; padding:10px; box-sizing:border-box; border-bottom:1px solid #d9d9d9; }
	.bod_list tr:nth-child(even) {background:#f7f7f7; }
	.bod_list td {display:block; height:auto;}
	.bod_list tbody .no-data {height:auto; padding:3em 0 !important;}

	.bod_list .list_date01,
	.bod_list .list_state,
	.bod_list .list_name,
	.bod_list .list_tel,
	.bod_list .list_position,
	.bod_list .list_time,
	.bod_list .list_go,
	.bod_list .list_reference,
	.bod_list .list_add {width:100%; text-align:left; border-bottom:0; display:block; }

	.bod_list .list_part,
	.list_date,
	.list_writer {float:left; text-align:left; }

	.bod_list .list_part,
	.list_date,
	.table_st .list_tit,
	.bod_list .list_tit,
	.table_st .list_date,
	.bod_list .list_date,
	.list_writer,
	.list_answer {display:block; width:auto !important; border:none; }

	.bod_list tr:after {content:""; display:block; clear:both; }

	.bod_list .list_name {width:30%; font-size:17px; }
	.bod_list .list_tel {width:40%; display:inline-block; font-size:17px; }

	span.tit_point {font-weight:600; color:#344c96; }
}
@media (max-width:600px) {
	.bod_list .list_writer {width:15%; }
	.bod_list .list_result {display:none; }
	.bod_list .list_position {width:18%; }
	.bod_list .list_tel {width:18%; }
}


/****************************************************
	BOD GALLERY (.bod_gallery)
****************************************************/

.bod_gallery {position:relative; border-top:2px solid #333; font-size:calc((20 / 17) * 1em); overflow:hidden;}
.bod_gallery:after {content:""; display:block; position:absolute; left:0; right:0; bottom:0; height:1px; background:#D0D0DD;}
.bod_gallery ul {display:flex; flex-wrap:wrap; margin:0 -.75em;}
.bod_gallery li {display:block; position:relative; padding:2.5em .75em; width:25%; border-bottom:1px solid #D0D0DD;}
.bod_gallery a {display:block; position:relative; color:inherit !important; text-decoration:none !important;}
.bod_gallery .thumb {display:block; position:relative; overflow:hidden; margin-bottom:.75em;}
.bod_gallery .thumb:before {content:""; display:block; position:relative; padding-top:calc((225 / 377) * 100%); background:#F8F8FC url(../img/common/img_no_img.png) no-repeat 50% 50% / auto 50%;}
.bod_gallery .thumb img {display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); min-width:100%; min-height:100%; max-width:400%; object-fit:cover; background:#fff; transition:.3s all; -webkit-transition:.3s all;}
.bod_gallery .subject {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#000; font-weight:700; line-height:1.4em; font-size:1.1em; margin-bottom:.4em;}
.bod_gallery .date {display:block; font-size:.9em; color:#4B5361; line-height:1.4em; font-weight:400;}
.bod_gallery a:hover .thumb img,
.bod_gallery a:focus .thumb img {transform:scale(1.1) translate(-50%,-50%); -webkit-transform:scale(1.1) translate(-50%,-50%);}
.bod_gallery .no_data {height:21.76em;padding: 7em .5em .5em .5em; width: 100%; text-align:center; color:#4B5361; font-size:calc((18 / 20) * 1em);}
.bod_gallery .no_data:before {content:""; display:block; position:relative; width:calc((155 / 18) * 1em); height:calc((63 / 18) * 1em); background:url(../img/common/img_no_data.png) no-repeat 50% 50%; background-size:contain; margin:0 auto 1em;}


@media all and (max-width:1024px) {
	.bod_gallery li {width:33.33%;}	
}
@media all and (max-width:780px) {
	.bod_gallery li {width:50%;}	
}
@media all and (max-width:480px) {
	.bod_gallery li {width:100%;}	
}


/****************************************************
	BOD VIEW (.bod_view) - 테이블/상세
****************************************************/

.bod_wrap > .bod_view {margin-top:-2.25em;}
.bod_view {font-size:calc((20 / 17) * 1em); margin-bottom:2em;}
.bod_view > * {border-bottom:1px solid #ddd;}
.bod_view h4 {text-align:center; font-size:1.5em; font-family:inherit !important; padding:.632em 0; margin:0 !important;}
.bod_view h4:before {display:none !important;}
.bod_view .view_info {display:block; position:relative; background:#F8F8FC; padding:1.5em 0;}
.bod_view .view_info ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.bod_view .view_info li {display:block; position:relative; font-size:.9em; color:#4B5361; padding:0 1em;}
.bod_view .view_info li + li:before {content:""; display:block; position:absolute; left:0; top:50%; width:1px; height:calc((15 / 18) * 1em); background:#DAE1EC; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.bod_view .view_info li span {font-weight:600;}

@media all and (max-width:620px) {
	.bod_view .view_info {padding:.8em;}
	.bod_view .view_info ul {display:block;}
	.bod_view .view_info li {padding:0;}
	.bod_view .view_info li + li:before {display:none;}	
}

.bod_view .view_cont {padding:2.5em;}
.bod_view .view_cont > * {margin-top:0; font-size:.85em; line-height:1.6em;}
.bod_view .view_cont #movie {display:block; position:relative; max-width:640px; margin:0 auto;}
.bod_view .view_cont #movie:before {content:""; display:block; position:relative; padding-top:56.25%; z-index:-1;}
.bod_view .view_cont #movie video {position:absolute; top:0; left:0; width:100%; height:100%;}

@media all and (max-width:640px) {
	.bod_view .view_cont {padding:1.5em 1em;}
}

.bod_view .view_file {display:flex; align-items:center; padding:1.5em 1.5em 1.5em 2.5em;}
.bod_view .view_file dt {display:block; position:relative; width:4.1em; flex-shrink:0;}
.bod_view .view_file dt:after {content:""; display:block; position:absolute; width:1px; height:.75em; background:#DAE1EC; right:0; top:50%; margin-top:-.375em;}
.bod_view .view_file dt span {display:block; font-size:.9em; color:#4B5361; font-weight:600;}
.bod_view .view_file dd {display:block; position:relative; flex-grow:1; padding:0 1em;}
.bod_view .view_file dd a {color:#4B5361; font-size:.9em; font-weight:400;}
.bod_view .view_file dd li + li {margin-top:.3em;}
.bod_view .view_file dd a.btn_fileview {display:inline-block; position:relative; padding:.3em 1em; border-radius:5px; font-size:.7em; border:1px solid #003E7A; color:#003E7A;}
.bod_view .view_file dd a.btn_fileview:before {content:"바로보기";}
.bod_view .view_file dd a.btn_fileview:focus:before,
.bod_view .view_file dd a.btn_fileview:hover:before {text-decoration:underline;}
.bod_view .view_file dd a.btn_fileview img {opacity:0; position:absolute; top:0; left:0; width:0; height:0;}

.bod_view .wrap_ccl {margin-top:0; font-size:1em;}



/****************************************************
	COMMON CONTENT BOX / EMPTY (.cont_box, .no_data)
****************************************************/
.cont_box {min-height:17.647em; font-size:0.824em; line-height:1.412em; padding:1.176em 0; }
.is-ie .cont_box {width:47.059em; }
.cont_box img {margin:0 auto; display:block; max-width:100%; }


/****************************************************
	PHOTO BOARD (.bod_photo)
****************************************************/
.bod_photo {border-top:0.059em solid #b0c5bf; border-bottom:0.059em solid #dddddd; padding:0.882em 0; margin-top:1.176em; }
.bod_photo ul li {width:33%; min-height:11.176em; float:left; text-align:center; padding:1.176em 0; }
.bod_photo ul:after {content:""; display:block; clear:both; }
.bod_photo ul li a {color:#666666; display:block; }
.bod_photo ul li a > span {margin:0.294em 0.588em 0 0.588em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }
.bod_photo ul li a > span.thumb {height:8.529em; line-height:8.529em; }
.bod_photo ul li a > span.thumb img {display:inline-block; vertical-align:middle; max-height:100%; }
.bod_photo ul li a > span.date {font-size:0.8em; }
.bod_photo ul li a > div {background:#fafafa; box-shadow:0.176em 0.176em 0 #cccccc; width:9.412em; height:7.059em; overflow:hidden; margin:0 auto; text-align:center; }
.bod_photo ul li a > div > img {width:9.412em; height:7.059em; }
.bod_photo ul li p.title {font-weight:bold; }
.bod_photo ul li .btn > img {border:0; }
.bod_photo .no_data {border-bottom:0 !important; width:100%; }
.img_subtxt {color:#999999; display:block; text-align:center; margin-bottom:0.588em; }


/****************************************************
	MOVIE BOARD (#movie, .movie_txt)
****************************************************/
#movie {text-align:center !important; margin:0 auto; }
.movie_txt {height:11.765em; overflow-y:auto; border:0.059em solid #e7e7e7; padding:0.882em; margin-top:1.176em; background:#fbfaf7; }


/****************************************************
	BLOG BOARD (.bod_blog)
****************************************************/
.bod_blog {margin-top:1.176em; }
.bod_blog li {border-top:0.059em dashed #e3e3e3; }
.bod_blog li:first-child {border-top:0.059em solid #b0c5bf; }
.bod_blog li:last-child {border-bottom:0.059em solid #dddddd; }
.bod_blog .list_title {font-weight:bold; font-size:0.765em; }
.bod_blog li a {color:#666666; display:block; position:relative; padding:0.882em 0.588em; min-height:6.529em; }
.bod_blog li a:hover {background:#f9f9f9; }
.bod_blog li a > p {float:left; width:30%; height:6.529em; overflow:hidden; text-align:center; }
.bod_blog li a > p > span {width:90%; display:block; }
.bod_blog li a > p > span > img {width:100%; }
.bod_blog li a > .blog_con {float:left; width:70%; word-break:break-all; }
.bod_blog li > a > span {margin-left:11.941em; display:block; }
.bod_blog li .blog_tit {width:90%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.1em; font-weight:600; color:#333; }
.bod_blog li .blog_day {color:#666666; display:block; margin:0.471em 0; font-size:0.9em; }
.bod_blog li .blog_day .line {width:0.059em; display:inline-block; height:0.588em; background:#989898; margin:0 0.294em; }
.bod_blog li .blog_txt {color:#a4a4a4; margin-top:0.588em; display:inline-block; width:90%; }
.bod_blog a:after {content:""; background:url(../img/board/board_arrow.png) no-repeat 0 0; width:1.471em; height:1.471em; display:block; position:absolute; right:1.176em; top:50%; margin-top:-0.706em; }
.bod_blog li:after {display:block; clear:both; content:""; }


/****************************************************
	WRITE FORM (.bod_write)
****************************************************/
.bod_write {border-top:0.118em solid #333; }
.bod_write dl dt {float:left; width:25%; text-align:center; font-weight:600; line-height:1.647em; }
.bod_write dl dd {float:left; width:75%; }
.bod_write dl {padding-top:0.588em; padding-bottom:0.588em; border-bottom:0.059em dashed #ddd; }
.bod_write dl:after {content:""; clear:both; display:block; }


/****************************************************
	ATTACH FILE (.list_file, .btn_dele, .area_file ...)
****************************************************/
.file_del {margin-left:0.294em; display:inline-block; vertical-align:middle; }
.box_file {padding:0.588em 0.294em; border-top:0.059em solid #cccccc; }

.list_file > li {background:url(../img/board/icon_file.gif) no-repeat 0 0.118em; padding-left:1.176em; position:relative; }
.list_file > li > a {color:#333333; }

.btn_dele {background:url(../img/board/delete.png) no-repeat 0 0; border:0; margin-left:0.294em; display:inline-block; vertical-align:middle; width:0.941em; height:0.941em; cursor:pointer; text-indent:-9999999px; }
.btn_fileview {position:absolute; margin-left:0.588em; }

.area_file {padding-top:0.294em; padding-bottom:0.294em; margin-top:0.588em; border-top:0.059em dashed #cccccc; }
#egovComFileList > li:first-child {margin-top:0; }
#egovComFileList > li {margin-top:0.588em; }


/****************************************************
	AUTH / SEARCH INPUT (.wrap_input, .wrap_search)
****************************************************/
.wrap_input,
.wrap_search {position:relative; float:left; }
.wrap_input label {display:inline-block; width:5.882em; text-align:left; }
.wrap_input > ul > li {margin-top:0.294em; }
.wrap_input > ul > li:first-child {margin-top:0; }
.wrap_input input[type="submit"] {background:#2762b4; border:0.059em solid #215295; border-radius:0.176em; color:#ffffff !important; display:inline-block; padding:1.118em 0.882em; position:absolute; left:17.647em; top:0; }
.wrap_search {margin-left:8.824em; }


/****************************************************
	PASSWORD (.password_box)
****************************************************/
.password_box {border-top:0.059em dashed #cccccc; border-bottom:0.059em dashed #cccccc; margin-top:1.176em; padding:1.765em 0.882em; }
.password_box .input_area {background:#ecf1f4; padding:0.882em 0.588em; margin-bottom:1.176em; text-align:center; }
.password_box input[type="password"] {width:14.706em; padding:0.294em; border:0.059em solid #cccccc; margin-top:1.176em; }
.bod_foot {margin-bottom:0.588em; }


/****************************************************
	COMMENT (.commentBox, .commentFom)
****************************************************/
.commentBox {width:100%; margin-top:0.588em; border-top:0.118em solid #b5b5b5; }
.commentBox .commentAll {color:#333; background-color:#f6f6f6; padding:0.412em 0.588em; }
.commentBox .commentAll span {font-weight:bold; }
.commentBox .commentBt {text-align:right; margin:0.294em 0; }
.commentBox .commentBt a {border:0.059em solid #eee; padding:0.412em; color:#666 !important; }
.commentBox li {width:98%; padding:0.588em 1%; border-bottom:0.059em dashed #ccc; }
.commentBox li span {margin-top:0.588em; }
.commentBox li span.date {color:#888; padding-left:0.588em; margin-left:0.588em; border-left:0.059em solid #ddd; }
.commentBox li p.cont {padding:0.588em 0; word-break:break-all; line-height:1.5em; }

.commentFom {margin-top:0.588em; position:relative; }
.commentFom > textarea {padding-right:10%; box-sizing:border-box; }
.commentFom > p > a {width:10%; position:absolute; right:0; top:0; height:4.706em; box-sizing:border-box; line-height:4.706em; text-align:center; }
.commentFom > p > a.btn_comment {left:0; width:100%; padding:0 0.588em; box-sizing:border-box; text-align:left; line-height:3em; }
.commentFom > p > a.btn_comment br {display:none; }
.commentFom > p > a.btn_comment_submit {background:#728290; color:#fff; font-weight:600; }

/* ========== COMMENT : Responsive (px 변환 제외) ========== */
@media all and (max-width:768px) {
	.bod_guide {padding:5px 10px 10px 0; }
	.bod_guide .minGuide p {padding-left:10px; }
	.bod_guide .minGuide ul {padding-left:0px; }
}




/*인증페이지*/
.wrap_realname {overflow:hidden; }
.wrap_name {margin:1px; border:1px solid #dee7ef; width:33%; padding:20px; float:left; box-sizing:border-box; height:350px; background:#fff; }
.wrap_name:after {content:""; display:block; clear:both; }