@charset "utf-8";

.at_board {font-size:16px}
.at_board a {color:#333; text-decoration:none; vertical-align:baseline}
.at_board a:focus {outline:1px dotted #aaa; text-decoration:underline;}

#popup_user_menu {font-size:14px}

input:focus-visible,
button:focus-visible,
a.button:focus-visible {outline:1px solid #000}
input:focus:not(:focus-visible) {outline:none; box-shadow:1px 1px 5px rgba(1, 1, 0, .7)}

.at_board input[type="text"],
.at_board input[type="password"],
.at_board .select,
.at_board textarea,
.at_board input[type="url"],
.at_board input[type="number"],
.at_board input[type="email"],
.at_board input[type="tel"] {border:1px solid #ddd; padding: 16px 7px; background-color: #fff; transition: 0.4s border; box-sizing:border-box}

.at_board textarea {width:100%}

.at_board input[type="text"],
.at_board input[type="password"],
.at_board .select,
.at_board input[type="url"],
.at_board input[type="number"],
.at_board input[type="email"],
.at_board input[type="tel"] {display:inline-block; height:24px; vertical-align:top;}

.at_board input[type="text"]:focus,
.at_board input[type="password"]:focus, 
.at_board .select:focus, 
.at_board textarea:focus, 
.at_board input[type="url"]:focus, 
.at_board input[type="number"]:focus, 
.at_board input[type="email"]:focus, 
.at_board input[type="tel"]:focus {-webkit-box-shadow: 0 0 5px #9ed4ff; -moz-box-shadow:  0 0 5px #9ed4ff; box-shadow: 0 0 5px #9ed4ff; border: 1px solid #558ab7 !important}

.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 input[type="file"]:focus {border:1px solid #000}
.at_board .select {min-width:80px; padding:0 9px; border:1px solid #ddd; border-radius:0 !important; background:#fff !important; vertical-align:middle; height:34px !important; line-height:32px; box-sizing:border-box; appearance: none; -webkit-appearance: none; -moz-appearance: none}

/* Button Reset */
.at_board .button {position:relative; overflow:visible; display:inline-block; padding:0; vertical-align:top;  white-space:nowrap; text-decoration:none; border-radius: 3px; color:#fff; background-color:#3378c1; border:1px solid #245fa3; box-sizing:border-box; cursor:pointer; font-size:12px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease}

.at_board .button i,
.at_board a i {margin-right:5px}

/* Button Size */
.at_board .button.ssmall {font-size:14px; height:28px; line-height:26px; padding:0 12px}
.at_board .button.small {font-size:14px; height:34px; line-height:32px; padding:0 12px}
.at_board .button.medium {font-size:16px; height:38px; line-height:36px; padding:0 15px}
.at_board .button.large {font-size:18px; height:46px; line-height:44px; padding:0 20px}

/* Button Color */
.at_board .button.search_btn {border:1px solid #999; color:#fff; background:#999; box-sizing:border-box; border-radius:0px;}
.at_board .button.gray {border:1px solid #666; color:#fff; background:#666;  box-sizing:border-box; border-radius: 3px;}
.at_board .button.gray_02 {border:1px solid #999; 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; color:#fff; background:#3378c1;  box-sizing:border-box; border-radius: 3px;}
.at_board .button.blue_02 {border:1px solid #78abe2; color:#fff; background:#78abe2;  box-sizing:border-box; border-radius: 3px;}
.at_board .button.red {border:1px solid #f45656; 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; color:#fff; background:#a974bf; box-sizing:border-box; border-radius: 3px;}
.at_board .button.etc_02 {border:1px solid #37b4b5; 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; color: #fff; box-sizing:border-box; text-decoration:none; background:#888;} 
.at_board .button:hover,
.at_board .button:active,
.at_board .button:focus {color: #fff; box-sizing:border-box; text-decoration:none; background:#194478;}
.at_board .button.gray:hover,
.at_board .button.gray:active,
.at_board .button.gray:focus { border:1px solid #666; 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; 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 {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 {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; 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; 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; 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 .category_tab {border-bottom:1px solid #ccc; vertical-align:top; margin-bottom:20px; display:flex; justify-content:center; align-items:flex-end}
.at_board .category_tab > a {min-width:100px; padding:0 10px; height:37px; color:#555; background:#f9f9f9; box-sizing:border-box; vertical-align:bottom; position:relative; font-size:14px; text-align:center}
.at_board .category_tab > a:after {content:''; display:inline-block; width:0; height:100%; vertical-align:middle}
.at_board .category_tab > a:hover {font-weight:500}
.at_board .category_tab > a.active {height:46px; font-size:16px; color:#f05a29; font-weight:500; background:#fff; border:1px solid #ccc; border-bottom:1px solid #fff; top:1px}

/* 기본형 */
.at_board .default_list {padding-bottom:20px}
.at_board .default_list .top {padding:10px 0 20px; position:relative}
.at_board .default_list .top .total {font-size:15px}
.at_board .default_list .top .search_box {position:absolute; top:0; right:0; border:1px solid #ccc; border-radius:3px; padding:0; font-size:0; box-sizing:border-box; width:330px}
.at_board .default_list .top .search_box select {display:inline-block; border:0; height:38px; margin:0 5px}
.at_board .default_list .top .search_box label {display:none}
.at_board .default_list .top .search_box .input {height:38px; border:0; padding:0; background-color:transparent; width: calc(100% - 138px); display:inline-block; border-left:1px solid #ddd; padding:0 10px; box-sizing:border-box}
.at_board .default_list .top .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; display:inline-block}
.at_board .default_list .top .search_box input[type="submit"].btn:focus {border:1px solid #000}

.at_board .default_list > ul {width:100%; border-top:2px solid #000; border-bottom:1px solid #ccc}
.at_board .default_list ul li.head {padding:15px 0; display:flex; border-bottom:1px solid #ddd; background:#fafafa}
.at_board .default_list ul li.head div {text-align:center; font-weight:500; padding:0 10px}
.at_board .default_list ul li.item {padding:15px 0; display:flex; border-top:1px solid #ecf0f1; position:relative}
.at_board .default_list ul li:nth-child(2) {border-top:none}
.at_board .default_list ul li.item > div {text-align:center; padding:0 10px; position:relative}
.at_board .default_list ul li.item:hover {background:#fafafa}
.at_board .default_list ul li.item:hover:after {content:""; clear:both; width:2px; height:100%; background:#F00; position:absolute; top:0; left:0}
.at_board .default_list ul li.item div.title {text-align:left; min-width:200px}
.at_board .default_list ul li.item div.title a {text-overflow:ellipsis; white-space:nowrap; width:100%; overflow:hidden; display:inline-block}
.at_board .default_list ul li.item div.title a:hover {text-decoration:underline}
.at_board .default_list ul li.item div.title a span.comment {color:#f00; font-size:12px; display:inline-block; margin-left:5px}

.at_board .default_list ul li.item div.title a span {font-weight:400 !important; font-size:16px !important}

.at_board .default_list .check {width:30px; flex-basis:30px}
.at_board .default_list .num {width:50px; flex-basis:50px}
.at_board .default_list .category {width:120px; flex-basis:120px}
.at_board .default_list .title {-webkit-box-flex:1; flex:1; text-align:left}
.at_board .default_list .date {width:100px; flex-basis:100px}
.at_board .default_list .name {width:100px; flex-basis:100px}
.at_board .default_list .cnt,
.at_board .default_list .read,
.at_board .default_list .vote,
.at_board .default_list .blamed {width:50px; flex-basis:50px}

/* 갤러리 1 */

.at_board .gallery1 {margin-bottom:30px; border-bottom:1px solid #ddd; padding-bottom:30px; border-top:2px solid #666; padding-top:20px}
.at_board .gallery1 ul {position:relative; clear:both; display:flex; flex-wrap:wrap; margin-left:-20px}
.at_board .gallery1 li {width: calc(25% - 21px); margin-left:20px; padding:10px 0; box-sizing:border-box; background:#fff; border-radius:2px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); transition:boxs-shadow .25s;}
.at_board .gallery1 li:nth-child(n+5) {margin-top:20px}
.at_board .gallery1 li a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1);  -webkit-transition: all 0.2s; transition: all 0.2s}
.at_board .gallery1 li div.img {padding:10px; position:relative; display:block; overflow:hidden; width:100%; height:0; padding-bottom:75%; margin:0 auto; text-align:center; box-sizing:border-box;}
.at_board .gallery1 li div.img img {max-width:100%; min-width:100%}
.at_board .gallery1 li div.img input {position:absolute; top:5px; left:15px}
.at_board .gallery1 li .title {padding:15px; /*border-bottom:1px solid #CCC; */line-height:1.5; padding-bottom:0}
.at_board .gallery1 li .title .category {font-size:13px; font-weight:400; color:#3598db}
.at_board .gallery1 li .title .subject {font-weight:400}
.at_board .gallery1 li .title .subject img {margin-left:5px}
.at_board .gallery1 li .etc {padding:10px 15px}
.at_board .gallery1 li .etc dl {font-size:0}
.at_board .gallery1 li .etc dl dd {font-size:14px; position:relative; display:inline-block}
.at_board .gallery1 li .etc dl dd:not(:last-child) {margin-right:8px}
.at_board .gallery1 li .etc dl dd:not(:last-child):after {content:''; display:inline-block; width:1px; height:10px; background:#ddd; margin-left:8px}
.at_board .gallery1 li .etc dl dd i {color:#8d96c2; margin-right:5px}
.at_board .gallery1 li .etc dl dd label {display:none}


/* 갤러리 2 */
.at_board .gallery2 {margin-bottom:30px; border-bottom:1px solid #ddd; padding-bottom:30px; border-top:2px solid #666; padding-top:20px}
.at_board .gallery2 ul {position:relative; clear:both; display:flex; flex-wrap:wrap; margin-left:-20px}
.at_board .gallery2 li {display:inline-block; width: calc(25% - 20px); margin-left:20px; padding:0; box-sizing:border-box; background:#fff; border:1px solid rgba(0,0,0,0.1); border-radius:5px; position:relative; transition:all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970)}
.at_board .gallery2 li input {position:absolute; top:5px; left:15px; z-index:3}
.at_board .gallery2 li:nth-child(n+5) {margin-top:20px}
.at_board .gallery2 li:hover {border-color: #888888;box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.at_board .gallery2 li a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; border-radius:5px; box-sizing:border-box; transition:all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970); font-size:0}
.at_board .gallery2 li .tmb {position:relative; padding-bottom:80%; background-position:center center; background-size:cover; border-radius:5px}
.at_board .gallery2 li .info {padding:10px; min-height:50px; box-sizing:border-box}
.at_board .gallery2 li .info span {display: block;}
.at_board .gallery2 li .info .tit {color:#444; font-weight:300; overflow:hidden; text-overflow:ellipsis; white-space: nowrap}
.at_board .gallery2 li .info .txt {margin-top:5px}
.at_board .gallery2 li .info .txt dl {font-size:0}
.at_board .gallery2 li .info .txt dl dd {font-size:14px; position:relative; display:inline-block}
.at_board .gallery2 li .info .txt dl dd:not(:last-child) {margin-right:10px}
.at_board .gallery2 li .info .txt dl dd strong {font-weight:400}
.at_board .gallery2 li .info .txt dl dd i {color:#8d96c2; margin-right:5px}
.at_board .gallery2 li .info .txt dl dd label {display:none}

/* 웹진 1 */
.at_board .webzine1 {margin-bottom:30px; border-bottom:1px solid #ddd; padding-bottom:30px; border-top:2px solid #666; padding-top:20px}
.at_board .webzine1 ul {position:relative}
.at_board .webzine1 li {font-size:0; min-height:200px; position:relative; padding:15px 0; border-bottom:1px solid #f0f0f0}
.at_board .webzine1 li .cnt_left {width:410px; text-align:left; margin-right:25px; display:inline-block; position:relative; box-sizing:border-box; vertical-align:top}
.at_board .webzine1 li .cnt_left a {display:block; width:100%; height:250px; position:relative}
.at_board .webzine1 li .cnt_left .tmb {position:relative; padding-bottom:0; background-position:center top; background-size:cover; width:100%; height:100%}
.at_board .webzine1 li .cnt_right .etc {padding:8px 0; border-top:1px solid #ebeaea; border-bottom:1px solid #ebeaea; margin-bottom:15px}
.at_board .webzine1 li .cnt_right .etc dl {font-size:0; margin-left:-20px}
.at_board .webzine1 li .cnt_right .etc dl dd {font-size:14px; position:relative; display:inline-block; margin-left:20px}
.at_board .webzine1 li .cnt_right .etc dl dd strong {font-weight:400}
.at_board .webzine1 li .cnt_right .etc dl dd i {color:#8d96c2; margin-right:5px}
.at_board .webzine1 li .cnt_right .etc dl dd label {display:none}
.at_board .webzine1 li .cnt_right {width: calc(100% - 435px); display:inline-block; font-size:14px; vertical-align:top}
.at_board .webzine1 li .cnt_right .title {font-size:20px; line-height:30px; vertical-align:bottom}
.at_board .webzine1 li .cnt_right .wz_content {padding:15px 0px; text-align:justify; font-size:14px; color:#666; line-height:25px}


/* 웹진 2 */
.at_board .webzine2 {margin-bottom:30px; border-bottom:1px solid #ddd; padding-bottom:30px; border-top:2px solid #666; padding-top:20px}
.at_board .webzine2 ul {position:relative; clear:both; display:flex; flex-wrap:wrap; margin-left:-20px}
.at_board .webzine2 li {width: calc(25% - 20px); margin-left:20px; padding:10px 0; box-sizing:border-box; border:1px solid #d7d5d5}
.at_board .webzine2 li:nth-child(n+5) {margin-top:20px}
.at_board .webzine2 li p.title {font-weight:400; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; padding:0 10px}
.at_board .webzine2 li div.img {padding:10px; position:relative; display:block; overflow:hidden; width:100%; height:0; padding-bottom:130%; margin:0 auto; text-align:center; box-sizing:border-box;; margin-bottom:10px}
.at_board .webzine2 li div.img img {max-width:100%; min-width:100%}
.at_board .webzine2 li div.img input {position:absolute; top:15px; left:15px}
.at_board .webzine2 li .btn {padding:10px 15px; text-align:center; display:flex; flex-wrap:wrap; justify-content:space-between}

/* 유튜브 1 */
.at_board .youtube1 {margin-bottom:30px; border-bottom:1px solid #ddd; padding-bottom:30px; border-top:2px solid #666; padding-top:20px}
.at_board .youtube1 ul {position:relative; clear:both; display:flex; flex-wrap:wrap; margin-left:-20px}
.at_board .youtube1 li {width: calc(25% - 20px); margin-left:20px; padding:10px 0; box-sizing:border-box; border:1px solid #d7d5d5}
.at_board .youtube1 li:nth-child(n+5) {margin-top:20px}
.at_board .youtube1 li div.img {padding:10px; position:relative; display:block; overflow:hidden; width:100%; height:0; padding-bottom:75%; margin:0 auto; text-align:center; box-sizing:border-box;}
.at_board .youtube1 li div.img img {max-width:100%; min-width:100%}
.at_board .youtube1 li div.img input {position:absolute; top:5px; left:15px}
.at_board .youtube1 li .title {padding:15px; line-height:1.5; padding-bottom:0; padding-top:0}
.at_board .youtube1 li .title .category {font-size:13px; font-weight:400; color:#3598db}
.at_board .youtube1 li .title .subject:hover {text-decoration:underline}
.at_board .youtube1 li .title .subject img {margin-left:5px}
.at_board .youtube1 li .etc {padding:10px 15px}
.at_board .youtube1 li .etc dl {font-size:0}
.at_board .youtube1 li .etc dl dd {font-size:14px; position:relative; display:inline-block}
.at_board .youtube1 li .etc dl dd:not(:last-child) {margin-right:8px}
.at_board .youtube1 li .etc dl dd:not(:last-child):after {content:''; display:inline-block; width:1px; height:10px; background:#ddd; margin-left:8px}
.at_board .youtube1 li .etc dl dd i {color:#8d96c2; margin-right:5px}
.at_board .youtube1 li .etc dl dd label {display:none}

/* 유튜브 2 */
.at_board .youtube2 {margin-bottom:30px; border-bottom:1px solid #ddd; padding-bottom:30px; border-top:2px solid #666; padding-top:20px}
.at_board .youtube2 ul {position:relative; clear:both; display:flex; flex-wrap:wrap; margin-left:-20px}
.at_board .youtube2 li {width: calc(25% - 20px); margin-left:20px; padding:10px 0; box-sizing:border-box; border:1px solid #d7d5d5}
.at_board .youtube2 li:nth-child(n+5) {margin-top:20px}
.at_board .youtube2 li .video-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden; margin-bottom:20px}
.at_board .youtube2 li .video-container iframe,
.at_board .youtube2 li .video-container object,
.at_board .youtube2 li .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%}
.at_board .youtube2 li .video-container p {font-size:16px; text-align:center; margin-top:100px; background:#fff}
.at_board .youtube2 li div.img input {position:absolute; top:5px; left:15px}
.at_board .youtube2 li .title {padding:15px; line-height:1.5; padding-bottom:0; padding-top:0}
.at_board .youtube2 li .title .category {font-size:13px; font-weight:400; color:#3598db}
.at_board .youtube2 li .title .subject:hover {text-decoration:underline}
.at_board .youtube2 li .title .subject img {margin-left:5px}
.at_board .youtube2 li .etc {padding:10px 15px}
.at_board .youtube2 li .etc dl {font-size:0}
.at_board .youtube2 li .etc dl dd {font-size:14px; position:relative; display:inline-block}
.at_board .youtube2 li .etc dl dd:not(:last-child) {margin-right:8px}
.at_board .youtube2 li .etc dl dd:not(:last-child):after {content:''; display:inline-block; width:1px; height:10px; background:#ddd; margin-left:8px}
.at_board .youtube2 li .etc dl dd i {color:#8d96c2; margin-right:5px}
.at_board .youtube2 li .etc dl dd label {display:none}

/* FAQ */
.at_board .faq {margin-bottom:30px}
.at_board .faq li {border-bottom:1px solid #ececec; background:#fff; position:relative}
.at_board .faq li:first-child {border-top:1px solid #ececec}
.at_board .faq li p.title {min-height:50px; line-height:unset; padding:15px 40px 15px 50px; box-sizing:border-box; position:relative}
.at_board .faq li p.title input[type="checkbox"] {display:inline-block}
.at_board .faq li p.title span {position:absolute; top:7px; display:inline-block; left:15px; text-align:center; color:#000; font-size:22px; font-weight:700}
.at_board .faq li p.title a {vertical-align:middle; display:inline-block}
.at_board .faq li p.title i {position:absolute; right:15px; top: calc(50% - 9px); font-size:18px; font-weight:300; color:#c5cdd8}
.at_board .faq li p.title i.fa-minus {display:none; color:#000}
.at_board .faq li .cont {padding:20px; background:#f7f7f7; display:none}
.at_board .faq li .cont img {max-width:100%}
.at_board .faq li .btn {text-align:right; font-size:0; margin-left:-10px; padding:10px 0}
.at_board .faq li .btn a {display:inline-block; margin-left:5px}
.at_board .faq li.open p.title a {color:#3a8afd}

.at_board .media1 {margin-bottom:30px}
.at_board .media1 ul {border-top:2px solid #F00}
.at_board .media1 ul li {border-bottom:1px solid #CCC; padding:10px 0}
.at_board .media1 ul li a.title {width:100%; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; display:block; font-size:18px; font-weight:500; margin:5px 0}
.at_board .media1 ul li a.title i {font-size:22px; margin-left:5px}
.at_board .media1 ul li .txt {color:#666; padding-bottom:10px}
.at_board .media1 ul li .info {border-top:1px solid #eee; padding:10px 0; position:relative}
.at_board .media1 ul li .info .date {float:right; margin-left:-10px; font-size:0}
.at_board .media1 ul li .info .date span {display:inline-block; font-size:16px; margin-left:10px}
.at_board .media1 ul li .info .date span i {margin-right:5px; font-size:20px; vertical-align:middle}
.at_board .media1 ul li .staff {font-size:0; text-align:right; padding-top:10px}
.at_board .media1 ul li .staff a {display:inline-block; margin-left:5px}

/* 아이콘 */
.at_board img.icon_new {display:inline-block; margin-left:5px}
.at_board i.icon.fa-download {color:#e89f31; margin-left:5px}
.at_board i.icon.fa-image {color:#597AD4; margin-left:5px}
.at_board i.icon.fa-lock {color:#4f818c; text-align:center; border-radius:2px; border:1px solid #a2c6ce; padding:0 4px; margin-left:5px}

/* 버튼 */
.at_board .btn_area {display:flex; justify-content:space-between; margin-bottom:30px}
.at_board .btn_area.center {justify-content:center}
.at_board .btn_area.center input[type="submit"] {margin-right:10px}

/* 페이징 */
.at_board .page_nav {display:block}
.at_board .page_nav.mobile {display:none}
.at_board .page_nav ul {display:flex; justify-content:center}
.at_board .page_nav ul li {border:1px solid #e0e0e0; outline:none}
.at_board .page_nav ul li a,
.at_board .page_nav ul li strong {font-size:14px; line-height:36px; min-width:36px; min-height:36px; display:inline-block; box-sizing:border-box; text-align:center}
.at_board .page_nav ul li strong {font-weight:normal}
.at_board .page_nav ul li a i {margin-right:0}
.at_board .page_nav ul li a span {display:none}
.at_board .page_nav ul li.pg_page {border-left:none}
.at_board .page_nav ul li.pg_page.num_first {border-left:1px solid #e0e0e0}
.at_board .page_nav ul li.pg_first,
.at_board .page_nav ul li.pg_prev {margin-right:10px}
.at_board .page_nav ul li.pg_next,
.at_board .page_nav ul li.pg_last {margin-left:10px}
.at_board .page_nav ul li.pg_page.num_first.pg_current,
.at_board .page_nav ul li.pg_current {border-color:#000; border-left:1px solid #000}

/* 개인정보 처리방침 */
.at_board .agree {border:1px solid #999; margin-bottom:30px; padding:20px}
.at_board .agree .box {margin-bottom:20px; background:#f4f4f4; padding:20px; border-radius:5px}
.at_board .agree p.tit {margin-bottom:20px; font-weight:300}
.at_board .agree ul {margin-bottom:30px}
.at_board .agree ul li {margin-bottom:10px; padding-left:15px; position:relative}
.at_board .agree ul li:after {content:''; width:4px; height:4px; background:#45454545; position:absolute; top:8px; left:0}
.at_board .agree ul li:last-child {margin-bottom:0}
.at_board .agree .btn {text-align:center; padding-bottom:30px; margin-left:-20px}
.at_board .agree .btn input {margin-left:20px}
.at_board .agree p {line-height:24px}

/* 글등록 */
.at_board .write_form {border-top:2px solid #444; width:100%; margin-bottom:40px}
.at_board .write_form h2 {display:none}
.at_board .write_form ul {}
.at_board .write_form ul li.item {border-bottom:1px solid #cccfd5; padding:9px 0; box-sizing:border-box}
.at_board .write_form ul li.item > label {display:inline-block; width:140px; padding:9px 0 9px 10px; vertical-align:middle; box-sizing:border-box}
.at_board .write_form ul li.item > label .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 ul li .tit_edit {display:inline-block; width: calc(100% - 154px); font-size:0; vertical-align:top}
.at_board .write_form ul li .tit_edit input {width: calc(100% - 4px); display:inline-block}
.at_board .write_form ul li .tit_edit div {display:none}
.at_board .write_form ul li .tit_edit.staff input {width: calc(100% - 148px); display:inline-block}
.at_board .write_form ul li .tit_edit.staff div {display:inline-block; position:relative}
.at_board .write_form ul li .tit_edit div dl {display:inline-block; margin-left:-1px; position:relative}
.at_board .write_form ul li .tit_edit div dl dd {display:inline-block; margin-left:-1px}
.at_board .write_form ul li .tit_edit div dl dd:first-child {margin-left:0}
.at_board .write_form ul li .tit_edit div dl dd select {min-width:inherit}
.at_board .write_form ul li .tit_edit div dl dd button {width:34px; height:34px; border:1px solid #ddd; padding:0; background:#fff}
.at_board .write_form ul li .tit_edit div dl dd button#tit_bold.on {background:#999; font-weight:bold}
.at_board .write_form ul li .tit_edit div dl dd button#tit_color {box-sizing:border-box; padding:3px}
.at_board .write_form ul li .tit_edit div dl dd button#tit_color span {display:block; width:100%; height:100%; background:#fff; border:1px solid #ccc; box-sizing:border-box}
.at_board .write_form ul li .tit_edit div dl dd div.color {border:1px solid #ccc; background:#fff; z-index:2; position:absolute; top:34px; right:0; padding:5px; width:182px; display:none}
.at_board .write_form ul li .tit_edit div dl dd div.color ul {font-size:0; margin-left:-1px}
.at_board .write_form ul li .tit_edit div dl dd div.color li {width:13px; height:14px; margin-left:1px; margin-bottom:1px; cursor:pointer; position:static; display:inline-block; border-bottom:none; padding:0}
.at_board .write_form ul li .inp_txt,
.at_board .write_form ul li .inp_textarea {min-width:400px}
.at_board .write_form ul li .tel {width:50px}
.at_board .write_form ul li .datepicker {width:100px}
.at_board .write_form .opt {display:inline-block; margin-left:-10px}
.at_board .write_form .opt li {display:inline-block; margin-left:10px; vertical-align:middle; line-height:1.5}
.at_board .write_form .lst li {margin-bottom:5px}
.at_board .write_form .lst li:last-child {margin-bottom:0}

/* 글보기 */

.at_board .view .pdfviewer {min-height:920px; margin:15px 0; width:100%; border: 1px solid #ddd}
.at_board .view {margin-bottom:20px; padding:20px 0px; background:#fff; box-sizing:border-box}
.at_board .view .title span {display:block; font-size:20px; margin:5px 0 0; word-break:break-all; font-weight:normal}
.at_board .view .sns {margin-bottom:20px}
.at_board .view .sns ul {font-size:0; margin-left:-5px; text-align:right}
.at_board .view .sns li {display:inline-block; margin-left:5px}
.at_board .view .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 .sns a.blog {background-position:0 -30px}
.at_board .view .sns a.kakao {background-position:0 -60px}
.at_board .view .sns a.facebook {background-position:0 -90px}
.at_board .view .sns a.twitter {background-position:0 -120px}
.at_board .view .sns a.google {background-position:0 -150px}
.at_board .view .sns a.band {background-position:0 -180px}
.at_board .view .sns a.kakaotalk {background-position:0 -210px}

.at_board .view .info {margin:15px 0px 20px 0px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; color:#666; line-height:50px; display:flex; flex-wrap:wrap; justify-content:space-between}
.at_board .view .info ul {margin-left:-10px}
.at_board .view .info ul li {display:inline-block; margin-left:8px}
.at_board .view .info ul li:after {content:""; clear:both; display:inline-block; height:10px; width:1px; background:#9c9c9c; margin-left:8px}
.at_board .view .info ul li:last-child:after {display:none}
.at_board .view .info ul li span {margin-left:5px; font-weight:400}
.at_board .view .info ul li span.user {font-weight:500; color:#000; margin-left:0}
.at_board .view .info a.btn {padding:0 5px 0 15px; border-left:1px solid #ddd; margin-right:15px; display:block}
.at_board .view .info a.btn i {margin-right:5px}

.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; line-height:1.2/*; text-overflow:ellipsis; white-space:nowrap*/}

.at_board .view .contents {padding:20px 10px; word-wrap:normal; word-break:normal; zoom:1; line-height:1.5; overflow:hidden}
.at_board .view .contents img {max-width:100%; height:auto}
.at_board .view .document_act {text-align:right; position:relative}

.at_board .view .subtitle {margin-top:30px; border-top:1px solid #d4d4d4; margin-bottom:40px}
.at_board .view .subtitle > p {font-weight:500; padding:15px 0; font-size:18px}
.at_board .view .subtitle > div {border:1px solid #CCC; height:300px; overflow-y:scroll; line-height:1.5; padding:10px; box-sizing:border-box}

.at_board .view .files {border:1px solid #d4d4d4; margin-top:20px}
.at_board .view .files p {padding:10px; background: #f3f3f3; font-size:14px}
.at_board .view .files ul {padding:5px 0}
.at_board .view .files li {padding:5px 10px}
.at_board .view .files li i {color:#666}
.at_board .view .files a {display:inline-block; color:#3497d9; word-wrap:break-word; font-weight:400}
.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 hr {border:none; height:1px; background:#d4d4d4; margin-top:20px}

.at_board .view .btn_area {padding-top:20px}
.at_board .view .btn_area ul {margin-left:-5px}
.at_board .view .btn_area ul li {margin-left:5px; float:left}

.at_board .view .preview_list {margin:20px 0; position:relative; border-bottom:1px solid #ddd}
.at_board .view .preview_list li {border-top:1px solid #ddd; padding:13px; border-left:1px solid #ddd; border-right:1px solid #ddd; display:flex; flex-wrap:wrap}
.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 a {text-overflow:ellipsis; white-space:nowrap; width: calc(100% - 150px); overflow:hidden; display:inline-block}
.at_board .view .preview_list li .date {color:#888; padding-left:10px}

/* 댓글 목록 */
.at_board .view .comment_list .total_count {display:inline-block; height:40px; padding-right:5px; border-bottom:2px solid #273238; line-height:40px; font-size:13px; margin-bottom:10px}
.at_board .view .comment_list .total_count span {font-size:19px}
.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.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 .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 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:1px solid #EEE; max-width:100px}
.at_board .view .comment_list .item .item_aside li.name {font-weight:400}
.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 li.vote span {display:inline-block; font-size:13px; color:#8b8b8b}
.at_board .view .comment_list .item .item_aside li.vote span:nth-child(2) {margin-left:10px}
.at_board .view .comment_list .item .item_aside li.vote label {display:none}
.at_board .view .comment_list .item .item_aside li.vote strong {font-weight:500}
.at_board .view .comment_list .item .item_content {position:relative; padding:15px 0 15px 150px; *zoom:1; z-index:1; line-height:1.5}
.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:15px 40px;}
.at_board .view .comment_list .item .secret_comment p {text-align:center; margin:15px 0; font-weight:500;}
.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; font-weight:400}
.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 .action {margin:0; padding-top:10px; white-space:nowrap; text-align:right}
.at_board .view .comment_list .action > a {margin-left:3px; font-size:12px}
.at_board .view .comment_list .action > a i {margin-right:5px}

/* 댓글등록 */
.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 p.title_reply {display:inline-block; height:40px; padding-right:5px; border-bottom:2px solid #273238; line-height:40px; font-size:14px; margin-bottom:10px}
.at_board .view .comment_write .parent_content {border:1px solid #EEE; padding:10px; margin-bottom:20px; word-wrap:normal; word-break:normal; zoom:1; line-height:1.5; overflow:hidden}
.at_board .view .comment_write .parent_content img {max-width:100%; height:auto}
.at_board .view .comment_write .author {margin-top:10px}
.at_board .view .comment_write .author ul li {display:inline-block; vertical-align:middle}
.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 .fu_container {border:1px solid #d7d8d8; border-radius:3px; background-color:#f7f7f7; zoom:1}
.at_board .fu_container .fu_dropzone {padding:10px; 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_dropzone input {display:none}


.at_board .fu_container .fu_btn {display:inline-block; *display:inline; margin:0; padding:0 12px !important; height:26px !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:14px; 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}

.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 5px 5px}
.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 li span {cursor:pointer}
.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 {width:360px; margin:0 auto; padding:70px 0}
.at_board .confirm p.title {font-size:24px; margin-bottom:30px; text-align:center; font-weight:500}
.at_board .confirm .area_div {overflow:hidden; border-top:1px solid #e9e9e9; padding-top:50px}
.at_board .confirm .area_div p.info {text-align:center; line-height:1.5; margin-bottom:30px}
.at_board .confirm .area_div ul.btn {text-align:center; font-size:0; margin-left:-10px}
.at_board .confirm .area_div ul.btn li {display:inline-block; margin-left:10px}
.at_board .confirm .area_div .input_box {/*float:left; display:inline-block; width:200px; margin-right:10px*/}
.at_board .confirm .area_div .input_box li {margin-top:10px}
.at_board .confirm .area_div .input_box li:first-child {margin-top:0}
.at_board .confirm .area_div .input_box li input,
.at_board .confirm .area_div .input_box li button,
.at_board .confirm .area_div .input_box li a {width:100%}
.at_board .confirm .area_div .input_box li a {text-align:center}
.at_board .confirm .area_div input[type="password"] {padding:18px 9px}

.at_board ul.captcha {margin-left:-5px; display:inline-block}
.at_board ul.captcha li {display:inline-block; margin-left:5px; vertical-align:middle}
.at_board ul.captcha li img {border:1px solid #ddd; height:34px; width:110px; box-sizing:border-box}
.at_board ul.captcha li input {width:100px}

.at_board .popup_menu_area li a {display:block; white-space:nowrap}