/*=================================================================================================
// 명    칭 : 메인화면 스타일쉬트
// 처리내용 : 
// 작 성 자 : 2013-09-06 강대인 
//=================================================================================================*/
@charset "utf-8";
@import url("/common/css/global.css");
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/*김태용 기본 스타일*/
@import url("/modules/user/css/ty_base.css"); /*기본스타일*/
@import url("/modules/user/css/ty_member.css"); /*기본회원정보스타일*/
@import url("/modules/user/css/ty_neosans.css"); /*NeoSans 폰트스타일*/
@import url("/modules/user/css/nanumsquare.css"); /*NeoSans 폰트스타일*/
/*//김태용 기본 스타일*/

body,h1,h2,h3,h4,input,button,table,textarea,fieldset, select{font-family:'Noto Sans KR', Sans-serif,"Nanum Gothic",  "neosans", Dotum, Gulim, AppleGothic ;font-size:13px;line-height:1.4; }
html, body{_text-align:center; }

#di_wrap{width:100%; min-width:1600px;}
#di_container{clear:both;position: relative; width:100%; visibility: visible; overflow: hidden;}
#di_content{position:relative; width:100%; }
#di_con {position:relative; width:100%;}

.dc_mainBox{width:100%; height:800px; background-color:#e8eaeb;}
.dc_mainBox .dc_mainTop{position:relative; width:1200px; margin:0 auto;}

.dc_mainBox .dc_mainTop .dc_topMenu{clear:both;}
.dc_mainBox .dc_mainTop .dc_topMenu a{position:absolute; top:0; width:200px; height:200px; font-size:16px; color:#fff; font-weight:400; background:url(../img/main/bg_whiteBar.png) no-repeat 50% 60px #3c4652;}
.dc_mainBox .dc_mainTop .dc_topMenu a p{text-align:center; line-height:200px; background:url(../img/main/bg_whiteBar.png) no-repeat 50% 140px;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu01{left:800px;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu01:hover{background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 60px #00b2f4;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu01:hover p{background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 140px;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu02{left:1000px;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu02:hover{background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 60px #00b2f4;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu02:hover p{background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 140px;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu03{top:200px; left:400px;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu03:hover{background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 60px #00b2f4;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu03:hover p{background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 140px;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu04{top:200px; left:600px;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu04:hover{background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 60px #00b2f4;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu04:hover p{background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 140px;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu05{top:400px; left:400px; background-color:#00b2f4;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu05:hover{background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 60px #00b2f4;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu05:hover p{background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 140px;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu06{top:400px; left:800px;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu06:hover{background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 60px #00b2f4;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu06:hover p{background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 140px;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu07{top:600px; left:0px;background-color:#6c747d;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu07:hover{background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 60px #00b2f4;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu07:hover p{background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 140px;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu08{top:600px; left:600px;background-color:#6c747d;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu08:hover{background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 60px #00b2f4;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu08:hover p{background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 140px;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu09{top:600px; left:800px;background-color:#6c747d;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu09:hover{background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 60px #00b2f4;}
.dc_mainBox .dc_mainTop .dc_topMenu a.topMenu09:hover p{background:url(../img/main/bg_whiteBar_on.png) no-repeat 50% 140px;}

.dc_mainBox .dc_mainTop .dc_mainPic{position:absolute; top:200px;}
.dc_mainBox .dc_mainTop .dc_mainPic li{overflow: hidden; position: absolute; width: 200px;}
.dc_mainBox .dc_mainTop .dc_mainPic li img{
	transform-origin: center center 0px; 
	/*transform: matrix(1, 0, 0, 1, 0, 0);*/
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
.dc_mainBox .dc_mainTop .dc_mainPic li:hover img{
	/*transform: matrix(1.3, 0, 0, 1.3, 0, 0);*/
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.dc_mainBox .dc_mainTop .dc_mainPic li.pic01{top:200px; left:-200px; width:200px; height:200px;}
.dc_mainBox .dc_mainTop .dc_mainPic li.pic01 img{width:100%; height:100%;}
.dc_mainBox .dc_mainTop .dc_mainPic li.pic02{top:0px; left:0px; width:400px; height:400px;}
.dc_mainBox .dc_mainTop .dc_mainPic li.pic02 img{width:100%; height:100%;}
.dc_mainBox .dc_mainTop .dc_mainPic li.pic03{top:400px; left:200px; width:400px; height:200px;}
.dc_mainBox .dc_mainTop .dc_mainPic li.pic03 img{width:100%; height:100%;}
.dc_mainBox .dc_mainTop .dc_mainPic li.pic04{top:200px; left:600px; width:200px; height:200px;}
.dc_mainBox .dc_mainTop .dc_mainPic li.pic04 img{width:100%; height:100%;}
.dc_mainBox .dc_mainTop .dc_mainPic li.pic05{top:0px; left:800px; width:600px; height:200px;}
.dc_mainBox .dc_mainTop .dc_mainPic li.pic05 img{width:100%; height:100%;}
.dc_mainBox .dc_mainTop .dc_mainPic li.pic06{top:200px; left:1000px; width:200px; height:400px;}
.dc_mainBox .dc_mainTop .dc_mainPic li.pic06 img{width:100%; height:100%;}

.dc_mainBox2{width:100%; height:400px; margin: 0 0 50px 0; }
.dc_mainBox2 .dc_mainBottom{position:relative; width:1200px; margin:0 auto;}
.dc_mainBox2 .dc_mainBottom .dc_mainStitle{width:102px; margin:0 auto 66px; padding:110px 0 0 0;}
.dc_mainBox2 .dc_mainBottom .dc_instargram{height:200px;}
.dc_mainBox2 .dc_mainBottom .dc_instargram ul{overflow:hidden;}
.dc_mainBox2 .dc_mainBottom .dc_instargram ul li{float:left; width:200px; height:200px;}
.dc_mainBox2 .dc_mainBottom .dc_instargram ul li img{width:200px; height:200px;}