@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* Reset */
body,p,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,select,button,table{font-family: 'Nanum Gothic', serif; font-size:12px;color:#181818}
img,fieldset{border:0}
textarea{-webkit-border-radius:0;-webkit-appearance:none;resize:none}
ul,ol{list-style:none}
li{vertical-align:top}
em,address{font-style:normal}
input,select{vertical-align:middle}
a{color:#181818;text-decoration:none}
a:hover{text-decoration:none}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
hr,legend{display:none}
caption{visibility:hidden;overflow:hidden;position:static;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
html,body,#container,#content,#wrap{width:100%;height:100%}

#head{position:fixed; top:-2px; height:108px; width:100%; z-index:100;}
#head_wrap{position:relative; width:1300px; margin:0 auto;}
#head .logo{float:left; position:relative; top:20px;}
#logo_img{width:120px;}
#head .menu{float:right; position:relative; top:60px;}
#head .menu a{color:#fff; display:inline-block; margin:0 0 0 35px; font-family: 'Open Sans', sans-serif; font-weight:800; font-size:14px;}
#head .menu a:hover{color:#ee2547;}
#main_vis{height:100%; position:relative; overflow:hidden;}
.vis_txt_bg{background:url(../img/m_vis_bg.png); width:100%; height:100%; position:absolute; z-index:10;}
.vis_txt{width:1000px; text-align:center; margin:0 auto; position:relative; top:300px; font-family: 'Open Sans', sans-serif; color:#fff;}
.vis_txt1{font-size:100px; font-weight:800;}
.vis_txt1 span{color:#ee2547;}
.vis_txt2{font-size:50px;}
.vis_txt3{font-size:20px; color:#8c9099; margin:20px 0 0 0;}
a.lt_work{display:inline-block; border:1px solid #fff; padding:10px 30px; margin:30px 0 0 0; font-family: 'Open Sans', sans-serif; font-weight:600px; color:#fff;}
a.lt_work:hover{border:1px solid #ee2547; color:#ee2547;}

.SECTION{width:900px; margin:100px auto;}
.SECTION h1{font-family: 'Open Sans', sans-serif; color:#323641; display:inline-block; font-weight:800px; font-size:60px; line-height:60px; padding:0 0 30px 0; border-bottom:15px solid #ee2547;}
.SECTION h2{color:#8c9099; margin:30px 0 80px 0; font-size:16px; font-weight:normal; line-height:22px;}
.sv_sec{margin:15px 0; clear:both;}
.sv_sec dt{float:left; margin:0 0 0 100px; border-right:1px solid #ddd; padding:0 50px 0 0;}
.sv_sec dd{float:left; margin:0 0 0 50px;}

.sv_sec2{margin:0 2%; float:left; width:28%;  text-align:center;}
.sv_sec2 dt{margin:0;} 
.sv_sec2 dd{margin:0;}
.sv_sec2 .sc_h1{font-size:24px; line-height:34px; font-family: 'Open Sans', sans-serif; font-weight:600; color:#4f525a;}
.sv_sec2 .sc_h2{font-size:14px; line-height:20px; color:#8c9099; margin:20px 0 0 0;}


.ico{width: 120px; height: 120px; display: inline-block; background-color: #ee2547; text-align: center; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.ico span{font-size:60px; display:inline-block; padding:30px 0 0 0;}
.sc_h1{font-size:30px; line-height:34px; font-family: 'Open Sans', sans-serif; font-weight:600; color:#4f525a;}
.sc_h2{font-size:14px; line-height:20px; color:#8c9099; margin:20px 0 0 0;}

.ico2{width: 100%; text-align: center; color: #ee2547;}
.ico2 span{height: 120px; text-align: center; color: #ee2547; font-size:60px; display:inline-block; padding:30px 0 0 0;}


.project_bg{width:100%; float:left; padding:10px 0 0; background:#323641;}
.SECTION.PROJECTS h1{color:#fff;}

.contect_bg{width:100%; float:left; padding:10px 0 0; background:#ee2547;}
.SECTION.CONTECT h1{color:#fff; border-bottom:15px solid #fff;}
.SECTION.CONTECT h2{color:#fff;}


ul.tabs { margin: 0 auto; padding: 0; height: 32px; width: 650px; } 
ul.tabs li { float: left; margin: 5px; padding: 0; height: 31px; color:#fff; line-height: 31px; overflow: hidden; position: relative; font-family: 'Open Sans', sans-serif; font-weight:600; font-size:16px; padding:5px 30px; margin:0 10px; cursor:pointer;} 
ul.tabs li:hover{}
html ul.tabs li.active, html ul.tabs li.active a:hover { border: 1px solid #fff; }

.tab_container { border-top: none; min-width:1100px; overflow: hidden; clear: both; float: left; margin:50px 0 0 0; position:relative; bottom:-3px; width: 100%;} 
.tab_content ul li{width:20%; float:left; white-space:nowrap; margin:-3px 0 0 0; padding:0;}
.tab_content ul li img{width:100%;}



#works_pop .img{float:left; width:100%; height:100%; overflow:hidden;}
#works_pop .content{float:left; margin:0 0 0 3%; width:37%; display:none;}
#works_pop .content h1{margin:10px 0 20px 0; font-size:24px;}
#works_pop .content h2{font-size:16px; color:#666;}
#works_pop .content p{margin:30px 0 0 0; font-size:14px; color:#999; line-height:22px;}

.contact_info{float:left; width:45%;}
.sv_sec3{margin:0 0 30px 0;}
.sv_sec3 dd{margin:0;}
.sv_sec3 .sc_h1{font-size:24px; line-height:34px; font-family: 'Open Sans', sans-serif; font-weight:600; color:#fff;}
.sv_sec3 .sc_h2{font-size:14px; line-height:30px; color:#fff; margin:20px 0 0 0;}
.sv_sec3 .sc_h2 a{color:#fff; text-decoration:underline;}
.daum_map{float:left; width:51%; margin:0 0 0 4%; height:300px;}

#bottom{width:100%; background:#323641; color:#727688; padding:80px 0; text-align:center; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:14px;}


@media only screen and (max-width:1300px){
#head_wrap{width:1100px;}
#main_vis{height:500px; min-width:1100px;}	
.vis_txt_bg{height:500px; min-width:1100px;}	
.vis_txt{top:140px;}
.vis_txt1{font-size:80px;}
.vis_txt2{font-size:40px;}
.vis_txt3{font-size:16px;}

}


@media only screen and (max-width:480px){
#head_wrap{width:100%;}
#main_vis{height:220px; min-width:480px;}	
#head{height:58px;}
#head .logo{top:10px;}
#head .logo img{width:60px;}
}