@charset "utf-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0; padding:0; border:0;}
ol, ul, li {list-style:none;}

legend {visibility:hidden; display:none; height:0; width:0; font-size:0;}

table {border-spacing:0;}
select {font-size:12px;}
input.board_input {border:1px solid #cdcdcd; height:20px; padding:3px 3px 0px 3px; font-size:12px; background:#fff;}
input.board_input_file {width:90%; border:1px solid #cdcdcd; padding:3px 3px 0px 3px; font-size:12px; background:#fff;}
textarea {border:1px solid #cdcdcd; font-size:12px;}
.display_none {display:none;}

#board {width:90%; margin:0 auto;}

#board .board_total {width:100%;display:inline-block;}
#board .board_total_left {float:left; font-size:0.95em; padding-top:5px; height:22px;}
#board .board_total_right {float:right; padding-bottom:5px;}
#board .board_total_right li {float:left;}
#board .board_total_right li img {height:20px;}

#board .board_total img {padding-left:3px;}
#board div.board_total .board_orange{color:#F96F00;}
#board .board_button {width:100%; margin-top:5px; text-align:right;}
#board .guide span {float:right; color:#838383; font-family:dotum; font-size:0.9em; font-weight:normal; letter-spacing:-0.1em; padding:0 4px 6px 0;}
#board span.category_color {color:#979797;}

/* List */
#board .table_blist {clear:both;padding-top:8px;}
#board .table_blist table{width:100%; line-height:16px; border-collapse:collapse; border-top:2px solid #555; border-bottom:1px solid #e5e5e5;}
#board .table_blist table caption{display:none;}
#board .table_blist tbody td{vertical-align:top; padding-top:10px; padding-bottom:15px; background:#ffffff; text-align:center; line-height:120%;}
#board .table_blist tbody th{vertical-align:top; padding-top:10px; padding-bottom:15px; background:#ffffff; text-align:center; line-height:120%;}
#board .table_blist tbody td img{vertical-align:middle;}
#board .table_blist tbody td img.photo {vertical-align:middle; border:1px solid #eee;}
#board .table_blist tbody td div.subject{padding-top:10px; padding-bottom:3px;}
#board .table_blist tbody td span.name{color:#AFAFAF;font-size:0.9ecolor:#818181; font-family:dotum; font-size:0.9em; font-weight:normal; letter-spacing:-0.1em; padding-left:6px;}
#board .table_blist tbody td span.eng {padding-left:0; color:#6A6A6A; font-size: 0.9em; font-weight:normal; letter-spacing:-0.1em;}

/* Write */
#board .table_bwrite {clear:both;}
#board .table_bwrite table {width:100%; border-collapse:collapse; border-top:2px solid #222;}
#board .table_bwrite table caption {display:none;}
#board .table_bwrite thead th {border-bottom:1px solid #dfdfdf; padding:12px 0; font-family: 'NotoKrM';text-align:center;font-weight:normal;}
#board .table_bwrite tbody th { padding:8px 0;  border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; background:#f6f6f6; color:#000; text-align:center;font-weight:normal;}
#board .table_bwrite tbody th img {vertical-align:middle; padding-left:5px;}
#board .table_bwrite tbody td {padding:8px 0 8px 10px; border-bottom:1px solid #dfdfdf; text-align:left;}
#board .table_bwrite tbody td input.subject {width:95%;}
#board .table_bwrite tbody td.content {margin:0; padding-top:4px; padding-bottom:4px; padding-left:0; padding-right:0px; text-align:center;}
#board .table_bwrite tbody td span.text1 {color:#818181; font-size:0.9em; font-weight:normal; letter-spacing:-0.1em; padding-left:6px;}
#board .table_bwrite tbody td span.eng {padding-left:0; color:#6a6a6a; font-size: 0.9em; font-weight:normal; letter-spacing:-0.1em;}

/* file */
#board .table_bwrite tbody td.filetable table {width:100%; line-height:16px; border-collapse:collapse; border:none; border-top:1px solid #DEDEDE;}
#board .table_bwrite tbody td.filetable table th{padding:5px 0;  border:none; border-right:1px solid #DEDEDE; background:#F6F6F6; color:#666666; text-align:center; letter-spacing:-0.1em; line-height:140%; vertical-align:top;}
#board .table_bwrite tbody td.filetable table td{padding:5px 0 5px 10px; border:none; background: #ffffff; text-align:left; }


/* View */
#board .table_bview {clear:both;}
#board .table_bview table{width:100%; line-height:16px; border-collapse:collapse; border-top:1px solid #5b5b5b; border-bottom:1px solid #e5e5e5;}
#board .table_bview table caption{display:none;}
#board .table_bview thead th {border-bottom:1px solid #e5e5e5; padding: 12px 0;height:33px; color:#373737; font-weight:normal; letter-spacing:-0.1em; line-height:130%; text-align:center;font-weight:normal;}
#board .table_bview thead th.th_none {white-space:nowrap; background-image:none; text-align:left; padding-left:5px;}
#board .table_bview thead th.th_none img {vertical-align:middle;}
#board .table_bview tbody th {white-space:nowrap; height:31px; border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; background:#F6F6F6; color:#737373; text-align:center; letter-spacing:-0.1em; line-height:140%;font-weight:normal;}
#board .table_bview tbody td {padding-top:6px; padding-bottom:6px; border-bottom:1px solid #E1E1E1; background:#ffffff; text-align:left; line-height:140%;}
#board .table_bview tbody td.content{padding:20px 10px 30px 10px;}
#board .table_bview tbody td.content a{display:block;}
#board .table_bview tbody td.content img{display:block;}
#board .table_bview tbody td.content img.msimg{max-width:736px;min-height:500px;width:auto;}
#board .table_bview tbody td span.text1 {color:#4381BF; font-family:'NotoKrR', sans-serif; font-size:0.9em; font-weight:normal; letter-spacing:-0.1em; padding-left:6px;}
#board .table_bview tbody td span.eng {padding-left:0; color:#6A6A6A; font-size: 0.9em; font-weight:normal; letter-spacing:-0.1em;}
#board .table_bview tbody td dl.info {float:left; margin:0; padding-left:3px; letter-spacing:-0.5px;}
#board .table_bview tbody td dl.info dt {float:left; color:#737373; padding-left:20px; font-weight:normal;}
#board .table_bview tbody td dl.info dd {float:left; background:transparent url(/nanum/site/board/nninc_simple/img/view_bar.gif) no-repeat scroll 0 45%; display:inline; margin-left:6px; padding-left:6px;}
#board .table_bview tbody td dl.info dd.c4895D7 {color:#4895D7;}
#board .table_bview tbody td dl.info dd img {vertical-align:middle;}
#board .table_bview tbody td dl.info dd .size {font-size:0.8em; font-family:tahoma; color:#BFBFBF;}
#board .table_bview tbody td.content .sns{clear:both; float:right; padding-top:20px;}
#board .table_bview tbody td.content .sns a{float:left; padding-left:3px;}
#board .table_bview tbody td.content .photodown{background-color:#336699; color:#ffffff; padding:5px;}
#board .table_bview tbody td.content .photoinfo{display:table;width:100%;overflow:hidden;border-top:1px dashed #e1e1e1;vertical-align:top;}
#board .table_bview tbody td.content .photoinfo p.title{display:table-cell;width:120px;padding:25px 30px 0 0;font-family:'NotoKrB';font-size:20px;vertical-align:top;}
#board .table_bview tbody td.content .photoinfo ul.list{display:table-cell;width:680px;padding-top:20px;vertical-align:top;}

/* Comment */
.board_comment {clear:both; padding-top:20px;}
.board_comment table{width:100%; background-color:#FAFAFA; margin-bottom:15px}
.board_comment table caption{display:none;}
.board_comment tbody td {height:31px; text-align:left; line-height:140%;}
.board_comment tbody td.dr01 {height:5px; background:url(/nanum/site/board/nninc_simple/img/dr01.gif); background-repeat:no-repeat;}
.board_comment tbody td.dr02 {height:5px; background:url(/nanum/site/board/nninc_simple/img/dr02.gif); background-repeat: repeat-x;}
.board_comment tbody td.dr03 {height:5px; background:url(/nanum/site/board/nninc_simple/img/dr03.gif); background-repeat:no-repeat;}
.board_comment tbody td.dr04 {background:url(/nanum/site/board/nninc_simple/img/dr04.gif); background-repeat: repeat-y;}
.board_comment tbody td.text {padding:0; margin:0; height:20px;}
.board_comment tbody td dl.info {margin:0; padding-left:10px;}
.board_comment tbody td dl.info dt {float:left; letter-spacing:-0.1em; padding:0; font-size:0.9em; padding-top:4px;}
.board_comment tbody td dl.info dd {float:left; padding:0 10px 0 4px;}
.board_comment tbody td.dr05 {text-align:center; padding-top:4px; padding-bottom:4px;}
.board_comment tbody td.dr05 textarea {width:88%;height:38px;}
.board_comment tbody td.dr06 {background:url(/nanum/site/board/nninc_simple/img/dr06.gif); background-repeat: repeat-y;}
.board_comment tbody td.dr07 {height:5px; background:url(/nanum/site/board/nninc_simple/img/dr07.gif); background-repeat:no-repeat;}
.board_comment tbody td.dr08 {height:5px; background:url(/nanum/site/board/nninc_simple/img/dr08.gif);  background-repeat: repeat-x;}
.board_comment tbody td.dr09 {height:5px; background:url(/nanum/site/board/nninc_simple/img/dr09.gif); background-repeat:no-repeat;}

.cmt_list {margin-top:5px;}
.cmt_list div.h {margin:0 0 1px; background:transparent url(/nanum/site/board/nninc_photo/img/human_ic.gif) no-repeat scroll 0 0.1em; text-align:left; padding-left:15px;}
.cmt_list p {line-height:1.6em; margin:0; padding:5px 0 0 12px; text-align:left;}
.cmt_list  li.line {height:1px; background:transparent url(/nanum/site/board/nninc_photo/img/dr_line_bg.gif);  background-repeat: repeat-x; margin:0; padding-top:15px;}


/* Paginate */
.board_paginate{margin:30px 0 0 0;text-align:center;font-family: 'Roboto', sans-serif;letter-spacing:0;}
.board_paginate a,
.board_paginate strong{display:inline-block;width:38px;height:38px;text-decoration:none;cursor:pointer;color:#000;font-size:13px;line-height:38px;font-weight:bold;border:1px solid #fff;border-radius:100%;}
.board_paginate a:hover{background:#e5e5e5;}
.board_paginate strong{border:1px solid #222;font-weight:bold;cursor:pointer;}
.board_paginate img{vertical-align:middle;}


/* Button */
.board_button {clear:both;width:100%;display:inline-block;padding-top:8px;}
.board_button .fl {float:left;}
.board_button .fl ul li{float:left;}
.board_button .fl ul li a{display:block;padding:5px 12px;border:1px solid #ccc;font-size:12px;background:#f8f8f8;}
.board_button .fr {float:right; overflow:hidden;}
.board_button .fr a{float:left;margin-left:8px;}
.board_button .pt10 {padding-top:10px;}


.board_button2 {margin:0 auto; text-align:center;width:100%;display:inline-block;padding:20px 0;}
a.board_lbtn {display:inline-block;margin-right:3px;}

.photo_list ul li a:focus-visible{outline: 3px solid red !important;}


/* Search */
.board_search {width:310px; margin:0 auto; margin-top:18px;}
.board_search ul {float:left;}
.board_search ul li {float:left; height:35px;}
.board_search ul li.board_search_start {float:left; width:18px; height:35px; background:url(/nanum/site/board/nninc_simple/img/search_left.gif); background-repeat:no-repeat;}
.board_search ul li.board_search_end {float:left; width:18px; height:35px; background:url(/nanum/site/board/nninc_simple/img/search_right.gif); background-repeat:no-repeat;}
.board_search ul li select {float:left;height:28px;border:1px solid #dfdfdf;}
.board_search ul li input.search_input {float:left; margin-left:5px; background:#e5e5e5; border:1px solid #bebebe; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; height:24px; width:172px; padding:2px 0 0 3px;}
.board_search ul li input.search_bt {float:left;}

.command_pwd {position:absolute; border:2px solid #C6C6C6; background-color:#ffffff; padding:8px 15px 8px 15px; text-align:center; vertical-align:middle; font-family: 'NotoKrM'; color:#313131; line-height:140%;}
.command_pwd li.text {float:left; letter-spacing:-0.1em; padding:0; font-size:0.9em; padding-top:4px;padding-right:4px;}
.command_pwd li {float:left; padding-left:3px;}
.command_pwd li img {height:20px;padding-top:1px;}

.login_check {width:100%; margin:0 auto; margin-top:20px; text-align:center; border-top:2px solid #C8C8C8; border-bottom:2px solid #DEDEDE; background-color:#ffffff; padding:25px; font-family: 'NotoKrM'; color:#313131; line-height:140%;}
.login_check *{margin:0; padding:0;}
.login_check span{color:#7D7D7D; letter-spacing:-1px; font-size:11px;}
.login_check li.text {letter-spacing:-0.1em; font-size:0.9em;}
.login_check li.id {padding-right:26px; padding-bottom:4px;}
.login_check_button {width:90%;margin:0 auto; text-align:center; padding-top:10px;}


.error_check {float:left;width:80%;min-height:90px;border:5px solid #DDE7F0;margin-bottom:15px;background:url(/nanum/site/board/nninc_photo/img/error_bg.gif); background-repeat:no-repeat;padding-left:19%;padding-top:15px;padding-bottom:12px;}
.error_check .error_list {float:left;line-height:19px;}
.error_check .error_list li {background:url(/nanum/site/board/nninc_photo/img/error_ic.gif) no-repeat 8px 6px;padding-left:15px;}
.error_check .error_list li strong.error {color:#DE5410;}


.pwd_check {margin:0 auto; text-align:center; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:25px; font-family: 'NotoKrM'; color:#313131; line-height:140%;}
.pwd_check *{margin:0; padding:0;}
.pwd_check label {color:#7D7D7D; letter-spacing:-1px; font-size:11px;}
.pwd_check li.text {letter-spacing:-0.1em; font-size:0.9em;}
.pwd_check_button {width:90%;margin:0 auto; text-align:center; padding-top:10px;}

.login_check {width:100%; margin:0 auto; margin-top:20px; text-align:center; border-top:2px solid #C8C8C8; border-bottom:2px solid #DEDEDE; background-color:#ffffff; padding:25px; font-family: 'NotoKrM'; color:#313131; line-height:140%;}
.login_check *{margin:0; padding:0;}
.login_check span{color:#7D7D7D; letter-spacing:-1px; font-size:11px;}
.login_check li.text {letter-spacing:-0.1em; font-size:0.9em;}
.login_check li.id {padding-right:26px; padding-bottom:4px;}
.login_check_button {width:90%;margin:0 auto; text-align:center; padding-top:10px;}


/* 주소찾기 */
.post_search2{border:1px solid #CDCDCD;height:80px;margin-right:10px;margin-top:3px;overflow:auto;padding:6px;}


.photo_list{width:100%;border-top:2px solid #222;border-bottom:1px solid #ccc;display:inline-block;}
.photo_list ul{overflow:hidden;clear:both;width:100%;padding:15px 0;}
.photo_list ul li{float:left;width:25%;padding:15px 0 5px 0;text-align:center;}
.photo_list ul li .img{margin-bottom:5px;}
.photo_list ul li .img img{width:150px;height:110px;text-align:center;}
.photo_list ul li .subject{/*height:45px;*/line-height: 15px;}

.photo_list ul li .subject a{display:block;color:#333}
.photo_list ul li .subject span{display:block;line-height:18px;}
.photo_list ul li .subject .tit_txt{height:36px;text-overflow: ellipsis;overflow: hidden;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.photo_list ul li .subject .date_txt{margin-top:5px;font-size:13px;color:#888}


@media(max-width:736px){
.photo_list ul li{width:33%;text-align:center;}
.photo_list ul li .img img{width:95px;height:63px;}
.photo_list ul li .subject .date_txt{font-size:12px;}

#board .table_bview tbody td.content img.msimg{max-width:none;width:100%;min-height:0;}
}

/**게시판버튼정의**/
.btnwrap{width:100%;padding:25px 0 15px 0;vertical-align:middle;}
.btnwrap2{width:100%;padding:25px 0 15px 0;vertical-align:middle;text-align:center;position:relative;}

/*
a.cbtn,
input.cbtn{position:relative;display:inline-block;padding:0 21px;height:32px;line-height:32px;font-size:14px;font-family: 'NotoKrM';letter-spacing:-1px;border:0;outline:none;cursor:pointer;vertical-align:middle;}
a.cbtn:hover,
input.cbtn:hover{color:#fff;text-decoration:none;}
input.cbtn{padding:0 21px;height:32px;line-height:32px;-webkit-border-radius:1px; -webkit-appearance:none;}

a.cbtn_b,
input.cbtn_b{color:#fff;background:#000;}
a.cbtn_b:hover,
input.cbtn_b:hover{background:#404040;}

a.cbtn_g,
input.cbtn_g{color:#fff;background:#7e7e7e;}
a.cbtn_g:hover,
input.cbtn_g:hover{background:#666;}


a.cbtn_point,
input.cbtn_point{color:#fff;background:#e77272;}
a.cbtn_point:hover,
input.cbtn_point:hover{background:#d44c4c;}


a.cbtn_mini {display:inline-block; color:#e77272; font-size:11px; font-family:'돋움', Dotum, sans-serif;letter-spacing:0; line-height:15px; height:15px; border-bottom:1px solid #f45246; background:url('/img/common/bl_arrow2.gif') no-repeat right 3px;padding-right:10px;padding-left:2px;}
a.cbtn_mini:hover{color:#f45246;border-color:#f45246;font-family: 'NotoKrM';letter-spacing:-1px;}*/



.board_search ul li select{height:28px;border:1px solid #dbdbdb;padding-left:8px;font-family:'NotoKrR', 돋움, Dotum, Gulim, Arial, Verdana, Helvetica, AppleGothic, Sans-serif;}


.magazine_wrap .head_section{overflow:hidden;padding:29px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;border-top:2px solid #000;}
.magazine_wrap .head_section .img_area{float:left;width:240px;}
.magazine_wrap .head_section .img_area .thumb{max-width:240px;margin-bottom:20px;box-shadow:10px 20px 20px rgba(0,0,0,0.2);font-size:0;line-height:0;}
.magazine_wrap .head_section .img_area .con_sbtn{position:relative;display:inline-block;font-family:'NotoKrM';padding:7px 19px;font-size:14px;}
.magazine_wrap .head_section .img_area .con_sbtn.file_down{width:200px;margin:0;border:1px solid #1f4bb4;background:#fff;color:#1f4bb4;}
.magazine_wrap .head_section .img_area .con_sbtn.file_down span{display:inline-block;width:160px;padding-right:40px;background:url(/nanum/site/builder/skin/major/img/common/btn_file_down.gif) no-repeat 100% 50%;}
.magazine_wrap .head_section .desc_area{float:right;width:510px;}
.magazine_wrap .head_section .desc_area .headline{position:relative;padding-top:10px;}
.magazine_wrap .head_section .desc_area .headline dl dt{font-family:'NotoKrB';font-size:25px;line-height:1;}
.magazine_wrap .head_section .desc_area .headline dl dt,
.magazine_wrap .head_section .desc_area .headline dl dd{display:inline-block;vertical-align:middle;}
.magazine_wrap .head_section .desc_area .headline dl dd{margin-left:15px;font-family:'Lato',sans-serif;font-size:20px;letter-spacing:0.025em;}
.magazine_wrap .head_section .desc_area .headline dl dd strong{font-family:'Lato',sans-serif;font-weight:700;}
.magazine_wrap .head_section .desc_area .headline ul{display:flex;flex-wrap:wrap;gap:15px;overflow:hidden;margin-top:20px;}
.magazine_wrap .head_section .desc_area .headline ul li{position:relative;font-size:14px;line-height:1;color:#555;}
.magazine_wrap .head_section .desc_area .headline ul li:nth-child(n+2){padding-left:16px;}
.magazine_wrap .head_section .desc_area .headline ul li:nth-child(n+2)::before{content:'';position:absolute;top:50%;left:0;width:1px;height:13px;background:#e5e5e5;transform:translateY(-50%);}
.magazine_wrap .head_section .desc_area .headline a.btn_view{display:table;position:absolute;top:0;right:0;width:80px;height:80px;border-radius:100%;background:#1f4bb4;font-size:15px;line-height:20px;color:#fff;text-align:center;vertical-align:middle;}
.magazine_wrap .head_section .desc_area .headline a.btn_view span{display:table-cell;vertical-align:middle;}
.magazine_wrap .head_section .desc_area .ct_list{overflow-y:scroll;width:450px;height:250px;margin-top:28px;padding:0 40px 0 20px;border-radius:10px;background:#f9f9f9;}
.magazine_wrap .head_section .desc_area .ct_list ol{width:450px;}
.magazine_wrap .head_section .desc_area .ct_list ol li{position:relative;padding-left:45px;background:url(/nanum/site/builder/skin/major/img/common/line_blue2.gif) no-repeat 12px 0;background-size:1px 100% !important;}
.magazine_wrap .head_section .desc_area .ct_list ol li:first-child{background-position:12px 15px !important;}
.magazine_wrap .head_section .desc_area .ct_list ol li:last-child{background-size:1px 15px !important;}
.magazine_wrap .head_section .desc_area .ct_list ol li span.page_num{position:absolute;top:15px;left:0;display:block;width:23px;height:23px;border:1px solid #1f4bb4;border-radius:23px;background:#fff;font-family:'Lato',sans-serif;font-weight:700;font-size:12px;line-height:23px;color:#1f4bb4;font-style:italic;text-align:center;letter-spacing:0.025em;}
.magazine_wrap .head_section .desc_area .ct_list ol li dl{overflow:hidden;width:405px;padding:15px 0;border-top:1px solid #e5e5e5;font-size:14px;line-height:22px;}
.magazine_wrap .head_section .desc_area .ct_list ol li:first-child dl{border-top:0;}
.magazine_wrap .head_section .desc_area .ct_list ol li dl dt{float:left;width:120px;font-family:'Lato',sans-serif;font-weight:700;color:#1f4bb4;letter-spacing:0;}
.magazine_wrap .head_section .desc_area .ct_list ol li dl dd{float:right;width:285px;font-family:'NotoKrM';color:#000;}

.magazine_wrap .body_section ul{overflow:hidden;margin-left:-20px;padding:50px 0;border-bottom:1px solid #e5e5e5;}
.magazine_wrap .body_section ul li{float:left;width:154px;margin-left:20px;text-align:center;}
.magazine_wrap .body_section ul li a{display:block;}
.magazine_wrap .body_section ul li a:hover p{text-decoration:underline;}
.magazine_wrap .body_section ul li a span.thumb{display:block;width:152px;height:190px;border:1px solid #e5e5e5;font-size:0;line-height:0;}
.magazine_wrap .body_section ul li a span.thumb img{width:152px;}
.magazine_wrap .body_section ul li a p{padding-top:10px;font-family:'NotoKrM';font-size:15px;color:#555;}

/********************태블릿********************/
@media(max-width:1024px){

#board .board_total_left{float:none;width:100%;margin-bottom:5px;}
#board .board_total_right{float:none;width:100%;}
#board .board_total_right .bunru{border:1px solid #dbdbdb;padding:15px 0;background:#f8f8f8;text-align:center;}
#board .board_total_right li{display:inline-block;float:none;}

/* Paginate */
.board_paginate a, 
.board_paginate strong{width:30px;height:30px;line-height:30px;}



/* Button */
.board_button {clear:both;width:100%;display:inline-block;padding-top:8px;}
.board_button .fl {display:inline-block;width:100%;float:none;padding-bottom:15px;margin-bottom:15px;border-bottom:1px dashed #ccc;}
.board_button .fl ul{text-align:center;}
.board_button .fl ul li{display:inline-block;margin:0;float:none;}
.board_button .fr {float:none; overflow:hidden;width:100%;text-align:center;}
.board_button .fr a{float:none;display:inline-block;margin:0 2px;}
.board_button .fr a:first-child{margin:0 2px;}


.board_search {width:300px;margin:0 auto; margin-top:18px;}
.board_search ul li input.search_input {float:left; width:170px;}
.board_search ul li input.search_bt {float:left;}

.board_search {width:300px;margin:0 auto; margin-top:18px;}
.board_search ul li input.search_input {float:left; width:170px;}
.board_search ul li input.search_bt {float:left;}


#board .table_blist th,
#board .table_blist td{font-size:13px;font-weight:normal;}
#board .table_blist th{font-family:"NotoKrM", Sans-serif;}


#board .table_bview tbody td.content .photoinfo p.title{width:15%;box-sizing:border-box;font-size:17px;}
#board .table_bview tbody td.content .photoinfo ul.list{width:auto;box-sizing:border-box;}

#board .table_bwrite th,
#board .table_bwrite td{font-size:13px;font-weight:normal;}
#board .table_bwrite th{font-family:"NotoKrM", Sans-serif;}

.magazine_wrap .head_section{padding:0;border:0;}
.magazine_wrap .head_section .img_area{float:none;width:100%;margin:0 auto;padding:30px 0;background:#f5f5f5;box-sizing:border-box;}
.magazine_wrap .head_section .img_area .thumb{width:240px;margin:0 auto 20px;}
.magazine_wrap .head_section .img_area .con_sbtn.file_down{display:block;width:240px;margin:0 auto;box-sizing:border-box;}
.magazine_wrap .head_section .img_area .con_sbtn.file_down span{width:100%;box-sizing:border-box;}
.magazine_wrap .head_section .desc_area{float:none;width:100%;margin-top:30px;}
.magazine_wrap .head_section .desc_area .headline{position:static;padding-top:0;text-align:center;}
.magazine_wrap .head_section .desc_area .headline ul{text-align:center;}
.magazine_wrap .head_section .desc_area .headline ul li{display:inline-block;float:none;}
.magazine_wrap .head_section .desc_area .headline a.btn_view{top:55px;right:50%;margin-right:-140px;}

.magazine_wrap .head_section .desc_area .ct_list{width:100%;padding:0;background:#fff;border:1px solid #e5e5e5;box-sizing:border-box;}
.magazine_wrap .head_section .desc_area .ct_list ol{width:100%;padding:0 20px;box-sizing:border-box;}
.magazine_wrap .head_section .desc_area .ct_list ol li span.page_num{top:10px;}
.magazine_wrap .head_section .desc_area .ct_list ol li dl{width:100%;padding:10px 0;font-size:13px;line-height:20px;}
.magazine_wrap .head_section .desc_area .ct_list ol li dl dt{width:20%;}
.magazine_wrap .head_section .desc_area .ct_list ol li dl dd{width:80%;}

.magazine_wrap .body_section ul{width:100%;margin-left:0;padding:30px 0;}
.magazine_wrap .body_section ul li{width:25%;margin-left:0;padding:10px;box-sizing:border-box;}
.magazine_wrap .body_section ul li:nth-child(5n+0){clear:both;}
.magazine_wrap .body_section ul li a span.thumb{width:100% !important;height:auto !important;}
.magazine_wrap .body_section ul li a span.thumb img{width:100% !important;height:auto !important}
.magazine_wrap .body_section ul li a p{font-size:14px;}


}

/********************모바일********************/
@media all and (max-width:767px){

#board .table_bview tbody td.content .photoinfo{display:block;}
#board .table_bview tbody td.content .photoinfo p.title{display:block;width:100%;font-size:17px !important;}
#board .table_bview tbody td.content .photoinfo ul.list{display:block;width:100%;}

.magazine_wrap .head_section .img_area{padding:30px 0 0 0;}
.magazine_wrap .head_section .img_area .thumb{width:100%;margin:0 auto 20px;padding:0 30px;box-shadow:none;box-sizing:border-box;}
.magazine_wrap .head_section .img_area .thumb img{width:100% !important;height:auto !important;}
.magazine_wrap .head_section .img_area .con_sbtn.file_down{width:100%;}

.magazine_wrap .head_section .desc_area .headline dl dt,
.magazine_wrap .head_section .desc_area .headline dl dd{display:block;}
.magazine_wrap .head_section .desc_area .headline dl dt{width:60%;margin:0 auto;}
.magazine_wrap .head_section .desc_area .headline dl dd{margin:10px 0 0 0;}
.magazine_wrap .head_section .desc_area .headline ul li{margin-left:10px;padding-left:0;background:none;font-size:13px;}
.magazine_wrap .head_section .desc_area .headline ul li:first-child{margin-left:0;}
.magazine_wrap .head_section .desc_area .headline a.btn_view{width:60px;height:60px;margin-right:-120px;font-size:13px;line-height:18px;}

.magazine_wrap .head_section .desc_area .ct_list{width:100%;padding:0;background:#fff;border:1px solid #e5e5e5;box-sizing:border-box;}
.magazine_wrap .head_section .desc_area .ct_list ol{width:100%;padding:0 20px;box-sizing:border-box;}
.magazine_wrap .head_section .desc_area .ct_list ol li span.page_num{top:10px;}
.magazine_wrap .head_section .desc_area .ct_list ol li dl{width:100%;padding:10px 0;font-size:13px;line-height:20px;}
.magazine_wrap .head_section .desc_area .ct_list ol li dl dt{width:100%;}
.magazine_wrap .head_section .desc_area .ct_list ol li dl dd{width:100%;}

.magazine_wrap .body_section ul li{width:33%;padding:10px 5px;}
.magazine_wrap .body_section ul li:nth-child(4n+0){clear:both;}
.magazine_wrap .body_section ul li:nth-child(5n+0){clear:none;}
.magazine_wrap .body_section ul li a p{font-size:14px;line-height:20px;}

}