@charset "UTF-8";

/*common*/
	._articleAlbum h2,
	._articleAlbum h3,
	._articleAlbum h4,
	._articleAlbum h5{
		background-image: none;
		padding-left: 0;
	}
	._articleAlbum .artclViewTitleWrap .artclShare .sns input,
	._articleAlbum .artclViewTitleWrap .artclShare .option,
	._articleAlbum .artclComment .comment .option,
	._articleAlbum .artclCommentList li .delComment,
	._articleAlbum .artclList li .artclInfo .newArtcl,
	._articleAlbum .artclCategory ul.categoryList li{
		border: 0;
		background-image: url("../images/share.gif");
		background-repeat: no-repeat;
		background-color: transparent;
	}

/*category*/
	._articleAlbum .artclCategory{
		border: 1px #ddd solid;
		background-color: #fff;
		margin-bottom: 1em;
		padding: 1em;
	}
	._articleAlbum .artclCategory ul{
		position: relative;
		overflow: hidden;
	}
	._articleAlbum .artclCategory ul li{
		float: left;
		font-size: 1em;
	}
	._articleAlbum .artclCategory ul.categoryNavig{
		margin-bottom: 0.5em;
	}
	._articleAlbum .artclCategory ul.categoryNavig li{
		margin-right: 1em;
	}
	._articleAlbum .artclCategory ul.categoryList{
		border: 1px #ACBCC6 solid;
		background-color: #EEF6FB;
		padding: 0.5em;
	}
	._articleAlbum .artclCategory ul.categoryList li{
		width: 25%;
	}
	._articleAlbum .artclCategory ul.categoryList li a{
		display: block;
		padding-left: 17px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		height: 24px;
		line-height: 24px;
	}
	._articleAlbum .artclCategory ul li.child{
		background-position: 0 -263px;
	}
	._articleAlbum .artclCategory ul li.pChild{
		background-position: 0 -293px;
	}
	._articleAlbum .artclCategory ul li.noCategory{
		text-align: center;
		width: 100%;
		background-image: none;
	}
	._articleAlbum .artclCategory ul li.active a{
		font-weight: 600;
		color: #415E70;
	}

/*subject*/
	._articleAlbum ._tab._normal ul li strong._on,
	._articleAlbum ._tab._normal ul li input._on,
	._articleAlbum ._tab._normal ul li a._on{
		background-color: #415E70 !important;
	    border-color: #415E70 !important;
	    color: #fff;
	}
/*prd search*/
	._articleAlbum .artclPeriod fieldset {
		width: 250px;
		height: 30px;
		position: relative;
		display: block;
		margin: 1em auto;
	}
	._articleAlbum .artclPeriod fieldset label,
	._articleAlbum .artclPeriod fieldset input{
		float: left;
		margin: 0 0.2em;
	}
	._articleAlbum .artclPeriod fieldset label{
		line-height: 30px;
	}
	._articleAlbum .artclPeriod fieldset input{
		width: 70px;
	}

/*rss,count,search*/
	._articleAlbum .fnDiv.artclSerch{
		height: 30px;
		margin-bottom: 1em;
	}
	._articleAlbum .fnDiv ._sysRss{
	}
/*list headline*/
	._articleAlbum .artclHeadLine{
		border: 1px #ddd solid;
		background-color: #eee;
		padding: 0.5em;
		margin-bottom: 1em;
	}
	._articleAlbum .artclHeadLine .artclList,
	._articleAlbum .artclHeadLine .artclList li._first._last .artclLinkView,
	._articleAlbum .artclHeadLine .artclList li._last .artclLinkView{
		border: 0 !important;
	}
/*list*/
	._articleAlbum .artclList{
	}
	._articleAlbum .artclList:before,
	._articleAlbum .artclList:after{
		content: "";
		display: block;
		clear: both;
	}
	._articleAlbum .artclList.useHeadline{
		border-top: 0;
	}



/*list num set***********************************/
/*list num 1*/
	._articleAlbum .artclList.artclHorNum1 li.thumbLi .thumbnail{
		width:100%;
		margin-right:0;
		margin-bottom:25px;
		height: 240px;
		border:1px solid #f3f3f3;
	}

	._articleAlbum .artclList.artclHorNum1 li.thumbLi .thumbnail img {
		width:100% !important; height:240px !important;
	}




/*write+view*/
	._articleAlbum .artclItem{
		border-color: #333 #ddd #ddd;
		border-style: solid;
	}
	._articleAlbum .artclItem.writeForm{
		border-width: 1px 0 1px 0;
	}
	._articleAlbum .artclItem.viewForm{
	    background-color: #fff;
		border-width: 1px 1px 1px;
	}
	._articleAlbum .artclItem .artclForm,
	._articleAlbum .artclItem .artclLabel,
	._articleAlbum .artclItem .artclInsert{
		min-height: 28px;
	    height: auto!important;
	    _height: 28px;
	}
	._articleAlbum .artclItem .artclForm{
		position: relative;
	    border-top: 1px #eee solid;
	    padding: 5px 0 5px 160px;
	}
	._articleAlbum .artclItem .artclForm:first-child{
		border: 0;
	}
	._articleAlbum .artclItem .artclLabel,
	._articleAlbum .artclItem .artclInsert{
		padding: 2px 0;
	    color: #666;
	    line-height: 28px;
	}
	._articleAlbum .artclItem .artclLabel{
		font-weight: 400;
	    position: absolute;
	    top: 10px;
	    left: 10px;
	    color: #222;
	    font-size: 0.95em;
		height:37px;
	    width: 140px;
/*	    background: url("../images/labelGab.gif") no-repeat right 50%; */
		border-right:1px solid #dadada;
	}
	._articleAlbum .artclItem .artclLabel mark.must{
			float: left;
			margin-top: 8px;
			margin-right: 5px;
			width: 8px;
			height: 8px;
			text-indent: -5000px;
			background:url("../images/must.gif") no-repeat;
			overflow: hidden;
			padding: 0;
	}
	._articleAlbum .artclItem .artclInsert{
		display: block;
	    margin-right: 5px;
	    position: relative;
	    padding: 5px 0;
	    color: #666;
	    line-height: 28px;
	}
	._articleAlbum .artclItem .artclInsert input[type="text"]{
		border:1px solid #333; height:35px; padding:3px 5px; color:#222;
	}
	._articleAlbum .artclItem .artclInsert textarea{
		height: 400px; width:100%;
	}
	._articleAlbum .artclItem .artclInsert .intOpt{
		border: 1px #333333 solid;
		padding: 0.5em;
		background-color: #f7f7f7;
	}
	._articleAlbum .artclItem .artclInsert .multiSelectBox{
		height: 60px;
		width: 300px;
	}
	._articleAlbum .artclItem .artclForm.both{
		padding-left: 0;
	}
	._articleAlbum .artclItem .artclForm.both .artclInsert{
		margin-left: 0;
		width: 99.7% !important;
	}
	._articleAlbum .artclItem .artclForm.both .artclLabel{
		position: static;
		display: block;
		background-image: none;
	}

