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

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


* {margin:0;padding:0}
body {color:#666;font-size:14px;line-height:1.5em;font-family:"Noto Sans KR",AppleGothic,Tahoma,Sans-serif !important }
h1, h2, h3, h4, h5, h6 {font-size:1em; font-family:"Noto Sans KR",Arial, Helvetica, sans-serif;}
hr {display:none}
ul, ol, li {list-style-type:none;font-family:"Noto Sans KR",AppleGothic,Tahoma,Sans-serif}
fieldset{margin:0;padding:0;border:0}
legend,caption {display:none}
address, em, cite {font-style:normal}
input, button, textarea, select {font-size:1em;font-family:"Noto Sans KR",AppleGothic,Sans-serif}
button, textarea, input, object, select {display:inline-block;vertical-align:middle}
code, pre {font-size:1em}
button{overflow:visible;border:none;margin:0;padding:0;cursor:pointer;_cursor:hand}
.inptxt{height:18px;padding:7px 7px 0 7px;color:#666;border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;vertical-align:middle;background:#fff}
:root .inptxt{padding:5px 7px 3px 7px}
input[type=file].inptxt{height:25px;padding:0 7px 0 7px;color:#767676;line-height:25px;border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;vertical-align:middle;background:#fff}
input[type=file].inptxt:focus,.inpTxt:focus, select:focus{border:1px solid #fabe02}
select:focus{outline:none}
.readonly{background:#f9f9f9}
.readonly:focus{border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}
select{height:27px;padding:4px;color:#767676;font-size:12px;line-height:18px;border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}
textarea{padding:5px;border:1px solid #bababa;line-height:1.167;_margin:-1px 0;resize:none}
img{border:0 none; font-size:0px; padding:0; margin:0;}
label{display:inline-block;*display:inline;_zoom:1;vertical-align:middle}
table{*empty-cells:show;border-collapse:collapse}

/*type_css*/
a {color:#666;text-decoration:none;}
a:hover {color:#133984;text-decoration:none;}
.hidden{position:absolute !important;visibility:hidden !important;top:-9999px !important;left:-9999px !important;font:0/0 Arial}
.hidden{*height:1%}

/* important css */
.w_center{width:1200px; margin:0 auto; position:relative;}
.cursorp{cursor:pointer;}
.t_left {text-align:left !important}
.t_center {text-align:center !important}
.t_right {text-align:right !important}
.f_left {float:left !important}
.f_right {float:right !important}
.pdT1{padding-top:1px !important;}
.marT10{margin-top:10px !important;}
.marT20{margin-top:20px !important;}
.marT30{margin-top:30px;*padding:30px 0 0 0}
.marL5{margin-left:5px !important;}
.marL20{margin-left:20px !important;}
.marL40{margin-left:40px !important;}
.marL50{margin-left:50px !important;}
.marL150{margin-left:150px !important;}
.center{ width:1000px; margin:0 auto;}
.dib{ display:inline-block; vertical-align:top;}


/*font_style*/
.gt_t14{font-size:14px;}
.gt_t14_b{font-size:14px; font-weight:bold;}
.gt_t14_bl{font-size:14px; color:#538fcf; font-weight:bold;}
.gt_t15_b{font-size:15px; color:#333; font-weight:bold;}
.gt_t17_b{font-size:17px; color:#333; font-weight:bold;}
.gt_t25_b{font-size:25px; color:#333; font-weight:bold;}




/*layout*/
#main_wrap{position:relative; width:100%;  height:100%; min-height:770px; background:url(/img/main_bg.jpg) center top no-repeat; padding-top:30px; }
#main_wrap .pro_menu{ position:relative; width:1200px; margin:0 auto;}
#main_wrap .pro_menu li:first-child{ position:absolute; left:20px; top:110px;;}
#main_wrap .pro_menu li:first-child + li{ position:absolute; left:157px; top:247px;}
#main_wrap .pro_menu li:first-child + li + li{ position:absolute; left:157px; top:384px;}
#main_wrap .pro_menu li:first-child + li + li + li{ position:absolute; right:157px; top:110px;}
#main_wrap .pro_menu li:first-child + li + li + li + li{ position:absolute; right:20px; top:247px;}
#main_wrap .pro_menu li:first-child + li + li + li + li + li{ position:absolute; right:157px; top:384px;}
#main_wrap .pro_menu li:first-child + li + li + li + li + li + li{ position:absolute; right:20px; top:384px;}
#main_wrap .pro_menu li a:hover{ box-shadow:2px 2px 5px #333; color:#111; background-color: rgba( 255, 255, 255, 0.8 ); }
#main_wrap .pro_menu li a{ display:block; width:137px; height:137px;  background-color: rgba( 52, 48, 45, 0.8 ); text-align:center; color:#fff; transition: all 0.3s ease;}
#main_wrap .pro_menu li a p{ padding:38px 0 20px 0; font-size:20px;  font-weight:500;}

#main_company{ position:relative; width:435px; margin:40px auto 40px; background:url(/img/m_about.jpg) left top no-repeat; min-height:390px; padding-left:765px;}
#main_company h1{ font-size:30px; color:#111; font-weight:700; padding:95px 0 65px 0;}
#main_company h2{ font-size:20px; color:#111; font-weight:700; padding-bottom:30px;}
#main_company p{ font-size:15px; color:#888; letter-spacing:-1px; line-height:24px;}
#main_company .sign{ background:url(/img/sign_line.gif) left top no-repeat; padding-top:10px; margin-top:50px;}
#main_company .sign span{ display:inline-block; color:#111; padding-left:5px;}

#we_design{ background:url(/img/project_bg1.jpg) left top no-repeat #e8e8e8; width:100%; min-height:660px;}
#we_design .container{ width:1200px; margin:0 auto;}
#we_design .container h1{ padding:35px 0 0 35px ;}
#we_design .container dl{ position:relative; float:left; width:290px; margin:25px 5px;}
#we_design .container dl dt{ width:290px; height:193px; overflow:hidden; box-shadow:2px 2px 5px #ccc; background:#fff;}
#we_design .container dl dd{ position:absolute; width:220px; left:35px; top:177px; height:50px; line-height:50px; background:#fff; text-align:center;box-shadow:2px 2px 5px #ccc; }
#we_design .container dl dd a{ display:block; color:#333; font-size:16px; font-weight:500;}


#we_project{ background:url(/img/project_bg2.jpg) left top no-repeat #e8e8e8; width:100%; min-height:700px;}
#we_project .container{ width:1200px; margin:0 auto;}
#we_project .container h1{ padding:35px 0 0 35px ;}
#we_project .container dl{ position:relative; float:left; width:290px; margin:25px 5px;}
#we_project .container dl dt{ width:290px; height:193px; overflow:hidden; box-shadow:2px 2px 5px #ccc; background:#fff;}
#we_project .container dl dd{ position:absolute; width:220px; left:35px; top:177px; height:50px; line-height:50px; background:#fff; text-align:center;box-shadow:2px 2px 5px #ccc; }
#we_project .container dl dd a{ display:block; color:#333; font-size:16px; font-weight:500;}

#footer{ position:relative; width:100%;  background:#353535; text-align:center; padding-bottom:30px;}
#footer .sns_con{ position:absolute; width:550px; left:325px; top:-27px; height:25px; background:#f2932f; padding:15px 0;}
#footer .sns_con:after{ content:""; display:block; clear:both;}
#footer .sns_con h1{ float:left; line-height:25px; color:#ffe8a3; font-size:17px; font-weight:700; letter-spacing:5px; padding:0 50px;}
#footer .sns_con div{ float:left; border-left:1px solid #fff; padding-left:50px; line-height:15px;}
#footer .sns_con div span{ display:inline-block; margin-right:40px;}

#footer ul{ padding:70px 0 10px 0;  margin-bottom:30px;}
#footer ul li{ display:inline-block; vertical-align:top;padding:10px; color:#fff; border-bottom:1px solid #999;}
#footer ul li a{ color:#fff;}
#footer p{ color:#999;}


/*sub*/
#sub_wrap{position:relative; width:100%;  height:100%; min-height:310px;  padding-top:30px; }
#sub_wrap h1{ width:1200px; margin:0 auto; padding-top:70px; font-size:50px; font-weight:700; color:#fff; text-align:center; text-shadow:1px 1px 5px #111; }

#smenu{ width:1160px; margin:0 auto; border:1px solid #ccc; background:#fff; padding:0 20px; height:62px; margin-top:60px;}
#smenu ul:after{ content:""; display:block; clear:both;}
#smenu ul li{ float:left; line-height:60px;}
#smenu ul li:after{ content:"|"; color:#eee; ;}
#smenu ul li:last-child:after{content:"";}
#smenu ul li a{ display:inline-block; padding:0 40px; font-size:16px; color:#999; border-bottom:2px solid #fff;}

#smenu ul li a:hover{ color:#111; border-bottom:2px solid #c00;}
#smenu ul li .ov{ color:#111; border-bottom:2px solid #c00;}

#sub_container{ width:1200px; margin:0 auto; padding:40px 0 150px 0; min-height:300px;}
#footer_quick{ width:1200px; margin:0 auto 50px; background:#dedede; border:1px solid #ccc; border-radius:30px;}
#footer_quick ul:after{ content:""; display:block; clear:both;}
#footer_quick ul li{ float:left; padding:10px;}











/*
팝업용 태그///////////////////////////////////////////////////////////////////
*/

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}