@charset "utf-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}
hr{display: none}
body,th,td,input,select,textarea,button {font-size:12px;line-height:1.5;font-family:'돋움',dotum,sans-serif;color:#333}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:underline}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
.clearfix:before, .container:after { content: ""; display: table; }
.clearfix:after{content:" "; display:block; clear:both; height:0; visibility:hidden;}

/* IE 6/7 */
.clearfix { zoom: 1; }

/* LAYOUT */
#wrap{ width : 100%; height : 100%; min-width : 1080px; }
#wrap .inner{ position : relative; width : 1080px; margin : 0 auto; }

/* GLOBAL MODULE*/
.hide{ display: none; }

/*HEADER*/
#header{ position : relative; height : 110px; }
#title{ position : relative; top : 32px; left : 0px; }

/* GNB */
#gnb{ position : absolute; right : 0;  top: 60px; }
#gnb>.item{ float : left; } 
#gnb>.item>a{ display: block; overflow: hidden; width: 106px; height: 22px; text-indent: -9999px; background: url(../../../images/gnb.gif) no-repeat; }

#gnb>.item.gnb_1>a{ background-position : 0 0 }
#gnb>.item.gnb_2>a{ background-position : -106px 0 }
#gnb>.item.gnb_3>a{ background-position : -212px 0 }
#gnb>.item.gnb_4>a{ background-position : -318px 0 }

#gnb>.item.gnb_1>a:hover, #gnb>.gnb_1.on>a{ background-position : 0 -22px }
#gnb>.item.gnb_2>a:hover, #gnb>.gnb_2.on>a{ background-position : -106px -22px }
#gnb>.item.gnb_3>a:hover, #gnb>.gnb_3.on>a{ background-position : -212px -22px }
#gnb>.item.gnb_4>a:hover, #gnb>.gnb_4.on>a{ background-position : -318px -22px }


/* TOP MENU */
#topMenu{ position : absolute; right : 0; top : 10px; }
#topMenu>li{ float : left; margin-left : 10px;}
#topMenu>li:first-child{ margin-left : 0px;}
#topMenu>li>a{ font-size: 10px; font-family: "malgunGothic, tahoma"; color: #999; }
#topMenu .type_4>span{   font-size: 5px; color: #aaa; display: inline-block; padding-right: 10px; }
#topMenu .type_4>a{ color : #e47815; }

/* Main Visual */
.visualSection{ position : relative; min-width : 1080px; overflow : hidden;  }
.visualSection ul{ position: relative; max-width : 2000px; height: 640px; overflow: hidden; margin : 0 auto; }
.visualSection ul>li{ position: absolute; opacity : 0;   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */   filter: alpha(opacity=0); 
  			 left: 50%; top: 0; z-index: 10; margin-left: -1000px; height: 640px; }
.visualSection .txtList{ display : none;}
.visualSection .txtList.type_1{ position: absolute; top: 230px; left: 50%; margin-left: 100px;  }
.visualSection .txtList.type_2{ position: absolute; top: 270px; left: 50%; margin-left: 100px;  }
.visualSection .txtList.type_3{ position: absolute; top: 250px; left: 50%; margin-left: -500px;  }
.visualSection .txtList>a{ display: block; width: 130px; height: 40px; }
.visualSection .txtList .over{ position : absolute; top : 155px;}
.visualSection .txtList img{ display : block; }

.visualSection>.next{ position : absolute; background: url(../../../images/pager.png) no-repeat; width :29px; height :55px; top : 300px; right : 50px ; background-position: -29px 0; z-index : 100; }
.visualSection>.prev{ position : absolute; background: url(../../../images/pager.png) no-repeat; width :29px; height :55px; top : 300px; left : 50px ; background-position: 0 0; z-index : 100; }

/* Content Visual*/

.contentSection { top : 45px; }
.contentSection ul{ position : relative; height : 210px;}
.contentSection ul>li{ display : block; float : left; margin-left : 45px; }
.contentSection ul>li:first-child{ margin-left : 0px;}
.contentSection .line { display : block; width : 0px; border-top : 4px solid #322a27; }
.contentSection img{ width : 231px; height : 116px; display : none }

/* FOOTER */
#footer{ position : relative; height : 92px; background : #e9e9e9 repeat-x;}
#footer .informationSection{ position : relative; width : 350px; height : 12px; padding-top : 15px; margin : 0 auto;}
#footer .informationSection>li{ float : left; }
#footer .informationSection>li>a{ display : block; overflow : hidden; height : 12px; text-indent: -9999px; background: url(../../../images/footer_option.gif) no-repeat; }
#footer .informationSection>li.type_1>a{ width : 43px; background-position: 0 0 }
#footer .informationSection>li.type_2>a{ width : 63px; background-position: -43px 0 }
#footer .informationSection>li.type_3>a{ width : 104px; background-position: -106px 0 }
#footer .informationSection>li.type_4>a{ width : 62px; background-position: -210px 0 }
#footer .informationSection>li.type_5>a{ width : 77px; background-position: -272px 0 }

#footer .company_info{ position : relative; top : 15px; text-align: center; color: #999;}

#footer .copyright{ position: relative; top : 31px; width : 222px; margin : 0 auto; }

/* subTopSection */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

.subTopSection{ position : relative; min-width : 1080px; height : 250px; overflow : hidden;}
.subTopSection p{ position : relative; max-width : 2000px; margin-left: -1000px; left : 50%;}
.subTopSection .subTopDimmed{ position : absolute; display : block; width : 100%; height : 28px; margin-top : -250px; opacity : 0.5;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); background : #000 repeat-x; }
.subTopSection .point{ display: block; top: -245px;  text-align: right; right: -4px; font-size : 11px; color: #fff; }

/* subContentSection title*/
.subTopSection .aboutTit{ position : absolute; z-index : 1000; margin-top : 100px; margin-left : -125px; left : 50%;}

/* businessWrap */
.businessWrap{ position : relative; height : 570px; }
.businessWrap>li:first-child{ margin-left : 10px;  }
.businessWrap>li{ display : block ; float : left; margin-left : 70px; perspective: 1000px; }
.businessWrap .bodyTxt{ margin-top : 25px; width : 300px;  height : 124px; text-indent: -9999px; background: url(../../../images/Business_txt_sprite.gif) no-repeat; }
.businessWrap .bodyTxt.type_1{ background-position: -10px 0 }
.businessWrap .bodyTxt.type_2{ background-position: -380px 0 }
.businessWrap .bodyTxt.type_3{ background-position: -750px 0 }


/* flip */

.flip{ width : 298px ; height : 298px; 
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.flip>.tile{ position : absolute; width : 298px; height : 298px; 
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}

.flip>.tile.front{ z-index : 2; }
.flip>.tile.back{ }


/* businesContentWrap*/
.businessContentWrap{ position: relative; width : 100%; min-width : 1080px; overflow: hidden; }
.businessContentWrap>.content{ display : block; position : relative; min-width : 1080px;  max-width : 2000px; margin-left: -1000px; left : 50%; background: url(../../../images/business_content_bg_spr.jpg) no-repeat; }
.businessContentWrap>.content.type_1{ height : 615px; background-position: 0 0 }
.businessContentWrap>.content.type_2{ height : 715px; background-position: 0 -615px; }
.businessContentWrap>.content.type_3{ height : 615px; background-position: 0 -1330px; }
.businessContentWrap>.content img{ display : block ;}
.businessContentWrap>.content .bodyTxt{ position : absolute;}
.businessContentWrap>.content.type_1 .bodyTxt{ margin-top : 120px; margin-left : 0;}
.businessContentWrap>.content.type_2 .bodyTxt{ margin-top : 110px; margin-left : 400px;}
.businessContentWrap>.content.type_3 .bodyTxt{ margin-top : 130px; margin-left : 0;}
.businessContentWrap>.content.type_3 .txt_2{ font-family: "Malgun Gothic"; font-size: 13px; color: #ccc; border-left: 1px solid #ccc; padding-left: 10px; }
.businessContentWrap .txt_1{ display: block; padding-top : 10px; padding-bottom: 30px; font-family: "Malgun Gothic"; font-size: 16px; color: #fff; letter-spacing: -0.8px; }

/* prCenterSection */
.prCenterSection{ position: relative; height: 690px; }
.boxGroup{ position: relative; float : left; margin-left :15px; }
.boxGroup:first-child{ margin-left : 0;}
.boxGroup img { display: block; margin-top: 15px; }
.boxGroup img:first-child { margin-top: 0px; }
/* prCenterCISection */
.prCenterCISection img{ display : block;}

/* GAP */
.pt60{ padding-top : 60px; }
.pt45{ padding-top : 45px; }
.pt30{ padding-top : 30px;}
.pt80{ padding-top : 80px; }


.pb130{ padding-bottom : 130px; }
.pb90{ padding-bottom : 90px;}
.pb60{ padding-bottom : 60px;}

.pl10{ padding-left : 10px; }

.pr10{ padding-right: 10px; }

.mt35{ margin-top : 35px;}