@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html{width:100%;height:100%;margin:0;padding:0;overflow-y:scroll;}
body{width:100%;height:100%;margin:0;padding:0;line-height:1;word-break:keep-all;background-color:#fff;}
body{
	font-family:'Nanum Gothic','Nanum Myeongjo','돋움','굴림',dotum,Arial,Helvetica,sans-serif;
	font-size:100%;
	color:#666;
	letter-spacing:0.1em;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	font-smoothing:antialiased;
	-webkit-text-size-adjust:none; 
	-moz-text-size-adjust:none; 
	-ms-text-size-adjust:none; 
}
h1,h2,h3,h4,h5,h6,input,button{font-size:100%;font-weight:normal;}
div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,i,em,img,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
textarea{margin:0;padding:0;border:0 none;outline:0;vertical-align:top;}
div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,i,em,img,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
caption,textarea{vertical-align:top;}
table,tbody,tfoot,thead,tr,th,td,
button,input,select,img{vertical-align:middle;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
dl,ul,ol,li{list-style:none;}
img,video{max-width:100%;font-size:0;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none;color:inherit;}
a:hover,a:focus{color:inherit;}
button,label{cursor:pointer;}
button{background-color:transparent;}
legend,caption,hr{display:block;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;border:0 none;position:absolute;top:0;left:-1000em;}
.hide{display:block;visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;line-height:0;position:absolute;}
.cle{display:inline-block;}
.cle{display:block;}
.cle{*zoom:1;} /*for IE 5.5-7*/
* html .cle{height:1%;} /* hides from ie-mac */
.cle:after{content:"";display:block;height:0px;clear:both;visibility:hidden;}
.bdr{border:1px solid #000}
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.dib{display:inline-block;}
.dpb{display:block;}
.dpn{display:none;}
.spacezero{line-height:0;font-size:0;}
.mt5{margin-top:5px;}
.mb5{margin-bottom:5px;}
.pt5{padding-top:5px;}
.pb5{padding-bottom:5px;}
.tar{text-align:right;}
.tac{text-align:center;}
.tal{text-align:left;}
.pr{position:relative;}
.pa{position:absolute;}
.pf{position:fixed;}
.vab{vertical-align:bottom;}
.fwb{font-weight:bold;}
.imd{ime-mode:disabled;}
.ima{ime-mode:active;}
.ipt1{border:1px solid #d2d2d2;color:#999;font-size:14px;height:20px;line-height:16px;padding-left:5px;background:#fff;}
input[type="text"]:hover{border:1px solid #666;};
input[type="file"]{height:23px;background:#fff;}
.chk,.radio{width:13px;height:13px;vertical-align:bottom;}
select{font-weight:normal;font-size:12px;color:#999;border:1px solid #d2d2d2;}
textarea{font-weight:normal;border:1px solid #d2d2d2;padding:5px;overflow-y:auto;overflow-x:hidden;font-size:12px;line-height:1.4em;}
textarea:hover{border:1px solid #666;};


#container{margin:0 auto;}
#container .contents{width:999px;margin:0 auto;}
#container .contents .con1{margin-top:50px;}
#container .contents .con2{width:999px;height:508px;margin-top:20px;background:url('/img/m_intro_02.jpg') no-repeat center top;}
#container .contents .con2 ul{padding-top:88px;}
#container .contents .con2 ul li{float:left;width:144px;height:240px;overflow:hidden;border:1px solid #999;}
#container .contents .con2 ul li:first-child{margin-left:177px;}
#container .contents .con2 ul li:nth-child(2){margin-left:103px;}
#container .contents .con2 ul li:last-child{margin-left:101px;}
#container .contents .con3{text-align:center;padding-top:70px}
#container .contents .con4{color:#fff;font-size:1em;background-color:#4c5873;margin:100px 0;padding:20px;text-align:left;line-height:1.5em}
#container .contents .con4 span{font-size:1.2em;line-height:2.5em}