@charset "utf-8";
.left {float:left;}
.right {float:right;}

input[type=radio].css-checkbox {display:none;}
input[type=radio].css-checkbox + label.css-label {padding-left:22px;padding-right:10px;height:14px;display:inline-block;line-height:15px;background-repeat:no-repeat;background-position: 0 0;font-size:12px;cursor:pointer;letter-spacing:-1px;font-family:Dotum;}
input[type=radio].css-checkbox:checked + label.css-label {background-position: 0 -14px;background-position-y:-14px\9;}
label.css-label {background:url('/images/new_main/img-chk-radio.png') no-repeat;background-size:14px;}

#content {position:absolute;top:70px;height:100%;width:100%;min-width:880px;}
.slider {height:728px;width:50%;background-color:#2a2a2a;position:relative;}



@media screen and (max-width:1280px)
{
	.slider {width:100%;height:528px;min-width:800px;}
}
.slider .sliderNavigation a {
	position:absolute;
	top:50%;
	cursor:pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	z-index:9998;
}
.slider .sliderNavigation a.main-prev {
	left:20px;
}.slider .sliderNavigation a.main-next {
	right:20px;
}

.slider .owl-carousel div {text-align:center;position:relative;}
/*.slider .owl-carousel div > img {height:100%;}*/
.slider .owl-carousel div a {
	position:absolute;
	right:75px;
	padding:10px;
	font-size:14px;
	font-weight:800;
	text-decoration:none;
	overflow:hidden;
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	-moz-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	-o-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
}
.slider .owl-carousel div a span {font-weight:800;transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;}
.slider .owl-carousel div a:hover span {margin-left:20px;}
.slider .owl-carousel div a:hover i {
	-moz-transform: translateX(60px);
	-webkit-transform: translateX(60px);
	-o-transform: translateX(60px);
	-ms-transform: translateX(60px);
	transform: translateX(60px);
}
.slider .owl-carousel div a i {
	margin-left:10px;
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	-moz-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	-o-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
}

/* 슬라이더 링크 버튼 스타일 */
.slider .owl-carousel div a.linkBox1 {bottom:45%;background-color:#fff;width:200px;color:#203A5F;}
.slider .owl-carousel div a.linkBox2 {bottom:39%;background-color:#FE670E;width:143px;color:#fff;}
.slider .owl-carousel div a.linkBox3 {bottom:45%;background-color:#fff;width:143px;color:#203A5F;}
.slider .owl-carousel div a.linkBox4 {bottom:39%;background-color:#FE670E;width:143px;color:#fff;}

@media screen and (max-width:1730px)
{
.slider .owl-carousel div a.linkBox1 {top:240px;height:20px}
.slider .owl-carousel div a.linkBox2 {top:290px;height:20px}
.slider .owl-carousel div a.linkBox3 {top:240px;height:20px}
.slider .owl-carousel div a.linkBox4 {top:290px;height:20px}

.bannerBg1 .linkBox1{margin-top:20px;}
.bannerBg1 .linkBox2{margin-top:20px;}
.bannerBg6 .linkBox3{margin-top:110px;}
.bannerBg8 .linkBox3{margin-top:65px;}
}

@media screen and (max-width:1280px)
{
.slider .owl-carousel div a.linkBox1 {top:270px;height:20px}
.slider .owl-carousel div a.linkBox2 {top:320px;height:20px}
.slider .owl-carousel div a.linkBox3 {top:270px;height:20px}
.slider .owl-carousel div a.linkBox4 {top:320px;height:20px}
}



.maincont {width:50%;background-color:#fff;}
.maincont .topWrap table {width:100%;}
.maincont .topWrap td .first {margin:13px;margin-right:6.5px;background-color:#fff;height:250px;background-image:url('/images/new_main/topWrap_img01.png');background-repeat:no-repeat;background-size:contain;background-position:right bottom;position:relative;}
.maincont .topWrap td .second {margin:13px;margin-left:6.5px;background-color:#fff;height:250px;background-image:url('/images/new_main/topWrap_img02.png');background-repeat:no-repeat;background-size:contain;background-position:right bottom;position:relative;}
.maincont .topWrap td img.wrapText {position:absolute;top:20px;left:20px;}
.maincont .topWrap td img.linkBtn {
	position:absolute;
	left:20px;
	bottom:50px;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.maincont .topWrap td img.linkBtn:hover {
	opacity:0;
	filter: alpha(opacity=0);
}
.maincont .topWrap td .quickBtn {background-color:#fff;margin:13px;margin-top:0px;height:113px;text-align:center;}
.maincont .topWrap td .quickBtn ul {overflow:hidden;margin:0 auto;}
.maincont .topWrap td .quickBtn ul li {
	float:left;
	border-left:1px solid #dadada;
	height:113px;
	position:relative;
	cursor:pointer;
	width:19.8%;
	overflow:hidden;
	text-align:center;
}
.maincont .topWrap td .quickBtn ul li img {
	width:61.2%;
}
.maincont .topWrap td .quickBtn ul li:first-child {border-left:none;}
.maincont .topWrap td .quickBtn ul li img.offHover {
	position:absolute;
	left:21%;
	top:0;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.maincont .topWrap td .quickBtn ul li img.onHover {
	position:absolute;
	left:21%;
	top:0;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.maincont .topWrap td .quickBtn ul li:hover img.onHover {
	opacity:0;
	filter: alpha(opacity=0);
}
.maincont .midWrap {background-color:#fff;margin-top:6px;}
.maincont .midWrap .notiBox {padding:10px 0px;position:relative;height:232px;}
.maincont .midWrap .notiBox .leftBox {left:10px;position:absolute;width:48%;}
.maincont .midWrap .notiBox .leftBox .boxTitle {padding-bottom:5px;border-bottom:3px solid #1E83EB;}
.maincont .midWrap .notiBox .leftBox .boxTitle img {display:inline-block;vertical-align:middle;}
.maincont .midWrap .notiBox .leftBox .boxTitle i {font-size:10px;float:right;line-height:33px;color:#676767;margin-right:10px;}
.maincont .midWrap .notiBox .leftBox .boxContent {border:1px solid #ccc;border-top:0;padding:18px;font-size:12px;font-family:Dotum;}
.maincont .midWrap .boxContent ul {margin-top:3px;}
.maincont .midWrap .boxContent ul li {clear:both;position:relative;PADDING:1px 0px;}
.maincont .midWrap .boxContent ul li span {font-size:12px;font-family:돋움;vertical-align:middle;display:inline-block;color:#878787;line-height:20px;}
.maincont .midWrap .boxContent ul li span a {color:#878787;font-family:Dotum;}
.maincont .midWrap .boxContent ul li span a:hover {text-decoration:underline;}
.maincont .midWrap .boxContent ul li span.title {width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.maincont .midWrap .boxContent ul li span.new-icon {width:4%;text-align:center;float:right;position:absolute;right:66px;background-color:#fff}
.maincont .midWrap .boxContent ul li span.date {float:right;background-color:#fff;margin-top:2px;position:absolute;right:0px;}
.maincont .midWrap .boxContent ul li span img {display:inline-block;vertical-align:middle;}

.maincont .midWrap .notiBox .rightBox {position:absolute;right:10px;width:48%;}
.maincont .midWrap .notiBox .rightBox .boxTitle {padding-bottom:5px;border-bottom:3px solid #5ABBFF;}
.maincont .midWrap .notiBox .rightBox .boxTitle img {display:inline-block;vertical-align:middle;}
.maincont .midWrap .notiBox .rightBox .boxTitle i {font-size:10px;float:right;line-height:33px;color:#676767;margin-right:10px;}
.maincont .midWrap .notiBox .rightBox .boxContent {border:1px solid #ccc;border-top:0;padding:18px;font-size:12px;font-family:Dotum;}
.maincont .midWrap .notiBox .rightBox .boxContent ul li {position:relative;border-top:1px dashed #e2e2e2;}
.maincont .midWrap .notiBox .rightBox .boxContent ul li.newsList1 {padding-bottom:20px;}
.maincont .midWrap .notiBox .rightBox .boxContent ul li.newsList2 {padding-top:19px;}
.maincont .midWrap .notiBox .rightBox .boxContent ul li:first-child {border-top:0;}
.maincont .midWrap .notiBox .rightBox .boxContent ul li .thumb-wrap {border:1px solid #F1F3F2;width:78px;}
.maincont .midWrap .notiBox .rightBox .boxContent ul li .thumb-wrap img {display:block;width:78px;height:58px;}
.maincont .midWrap .notiBox .rightBox .boxContent ul li.newsList1 .news-title {position:absolute;top:0;left:90px;font-weight:bold;font-family:Dotum;font-size:12px;width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#444;}
.maincont .midWrap .notiBox .rightBox .boxContent ul li.newsList1 .news-text {position:absolute;top:21px;left:90px;font-size:12px;font-family:Dotum;color:#888;line-height:17px;}
.maincont .midWrap .notiBox .rightBox .boxContent ul li.newsList2 .news-title {position:absolute;top:0;left:90px;font-weight:bold;font-family:Dotum;font-size:12px;width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#444;padding-top:17px;}
.maincont .midWrap .notiBox .rightBox .boxContent ul li.newsList2 .news-text {position:absolute;top:38px;left:90px;font-size:12px;font-family:Dotum;color:#888;line-height:17px;}


.maincont .midWrap table {width:100%;border-collapse:separate;}
.maincont .midWrap td.bbs-table {position:relative;border-bottom:3px solid #1E83EB;padding-bottom:5px;}
.maincont .midWrap td.news {border-bottom:3px solid #5ABBFF;}
.maincont .midWrap td img {display:block;}
.maincont .midWrap td i {position:absolute;right:10px;top:15px;font-size:10px;color:#676767;}
.maincont .midWrap .midWrap-depth {padding:10px;}
.maincont .midWrap .midWrap-depth td.service-tit {border-bottom:3px solid #73BF45;padding-bottom:8px;width:50%;}
.maincont .midWrap .midWrap-depth td.cellLeft {padding-left:7px;}
.maincont .midWrap .midWrap-depth td.serviceWrap {border:1px solid #ececec;border-top:none;position:relative;}
.maincont .midWrap .midWrap-depth td.serviceWrap img.service-process {width:100%;}
.maincont .midWrap .midWrap-depth td.serviceWrap img.service-call {height:100%;}
.maincont .midWrap .midWrap-depth td.serviceLeft {border-right:none;}
.maincont .midWrap .midWrap-depth td.serviceRight {border-left:none;}
.maincont .midWrap .midWrap-depth td.serviceWrap .iconEmail {position:absolute;right:90px;top:18px;}
.maincont .midWrap .midWrap-depth td.serviceWrap .iconContact {position:absolute;right:20px;top:18px;}

.maincont .midWrap .midWrap-depth td.media-tit {border-bottom:3px solid #FE670E;padding-bottom:8px;padding-top:20px;position:relative;}
.maincont .midWrap .midWrap-depth td.media-tit i {position:absolute;right:15px;top:25px;}
.maincont .midWrap .midWrap-depth td.mediaWrap {border:1px solid #ececec;border-top:none;}
.maincont .midWrap .midWrap-depth td.mediaWrap .sliderWrap {width:929px;padding-top:15px;padding-bottom:15px;position:relative;}
.maincont .midWrap .midWrap-depth td.mediaWrap .sliderWrap .item {text-align:center;color:#a1a1a1;letter-spacing:-1px;font-weight:800;font-size:14px;position:relative;}
.maincont .midWrap .midWrap-depth td.mediaWrap .sliderWrap .mediaNavigation {
	width:100px;
}
.maincont .midWrap .midWrap-depth td.mediaWrap .sliderWrap .mediaNavigation a {
	position:absolute;
	top:0;
	cursor:pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	z-index:999;
}
.maincont .midWrap .midWrap-depth td.mediaWrap .sliderWrap .mediaNavigation a.prev {
	left:0;
}
.maincont .midWrap .midWrap-depth td.mediaWrap .sliderWrap .mediaNavigation a.next {
	right:0;
}


.neoStory {clear:both;background:url('/images/new_main/img-neostory-bg.png') repeat;}

/*.tableWrap {margin-top:2px;}*/
.tableWrap table {width:100%;border-collapse:separate;}
.tableWrap table td {width:50%;}
.tableWrap .neostory-bar {color:#fff;padding-top:2px;border-right:1px solid #000;}
.tableWrap .neostory-bar .titleWrap {height:67px;background-color:#1E9ECF;line-height:67px;padding-left:40px;}
.tableWrap .neostory-bar .titleWrap .title {font-size:17px;font-weight:800;letter-spacing:-1px;}
.tableWrap .neostory-bar .titleWrap .subtitle {font-size:12px;margin-left:10px;}
.tableWrap .neostory-bar .titleWrap a {float:right;margin-right:40px;}
.tableWrap .neostory-bar .titleWrap a i {font-size:10px;color:#fff;}

.tableWrap .neoclick-ad-bar {color:#fff;padding-top:2px;border-left:1px solid #4d4d4d;}
.tableWrap .neoclick-ad-bar .titleWrap {height:67px;background-color:#73BF45;padding-left:40px;line-height:67px;}
.tableWrap .neoclick-ad-bar .titleWrap .title {font-size:17px;font-weight:800;letter-spacing:-1px;}
.tableWrap .neoclick-ad-bar .titleWrap .subtitle {font-size:12px;margin-left:10px;}
.tableWrap .neoclick-ad-bar .titleWrap a {float:right;margin-right:40px;}
.tableWrap .neoclick-ad-bar .titleWrap a i {font-size:10px;color:#fff;}
.tableWrap .cfBox {
	border-right:1px solid #000;
	padding-top:28px;
}
.tableWrap .cfBox div.inner {float:left;width:353px;margin-bottom:100px;}
.tableWrap .cfBox div.inner + div {float:right;}
.tableWrap .cfBox div.inner + div + div {float:left;}
.tableWrap .cfBox div.inner + div + div + div {float:right;}
.tableWrap .cfBox .inner img {display:block;}
.tableWrap .cfBox .inner span {display:block;}
.tableWrap .cfBox .inner span.title {font-size:18px;font-weight:800;letter-spacing:-1px;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.tableWrap .cfBox .inner span.subtitle {font-size:12px;letter-spacing:-1px;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.tableWrap .cfBox .inner span.cf-thumb {margin-top:20px;}
.tableWrap .cfBox .inner span.cf-thumb img {width:100%;height:200px;}
.tableWrap .cfBox .inner span.cf-info {margin-top:20px;font-size:12px;font-family:Dotum;color:#8e8e8e;word-break:keep-all;line-height:17px;height:55px}
.tableWrap .cfBox .inner span.cf-link {font-size:12px;margin-top:20px;color:#287CA1;font-family:Dotum;margin-right:10px;}
/*
.tableWrap .cfBox .inner span.cf-link a {color:#287CA1;font-family:Dotum;}
.tableWrap .cfBox .inner span.cf-link a i {margin-right:10px;}
*/
.tableWrap .cfBoxAd {
	border-left:1px solid #4d4d4d;
	padding-top:28px;
}
.tableWrap .cfBoxAd .inner {float:left;width:353px;margin-bottom:100px;}
.tableWrap .cfBoxAd div.inner + div {float:right;}
.tableWrap .cfBoxAd div.inner + div + div {float:left;}
.tableWrap .cfBoxAd div.inner + div + div + div {float:right;}
.tableWrap .cfBoxAd .inner img {display:block;}
.tableWrap .cfBo7xAd .inner span {display:block;}
.tableWrap .cfBoxAd .inner span.title {font-size:18px;font-weight:800;letter-spacing:-1px;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.tableWrap .cfBoxAd .inner span.subtitle {font-size:12px;letter-spacing:-1px;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.tableWrap .cfBoxAd .inner span.cf-thumb {margin-top:20px;}
.tableWrap .cfBoxAd .inner span.cf-thumb img {width:100%;height:200px;}
.tableWrap .cfBoxAd .inner span.cf-info {margin-top:20px;font-size:12px;font-family:Dotum;color:#8e8e8e;word-break:keep-all;line-height:17px;height:55px;}
.tableWrap .cfBoxAd .inner span.cf-link {font-size:12px;margin-top:20px;color:#518230;font-family:Dotum;margin-right:10px;}
/*
.tableWrap .cfBoxAd .inner span.cf-link a {color:#518230;font-family:Dotum;}
.tableWrap .cfBoxAd .inner span.cf-link a i {margin-right:10px;}
*/
/* FireFox 3 and Up */
@-moz-document url-prefix()
{
	.maincont .midWrap {background-color:#fff;margin-top:6px;}
	.maincont .midWrap .notiBox .leftBox .boxContent ul li span {font-size:12px;font-family:Dotum;vertical-align:middle;display:inline-block;color:#878787;line-height:18px;}
	.maincont .midWrap .notiBox .rightBox .boxContent ul li.newsList1 {padding-bottom:19px;}
	.maincont .midWrap .midWrap-depth td.mediaWrap .sliderWrap {width:929px;padding-top:14px;padding-bottom:14px;position:relative;}
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	.maincont .midWrap {background-color:#fff;margin-top:6px;}
	.maincont .midWrap .notiBox .leftBox .boxContent ul li span.title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}
@media screen and (max-width:1600px)
{
	.maincont .midWrap .midWrap-depth td.serviceWrap .iconEmail {display:none;}
	.maincont .midWrap .midWrap-depth td.serviceWrap .iconContact {display:none;}
}

/* 풀스크린 버튼 이미지 초기화 */
@media screen and (min-width:1920px)
{
	.maincont .midWrap .midWrap-depth td.serviceWrap img.service-process {width:465px;}
	.maincont .topWrap td .quickBtn ul li img {width:113px;}
}

/* 네오 스토리박스 가변 처리 */
@media screen and (max-width:1750px)
{
	.tableWrap .cfBox div.inner {width:320px;}
	.tableWrap .cfBoxAd div.inner {width:320px;}
}
@media screen and (max-width:1560px)
{
	.tableWrap .cfBox div.inner {width:230px;}
	.tableWrap .cfBoxAd div.inner {width:230px;}
	.tableWrap .cfBox .inner span.cf-link {margin-top:40px;}
	.tableWrap .cfBoxAd .inner span.cf-link {margin-top:40px;}
}

.bannerBg0{background-image: url('/images/deep-main-rollbanner/deepclick_bg.png');}
.bannerBg1{background-image: url('/images/img-main-banner/01_banner/bg_01.png');}
.bannerBg2{background-image: url('/images/img-main-banner/02_banner/bg_02.png');}
.bannerBg3{background-image: url('/images/img-main-banner/03_banner/bg_03.png');}
.bannerBg4{background-image: url('/images/img-main-banner/04_banner/bg_04.png');}
.bannerBg5{background-image: url('/images/img-main-banner/05_banner/bg_05.png');}
.bannerBg6{background-image: url('/images/img-main-banner/06_banner/bg_06.png');}
.bannerBg7{background-image: url('/images/img-main-banner/07_banner/bg_07.png');}
.bannerBg8{background-image: url('/images/img-main-banner/08_banner/bg_08.png');}

.bannerBg{background-repeat:  no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;height:728px;position:relative}


@media screen and (max-width:1280px)
{
	.bannerBg {height:528px;}
}

.owl-text-00{position:absolute;right:0px;margin:150px 72px 0px 0px;z-index:1}
.owl-text-01{position:absolute;right:0px;margin:150px 72px 0px 0px;z-index:1}
.owl-text-02{position:absolute;right:0px;margin:175px 65px 0px 0px;z-index:1}
.owl-text-03{position:absolute;right:0px;margin:175px 65px 0px 0px;z-index:1}
.owl-text-04{position:absolute;right:0px;margin:175px 65px 0px 0px;z-index:1}
.owl-text-05{position:absolute;right:0px;margin:175px 65px 0px 0px;z-index:1}
.owl-text-06{position:absolute;right:0px;margin:75px 65px 0px 0px;z-index:1}
.owl-text-07{position:absolute;right:0px;margin:175px 65px 0px 0px;z-index:1}
.owl-text-08{position:absolute;right:0px;margin:165px 125px 0px 0px;z-index:1}

.owl-image-00{bottom:10px;;left:0px;}
.owl-image-02{top:90px;;left:80px;}
.owl-image-03{top:210px;;left:80px;}
.owl-image-04{bottom:20px;;left:20px;}
.owl-image-05{top:350px;;left:40px;}
.owl-image-06{top:90px;;left:80px;}


@media screen and (max-width:1730px){

.owl-text-00{margin-top:45px}
.owl-text-01,.owl-text-02,.owl-text-03,.owl-text-04,.owl-text-05,.owl-text-06,.owl-text-07,.owl-text-08{margin-top:65px}
.owl-text-08{position:absolute;right:0px;margin:125px 80px 0px 0px;z-index:1}
.owl-image-06 img{width:300px;}

}
@media screen and (max-width:1560px){
.owl-image-06{top:340px;}
.owl-image-06 img{width:250px;}
.owl-text-08{position:absolute;right:0px;margin:125px 40px 0px 0px;z-index:1}

}
@media screen and (max-width:1280px)
{
.bannerBg6 .linkBox3{margin-top:80px;}
.bannerBg8 .linkBox3{margin-top:60px;}
.owl-image-02{top:30px;;left:120px;}
.owl-image-03{top:60px;}
.owl-image-05{top:100px;;left:40px;}
.owl-image-06{top:100px;}
.owl-text-08{margin:140px 140px 0px 0px;}
}
@media screen and (max-width:1040px)
{
.owl-image-01 img{width:350px;}
.owl-image-04 img{width:600px;}
.owl-image-05{top:170px;;left:40px;}
.owl-image-05 img{width:500px;}
.owl-image-07 img{width:600px;}
}



.rightTop50Cont{width:50%;float:left}
.rightTopBoxCont{padding:0px 10px}
.rightTopBoxContL{padding:0px 5px 0px 10px}
.rightTopBoxContR{padding:0px 10px 0px 5px}
.rightTopBox{border:1px solid #ddd;background-color:#fff;color:#000}


.rightTopButtonPMLeft{border-right:1px solid #1984BC;height:115px;cursor:pointer;position:relative}
.rightTopButtonPMRight{border-left:1px solid #339ED6;height:115px;cursor:pointer;position:relative}
.rightTopButtonCMLeft{border-right:1px solid #D5D5D5;height:115px;cursor:pointer;position:relative}
.rightTopButtonCMRight{border-left:1px solid #EFEFEF;height:115px;cursor:pointer;position:relative}

.gotoneoadBtn{cursor:pointer}

.rightTop50Cont .innerTop{height:235px;position:relative;}
.rightTop50Cont .innerBottom{height:115px;}

.rightTop1,.rightTop2 {margin-top:11px}
.rightTop1 .innerTop{z-index:1}
.rightTop1 .innerBottom{background-color:#ededed;}
.rightTop1 .innerTop .innerBgImg{z-index:0;position:absolute;right:0px;bottom:-2px;}
.rightTop2 .innerTop{background-color:#29a6e8}
.rightTop2 .innerBottom{background-color:#1c92d0}
.rightTop2 .innerTop .innerBgImg{position:absolute;right:0px;bottom:-11px;}

.rightMid50Cont{width:50%;float:left}
.rightMidBoxCont{padding:5px 10px}
.rightMidBoxContL{padding:5px 5px 5px 10px}
.rightMidBoxContR{padding:5px 10px 5px 5px}
.rightMidBox{border:1px solid #ddd;background-color:#fff;color:#000;padding:15px;}
.rightMid50Cont .innerTop{height:134px;position:relative;}

.rightMid2 .csnumber_left {float:left}
.rightMid2 .csnumber_right {float:right}

.csimg1{margin-top:18px}
.csimg2{margin-top:5px}
.csimg3{margin-top:13px}
.csimgbtn{margin-top:5px}

@media screen and (max-width:1588px)
{
	.rightMid2 .innerTop{position:relative}
	.csimg1{margin-top:0px}
	.csimg2{margin-top:5px}
	.csimg3{margin-top:5px}
	.csnumber_right{position:absolute;bottom:-10px;right:-10px;}
}

.neostory_contents_outer{width:100%;border:0px;padding:0px;}
.neostory_contents_Cont{width:50%;float:left;}
.neostory_contents{width:80%;margin:0 auto;}

@media screen and (max-width:1050px)
{
	.neostory-bar .subtitle{display:none}
	.neoclick-ad-bar .subtitle{display:none}
}
@media screen and (max-width:1280px)
{
.neostory_contents_Cont{width:100%;}
}
.ns_title{font-weight:800;display:block;font-size:18px;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.ns_subtitle{display:block;font-size:12px;color:#fff;margin-top:1px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.ns_thumb{font-size:12px;margin-top:8px;}
.ns_thumb img{width:100%;}
.ns_comment{display:block;font-size:12px;color:#8e8e8e;margin-top:8px;height:46px;overflow:hidden}
.ns_goto{display:block;font-size:12px;color:#287ca1;margin-top:10px;margin-bottom:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}

 .sliderWrap {width:929px;padding-top:15px;padding-bottom:15px;position:relative;}
 .sliderWrap .item {text-align:center;color:#a1a1a1;letter-spacing:-1px;font-weight:800;font-size:14px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .sliderWrap .mediaNavigation {
	width:100px;
}
 .sliderWrap .mediaNavigation a {
	position:absolute;
	top:0;
	cursor:pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	z-index:999;
}
.sliderWrap .mediaNavigation a.prev {
	left:0;
	top:23px;
}
.sliderWrap .mediaNavigation a.next {
	right:0;
	top:23px;
}
.sliderWrap .mediaNavigation a.prev2 {
	left:0;
	top:23px;
}
.sliderWrap .mediaNavigation a.next2 {
	right:0;
	top:23px;
}

.serviceOrderCont{color:#7d7d7d;text-align:justify;margin-top:30px;height:80px;line-height:20px;vertical-align:middle;}
.serviceOrderCont:after{
  content: "";
  width: 100%;
  display: inline-block;
}


.serviceorder{font-size:12px;display:inline-block;text-align:center;*display:inline;zoom:1;height:60px;vertical-align:middle}
.serviceorder_arrow{vertical-align:middle;display:inline-block;*display:inline;zoom:1}

@media screen and (max-width:1600px)
{
.serviceOrderCont .serviceorder img {height:30px}
}
@media screen and (max-width:1280px)
{
.serviceOrderCont .serviceorder img {height:38px}
}

.neostory_contents_Cont{*width:49.99%}
.serviceOrderCont{*text-align:center;}


/* ie7 hack*/
*.silder{width:49.99%}
*.maincont{width:49.99%}
*.rightTop50Cont{width:49.99%}
*.rightMid50Cont{width:49.99%}
*.serviceorder_arrow{padding:0px 10px}
/*// ie7 hack*/


@media screen and (max-width:1280px)
{
	.maincont {width:100%;}
}

/* 딥 클릭 추가로 메인 구조 변경(2->3단)*/


.cmpmdeepPaddingBox{padding:10px;}
.main33Box {width:33%;float:left;}
.main34Box {width:32%;margin-left:1%;margin-right:1%;float:left;}
.borderBox {border:1px solid #ddd; width:100%; box-sizing:border-box;}
.titleNeo {cursor:pointer;background-color:#265C82}
.titleNeo img{margin:20px 17px;}
.contentNeo {height:255px;background:url('/images/img-deep-sub/neoclick_bg.png') no-repeat;position:relative;}
.titleNeoPm {cursor:pointer;background-color:#73BF45}
.titleNeoPm img{margin:20px 17px;}
.contentNeoPm {height:255px;background:url('/images/img-deep-sub/premium_bg.png') no-repeat;position:relative;}
.titleNeoDeep {cursor:pointer;background-color:#2E8B93}
.titleNeoDeep img{margin:20px 17px;}
.contentNeoDeep {cursor:pointer;height:255px;background:url('/images/img-deep-sub/deep_bg.png') no-repeat;position:relative;}
.contentNeoDeep {background-size:cover cover;}
.textCont {cursor:pointer;height:164px;padding:25px 35px 0px 20px;color:#4B4B4B;font-size:14px;}
.adCenterGoBtn{cursor:pointer;border-top:1px solid #ddd;vertical-align:bottom;height:65px;background-color:rgba(255,255,255,0.7);width:100%;bottom:0px;position:absolute;}
.btnLeftTxt {font-weight:900;font-size:18px;margin-top:19px;float:left;margin-left:15px;}
.btnRightTxt {float:right;margin-top:22px;margin-right:15px;}
.contentNeo .btnLeftTxt {color:#295B80}
.contentNeoPm .btnLeftTxt {color:#80B958}
.contentNeoDeep .btnLeftTxt {color:#3B8391}


/* 네오클릭 메인 화면 변경 (2017.02.13) */
.el-2 {overflow: hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}
.el-3 {overflow: hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap:break-word;}
i.btn-arrow-sm {display:inline-block;background:url('/images/1702_renewal/btn-arrow-01.png') no-repeat;width:15px;height:15px;background-size:cover;vertical-align:middle;}
i.btn-arrow-lg {display:inline-block;background:url('/images/1702_renewal/btn-arrow-02.png') no-repeat;width:22px;height:22px;background-size:cover;vertical-align:middle;margin-left:10px;}
i.btn-neostory {display:inline-block;background:url('/images/1702_renewal/neostory-btn.gif') no-repeat;width:22px;height:22px;background-size:cover;vertical-align:middle;margin-left:10px;}
i.btn-cs-more {display:inline-block;background:url('/images/1702_renewal/btn-cs-more.gif') no-repeat;width:15px;height:15px;background-size:cover;vertical-align:middle;}
#main {padding-top:71px;min-width:880px;}
#main .sldr-box .sldr-img {position:relative;}
#main .sldr-box .sldr-img img {display:block;}
#main .ggcenter {background-color:#f8f8f8;padding:60px 0 78px;}
#main .ggcenter .adcenter-inner {margin:0 auto; /*width:927px;*//*width:1240px;*/width:1260px;overflow:auto;}
#main .ggcenter .adcenter-inner li {float:left;margin:0 10px;}
#main .ggcenter .adcenter-inner li span {display:block;}
#main .ggcenter .adcenter-inner li span.product-img img {display:block;}
#main .ggcenter .adcenter-inner li span.product-title-box {no-repeat;width:385px;background-size:cover;}
#main .ggcenter .adcenter-inner li span a {display:block;padding:14px 0;text-align:center;color:#fff;letter-spacing:-1px;}
#main .adcenter-banner {width:100%;display:table;}
#main .adcenter-banner > div.left-box {width:50%;display:table-cell;background-color:#1F9FD0;}
#main .adcenter-banner > div > .banner-box {display:table;width:100%;}
#main .adcenter-banner > div > .banner-box .banner-cell {display:table-cell;height:174px;vertical-align:middle;position:relative;}
#main .adcenter-banner > div > .banner-box .banner-cell.left-inner {width:610px;}
#main .adcenter-banner > div > .banner-box .banner-cell.left-inner span {font-size:21px;color:#fff;letter-spacing:-1px;line-height:30px;}
#main .adcenter-banner > div > .banner-box .banner-cell.left-inner span.banner-title-1 {display:block;}
#main .adcenter-banner > div > .banner-box .banner-cell.left-inner span.banner-title-2 {font-weight:800;display:inline-block;vertical-align:middle;}
#main .adcenter-banner > div > .banner-box .banner-cell.left-inner img {position:absolute;right:60px;bottom:0;}

#main .adcenter-banner > div.right-box {width:50%;display:table-cell;background-color:#74C046;}
#main .adcenter-banner > div > .banner-box .banner-cell.right-inner {width:570px;padding-left:40px;}
#main .adcenter-banner > div > .banner-box .banner-cell.right-inner span {font-size:21px;color:#fff;letter-spacing:-1px;line-height:30px;}
#main .adcenter-banner > div > .banner-box .banner-cell.right-inner span.banner-title-1 {display:block;}
#main .adcenter-banner > div > .banner-box .banner-cell.right-inner span.banner-title-2 {font-weight:800;display:inline-block;vertical-align:middle;}
#main .adcenter-banner > div > .banner-box .banner-cell.right-inner img {position:absolute;right:0;bottom:0;}
#main .media-intro {padding:50px 0 100px;background-color:#f8f8f8;}
#main .media-intro .media-title {text-align:center;position:relative;width:1220px;margin:0 auto 50px;}
#main .media-intro .media-all-view {position:absolute;bottom:0;right:0;}
#main .media-intro .media-all-view a {color:#959595;font-size:12px;font-family:Dotum;}
#main .media-intro .media-sldr-box {width:1220px;margin:0 auto;}
#main .media-intro .media-sldr-box .item {border:1px solid #f3f3f3;text-align:center;background-color:#fff;padding:35px 30px;}
#main .media-intro .media-sldr-box .item .item-date-wrap {position:relative;display:block;}
#main .media-intro .media-sldr-box .item .item-date-wrap hr {position:absolute;width:100%;border:0;border-top:1px solid #999;border-bottom:1px solid #fff;}
#main .media-intro .media-sldr-box .item .item-date-wrap .item-date {
	font-family:Dotum;
	font-size:12px;
	color:#9c9c9c;
	background-color:#fff;
	position:absolute;
	z-index:1;
	top:-10px;
	padding:5px 10px;
	left:0;
	right:0;
	margin:auto;
	width:50px;
}
#main .media-intro .media-sldr-box .item .content-title {min-height:60px;margin-top:2em;}
#main .media-intro .media-sldr-box .item .content-title h3 {letter-spacing:-1px;line-height:30px;font-size:22px;color:#333;}
#main .media-intro .media-sldr-box .item .content-body {margin-top:2em;height:75px;overflow:hidden;}
#main .media-intro .media-sldr-box .item .content-body p {line-height:25px;word-break:break-all;font-size:12px;font-family:Dotum;color:#666;letter-spacing:-1px;}
#main .media-intro .media-sldr-box .item .content-more {margin-top:2em;}
#main .media-intro .media-sldr-box .item .content-more a {color:#999;font-size:12px;letter-spacing:-1px;font-family:Dotum;text-decoration:underline;}

#main .media-intro .media-sldr-box .intro-nav .prev {cursor:pointer;position:absolute;left:-40px;top:150px;}
#main .media-intro .media-sldr-box .intro-nav .next {cursor:pointer;position:absolute;right:-40px;top:150px;}

#main .neostory {height:184px;width:100%;background:url('/images/1702_renewal/neostory-bg.png') no-repeat center center #f8f8f8;background-size:cover;}
#main .neostory .neostory-text {width:1220px;margin:0 auto;padding:62px 0;}
#main .neostory .neostory-text span {font-size:21px;line-height:30px;}
#main .neostory .neostory-text span.neostory-title-1 {color:#666;display:block;}
#main .neostory .neostory-text span.neostory-title-2 {color:#333;display:inline-block;font-weight:800;vertical-align:middle;}
#main .customer {width:100%;}
#main .customer .customer-wrap {width:1220px;margin:0 auto;padding:60px 0;}
#main .customer .customer-wrap table {table-layout:fixed;border-collapse:collapse;}
#main .customer .customer-wrap table td {border-right:1px solid #efefef;position:relative;padding-bottom:1em;}
#main .customer .customer-wrap table td:last-child {border:0;}
#main .customer .customer-wrap table td ul {margin-top:1em;}
#main .customer .customer-wrap table td li a {color:#666;font-size:12px;font-family:Dotum;}
#main .customer .customer-wrap table td li a:hover {text-decoration:underline;}
#main .customer .customer-wrap table td .cs-more {position:absolute;top:0;right:2em;}
#main .customer .customer-wrap table td .cs-more a {color:#999;font-family:Dotum,'돋움',sans-serif;font-size:12px;}
#main .customer .customer-wrap table td .cs-more a .more-text {display:inline-block;vertical-align:middle;}
#main .customer .customer-wrap table td .cs-title {padding-left:2em;}
#main .customer .customer-wrap table td .cs-contact {text-align:center;margin-top:1em;}
#main .customer .customer-wrap table td .faq-cont {text-align:center;}
#main .customer .customer-wrap table td .faq-cont span {margin:0 1.5em;}

@media screen and (max-width:1400px)
{
	#main .adcenter .adcenter-inner {width:780px;}
	#main .adcenter .adcenter-inner li span.product-img img {width:387px;}
	#main .adcenter .adcenter-inner li span.product-title-box {background-size:contain;width:389px;height:44px;}
	#main .adcenter .adcenter-inner li span a {padding:0;line-height:40px;}
	#main .media-intro .media-title {width:1040px;}

	#main .neostory .neostory-text {width:1040px;}

	#main .media-intro .media-sldr-box {width:1040px;}
	#main .customer .customer-wrap {width:1040px;}
	#main .customer .customer-wrap table td .cs-contact {margin-top:1.5em;}
	#main .customer .customer-wrap table td .cs-contact img {width:300px;}
}
@media screen and (max-width:1140px)
{
	#main .adcenter-banner > div > .banner-box .banner-cell.left-inner {width:400px;}
	#main .adcenter-banner > div > .banner-box .banner-cell.right-inner {width:400px;}
	#main .adcenter-banner > div > .banner-box .banner-cell.left-inner img {width:130px;}
	#main .adcenter-banner > div > .banner-box .banner-cell.right-inner img {width:170px;}
	#main .adcenter-banner > div > .banner-box .banner-cell.left-inner span {font-size:17px;}
	#main .adcenter-banner > div > .banner-box .banner-cell.right-inner span {font-size:17px;}
	#main .adcenter .adcenter-inner {width:618px;}
	#main .adcenter .adcenter-inner li:nth-child(3) {margin-top:20px;}
	#main .adcenter .adcenter-inner li:nth-child(4) {margin-top:20px;}
	#main .adcenter .adcenter-inner li span.product-img img {width:100%;}
	#main .adcenter .adcenter-inner li span.product-title-box {background-size:cover;width:389px;height:auto;}
	#main .adcenter .adcenter-inner li span a {padding:17px 0;line-height:0;}
	#main .media-intro .media-title {width:800px;}
	
	#main .neostory .neostory-text {width:800px;}

	#main .media-intro .media-sldr-box {width:700px;}
	#main .customer .customer-wrap {width:800px;}
	
	#main .customer .customer-wrap table td .cs-more {right:1em;}
	#main .customer .customer-wrap table td .cs-title {padding-left:1em;}
	#main .customer .customer-wrap table td .cs-contact {;margin-top:2em;}
	#main .customer .customer-wrap table td .cs-contact img {width:235px;}
	#main .customer .customer-wrap table td .faq-cont span img {width:50px;}
	#main .customer .customer-wrap table td .faq-cont span {margin:0 1em;}
}

/* 2018-04-13 인비디오 추가 */

.adcenter-inner ul li {margin-bottom:25px!important;}
.product-img{position:relative;overflow:hidden;}
.product-img .overlay{background-color: rgba(255,255,255,0.6);position:absolute;width:387px;height:271px;}
.product-img .overlay .overlay-detail{cursor:pointer;border:2px solid #555555;color:#555555;padding:8px 22px;margin:0 auto;width:85px;text-align:center;;margin-top:80px;font-size:12px;}
.product-img .overlay{opacity:0;-webkit-transition: opacity 0.75s ease;}
.product-img:hover .overlay{opacity:1;}
.goToCenter,.goToLogin,.goToNew{cursor:pointer}
.product-title-box {border-radius:0px 0px 10px 10px;background-color:#505255;border:1px solid #eeeeee}
#main .ggcenter .adcenter-inner li span.product-title-box{width:385px!important;}