@charset "utf-8";


@media screen and (max-width : 1230px) {
	.double-next { display : none }
	.double-prev { display : none }

	.history .timeline .box .inner .txt p { font-size : 15px; line-height : 130%  }
}
@media screen and (max-width:1024px){
	
	/*
	#header { height:60px }
	#header .logo a { height:40px; margin:0; padding:10px }
	#header .logo a img { height:100%; width:auto }

	.btn-for-mobile-toggle { display:block }
	.gnb { display : none }
	.mobile-gnb { display:none; position:absolute; top:60px; left:0; right:0 }
	.mobile-gnb > ul > li { display:block; float : none; width : 100%; line-height:50px; background:rgba(0,0,0,0.85); padding:0; text-indent:15px; border-bottom:1px solid rgba(255,255,255,0.1) }
	.mobile-gnb li a { color:#fff }
	.mobile-gnb li ul { position:relative; top:0; left:0; right:0; padding:0 }
	.mobile-gnb li ul:before { content:"" }
	.mobile-gnb li li { text-align:left; line-height:40px; border-bottom:1px solid rgba(255,255,255,0.2) }
	.mobile-gnb li li:last-child { border:0px none } */

	.gnb-top-ic { display : none }
	#header { height:60px }
	#header .logo h1 { text-align : center }
	#header .logo a { margin: 5px 0 0 0; padding:10px }
	#header .logo a img { width: 120px; height : auto !important }

	.btn-for-mobile-toggle { display:block; position : absolute; right : inherit; left : 0px  }
	.gnb { display : none }
	.mobile-gnb { display:none; position:absolute; top:60px; left:0; right:0 }
	.mobile-gnb > ul > li { display:block; float : none; width : 100%; line-height:50px; background:rgba(0,0,0,0.85); padding:0; text-indent:15px; border-bottom:1px solid rgba(255,255,255,0.1) }
	.mobile-gnb li a { color:#fff }
	.mobile-gnb li ul { position:relative; top:0; left:0; right:0; padding:0 }
	.mobile-gnb li ul:before { content:"" }
	.mobile-gnb li li { text-align:left; line-height:40px; border-bottom:1px solid rgba(255,255,255,0.2) }
	.mobile-gnb li li:last-child { border:0px none }
	
	.main-vslide li { height:500px }
	.main-vslide li p { font-size:40px; line-height:46px; position:absolute; top:45%; width:100%; word-break:keep-all }
	.main-vslide li h1 { font-size:40px; line-height:46px; position:absolute; top:45%; width:100%; word-break:keep-all }
	.main-vslide li p:before, .main-vslide li p:after { content:""; padding:0 }

	.m-content-4 .bx-wrapper .bx-prev { left:10px }
	.m-content-4 .bx-wrapper .bx-next { right:10px }
	.prt-slider li img { max-width:100px; height:auto }
	
	.m-content-1 li { width:33.33%; height:auto; padding:60px 0 40px 0 }
	.m-content-1 li:first-child { width:100%; padding:30px 0 }
	.m-content-1 li:nth-child(2):before { content:"" }
	.m-content-1 li:nth-child(3):before { content:url(../images/service-ic-0-arrow.png); height:28px; position:absolute; top:0; left:50%;  transform:rotate(90deg) }
	.m-content-1 li .ic { width:60px; height:60px; margin:0 auto }
	
	.m-content-2 { height:auto }
	.m-content-2 .box-wrap { margin-left:10px; margin-right:10px }
	.m-content-2 .box { width:100%; float:none }
	.m-content-2 .box .inner { margin:0 ! important }
	.m-content-2 .box .inner > div > p { height:auto }

	#footer .box-wrap { margin:0 10px }
	#footer .box { width:48%; margin-bottom:30px }
	#footer .box .inner { margin:0 }
	#footer .box:nth-child(2n) { float:right }



	.greeting .txt p:before, .greeting .txt p:after { display : none }

	.history .timeline .box { width : 100%; position : relative; top : inherit !important; margin : 20px 0; min-height : auto }
	.history .timeline .box .inner { margin-left : 0; position : relative; padding : 10px 0; min-height : auto }
	.history .timeline .box:nth-child(2n) .inner { margin-right : 0 }
	.history .timeline .box .inner:before, .history .timeline .box:nth-child(2n) .inner:after { display : none }
	.history .timeline .box:before, .history .timeline .box:nth-child(2n):after { display : none }
	.history .timeline { background : none }


	.organization .mobile-ver { display : block }
	.organization .pc-ver { display : none }




	.pms-list li { float : none; width : 100%; margin-bottom : 50px  }
	.pms-list li.pms-arrow:after { display : none }

	.partner ul li { width : 50%; margin-bottom : 40px }


	.advertise-info .txt p:before { display : none }
	.advertise-info .txt p:after { display : none }
	.advertise-info .txt p { padding : 0 20px }
	.advertise-info .txt p br { display : none }

	.border-hidden { display : none }


	.process-btm li { display : block; width : 100%; padding : 40px 0px; }
	.process-btm li div { float : none !important; text-align : center !important; max-width : 100% !important; padding : 20px; box-sizing : border-box }

	.company-support3 > div { float : none; width : 100%; height : auto; margin-bottom : 50px }

	.company-support > div > h1, .company-support-1 > div > h1 { background : none }
	.company-support > div { padding-right : 0 }
	.company-support > p { position : relative; top : 30px; bottom : 0; width : 100%}
	.company-support-1 > div { padding-left : 0 }
	.company-support-1 > p { position : relative; top : 30px; bottom : 0; width : 100%}

	.notice-list li { width : 50% }

	.notice-view-wrap .bx-wrapper .bx-prev { left : 10px }
	.notice-view-wrap .bx-wrapper .bx-next { right : 10px }

	.compnay-support2 { padding : 25px 0 100px 0 }

	.all-menu-wrap { display : none }

	.sitemap li { width:50% }
	.sitemap li:nth-child(2n) div { border:0px none ! important }

}

@media screen and (max-width : 935px) {
	.strategy li { width : 100%; float : none; padding : 20px 0 }
	.strategy li:nth-child(2) { background : none }
	.process li div span br { display : none }
}


@media screen and ( max-width : 900px) {
	.contact-us { display : block; position : relative; max-width : 100%; width : 100% }
	.contact-us li { display : block; width : 100%; padding : 70px 0; }
	.contact-us li > div > img { top : 70px }
	.contact-us li > div > div { padding-left : 160px }
	#map { margin-top : 0; }
}



@media screen and ( max-width : 800px) {
	.process-line { display : none }
	.process li { width : 50%; margin-bottom : 30px }
}


@media screen and ( max-width : 700px) {
	.bms-icon ul li { float : none; width : 100%; padding-bottom : 30px }
	.bms-icon p { display : none }
	.advertise-icon ul li { width : 50% }
	.advertise-icon ul li:nth-child(2) div { border-right : none }
}

@media screen and (max-width:650px){
	#footer .box { width:100%; float:none }

	.history .timeline .box .inner { background : #fff !important }
	.history .timeline .box .inner .txt { margin : 20px }
	.history .timeline .box:nth-child(2n) .inner .txt { text-align : left; margin : 20px }

	.partner ul li { width : 100%; float : none; margin-bottom : 100px  }

	.process li { width : 100% }

	/* 2016 03 07 사업영역 수정 */
	.ems-txt .inner { display : block; width : 100% }
}


@media screen and (max-width : 600px) {
	.notice-list li { float : none; width : 100% }
	.sitemap li div { min-height:150px }
	.sitemap li a { font-size:18px }
	.sitemap li li a { font-size:13px; padding:5px 0 }
}


@media screen and (max-width : 500px) {
	.advertise-02 form ul li { float : none; width : 100% }
	.advertise-02 .cate-title h2 p { padding : 0 20px }
	.advertise-02 .cate-title h2 p br { display : none }
}