@charset "utf-8";
@import url(font.css);


/* reset */
* {box-sizing: border-box;}
body,p,div,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0;}
body,input,textarea,button,select,pre{font-family:'Nanum Gothic', '나눔고딕', 'notokr', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; color:#5f5f5f;}
body{/*font-size:0.875em;*/}
h1,h2,h3,h4,h5,h6,input,textarea,button,select,table{font-size:1em;}
img, fieldset, button{border:0;}
textarea{overflow:auto;}
input[type=submit],
input[type=button],
button{cursor:pointer;}
img{vertical-align:top;}
address, em{font-style:normal;}
pre{white-space:pre-wrap;}
table{border-spacing:0; border-collapse:collapse;}
table,th,td{border:none;}
caption{overflow:hidden; line-height:0; text-indent:-2000em;}
legend, .hidden{overflow:hidden; position:absolute; top:0; left:-2000em; line-height:0;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

/* 링크 기본값 */
a:link{text-decoration:none; color:#444;}
a:visited{text-decoration:none; color:#444;}
a:hover{text-decoration:none; color:#444;}
a:active{text-decoration:none;}
a:focus{text-decoration:none;}

/* 리스트 스타일 제거 */
ul,ol,li{list-style:none;}

/*** Layout CSS ***/
html,body{width:100%;height:100%;}
body {-webkit-text-size-adjust:none;}
#wrap{width:100%; height:100%; background:#d6dde3;}


/** Container **/
#container{max-width:100%;height:calc(100% - 51px);background:#e4f2f8;}
#container .logo{display:inline-block;text-align:center;}
#container .logo1 a{z-index:30; text-indent:-9999px; display:block; width:284px;height:28px; margin:0 auto 20px;background:url(../img_intro/logo1.png) 50% 50% no-repeat;background-size:100%;}
#container .logo2 a{z-index:30; text-indent:-9999px; display:block; width:284px;height:28px; margin:0 auto 20px;background:url(../img_intro/logo2.png) 50% 50% no-repeat;background-size:100%;}
.introBox{padding-top:100px;text-align:center;}

.introBox > div{display:inline-block;padding:0 30px;text-align:center;transition:all 0.4s;}
.introBox > div *{display:block;}
.introBox .intro02{position:relative;}
.introBox .intro02:after{content:'';display:inline-block;width:435px;height:383px;position:absolute;bottom:-200px;right:-200px;background:url(../img_intro/bg_intro.png) no-repeat 0 0;background-size:cover;transition:all 0.4s;}

/** Footer **/
#footer{height:51px;line-height:51px; background:#fff; text-align:center;}
#footer .address{font-size:13px; color:#5d5d5d;}


@media screen and (max-width:1024px){
	.introBox{padding-top:250px;}
	.introBox  img{margin:0 auto;}
	.introBox .intro02:after{bottom:-240px;right:65px;}
}

@media screen and (max-width:1000px){
	.introBox{padding-top:30px;}
	.introBox > div:nth-of-type(2){margin-top:30px;}
	.introBox .intro02:after{display:none;}
}

@media screen and (max-width:640px){
	
	#container .logo1 a,
	#container .logo2 a{width:180px;height:auto;margin:0 auto 10px;}
	.introBox > a img{width:70%;}
	.introBox {padding-top:30px;}
	.introBox div img{width:70%;}
	#footer .address{font-size:11px;}
}