/**
* A-Marketing Cascading Style Sheets
* File Name : basic.css
* Description : gallery 반응형 스타일시트
* Author : Web business Team / White
* Email : yan@amarketing.co.kr
* Date : 2017.05.23
* Update : 2017.05.23
* Copyright(c) 2017 A-Marketing. All Rights Reserved.
*/

/* 상단카테고리_탭 */
.category_tab ul { display:table; margin:0 auto 30px;}
.category_tab ul:after { content:""; display:block; clear:both;}
.category_tab li { float:left; width:150px;}
.category_tab li a { display:block; border:solid 1px #e3e3e3; font-size:16px; background:#f8f8f8; color:#838080; line-height:48px; letter-spacing:-0.05em; text-align:center;}
.category_tab li a:hover { color:#5d5858;}
.category_tab li.on a { border:solid 1px #2a64b1; background:#fff; color:#2a64b1;}

/* 스킨리스트_상단검색 */
.board_skin_top { width:100%; padding:20px 0; background:#efefef;}
.search_info { display:table; margin:0 auto;}
.search_info .input_select { width:130px; height:42px; line-height:42px; padding:0 10px; border:0; border-radius:0; font-size:14px; background:#fff url('image/bg_arr_select_black.png') no-repeat 90% center; color:#333;}
.search_info .input_text { width:250px; height:42px; line-height:42px; padding:0 10px; border:0; border-radius:0; font-size:14px; background:#fff; color:#333;}

/* 갤러리스킨_리스트 */
.no_list { padding:30px 0; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; font-size:15px; color:#333; letter-spacing:-0.05em; text-align:center;}
.gallery_list_skin ul { width:100%; padding:20px 0;}
.gallery_list_skin ul:after { content:""; display:block; clear:both;}
.gallery_list_skin li { float:left; width:31.33%; margin:1% 1%; border:solid 1px #ccc; box-sizing:border-box;}
.gallery_list_skin li a { display:block;}
.gallery_list_skin li .img_box { overflow:hidden; width:100%; height:180px; background:#efefef; border-bottom:solid 1px #ccc;}
.gallery_list_skin li .img_box img { max-width:100%; height:auto;}
.gallery_list_skin li .txt_box { padding:25px;}
.gallery_list_skin li .p_category { padding-bottom:5px; font-size:14px; color:#2a64b1; letter-spacing:-0.05em;}
.gallery_list_skin li .p_subject { font-size:15px; color:#333; letter-spacing:-0.05em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gallery_list_skin li .p_date { font-size:13px; color:#797979;}

/* 공통스킨_뷰 */
.board_view_skin .view_top { width:100%; border-bottom:solid 1px #ccc; background:#efefef;}
.board_view_skin .view_top div { padding:25px; font-size:14px; color:#333; letter-spacing:-0.05em;}
.board_view_skin .view_top .p_tit { padding-bottom:7px; font-weight:bold; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board_view_skin .view_con { overflow:hidden; width:100%; border-bottom:solid 1px #ccc;}
.board_view_skin .view_con div { padding:25px; font-size:14px; color:#333; line-height:1.5em;}
.board_view_skin .view_con div img { max-width:100%; height:auto;}

/* 첨부파일&이전다음글 */
.basic_file_skin { width:100%; margin-top:40px; border-top:solid 1px #ccc;}
.basic_file_skin dl:after { content:""; display:block; clear:both;}
.basic_file_skin dt { float:left; width:30%; padding:15px 0; border-bottom:solid 1px #ccc; font-size:14px; font-weight:bold; background:#efefef; color:#333; text-align:center;}
.basic_file_skin dd { float:left; width:64%; padding:15px 3%; border-bottom:solid 1px #ccc; font-size:14px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.basic_file_skin dd a { color:#555;}
.basic_file_skin dd a:hover { text-decoration:underline;}

/* 공통스킨_글쓰기 */
.basic_write_skin .p_required { padding-bottom:10px; font-size:14px; color:#797979; letter-spacing:-0.05em; text-align:right;}
.basic_write_skin .p_summury { font-size:13px; color:#797979; letter-spacing:-0.05em;}
.basic_write_skin dl { overflow:hidden; width:100%; padding:15px 0; border-top:solid 1px #333; border-bottom:solid 1px #ccc;}
.basic_write_skin dt { float:left; width:12%; padding:8px 0 8px 3%; font-size:14px; color:#222; line-height:42px;}
.basic_write_skin dd { float:left; width:85%; padding:8px 0 8px 0; font-size:14px; min-height:42px;}
.basic_write_skin .input_select { width:130px; height:42px; line-height:42px; padding:0 10px; border:0; border-radius:0; font-size:14px; background:#efefef url('image/bg_arr_select_black.png') no-repeat 90% center; color:#333;}
.basic_write_skin .input_text { width:50%; height:42px; line-height:42px; padding:0 1.5%; border:0; border-radius:0; font-size:14px; background:#efefef; color:#333;}
.basic_write_skin .input_textarea { max-width:97%; min-width:97%; max-height:100px; min-height:100px; padding:0 1.5%; border:0; border-radius:0; font-size:14px; background:#efefef; color:#333;}
.basic_write_skin .wd_small { width:25% !important;}
.basic_write_skin .wd_medium { width:35% !important;}
.basic_write_skin .wd_large { width:97% !important;}
.basic_write_skin .img_kca { float:left; cursor:pointer; height:42px;}

/* 멤버십 */
.member_box { overflow:hidden; width:500px; padding:50px; margin:0 auto; border-top:solid 1px #333; border-bottom:solid 1px #ccc;}
.member_big_box { overflow:hidden; width:80%; padding:50px 10%; border-top:solid 1px #333; border-bottom:solid 1px #ccc;}
.member_box dt { width:100%; margin-bottom:10px; font-size:14px; color:#555; letter-spacing:-0.05em;}
.member_box dd { margin-bottom:25px; font-size:13px;}
.member_box .input_select { width:130px; height:42px; line-height:42px; padding:0 10px; border:0; border-radius:0; font-size:14px; background:#efefef url('image/bg_arr_select_black.png') no-repeat 90% center; color:#333;}
.member_box .input_text { width:97%; height:42px; line-height:42px; padding:0 1.5%; border:0; border-radius:0; font-size:14px; background:#efefef; color:#333;}
.member_box .input_textarea { max-width:97%; min-width:97%; max-height:100px; min-height:100px; padding:0 1.5%; border:0; border-radius:0; font-size:14px; background:#efefef; color:#333;}
.member_box .wd_small { width:25% !important;}
.member_box .wd_medium { width:35% !important;}
.member_box .member_link:after { content:""; display:block; clear:both;}
.member_box .member_link li { float:left; padding-left:15px; margin-left:15px; background:url('image/bg_gray_linebar.gif') no-repeat left center;}
.member_box .member_link li:first-child { padding-left:0; margin-left:0; background:none;}
.member_box .member_link li a { display:block; font-size:14px; color:#797979; letter-spacing:-0.05em;}
.member_box .member_link li a:hover { text-decoration:underline;}

/* 멤버십_상단 */
.member_tit { padding-bottom:20px; text-align:center;}
.member_tit h2 { font-family:RobotoB !important; font-size:30px; font-weight:bold; color:#333; text-transform:uppercase;}
.member_tit p { padding-top:10px; font-size:14px; color:#797979; letter-spacing:-0.05em;}

/* 스킨_중간버튼 */
.board_skin_btn { margin-top:40px; text-align:center;}

/* 스킨_우측버튼 */
.board_skin_bot { text-align:right; margin-top:20px;}





/* ////////////////////////////////////////////////// tablet */
@media all and (min-width:641px) and (max-width:1100px) {
/* 갤러리스킨_리스트 */
.gallery_list_skin li { width:47%; margin:1.5% 1.5%;}
.gallery_list_skin li .img_box { height:160px;}

/* 공통스킨_뷰 */
.board_view_skin .view_con div iframe { width:100% !important;}

/* 멤버십 */
.member_big_box { width:100%; padding:50px 0;}
}





/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
/* 상단카테고리_탭 */
.category_tab ul { width:100%; margin:0 auto 20px;}
.category_tab li { width:33.33%;}
.category_tab li a { font-size:14px; line-height:38px;}

/* 스킨리스트_상단검색 */
.board_skin_top { padding:15px 0;}
.search_info .input_select { width:90px; height:34px; line-height:34px; background-size:10px;}
.search_info .input_text { width:100px; height:34px; line-height:34px;}

/* 갤러리스킨_리스트 */
.gallery_list_skin li { width:100%; margin:2% 0;}
.gallery_list_skin li .img_box { height:150px;}
.gallery_list_skin li .txt_box { padding:15px;}
.gallery_list_skin li .p_subject a { font-size:14px;}

/* 공통스킨_뷰 */
.board_view_skin .view_top div { padding:20px; font-size:13px;}
.board_view_skin .view_top .p_tit { padding-bottom:4px; font-size:14px;}
.board_view_skin .view_con div { padding:20px; font-size:13px;}
.board_view_skin .view_con div iframe { width:100%; height:auto;}

/* 첨부파일&이전다음글 */
.basic_file_skin { margin-top:30px;}
.basic_file_skin dt { width:35%; padding:10px 0; font-size:13px;}
.basic_file_skin dd { width:55%; padding:10px 5%; font-size:13px;}

/* 공통스킨_글쓰기 */
.basic_write_skin .p_required { font-size:13px;}
.basic_write_skin .p_summury { margin-left:0; font-size:12px;}
.basic_write_skin dl { padding:10px 0;}
.basic_write_skin dt { float:none; width:100%; padding:0; font-size:13px; line-height:34px;}
.basic_write_skin dd { float:none; width:100%; padding:0 0 5px 0; font-size:12px; min-height:34px;}
.basic_write_skin .input_select { width:100px; height:34px; line-height:34px; background-size:10px; font-size:13px;}
.basic_write_skin .input_text { width:97%; height:34px; line-height:34px; font-size:13px;}
.basic_write_skin .input_textarea { font-size:13px;}
.basic_write_skin .wd_medium { width:30% !important;}
.basic_write_skin .img_kca { height:34px;}

/* 멤버십 */
.member_box { width:100%; padding:25px 0;}
.member_big_box { width:100%; padding:25px 0;}
.member_box dt { margin-bottom:7px; font-size:13px;}
.member_box dd { margin-bottom:20px; font-size:12px;}
.member_box .input_select { width:100px; height:34px; line-height:34px; background-size:10px; font-size:13px;}
.member_box .input_text { height:34px; line-height:34px; font-size:13px;}
.member_box .input_textarea { font-size:13px;}
.member_box .wd_medium { width:30% !important;}
.member_box .member_link li { padding-left:10px; margin-left:10px;}
.member_box .member_link li a { font-size:13px;}

/* 멤버십_상단 */
.member_tit { padding-bottom:15px;}
.member_tit h2 { font-size:24px;}
.member_tit p { padding-top:5px; font-size:13px;}

/* 스킨_중간버튼 */
.board_skin_btn { margin-top:25px;}

}