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

*{padding:0; margin:0;}
body, html { height: 100%;}
#wrap.main{height:100%; width:100% ;}
a{color:#000; text-decoration:none;}
.intro_top {margin:0 auto; width:600px; height:120px; top:0px; margin-top:15px; text-align:center;}
.intro_top .left_box {float:left;}
.intro_top .right_box {float:right; margin-top:20px;}
.intro_top .center_box {float:left; margin-left:80px; margin-top:40px; font-family: 'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; font-size:35px; Serif; font-weight:bold; color:#102560;}





.intro_wrap{width:100%; height:95%; position:relative;font-family: 'Noto Serif KR', Serif; }
.intro_wrap .logo{position:absolute; top:50%; left:50%; z-index:999; width:143px; height:131px; margin-left:-71px; margin-top:-65px;}
.intro_wrap .section{width:100%; height:100%;  background-repeat:no-repeat; background-size:cover; background-position:center center; overflow:hidden; }
.intro_wrap .section:hover a{visibility: visible; opacity: 1;}
.intro_wrap .section .copy_wrap{visibility: visible; opacity: 1;}
.intro_wrap a{display:block;width:100%; height:100%;opacity:1; visibility: hidden; transition:all 0.3s ease-in-out;  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;/*transition: visibility 1s, opacity 1s linear;*/overflow:hidden;}
.intro_wrap .blur{ width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; }

.intro_wrap .copy_wrap{display:flex;width:100%; height:50%;align-items: center;justify-content: center; text-align:center; line-height:40px;font-size:28px; font-weight:bold;opacity:0; visibility: hidden; 
transition:all 0.6s ease-in-out;  -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out;  -o-transition:all 0.6s ease-in-out;  -ms-transition:all 0.6s ease-in-out; color:#fff; text-shadow: 1px 1px rgba(0, 0, 0, .1);}
  
/*인테리어*/
.intro_wrap .interior{width:50%; height:100%; float:left;}
.intro_wrap .interior .left.section{position:relative; background-image:url(/theme/interchem/images/intro/intro_left.jpg);}
.intro_wrap .interior .blur{position: absolute; background-image:url(/theme/interchem/images/intro/intro_left_hov.jpg);}
.intro_wrap .interior .copy_wrap{position: absolute;}

/*키친*/
.intro_wrap .kitchen{width:50%; height:100%; float:right;}
.intro_wrap .kitchen .right.section{position:relative; background-image:url(/theme/interchem/images/intro/intro_right.jpg);}
.intro_wrap .kitchen .blur{position: absolute; background-image:url(/theme/interchem/images/intro/intro_right_hov.jpg);}
.intro_wrap .kitchen .copy_wrap{position: absolute;}