/* 기본 설정 */
@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
/*@font-face{font-family:'NanumGothic';src:url('/Resources/Fontss/NanumGothic.eot');src:url('/Resources/Fontss/NanumGothic.eot?#iefix') format('embedded-opentype'),url('/Resources/Fonts/NanumGothic.woff') format('woff'),url('/Resources/Fonts/NanumGothic.ttf') format('truetype');font-weight:normal;font-style:normal;}@font-face{font-family:'NanumGothicB';src:url('/Resources/Fontss/NanumGothicBold.eot');src:url('/Resources/Fontss/NanumGothicBold.eot?#iefix') format('embedded-opentype'),url('/Resources/Fonts/NanumGothicBold.woff') format('woff'),url('/Resources/Fonts/NanumGothicBold.ttf') format('truetype');font-weight:normal;font-style:normal;}@font-face{font-family:'NanumSquare';src:url('/Resources/Fontss/NanumSquareR.eot');src:url('/Resources/Fontss/NanumSquareR.eot?#iefix') format('embedded-opentype'),url('/Resources/Fonts/NanumSquareR.woff') format('woff'),url('/Resources/Fonts/NanumSquareR.ttf') format('truetype'),url('/Resources/Fonts/NanumSquareR.svg#NanumSquareRregular') format('svg');font-weight:normal;font-style:normal;}@font-face{font-family:'NanumSquareB';src:url('/Resources/Fonts/NanumSquareB.eot');src:url('/Resources/Fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'),url('/Resources/Fonts/NanumSquareB.woff') format('woff'),url('/Resources/Fonts/NanumSquareB.ttf') format('truetype'),url('/Resources/Fonts/NanumSquareB.svg#NanumSquareBregular') format('svg');font-weight:normal;font-style: normal;}*/


/* Common */

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;
}

body {
    line-height: 1;
    font-family: 'Noto Sans KR', "맑은 고딕", "Malgun Gothic", "Nanum Gothic", "Dotum", "돋움", "gulim", "굴림", Helvetica, sans-serif;
    font-size: 14px;
    color:#444242;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

section {min-width:1200px; min-height: 500px;margin-bottom: 5em;}
section::after { content:''; display:block; clear:both; }      

input, button, select, a, img {
    vertical-align: middle;
}

a {text-decoration: none;margin: 0;padding: 0;}
a:link, a:hover, a:visited, a:active  {color:#464643;}

ol, ul {
    list-style: none;
}

table { border-collapse: collapse; border-spacing: 0; width: 100%; }

h1 {font-size:40px;}
h2 {font-size:25px;}


/* 사용자 정의 */
.wrap { display:inherit; min-width:1200px; max-width: 1280px; margin:auto; }
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}



/* Header */
header {display:flex;position:sticky;top:0px;padding:10px 0px;background-color: #fff;border-bottom: 3px solid #65451F;min-width:1200px;z-index:999;}
header .logo {margin-right: auto;padding-left:30px;}



/* Header - Navi */
header .navbar-nav {list-style-type:none;}
header .navbar-nav>.nav-item {float:left;padding:15px 20px;font-size:20px;}
header .navbar-nav>.nav-link {color:#402210;}
header .navbar-nav>.nav-item>a:hover {color:#402210;}
header .navbar-nav>.active>a {color:#402210;font-weight:bolder;}

/* Section 1 - Introduce */
/* Section 1 - Introduce - Banner */
.image-bg-container {position:relative;background:#4f4d4d;overflow:hidden;height:450px;}
.image-bg-container:before {content:' ';display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:0.3;background-image:url('/image/main/main_bg.gif');background-repeat:no-repeat;background-position:50% 0;-ms-background-size:cover;-o-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}
.image-bg-container h1 {padding:150px;text-align:center;z-index:2;position:relative;color:#fff;font-size:60px;font-weight:bold;line-height:90px;}

/* Section 1 - Introduce - Text */
#section-1 .intro-description {font-size:30px;line-height:45px;text-align:center;padding:40px 0;}
#section-1 .intro-m3-title {text-align:center;padding:50px 0 40px 0; }

#section-1 .intro-m3>li {float:left;width:33%;font-size:20px;line-height:35px;}
#section-1 .intro-m3>li>h2{text-decoration: underline; color:#402210;}

/* Section 2 */
#section-2 { background-color: #C8AE7D; padding:30px 0 50px 0;}
#section-2 h1 { text-align: center; margin:50px; font-weight: bold; color:#402210;}
#section-2 .row { padding:15px; font-size:20px;}
#section-2 .title { display: block; background-color: #65451F; border: 2px solid #fff; color:#fff; padding:15px; width: 250px; float: left; }
#section-2 .detail { display:block; background-color: #ffffff; border: 2px solid #765827; padding:15px; margin-left:290px;}

/* Section 3 - Portfolio */
#section-3 { padding:30px 0 50px 0;}
#section-3 h1 { text-align: center; margin:50px; font-weight: bold; color:#402210;}
#section-3 .portfolio-nav {margin:auto;padding:20px 0px;display:table;width:100%;}
#section-3 .portfolio-nav>.nav-item {display:table-cell;width:33%;text-align:center;font-size:20px;}
#section-3 .portfolio-nav>.nav-item>.nav-link {display:block;padding:10px 0;border-bottom:5px solid #EAC696;}
#section-3 .portfolio-nav>.nav-item>a.active {display:block;border-bottom:5px solid #65451F;}
#section-3 .protfolio-tab {display:none;}
#section-3 .portfolio-item { padding:15px; margin:5px; border-bottom: 1px dashed #EAC696; }
#section-3 .portfolio-item>.project-date {display:inline-block; width:160px;}
#section-3 .portfolio-item>.project-client {display:inline-block; width:200px;}
#section-3 .portfolio-item>.project-title {display:inline-block;}

/* Section 4 - Contact */
#section-4 { background-color: #C8AE7D; padding:30px 0px 50px 0px; color:#402210;}
#section-4 h1 { text-align: center; margin:50px; font-weight: bold;}
#section-4 table { width:95%; margin:auto; }
#section-4 th, #section-4 td { border:1px solid #A8907E; padding: 15px 0; vertical-align: middle; line-height: 25px; font-size:15px; }
#section-4 th { background-color: #765827; color:#fff; }
#section-4 td { background-color: #ffffff; padding-left:15px; }

/* Footer */
footer {margin-top: 10px; text-align: center; min-width:1200px; line-height: 25px; padding: 25px 0px; background-color: #402210; color:#fff;}