@charset "UTF-8";

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

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

/*subject*/

/*prd search*/
	._articleBasic .artclPeriod fieldset {
		width: 250px;
		height: 30px;
		position: relative;
		display: block;
		margin: 1em auto;
	}
	._articleBasic .artclPeriod fieldset label,
	._articleBasic .artclPeriod fieldset input{
		float: left;
		margin: 0 0.2em;
	}
	._articleBasic .artclPeriod fieldset label{
		line-height: 30px;
	}
	._articleBasic .artclPeriod fieldset input{
		width: 70px;
	}

/*rss,count,search*/
	._articleBasic .fnDiv.artclSerch{
		height: 30px;
		margin-bottom: 1em;
	}
	._articleBasic .fnDiv ._sysRss{
	}
/*list headline*/
	._articleBasic .artclHeadLine{
		border: 1px #ddd solid;
		background-color: #fff;
		padding: 0 1em;
	}
	._articleBasic .artclHeadLine .artclList,
	._articleBasic .artclHeadLine .artclList li._first._last .artclLinkView,
	._articleBasic .artclHeadLine .artclList li._last .artclLinkView{
		border: 0 !important;
	}
/*list*/
	._articleBasic .artclList{
		border-top: 1px #ddd solid;
		position: relative;
	}
	._articleBasic .artclList:before,
	._articleBasic .artclList:after{
		content: "";
		display: block;
		clear: both;
	}
	._articleBasic .artclList.useHeadline{
		border-top: 0;
	}
			/*list num set*/
			._articleBasic .artclList.artclHorNum2 li{
				width: 49.5%;
			}
			._articleBasic .artclList.artclHorNum2 li._even{
				float: left;
			}
			._articleBasic .artclList.artclHorNum2 li._odd{
				float: right;
			}
	._articleBasic .artclList li .artclLinkView{
		display: block;
		border-bottom: 1px #ddd solid;
		overflow: hidden;
		position: relative;
		padding: 1em 0;
		color: #000;
	}
	._articleBasic .artclList li.thumbLi .thumbnail{
		width: 300px;
		height: 180px;
		overflow: hidden;
		float: left;
		background-color: #fff;
		padding-right:30px;
		border-right:1px solid #dadada; position:relative;
	}
	._articleBasic .artclList li.thumbLi .thumbnail img{
		width: 100%;
		height: 100%;
	}

	/*
	._articleBasic .artclList li.thumbLi .thumbnail img { position:relative;z-index:1; }
	*/
	/* 2022.04.28. À̹ÌÁö ±ú²ýÇÏ°Ô */
	._articleBasic .artclList li.thumbLi .thumbnail img {
		position:relative;
		z-index:1;
		image-rendering: -webkit-optimize-contrast;
	}
	._articleBasic .artclList li.thumbLi .thumbnail i { transition:all 0.3s; }
	._articleBasic .artclList li.thumbLi .thumbnail i::before, 
	._articleBasic .artclList li.thumbLi .thumbnail i::after { transition:all 0.3s; }

	._articleBasic .artclList li.thumbLi a:hover .thumbnail i { 
		position:absolute; left:0; top:0; display:block;z-index:2;
		background:rgba(29,97,172,0.7); width:269px; height:180px; 
	}
	._articleBasic .artclList li.thumbLi a:hover .thumbnail i::before, 
	._articleBasic .artclList li.thumbLi a:hover .thumbnail i::after { content:""; position:absolute; background:#fff; display:block;  }
	._articleBasic .artclList li.thumbLi a:hover .thumbnail i::before { 
		 top:50%; left:50%; margin-left:-1px; width:2px;height:50px; margin-top:-25px;
	}
	._articleBasic .artclList li.thumbLi a:hover .thumbnail i::after { 
		 top:50%; left:50%; margin-left:-25px;margin-top:-1px; width:50px;height:2px;
	}
	/* 2022.04.28. ½ºÅ©·Ñ ¾È»ý±â°Ô */
	._articleBasic .artclList li .artclInfo .artclTitle {
		overflow: hidden !important;
	}


	._articleBasic .artclList li.thumbLi .thumbnail p{
		color: #888;
		text-align: center;
	}
	._articleBasic .artclList li.thumbLi .artclInfo,
	._articleBasic .artclList li.thumbLi .artclContent{
		margin-left: 330px;
	}
	._articleBasic .artclList li .artclInfo {
		margin-bottom: 0.5em;
	}
	._articleBasic .artclList li .artclInfo .artclTitle{
		font-size: 1.2em;
		display: block;
		line-height: 1.5;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    margin-bottom: 0.5em;
	}
	._articleBasic .artclList li .artclInfo .artclTitle strong{ 
		font-weight:500; padding-bottom:3px; display:inline-block;
		border-bottom:1px solid #fff;
	}

	._articleBasic .artclList li a:hover .artclInfo .artclTitle strong {
		color:#1d61ac; border-bottom:1px solid #1d61ac; 
	}

	._articleBasic .artclList li .artclInfo dl,
	._articleBasic .artclList li .artclInfo dl dt,
	._articleBasic .artclList li .artclInfo dl dd{
		display: inline-block;
		zoom: 1;
		_display: inline;
		color: #888888;
	}
	._articleBasic .artclList li .artclInfo dl dt {  }
	._articleBasic .artclList li .artclInfo dl{
	}
	._articleBasic .artclList li .artclInfo dl:after{
		content: " | ";
		color: #dbdee1;
	}
	._articleBasic .artclList li .artclInfo dl dd{
		margin-right: 0.5em; margin-left:0.5em;
	}
	._articleBasic .artclList li .artclInfo dl dd._last{
		margin-right: 0;
	}
	._articleBasic .artclList li .artclInfo dl dt{
		padding-left: 0.5em;
	}
	._articleBasic .artclList li .artclInfo dl dt:after{
		content: " : ";
	}
	._articleBasic .artclList li .artclInfo dl._first dt{
		padding-left: 0;
	}
	._articleBasic .artclList li .artclInfo dl._last:after{
		content: "";
	}
	._articleBasic .artclList li .artclInfo .newArtcl{
		width: 11px;
		height: 11px;
		overflow: hidden;
		text-indent: -5000px;
		display: inline-block;
	    zoom: 1;
	    _display: inline;
		background-position: 0 -240px;
	}
	._articleBasic .artclList li .artclContent{
		line-height: 1.5;
		height: 3em;
		overflow: hidden;
	}
	._articleBasic .artclList li .artclContent:after{
		display: inline;
	}

@media screen and (max-width:640px){
	._articleBasic .artclList li.thumbLi .thumbnail{
		width: 80%;
		height: auto;
		overflow: hidden;
		float: none;
		background-color: #fff;
		padding-right:0;
		border-right:none; position:relative;
		margin:0 auto;
		max-width:100%;
	}

	._articleBasic .artclList li.thumbLi a:hover .thumbnail i { 
		position:absolute; left:0; top:0; display:block;z-index:2;
		background:rgba(29,97,172,0.7); width:100%; height:100%; 
	}

	._articleBasic .artclList li.thumbLi .artclInfo { padding:30px 0 0; }
	._articleBasic .artclList li.thumbLi .artclInfo,
	._articleBasic .artclList li.thumbLi .artclContent{
		margin-left: 0; display:block; clear:both;
	}
}

	._articleBasic .artclList li.blindLi .artclTitle strong{
		color: #00c;
	}
	._articleBasic .artclList li.secretLi .artclTitle strong{
		color: #c00;
	}
	._articleBasic .artclList li.trashLi .artclTitle strong{
		color: #cdbeb1;
	}
	._articleBasic .artclList li.blindLi .artclLinkView:after,
	._articleBasic .artclList li.secretLi .artclLinkView:after,
	._articleBasic .artclList li.trashLi .artclLinkView:after{
	    position: absolute;
	    top: 1em;
	    right: 0;
	    padding: 0 .5em;
	    background: rgba(0,0,0,.36);
	    color: #fff;
	    font-size: 1em;
	    line-height: 1.5;
	    text-align: center;
	    display: block;
	}
	._articleBasic .artclList li.blindLi .artclLinkView:after{
		content: 'BLIND';
	}
	._articleBasic .artclList li.secretLi .artclLinkView:after{
		content: 'SECRET';
	}
	._articleBasic .artclList li.trashLi .artclLinkView:after{
		content: 'TRASH';
	}

/*write+view*/
	._articleBasic .artclItem{
	    border-color: #333 #ddd #ddd;
	    border-style: solid;
	}
	._articleBasic .artclItem.writeForm{
		border-width: 1px 0 1px 0;
	}
	._articleBasic .artclItem.viewForm{
	    background-color: #fff;
		border-width: 1px 1px 1px;
	}
	._articleBasic .artclItem .artclForm,
	._articleBasic .artclItem .artclLabel,
	._articleBasic .artclItem .artclInsert{
		min-height: 28px;
	    height: auto!important;
	    _height: 28px;
	}
	._articleBasic .artclItem .artclForm{
		position: relative;
	    border-top: 1px #eee solid;
	    padding: 5px 0 5px 160px;
	}
	._articleBasic .artclItem .artclForm:first-child{
		border: 0;
	}
	._articleBasic .artclItem .artclLabel,
	._articleBasic .artclItem .artclInsert{
		padding: 2px 0;
	    color: #666;
	    line-height: 28px;
	}
	._articleBasic .artclItem .artclLabel{
		font-weight: 400;
	    position: absolute;
	    top: 10px;
	    left: 10px;
	    color: #000;
	    font-size: 0.95em;
		height:37px;
	    width: 140px;
/*	    background: url("../images/labelGab.gif") no-repeat right 50%; */
		border-right:1px solid #dadada;
	}
	._articleBasic .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;
	}
	._articleBasic .artclItem .artclInsert{
		display: block;
	    margin-right: 5px;
	    position: relative;
	    padding: 2px 0;
	    color: #666;
	    line-height: 28px;
	}
	._articleBasic .artclItem .artclInsert input[type="text"]{
		border:1px solid #333; height:35px; padding:3px 5px; color:#222;
	}
	._articleBasic .artclItem .artclInsert textarea{
		height: 400px; width:100%;
	}
	._articleBasic .artclItem .artclInsert .intOpt{
		border: 1px #eee solid;
		padding: 0.5em;
		background-color: #f7f7f7;
	}
	._articleBasic .artclItem .artclInsert .multiSelectBox{
		height: 60px;
		width: 300px;
	}
	._articleBasic .artclItem .artclForm.both{
		padding-left: 0;
	}
	._articleBasic .artclItem .artclForm.both .artclInsert{
		margin-left: 0;
		width: 99.7% !important;
	}
	._articleBasic .artclItem .artclForm.both .artclLabel{
		position: static;
		display: block;
		background-image: none;
	}
