@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* ------------------------- */
/* Common Style Sheet */

* { border:0px; margin:0px; padding:0px; list-style:none; font-family: 'Nanum Gothic', sans-serif; }
body,html  { width:100%; }
nav { width: 1250px; height:100%; }
a { color:black; text-decoration:none; outline:none; select-dummy: expression(this.hideFocus=true); }
p { line-height:25px; }

.text-right { text-align:right; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.clr { clear:both; }

input[type=text] { padding:5px; border:1px solid gray; }
textarea[type=text] { padding:5px; border:1px solid gray; }
button[type=submit] { padding:5px; background:gray; width:70px; color:white; }

/* ---------------------- */
/* Index Style Sheet */

.nav_contain { position:fixed; width:180px; min-height:605px; height:100%; top:0px; left:0px; background:#0071cd; z-index:5; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.5); }
.sub_contain { position:fixed; width:120px; min-height:905px; height:100%; top:0px; left:180px; background:#666666; z-index:5; }
.ad2_contain { position:fixed; width:175px; min-height:905px; height:100%; top:0px; left:1051px; background:#ffffff; z-index:5; }
.ad3_contain { position:fixed; width:25px; min-height:905px; height:100%; top:0px; left:1225px; border-left:1px solid silver; background:#ffffff; z-index:5; }

@media (max-width:1250px) {
.ad2_contain { position:absolute; width:150px; height:100%; top:0px; left:1051px; background:#aaaaaa;  }
.ad3_contain { position:absolute; width:50px; height:100%; top:0px; left:1225px; background:#aaaaaa;  }
}

.content_contain { padding-left:325px; width:700px; padding-right:25px; min-height:905px; border-right:1px solid silver; background:#f2f2f2; z-index:1; }

/* ------------------ */
/* nav menu Style Sheet */

.nav_logo { width:100%; height:100px; }
.logo_title { height:100px; font-size:24px; color:white; font-weight:900; padding-top:40px; background:url(../imgs/logo.jpg)no-repeat; text-indent:-9999px; }
.nav_menu>li { padding-right:30px; line-height:50px; text-transform:uppercase; font-weight:bold; }
.nav_menu>li:hover { background:url(../imgs/nav_bg.jpg);}
.nav_menu>li>a { color:#eeeeee; font-size:14px; }
.nav_menu>lili:hover>a { color:white; font-size:14px;font-weight:bold }
.nav_adress { position:absolute; bottom:0px; width:100%; height:300px; margin-bottom:0px; color:white; }

.adr_tel { text-align:center; font-size:22px; line-height:100px; font-weight:bold;}
.adr_tab { text-indent:20px; font-size:12px; }
.adr_tab a { color:white; }
.adr_adress_contain { padding-top:50px; }
.adr_adress { padding-left:20px; padding-right:10px; height:20px; line-height:20px; font-size:12px; }

/* ------------------ */
/* sub menu Style Sheet */

.sub_menu { position:relative; top:105px; border-bottom:1px solid silver;}
.sub_menu>li { line-height:50px; height:50px; width:100%; }
.sub_menu>a { color:white; font-size:14px; }
.sub_menu>a>li { padding-left:10px; line-height:39px; height:39px; border-top:1px solid silver; }
.sub_menu>a.selected>li { background:#208ae0; }
.sub_menu>a:hover>li { background:#208ae0; }

/* ----------------- */
/* ad Style Sheet */

.ad1_thumb,.ad2_thumb,.ad3_thumb { width:100%; }
.ad1_thumb li { width:314px; height:301px; border-bottom:1px solid silver; }
.ad2_thumb li { width:175px; height:150px; border-bottom:1px solid silver; position:relative; }
.ad3_thumb li { width:100%; height:100px; }
.ad3_thumb>li>img { margin-top:5px; margin-bottom:5px; }

.ad2_thumb li .ad2_div { position:absolute; top:0px; left:0px; width: 165px; height:140px; margin:5px; display:none; background:silver; opacity:0.7; }
.ad2_thumb li:hover .ad2_div { display:block; }

/* ----------------- */
/* sub Style Sheet */

.sub_title { padding-top:0px; height:150px; margin-left:-25px; clear:both; }
.sub_content { min-height:100%; padding-bottom:100px; }

.project_list { float:left; width:350px; }
.project_list>h3 { height:50px; line-height:50px; text-indent:10px; }
.project_list>p { font-size:12px; text-indent:20px; }

.partner_list h3,.client_list h3 { height:50px; line-height:50px; text-indent:10px; }
.partner_list>img { float:left; padding:4px; margin:6px; border:1px solid gray; background:#ffffff; }

.client_tab { clear:both; }
.client_tab>img { float:left; padding:4px; margin:6px; border:1px solid gray; background:#ffffff; }

/* ----------------- */
/* sub Style Sheet */
.portfolio_thumb>li { float:left; }
.portfolio_thumb>li>.portfolio_item { margin:4px; width:340px; height:191px; border:1px solid gray; }

/* ----------------- */
/* sub Style Sheet */
.overview>p { line-height:30px; font-size:14px; }

/* ----------------- */
/* Site Map Style Sheet */
.sitemap ul li { float:left; width:33%; padding-bottom:20px; }
.sitemap_menu { line-height:50px; font-size:18px; margin-left:5%; width:90%; background:gray; color:white; text-indent:20px; }
.sitemap_sub  { line-height:39px; font-size:14px; margin-left:10%; width:80%;border-bottom:1px dotted gray; text-indent:5px; }
.sitemap_sub:hover a { color:blue; }

/* ----------------- */
/* MailForm Style Sheet */
.mailform { width: 100%; }
.form-group { width:100%; padding:10px; clear:both; }

.control-label { float:left; width:110px; padding:5px; font-size:14px;  }
.control-text { float:left; width:520px; font-size:12px;  }
.form-control { width: 550px; }
.radio-inline {  float:left;  width:120px; padding:5px; }

/* ----------------- */
/* notice Style Sheet */
.notice>p>a { color:black; }

/* ------------------ */
/* nav menu Style Sheet */

.ad3_index { position:absolute; display:none; top:0px; left:180px; width: 1045px; min-height:905px; height:100%; z-index:9; background:#eeeeee; border-right:1px solid silver; }
.ad3_index ul li { padding:25px; float:left; }


.area>img { border:0px; }

/* ------------------ */
/* Service Style Sheet */

.service_contain { padding:20px; margin:19px; border:1px solid silver; border-radius:30px; background:#e0e0e0; }
.service_title { line-height:30px; }
.service_contain p { font-size:13px; padding-left:5px; }
.service_contain p span { width:100px;display:inline-block; }

.service_img li { width:31%; margin:1%; float:left; }
.service_img li img { width:95%; border:5px solid silver; border-radius:30px; }