/* Common */
@font-face {
font-family: 'NanumGothic';
src: url('/tpl/webfont/NanumGothic.eot');
src: url('/tpl/webfont/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('/tpl/webfont/NanumGothic.woff') format('woff'),
url('/tpl/webfont/NanumGothic.ttf') format('truetype');
}
* {font-family: 'NanumGothic'; font-size: 1em;}

/* BBS_common */
#mobile_contents {float:left; width:96%; margin:0 auto; padding:0 2% 5%}
#mobile_contents input,textarea,select,button,table,h1,h2,h3,h4,h5{font-size:12px;line-height:1.267em}
#mobile_contents table {width:100%; border-collapse:collapse;}
#mobile_contents img,fieldset{border:0}
#mobile_contents ul,ol{list-style:none}
#mobile_contents address{font-style:normal}
#mobile_contents a{color:inherit;text-decoration:none}
#mobile_contents textarea {width:100%;border:1px solid #d8d8d8;}
#mobile_contents h2 {width:100%; height:40px; padding-top:12px; font-size:20px; text-align:left; color:#424242; letter-spacing:-1px;}
#mobile_contents ul {margin-top:25px;}

#mobile_contents .Btitle, #mobile_contents .viewtitle .Btitle {font-size:12px; color:#515151; font-weight:600;}
#mobile_contents dd em, #mobile_contents .date em {color:#cecece; padding:0 5px;}
#mobile_contents dl dd, #mobile_contents table span {font-size:11px; color:#959595; font-weight:normal; letter-spacing:-0.6px;}
#mobile_contents .cmt_view {width:100%; background:#eef3f5; margin:5px 0; padding:0;}
#mobile_contents .cmt_view li {border-bottom:1px dashed #bdc4c6; padding:5px 5px 10px;}
#mobile_contents .cmt_view li:last-child {border-bottom:none;}
#mobile_contents ul.cmt_txt {margin-top: 0px;}

/* BBS_notice */
#mobile_contents .mobile_notice {clear:both; width:100%; border:1px solid #dcdcdc; }
#mobile_contents .mobile_notice li {width:94%; padding:12px 3% 12px; text-align:center; border-bottom:1px solid #dcdcdc; color:#666; font-weight:bold;}
#mobile_contents .mobile_notice li a:hover {background:#f3f3f3;}
#mobile_contents .mobile_notice li:last-child {border-bottom:none;}
#mobile_contents .mobile_notice li dl {width:100%; background:url( /images/basic/board/default/btn_go.png) right 8px no-repeat; *zoom:1;}
#mobile_contents .mobile_notice li dl:after {content:""; display:block; clear:both;}
#mobile_contents .mobile_notice li dl dt {width:90%; margin-bottom:10px; text-align:left; letter-spacing:-1px; line-height:18px;}
/*.notice li dl dd {font-size:11px; color:#959595; font-weight:normal; letter-spacing:-1px;}*/
#mobile_contents .mobile_notice li dl dd.name {padding-right:10px; border-right:1px solid #ddd; float:left; }
#mobile_contents .mobile_notice li dl dd.date {padding-left:10px; float:left;}
#mobile_contents .mobile_notice li dl dd.hit {padding-left:5px; float:left;}

#mobile_contents .mobile_board {clear:both; width:100%; border:1px solid #dcdcdc; margin-top:25px;}
#mobile_contents .mobile_board .viewtitle {width:94%; padding:12px 3% 12px; color:#666; font-weight:600; background:#f3f3f3; border-bottom:1px solid #dcdcdc;}
/*.mobile_board .viewtitle span {font-size:11px; color:#959595; font-weight:normal;letter-spacing:-1px;}*/
#mobile_contents .mobile_board .name {display:inline-block; padding:10px 10px 0 0;}
#mobile_contents .mobile_board .view {width:94%; padding:15px 3% 15px;}
#mobile_contents .mobile_board .view02 {width:94%; padding:5px 3%;}
#mobile_contents .mobile_board #bbs_file_wrap {width:100%; margin:0 auto;}

#mobile_contents .mobile_board table.bwrite th, .mobile_board table.bwrite td {height:25px; text-align:left;padding:8px;border-bottom:1px solid #dcdcdc;}
#mobile_contents .mobile_board table.bwrite th {color:#464646; font-weight:600; background-color:#f2f2f2;}
#mobile_contents .mobile_board table.bwrite td input {width:100%; height:25px; border:1px solid #d8d8d8;}
#mobile_contents .mobile_board table.bwrite td input.chkbox { width:25px; height:25px; border:1px solid #d8d8d8;}
#mobile_contents .mobile_board table.bwrite td select {height:25px;border:1px solid #d8d8d8;}

#mobile_contents .mobile_board_del {clear:both; width:94%; border:1px solid #dcdcdc; background:#f9f9fb; margin:0 auto; margin-top:25px;}
#mobile_contents .mobile_board_del th, .mobile_board_del td {background:#f9f9fb;}
#mobile_contents .mobile_board_del th {width:20%;height:40px; text-align:left; word-wrap: break-word; word-break: break-all;}
#mobile_contents .mobile_board_del td {width:80%;height:40px; color:#797979; padding:0 5px; text-align:center; word-wrap: break-word; word-break: break-all;}
#mobile_contents .mobile_board_del td.left {text-align:left;}
#mobile_contents .mobile_board_del table.box {width:100%;}
#mobile_contents .mobile_board_del table.box table {margin:0 auto; text-align:center;}
#mobile_contents .mobile_board_del .delete_input {width:100%; height:25px;}

/*BBS_faq*/
#mobile_contents .faq {clear:both; width:100%; border:1px solid #dcdcdc; margin-top:25px;}
#mobile_contents .faq td {height:40px; border-bottom:1px solid #dadada; color:#797979; padding: 0 2px; word-wrap: break-word; word-break: break-all; text-align:left;}
#mobile_contents .faq tr[add_seq='1'] td{border-bottom: none;}
#mobile_contents .faq table > tr:last-child > td {border-bottom: none;}
#mobile_contents .faq td.left {text-align:left;}
#mobile_contents .faq td .view {color:#464646; padding-left:0; }
#mobile_contents .faq .view_con {color:#797979; width:100%; padding:15px 20px; background:#f3f3f3; }
#mobile_contents .faq .q {width:10%;padding-left:10px;}

/* BBS_WEBZINE */
#mobile_contents .webzine {clear:both; width:100%; border:1px solid #dcdcdc; }
#mobile_contents .webzine li {padding:15px 3% 0px 15px; text-align:center; border-bottom:1px solid #dcdcdc; color:#666; font-weight:bold; cursor: pointer;}
#mobile_contents .webzine li a:hover {background:#f3f3f3;}
#mobile_contents .webzine li:last-child {border-bottom:none;}
#mobile_contents .webzine li dl {width: auto; padding-left: 110px; background:url( /images/basic/board/default/btn_go.png) right 8px no-repeat; *zoom:1;}
#mobile_contents .webzine li dl:after {content:""; display:block; clear:both;}
#mobile_contents .webzine li dl dt {width:85%; margin-bottom:10px; text-align:left; letter-spacing:-1px; line-height:18px;}
#mobile_contents .webzine li dl dd.name {padding-right:10px; border-right:1px solid #ddd; float:left; font-size:12px; color:#959595; font-weight:normal;}
#mobile_contents .webzine li dl dd.date {padding-left:10px; float:left; font-size:12px; color:#959595; font-weight:normal;}
#mobile_contents .webzine li dl dd.hit {padding-left:5px; float:left;}
#mobile_contents .webzine li.webzine_thumb {width: 110px; height: 75px; padding: 0px; float: left; position: relative;}
#mobile_contents .webzine li.webzine_thumb img { max-width: 110px; max-height: 75px; width: auto; height: auto; position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto; } 

/* BBS_gallery */
#mobile_contents .gallery {clear:both; width:100%; margin-top:25px; }
#mobile_contents .gallery ul {overflow:hidden;border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;padding-bottom:10px;}
#mobile_contents .gallery li {position: relative; float: left; width: 50%; margin-top:25px; text-align: center;}
#mobile_contents .gallery li dt {padding-bottom: 10px; color:#5c5c5c;}
#mobile_contents .gallery li dd {font-size:11px; color:#959595; font-weight:normal;letter-spacing:-1px;}
#mobile_contents .gallery li.nodata {width: 100%; height: 30px;}
#mobile_contents .cmt_view span.name {display:inline-block; padding-bottom:3px; color:#254c90;}
#mobile_contents .cmt_txt {width:100%; overflow:hidden; padding:0 !important}
#mobile_contents .cmt_txt li {float:left;}
#mobile_contents .cmt_txt li.Tbox {width:75%;}
#mobile_contents .cmt_txt li.Tbtn {width:25%;}
#mobile_contents .cmt_txt li.Tbox textarea {height:40px; border:1px solid #bababa;}

/* 제품관리 */
#mobile_contents .product_list {clear:both; width:100%; border:1px solid #dcdcdc; }
#mobile_contents .product_list li {padding:15px 3% 0px 15px; text-align:center; border-bottom:1px solid #dcdcdc; color:#666; font-weight:bold; cursor: pointer;}
#mobile_contents .product_list li a:hover {background:#f3f3f3;}
#mobile_contents .product_list li:last-child {border-bottom:none;}
#mobile_contents .product_list li dl {width: auto; padding-left: 110px; background:url( /images/basic/board/default/btn_go.png) right 8px no-repeat; *zoom:1;}
#mobile_contents .product_list li dl:after {content:""; display:block; clear:both;}
#mobile_contents .product_list li dl dt {width:85%; margin-bottom:10px; text-align:left; letter-spacing:-1px; line-height:18px;}
#mobile_contents .product_list li dl dd.icons {width:85%; margin-bottom:10px; text-align:left; letter-spacing:-1px; line-height:18px;}
#mobile_contents .product_list li.pro_image {width: 110px; height: 75px; padding: 0px; float: left;}

#mobile_contents ul.cate_navi { clear:both; width:100%; padding-bottom: 10px;}
#mobile_contents ul.cate_navi li {width: 50%; float: left;}
#mobile_contents ul.cate_navi li[left] {text-align: left;}
#mobile_contents ul.cate_navi li[right] {text-align: right;}
#mobile_contents ul.cate_navi .title {font-size: 12px; color: #515151;}
#mobile_contents ul.cate_navi .b { font-weight: 600;}

#mobile_contents ul.cate_list { clear:both; width:100%; height: 30px; border:1px solid #dcdcdc;}
#mobile_contents ul.cate_list li {width: 48%; height: 30px;  float: left; padding-top: 7px; padding-left: 3px;}

/* Align */
#mobile_contents .align_right {width:100%; text-align:right; margin:15px 0; overflow:hidden;}
#mobile_contents .align_right button {float:right;}
#mobile_contents .align_center {text-align:center; margin:15px auto;}
#mobile_contents .align_center button {text-align:center;}
#mobile_contents .btn_area {width:100%; overflow:hidden; margin:15px 0;}
#mobile_contents .agL {float:left;text-align:left;}
#mobile_contents .agR {float:right;text-align:right;}
#mobile_contents .none_float{float: none;}

/* Button */
#mobile_contents .btnWrite { display:inline-block; background:#0686c7; border:1px solid #1e739e;padding:6px 17px 7px;}
#mobile_contents .btnList  { display:inline-block; background:#fcfcfc; border:1px solid #bcbcbc;padding:6px 17px 7px;}
#mobile_contents .btnCmt  { display:inline-block; background:#4d4d4d; border:1px solid #373737;padding:13px 20px 12px;}
#mobile_contents .delete_input {border:1px solid #cecece; height:25px; width:230px;}
#mobile_contents .coment_input {width:80px;}
#mobile_contents .align_center button {margin:0 5px;}
#mobile_contents .btn_txt01 {color:#fff; font-weight:600;}
#mobile_contents .btn_txt02 {color:#1f1f1f; font-weight:600;}

#mobile_contents .btn {width:94%; padding:20px 3% 15px;}
#mobile_contents .btn_cancel {float:right; padding:5px 8px; text-align:center; background: webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef)); background: -moz-linear-gradient(top, #fefefe, #efefef); border:1px solid #aaa; font-size:12px; color:#333;}
#mobile_contents .btn_write {float:right; padding:7px 15px; text-align:center; background: -webkit-gradient(linear, left top, left bottom, from(#319fdf), to(#1585c4)); background: -moz-linear-gradient(top, #319fdf, #1585c4); border:1px solid #1377c1; font-size:14px; color:#fff; font-weight:bold;}

/* Paging */
#mobile_contents .paging {clear:both; width:94%; padding:40px 3% 15px; text-align:center; color:#888;}
#mobile_contents .paging img {vertical-align:middle;}
#mobile_contents .paging span {padding:0 1px;}
#mobile_contents .paging .on {color:#333; font-weight:bold;}

/* Search area */
#mobile_contents .mobile_search {clear:both; width:100%; text-align:center; border:1px solid #d8d8d8; margin-top:25px;}
#mobile_contents .mobile_search form {width:94%; margin:12px auto;}
#mobile_contents .mobile_search select, .mobile_search button, .mobile_search input {height:32px; width:100%; margin:3px auto;}
#mobile_contents .mobile_search input {background:url(/images/basic/board/default/form_txtbg.gif) no-repeat -5px 2px;}
#mobile_contents .mform_search, .mobile_search select {border:1px solid #ddd;}
#mobile_contents .mform_textarea { border:1px solid #cdcdcd; height:140px; width:100%;}

#mobile_contents .mbtn_search {display:inline-block; background:#575757; border:1px solid #454545; text-align:center;}
#mobile_contents .btn_txt {font-size:14px; color:#fff; font-weight:600;}
/*.btn_search {background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef)); background: -moz-linear-gradient(top, #fefefe, #efefef); border:1px solid #aaa; font-size:14px; color:#333;}*/

/* Color  **/
#mobile_contents .bold {font-weight:bold; color:#fe1536;}
#mobile_contents .bg01 {background:#eef3f5;}