/*view head*/
	._articleBasic .artclViewHead{
		overflow: hidden;
		position: relative;
		margin-bottom: 0.5em;
	}
	._articleBasic .artclViewHead dl,
	._articleBasic .artclViewHead dl dt,
	._articleBasic .artclViewHead dl dd{
		display: inline-block;
		zoom: 1;
		_display: inline;
		line-height: 1;
		font-size: 1.02em;
	}
	._articleBasic .artclViewHead dl{
		padding: 0 0.5em;
		border-right: 1px #ccc solid;
	}
	._articleBasic .artclViewHead dl._first._last{
		padding: 0 0.5em 0 0;
	}
	._articleBasic .artclViewHead dl._last{
		padding: 0 0 0 0.5em;
		border-right: 0;
	}
	._articleBasic .artclViewHead dl dt{
		padding-right: 0.5em;
	}
	._articleBasic .artclViewHead dl dd{
		font-weight: bold;
	}
	._articleBasic .artclViewHead .left{
		float: left;
	}
	._articleBasic .artclViewHead .right{
		float: right;
	}
	._articleBasic .artclViewTitleWrap{
		border-top: 1px #333 solid;
		background-color: #fff;
		border-bottom: 1px #dadada solid;
	}
	._articleBasic .artclViewHeader {
		padding: 1.5em 1.11em;
	}
	._articleBasic .artclViewSide dl { display:inline-block; margin-left:10px; padding-left:11px; position:relative; }
	._articleBasic .artclViewSide dl:before { content:""; width:1px; height:14px; background:#dadada; position:absolute; left:0; top:7px; } 
	._articleBasic .artclViewSide dl:nth-child(1) { margin-left:0; padding-left:0; border-left:0; }
	._articleBasic .artclViewSide dl:nth-child(1):before { background:none; }
	._articleBasic .artclViewSide dl dt { display:inline-block; }
	._articleBasic .artclViewSide dl dd { display:inline-block; }

	._articleBasic .artclViewTitleWrap .artclViewTitle{
		font-size: 1.3em;
		line-height: 1.5;
		text-align: left;
		font-weight:700;
		padding-bottom:0.5em;
	}
	._articleBasic .artclViewTitleWrap .artclShare{
		overflow: hidden;
		position: relative;
	}
	._articleBasic .artclViewTitleWrap .artclShare .sns,
	._articleBasic .artclViewTitleWrap .artclShare input,
	._articleBasic .artclViewTitleWrap .artclShare a{
		float: left;
	}
	._articleBasic .artclViewTitleWrap .artclShare .left{
		float: left;
	}
	._articleBasic .artclViewTitleWrap .artclShare .right{
		float: right;
	}
	._articleBasic .artclViewTitleWrap .artclShare .sns input,
	._articleBasic .artclViewTitleWrap .artclShare .option,
	._articleBasic .artclComment .comment .option{
		font-size: 1em;
		color: #333;
	}
	._articleBasic .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);
	}
	._articleBasic .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;
	}
	._articleBasic .artclViewTitleWrap .artclShare .sns .twitter{
		background-position: 5px 6px;
	}
	._articleBasic .artclViewTitleWrap .artclShare .sns .facebook{
		background-position: 5px -24px;
	}
	._articleBasic .artclViewTitleWrap .artclShare .sns input:first-child{
		border-width: 1px;
	}
	._articleBasic .artclViewTitleWrap .artclShare .option,
	._articleBasic .artclComment .comment .option{
		height: 26px;
		padding: 0 10px 0 20px;
		background-color: transparent;
	}
	._articleBasic .artclViewTitleWrap .artclShare input.option{
		line-height: 26px;
	}
	._articleBasic .artclViewTitleWrap .artclShare a.option{
		line-height: 29px;
	}
	._articleBasic .artclViewTitleWrap .artclShare .option.recommend,
	._articleBasic .artclComment .comment .option.recommend{
		background-position: 0 -174px;
	}
	._articleBasic .artclViewTitleWrap .artclShare .option.nonrecommend,
	._articleBasic .artclComment .comment .option.nonrecommend{
		background-position: 0 -355px;
	}
	._articleBasic .artclViewTitleWrap .artclShare .option.report{
		background-position: 0 -113px;
	}
	._articleBasic .artclViewTitleWrap .artclShare .option.blind{
		background-position: 0 -144px;
	}
	._articleBasic .artclViewTitleWrap .artclShare .option.print{
		background-position: 0 -83px;
	}
	._articleBasic .artclAtchImg{
		padding: 1em 0;
		text-align: center;
		display:none;
	}
	._articleBasic .artclAtchImg img{
		max-width: 100%;
		width: auto !important;
		_width: 100%;
	}
	._articleBasic .artclView{
		font-size: 1em;
		margin-bottom: 2em;
	}
	._articleBasic .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 */
	._articleBasic .artclAnswerWrap{
		border: 1px #ddd solid;
		background-color: #fff;
	}
	._articleBasic .artclAnswerWrap h3{
		border-bottom: 1px #eee solid;
		text-align: center;
		line-height: 2.4;
		background-color: #f7f7f7;
	}
	._articleBasic .artclAnswerWrap .artclAnswer{
		padding: 0.5em 0.5em 0 0.5em;
	}
	._articleBasic .artclAnswerWrap .artclAnswerInfo{
		padding: 0.5em;
		font-size: 0.9em;
		text-align: right;
		color: #555;
	}
	._articleBasic .artclAnswerWrap .artclAnswerInfo .date{
		border-left: 1px #ddd solid;
		padding-left: 0.5em;
		margin-left: 0.5em;
	}
	
