@charset "utf-8";

/* LAYOUT */
#header { }
#footer { border-top:1px solid #DDD; }
#contents { width:1040px; margin:0 auto; }

#container div.lineBg { display:flex; background:url('/~ftp_toolis/images/sub/lineBg.png') center repeat-y; }
#container div.main div#content { background:#f5f5f5; }



#header h1 { width:230px; height:130px; line-height:130px; }
#header h1 a span { width:230px; height:130px; display:block; text-indent:-9999px; background:url('/~ftp_toolis/images/common/logo.png') center no-repeat; }
#header h1 span.logo { width:230px; height:130px; line-height:130px; }
#header h1 span.img { border:1px solid #f00; }

#header .tnb { line-height:30px; text-align:right; background:#f2f2f2; }
#header .tnb a { text-decoration:none; }
#header .tnb a:last-child:after { content:""; padding:0; }
#header .tnb a:after { content:'|'; font-size:10px; color:#999; padding:0 10px; }
#header .tnb a span { font-size:12px; }

#header div.search { float:right; background:none; }

#header div#tnb a { font-size:12px; }
#header div#tnb ul.language { float:right; border:1px solid #ccc; border-radius:12px; padding:5px 15px; margin-left:5px; font-size:12px; }
#header div#tnb ul.language a { padding:5px 15px; }
#header div#tnb ul.language li { float:right; color:#999; }
#header div#tnb ul.language li.selected a { font-weight:600; color:#104272; }

#header div#gnb { clear:both; height:50px; line-height:50px; background:#335f9c; z-index:99; }
#header div#gnb a:hover { text-decoration:none; }
#header div#gnb div.home { float:left; width:60px; }
#header div#gnb div.home a span { display:block; text-indent:-9999px; background:url('/~ftp_toolis/images/common/homeIcon.png') center no-repeat; }
/*
#header div#gnb div.home:hover { background:#fff; }
#header div#gnb div.home:hover span { }
*/
#header div#gnb div.parts { float:left; background:#f46d01; }
#header div#gnb div.parts a.area { display:inline-block; padding:0 20px; height:50px; color:#fff; font-weight:600; }
#header div#gnb div.parts:hover div.categorys { display:block; position:absolute; }
#header div#gnb div.parts div.categorys { display:none; width:978px; overflow: hidden; background-color: #fff;border: 1px solid #a9a9a9;font-size: 14px;text-align: center;position: absolute;top: 50px; left:0;z-index: 1; }
#header div#gnb div.parts div.categorys:hover { display: flex; }
#header div#gnb div.parts div.categorys a:hover { color: #0069b3; font-weight: bold; }
#header div#gnb div.parts > a.area:hover ~ .categorys { display: flex; }

#header div#gnb div.parts div.categorys .title { height: 100%; width: 80px; background:#f0f0f0; border-right: 1px solid #ddd; font-weight: bold; padding-top: 20px; float: left; box-sizing: border-box; }
#header div#gnb div.parts div.categorys .areaBox { width: 400px; height: inherit; float: left; }
#header div#gnb div.parts div.categorys .areaBox .title { border-left: 1px solid #ddd; }
#header div#gnb div.parts div.categorys .areaBox #listGnbArea { overflow: hidden; padding: 10px 0; height: inherit; }
#header div#gnb div.parts div.categorys .areaBox #listGnbArea li { line-height:30px; width: 160px; float: left; text-align: left; box-sizing:border-box; }
#header div#gnb div.parts div.categorys .areaBox #listGnbArea li a { padding: 10px; }
#header div#gnb div.parts div.categorys .categoryBox { width:578px; height: inherit; float: left; }
#header div#gnb div.parts div.categorys .categoryBox .title { border-left: 1px solid #ddd; }
#header div#gnb div.parts div.categorys .categoryBox #listGnbPart { overflow: hidden; height: inherit; padding: 10px 0; }
#header div#gnb div.parts div.categorys .categoryBox #listGnbPart li { line-height:30px; width:166px; float: left; text-align: left; box-sizing: border-box; }
#header div#gnb div.parts div.categorys .categoryBox #listGnbPart li a { padding: 10px; }
#header div#gnb div.parts div.categorys li:last-child { background:none; }


#header div#gnb div.navi { float:left; }
#header div#gnb li { padding:0px 10px; }
#header div#gnb li:last-child { background:url('/~ftp_toolis/images/common/naviLine.png') 0 18px no-repeat; }
#header div#gnb ul.d932Navi > li { padding:inherit; padding:0 20px; }
#header div#gnb ul.d932Navi > li span { color:#fff; font-weight:600; }
#header div#gnb ul.d932Navi li:hover { background:#fff; }
#header div#gnb ul.d932Navi li:hover span { color:#335f9c; }




div#tnb { margin-top:36px; }
div#tnb a { padding:0 10px 0 0 !important; color:#999; }
div#tnb a.inquiry { background:url('/~ftp_toolis/images/common/languageLine.png') left no-repeat; padding-left:15px !important; }
div#tnb ul.language { padding-left:20px; }
div#tnb ul.language li { color:#fff; }
div#tnb ul.language li a { padding:0 !important; }
div#tnb ul.language li a.KOR { margin-left:7px; padding-left:7px !important; background:url('/~ftp_toolis/images/common/tnbLine.png') left no-repeat;}
/* div#tnb ul.language li a.selected { background:url('/~ftp_toolis/images/common/korOn.png') no-repeat; width:88px; height:17px; } */
div#tnb ul.language li a.ENG { }


div#aside { width:200px; padding:0; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; }
div#aside div.depth1 {}
div#aside div.depth1 li.selected > a { font-weight:bold; background:#f5f5f5; background:url('/~ftp_toolis/images/sub/subArrow.png') 175px 16px no-repeat #f5f5f5; }

div#content p img { max-width:1000px; }

div#contents h3 { padding:30px 0 0 30px; font-size:30px; color:#333; }
div#container div#content { padding:30px 0 30px; }

div.visual { background:url('/~ftp_toolis/images/main/mainBg.png') no-repeat; /*background-color:#f0f0f0;*/ }
div#visual5 ul { min-height:200px; }
div#visual5 ul li { min-height:200px; }

div#position { width:100%; margin:0 auto; background:#f5f5f5; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; }
div#position div { margin-top:30px; }
div#position h3 { font-size:28px; }
div#position ul.d932Location { font-size:15px; color:#999; line-height:48px; padding-left:5px; background:url('/~ftp_toolis/images/sub/locationIcon.png') left center no-repeat; }
div#position ul.d932Location li:last-child a { font-weight:bold; color:#666; }


/* 서브 메뉴
div#subGnb { }

div#subGnb div.snb { position:absolute; width:100%; top:338px; left:0px; height:42px; padding-top:20px; z-index:800; overflow:hidden; }
div#subGnb div.snb ul { margin:0 auto; position:relative; z-index:500; }
div#subGnb div.snb ul li { float:left; padding:0 27px 0 30px; background:url('/~ftp_toolis/images/common/partitionSnb.png') no-repeat left center; }
div#subGnb div.snb ul li.front { background:none; }
div#subGnb div.snb ul li a { font-size:16px; color:#fff; }
div#subGnb div.snb ul li a:hover { color:#5b84f9; }
div#subGnb div.snb ul li a.selected { color:#5b84f9; }
div#subGnb div.bg { position:absolute; width:100%; height:63px; left:0px; top:0px; background-color:#000; filter:alpha(opacity=80); opacity:0.8; z-index:450; }
*/

div#aside h2 { font-size:30px; color:#fff; height:100px; line-height:100px; background:#005bae; }
div#aside div.depth1 { }
div#aside div.depth1 ul.depth1 li { }
div#aside div.depth1 ul.depth1 li a { display:inline-block; width:100%; line-height:40px; font-size:16px; padding:0 20px; border-bottom:1px solid #e3e3e3; }
div#aside div.depth1 ul.depth1 li a:hover { text-decoration:none; font-weight:600; }
div#aside div.depth1 ul.depth1 li:hover > a { font-weight:600; background:url('/~ftp_toolis/images/sub/subArrow.png') 175px 16px no-repeat #f5f5f5; }
div#aside div.depth1 ul.depth1 li:hover > div.depth2 { display:block; }

div#aside div.depth1 ul.depth1 li div.depth2 { display:none; }
div#aside div.depth1 ul.depth1 li div.depth2 ul.depth2 { background:#f9f9f9; margin:0; border-top:2px solid #005bae; border-bottom:1px solid #e3e3e3; padding:20px 0; }
div#aside div.depth1 ul.depth1 li div.depth2 ul.depth2 li { }
div#aside div.depth1 ul.depth1 li div.depth2 ul.depth2 li a { font-size:14px; color:#888; line-height:27px; border-bottom:none; }

