@charset "utf-8";


/* ==========================================================================
   contents
   ========================================================================== */

/*slide*/
.bx-pager{position:absolute;}
.bx-pager-item { display:inline; margin-right:8px; }
.bx-pager-item a { display:inline-block; width:13px; height:13px;text-indent:1000px; font-size:0em;background:url(../images/common/slide_pager.png) no-repeat left top;}
.bx-pager-item a.active {background-position:right top; }
.bx-controls-direction a{display:block;width:35px;height:55px;position:absolute;top:50%;margin-top:-27px;font-size:0px;text-indent:-9999em;background:url(../images/common/slide_prev.png) no-repeat left top;}
.bx-controls-direction a:hover,
.bx-controls-direction a:focus
.bx-controls-direction a:active{background-position:left bottom;}
.bx-controls-direction a.disabled{opacity:0.4;cursor:default;}
.bx-controls-direction .bx-prev{left:20px;}
.bx-controls-direction .bx-next{right:20px;background-image:url(../images/common/slide_next.png);}

/*스타일 가이드*/
.guide{}
.guide > h1{color:#000}
.guide > h2{margin:50px 0 20px}
.guide > h2:first-child{margin-top:0;}
.guide > h3{margin:30px 0 10px}
.guide > h4{margin:20px 0 10px}
.guide > p{margin-bottom:10px}


/* TELESTAR 카테고리 */
.p_info{background:url(../images/telestar/bg_info.jpg) no-repeat 100% 125px;}
	.p_info h2 + section{padding-top:60px}
.p_greeting .inbg{background:url(../images/telestar/bg_greeting.jpg) no-repeat 50% 0;padding-top:430px}
.p_vision{}
	.p_vision > h3{text-align:center;padding-bottom:50px;}
	.p_vision > h3 > img{max-width:100%}
	.p_vision > p{border-bottom:1px dashed #ddd;padding-bottom:50px}
	.p_vision > ol{width:600px;margin:0 auto}
	.p_vision > ol > li{font-family:NGB;font-size:14px;padding-left:1.1em;text-indent:-1.1em;line-height:1.8em;letter-spacing:-0.05em}
	.p_vision > ol > li > i{display:block;font-style:normal;padding-left:1.1em;}
	.p_vision > ol > li span{color:#0785c0}
	.p_vision > ol > li + li{padding-top:30px}
	.p_vision > ul{margin:50px auto 0;width:561px;height:544px;background:url(../images/telestar/bg_vision.gif) no-repeat 0 0;}
	.p_vision > ul > li{width:220px;height:212px;padding:30px;float:left;font-family:NGB;font-size:16px}
	.p_vision > ul > li:first-child{padding-top:200px;text-align:right;height:42px}
	.p_vision > ul > li:first-child + li{padding-top:200px;height:42px}
	.p_vision > ul > li:first-child + li + li{text-align:right}
.p_partner{}
	.p_partner > ul{overflow:hidden;width:1020px;margin-left:-10px}
	.p_partner > ul > li{float:left;width:150px;margin:0 10px 20px}
	.p_partner > ul > li > span{display:block;text-align:center;color:#000;font-family:NGB;font-size:14px;line-height:47px;border:1px solid #ddd;border-top:2px solid #000;}
.p_history > ul > li{padding-left:220px;position:relative;}
	.p_history > ul > li + li{margin-top:30px;}
	.p_history > ul > li > strong{position:absolute;top:0;left:0;display:block;width:180px;color:#0785c0;font-size:32px;line-height:1em;border-top:1px solid #0785c0;padding-top:20px;}
	.p_history > ul > li > ul{border-top:1px solid #ddd;font-size:18px;color:#222}
	.p_history > ul > li > ul > li{position:relative;padding-left:90px}
	.p_history > ul > li > ul > li + li{border-top:1px solid #eee;}
	.p_history > ul > li > ul > li > strong{position:absolute;top:0;left:0;display:block;padding-top:20px;font-size:24px;line-height:1em;width:2.3em;text-align:right}
	.p_history > ul > li > ul > li > p{padding:20px 0}
	.p_history > ul > li > ul > li > p + p{border-top:1px dashed #eee}
.p_organization > section{overflow:hidden;background:url(../images/telestar/bg_line.gif) repeat-x 0 50%;}
	.p_organization > section > h3{border:4px solid #000;width:67.2%;text-align:center;line-height:292px;background:#fff;float:left;font-size:48px;}
	.p_organization > section > h3 img:hover, .p_organization > section > h3 img:focus, .p_organization > section > h3 img:active{/*-webkit-animation-name: shake;animation-name: shake;*/}
	.p_organization > section > ul{float:right;width:30%;background:url(../images/telestar/bg_line.gif) repeat-y 50% 0;font-size:24px;}
	.p_organization > section > ul > li{border:4px solid #000;background:#fff;line-height:72px;font-family:NGB;padding:0 30px}
	.p_organization > section > ul > li + li{margin-top:30px}
	.p_organization > section > ul > li > img{padding-right:5px}
	.p_organization > section > ul > li > img:hover, .p_organization > section > ul > li > img:focus, .p_organization > section > ul > li > img:active{/*-webkit-animation-name: shake;animation-name: shake;*/}
#map_area{width:100%;height:600px;margin-bottom:50px}
	#map_area h2{border-bottom:2px solid #474c5b;margin-bottom:10px}
	#map_area p{color:#000;line-height:1.5em}
	#map_area p span{color:#4d66a1;border:1px solid #b6c4e1;margin-right:5px;font-size:0.9em}
	#map_area + .cont_titB{font-size:54px;border-top:2px solid #333;border-bottom:2px solid #333;width:780px;margin:0 auto 60px;padding:30px 0}
.p_map .cont_tit {font-size:28px}
.p_map > section{overflow:hidden;border:1px solid #ddd;width:100%}
	.p_map > section > article{float:left;width:33%;padding-top:3.3%;min-height:177px;position:relative}
	.p_map > section > article + article{border-left:1px solid #ddd}
	.p_map > section > article > h3{color:#1a92d7;font-size:24px;text-align:center}
	.p_map > section > article > div, .p_map > section > article > ol{position:absolute;bottom:7.8%;left:6.7%;right:6.7%}
	.p_map > section > article > div > p{font-size:13px;font-family:NGB;padding-top:5px;}
	.p_map > section > article > ol > li{font-size:13px;color:#666;padding-top:5px;letter-spacing:-0.05em}
	.p_map > section > article > ol > li:first-child{color:#333;font-family:NGB}

/* product 카테고리 */
.product.top_visual{background:url('../images/product/top_visual.jpg') no-repeat center center;background-size:cover;height:120px;padding-top:80px}
.p_system{}
	.ic_system {position:relative;}
	.ic_system > h4, .ic_system > div > p > span, .ic_system li{height:38px;width:114px;padding-top:76px;border-radius:57px;text-align:center;color:#fff;font-family:NGB}
	.ic_system > h4:hover, .ic_system > div > p > span:hover, .ic_system li:hover,.ic_system > h4:focus, .ic_system > div > p > span:focus, .ic_system li:focus, .ic_system > h4:active, .ic_system > div > p > span:active, .ic_system li:active{/*-webkit-animation-name: rotateL;animation-name: rotateL;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration: 1s;  animation-duration: 1s;*/}
	.ic_system > h4{background:#1a92d7 url(../images/common/ic_cloud.png) no-repeat 50% 30%;position:absolute;top:0;left:713px;}
	.ic_system > p{color:#d00303;font-family:NGB;position:absolute;top:140px;left:713px;}
	.ic_system > ul{position:absolute;top:65px;right:0}
	.ic_system > ul li{background:#333 url(../images/common/ic_compass.png) no-repeat 50% 30%;}
	.ic_system > ul li + li{background-image:url(../images/common/ic_talk.png);margin-top:25px}
	.ic_system > div{overflow:hidden;width:770px;border-right:5px solid #333}
	.ic_system > div h5{clear:both;background:#333;line-height:40px;font-size:16px;color:#fff;text-align:center;border-top:1px solid #929292;border-bottom:1px solid #929292}
	.ic_system > div h5:hover, .ic_system > div h5:focus, .ic_system > div h5:active{/*-webkit-animation-name: rubberBandInContent;animation-name: rubberBandInContent;*/}
	.ic_system > div ul, .ic_system > div p{overflow:hidden;float:left;padding-bottom:50px;background:url(../images/common/dot_gray.gif) repeat-y 50% 0}
	.ic_system > div ul{background-position:44% 0;}
	.ic_system > div h5 + ul{padding-bottom:0;padding-top:50px;background-position:43% 0;}
	.ic_system > div li{position:relative;float:left;background:#999 url(../images/common/ic_headset.png) no-repeat 50% 30%;margin-right:65px}
	.ic_system > div li:first-child{background-image:url(../images/common/ic_net.png);}
	.ic_system > div li:first-child + li{background-image:url(../images/common/ic_page.png);}
	.ic_system > div li:first-child + li + li{background-image:url(../images/common/ic_rec.png);}
	.ic_system > div li span{position:absolute;color:#000;display:block;width:35px;}
	.ic_system > div li:first-child span{right:-50px;top:62px;padding-top:11px;background:url(../images/common/ic_arrow_r.gif) no-repeat 50% 0}
	.ic_system > div li:first-child + li span{left:-50px;top:26px;padding-bottom:11px;background:url(../images/common/ic_arrow.gif) no-repeat 50% 100%}
	.ic_system > div li:first-child + li + li span{left:-50px;top:50%;height:1px;background:url(../images/common/bg_dashed.gif) repeat-x 0 50%;}
	.ic_system > div h5 + ul li:first-child, .ic_system > div h5 + ul li:first-child + li{margin-right:24px;background-image:url(../images/common/ic_headset.png);}
	.ic_system > div h5 + ul li:first-child + li + li{background-image:url(../images/common/ic_man.png);}
	.ic_system > div p span{display:block;background:#999 url(../images/common/ic_server.png) no-repeat 50% 30%;}
	.ic_system > div h5 + ul + p{padding-top:50px;padding-bottom:0;}
	.ic_system > div h5 + ul + p span{background-image:url(../images/common/ic_paper.png);background-size:50%}
.p_ivr{}
	.ic_ivr{position:relative;width:800px;margin:0 auto;overflow:visible;height:255px;background:url(../images/common/bg_dashed.gif) repeat-x 0 160px;}
	.ic_ivr > li{position:relative;width:126px;font-size:16px;font-family:NGB;text-align:center;padding-top:100px}
	.ic_ivr > li:first-child{float:left;}
	.ic_ivr > li:first-child + li{position:absolute;top:0;left:50%;margin-left:-63px}
	.ic_ivr > li:first-child + li + li{float:right;}
	.ic_ivr > li > span{display:block;width:126px;height:126px;border-radius:63px;margin-bottom:5px;background:#999 url(../images/common/ic_man_b.png) no-repeat 50% 50%;}
	.ic_ivr > li > span:hover, .ic_ivr > li > span:focus, .ic_ivr > li > span:active{/* -webkit-animation-name: rubberBandInContent;animation-name: rubberBandInContent;-webkit-animation-delay:0s;animation-delay:0s;*/}
	.ic_ivr > li:first-child + li > span{background-image:url(../images/common/ic_book.png);}
	.ic_ivr > li:first-child + li + li > span{background-image:url(../images/common/ic_paper.png);}
	.ic_ivr > li > p , .ic_ivr > li > ul{position:absolute;top:0;left:50%;margin-left:-90px;width:180px;padding-bottom:20px;font-size:14px;line-height:1.7em;background:url(../images/common/ic_bottom.gif) no-repeat 50% 100%}
	.ic_ivr > li > ul > li{text-align:left;padding-left:10px}
.p_phone .inbg{overflow:hidden;}
	.p_phone .inbg > p{float:left;border:1px solid #ddd;text-align:center;padding:60px 60px 40px 15px;width:583px;margin-bottom:50px}
	.p_phone .inbg > p > img{max-width:100%}
	.p_phone .inbg > div{float:right;width:300px;text-align:center}
	.p_phone .inbg > div > h4{border-top:1px solid #0785c0;color:#0785c0;padding:14px 0 34px;font-size:24px}
	.p_phone .inbg > div > ul{width:330px;margin:0 0 10px -30px}
	.p_phone .inbg > div > ul > li{float:left;width:135px;margin-left:30px;border-top:1px dashed #ddd;color:#222;padding:7px 0 25px}
	.p_phone .inbg > div > p{font-family:NGB;}
	.p_phone .inbg > ul{overflow:hidden;clear:both;width:800px;margin:0 auto}
	.p_phone .inbg > ul li{float:left;width:300px;height:105px;padding-top:195px;margin:0 50px;text-align:center;font-family:NGB;line-height:1.8em;color:#fff;background:url('../images/product/ic_phone1.gif') no-repeat 50% 50%}
	.p_phone .inbg > ul li + li{color:#0785c0;background:url('../images/product/ic_phone2.gif') no-repeat 50% 50%}
	.p_phone .inbg > ul > li:hover, .p_phone .inbg > ul > li:focus, .p_phone .inbg > ul > li:active{/*-webkit-animation-name: rotateR;animation-name:  rotateR;*/}
	.p_phone .inbg > ul > li + li:hover, .p_phone .inbg > ul > li + li:focus, .p_phone .inbg > ul > li + li:active{/*-webkit-animation-name: rotateL;animation-name:  rotateL;*/}
.f_3th, .f_2th{overflow:hidden;clear:both;}
.f_3th > li{float:left;width:32%}
.f_2th > li{float:left;width:49%}
.f_3th > li + li, .f_2th > li + li{margin-left:2%}
.f_3th > li > img, .f_2th > li > img, .img1th > img{max-width:100%;}
.img1th{text-align:center}


/* service 카테고리 */
.service.top_visual{background:url('../images/service/top_visual.jpg') no-repeat center center;background-size:cover;}
.p_ipcc{}
	.ic_ipcc{}
	.ic_ipcc p{width:122px;height:38px;padding-top:84px;color:#fff;text-align:center;border-radius:61px;background:#999 url(../images/common/ic_paper.png) no-repeat 50% 40%;font-family:NGB;font-size:11px;}
	.ic_ipcc p:hover, .ic_ipcc p:focus, .ic_ipcc p:active{/*-webkit-animation-name: rotateR;animation-name: rotateR;-webkit-animation-duration: 1s; animation-duration: 1s;-webkit-animation-delay:0s;animation-delay:0s;*/}
	.ic_ipcc h4{text-align:center;line-height:32px;border:2px solid #ddd;border-radius:16px;width:715px;margin:0 0 20px 280px}
		.ic_ipcc1 {overflow:hidden;padding-bottom:60px;margin-bottom:20px;background:url(../images/common/ic_bottom2.gif) no-repeat 50% 100%}
		.ic_ipcc1 div{margin-top:56px;position:relative;background:url(../images/service/ic_plus.gif) no-repeat 146px 22px;float:left;width:278px}
		.ic_ipcc1 div p{background:#222 url(../images/common/ic_page.png) no-repeat 50% 40%;}
		.ic_ipcc1 ul li{position:relative;background:url(../images/common/ic_plus2.gif) no-repeat 148px 22px;float:left;width:200px}
		.ic_ipcc1 ul li:first-child + li + li + li{width:122px;background:none;}
		.ic_ipcc1 ul li:first-child p{background-image:url(../images/common/ic_page.png);}
		.ic_ipcc1 ul li:first-child + li p{background-image:url(../images/common/ic_book.png);}
		.ic_ipcc1 ul li:first-child + li + li p{background-image:url(../images/common/ic_rec.png);}
		.ic_ipcc1 span{font-size:14px;color:#fff;font-family:NGB;padding:10px 18px;background:#1a92d7;position:absolute;top:72px;left:170px;}
		.ic_ipcc1 ul li span{left:140px;background:url(../images/service/bg_risk.png) no-repeat 50% 50%;line-height:51px;width:49px;padding:0;text-align:center;top:68px}
		.ic_ipcc2{overflow:hidden}
		.ic_ipcc2 h3 + ul{float:left;width:300px;padding-top:56px}
		.ic_ipcc2 h3 + ul > li{background:#999;padding:17px 20px;color:#fff;font-size:14px;letter-spacing:-0.08em;border-radius:5px;}
		.ic_ipcc2 h3 + ul > li + li{margin-top:35px}
		.ic_ipcc2 h3 + ul > li > span{float:right;padding-left:25px;background:url(../images/common/ic_arrow_rg2.gif) no-repeat 0 50%;font-family:NGB;}
		.ic_ipcc2 h4{margin-left:590px;width:195px;}
		.ic_ipcc2 > div{float:right;width:372px;margin-right:80px;background:#fafafa;overflow:hidden;padding:20px 40px;}
		.ic_ipcc2 > div div {position:relative;float:left;margin-right:50px;background:url(../images/common/ic_updown2.gif) no-repeat 50% 50%}
		.ic_ipcc2 > div div > span{color:#1a92d7;position:absolute;top:47%;left:80px;font-family:NGB;}
		.ic_ipcc2 > div div p{background-image:url(../images/common/ic_pan.png);}
		.ic_ipcc2 > div div p + p{background-image:url(../images/common/ic_sip.png);padding-top:84px;margin-top:45px}
		.ic_ipcc2 div + div{width:200px;float:left;margin:0;background:none}
		.ic_ipcc2 h5{font-size:16px;color:#1a92d7;text-align:center;margin-bottom:15px}
		.ic_ipcc2 h5 + ul{padding-bottom:37px;margin-bottom:10px;background:url(../images/common/ic_updown.gif) no-repeat 50% 100%}
		.ic_ipcc2 h5 + ul li{font-family:NGB;color:#000;border:1px solid #e2e2e2;line-height:34px;text-align:center;}
		.ic_ipcc2 h5 + ul li + li{border-top:none}
		.ic_ipcc2 h5 + ul li:first-child + li + li + li{background:#f4f4f4;}
		.ic_ipcc2 div > ul + p{background:#1a92d7;width:100%;padding:0;border-radius:0;line-height:54px;height:54px}
		.ic_ipcc2 div > ul + p:hover, .ic_ipcc2 div > ul + p:active, .ic_ipcc2 div > ul + p:focus{/*-webkit-animation-name: rubberBandInContent;animation-name: rubberBandInContent;*/}
.p_ipccC .tb_cont{margin-top:50px}
.p_ipccC .tb_cont th[colspan], .p_ipccC .tb_cont th.t_platinum, .p_ipccC .tb_cont th.t_gold, .p_ipccC .tb_cont th.t_silver{padding:10px 0}
.p_ipccC .tb_cont .t_platinum{text-align:center;color:#5d6d7a}
.p_ipccC .tb_cont .t_gold{text-align:center;color:#cda12b}
.p_ipccC .tb_cont .t_silver{text-align:center;color:#999}
.p_ipccC .tb_cont.m_ver{display:none;}
.p_ipccC .tb_cont.m_ver tbody th, .p_ipccC .tb_cont.m_ver td[colspan], .p_ipccC .tb_cont.m_ver thead th[rowspan], .p_ipccC .tb_cont.m_ver .b_bottom{border-bottom:1px solid #999}


/* 고객센터 카테고리 */
.customer.top_visual{background:url('../images/customer/top_visual.jpg') no-repeat center center;background-size:cover;height:120px;padding-top:80px;}

/* ========================================================================== 
   ie fix
   ========================================================================== */



/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */

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

	/* TELESTAR 카테고리 */
	.p_info{background-position:50% 156px;}
		.p_info h2 + section{padding-top:170px}
	.p_history > ul > li{padding-left:20%}
		.p_history > ul > li > strong{width:18%}
	.p_partner{}
		.p_partner > ul{width:104%;margin-left:-2%}
		.p_partner > ul > li{width:22%;margin:0 1.5% 20px}
		.p_partner > ul > li > span{font-size:13px;}
	.p_organization > section > ul {font-size:20px;letter-spacing:-0.05em}	
		.p_organization > section > ul > li{padding:0 5.5%}
	#map_area{height:400px;margin-bottom:30px}
	.p_map .cont_tit{border-top:2px solid #333;border-bottom:2px solid #333;margin-bottom:30px;padding:10px 0 15px;font-size:28px;line-height:1em}
		.p_map > section > article{float:none;width:auto}
		.p_map > section > article:first-child p{font-size:18px;text-align:center}
		.p_map > section > article + article{border-left:none;border-top:1px solid #ddd}
		.p_map > section > article > div, .p_map > section > article > ol{width:300px;left:50%;right:auto;margin-left:-150px;}

	/* product 카테고리 */
	.ic_system{padding-bottom:200px;max-width:500px;margin:0 auto}
		.ic_system h4{top:auto;left:auto;bottom:148px;right:0;z-index:9}
		.ic_system > p{top:auto;left:auto;bottom:178px;right:120px;}
		.ic_system > ul{top:auto;bottom:0;right:50%;margin-right:-140px;overflow:hidden;width:280px;}
		.ic_system > ul > li{float:left;}
		.ic_system > ul li + li{margin:0 0 0 52px}
		.ic_system > div{position:relative;border-right:none;border-bottom:5px solid #333;width:auto;z-index:1;}
		.ic_system > div h5{float:left;clear:none;line-height:760px;width:20%;border:none;position:relative;z-index:9}
		.ic_system > div ul{width:40%;background:url(../images/common/bg_dashed.gif) repeat-x 0 50%;padding:0}
		.ic_system > div ul li{float:none}
		.ic_system > div ul li + li{margin-top:70px}
		.ic_system > div li:first-child span{right:auto;left:15px;top:130px;line-height:33px;padding:0;background:url(../images/common/ic_arrow_d.gif) no-repeat 100% 0}
		.ic_system > div li:first-child + li span{left:auto;right:15px;top:-53px;line-height:33px;padding:0;background:url(../images/common/ic_arrow_u.gif) no-repeat 0 0}
		.ic_system > div li:first-child + li + li span{left:50%;top:-53px;height:33px;width:1px;background:url(../images/common/dot_gray.gif) repeat-y 50% 0}
		.ic_system > div p{position:absolute;left:0;bottom:100px;padding:0;width:40%;background:url(../images/common/bg_dashed.gif) repeat-x 0 50%}
		.ic_system > div h5 + ul{float:right;padding:0;background-position:0 50%;}
		.ic_system > div h5 + ul li{float:right;margin:0}
		.ic_system > div h5 + ul li:first-child, .ic_system > div h5 + ul li:first-child + li{margin-right:0px}
		.ic_system > div h5 + ul li + li{margin-top:30px;}
		.ic_system > div h5 + ul + p{left:auto;right:0;bottom:165px;padding:0}
		.ic_system > div h5 + ul + p span{float:right}
	.ic_ivr{width:auto}
	.p_phone .inbg > p{float:none;padding:40px 10% 30px 5%;width:83%;margin:0 auto 30px}
		.p_phone .inbg > div{float:none;width:100%;text-align:center;margin-bottom:50px}
		.p_phone .inbg > div > ul{width:100%;margin:0;}
		.p_phone .inbg > div > ul > li{width:21%;margin:0 2%;}
		.p_phone .inbg > ul{width:510px;}
		.p_phone .inbg > ul li{width:220px;height:85px;padding-top:135px;margin:0;background-size:cover}
		.p_phone .inbg > ul li + li{background-size:cover;margin-left:70px}

	/*service 카테고리*/
	.ic_ipcc1{}
	.ic_ipcc1 h3 strong{display:block;font-family:NG;}
	.ic_ipcc1 div{float:none;width:245px;padding-bottom:70px;margin:0 auto 20px;background:url(../images/service/ic_plus2.gif) no-repeat 50% 100%;}
	.ic_ipcc1 div p{width:245px;height:90px;padding-top:155px;border-radius:123px;font-size:18px;background:#222 url(../images/common/ic_page_big.png) no-repeat 50% 40%;}
	.ic_ipcc1 div span{font-size:13px;padding:10px 20px;top:270px;left:10px}
	.ic_ipcc1 h4{width:auto;margin:0 auto 20px;font-size:16px}
	.ic_ipcc1 ul li{width:21%;padding-right:5.3%;background-position:98% 30%}
	.ic_ipcc1 ul li:first-child + li + li + li{width:21%;padding:0;background:none;}
	.ic_ipcc1 ul li p{margin:0 auto}
	.ic_ipcc1 ul li span{padding:5px 10px;left:auto;right:0;margin-right:-15px}
	.ic_ipcc2{}
	.ic_ipcc2 h3 + ul{width:40%;}
	.ic_ipcc2 > h4{font-size:16px;margin:0 0 20px 56%}
	.ic_ipcc2 > div {margin:0;width:48%;padding:20px 5%;margin:0}
	.ic_ipcc2 > div div {margin:0;width:45%}
	.ic_ipcc2 > div div > p{margin:0 auto}
	.ic_ipcc2 > div div > span{left:65%}
	.ic_ipcc2 div + div{float:right;width:48%;margin:0}
}

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

	/* TELESTAR 카테고리 */
	.p_info{background-position:50% 15%;background-size:auto 100px;}
		.p_info h2 + section{padding-top:120px}
	.p_greeting .inbg{background-size:auto 200px;padding-top:230px}
	.p_vision > ol{width:100%;}
		.p_vision > ol > li{font-size:13px;}
		.p_vision > ol > li > i{display:inline;padding:0}
		.p_vision > ol > li + li{padding-top:20px}
		.p_vision > ul{width:220px;background-size:100% auto;height:215px}
		.p_vision > ul > li{width:90px;padding:10px;font-size:13px;letter-spacing:-0.05em;line-height:1.2em}
		.p_vision > ul > li:first-child{padding-top:70px;height:25px}
		.p_vision > ul > li:first-child + li{padding-top:70px;height:25px}
	.p_history > ul > li > strong{font-size:18px;padding-top:15px;letter-spacing:-0.05em;}
		.p_history > ul > li > ul{font-size:13px}
		.p_history > ul > li > ul > li{padding-left:3.8em}
		.p_history > ul > li > ul > li > strong{font-size:15px;padding-top:16px}
		.p_history > ul > li > ul > li > p{padding:15px 0}
	.p_partner{}
		.p_partner > ul{margin-left:-1.9%}
		.p_partner > ul > li{width:31.9%;margin:0 0.7% 1.4%;}
		.p_partner > ul > li > span{font-size:10px;letter-spacing:-0.1em;line-height:32px}
	.p_organization > section{background:none;}
		.p_organization > section > h3{float:none;width:auto;line-height:120px;font-size:36px}
		.p_organization > section > h3 img{width:105px}
		.p_organization > section > ul{float:none;background:none;width:auto;margin-top:15px;font-size:18px}
		.p_organization > section > ul > li{line-height:54px;text-align:center;}
		.p_organization > section > ul > li + li{margin-top:15px}
		.p_organization > section > ul > li img{height:1em}
	#map_area{height:200px}
	.p_map .cont_tit{font-size:18px;letter-spacing:-0.05em}
		.p_map .cont_tit .sub_tit{font-size:12px;line-height:1.3em;padding-bottom:6px}
		.p_map > section > article{min-height:100px;}
		.p_map > section > article:first-child + article + article{min-height:140px;}
		.p_map > section > article:first-child p{font-size:11px;}
		.p_map > section > article > h3{font-size:20px}
		.p_map > section > article > div > p{font-size:11px}
		.p_map > section > article > div, .p_map > section > article > ol{width:200px;margin-left:-100px;bottom:8%}
		.p_map > section > article > ol > li{font-size:11px;letter-spacing:-0.08em}

	/* product 카테고리 */
	.product.top_visual{height:80px;padding-top:70px}
	.ic_system {padding-top:20px;padding-bottom:140px;max-width:400px;}
		.ic_system > h4, .ic_system > div > p > span, .ic_system li{width:90px;padding-top:55px;height:35px;}
		.ic_system h4{background-size:60%;bottom:100px}
		.ic_system > p{bottom:120px;right:94px}
		.ic_system > ul{margin-right:-110px;width:220px;}
		.ic_system > ul li{background-size:40%;}
		.ic_system > ul li + li{margin-left:40px}
		.ic_system > div li{background-size:auto 40%}
		.ic_system > div ul li + li{margin-top:50px}
		.ic_system > div li:first-child span{left:10px;top:98px;}
		.ic_system > div li:first-child + li span{right:10px;top:-41px;}
		.ic_system > div li:first-child + li + li span{top:-41px;}
		.ic_system > div p {bottom:20px}
		.ic_system > div p span{background-size:auto 40%}
		.ic_system > div h5{line-height:530px}
		.ic_system > div h5 + ul li + li{margin-top:15px;}
		.ic_system > div h5 + ul + p{bottom:100px}
	.f_3th > li, .f_2th > li{float:none;width:100%;text-align:center}
	.f_3th > li + li, .f_2th > li + li{margin-left:0;margin-top:5%}
	.ic_ivr{overflow:hidden;height:auto;width:260px;padding-left:15px;left:-15px;background:url(../images/common/dot_gray.gif) repeat-y 68px 0; }
	.ic_ivr > li{width:106px;padding-top:0;background:#fff url(../images/common/bg_dashed.gif) repeat-x 0 53px;padding-right:15px;font-size:15px;}
	.ic_ivr > li:first-child{float:none;margin-bottom:20px;background:#fff;}
	.ic_ivr > li:first-child + li{position:relative;left:0;margin:0 0 20px;}
	.ic_ivr > li:first-child + li + li{float:none}
	.ic_ivr > li > span{width:90px;height:90px;background-size:auto 50%}
	.ic_ivr > li > p , .ic_ivr > li > ul{left:126px;margin:0;font-size:11px;width:134px;text-align:left;background:#fff;top:25px}
	.ic_ivr > li > ul li{padding:0;}
	.p_phone .inbg > div > h4{font-size:20px}
	.p_phone .inbg > div > ul > li{width:46%;margin:0 2%;}
		.p_phone .inbg > ul{width:260px;}
		.p_phone .inbg > ul li{width:90px;height:60px;padding-top:30px;margin:0 20px;background:#0785c0;border-radius:45px;font-size:11px}
		.p_phone .inbg > ul li + li{margin:0 20px;width:86px;height:58px;padding-top:28px;background:#fff;border:2px solid #0785c0}
	/*.p_pbx .cont_tit {font-size:18px}
		.p_pbx .cont_tit > .sub_tit{font-size:13px}*/
	

	/* service 카테고리 */
	.p_ipcc .cont_tit > .sub_tit{font-size:13px}
	.ic_ipcc1 h3 strong{font-size:13px}
	.ic_ipcc1 div{width:220px;padding-bottom:60px}
	.ic_ipcc1 div p{margin:0 auto;width:122px;height:38px;padding-top:84px;border-radius:61px;font-size:11px;background:#222 url(../images/common/ic_page.png) no-repeat 50% 40%;}
	.ic_ipcc1 div span{font-size:11px;padding:10px 20px;top:130px;}
	.ic_ipcc1 ul li{background-size:16px;background-position:100% 0;}
	.ic_ipcc1 ul li p{width:50px;height:32px;padding-top:18px;background-image:none;}
	.ic_ipcc1 ul li:first-child p, .ic_ipcc1 ul li:first-child + li p, .ic_ipcc1 ul li:first-child + li + li p{background-image:none;}
	.ic_ipcc1 ul li span{top:20px;font-size:11px;background-size:100%;width:30px;height:29px;padding:0;margin-right:-7px;line-height:29px}
	.ic_ipcc2 h3 + ul{float:none;padding:0;margin:0 auto 30px;width:auto;max-width:320px}
	.ic_ipcc2 h3 + ul li + li{margin-top:15px}
	.ic_ipcc2 > h4{margin:0 auto 20px;}
	.ic_ipcc2 > div{float:none;width:100%;padding:0;background:none;overflow:visible}
	
	.p_ipccC .tb_cont{display:none}
	.p_ipccC .tb_cont.m_ver{display:block;font-size:10px}
	.p_ipccC .tb_cont th[colspan], .p_ipccC .tb_cont th.t_platinum, .p_ipccC .tb_cont th.t_gold, .p_ipccC .tb_cont th.t_silver{padding:5px 0}
	.p_ipccC .tb_cont th.b_bottom{padding:15px 0}
	
	/* 고객센터 카테고리 */
	.customer.top_visual{height:80px;padding-top:70px}
	
}