@charset "utf-8";
/* Noto Sans KR */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

body.intro {background:#a7c7de url(../images/bg_intro.html) repeat-x top left;-webkit-background-size:2px 480px;background-size:2px 480px;text-align:center;font-size:12px;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {font-family: 'Noto Sans KR', sans-serif; -webkit-text-size-adjust:none;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}

/* 테이블 스타일 초기화 */
table {border-collapse:collapse; border-spacing:0;}
td {color:#6b6b6b; font:12px/140% 돋움,Dotum; word-break:break-all; word-wrap:break-word; word-break:keep-all;}
div {word-break:break-all; word-wrap:break-word; word-break:keep-all;}

/* 링크 */
a:link        {color:#50555C;text-decoration:none;}
a:visited     {color:#50555C;text-decoration:none;}
a:active      {color:#50555C;text-decoration:none;}
a:hover       {color:#50555C;text-decoration:underline;}

/* 이미지, 폼관련 요소 */
img {vertical-align:top;}
label, select, input, textarea {vertical-align:top;}
.type1 {height:16px;padding:4px 0 0 4px;border:1px solid #d1d4d9;}

.b {font-weight:bold;}
.tal {text-align:left;}
.tac {text-align:center;}
.tar {text-align:right;}
.dpn {display:none;}
.hidden {position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
.vam {vertical-align:middle;}
.vat {vertical-align:top;}
.ofh {overflow:hidden;}
.clear {clear:both;}
.bold {font-weight:bold;}
.fwn {font-weight:normal;}
.floatleft {float:left;}
.floatright {float:right;}
.noneborder {border:none !important;}
.nonebg {background-image:none !important;}
.nonemgb {margin-bottom:0px !important;}
.b1 {border:1px solid red;}
.imgfix {font-size:0;line-height:0;}

.wrap {position:relative;width:100%; background:white;}

.header {position:fixed; top:0; overflow:hidden;padding-top:0px; width:100%; height:102px;background:#ffffff; z-index:99;}
.header .logo {float:left;padding-left:25px; padding-top:20px;}
.header .menu {float:right;padding-right:10px;}
.header .btn_top {position:absolute;right:10px;top:0px;z-index:10;}
.menu_view {position:fixed;left:0px;top:-102px;z-index:10; width:100%; background:#F9C700;}
.menu_view .menubox {position:relative; width:640px; margin:0 auto; }
.menu_view .menubox li {float:left; }
.content {min-height:600px;padding:0 0 20px 0;}
/*
.footer {width:640px;height:41px;padding-bottom:20px;}
.footer .copyright {width:418px;float:left;margin:45px 27px  0 111px;}
.footer .apps {float:left;}
*/



.main01 {position:relative; width:100%; height:auto; margin-top:102px; overflow:hidden; }
.main01 img {width:100%; height:auto; }
.main02 {position:relative; width:100%; height:auto; overflow:hidden;}
.main02 .m0201 {position:relative; float:left; width:50%; height:auto; overflow:hidden; }
.main02 .m0201 img {width:100%; height:auto; }
.main02 .m0202 {position:relative; float:left; width:50%; height:auto; overflow:hidden;}
.main02 .m0202 img {width:100%; height:auto; }
.main03 {position:relative; width:100%; height:auto; overflow:hidden; }
.main03 img {width:100%; height:auto; }
.main04 {position:relative; width:100%; height:auto; overflow:hidden; }
.main04 img {width:100%; height:auto; }

.footer {position:relative; width:100%; height:auto; overflow:hidden; }
.footer img {width:100%; height:auto; }

.why01 {position:relative; width:100%; height:auto; overflow:hidden; margin-top:102px;}
.why01 img {width:100%; height:auto; }
.why02 {position:relative; width:100%; height:auto; overflow:hidden; }
.why02 img {width:100%; height:auto; }
.why02 {position:relative; width:100%; height:auto; overflow:hidden; }
.why02 img {width:100%; height:auto; }
.why03 {position:relative; width:100%; height:auto; overflow:hidden; }
.why03 img {width:100%; height:auto; }
.why04 {position:relative; width:100%; height:auto; overflow:hidden; }
.why04 img {width:100%; height:auto; }
.why05 {position:relative; width:100%; height:auto; overflow:hidden; }
.why05 img {width:100%; height:auto; }
.why06 {position:relative; width:100%; height:auto; overflow:hidden; }
.why06 img {width:100%; height:auto; }
.why07 {position:relative; width:100%; height:auto; overflow:hidden; }
.why07 img {width:100%; height:auto; }

.work01 {position:relative; width:100%; height:auto; overflow:hidden; margin-top:102px;}
.work01 img {width:100%; height:auto; }
.work02 {position:relative; width:100%; height:auto; overflow:hidden; }
.work02 img {width:100%; height:auto; }
.work03 {position:relative; width:100%; height:auto; overflow:hidden; }
.work03 img {width:100%; height:auto; }
.work04 {position:relative; width:100%; height:auto; overflow:hidden; }
.work04 img {width:100%; height:auto; }
.work05 {position:relative; width:100%; height:auto; overflow:hidden; }
.work05 img {width:100%; height:auto; }


.estimate {position:relative; width:100%; height:auto; overflow:hidden; background:#252525; margin-top:102px; padding:0px 0 100px 0;}
.estimate .titleimg {position:relative; width:100%; height:auto; overflow:hidden; }
.estimate .titleimg img {width:100%; height:auto; padding:70px 0; }
.estimate .estimatebox {position:relative; width:640px; height:auto; overflow:hidden; margin:0 auto;}
.estimate .estimatebox li {padding:10px 0;}
.estimate .estimatebox .fs01 {color:#FCDB34; background:#333333; border:1px solid #333; width:400px; height:55px; font-size:30px; padding:2px 10px; font-family: 'Noto Sans KR', sans-serif;}
.estimate .estimatebox .fs02 {color:#FCDB34; background:#333333; border:1px solid #333; width:400px; height:200px; font-size:30px; padding:2px 10px; font-family: 'Noto Sans KR', sans-serif;}
.estimate .estimatebox .fs03 {color:#FCDB34; background:#333333; border:1px solid #333; width:170px; height:55px; font-size:30px; padding:2px 10px; font-family: 'Noto Sans KR', sans-serif;}
.estimatebt {position:relative; width:600px; height:165px; margin:0 auto; padding:40px 0; }