div#aside div.depth1 ul.depth1 li div.depth2 ul.depth2 li a:after { float:left; content:'- '; }
div#aside div.depth1 ul.depth1 li div.depth2 ul.depth2 li a span { padding-left:5px; }
div#aside div.depth1 ul.depth1 li div.depth2 ul.depth2 li a span:hover { color:#333; }
div#aside div.depth1 ul.depth1 li div.depth2 ul.depth2 li:hover > a { background:none; }
div#aside div.depth1 ul.depth1 li div.depth2 ul.depth2 li:hover > div.depth3 { display:block; }
div#aside div.depth1 ul.depth1 li div.depth2 ul.depth2 li:hover > a span { color:#333; font-weight:600; }
div#aside div.depth1 ul.depth1 li div.depth2 ul.depth2 li:hover > a:after { font-weight:600; }

div#aside div.depth1 ul.depth1 li div.depth2 ul.depth2 li div.depth3 { display:none; position:absolute; padding:10px 0; z-index:2; width:150px; border:1px solid #bcbcbc; background:#fff; left:140px; margin-top:-33px; }
div#aside div.depth1 ul.depth1 li div.depth2 ul.depth2 li div.depth3 ul { margin-left:-16px; background:url('/~ftp_toolis/images/sub/depth3Bg.png') left top no-repeat; padding-left:30px; }
div#aside div.depth1 ul.depth1 li div.depth2 ul.depth2 li div.depth3 ul li a { margin:0; font-size:13px; line-height:23px; }
div#aside div.depth1 ul.depth1 li div.depth2 ul.depth2 li div.depth3 ul li a:after { float:left; content:''; }