/* comment */
	._articleBasic .artclComment{
		border: 1px #ddd solid;
		background-color: #fff;
		margin: 1em 0;
		padding: 1em;
	}
/* comment write */
	._articleBasic .artclComment .artclCommentName{
		margin-bottom: 0.5em;
	}
	._articleBasic .artclComment .artclCommentName label{
		float: left;
		height: 28px;
		line-height: 28px;
		font-weight: 600;
		margin-right: 1em;
	}
	._articleBasic .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;
	}
	._articleBasic .artclComment .artclCommentForm{
		position: relative;
		margin-bottom: 1em;
	}
	._articleBasic .artclComment .artclCommentForm .artclCommentInsert{
		margin-right: 80px;
	}
	._articleBasic .artclComment .artclCommentForm .artclCommentInsert textarea{
		padding: 5px;
		height: 50px;
		width: 100%;
		background-color: #f7f7f7;
	}
	._articleBasic .artclComment .artclCommentForm ._button{
		position: absolute;
		top: 0;
		right: 0;
	}
	._articleBasic .artclComment .artclCommentForm ._button input{
		width: 60px;
		height: 62px;
		line-height: 60px;
	}
	
/* comment list */
	._articleBasic .artclComment .artclCommentList{
		background-color: #ECF1F3;
		padding: 1em 1em 0 1em;
		border: 1px #DBE7EB solid;
	}
	._articleBasic .artclComment .artclCommentList li{
		border-left: 1px #ccc solid;
		padding: 0 0 15px 70px;
		margin-left: 60px;
		position: relative;
	}
	._articleBasic .artclComment .artclCommentList li .comment{
		line-height: 1.8;
	}
	._articleBasic .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;
	}
	._articleBasic .artclComment .artclCommentList li .delComment{
		width: 11px;
		height: 11px;
		background-position: 0 -210px;
		margin-left: 0.5em;
		text-indent: -5000px;
	}
	