/*view head*/
	._articleAlbum .artclViewHead{
		overflow: hidden;
		position: relative;
		margin-bottom: 0.5em;
	}
	._articleAlbum .artclViewHead dl,
	._articleAlbum .artclViewHead dl dt,
	._articleAlbum .artclViewHead dl dd{
		display: inline-block;
		zoom: 1;
		_display: inline;
		line-height: 1;
		font-size: 1.02em;
	}
	._articleAlbum .artclViewHead dl{
		padding: 0 0.5em;
		border-right: 1px #ccc solid;
	}
	._articleAlbum .artclViewHead dl._first._last{
		padding: 0 0.5em 0 0;
	}
	._articleAlbum .artclViewHead dl._last{
		padding: 0 0 0 0.5em;
		border-right: 0;
	}
	._articleAlbum .artclViewHead dl dt{
		padding-right: 0.5em;
	}
	._articleAlbum .artclViewHead dl dd{
		font-weight: bold;
	}
	._articleAlbum .artclViewHead .left{
		float: left;
	}
	._articleAlbum .artclViewHead .right{
		float: right;
	}

	._articleAlbum .artclViewTitleWrap{
		border-top: 1px #333 solid;
		background-color: #fff;
		border-bottom: 1px #dadada solid;
		padding:1.3em 1em 1.3em;
	}
	._articleAlbum .artclViewHeader {
		padding: 1.5em 1.11em;
	}
	._articleAlbum .artclViewSide dl { display:inline-block; margin-left:10px; padding-left:11px; position:relative; }
	._articleAlbum .artclViewSide dl:before { content:""; width:1px; height:14px; background:#dadada; position:absolute; left:0; top:7px; }
	._articleAlbum .artclViewSide dl:nth-child(1) { margin-left:0; padding-left:0; border-left:0; }
	._articleAlbum .artclViewSide dl:nth-child(1):before { background:none; }
	._articleAlbum .artclViewSide dl dt { display:inline-block; }
	._articleAlbum .artclViewSide dl dd { display:inline-block; }

	._articleAlbum .artclViewTitleWrap .artclViewTitle{
		font-size: 1.3em;
		line-height: 1.5;
		text-align: left;
		font-weight:700;
		padding-bottom:0.5em;
	}
	._articleAlbum .artclViewTitleWrap .artclShare{
		overflow: hidden;
		position: relative;
	}
	._articleAlbum .artclViewTitleWrap .artclShare .sns,
	._articleAlbum .artclViewTitleWrap .artclShare input,
	._articleAlbum .artclViewTitleWrap .artclShare a{
		float: left;
	}
	._articleAlbum .artclViewTitleWrap .artclShare .left{
		float: left;
	}
	._articleAlbum .artclViewTitleWrap .artclShare .right{
		float: right;
	}
	._articleAlbum .artclViewTitleWrap .artclShare .sns input,
	._articleAlbum .artclViewTitleWrap .artclShare .option,
	._articleAlbum .artclComment .comment .option{
		font-size: 1em;
		color: #333;
	}
	._articleAlbum .artclViewTitleWrap .artclShare .sns{
		overflow: hidden;
		position: relative;
	    background-color: #fff;
	    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	    background-image: -webkit-linear-gradient(top, #fff, #eee);
	    background-image: -moz-linear-gradient(top, #fff, #eee);
	    background-image: -ms-linear-gradient(top, #fff, #eee);
	    background-image: -o-linear-gradient(top, #fff, #eee);
	    background-image: linear-gradient(to bottom, #fff, #eee);
	}
	._articleAlbum .artclViewTitleWrap .artclShare .sns input{
		border-color: #ddd;
		border-style: solid;
		border-width: 1px 1px 1px 0;
		height: 26px;
		line-height: 25px;
		padding: 0 10px 0 25px;
	}
	._articleAlbum .artclViewTitleWrap .artclShare .sns .twitter{
		background-position: 5px 6px;
	}
	._articleAlbum .artclViewTitleWrap .artclShare .sns .facebook{
		background-position: 5px -24px;
	}
	._articleAlbum .artclViewTitleWrap .artclShare .sns input:first-child{
		border-width: 1px;
	}
	._articleAlbum .artclViewTitleWrap .artclShare .option,
	._articleAlbum .artclComment .comment .option{
		height: 26px;
		padding: 0 10px 0 20px;
		background-color: transparent;
	}
	._articleAlbum .artclViewTitleWrap .artclShare input.option{
		line-height: 26px;
	}
	._articleAlbum .artclViewTitleWrap .artclShare a.option{
		line-height: 29px;
	}
	._articleAlbum .artclViewTitleWrap .artclShare .option.recommend,
	._articleAlbum .artclComment .comment .option.recommend{
		background-position: 0 -174px;
	}
	._articleAlbum .artclViewTitleWrap .artclShare .option.nonrecommend,
	._articleAlbum .artclComment .comment .option.nonrecommend{
		background-position: 0 -355px;
	}
	._articleAlbum .artclViewTitleWrap .artclShare .option.report{
		background-position: 0 -113px;
	}
	._articleAlbum .artclViewTitleWrap .artclShare .option.blind{
		background-position: 0 -144px;
	}
	._articleAlbum .artclViewTitleWrap .artclShare .option.print{
		background-position: 0 -83px;
	}
	._articleAlbum .artclAtchImg{
		padding: 1em 0;
		text-align: center;
	}
	._articleAlbum .artclAtchImg img{
		max-width: 100%;
		width: auto !important;
		_width: 100%;
	}
	._articleAlbum .artclView{
		font-size: 1em;
		margin-bottom: 2em;
	}
	._articleAlbum .artclView img {
		/*width:100%;
		height:100%;
		min-width:100%;
		min-height:100%;
		*/
		max-width:100% !important;
		max-height:100% !important;
		width: auto !important;
		height: auto !important;
	}
/* reply */
	._articleAlbum .artclAnswerWrap{
		border: 1px #ddd solid;
		background-color: #fff;
	}
	._articleAlbum .artclAnswerWrap h3{
		border-bottom: 1px #eee solid;
		text-align: center;
		line-height: 2.4;
		background-color: #f7f7f7;
	}
	._articleAlbum .artclAnswerWrap .artclAnswer{
		padding: 0.5em 0.5em 0 0.5em;
	}
	._articleAlbum .artclAnswerWrap .artclAnswerInfo{
		padding: 0.5em;
		font-size: 0.9em;
		text-align: right;
		color: #555;
	}
	._articleAlbum .artclAnswerWrap .artclAnswerInfo .date{
		border-left: 1px #ddd solid;
		padding-left: 0.5em;
		margin-left: 0.5em;
	}

/* comment */
	._articleAlbum .artclComment{
		border: 1px #ddd solid;
		background-color: #fff;
		margin: 1em 0;
		padding: 1em;
	}
/* comment write */
	._articleAlbum .artclComment .artclCommentName{
		margin-bottom: 0.5em;
	}
	._articleAlbum .artclComment .artclCommentName label{
		float: left;
		height: 28px;
		line-height: 28px;
		font-weight: 600;
		margin-right: 1em;
	}
	._articleAlbum .artclComment .artclCommentName label mark.must{
		float: left;
		margin-top: 8px;
		margin-right: 5px;
		width: 8px;
		height: 8px;
		text-indent: -5000px;
		background:url("../images/must.gif") no-repeat;
		overflow: hidden;
		padding: 0;
	}
	._articleAlbum .artclComment .artclCommentForm{
		position: relative;
		margin-bottom: 1em;
	}
	._articleAlbum .artclComment .artclCommentForm .artclCommentInsert{
		margin-right: 80px;
	}
	._articleAlbum .artclComment .artclCommentForm .artclCommentInsert textarea{
		padding: 5px;
		height: 50px;
		width: 100%;
		background-color: #f7f7f7;
	}
	._articleAlbum .artclComment .artclCommentForm ._button{
		position: absolute;
		top: 0;
		right: 0;
	}
	._articleAlbum .artclComment .artclCommentForm ._button input{
		width: 60px;
		height: 62px;
		line-height: 60px;
	}

/* comment list */
	._articleAlbum .artclComment .artclCommentList{
		background-color: #ECF1F3;
		padding: 1em 1em 0 1em;
		border: 1px #DBE7EB solid;
	}
	._articleAlbum .artclComment .artclCommentList li{
		border-left: 1px #ccc solid;
		padding: 0 0 15px 70px;
		margin-left: 60px;
		position: relative;
	}
	._articleAlbum .artclComment .artclCommentList li .comment{
		line-height: 1.8;
	}
	._articleAlbum .artclComment .artclCommentList li .date{
		font-size: 0.9em;
		color: #555;
		position: absolute;
		top: 0;
		left: -60px;
		width: 120px;
		text-align: center;
		background-color: #ECF1F3;
		border-radius: 0.3em;
	}
	._articleAlbum .artclComment .artclCommentList li .delComment{
		width: 11px;
		height: 11px;
		background-position: 0 -210px;
		margin-left: 0.5em;
		text-indent: -5000px;
	}

/* prev/next */
	._articleAlbum .artclNavi{
		border-width: 1px;
		border-color: #ddd;
		margin-bottom: 1em;
	}
	._articleAlbum .artclNavi .artclForm{
		padding-left: 90px;
	}
	._articleAlbum .artclNavi .artclForm .artclLabel{
		text-align: center;
		width: 70px;
	}
	._articleAlbum .artclNavi .artclForm .artclInsert .artclNaviInfo{
		float: right;
	}
	._articleAlbum .artclNavi .artclForm .artclInsert .date{
		border-left: 1px #ddd solid;
		padding-left: 0.5em;
		margin-left: 0.5em;
	}

/* etc */

.deleteArtclSeqs{
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
}

.artclList li{
	position: relative;
}


/* 2020-01-28 */

/* view add file */
.addFileArea { border:none; border-top:1px solid #dadada; height:auto;}
.addFileArea .addFileDet { border:none; border-bottom:1px solid #dadada; background:#f0f2f7; padding:12px 0; position:relative; height:auto;}
.addFileArea .addFileDet:after { content:"";display:block;clear:both;*zoom:1; }
.addFileArea .addFileDet dt { display:none; position:absolute; left:20px; top:13px; text-align:center; height:auto; width:40px; vertical-align:top; }
.addFileArea .addFileDet dt span {
	display:block;
	background:url(/sites/seowon/images/contents/guide/i-add-file2.png) no-repeat;
	width:23px; height:30px;
	text-indent:-9999px;
}
.addFileArea .addFileDet dd {
	width:100%; padding-left:55px; vertical-align:top; height:auto; padding-top:4px;
	background:url(/sites/seowon/images/contents/guide/i-add-file2.png) no-repeat 20px center ;
	min-height:36px;
}

.btn-Area { padding:40px 0; }
.artclNaviInfo .writer, .artclNaviInfo .date { display:none !important; }

.bl-Area { border-top:1px solid #dadada; }
.bl-Area dl { padding:20px 0; border-bottom:1px solid #dadada;}
.bl-Area dl dt { display:inline-block; }
.bl-Area dl dt span { display:inline-block; padding-left:44px; }
.bl-Area dl dt span.bl-Prev { background:url(/sites/seowon/images/contents/guide/i-list-prev.png) no-repeat 20px center ; }
.bl-Area dl dt span.bl-Next { background:url(/sites/seowon/images/contents/guide/i-list-next.png) no-repeat 20px center ; }
.bl-Area dl dd { display:inline-block; padding-left:44px; }
.bl-Area dl dd a { display:inline-block; }

.bl-Area dl:hover span { font-weight:700; }
.bl-Area dl:hover a { font-weight:700; text-decoration:underline; }

@media screen and (max-width:1200px){
	.bl-Area dl dt span { padding-left:35px; }
	.bl-Area dl dt span.bl-Prev { background-position:15px center; }
	.bl-Area dl dt span.bl-Next { background-position:15px center;}
	.bl-Area dl dd { padding-left:12px; }
}


*{ box-sizing:border-box;padding:0;margin:0; }
ul,li,ol,dl,dt,dd { list-style:none; }

/* �ϹݰԽ��� */
.paging-box { text-align:center; }
.paging-box a {
	border:1px solid #dadada;
	width:40px; height:40px;
	color:#444444;
	vertical-align:middle;
	margin:0 2px;
	display:inline-block;
	padding:12px 0;
	font-size:15px;
	line-height:15px;
}
.paging-box a.pg-prev { margin-right:11px; padding:0 0; }
.paging-box a.current { color:#1d61ac; font-size:15px; font-weight:500; text-align:center; border:1px solid #1d61ac; }
.paging-box a.pg-next { margin-left:11px; padding:0 0; }

.pt20 { padding-top:20px; }
.pt50 { padding-top:50px; }
.pt80 { padding-top:80px; }
.mt30 { margin-top:30px; }
.mt50 { margin-top:50px; }

.search-top-i .fl-type-i { float:left; padding:18px 0 0; }
.search-top-i .fl-type-i p { font-size:16px; color:#3a3a3a; display:inline-block;  }
.search-top-i .fl-type-i p strong { color:#1d61ac; }

.search-top-i { padding:30px 0 30px; }
.search-top-i::after { content:"";display:block;clear:both;*zoom:1; }
.search-top-i .fr-type-i { float:right; }
.search-top-i .fr-type-i .select-type-i { float:left; border:1px solid #333333; margin-right:10px; height:43px; padding:0 0 0 14px; }
.search-top-i .fr-type-i .inp-txt-type-i { float:left; border:1px solid #333333; height:43px; width:311px; padding-left:10px; }
.search-top-i .fr-type-i .btn-gray-type-i { float:left; background:#333333; color:#fff; font-size:15px; text-align:center; height:43px; padding:12px 14px; }

@media screen and (max-width:1200px){
	.search-top-i .fl-type-i { display:none; float:none; }

	.search-top-i { padding:30px 10% 30px; }
	.search-top-i .fr-type-i { float:none; width:100%; display:flex; flex-direction: row; align-items: center; justify-content: center; }
	.search-top-i .fr-type-i .select-type-i  { float:none; display:flex; }
	.search-top-i .fr-type-i .inp-txt-type-i { float:none; display:flex; width:70%; }
	.search-top-i .fr-type-i .btn-gray-type-i { float:none; display:flex; width:60px; padding:12px 0; justify-content: center; }
}

.tab-type1 { }
.tab-type1 ul::after { content:"";display:block;clear:both;*zoom:1; }
.tab-type1 ul { display:flex; flex-basis: auto; width:100%; }
.tab-type1 ul li { width:100%; }
.tab-type1 ul li a {
	border-bottom:2px solid #313131; display:block; width:100%; padding:23px 0; text-align:center;
	font-size:18px; color:#222; position:relative;
}
.tab-type1 ul li a.on::before {
	height:4px; width:100%; position:absolute; left:0; bottom:-2px;
	content:""; background:#1d61ac;
}

.mr10 { margin-right:10px; }

.v-c { padding:20px; }

.s-notice { background:#2875bb; display:inline-block; padding:4px 7px; border-radius:10px; color:#fff; font-size:13px; }
a.i-add-file { display:inline-block; }
a.i-add-file span {
	display:inline-block; background:url(/sites/seowon/images/contents/guide/i-add-file2.png) no-repeat; width:23px; height:30px; margin-right:0px;
	text-indent:-9999px;
}

.bl-list-pc { width:100%; display:flex; padding:10px 0; }
.bl-list-pc li { display:flex; align-items: center; justify-content: center; padding:5px 0; }
.bl-list-pc li:nth-child(1) { width:10%; border-right:1px solid #dadada; }
.bl-list-pc li:nth-child(2) { width:10%; }
.bl-list-pc li:nth-child(3) { width:40%; justify-content: left; padding-left:10px; }
.bl-list-pc li:nth-child(4) { width:10%; }
.bl-list-pc li:nth-child(5) { width:10%; }
.bl-list-pc li:nth-child(6) { width:10%; }
.bl-list-pc li:nth-child(7) { width:10%; }
.bl-list-m { display:none; }

@media screen and (max-width:1200px){
	.bl-list-pc { display:none; }
	.bl-list-m { display:block; padding:11px 12px; position:relative; }
	.bl-list-m ul { display:flex; width:100%;  }
	.bl-list-m ul li { display:flex; padding:10px 0; align-items: center; justify-content: center;}
	.bl-list-m ul:nth-child(1) li:nth-child(1) { padding:10px 6px 5px; }
	.bl-list-m ul:nth-child(1) li:nth-child(2) { text-align:left; justify-content: left; padding-left:4px; padding-right:50px;  }

	.bl-list-m ul:nth-child(2) li:nth-child(2) {  }
	.bl-list-m ul:nth-child(2) li:nth-child(3) { }
	.bl-list-m ul:nth-child(2) li:nth-child(4) { }
	.bl-list-m ul:nth-child(2) li { position:relative; padding:5px 8px 10px; }
	.bl-list-m ul:nth-child(2) li::before { content:"";display:block;width:1px; height:14px; background:#dadada; position:absolute; left:0; top:10px; }
	.bl-list-m ul:nth-child(2) li.first::before { display:none; }
	.bl-table1 tbody tr:nth-child(1) td { border-top:1px solid #333; }
	.bl-list-m a.i-add-file { position:absolute; right:11px; top:50%; height:30px; margin-top:-15px; }

}



.btn-f-area { padding:38px 0; text-align:center; }
a.i-board-list {
	display:inline-block; background:#1d61ac url(/sites/seowon/images/contents/guide/i-board-list.png) 20px center no-repeat;
	padding:15px 21px 15px 47px; color:#fff; font-size:17px;
}
a.i-board-blue1 {
	display:inline-block; background:#6f84a5; text-align:center;
	padding:15px 33px 15px; color:#fff; font-size:17px;
}
a.i-board-dark {
	display:inline-block; background:#2d4467; text-align:center;
	padding:15px 33px 15px; color:#fff; font-size:17px;
}

.bl-area { border-top:1px solid #dadada; }
.bl-area ul li { padding:20px 0; border-bottom:1px solid #dadada;}
.bl-area ul li span { display:inline-block; padding-left:44px; }
.bl-area ul li span.bl-prev { background:url(/sites/seowon/images/contents/guide/i-list-prev.png) no-repeat 20px center ; }
.bl-area ul li span.bl-next { background:url(/sites/seowon/images/contents/guide/i-list-next.png) no-repeat 20px center ; }
.bl-area ul li a { display:inline-block; padding-left:44px; }

.bl-area ul li:hover span { font-weight:700; }
.bl-area ul li:hover a { font-weight:700; text-decoration:underline; }

@media screen and (max-width:1200px){
	.bl-area ul li span { padding-left:35px; }
	.bl-area ul li span.bl-prev { background-position:15px center; }
	.bl-area ul li span.bl-next { background-position:15px center;}
	.bl-area ul li a { padding-left:12px; }
}


.bwt-c { border-left:1px solid #dadada; padding-left:19px;}

._articleAlbum .artclItem .artclLabel.artclLabelFile { height:120px !important; border-right:1px solid #dadada !important; }
.ad-boxWrap { display:block; }
.ad-boxWrap:after { content:"";display:block; clear:both; *zoom:1; }
.ad-box-1 { width:70%; padding:0 15px 0 0; float:left; border-left:none;}
.ad-box-1 select { width:100% !important; min-height:95px; border:1px solid #333; }

.ad-box-1 ul li a {
	background:url(/sites/seowon/images/contents/guide/i-add-file2.png) 0 center no-repeat;
	font-size:16px; padding:6px 0 6px 28px; display:block; height:36px;
}
.ad-btn-1 {
	float:left;
	width:30%;
	/*align-items: center;*/
	/*justify-content: center;*/
}
.ad-btn-1 > div { display:block; clear:both; }
.ad-btn-1 > div:nth-child(1) { padding-bottom:4px; }
.ad-btn-1 input.btn-File-a { display:block; width:80%; background:#dbdee1; padding:8px 15px; font-size:16px; color:#333; border:none; }



.btn-f-area { padding:38px 0; text-align:center; }
a.i-board-list {
	display:inline-block; background:#1d61ac url(/sites/seowon/images/contents/guide/i-board-list.png) 20px center no-repeat;
	padding:15px 21px 15px 47px; color:#fff; font-size:17px;
}
a.i-board-blue1 {
	display:inline-block; background:#6f84a5; text-align:center;
	padding:15px 33px 15px; color:#fff; font-size:17px;
}
a.i-board-dark {
	display:inline-block; background:#2d4467; text-align:center;
	padding:15px 33px 15px; color:#fff; font-size:17px;
}

.sHide { 
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%); 
  margin: -1px;
}  

._contentBuilder ._obj .tableWrap3 table thead th {
	text-align: center;
	background-color: #fff !important;
	border-left:0 !important;border-right:0 !important;
    padding:20px 0 !important;
}
._contentBuilder ._obj .tableWrap3 table tbody td {
	border-left:0 !important;border-right:0 !important;
	padding:10px 0 !important;
}
._contentBuilder ._obj .tableWrap3 table tbody td a.listAnchor {
	border-left:1px solid #dadada !important; display:block;
}



._contentBuilder ._obj .tableWrap4 table {
	border-top-color: #000 !important;
	border-top-style: solid !important;
	border-top-width: 0px !important;
	border-left-color: #000 !important;
	border-left-style: solid !important;
	border-left-width: 0 !important;
	background-color: #fff;
}

._contentBuilder ._obj .tableWrap4 table th,
._contentBuilder ._obj .tableWrap4 table td {
	border-width: 0 0 0 0 !important;
	border-color: #dadada !important;
	width: auto;
	padding: 10px 0;
  border-bottom-color:#dadada !important;
  border-bottom-style:solid !important;
  border-bottom-width:1px !important;
}
._contentBuilder ._obj .tableWrap4 table thead th {
	text-align: left;
	border-top:1px solid #333 !important;
  border-bottom:none !important;
	padding:25px 20px 15px 20px; font-size:22px; letter-spacing:-0.04em;
	background-color: #fff;
}
._contentBuilder ._obj .tableWrap4 table thead td {
	text-align: left;
	padding:0 0 25px 20px; border-bottom:1px solid #dadada;
  border-top:none !important;
}

._contentBuilder ._obj .tableWrap4 table tbody th {
	text-align: left;
	background-color: #fff;
    padding:10px 0 10px 20px;
    border-top:none !important;
}

._contentBuilder ._obj .tableWrap4 table tbody td {
	text-align: left;
	background-color: #fff;
	padding:10px 0 10px 20px;
}
.content-c { padding:10px 0 30px;}

@media screen and (max-width:1200px){
	.content-c img { width:100%;}
}

._contentBuilder ._obj .tableWrap4 table tfoot td {
  border-bottom:1px solid #dadada;
  text-align:left;
  padding:0 !important;
 }

a.btn-list-pg {
	background:#f0f2f7 url(/sites/seowon/images/contents/guide/i-add-file2.png) 20px center no-repeat;
	font-size:16px; padding:17px 0 17px 65px; display:block;
}
a.btn-list-pg:hover { text-decoration:underline; }

._contentBuilder ._obj .tableWrapWrite1 table { border:none !important;}
._contentBuilder ._obj .tableWrapWrite1 table th,
._contentBuilder ._obj .tableWrapWrite1 table td {
	border-width: 0 0 0 0 !important;
	border-color: #dadada !important;
	width: auto;
	padding: 10px 0;
  border-bottom-color:#dadada !important;
  border-bottom-style:solid !important;
  border-bottom-width:1px !important;
}
._contentBuilder ._obj .tableWrapWrite1 table thead th {
	text-align: center;
	background-color: #f3f3f3;
}
._contentBuilder ._obj .tableWrapWrite1 table tbody th {
	text-align: left;
	background-color: #fff;
    padding:10px 0 10px 20px;
    border-top:none !important;
}

._contentBuilder ._obj .tableWrapWrite1 table tbody td {
	text-align: left;
	background-color: #fff;
	padding:10px 0 10px 20px;
}

.tableWrapWrite1 { border-top:1px solid #000; }
.tableWrapWrite1 tbody tr th strong { border-right:none !important; display:block; }
.tableWrapWrite1 tbody tr th strong label { font-weight:500;}

.inpt-1 { border:1px solid #333 !important; font-weight:300;  padding:7px 10px;}
.inpt-2 { border:1px solid #333 !important; font-weight:300;  padding:7px 10px !important;}
.inpt-3 { border:1px solid #333 !important; font-weight:300;  padding:7px 5px !important;}
.selt-1 { border:1px solid #333; font-weight:300;  padding:0 5px !important;}
.wid-1 { width:106px; }
.wid-2 { width:95%; }
.wid-3 { width:268px; }
.wid-4 { width:244px; }
.wid-5 { width:150px; }
.wid-6 { width:230px; }
.wid-7 { width:408px; }
.wid-8 { width:180px; }

.texta-2 { border:1px solid #333 !important; font-weight:300;  padding:7px 10px; min-height:250px !important;}
.texta-wid-2 { width:100% !important; }

  .ntc-set {border-left:1px solid #dadada; padding-left:19px; }
.ntc-set li {display:inline-block; vertical-align:middle;}
.ntc-set li label { display:inline-block; margin-right:15px; }
.ntc-set li label input[type=radio] { vertical-align:middle; }
  .ntc-set li span { margin-right:15px; }

.ntc-set li dl { border-left:1px solid #dbdee1; padding-left:18px; margin-left:3px;  }
.ntc-set li dl dt { display:inline-block; padding:5px 10px 0 0; }
.ntc-set li dl dd { display:inline-block; vertical-align:2px; }

.bfx { padding:40px 0; }
.bfx::after {display:block;clear:both;content:"";*zoom:1;}
.bfx-left { float:left; }
.bfx-left li { float:left; margin-right:8px; }
.bfx-right { float:right; }
.bfx-right li { float:left; margin-left:8px;}

@media screen and (max-width:1200px){
    .texta-2 { min-height:150px !important;}
	.wid-3 { width:95%; }

	.ntc-set li:nth-child(2) { display:block; padding:10px 0 0;  }
	.ntc-set li:nth-child(2) dl { padding-left:0; margin-left:0; border-left:none;}

	.ad-boxWrap { display:block; }
	.ad-box-1 { width:100%; display:block;}

	.ad-btn-1 {
		width:100%;
		display:block;
		padding-top:10px;
	}
	.ad-btn-1 ul li { display:inline-block; }
	.ad-btn-1 ul li a { display:inline-block; }

	.ntc-set li dl dd.clear-m { clear:both; margin-top:4px; }

}

@media screen and (max-width:1200px)  {
	.overf-x1{
		width:100%;
		overflow-x:scroll;
		white-space: nowrap;
	}
	.overf-x1 table{
		width:900px !important;
		table-layout:fixed !important;
	}
}


/* �ٹ��Խ��� */
._articleAlbum .artclList { border-bottom:1px solid #dadada; border-top:1px solid #333; padding:30px 0 0; }
._articleAlbum .artclList::after {display:block;clear:both;content:"";*zoom:1;}

._articleAlbum .artclList li .artclLinkView{
	display: block;
	overflow: hidden;
	position: relative;
	/*margin: 0.5em;
	color: #000;
	background-color: #fff;
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
	*/
}

._articleAlbum .artclList li.thumbLi .thumbnail{
	width: 100%;
	overflow:hidden;
}
._articleAlbum .artclList li.thumbLi .thumbnail img {
	width: 100%;
	display: block;
	margin-bottom:25px;
	max-width:100%:
}

/*
._articleAlbum .artclList li.thumbLi .thumbnail{
	height:240px; width:100%; overflow:hidden;
	position:relative; z-index:1;
	display:block;
}
._articleAlbum .artclList li.thumbLi .thumbnail img{
	width: 100%;
	display: block;
}
*/
._articleAlbum .artclList li.thumbLi .thumbnail p{
	color: #888;
	text-align: center;
}
._articleAlbum .artclList li .artclInfo {
	text-align: center;
	padding-bottom: 1em;
	display:block;
}
._articleAlbum .artclList li .artclInfo .artclTitle{
	font-size: 1.2em;
	display: block;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0 auto;
	text-align: center;
	width: 90%;
}
._articleAlbum .artclList li .artclInfo .artclTitle span.new{font-size:11px; background:#00B7EC; color:#fff; padding:0 5px 0 4px; text-align:center; bottom:4px; position:relative; border-radius:50%; margin-left:5px;}

._articleAlbum .artclList li .artclInfo dl,
._articleAlbum .artclList li .artclInfo dl dt,
._articleAlbum .artclList li .artclInfo dl dd{
	display: inline-block;
	zoom: 1;
	_display: inline;
	color: #333;
}
._articleAlbum .artclList li .artclInfo dl{
	text-align: center;
	width:100%;
}
._articleAlbum .artclList li .artclInfo dl._artclNumRecom,
._articleAlbum .artclList li .artclInfo dl._artclNumAccess,
._articleAlbum .artclList li .artclInfo dl._artclNumComment,
._articleAlbum .artclList li .artclInfo dl._artclNumFile{
	display: none;
}
._articleAlbum .artclList li .artclInfo dl:after{
	content: " / ";
	color: #bbb;
}
._articleAlbum .artclList li .artclInfo dl dd._last{
	margin-right: 0;
}
._articleAlbum .artclList li .artclInfo dl dt{
	padding-left: 0.5em;
	display: none;
}
._articleAlbum .artclList li .artclInfo dl dt:after{
	content: " : ";
}
._articleAlbum .artclList li .artclInfo dl._first dt{
	padding-left: 0;
}
._articleAlbum .artclList li .artclInfo dl._last:after{
	content: "";
}
._articleAlbum .artclList li .artclInfo .newArtcl{
	width: 11px;
	height: 11px;
	overflow: hidden;
	text-indent: -5000px;
	display: inline-block;
	zoom: 1;
	_display: inline;
	background-position: 0 -240px;
}
._articleAlbum .artclList li .artclContent{
	display: none;
}
._articleAlbum .artclList li.blindLi .artclTitle strong,
._articleAlbum .artclList li.blindLi .artclInfo dd{
	color: #bbb;
}
._articleAlbum .artclList li.secretLi .artclTitle strong{
	color: #c00;
}
._articleAlbum .artclList li.trashLi .artclTitle strong{
	color: #cdbeb1;
}
._articleAlbum .artclList li.blindLi .artclLinkView:after,
._articleAlbum .artclList li.secretLi .artclLinkView:after,
._articleAlbum .artclList li.trashLi .artclLinkView:after{
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 .5em;
	color: #fff;
	font-size: 1em;
	line-height: 1.5;
	text-align: center;
	display: block;
}
._articleAlbum .artclList li.blindLi .artclLinkView:after{
	content: 'BLIND';
	background-color: #333;
}
._articleAlbum .artclList li.secretLi .artclLinkView:after{
	content: 'SECRET';
	background-color: #c00;
}
._articleAlbum .artclList li.trashLi .artclLinkView:after{
	content: 'TRASH';
	background-color: #cdbeb1;
}

._articleAlbum .artclList li a .album-img { width:100%; border-right:1px solid #f3f3f3; position:relative; height:240px; }
._articleAlbum .artclList li a .album-img img { position:relative; z-index:1; width:100% !important; height:240px !important; display:block; }
._articleAlbum .artclList li a .album-img i { transition:all 0.3s; }
._articleAlbum .artclList li a .album-img i::before,
._articleAlbum .artclList li a .album-img i::after { transition:all 0.3s; }

._articleAlbum .artclList li a:hover .album-img i {
	position:absolute; left:0; top:0; display:block;z-index:2;
	background:rgba(29,97,172,0.7); width:100%; height:100%;
}
._articleAlbum .artclList li a:hover .album-img i::before,
._articleAlbum .artclList li a:hover .album-img i::after { content:""; position:absolute; background:#fff; display:block;  }
._articleAlbum .artclList li a:hover .album-img i::before {
	 top:50%; left:50%; margin-left:-1px; width:2px;height:50px; margin-top:-25px;
}
._articleAlbum .artclList li a:hover .album-img i::after {
	 top:50%; left:50%; margin-left:-25px;margin-top:-1px; width:50px;height:2px;
}

._articleAlbum .artclList li a .album-cont { padding:21px 0 0;  }
._articleAlbum .artclList li a .album-cont p {
	font-size:18px; color:#333333; font-weight:700; letter-spacing:-0.04em; padding-bottom:2px; display:inline-block;
	border-bottom:1px solid #fff;
}
._articleAlbum .artclList li a .album-cont span { display:block; padding:10px 0 0; }
._articleAlbum .artclList li a:hover .album-cont p { border-bottom:1px solid #1d61ac; padding-bottom:2px;color:#1d61ac;  }


._articleAlbum .artclList li {
	float:left; 
	float: left;
    width: 33.3333%;
    box-sizing: border-box;
    padding: 10px;
}
._articleAlbum .artclList li .thumbnail{
	height:230px;
}
._articleAlbum .artclList.artclHorNum3 li {
	width:33.333333%;
}
._articleAlbum .artclList.artclHorNum3 li .thumbnail{
	height:250px;
}
._articleAlbum .artclList.artclHorNum4 li {
	width:25%;
}
._articleAlbum .artclList.artclHorNum4 li .thumbnail{
	height:200px;
}
._articleAlbum .artclList.artclHorNum5 li {
	width:20%;
}
._articleAlbum .artclList.artclHorNum5 li .thumbnail{
	height:140px;
}
._articleAlbum .artclList li a { display:block }

@media screen and (max-width:1400px){
	._articleAlbum .artclList.artclHorNum4 li.thumbLi .thumbnail{
		width: 100% !important;
		height: auto !important;
	}
	._articleAlbum .artclList.artclHorNum4 li.thumbLi .thumbnail img {
		width: 100% !important;
		height:240px !important;
		display: block;
		margin-bottom:25px;
		max-width:100% !important;
	}
}
@media screen and (max-width:960px){
	._articleAlbum .artclList.artclHorNum3 li,
	._articleAlbum .artclList.artclHorNum4 li,
	._articleAlbum .artclList li {
		float:left; 
		float: left;
		width: 33.3333%;
		box-sizing: border-box;
		padding: 10px;
	}

}
@media screen and (max-width:470px){
	.addFileArea .addFileDet dd { padding-top:6px; }
	._articleAlbum .artclViewSide dl:before { height:12px !important; top:4px !important; }
}

@media screen and (max-width:400px){
	._articleAlbum .artclList li { width:100% !important; float:none; }
	._articleAlbum .artclList li:nth-child(3n) { float:none; margin-right:0; }
	._articleAlbum .artclList li:nth-child(2n) { float:none; margin-right:0; }

	._articleAlbum .artclList.artclHorNum4 li {  width:100% !important; float:none; }
	._articleAlbum .artclList.artclHorNum4 li:nth-child(3n) { float:none; margin-right:0; }
	._articleAlbum .artclList.artclHorNum4 li:nth-child(2n) { float:none; margin-right:0; }
}

 /* paging */
/* --------------------------- paging */
._paging {
	margin: 50px 0 30px;
	padding: 0;
	height:35px !important;
	box-sizing: border-box;
}

._paging ._inner a, ._paging ._inner strong {
	width: 35px !important;
	height: 35px !important;
	line-height: 35px !important;
	margin: 0;
	box-sizing: border-box;
	border:1px solid #dadada;
}

._paging ._inner ul {
	height: 35px;
	margin: 0 0;
}

._paging ._inner ul li strong {
	background-color: #fff;
	border: 0;
	color:#1d61ac; font-size:15px; font-weight:500; text-align:center; border:1px solid #1d61ac;
}

._paging ._inner>a {
	margin: 0 10px;
	box-sizing: border-box;
	border: 1px solid #dadada !important;
	background-color: #fff !important;
	display:block; height:35px !important;
}

._paging ._inner ul li {
	margin: 0 0;
}

._paging ._inner ul li a {
	border: 0;
	color: #666;
}

._paging ._inner a._first {
	background-image: url('/sites/seowon/images/contents/guide/btn-p-prev.jpg') !important;
	background-size:33px 33px;
}

._paging ._inner a._listPrev, ._paging ._inner a._prev {
	background-image: url('/sites/seowon/images/contents/guide/btn-p-prev.jpg') !important;
	background-size:33px 33px;
	background-position: 0 0 !important;
}

/*
._paging ._inner a._listPrev, ._paging ._inner a._prev {
	display: block;
	background-position: -37px -76px;
}

._paging ._inner a._listNext, ._paging ._inner a._next {
	display: block;
	background-position: -71px -76px;
} */

._paging ._inner a._listNext, ._paging ._inner a._next {
	background-image: url('/sites/seowon/images/contents/guide/btn-p-next.jpg') !important;
	background-size:33px 33px;
	background-position: 0 0 !important;
}

._paging ._inner a._last {
    background-position: 0 0 !important;
	background-image: url('/sites/seowon/images/contents/guide/btn-p-next.jpg') !important;
	background-size:33px 33px;
}

@media all and (max-width: 860px) {
	._paging ._inner {
		height: auto;
	}
}

/* tab */
.tabType ul:after { content:"";display:block;clear:both;*zoom:1; }
.tabType ul { display:flex; flex-basis: auto; width:100%; border:1px solid #dadada; }
.tabType ul li { width:100%; }
.tabType ul li a {
	display:block; width:100%; padding:23px 0; text-align:center;
	font-size:18px; color:#222; position:relative;
}
.tabType ul li a.on { font-weight:700; }
.tabType ul li a.on::before {
	height:2px; width:100%; position:absolute; left:0; bottom:-2px;
	content:""; background:#1d61ac;
}
@media (max-width:800px){
	.tabType ul { flex-wrap:wrap; }
	.tabType ul li { width:33.3333%; }
}
@media (max-width:600px){
	.tabType ul li { width:33.3333%; }
	.tabType ul li a {
		padding:4px 0;
		font-size:14px;
	}
}

@media (max-width:640px){
	.bl-Area dl { display:flex; justify-content:center; align-items:center; }
	.bl-Area dl dt { width:90px; }
	.bl-Area dl dd { width:80%; padding-top:0; }
	.search-top-i .fr-type-i .select-type-i,
	.search-top-i .fr-type-i .btn-gray-type-i{font-size:14px;}
	._articleAlbum .artclList li .artclInfo .artclTitle{font-size:18px;}
	._articleAlbum .artclList li .artclInfo dl dd{font-size:14px;}
	._paging ._inner ._pageState span._curPage,
	._paging ._inner ._pageState span{font-size:16px;}
	._articleAlbum .artclViewTitleWrap .artclViewTitle{font-size:16px;}
	._articleAlbum .artclViewSide dl dd,
	._articleAlbum .artclViewSide dl dt{font-size:14px;}
}



._articleAlbum  .thumbnail {overflow: hidden;display: flex;justify-content: center;align-items: center;background-color: #f5f6f8;height: 248px !important;max-height: none !important;text-align: center;}
._articleAlbum  .thumbnail.horizon img {width: auto !important;height: 100% !important;max-width: none; margin-bottom: 0 !important;}
._articleAlbum  .thumbnail.vertical img {width: 100% !important; height: auto !important; margin-bottom: 0 !important;}