/* COMMON */
div.page { padding-top:20px; }
div.page table.devPage { margin:0 auto; height:29px;}
/*div.page table.devPage td.disable { display:none; }*/
div.page table.devPage td a { padding:5px 8px; font-size:15px; text-decoration:none; }
div.page table.devPage td a span { font-family:"Nanum Gothic" }
div.page table.devPage td.devFirstPage a { border:1px solid #ccc; background:url('/~ftp_toolis/images/sub/firstIcon.png') center no-repeat; }	/* 1페이지로 이동 */
div.page table.devPage td.devFirstPage a span { visibility:hidden; }
div.page table.devPage td.devPrevPage a { margin-right:20px; border:1px solid #ccc; background:url('/~ftp_toolis/images/sub/prevIcon.png') center no-repeat; }		/* 이전 페이지로 이동 */
div.page table.devPage td.devPrevPage a span { visibility:hidden; }
div.page table.devPage td.devNextPage a { margin-left:20px; border:1px solid #ccc; background:url('/~ftp_toolis/images/sub/nextIcon.png') center no-repeat; }		/* 다음 페이지로 이동 */
div.page table.devPage td.devNextPage a span { visibility:hidden; }
div.page table.devPage td.devLastPage a { border:1px solid #ccc; background:url('/~ftp_toolis/images/sub/lastIcon.png') center no-repeat; }		/* 마지막 페이지로 이동 */
div.page table.devPage td.devLastPage a span { visibility:hidden; }
div.page table.devPage td.devListPage a { }		/* 특정페이지 (1, 2, 3, ... 10) 목록 */
div.page table.devPage td.devStartPage a { }	/* 특정페이지 목록의 시작 */
div.page table.devPage td.devEndPage a { }		/* 특정페이지 목록의 마지막 */
div.page table.devPage td.devNowPage a { border:1px solid #ccc; color:#ce0000; }		/* 현재 페이지 */


div.search { margin:0; background:#d5d5d5; padding:0; text-align:center; }
div.search input { margin-top:39px; width:320px; border:3px solid #335f9c; padding:0 0 0 10px; height:44px; line-height:44px; }
div.search button { float:right; margin-top:39px; width:80px; height:50px; padding:0 10px; background:#335f9c; color:#fff; font-size:14px; font-weight:600; }

div.bbs_btn { float:right; margin-top:20px; }
div.bbs_btn button { border:1px solid #444; background:#555; color:#fff; padding:10px 20px; }

div.bbs_btnL { float:left; margin-top:20px; }
div.bbs_btnL button { border:1px solid #444; background:#555; color:#fff; padding:10px 20px; }
div.bbs_btnL button.delete { border:1px solid #b00000; background:#c50000; }


/* MAIN */
div#contents.main {}
div#contents.main div#content { padding:0; }

div#contents.main div.visual { height:400px; border-bottom:1px solid #e3e3e3; }
div#contents.main div.visual div.list li { height:400px; }
div#contents.main div.visual div.list li span.subject { display:block; text-align:center; color:#FFF; font-size:20px; margin-top:100px; }
div#contents.main div.visual div.list li span.txt1 { display:block; text-align:center; color:#FFF; }

div#contents.main div#visual4 {  }
div#contents.main div#visual4 div.control { margin-top:170px; /*margin-top:170px;*/ }
div#contents.main div#visual4 div.control button.prev { margin-left:20px; width:36px; height:60px; background:url('/~ftp_toolis/images/main/mainPrev.png') no-repeat; }
div#contents.main div#visual4 div.control button.next { margin-right:20px; width:36px; height:60px; background:url('/~ftp_toolis/images/main/mainNext.png') no-repeat; }
div#contents.main div#visual4 div.control button span { display:none; }


div#contents.main div.recents { background:#fff; }
div#contents.main div.recents:after { content:''; display:block; clear:both; }
div#contents.main div.recents div.recent { border:1px solid #e3e3e3; padding:30px; border-top:none; }

div#contents.main div.recents div.recent div.title { height:30px; }
div#contents.main div.recents div.recent div.title span.title { font-size:18px; font-weight:bold; }
div#contents.main div.recents div.recent div.title a.more { float:right; }
div#contents.main div.recents div.recent div.title a.more:hover { text-decoration:none; }
div#contents.main div.recents div.recent div.title a.more span { font-size:14px; color:#666; }
div#contents.main div.recents div.recent div.title a.more span:after { padding-left:5px; content:'>'; }
div#contents.main div.recents div.recent.notice { float:left; width:1000px; border-top:none; }
div#contents.main div.recents div.recent.notice ul { }
div#contents.main div.recents div.recent.notice li a { display:block; }
div#contents.main div.recents div.recent.notice li a:after { content:''; display:block; clear:both; }
div#contents.main div.recents div.recent.notice li.emphasis { float:left; width:460px; /*border-bottom:1px dashed #d1d1d1; margin:0 0 8px; padding-left:20px; height:116px;*/ }
div#contents.main div.recents div.recent.notice li.emphasis:after { content:''; display:block; clear:both; }
div#contents.main div.recents div.recent.notice li.first { padding-left:0; }
div#contents.main div.recents div.recent.notice li.list { float:left; width:478px; padding-left:20px; }
div#contents.main div.recents div.recent.notice li.emphasis span { display:block; font-family:"Nanum Gothic"; }
div#contents.main div.recents div.recent.notice li.emphasis span.thumb { float:left; height:100px; width:150px; margin-right:10px; border:1px solid #DDD; background-size:cover; background-position:center; background-repeat:no-repeat; }
div#contents.main div.recents div.recent.notice li.emphasis span.thumb img { display:none; }
div#contents.main div.recents div.recent.notice li.emphasis span.subject { font-size:16px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
div#contents.main div.recents div.recent.notice li.emphasis span.summary { word-break:break-all; padding-top:5px; color:#999; font-size:14px; font-weight:600; height:67px; overflow:hidden; line-height:18px; }
div#contents.main div.recents div.recent.notice li.emphasis span.date { color:#999; font-size:12px; font-weight:600; }
div#contents.main div.recents div.recent.notice li.list { }
div#contents.main div.recents div.recent.notice li.list a span.subject:before { content:'ㆍ'; }
div#contents.main div.recents div.recent.notice li.list span { font-size:14px; line-height:22px; width:350px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; }
div#contents.main div.recents div.recent.notice li.list span.date { width:80px; color:#999; float:right; text-align:right; }

div#contents.main div.recents div.recent.product { width:1000px; clear:both; }
div#contents.main div.recents div.recent.product ul { margin-left:-13px; }
div#contents.main div.recents div.recent.product ul:after { content:''; display:block; clear:both; }
div#contents.main div.recents div.recent.product li { float:left; width:178px; margin-left:12px; }
div#contents.main div.recents div.recent.product li:first-child { padding:0; }
div#contents.main div.recents div.recent.product li a { display:block; }

div#contents.main div.recents div.recent.product li span { overflow:hidden; display:block; font-family:"Nanum Gothic"; }
div#contents.main div.recents div.recent.product li span.thumb { height:160px; width:178px; border:1px solid #DDD; background-size:cover; background-position:center; background-repeat:no-repeat; }
div#contents.main div.recents div.recent.product li span.thumb img { display:none; }
div#contents.main div.recents div.recent.product li span.subject { font-size:16px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
div#contents.main div.recents div.recent.product li span.summary { padding-top:5px; color:#999; font-size:14px; font-weight:600; height:67px; overflow:hidden; line-height:18px; }
div#contents.main div.recents div.recent.product li span.date { color:#999; font-size:12px; font-weight:600; }
div#contents.main div.recents div.recent.product li span.part { font-size:12px; color:#999; line-height:30px; height:30px; }
div#contents.main div.recents div.recent.product li span.name { word-break:break-all; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; }
div#contents.main div.recents div.recent.product li span.part:after { padding-left:5px; content:'>'; }


div#contents.main .shortcut { float: left; width:100%; margin:20px 0; }
div#contents.main .shortcut .area { float: left; }
/*div#contents.main .shortcut .area input { display:none; }*/
div#contents.main .shortcut .area label { margin-left:5px; cursor:pointer; border:1px solid #ddd; display:inline-block; color:#888; font-size:13px; padding:10px 10px; }
div#contents.main .shortcut .area label.showAll { margin:0; background:#666; border-color:#1f1f1f; color:#fff; }
div#contents.main .shortcut .area input[type="checkbox"] { display:none; }
div#contents.main .shortcut .area input[type="checkbox"]:checked + label { background:#0168b7; border:1px solid #124a82; color:#fff; }


/*.market .marketTable tr td label.nego:before { content: ''; width: 13px; height: 13px; border: 1px solid #26a0da; box-sizing: border-box; position: absolute; top: 1px; left: 0; }*/


div#contents.main .shortcut .part { float:right; }
div#contents.main .shortcut .part select { width:200px; border: 1px solid #ddd; margin-right:10px; box-sizing: border-box; font-size: 13px; height:35px; line-height:35px; padding-left:10px; }
div#contents.main .shortcut .control { float: right; }
div#contents.main .shortcut .control button { width: 70px; height: 35px; background-color: #0168b7; color: #fff; font-weight: bold; font-size: 14px;  }


div#contents.main .list { clear:both; }
div#contents.main .list li.empty { min-height:400px; line-height:400px; border: 1px solid #ddd; margin-right:0; text-align:center; }
div#contents.main .list li.empty span { font-size:20px; }


/* 페이징 */
div#contents.main .paging { margin: 20px 0 80px; text-align: center; }
div#contents.main .paging table.devPage { overflow: hidden; display: inline-block; }
div#contents.main .paging table.devPage td { float: left; width: 35px; height: 35px; line-height: 34px; border: 1px solid #ccc; border-left: 0; box-sizing: border-box; background-color: #f8f8f8; }
div#contents.main .paging table.devPage td a { display: block; font-size: 13px; font-weight: bold; color: transparent; text-decoration: none; }
div#contents.main .paging table.devPage td a:before { display: block; font-size: 12px; font-weight: bold; color: #666; line-height: 33px; }
div#contents.main .paging table.devPage td.devFirstPage { border-left: 1px solid #ccc; }
div#contents.main .paging table.devPage td.devNextPage { border-left: 1px solid #ccc; }
div#contents.main .paging table.devPage td.devStartPage { margin-left: 10px; border-left: 1px solid #ccc; }
div#contents.main .paging table.devPage td.devEndPage { margin-right: 10px; }
div#contents.main .paging table.devPage td.devNowPage { border-color: #666; }
div#contents.main .paging table.devPage td.devListPage { background-color: #fff; }
div#contents.main .paging table.devPage td.disable { display: none; }
div#contents.main .paging table.devPage td.devListPage a { color: #666; }
div#contents.main .paging table.devPage td.devNowPage a { background-color: #666; color: #fff; }
div#contents.main .paging table.devPage td.devFirstPage a:before { content: '<<'; }
div#contents.main .paging table.devPage td.devPrevPage a:before { content: '<'; }
div#contents.main .paging table.devPage td.devNextPage a:before { content: '>'; }
div#contents.main .paging table.devPage td.devLastPage a:before { content: '>>'; }

/*
div#contents.main div.recents div.recent.product li span { display:block; }
div#contents.main div.recents div.recent.product li span.thumb { /*width:210px; height:140px; border-bottom:1px solid #ddd; background-size:cover; background-position:center; background-repeat:no-repeat; }
div#contents.main div.recents div.recent.product li span.thumb img { display:none; }
div#contents.main div.recents div.recent.product li span.name { float:right; width:150px; padding-right:10px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:40px; }
div#contents.main div.recents div.recent.product li span.part { float:left; padding-left:10px; font-size:12px; color:#999; line-height:40px; }
div#contents.main div.recents div.recent.product li span.part:after { padding-left:5px; content:'>'; }
*/

/* 배너 */
div#contents.main div#visual6 { border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:none; height:90px !important; padding-top:20px; background:#fff; }
div#contents.main div#visual6 div.list { margin:0 45px; }
div#contents.main div#visual6 div.list ul { margin:0 10px; }
div#contents.main div#visual6 div.list ul li { width:152px; height:52px; }
div#contents.main div#visual6 div.list ul li a { float:left; width:150px; height:50px; }
div#contents.main div#visual6 div.control { width:0px; }
div#contents.main div#visual6 div.control button.prev { width:45px; height:90px; background:url('/~ftp_toolis/images/main/mainBannerL.png') center no-repeat #fff; }
div#contents.main div#visual6 div.control button.next { width:45px; height:90px; background:url('/~ftp_toolis/images/main/mainBannerR.png') center no-repeat #fff; }
div#contents.main div#visual6 div.control button span { display:none; }


/*로그인*/
div#content .login { border:1px solid #ddd; padding:150px 0; }
div#content .login form { position:relative; text-align:center; }
div#content .login form input { border:1px solid #DDD; line-height:55px; height:55px; width:250px; padding:0 10px; box-sizing:border-box; }
div#content .login form input:after { content:''; clear:both; display:block; }
div#content .login form button { margin:0 5px; float:right; border-radius:0px; width:110px; height:55px; font-size:18px; font-weight:600; background:#0f70b7; color:#FFF; }
div#content .login form a { float:right; display:inline-block; width:110px; height:55px; line-height:55px; font-size:18px; font-weight:600; background:#68b924; color:#FFF; }
div#content .login form div { display:inline-block; }

div#content .section { }
div#content .section .header .title { margin: 30px 0 20px; font-size: 24px; font-weight: bold; }
div#content .section .header .desc { padding-left:5px; font-size:14px; color:#999; }
div#content .section form { margin-top:15px; border-top:1px solid #ddd; }
div#content .section form li { clear:both; }
div#content .section form li label { float:left; text-align:center; background: #a0a0a0; color: #fff; font-weight: bold; font-size: 14px; width:150px; height: 50px; line-height:50px; border-bottom: 1px solid #ddd; }
div#content .section form li div { display:inline-block; height: 50px; border-bottom: 1px solid #ddd; font-size: 14px; width:890px; padding: 10px; box-sizing: border-box; }
div#content .section form li div span { font-size:12px; color:#999; }
div#content .section form li div input { height:30px; line-height: 28px; font-size: 12px; color: #888; padding: 0 10px; box-sizing: border-box; }

div#content .section form li div input.radio { padding: 0; box-sizing: inherit; }
div#content .section form li div input::placeholder { color: #888; }
div#content .section form li div button { vertical-align:top; width:110px; height:30px; font-size:12px; font-weight:600; background:#333; color:#FFF; }
div#content .section .control { text-align:center; margin:40px 0 70px; }
div#content .section .control button { width: 110px; height: 45px; line-height: 45px; font-size: 18px; font-weight: bold; color: #fff; border-radius: 5px; background:#68b924; }

div#content .section .box { margin-top:15px; border:1px solid #ddd; }
div#content .section .box .done { text-align:center; margin-top:150px; }
div#content .section .box .done span { display:block; font-size:24px; line-height:160%; }
div#content .section .box .done span.desc { }
div#content .section .box .control { margin-bottom:150px; }
div#content .section .box .control a { padding:0; border:0; display:inline-block; width: 110px; height: 45px; line-height: 45px; font-size: 18px; font-weight: bold; color: #fff; border-radius: 5px; }
div#content .section .box .control a.login { background:#68b924; }
div#content .section .box .control a.main { background:#000; }

div#content .section form li div input[name="userEmail"] { width: 200px; }
div#content .section form li div select { vertical-align: bottom; height: 30px; border: 1px solid #ccc; padding: 0 5px 0 3px; }


/* LOCATION */
div#location {}
div#location div.map { border:1px solid #DDD; margin-bottom:25px; }
div#location dl { margin-bottom:50px; }
div#location dt { font-weight:bold; font-size:1.2em; }
div#location dt, div#location dd { margin-bottom:10px; }
div#location dd label { display:inline-block; width:50px; text-align:right; }
div#location dd label:after { content:'. '; }
div#location dd span { display:inline-block; }


div#location div.infor { display:inline-block; }
div#location div.infor dl { float:left; width:50%; border-top:2px solid #999; line-height:48px; margin:20px 0 0 0; }
div#location div.infor dl dt { background:#f5f5f5; font-size:16px; text-align:center; margin:0; }
div#location div.infor dl dd { border-bottom:1px solid #eee; margin:0; line-height:40px; }
div#location div.infor dl dd label { text-align:left; padding-left:10px;  }
div#location div.infor dl dd span { font-size:14px; color:#999; }




div#footer { padding:10px 0 30px; }
div#footer div#corpInfor { color:#333; }
div#footer div#corpInfor li { padding:3px 0; }
div#footer div#corpInfor li.addr { clear: both; }
div#footer div#corpInfor li.addr:before { content:''; padding:0; }
div#footer div.copyrights { text-align:left; color:#999; }
/*div#footer div.copyrights { float:left; text-align:left; padding-left:200px; color:#999; }*/



/* 연혁 */
div#content ul.historyList { padding:15px 0; }
div#content ul.historyList li { padding:15px 0; color:#333; font-size:25px; font-weight:600; line-height:30px; border-bottom:1px dotted #b3b3b3; }
div#content ul.historyList li span.month { vertical-align:top; padding-right:100px; }
div#content ul.historyList li span.content { font-size:14px; color:#999; display:block; }
div#content ul.historyList li:last-child { border-bottom:none; }



/* 인증서 */
div.certificate div.location { margin-bottom:20px; }
div.certificate ul.list { display:inline-block; margin:-20px 0 0 -16px !important; }
div.certificate ul.list li { margin:20px 0 0 16px !important; width:238px !important; border:1px solid #e3e3e3; }
div.certificate ul.list li a.subject { border-top:1px solid #e9e9e9; margin:0; padding:15px 5px 0 5px; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }

div.certificate table { border-top:2px solid #999; }
div.certificate thead th { background:#f5f5f5 !important;!important; }
div.certificate thead tr th { word-break:break-all; text-align:left; border-bottom:1px solid #eee; line-height:48px; border-top:none !important; font-size:14px; padding:0 !important; }
div.certificate thead tr th span.subject { padding:10px 0 10px 20px; line-height:26px; display:block; }
div.certificate thead tr th.date { width:120px; text-align:right; padding-right:20px !important;; color:#666; font-weight:100 !important;; }

div.certificate table { border-top:2px solid #999; }
div.certificate thead th { background:#f5f5f5 !important;!important; }
div.certificate thead tr th { word-break:break-all; text-align:left; border-bottom:1px solid #eee; line-height:48px; border-top:none !important; font-size:14px; padding:0 !important; }
div.certificate thead tr th span.subject { padding:10px 0 10px 20px; line-height:26px; display:block; }
div.certificate thead tr th.date { width:120px; text-align:right; padding-right:20px !important;; color:#666; font-weight:100 !important;; }




/* 주요거래처 */
div.partner table#bbs_list { background:none; }
div.partner ul.list { margin:-10px 0 0 -16px !important; }
div.partner ul.list li { margin:10px 0 0 16px !important; width:238px !important; border:1px solid #e3e3e3; }



ul.market.list:after { content:''; display:block; clear:both; }
ul.market.list li.empty { float:none; width:auto; padding:50px; }
ul.market.list li.empty span.empty { color:#999; font-size:0.8em; }
ul.market.list li { float:left; width:24%; margin:0 13.8px 30px 0; }
ul.market.list li:nth-child(4n) { margin-right:0px; }
ul.market.list li a { display:block; overflow:hidden; border-radius:10px; border:1px solid #DDD; font-size:14px; }
ul.market.list li a:hover { text-decoration: none; box-shadow: 0 0 0 6px #ddd; }
ul.market.list li a:hover span.subject { text-decoration:none; }
ul.market.list li a span.thumb { display:block; height:190px; overflow:hidden; text-indent:-1000em; border-bottom:1px solid #DDD; background-size:cover; background-position: center; background-repeat:no-repeat; }
ul.market.list li a span.infor { display:block; padding:10px 10px 0 10px; line-height: 20px;}
ul.market.list li a span.infor.base { height:40px; overflow:hidden; }
ul.market.list li a span.infor:after { content:''; display:block; clear:both; }
ul.market.list li a span.infor span.divide { font-weight: bold; padding-right: 9px; margin-right: 5px; border-right: 1px solid #ddd; color: #56aab2; }
ul.market.list li a span.infor span.divide.used { color: #755800; }
ul.market.list li a span.infor span.divide.stock { color: #ff7200; }
ul.market.list li a span.infor span.price { float:left; font-size: 22px; font-weight: bold; letter-spacing: -0.06em; }
ul.market.list li a span.infor span.date { float:right; font-size: 13px; color: #999; letter-spacing: -0.06em; }
ul.market.list li a span.icons { display:block; margin-top:10px; border-top:1px solid #DDD; padding:10px; }
ul.market.list li a span.icons:after { content:''; display:block; clear:both; }
ul.market.list li a span.icons span { display:block; width: 70px; height: 21px; line-height: 20px; float: left; margin-right:5px; font-size: 12px; text-align: center; background-color: #aaa; color: #fff; border-radius: 15px; }
ul.market.list li a span.icons span.status { background-color: #6891cc; }
ul.market.list li a span.icons span.isDeal.nego { background-color: #87bed0; }


div.market.detail div.title { font-size: 24px; margin-top: 35px; font-weight:bold; margin:40px 0 10px; }
div.market.detail div.title .new { color: #56aab2; }
div.market.detail div.title .used { color: #755800; }
div.market.detail div.title .stock { color: #ff7200; }

div.market.detail div.prodInfo:after { content:''; display:block; clear:both; }
div.market.detail div.picture { width: 500px; margin-right: 20px; float:left; }
div.market.detail div.infor { width: 520px; float:left; }

div.market.detail div.picture div.bigPicture { height: 370px; border: 1px solid #ddd; padding: 5px; box-sizing: border-box; margin-bottom: 10px; }
div.market.detail div.picture div.bigPicture a { display:inline-block; width:100%; height:350px; background-repeat:no-repeat; background-position:center center; background-size:contain; }
div.market.detail div.picture div.bigPicture a span { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 50px; height: 50px; background-color: transparent; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); -moz-opacity: 0; transition: 0.3s ease all; -webkit-transition: 0.3s ease all; -ms-transition: 0.3s ease all; -moz-transition: 0.3s ease all; }

div.marketPopup { border:1px solid #f00; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#70000000, endColorStr=#70000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#70000000, endColorStr=#70000000)"; position: fixed; left: 0; top: 0; z-index: 9999; display: none; }
div.marketPopup * { font-family: 'Nanum Gothic'; }
div.marketPopup div { box-sizing: border-box; }
div.marketPopup .popupWrap { width: 920px; height: 605px; background-color: #f6f6f6; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border-radius: 10px; overflow: hidden; }
div.marketPopup .popupWrap .popupTitle { height: 110px; line-height: 110px; font-size: 30px; background-color: #2d3e50; color: #fff; padding: 0 30px; position: relative; }
div.marketPopup .popupWrap .popupTitle .topClose { width: 36px; height: 36px; background-color: transparent; position: absolute; top: 0; bottom: 0; right: 30px; margin: auto 0; }
div.marketPopup .popupWrap .popupTitle .topClose:before { content: ''; display: block; width: 36px; height: 36px; background: url('/~ftp_toolis/images/market/popClose.png') no-repeat center; }
div.marketPopup .popupWrap .popupContent { padding: 30px 90px; overflow: hidden; }
div.marketPopup .popupWrap .popupContent > div { float: left; }
div.marketPopup .popupWrap .popupContent .phone { position: relative; }
div.marketPopup .popupWrap .popupContent .phone textarea { position:absolute; top: 60px; left: 12px; width: 204px; height: 251px; padding: 15px 10px; box-sizing: border-box; border: 0; font-size: 14px; resize: none; }
div.marketPopup .popupWrap .popupContent .phone textarea:focus { outline: none; }
div.marketPopup .popupWrap .popupContent .phone .bytes { width: 100%; height: 35px; line-height: 35px; position: absolute; bottom: 101px; text-align: center; font-size: 14px; }
div.marketPopup .popupWrap .popupContent .message { float:right; width: 513px; padding: 20px 0 0 40px; font-size: 14px; }
div.marketPopup .popupWrap .popupContent .message ul { margin-top: 5px; padding-bottom: 15px; }
div.marketPopup .popupWrap .popupContent .message ul li { border: 1px solid #ccc; padding: 0 10px; margin-top: 10px; background-color: #fff; }
div.marketPopup .popupWrap .popupContent .message ul li button { width: 100%; background-color: #fff; text-align: left; color: #666; padding: 7px 0; }
div.marketPopup .popupWrap .popupContent .message .phoneNumbers { height: 50px; overflow: hidden; border: 1px solid #ddd; border-right: 0; border-left: 0; margin-bottom: 40px; }
div.marketPopup .popupWrap .popupContent .message .phoneNumbers > div { width: 50%; float: left; box-sizing: border-box; padding: 10px 0; font-weight: bold; }
div.marketPopup .popupWrap .popupContent .message .phoneNumbers .phoneNumber { width: 140px; height: 30px; margin-left: 10px; font-size: 12px; padding: 0 10px; box-sizing: border-box; }
div.marketPopup .popupWrap .popupContent .message .phoneNumbers .receiveUser { padding-left: 20px; }
div.marketPopup .popupWrap .popupContent .message .phoneNumbers .snedUser { border-right: 1px solid #ddd; }
div.marketPopup .popupWrap .popupContent .message .popupBtnWrap { text-align: right; }
div.marketPopup .popupWrap .popupContent .message .popupBtnWrap button { height: 45px; font-size: 18px; font-weight: bold; color: #fff; border-radius: 6px; }
div.marketPopup .popupWrap .popupContent .message .popupBtnWrap button.sendBtn { width: 140px; background-color: #0069b3; margin-right: 6px; }
div.marketPopup .popupWrap .popupContent .message .popupBtnWrap button.bottomClose { width: 110px; background-color: #888; }




div.market.detail div.picture div.pictureList ul:after { content:''; display:block; clear:both; }
div.market.detail div.picture div.pictureList ul li { float:left; }
div.market.detail div.picture div.pictureList ul li { float: left; width: 88px; height: 88px; margin-right: 15px; margin-bottom: 5px; border: 1px solid #ddd; box-sizing: border-box; }
div.market.detail div.picture div.pictureList ul li:nth-child(5n) { margin-right:0px; }
div.market.detail div.picture div.pictureList ul li a { display: block; height: inherit; background-repeat: no-repeat; background-position: center; background-size: contain; }
div.market.detail div.picture div.pictureList ul li a span { display:none; }
div.market.detail div.picture div.pictureList ul li.empty { background:url('/~ftp_toolis/images/empty.gif') no-repeat center; background-size:50px; }

div.market.detail div.infor { width: 520px; float:left; }
div.market.detail div.infor .sellInfor { background-color: #f2f2f2; height: 60px; padding:10px 15px; box-sizing: border-box; overflow: hidden; margin-bottom: 20px; }
div.market.detail div.infor .sellInfor div.price { float: left; font-size: 14px; margin-top: 2px; }
div.market.detail div.infor .sellInfor div.price span { font-size: 30px; font-weight: bold; margin-right: 5px; }
div.market.detail div.infor .sellInfor div.price span.zero { font-size: 20px; line-height: 38px; margin-right: 0; font-weight: normal; }
div.market.detail div.infor .sellInfor div.status { float: right; margin-top: 9px; }
div.market.detail div.infor .sellInfor div.status span { display:block; width: 70px; height: 21px; line-height: 20px; float: left; margin-right:5px; font-size: 12px; text-align: center; background-color: #1b3976; color: #fff; border-radius: 15px; }
div.market.detail div.infor .sellInfor div.status span.status { background-color: #6891cc; }
div.market.detail div.infor .sellInfor div.status span.isDeal.nego { background-color: #87bed0; }
div.market.detail div.infor .specInfor { margin-bottom: 70px; }
div.market.detail div.infor .specInfor table { width:100%; }
div.market.detail div.infor .specInfor table tr th { padding: 13px 0 13px 10px; border-bottom: 1px solid #ddd; font-size: 14px; text-align: left; }
div.market.detail div.infor .specInfor table tr td { padding: 13px 0 13px 10px; border-bottom: 1px solid #ddd; font-size: 14px; }
div.market.detail div.infor .control { text-align: right; }
div.market.detail div.infor .control form { display: inline-block; }
div.market.detail div.infor .control button { width: 225px; height: 50px; font-size: 18px; font-weight: bold; border-radius: 5px; line-height: 50px; color: #fff; }
div.market.detail div.infor .control button.detailBtnBlue { margin-right: 6px; background-color: #0168b7; }
div.market.detail div.infor .control button.detailBtnGray { float:right; background-color: #666; }
div.market.detail div.infor .control a.prodModify { display:inline-block; text-align:center; width: 225px; height: 50px; font-size: 18px; font-weight: bold; border-radius: 5px; line-height: 50px; color: #fff; }
div.market.detail div.infor .control a.detailBtnBlue { margin-right: 6px; background-color:#0168b7; }




div.market.detail div.similar { background-color: #f2f2f2; padding: 0 65px; margin-top: 35px; }
div.market.detail div.similar .similarTitle { font-size: 18px; font-weight: bold; text-align: center; padding: 20px 0; }
div.market.detail div.similar .similarList ul li { overflow: hidden; width: 100%; }
div.market.detail div.similar .similarList ul li a { width: 162px; margin-right: 25px; float: left; }
div.market.detail div.similar .similarList ul li a.noMargin { margin-right: 0; }
/* div.market.detail div.similar .similarList ul li a.noThum { cursor: default; } */
div.market.detail div.similar .similarList ul li a:hover { text-decoration: none; }
div.market.detail div.similar .similarList ul li a.noThum .similarBox { background-size: 100px; }
div.market.detail div.similar .similarList ul li a span { display: block; }
div.market.detail div.similar .similarList ul li a .similarBox { width: 100%; height: 162px; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid #ddd; box-sizing: border-box; }
div.market.detail div.similar .similarList ul li a .similarSubject { font-size: 14px; text-align: center; padding: 15px 0; }
div.market.detail div.similar .similarList button { width: 30px; height: 105px; position: absolute; top: 28.5px; border-radius: 20px; background-color: #999; transition: 0.3s ease all; -webkit-transition: 0.3s ease all; -ms-transition: 0.3s ease all; -moz-transition: 0.3s ease all; }
div.market.detail div.similar .similarList button:hover { background-color: #0168b7; }
div.market.detail div.similar .similarList button.devGlyPrev { left: -47px; }
div.market.detail div.similar .similarList button.devGlyNext { right: -47px; }
div.market.detail div.similar .similarList button i { color: #fff; font-size: 24px; }

div.market.detail div.contents { border: 1px solid #ddd; padding: 20px; box-sizing: border-box; line-height: 160%; }
div.market.detail div.contents .video { width: 875px; height: 520px; padding: 20px 15px; border: 1px solid #ddd; background-color: #efefef; border-radius: 10px; margin: 0 auto 30px; box-sizing: border-box; }

div.market.detail div.cmt .qna { border: 1px solid #ddd; padding: 10px; margin-bottom: 60px; }
div.market.detail div.cmt .qna .insertBox { background-color: #f2f2f2; padding: 15px; box-sizing: border-box; overflow: hidden; }
div.market.detail div.cmt .qna .insertBox textarea { width: 878px; height: 100px; padding: 10px; border: 1px solid #ddd; font-size: 13px; box-sizing: border-box; resize: none; font-family: 'Nanum Gothic'; float: left; margin-right: 10px; }
div.market.detail div.cmt .qna .insertBox textarea::placeholder { color: #888; line-height: 80px; }
div.market.detail div.cmt .qna .insertBox button { width: 100px; height: 100px; line-height: 100px; border: 1px solid #4c4c4c; background-color: #666; color: #fff; font-size: 24px; float: left; }
div.market.detail div.cmt .qna iframe { width:100%; border:0px; }

.expandPopup { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; background-color: rgba(0, 0, 0, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#70000000, endColorStr=#70000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#70000000, endColorStr=#70000000)"; text-align: center; display: none; }
.expandPopup .expandPicture { display: inline-block; background-color: #fff; border-radius: 15px; padding: 0 10px 35px 10px; max-width: 80%; min-width: 350px; box-sizing: border-box; }
.expandPopup .expandPicture .popupTitle { padding: 30px 0; text-align: center; font-size: 24px; font-weight: bold; }
.expandPopup .expandPicture .popupTitle button { width: 40px; height: 35px; border-radius: 5px; background-color: #222; position: absolute; right: 5px; top: 0; bottom: 0; margin: auto 0; }
.expandPopup .expandPicture .popupTitle button i { font-family: 'FontAwesome'; font-style: normal; color: #fff; font-size: 30px; }
.expandPopup .expandPicture img { max-width: 100%; }


/* write */
.market .writeTitle { margin: 30px 0 20px; font-size: 24px; font-weight: bold; }
.market .marketTable { border-top: 1px solid #ddd; width:100%; }
.market .marketTable tr th { background-color: #a0a0a0; color: #fff; font-weight: bold; font-size: 14px; height: 50px; border-bottom: 1px solid #ddd; }
.market .marketTable tr td { height: 50px; border-bottom: 1px solid #ddd; font-size: 14px; padding: 10px; box-sizing: border-box; }
.market .marketTable tr td #nego { vertical-align:middle; height:25px; border:1px solid #f00; }
.market .marketTable tr td input { height:30px; line-height: 28px; font-size: 12px; color: #888; padding: 0 10px; box-sizing: border-box; }
.market .marketTable tr td input.radio { padding: 0; box-sizing: inherit; }
.market .marketTable tr td input::placeholder { color: #888; }
.market .marketTable tr td select { width: 245px; height: 29px; font-size: 12px; }
.market .marketTable tr td select.areaSelect { width: 165px; }
.market .marketTable tr td .arrowRight { width: 6px; height: 6px; display: inline-block; border: 1px solid #666; margin: 0 5px 0 3px; border-bottom: 0; border-left: 0; transform: rotate(45deg); }
.market .marketTable tr td input.price { width: 165px; text-align: right; margin-right:5px; }
.market .marketTable tr td input.phone { width: 165px; }
.market .marketTable tr td input.email { width: 210px; }
.market .marketTable tr td input[type='checkbox'][checked] + label.nego:after { content: ''; width: 13px; height: 13px; position: absolute; left: 0; background: url('/images/market/checked.png') no-repeat center; }
.market .marketTable tr td label.nego { font-size: 12px; display: inline-block; /*position: relative; padding-left: 23px; margin-left: 20px;*/ }
/*.market .marketTable tr td label.nego:before { content: ''; width: 13px; height: 13px; border: 1px solid #26a0da; box-sizing: border-box; position: absolute; top: 1px; left: 0; }*/
.market .marketTable tr td input[type='radio'] { width: 15px; height: 15px; vertical-align: middle; margin-right: 5px; }
.market .marketTable tr td input[type='radio'] + label { font-size: 14px; margin-right: 20px; color: #888; }
.market .marketTable tr td textarea { width: 100%; height: 245px; border: 1px solid #ddd; font-size: 12px; padding: 10px; line-height: 160%; box-sizing: border-box; resize: none; }
.market .marketTable tr td textarea::placeholder { color: #888; }
.market .marketTable tr td select.video { width: 100px; }
.market .marketTable tr td select.video + span.ui-state-default { float: left; margin-right: 5px; }
.market .marketTable tr td input.youtube { width: 150px; height: 30px; float: left; }
.market .marketTable tr td input.link { width: 455px; float: left; }
.market .marketTable tr td .videoComment { color: #888; font-size: 12px; margin-left: 10px; line-height: 30px; }
.market .marketTable tr td .videoComment span { color: #ff0000; }
.market .marketTable tr td .keywords { margin-bottom: 5px; overflow: hidden; }
.market .marketTable tr td .keywords .keywordWrap { width: 170px; float: left; margin-right: 5px; position: relative; }
.market .marketTable tr td .keywords .keywordWrap:last-child { margin-right: 0; }
.market .marketTable tr td .keywords .keywordWrap .writeKeyword { width: 100%; padding-right: 30px; }
.market .marketTable tr td .keywords .keywordWrap button { position: absolute; top: 0; right: 0; width: 30px; height: 30px; background-color: transparent; }
.market .marketTable tr td .keywords .keywordWrap button:before { content: ''; width: 15px; height: 2px; background-color: #999; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; transform: rotate(45deg); }
.market .marketTable tr td .keywords .keywordWrap button:after { content: ''; width: 15px; height: 2px; background-color: #999; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; transform: rotate(-45deg); }
.market .marketTable tr td .keywordComment { font-size: 12px; color: #ff0000; }
.market .imageArea .titleWrap { overflow: hidden; margin-top: 80px; }



.market .imageArea .titleWrap .title { float: left; margin-top: 0; }
.market .imageArea .title { margin: 40px 0 10px; font-size: 18px; font-weight: bold; }
.market .imageArea .title:before { content: ''; width: 5px; height: 5px; background-color: #fff; border: 4px solid #0069b3; border-radius: 50%; display: inline-block; margin-right: 8px; }
.market .imageArea .titleWrap .titleComment { float: right; font-size: 12px; padding-top: 7px; }
.market .imageArea .imageWrap { border: 1px solid #ddd; }
.market .imageArea .imageWrap .commentWrap { background-color: #a0a0a0; overflow: hidden; padding: 5px 0; border-bottom: 1px solid #ddd; }
.market .imageArea .imageWrap .commentWrap .imageComment { float: left; color: #fff; padding-left: 20px; font-size: 14px; line-height: 30px; }
.market .imageArea .imageWrap .commentWrap label { float: right; width: 110px; background-color: #5e5e5e; color: #fff; font-size: 12px; font-weight: bold; cursor: pointer; text-align: center; height: 30px; line-height: 30px; border-radius: 3px; margin-right: 10px; }
.market .imageArea .imageWrap .commentWrap button.d932FileAdd { float: right;  background-color: #5e5e5e; color: #fff; font-size: 12px; font-weight: bold; cursor: pointer; text-align: center; height: 30px; line-height: 30px; border-radius: 3px; margin-right: 10px; padding:0 20px; }
.market .imageArea .imageWrap .commentWrap button.d932FileAdd:before { content:'\f067'; font-family:'FontAwesome'; padding-right:5px; }
.market .imageArea .imageWrap .commentWrap button.d932FileAdd span { display:inline; color:inherit; }
.market .imageArea .imageWrap ul.d932File { padding:10px; }
.market .imageArea .imageWrap ul.d932File:after { content:''; display:block; clear:both; }
.market .imageArea .imageWrap ul.d932File li { float:left; overflow:hidden; position:relative; margin:5px; }
.market .imageArea .imageWrap ul.d932File li label { border:1px solid #DDD; display:block; cursor:pointer; background-image:url('/~ftp_toolis/images/lib/icoUpload.darkGray.png'); background-position:center; background-size:contain; background-repeat:no-repeat; background-color:#FFF; }
.market .imageArea .imageWrap ul.d932File li label:after { filter:alpha(opacity=0); opacity:0; transition-duration:.2s; }
.market .imageArea .imageWrap ul.d932File li label.extra { background:url('/images/common/icoFile.png') no-repeat center; }
.market .imageArea .imageWrap ul.d932File li label.extra.mov { background-image:url('/images/common/icoMov.png'); }
.market .imageArea .imageWrap ul.d932File li label.extra.wav { background-image:url('/images/common/icoWav.png'); }
.market .imageArea .imageWrap ul.d932File li label.extra.txt { background-image:url('/images/common/icoTxt.png'); }
.market .imageArea .imageWrap ul.d932File li label.extra.pdf { background-image:url('/images/common/icoPdf.png'); }
.market .imageArea .imageWrap ul.d932File li label.extra.psd { background-image:url('/images/common/icoPsd.png'); }
.market .imageArea .imageWrap ul.d932File li label.extra.sql { background-image:url('/images/common/icoSql.png'); }
.market .imageArea .imageWrap ul.d932File li label.extra.zip { background-image:url('/images/common/icoZip.png'); }
.market .imageArea .imageWrap ul.d932File li label.extra.ppt { background-image:url('/images/common/icoPpt.png'); }
.market .imageArea .imageWrap ul.d932File li label.extra.pptx { background-image:url('/images/common/icoPpt.png'); }
.market .imageArea .imageWrap ul.d932File li label.extra.ai { background-image:url('/images/common/icoAi.png'); }
.market .imageArea .imageWrap ul.d932File li label.extra.doc { background-image:url('/images/common/icoDoc.png'); }
.market .imageArea .imageWrap ul.d932File li label.extra.docx { background-image:url('/images/common/icoDoc.png'); }
.market .imageArea .imageWrap ul.d932File li label.extra.xls { background-image:url('/images/common/icoXls.png'); }
.market .imageArea .imageWrap ul.d932File li label.extra.xlsx { background-image:url('/images/common/icoXls.png'); }
.market .imageArea .imageWrap ul.d932File li:hover label:after { content:''; display:block; position:absolute; width:100%; height:100%; left:0px; top:0px; background:url('/~ftp_toolis/images/lib/icoUpload.png') no-repeat center; background-size:contain; filter:alpha(opacity=50); opacity:0.5; transition-duration:.2s; }
.market .imageArea .imageWrap ul.d932File li button { position:absolute; width:100%; height:30px; border-radius:0px; border:0px; box-shadow:none; left:0px; font-size:11px;  color:#FFF; transition-duration:.2s; }
.market .imageArea .imageWrap ul.d932File li button span { display:none; }
.market .imageArea .imageWrap ul.d932File li button.downFile { top:-30px; background-color:#0085ba; text-shadow:0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799; }
.market .imageArea .imageWrap ul.d932File li button.downFile:hover { box-shadow:none; }
.market .imageArea .imageWrap ul.d932File li button.delFile { bottom:-30px; background-color:#e14d43; text-shadow:0 -1px 1px #ba281e, 1px 0 1px #ba281e, 0 1px 1px #ba281e, -1px 0 1px #ba281e; }
.market .imageArea .imageWrap ul.d932File li button.rotate { display:block; width:30px; height:30px; top:50%; margin-top:-15px; border:0px; background-repeat: no-repeat; background-position:center; background-size:60%; background-color:#000; background-color:#00000033; }
.market .imageArea .imageWrap ul.d932File li button.rotate270 { left:-30px; background-image:url('/images/market/rotateLeft.png'); }
.market .imageArea .imageWrap ul.d932File li button.rotate90 { left:unset; right:-30px; background-image:url('/images/market/rotateRight.png'); }
.market .imageArea .imageWrap ul.d932File li:hover button { transition-duration:.2s; }
.market .imageArea .imageWrap ul.d932File li:hover button.downFile { top:0px; }
.market .imageArea .imageWrap ul.d932File li:hover button.delFile { bottom:0px; }
.market .imageArea .imageWrap ul.d932File li:hover button.rotate270 { left:0px; }
.market .imageArea .imageWrap ul.d932File li:hover button.rotate90 { right:0px; }
.market .imageArea .imageWrap ul.d932File li.ghost { width:50px; height:50px; border:5px dashed #DDD; }
.market .imageArea .imageWrap ul.d932File li.d932AddFile button { height:100%; border:5px dashed #DDD; background:url('/images/common/icoAdd.darkGray.png') no-repeat center; background-size:contain; }
form.d932FileForm { display:block; overflow:hidden; width:0px; height:0px; position:absolute; left:0px; bottom:0px; }
div.d932FileForm { position:fixed; width:0px; height:0px; right:-1px; bottom:-1px; overflow:hidden; }


.market .imageArea .btnWrap { text-align: center; margin: 40px 0 70px; }
.market .imageArea .btnWrap button { width: 110px; height: 45px; line-height: 45px; font-size: 18px; font-weight: bold; color: #fff; border-radius: 5px; }
.market .imageArea .btnWrap button.submitBtn { background-color: #0069b3; margin-right: 8px; }
.market .imageArea .btnWrap button.cancelBtn { background-color: #888; }


/* my Market */
.market .myMarket { }
.market .myMarket .title { font-size: 24px; margin-bottom: 20px; font-weight: bold; }
.market .myMarket .title:before { content: ''; width: 5px; height: 5px; background-color: #fff; border: 4px solid #0069b3; border-radius: 50%; display: inline-block; margin-right: 8px; }
.market .myMarket .tab { overflow: hidden; }
.market .myMarket .tab li { float: left; width: 190px; text-align: center; }
.market .myMarket .tab li.answer { width: 250px; }
.market .myMarket .tab li.question { width: 220px; }
.market .myMarket .tab li a { font-size: 16px; text-decoration: none; display: block; height: 50px; line-height: 50px; background-color: #f2f2f2; border: 1px solid #999; border-left: 0; }
.market .myMarket .tab li a.active { background-color: #0e47a1; color: #fff; font-weight: bold; }
.market .myMarket .tab li:first-child a { border-left: 1px solid #999; }
.market .myMarket .titleWrap { overflow: hidden; margin: 35px 0 10px; }
.market .myMarket .titleWrap .title { font-size: 18px; float: left; margin: 0; }
.market .myMarket .titleWrap .title span { color: #ff0000; }
.market .myMarket .titleWrap .search { float: right; overflow: hidden; background:none; }
.market .myMarket .titleWrap .search select { float:left; width: 150px; height: 29px; font-size: 12px; }
.market .myMarket .titleWrap .search .ui-state-default { float: left; height: 30px; margin-right: 10px; box-sizing: border-box; border-color: #ccc; }
.market .myMarket .titleWrap .search .ui-selectmenu-text { line-height: 29px; padding: 0 30px 0 10px; font-size: 14px; }
.market .myMarket .titleWrap .search input { border:1px solid #ddd; width: 245px; height: 30px; line-height:30px; box-sizing: border-box; padding: 0 10px; font-size: 12px; margin:0 10px 0; }
.market .myMarket .titleWrap .search input::placeholder { color: #888; }
.market .myMarket .titleWrap .search button { margin:0; width: 50px; height: 30px; background-color: #0069b3; }
.market .myMarket .titleWrap .search button i { color: #fff; font-size: 19px; }

ul.market.list li a:hover span.subject { text-decoration:none; }


.market .list .market li span.list { cursor:pointer; display:block; overflow:hidden; border-radius:10px; border:1px solid #DDD; font-size:14px; }
.market .list .market li span.list:hover { text-decoration: none; box-shadow: 0 0 0 6px #ddd; }
.market .list .market li span.list:hover span.subject { text-decoration:none; }
.market .list .market li span.list span.thumb { display:block; height:190px; overflow:hidden; text-indent:-1000em; border-bottom:1px solid #DDD; background-size:cover; background-position: center; background-repeat:no-repeat; }
.market .list .market li span.list span.infor { display:block; padding:10px 10px 0 10px; line-height: 20px;}
.market .list .market li span.list span.infor.base { height:40px; overflow:hidden; }
.market .list .market li span.list span.infor:after { content:''; display:block; clear:both; }
.market .list .market li span.list span.infor span.divide { font-weight: bold; padding-right: 9px; margin-right: 5px; border-right: 1px solid #ddd; color: #56aab2; }
.market .list .market li span.list span.infor span.divide.used { color: #755800; }
.market .list .market li span.list span.infor span.divide.stock { color: #ff7200; }
.market .list .market li span.list span.infor span.price { float:left; font-size: 22px; font-weight: bold; letter-spacing: -0.06em; }
.market .list .market li span.list span.infor span.date { float:right; font-size: 13px; color: #999; letter-spacing: -0.06em; }

.market .list .market .control { margin-top:10px; border-top:1px solid #ddd; display:inline-block; }
.market .list .market .control a { display:block; overflow:hidden; border-radius:3px; border:none; font-size:12px; }
.market .list .market .control a:hover { text-decoration:none; box-shadow:none; }

.market .list .market .control { padding: 7px; overflow: visible; }
.market .list .market .control a { text-align:center; height: 25px; line-height: 25px; float: left; margin-right: 5px; border-radius: 3px; font-size: 12px; color: #fff; }
.market .list .market .control a.detail { width: 63px; background-color: #0e47a1; }
.market .list .market .control a.comment { width: 63px; background-color: #0168b7; border: 0; padding: 0; margin-bottom: 0; position: relative; overflow: visible; }
.market .list .market .control a.comment span { display: block; width: 25px; height: 25px; background-color: #ff0000; color: #fff; border-radius: 50%; position: absolute; right: -4px; top: -19px; }
.market .list .market .control a.modify { width: 46px; background-color: #408f00; }
.market .list .market .control button.delete { border-radius:3px; width:46px; height: 25px; background-color: #666; margin-right: 0; color:#fff; font-size:12px; }

.market .list .market li.empty { text-align:center; margin:0; padding:100px 0; }
.market .list .market li.empty span.empty { font-size:14px; }

.market .list ul.comment li { border-top:1px solid #ddd; padding:7px 0; }
.market .list ul.comment li a { display:inline-block; }
.market .list ul.comment li:last-child { border-bottom:1px solid #ddd; }
.market .list ul.comment li span { font-size:14px; }
.market .list ul.comment li span.thumb { float:left; display:inline-block; border:1px solid #ddd; width:120px; height:80px; overflow:hidden; text-indent:-1000em; background-size:cover; background-position: center; background-repeat:no-repeat; }
.market .list ul.comment li span.info { margin-left:10px; display:inline-block; line-height:80px; height:80px; vertical-align:top; }
.market .list ul.comment li span.info span.subject { float:left; width:500px; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.market .list ul.comment li span.info span.comment { padding-left:20px; width:384px; display:inline-block; text-align:right; color:#999; }
.market .list ul.comment li span.info span.comment .content { float:left; text-align:left; width:150px; font-weight:600; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.market .list ul.comment li span.info span.comment .writer { display:inline-block; width:60px; text-align:center; padding:0 10px; }
.market .list ul.comment li span.info span.comment .date { }

.market .list ul.comment li.empty { text-align:center; margin:0; padding:100px 0; }
.market .list ul.comment li.empty span.empty { font-size:14px; }

.market .myMarket .prodList ul { border-top: 1px solid #ddd; padding-top: 20px; }
.market .myMarket .prodList ul li .info a:hover { text-decoration: underline; }
/*.market .myMarket .prodList ul li .status { padding: 7px; overflow: visible; }*/
.market .myMarket .prodList ul li .status button { height: 25px; line-height: 25px; float: left; margin-right: 5px; border-radius: 3px; font-size: 12px; color: #fff; }
.market .myMarket .prodList ul li .status button.view { width: 63px; background-color: #0e47a1; }
.market .myMarket .prodList ul li .status button.qna { width: 63px; background-color: #0168b7; border: 0; padding: 0; margin-bottom: 0; position: relative; overflow: visible; }
.market .myMarket .prodList ul li .status button.qna span { display: block; width: 25px; height: 25px; background-color: #ff0000; color: #fff; border-radius: 50%; position: absolute; right: -4px; top: -19px; }
.market .myMarket .prodList ul li .status button.modify { width: 42px; background-color: #408f00; }
.market .myMarket .prodList ul li .status button.delete { width: 42px; background-color: #666; margin-right: 0; }
.market .myMarket .prodList .noData { border: 0; padding-top: 130px; }
.market .myMarket .myQnaList { border: 1px solid #ddd; padding: 20px 10px 0; margin-bottom: 80px; }
.market .myMarket .myQnaList > ul li { border-bottom: 1px solid #ddd; padding: 15px 10px; box-sizing: border-box; overflow: hidden; }
.market .myMarket .myQnaList > ul li:first-child { border-top: 1px solid #ddd; }
.market .myMarket .myQnaList > ul li.active { background-color: #f2f2f2; }
.market .myMarket .myQnaList > ul li.noData { text-align: center; color: #999; font-size: 14px; border: 0; padding: 80px 0 100px; }
.market .myMarket .myQnaList > ul li .thum { width: 95px; height: 95px; border: 1px solid #ddd; float: left; margin-right: 20px; background-position: center; background-repeat: no-repeat; background-size: contain; box-sizing: border-box; }
.market .myMarket .myQnaList > ul li .info { width: 883px; float: left; font-size: 13px; }
.market .myMarket .myQnaList > ul li .info .subject { font-weight: 900; margin-bottom: 10px; display: block; }
.market .myMarket .myQnaList > ul li .info .question { height: 37px; overflow: hidden; display: block; word-break: break-all; line-height: 20px; margin-bottom: 15px; }
.market .myMarket .myQnaList > ul li .info .answerBox { line-height: 18px; overflow: hidden; }
.market .myMarket .myQnaList > ul li .info .answerBox .qnaBadge { width: 55px; float: left; }
.market .myMarket .myQnaList > ul li .info .answerBox .qnaBadge:before { content: ''; display: inline-block; width: 8px; height: 8px; border: 1px solid #c2c2c2; border-top: 0; border-right: 0; margin-right: 5px; }
.market .myMarket .myQnaList > ul li .info .answerBox .qnaBadge span { display: inline-block; width: 30px; height: 20px; background-color: #a3a9b3; color: #fff; text-align: center; font-size: 11px; border-radius: 4px; border: 1px solid #9499a2; box-sizing: border-box; }
.market .myMarket .myQnaList > ul li .info .answerBox .answer { height: 37px; width: 828px; float: left; overflow: hidden; display: block; word-break: break-all; }
.market .myMarket .myQnaList .pager { margin: 40px 0 70px; }





#qnaList { margin-top: 13px; }
#qnaList table { width: 100%; border-bottom: 1px solid #ddd; border-collapse: collapse; }
#qnaList table tr { transition: 0.5s ease all; }
#qnaList table tr.answerActive { background-color: #f2f2f2; }
#qnaList table tr.blink { background-color: beige; }
#qnaList table tr td { border-top: 1px solid #ddd; font-size: 13px; padding: 15px 20px; }
#qnaList table tr td.seq { text-align: center; vertical-align: top; padding-top: 17px; }
#qnaList table tr td.contents { line-height: 1.5em; }
#qnaList table tr td.contents span.info { color: #888; }
#qnaList table tr td.contents span.info:before { content: ''; display: inline-block; border-left: 1px solid #ddd; height: 13px; position: relative; top: 3px; margin: 0 10px 0 8px; }
#qnaList table tr td.contents span.info button { color: #888; background-color: transparent; padding: 0 0 2px 2px; }
#qnaList table tr td.contents .qnaBadge { width: 60px; float: left; }
#qnaList table tr td.contents .qnaBadge:before { content: ''; display: inline-block; width: 8px; height: 8px; border: 1px solid #c2c2c2; border-top: 0; border-right: 0; margin-right: 5px; }
#qnaList table tr td.contents .qnaBadge span { display: inline-block; width: 30px; height: 20px; background-color: #a3a9b3; color: #fff; text-align: center; font-size: 11px; border-radius: 4px; border: 1px solid #9499a2; }
#qnaList table tr td.contents .insertBox { background-color: #f2f2f2; padding: 15px; box-sizing: border-box; overflow: hidden; }
#qnaList table tr td.contents .insertBox textarea { width: 878px; height: 100px; padding: 10px; border: 1px solid #ddd; font-size: 13px; box-sizing: border-box; resize: none; font-family: 'Nanum Gothic'; float: left; margin-right: 10px;  }
#qnaList table tr td.contents .insertBox textarea::placeholder { color: #888; line-height: 80px; }
#qnaList table tr td.contents .insertBox button { width: 100px; height: 100px; line-height: 100px; border: 1px solid #4c4c4c; background-color: #666; color: #fff; font-size: 24px; float: left; }
#qnaList table tr td.contents .modifyBox { display: none; }
#qnaList table tr td.contents .modifyBox .qnaBadge { text-align: center; padding-top: 38px; }
#qnaList table tr td.contents .modifyBox .qnaBadge:before { display: none; }
#qnaList table tr td.contents .modifyBox .qnaBadge span { background-color: #7ba0a2; border-color: #6f8f93; }
#qnaList table tr td.contents .modifyBox .insertBox { padding: 0 15px 0 0; background-color: transparent; }
#qnaList table tr td.contents .modifyBox .insertBox textarea { width: 743px; }
#qnaList table tr td.contents .modifyBox .insertBox button.half { height: 60px; line-height: 60px; font-size: 20px; background-color: #839ca1; }
#qnaList table tr td.contents .modifyBox .insertBox button.cancel { height: 30px; line-height: 29px; font-size: 14px; margin-top: 10px; }
#qnaList table tr td.contents .answer { margin-top: 20px; overflow: hidden; }
#qnaList table tr td.contents .answer .contents { float: left; }
#qnaList table tr td.contents .answer .answerBadge { width: 90px; height: 20px; background-color: #4c7e98; color: #fff; font-size: 11px; border-radius: 3px; border: 1px solid #45758a; margin-left: 15px; }
#qnaList table tr td.contents .answer .answerBadge:before { content: ''; display: inline-block; width: 8px; height: 8px; border: 1px solid #c2c2c2; border-top: 0; border-right: 0; position: absolute; left: 0; }
#qnaList table tr td.contents .answer .modifyBox { width: 868px; }
#qnaList table tr td.contents .answerBox { display: none; margin-top: 20px; }
#qnaList table tr td.contents .answerBox .insertBox { background-color: transparent; padding: 0 15px 0 0; }
#qnaList table tr td.contents .answerBox .insertBox textarea { width: 743px; }
#qnaList table tr td.contents .answerBox .insertBox button.half { height: 60px; line-height: 60px; font-size: 20px; background-color: #839ca1; }
#qnaList table tr td.contents .answerBox .insertBox button.cancel { height: 30px; line-height: 29px; font-size: 14px; margin-top: 10px; }
#qnaList .pager { padding: 40px 0 50px; text-align: center; }
#qnaList .pager .devPage { overflow: hidden; display: inline-block; }
#qnaList .pager .devPage li { float: left; width: 35px; height: 35px; line-height: 34px; border: 1px solid #ccc; border-left: 0; box-sizing: border-box; background-color: #f8f8f8; }
#qnaList .pager .devPage li a { display: block; font-size: 13px; font-weight: bold; color: transparent; text-decoration: none; }
#qnaList .pager .devPage li a:before { display: block; font-size: 12px; font-weight: bold; color: #666; line-height: 33px; }
#qnaList .pager .devPage li.devFirstPage { border-left: 1px solid #ccc; }
#qnaList .pager .devPage li.devNextPage { border-left: 1px solid #ccc; }
#qnaList .pager .devPage li.devStartPage { margin-left: 10px; border-left: 1px solid #ccc; }
#qnaList .pager .devPage li.devEndPage { margin-right: 10px; }
#qnaList .pager .devPage li.devNowPage { border-color: #666; }
#qnaList .pager .devPage li.devListPage { background-color: #fff; }
#qnaList .pager .devPage li.disable { display: none; }
#qnaList .pager .devPage li.devListPage a { color: #666; }
#qnaList .pager .devPage li.devNowPage a { background-color: #666; color: #fff; }
#qnaList .pager .devPage li.devFirstPage a:before { content: '<<'; }
#qnaList .pager .devPage li.devPrevPage a:before { content: '<'; }
#qnaList .pager .devPage li.devNextPage a:before { content: '>'; }
#qnaList .pager .devPage li.devLastPage a:before { content: '>>'; }

#qnaList.popQnaList { margin-top: 0; padding-top: 10px; background-color: #f6f6f6; }
#qnaList.popQnaList table tr td.contents { padding-right: 10px; }
#qnaList.popQnaList table tr td.contents .insertBox { padding: 0; }
#qnaList.popQnaList table tr td.contents .insertBox textarea { width: 650px; }
#qnaList.popQnaList table tr td.contents .answer .modifyBox { width: 760px; }

#qnaList.noData { width: 100%; height: 495px; line-height: 495px; background-color: #f6f6f6; margin: 0; text-align: center; margin: 0; font-size: 16px; color: #999; }