@font-face {
    font-family:'Noto Sans KR';
    src: url('fonts/NotoSansKR/NotoSans-Black.eot');
    src: url('fonts/NotoSansKR/NotoSans-Black.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSansKR/NotoSans-Black.woff') format('woff'),
         url('fonts/NotoSansKR/NotoSans-Black.ttf') format('truetype');
    font-weight: 900;
}

@font-face {
    font-family:'Noto Sans KR';
    src: url('fonts/NotoSansKR/NotoSans-Bold.eot');
    src: url('fonts/NotoSansKR/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSansKR/NotoSans-Bold.woff') format('woff'),
         url('fonts/NotoSansKR/NotoSans-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family:'Noto Sans KR';
    src: url('fonts/NotoSansKR/NotoSans-Medium.eot');
    src: url('fonts/NotoSansKR/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSansKR/NotoSans-Medium.woff') format('woff'),
         url('fonts/NotoSansKR/NotoSans-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family:'Noto Sans KR';
    src: url('fonts/NotoSansKR/NotoSans-Regular.eot');
    src: url('fonts/NotoSansKR/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSansKR/NotoSans-Regular.woff') format('woff'),
         url('fonts/NotoSansKR/NotoSans-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family:'Noto Sans KR';
    src: url('fonts/NotoSansKR/NotoSans-DemiLight.eot');
    src: url('fonts/NotoSansKR/NotoSans-DemiLight.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSansKR/NotoSans-DemiLight.woff') format('woff'),
         url('fonts/NotoSansKR/NotoSans-DemiLight.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family:'Noto Sans KR';
    src: url('fonts/NotoSansKR/NotoSans-Light.eot');
    src: url('fonts/NotoSansKR/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSansKR/NotoSans-Light.woff') format('woff'),
         url('fonts/NotoSansKR/NotoSans-Light.ttf') format('truetype');
    font-weight: 250;
}

@font-face {
    font-family:'Noto Sans KR';
    src: url('fonts/NotoSansKR/NotoSans-Thin.eot');
    src: url('fonts/NotoSansKR/NotoSans-Thin.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSansKR/NotoSans-Thin.woff') format('woff'),
         url('fonts/NotoSansKR/NotoSans-Thin.ttf') format('truetype');
    font-weight: 200;
}

/***** common *****/

BODY {FONT-SIZE: 9pt; COLOR: #2A2A2A; LINE-HEIGHT: 15px; FONT-FAMILY: "dotum";margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;
scrollbar-face-color: #F7F4F4;
scrollbar-shadow-color: #C0C0C0;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #F7F4F4;
scrollbar-arrow-color: #C0C0C0}

/***** td *****/
.td {font-family:dotum; line-height:17px; font-size:9pt; color:#333333}

/***** bigltxt *****/
.bt {COLOR: #333333; WORD-BREAK: break-all; FONT-SIZE: 13pt; FONT-FAMILY: "dotum" text-decoration: bold; LETTER-SPACING: -1px}

/***** smalltxt *****/
.st-orange {COLOR: #AA7431; WORD-BREAK: break-all; FONT-SIZE: 8.5pt; line-height:17px; FONT-FAMILY: "dotum" text-decoration: none; LETTER-SPACING: 0px}
.st-olive {COLOR: #748C06; WORD-BREAK: break-all; FONT-SIZE: 8.5pt; line-height:17px; FONT-FAMILY: "dotum" text-decoration: none; LETTER-SPACING: 0px}
.st-yellow {COLOR: #B3C77E; WORD-BREAK: break-all; FONT-SIZE: 8.5pt; line-height:17px; FONT-FAMILY: "dotum" text-decoration: none; LETTER-SPACING: 0px}
.st-brown{COLOR: #7F7864; WORD-BREAK: break-all; FONT-SIZE: 8.5pt; line-height:17px; FONT-FAMILY: "dotum" text-decoration: none; LETTER-SPACING: 0px}
.st-brown2{COLOR: #806F60; WORD-BREAK: break-all; FONT-SIZE: 8.5pt; line-height:17px; FONT-FAMILY: "dotum" text-decoration: none; LETTER-SPACING: 0px}
.st {COLOR: #333333; WORD-BREAK: break-all; FONT-SIZE: 8.5pt; line-height:17px; FONT-FAMILY: "dotum" text-decoration: none; LETTER-SPACING: 0px}


/***** link  *****/
a:link {text-decoration:none; color:#5C5C5C}
a:visited {text-decoration:none; color:#5C5C5C}
a:active {text-decoration:none; color:#5C5C5C}
a:hover {text-decoration:underline; color: #277CA4}




/***** Form *****/
.input01 {font-size:11pt; color:#000000; font-family:dotum; border:1px solid #B99B7F; background-Color:#F9F9F9}
.input03 {font-size:11pt; color:#ffffff; font-family:dotum; border:1px solid #A5AF8B; background-Color:#054B57; LETTER-SPACING: -1px}
.input02 {font-size:11px; color:#000000; font-family:dotum; border:1px solid #DADADA; background-Color:#FFFFFF; LETTER-SPACING: -1px}
.select01 {font-size:11px; color:#5C5C5C; font-family:dotum; border:1px solid #DADEE2; background-Color:#FFFFFF}


/***** BOARD CSS *****/
.view_title {font-family:gulim; line-height:17px; font-size:12pt; color:#333333}
.view_list {font-family:gulim; line-height:17px; font-size:9pt; color:#333333}
.view_text {font-family:gulim; line-height:17px; font-size:9pt; color:#694F27}
.view_B {font-family:gulim; line-height:17px; font-size:9pt; font-weight:bold; color:#333333}
.view_list_brown {font-family:gulim; line-height:17px; font-size:9pt; color:#A36E4E}
.view_list_title {font-family:dotum; line-height:17px; font-size:11pt ;font-weight: bold ; color:#E47100}
.view_list_title2 {font-family:dotum; line-height:17px; font-size:9pt ;font-weight: bold ; color:#AE3900}
.view_view {font-family:gulim; line-height:23px; font-size:11pt; color:#333333}


/* Header */
.headerWrap{width:943px;height:100px;}
.headerWrap img{vertical-align:top;}
.headerWrap a{font-family:'Noto Sans KR', sans-serif;text-decoration:none;}
.headerWrap ul, .headerWrap li{padding:0;margin:0;list-style:none;}
.headerWrap .topSkinNav{height:25px;padding:14px 16px 0 0;box-sizing:border-box;}
.headerWrap .topSkinNav:after{clear:both;content:"";display:block;}
.headerWrap .topSkinNav ul{float:right;}
.headerWrap .topSkinNav ul li{float:left;position:relative;padding-left:12px;margin-left:12px;line-height:0;font-size:0;}
.headerWrap .topSkinNav ul li:before{width:1px;height:7px;position:absolute;left:0;top:-1px;background:#d3d3d3;content:"";transform:rotate(30deg);}
.headerWrap .topSkinNav ul li:last-child{padding-right:12px;}
.headerWrap .topSkinNav ul li:last-child:after{width:1px;height:7px;position:absolute;right:0;top:-1px;background:#d3d3d3;content:"";transform:rotate(40deg);}
.headerWrap .navWrap{background:#fff;}
.headerWrap .navWrap:after{clear:both;content:"";display:block;}
.headerWrap .navWrap h1{height:75px;padding:0;margin:0 0 0 15px;float:left;}
.headerWrap .navWrap .navList{width:683px;min-height:45px;position:relative;margin:2px 0 0 0;background:url(/img/common/nav_bg_blue.gif) no-repeat left top;float:right;}
.headerColor.colorGreen{padding:0;margin:0;}
.headerColor.colorGreen .headerWrap .navWrap .navList{background:url(/img/common/nav_bg_green.gif) no-repeat left top;}
.headerColor.colorCyan .headerWrap .navWrap .navList{background:url(/img/common/nav_bg_cyan.gif) no-repeat left top;}
.headerWrap .navWrap .navList .navDepth01{float:left;}
.headerWrap .navWrap .navList .navDepth01 > a{height:45px;line-height:45px;font-weight:500;text-align:center;display:block;color:#fff;font-size:15px;letter-spacing:-0.05em;}
.headerWrap .navWrap .navList .navDepth01:hover > a{font-size:17px;}
.headerWrap .navWrap .navList .navDepth01:hover > .navDepth02{display:block;}
.headerWrap .navWrap .navList .navDepth02{display:none;position:absolute;top:45px;}
.headerWrap .navWrap .navList .navDepth02 li{float:left;margin-right:13px;}
.headerWrap .navWrap .navList .navDepth02 li a{height:28px;line-height:28px;display:block;font-size:11px;color:#333;font-weight:500;}
.headerWrap .navWrap .navList .navDepth02 li a:hover{color:#9b9b9b;}
.headerWrap .navWrap .navList .nav01{width:137px;}
.headerWrap .navWrap .navList .nav01 .navDepth02{left:40px;}
.headerWrap .navWrap .navList .nav02{width:91px;}
.headerWrap .navWrap .navList .nav02 .navDepth02{left:80px;}
.headerWrap .navWrap .navList .nav03{width:102px;}
.headerWrap .navWrap .navList .nav03 .navDepth02{left:120px;}
.headerWrap .navWrap .navList .nav04{width:104px;}
.headerWrap .navWrap .navList .nav05{width:113px;}
.headerWrap .navWrap .navList .nav06{width:119px;}
.headerWrap .navWrap .navList .nav06 .navDepth02{right:30px;}

/* Quick */
.sideQuick{width:81px;height:218px;background:url(/img/common/quick_bg.gif) no-repeat left top;}
.sideQuick a{text-decoration:none;}
.sideQuick ul{padding:25px 0 0 0;margin:0;}
.sideQuick li{list-style:none;padding:0;margin:0;}
.sideQuick li a{display:block;padding:19px 0 7px 39px;font-size:11px;line-height:13px;font-weight:500;letter-spacing:-0.1em;color:#333;font-family:'Noto Sans KR', sans-serif;}
.sideQuick li:hover a{color:#ee8d25;}
.sideQuick li.qucikLine02 a{padding-top:11px;padding-bottom:4px;}
.sideQuick li.fullQucik a{padding:10px 0;text-align:center;}

/* Main */
.mainSlimBanner{width:318px;margin:0 auto;}
.mainSlimBanner ul, .mainSlimBanner li{list-style:none;padding:0;margin:0;}
.mainSlimBanner ul:after{clear:both;content:"";display:block;}
.mainSlimBanner ul li{float:left;margin-right:2px;}
.mainSlimBanner ul li a{width:24px;height:98px;display:block;font-size:0;letter-spacing:-1000em;text-indent:-1000em;line-height:0;}
.mainSlimBanner ul li.slimActive{margin-right:4px;}
.mainSlimBanner ul li.slimActive a{width:259px;}
.mainSlimBanner ul li.slimBanner01 a{background:url(/img/main/slim_banner_title_01.gif) no-repeat left top;}
.mainSlimBanner ul li.slimBanner02 a{background:url(/img/main/slim_banner_title_02.gif) no-repeat left top;}
.mainSlimBanner ul li.slimBanner03 a{background:url(/img/main/slim_banner_title_03.gif) no-repeat left top;}
.mainSlimBanner ul li.slimBanner01.slimActive a{background:url(/img/main/slim_banner_01.jpg) no-repeat left top;}
.mainSlimBanner ul li.slimBanner02.slimActive a{background:url(/img/main/slim_banner_02.jpg) no-repeat left top;}
.mainSlimBanner ul li.slimBanner03.slimActive{margin:0 0 0 2px;}
.mainSlimBanner ul li.slimBanner03.slimActive a{background:url(/img/main/slim_banner_03.jpg) no-repeat left top;}
.mainQuick{width:164px;border:1px solid #d9d6eb;margin:2px 0 0 3px;box-sizing:border-box;border-radius:5px;padding:16px 7px 6px;}
.mainQuick img{vertical-align:top;}
.mainQuick h5{margin:0 0 10px;}
.mainQuick a{text-decoration:none;}
.mainQuick .mainQuickSlide{width:146px;margin:0 0 34px;}
.mainQuick .mainQuickSlide:after{clear:both;content:"";display:block;}
.mainQuick .mainQuickSlide div{vertical-align:top;}
.mainQuick .mainQuickSlide .quickSlideList{width:67px;float:left;}
.mainQuick .mainQuickSlide .quickSlideListNav{width:71px;float:right;letter-spacing:-0.05em;font-family:'Noto Sans KR', sans-serif;}
.mainQuick .mainQuickSlide .quickSlideListNav img{display:inline-block;vertical-align:2px;margin-right:2px;}
.mainQuick .mainQuickSlide .quickSlideListNav .slick-slide{margin-bottom:3px;border-bottom:1px solid #eee;padding:0 0 2px 2px;}
.mainQuick .mainQuickSlide .quickSlideListNav .slick-slide a{color:#333;}
.mainQuick .mainQuickSlide .quickSlideListNav .slick-slide.slick-current a{color:#fe0000;}
.mainQuick .quickBottomBanner{margin:0;}

/* producing */
.producingSlide{width:640px;height:500px;margin:0 auto;box-sizing:border-box;padding:96px 0 0 33px;background:url(/img/producing_img.jpg) no-repeat left top;}
.producingSlide .slideList{width:416px;height:258px;}

/* business */
.dreamContainer{width:630px;height:350px;margin:0 auto;background:url(/img/dream_container_bg.jpg) no-repeat left top;}
.dreamContainer:after{clear:both;content:"";display:block;}
.dreamContainer img{vertical-align:top;}
.dreamContainer ul, .dreamContainer li{padding:0;margin:0;list-style:none;}
.dreamContainer .bigImg{float:left;padding:57px 0 0 29px;}
.dreamContainer .smallImg{width:230px;float:left;margin:159px 0 0 5px;}
.dreamContainer .smallImg li{float:left;margin:5px;}
.dreamContainer .smallImg img{width:100px;height:75px;}
.dreamContainer .smallImg li a{display:block;position:relative;}
.dreamContainer .smallImg li a:after{width:100%;height:100%;background:rgba(255, 255, 255, .5);content:"";position:absolute;left:0;top:0;}
.dreamContainer .smallImg li.active a:after{display:none;}