@charset "utf-8";

/* paginate */
.page { position: relative; text-align:center; color:#777; margin:30px auto; display:table; }
.page span {display:table-cell; vertical-align:middle; }
.page a { position: relative; display:inline-block; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; margin:0; color:#777; width:38px; height:25px; float:left; padding:10px 0 5px 0; }
.page a.on {background-color:#de3d3a; color:#fff; font-weight:bold;}
.page a:hover {text-decoration:underline;}
.page a.first{background:url(../img/board/navi.gif) no-repeat 2px 3px; border-left:1px solid #e3e3e3; }
.page a.prev {background:url(../img/board/navi.gif) no-repeat -33px 3px; border-left:1px solid #e3e3e3; }
.page a.next {background:url(../img/board/navi.gif) no-repeat -273px 3px;}
.page a.last {background:url(../img/board/navi.gif) no-repeat -308px 3px;}


/* Board : �˻�â */
.boardtop { overflow:hidden}
.boardtop:after { content:""; display:block; clear:both;}
.boardtop .boardinfo { float:left; padding-top:15px;}
.boardtop .boardinfo i { font-weight:bold; color:#e33333}
.boardtop .boardsearch { float:right; margin-bottom:10px;}
.boardtop .boardsearch input[type="text"] { height:37px; box-sizing:border-box; }
.boardtop .boardsearch input[type="text"] + input[type="submit"],
.boardtop .boardsearch input[type="text"] + input[type="button"] {border-right:none; margin-left:-5px;}
.board_total {padding:15px 0 5px 0; float:left;}
.board_total span {color:#EA5900; font-weight:bold;}
.board_topbtn {}
.board_topbtn ul {margin: 0 0px; text-align:left;}
.board_topbtn ul li {display:inline-block; position:relative;  padding:8px 0; word-wrap:break-word; word-break:break-all;}
.board_topbtn ul li::before {content: ""; display:inline-block; position:absolute; top:13px; left:0px; width:1px; height:13px; background:#ccc;}
.board_topbtn ul li:first-child:before { display:none; }
.board_topbtn ul li a {display:inline-block; padding:0px 10px; }
.board_topbtn ul li a.on {color:#cc2633; font-weight:800; }
table tbody td.left {text-align:left;}
table tbody td.left:first-child { padding-left:20px} 
table tbody td.btn .button { border-radius:5px}
table tbody td.title {text-align:left; font-weight:bold; font-size:14px}

/* Board : List */
table.basic { color:#666; border-collapse:collapse; width:100%; margin:0; border-right:2px solid #fff; text-indent:0; border-top:2px solid #444;}
table.basic thead, table.basic tbody th, table.basic tfoot { font-weight:800; color: #222; vertical-align: middle; }
table.basic thead th{font-weight:800; color:#333; border-bottom:1px solid #cecece; padding:17px 0; text-align:center; }
table.basic th,
table.basic td {padding:10px 4px 10px; border-bottom: 1px solid #e5e5e5;  vertical-align: middle; text-align:center;}
table.basic tbody th {font-weight:800;}
table.basic tr:hover td, .basic tr:focus td, table.basic tr:hover th,.basic tr:focus th{ background:#fafafb; /*text-decoration:underline;*/}
table.basic caption { width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; z-index:-1;}
table.basic thead th:first-child { background-image:none;}
table.basic .subject:hover{text-decoration:underline; color:#000;}


/* Board : movie01 List */
table.movie01 { color:#666; border-collapse:collapse; width:100%; margin:0; border-right:2px solid #fff; text-indent:0; border-top:2px solid #444; }
table.movie01 thead, table.movie01 tbody th, table.movie01 tfoot { font-weight:800; color: #222; vertical-align: middle; }
table.movie01 thead th{font-weight:800; color:#333; border-bottom:1px solid #cecece; padding:17px 0; text-align:center; }
table.movie01 td {padding:19px 4px 19px; border-bottom: 1px solid #e5e5e5;  vertical-align: middle; text-align:center}
table.movie01 tbody td { text-align:center;}
table.movie01 tbody td:first-child(1) { text-align:left; padding-left:20px} 
table.movie01 tr td.list_tit { text-align:left; font-weight:500;  color:#222;}
table.movie01 tr td.subject { text-align:left; }
table.movie01 tr:hover td, .movie01 tr:focus td { background:#fafafb; /*text-decoration:underline;*/cursor:pointer}
table.movie01 caption { width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; z-index:-1;}
table.movie01 thead th:first-child { background-image:none;}
table.movie01 .subject:hover,
table.movie01 a:hover{text-decoration:underline; color:#ff7c07;}

/* Board : makerList */
table.makerList { color:#666; border-collapse:collapse; width:100%; margin:0; border-right:2px solid #fff; text-indent:0; border-top:2px solid #444; }
table.makerList thead, table.makerList tbody th, table.makerList tfoot { font-weight:800; color: #222; vertical-align: middle; }
table.makerList thead th{font-weight:800; color:#333; border-bottom:1px solid #cecece; padding:17px 0; text-align:center; }
table.makerList td {padding:19px 4px 19px; border-bottom: 1px solid #e5e5e5;  vertical-align: middle; text-align:center}
table.makerList tbody td.left {text-align:left;}
table.makerList tr:hover td, .makerList tr:focus td { background:#fafafb;}
table.makerList caption { width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; z-index:-1;}
table.makerList thead th:first-child { background-image:none;}
table.makerList a:hover{text-decoration:underline; color:#ff7c07;}
table.makerList tr.trLink { cursor:pointer}

/* Board : movie02 List */
table.movie02 { font-size:0.95em; color:#666; border-collapse:collapse; width:100%; margin:0; border-right:2px solid #fff; text-indent:0; border-top:2px solid #444;}
table.movie02 thead, table.movie02 tbody th, table.movie02 tfoot { font-weight:800; color: #222; vertical-align: middle; }
table.movie02 thead th{font-weight:800; color:#333; border-bottom:1px solid #cecece; padding:17px 0; text-align:center; }
table.movie02 td {padding:19px 2px 19px; border-bottom: 1px solid #e5e5e5;  vertical-align: middle; text-align:center;}
table.movie02 tr th{ } 
table.movie02 tbody td { text-align:center;}
table.movie02 tbody td:nth-child(2) { text-align:left;} 
table.movie02 tr td.list_tit { text-align:left; font-weight:500;  color:#222;}
table.movie02 tr:hover td, .movie02 tr:focus td { background:#fafafb; /*text-decoration:underline;*/}
table.movie02 caption { width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; z-index:-1;}
table.movie02 thead th:first-child { background-image:none;}


/* Board : imgList */
.imglist { margin-top:10px;  border-top:2px solid #444; border-bottom:1px solid #e5e5e5;}
.imglist > ul > li { padding:30px 20px 20px; border-top:1px dashed #ddd; }
.imglist > ul > li:after { content:""; display:block; clear:both;}
.imglist > ul > li:first-child { border-top:none;}
.imglist > ul > li:hover { background:#fafafb;}
.imglist a { text-decoration:none;}
.imglist .tgImg { overflow:hidden; float:left; max-width:190px; min-height:110px; margin-right:20px; }
.imglist .tgImg img {width:190px; height:110px;}
.imglist .tgCont {/*   margin-left:220px;*/ box-sizing:border-box; }
.imglist .tgCont .bTitle { margin-bottom:5px; font-size:16px; font-weight:800; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.imglist .tgCont .sTitle { font-weight:800; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.imglist .tgCont .sTitle a {font-size:15px;  color:#000; }
.imglist .tgCont .tgTxt { margin:10px 0 5px; height:45px; overflow:hidden; color:#888; font-weight:700; }

.infobox {width:100%;  padding:10px 0; box-sizing:border-box; margin: 0; color:#999;}
.infobox ul{position: relative; width:100%; margin-bottom:10px; }
.infobox ul:after { content:""; display:block; height:0; clear:both; float:none;}
.infobox ul li{float:left; border-bottom:0px dotted #999; margin:0 25px 0 0; padding:0;  line-height:160%; }
.infobox ul li span{ font-weight:bold; color:#555;}

.boardList { width: 100%; margin-top:10px; border:0; border-spacing:0; border-collapse:separate; border-top:2px solid #444;}
.boardList caption { width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; z-index:-1;}
.boardList th, .boardList td { padding:15px 5px 13px; border-bottom:1px solid #e3e3e3;}
.boardList thead th {border-bottom:1px solid #cecece; text-align:center }
.boardList thead th:first-child { background-image:none;}
.boardList tbody td { text-align:center}
.boardList tbody td:nth-child(2) { text-align:left} 
.boardList tbody td.subject { text-align:left; width:500px; max-width:540px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.boardList tbody td.title { text-align:left}
.boardList tr:hover td, .boardList tr:focus td { background:#fafafb;}
.boardList td.subject:hover{text-decoration:underline; color:#000;}
.boardList tr.notice td { background:#fafafb;}
.boardList tr.notice td.subject a {color:#000; font-weight:700}

.boardList td .type-ico				{ display: inline-block; position: relative; width: 20px; height: 20px; text-indent: -999px; overflow: hidden; }
.boardList td .type-ico:before		{ display: block; width: 100%; text-align: center; text-indent: 0; font-family: 'icon'; }
.boardList td .type-ico.s001:before	{ content: "\e990"; }
.boardList td .type-ico.s002:before	{ content: "\e98f"; }

.boardList .author{max-width: 80px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

@media all and (max-width:1100px) {
.boardList tbody td.subject { max-width:430px;}
}
@media all and (max-width:980px) {
.boardList .author{width: auto;}
}	



/* Board : View */
.boardview { width:100%; margin-top:10px;  margin-bottom:15px; border-top:2px solid #444; border-bottom:1px solid #444;}
.boardview .titleArea { position:relative; padding:20px; background:#fafafb; border-bottom:1px solid #bbb; overflow:hidden;}
.boardview .titleArea .title { font-size:1.8em; font-weight:bold; color:#000; text-align:center; line-height:1.3em}
.boardview .titleArea .boardDate { margin-top:15px; color:#666; float: left; margin-right: 15px;}
.boardview .titleArea .boardDate strong {display: block; position: absolute; width: 1px; height: 1px; overflow: hidden; top: -999px; left: -999px;}
.boardview .titleArea .boardDate .view {  padding-left:30px; background:url(../img/common/board/icon_view.png) no-repeat 8px 1px;}
.boardview .infoArea { overflow:hidden; border-bottom:0px solid #bbb; }
.boardview .infoArea li { float:left; width:50%; padding:13px 0; border-bottom:1px solid #e3e3e3; }
.boardview .infoArea li span { display:table-cell; margin-right:5px; padding:0 20px;}
.boardview .infoArea li span:first-child { min-width:60px; font-weight:bold; border-right:1px solid #e3e3e3; color:#888;}
.boardview .infoArea li.last { width:100%;}

.boardview .infoArea2 { overflow:hidden; border-bottom:1px solid #e3e3e3;}
.boardview .infoArea2 li { padding:10px 0; border-bottom:1px solid #e3e3e3;}
.boardview .infoArea2 li span { display:table-cell; margin-right:15px; padding:0 15px;}
.boardview .infoArea2 li span:first-child { min-width:50px; font-weight:bold; border-right:1px solid #e3e3e3; color:#333}

.boardview .articleArea { padding:25px 15px; /* border-bottom:1px solid #61646c; */}
.boardview .articleArea .content_text dl { margin-top:15px}
.boardview .articleArea .content_text dt { font-weight:bold; font-size: 15px;}
.boardview .listArea li { border-top:1px solid #e3e3e3; color:#888; }
.boardview .articleArea .srcoll-table { margin:20px 0 30px}
.boardview .articleArea img { max-width:1070px; padding-top:10px;}
.boardview .articleArea .piczone{ margin-bottom:10px;}

.boardview .articleArea iframe {height: 445px;}

@media all and (max-width:1100px) {
.boardview .articleArea iframe {height: 415px;}
}
@media all and (max-width:768px) {
.boardview .articleArea iframe {height: 385px;}
}
@media all and (max-width:500px) {
.boardview .articleArea iframe {height: 257px;}
}

.layerPop .boardview {border-top:none; margin-top:0px;}
.layerPop .boardview .titleArea {background:none; margin-bottom: 20px;}
.layerPop .boardview .content_text{margin: 0 0 15px 0px;}


/*
.boardview .listArea li:first-child { border-top:1px solid #cccfd5;}
*/
.boardview .listArea li a { display:table-cell; padding:15px 15px 13px; }
.boardview .listArea li span { display:table-cell; width:100px; padding:15px 15px 13px 15px; text-align:center; font-weight:bold; background:url(../img/common/board/icon_link_list.png) no-repeat 5px -85px #f5f5f5;}
.boardview .listArea li:first-child span { background-position: 5px 10px;}

/* Board : View */
.boardview2 { width:100%; margin-top:10px; border-top:3px solid #61646c; border-bottom:1px solid #61646c;}
.boardview2 .titleArea { position:relative; padding:20px; background:#f6f6f7; border-bottom:1px solid #61646c;}
.boardview2 .titleArea .title { font-size:1.3em; font-weight:bold; color:#333}
.boardview2 .titleArea .title + p { padding-top:5px; font-size:1.1em; font-weight:bold; color:#666}

.viewInfo { padding:10px 20px; border-top:1px dashed #cccfd5; }
.viewInfo li { padding:5px 0 5px 6px; }
.viewInfo li:before { content:""; display:inline-block; width:2px; height:2px; margin:0 3px 3px -6px; background:#6c6e72; vertical-align:middle}

.boardview2 .articleArea { padding:20px;}

.boardTag { margin:15px 20px 0;}
.boardTag i { position:relative; padding:5px 10px; border-radius:5px; margin-right:10px; color:#fff; font-weight:bold; background:#db3a0f;}
.boardTag i:after { position:absolute; top:50%; right:-10px; margin-top:-5px; content:""; display:block; width: 0; height: 0; margin-right:5px; 
border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 5px solid #db3a0f; }


/* Board : Write */
.boardWrite { width:100%; margin-top:10px; border-top:3px solid #61646c; border-bottom:1px solid #8e919a}
.boardWrite thead th { height:22px; padding-bottom:10px; font-size:14px; background:#61646c; color:#fff;}
.boardWrite th, .boardWrite td { padding:9px 15px 8px; height:37px; border-top:1px solid #cccfd5;}
.boardWrite td.edit { padding:9px 0 8px 0;}
.boardWrite tr:first-child th, .boardWrite tr:first-child td { border-top:none}
.boardWrite th { background:#f6f6f7; color:#333}
.boardWrite col:first-child { width:20%;}
.boardWrite col + col { width:auto;}
.boardWrite input[type="text"], 
.boardWrite input[type="email"],
.boardWrite select {width:100%; box-sizing:border-box;}
.boardWrite input[type="tel"] { _width:150px;}
.boardWrite .setBlock { display:inline-block; white-space:nowrap; margin:2px 0; }
.boardWrite .setBlock input[type="text"], 
.boardWrite .setBlock input[type="email"],
.boardWrite .setBlock input[type="tel"] { width:150px; }
.boardWrite textarea,
.boardWrite input[type="email"] { width:100%; box-sizing:border-box;}
.boardWrite input[type="file"] { display:block; width:100%; box-sizing:border-box; height:33px; margin-bottom:5px}
.boardWrite .listStyle { margin-top:10px}
.boardWrite .arrowBl { display:block; }
.required{ font-weight:normal; color:#ff0000; display:inline-block; margin-left:5px}


/* Gallery */
.boardGallery, .boardGallery * { box-sizing:border-box;}
.boardGallery {  width:100%; overflow:hidden; padding:30px 0; margin-top:10px; border-top:3px solid #61646c; border-bottom:1px solid #93969c;}
.boardGallery > div { float:left; width:23%; margin:1%; padding:10px 10px 15px; border:1px solid #b7b8be;}
.boardGallery > div:first-child { _margin-left:0;}
.boardGallery .gImg { position: relative; overflow:hidden; width:100%; height:0px; padding-bottom:68%;}
.boardGallery .gImg img { position: absolute; top:0; left:0; width:100%; height:auto; border:1px solid #ddd; }
.boardGallery .gCont { overflow:hidden;}
.boardGallery .gCont .bTitle { margin:8px 0; font-size:14px; font-weight:bold; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.boardGallery .gCont .bName {}
.boardGallery .gCont .bDate { float:right; font-size:12px;}

.boardTextGallery { margin-top:10px;  border-top:2px solid #444; border-bottom:1px solid #e5e5e5;}
.boardTextGallery > ul > li { border-top:1px dashed #bdbdbd; }
.boardTextGallery > ul > li:after { content:""; display:block; clear:both;}
.boardTextGallery > ul > li:first-child { border-top:none;}
.boardTextGallery > ul > li:hover { background:#fafafb;}
.boardTextGallery a { text-decoration:none;}
.boardTextGallery > ul > li > a { display:block; padding:30px 20px; }
.boardTextGallery .tgImg { overflow:hidden; float:left; max-width:220px; min-height:146px;  }
.boardTextGallery .tgImg img { width:100%; height:inherit;}
.boardTextGallery .tgCont { margin-left:180px; box-sizing:border-box; }
.boardTextGallery .tgCont .bTitle { margin-bottom:5px; font-size:16px; font-weight:800; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.boardTextGallery .tgCont .sTitle { font-weight:800;  color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.boardTextGallery .tgCont span { display:inline-block; padding-left:10px; margin-right:10px; font-size:12px; background:url(../img/common/board/d_line.gif) no-repeat 0 4px; }
.boardTextGallery .tgCont span.bName { padding:0; font-weight:800; background:none}
.boardTextGallery .tgCont .tgTxt { margin:10px 0 5px; height:45px; overflow:hidden; color:#666; }

.boardTextGallery2 { margin-top:10px; border-top:2px solid #444; border-bottom:1px solid #e5e5e5;}
.boardTextGallery2 > div { padding:20px; border-top:1px dashed #bdbdbd}
.boardTextGallery2 > div:first-child { border-top:none;}
.boardTextGallery2 p { overflow:hidden; margin-bottom:10px; font-size:16px; line-height:28px; font-weight:bold; color:#000; }
.boardTextGallery2 p a { float:right; margin-left:10px; } 
.boardTextGallery2 .gListBlock { overflow:hidden;}
.boardTextGallery2 .gListBlock:after { content:""; display:block; clear:both;}
.boardTextGallery2 .gListBlock:first-child { border-top:none;}
.boardTextGallery2 .gListBlock .tgImg { overflow:hidden; float:left; max-width:160px; }
.boardTextGallery2 .gListBlock .tgImg img { width:100%; height:inherit;}
.boardTextGallery2 .gListBlock .tgCont { margin-left:180px; box-sizing:border-box }
.boardTextGallery2 .gListBlock .tgCont li { overflow:hidden; padding-bottom:5px; _line-height:23px;}
.boardTextGallery2 .gListBlock .tgCont li a { display:block; float:left; width:65%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.boardTextGallery2 .gListBlock .tgCont li a:before { content:""; display:inline-block; width:5px; height:2px; margin:0 3px 4px 0; background:#777;}
.boardTextGallery2 .gListBlock .tgCont li span { float:right; font-size:12px; color:#777}
.boardTextGallery2 .gListBlock .tgCont li span i { padding-right:12px; margin-right:10px; background:url(../img/common/board/d_line.gif) no-repeat right 3px;}

.boardTextGallery3 { width:100%; margin-top:10px; border-top:3px solid #61646c; border-bottom:1px solid #93969c;}
.boardTextGallery3 li { min-height:180px; padding:20px; border-top:1px solid #bdbdbd; overflow: hidden;}
.boardTextGallery3 li:first-child { border-top:none;}
.boardTextGallery3 li:hover { background:#f9f9f9;}
.boardTextGallery3 .egImg { float:left; width:160px;}
.boardTextGallery3 .egImg img { max-width:100%; border:1px solid #ddd}
.boardTextGallery3 .egCont { margin-left:180px;}
.boardTextGallery3 .egCont p.title { margin:5px 0 10px; font-size:16px; font-weight:bold; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.boardTextGallery3 .egCont dl { overflow:hidden;}
.boardTextGallery3 .egCont dt { float:left; padding: 3px 15px 3px 0; width:20%;  font-weight:bold; color:#000; background:url(../img/common/board/d_line.gif) no-repeat right 8px; font-weight:bold; color:#000; box-sizing:border-box;}
.boardTextGallery3 .egCont dd { padding:3px 0 3px 22%; box-sizing:border-box;}
.boardTextGallery3 .egCont dt:before { content:""; display:inline-block; width:5px; height:2px; margin:0 3px 4px 0; background:#777;}
.boardTextGallery3 .egCont dd:after { content:""; display:block; clear:both;}

/* Gallery (Display) */
.boardExhGallery { width:100%; border-top:3px solid #61646c; border-bottom:1px solid #93969c;}
.boardExhGallery li { min-height:242px; padding:20px; border-top:1px solid #bdbdbd; overflow: hidden;}
.boardExhGallery li:first-child { border-top:none;}
.boardExhGallery li:hover { background:#f9f9f9;}
.boardExhGallery .egImg { float:left; width:160px;}
.boardExhGallery .egImg img { max-width:100%; border:1px solid #ddd}
.boardExhGallery .egCont { margin-left:180px;}
.boardExhGallery .egCont p.title { margin:5px 0 10px; font-size:16px; font-weight:bold; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.boardExhGallery .egCont dl.cont { overflow:hidden;}
.boardExhGallery .egCont p.title + dl.cont,
.boardExhGallery .egCont dl.cont:first-child { padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #ddd;}
.boardExhGallery .egCont dl.cont > dt { font-weight:bold; color:#000;}
.boardExhGallery .egCont dl.cont > dt:before { content:""; display:inline-block; width:5px; height:2px; margin:0 3px 4px 0; background:#777;}
.boardExhGallery .egCont p.title + dl.cont > dt { float:left; padding-right:15px; margin-right:15px; background:url(../img/common/board/d_line.gif) no-repeat right 7px;  }
.boardExhGallery .egCont dl.cont > dt, 
.boardExhGallery .egCont dl.cont > dd { padding:3px 0;}
.boardExhGallery .egCont dl.cont + dl.cont > dd {padding:0 9px;}

.exhContWrap { overflow:hidden;}
.exhContWrap > span { display:block; float:left; width:30%; text-align:center;}
.exhContWrap > span img { max-width:100%;}
.exhContWrap .exhCont { overflow:hidden; margin-left:30%; padding-left:20px; }
.exhContWrap .exhCont > dt { float:left; padding: 7px 15px 3px 15px; width:20%; font-weight:bold; color:#000; background:url(../img/common/board/d_line.gif) no-repeat right 13px; border-top:1px solid #ddd; box-sizing:border-box; } 
.exhContWrap .exhCont > dd { padding:7px 0 7px 22%; border-top:1px solid #ddd; box-sizing:border-box; }
.exhContWrap .exhCont > dt:first-child,
.exhContWrap .exhCont > dt:first-child + dd { border-top:2px solid #d0d0d0;}
.exhContWrap .exhCont > dt:before { content:""; display:inline-block; width:5px; height:2px; margin:0 3px 4px 0; background:#777;}
.exhContWrap .exhCont > dd:after { content:""; display:block; clear:both;}


/* boardBlogList */
.boardBlogList { width:100%; border-top:3px solid #61646c;}
.boardBlogList tr { border-bottom:1px solid #cccfd5; }
.boardBlogList td { padding:20px; text-align:right;}
.boardBlogList td:first-child { text-align:left}
.boardBlogList td span { display:inline-block; padding:0 10px; font-size:0.9em; color:#666; text-align:right; }
.boardBlogList td span:first-child { font-weight:bold; color:#555;}

.boardBlogList2 { width:100%;}
.boardBlogList2 > ul > li:after { content:""; display:block; clear:both;}
.boardBlogList2 > ul > li > a { display:block;}
.boardBlogList2 > ul > li { margin:15px 0; border-top:3px solid #61646c; border-bottom:2px solid #61646c;  border-left:1px solid #cccfd5;  border-right:1px solid #cccfd5; }
.boardBlogList2 > ul > li > a >div:first-child { padding:15px; font-size:16px; font-weight:bold; text-align:center; color:#333; background:#f6f6f7; border-bottom:1px solid #cccfd5;}
.boardBlogList2 > ul > li > a > div { padding:15px; }
.boardBlogList2 > ul > li > a > div > p img { max-width:100%;}
.boardBlogList2 > ul > li > a > div + div > p { margin:15px 0; }

a.linkBtn { float:right; display:inline-block; margin:0 20px 20px 0 !important}


/* FAQ */
.lists { border-top: 3px solid #363941; font-size: 0.9em; }
.lists li { line-height: 60px; clear: both; cursor: pointer; position: relative; border-bottom: 1px solid #ccc; }
.lists li span.isactive { width: 10px; height: 6px; display: block; position: absolute; right: 25px; top: 30px; margin-top: -3px; background-image: url(../img/common/sprite.png); background-position: -210px -80px; }
.lists li.active span.isactive { background-position: -199px -79px; }
.lists li span.question, .lists li span.products, .lists li span.heading { display: inline-block; font-size: 14px; }
.lists li span.question {color: #fff;width: 30px;height: 30px;float: left;line-height: 30px;text-align: center;background: #535353; margin:16px 0 0 15px; border-radius: 50%;}
.lists li span.products { width: auto; float: left; text-align: left; color: #8c90a1; text-indent: 5px; padding:0 10px }
.lists li span.heading { display: block; text-align: left; color: #333; padding-left: 120px; padding-right: 60px; padding-top: 21px; padding-bottom: 20px; line-height: 1.5em; }
.lists li div { line-height: 1.7em; clear: both; background-color: #f3f3f3; margin: 0 !important; padding: 20px 20px 20px 65px; position: relative; display: none; font-size: 14px; }
.lists li span.answer { position: absolute; left: 15px; top: 15px; width: 30px; text-align: center; height: 30px; line-height: 30px; background:#fff; border: 1px solid #666; border-radius: 50%; }


/* Banner */
.bannerList { width:100%; overflow:hidden; margin-top:10px;}
.bannerList .bannerBlock { float:left; width:49%; margin:0 0 10px 1%; background:#f6f6f6; border:1px solid #ddd;}
.bannerList .bannerBlock:nth-child(odd) { margin-left:0;}
.bannerList .bannerBlock .title { padding:10px; font-weight:bold; border-bottom:1px solid #ddd; background:#fff;white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.bannerList .bannerBlock .cont { overflow:hidden; display:block; padding:5px;}
.bannerList .bannerBlock .cont > a { display:block;}
.bannerList .bannerBlock .cont .img { display:block; float:left; width:50%; margin-right:10px; }
.bannerList .bannerBlock .cont .img img { max-width:100%; border:1px solid #cfcfcf}
.bannerList .bannerBlock .cont ul { padding-top:10px;}
.bannerList .bannerBlock .cont .btnSet {float:right; }

/* banner Gallery */
.bannerGallery, .bannerGallery * { box-sizing:border-box;}
.bannerGallery {  width:100%; overflow:hidden; padding:30px 0; margin-top:10px; border-top:3px solid #61646c; border-bottom:1px solid #93969c;}
.bannerGallery > div { float:left; width:48%; margin:1%; }
.bannerGallery .gImg { position: relative; overflow:hidden; width:100%; height:0px; padding-bottom:30%;}
.bannerGallery .gImg img { position: absolute; top:0; left:0; width:100%; height:auto; border:1px solid #ddd; }
.bannerGallery .gCont { overflow:hidden; margin-bottom:4px;}
.bannerGallery .gCont .bTitle { margin-top:8px; font-size:14px; font-weight:bold; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.bannerGallery .gCont .bDate { padding-left:15px;font-size:12px;}


/* boardMovie */
.boardMovie{ box-sizing:border-box;  width:100%; overflow:hidden; padding:30px 0; margin-top:10px; border-top:3px solid #61646c; border-bottom:1px solid #93969c;}
.boardMovie li{ display:block; float:left; overflow:hidden; width:21.6%; margin:0 1.5%;  border:2px solid #e4e4e4; margin-bottom:30px; position:relative;}
.boardMovie li a p{ display:block; width:100%; box-sizing:border-box;}
.boardMovie li a p.mvImg{ width:238px; height:140px; overflow:hidden;}
.boardMovie li a p.mvImg img {width:100%; min-height:140px;}
.boardMovie li a .Title{ padding:10px 20px 0px 20px}
.boardMovie li a .date{ padding:0px 10px 15px 20px}
.boardMovie li a .Title{ display:block; color:#000; margin:0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width:183px;}

.boardMovie li a.onImg .on { display:none; position:absolute; left:0; top:0px; width:100%; height:100%; background:rgba(0, 0, 0, 0.2 ) url(../img/common/board/mvOn.png) no-repeat 50% 50%; text-align:center;/* For IE8 and earlier */}
.boardMovie li a.onImg:hover .on {display:block; }

.boardMovie li a:hover{ text-decoration:none; font-weight:bold;}
.boardMovie li:hover{ border:2px solid #de3d3a;}
.boardMovie li a p.Title:hover{ font-weight:bold;}

@media all and (max-width:1100px) {
/* Gallery */
.boardGallery > div { width:31%; }
.boardview .articleArea img { max-width:738px;}
.boardMovie li{ width:29.8%;}
.boardMovie li a p.mvImg{ width:230px; height:140px; }
}

@media all and (max-width:768px) {
	
/* Board : View */
.boardview .infoArea li {  width:100%;}
.boardview .articleArea img {max-width:698px;}

/* Gallery */
.boardGallery > div { width:48%; }

.boardTextGallery2 .gListBlock .tgCont li a { width:50%; }
.boardTextGallery2 p a { margin-left:0px; }

.exhContWrap span { float:none; width:50%; margin:0 auto;}
.exhContWrap .exhCont { margin:20px 0 0 0; padding-left:0;}


/* Board : Write */
.boardWrite col:first-child { width:80px; }
.boardWrite th { font-size:0.9em;}
.boardWrite input[type="text"], 
.boardWrite input[type="email"],
.boardWrite input[type="tel"],
.boardWrite .setBlock input[type="text"],
.boardWrite .setBlock input[type="email"],
.boardWrite .setBlock input[type="tel"],
.boardWrite select { width:100%;  margin-bottom:3px;}
.boardWrite .setBlock { white-space:normal; width:100%; }

/* FAQ */
.boardQ&A .addfile input[type="text"] { width:40%;}

/* boardMovie */
.boardMovie li{ width:45%; margin:0 0 30px 3%;}
.boardMovie li a p.mvImg{ width:100%; height:140px;}
}

@media screen and (max-width: 670px) {
ul.lists { margin-top: 0px; }
}



@media all and (max-width:640px) {
.boardview .articleArea img {max-width:590px; width:100%; }
.boardview .titleArea {  padding:20px 20px 20px 10px; }
.boardview .articleArea { padding:25px 10px; }
.boardtop .boardinfo { float:none; padding-top:0; }
.boardtop .boardsearch { float:none; margin:10px 0;}



/*-------- Board : List  --------------*/
table.basic .num,  .basic .num_notice,  .basic .publish, .basic .reply,  .basic .date, .basic .file, .basic .refer {display:none;*width:0;}
table.imglist .num {display:none;*width:0;}
table.movie01 .num, .movie01 .director, .movie01 .company {display:none;*width:0;}


/* Board : imgList */
.imglist > ul > li { padding:20px 0 0;}
.imglist > div { width:100%; margin:1% 0; }
.imglist li a { overflow:hidden;}
.imglist .tgImg { float:none; max-width:100%; height:auto; margin:0; margin-bottom:10px}
.imglist .tgImg a {padding:0 20px;}
.imglist .tgImg a img { width:100%; height:inherit}
.imglist .tgCont { float:none; width:100%; padding-left:0px; padding:0 20px; margin:0}


/* Board : �˻�â */
.boardtop { overflow:hidden; }
.boardtop:after { content:""; display:block; clear:both;}
.boardtop .boardinfo { float:left; padding-top:15px;}
.boardtop .boardinfo i { font-weight:bold; color:#e33333}
.boardtop .boardsearch { float:right; margin-bottom:5px; text-align:right;}
.boardtop .boardsearch input[type="text"] { height:37px; box-sizing:border-box; width:49%;}
.boardtop .boardsearch input[type="text"] + input[type="submit"],
.boardtop .boardsearch input[type="text"] + input[type="button"] {border-right:none;}

.board_total {padding:5px 0 5px 0;}




/* Board : View */
.boardview .infoArea2 { overflow:hidden; border-bottom:1px solid #cccfd5;}
.boardview .infoArea2 li { /* float:left; width:50%; */ padding:10px 0; border-bottom:1px solid #cccfd5;}
.boardview .infoArea2 li span { display:block; /* float:left; */ margin-right:15px; padding:0 15px;}
.boardview .infoArea2 li span:first-child { min-width:100%; padding-bottom:5px; /* font-weight:bold; */ border-right:none}

/* Banner */
.bannerList .bannerBlock { float:none; width:100%; margin:0 0 10px 0;}

/* Gallery */
.boardGallery > div { width:100%; margin:1% 0; }

.boardTextGallery li a { overflow:hidden; display:block; padding:20px; }
.boardTextGallery .tgImg { float:none; max-width:100%; height:auto; margin-left:0px; }
.boardTextGallery .tgCont { float:none; width:100%; padding-left:0px; margin:20px 0 0 0;}

.boardTextGallery2 .gListBlock .tgImg { overflow:hidden; float:none; max-width:100%; }
.boardTextGallery2 .gListBlock .tgImg img { width:100%; height:inherit;}
.boardTextGallery2 .gListBlock .tgCont { margin:20px 0 0 0; }
.boardTextGallery2 .gListBlock .tgCont li a { width:100%; }
.boardTextGallery2 .gListBlock .tgCont li span { float:none; padding-left:8px;}

.boardTextGallery3 .egImg { float:none; }
.boardTextGallery3 .egCont { margin:10px 0 0 0;}
.boardTextGallery3 .egCont dt { float:none; width:100%; background:none; }
.boardTextGallery3 .egCont dd { padding:3px 0 3px 10px; }

/* Gallery */
.boardExhGallery .egImg { float:none; width:100%;}
.boardExhGallery .egImg img { max-width:100%; }
.boardExhGallery .egCont { margin:15px 0 0 0;}

.exhContWrap span { width:100%; }
.exhContWrap .exhCont dt { width:100%; float:none; background:none; border-top:none}
.exhContWrap .exhCont dd { margin-left:0; padding-left:10px; border-bottom:2px solid #d0d0d0;}
.exhContWrap .exhCont dt:first-child + dd { border-top:1px solid #d0d0d0;}

/* FAQ */
.boardQ&A .addfile input[type="text"], .boardQ&A .addfile input[type="file"] { width:100%; margin-top:5px;}
.boardQ&A .addfile input[type="button"] { margin:3px 0 0 0}

.bannerGallery > div { width:98%; }

}

@media all and (max-width:500px) {
/* boardMovie */
.boardMovie li a p.mvImg{ width:100%; height: auto;}
.boardMovie li{ width:99%; margin-left:0}
}


/*******************
	Board List style
********************/

table.list				{ width: 100%; padding:0; border-spacing:0px; border:0; border-collapse:collapse; border-top: 2px solid #444444; border-bottom: 1px solid #cfd1d4; margin-bottom: 20px; }
table.list thead th		{ background: #f8f8f8; padding: 15px 0; font-weight: 400; font-size: 16px; }
table.list tbody td		{ border-top: 1px solid #cfd1d4; font-size: 14px; padding: 15px 10px; }

.btn-group		{ padding: 20px 0; text-align: right; }

.pageNav		{ padding-bottom: 50px; text-align: center; }

.pageNav > *	{ display: inline-block; min-width: 36px; height: 36px; line-height: 36px; border: 1px solid #cfd1d4; }
.pageNav span	{ background: #444444; color: #fff; }

.agree-box			{ margin-bottom: 50px; }
.agree-box .inner	{ padding: 20px; border: 1px solid #bfbfbf; background: #f7f7f7; margin-bottom: 20px; }
.agree-box .scroll	{ overflow-y: auto; height: 150px; }

table.form			{ width: 100%; padding:0; border-spacing:0px; border:0; border-collapse:collapse; border-top: 2px solid #6b6b6b; table-layout: fixed; }
table.form th		{padding: 10px 5px;border-bottom: 1px solid #cfd1d4;background: #f4f4f4;font-weight: 700; text-align:center;}
table.form td		{padding: 10px;border-bottom: 1px solid #cfd1d4;}
table.form input	{ max-width: 100%; }
table.form textarea	{ height: 150px; }
table.form fieldset	{ display: inline-block; min-width: 140px; padding-right: 20px; padding: 5px 0; }
table.form .full	{ width: 100%; }
table.form .half	{ max-width: 40%; }

table.form .help		{ color: #ff605d; margin-bottom: 15px; }

@media all and (max-width: 640px) {
	table.form,
	table.form thead,
	table.form tbody,
	table.form tr,
	table.form th,
	table.form td		{ display: block; position: relative; }
	
	table.form			{ border-top: none; }
	table.form tr		{ margin: 5px 0; border: 1px solid #cfd1d4; overflow: hidden; }
	table.form th		{ text-align: left; padding-left: 10px;}
	table.form td		{ border: none; }
	table.form .half	{ max-width: 36%; }

}