/* 코딩: 김민용 */

/* CSS Document */

@charset "utf-8";

/****************************
	PC웹 : default
****************************/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* 코딩: 김민용 */

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url(fonts/Roboto-Light.woff2) format('woff2'), 
		url(fonts/Roboto-Light.woff) format('woff'), 
		url(fonts/Roboto-Light.otf) format('opentype');
	unicode-range: U+002C, U+0030-0039, U+002E-002E;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url(fonts/Roboto-Regular.woff2) format('woff2'), 
		url(fonts/Roboto-Regular.woff) format('woff'), 
		url(fonts/Roboto-Regular.otf) format('opentype');
	unicode-range: U+002C, U+0030-0039, U+002E-002E;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url(fonts/Roboto-Medium.woff2) format('woff2'), 
		url(fonts/Roboto-Medium.woff) format('woff'), 
		url(fonts/Roboto-Medium.otf) format('opentype');
	unicode-range: U+002C, U+0030-0039, U+002E-002E;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: bold; /* 700 */
	src: url(fonts/Roboto-Bold.woff2) format('woff2'), 
		url(fonts/Roboto-Bold.woff) format('woff'), 
		url(fonts/Roboto-Bold.otf) format('opentype');
	unicode-range: U+002C, U+0030-0039, U+002E-002E;
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src:url('/fonts/notokr-light.eot'); /* ie 9 호환성 보기 */
	src:local('@'),
		url('/fonts/notokr-light.eot?#iefix') format('embedded-opentype'), /* ie 6~8 */
		url('/fonts/notokr-light.woff2') format('woff2'),
		url('/fonts/notokr-light.woff') format('woff'),
		url('/fonts/notokr-light.ttf') format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src:url('/fonts/notokr-medium.eot'); /* ie 9 호환성 보기 */
	src:local('@'),
		url('/fonts/notokr-medium.eot?#iefix') format('embedded-opentype'), /* ie 6~8 */
		url('/fonts/notokr-medium.woff2') format('woff2'),
		url('/fonts/notokr-medium.woff') format('woff'),
		url('/fonts/notokr-medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src:url('/fonts/notokr-regular.eot'); /* ie 9 호환성 보기 */
	src:local('@'),
		url('/fonts/notokr-regular.eot?#iefix') format('embedded-opentype'), /* ie 6~8 */
		url('/fonts/notokr-regular.woff2') format('woff2'),
		url('/fonts/notokr-regular.woff') format('woff'),
		url('/fonts/notokr-regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: bold; /* 700 */
	src:url('/fonts/notokr-bold.eot'); /* ie 9 호환성 보기 */
	src:local('@'),
		url('/fonts/notokr-bold.eot?#iefix') format('embedded-opentype'), /* ie 6~8 */
		url('/fonts/notokr-bold.woff2') format('woff2'),
		url('/fonts/notokr-bold.woff') format('woff'),
		url('/fonts/notokr-bold.ttf') format('truetype');
}

* {box-sizing:border-box; margin:0; padding:0;}
html {-webkit-text-size-adjust:none;}
body {color:#000; font-weight:300; font-size:16px; line-height:1.4444444444; letter-spacing:-0.03em; word-wrap:break-word; overflow-wrap:break-word;  overflow-y:scroll;}
a, select, button, pre, input, textarea {font-family:inherit;}
textarea {overflow-y:auto;}
header, section, article, aside, footer, nav {display:block;}
h1, h2, h3, h4, h5 { font-weight:700; line-height:2;}
dt, th, strong, b {font-weight:700;}
td {font-weight:500;font-size:13px;}
caption {height:0; font-size:0; line-height:0; overflow:hidden;}
pre {white-space:pre-wrap;}
fieldset {border:0;}
li {list-style:none;}
img {max-width:100%; vertical-align:middle; border:0;}
a {color:inherit; text-decoration:none;}

.8p { font-size: 8pt }
.f8 { font-size: 8pt; color:#343434;}
.a { border-width:0px; color:#343434;}
.b {font-size: 9pt; border-style: solid; border-width: 1px; border:1px solid; border-color:#999999; color:#343434;}

/* dtree */
.dtree {font-size:11px;color:#666;white-space:nowrap;padding-left:5px;padding-top:5px;}
.dtree img {border:0px;vertical-align:middle;}
.dtree a {color:#333;text-decoration:none;}
.dtree a.node,.dtree a.nodeSel {white-space:nowrap;padding:1px 2px 1px 2px;}
.dtree a.node:hover,.dtree a.nodeSel:hover {color:#333;text-decoration:underline;}
.dtree a.nodeSel {background-color:#c0d2ec;}
.dtree .clip {overflow: hidden;}

/* left submenu_depth1 링크*/
a:link { text-decoration : none; color : #333333;}
a:visited { text-decoration : none; color : #333333;}
a:hover { text-decoration : underline; color : #000001;}

a:link.mainmenu_d1 { font-size : 14; font-weight: 700; text-decoration : none; color : #FFFFFE;}
a:visited.mainmenu_d1 { font-size : 14; font-weight: 700; text-decoration : none; color : #FFFFFE;}
a:hover.mainmenu_d1 { font-size : 14; font-weight: 700; text-decoration : none; color : #fff339;}

a:link.submenu_d1 { font-size : 12; text-decoration : none; color : #333333;}
a:visited.submenu_d1 { font-size : 12; text-decoration : none; color : #333333;}
a:hover.submenu_d1 { font-size : 12; text-decoration : underline; color : #ff393b;}

a:link.submenu_d2 { font-size : 13; text-decoration : none; color : #333333;}
a:visited.submenu_d2 { font-size : 13; text-decoration : none; color : #333333;}
a:hover.submenu_d2 { font-size : 13; text-decoration : underline; color : #ff393b;}


/* index 신규개설 홈페이지*/
.index_newsite {font-size: 11px;}
.boardarea {border: #D8D8D7; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;  font-size: 13px; font-style: normal; line-height: 16px; background-color: white}
.boardbox {border: #D8D8D7; width:80px;height:18px;border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;  font-size: 13px; font-style: normal; line-height: 16px; background-color: white}
.textarea {border: #D8D8D7; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;  font-size: 13px; font-style: normal; line-height: 16px; background-color: white}
.textbox {border: #D8D8D7; height:18px;border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;  font-size: 13px; font-style: normal; line-height: 16px; background-color: white}
.minung { border: #D8D8D7; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;  font-size: 13px; font-style: normal; line-height: 16px; background-color: white}
.cssprice { font-size:9pt;color:1d8ed6; text-align: right; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;solid;line-height: 130%; background-color: white}
.consultarea{ SCROLLBAR-SHADOW-COLOR: #EEDFA7;SCROLLBAR-ARROW-COLOR: EEDFA7; SCROLLBAR-HIGHLIGHT-COLOR: EEDFA7;color:6B6B6B;background-color:white;border:1 solid #EEDFA7; font-size: 13px; font-style: normal; line-height: 16px; background-color: white}
.consultbox { border: #EEDFA7; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;  font-size: 13px; font-style: normal; line-height: 16px; background-color: white;}
.loginbox { height:17px; width:80px;border: #D8D8D7; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;  font-size: 13px; font-style: normal; line-height: 16px; background-color: white}
.keywordbox { width:240px;padding-left:5px;height:26px;border: #1d8ed6; border-style: solid; border-width: 2px;  font-size: 13px; font-style: normal; line-height: 23px; background-color: #FFFFFF}

/* UI Object  등록폼,리스트폼,내용폼*/
.boardtbl{text-align:left;margin-left: auto; margin-right: auto;border-bottom:1px solid #fd9236 ;border-top:2px solid #e8a366;font-size:13px;border-collapse:collapse;}
.boardtbl th{line-height:18pt;background-color:#efd8c5;font-size:13px;color : #3b322a;border-collapse:collapse;font-weight:500;}
.boardtbl td{padding:3px 5px 1px 5px;line-height:18pt;border-top:1px dotted #fd9236;color:#333332}
.boardtbl td.lmc{color:#3b322a;font-size:13px;background-color:#efd8c5;}
.boardtbl_search{text-align:left;margin-left: auto; margin-right: auto;border-top:1px solid #e8a366;border-bottom:1px solid #e8a366;font-size:13px;border-collapse:collapse;}
/* //UI Object */

.hoitbl {text-align:center; margin-left: auto; margin-right: auto; font-size:13px; border-collapse:collapse; border: 1px solid #6B6B6B;}
.hoitbl th{ background-color: #e8a366; color: #663300; border: 1px dotted #6B6B6B; padding: 5px 10px;}
.hoitbl td{ border: 1px dotted #6B6B6B; padding: 5px 10px;}
/* 짝수줄만 배경색을 다르게 */
/*.hoitbl tr:nth-child(2n+0){background-color: #EFEFEF;}*/
.hoitbl td:nth-child(1){background-color: #efd8c5; color: #663300;}
.hoitbl td:nth-last-child(1){text-align: left}

/* UI Object 갤러리*/
.lst_gallery_type{overflow:hidden;width:1100px;border-top:1px solid #c2c2c2; margin-left: auto; margin-right: auto; text-align:center;}
.lst_gallery_type li{display:inline;line-height:18pt;float:left;width:346px;margin:10px 10px 10px 10px;background-color:#fff;color:#000;font-size:13px;text-align:center;list-style:none;}
.lst_gallery_type li a{color:#000;text-decoration:none}
.lst_gallery_type li a:hover{text-decoration:underline;}
.lst_gallery_type li img{border:1px solid #c2c2c2;}
/*/UI Object */

/* 버튼 스타일 */

a.btn_big{display:inline-block;padding:5px 13px;border:1px solid #c9020a;background-color:#ed1b24;color:#ffffff;font-size:12pt;font-weight:bold;text-align:center}
a.btn_big_white{display:inline-block;padding:5px 13px;border:1px solid #fd9236;background-color:#fff;color:#333333;font-size:12pt;font-weight:bold;text-align:center}
a.btn_big_black{display:inline-block;padding:5px 13px;border:1px solid #666666;background-color:#666666;color:#FFFFFF;font-size:12pt;font-weight:bold;text-align:center}
a.btn_small_white{display:inline-block;padding:2px 6px 2px 6px;border:1px solid #fd9236;background-color:#fff;color:#333333;font-size:9pt;font-weight:bold;text-align:center}
a.btn_small_green{display:inline-block;padding:0 6px 0 6px;border:1px solid #009999;background-color:#fff;color:#009999;font-size:9pt;font-weight:bold;text-align:center}
a.btn_small_red{display:inline-block;line-height:17px;padding:1px 5px 2px 5px;border:1px solid #c9020a;background-color:#ed1b24;color:#ffffff;font-size:10pt;font-weight:bold;text-align:center}
a.btn_small_blue{display:inline-block;line-height:17px;padding:1px 5px 2px 5px;border:1px solid #006699;background-color:#0099cc;color:#ffffff;font-size:10pt;font-weight:bold;text-align:center}
a.btn_small_gray{display:inline-block;line-height:17px;padding:1px 5px 2px 5px;border:1px solid #fd9236;background-color:#efd8c5;color:#333333;font-size:10pt;font-weight:bold;text-align:center}

.page_small_red{margin:3px;display:inline-block;line-height:17px;padding:1px 5px 2px 5px;border:1px solid #c9020a;background-color:#ed1b24;color:#ffffff;font-size:10pt;font-weight:bold;text-align:center}
.page_small_blue{margin:3px;display:inline-block;line-height:17px;padding:1px 5px 2px 5px;border:1px solid #006699;background-color:#0099cc;color:#ffffff;font-size:10pt;font-weight:bold;text-align:center}
.page_small_black{margin:3px;display:inline-block;line-height:17px;padding:1px 5px 2px 5px;border:1px solid #006699;background-color:#6b6b6c;color:#ffffff;font-size:10pt;font-weight:bold;text-align:center}

/* 메뉴네비고정 */
#header_menu{ width:100%; background:#FFFFFF; z-index:100;}
.jbFixed {position: fixed; left:0; right:0; top:0;}

/* 메인갤러리 */
.main_title{font-size:36px; font-weight:700;}
#m_contents{ position:relative; width:1042px; margin:20px auto 0;}
#m_contents h2{ margin-bottom:10px; padding-bottom:10px; border-bottom:2px solid #323232;}

/* portfolio */
.port{ position:relative; overflow:hidden; width:1042px;}
.port li{list-style:none; float:left; width:340px; height:auto; background:#fff; margin: 5px 7px 5px 0px;}
.port a img{ width:340px; height:auto; border:1px solid #e3e5e9;}
.port a:hover img{ border:1px solid #ff3300;}
.port_cont{ margin: 13px 20px 13px 0px; text-align:center;}
.port_cont h3{ color:#555;}
.port_cont .port_url a{ font-size:11px; color:#999; }

.titlestyle {font-size:28px; color:#101010;font-weight:bolder; }

<!--메인갤러리2-->
.home_animation_holder .banner_an .nivo-caption { display:none !important } 
.home_animation_holder { display:block; width:1920px; margin:0 0 0 0; overflow:hidden; position:relative; z-index:1 } 
.banner_holder_space { height:35px } 
.right_clmn .banner_holder { padding-left:8px } 
.banner_an { position:relative; background:url(/images/ajax-loader.gif) no-repeat 50% 50% } 
.banner_an img { position:absolute; top:0; left:0; display:none } 
.banner_an a { border:0; display:block } 
.nivoSlider a.nivo-imageLink { position:absolute; top:0; left:0; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none } 
.nivo-slice { display:block; position:absolute; z-index:5; height:100% } 
.nivo-box { display:block; position:absolute; z-index:5 } 
.banner_an .nivo-controlNav { position:absolute; right:500px; bottom:13px } 
.banner_an .nivo-controlNav a { display:block; position:relative; z-index:9; width:18px; height:18px; background:url(/images/btn_main_roll.png) no-repeat; text-indent:-9999px; border:0; margin-left:5px; float:left; cursor:pointer } 
.banner_an .nivo-controlNav a.active { background-position:0 -18px } 
.banner_an .nivo-directionNav a { display:block; position:absolute; top:50%; z-index:9; cursor:pointer; width:20px; height:20px; background:url(/images/arrows.png) no-repeat; text-indent:-9999px; border:0 } 
.banner_an a.nivo-nextNav { background-position:-20px 0; right:480px } 
.banner_an a.nivo-prevNav { left:470px } 
.banner_an .nivo-caption { position:absolute; left:0; bottom:0; background:#000; color:#fff; opacity:.5; width:100%; z-index:8 } 
.home_animation_holder .banner_an .nivo-caption { display:none !important } 
.nivo-caption p { padding:8px; margin:0 } 
.banner_an .nivo-caption a { display:inline !important; color:#fff; border-bottom:1px dotted #fff } 
.banner_an .nivo-caption a:hover { color:#fff } 

.btn_big_red{display:inline-block;line-height:30px;padding:5px 20px;border:1px solid #c9020a;background-color:#ed1b24;color:#ffffff;font-size:13pt;font-weight:600;text-align:center}
.btn_big_blue{display:inline-block;line-height:30px;padding:5px 20px;border:1px solid #006699;background-color:#0099cc;color:#ffffff;font-size:13pt;font-weight:600;text-align:center}
.btn_big_gray{display:inline-block;line-height:30px;padding:5px 20px;border:1px solid #fd9236;background-color:#e9e7fe;color:#333333;font-size:13pt;font-weight:600;text-align:center}


.image-box {
    width:340px;
    height:238px;
    overflow:hidden;
    margin:0 auto;
	border:1px solid #cccccc;
}

.image-thumbnail {
    width:100%;
    height:100%;
    object-fit:cover;
}