/*subMenu*/
.subNavDe{width: 100%; /* border-top: 1px solid #e7e7e7;  */border-bottom: 1px solid #e7e7e7; height: 50px;  line-height: 50px; background: #fff;}
.subNavDe .menu {width:100%; vertical-align: middle; border-left: 1px solid #ddd; border-right: 1px solid #ddd;float: left;}
/*.subNavDe .menu li span {font-size: 11px; color: #ccc;}*/
.subNavDe .menu .home,
.subNavDe .menu .dep01,
.subNavDe .menu .dep02 {display: inline-block; float: left; letter-spacing: -0.5px; line-height:50px;}

.subNavDe .menu .home {width:50px; line-height:48px;text-align:center;border-right:1px solid #eaeaea;}
.subNavDe .menu .home a {display:block; background: url('/images/inc/btn_home_off.jpg') no-repeat center; width: 50px; height: 50px; vertical-align: middle;}
.subNavDe .menu .home a:hover {background: url('/images/inc/btn_home_on.jpg') no-repeat center;}
.subNavDe .menu .dep01{display:inline-block;color:#888;padding:0 15px; border-right:1px solid #eaeaea; text-align:left; font-size: 13px; min-width: 100px;}
.subNavDe .menu .dep02{font-size:13px; }
.subNavDe .menu .dep02 li{ float: left; display: inline-block; padding-left: 15px;}
.subNavDe .menu .dep02 li.on a{font-weight: 500; color:#fc3d64;}

.subNavDe .menu .dep03 a{
	float: right;
	display: inline-block;
	background: #000;
	color: #fff;
	text-align: center;
    font-size: 13px;
	min-width: 80px;
	position: relative;
	padding:0 10px;}
/*subNavDeDrop - dropbox
.subNavDe{width: 100%; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; height: 50px;  line-height: 50px; background: #fff;}
.subNavDeDrop .menu {vertical-align: middle; border-left: 1px solid #ddd; float: left;}
.subNavDeDrop .menu .home,
.subNavDeDrop .menu .dep01,
.subNavDeDrop .menu .dep02 {display: inline-block; float: left; font-size:15px;}

.subNavDeDrop .menu .home {width:50px; line-height:48px;text-align:center;border-right:1px solid #eaeaea;}
.subNavDeDrop .menu .home a {display:block; background: url(../images/inc/btn_home_off.jpg) no-repeat center; width: 50px; height: 50px; vertical-align: middle;}
.subNavDeDrop .menu .home a:hover {background: url('/images/inc/btn_home_on.jpg') no-repeat center;}
.subNavDeDrop .menu .dep01{display:inline-block;color:#888;width:170px;padding:0 15px;line-height:50px ;border-right:1px solid #eaeaea;letter-spacing:0;text-align:left}
.subNavDeDrop .menu .dep02{display:inline-block;position:relative;background:url('../images/subNavDeDrop.png') no-repeat 95% 50%; color:#888;font-weight:400;width:170px;padding:0 15px; border-right:1px solid #eaeaea;letter-spacing:0;cursor:pointer;text-align:left;}
.subNavDeDrop .menu .dep02 span{line-height:48px;}
.subNavDeDrop .menu .dep02.on{margin-top:-1px; margin-left:-1px; background:#fff url('../images/icn_arrow_dropOn.png') no-repeat 95% 50%;color:#555;border:1px solid #888;border-bottom:0}

.dep02List{width:100%; display:none;position:absolute;top:48px;right:-1px;background:#fff;z-index:90;border:1px solid #888;border-top:1px solid #eaeaea; overflow: hidden;}
.dep02List li{color:#555; line-height:40px; padding:0 15px; width: 100%;}
.dep02List li:hover {background-color: #eee;}
.dep02List li:hover a{font-weight: 500; color: #333; width: 100%; height: 100%;}


.subNavDeDrop .social {vertical-align: middle; border-left: 1px solid #ddd; float: right;}
.subNavDeDrop .social li {float: left;}
.subNavDeDrop .social li.facebook {padding: 0px;}
.subNavDeDrop .social li.facebook a {display: block; border-right: 1px solid #e7e7e7; background: url(../images/inc/btn_facebook.jpg) no-repeat center; width: 50px; height: 50px; vertical-align: middle;}
.subNavDeDrop .social li.blog {padding: 0px;}
.subNavDeDrop .social li.blog a {display: block; border-right: 1px solid #e7e7e7; background: url(../images/inc/btn_blog.jpg) no-repeat center; width: 50px; height: 50px; vertical-align: middle;}
*/

.floating-menu {
  position: fixed;
  top: 80px;
  left: 50%;
  margin-left: -546px;
  z-index: 2;
}

/*.top {
	position: fixed;
	width: 100%;
	height: 80px;
	background-color: black;
	z-index: 2;
}*/
/*mask*/
.blackBg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.8;
}

.blackBg2{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.7;
}

.topBack{
	width: 100%;
	height: 118px;
	background-color: black;
}

.topImage {
	position: relative;
	clear : both;
	width: 100%;
	height: 400px;
	background-size: cover;
	background-position: center center;
	padding-top: 124px;
}

.company_01 {
	background-image : url(/images/company/top_back_company.jpg);
}

.company_02 {
	background-image : url(/images/company/top_back_company.jpg);
}

.sns_01 {
	background-image : url(/images/sns/top_back_sns_01.jpg);
}

.sns_02{
	background-image : url(/images/sns/top_back_sns_02.jpg);
}

.sns_03 {
	background-image : url(/images/sns/top_back_sns_03.jpg);
}

.sns_04 {
	background-image : url(/images/sns/top_back_sns_04.jpg);
}

.sns_05 {
	background-image : url(/images/sns/top_back_sns_05.jpg);
}

.sns_06 {
	background-image : url(/images/sns/top_back_sns_06.jpg);
}

.sns_07 {
	background-image : url(/images/sns/top_back_sns_07.jpg);
}

.sns_08 {
	background-image : url(/images/sns/top_back_sns_08.jpg);
}

.media_01 {
	background-image : url(/images/media/top_back_media_01.jpg);
}

.media_02 {
	background-image : url(/images/media/top_back_media_02.jpg);
}

.media_03 {
	background-image : url(/images/media/top_back_media_03.jpg);
}

.media_04 {
	background-image : url(/images/media/top_back_media_04.jpg);
}

.media_05 {
	background-image : url(/images/media/top_back_media_05.jpg);
}

.media_06 {
	background-image : url(/images/media/top_back_media_06.jpg);
}

.media_06 {
	background-image : url(/images/media/top_back_media_06.jpg);
}

.display_01 {
	background-image : url(/images/display/top_back_display_01.jpg);
}

.display_02 {
	background-image : url(/images/display/top_back_display_02.jpg);
}

.display_03 {
	background-image : url(/images/display/top_back_display_03.jpg);
}

.display_04 {
	background-image : url(/images/display/top_back_display_04.jpg);
}

.display_05 {
	background-image : url(/images/display/top_back_display_05.jpg);
}

.display_06 {
	background-image : url(/images/display/top_back_display_06.jpg);
}

.display_08 {
	background-image : url(/images/display/top_back_display_08.jpg);
}


.package_01 {
	background-image : url(/images/package/top_back_package_01.jpg);
}

.package_02 {
	background-image : url(/images/package/top_back_package_02.jpg);
}

.package_03 {
	background-image : url(/images/package/top_back_package_03.jpg);
}

.package_04 {
	background-image : url(/images/package/top_back_package_04.jpg);
}

.package_05 {
	background-image : url(/images/package/top_back_package_05.jpg);
}

.package_06 {
	background-image : url(/images/package/top_back_package_06.jpg);
}

.package_07 {
	background-image : url(/images/package/top_back_package_07.jpg);
}

.package_08 {
	background-image : url(/images/package/top_back_package_08.jpg);
}

.package_09 {
	background-image : url(/images/package/top_back_package_09.jpg);
}

.contents_01 {
	background-image : url(/images/contents/top_back_contents_01.jpg);
}

.contents_02 {
	background-image : url(/images/contents/top_back_contents_02.jpg);
}

.contents_03 {
	background-image : url(/images/contents/top_back_contents_03.jpg);
}

.success_01 {
	background-image : url(/images/success/top_back_success_01.jpg);
}

.success_02 {
	background-image : url(/images/success/top_back_success_02.jpg);
}

.success_03 {
	background-image : url(/images/success/top_back_success_03.jpg);
}

.counseling_01 {
	background-image : url(/images/counselling/top_back_counseling_01.jpg);
}

.mission_01 {
	background-image : url(/images/mission/top_back_mission_01.jpg);
}

.topImage .box {
  max-width: 70vw;
  padding: 30px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  text-align: center;
  font-size: 30px;
  line-height: 1.5;
  transform: translateY(-50%);
  perspective: 400px;
}
.topImage .split {
	color: #fff;
	font-size: 50px;
	font-weight: 500;
}

.source {
  color: skyblue;
  margin: 0 auto;
}

.container {
	width:100%;
}

.middleBar{
	top: 418px;
	height:100px;
	background-color: coral
}

/*.menu{
	width:100%;
	height:100px;
	background-color: dodgerblue;
}*/

.contentsTop{
	top: 118px;
	height: 150px;
	width:100%;
	background-color: white;
}

.contents{
	width:100%;
	position: relative;
}


.contents .con:after {
	content: "";
	display: block;
	clear: both;
}

.boxTable .con {display: table;}

.textTop .title {
  font-size: 40px;
  line-height: 48px;
  color: #fff;
 
  text-align: left;
  float: left;

}

.textTop .line {
  width: 80px;
  height: 2px;
  background-color: #999! important;
  margin-top: 35px; 
  margin-left: 20px;
  display: block;
  float: left;

}

.textTop:after {
  content: "";
  display: block;
  clear: both;
}


.linkBtn {position: absolute; right: 0; top: 0;;}
.linkBtn .depth {width: 250px;}
.linkBtn .depth2 {width: 500px;}

.linkBtn .depth li {width: 100%;}
.linkBtn .depth2 li {width: 49%;}


.linkBtn li {
	float: left;
	margin-right: 10px;
	font-size: 16px;
	line-height: 22px;
	position: relative;
}
.linkBtn li a {display: block; color: #fff; cursor: pointer; padding: 10px 20px; position: relative;}

.linkBtn li.facebook {background-color: #4267b2;}
.linkBtn li.instagram {background-color: #cb328d;}
.linkBtn li.blog {background-color: #1cb540;}
.linkBtn li.youtube {background-color: #ff0000;} 

.linkBtn li .add {font-size: 14px; line-height: 16px; opacity: 0.8;}
.linkBtn li .plusImgW {position: absolute; right: 20px; top: 50%; margin-top: -10px;}

.linkBtn li:last-child {margin-right: 0;}

.icons {position: absolute; right: 50px; top: 35px;}
.icons2 {position: absolute; right: 50px; top: 520px; }

.icons li,
.icons2 li {width: 60px; height: 60px; display: block; float: left; margin-right: 10px;}
.icons li:last-child,
.icons2 li:last-child {margin-right: 0;}

.icons li.facebook {
	background: url(/images/inc/icon_facebook.png) top center no-repeat;
    background-size: 100%;}
.icons li.instagram {
	background: url(/images/inc/icon_instagram.png) top center no-repeat;
    background-size: 100%;}
.icons li.blog {
	background: url(/images/inc/icon_blog.png) top center no-repeat;
    background-size: 100%;}
.icons li.youtube {
	background: url(/images/inc/icon_youtube.png) top center no-repeat;
    background-size: 100%;}

.icons li.banners,
.icons2 li.banners{height: 50px; width: auto;  margin-right: 20px;}
.icons li.banners img,
.icons2 li.banners img{height: 100%;}
.icons li.banners:last-child,
.icons2 li.banners:last-child {margin-right: 0;}


.contWrap {position: relative; padding: 50px; background-color: #fefefe; border:1px solid #eee; margin: -1px;}

.contents .thumb .zoomW {overflow: hidden;}

.contents .border {border:1px solid #ddd; overflow: hidden; background-color: #fefefe;}

.contents .thumb img {
 /* -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out;  */
 width: 100%;
}
.contents .thumb:hover img {
	/* -webkit-transform:scale(1.1); transform:scale(1.1);  */
}

.contents .con {letter-spacing: -1px; z-index: 4; position: relative;}

.contents .con .stxt {font-size: 20px; line-height: 1.7;}


.contents .con .boxImg {width:48%;  overflow: hidden;/* display: table;*/ display: table-cell; vertical-align: middle;}
.contents .con .boxImg img {width:100%;}

.contents .con .box {width:50%;  overflow: hidden;/* display: table;*/ }
.contents .con .box img {width: 100%;}

.contents .con .boxTxt {width: 52%; overflow: hidden; display: table-cell; vertical-align: middle;}

.contents .con .txtW {
	/*display: table-cell;*/
	vertical-align:middle;
	word-break: keep-all;
	overflow: hidden;
}

.contents .con .txtW:after {content: ""; display: block; clear: both;}

.contents .con .txtW .tit {font-size: 25px; font-weight: 700; color: #000; position: relative;}
.contents .con .txtW .tit2 {font-size: 22px; font-weight: 700; color: #000;}
.contents .con .txtW .tit3 {font-size: 20px; font-weight: 500; color: #000;}
.contents .con .txtW .line {width: 40px; height: 2px; background-color: #999; text-align: left; display: block; margin-top: 30px;}


.contents .con .left_t .tit {display: inline-block; vertical-align: baseline; padding-right: 20px; z-index: 1; position: relative;}
.contents .con .left_t .tit:before {right: 100%; width:0px !important;}
.contents .con .left_t .tit:after {left: 100%;}
.contents .con .left_t .tit:before,
.contents .con .left_t .tit:after {
	content: '';
    display: block;
    width: 1000px;
    position: absolute;
    top: 22px;
	border-top: 1px solid #ccc;
}

.contents .con .txtW .txt,
.contents .con .txtW p {font-size: 18px; line-height: 1.7;}
.mission .contents .con .txtW p {font-size: 35px;}
.contents .con .txtW .txt2  {font-size: 16px;}

.contents .con .txtW .txt:after,
.contents .con .txtW .txt2:after {
	content: "";
	display: block;
	clear: both;
}
.contents .con .txtW .txt2 dt {color:#999; padding-right: 5px; display: inline-block; float: left;}
.contents .con .txtW .txt2 dt.date {min-width: 75px;}
.contents .con .txtW .txt2 dd {padding-left: 80px; padding-bottom: 5px; border-bottom: 1px solid #eee;}

.listBox {display: table; width:100%;}
.listBox .imgBox,
.listBox .txtW {display: table-cell; vertical-align: middle;}
.listBox .imgBox,
.listBox .boxThumb1 {width: 35%;}
.listBox .imgLarge,
.listBox .boxThumb2 {width: 65%;}
.listBox .imgMiddle {width: 52.5%;}
.listBox .txtWbottom {vertical-align: top !important;}
.listBox .pl {padding-left:1.5%;}
.listBox .pr {padding-right:1.5%;}
.listBox .point1 {font-size: 16px !important; padding: 10px 20px; position: relative; border: 1px solid #ccc;}
.listBox .point1:before {content: "!"; display: inline-block; position: absolute; left: 10px; color: red; font-size:13px;padding-right:3px; font-weight: 700;}
.listBox .txtW .listW h4.tit {font-size: 22px; line-height: 28px; padding-bottom: 15px; font-weight: 600; color: #333;}

.listBox .listNum{padding-left:20px;}
.listBox .listNum li{list-style: decimal; padding-left: 5px;}

.txtW .txt .bullet {
	padding: 0px 10px;
    line-height: 24px;
    background: #aaa;
    color: #fff;
    font-size: 12px;
	display: inline-block;
}



/*list-common*/
.contents .con .list dd:before,
.contents .con .list li:before, 
.contents .con .list2 dd:before,
.contents .con .list2 li:before,
.contents .con .list3 dd:before,
.contents .con .list3 li:before {
	content: "-";
	display: inline-block;
    position: absolute;
    left: 0;
}
.contents .con .list dd.add:before,
.contents .con .list li.add:before,
.contents .con .list2 dd.add:before,
.contents .con .list2 li.add:before,
.contents .con .list3 dd.add:before,
.contents .con .list3 li.add:before {
	content: "※";
	font-size: 13px;
	top: -1px;
	position: absolute;
	left: -1px;
	display: block;

}
.contents .con .list dd:last-child,
.contents .con .list li:last-child,
.contents .con .list2 dd:last-child,
.contents .con .list2 li:last-child,
.contents .con .list3 dd:last-child,
.contents .con .list3 li:last-child {
	padding-bottom: 0;
}

.contents .con .list dt,
.contents .con .list2 dt {
	font-size:23px;
	line-height:28px;
	padding-top:20px;
	padding-bottom: 15px;
	font-weight: 500;
	color: #333;
}

.contents .con .list dt:first-child,
.contents .con .list2 dt:first-child {
	padding-top:0;
}


.contents .con .list3 dt {
	font-size: 15px;
}

.contents .con .bulNo li {
	padding-left: 0 !important;
}
.contents .con .bulNo dd:before,
.contents .con .bulNo li:before {
	display: none !important;
}
.contents .con .bulNo1{
	padding-left: 0 !important
}
.contents .con .bulNo1:before{
	display: none !important;
}

.contents .qnaCon .list2 li {padding-left: 0;}
.contents .qnaCon .list2 li:before {display: none;}

/*한단계 아래 list*/
.contents .con .list dd,
.contents .con .list li {
	font-size:18px; 
	line-height: 28px; 
	padding-bottom: 10px;
	padding-left: 10px;
    position: relative;
    word-break: keep-all;
}

.contents .con .list dd.add,
.contents .con .list li.add {
	font-size: 15px;
	line-height: 18px;
	color: #aaa;
	padding-left: 15px;
}

/*두 단계 아래 리스트*/
.contents .con .list2 dd,
.contents .con .list2 li {
	font-size:15px; 
	line-height: 20px; 
	padding-bottom: 5px;
	padding-left: 10px;
    position: relative;
    word-break: keep-all;
}
.contents .con .list2 dd.add,
.contents .con .list2 li.add {
	font-size: 14px;
	line-height: 20px;
	color: #aaa;
	padding-left: 15px;
}

/*세 단계 아래 리스트*/
.contents .con .list3 dd,
.contents .con .list3 li {
	font-size:14px; 
	line-height: 16px; 
	padding-bottom: 8px;
	padding-left: 10px;
    position: relative;
    word-break: keep-all;
}
.contents .con .list3 dd.add,
.contents .con .list3 li.add {
	font-size: 13px;
	line-height: 15px;
	color: #aaa;
	padding-left: 15px;
}

/*타겟팅 아이콘영역*/
.contents .con .txtW3 .txt > li {margin-bottom: 10px; float: left; width: 50%;}
.contents .con .txtW3 .txt > li:last-child {margin-bottom: 0;}

.contents .con .txtW3 .txt .conW {border: 3px solid #ccc; padding: 20px; display: table; margin-right: 10px;  word-break: keep-all; min-height: 120px; vertical-align: middle;}
.contents .con .txtW3 .txt .conW:nth-child(even) {margin-right: 0;}
.contents .con .txtW3 .txt .txtW {display: table-cell; vertical-align: middle; padding-left: 15px; width: 100%;}

.contents .con .txtW3 .txt > li h3 {font-size: 20px; font-weight: 500; color: #000;}
.contents .con .txtW3 .txt > li p{font-size: 16px; line-height:23px; padding-top: 10px;}

/*.contents .con .txtW3 .txt li:after {
	content: "";
	display: block;
	clear: both;
}*/

.contents .con .txtW3 .txt > li .iconW{
	display: table-cell;
	vertical-align: middle;
}
.contents .con .txtW3 .txt > li .icon {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: url(/images/inc/icon_target.png);
    vertical-align: middle;
}

.contents .con .txtW3 .txt > li .icon1 {
    background-position: 0 0;
}

.contents .con .txtW3 .txt > li .icon2 {
    background-position: -100px 0;
}

.contents .con .txtW3 .txt > li .icon3 {
    background-position: -200px 0;
}

.contents .con .txtW3 .txt > li .icon4 {
    background-position: -300px 0;
}

.contents .con .txtW3 .txt > li .icon5 {
    background-position: -400px 0;
}

.contents .con .txtW3 .txt > li .icon6 {
    background-position: -500px 0;
}



/*banner*/
.banner {padding: 20px; text-align: center; font-size: 15px; line-height: 22px; border: 8px solid #eee; background-color:#fff; position: relative;}

.banner p {font-size: 15px; line-height: 25px;}
.banner p.case1 {font-size: 20px; line-height: 30px;}

/*bannerImg*/
.bannerImg {background-image:url(/images/sns/sns_marketing_con2.jpg); background-repeat: no-repeat; width:100%; height: 250px; display: table; background-size:cover; background-attachment: fixed; position: relative;}
.bannerImg .text,
.bannerImg .text2 {display: table-cell;  word-break: keep-all; vertical-align: middle; text-align: center; color: #fff; font-size: 23px; line-height: 35px; position: relative;}
.twiImg {background-image:url(/images/sns/sns_twitter_con.jpg) !important; }
.countImg {background-image:url(/images/media/media_special_con1.jpg) !important; background-position: center;}

.bannerImg .text2 {text-align: center;vertical-align: middle; color: #333;}
.bannerImg .text2 .title {font-size: 40px; line-height: 48px;margin-bottom: 30px; color: #000; font-weight: 300;}
.bannerImg .text2 .line {background-color: #333;}
.bannerImg .text2 .stit {font-size: 17px; line-height: 25px;}



/*specialImg*/
.specialImg {background-image:url(/images/sns/sns_twitter_con.jpg) !important; }

/*qna*/
.qnaCon {position: relative; background-color: #fff;display: table; width: 100%;}
.qnaCon:after {content: ""; display: block; clear: both;}
.qnaCon .txtW {display: table-cell; vertical-align: middle;  padding: 30px 10px; text-align: center;  border: 5px solid #ddd; }
.qnaCon .txtW .tit h3{display:inline-block; padding-left: 10px;}
.qnaCon .icon {width: 60px; height: 60px; display: inline-block; vertical-align: middle;}
.qnaCon .qna {background:url(/images/inc/icon_qna.png) no-repeat; background-size: 100%;}
.qnaCon .txt { vertical-align: middle; display: inline-block; text-align: left;}
.qnaCon .txt:after {content: ""; display: block; clear: both;}


/*contImg*/
.contImg {padding: 50px 0 ; background-color:#fff; text-align: center; border: 1px solid #ddd;}

.contents .con .stit {min-width: 150px; display: block;}
.contents .con .stxtW {width: 855px;}

.contents .con .text2 .title  {text-align: left;}
.contents .con .text2 .line {margin: 0 !important;}
.contents .con .text2 .stit,
.contents .con .text3 .stit {
  font-size: 16px;
  line-height: 25px;
  color: #666;
  word-break: keep-all;
}

.contents .con .depth {position: relative;}
.contents .dep4 {width: 855px; margin: 0 auto;}


.contents .con .depth:after, 
.contents .con .depthW:after {
	content: "";
	display: block;
	clear: both;
}

.contents .con .thumb .icon:before {
	display: block;
	content: "";
	width: 80px;
	height: 80px;
	margin: 0 auto;
	padding-bottom: 20px;

}

.contents .con .thumb .icon1:before {
	background:url(/images/inc/icon_facebook.png) top center no-repeat;
	background-size: 100%;
}

.contents .con .thumb .icon2:before {
	background:url(/images/inc/icon_blog.png) top center no-repeat;
	background-size: 100%;
}

.contents .con .thumb .icon3:before {
	background:url(/images/inc/icon_instagram.png) top center no-repeat;
	background-size: 100%;
}

.contents .con .thumb .icon4:before {
	background:url(/images/inc/icon_kakaostory.png) top center no-repeat;
	background-size: 100%;
}

.contents .con .thumb .icon5:before {
	background:url(/images/inc/icon_youtube.png) top center no-repeat;
	background-size: 100%;
}

.contents .con .thumb .icon6:before {
	background:url(/images/inc/icon_twitter.png) top center no-repeat;
	background-size: 100%;
}

.contents .con .thumb dl {
	padding: 30px 10px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.contents .con .depthW .depIconW,
.contents .con .depthW .depIcon,
.contents .con .depthW .arrow,
.contents .con .depthW .plus {vertical-align: top; display: inline-block;}


.contents .con .depthW .add {position: absolute;
    top: 0;
    display: block;
    width: 320px;
    top: 100px;
    font-size: 18px;
    color: #000;
    margin-left: -160px;}

.contents .con .depthW .add2 {position: absolute;
    top: 0;
    display: block;
    width: 320px;
    top: 140px;
    font-size: 16px;
    color: #666;
    margin-left: -160px;}

.contents .con .depthW .depIcon {/*width: 160px;*/width: min-content;}
.contents .con .depthW .icon {width: 160px; height:160px; text-align: center;}
.contents .con .depthW .none {background: url(/images/inc/icon_circle_none.png) no-repeat center top; background-size: 100% 100%; position: relative;}
.contents .con .depthW .ico {width: 70px; height: 70px; position: absolute; top: 50%; left: 50%;
margin-top:-35px; margin-left: -35px; background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}

.contents .con .depthW .ico_paper_01 {background-image: url(/images/inc/ico_paper_01.png);}
.contents .con .depthW .ico_paper_02 {background-image: url(/images/inc/ico_paper_02.png);}
.contents .con .depthW .ico_paper_03 {background-image: url(/images/inc/ico_paper_03.png);}
.contents .con .depthW .ico_bild {background-image: url(/images/inc/ico_bild.png);}
.contents .con .depthW .ico_gra_01 {background-image: url(/images/inc/ico_gra_01.png);}
.contents .con .depthW .ico_gra_02 {background-image: url(/images/inc/ico_gra_02.png);}
.contents .con .depthW .ico_human {background-image: url(/images/inc/ico_human.png);}
.contents .con .depthW .ico_notice {background-image: url(/images/inc/ico_notice.png);}
.contents .con .depthW .ico_talk {background-image: url(/images/inc/ico_talk.png);}
.contents .con .depthW .ico_phone {background-image: url(/images/inc/ico_phone.png);}
.contents .con .depthW .ico_photo {background-image: url(/images/inc/ico_photo.png);}
.contents .con .depthW .ico_design {background-image: url(/images/inc/ico_design.png);}
.contents .con .depthW .ico_calander {background-image: url(/images/inc/ico_calander.png);}


/*txt*/
.contents .con .depthW .txt {width: 100%; text-align: center; font-size: 18px; padding-top: 10px; color: #000; word-break: keep-all;}
.contents .con .depthW .txt .stxt{font-size: 16px; color: #666;}


.contents .con .depthW .icon2 {width: 160px; height: 160px; text-align: center; position: relative; display: table}


.contents .con .depthW .icon2 .txt {vertical-align: middle; text-align: center; display: table-cell; font-size: 18px; line-height:24px; font-weight: 500;}

.contents .con .depthW .icon2 .stxt {position: absolute;
    left: 0;
    top: 170px;
    width: 100%;
    font-size: 18px; line-height: 23px;}

.contents .con .depthW .icon2 .stxt2 {color: #999; font-size: 15px; line-height: 20px; display: block; word-break: keep-all;}


.contents .con .depthW .icon3 {width: 148px; height: 148px; text-align: center; position: relative; display: table; background-size: 100% 100%;}


.contents .con .depthW .icon3 .txt {vertical-align: middle; text-align: center; display: table-cell; font-size: 18px; font-weight: 500;}
.contents .con .depthW .icon3 .stxt {position: absolute;
    left: 0;
    top: 170px;
    width: 100%;
    font-size: 18px; line-height: 23px;}
.contents .con .depthW .icon3 .stxt2 { color: #999; font-size: 15px; line-height: 20px; display: block; word-break: keep-all;}

.contents .con .depthW .icon4 {width: 80px; height: 80px; text-align: center; position: relative; display: table; background-size: 100% 100%;}


.contents .con .depthW .icon4 .txt {vertical-align: middle; text-align: center; display: table-cell; font-size: 14px; font-weight: 500;}
.contents .con .depthW .icon4 .stxt2 { color: #999; font-size: 13px; line-height: 15px; display: block; word-break: keep-all;}


.contents .con .depthW .icon2B {width: 230px; height: 230px; text-align: center; position: relative; display: table; background-size: 100% 100%;}
.contents .con .depthW .icon2B .txt {vertical-align: middle; text-align: center; display: table-cell; font-size: 18px; line-height:24px; font-weight: 500;}
.contents .con .depthW .icon2B .txt2 {vertical-align: middle; text-align: center; display: table-cell; font-size: 22px; line-height:28px; font-weight: 500;}
.contents .con .depthW .icon2B .stxt {position: absolute; left: 0; margin-top: 250px; width: 100%; font-size: 18px; line-height: 23px; font-weight: 500;}
	
.contents .con .depthW .icon2B .stxt2 { color: #999; font-size: 15px; line-height: 20px; display: block; word-break: keep-all; font-weight: 500;}


.icon .stxt {text-align: center; font-size:15px; padding-top: 6px; display: block;}
.icon .stxt .stxt2 {padding-top: 5px; font-size: 14px; line-height: 20px; display: block;  color: #999; word-break: keep-all;}


.contents .con .cont02 {width: 805px; margin: 0 auto; text-align: center;}
.contents .con .cont03 {width: 855px; margin: 0 auto; text-align: center;}
.contents .con .cont04 {width: 534px; margin: 0 auto; text-align: center;}

.contents .con .depthM i{font-size: 90%; font-weight: 400; color: #666; font-style: normal;}

.contents .con .depth01 .arrow {margin: 70px 26px 0; text-align: center; position: relative;}
.contents .con .depth02 .arrow {margin: 70px 18px 0; text-align: center; position: relative;}
.contents .con .depth03 .arrow {margin: 70px 84px 0; text-align: center; position: relative;}
.contents .con .depth03 .plus {margin: 150px 22px 0; text-align: center; position: relative; float: left;}
.contents .con .depth04 .arrow {margin: 70px 4px 0; text-align: center; position: relative;}


.contents .con .depth02 .arrow .txt {padding-top: 6px; display: block; text-align: center;}

/*icon2B 경우*/
.contents .con .depth033 {width: 852px;margin: 0 auto;}
.contents .con .depth033 .arrow {margin: 100px 30px 0; text-align: center; position: relative;}
.contents .con .depth044 .arrow {margin: 100px 20px 0; text-align: center; position: relative;}



/*thumb 경우*/
.contents .con .depth03 .thumb {width: 30%; padding: 0 !important;}
/*.contents .con .depth03 .arrow {margin: 150px 22px 0; text-align: center; position: relative;}*/

.contents .con .arrowImg{background: url(/images/inc/icon_arrow.png) no-repeat center; width: 11px; height: 21px; vertical-align: middle; display: inline-block;}

.contents .con .arrowImg .txt {
	position: absolute; left: 0; top: 0;
	position: relative;
    left: -9px;
    display: inline-block;
    top: 25px;
}
.contents .con .plusImg{background: url(/images/inc/icon_plus.png) no-repeat center; width: 11px; height: 21px; vertical-align: middle;}

.contents .con .plusImgW{background: url(/images/inc/icon_plus2.png) no-repeat center; width: 11px; height: 21px; vertical-align: middle;}

.contents .con .noneImg {width: 0px; height: 21px; vertical-align: middle;}

.contents .con .txt .font {font-size: 25px;}

.contents .con .addt{
	position: absolute;
    left: 261px;
    top: 152px;
    z-index: 100;}


.contents .con .depth2 .thumb {
	width: 48.1%;
}


.contents .con .depth3 .thumb {
    width: 32.1%;
}

.contents .con .depth4 .thumb {
	width: 23.6%
}

.contents .con .depth5 .thumb {
	width: 18.5%;
}
.contents .con .depth6 .thumb {
	width: 15%;
}

.contents .con .depth2 .thumb:nth-child(odd) {float: left;}
.contents .con .depth2 .thumb:nth-child(even) {float: right;}

.contents .con .depth .thumb {
    padding: 0 1.8% 0 0;
    float: left;
    text-align: justify;
}

.contents .con .depth .thumb:last-child {
	padding: 0;
}

.contents .con .depth .thumb img {
	width: 100%;
	
}

.contents .con .depth .thumb
.contents .con .depth:after {
	content: "";
	display: block;
	clear: both;
}

.contents .con .depth .thumb .text3 {
	text-align: center;
}

.contents .con .depth3 .thumb2 {
    margin: 0 10px 0 0;
    float: left;
    text-align: justify;
}

.contents .con .thumb3 {
   	float: left;
   	text-align: center;
   	display: table;
}

.contents .con .thumb3 .text3 {
	vertical-align: middle;
	display: table-cell;
	padding: 50px;
}

.contents .con .thumb3 .text3 .bullet {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0;
	padding: 5px;
	background-color: #fff;
	font-weight: 500;
	display: inline-block;
	margin-bottom: 5px;
}
.contents .con .thumb3 .text3 .bullet2 {
	font-size: 30px;
	text-transform: uppercase;
	letter-spacing: 0;
	font-weight: 200;
	display: inline-block;
	margin-bottom: 5px;
	color: #fff;
}
.contents .con .thumb3 .text3 .title,
.contents .con .thumb3 .text3 .stit {
	letter-spacing: 0;
	color: #fff;
}

.contents .con .thumb3 .text3 .title {
	font-size: 50px;
	line-height: 50px;
	font-weight: 700 !important;
}

.contents .con .thumb3 .text3 .stit {
	padding-top: 5px;
	font-size: 14px;
	line-height: 18px;
}

.contents .con .thumb3 .text3 .line {
	width: 30px;
	height: 2px;
	display: inline-block;
	background-color: #fff;
}

/*.contents .count {
	width: 900px;
	margin: 0 auto;
}
*/
.contents .count {
	position: relative;
	display: table-cell;
    vertical-align: middle;
}

.contents .count .thumb:first-child {
	border-right: 1px solid #333;
}
.contents .count .none:first-child {
	border-right:none !important;
}
.contents .con .rightBottom {
	position: absolute;
	right: 0;
	bottom: 0;
}

.contents .con .leftBottom {
	position: absolute;
	left: 0;
	bottom: 0;
}
.textType{
	text-decoration:none; /* a 태그의 꾸밈 효과 제거 */ 
	font-size: 18px; /* 폰트 사이즈를 12px로 설정 */ 
	color: white; /* 상위 메뉴의 글씨색을 흰색으로 설정 */
	background-color: black;
	font-weight: normal; /* 폰트를 굵게 설정 */ 
	/*font-family: "Trebuchet MS", Dotum;*/ /* 기본 폰트를 영어/한글 순서대로 설정 */ 
}


.contents .con .wrapDepth1 {
	margin: 0 auto;
	width: 855px;
}

.contents .powerIbg{
	background: url(/images/sns/sns_power_con2.jpg)no-repeat;  width:1100px; height: 600px; position: relative;
}

.contents .powerIbg .txtCon1{
	position: absolute; left:40px; top: 50px; width: 450px;
}

.contents .powerIbg .txtCon1 .text3 .title {
	font-size: 30px; line-height: 40px;
}

.contents .powerIbg .txtCon2{
	position: absolute; left:40px; bottom:50px; width: 400px; color: #333;
}

.contents .powerIbg .txtCon2 h5 {
	font-size: 20px;
	line-height: 22px;

}

.contents .powerIbg .txtCon3{
	position: absolute; left:670px; top:30px; overflow: hidden;
}

.contents .powerIbg .txtCon3:after{
	content: "";
	display: block;
	clear: both;
}

.contents .powerIbg .txtCon3 p{
	width:158px;
	height: 41px;
	line-height: 41px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	float: left;

}

.txt .num,
.list .num{padding: 4px 7px;line-height: 11px;margin-right: 5px;position: relative;top: -3px; font-size: 11px; display: inline-block; background-color: #ff2f63;color: #fff;}

/*popup*/
.ly_pop{position:absolute; top:50%; margin-top:-8%; left:50%; margin-left:-14%; z-index:10;padding:17px 20px 0;border:1px solid #888;background:#fff}
.ly_pop h1{margin-bottom:8px;font-size:14px;color:#2c2c2c;letter-spacing:-1px;line-height:20px}
.ly_pop .desc{color:#606060;line-height:20px; font-size: 15px;}
.ly_pop .desc em{color:#FC3D64;}
.ly_pop .btn{clear:both;margin-top:17px;padding:10px 0;border-top:1px solid #e5e5e5;text-align:center}
.ly_pop .btn_ok,
.ly_pop .btn_cancel{text-align: center; font-size: 13px; display: inline-block; width: 50px; height: 25px; vertical-align: middle; line-height: 25px; background: #fff; }
.ly_pop .btn_ok {border: 1px solid #ff2f63; color:#ff2f63;}
.ly_pop .btn_cancel{border: 1px solid #999; color:#999;}
.ly_pop .clse{position:absolute;top:8px;right:8px}

.ly_pop .form dl:after {content: ""; display: block; clear: both;}
.ly_pop .form dt,.ly_pop .form dd {float: left; line-height: 28px;}
.ly_pop .form dt {width: 70px; text-align: left;}
.ly_pop .form dd {margin-left: 3%;}
.ly_pop .form dd input,
.ly_pop .form dd select {width: 100%; float: left;}
.ly_pop .btn a,
.ly_pop .btn span {display: inline-block;}

.form {position: relative;}

.form .i_text{
    width: 100%;
    display: block;
    position: relative;
    border: 1px solid #b7b7b7;
    border-right-color: #e1e1e1;
    border-bottom-color: #e1e1e1;
    background: transparent;
    font: bold 11px Tahoma;
    height: 14px;
    line-height: 14px;
    color: #767676;
}
	

/* add - 조직도 아래*/
.contents .boxWrap {width:100%; border:1px solid #ddd; background:#fff; box-sizing: border-box;}
.contents .boxWrap2 {width:100%; border:5px solid #ddd; background:#fff; box-sizing: border-box;}
.contents .con3 .listup {padding: 60px; line-height: 72px; font-size: 18px;}

.contents .con3 .listup ul:after {content:""; display: block; clear: both;}
.contents .con3 .listup ul {padding-bottom: 15px;}
.contents .con3 .listup ul:last-child {padding-bottom: 0;}

.contents .con3 .listup ul li {margin-right: 15px; text-align: center; height: 72px; box-sizing: border-box; position: relative; vertical-align: middle; display: inline-block;}
.contents .con3 .listup ul li.common, 
.contents .con3 .listup ul li.result{width: 16%;}
.contents .con3 .listup ul li.common {background: #fff; border: 2px solid #c3c3c3; color: #c3c3c3;}
.contents .con3 .listup ul li.next{background: url(/images/company/company_intro_con3_arrow.png)no-repeat; width:36px; height: 36px;}
.contents .con3 .listup ul li.result {background: #ff4848; border: 2px solid #ff4848; color: #fff;}
.contents .con3 .listup ul li.textW {background: #fff; border:2px solid #00b0f0; color: #00b0f0; padding: 0 20px; width: 55%;  display:inline-table; margin-left: 2%; margin-right: 0; float: right;} 
.contents .con3 .listup ul li.textW p {line-height: 25px; text-align: left; display: table-cell; vertical-align: middle; word-break: keep-all;}
.contents .con3 .listup ul li.textW:before {content:""; display:block; background: url(/images/company/company_intro_con3_before.png)no-repeat; width:14px; height: 23px; position: absolute; left: -12px; top: 50%; margin-top: -12px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {.contents .con3 .listup ul li.textW:before { left: -14px;}}
@-moz-document url-prefix(){.contents .con3 .listup ul li.textW:before { left: -12px;}}



.contents .con4Bg {background: url(/images/company/company_intro_con4.png)no-repeat; width: 700px; height: 710px; margin: 0 auto; text-align: center; position: relative;}
.contents .con5Bg {background: url(/images/company/company_intro_con5.png) center center no-repeat; width: auto; height: 550px; margin: 0 auto; text-align: center; padding: 60px; padding-bottom: 100px; position: relative;}
.contents .con6Bg {background: url(/images/company/company_intro_con6.png) center bottom no-repeat; height: 760px; margin: 0 auto; position: relative;}
.contents .con7Bg {background: url(/images/company/company_intro_con7.png)no-repeat; width: 1100px; height: 360px; margin: 0 auto; text-align: center; position: relative;}
.contents .con8Bg {background: url(/images/company/company_intro_con8.png)no-repeat; width: 1100px; height: 515px; margin: 0 auto; text-align: center; position: relative;}

.contents .con4Bg dl {text-align: center; display: inline-block; position: absolute; min-width: 240px; min-height: 140px; width: auto;}
.contents .con4Bg dl dt {font-size: 28px; font-weight: 700; line-height: 100%;}
.contents .con4Bg dl dt .stit {font-size: 19px; display: block; font-weight: 300; padding-bottom: 5px;}
.contents .con4Bg dl dd {font-size: 18px; line-height: 23px; color:#b3b3b3; padding-top: 12px; font-weight: 400;}

.contents .con4Bg .dep1 {left: 65px; top: 90px;}
.contents .con4Bg .dep2 {right: 55px; top: 155px;}
.contents .con4Bg .dep3 {left: 65px; top: 430px;}
.contents .con4Bg .dep4 {right: 55px; top: 470px;}

.contents .con4Bg .dep1 dt {color: #f05742;}
.contents .con4Bg .dep2 dt {color: #1491a3;}
.contents .con4Bg .dep3 dt {color: #2c5877;}
.contents .con4Bg .dep4 dt {color: #fbbb4d;}

.contents .con5Bg dl {text-align: left; display: inline-block; position: absolute; min-width: 240px; min-height: 170px; width: auto;}
.contents .con5Bg dt {font-size: 32px; font-weight: 700; line-height: 100%;}
.contents .con5Bg dd {padding-top: 15px;}
.contents .con5Bg dd li {font-size: 22px; color:#b3b3b3; line-height:28px; font-weight: 400; position: relative; padding-left: 10px;}
.contents .con5Bg dd li:before {content: ""; display: block; width: 3px; height: 1px; background: #b3b3b3; position: absolute; left: 0; top: 50%; margin-top: -2px;}

.contents .con5Bg .tit {font-size: 25px; line-height: 30px; color: #ababab; position: absolute; top: 50%; left: 50%; margin-top: -27px; margin-left: -56px;}

.contents .con5Bg .dep1 {left: 100px; top: 105px;}
.contents .con5Bg .dep2 {left: 790px; top: 90px;}
.contents .con5Bg .dep3 {left: 100px; top: 450px;}
.contents .con5Bg .dep4 {left: 790px; top: 430px;}

.contents .con5Bg .dep1 dt {color: #788bc4;}
.contents .con5Bg .dep2 dt {color: #0fa798;}
.contents .con5Bg .dep3 dt {color: #f2c02b;}
.contents .con5Bg .dep4 dt {color: #32ba6e;}

.contents .con6Bg dl {text-align: left; display: inline-block; position: absolute; width: auto;}
.contents .con6Bg dt {font-size: 50px; font-weight: 700; line-height: 40px;}
.contents .con6Bg dd {padding-top: 10px; font-size: 20px; color:#333333; line-height:25px; font-weight: 400; position: relative;}

.contents .con6Bg .dep1 {left: 210px; top: 570px;}
.contents .con6Bg .dep2 {left: 215px; top: 420px;}
.contents .con6Bg .dep3 {left: 290px; top: 270px;}
.contents .con6Bg .dep4 {left: 50%; top: 200px; margin-left: -76px; text-align: center;}
.contents .con6Bg .dep5,
.contents .con6Bg .dep6,
.contents .con6Bg .dep7 {text-align: right;}

.contents .con6Bg .dep5 {right: 290px; top: 270px;}
.contents .con6Bg .dep6 {right: 215px; top: 420px;}
.contents .con6Bg .dep7 {right: 210px; top: 570px;}

.contents .con6Bg .dep1 dt {color: #66598e;}
.contents .con6Bg .dep2 dt {color: #4a76b7;}
.contents .con6Bg .dep3 dt {color: #1ec0b1;}
.contents .con6Bg .dep4 dt {color: #83bf3b;}
.contents .con6Bg .dep5 dt {color: #f8a700;}
.contents .con6Bg .dep6 dt {color: #f86424;}
.contents .con6Bg .dep7 dt {color: #d84744;}

.contents .con7Bg {color: #fff;}
.contents .con7Bg dl {text-align: center; display: inline-block;  width: auto;}
.contents .con7Bg dt {font-size: 23px; font-weight: 700; line-height: 26px;}
.contents .con7Bg dd {padding-top: 7px; font-size: 16px; line-height:20px; font-weight: 400; position: relative;}

.contents .con7Bg ul li { position: absolute; width: 337px; height: 113px; display: table;}
.contents .con7Bg ul li dl {display: table-cell; vertical-align: middle;}

.contents .con7Bg .dep1 {left: 0; top: 0;}
.contents .con7Bg .dep2 {left: 0; top: 123px;}
.contents .con7Bg .dep3 {left: 0; bottom: 0;}
.contents .con7Bg .dep4 {right: 0; top: 0;}
.contents .con7Bg .dep5 {right: 0; top: 123px;}
.contents .con7Bg .dep6 {right: 0; bottom: 0;}

.contents .con8Bg {color: #b3b3b3;}
.contents .con8Bg .tit {font-size: 33px; line-height: 36px; color: #ababab; position: absolute; top: 50%; left: 50%; margin-top: -35px; margin-left: -65px; font-weight: 500;}

.contents .con8Bg dl {text-align: left; display: inline-block;  width: auto;}
.contents .con8Bg dt {font-size: 23px; font-weight: 700; line-height: 26px;}
.contents .con8Bg dd {padding-top: 7px; font-size: 16px; line-height:20px; font-weight: 400; position: relative;}

.contents .con8Bg ul li { position: absolute; width: 300px; height: 115px; display: table;}
.contents .con8Bg ul li dl {display: table-cell; vertical-align: middle;}

.contents .con8Bg .dep1 dl,
.contents .con8Bg .dep2 dl,
.contents .con8Bg .dep3 dl,
.contents .con8Bg .dep4 dl {padding-left: 40px;}

.contents .con8Bg .dep5 dl,
.contents .con8Bg .dep6 dl,
.contents .con8Bg .dep7 dl,
.contents .con8Bg .dep8 dl{padding-left: 105px;}

.contents .con8Bg .dep4 dt {font-size: 22px;}
.contents .con8Bg .dep8 dt {font-size: 20px;}

.contents .con8Bg .dep1 dt,
.contents .con8Bg .dep8 dt {color: #f74d26;}
.contents .con8Bg .dep2 dt,
.contents .con8Bg .dep7 dt {color: #d84744;}
.contents .con8Bg .dep3 dt,
.contents .con8Bg .dep6 dt {color: #f79800;}
.contents .con8Bg .dep4 dt,
.contents .con8Bg .dep5 dt {color: #f47a27;}

.contents .con8Bg .dep1 {left: 0; top: 0;}
.contents .con8Bg .dep2 {left: 0; top: 135px;}
.contents .con8Bg .dep3 {left: 0; bottom: 135px;}
.contents .con8Bg .dep4 {left: 0; bottom: 0;}
.contents .con8Bg .dep5 {right: 0; top: 0;}
.contents .con8Bg .dep6 {right: 0; top: 135px;}
.contents .con8Bg .dep7 {right: 0; bottom: 135px;}
.contents .con8Bg .dep8 {right: 0; bottom: 0;}



.contents .con5Table table th {font-size: 19px;}
.contents .con5Table table td {text-align: center; font-size: 17px;}
.contents .con5Table table td.txt {text-align: left; color: #111;}
.contents .con5Table table td.txt:before {}
.contents .con5Table table td .ok {text-indent: -9999; font-size: 0; width:12px; height: 12px; display: inline-block; border-radius: 50%; margin: 0 auto; vertical-align: middle; }

.contents .con5Table table th.red,
.contents .con5Table table th.blue,
.contents .con5Table table th.green,
.contents .con5Table table th.black {background: #f5f5f5; font-size: 17px;}
.contents .con5Table table td.red,
.contents .con5Table table td.blue,
.contents .con5Table table td.green,
.contents .con5Table table td.black {background: #fff;}

.contents .con5Table table th.red {color:#fc3d64 !important;}
.contents .con5Table table th.blue {color: #37c6ec !important;}
.contents .con5Table table th.green {color: #1cb540 !important;}
.contents .con5Table table th.black {color: #333 !important;}

.contents .con5Table table td.red .ok {background: #fc3d64 !important;}
.contents .con5Table table td.blue .ok {background: #37c6ec !important;}
.contents .con5Table table td.green .ok {background: #1cb540 !important;}
.contents .con5Table table td.black .ok {background: #333 !important;}

.contents .reportTxt {text-align: center; font-size: 14px; color: #999;}

.contents .con5Bg .reportTxt,
.contents .con6Bg .reportTxt,
.contents .con7Bg .reportTxt{ min-width: 350px; display: inline-block; position: absolute;  margin: 0 auto; left:50%; margin-left:-16%;}

.contents .con5Bg .reportTxt,
.contents .con6Bg .reportTxt {bottom: 50px;}
.contents .con7Bg .reportTxt {bottom: -30px;}

/* 팟빵 */
.contents .con > dd {width: 855px; margin: 0 auto;}
.contents .con > dd:after {content: ""; display: block; clear: both;}

.contents .con .historyList {border-bottom: 2px solid #868b89; padding-bottom: 50px; font-size: 0;}

.contents .con .historyList dl {display: inline-block; width: 19.5%; margin: 0 auto; text-align: center; position: relative;}
.contents .con .historyList dt {font-size: 18px; position: absolute; bottom: -86px; left: 50%; margin-left: -12%; line-height: 100%; z-index: 1;}
.contents .con .historyList dt:before {content: ""; width: 15px; position: absolute; height: 15px; display: block; background: #016a96; border-radius: 15px; top: -25px; left: 50%; margin-left: -8px;}
.contents .con .historyList dd > img{width:106px;}

.contents .con .historyList .dep {clear: both; vertical-align: top;}
.contents .con .historyList .dep dd {float: left;}

.contents .con .listBox2 {border: 8px solid #f4f4f4; padding: 80px 150px;}
.contents .con .listBox2 .depth .thumb {width: 350px;}
.contents .con .listBox2 .depth .thumb .img{width: 185px; text-align: center; margin: 0 auto; padding-bottom: 30px;}
.contents .con .listBox2 .list li:before {display: none;}

.contents .con .listBox2 .list {text-align: center;}
.contents .con .listBox2 .list h4,
.contents .con .listBox2 .list li {padding: 8px 0;}

.contents .con .listBox2 .dep1 .list {border: 1px solid #ddd;} 
.contents .con .listBox2 .dep2 .list {border: 3px solid #016a96;} 

.contents .con .listBox2 .list h4 {font-size: 25px; color: #fff;}
.contents .con .listBox2 .dep1 .list h4 {background: #626262;}
.contents .con .listBox2 .dep2 .list h4 {background: #016a96;}

.contents .con .listBox2 .dep1 .list li,
.contents .con .listBox2 .dep2 .list li {box-sizing: border-box;}
.contents .con .listBox2 .dep1 .list li,
.contents .con .listBox2 .dep2 .list li {border-bottom: 1px solid #ddd;}

.contents .listBox2 .txtW,
.contents .listBox3 .txtW {vertical-align: bottom;}

.contents .listBox3 .txtW .list {clear: both; overflow: hidden;}
.contents .listBox3 .txtW .list li {display: inline-block; padding-bottom: 20px;}
.contents .listBox3 .txtW .depth2 li {width: 45%;}
.contents .listBox3 .txtW .depth2 li:nth-child(odd) {float: left;}
.contents .listBox3 .txtW .depth2 li:nth-child(even) {float: right;}

.contents .listBox3 .pplBtn {position: relative; border: 2px solid #cdcdcd; background: #f8f8f8; font-size: 19px; color: #222; font-weight: 600; padding:15px 15px 15px 65px;}
.contents .listBox3 .pplBtn:before{content: ""; position: absolute; left: 15px; top: 50%; margin-top: -17px; background: url(/images/sns/btn_ppl.png) no-repeat; width: 37px; height: 35px;}

.contents .listBox4 {position: relative;}
.contents .listBox4 .imgW {position: absolute; left: 50%; margin-left: -120px; top: -20px;}
.contents .listBox4 .dep1,
.contents .listBox4 .dep2{width: 400px;}
.contents .listBox4 dl {margin-bottom: 50px;}
.contents .listBox4 dl:before {content:""; background: url(/images/sns/icon_potcast.png)no-repeat; width: 79px; min-height: 100px;display: inline-block; float: left; margin-right: 20px;}
.contents .listBox4 .dep1 dl:nth-child(1):before {background-position: 0 0;}
.contents .listBox4 .dep1 dl:nth-child(2):before {background-position: -79px 0;}
.contents .listBox4 .dep1 dl:nth-child(3):before {background-position: -158px 0;}
.contents .listBox4 .dep2 dl:nth-child(1):before {background-position: -237px 0;}
.contents .listBox4 .dep2 dl:nth-child(2):before {background-position: -316px 0;}
.contents .listBox4 .dep2 dl:nth-child(3):before {background-position: -395px 0;}
.contents .listBox4 dt {font-size: 21px; font-weight: 500; color: #000;}
.contents .listBox4 dd:before {display: none;}
.contents .listBox4 dd {font-size: 16px; line-height:25px; padding-top: 10px;}

.contents .listBox5 h3 {font-weight: 500;}
.contents .listBox5 dl,
.contents .listBox5 li{display: inline-block; text-align: center;}
.contents .listBox5 ul {background: #f1f1f1; padding: 50px 30px;}
.contents .listBox5 .dep1 dl,
.contents .listBox5 .dep1 li {margin-right: 10px;}
.contents .listBox5 .dep2 dl,
.contents .listBox5 .dep2 li {width: calc(50% - 3px);}

.contents .listBox5 .dep2 dl:nth-child(3),
.contents .listBox5 .dep2 dl:nth-child(4),
.contents .listBox5 .dep2 li:nth-child(3),
.contents .listBox5 .dep2 li:nth-child(4) {padding-top: 30px;}

.contents .listBox5 .dep5 dl,
.contents .listBox5 .dep5 li {width: calc(20% - 3px);}
.contents .listBox5 dl:last-child,
.contents .listBox5 li:last-child{margin-right: 0;}
.contents .listBox5 dl dt {padding-bottom: 20px;}
.contents .listBox5 li h4 {padding-top: 15px;}

.contents .listBoxM{overflow: hidden; clear: both;}
.contents .listBoxM:after{content: ""; display: block; clear: both;}
.contents .listBoxM p{background: #fff; padding: 50px 0; width: 48%;}


/* mission */
.mission {letter-spacing: -1.2px; font-weight: 300;}
.mission .stit {font-weight: 400;}
.mission .con {height: 350px; color: #333;}
.mission .contents .boxImg {width: 620px;}
.mission .contents .box { width: 480px; height:100%; background: #62d7bc; display: table; margin: 0 auto;}
.mission .contents .box .txtW {color: #fff; font-size: 40px; line-height: 50px; text-align: left; padding: 0 60px; display: table-cell; vertical-align: middle; letter-spacing: -2px;}
.mission .contents .box .txtW .bold {font-weight: 500 !important; color: #fff !important;}

.mission .con1 .text {padding-top: 100px;}
.mission .con1 .text .title {letter-spacing: -2px; font-size: 50px; line-height: 58px; text-align: left;}
.mission .con1 .text .point {color: #22a788; font-weight: 500;}
.mission .con1 {background: url(/images/mission/mission_mission_con1.jpg)center bottom no-repeat; width: 1100px; height: 585px; margin: 0 auto; position: relative;}

.mission .con1 .listup {position: relative; text-align: left; margin-top: -117px;}

.mission .con1 .listup dl {width: 210px; padding-right: 12px; float: left;}
.mission .con1 .listup dl:last-child {padding-right: 0;}
.mission .con1 .listup dt {color: #fff; color: #fff; text-align: center; padding-bottom: 15px; height: 80px;}
.mission .con1 .listup dt p {font-size: 28px; line-height: 100%; font-weight: 500;}
.mission .con1 .listup dt .num {font-size: 15px; line-height:15px; font-weight: 500; display: inline-block;     padding-top: 15px; padding-bottom:10px; opacity: 0.7;}
.mission .con1 .listup dd ul {padding-left: 15px;}
.mission .con1 .listup dd li {font-size: 18px; color: #fff; line-height: 22px; font-weight: 400; position: relative; padding-left: 10px; padding-bottom: 5px;}
.mission .con1 .listup dd li:before { content: ""; display: block; width: 3px; height: 1px; background: #eee; position: absolute; left: 0; margin-top: 10px;}

.mission .con1 .listup dl:nth-child(1) {margin-top: 180px;}
.mission .con1 .listup dl:nth-child(2) {margin-top: 150px;}
.mission .con1 .listup dl:nth-child(3) {margin-top: 100px;}
.mission .con1 .listup dl:nth-child(4) {margin-top: 50px;}

.mission .con2 .listup dl{position: relative; margin-bottom: 30px;}
.mission .con2 .listup dl:last-child {margin-bottom: 0;}

.mission .con2 .listup dt{width:190px; height: 181px; display: table; margin:0 auto; background-position: center; background-repeat: no-repeat; position: absolute; left: 0; top: 50%; margin-top: -90px;}
.mission .con2 .listup dl:nth-child(1) dt{background: url(/images/mission/mission_mission_con2_dep1.png); }
.mission .con2 .listup dl:nth-child(2) dt{background: url(/images/mission/mission_mission_con2_dep2.png); }
.mission .con2 .listup dl:nth-child(3) dt{background: url(/images/mission/mission_mission_con2_dep3.png); }
.mission .con2 .listup dl:nth-child(4) dt{background: url(/images/mission/mission_mission_con2_dep4.png); }

.mission .con2 .listup dt p {display: table-cell; vertical-align: middle; font-size: 25px; line-height: 30px; text-align: center; color: #fff; position:relative; left: -5px;  word-break: keep-all;}

.mission .con2 .listup dd {background: #fff; min-height: 200px; display: table; margin-left: 90px;
	width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;}
.mission .con2 .listup dd p {font-size: 22px; line-height: 35px; color:#333; text-align: left; display:table-cell; vertical-align: middle;  padding: 30px 100px 30px 150px; }

.mission .con3 .listup {padding: 15px 50px 60px 50px;  box-sizing: border-box;}
.mission .con3 .none {border: 3px solid #e5e5e5;}
.mission .con3 .point {border: 3px solid #ffb8c7;}

.mission .con3 .listup h3 {border-radius: 30px; width: 345px; height:70px; line-height: 70px; text-align: center; font-size: 30px; font-weight: 500; margin: 0 auto; position: relative; top: -50px; color: #fff;}
.mission .con3 .none h3{background:#c3c3c3;}
.mission .con3 .point h3{background:#fc3d64;}

.mission .con3 .listup ul:after {content:""; display: block; clear: both;}
.mission .con3 .listup ul {padding-bottom: 15px; font-size: 20px; line-height: 25px;}
.mission .con3 .listup ul:last-child {padding-bottom: 0;}

.mission .con3 .listup ul li {text-align: center; height: 75px; box-sizing: border-box; position: relative; vertical-align: middle; display: inline-block; font-weight: 400;}
.mission .con3 .listup ul li.common, 
.mission .con3 .listup ul li.result{width: 46%; display: inline-table; box-sizing: border-box;}
.mission .con3 .listup ul li.common {background: #fff;}

.mission .con3 .listup ul li.common p, 
.mission .con3 .listup ul li.result p {display: table-cell; vertical-align: middle;  padding: 15px 65px;  word-break: keep-all;}

.mission .con3 .none ul li.common {border: 2px solid #c3c3c3; color: #c3c3c3;}
.mission .con3 .point ul li.common {border: 2px solid #fc3d64; color: #fc3d64;}

.mission .con3 .listup ul li.next{width:36px; height: 36px; margin: 0 8px !important;}
.mission .con3 .none ul li.next{background: url(/images/mission/mission_mission_con3_arrow_none.png)no-repeat;}
.mission .con3 .point ul li.next{background: url(/images/mission/mission_mission_con3_arrow_point.png)no-repeat;}

.mission .con3 .listup ul li.result {margin-right: 0;}

.mission .con3 .none ul li.result {background: #c3c3c3; color: #fff;  margin-right: 0;}
.mission .con3 .point ul li.result {background: #fc3d64; color: #fff;  margin-right: 0;}

.mission .con4 .bg {background: url(/images/mission/mission_mission_con4.png) center no-repeat; padding:50px 30px; height: 215px; width: 1040px; margin: 0 auto;}
.mission .con4 .listup {display: table; width: 100%; height: 100%; margin: 0 auto; position:relative;}
.mission .con4 .listup li { display: table-cell; width: 20%; vertical-align: middle; text-align: center; font-size: 23px; line-height: 27px; font-weight: 400;}

.mission .con4 .listup li:nth-child(1) p {margin-left: 10px; color: #09909f;}
.mission .con4 .listup li:nth-child(2) p {margin-left: 0px; color: #5059ab;}
.mission .con4 .listup li:nth-child(3) p {margin-left: -10px; color: #14a0c0;}
.mission .con4 .listup li:nth-child(4) p {margin-left: -20px; color: #01cc9b;}
.mission .con4 .listup li:nth-child(5) p {margin-left: -35px; margin-top: 10px; color: #7de314;}

.mission .con4 .feedback p {position:absolute; right:415px;}
.mission .con4 .feedback p.no {top :-30px;}
.mission .con4 .feedback p.ok {bottom:-30px;}
.mission .con5 .boxWrap {padding: 80px 0;}
.mission .con5 .bg {background: url(/images/mission/mission_mission_con5.jpg) center no-repeat; height: 260px; width: 1060px; margin: 0 auto; position: relative;}


.mission .con5 .bg ul > li {position: absolute; width: 170px; height:155px; display:table; text-align: center; font-weight: 500;}
.mission .con5 .bg ul > li p {display: table-cell; font-size: 22px; line-height:26px; vertical-align: middle;     padding-top: 5px; letter-spacing: -2px;}
.mission .con5 .bg ul > li:nth-child(1) {top:0; left:0; color:#00a8e6}
.mission .con5 .bg ul > li:nth-child(2) {top:85px; left:150px; color:#00d4bb}
.mission .con5 .bg ul > li:nth-child(3) {top:0; left: 295px; color:#e68200}
.mission .con5 .bg ul > li:nth-child(4) {top:85px; left: 443px;  color:#db003e}
.mission .con5 .bg ul > li:nth-child(5) {top:0; left: 592px; color:#bf005d}
.mission .con5 .bg ul > li:nth-child(6) {top:85px; right: 152px; color:#00d6a4}
.mission .con5 .bg ul > li:nth-child(7) {top:0; right:3px; color:#d0d0d0}

.mission .deps {margin-top: -150px;}
.mission .deps .ae,
.mission .deps .am {width: 50%;}

.mission .deps .ae {background: #d8f4ff;}
.mission .deps .am {background: #ffeeee;}

.mission .deps .wraps {width: 550px;}
.mission .deps dl {padding: 250px 0 80px 110px}
.mission .deps .wraps dt {font-size: 30px; font-weight: 500; margin-bottom: 20px;}

.mission .deps dt:before { content: ""; display: inline-block; width: 80px; height:80px; vertical-align: middle; padding-right: 10px;}
.mission .deps .ae dt {background: url(/images/mission/mission_mission_con4_ae.png)no-repeat;}
.mission .deps .am dt {background: url(/images/mission/mission_mission_con4_am.png)no-repeat;}

.mission .deps ul li {font-size: 22px; line-height: 30px; padding-bottom: 3px; position: relative; padding-left: 10px;}
.mission .deps ul li:before {content: ""; display: block; width: 3px; height: 1px;position: absolute; left: 0; margin-top: 12px;}

.mission .deps .ae li:before {background:#0096cd;}
.mission .deps .am li:before {background: #cf003b;}

.mission .deps .wraps ul li:last-child{padding-bottom: 0;}

.mission .deps .ae dt,
.mission .deps .ae dd {color: #0096cd;}
.mission .deps .am dt,
.mission .deps .am dd {color: #cf003b;}


/* 마케팅 컨텐츠 추가 */
.marketList:after {content: ""; display: block; clear: both;}
.marketList {width: 630px;}
.marketList li {width:305px; height:115px; box-sizing: border-box;display:table; margin-bottom: 28px; padding-left: 30px; position: relative;}
.marketList li:after {content: ""; background-repeat: no-repeat; width: 12px; height: 21px; position: absolute; right: 25px; top: 50%; margin-top: -14px;}
.marketList li:nth-child(3), .marketList li:nth-child(4) {margin-bottom: 0;}
.marketList li:nth-child(odd) {float: left;}
.marketList li:nth-child(even) {float: right;}
.marketList li a {display: table-cell; vertical-align: middle;}
.marketList li h3,.marketList li p {line-height: 100%; letter-spacing: -1.2px;}
.marketList li h3 {font-size: 30px; font-weight: 500;}
.marketList li p {font-size: 20px; padding-top: 13px; font-weight: 300;}

.main_marketW .marketImg{box-sizing: border-box; border: 4px solid #ffe21c;}
.main_marketW .marketList li {border:1px solid #656565; background:#1d1d1d;}
.main_marketW .marketList li:after {background-image: url(/images/inc/icon_listArrow_W.png);}
.main_marketW .marketList li:hover {background: #111; opacity: 0.8;}
.main_marketW .marketList li h3 {color: #f0f0f0;}
.main_marketW .marketList li p {color: #939393;}

.sub_marketW {border-top:1px solid #eee;}
.sub_marketW .marketList li {background:#fff; margin-bottom: 20px;}
.sub_marketW .marketList li:nth-child(3),
.sub_marketW .marketList li:nth-child(4) {margin-bottom: 0;}
.sub_marketW .marketList li:after {background-image: url(/images/inc/icon_listArrow_G.png);}
.sub_marketW .marketList li:hover {background: #ddd; opacity: 0.8;}
.sub_marketW .marketList li h3 {color: #000000;}
.sub_marketW .marketList li p {color: #868686;}

.conW .marketList li {background:#f3f3f3;}

/* 인기카테고리추가 */
.famousCateW .menu:after {content:""; display:block; clear:both; margin-bottom:-11px;}
.famousCateW .menu li {width: 127px; float: left; background: #fff; border: 1px solid #dadada; box-sizing: border-box; font-size: 18px; letter-spacing: -1px; text-align: center; height: 45px; line-height: 45px; margin-right:11px; margin-bottom:12px;}
.famousCateW .menu li:nth-child(8),
.famousCateW .menu li:nth-child(16) {margin-right: 0;}

.famousCateW .menu li a {display: block; width: 100%; height: 100%; color: #666;}
.famousCateW .menu li:hover{background: #fc3d64; border: 1px solid #fc3d64; }
.famousCateW .menu li:hover a {color: #fff;}

.famousCateW .pointW {border: 5px solid #c71b1b; background: #fff8f8;}
.famousCateW .pointW p {text-align: center; font-size: 30px; line-height:100%; color:#000; padding: 35px 0; letter-spacing: -1.5px;}
.famousCateW .pointW p .point {font-weight: 700; color: #c71b1b;}

/* 검색광고 */
.phoneW .thumb {overflow:visible;}
.phoneW .thumb .phone {background: url(/images/inc/bg_phone.png); width: 100%; height: 660px; background-size: 100% 100%; position: relative;}
.phoneW .thumb .phone .zoomW {position: absolute; top: 9.4%;  /* height: 550px; */ width: 96%;}

.balloon {position:relative; width:100%; height:65px; border-radius: 10px; display: table;}
.balloon .title {display: table-cell; vertical-align: middle; color: #fff;}

.balloon1{background:#4285f4;}
.balloon2{background:#fbc013;}
.balloon3{background:#34a853;}

.balloon:after{content:""; position:absolute; bottom: -20px; left: 50%; margin-left: -5px; display:inline-block; width:0; height:0; border-style:solid; border-width:10px;}
.balloon1:after {border-color:#4285f4 transparent transparent transparent;}
.balloon2:after {border-color:#fbc013 transparent transparent transparent;}
.balloon3:after {border-color:#34a853 transparent transparent transparent;}

.autoW .stxt {font-size: 28px; line-height: 1.5; color: #ea4333; font-weight: 700;}

/* 페이스북/인스타그램 팔로워추가 */
.followerW {border: 5px solid #eee; padding: 50px 15px 50px 30px; box-sizing: border-box; background: #fafafa;}
.followerW .title {font-size: 24px; line-height: 1.5; text-align: center;;}
.followerW .title .point {color: #ea4333;}
.followerW .listW {}
.followerW .listup {overflow:hidden; clear: both; margin-bottom:20px;}
.followerW .listup:last-child {margin-bottom:0;}
.followerW .listup li {float: left; width: calc(16.6% - 15px); margin-right: 15px;}
.followerW .listup .imgW img {width:100%;}
.followerW .listup .txtW {text-align: center; color: #333; margin-top: 15px;}
.followerW .listup .txtW dt {font-size:20px; line-height:1.3; font-weight: 500;}
.followerW .listup .txtW dd {font-size:16px;}
.followerW .listup .txtW .txt {font-size:16px; color: orangered;}
.followerW .listup .txtW .money .won {font-weight: 500; color: #000; display:inline-block;}
.followerW .listup .txtW .money .won:before {content: "￦"; display:inline-block; margin-right:2px;}

/* 해외사이니지 */
.overseas h4 {font-size: 22px;}
.overseas .plag .icon {width: 60px; vertical-align: bottom; margin-right: 20px; box-sizing: border-box; border: 1px solid #ccc;}
.overseas .plag .icon img {width: 100%;}
.overseas .tab li:first-child {border-left: 1px solid #ccc; margin-left: 1px !important;}

.overseas .tab li,
.overseas .tab li.active {line-height: 55px;}

.overseas .tab li {
	margin-top: 1px;
	width: 16.5% !important; 
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #666;
    border-left: 0;
    background: #f2f2f2;
    text-align: center;
    font-size: 20px;
	color: #999;
	padding: 0 !important;
	text-decoration: none;
}
.overseas .tab li:hover,
.overseas .tab li.active{
	margin-left: -1px;
	font-weight: 50px; 
    border-top: 2px solid #666;
    border-right: 1px solid #666;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #666;
    background: #fff;
    font-weight: 600;
	color: #333;
}

.overseas .tab li a{display: block; padding: 8px 15px !important; text-align: center;}
.overseas .tab li .icon {width: 50px !important; vertical-align: middle; margin-right: 10px;  box-sizing: border-box; border: 1px solid #ccc;}

.overseas .mapList li {line-height: 45px;}
.overseas .mapList .num {display: inline-block; background: #000; text-align: center; width: 20px; height: 20px; line-height:20px; margin-right: 8px; color: #fff; font-size: 15px;}
.overseas .mapList .btn {border: 1px solid #ddd; background: #fff; font-size: 16px; line-height: 24px; padding: 5px 10px; text-align: center; color: #333; display: inline-block; margin: 0 auto; margin-left:10px !important; vertical-align: middle;}

.overseas .mapList .btn .arrow {font-size: 12px; display: inline-block; margin-left: 8px; vertical-align: top;}

.overseas .thumb img{box-sizing: border-box; border: 1px solid #eee;}

.overseas .table_con1 table td {text-align: center;}