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

/* 공통 */
* {margin:0; padding:0; font-family: 'apple sd gothic neo', malgun Gothic, sans-serif, dotum; font-size:11px; color:#999; border:0; text-decoration:none; }
#wrap {width:100%; height:100%; min-width:320px;}
#header {width:100%; height:51px; text-align:center; padding:45px 0 30px 0; float:left;}
#header h1 {margin:0 auto;}
#header h1 img {width:100%;}
#container {width:100%; margin:0 auto; overflow-x:hidden}
#footer {width:100%; margin-top:20px; margin-bottom:20px; text-align:center; float:left;}
#footer dl {display:inline-block; margin-bottom:5px;}
#footer dl dt, #footer dl dd {float:left;}
#footer dl dt {padding-left:5px;}
#footer dl dd {padding-right:10px; margin:0 5px; background:url('/images/Intro/bar.gif') right 3px no-repeat;}
#footer dl dd:last-child {background:none;}
#footer p {clear:both; padding-bottom:20px;}
.tablet, .mobile {width:100%;}


/* pc */
@media screen and (min-width:1024px) { 
.TnM {display:none;}
#header h1 {width:231px;}
.conBox01, .conBox02 {width:50%; height:700px; float:left; position:relative;}
.conBox01 {background:url('/images/Intro/imgK.jpg') right no-repeat;}
.conBox02 {background:url('/images/Intro/imgC.jpg') left no-repeat;}

.textBox01 {width:253px; height:400px; background:url('/images/Intro/textK.png') center no-repeat; position:absolute; right:70px; top:50%; margin-top:-200px; opacity:0; display:block;}
.textBox02 {width:253px; height:400px; background:url('/images/Intro/textC.png') center no-repeat; position:absolute; left:70px; top:50%; margin-top:-200px; opacity:0; display:block;}

.btnSt01 {width:64px; height:64px; overflow:hidden; position:relative; margin-left:96px; margin-top:275px; float:left;}
.btnOut {position:absolute; top:0; left:0;}
.btnOver {position:relative; top:64px; left:0;}

}


/* 태블릿 */
@media screen and (min-width:640px) and (max-width:1023px){
#header h1 {width:200px;}
.TnM, .tablet {display:block;}
.textBox01, .textBox02, .mobile {display:none;}

.conBox01, .conBox02 {width:50%; float:left;}
}


/* 모바일 */
@media screen and (max-width:639px) {
#header {padding:25px 0 10px 0; float:left;}
#header h1 {width:160px;}
.TnM, .mobile {display:block;} 
.textBox01, .textBox02, .tablet {display:none;}

.conBox01, .conBox02 {width:100%; float:left;}

#footer dl dd:nth-child(4) {background:none;}
#footer dl dt:nth-child(5) {clear:both;}
#footer dl {width:290px; margin:0 auto; display:inline-block; margin-bottom:5px;}

}


/* intro_ie8 */
.intro_ie8{height:700px; position:relative; overflow:hidden;}
.intro_ie8 p{position:absolute; left:50%; margin-left:-1000px; }
.logo_ie8 {max-width:231px; }