@charset "UTF-8";
/* CSS Document */


/**************************************************************************** 
	background-image 아이콘
****************************************************************************/
/* 아이콘 공통요소 */
.ico_corp {display:inline-block;zoom:1;*display:inline;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;*text-indent:0;/*vertical-align:middle*/}


/**************************************************************************** 
	<A> & <BOTTOM> 디자인
****************************************************************************/
/* 정렬 */

/* CSS 버튼 공통요소 */
.link_corp {display:inline-block;position:relative;z-index:1;text-align:center;cursor:pointer;line-height:1em/*line-height:0*/;box-sizing:border-box}
.link_corp > span {position:relative}

/* btn_1 - 링크열기 */
.btn_1 {width:100%;padding:18px 0;border:2px solid #fff;font-size:20px;color:#fff;font-weight:bold}
.btn_1:after {content:"";position:absolute;top:19px;right:20px;z-index:1;width:18px;height:18px;background:url(//img.chippo.co.kr/images/chippocorp/sprite_common.png) 0 0 no-repeat}
.btn_1:hover {color:#fff;background-color:rgba(255,255,255,.3)}
.btn_1:active {color:#2f3642;background-color:#fff}

/* btn_2 - 다운로드 */
.btn_2 {width:100%;padding:18px 0;border:2px solid #fff;font-size:20px;color:#fff;font-weight:bold}
.btn_2 span {padding-left:20px}
.btn_2 span:after {content:"";position:absolute;top:-2px;left:-10px;z-index:1;width:19px;height:20px;background:url(//img.chippo.co.kr/images/chippocorp/sprite_common.png) -19px 0 no-repeat}
.btn_2:hover {color:#fff;background-color:rgba(255,255,255,.3)}
.btn_2:active {color:#2f3642;background-color:#fff}

/* btn_3 - 메세지 보내기 */
.btn_3 {width:100%;padding:10px 0;border:1px solid #fff;border-radius:0;font-size:18px;color:#fff;}
.btn_3:hover {color:#fff;background-color:rgba(255,255,255,.3)}
.btn_3:active {color:#2f3642;background-color:#fff}

/**************************************************************************** 
layout
****************************************************************************/
/* Frame */
html, body {width:100%;height:100%}
#wrap {position:relative;min-width:1200px}
#header {position:relative;z-index:30}
#footer {position:relative;z-index:10}
.container {min-width:1200px}

/* #header - topbar */
.topbar {padding:5px 0;background-color:#2a2829}
.topbar .tit {padding-top:7px;font-size:14px;color:#f8f9fa}
.topbar .list_service .btn {font-size:14px;color:#f8f9fa}

/* #header - GNB */
.gnb {border-bottom:1px solid #dee2e6}
.gnb .list_gnb {}
.gnb .list_gnb .link_gnb {padding:20px 20px;font-size:20px;font-weight:700}
.gnb .list_gnb .link_gnb.on,
.gnb .list_gnb .link_gnb:hover {color:#f93478}

/* LNB */
.lnb {padding:15px 0;background-color:#f9f9f9}
.lnb .link_lnb {font-size:18px}
.lnb .link_lnb.on,
.lnb .link_lnb:hover {color:#f93478} 

/* #Footer - 기업정보 */
.wrap_corpinfo {background-color:#232323}
.wrap_corpinfo .address p {padding-bottom:5px;font-size:14px;color:#f8f9fa}
.wrap_corpinfo .address p span {display:inline-block;width:1px;height:10px;line-height:14px;margin:0 13px 0 12px;background:#f8f9fa}

/* IE10미만 호환가능한 브라우저 다운로드 권장 안내 */
#browser_pop {display:none;*display:block;position:fixed;z-index:9999;top:0;left:0;width:100%;padding:30px;background-color:#146fcc;box-shadow:2px 2px 30px #000}
#browser_pop .inwrap {position:relative;max-width:1120px;min-width:1120px;margin:0 auto;padding:30px 0}
#browser_pop h1 {margin:0 0 10px;padding:0;color:#fff;font-size:26px}
#browser_pop p {margin:0;padding:0;color:#fff;font-size:15px}
#browser_pop p b {color:#35e5f5;font-size:15px;font-weight:700}
#browser_pop div {position:absolute;top:50%;right:50px;margin-top:-25px}
#browser_pop div a {display:inline-block;width:200px;height:50px;margin-right:5px;line-height:50px;border-radius:3px;text-align:center;color:#fff;font-size:17px;background: -moz-linear-gradient(left, #3da0f2 0%, #2db9f5 100%) !important;background: -webkit-linear-gradient(left, #3da0f2 0%,#2db9f5 100%) !important;background: linear-gradient(to right, #3da0f2 0%,#2db9f5 100%) !important;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3da0f2', endColorstr='#2db9f5',GradientType=0 ) !important;}
#browser_pop div a i {margin-right:10px;}
#browser_pop div a i img {width:25px;height:25px;}
#browser_pop .close{position:absolute;top:15px;right:15px;color:#fff;font-size:16px;cursor:pointer}
/* IE8 hack */
@media \0screen {
	#browser_pop{display:block}
}


/**************************************************************************** 
	Layer 팝업
****************************************************************************/
#dim {display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:#000;opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";z-index:200}


/**************************************************************************** 
	content area
****************************************************************************/
/* 공통영역 */
.full-screen {background-size:cover;background-position:center;background-repeat:no-repeat}
.section {}
.section .inner_section {max-width:1440px;margin:0 auto;padding:130px 15px 120px}
.section .tit_section {width:100%;margin-bottom:20px;font-size:48px;font-weight:800;color:#333;text-align:center;line-height:1em}
.section .desc_section {width:100%;margin-bottom:75px;font-size:22px;font-weight:400;color:#333;text-align:center;line-height:1em}
.section .tit_section.white, .section .desc_section.white {color:#fff}


/**************************************************************************** 
	animate
****************************************************************************/
.link_corp, .link_corp *,
.item_tab,
.wrap_network .tab .tab_cont .box_info,
.wrap_service .list_sv .item_sv:after {
	-webkit-transition: all 0.1s ease-in-out;
	   -moz-transition: all 0.1s ease-in-out;
	     -o-transition: all 0.1s ease-in-out;
	        transition: all 0.1s ease-in-out;	
}