@charset "utf-8";


@media all and (min-width:1024px){

.pop-layer .pop-container {padding: 20px 50px;}
.pop-layer .btn-r {width: 100%;margin: 10px 0 20px;padding-top: 10px;border-top: 1px solid #DDD;text-align: right;}
.pop-layer {border-radius:10px;display: none;position: absolute;top: 50%;left: 50%;width: 410px;height: auto;background:url(../images/common/login-bg.jpg)no-repeat top left;background-size:cover;z-index: 10;}
.pop-layer .pop-container .pop-conts h5{width:60%;height:auto; margin:30px auto 15px;}
.pop-layer .pop-container .pop-conts h5 img{width:100%;height:auto;}
.pop-layer .pop-container .pop-conts .input-wrap{width:100%;height:50px;border-bottom:1px solid #fff;}
.pop-layer .pop-container .pop-conts .input-wrap .input-col{float:right;width:calc(100% - 50px);height:50px;padding-left:20px;box-sizing:border-box;color:#fff;outline:none;}
.pop-layer .pop-container .pop-conts .input-wrap label{color:#fff;display:block;float:left;width:50px; height:50px; line-height:50px;text-align:center;}
.pop-layer .pop-container .pop-conts .input-wrap .input-col::placeholder {color:#fff;transition:0.3s;}
.pop-layer .pop-container .pop-conts .input-wrap .input-col::-moz-placeholder {color:#fff;}
.pop-layer .pop-container .pop-conts .input-wrap .input-col::-webkit-input-placeholder {color:#fff;}
.pop-layer .pop-container .pop-conts .input-wrap .input-col:focus::placeholder {color:rgba(255,255,255,0.3);transition:0.3s;}
.pop-layer .pop-container .pop-conts .input-wrap .input-col:focus::-moz-placeholder{color:rgba(255,255,255,0.3);transition:0.3s;}
.pop-layer .pop-container .pop-conts .input-wrap .input-col:focus::-webkit-input-placeholder {color:rgba(255,255,255,0.3);transition:0.3s;}
.pop-layer .pop-container .pop-conts .btn-wrap {width:100%; height:35px; margin-top:15px}
.pop-layer .pop-container .pop-conts .btn-wrap button{width:100%; height:35px; text-align:center;color:#fff;background-color:#159fdb;transition:0.3s;outline:none;}
.pop-layer .pop-container .pop-conts .btn-wrap button:hover{background-color:#0d3551;transition:0.3s;}

.pop-layer .pop-container .pop-conts .login-join{width:100%; height:50px;}
.pop-layer .pop-container .pop-conts .login-join li{display:inline-block;height:50px;width:33%;position:relative;}
.pop-layer .pop-container .pop-conts .login-join li:last-of-type{width:32%;}
.pop-layer .pop-container .pop-conts .login-join li:before{content:"|";display:inline-block;color:#fff;position:absolute;top:14px;right:-4px;}
.pop-layer .pop-container .pop-conts .login-join li:last-of-type:before{content:"";display:none;}

.pop-layer .pop-container .pop-conts .login-join li a{display:block;color:#fff;height:50px;line-height:50px;text-align:center;width:100%;}
.pop-layer .pop-container .pop-conts .login-info{width:100%;height:auto;text-align:center;padding:10px 0px;box-sizing:border-box;color:#fff;font-weight:300;font-size:14px;}
.pop-layer .pop-container .pop-conts .login-list{width:100%;height:130px;padding:15px 5px 15px 15px;box-sizing:border-box; background-color:rgba(255,255,255,0.8);color:#222;margin-top:20px;}
.pop-layer .pop-container .pop-conts .login-list li{ width:100%;height:auto;line-height:20px;}
.pop-layer .pop-container .pop-conts .login-list li i{color:#159fdb; padding-right:10px;width:5%;display:inline-block;vertical-align:top;margin-top:5px}
.pop-layer .pop-container .pop-conts .login-list li b{display:inline-block;width:90%;font-weight:normal;}



.pop-findid .pop-container {padding: 20px 50px;}
.pop-findid .btn-r {width: 100%;margin: 10px 0 20px;padding-top: 10px;border-top:none;text-align: right;}
.pop-findid {border-radius:10px;display: none;position: absolute;top: 50%;left: 50%;width: 410px;height: auto;background:url(../images/common/login-bg.jpg)no-repeat top left;background-size:cover;z-index: 10;}
.pop-findid .pop-container .pop-conts h5{width:60%;height:auto; margin:30px auto 15px;}
.pop-findid .pop-container .pop-conts h5 img{width:100%;height:auto;}
.pop-findid .pop-container .pop-conts .input-wrap{width:100%;height:50px;border-bottom:1px solid #fff;}
.pop-findid .pop-container .pop-conts .input-wrap .input-col{float:right;width:calc(100% - 50px);height:50px;padding-left:20px;box-sizing:border-box;color:#fff;outline:none;}
.pop-findid .pop-container .pop-conts .input-wrap label{color:#fff;display:block;float:left;width:50px; height:50px; line-height:50px;text-align:center;}
.pop-findid .pop-container .pop-conts .input-wrap .input-col::placeholder {color:#fff;transition:0.3s;}
.pop-findid .pop-container .pop-conts .input-wrap .input-col::-moz-placeholder {color:#fff;}
.pop-findid .pop-container .pop-conts .input-wrap .input-col::-webkit-input-placeholder {color:#fff;}
.pop-findid .pop-container .pop-conts .input-wrap .input-col:focus::placeholder {color:rgba(255,255,255,0.3);transition:0.3s;}
.pop-findid .pop-container .pop-conts .input-wrap .input-col:focus::-moz-placeholder{color:rgba(255,255,255,0.3);transition:0.3s;}
.pop-findid .pop-container .pop-conts .input-wrap .input-col:focus::-webkit-input-placeholder {color:rgba(255,255,255,0.3);transition:0.3s;}
.pop-findid .pop-container .pop-conts .btn-wrap {width:100%; height:35px; margin-top:15px}
.pop-findid .pop-container .pop-conts .btn-wrap button{width:100%; height:35px; text-align:center;color:#fff;background-color:#159fdb;transition:0.3s;outline:none;}
.pop-findid .pop-container .pop-conts .btn-wrap button:hover{background-color:#0d3551;transition:0.3s;}

.pop-findid .pop-container .pop-conts .login-join{display:none;}
.pop-findid .pop-container .pop-conts .login-info{width:100%;height:auto;text-align:center;padding:10px 0px;box-sizing:border-box;color:#fff;font-weight:300;font-size:14px;}
.pop-findid .pop-container .pop-conts .login-list{display:none;}

.pop-findpw .pop-container {padding: 20px 50px;}
.pop-findpw .btn-r {width: 100%;margin: 10px 0 20px;padding-top: 10px;border-top:none;text-align: right;}
.pop-findpw {border-radius:10px;display: none;position: absolute;top: 50%;left: 50%;width: 410px;height: auto;background:url(../images/common/login-bg.jpg)no-repeat top left;background-size:cover;z-index: 10;}
.pop-findpw .pop-container .pop-conts h5{width:60%;height:auto; margin:30px auto 15px;}
.pop-findpw .pop-container .pop-conts h5 img{width:100%;height:auto;}
.pop-findpw .pop-container .pop-conts .input-wrap{width:100%;height:50px;border-bottom:1px solid #fff;}
.pop-findpw .pop-container .pop-conts .input-wrap .input-col{float:right;width:calc(100% - 50px);height:50px;padding-left:20px;box-sizing:border-box;color:#fff;outline:none;}
.pop-findpw .pop-container .pop-conts .input-wrap label{color:#fff;display:block;float:left;width:50px; height:50px; line-height:50px;text-align:center;}
.pop-findpw .pop-container .pop-conts .input-wrap .input-col::placeholder {color:#fff;transition:0.3s;}
.pop-findpw .pop-container .pop-conts .input-wrap .input-col::-moz-placeholder {color:#fff;}
.pop-findpw .pop-container .pop-conts .input-wrap .input-col::-webkit-input-placeholder {color:#fff;}
.pop-findpw .pop-container .pop-conts .input-wrap .input-col:focus::placeholder {color:rgba(255,255,255,0.3);transition:0.3s;}
.pop-findpw .pop-container .pop-conts .input-wrap .input-col:focus::-moz-placeholder{color:rgba(255,255,255,0.3);transition:0.3s;}
.pop-findpw .pop-container .pop-conts .input-wrap .input-col:focus::-webkit-input-placeholder {color:rgba(255,255,255,0.3);transition:0.3s;}
.pop-findpw .pop-container .pop-conts .btn-wrap {width:100%; height:35px; margin-top:15px}
.pop-findpw .pop-container .pop-conts .btn-wrap button{width:100%; height:35px; text-align:center;color:#fff;background-color:#159fdb;transition:0.3s;outline:none;}
.pop-findpw .pop-container .pop-conts .btn-wrap button:hover{background-color:#0d3551;transition:0.3s;}

.pop-findpw .pop-container .pop-conts .login-join{display:none;}
.pop-findpw .pop-container .pop-conts .login-info{width:100%;height:auto;text-align:center;padding:10px 0px;box-sizing:border-box;color:#fff;font-weight:300;font-size:14px;}
.pop-findpw .pop-container .pop-conts .login-list{display:none;}

.BD-wrap{display:none;}
.NM-wrap{display:none;}
.dim-layer {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.dim-layer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .7;filter: alpha(opacity=70);}
.dim-layer .pop-layer {display: block;}
.dim-layer .pop-findid {display: block;}
.dim-layer .pop-findpw {display: block;}
a.btn-layerClose {position:absolute;top:0;right:0;display: block;height: 50px;width:50px;font-size: 20px;color: #fff;line-height:50px;text-align:center;}


/*가입완료*/
.pop-layer2 .pop-container2 {padding: 20px 50px;}
.pop-layer2 .btn-r {width: 100%;margin: 10px 0 20px;padding-top: 10px;border-top: 1px solid #DDD;text-align: right;}
.pop-layer2 {border-radius:10px;display: none;position: absolute;top: 50%;left: 50%;width: 410px;height: auto;background:url(../images/common/login-bg.jpg)no-repeat top left;background-size:cover;z-index: 10;}
.pop-layer2 .pop-container2 .pop-conts2 h5{width:60%;height:auto; margin:30px auto 15px;}
.pop-layer2 .pop-container2 .pop-conts2 h5 img{width:100%;height:auto;}

.pop-layer2 .pop-container2 .pop-conts2 .login-info{width:100%;height:auto;padding:10px 0px;box-sizing:border-box;border-bottom:1px solid #fff;border-top:1px solid #fff;}
.pop-layer2 .pop-container2 .pop-conts2 .login-info b{display:block;width:100%;text-align:center;color:#fff;font-weight:500;font-size:30px;}
.pop-layer2 .pop-container2 .pop-conts2 .login-info i{display:block;width:100%;text-align:center;color:#fff;font-weight:400;font-size:15px;font-style:normal;margin-top:10px;}
.pop-layer2 .pop-container2 .pop-conts2 .login-list{width:100%;height:70px;padding:15px 5px 15px 15px;box-sizing:border-box; background-color:rgba(255,255,255,0.8);color:#222;margin-top:30px;}
.pop-layer2 .pop-container2 .pop-conts2 .login-list li{ width:100%;height:auto;line-height:20px;text-align:center;}

.pop-layer2 .pop-container2 .pop-conts2 .btn-wrap {width:100%; height:35px; margin-top:15px}
.pop-layer2 .pop-container2 .pop-conts2 .btn-wrap a{display:block;width:100%; height:35px; text-align:center;color:#fff;background-color:#159fdb;transition:0.3s;outline:none;line-height:35px;}
.pop-layer2 .pop-container2 .pop-conts2 .btn-wrap a:hover{background-color:#0d3551;transition:0.3s;}

.dim-layer2 {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.dim-layer2 .dimBg2 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .7;filter: alpha(opacity=70);}
.dim-layer2 .pop-layer2 {display: block;} .BD-wrap{display:none;}


/*로그인 sub*/
.login-sub {width:410px; height:auto; margin:80px auto;border:1px solid #ddd;padding:0 30px;box-sizing:border-box;}
.login-sub h5{text-align:center; font-size:20px; width:100%; height:auto;padding:30px 0;box-sizing:border-box;}

.login-sub .input-wrap{width:100%;height:50px;border-bottom:1px solid #ddd;}
.login-sub .input-wrap .input-col2{float:right;width:calc(100% - 50px);height:50px;padding-left:25px;box-sizing:border-box;color:#666;outline:none;}
.login-sub .input-wrap label{color:#159fdb;display:block;float:left;width:50px; height:50px; line-height:50px;text-align:center;}

.login-sub .login-info{width:100%;height:auto;text-align:center;padding:10px 0px;box-sizing:border-box;color:#666;font-weight:300;font-size:14px;}


.login-sub .btn-wrap {width:100%; height:35px; margin-top:15px}
.login-sub .btn-wrap a{width:100%; height:35px; line-height:35px;display:block;text-align:center;color:#fff;background-color:#159fdb;transition:0.3s;outline:none;}
.login-sub .btn-wrap a:hover{background-color:#0d3551;transition:0.3s;}

.login-sub .login-join{width:100%; height:50px;}
.login-sub .login-join li{display:inline-block;height:50px;width:33%;position:relative;}
.login-sub .login-join li:last-of-type{width:32%;}
.login-sub .login-join li:before{content:"|";display:inline-block;position:absolute;top:14px;right:-4px;}
.login-sub .login-join li:last-of-type:before{content:"";display:none;}
.login-sub .login-join li a{display:block;color:#666;height:50px;line-height:50px;text-align:center;width:100%;}


.login-sub .login-list{width:100%;height:130px;padding:15px 5px 15px 15px;box-sizing:border-box; background-color:#f6f6f6;color:#222;margin-top:20px;}
.login-sub .login-list li{ width:100%;height:auto;line-height:20px;}
.login-sub .login-list li i{color:#159fdb; padding-right:10px;width:5%;display:inline-block;vertical-align:top;margin-top:5px}
.login-sub .login-list li b{display:inline-block;width:90%;font-weight:normal;}


	#wrap{width:100%;height:auto;margin:0 auto;}


	#wrap .header{background-color:#fff;width:100%; height:150px; box-shadow:0px 0px 10px 1px rgba(25,25,25,0.3);margin-bottom:15px;z-index:20;}
	#wrap .header .h-wrap{width:100%; max-width:1200px;margin:0 auto;}

	#wrap .header .h-wrap .h-top{height:90px;width:100%;padding-top:30px;box-sizing:border-box;border-bottom:1px solid #ddd;}
	#wrap .header .h-wrap .h-top .h-top-l{float:left;margin-left:15px;width:180px;height:auto;}
	#wrap .header .h-wrap .h-top .h-top-l a{height:47px;}
	#wrap .header .h-wrap .h-top .h-top-l a img{width:100%;height:auto;}
	#wrap .header .h-wrap .h-top .search-wrap{float:right;width: 250px; height: 40px; padding-right:15px;}
	#wrap .header .h-wrap .h-top .search-wrap .row{width: 250px; height: 40px;background-color:#f5f5f5;border-radius:20px;}
	#wrap .header .h-wrap .h-top .search-wrap .row input{width:calc(100% - 40px);height:40px;padding-left:15px;box-sizing:border-box;outline:none;}
	#wrap .header .h-wrap .h-top .search-wrap .row i{width:40px; height:40px; border-radius:20px;line-height:40px;display:inline-block;background-color:#159fdb;color:#fff;text-align:center;}
 .search-view{display:none;}

	#wrap .header .h-wrap .h-bottom{padding-top:8px;box-sizing:border-box;}
	#wrap .header .h-wrap .h-bottom .navigation{float:left;padding-top:4px;}
		.navigation {width:auto;font-size: 18px;}
		.menu {margin: 0 auto; padding-left: 0;}
		.menu__item {display: inline-block;white-space: nowrap;}
		.menu__link {display: block;padding: 3px 30px;}
		.menu__link:hover .menu__first-word, .menu__link:focus .menu__first-word {transform: translate3d(0, -105%, 0);}
		.menu__link:hover .menu__second-word, .menu__link:focus .menu__second-word { transform: translate3d(0, 105%, 0);}
		.menu__title {display: inline-block;overflow: hidden;font-size:17px}
		.menu__first-word,.menu__second-word {display: inline-block;position: relative;transition: transform .3s;}
		.menu__first-word:before,.menu__second-word::before {position: absolute;content: attr(data-hover);}
		.menu__first-word {color: #0d3551;}
		.menu__first-word::before {top: 105%;color: #626262;}
		.menu__second-word {color: #626262;}
		.menu__second-word::before {bottom: 105%;color: #159fdb;}

	#wrap .header .h-wrap .h-bottom .icon-box{float:right;margin-top:7px;margin-right:5px;}
		.icon-box div{float:left;width:60px; height:40px;position:relative;overflow:hidden;}
		.icon-box div a{display:block; width:60px; height:80px;position:absolute;top:0; left:0;transition:0.3s;}
		.icon-box div a:hover{top:-40px;transition:0.3s;}
		.icon-box div a i{display:block; width:60px; height:40px;font-size:28px;text-align:center;line-height:35px;color:#0d3551;}
		.icon-box div a span{display:block; width:60px; height:40px;font-size:15px;text-align:center;color:#159fdb;line-height:35px;}


		.header-clone{width:100%;height:80px;background-color:#fff; position:fixed;z-index:3000;top:-85px;display:block;transition:0.5s; box-shadow:0px 0px 10px 1px rgba(25,25,25,0.3);}
		
	#wrap .header .h-wrap .h-top .h-top-l{float:left;margin-left:15px;width:180px;height:auto;}
	#wrap .header .h-wrap .h-top .h-top-l a img{width:100%;height:auto;}


		.header-clone .h-wrap{margin:0 auto; width:1200px;}
		.header-clone .h-wrap .h-top-l{float:left;margin-left:15px;width:160px;height:auto;margin-top:18px;}
		.header-clone .h-wrap .h-top-l a{height:100%}
		.header-clone .h-wrap .h-top-l a img{width:100%;height:auto;}
		.header-clone .h-wrap .navigation{float:left;margin-top:25px;margin-left:20px;}
		.header-clone .h-wrap .navigation .menu__link{padding:0px 7px;}
		.header-clone .h-wrap .search-wrap{float:right; margin-top:20px;}
		.header-clone .h-wrap .search-wrap .row{width: 250px; height: 40px;background-color:#f5f5f5;border-radius:20px;}
		.header-clone .h-wrap .search-wrap .row input{width:calc(100% - 40px);height:40px;padding-left:15px;box-sizing:border-box;outline:none;}
		.header-clone .h-wrap .search-wrap .row i{width:40px; height:40px; border-radius:20px;line-height:40px;display:inline-block;background-color:#159fdb;color:#fff;text-align:center;}

		.header-clone .h-wrap .icon-box{float:right; height:80px;margin-left:20px; margin-top:25px;}
		.aff_wrap{width:100%; height:auto; background-color:#fff;padding:10px 24px;box-sizing:border-box;}
		.aff_wrap li{float:left; width:calc(89% / 8);height:70px;padding-right:1.5%;}
		.aff_wrap li:last-of-type{float:right; height:70px;padding-right:0px;}
		.aff_wrap li a{display:block;width:100%;height:100%;position:relative;}
		.aff_wrap li img{width:100%; height:auto;max-height:100%;position:absolute;top:50%;left:0;transform:translate(0,-50%)}
		.aff_wrap ul:after{content:"";clear:both;display:block;float:none;}
		
		/*회사소개*/
		.aboutus-tit{width:100%; height:50px; margin:10px 0 20px;padding:10px 0px;box-sizing:border-box;}
		.aboutus-tit  h3{font-size:20px; margin-bottom:15px;color:#555;}
		.aboutus-tit  h3:before { content: ""; display: inline-block; width: 20px; height: 20px; border-right: 1px solid #159fdb;transform: rotate(45deg); position: relative; left: -5px; top: -5px; margin-right:5px;  box-sizing: border-box;}
		.aboutus{width:100%;height:auto;padding-bottom:30px;border-bottom:1px solid #ddd}
		.aboutus span{font-size:15px;line-height:30px;display:block;width:100%;margin-bottom:15px;}
		.aboutus .about-main-tit{font-size:18px;color:#000}
		.aboutus .about-main-tit i{font-size:22px;font-style:normal;font-weight:bold;display:block;}
		.aboutus .about-imgbox{width:30%;height:auto;margin-bottom:50px;}
		.aboutus .about-imgbox img{width:100%;height:auto;}

		/*이용약관*/
		.terms-tit{width:100%; height:50px; margin:10px 0 20px;padding:10px 0px;box-sizing:border-box;}		
		.terms-tit  h3{font-size:20px; margin-bottom:15px;color:#555;}
		.terms-tit  h3:before { content: ""; display: inline-block; width: 20px; height: 20px; border-right: 1px solid #159fdb;transform: rotate(45deg); position: relative; left: -5px; top: -5px; margin-right:5px;  box-sizing: border-box;}
		.terms-cont{width:100%;height:auto;padding-bottom:30px;border-bottom:1px solid #ddd}
		.terms-cont .terms-box{padding:15px 30px;box-sizing:border-box;width:100%;height:auto;border:1px solid #333;box-shadow: 2px 2px 5px rgba(25,25,25, 0.05);}
		.terms-cont .terms-box ul{width:100%; height:auto;}
		.terms-cont .terms-box ul:after{content:"";clear:both;display:block;float:none;}
		.terms-cont .terms-box ul li{float:left;width:50%;height:30px;line-height:30px;font-size: 14px;font-weight: 600;color: #222;}
		.terms-cont dl{box-sizing:border-box;border: 1px solid #ddd;padding: 20px;box-shadow: 2px 2px 5px rgba(25,25,25, 0.05);margin-top: 10px;width:100%; height: auto; position: relative;}
		.terms-cont dt{font-size: 14px;line-height: 18px;font-weight: 600;color: #222;}
		.terms-cont dd{box-sizing: border-box;margin-top: 10px;font-size: 14px;line-height: 20px;color: #333;}
		.terms-cont dt span{display:block;margin-left:15px;font-weight:400;margin-top:5px;}

		/*개인정보처리방침*/
		.privacy-tit{width:100%; height:50px; margin:10px 0 20px;padding:10px 0px;box-sizing:border-box;}		
		.privacy-tit  h3{font-size:20px; margin-bottom:15px;color:#555;}
		.privacy-tit  h3:before { content: ""; display: inline-block; width: 20px; height: 20px; border-right: 1px solid #159fdb;transform: rotate(45deg); position: relative; left: -5px; top: -5px; margin-right:5px;  box-sizing: border-box;}
		.privacy-info{width:100%;height:auto;padding:20px;box-sizing:border-box;font-size: 14px;line-height: 20px;color: #333;}
		.privacy-cont{width:100%;height:auto;padding-bottom:30px;border-bottom:1px solid #ddd}
		.privacy-cont .privacy-box{padding:15px 30px;box-sizing:border-box;width:100%;height:auto;border:1px solid #333;box-shadow: 2px 2px 5px rgba(25,25,25, 0.05);}
		.privacy-cont .privacy-box ul{width:100%; height:auto;}
		.privacy-cont .privacy-box ul:after{content:"";clear:both;display:block;float:none;}
		.privacy-cont .privacy-box ul li{float:left;width:50%;height:30px;line-height:30px;font-size: 14px;font-weight: 600;color: #222;}
		.privacy-cont dl{box-sizing:border-box;border: 1px solid #ddd;padding: 20px;box-shadow: 2px 2px 5px rgba(25,25,25, 0.05);margin-top: 10px;width:100%; height: auto; position: relative;}
		.privacy-cont dt{font-size: 14px;line-height: 18px;font-weight: 600;color: #222;}
		.privacy-cont dd{box-sizing: border-box;margin-top: 10px;font-size: 14px;line-height: 20px;color: #333;}
		.privacy-cont dd span{display:block;margin-bottom:5px;}
		.privacy-cont dd table{width:70%;}
		.privacy-cont dd table th{width:30%;}
		.privacy-cont dd table td{text-align:left;}
		.privacy-cont dt span{display:block;margin-left:15px;font-weight:400;margin-top:5px;}




	#footer{width:100%;height:180px;background-color:#fff;margin-top:40px;}
	#footer .footer-wrap{max-width:1200px;margin:0 auto; box-sizing:border-box;}
	#footer .footer-wrap .company{max-width:1200px;border-bottom:1px solid #ddd;height:60px;width:100%;padding:10px 0;box-sizing:border-box;text-align:center;}
	#footer .footer-wrap .company li{display:inline-block; padding:10px 30px;}
	#footer .footer-wrap .company li a{font-size:15px;font-weight:500;}
	#footer .footer-wrap .company li a:hover{font-weight:700;}
	#footer .footer-wrap .company li:last-of-type{padding-right:0;}
	#footer .footer-wrap .company:after{content:"";display:block;clear:both;float:none;}
	#footer .footer-wrap address{font-style:normal;padding:15px 0;box-sizing:border-box;text-align:center;}
	#footer .footer-wrap .abb-wrap{line-height:23px;font-size:12px;text-align:center;}

	
	.cont{width:100%;max-width:1200px;height:auto;margin:0 auto;box-sizing:border-box;}

	.sub-hbox{width:100%; height:100px; margin:10px 0 20px;padding:10px 0px;box-sizing:border-box;border-bottom:1px solid #ddd; }
	.sub-hbox  h3{font-size:20px; margin-bottom:15px;color:#555;}
	.sub-hbox  h3:before { content: ""; display: inline-block; width: 20px; height: 20px; border-right: 1px solid #159fdb;; transform: rotate(45deg); position: relative; left: -5px; top: -5px; margin-right:5px;  box-sizing: border-box;}
	.sub-hbox .sub-hwrap{width:100%; height:30px;}
	.sub-hbox .sub-hwrap .sub-h p{font-size:15px;line-height:40px;font-weight:700;}
	.sub-hbox .sub-hwrap .sub-h p span{font-size:13px;line-height:30px; color:#777;font-weight:400;margin-left:5px;}
	.i-list{width:30px; height:30px; display:block; background-color:#ddd;text-align:center; line-height:30px; float:left;}
	.i-list:hover{background-color:#ddd;}

	.scon-box{ border:1px solid #ddd;position:relative;width:calc(97% /3);height:320px; float:left;margin-right:1.5%;overflow:hidden;margin-bottom:1.5%;box-sizing:border-box;}
	.scon-box img{width:100%; height:200px;}
	.scon-box:nth-of-type(3n){margin-right:0;}
	.scon-box figcaption{background-color:#fff;padding:20px 20px;box-sizing:border-box;width:100%; height:120px;}
	.scon-box figcaption p.scon-mtxt{font-size:18px;overflow:hidden;text-overflow:ellipsis;line-height:23px;height:45px; letter-spacing:1px;font-weight:700;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
	.scon-box figcaption p.scon-stxt{display:none;}
	.scon-box figcaption span.scon-dmtxt{font-size:13px; display:block; width:100%;margin-top:15px;}
	.scon-box figcaption span.scon-dmtxt i.scon-name{font-style:normal;color:#146caa;}
	.scon-box figcaption span.scon-dmtxt i.scon-name:after{content:" | ";}
	.scon-box a{transition:0.3s;width:100%; height:318px; position:absolute; bottom:0;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);box-shadow:none;box-sizing:border-box;}
	.scon-box a:hover{transition:0.3s;z-index:333;border:3px solid rgba(21,159,219,1);box-sizing:border-box;}

	.scon-box-list{ border:1px solid #ddd;position:relative;width:100%;height:200px; float:left;overflow:hidden;margin-bottom:1.5%;box-sizing:border-box;padding:20px;}
	.scon-box-list img{width:25%; height:100%;float:left;border:1px solid #ddd;}
	.scon-box-list figcaption{padding:20px;box-sizing:border-box; height:100%;float:left;width:70%;}
	.scon-box-list figcaption p.scon-mtxt{font-size:20px;}
	.scon-box-list figcaption p.scon-stxt{margin-top:13px;color:#999;}
	.scon-box-list figcaption span.scon-dmtxt{font-size:13px; display:block;margin-top:13px;}
	.scon-box-list figcaption span.scon-dmtxt i.scon-name{font-style:normal;color:#146caa;}
	.scon-box-list figcaption span.scon-dmtxt i.scon-name:after{content:" | ";}
	.scon-box-list a{transition:0.3s;width:100%; height:198px; position:absolute;left:0; bottom:0;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);box-shadow:none;box-sizing:border-box;}
	.scon-box-list a:hover{transition:0.3s;z-index:333;border:3px solid rgba(21,159,219,1);box-sizing:border-box;}


	.scon-box-justify{ border:1px solid #ddd;position:relative;width:100%;height:50px; float:left;overflow:hidden;box-sizing:border-box;padding:0 20px;border-bottom:none;}
	
	.scon-box-justify:last-of-type{ border-bottom:1px solid #ddd;}
	.scon-box-justify img{display:none;}
	.scon-box-justify figcaption{box-sizing:border-box; height:100%;float:left;width:100%;}
	.scon-box-justify figcaption p.scon-mtxt{font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;width:60%;height:100%;line-height:50px;}
	.scon-box-justify figcaption p.scon-stxt{display:none;}
	.scon-box-justify figcaption span.scon-dmtxt{float:right;font-size:13px; display:block;margin-top:13px;}
	.scon-box-justify figcaption span.scon-dmtxt i.scon-name{font-style:normal;color:#146caa;}
	.scon-box-justify figcaption span.scon-dmtxt i.scon-name:after{content:" | ";}
	.scon-box-justify a{transition:0.3s;width:100%; height:49px; position:absolute;left:0; bottom:0;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);box-shadow:none;box-sizing:border-box;}
	.scon-box-justify:last-of-type a{height:48px}
	.scon-box-justify a:hover{transition:0.3s;z-index:333;border:3px solid rgba(21,159,219,1);box-sizing:border-box;}
	

	.paging{margin: 50px 0 80px;}
	.paging li{background-color:#fff;}



	/*report*/
	.report-hbox{width:100%; height:200px;background-color:#ddd;padding:20px 0;box-sizing:border-box; margin-bottom:20px;}
	.report-hbox .report-hwrap{max-width:1200px; margin:0 auto;position:relative;height:100%;}
	.report-hbox .report-hwrap .report-htop{width:100%;height:120px;}
	.report-hbox .report-hwrap .report-htop h4{font-size:35px; color:#222;}
	.report-hbox .report-hwrap .report-htop p.htop-stxt{font-size:20px;margin-top:10px;color:#555;}	

	.report-hbox .report-hbottom{width:100%; height:30px;position:absolute;bottom:0;}
	.report-hbox .report-hbottom .hbottom-info{float:left;width:50%; height:100%;}
	.report-hbox .report-hbottom .hbottom-info .hbottom-name{font-size:18px;color:#222;font-weight:700;}
	.report-hbox .report-hbottom .hbottom-info .hbottom-name .re-email{margin-left:5px;vertical-align:2px;font-size:15px;color:#555;font-weight:300;}
	.report-hbox .report-hbottom .hbottom-info .hbottom-name .re-date{font-size:15px;color:#555;font-weight:300;margin-left:20px;}

	.report-hbox .report-hbottom .hbottom-icon{float:right; height:100%;}
	.report-hbox .report-hbottom .hbottom-icon ul{float:right;height:auto;}
	.report-hbox .report-hbottom .hbottom-icon ul:after{content:"";display:block;clear:both;}
	
	.report-hbox .report-hbottom .hbottom-icon ul li{border-radius:10px;float:left; width:30px;height:30px;background-color:#fff;margin-right:5px;}
	.report-hbox .report-hbottom .hbottom-icon ul li:last-of-type{margin-right:0px;}
	.report-hbox .report-hbottom .hbottom-icon ul li a{position:relative;width:30px; height:30px; display:block; text-align:center;vertical-align:-2px;}
	.report-hbox .report-hbottom .hbottom-icon ul li a i{font-size:34px; position:absolute;top:-2px;left:0;}
	.report-hbox .report-hbottom .hbottom-icon ul li a i.fa-facebook-square{color:#40599b;}
	.report-hbox .report-hbottom .hbottom-icon ul li a i.fa-twitter-square{color:#28a2e1;}
	.report-hbox .report-hbottom .hbottom-icon ul li a.print-icon{background-color:#666;border-radius:4px;}
	.report-hbox .report-hbottom .hbottom-icon ul li a i.fa-file-powerpoint{font-size:19px;top:5px;left:8px;color:#fff;}
	.report-hbox .report-hbottom .hbottom-icon ul li a img{width:100%; height:100%; display:block; }

	.report-hbox .report-hbottom .hbottom-icon .icon-plma{width:120px;float:right;height:100%;margin-right:10px;}
	.report-hbox .report-hbottom .hbottom-icon .icon-plma a{border-radius:3px;background-color:#fff;width:55px; height:30px;display:block;float:left;margin-right:5px;text-align:center;line-height:35px;}
	.report-hbox .report-hbottom .hbottom-icon .icon-plma a.fosiz-up{font-size:18px;font-weight:bold;line-height:30px;}
	.report-hbox .report-hbottom .hbottom-icon .icon-plma a.fosiz-down{font-weight:bold;margin-right:5px;}

	
	.report-hbox .report-hbottom .hbottom-icon .icon-plma a i.fa-search-plus{font-size:22px;margin-left:5px;vertical-align:-1px;}
	.report-hbox .report-hbottom .hbottom-icon .icon-plma a i.fa-search-minus{font-size:22px;margin-left:5px;}


	.report-zone{width:900px;margin:0 auto 50px;}
	.report-zone .report-img{width:100%; height:auto;}
	.report-zone .report-img:after{content:"";display:block;clear:both;}
	.report-zone .report-img img{width:100% ;height:auto;}
	.report-zone .report-img figcaption{font-size:14px;margin-top:5px;font-weight:300;}
	.report-zone .report-img figcaption i{font-size:18px;margin:0 5px;vertical-align:-2px;}
	.report-zone .report-txtbox{width:100%; height:auto;margin-top:30px;word-spacing:5px;letter-spacing:-1px;line-height:32px; font-size: 20px;font-weight:300; height: auto;}
	.report-zone .report-txtbox div{width:100%;height:auto;}
	.report-zone .report-txtbox div img{width:100% !important;height:auto !important;}
	
	.report-zone .report-txtbox .report-adwrap{width:100%;height:auto;margin-top:50px;}
	.report-zone .report-txtbox .report-adwrap:after{content:"";display:block;clear:both;}
	.report-zone .report-txtbox .report-adwrap p{width:70%;height:auto;float:left;}
	.report-zone .report-txtbox .report-adwrap .report-ad{float:right;}
	.report-zone .report-txtbox .copyright{margin-top:50px;}

	.report-adcont{width:100%;max-width:900px;margin:0 auto;/*추가*/position: relative; z-index: 6000;/*추가*/}
	.report-adcont h3{margin:20px 0 10px;font-size:18px; border-bottom:1px solid #ddd;padding-bottom:10px}
	.report-adcont h3:before {content: ""; display: inline-block; width: 20px; height: 20px; border-right: 1px solid #159fdb; transform: rotate(45deg); position: relative; left: -5px; top: -5px; margin-right: 5px; box-sizing: border-box;}
	.report-adcont .scon-box{height:270px;}
	.report-adcont .scon-box img{height:150px;}
	.report-adcont .scon-box a{height:268px;}
	.report-adcont .scon-box .scon-mtxt{font-size:15px}
	.report-adcont .scon-box .scon-stxt{display:none;}
	
	.ad-side{width:1200px;position:absolute;top:370px;left:50%;transform:translate(-50%,0);z-index:1000;}
	.ad-side.scrollon{position:fixed;top:100px;}
	.ad-side div:first-of-type{float:left;}
	.ad-side div:last-of-type{float:right;}



/*join page*/


.join-page{box-sizing:border-box;width:100%;height:auto; padding:15px;margin-bottom:30px;}
.join-page h4{width:100%; height:50px;font-size:20px;line-height:50px;}
.join-page h4:before{content:"";display:inline-block;width:3px; height:20px; background-color:#159fdb;vertical-align:-3px;margin-right:15px;}

.conditions{width:100%;height:250px;margin-top:15px;}
.conditions h5{width:100%; height:30px;font-size:15px;font-weight:500;}
.conditions h5 i{color:#159fdb;font-size:13px;margin-right:5px}
.conditions textarea{height:170px}
.conditions .check-type{margin-top:5px}
.conditions .check-type:after{content:"";display:block;clear:both;}

.join-page .table-wrap{width:100%;}
.join-page .table-wrap th{text-align:left;position:relative;padding-left:35px;}
.join-page .table-wrap th i{color:#159fdb;font-size:10px;position:absolute;top:50%;left:12px;transform:translate(0,-50%)}
.join-page .table-wrap td.jtd-wrap{border-left:none;}
.join-page .table-wrap td{border-right:none;}
.join-page .table-wrap td .tel-txt {display:inline-block;}


.bn.bn-set{height:45px;width:25%;display:inline-block;line-height:45px;}


.name-wrap{width:50%;}.name-i{width:100%}
.birth-wrap{width:50%;}.birth-i{width:28%;}.ymb_txt{width:5%;vertical-align:bottom;font-size:14px;display:inline-block;height:100%;}
.id-wrap{width:35%}.id-i{width:100%}.btn-type{width:14%;margin-left:1%;}.btn-type button{width:100%;}
.pass-wrap{width:50%;}.pass-i{width:100%;}
.email-wrap{width:50%;}.email-i{width:47%}.email-t{width:6%;}
.tel-wrap{width:50%;}.tel-i{width:30%;}.tel-txt{width:5%;}


	/*기사제보*/
	.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
	.filebox .upload-name{width:70%;float:left;}
	.filebox label {	width:29%;margin-left:1%;cursor:pointer;}
	.cont-txt{width:50%}.cont-txt textarea{width:100%;}


/*가입완료*/
.pop-layer2 .pop-container2 {padding: 20px 50px;}
.pop-layer2 .btn-r {width: 100%;margin: 10px 0 20px;padding-top: 10px;border-top: 1px solid #DDD;text-align: right;}
.pop-layer2 {border-radius:10px;display: none;position: absolute;top: 50%;left: 50%;width: 410px;height: auto;background:url(../images/common/login-bg.jpg)no-repeat top left;background-size:cover;z-index: 10;}
.pop-layer2 .pop-container2 .pop-conts2 h5{width:60%;height:auto; margin:30px auto 15px;}
.pop-layer2 .pop-container2 .pop-conts2 h5 img{width:100%;height:auto;}

.pop-layer2 .pop-container2 .pop-conts2 .login-info{width:100%;height:auto;padding:10px 0px;box-sizing:border-box;}
.pop-layer2 .pop-container2 .pop-conts2 .login-info b{display:block;width:100%;text-align:center;color:#fff;font-weight:500;font-size:30px;}
.pop-layer2 .pop-container2 .pop-conts2 .login-info i{display:block;width:100%;text-align:center;color:#fff;font-weight:400;font-size:15px;font-style:normal;margin-top:10px;}
.pop-layer2 .pop-container2 .pop-conts2 .login-list{width:100%;height:70px;padding:15px 5px 15px 15px;box-sizing:border-box; background-color:rgba(255,255,255,0.8);color:#222;margin-top:30px;}
.pop-layer2 .pop-container2 .pop-conts2 .login-list li{ width:100%;height:auto;line-height:20px;text-align:center;}

.pop-layer2 .pop-container2 .pop-conts2 .btn-wrap {width:100%; height:35px; margin-top:15px}
.pop-layer2 .pop-container2 .pop-conts2 .btn-wrap button{width:100%; height:35px; text-align:center;color:#fff;background-color:#159fdb;transition:0.3s;outline:none;}
.pop-layer2 .pop-container2 .pop-conts2 .btn-wrap button:hover{background-color:#0d3551;transition:0.3s;}

.dim-layer2 {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.dim-layer2 .dimBg2 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .7;filter: alpha(opacity=70);}
.dim-layer2 .pop-layer2 {display: block;}


	.img_area_sub {height:200px;font-size:14px;}
	.img_area_sub li {float:left;position:relative;margin:1% 0 1% 1.5%;	width:23%;	height:100%;}
	.img_area_sub li img {width:100%;height:65%;}
	.img_area_sub li p {margin-top:2%;}
	.img_area_sub li:hover span{text-decoration:underline;color:#222;}
	.img_area_sub li span {	display:block;	width:100%;}
	
	.view_middle {display:block;margin-top:1%;height:300px;}
	.view_middle .middle_sub {height:100%;}
	.view_middle .middle_sub > li {float:left;position:relative;width:50%;}

	.txt_area {display:block;border:5px solid #eee;width:100%;height:225px;font-size:15px;	margin:1% 0;box-sizing:border-box;padding:2% 0% 0% 5%;}
	.txt_area > span {font-size:18px;font-weight:700;display:block;padding:0 0 2% 4%;}
	.txt_area_sub {box-sizing:border-box;	height:100%;}
	.txt_area_sub li {display:block;float:left;position:relative;width:100%;padding:1% 0;	}
		.txt_area_sub li:hover a{text-decoration:underline;color:#222;}
	.txt_area_sub a {margin-left:2%;}
	.thumbnail_area {display:block;width:100%;font-size:14px;	height:230px;	box-sizing:border-box;padding:0 3%;}
	.thumbnail_area_sub li {margin:1% 0;height:73px;border-bottom:1px solid #ddd;}
	.thumbnail_area_sub li:last-of-type {border-bottom:none}
	.thumbnail_area_sub li:hover span{text-decoration:underline;color:#222;}
	.thumbnail_area_sub .thumb_img {	width:20%;	float:left;}
	.thumbnail_area_sub .thumb_title {	width:78%;	float:right;}
	.thumbnail_area_sub li img {width:100%;}
	.thumbnail_area_sub li span {display:block;width:100%}
	.thumbnail_area_sub .txt1 {font-size:14px;}
	.thumbnail_area_sub .txt2 {font-size:12px;color:#aaa;}
	
	.num_on {display:block;width:23px;height:23px;border:1px solid #007fdb;background-color:#007fdb;color:#fff;font-weight:500;box-sizing:border-box;text-align:center;float:left;	}
	.num_off {display:block;width:23px;height:23px;border:1px solid #007fdb;background-color:#fff;color:#181818;font-weight:500;box-sizing:border-box;text-align:center;float:left;}

	/*sponsor*/
	
	.conditions_i{padding:15px 10px; box-sizing:border-box;}
	.conditions_i .sod-tit{padding:15px 20px;box-sizing:border-box;border:1px solid #ddd;}
	.conditions_i.tbor-box{border-top:1px dashed #666;padding-top:30px;}
	.sod-tit_i{padding:15px 20px 30px;box-sizing:border-box;text-align:center;font-weight:700;}





/*sub6*/
.market-page{box-sizing:border-box;width:100%;height:auto; padding:15px;margin-bottom:30px;}
.market-page h4{width:100%; height:50px;font-size:20px;line-height:50px;}
.market-page h4:before{content:"";display:inline-block;width:3px; height:20px; background-color:#159fdb;vertical-align:-3px;margin-right:15px;}

.market-page .sub6-stxt{width:100%;height:auto;border:1px solid #ddd; padding:15px 20px; box-sizing:border-box;line-height:25px;font-size:14px;}
.market-page .sub6-stxt span{color:#da122e}
.sub6-boardcont{ width:100%;height:auto}
.sub6-boardcont .board-top{width:100%;height:auto;padding:15px 0 5px;}
.sub6-boardcont .board-top:after{display:block;content:"";clear:both;}
.sub6-boardcont .board-top .board-total{float:left;width:auto;height:30px;line-height:40px;font-size:14px;font-weight:normal;}
.sub6-boardcont .board-top .board-total span{font-weight:bold;}
.sub6-boardcont .board-top .board-search{float:right;}
.board-box{width:100%;height:auto;}
.board-box ul{width:100%;height:auto;}

.board-box:after{display:block;content:"";clear:both;}
.board-box ul:after{display:block;content:"";clear:both;}
.board-box ul li{width:100%;height:40px;line-height:40px;border-bottom:1px solid #ddd;}
.board-box ul li:last-of-type{border-bottom:2px solid #aaa;}
.board-box ul li.board-boxtop{background-color:#ededed;border-top:2px solid #999;border-bottom:2px solid #999;}
.board-box ul li a{display:block;width:100%;height:100%;}
.board-box ul li a span.b-number{float:left;display:block;width:10%;text-align:center;height:40px;}
.board-box ul li a span.b-title{float:left;display:block;width:55%;height:40px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.board-box ul li.board-boxtop a span.b-title{text-align:center;height:40px;}
.board-box ul li a span.b-writer{float:left; display:block;width:15%;text-align:center;height:40px;}
.board-box ul li a span.b-date{float:left;display:block; width:10%;text-align:center;height:40px;}
.board-box ul li a span.b-view{float:left;display:block;width:10%;text-align:center;height:40px;}
.board-box button.bn.bn-bgy{float:right;margin-top:15px;height:40px;}
.board-box .paging{clear:both;}

table.table-write{margin-top:15px;}
table.table-write td textarea{min-height:300px;}
table.table-write td .write-title{width:100%}
table.table-write td .write-name{width:20%}
table.table-write td .write-password{width:20%}
table.table-write td .write-text{width:100%}

.btn-box {width:100%;height:auto;margin-top:15px;}
.btn-box button {float:right;height:32px;margin-left:5px;}
.btn-box a {float:right;height:32px;margin-left:5px;}

table.table-read{margin-top:15px;}
table.table-read td{text-align:center}
table.table-read td.read-title{text-align:left;}
table.table-read td .read-text{width:100%;min-height:300px;height:auto;padding:50px 30px;box-sizing:border-box;text-align:left;}


.pop-layer1 {border-radius:10px;display: none;position: absolute;top: 50%;left: 50%;width: 410px;height: 30px;z-index: 10;background-color:#fff;}
.dim-layer .pop-layer1 {display: block;width:300px; height:160px;}
.pop-layer1 .password-cont{width:100%;height:100%;padding:15px 20px; box-sizing:border-box;}

.pop-layer1 .password-cont p{width:100%; height:40px; background-color:#ddd;line-height:40px; text-align:center; font-size:14px; border-radius:10px 10px 0 0;color:#333 }
.pop-layer1 .password-cont div.input-type{width:100%;padding:8px 30px; box-sizing:border-box;border:1px solid #ddd; border-radius:0 0 10px 10px ;float:none;}
.pop-layer1 .password-cont div.input-type input{width:100%;}
.pop-layer1 .password-cont .password-btn {    width: 111px; margin:12px auto 0;}




}






















@media all and (max-width:1024px){




/*로그인팝업*/
.pop-layer .pop-container {padding: 20px 50px;}
.pop-layer .btn-r {width: 100%;margin: 10px 0 20px;padding-top: 10px;border-top: 1px solid #DDD;text-align: right;}
.pop-layer {border-radius:10px;display: none;position: absolute;top: 50%;left: 50%;width: 410px;height: auto;background:url(../images/common/login-bg.jpg)no-repeat top left;background-size:cover;z-index: 10;}
.pop-layer .pop-container .pop-conts h5{width:60%;height:auto; margin:30px auto 15px;}
.pop-layer .pop-container .pop-conts h5 img{width:100%;height:auto;}
.pop-layer .pop-container .pop-conts .input-wrap{width:100%;height:50px;border-bottom:1px solid #fff;}
.pop-layer .pop-container .pop-conts .input-wrap .input-col{float:right;width:calc(100% - 50px);height:50px;padding-left:25px;box-sizing:border-box;color:#fff;outline:none;}
.pop-layer .pop-container .pop-conts .input-wrap label{color:#fff;display:block;float:left;width:50px; height:50px; line-height:50px;text-align:center;}
.input-col::placeholder {color:#fff;transition:0.3s;}.input-col::-moz-placeholder {color:#fff;}.input-col::-webkit-input-placeholder {color:#fff;}
.input-col:focus::placeholder {color:rgba(255,255,255,0.3);transition:0.3s;}.input-col:focus::-moz-placeholder{color:rgba(255,255,255,0.3);transition:0.3s;}.input-col:focus::-webkit-input-placeholder {color:rgba(255,255,255,0.3);transition:0.3s;}
.pop-layer .pop-container .pop-conts .btn-wrap {width:100%; height:35px; margin-top:15px}
.pop-layer .pop-container .pop-conts .btn-wrap button{width:100%; height:35px; text-align:center;color:#fff;background-color:#159fdb;transition:0.3s;outline:none;}
.pop-layer .pop-container .pop-conts .btn-wrap button:hover{background-color:#0d3551;transition:0.3s;}


.pop-layer .pop-container .pop-conts .login-join{width:100%; height:50px;}
.pop-layer .pop-container .pop-conts .login-join li{display:inline-block;height:50px;width:33%;position:relative;}
.pop-layer .pop-container .pop-conts .login-join li:last-of-type{width:32%;}
.pop-layer .pop-container .pop-conts .login-join li:before{content:"|";display:inline-block;color:#fff;position:absolute;top:14px;right:-4px;}
.pop-layer .pop-container .pop-conts .login-join li:last-of-type:before{content:"";display:none;}

.pop-layer .pop-container .pop-conts .login-join li a{display:block;color:#fff;height:50px;line-height:50px;text-align:center;width:100%;}
.login-info{width:100%;height:auto;text-align:center;padding:10px 0px;box-sizing:border-box;color:#fff;font-weight:300;font-size:14px;}
.login-list{width:100%;height:130px;padding:15px 5px 15px 15px;box-sizing:border-box; background-color:rgba(255,255,255,0.8);color:#222;margin-top:20px;}
.login-list li{ width:100%;height:auto;line-height:20px;}
.login-list li i{color:#159fdb; padding-right:10px;width:5%;display:inline-block;vertical-align:top;margin-top:5px}
.login-list li b{display:inline-block;width:90%;font-weight:normal;}

.dim-layer {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.dim-layer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .7;filter: alpha(opacity=70);}
.dim-layer .pop-layer {display: block;}
a.btn-layerClose {position:absolute;top:0;right:0;display: block;height: 50px;width:50px;font-size: 20px;color: #fff;line-height:50px;text-align:center;}

	/*기사제보*/
	.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
	.filebox .upload-name{width:70%;float:left;}
	.filebox label {	width:29%;margin-left:1%;cursor:pointer;}
	.cont-txt{width:65%}.cont-txt textarea{width:100%;}

/*가입완료*/
.pop-layer2 .pop-container2 {padding: 20px 50px;}
.pop-layer2 .btn-r {width: 100%;margin: 10px 0 20px;padding-top: 10px;border-top: 1px solid #DDD;text-align: right;}
.pop-layer2 {border-radius:10px;display: none;position: absolute;top: 50%;left: 50%;width: 410px;height: auto;background:url(../images/common/login-bg.jpg)no-repeat top left;background-size:cover;z-index: 10;}
.pop-layer2 .pop-container2 .pop-conts2 h5{width:60%;height:auto; margin:30px auto 15px;}
.pop-layer2 .pop-container2 .pop-conts2 h5 img{width:100%;height:auto;}

.pop-layer2 .pop-container2 .pop-conts2 .login-info{width:100%;height:auto;padding:10px 0px;box-sizing:border-box;border-bottom:1px solid #fff;border-top:1px solid #fff;}
.pop-layer2 .pop-container2 .pop-conts2 .login-info b{display:block;width:100%;text-align:center;color:#fff;font-weight:500;font-size:30px;}
.pop-layer2 .pop-container2 .pop-conts2 .login-info i{display:block;width:100%;text-align:center;color:#fff;font-weight:400;font-size:15px;font-style:normal;margin-top:10px;}
.pop-layer2 .pop-container2 .pop-conts2 .login-list{width:100%;height:70px;padding:15px 5px 15px 15px;box-sizing:border-box; background-color:rgba(255,255,255,0.8);color:#222;margin-top:30px;}
.pop-layer2 .pop-container2 .pop-conts2 .login-list li{ width:100%;height:auto;line-height:20px;text-align:center;}

.pop-layer2 .pop-container2 .pop-conts2 .btn-wrap {width:100%; height:35px; margin-top:15px}
.pop-layer2 .pop-container2 .pop-conts2 .btn-wrap a{display:block;width:100%; height:35px; text-align:center;color:#fff;background-color:#159fdb;transition:0.3s;outline:none;line-height:35px;}
.pop-layer2 .pop-container2 .pop-conts2 .btn-wrap a:hover{background-color:#0d3551;transition:0.3s;}

.dim-layer2 {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.dim-layer2 .dimBg2 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .7;filter: alpha(opacity=70);}
.dim-layer2 .pop-layer2 {display: block;}


/*로그인 sub*/
.login-sub {width:410px; height:auto; margin:80px auto;border:1px solid #ddd;padding:0 30px;box-sizing:border-box;}
.login-sub h5{text-align:center; font-size:20px; width:100%; height:auto;padding:30px 0;box-sizing:border-box;}

.login-sub .input-wrap{width:100%;height:50px;border-bottom:1px solid #ddd;}
.login-sub .input-wrap .input-col2{float:right;width:calc(100% - 50px);height:50px;padding-left:25px;box-sizing:border-box;color:#666;outline:none;}
.login-sub .input-wrap label{color:#159fdb;display:block;float:left;width:50px; height:50px; line-height:50px;text-align:center;}

.login-sub .login-info{width:100%;height:auto;text-align:center;padding:10px 0px;box-sizing:border-box;color:#666;font-weight:300;font-size:14px;}


.login-sub .btn-wrap {width:100%; height:35px; margin-top:15px}
.login-sub .btn-wrap a{width:100%; height:35px; line-height:35px;display:block;text-align:center;color:#fff;background-color:#159fdb;transition:0.3s;outline:none;}
.login-sub .btn-wrap a:hover{background-color:#0d3551;transition:0.3s;}

.login-sub .login-join{width:100%; height:50px;}
.login-sub .login-join li{display:inline-block;height:50px;width:33%;position:relative;}
.login-sub .login-join li:last-of-type{width:32%;}
.login-sub .login-join li:before{content:"|";display:inline-block;position:absolute;top:14px;right:-4px;}
.login-sub .login-join li:last-of-type:before{content:"";display:none;}
.login-sub .login-join li a{display:block;color:#666;height:50px;line-height:50px;text-align:center;width:100%;}


.login-sub .login-list{width:100%;height:130px;padding:15px 5px 15px 15px;box-sizing:border-box; background-color:#f6f6f6;color:#222;margin-top:20px;}
.login-sub .login-list li{ width:100%;height:auto;line-height:20px;}
.login-sub .login-list li i{color:#159fdb; padding-right:10px;width:5%;display:inline-block;vertical-align:top;margin-top:5px}
.login-sub .login-list li b{display:inline-block;width:90%;font-weight:normal;}



	#wrap{width:100%;height:auto;margin:0 auto;}

	#wrap .header{background-color:#fff;width:100%; height:150px;margin-bottom:15px;z-index:20;box-shadow:0px 0px 10px 1px rgba(25,25,25,0.3);}
	#wrap .header .h-wrap{width:100%; max-width:1200px;margin:0 auto;}

	#wrap .header .h-wrap .h-top{height:90px;width:100%;padding-top:30px;box-sizing:border-box;border-bottom:1px solid #ddd;}
	#wrap .header .h-wrap .h-top .h-top-l{float:left;margin-left:15px;width:180px;height:auto;padding-left:15px;box-sizing:border-box;}
	#wrap .header .h-wrap .h-top .h-top-l a img{width:100%;height:auto;}
	#wrap .header .h-wrap .h-top .search-wrap{float:right;width:250px; height: 40px; padding-right:20px;}
	
	#wrap .header .h-wrap .h-top .search-wrap .row{width: 250px; height: 40px;background-color:#f5f5f5;border-radius:20px;}
	#wrap .header .h-wrap .h-top .search-wrap .row input{width:calc(100% - 40px);height:40px;padding-left:15px;box-sizing:border-box;outline:none;}
	#wrap .header .h-wrap .h-top .search-wrap .row a{width:40px; height:40px; border-radius:20px;line-height:40px;display:inline-block;background-color:#159fdb;color:#fff;text-align:center;}
	 .search-view{display:none;}


	#wrap .header .h-wrap .h-bottom{padding-top:8px;box-sizing:border-box;}
	#wrap .header .h-wrap .h-bottom .navigation{float:left;padding-top:4px;}
		.navigation {width:auto;font-size: 18px;}
		.menu {margin: 0 auto; padding-left: 0;}
		.menu__item {display: inline-block;white-space: nowrap;}
		.menu__link {display: block;padding: 6px;font-size:16px;}
		.menu__link:first-of-type {padding-left:15px}
	
		.menu__title {display: inline-block;overflow: hidden;}
		.menu__first-word {color: #159fdb;}
		.menu__second-word {color: #626262;}

	#wrap .header .h-wrap .h-bottom .icon-box{float:right;margin-top:7px;margin-right:15px;}
		.icon-box div{float:left;width:60px; height:40px;position:relative;overflow:hidden;}
		.icon-box div a{display:block; width:60px; height:80px;position:absolute;top:0; left:0;transition:0.3s;}
		.icon-box div a:hover{top:0px;transition:0s;}
		.icon-box div a i{display:block; width:60px; height:40px;font-size:28px;text-align:center;line-height:35px;}
		.icon-box div a span{display:block; width:60px; height:40px;font-size:15px;text-align:center;color:#159fdb;line-height:35px;}


		.header-clone{display:none}

		
		
		.aff_wrap{width:70%;margin:0 auto; height:auto; background-color:#fff;padding:10px 24px;box-sizing:border-box;}
		.aff_wrap li{float:left; width:calc(95% / 4);height:70px;padding-right:1.6%;}
		.aff_wrap li:nth-of-type(5){clear:both; width:calc(95% / 4);padding-right:1.6%;}
		.aff_wrap li:nth-of-type(4){float:right; padding-right:0px;}
		.aff_wrap li:last-of-type{float:right;padding-right:0px;}
		.aff_wrap li a{display:block;width:100%;height:100%;position:relative;}
		.aff_wrap li img{width:100%; height:auto;max-height:100%;position:absolute;top:50%;left:0;transform:translate(0,-50%)}
		.aff_wrap ul:after{content:"";clear:both;display:block;float:none;}

		/*회사소개*/
		.aboutus-tit{width:100%; height:50px; margin:10px 0 20px;padding:10px 0px;box-sizing:border-box;}
		.aboutus-tit  h3{font-size:20px; margin-bottom:15px;color:#555;}
		.aboutus-tit  h3:before { content: ""; display: inline-block; width: 20px; height: 20px; border-right: 1px solid #159fdb;; transform: rotate(45deg); position: relative; left: -5px; top: -5px; margin-right:5px;  box-sizing: border-box;}
		.aboutus{width:100%;height:auto;padding:0 15px 30px 15px;border-bottom:1px solid #ddd;box-sizing:border-box;}
		.aboutus span{font-size:15px;line-height:30px;display:block;width:100%;margin-bottom:15px;}
		.aboutus .about-main-tit{font-size:18px;color:#000}
		.aboutus .about-main-tit i{font-size:22px;font-style:normal;font-weight:bold;display:block;}
		.aboutus .about-imgbox{width:30%;height:auto;margin-bottom:50px;}
		.aboutus .about-imgbox img{width:100%;height:auto;}

		/*이용약관*/
		.terms-tit{width:100%; height:50px; margin:10px 0 20px;padding:10px 0px;box-sizing:border-box;}		
		.terms-tit  h3{font-size:20px; margin-bottom:15px;color:#555;}
		.terms-tit  h3:before { content: ""; display: inline-block; width: 20px; height: 20px; border-right: 1px solid #159fdb;transform: rotate(45deg); position: relative; left: -5px; top: -5px; margin-right:5px;  box-sizing: border-box;}
		.terms-cont{width:100%;height:auto;padding:0 15px 30px 15px;border-bottom:1px solid #ddd;box-sizing:border-box;}
		.terms-cont .terms-box{padding:15px 30px;box-sizing:border-box;width:100%;height:auto;border:1px solid #333;box-shadow: 2px 2px 5px rgba(25,25,25, 0.05);}
		.terms-cont .terms-box ul{width:100%; height:auto;}
		.terms-cont .terms-box ul:after{content:"";clear:both;display:block;float:none;}
		.terms-cont .terms-box ul li{float:left;width:50%;height:30px;line-height:30px;font-size: 14px;font-weight: 600;color: #222;}
		.terms-cont dl{box-sizing:border-box;border: 1px solid #ddd;padding: 20px;box-shadow: 2px 2px 5px rgba(25,25,25, 0.05);margin-top: 10px;width:100%; height: auto; position: relative;}
		.terms-cont dt{font-size: 14px;line-height: 18px;font-weight: 600;color: #222;}
		.terms-cont dd{box-sizing: border-box;margin-top: 10px;font-size: 14px;line-height: 20px;color: #333;}
		.terms-cont dt span{display:block;margin-left:15px;font-weight:400;margin-top:5px;}

		/*개인정보처리방침*/
		.privacy-tit{width:100%; height:50px; margin:10px 0 20px;padding:10px 0px;box-sizing:border-box;}		
		.privacy-tit  h3{font-size:20px; margin-bottom:15px;color:#555;}
		.privacy-tit  h3:before { content: ""; display: inline-block; width: 20px; height: 20px; border-right: 1px solid #159fdb;transform: rotate(45deg); position: relative; left: -5px; top: -5px; margin-right:5px;  box-sizing: border-box;}
		.privacy-info{width:100%;height:auto;padding:20px;box-sizing:border-box;font-size: 14px;line-height: 20px;color: #333;}
		.privacy-cont{width:100%;height:auto;padding:0 15px 30px 15px;border-bottom:1px solid #ddd;box-sizing:border-box;}
		.privacy-cont .privacy-box{padding:15px 30px;box-sizing:border-box;width:100%;height:auto;border:1px solid #333;box-shadow: 2px 2px 5px rgba(25,25,25, 0.05);}
		.privacy-cont .privacy-box ul{width:100%; height:auto;}
		.privacy-cont .privacy-box ul:after{content:"";clear:both;display:block;float:none;}
		.privacy-cont .privacy-box ul li{float:left;width:50%;height:30px;line-height:30px;font-size: 14px;font-weight: 600;color: #222;}
		.privacy-cont dl{box-sizing:border-box;border: 1px solid #ddd;padding: 20px;box-shadow: 2px 2px 5px rgba(25,25,25, 0.05);margin-top: 10px;width:100%; height: auto; position: relative;}
		.privacy-cont dt{font-size: 14px;line-height: 18px;font-weight: 600;color: #222;}
		.privacy-cont dd{box-sizing: border-box;margin-top: 10px;font-size: 14px;line-height: 20px;color: #333;}
		.privacy-cont dd span{display:block;margin-bottom:5px;}
		.privacy-cont dd table{width:100%;}
		.privacy-cont dd table th{width:30%;}
		.privacy-cont dd table td{text-align:left;}
		.privacy-cont dt span{display:block;margin-left:15px;font-weight:400;margin-top:5px;}

	#footer{width:100%;height:180px;background-color:#fff;margin-top:40px;}
	#footer .footer-wrap{max-width:1200px;margin:0 auto; box-sizing:border-box;}
	#footer .footer-wrap .company{max-width:1200px;border-bottom:1px solid #ddd;height:60px;width:100%;padding:10px 0;box-sizing:border-box;text-align:center;}
	#footer .footer-wrap .company li{display:inline-block; padding:10px 30px;}
	#footer .footer-wrap .company li a{font-size:15px;font-weight:500;}
	#footer .footer-wrap .company li a:hover{font-weight:700;}
	#footer .footer-wrap .company li:last-of-type{padding-right:0;}
	#footer .footer-wrap .company:after{content:"";display:block;clear:both;float:none;}
	#footer .footer-wrap address{font-style:normal;padding:15px 0;box-sizing:border-box;text-align:center;}
	#footer .footer-wrap .abb-wrap{letter-spacing:-1px;line-height:23px;font-size:12px;text-align:center;width:90%;margin:0  auto;}

	
	.cont{width:100%;max-width:1200px;height:auto;margin:0 auto;box-sizing:border-box;}

	.sub-hbox{width:100%; height:100px; margin:10px 0 20px;padding:10px 20px;box-sizing:border-box;border-bottom:1px solid #ddd; }
	.sub-hbox  h3{font-size:20px; margin-bottom:15px;color:#555;}
	.sub-hbox  h3:before { content: ""; display: inline-block; width: 20px; height: 20px; border-right: 1px solid #159fdb;; transform: rotate(45deg); position: relative; left: -5px; top: -5px; margin-right:5px;  box-sizing: border-box;}
	.sub-hbox .sub-hwrap{width:100%; height:30px;}
	.sub-hbox .sub-hwrap .sub-h p{font-size:15px;line-height:30px;}
	.i-list{width:30px; height:30px; display:block; background-color:#ddd;text-align:center; line-height:30px; float:left;}
	.i-list:hover{background-color:#159fdb;;color:#fff;}

	.scon-box{border:1px solid #ddd;position:relative;width:calc(97% /3);height:260px; float:left;margin-right:1.5%;overflow:hidden;margin-bottom:1.5%;box-sizing:border-box;}
	.scon-box img{width:100%; height:150px;}
	.scon-box:nth-of-type(3n){margin-right:0;}
	.scon-box figcaption{background-color:#fff;padding:15px 20px;box-sizing:border-box;width:100%; height:110px;}
	.scon-box figcaption p{font-size:17px;overflow:hidden;text-overflow:ellipsis;line-height:23px;height:45px; letter-spacing:1px;font-weight:700;
	word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
	
	.scon-box figcaption span.scon-dmtxt i.scon-name:after{content:" | ";}
	.scon-box figcaption p.scon-stxt{display:none;}
	.scon-box figcaption span{font-size:13px; display:block; width:100%;margin-top:15px;}
	.scon-box figcaption span i{font-style:normal;color:#159fdb;;}
	.scon-box a{width:100%; height:260px; position:absolute; bottom:0;border:none;}

	.scon-box-list{ border:1px solid #ddd;position:relative;width:100%;height:200px; float:left;overflow:hidden;margin-bottom:1.5%;box-sizing:border-box;padding:20px;}
	.scon-box-list img{width:35%; height:100%;float:left;border:1px solid #ddd;}
	.scon-box-list figcaption{padding:20px;box-sizing:border-box; height:100%;float:left;width:60%;}
	.scon-box-list figcaption p.scon-mtxt{font-size:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	.scon-box-list figcaption p.scon-stxt{margin-top:13px;color:#999;}
	.scon-box-list figcaption span.scon-dmtxt{font-size:13px; display:block;margin-top:13px;}
	.scon-box-list figcaption span.scon-dmtxt i.scon-name{font-style:normal;color:#159fdb;;}
	.scon-box-list figcaption span.scon-dmtxt i.scon-name:after{content:" | ";}
	.scon-box-list a{transition:0.3s;width:100%; height:198px; position:absolute;left:0; bottom:0;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);box-shadow:none;box-sizing:border-box;}
	.scon-box-list a:hover{transition:0.3s;z-index:333;border:3px solid rgba(21,159,219,1);box-sizing:border-box;}


	.scon-box-justify{ border:1px solid #ddd;position:relative;width:100%;height:50px; float:left;overflow:hidden;box-sizing:border-box;padding:0 20px;border-bottom:none;}
	
	.scon-box-justify:last-of-type{ border-bottom:1px solid #ddd;}
	.scon-box-justify img{display:none;}
	.scon-box-justify figcaption{box-sizing:border-box; height:100%;float:left;width:100%;}
	.scon-box-justify figcaption p.scon-mtxt{font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;width:60%;height:100%;line-height:50px;}
	.scon-box-justify figcaption p.scon-stxt{display:none;}
	.scon-box-justify figcaption span.scon-dmtxt{float:right;font-size:13px; display:block;margin-top:13px;}
	.scon-box-justify figcaption span.scon-dmtxt i.scon-name{font-style:normal;color:#159fdb;;}
	.scon-box-justify figcaption span.scon-dmtxt i.scon-name:after{content:" | ";}
	.scon-box-justify a{transition:0.3s;width:100%; height:49px; position:absolute;left:0; bottom:0;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);box-shadow:none;box-sizing:border-box;}
	.scon-box-justify:last-of-type a{height:48px}
	.scon-box-justify a:hover{transition:0.3s;z-index:333;border:3px solid rgba(21,159,219,1);box-sizing:border-box;}
	

	.paging{margin: 50px 0 80px;}
	.paging li{background-color:#fff;}







	/*report*/
	.report-hbox{width:100%; height:200px;background-color:#ddd;padding:20px 20px;box-sizing:border-box; margin-bottom:10px;}
	.report-hbox .report-hwrap{max-width:1200px; margin:0 auto;position:relative;height:100%;}
	.report-hbox .report-hwrap .report-htop{width:100%;height:120px;}
	.report-hbox .report-hwrap .report-htop h4{font-size:25px; color:#222;}
	.report-hbox .report-hwrap .report-htop p.htop-stxt{font-size:20px;margin-top:10px;color:#555;}	

	.report-hbox .report-hbottom{width:100%;height:30px;position:absolute;bottom:0;}
	.report-hbox .report-hbottom .hbottom-info{float:left;width:50%; height:100%;min-width:410px; }
	.report-hbox .report-hbottom .hbottom-info .hbottom-name{font-size:18px;color:#222;font-weight:700;}
	.report-hbox .report-hbottom .hbottom-info .hbottom-name .re-email{margin-left:5px;vertical-align:2px;font-size:15px;color:#555;font-weight:300;}
	.report-hbox .report-hbottom .hbottom-info .hbottom-name .re-date{font-size:15px;color:#555;font-weight:300;margin-left:10px;}

	.report-hbox .report-hbottom .hbottom-icon{float:right; height:100%;}
	.report-hbox .report-hbottom .hbottom-icon ul{float:right;height:auto;}
	.report-hbox .report-hbottom .hbottom-icon ul:after{content:"";display:block;clear:both;}
	
	.report-hbox .report-hbottom .hbottom-icon ul li{border-radius:10px;float:left; width:30px;height:30px;background-color:#fff;margin-right:5px;}
	.report-hbox .report-hbottom .hbottom-icon ul li:last-of-type{margin-right:0px;}
	.report-hbox .report-hbottom .hbottom-icon ul li a{position:relative;width:30px; height:30px; display:block; text-align:center;vertical-align:-2px;}
	.report-hbox .report-hbottom .hbottom-icon ul li a i{font-size:34px; position:absolute;top:-2px;left:0;}
	.report-hbox .report-hbottom .hbottom-icon ul li a i.fa-facebook-square{color:#40599b;}
	.report-hbox .report-hbottom .hbottom-icon ul li a i.fa-twitter-square{color:#28a2e1;}
	.report-hbox .report-hbottom .hbottom-icon ul li a.print-icon{background-color:#666;border-radius:4px;}
	.report-hbox .report-hbottom .hbottom-icon ul li a i.fa-file-powerpoint{font-size:19px;top:5px;left:8px;color:#fff;}
	.report-hbox .report-hbottom .hbottom-icon ul li a img{width:100%; height:100%; display:block; }

	.report-hbox .report-hbottom .hbottom-icon .icon-plma{width:120px;float:right;height:100%;margin-right:10px;}
	.report-hbox .report-hbottom .hbottom-icon .icon-plma a{border-radius:3px;background-color:#fff;width:55px; height:30px;display:block;float:left;margin-right:5px;text-align:center;line-height:35px;}
	.report-hbox .report-hbottom .hbottom-icon .icon-plma a.fosiz-up{font-size:18px;font-weight:bold;line-height:30px;}
	.report-hbox .report-hbottom .hbottom-icon .icon-plma a.fosiz-down{font-weight:bold;margin-right:5px;}

	
	.report-hbox .report-hbottom .hbottom-icon .icon-plma a i.fa-search-plus{font-size:22px;margin-left:5px;vertical-align:-1px;}
	.report-hbox .report-hbottom .hbottom-icon .icon-plma a i.fa-search-minus{font-size:22px;margin-left:5px;}


	.report-zone{width:100%;margin-bottom:50px;}
	.report-zone .report-img{width:100%; height:auto;}
	.report-zone .report-img:after{content:"";display:block;clear:both;}
	.report-zone .report-img img{width:100% ;height:auto;}
	.report-zone .report-img figcaption{font-size:14px;margin-top:5px;font-weight:300;}
	.report-zone .report-img figcaption i{font-size:18px;margin:0 5px;vertical-align:-2px;}
	.report-zone .report-txtbox{width:100%; height:auto;margin:30px auto 0;max-width: 900px;word-spacing:5px;letter-spacing:-1px;line-height:32px; font-size: 20px;font-weight:300; padding:0 15px; height: auto;box-sizing:border-box;}
	.report-zone .report-txtbox div{width:100%;height:auto;}
	.report-zone .report-txtbox div img{width:100% !important;height:auto !important;}



	.report-zone .report-txtbox .report-adwrap{width:100%;height:auto;margin-top:50px;}
	.report-zone .report-txtbox .report-adwrap:after{content:"";display:block;clear:both;}
	.report-zone .report-txtbox .report-adwrap p{width:65%;height:auto;float:left;}
	.report-zone .report-txtbox .report-adwrap .report-ad{float:right;}
	.report-zone .report-txtbox .copyright{margin-top:50px;}

	.report-adcont{width:100%;max-width:900px;margin:0 auto;}
	.report-adcont h3{margin:20px 0 10px;font-size:18px; border-bottom:1px solid #ddd;padding-bottom:10px}
	.report-adcont h3:before {content: ""; display: inline-block; width: 20px; height: 20px; border-right: 1px solid #159fdb; transform: rotate(45deg); position: relative; left: -5px; top: -5px; margin-right: 5px; box-sizing: border-box;}
	.report-adcont .scon-box{height:240px;}
	.report-adcont .scon-box img{height:120px;}
	.report-adcont .scon-box a{height:240px;}
	.report-adcont .scon-box .scon-mtxt{font-size:15px}
	.report-adcont .scon-box .scon-stxt{display:none;}
	.report-ad2 img{width:100%;}
	.report-ad{width:calc(35% - 15px);margin-right:15px}
	.report-ad img{width:100%;}
	/*수정*/.ad-side{display:none;width:1200px;position:absolute;top:370px;left:50%;transform:translate(-50%,0);z-index:1000;}/*수정*/
	.ad-side.scrollon{position:fixed;top:100px;}
	.ad-side div:first-of-type{float:left;}
	.ad-side div:last-of-type{float:right;}




/*join page*/


.join-page{box-sizing:border-box;width:100%;height:auto; padding:15px;margin-bottom:30px;}
.join-page h4{width:100%; height:50px;font-size:20px;line-height:50px;}
.join-page h4:before{content:"";display:inline-block;width:3px; height:20px; background-color:#159fdb;vertical-align:-3px;margin-right:15px;}

.conditions{width:100%;height:250px;margin-top:15px;}
.conditions h5{width:100%; height:30px;font-size:15px;font-weight:500;}
.conditions h5 i{color:#159fdb;font-size:13px;margin-right:5px}
.conditions textarea{height:170px}
.conditions .check-type{margin-top:5px}
.conditions .check-type:after{content:"";display:block;clear:both;}

.join-page .table-wrap{width:100%;}
.join-page .table-wrap h5{width:100%; height:30px;font-size:15px;font-weight:500;}
.join-page .table-wrap h5 i{color:#159fdb;font-size:13px;margin-right:5px}
.join-page .table-wrap th{text-align:left;position:relative;padding-left:35px;}
.join-page .table-wrap th i{color:#159fdb;font-size:10px;position:absolute;top:50%;left:12px;transform:translate(0,-50%)}
.join-page .table-wrap td.jtd-wrap{border-left:none;}
.join-page .table-wrap td{border-right:none;}
.join-page .table-wrap td .tel-txt {display:inline-block;}


.bn.bn-set{height:45px;width:25%;display:inline-block;line-height:45px;}


.name-wrap{width:65%;}.name-i{width:100%}
.birth-wrap{width:65%;}.birth-i{width:28%;}.ymb_txt{width:5%;vertical-align:bottom;font-size:14px;display:inline-block;height:100%;}
.id-wrap{width:45%}.id-i{width:100%}.btn-type{width:19%;margin-left:1%;}.btn-type button{width:100%;}
.pass-wrap{width:65%;}.pass-i{width:100%;}
.email-wrap{width:65%;}.email-i{width:47%}.email-t{width:6%;}
.tel-wrap{width:65%;}.tel-i{width:30%;}.tel-txt{width:5%;}


	.img_area_sub {height:200px;font-size:14px;}
	.img_area_sub li {float:left;position:relative;margin:1% 0 1% 1.5%;	width:23%;	height:100%;}
	.img_area_sub li img {width:100%;height:65%;}
	.img_area_sub li p {margin-top:2%;}
	.img_area_sub li span {	display:block;	width:100%;}
	
	.view_middle {display:block;margin-top:1%;height:300px;}
	.view_middle .middle_sub {height:100%;}
	.view_middle .middle_sub > li {float:left;position:relative;width:50%;}

	.txt_area {display:block;border:5px solid #eee;width:100%;height:225px;font-size:15px;	margin:1% 0;box-sizing:border-box;padding:2% 0% 0% 5%;}
	.txt_area > span {font-size:18px;font-weight:700;display:block;padding:0 0 2% 4%;}
	.txt_area_sub {box-sizing:border-box;	height:100%;}
	.txt_area_sub li {display:block;float:left;position:relative;width:100%;padding:1% 0;	}
	.txt_area_sub a {margin-left:2%;}
	.thumbnail_area {display:block;width:100%;font-size:14px;	height:230px;	box-sizing:border-box;padding:0 3%;}
	.thumbnail_area_sub li {margin:1% 0;height:73px;border-bottom:1px solid #ddd;}
	.thumbnail_area_sub li:last-of-type {border-bottom:none}
	.thumbnail_area_sub .thumb_img {	width:20%;	float:left;}
	.thumbnail_area_sub .thumb_title {	width:78%;	float:right;}
	.thumbnail_area_sub li img {width:100%;}
	.thumbnail_area_sub li span {display:block;width:100%}
	.thumbnail_area_sub .txt1 {font-size:14px;}
	.thumbnail_area_sub .txt2 {font-size:12px;color:#aaa;}
	
	.num_on {display:block;width:23px;height:23px;border:1px solid #007fdb;background-color:#007fdb;color:#fff;font-weight:500;box-sizing:border-box;text-align:center;float:left;	}
	.num_off {display:block;width:23px;height:23px;border:1px solid #007fdb;background-color:#fff;color:#181818;font-weight:500;box-sizing:border-box;text-align:center;float:left;}


/*sub6*/
.market-page{box-sizing:border-box;width:100%;height:auto; padding:15px;margin-bottom:30px;}
.market-page h4{width:100%; height:50px;font-size:20px;line-height:50px;}
.market-page h4:before{content:"";display:inline-block;width:3px; height:20px; background-color:#159fdb;vertical-align:-3px;margin-right:15px;}

.market-page .sub6-stxt{width:100%;height:auto;border:1px solid #ddd; padding:15px 20px; box-sizing:border-box;line-height:25px;font-size:14px;}
.market-page .sub6-stxt span{color:#da122e}
.sub6-boardcont{ width:100%;height:auto}
.sub6-boardcont .board-top{width:100%;height:auto;padding:15px 0 5px;}
.sub6-boardcont .board-top:after{display:block;content:"";clear:both;}
.sub6-boardcont .board-top .board-total{float:left;width:auto;height:30px;line-height:40px;font-size:14px;font-weight:normal;}
.sub6-boardcont .board-top .board-total span{font-weight:bold;}
.sub6-boardcont .board-top .board-search{float:right;}
.board-box{width:100%;height:auto;}
.board-box ul{width:100%;height:auto;}

.board-box:after{display:block;content:"";clear:both;}
.board-box ul:after{display:block;content:"";clear:both;}
.board-box ul li{width:100%;height:40px;line-height:40px;border-bottom:1px solid #ddd;}
.board-box ul li:last-of-type{border-bottom:2px solid #aaa;}
.board-box ul li.board-boxtop{background-color:#ededed;border-top:2px solid #999;border-bottom:2px solid #999;}
.board-box ul li a{display:block;width:100%;height:100%;}
.board-box ul li a span.b-number{float:left;display:block;width:10%;text-align:center;height:40px;}
.board-box ul li a span.b-title{float:left;display:block;width:55%;height:40px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.board-box ul li.board-boxtop a span.b-title{text-align:center;height:40px;}
.board-box ul li a span.b-writer{float:left; display:block;width:15%;text-align:center;height:40px;}
.board-box ul li a span.b-date{float:left;display:block; width:10%;text-align:center;height:40px;}
.board-box ul li a span.b-view{float:left;display:block;width:10%;text-align:center;height:40px;}
.board-box button.bn.bn-bgy{float:right;margin-top:15px;height:40px;}
.board-box .paging{clear:both;}

table.table-write{margin-top:15px;}
table.table-write td textarea{min-height:300px;}
table.table-write td .write-title{width:100%}
table.table-write td .write-name{width:20%}
table.table-write td .write-password{width:20%}
table.table-write td .write-text{width:100%}
.btn-box {width:100%;height:auto;margin-top:15px;}
.btn-box button {float:right;height:32px;margin-left:5px;}
.btn-box a {float:right;height:32px;margin-left:5px;}

table.table-read{margin-top:15px;}
table.table-read td{text-align:center}
table.table-read td.read-title{text-align:left;}
table.table-read td .read-text{width:100%;min-height:300px;height:auto;padding:50px 30px;box-sizing:border-box;text-align:left;}

.pop-layer1 {border-radius:10px;display: none;position: absolute;top: 50%;left: 50%;width: 410px;height: 30px;z-index: 10;background-color:#fff;}
.dim-layer .pop-layer1 {display: block;width:300px; height:160px;}
.pop-layer1 .password-cont{width:100%;height:100%;padding:15px 20px; box-sizing:border-box;}

.pop-layer1 .password-cont p{width:100%; height:40px; background-color:#ddd;line-height:40px; text-align:center; font-size:14px; border-radius:10px 10px 0 0;color:#333 }
.pop-layer1 .password-cont div.input-type{width:100%;padding:8px 30px; box-sizing:border-box;border:1px solid #ddd; border-radius:0 0 10px 10px ;float:none;}
.pop-layer1 .password-cont div.input-type input{width:100%;}
.pop-layer1 .password-cont .password-btn {    width: 111px; margin:12px auto 0;}



}












@media all and (max-width:765px){


/*로그인팝업*/
.pop-layer .pop-container {padding: 20px ;}
.pop-layer .btn-r {width: 100%;margin: 10px 0 20px;padding-top: 10px;border-top: 1px solid #DDD;text-align: right;}
.pop-layer {border-radius:0px;display: none;position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;background:url(../images/common/login-bg.jpg)no-repeat top left;background-size:cover;z-index: 10;}
.pop-layer .pop-container .pop-conts h5{width:60%;height:auto; margin:50px auto 15px;}
.pop-layer .pop-container .pop-conts h5 img{width:100%;height:auto;}
.pop-layer .pop-container .pop-conts .input-wrap{width:100%;height:50px;border-bottom:1px solid #fff;}
.pop-layer .pop-container .pop-conts .input-wrap .input-col{float:right;width:calc(100% - 50px);height:50px;padding-left:25px;box-sizing:border-box;color:#fff;outline:none;}
.pop-layer .pop-container .pop-conts .input-wrap label{color:#fff;display:block;float:left;width:50px; height:50px; line-height:50px;text-align:center;}
.input-col::placeholder {color:#fff;transition:0.3s;}.input-col::-moz-placeholder {color:#fff;}.input-col::-webkit-input-placeholder {color:#fff;}
.input-col:focus::placeholder {color:rgba(255,255,255,0.3);transition:0.3s;}.input-col:focus::-moz-placeholder{color:rgba(255,255,255,0.3);transition:0.3s;}.input-col:focus::-webkit-input-placeholder {color:rgba(255,255,255,0.3);transition:0.3s;}
.pop-layer .pop-container .pop-conts .btn-wrap {width:100%; height:35px; margin-top:15px}
.pop-layer .pop-container .pop-conts .btn-wrap button{width:100%; height:35px; text-align:center;color:#fff;background-color:#159fdb;transition:0.3s;outline:none;}
.pop-layer .pop-container .pop-conts .btn-wrap button:hover{background-color:#0d3551;transition:0.3s;}


.pop-layer .pop-container .pop-conts .login-join{width:100%; height:50px;}
.pop-layer .pop-container .pop-conts .login-join li{display:inline-block;height:50px;width:33%;position:relative;}
.pop-layer .pop-container .pop-conts .login-join li:last-of-type{width:31%;}
.pop-layer .pop-container .pop-conts .login-join li:before{content:"|";display:inline-block;color:#fff;position:absolute;top:14px;right:-4px;}
.pop-layer .pop-container .pop-conts .login-join li:last-of-type:before{content:"";display:none;}

.pop-layer .pop-container .pop-conts .login-join li a{display:block;color:#fff;height:50px;line-height:50px;text-align:center;width:100%;}
.login-info{width:100%;height:auto;text-align:center;padding:10px 0px;box-sizing:border-box;color:#fff;font-weight:300;font-size:13px;}
.login-list{width:100%;height:auto;padding:15px 5px 15px 15px;box-sizing:border-box; background-color:rgba(255,255,255,0.8);color:#222;margin-top:20px;}
.login-list li{ width:100%;height:auto;line-height:20px;}
.login-list li i{color:#159fdb; padding-right:10px;width:5%;display:inline-block;vertical-align:top;margin-top:5px}
.login-list li b{display:inline-block;width:90%;font-weight:normal;}

.dim-layer {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.dim-layer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .7;filter: alpha(opacity=70);}
.dim-layer .pop-layer {display: block;}
a.btn-layerClose {position:absolute;top:0;right:0;display: block;height: 50px;width:50px;font-size: 20px;color: #fff;line-height:50px;text-align:center;}

	/*기사제보*/
	.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
	.filebox .upload-name{width:70%;float:left;}
	.filebox label {	width:29%;margin-left:1%;cursor:pointer;}
	
	.cont-txt{width:100%}.cont-txt textarea{width:100%;}

/*가입완료*/
.pop-layer2 .pop-container2 {padding: 20px}
.pop-layer2 .btn-r {width: 100%;margin: 10px 0 20px;padding-top: 10px;border-top: 1px solid #DDD;text-align: right;}
.pop-layer2 {border-radius:0px;display: none;position: absolute;top: 50%;left: 50%;width: 100%;height:100%;background:url(../images/common/login-bg.jpg)no-repeat top left;background-size:cover;z-index: 10;}
.pop-layer2 .pop-container2 .pop-conts2 h5{width:60%;height:auto; margin:30px auto 15px;}
.pop-layer2 .pop-container2 .pop-conts2 h5 img{width:100%;height:auto;}

.pop-layer2 .pop-container2 .pop-conts2 .login-info{width:100%;height:auto;padding:30px 0px;box-sizing:border-box;border-bottom:1px solid #fff;border-top:1px solid #fff;}
.pop-layer2 .pop-container2 .pop-conts2 .login-info b{display:block;width:100%;text-align:center;color:#fff;font-weight:500;font-size:30px;}
.pop-layer2 .pop-container2 .pop-conts2 .login-info i{display:block;width:100%;text-align:center;color:#fff;font-weight:400;font-size:15px;font-style:normal;margin-top:10px;}
.pop-layer2 .pop-container2 .pop-conts2 .login-list{width:100%;height:70px;padding:15px 5px;box-sizing:border-box; background-color:rgba(255,255,255,0.8);color:#222;margin-top:30px;}
.pop-layer2 .pop-container2 .pop-conts2 .login-list li{ width:100%;height:auto;line-height:20px;text-align:center;}

.pop-layer2 .pop-container2 .pop-conts2 .btn-wrap {width:100%; height:35px; margin-top:15px}
.pop-layer2 .pop-container2 .pop-conts2 .btn-wrap a{display:block;width:100%; height:35px; text-align:center;color:#fff;background-color:#159fdb;transition:0.3s;outline:none;line-height:35px;}
.pop-layer2 .pop-container2 .pop-conts2 .btn-wrap a:hover{background-color:#0d3551;transition:0.3s;}

.dim-layer2 {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.dim-layer2 .dimBg2 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .7;filter: alpha(opacity=70);}
.dim-layer2 .pop-layer2 {display: block;}


/*로그인 sub*/
.login-sub {width:100%; height:auto; margin:0 auto;border:1px solid #ddd;padding:0 30px;box-sizing:border-box;}
.login-sub h5{text-align:center; font-size:20px; width:100%; height:auto;padding:30px 0;box-sizing:border-box;}

.login-sub .input-wrap{width:100%;height:50px;border-bottom:1px solid #ddd;}
.login-sub .input-wrap .input-col2{float:right;width:calc(100% - 50px);height:50px;padding-left:25px;box-sizing:border-box;color:#666;outline:none;}
.login-sub .input-wrap label{color:#159fdb;display:block;float:left;width:50px; height:50px; line-height:50px;text-align:center;}

.login-sub .login-info{width:100%;height:auto;text-align:center;padding:10px 0px;box-sizing:border-box;color:#666;font-weight:300;font-size:13px;letter-spacing:-1px}


.login-sub .btn-wrap {width:100%; height:35px; margin-top:15px}
.login-sub .btn-wrap a{width:100%; height:35px; line-height:35px;display:block;text-align:center;color:#fff;background-color:#159fdb;transition:0.3s;outline:none;}
.login-sub .btn-wrap a:hover{background-color:#0d3551;transition:0.3s;}

.login-sub .login-join{width:100%; height:50px;}
.login-sub .login-join li{display:inline-block;height:50px;width:33%;position:relative;}
.login-sub .login-join li:last-of-type{width:31%;}
.login-sub .login-join li:before{content:"|";display:inline-block;position:absolute;top:14px;right:-4px;}
.login-sub .login-join li:last-of-type:before{content:"";display:none;}
.login-sub .login-join li a{display:block;color:#666;height:50px;line-height:50px;text-align:center;width:100%;}


.login-sub .login-list{width:100%;height:auto;padding:15px 5px 15px 15px;box-sizing:border-box; background-color:#f6f6f6;color:#222;margin-top:20px;}
.login-sub .login-list li{ width:100%;height:auto;line-height:20px;}
.login-sub .login-list li i{color:#159fdb; padding-right:10px;width:5%;display:inline-block;vertical-align:top;margin-top:5px}
.login-sub .login-list li b{display:inline-block;width:90%;font-weight:normal;}




	#wrap{width:100%;height:auto;margin:0 auto;}

.row2{width:100%;height:70px;background-color:#fff;position:absolute;top:0;}
.row2 .three{position:relative;top:15px;z-index:999;margin-right:15px;padding: 6px 10px;float:right;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color: #159fdb;color: #fff;text-align: center;}
.hamburger .line{width: 24px;height: 2px;background-color: #fff;display: block;margin: 6px auto;-webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#hamburger-1.is-active .line:nth-child(2){ opacity: 0;}
#hamburger-1.is-active .line:nth-child(1){-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg); -o-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg);}
#hamburger-1.is-active .line:nth-child(3){-webkit-transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
.hamburger:hover{cursor: pointer;}
.row2 .search-view{position:absolute;top:15px;right:70px;width:44px; height:42px;line-height:40px;display:inline-block;background-color:#159fdb;color:#fff;text-align:center;font-size:15px;}

	#wrap .header{top: 0;position:fixed;margin-bottom:0;background-color:#fff;width:100%; height:70px; box-shadow:0px 0px 10px 1px rgba(25,25,25,0.3);z-index:20;}
	#wrap .header .h-wrap{position:relative;width:100%; max-width:1200px;margin:0 auto;}

	#wrap .header .h-wrap .h-top{padding-top:15px;height:70px;width:100%;box-sizing:border-box;position:relative;z-index:9999; }
	#wrap .header .h-wrap .h-top .h-top-l{width:150px;float:none;position:absolute;top:15px;margin-left:20px;padding-left:0px;}


	#wrap .header .h-wrap .h-top .search-wrap{width:100%; height: 70px; margin-top:0px;padding-top: 15px;background-color:#fff; float: none;z-index:-555;box-sizing:border-box;padding-right: 0px;position:relative;top:-20px;transition:0.3s;}
	#wrap .header .h-wrap .h-top .search-wrap.on{top:50px;transition:0.3s;}
	#wrap .header .h-wrap .h-top .search-wrap .row{width: 90%; height: 40px;background-color:#f5f5f5;border-radius:20px;float:none;z-index:-555;margin:0 auto;}
	#wrap .header .h-wrap .h-top .search-wrap .row input{width:calc(100% - 40px);height:40px;box-sizing:border-box;outline:none;}
	#wrap .header .h-wrap .h-top .search-wrap .row a{width:40px; height:40px; border-radius:20px;line-height:40px;display:inline-block;background-color:#159fdb;color:#fff;text-align:center;}
	


	#wrap .header .h-wrap .h-bottom{width:100%;z-index:10;position:fixed;top:0;left:100%;height:100%;background-color:rgba(255,255,255,0.95);box-sizing:border-box;transition:all ease 0.7s;}
	#wrap .header .h-wrap .h-bottom.on{left:0;transition:all ease 0.7s;}
	#wrap .header .h-wrap .h-bottom:after{content:"";display:block;clear:both;}
	#wrap .header .h-wrap .h-bottom .navigation {width:100%;height:auto;padding-top:80px;}
		.menu {margin: 0 auto; padding-left: 0;text-align:right;}
		.menu__item {display: block;white-space: nowrap;border-bottom:1px solid #ddd;}
		.menu__link {display: block;padding: 15px 30px;}
	
		.menu__title {display: block;overflow: hidden;}
		.menu__first-word {color: #159fdb;}
		.menu__second-word {color: #626262;}

	#wrap .header .h-wrap .h-bottom .icon-box{width:100%; height:80px; background-color:#fff;border-top:1px solid #ddd;margin-top:7px;margin-right:15px;position:absolute;bottom:0}
		.icon-box div{float:left;width:32%; height:80px;margin-right:2%;}
		.icon-box div:last-of-type{margin-right:0;}
		.icon-box div a{display:block; width:100%;padding:20% 0;box-sizing:border-box;}
		.icon-box div a i{height: auto;width:35%;float:left; font-size:28px;text-align:center;text-align:right;}
		.icon-box div a span{height: auto;width:65%;float:left;font-size:15px;color:#159fdb;text-align:left;padding-left:10px;box-sizing:border-box;}


		.header-clone{display:none}

		.aff_wrap{width:90%;margin:0 auto; height:auto; background-color:#fff;padding:10px 24px;box-sizing:border-box;}
		.aff_wrap li{float:left; width:calc(95% / 4);height:70px;padding-right:1.6%;}
		.aff_wrap li:nth-of-type(5){clear:both; width:calc(95% / 4);padding-right:1.6%;}
		.aff_wrap li:nth-of-type(4){float:right; padding-right:0px;}
		.aff_wrap li:last-of-type{float:right;padding-right:0px;}
		.aff_wrap li a{display:block;width:100%;height:100%;position:relative;}
		.aff_wrap li img{width:100%; height:auto;max-height:100%;position:absolute;top:50%;left:0;transform:translate(0,-50%)}
		.aff_wrap ul:after{content:"";clear:both;display:block;float:none;}

		/*회사소개*/
		.aboutus-tit{width:100%; height:50px; margin:10px 0 20px;padding:10px 0px;box-sizing:border-box;}
		.aboutus-tit  h3{font-size:20px; margin-bottom:15px;color:#555;}
		.aboutus-tit  h3:before { content: ""; display: inline-block; width: 20px; height: 20px; border-right: 1px solid #159fdb;; transform: rotate(45deg); position: relative; left: -5px; top: -5px; margin-right:5px;  box-sizing: border-box;}
		.aboutus{width:100%;height:auto;padding:0 15px 30px 15px;border-bottom:1px solid #ddd;box-sizing:border-box;}
		.aboutus span{font-size:15px;line-height:30px;display:block;width:100%;margin-bottom:15px;}
		.aboutus .about-main-tit{font-size:18px;color:#000}
		.aboutus .about-main-tit i{font-size:22px;font-style:normal;font-weight:bold;display:block;}
		.brnone{display:none;}
		.aboutus .about-imgbox{width:80%;height:auto;margin-bottom:50px;}
		.aboutus .about-imgbox img{width:100%;height:auto;}

		/*이용약관*/
		.terms-tit{width:100%; height:50px; margin:10px 0 20px;padding:10px 0px;box-sizing:border-box;}		
		.terms-tit  h3{font-size:20px; margin-bottom:15px;color:#555;}
		.terms-tit  h3:before { content: ""; display: inline-block; width: 20px; height: 20px; border-right: 1px solid #159fdb;transform: rotate(45deg); position: relative; left: -5px; top: -5px; margin-right:5px;  box-sizing: border-box;}
		.terms-cont{width:100%;height:auto;padding:0 15px 30px 15px;border-bottom:1px solid #ddd;box-sizing:border-box;}
		.terms-cont .terms-box{padding:15px 30px;box-sizing:border-box;width:100%;height:auto;border:1px solid #333;box-shadow: 2px 2px 5px rgba(25,25,25, 0.05);}
		.terms-cont .terms-box ul{width:100%; height:auto;}
		.terms-cont .terms-box ul:after{content:"";clear:both;display:block;float:none;}
		.terms-cont .terms-box ul li{float:left;width:100%;height:30px;line-height:30px;font-size: 14px;font-weight: 600;color: #222;}
		.terms-cont dl{box-sizing:border-box;border: 1px solid #ddd;padding: 20px;box-shadow: 2px 2px 5px rgba(25,25,25, 0.05);margin-top: 10px;width:100%; height: auto; position: relative;}
		.terms-cont dt{font-size: 14px;line-height: 18px;font-weight: 600;color: #222;}
		.terms-cont dd{box-sizing: border-box;margin-top: 10px;font-size: 14px;line-height: 20px;color: #333;}
		.terms-cont dt span{display:block;margin-left:15px;font-weight:400;margin-top:5px;}

		/*개인정보처리방침*/
		.privacy-tit{width:100%; height:50px; margin:10px 0 20px;padding:10px 0px;box-sizing:border-box;}		
		.privacy-tit  h3{font-size:20px; margin-bottom:15px;color:#555;}
		.privacy-tit  h3:before { content: ""; display: inline-block; width: 20px; height: 20px; border-right: 1px solid #159fdb;transform: rotate(45deg); position: relative; left: -5px; top: -5px; margin-right:5px;  box-sizing: border-box;}
		.privacy-info{width:100%;height:auto;padding:20px;box-sizing:border-box;font-size: 14px;line-height: 20px;color: #333;}
		.privacy-cont{width:100%;height:auto;padding:0 15px 30px 15px;border-bottom:1px solid #ddd;box-sizing:border-box;}
		.privacy-cont .privacy-box{padding:15px 30px;box-sizing:border-box;width:100%;height:auto;border:1px solid #333;box-shadow: 2px 2px 5px rgba(25,25,25, 0.05);}
		.privacy-cont .privacy-box ul{width:100%; height:auto;}
		.privacy-cont .privacy-box ul:after{content:"";clear:both;display:block;float:none;}
		.privacy-cont .privacy-box ul li{float:left;width:100%;height:auto;min-height:30px;line-height:30px;font-size: 14px;font-weight: 600;color: #222;}
		.privacy-cont dl{box-sizing:border-box;border: 1px solid #ddd;padding: 20px;box-shadow: 2px 2px 5px rgba(25,25,25, 0.05);margin-top: 10px;width:100%; height: auto; position: relative;}
		.privacy-cont dt{font-size: 14px;line-height: 18px;font-weight: 600;color: #222;}
		.privacy-cont dd{box-sizing: border-box;margin-top: 10px;font-size: 14px;line-height: 20px;color: #333;}
		.privacy-cont dd span{display:block;margin-bottom:5px;}
		.privacy-cont dd table{width:100%;}
		.privacy-cont dd table th{width:30%;}
		.privacy-cont dd table td{text-align:left;}
		.privacy-cont dt span{display:block;margin-left:15px;font-weight:400;margin-top:5px;}

	#footer{width:100%;height:auto;background-color:#fff;margin-top:0px;}
	#footer .footer-wrap{max-width:1200px;margin:0 auto; box-sizing:border-box;}
	#footer .footer-wrap .company{max-width:1200px;border-bottom:1px solid #ddd;height:auto;width:100%;padding:10px 0 0;box-sizing:border-box;text-align:center;}
	#footer .footer-wrap .company li{display:block; padding:10px 30px;border-top:1px solid #ddd;}
	#footer .footer-wrap .company li a{font-size:15px;font-weight:500;}
	#footer .footer-wrap .company li a:hover{font-weight:700;}
	#footer .footer-wrap .company li:last-of-type{padding-right:30px;}
	#footer .footer-wrap .company:after{content:"";display:block;clear:both;float:none;}
	#footer .footer-wrap address{font-style:normal;padding:15px 0;box-sizing:border-box;text-align:center;}
	#footer .footer-wrap .abb-wrap{letter-spacing:-1px;line-height:23px;font-size:12px;text-align:center;width:90%;margin:0  auto;}
#toTop{display:none !important;}
	
	.cont{width:100%;max-width:1200px;height:auto;margin:0 auto;box-sizing:border-box;padding-top:80px;}
	.cont.report{width:100%;max-width:1200px;height:auto;margin:0 auto;box-sizing:border-box;padding-top:0px;}

	.sub-i{display:block;}
	.sub-hbox{width:100%; height:100px; margin:0px 0 20px;padding:10px 20px;box-sizing:border-box;border-bottom:1px solid #ddd; }
	.sub-hbox  h3{font-size:20px; margin-bottom:15px;color:#555;}
	.sub-hbox  h3:before { content: ""; display: inline-block; width: 20px; height: 20px; border-right: 1px solid #159fdb;; transform: rotate(45deg); position: relative; left: -5px; top: -5px; margin-right:5px;  box-sizing: border-box;}
	.sub-hbox .sub-hwrap{width:100%; height:30px;}
	.sub-hbox .sub-hwrap .sub-h p{font-size:15px;line-height:30px;}
	.i-list{width:30px; height:30px; display:block; background-color:#ddd;text-align:center; line-height:30px; float:left;}
	.i-list:hover{background-color:#159fdb;;color:#fff;}

	.scon-box{position:relative;width:100%;height:300px; float:left;margin-right:1.5%;overflow:hidden;margin-bottom:1.5%;padding:15px;box-sizing:border-box;border:none;border-top:1px solid #ddd;}
	
	.scon-box:last-of-type{border-bottom:1px solid #ddd;}
	.scon-box img{width:100%; height:180px;}
	.scon-box:nth-of-type(3n){margin-right:0;}
	.scon-box figcaption{background-color:#fff;padding:10px 20px;box-sizing:border-box;width:100%; height:110px;}
	.scon-box figcaption p{font-size:17px;overflow:hidden;text-overflow:ellipsis;line-height:23px;height:45px; letter-spacing:1px;
	word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
	.scon-box figcaption span{font-size:13px; display:block; width:100%;margin-top:15px;}
	.scon-box figcaption span i{font-style:normal;}
	.scon-box a{width:100%; height:300px; position:absolute; bottom:0;    left: 0;border:none;}


	.scon-box-list{ border:1px solid #ddd;border-bottom:none;border-right:none;border-left:none;position:relative;width:100%;height:100px; float:left;overflow:hidden;box-sizing:border-box;padding:20px;    margin-bottom: 0%;}
	.scon-box-list:last-of-type{border-bottom:1px solid #ddd;}
	.scon-box-list img{width:35%; height:100%;float:left;border:1px solid #ddd;}
	.scon-box-list figcaption{padding:0px;padding-left:10px;box-sizing:border-box; height:100%;float:left;width:60%;}
	.scon-box-list figcaption p.scon-mtxt{font-size: 13px;overflow: hidden;text-overflow: ellipsis;line-height: 20px;height: 40px;letter-spacing: 1px; word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal; }
	.scon-box-list figcaption p.scon-stxt{display:none;}
	.scon-box-list figcaption span.scon-dmtxt{font-size:13px; display:block;margin-top:0px;}
	.scon-box-list figcaption span.scon-dmtxt i.scon-name{font-style:normal;color:#159fdb;;}
	.scon-box-list figcaption span.scon-dmtxt i.scon-name:after{content:" | ";}
	.scon-box-list a{transition:0.3s;width:100%; height:100px; position:absolute;left:0; bottom:0;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);box-shadow:none;box-sizing:border-box;}
	.scon-box-list a:hover{transition:0.3s;z-index:333;border:3px solid rgba(21,159,219,1);box-sizing:border-box;}


	.scon-box-justify{ border:1px solid #ddd;position:relative;width:100%;height:50px; float:left;overflow:hidden;box-sizing:border-box;padding:0 20px;border-bottom:none;}
	
	.scon-box-justify:last-of-type{ border-bottom:1px solid #ddd;}
	.scon-box-justify img{display:none;}
	.scon-box-justify figcaption{box-sizing:border-box; height:100%;float:left;width:100%;}
	.scon-box-justify figcaption p.scon-mtxt{font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;width:100%;height:100%;line-height:50px;}
	.scon-box-justify figcaption p.scon-stxt{display:none;}
	.scon-box-justify figcaption span.scon-dmtxt{display:none;float:right;font-size:12px;display: inline-block; margin-top:0px;}
	.scon-box-justify figcaption span.scon-dmtxt i.scon-name{display:none;font-style:normal;color:#159fdb;;}
	.scon-box-justify a{transition:0.3s;width:100%; height:49px; position:absolute;left:0; bottom:0;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);box-shadow:none;box-sizing:border-box;}
	.scon-box-justify:last-of-type a{height:48px}
	.scon-box-justify a:hover{transition:0.3s;z-index:333;border:3px solid rgba(21,159,219,1);box-sizing:border-box;}
	
	.paging{margin: 50px 0 80px;}
	.paging li{background-color:#fff;}









	/*report*/
	.report-hbox{width:100%;    height: auto;background-color:#ddd;padding:20px;box-sizing:border-box; margin-bottom:10px;margin-top:80px}
	.report-hbox .report-hwrap{max-width:1200px; margin:0 auto;position:relative;height:100%;}
	.report-hbox .report-hwrap .report-htop{width:100%;height: auto;}
	.report-hbox .report-hwrap .report-htop h4{font-size:22px; color:#222;}
	.report-hbox .report-hwrap .report-htop p.htop-stxt{font-size:16px;margin-top:10px;color:#555;}	

	.report-hbox .report-hbottom{width:100%;height:110px;position: relative;}
	.report-hbox .report-hbottom .hbottom-info{width:100%; height:80px;    min-width: 210px;    float: none;}
	.report-hbox .report-hbottom .hbottom-info .hbottom-name{font-size:14px;color:#222;font-weight:700;}
	.report-hbox .report-hbottom .hbottom-info .hbottom-name .re-email{margin-left:5px;vertical-align:2px;font-size:13px;color:#555;font-weight:300;}
	.report-hbox .report-hbottom .hbottom-info .hbottom-name .re-date{font-size:13px;color:#555;font-weight:300;margin-left:0px;display:block;}

	.report-hbox .report-hbottom .hbottom-icon{width:100%;height:30px; float: none;}
	.report-hbox .report-hbottom .hbottom-icon ul{float:left;height:30px;}
	.report-hbox .report-hbottom .hbottom-icon ul:after{content:"";display:block;clear:both;}
	
	.report-hbox .report-hbottom .hbottom-icon ul li{border-radius:10px;float:left; width:30px;height:30px;background-color:#fff;margin-right:4px;}
	.report-hbox .report-hbottom .hbottom-icon ul li:last-of-type{margin-right:4px;}
	.report-hbox .report-hbottom .hbottom-icon ul li a{position:relative;width:30px; height:30px; display:block; text-align:center;vertical-align:-2px;}
	.report-hbox .report-hbottom .hbottom-icon ul li a i{font-size:34px; position:absolute;top:-2px;left:0;}
	.report-hbox .report-hbottom .hbottom-icon ul li a i.fa-facebook-square{color:#40599b;}
	.report-hbox .report-hbottom .hbottom-icon ul li a i.fa-twitter-square{color:#28a2e1;}
	.report-hbox .report-hbottom .hbottom-icon ul li a.print-icon{background-color:#666;border-radius:4px;}
	.report-hbox .report-hbottom .hbottom-icon ul li a i.fa-file-powerpoint{font-size:19px;top:5px;left:8px;color:#fff;}
	.report-hbox .report-hbottom .hbottom-icon ul li a img{width:100%; height:100%; display:block; }

	.report-hbox .report-hbottom .hbottom-icon .icon-plma{width:105px;float:right;height:30px;margin-right:0px;}
	.report-hbox .report-hbottom .hbottom-icon .icon-plma a{border-radius:3px;background-color:#fff;width:50px; height:30px;display:block;float:left;margin-right:5px;text-align:center;line-height:35px;}
	.report-hbox .report-hbottom .hbottom-icon .icon-plma a.fosiz-up{font-size:18px;font-weight:bold;line-height:30px;}
	.report-hbox .report-hbottom .hbottom-icon .icon-plma a.fosiz-down{font-weight:bold;margin-right:0px;}

	
	.report-hbox .report-hbottom .hbottom-icon .icon-plma a i.fa-search-plus{font-size:22px;margin-left:5px;vertical-align:-1px;}
	.report-hbox .report-hbottom .hbottom-icon .icon-plma a i.fa-search-minus{font-size:22px;margin-left:5px;}


	.report-zone{width:100%;margin-bottom:50px;}
	.report-zone .report-img{width:100%; height:auto;}
	.report-zone .report-img:after{content:"";display:block;clear:both;}
	.report-zone .report-img img{width:100% ;height:auto;}
	.report-zone .report-img figcaption{font-size:14px;margin-top:5px;font-weight:300;}
	.report-zone .report-img figcaption i{font-size:18px;margin:0 5px;vertical-align:-2px;}
	.report-zone .report-txtbox{width:100%; height:auto;margin:30px auto 0;max-width: 900px;word-spacing:5px;letter-spacing:-1px;line-height:35px; font-size: 18px;font-weight:300; padding:0 15px; height: auto;box-sizing:border-box;}
	.report-zone .report-txtbox div{width:100%;height:auto;}
	.report-zone .report-txtbox div img{width:100% !important;height:auto !important;}

	.report-zone .report-txtbox .report-adwrap{width:100%;height:auto;margin-top:50px;}
	.report-zone .report-txtbox .report-adwrap:after{content:"";display:block;clear:both;}
	.report-zone .report-txtbox .report-adwrap p{width:100%;height:auto;float:right;}
	.report-zone .report-txtbox .report-adwrap .report-ad{float:right;}
	.report-zone .report-txtbox .copyright{margin-top:50px;font-size:15px;}

	.report-adcont{width:100%;max-width:900px;margin:0 auto;}
	.report-adcont h3{margin:20px 0 10px;font-size:18px; border-bottom:1px solid #ddd;padding-bottom:10px}
	.report-adcont h3:before {content: ""; display: inline-block; width: 20px; height: 20px; border-right: 1px solid #159fdb;; transform: rotate(45deg); position: relative; left: -5px; top: -5px; margin-right: 5px; box-sizing: border-box;}
	.report-adcont .scon-box{height:280px;}
	.report-adcont .scon-box img{height:150px;}
	.report-adcont .scon-box a{height:280px;}
	.report-adcont .scon-box .scon-mtxt{font-size:15px}
	.report-adcont .scon-box .scon-stxt{display:none;}
	.report-ad2 img{width:100%;}
	.report-ad{width:100%;margin-right:0px;padding:20px;box-sizing:border-box;}
	.report-ad img{width:100%;}
	/*수정*/.ad-side{display:none;width:1200px;position:absolute;top:370px;left:50%;transform:translate(-50%,0);z-index:1000;}/*수정*/
	.ad-side.scrollon{position:fixed;top:100px;}
	.ad-side div:first-of-type{float:left;}
	.ad-side div:last-of-type{float:right;}







/*join page*/


.join-page{box-sizing:border-box;width:100%;height:auto; padding:15px;margin-bottom:0px;}
.join-page h4{width:100%; height:50px;font-size:20px;line-height:50px;}
.join-page h4:before{content:"";display:inline-block;width:3px; height:20px; background-color:#159fdb;vertical-align:-3px;margin-right:15px;}

.conditions{width:100%;height:230px;margin-top:15px;}
.conditions h5{width:100%; height:30px;font-size:15px;font-weight:500;}
.conditions h5 i{color:#159fdb;font-size:13px;margin-right:5px}
.conditions textarea{height:170px}
.conditions .check-type{margin-top:5px}
.conditions .check-type:after{content:"";display:block;clear:both;}

.join-page .table-wrap{width:100%;}

.table-wrap .table-text table {display:block}
.table-wrap .table-text tbody {display:block;}
.join-page .table-wrap h5{width:100%; height:30px;font-size:15px;font-weight:500;}
.join-page .table-wrap h5 i{color:#159fdb;font-size:13px;margin-right:5px}

.join-page .table-wrap tr {display:block;height:80px;border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin-bottom:10px;}
.join-page .table-wrap th{display:block;  background-color:#fafafa;text-align:left;position:relative;padding-left:35px;width:100%;box-sizing:border-box;}
.join-page .table-wrap th i{color:#159fdb;font-size:10px;position:absolute;top:50%;left:12px;transform:translate(0,-50%)}
.join-page .table-wrap td.jtd-wrap{border-left:none;}
.join-page .table-wrap td{display:block;}

	.join-page .table-wrap tr.cont-box{height:150px;}


.bn.bn-set{height:45px;width:35%;display:inline-block;line-height:45px;}


.name-wrap{width:100%;}.name-i{width:100%}
.birth-wrap{width:100%;}.birth-i{min-width:15px !important;width:32.5%;margin-right:1%;}.ymb_txt{display:none;}.birth-i:last-of-type{margin-right:0%;}
.id-wrap{width:70%}.id-i{width:100%}.btn-type{width:29%;margin-left:1%;}.btn-type button{width:100%;}
.pass-wrap{width:100%;}.pass-i{width:100%;}
.email-wrap{width:100%;}.email-i{width:47%}.email-t{width:6%;}
.tel-wrap{width:100%;}.tel-i{width:31%;}.tel-txt{width:3.5%;}




	.view_top{height:auto;}
	.img_area_sub {height:380px;font-size:14px;}
	.img_area_sub li {float:left;position:relative;margin:1% 0 1% 1.5%;	width:48%;	height:50%;}
	.img_area_sub li img {width:100%;height:65%;}
	.img_area_sub li p {margin-top:2%;}
	.img_area_sub li span {	display:block;	width:100%;}
	
	.view_middle {display:block;margin-top:1%;height:480px;}
	.view_middle .middle_sub {height:100%;}
	.view_middle .middle_sub > li {float:left;position:relative;width:100%;}

	.txt_area {display:block;border:5px solid #eee;width:100%;height:225px;font-size:15px;	margin:1% 0;box-sizing:border-box;padding:2% 0% 0% 5%;}
	.txt_area > span {font-size:18px;font-weight:700;display:block;padding:0 0 2% 4%;}
	.txt_area_sub {box-sizing:border-box;	height:100%;}
	.txt_area_sub li {display:block;float:left;position:relative;width:100%;padding:1% 0;	}
	.txt_area_sub a {margin-left:2%;}
	.thumbnail_area {display:block;width:100%;font-size:14px;	height:230px;	box-sizing:border-box;padding:0 3%;}
	.thumbnail_area_sub li {margin:1% 0;height:73px;border-bottom:1px solid #ddd;}
	.thumbnail_area_sub li:last-of-type {border-bottom:none}
	.thumbnail_area_sub .thumb_img {	width:20%;	float:left;}
	.thumbnail_area_sub .thumb_title {	width:78%;	float:right;}
	.thumbnail_area_sub li img {width:100%;}
	.thumbnail_area_sub li span {display:block;width:100%}
	.thumbnail_area_sub .txt1 {font-size:14px;}
	.thumbnail_area_sub .txt2 {font-size:12px;color:#aaa;}
	
	.num_on {display:block;width:23px;height:23px;border:1px solid #007fdb;background-color:#007fdb;color:#fff;font-weight:500;box-sizing:border-box;text-align:center;float:left;	}
	.num_off {display:block;width:23px;height:23px;border:1px solid #007fdb;background-color:#fff;color:#181818;font-weight:500;box-sizing:border-box;text-align:center;float:left;}

/*sub6*/
.market-page{box-sizing:border-box;width:100%;height:auto; padding:15px;margin-bottom:30px;}
.market-page h4{width:100%; height:50px;font-size:20px;line-height:50px;}
.market-page h4:before{content:"";display:inline-block;width:3px; height:20px; background-color:#159fdb;vertical-align:-3px;margin-right:15px;}

.market-page .sub6-stxt{width:100%;height:auto;border:1px solid #ddd; padding:15px 20px; box-sizing:border-box;line-height:25px;font-size:14px;}
.market-page .sub6-stxt span{color:#da122e}
.sub6-boardcont{ width:100%;height:auto}
.sub6-boardcont .board-top{width:100%;height:auto;padding:15px 0 5px;}
.sub6-boardcont .board-top:after{display:block;content:"";clear:both;}
.sub6-boardcont .board-top .board-total{float:none;width:auto;height:40px;line-height:40px;font-size:14px;font-weight:normal;}
.sub6-boardcont .board-top .board-total span{font-weight:bold;}
.sub6-boardcont .board-top .board-search{float:none;}
.sub6-boardcont .board-top .board-search .input-type{width:100%;}
.sub6-boardcont .board-top .board-search .input-type select{width:29%;float:left;margin-right:1%}
.sub6-boardcont .board-top .board-search .input-type input{width:49%;float:left;margin-right:1%}
.sub6-boardcont .board-top .board-search .input-type button{width:20%;float:left;}

.sub6-boardcont .board-top .board-search .input-type:after{display:block;content:"";clear:both;}
.board-box{width:100%;height:auto;}
.board-box ul{width:100%;height:auto;}

.board-box:after{display:block;content:"";clear:both;}
.board-box ul:after{display:block;content:"";clear:both;}
.board-box ul li{width:100%;height:60px;border-bottom:1px solid #ddd;}
.board-box ul li:nth-of-type(2){border-top:2px solid #aaa;}
.board-box ul li:last-of-type{border-bottom:2px solid #aaa;}
.board-box ul li.board-boxtop{display:none;}
.board-box ul li a{display:block;width:100%;height:100%;}
.board-box ul li a span.b-number{float:left; display:block;width:10%;text-align:center;height:60px;line-height:60px;}
.board-box ul li a span.b-title{color:#333;box-sizing:border-box;font-size:16px;float:left;display:block;width:90%;padding-left:15px;height:35px;line-height:35px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.board-box ul li a span.b-writer:before{content:"\f007";font-family: "Font Awesome 5 Free"; font-weight: 600;margin-right:7px;font-size:12px;}
.board-box ul li a span.b-writer{width: auto;float:left; display:block;max-width:25%;text-align:center;height:25px;line-height:25px;padding:0 15px;box-sizing:border-box;white-space:nowrap;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}
.board-box ul li a span.b-date:before{content:"\f017";font-family: "Font Awesome 5 Free"; font-weight: 600;margin-right:7px;font-size:12px;}
.board-box ul li a span.b-date{width: auto;float:left;display:block; max-width:35%;text-align:center;height:25px;line-height:25px;padding:0 15px;box-sizing:border-box;white-space:nowrap;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}
.board-box ul li a span.b-view:before{content:"\f06e";font-family: "Font Awesome 5 Free"; font-weight: 600;margin-right:7px;font-size:12px;}
.board-box ul li a span.b-view{width: auto;float:left;display:block;max-width:25%;text-align:center;height:25px;line-height:25px;padding:0 15px;box-sizing:border-box;white-space:nowrap;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}
.board-box button.bn.bn-bgy{float:right;margin-top:15px;height:30px;}
.board-box .paging{clear:both;}

table.table-write{margin-top:15px;}
table.table-write tr{display:block;margin-bottom:5px;border-top:1px solid #ddd;}
table.table-write th{display:block;width:100%;}
table.table-write td{display:block;width:100%;}
table.table-write td textarea{min-height:300px;}
table.table-write td .write-title{width:100%}
table.table-write td .write-name{width:100%}
table.table-write td .write-password{width:100%}
table.table-write td .write-text{width:100%}
.btn-box {width:100%;height:auto;margin-top:15px;}
.btn-box button {float:right;height:32px;margin-left:5px;}
.btn-box a {float:right;height:32px;margin-left:5px;}


table.table-read{margin-top:15px;}
table.table-read tr{display:block;border-top:1px solid #ddd;margin-bottom:5px;}
table.table-read tr:after{display:block;clear:both;content:"";}
table.table-read th{display:block;width:100%;}
table.table-read th.read-th{float:left;width:30%;border-bottom:1px solid #ddd;}
table.table-read td.read-td{float:left;width:70%;border-bottom:1px solid #ddd;}
table.table-read th.read-th:last-of-type{border-bottom:none;}
table.table-read td.read-td:last-of-type{border-bottom:none;}
table.table-read td{display:block;width:100%;}
table.table-read td.read-title{text-align:left;}
table.table-read td .read-text{width:100%;min-height:300px;height:auto;padding:20px 15px;box-sizing:border-box;text-align:left;}



.pop-layer1 {border-radius:10px;display: none;position: absolute;top: 50%;left: 50%;width: 410px;height: 30px;z-index: 10;background-color:#fff;}
.dim-layer .pop-layer1 {display: block;width:300px; height:160px;}
.pop-layer1 .password-cont{width:100%;height:100%;padding:15px 20px; box-sizing:border-box;}

.pop-layer1 .password-cont p{width:100%; height:40px; background-color:#ddd;line-height:40px; text-align:center; font-size:14px; border-radius:10px 10px 0 0;color:#333 }
.pop-layer1 .password-cont div.input-type{width:100%;padding:8px 30px; box-sizing:border-box;border:1px solid #ddd; border-radius:0 0 10px 10px ;float:none;}
.pop-layer1 .password-cont div.input-type input{width:100%;}
.pop-layer1 .password-cont .password-btn {    width: 111px; margin:12px auto 0;}


}

/* swiper  */

.aff_wrap{
	position: relative;
	height: 100%;
	width: 100%;
}

.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	
}