@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('//fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

.at_board {font-size:14px; font-family:'Noto Sans KR', Dotum, AppleSDGothicNeo ,Droid Sans, arial, sans-serif}
.at_board a {color:#343434; text-decoration:none; vertical-align:baseline}
.at_board a:focus {outline:1px dotted #aaa; text-decoration:underline;}

.at_board input[type="text"], input[type="password"], .select, textarea, input[type="url"], input[type="number"], input[type="email"], input[type="tel"] {border: 1px solid #ddd; padding: 4px 7px; background-color: #fff; font-family:"ggTitleLight", Dotum, AppleSDGothicNeo ,Droid Sans, arial, sans-serif; transition: 0.4s border}
.at_board input[type="text"], input[type="password"], .select, input[type="url"], input[type="number"], input[type="email"], input[type="tel"] {display:inline-block; height: 20px; vertical-align:top;}
.at_board input[type="text"]:focus, input[type="password"]:focus, .select:focus, textarea:focus, input[type="url"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="tel"]:focus {border-color: #000; outline: none;}
.at_board input[type="radio"], input[type="checkbox"] {}
.at_board input[disabled="disabled"], input[disabled] {background: #eee;}
.at_board input[type="file"] {height:30px; line-height:30px}
.at_board textarea {width:100%; box-sizing:border-box}

.at_board select {min-width:80px; padding:0 9px; border:1px solid #ddd; border-radius:0 !important; background:#fff !important; vertical-align:middle; height:32px !important; line-height:32px; box-sizing:border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none}
.at_board input:focus::-webkit-input-placeholder {color:transparent}  /* chrome */ 
.at_board input:focus::-moz-placeholder {color:transparent}           /* firefox */  

.at_board input[type="text"].wide {width:100%; box-sizing:border-box; height:30px}


/* Button Reset */
.at_board .button{ position:relative; overflow: visible; display:-moz-inline-stack; display:inline-block; margin-bottom:5px;/* margin:0 2px; */ padding:0; vertical-align: top;  white-space: nowrap; font-weight:400; text-decoration:none; border-radius: 3px; color:#fff; background-color:#38a71a; border:0px solid #219d00; border-width:0 1px 1px 0; box-sizing:border-box; cursor:pointer; font-size:12px}
.at_board a.button { margin-bottom:5px; cursor:pointer} 
.at_board p.button { cursor: no-drop; }

/* Button Size */
.at_board .button.ssmall { height: 24px; padding:0 12px; line-height: 20px; font-size: 12px; }
.at_board .button.small { height: 30px; padding:0 12px; line-height: 25px; font-size: 12px; }
.at_board .button.medium { height: 37px; padding: 0 20px; line-height:35px; font-size:13px;} 
.at_board .button.large { height: 40px; padding:0 22px; line-height:40px; font-size:14px;}

/* Button Color */
.at_board .button.search_btn {border:1px solid #999; border-width:0 1px 1px 0; color:#fff; background:#999;  box-sizing:border-box; border-radius: 0px;}
.at_board .button.gray {border:1px solid #666; border-width:0 1px 1px 0; color:#fff; background:#666;  box-sizing:border-box; border-radius: 3px;}
.at_board .button.gray_02 {border:1px solid #999; border-width:0 1px 1px 0; color:#fff; background:#999;  box-sizing:border-box; border-radius: 3px;}
.at_board .button.white {border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; border-width:1px 1px 1px 1px; box-sizing:border-box; color:#444; background:#fcfcfc; border-radius: 3px;}
.at_board .button.white_02 {border:1px solid #2a6fb7; color:#2a6fb7; background:#fff;  box-sizing:border-box; border-radius: 3px;}
.at_board .button.blue {border:1px solid #2c64b1; border-width:0 1px 1px 0; color:#fff; background:#3378c1;  box-sizing:border-box; border-radius: 3px;}
.at_board .button.blue_02 {border:1px solid #78abe2; border-width:0 1px 1px 0; color:#fff; background:#78abe2;  box-sizing:border-box; border-radius: 3px;}
.at_board .button.red {border:1px solid #f45656; border-width:0 1px 1px 0; color:#fff; background:#fa6565;  box-sizing:border-box; border-radius: 3px;}
.at_board .button.red_02 {border:1px solid #f59696; color:#fff; background:#f59696;  box-sizing:border-box; border-radius: 3px;}
.at_board .button.etc_01 {border:1px solid #a268ba; border-width:0 1px 1px 0; color:#fff; background:#a974bf;  box-sizing:border-box; border-radius: 3px;}
.at_board .button.etc_02 {border:1px solid #37b4b5; border-width:0 1px 1px 0; color:#fff; background:#40c1c2;  box-sizing:border-box; border-radius: 3px;}
.at_board .button.etc_03 {border:1px solid #3b8fc2; color:#fff; background:#3b8fc2;  box-sizing:border-box; border-radius: 3px;}
.at_board .button.etc_04 {border:1px solid #80a9d0; color:#fff; background:#80a9d0;  box-sizing:border-box; border-radius: 3px;}
.at_board .button.etc_05 {border:1px solid #ba9e80;  color:#fff; background:#ba9e80;  box-sizing:border-box; border-radius: 3px;}

/* Button Hover */
.at_board .button.search_btn:hover,
.at_board .button.search_btn:active,
.at_board .button.search_btn:focus { border:1px solid #666; border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background:#888;} 
.at_board .button:hover,
.at_board .button:active,
.at_board .button:focus {border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background:#219d00;}
.at_board .button.gray:hover,
.at_board .button.gray:active,
.at_board .button.gray:focus { border:1px solid #666; border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background:#555;} 
.at_board .button.gray_02:hover,
.at_board .button.gray_02:active,
.at_board .button.gray_02:focus { border:1px solid #888; border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background:#888;} 
.at_board .button.white:hover,
.at_board .button.white:active,
.at_board .button.white:focus { border:1px solid #ddd; box-sizing:border-box; color:#555; text-decoration:none; background:#ededed; } 
.at_board .button.white_02:hover,
.at_board .button.white_02:active,
.at_board .button.white_02:focus { border:1px solid #3378c1; color: #16569a; box-sizing:border-box; text-decoration:none; background:#fff;} 
.at_board .button.blue:hover,
.at_board .button.blue:active,
.at_board .button.blue:focus {border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background:#194478;}
.at_board .button.blue_02:hover,
.at_board .button.blue_02:active,
.at_board .button.blue_02:focus {border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background:#6594c7;}
.at_board .button.red:hover,
.at_board .button.red:active,
.at_board .button.red:focus { border:1px solid #f45656; border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background:#f45656;} 
.at_board .button.red_02:hover,
.at_board .button.red_02:active,
.at_board .button.red_02:focus  {border:1px solid #f38b8b; color:#fff; background:#f38b8b;  box-sizing:border-box; border-radius: 3px;text-decoration:none;}
.at_board .button.etc_01:hover,
.at_board .button.etc_01:active,
.at_board .button.etc_01:focus { border:1px solid #a268ba; border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background:#a268ba;} 
.at_board .button.etc_02:hover,
.at_board .button.etc_02:active,
.at_board .button.etc_02:focus { border:1px solid #37b4b5; border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background:#37b4b5;} 
.at_board .button.etc_03:hover,
.at_board .button.etc_03:active,
.at_board .button.etc_03:focus  {border:1px solid #308ac0; color:#fff; background:#308ac0;  box-sizing:border-box; border-radius: 3px;text-decoration:none;}
.at_board .button.etc_04:hover,
.at_board .button.etc_04:active,
.at_board .button.etc_04:focus  {border:1px solid #6ea0cf; color:#fff; background:#6ea0cf;  box-sizing:border-box; border-radius: 3px;text-decoration:none;}
.at_board .button.etc_05:hover,
.at_board .button.etc_05:active,
.at_board .button.etc_05:focus  {border:1px solid #bb946a;  color:#fff; background:#bb946a;  box-sizing:border-box; border-radius: 3px;text-decoration:none;}

.at_board input[type="submit"].button.icon:hover,
.at_board input[type="button"].button.icon:hover,
.at_board input[type="submit"].button.icon:active,
.at_board input[type="button"].button.icon:active,
.at_board input[type="submit"].button.icon:focus,
.at_board input[type="button"].button.icon:focus { background-image:url('/bbs//skin/board/default/images/icon_button_w.png'); background-repeat:no-repeat; background-color:#194478}
.at_board input[type="submit"].button.icon.color:hover,
.at_board input[type="button"].button.icon.color:hover,
.at_board input[type="submit"].button.icon.color:active,
.at_board input[type="button"].button.icon.color:active,
.at_board input[type="submit"].button.icon.color:focus,
.at_board input[type="button"].button.icon.color:focus { background-image:url('/bbs//skin/board/default/images/icon_button_w.png'); background-repeat:no-repeat;}
.at_board input[type="submit"].button.icon.white:hover,
.at_board input[type="button"].button.icon.white:hover,
.at_board input[type="submit"].button.icon.white:active,
.at_board input[type="button"].button.icon.white:active,
.at_board input[type="submit"].button.icon.white:focus,
.at_board input[type="button"].button.icon.white:focus { background-image:url('/bbs//skin/board/default/images/icon_button_b.png'); background-repeat:no-repeat; background-color:#ededed}

#popup_user_menu {font-family: "Nanum Gothic", "돋움", Dotum, AppleSDGothicNeo ,Droid Sans, arial, sans-serif}

.at_board .fr {float:right}

.at_board i.icon,
.at_board img.icon.new {margin-left:5px; vertical-align:middle; border:none}
.at_board i.icon.fa-download {color:#e89f31}
.at_board i.icon.fa-image {color:#597AD4}
.at_board i.icon.fa-lock {display:inline-block; line-height:14px; width:16px; color:#4f818c; text-align:center; border-radius:2px; font-size:12px; border:1px solid #a2c6ce}

.at_board .search_box {float:right; border:1px solid #ccc; border-radius:3px; margin-bottom:10px; padding:0}
.at_board .search_box select {float:left; border:0; margin:9px 5px; height:20px !important; line-height:20px; border-right: 1px solid #ddd}
.at_board .search_box label {display:none}
.at_board .search_box .input {height:38px; margin:0 5px; border:0; padding:0; background-color:transparent; max-width:140px; width:140px}
.at_board .search_box .btn {height:38px; background:url(/bbs//skin/board/default/images/btn_search.png) no-repeat 50% 50%; border:0; width:40px; text-indent:-999px; overflow: hidden; float:right}
.at_board .search_box input,
.at_board .search_box select {display:inline-block}

/*
.category_tab {font-size:0;text-align:center;border-bottom:1px solid #ccc;vertical-align:top;margin-bottom:20px;}
.category_tab:after {content:'';display:block;clear:both;}
.category_tab > a {display:inline-block;min-width:100px; padding:0 10px;height:42px;font-size:14px;color:#555;background:#f9f9f9;box-sizing:border-box;vertical-align:bottom;position:relative;}
.category_tab > a:before {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.category_tab span {display:inline-block;vertical-align:middle;}
.category_tab > a:hover {font-weight:500;}
.category_tab > a.active {height:51px;font-size:18px;color:#f05a29;font-weight:500;background:#fff;border:1px solid #ccc;border-bottom:1px solid #fff;top:1px;}
*/


.category_tab {font-size:0; text-align:center; vertical-align:top; margin-bottom:20px; margin-left:-1px; display:flex}
.category_tab:after {content:'';display:block;clear:both;}
.category_tab a {font-size:16px; color:#888; width:100%; height:50px; flex-basis:100%; background:#f9f9f9; border:#ededed solid 1px; text-align:center; margin-left:1px; position:relative; letter-spacing:-1px}
.category_tab a:hover,
.category_tab a.active {border:#0268af solid 1px; color:#fff; font-weight:500; background:#0268af}
.category_tab a:after {content:''; display:inline-block; width:0; height:100%; vertical-align:middle}
.category_tab a.active:before {content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #0268af; position: absolute; left: 50%; bottom: -8px; transform: translate(-50%, 0)}


.at_board .nav:after {content:""; clear:both; display:block}
.at_board .nav li {position:relative; display:block}
.at_board .nav li > a {position:relative; display:block; padding:8px 15px}
.at_board .nav li > a:hover.nav > li > a:focus {text-decoration:none; background-color:#fff; color:#222}
.at_board .nav_tabs {margin:0 0 30px; padding-top:10px}
.at_board .nav_tabs li {float:left; margin-bottom:-1px}
.at_board .nav_tabs li > a {margin-right:2px; background-color:#F6F6F6; color:#999; margin-right:-1px; line-height:1.42857143; border:1px solid #E4E4E4; border-radius:0; position:relative}
.at_board .nav_tabs li.active > a {color:#333; background-color:#fff; border:1px solid #888; z-index:1}

/* 리스트 */
.at_board .list {border-top:2px solid #000; clear:both; border-bottom:1px solid #ccc}
.at_board .list table {width:100%}
.at_board .list table th {padding:10px 0; font-weight:normal; border-bottom:1px solid #ddd; background:#fafafa; height:30px}
.at_board .list table td {color:#666; background:#fff; padding:10px 5px; border-top:1px solid #ecf0f1; line-height:1.4em; height:30px; word-break:break-all; text-align:center}
.at_board .list table th.check {width:40px}
.at_board .list table th.num,
.at_board .list table th.cnt {width:50px}
.at_board .list table td.title {text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.at_board .list table td.title a:hover {color:#ff0000}
.at_board .list table td span.comment {color:#f00; margin-left:5px; font-size:12px}
.at_board .list table th.date,
.at_board .list table th.name {width:100px}
.at_board .list table tbody tr:hover {border-left:2px solid #ff0000}
.at_board .list table tbody tr:hover td {background:#fafafa}

/* 갤러리 */

.gallery {margin-top:15px; font-size:0; margin-left:-20px}
.gallery li {display:inline-block; width: calc(25% - 20px); margin-left:20px; border:1px solid #d7d5d5; padding:10px; padding-bottom:20px; min-height:260px; vertical-align:top; margin-bottom:20px; box-sizing:border-box}


/*
.gallery {position: relative; margin-top: 15px; width:100%; clear:both}
.gallery:after {content: ""; display: block; clear: both; border-bottom:1px solid #ddd}
.gallery li {float:left; width:200px; margin-bottom:20px; margin-left:20px; border:1px solid #d7d5d5; padding:10px; padding-bottom:20px; min-height:260px}
*/
.gallery li div.img {width:100%; /*height:160px; overflow:hidden;*/ position:relative; padding-bottom:70%; background-position:center center; background-size:cover; box-sizing:border-box}
.gallery li div img {max-width:100%; height:auto !important}

.gallery li p.subject {display:block; line-height: 20px; margin-top:15px; font-size:14px}
.gallery li p.subject input {margin-right:5px}
.gallery li p.desc {font-size:12px;color:#555;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:18px;height:38px;}
.gallery li dl:after {content:""; clear:both; display:block}
.gallery li dl dd {font-size:12px;color:#888;margin-top:8px;height:12px; line-height:12px; float:left; margin-right:5px; border-right:1px solid #ddd; padding-right:5px}
.gallery li dl dd:last-child {border-right:none; margin-right:0}

/* 웹진 */
.webzine {list-style:none; padding:0; margin:0; margin-top:20px}
.webzine li {border-bottom:1px solid #ddd; padding:10px 0; position:relative; min-height:170px; padding-left:240px}
.webzine li .tmb_wrp {position:absolute; top:10px; left:0; max-width:220px; max-height:160px; overflow:hidden}
.webzine li .tmb_wrp img {max-width:100%; max-height:initial}
.webzine li p.title {font-size:14px; font-weight:bold; color:#333; margin-top:10px}
.webzine li p.title input {}
.webzine li p.title i {margin-left:5px; vertical-align:middle}
.webzine li p.title i.fa-download {color:#0896D2}
.webzine li p.title i.fa-image {color:#597AD4}
.webzine li p.title img.icon {vertical-align:middle; margin-left:5px}
.webzine li p.title span.comment {color:#ff5191; font-family:Tahoma, Geneva, sans-serif}
.webzine li div.info {font-size: 11px; margin-top: .8em; line-height: 2; color:#888}
.webzine li div.info strong {padding: 0 4px 0 3px}
.webzine li p.summary {margin-top:5px; line-height:20px; font-size:12px}
.webzine li p.desc {font-size:12px;color:#555;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:18px;max-height:38px; margin-top:10px}
.webzine li dl:after {content:""; clear:both; display:block}
.webzine li dl dd {font-size:12px;color:#888;margin-top:8px;height:12px; line-height:12px; float:left; margin-right:5px; border-right:1px solid #ddd; padding-right:5px}
.webzine li dl dd:last-child {border-right:none; margin-right:0}

.at_board .btn_area {padding-top:20px}
.at_board .btn_area.tar {text-align:right}
.at_board .btn_area.tac {text-align:center}

.at_board .pg_wrap {clear:both;margin:20px 0 ;text-align:center}
.at_board .pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.at_board .pg_page,
.at_board .pg_current {display:inline-block;vertical-align:middle;border:1px solid #ddd;margin:3px 2px;}
.at_board .pg a:focus,
.at_board .pg a:hover {text-decoration:none}
.at_board .pg_page {color:#484950;font-size:1.083em;height:30px;line-height:28px;padding:0;min-width:30px;text-decoration:none;}
.at_board .pg_start {text-indent:-999px;overflow:hidden;background:url('/bbs//skin/board/default/images/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ddd;}
.at_board .pg_prev {text-indent:-999px;overflow:hidden;background:url('/bbs//skin/board/default/images/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ddd}
.at_board .pg_end {text-indent:-999px;overflow:hidden;background:url('/bbs//skin/board/default/images/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ddd}
.at_board .pg_next {text-indent:-999px;overflow:hidden;background:url('/bbs//skin/board/default/images/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ddd}
.at_board .at_member, .at_member .pg_page:hover, .at_member .pg_start:hover, .at_member .pg_prev:hover, .at_member .pg_end:hover, .at_member .pg_next:hover {border-color:#000}
.at_board .pg_current {display:inline-block;background:#fff;height:30px;line-height:28px;padding:0;min-width:30px; border-color:#000}

.at_board .view {margin-bottom:20px;padding:20px 0px;background:#fff;box-sizing:border-box}
.at_board .view h2 span {display:block;font-size:20px;margin:5px 0 0;word-break:break-all;font-weight: normal}
.at_board .view h2 .sns {float:right; margin-top:-30px;}
.at_board .view h2 .sns ul {}
.at_board .view h2 .sns li {float:left; margin-right:5px}
.at_board .view h2 .sns li:last-child {margin-right:0}
.at_board .view h2 .sns a {width:30px; height:30px; font-size:0; text-indent:-1000em; background:url('/bbs//skin/board/default/images/sns.png') no-repeat; border-radius:15px; float:left}
.at_board .view h2 .sns a.blog {background-position:0 -30px}
.at_board .view h2 .sns a.kakao {background-position:0 -60px}
.at_board .view h2 .sns a.facebook {background-position:0 -90px}
.at_board .view h2 .sns a.twitter {background-position:0 -120px}
.at_board .view h2 .sns a.google {background-position:0 -150px}
.at_board .view h2 .sns a.band {background-position:0 -180px}

.at_board .view .mbr { display: none !important; }
.at_board .view .mbr.line {height:1px; border-top:1px solid #DDD;}

.at_board .view .info {margin:15px 0px 20px 0px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; color:#666; line-height:50px}
.at_board .view .info:after {display:block; visibility:hidden; clear:both; content:""} 
.at_board .view .info span.top_btn {float:right; border-left:1px solid #ddd; padding:0px 5px 0px 15px;}
.at_board .view .info strong {display:inline-block;margin:0 10px 0 0;font-weight:normal}
.at_board .view .info span {margin-right:5px}
.at_board .view .info .sv_member,
.at_board .view .info .sv_guest,
.at_board .view .info .member,
.at_board .view .info .guest {font-weight:bold; margin-right:0}
.at_board .view .info .profile_img {}
.at_board .view .info .profile_img img{border-radius:50%}
.at_board .view .info .sv_member{color:#000}
.at_board .view .info .if_view{display:inline-block;background:url(/bbs//skin/board/default/./img/icon_view.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
.at_board .view .info .if_comment{display:inline-block;background:url(/bbs//skin/board/default/./img/icon_comment.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
.at_board .view .info .if_date{float:right;margin:0;font-style:normal;color:#888}

.at_board .view .extra_list {margin-top:20px; border-top:1px solid #717171; border-bottom: 1px solid #717171;}
.at_board .view .extra_list li {overflow:hidden;}
.at_board .view .extra_list li {border-bottom: 1px solid #ddd;}
.at_board .view .extra_list li:last-child {border-bottom:none}
.at_board .view .extra_list li strong {display:block; float:left; width:120px;  padding:12px 0; background-color:#f9f9f9; text-align:center}
.at_board .view .extra_list li .title {float:left; overflow:hidden; max-width:950px; padding:12px 20px; text-overflow:ellipsis; white-space:nowrap}

.at_board .view .contents {padding:20px 10px; word-wrap:normal; word-break:normal; zoom:1; line-height:1.6; overflow:hidden}
.at_board .view .contents img {max-width:100%; height:auto !important}

.at_board .view .document_act {text-align:right}
.at_board .view .document_act a {padding:8px 20px; border:1px solid #DDD; border-radius:30px}
.at_board .view .document_act a i {margin-right:5px; font-size:12px}

.at_board .view .files {margin:10px 0; border:1px solid #d4d4d4; margin-top:30px}
.at_board .view .files p {padding:10px;background: #f3f3f3; font-size:14px; font-weight:bold}
.at_board .view .files ul {margin:0; padding:5px 0; display:none}
.at_board .view .files li {padding:5px 10px}
.at_board .view .files a {display:inline-block;color:#3497d9;word-wrap:break-word}
.at_board .view .files a:focus, .at_board .view .files a:hover, .at_board .view .files a:active {text-decoration:underline}
.at_board .view .files li span {font-size:12px; color:#888}

.at_board .view .btn_area {padding-top:20px}
.at_board .view .btn_area div {float:right}

.at_board .view .preview_list {margin:20px 0;position:relative;clear:both;text-align:left;border-bottom:1px solid #ddd}
.at_board .view .preview_list:after {display:block; visibility:hidden; clear:both; content:""}
.at_board .view .preview_list li {border-top:1px solid #ddd; padding:13px; border-left:1px solid #ddd; border-right:1px solid #ddd}
.at_board .view .preview_list li:hover {background:#f6f6f6}
.at_board .view .preview_list li i {font-size:13px}
.at_board .view .preview_list li .title {display:inline-block; padding-right:20px; color:#4567b5}
.at_board .view .preview_list li .date {float:right; color:#888}

.at_board .view .comment {margin-top:20px}
.at_board .view .comment_write {clear:both; margin-top:10px; margin-bottom:20px}
.at_board .view .comment_write:after {content:""; clear:both; display:block}
.at_board .view .comment_write .author {margin-top:10px}
.at_board .view .comment_write .author ul:after {content:""; clear:both; display:block}
.at_board .view .comment_write .author li {float:left; margin-right:5px; line-height:24px}
.at_board .view .comment_write .author li:last-child {margin-right:0}
.at_board .view .comment_write .author input[type='text'],
.at_board .view .comment_write .author input[type='password'] {box-sizing:border-box; height:32px}
.at_board .view .comment_write .author .btn {text-align:right; margin-top:10px}
.at_board .view .comment_write .author .btn a {margin-left:5px}
.at_board .view .comment_list h4 {margin-bottom:10px; font-size:16px}
.at_board .view .comment_list h4 span {color:#ff6600}
.at_board .view .comment_list .item {position:relative; border-top:1px solid #ddd; *zoom:1;}
.at_board .view .comment_list .item:last-child {border-bottom:1px solid #ddd}
.at_board .view .comment_list .item.line {border-top:1px solid #D5D5D5; padding-top:5px;}
.at_board .view .comment_list .item.itemReply .indent {padding-left:20px; background-repeat:no-repeat; background-position:0 1.2em; background-image:url('/bbs//skin/board/default/images/icon_indent.gif')}
.at_board .view .comment_list .item .indent {position:relative; *zoom:1;}
.at_board .view .comment_list .item .indent:after {content:""; display:block; clear:both;}
.at_board .view .comment_list .item .item_aside {position:relative; float:left; width:140px; margin-right:-140px; padding-top:1em; *zoom:1; text-align:left; z-index:2;}
.at_board .view .comment_list .item .item_aside ul {list-style:none; margin:0; padding:0;}
.at_board .view .comment_list .item .item_aside li {margin-bottom:5px}
.at_board .view .comment_list .item .item_aside li:last-child {margin-bottom:0}
.at_board .view .comment_list .item .item_aside li.profile img {display:block; border:2px solid #EEE}
.at_board .view .comment_list .item .item_aside li.meta {font-size:11px; font-family:Tahoma, Geneva, sans-serif; color:#8b8b8b}
.at_board .view .comment_list .item .item_aside .vote {margin:0; *zoom:1; overflow:hidden;}
.at_board .view .comment_list .item .item_aside .vote:after {content:""; display:block; clear:both;}
.at_board .view .comment_list .item .item_aside .vote * {margin:0; padding:0; color:#8b8b8b;}
.at_board .view .comment_list .item .item_aside .vote dt {position:relative; float:left; width:11px; height:13px; margin-right:2px; padding-left:5px; background-image:url('/bbs//skin/board/default/images/icon_vote.gif'); background-repeat:no-repeat; overflow:hidden;}
.at_board .view .comment_list .item .item_aside .vote dt.love {background-position:0 0;}
.at_board .view .comment_list .item .item_aside .vote dt.hate {background-position:0 -13px;}
.at_board .view .comment_list .item .item_aside .vote dt span {position:absolute; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
.at_board .view .comment_list .item .item_aside .vote dd {position:relative; left:-5px; float:left; margin:1px 5px; font-size:11px; font-weight:bold;}
.at_board .view .comment_list .item .item_content {position:relative; padding:1em 0 1em 150px; *zoom:1; z-index:1;}
.at_board .view .comment_list .item .item_content:after {content:""; display:block; clear:both;}
.at_board .view .comment_list .item .item_content .content {width:auto !important; word-break:break-all}
.at_board .view .comment_list .item .secret_comment {margin:0; padding:1em 3em;}
.at_board .view .comment_list .item .secret_comment p {text-align:center; margin:1em 0; font-weight:bold;}
.at_board .view .comment_list .file_list {clear:both}
.at_board .view .comment_list .file_list .toggle_file {}
.at_board .view .comment_list .file_list .toggle_file strong {color:#f8571e; text-decoration:underline;}
.at_board .view .comment_list .file_list span {font-size:12px}
.at_board .view .comment_list .files {margin:10px 0; padding:0; display:none}
.at_board .view .comment_list .files li a {padding-left:5px; line-height:20px}
.at_board .view .comment_list .action {margin:0; padding-top:10px; white-space:nowrap; float:right;}
.at_board .view .comment_list .action .vote {margin:0 10px 0 0; color:#767676;}
.at_board .view .comment_list .action a {text-decoration:none; margin-left:3px; font-size:12px}
.at_board .view .comment_list .action a i {margin-right:5px}

/* 파일 업로드 */
.at_board .fu_container {border:1px solid #d7d8d8; border-radius:3px; background-color:#f7f7f7; zoom:1}
.at_board .fu_container .fu_dropzone {padding:12px; border:1px solid #fafafa; background-color:#f7f7f7; border-radius:3px; box-sizing:border-box; -moz-box-sizing:border-box}
.at_board .fu_container .fu_dropzone.in {background-color:#E9F3EF}
.at_board .fu_container .fu_dropzone.hover {border:1px dotted #9ad18f; border-radius:5px}
.at_board .fu_container .fu_dropzone.fade {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; opacity:1}
.at_board .fu_container .fu_btn {display:inline-block; *display:inline; margin:0; padding:0 12px !important; height:24px !important; overflow:visible; border:1px solid #bbbbbb; border-radius:2px; text-decoration:none !important; text-align:center; vertical-align:top; line-height:24px !important; font-family:inherit; font-size:12px; color:#333333; *zoom:1; cursor:pointer; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); background-color:#f5f5f5; *background-color:#e6e6e6; background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6); background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image:-webkit-gradient(top, #ffffff, #e6e6e6); background-image:-o-linear-gradient(top, #ffffff, #e6e6e6); background-image:linear-gradient(top, #ffffff, #e6e6e6); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); filter:progid: DXImageTransform.Microsoft.gradient(enabled=false)}
.at_board .fu_container input.fu_btn,
.at_board .fu_container button.fu_btn {height:26px !important}
.at_board .fu_container .fu_btn:hover,
.at_board .fu_container .fu_btn:active,
.at_board .fu_container .fu_btn[disabled] {color:#333; background-color:#e6e6e6; *background-color:#d9d9d9}
.at_board .fu_container .fu_btn>span {display: inline-block; *zoom: 1; margin: 0 -12px !important; padding: 0 12px !important; overflow: visible; width: auto; height: 24px; border: 0; vertical-align: top; text-decoration: none !important; line-height: 24px; font-family: inherit; font-size: 12px; color: #333; cursor: pointer; background: none}
.at_board .fu_container .fu_act_selectfile {overflow:hidden !important; display:inline-block; vertical-align:middle}
.at_board .fu_container .fileinput_button {position: relative; overflow: hidden}
.at_board .fu_container .fileinput_button input {position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px !important; direction: ltr; cursor: pointer}
.at_board .fu_container p.fu_dropzone_message {display: inline-block; margin: 0; margin-left: 5px; line-height: 24px; vertical-align: middle}
.at_board .fu_container p.upload_info {display:none; line-height:24px; vertical-align:middle}
.at_board .fu_container .fu_dropzone .xefu_progress_status {margin:12px 0}
.at_board .fu_container .fu_dropzone:hover p.fu_dropzone_message,
.at_board .fu_container .in .fu_dropzone p.fu_dropzone_message,
.at_board .fu_container .hover .fu_dropzone p.fu_dropzone_message,
.at_board .fu_container .fade .fu_dropzone p.fu_dropzone_message {display:none}
.at_board .fu_container .fu_dropzone:hover .upload_info,
.at_board .fu_container .in .fu_dropzone .upload_info,
.at_board .fu_container .hover .fu_dropzone .upload_info,
.at_board .fu_container .fade .fu_dropzone .upload_info {display:inline-block; margin:0; margin-left:5px}

/* Fixes for IE < 8 */
@media screen\9 {
.at_board .fu_container .fileinput_button input {filter:alpha(opacity=0); font-size:100%; height:100%}
}

.at_board .fu_container .progress {height:5px;/*margin-bottom:20px;*/overflow:hidden;background-color:#f5f5f5; display:none}
.at_board .fu_container .progress_bar {float:left; width:0; height:100%; background:#428bca; width:30%}
.at_board .fu_container .fu_controll {display:none; padding:10px}

.at_board .clearfix:before,
.at_board .clearfix:after {content: " "; display:table}
.at_board .clearfix:after {clear: both}
.at_board .clearfix {zoom:1}

.at_board .fu_container .fu_list {display:none; padding:0 10px; background:#fff}
.at_board .fu_container .fu_list_images {max-height:160px; overflow-y:scroll; -webkit-overflow-scrolling:touch; margin:0 -5px; padding:5px 0; border-bottom:1px solid #E6E6E6}
.at_board .fu_container .fu_list_images ul,
.at_board .fu_container .fu_list_images li {list-style:none; margin:0; padding:0}
.at_board .fu_container .fu_list_images li {position:relative; display:inline-block; margin:3px; width:60px; height:60px; border:3px solid #DDD}
.at_board .fu_container .fu_list_images input {position:absolute; top:0; left:0}
.at_board .fu_container .fu_act_set_cover:hover {color:red}
.at_board .fu_container .fu_list_images .fu_act_set_cover {display:none; cursor:pointer; position:absolute; top:0; left:auto; right:0; margin:0; padding:1px 0 1px 2px; border:0 none; border-radius:0 0 0 5px; font-size:15px; line-height:15px; background-color:#6cbd7e;}
.at_board .fu_container .fu_list_images li:hover .fu_act_set_cover {display:inline; color:#666; background-color:#ddd}
.at_board .fu_container .fu_list_images .fu_is_cover_image:hover .fu_act_set_cover,
.at_board .fu_container .fu_is_cover_image .fu_act_set_cover {display:inline; color:#fff; background-color:#6cbd7e}
.at_board .fu_container .fu_is_cover_image {border-color:#6cbd7e !important}
.at_board .fu_container .fu_list_images .fu_file_name,
.at_board .fu_container .fu_list_images .fu_file_size {display:none}
.at_board .fu_container .fu_list_images li img {width:100%; height: 100%}
.at_board .fu_container .fu_list .fu_list_files {margin:5px 0}
.at_board .fu_container .fu_list_files ul,
.at_board .fu_container .fu_list_files li {list-style:none; margin:0; padding: 0; float:none}
.at_board .fu_container .fu_list_files li {padding: 5px 0}
.at_board .fu_container .fu_list_files li input {vertical-align:middle}
.at_board .fu_container .fu_list_files li.selected {background-color:#E9F3EF}
.at_board .fu_container .fu_list_files .fu_file_info {float:right}
.at_board .fu_container .fu_list_files .fu_file_info span {padding:0 5px}

.at_board .confirm_section {border:1px solid #ddd}
.at_board .confirm_section .input_area{padding:70px 0 30px 0}
.at_board .confirm_section .area_div {width:360px; margin:auto; overflow:hidden}
.at_board .confirm_section .area_div p.info {text-align:center; line-height:1.5; margin-bottom:30px}
.at_board .confirm_section .area_div p.btn {text-align:center}
.at_board .confirm_section .area_div .input_box {float:left; display:inline-block; width:200px; margin-right:10px}
.at_board .confirm_section .area_div input[type="password"] { display:block; width:100%; height:38px;  margin-bottom:5px; box-sizing:border-box}
.at_board .confirm_section .area_div input[type="password"] { padding:13px 10px 10px 45px; background:url('/bbs//skin/board/default/images/icon_login.png') no-repeat 14px -27px;}
.at_board .confirm_section .area_div .button {margin-right:5px}
.at_board .confirm_section .guide_txt {margin-left:0; display:inherit; text-align:center}

.at_board .write_form {border-top:2px solid #444; width:100%}
.at_board .write_form table {width:100%}
.at_board .write_form table th {padding-left:10px; text-align:left; vertical-align:top; width:140px; line-height:30px; background:#f1f1f1; color:#666; font-weight:normal}
.at_board .write_form table th, 
.at_board .write_form table td {border-bottom:1px solid #cccfd5; padding:9px 0 9px 10px; font-size:14px; box-sizing:border-box}
.at_board .write_form table th .essential {display:inline-block; width:6px; height:6px; -webkit-border-radius:50%; border-radius:50%; margin-top:-5px; margin-left:5px; vertical-align:middle; background:#e84250; font-size:0; text-indent:-1000em}
.at_board .write_form table td.wide {padding:15px 0}
.at_board .write_form .title_editor {padding-right:150px; position:relative}
.at_board .write_form .title_editor input {width:100%}
.at_board .write_form .title_editor input:focus {border-color:#ddd}
.at_board .write_form .title_button {position:absolute; top:0; right:0; width:140px; border:1px solid #dcdcdc; padding:3px 3px 2px 2px; border-left:none}
.at_board .write_form .title_button ul {padding:0; margin:0; margin-left:18px}
.at_board .write_form .title_button li {float:left; padding:0 !important; border-bottom:none !important; margin:0}
.at_board .write_form .title_button li button {border:none}
.at_board .write_form .title_button .font_size {background:url(/bbs//skin/board/default/images/icon_title.gif) no-repeat; width:42px; height:23px; line-height:20px; font-size:12px; text-align:left; font-family:dotum; padding-left:2px; margin-right:2px}
.at_board .write_form .title_button .font_size:hover,
.at_board .write_form .title_button .font_size.on {background-position:0 -30px}
.at_board .write_form .title_button .bold {background:url(/bbs//skin/board/default/images/icon_title.gif) no-repeat; background-position:0 -60px; width:21px; height:23px; font-size:0}
.at_board .write_form .title_button .bold:hover,
.at_board .write_form .title_button .bold.on {background-position:0 -90px}
.at_board .write_form .title_button .color {background:url(/bbs//skin/board/default/images/icon_title.gif) no-repeat; background-position:-21px -60px; width:31px; height:23px; font-size:0; margin-right:3px;}
.at_board .write_form .title_button .color:hover,
.at_board .write_form .title_button .color.on {background-position:-21px -90px}
.at_board .write_form .title_button .reset {background:url(/bbs//skin/board/default/images/icon_title.gif) no-repeat; background-position:-0 -120px; width:21px; height:23px; font-size:0}
.at_board .write_form .title_button .reset:hover,
.at_board .write_form .title_button .reset.on {background-position:0 -150px}
.at_board .write_form .title_button .font_size_set {left:-141px; width:270px; position:absolute; top:28px; border:1px solid #CCC; display:none; background-color:#FFF; z-index:999; padding:5px; box-sizing:border-box}
.at_board .write_form .title_button .font_size_set li {float:none !important; position:static; line-height:30px; padding:0; display:block; overflow:hidden; font-family:dotum, sans-serif; padding:5px; cursor:pointer; height:auto; width:100%}
.at_board .write_form .title_button .font_size_set li:hover {background:#eee}
.at_board .write_form .title_button .font_size_set li.tx-11px {font-size:11px}
.at_board .write_form .title_button .font_size_set li.tx-12px {font-size:12px}
.at_board .write_form .title_button .font_size_set li.tx-13px {font-size:13px}
.at_board .write_form .title_button .font_size_set li.tx-16px {font-size:16px}
.at_board .write_form .title_button .font_size_set li.tx-24px {font-size:24px}
.at_board .write_form .title_button .font_color_set {left:-57px; width:186px; position:absolute; top:28px; border:1px solid #CCC; display:none; background-color:#FFF; z-index:999; padding:7px; box-sizing:border-box}
.at_board .write_form .title_button .font_color_set li {float:left; width:12px; height:12px; margin-right:1px; margin-bottom:1px; cursor:pointer; position:static}
.at_board .write_form .opt:after {content:""; clear:both; display:block}
.at_board .write_form .opt li {float:left; margin-right:10px}
.at_board .write_form .opt li:last-child {margin-right:0}
.at_board .write_form .lst li {margin-bottom:5px}
.at_board .write_form .lst li:last-child {margin-bottom:0}
.at_board .write_form .btn_area {text-align:center; padding-bottom:20px}
.at_board .write_form .btn_area input {margin-right:5px}

.at_board .write_form textarea,
.at_board .write_form .inp_txt {width:400px}

.at_board ul.captcha:after {content:""; clear:both; display:block}
.at_board ul.captcha li {float:left; margin-right:5px}
.at_board ul.captcha li:last-child {margin-right:0}
.at_board ul.captcha li img {border:1px solid #ddd; height:28px; width:110px}
.at_board ul.captcha li input {width:80px}