/* prev/next */
	._articleBasic .artclNavi{
		border-width: 1px;
		border-color: #ddd;
		margin-bottom: 1em;
	}
	._articleBasic .artclNavi .artclForm{
		padding-left: 90px;
	}
	._articleBasic .artclNavi .artclForm .artclLabel{
		text-align: center;
		width: 70px;
	}
	._articleBasic .artclNavi .artclForm .artclInsert .artclNaviInfo{
		float: right;
	}
	._articleBasic .artclNavi .artclForm .artclInsert .date{
		border-left: 1px #ddd solid;
		padding-left: 0.5em;
		margin-left: 0.5em;
	}

/* etc */

.artclItem{}
.artclAnswer{}

/* 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 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;}

._articleTable .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;
}

._articleTable .artclTable tbody tr td.clearFix { display:none; }

._articleTable .artclTable tbody tr:hover { background:#f8f9fb; border-bottom:1px solid #2875bb; }


@media screen and (max-width:1200px){
	._articleTable .artclTable thead { display:none; }
	._articleTable .artclTable thead th:nth-child(1) { }

	._articleTable .artclTable thead th._artclThNum,
	._articleTable .artclTable thead th._artclThTitle,
	._articleTable .artclTable thead th._artclThWriter,
	._articleTable .artclTable thead th._artclThRdate,
	._articleTable .artclTable thead th._artclThRecommend,
	._articleTable .artclTable thead th._artclThComment,
	._articleTable .artclTable thead th._artclThAtchFile,
	._articleTable .artclTable thead th._artclThAccess { }

	._articleTable .artclTable,
	._articleTable .artclTable tbody,
	._articleTable .artclTable tbody tr { display:block; width:100%; position:relative;  border-bottom:1px solid #dadada; text-align:left;}
	._articleTable .artclTable tbody tr::after { content:"";display:block;clear:both;*zoom:1; } 
	._articleTable .artclTable tbody tr td { display:block; float:left; position:relative; }

	._articleTable .artclTable tbody tr td:nth-child(1),
	._articleTable .artclTable tbody tr td._artclTdNum,
	._articleTable .artclTable tbody tr td._artclTdTitle,
	._articleTable .artclTable tbody tr td._artclTdWriter,
	._articleTable .artclTable tbody tr td._artclTdRdate,
	._articleTable .artclTable tbody tr td._artclTdRecommend,
	._articleTable .artclTable tbody tr td._artclTdComment,
	._articleTable .artclTable tbody tr td._artclTdAtchFile,
	._articleTable .artclTable tbody tr td._artclTdAccess { border-bottom:0; }

	._articleTable .artclTable tbody tr td:nth-child(1) { position:absolute; left:0; top:0; padding:10px 0; width:30px; text-align:left;}
	._articleTable .artclTable tbody tr td._artclTdNum { width:20%; padding-left:30px; text-align:center; }
	._articleTable .artclTable tbody tr td._artclTdTitle { width:80%; }
	._articleTable .artclTable tbody tr td._artclTdTitle::after { content:""; display:block; clear:both; width:100%; height:0; *zoom:1; }
	._articleTable .artclTable tbody tr td._artclTdWriter { float:left; display:inline-block; padding-left:0; margin-left:0; padding-right:15px !important;}
	._articleTable .artclTable tbody tr td._artclTdRdate { float:left; display:inline-block; padding-left:16px !important;  padding-right:15px !important; } 
	._articleTable .artclTable tbody tr td._artclTdRecommend { float:left; display:inline-block; padding-left:16px !important; padding-right:15px !important; border-left:1px solid #dadada; }
	._articleTable .artclTable tbody tr td._artclTdComment { float:left; display:inline-block; padding-right:15px !important; padding-left:16px !important; border-left:1px solid #dadada; }
	._articleTable .artclTable tbody tr td._artclTdAtchFile { 
		position:absolute; right:0; top:50%; margin-top:-15px; z-index:11; 
		text-indent:-9999px; display:block;
		background:url(/sites/seowon/images/contents/guide/i-add-file2.png) no-repeat; 
		width:23px; height:30px;
	}
	._articleTable .artclTable tbody tr td._artclTdAccess { float:left; display:inline-block; padding-right:15px !important; padding-left:16px !important; border-left:1px solid #dadada; }

	._articleTable .artclTable tbody tr td._artclTdRdate::after,
	._articleTable .artclTable tbody tr td._artclTdRecommend::after,
	._articleTable .artclTable tbody tr td._artclTdComment::after,
	._articleTable .artclTable tbody tr td._artclTdRdate::after,
	._articleTable .artclTable tbody tr td._artclTdAccess::after { 
		content:"";display:block;width:1px; height:14px; background:#dadada; 
		position:absolute; left:0; top:15px;
	}

	._articleTable .artclTable tr td .artclLinkView { 
		border-left:0; 
		display:block;
		text-align: left;
		font-size: 1em;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
		white-space: normal;

	    margin: 0 0;
		border-left:0 !important;
		padding:0 50px 0 0;
	}

}

@media screen and (max-width:465px){
	._articleBasic .artclViewSide dl:before { height:12px !important; top:4px !important; } 
	._articleBasic .artclViewSide dl:nth-child(3) {  margin-left:0 !important; }
}
  
._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;
	} 
}


/* ½æ³×ÀÏ°Ô½ÃÆÇ */
._articleBasic .thum-list {zoom:1;overflow:hidden; }
._articleBasic .thum-list li::after {display:block;clear:both;content:"";*zoom:1;}
._articleBasic .thum-list>li { padding:30px 0;  border-bottom:1px solid #dadada;}
._articleBasic .thum-list>li:nth-child(1) { border-top:1px solid #333333; }
._articleBasic .thum-list li a { display:block; }

._articleBasic .thum-list li a .thum-img { float:left; width:220px; height:130px; margin-right:30px; border-right:1px solid #dadada; position:relative;}
._articleBasic .thum-list li a .thum-img img { position:relative;z-index:1; }
._articleBasic .thum-list li a .thum-img i { transition:all 0.3s; }
._articleBasic .thum-list li a .thum-img i::before, 
._articleBasic .thum-list li a .thum-img i::after { transition:all 0.3s; }

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

._articleBasic .thum-list li a .thum-cont { padding-left:250px; position:relative; }
._articleBasic .thum-list li a .thum-cont > div h4 { 
	font-size:18px; color:#333333;font-weight:700; letter-spacing:-0.04em; padding-bottom:2px; display:inline-block; 
	border-bottom:1px solid #fff; 
}
._articleBasic .thum-list li a .thum-cont > div p { font-size:16px; color:#3a3a3a; font-weight:400; letter-spacing:-0.04em; line-height:26px; padding:10px 0 28px; }

._articleBasic .thum-list li a .thum-cont dl { float:left; margin-left:10px; padding-left:11px; position:relative; color:#888888; }
._articleBasic .thum-list li a .thum-cont dl:nth-child(1) { margin-left:0; padding-left:0; position:relative; font-weight:700; }
._articleBasic .thum-list li a .thum-cont dl::before { 
	content:""; 
	position:absolute; background:#dbdee1; display:block;  
	width:1px; height:14px; left:0; top:0;
}
._articleBasic .thum-list li a .thum-cont dl:nth-child(1)::before { display:none; }
._articleBasic .thum-list li a:hover .thum-cont h4 { border-bottom:1px solid #1d61ac; padding-bottom:2px; color:#1d61ac;}


/* 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; }
}	


/* »õ±Û °øÅë*/
._artclTdTitle .artclLinkView .new,
 .artclInfo .artclTitle .new{
  display: inline-block !important;
  background: url(/sites/style/images/bbsNew.png) no-repeat;
  padding: 0 !important;
  width:17px;
  height:17px;
  text-indent:-9999px;
  vertical-align: sub;
}
._artclTdTitle .artclLinkView .new:before,
 .artclInfo .artclTitle .new:before{
	display:none !important;
 }

@media screen and (max-width:785px)  {
	._artclTdTitle .artclLinkView .new,
	 .artclInfo .artclTitle .new{
	float:left;
	margin-top: 3px;
	margin-right: 5px;
	 }
}