@charset "utf-8";

/* detail */
.detailTable table{width:100%;border:none;border-collapse:collapse;border-top:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3;table-layout:fixed}
.detailTable th{width:20%;padding:10px 20px;border:none;background-color:#f3f3f3;border-top:1px solid #e6e6e6;color:#727272;text-align:right;font-size:14px;}
.detailTable tr:first-child th{border-top:none}
.detailTable td{padding:10px 20px;border:none;border-top:1px solid #e6e6e6;font-size:14px;word-break:break-all}
.detailTable tr:first-child td{border-top:none}

/* 게시판 상세 */
.boardInfo{position:relative;padding:20px;background-color:#f3f3f3;border:1px solid #e6e6e6;border-top:1px solid #b3b3b3}
.boardInfo .boardInfoTitle{padding-right:100px;color:#1a1a1a;font-size:1.429em;font-weight:600}
.boardInfo .writeInfo{position:absolute;top:20px;right:20px}
.boardInfo .writeInfo p{text-align:right;margin-top:10px}
.boardInfo .writeInfo p:first-child{margin-top:0}
.boardInfo .writeInfo span{position:absolute;top:31px;right:24px}
.boardInfo .writeInfo p.status span{position:relative;top:0;right:0;}
.boardInfo .writerInfo{overflow:hidden}
.boardInfo .writeInfo a.btnShare{position:absolute;width:27px; height:27px;top:25px;right:0;}
.boardInfo .writeInfo a.btnShare img{width:27px;height:27px;}
.boardInfo .writerInfo dl{clear:both}
.boardInfo .writerInfo dt{float:left;margin-right:5px;margin-top:10px;font-weight:600}
.boardInfo .writerInfo dt.skip{display:none}
.boardInfo .writerInfo dd{float:left;margin-right:20px;margin-top:10px;}
.boardInfo .writerInfo dd.writer span{color:#1a1a1a}
.boardInfo .writerInfo dd.writerEmail img{width:18px;height:13px;vertical-align:middle;margin-right:5px}
.boardInfo .writerInfo dd.writerIp{margin-right:5px;}
.boardInfo .writerInfo dd.writerIp, .boardInfo .writerInfo dd.writerTime{color:#248bd8}

/* 게시판 상세 대표이미지 있는 경우 */
.boardInfo2{position:relative;padding:20px;background-color:#f3f3f3;border:1px solid #e6e6e6;border-top:1px solid #b3b3b3}
.boardInfo2 > img{float:left;width:50px;max-height:50px;margin-right:20px;vertical-align:top;}
.boardInfo2 .subject{margin-left:70px;margin-bottom:5px;padding-right:100px}
.boardInfo2 .boardInfoTitle{margin-left:70px;padding-right:100px;color:#1a1a1a;font-size:1.429em;font-weight:600}
.boardInfo2 .writerInfo{margin-left:70px;overflow:hidden}

.additionalItems{padding:20px;border:1px solid #e6e6e6;border-top:none;border-bottom:1px solid #b3b3b3;vertical-align:middle}
.additionalItems div{display:inline-block;width:49%;vertical-align: top}
.additionalItems ul{min-height:72px;padding-left:80px}
.additionalItems ul.addFiles{background:url(../../../image/en/solution/common/ico/clipL.png) no-repeat 0 0}
.additionalItems ul.addUrl{background:url(../../../image/en/solution/common/ico/url.png) no-repeat 0 0}
.additionalItems ul.addUrl li{	font-weight:600;}
.additionalItems ul.addUrl a{margin-left:5px;font-weight:normal;text-decoration:underline}
.additionalItems ul li{padding:10px 0;font-size:0.929em}

/* sns 공유 */
#share {display:none;position:absolute;right:0;top:80px;width:178px;border:0 none;z-index:100}
#share .shareInner {padding:20px 30px 15px 30px;background:#fff;border:1px solid #c6c6c6;}
.boardInfo .writeInfo #share span{top:auto;right:auto}
.addthis_toolbox .shareInner a {position:relative;display:block;height:13px;padding:8px 0 5px 24px;color:#aaa;font-size:13px}
.addthis_toolbox .at4-icon {display:block;position:absolute;left:0;top:5px;width:16px;height:16px;text-indent:-9999em}
.aticon-rss {background:url(../../../../image/en/solution/common/btn/addthis_button_rss.png) no-repeat}
.aticon-facebook {background:url(../../../../image/en/solution/common/btn/addthis_button_facebook.png) no-repeat}
.aticon-myspace {background:url(../../../../image/en/solution/common/btn/addthis_button_myspace.png) no-repeat}
.aticon-twitter {background:url(../../../../image/en/solution/common/btn/addthis_button_twitter.png) no-repeat}
.aticon-favorites {background:url(../../../../image/en/solution/common/btn/addthis_button_favorites.png) no-repeat}
.aticon-google {background:url(../../../../image/en/solution/common/btn/addthis_button_google.png) no-repeat}
.addthis_toolbox .more {padding-top:10px}
.addthis_toolbox .more a {padding:5px 0;text-align:center}
.addthis_toolbox .more span {display:none}

@media screen and (min-width:0px) and (max-width:767px){
	#share{top:34px;left:0}
	.boardInfo .writeInfo #share span{position: absolute;top: auto;right: auto; margin-left: 0;}
}

/* 게시판 에디터 작성 영역 */
.boardContent{font-family: Arial, Verdana, "Trebuchet MS", sans-serif;font-size: 12px;	color: #333;background-color: #fff;border:1px solid #e6e6e6;border-top:none;padding: 20px;font-size: 13px;line-height: 1.6;overflow:hidden}
.boardContent table{font-size:1.0em}
.boardContent blockquote{font-style: italic;font-family: Georgia, Times, "Times New Roman", serif;padding: 2px 0;border-style: solid;border-color: #ccc;border-width: 0;}
.boardContent p,.boardContent blockquote,.boardContent ul{margin:1em 0}
.boardContent blockquote{padding-left: 20px;padding-right: 8px;border-left-width: 5px;}

.boardContent a{color: #0782C1;text-decoration:underline}
.boardContent ol,.boardContent ul,.boardContent dl{
	/* IE7: reset rtl list margin. (#7334) */
	*margin-right: 0px;
	/* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
	padding: 0 40px;
}
.boardContent h1,.boardContent h2,.boardContent h3,.boardContent h4,.boardContent h5,.boardContent h6{font-weight: normal;line-height: 1.2;}
.boardContent hr{display:block;border: 0px;border-top: 1px solid #ccc;}

img.right{border: 1px solid #ccc;float: right;margin-left: 15px;padding: 5px;}
img.left{border: 1px solid #ccc;float: left;margin-right: 15px;padding: 5px;}
.boardContent pre{
	white-space: pre-wrap; /* CSS 2.1 */
	word-wrap: break-word; /* IE7 */
	-moz-tab-size: 4;
	-o-tab-size: 4;
	-webkit-tab-size: 4;
	tab-size: 4;
}
.marker{background-color: Yellow;}
.boardContent span[lang]{font-style: italic;}
.boardContent figure{
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 2px;
	background: rgba(0,0,0,0.05);
	padding: 10px;
	margin: 10px 20px;
	display: inline-block;
}
.boardContent figure > figcaption{
	text-align: center;
	display: block; /* For IE8 */
}
.boardContent img {
	max-width: 100%;
}
.boardContent a > img {
	padding: 1px;
	margin: 1px;
	border: none;
	outline: 1px solid #0782C1;
}
.boardContent ul{list-style:disc}
.boardContent ul li{list-style:disc}
.boardContent ol{list-style-type:decimal}
.boardContent ol li{list-style-type:decimal}
.boardContent ul ul,.boardContent ol ul{list-style-type:circle}
.boardContent ul ul li, .boardContent ol ul li{list-style-type:circle}
.boardContent ol ol ul,.boardContent ol ul ul,.bbsInfo ul ul ul{list-style-type:square}
.boardContent ol ol ul li, .boardContent ol ul ul li, .boardContent ul ul ul li{list-style-type:square}
.boardContent em,.boardContent address{font-style:italic;}
.boardContent legend, .boardContent hr{display:block;}
.boardContent caption{display:table-caption}
.replyModify{margin-top:10px;padding:10px 0;text-align:right}

/* 답글 */
.replyDeatil{padding:10px 20px;background-color:#b3b3b3;color:#fff}
.replyDeatil span{font-weight:600}
.replyModify a{color:#4d4d4d;}

/* 댓글 */
.comments{margin-top:20px}
.commentDetail{position:relative;padding:10px 20px;background:url(../../../image/en/solution/common/ico/textBallon.gif) no-repeat 0 0 #b3b3b3;color:#fff}
.commentDetail span.commentNum{font-weight:600}
.commentDetail span.limitByte{position:absolute;top:10px;right:20px}
.comment{position:relative;padding:20px 20px 10px;border:1px solid #e6e6e6;border-top:none}
.comment .commentModifyBtn{position:absolute;bottom:20px;right:20px;}
.comment .commentModifyBtn a{display:inline-block;height:33px;padding:0 10px;border:1px solid #808080;color:#4d4d4d;font-size:0.857em;line-height:2.8em}
.commentWriter{padding-right:100px;color:#1a1a1a}
.commentWriter img{width:18px;height:13px}
.commentDate{position:absolute;top:20px;right:20px}
.comment form{padding-right:98px;}
.comment form p{padding:0 10px;border:1px solid #e6e6e6;}
.comment form input{width:100%;height:33px;border:none;color:#333}
.comment{position:relative;padding:20px 20px;border:1px solid #e6e6e6;border-top:none}
.comment .commentContent{padding-right:98px;}
.comment .commentContent div.commentBtn{position:absolute;top:40px;right:20px;}
.comment .commentContent div a{display:inline-block;height:23px;padding:0 10px;border:1px solid #808080;color:#4d4d4d;font-size:0.857em;line-height:2.0em}
.commentInput{position:relative;padding:10px 119px 10px 20px;background-color:#f3f3f3;border:1px solid #e6e6e6;border-top:none}
.commentInput textarea{width:100%;height:58px;border:1px solid #e6e6e6;font-size:1.0em;resize:none}
.commentInput button{position:absolute;top:11px;right:20px;width:91px;height:60px;border:1px solid #808080;background-color:#fff;color:#4c4c4c;cursor:pointer}
.boardList{margin-top:20px}
.boardList ul li{position:relative;padding:10px 103px 10px 141px;border:1px solid #e6e6e6;border-top:none}
.boardList ul li span{position:absolute;top:10px;color:#6c6c6c}
.boardList ul li:first-child{border-top:1px solid #e6e6e6}
.boardList .prevWriting, .boardList .nextWriting{left:20px;padding:0 0 0 20px;}
.boardList .prevWriting{background:url(../../../image/en/solution/common/ico/prev.gif) no-repeat 0 50%}
.boardList .nextWriting{background:url(../../../image/en/solution/common/ico/next.gif) no-repeat 0 50%}
.boardList .writeListDate{right:20px}

@media (min-width:0px) and (max-width:767px){
	.boardInfo .boardInfoTitle{padding-right:0}
	.boardInfo .writeInfo{position:relative;top:0;right:0}
	.boardInfo .writeInfo p{text-align:left}
	.boardInfo .writeInfo span{position:relative;top:0;left:0;margin-left:5px;}
	.boardInfo .writeInfo p.status span{margin-left:0}
	.boardInfo .writeInfo a.btnShare{display: inline-block;position:relative;top:9px;left:-4px;width:27px;height:27px;}
	.additionalItems{padding:0}
	.additionalItems div{width:100%;padding:20px 0}
	.additionalItems div:first-child{border-bottom:1px solid #e6e6e6}
	.additionalItems div ul{min-height:50px;padding-left:78px;padding-right:20px}
	.additionalItems ul.addFiles{background-size:50px 50px;background-position:20px 50%}
	.additionalItems ul.addUrl{background-size:50px 50px;background-position:20px 50%}
	.additionalItems div ul li{padding:5px}
	.commentDetail span.limitByte{position:static;display:block;margin-top:5px}
	.boardList ul li{padding: 10px 103px 10px 50px;}
	.boardList .prevWriting, .boardList .nextWriting{padding: 0;text-indent: -9999em;overflow: hidden;width: 12px;height: 16px;}
}

/* 사용자정보 */
.userInfo{position:relative;margin:0 0 20px;padding:20px;background-color:#f3f3f3;border:1px solid #e6e6e6;border-top:1px solid #b3b3b3;overflow:hidden}
.userInfo .writeInfo{position:absolute;top:20px;right:20px}
.userInfo .writeInfo p{text-align:right;margin-top:10px}
.userInfo .writeInfo p:first-child{margin-top:0}
.userInfo .writeInfo span{position:absolute;top:31px;right:0}
.userInfo .writeInfo p.status span{position:relative;top:0;right:0;}
.userInfo .writerInfo{overflow:hidden}
.userInfo .writerInfo dl{clear:both}
.userInfo .writerInfo dt{float:left;margin-right:5px;margin-top:10px;font-weight:600}
.userInfo .writerInfo dt.skip{display:none}
.userInfo .writerInfo dd{float:left;margin-right:20px;margin-top:10px;}
.userInfo .writerInfo dd.writer span{color:#1a1a1a}
.userInfo .writerInfo dd.writerEmail img{width:18px;height:13px;vertical-align:middle;margin-right:5px}
.userInfo .writerInfo dd.writerIp{margin-right:5px;}
.userInfo .writerInfo dd.writerIp, .boardInfo .writerInfo dd.writerTime{color:#248bd8}

/* imgViewer(사진첩, 갤러리) */
/* 갤러리 */
.imgViewer{background-color:#989b9c;clear:both}
.imgViewer .imageView{position:relative;padding-top:55px;background:url(../../../../image/en/solution/common/imgViewer/imgCollectionBg.jpg) no-repeat 100% 100%;text-align:center !important}
.imgViewer .imageView .viewImg{position:relative;height:400px;margin:0;overflow:hidden}
.imgViewer .imageView .viewImg img{position:absolute !important;top:0;left:0;border:none;outline:none;width:auto !important}
.imgViewer .imageView .imgTitle{margin:0;padding:20px 0;color:#fff;font-size:14px}

.imgViewer .imgList{padding:15px 0;background-color:#a7aaab;text-align:center;overflow:hidden}
.imgViewer .imgList li{display:inline-block;margin:0 2px;vertical-align:middle}
.imgViewer .imgList li.selected{border:3px solid #fff;}

.imgViewer .imgList li a{display:block;width:60px;height:60px;}
.imgViewer .imgList li.selected a{width:54px;height:54px}
.imgViewer .imgList li a img{width:60px !important;height:60px !important;border:none;margin:0;padding:0;outline:none;vertical-align:top}
.imgViewer .imgList li.selected a img{width:54px !important;height:54px !important;}
.imgViewer .imgList li span{display:none;}

.imgViewer .prev{position:absolute;top:39%;left:45px;width:34px;height:100px;background:url(../../../image/en/solution/common/imgViewer/prev.png) no-repeat 0 50%;text-indent:-9999px;overflow:hidden}
.imgViewer .next{position:absolute;top:39%;right:45px;width:34px;height:100px;background:url(../../../image/en/solution/common/imgViewer/next.png) no-repeat 0 50%;text-indent:-9999px;overflow:hidden}

.imgViewer .viewerBtns{position:absolute;top:25px;left:25px}
.imgViewer .viewerBtns a{float:left;height:16px;margin-left:20px}
.imgViewer .viewerBtns a:first-child{margin-left:0}
.imgViewer .download{width:17px;background:url(../../../image/en/solution/common/imgViewer/download.png) no-repeat 0 0;text-indent:-9999px;overflow:hidden}
.imgViewer .zoomIn{width:12px;background:url(../../../image/en/solution/common/imgViewer/expansion.png) no-repeat 0 50%;text-indent:-9999px;overflow:hidden}
.imgViewer .zoomOut{width:12px;background:url(../../../image/en/solution/common/imgViewer/reduction.png) no-repeat 0 50%;text-indent:-9999px;overflow:hidden}
.imgViewer .zoomClear{width:12px;background:url(../../../image/en/solution/common/imgViewer/change.png) no-repeat 0 50%;text-indent:-9999px;overflow:hidden}