@charset "EUC-KR";
/** °øÅë º¯¼ö */
@font-face { font-family: 'LGSmartHan'; font-style: normal; font-weight: 200; src: url("/resources/fonts/LGSmHanL.eot"); src: url("/resources/fonts/LGSmHanL.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/LGSmHanL.woff") format("woff"), url("/resources/fonts/LGSmHanL.ttf") format("truetype"); }

@font-face { font-family: 'LGSmartHan'; font-style: normal; font-weight: 400; src: url("/resources/fonts/LGSmHanR.eot"); src: url("/resources/fonts/LGSmHanR.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/LGSmHanR.woff") format("woff"), url("/resources/fonts/LGSmHanR.ttf") format("truetype"); }

@font-face { font-family: 'LGSmartHan'; font-style: normal; font-weight: 500; src: url("/resources/fonts/LGSmHanSB.eot"); src: url("/resources/fonts/LGSmHanSB.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/LGSmHanSB.woff") format("woff"), url("/resources/fonts/LGSmHanSB.ttf") format("truetype"); }

@font-face { font-family: 'LGSmartHan'; font-style: normal; font-weight: 700; src: url("/resources/fonts/LGSmHanB.eot"); src: url("/resources/fonts/LGSmHanB.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/LGSmHanB.woff") format("woff"), url("/resources/fonts/LGSmHanB.ttf") format("truetype"); }

/*
@font-face {
  font-family:'NotoSansKR'; font-style:normal; font-weight:200;
  src: local('Noto Sans Light'), local('NotoSans-Light'),
  url('/resources/fonts/NotoSansKR-Light.eot'),
  url('/resources/fonts/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'),
  url('/resources/fonts/NotoSansKR-Light.woff') format('woff'),
  url('/resources/fonts/NotoSansKR-Light.otf') format('opentype');
}
@font-face {
  font-family:'NotoSansKR'; font-style:normal; font-weight:400;
  src: local('Noto Sans Regular'), local('NotoSans-Regular'),
  url('/resources/fonts/NotoSansKR-Regular.eot'),
  url('/resources/fonts/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
  url('/resources/fonts/NotoSansKR-Regular.woff') format('woff'),
  url('/resources/fonts/NotoSansKR-Regular.otf') format('opentype');
}
@font-face {
  font-family:'NotoSansKR'; font-style:normal; font-weight:500;
  src: local('Noto Sans Medium'), local('NotoSans-Medium'),
  url('/resources/fonts/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
  url('/resources/fonts/NotoSansKR-Medium.woff') format('woff'),
  url('/resources/fonts/NotoSansKR-Medium.otf') format('opentype');
}
@font-face {
  font-family:'NotoSansKR'; font-style:normal; font-weight:700;
  src: local('Noto Sans Bold'), local('NotoSans-Bold'),
  url('/resources/fonts/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
  url('/resources/fonts/NotoSansKR-Bold.woff') format('woff'),
  url('/resources/fonts/NotoSansKR-Bold.otf') format('opentype');
}
*/
/* Changed */
@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 200; src: url("/resources/fonts/notokr-light.eot"), url("/resources/fonts/notokr-light.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/notokr-light.woff") format("woff"), url("/resources/fonts/notokr-light.otf") format("opentype"); }

@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 400; src: url("/resources/fonts/notokr-regular.eot"), url("/resources/fonts/notokr-regular.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/notokr-regular.woff") format("woff"), url("/resources/fonts/notokr-regular.otf") format("opentype"); }

@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 500; src: url("/resources/fonts/notokr-medium.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/notokr-medium.woff") format("woff"), url("/resources/fonts/notokr-medium.otf") format("opentype"); }

@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 700; src: url("/resources/fonts/notokr-bold.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/notokr-bold.woff") format("woff"), url("/resources/fonts/notokr-bold.otf") format("opentype"); }

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }

html, body { width: 100%; height: 100%; }

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: 16px; /*font: inherit;*/ vertical-align: middle; font-family: "LGSmartHan", "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; text-decoration: none; box-sizing: border-box; /* Opera/IE 8+ */ -ms-box-sizing: border-box; -webkit-box-sizing: border-box; /* Safari, Chrome et al */ -moz-box-sizing: border-box; /* Firefox */ }

legend, caption, hr, .blind { position: absolute; left: -9999px; top: 0; overflow: hidden; line-height: 0.1%; font-size: 0.1%; width: 0.1%; height: 0.1%; }

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

body { line-height: 1.4; }

ol, ul { list-style: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

a { cursor: pointer; display: inline-block; }

button { cursor: pointer; border: 0; font-family: "LGSmartHan", "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

input, textarea, select { font-family: "LGSmartHan", "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; word-break: break-all; }

input[type="password"] { font-family: sans-serif; }

input[type="text"], input[type="password"], input[type="number"], textarea { width: 100%; height: 100%; padding: 6px 5px; font-size: 16px; color: #444; vertical-align: middle; box-sizing: border-box; /* Opera/IE 8+ */ -ms-box-sizing: border-box; -webkit-box-sizing: border-box; /* Safari, Chrome et al */ -moz-box-sizing: border-box; /* Firefox */ line-height: normal; }

input[type="checkbox"] { margin: 0; }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

button, label { cursor: pointer; }

::-moz-selection { background: #A40033; color: #FFF; text-shadow: none; }

::selection { background: #A40033; color: #FFF; text-shadow: none; }

::-moz-selection { background: #A40033; color: #FFF; text-shadow: none; }

::-webkit-selection { background: #A40033; color: #FFF; text-shadow: none; }

.tab-typeA { display: table; table-layout: fixed; border-collapse: collapse; width: 100%; }

.tab-typeA a { display: table-cell; border: 1px solid #E5E5E5; padding: 12px 0; color: #666; text-align: center; font-weight: 500; }

.tab-typeA a.current { background-color: #999999; border-color: #999999; color: #FFF; }

.tab-typeA a.current > span { display: inline-block; border-bottom: 1px solid #FFF; line-height: 1.2; }

.tab-typeA a:focus, .tab-typeA a:hover { color: #7D000A; }

.tab-typeA a.current:focus, .tab-typeA a.current:hover { color: #FFF; }

.tab-typeA.type01 { margin: 80px 0 60px 0; }

.tab-typeA.type02 { margin-top: 80px; }

.tab-typeB { position: relative; display: table; table-layout: fixed; border-collapse: collapse; width: 100%; }

.tab-typeB a { display: table-cell; padding: 11px 0; border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5;  color: #666; text-align: center; font-weight: 500; }

.tab-typeB a.current { position: relative; background-color: #f6f6f6; border-color: #999; border-bottom:1px solid #f6f6f6; color:#2b2b2b; }

.tab-typeB a.current:before { content: ''; display: block; height:100%; width: 1px; background-color: #999; position: absolute; left: -1px; bottom: 0; }

.tab-typeB a.current:after { content: ''; display: block; height: 100%; width: 1px; background-color: #999; position: absolute; right: -1px; bottom: 0; }

.tab-typeB a.current span { border-bottom: 1px solid #666; }

.tab-typeB a:focus, .tab-typeB a:hover { color: #7D000A; }

.tab-typeB.nonebg a.current{background-color:#fff; border-bottom:1px solid #fff;}

.tab-typeC { text-align: center; padding: 60px 0 16px; }

.tab-typeC.type01 { padding: 25px 0 0 0; }

.tab-typeC a { position: relative; display: inline-block; width: auto; color: #d9d9d9; margin: 0 20px; font-weight: 700; font-size: 20px; }

.tab-typeC a:after { content: ''; display: block; width: 1px; height: 20px; background: #d9d9d9; position: absolute; left: -20px; top: 3px; }

.tab-typeC a.type01:after { display: none; }

.tab-typeC a.current { color: #2B2B2B; border-bottom: 1px solid #2B2B2B; }

.main-visual .images li .btn-click { height: 30px; line-height: 30px; border: 1px solid #FFF; padding: 0 25px; color: #FFF; }

.sub-top-visual { width: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; height: 13.750em; }

.table { position: relative; width: 100%;  }
.table:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #2b2b2b;
    width: 100%;
    height: 1px;
}
.table:after{content:''; display:block; width:100%; height:1px; position:absolute; bottom:0; left:0; background:#2b2b2b;}
.table.center thead tr th, .table.center thead tr td, .table.center tbody tr th, .table.center tbody tr td { text-align: center; }

.table.center thead tr th.left, .table.center thead tr td.left, .table.center tbody tr th.left, .table.center tbody tr td.left { text-align: left; }


.table thead tr th, .table thead tr td { height: 50px; /*border-bottom: 1px solid #2B2B2B;*/ text-align: center; font-weight: 500; }
.table thead{position:relative;}
.table thead:after{ content:''; display:block; position:absolute; top:47px; left:0; width:100%; height:1px; background:#2b2b2b; }


.table thead tr th + th, .table thead tr td + td, .table thead tr th + td { border-left: 1px solid #E5E5E5; }

.table tbody tr th{padding: 7px 10px; border-top: 1px solid #E5E5E5; line-height: 1.67; color: #666; font-size: 16px; font-weight: 200; } 

.table tbody tr td { padding: 7px 10px; border-top: 1px solid #E5E5E5; line-height: 1.67; color: #666; font-size: 16px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.table tbody tr th { background-color: #F8F8F8; text-align: center; color: #2B2B2B; font-weight: 500; }

.table tbody tr td { color: #333; }

.table tbody tr th + th, .table tbody tr th + td, .table tbody tr td + td { border-left: 1px solid #E5E5E5; }

.table tbody tr .left { text-align: left; border-left: 1px solid #E5E5E5; }

.table tbody tr th.left { text-align: left; border-left: none; }

.table tbody tr .th-type01 { padding: 16px 0 17px 30px; }

.table tbody tr .pd-60 { padding: 17px 0 18px 60px; vertical-align: top; }

.table tbody tr:first-child th, .table tbody tr:first-child td { border-top: none; }

.table.type02.brn th:first-child, .table.type02.brn td:first-child { border-right: none; }

.table.type02 th:first-child, .table.type02 td:first-child { border-right: 1px solid #E5E5E5; }

.table.type02 th + th, .table.type02 td + td { border-left: none; }

.table.type02 thead th { background: #f7f7f7; }

.table.type02 + .table.type02 { margin-top: 20px; }

body { position: relative; }

.lpopup { background-color: #FFF; position: absolute; display: inline-block; max-width: 740px; z-index: 8; border: 1px solid #bdbdbd; border-radius: 4px; -webkit-box-shadow: 0 0 10px rgba(35, 26, 9, 0.5); box-shadow: 0 0 10px rgba(35, 26, 9, 0.5); }

.lpopup.open { position: absolute; left: 50px; top: 365px; }

.lpopup .lpopup-head { border-bottom: 1px solid #bdbdbd; }

.lpopup .lpopup-head h1 { padding: 13px 25px; color: #666; font-size: 24px; font-weight: 500; }

.lpopup .lpopup-body .lpopup-inner { overflow: hidden; overflow-y: auto; padding: 20px; }

.lpopup .lpopup-foot { border-top: 1px solid #bdbdbd; padding: 10px 0 0; }

.lpopup .lpopup-close { overflow: hidden; position: absolute; top: 0; right: 0; width: 40px; height: 40px; margin: 10px 13px; padding: 10px; text-indent: -999px; }

.lpopup .lpopup-close::before { content: ''; background-image: url(/resources/images/pc/sprite.png); background-position: -999px -371px; width: 20px; height: 19px; position: absolute; left: 0; top: 0; margin: 10px; }

.lpopup .popup-content { padding-top: 40px; }

.lpopup .popup-content table td { color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.lpopup .popup-content strong { color: #666; font-size: 400; font-weight: #2B2B2B; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.lpopup .popup-info01 { color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; line-height: 25px; padding: 15px 0; }

.lpopup .popup-info02 { color: #666; font-size: 14px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; line-height: 24px; padding-top: 20px; }

/* select box */
.select-wrap { position: absolute; right: 0; top: 50px; }

.select-wrap.type01 { top: 30px; }

.select { display: block; position: relative; z-index: 1; width: 150px; min-width: 120px; text-align: left; background-color: #fff; }

.select.type01 { display: inline-block; margin-right: 10px; width: 120px; }

.select.type01 > a { border-bottom: 1px solid #bdbdbd; border-left: none; border-right: none; border-top: none; line-height: 36px; color: #666; color: #666; font-size: 16px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.select.type01 ul { top: 37px; }

.select.type01 ul li { border: 1px solid #bdbdbd; border-top: 0; }

.select.type01 ul li a { color: #666; color: #666; font-size: 14px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.select > a { display: block; overflow: hidden; padding: 0 15px; color: #666; font-size: 14px; font-weight: 400; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; line-height: 33px; font-size: 14px; color: #333; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; border: 1px solid #b6b6b6; }

.select > a:after { content: ''; display: block; clear: both; background-image: url(/resources/images/pc/sprite.png); background-position: -972px -352px; width: 9px; height: 5px; position: absolute; right: 15px; top: 16px; }

.select ul { display: none; position: absolute; top: 35px; left: 0; width: 100%; background-color: #fff; }

.select ul li { border: 1px solid #b6b6b6; border-top: 0; }

.select ul li a { display: block; overflow: hidden; padding: 2px 15px; color: #666; font-size: 14px; font-weight: 400; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; color: #333; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; }

.select ul li a:focus, .select ul li a:hover { color: #fff; background-color: #7D000A; }

.input-checkbox { height: 35px; }

.input-checkbox input { border: 1px solid #2b2b2b; background-color: #FFF; margin: 0; padding: 0; border-radius: 0; }

.input-checkbox p { text-align: right; line-height: 35px; padding-right: 25px; }

.input-checkbox label { font-size: 15px; color: #2B2B2B; vertical-align: top; }

body { min-width: 1200px; }

.hidden { position: absolute; left: -9999px; top: 0; overflow: hidden; line-height: 0.1%; font-size: 0.1%; width: 0.1%; height: 0.1%; }

.topmenu {position: relative; height: 50px; background-color: #FFF; z-index: 9; text-align: center; }

.topmenu .inner { position: relative; max-width: 1600px; width: 100%; margin-left: auto; margin-right: auto; }

.topmenu .logo { display: inline-block; }

.topmenu .logo a { display: block; margin: 11px 0; }

.topmenu .util-sns { position: absolute; left: 0; top: 0; padding: 13px 30px; }

.topmenu .util-sns ul > li { display: inline-block; padding-right: 15px; }




.topmenu .util-top { position: absolute; right: 0; top: 0; padding: 0 30px; /* ul {float:left; padding-right:20px; } ul > li {display: inline-block; padding:0 10px; a{color:#727171; vertical-align: top;} } ul > li:first-child{position:relative; ::after{display:block; content:''; clear:both; position: absolute; right:0; top: 5px; width: 1px; height: 10px; background:$color-dark;} } */ }

.topmenu .util-top > a { display: block; float: left; color: #727171; margin-top: 13px; padding: 0 15px; font-size: .75em; line-height: 2; }

.topmenu .util-top .btn-c-center { position: relative; }

.topmenu .util-top .btn-c-center:after { display: block; content: ''; clear: both; width: 1px; height: 12px; background: #d3d3d3; position: absolute; right: 0; top: 50%; margin-top: -6px; }

.topmenu .util-top .btn-global { padding-left: 20px; }

.topmenu .util-top .btn-global::before { content: ''; background-image: url(/resources/images/pc/sprite.png); background-position: -410px -468px; width: 17px; height: 17px; display: inline-block; vertical-align: middle; margin-right: 5px; }

.topmenu .util-top .btn-search-wrap { color: #727171; margin-left: 15px; padding: .875em; position: relative; }

.topmenu .util-top .btn-search-wrap > a { background-image: url(/resources/images/pc/sprite.png); background-position: -338px -468px; width: 18px; height: 18px; }

.topmenu .util-top .btn-search-wrap .top-search-box { display: none; position: absolute; bottom: -75px; right: 0; height: 75px; padding-top: 20px; }

.topmenu .util-top .btn-search-wrap.on > a { opacity: 0.5; }

.topmenu .util-top .btn-search-wrap.on .top-search-box { display: block; }

/*20190329 Çì´õ Ãß°¡*/
	.topmenu{height:151px;}
	.topmenu .util-top{top:109px;padding-right:0;}
	.topmenu .util-top .btn-global{padding-left:15px;}
	.topmenu .util-top .btn-c-center{padding:0 10px;}

	.topmenu .logo{display:block;}
	.topmenu .logo a{margin:20px 0;}
	.topmenu .zin-top-header{background:#d9d9d9;height:86px;}
	.topmenu .zin-top-header ul li{float:left;}
	.topmenu .zin-top-header ul li:first-child{margin:0;}
	.topmenu .zin-top-header ul li a .sr-only{text-indent:-9999px;overflow:hidden;font-size:0;opacity:0;}
	.topmenu .zin-top-header ul.sns_quick{overflow:hidden;position:absolute;padding:7px 0 0 11px;}
	.topmenu .zin-top-header .zin-all-quick-menu {overflow:hidden;margin:0 auto;}
	.topmenu .zin-top-header .zin-all-quick-menu ul{margin:40px auto 0; overflow:hidden; position:absolute;left:50%;margin-left:-583.5px;z-index:2;width:1187px;height:47px;}
  .topmenu .zin-top-header .zin-all-quick-menu ul li{margin-right:9px;}
  .topmenu .zin-top-header .zin-all-quick-menu ul li:last-child{margin-right:0;}
	.topmenu .zin-top-header .zin-all-quick-menu ul li a{background:#fff;box-shadow:inset 0 -4px 15px #efefef; display:block;line-height:45px;border-radius:15px 15px 0 0; text-align:center; width:290px;height:45px;}
	.topmenu .zin-top-header .zin-all-quick-menu ul li a.on{background:#7d010b; box-shadow:none;}
	.topmenu .zin-top-header .zin-all-quick-menu ul li a img{vertical-align:middle;}
	.topmenu .util-sns{padding:7px 0 0 11px;}

	.topmenu .util{top:75px;}
	.topmenu .util-sns ul > li{display:block;padding:0;float:left;height:31px;}
	.topmenu .util-sns ul > li:first-child{width:31px;background-image:url('http://www.lghausys.co.kr/resources/images/pc/sprites/rn2019_quick_1.png');}
	.topmenu .util-sns ul > li:nth-child(2){width:33px;background-image:url('http://www.lghausys.co.kr/resources/images/pc/sprites/rn2019_quick_2.png');}
	.topmenu .util-sns ul > li:nth-child(3){width:41px;background-image:url('http://www.lghausys.co.kr/resources/images/pc/sprites/rn2019_quick_3.png');}
	.topmenu .util-sns ul > li:nth-child(4){width:35px;background-image:url('http://www.lghausys.co.kr/resources/images/pc/sprites/rn2019_quick_4.png');}
	.topmenu .util-sns ul > li:nth-child(5){width:36px;background-image:url('http://www.lghausys.co.kr/resources/images/pc/sprites/rn2019_quick_5.png');}
	.topmenu .util-sns ul > li:nth-child(6){width:35px;background-image:url('http://www.lghausys.co.kr/resources/images/pc/sprites/rn2019_quick_6.png');}
	.topmenu .util-sns ul > li:nth-child(7){width:32px;background-image:url('http://www.lghausys.co.kr/resources/images/pc/sprites/rn2019_quick_7.png');}
		
	.input-text.h-top{background:none;}
	.input-text.h-top input {border:1px solid #777;color:#707070; font-size:13px; text-indent:0; width:185px;height:24px;}
	.input-text.h-top input::placeholder{color:#c1c1c1;}
	.input-text.h-top .btn-search{margin:0;margin-left:7px;opacity:0.5;}

	.top-search-box{float:left;width:210px;}
	.topmenu .util-top > a{margin:0;}
	.topmenu .util-sns a{width:100%;height:100%;}
/*Çì´õ Ãß°¡ ³¡*/

header .menubar { position: relative; background-color: #2B2B2B; border-bottom: 2px solid #7D000A; }

header .menubar .inner { position: relative; max-width: 1600px; width: 100%; margin-left: auto; margin-right: auto; }

header .menubar .menu-main { position: relative; max-width: 1200px; margin: 0 auto -2px; z-index: 8; }

header .menubar .menu-main > ul { display: table; width: 100%; padding: 0 140px 0 190px; text-align: center; }

header .menubar .menu-main > ul > li { display: table-cell; min-width: 60px; padding: 24px 0; border-bottom: 2px solid transparent; }

header .menubar .menu-main > ul > li > a { position: relative; display: block; padding: 0; color: #DEDEDE; font-size: 1.25em; text-align: center; font-weight: 400; vertical-align: top; }

header .menubar .menu-main > ul > li.current > a{color: #FFF; }

header .menubar .menu-main > ul > li > ul { position: absolute; left: 0; right: 0; top: 100%; display: none; table-layout: fixed; width: 100%; padding: 26px 0 32px; background-color: #fff; border: 1px solid #eaeaea; border-top-color: #fff; }

header .menubar .menu-main > ul > li > ul > li { display: table-cell; padding-left: 23px; border-left: 1px solid #ededed; vertical-align: top; text-align: left; }

header .menubar .menu-main > ul > li > ul > li:first-child { border-left: none; }

header .menubar .menu-main > ul > li > ul > li p { margin-bottom: 7px; }

header .menubar .menu-main > ul > li > ul > li a { position: relative; display: block; font-size: 15px; line-height: 1.34; color: #666; }

header .menubar .menu-main > ul > li > ul > li p.head { margin-bottom: 24px; }
header .menubar .menu-main > ul > li > ul > li p.head a { font-size: 19px; color: #555555; font-weight: 500; }

header .menubar .menu-main > ul > li > ul > li p.head.prd-logo { display: inline-block; }

/*header .menubar .menu-main > ul > li > ul > li p.head.prd-logo span { display: inline-block; background-image: url(/resources/images/pc/sprite.png); background-position: -687px -420px; width: 40px; height: 14px; margin-top: -3px; }*/
header .menubar .menu-main > ul > li > ul > li p.head.prd-logo span { display: inline-block; background-image: url(/resources/images/pc/sprite.png); background-position: -750px -450px; width: 53px; height: 14px; }

header .menubar .menu-main > ul > li > ul li.gnb-space01 { width: 50%; }

header .menubar .menu-main > ul > li > ul li.gnb-space02 { width: 33%; }

header .menubar .menu-main > ul > li > ul .division { float: left; width: 33%; }


header .menubar .menu-main > ul > li:last-child > a {padding: 0 10px; }

header .menubar .menu-main > ul > li:last-child > a:" target="_blank">a:" target="_blank">a:" target="_blank">a:" target="_blank">a:" target="_blank">a:" target="_blank">a:hover, header .menubar .menu-main > ul > li:last-child > a:focus { border-bottom-color: transparent; }

header .menubar .menu-main > ul > li:last-child > a:after { content: ''; display: block; clear: both; position: absolute; height: 20px; width: 1px; background: #696969; left: 0; top: 50%; margin-top: -10px; }

header .menubar .menu-main > ul > li.on { border-bottom-color: #FFF; }

header .menubar .menu-main > ul > li.on > a { color: #FFF; }

header .menubar .menu-main > ul > li.on ul { display: table; }

header .menubar .menu-main > ul > li > ul > li:hover p.head a,
header .menubar .menu-main > ul > li > ul > li:focus p.head a { color: #A40033; text-decoration: underline; }

header .menubar .menu-main > ul > li > ul > li:hover p.head.prd-logo a,
header .menubar .menu-main > ul > li > ul > li:focus p.head.prd-logo a { color: #A40033; text-decoration: none; position: relative; }

header .menubar .menu-main > ul > li > ul > li:hover p.head.prd-logo :after,
header .menubar .menu-main > ul > li > ul > li:focus p.head.prd-logo :after { content: ''; display: block; clear: both; width: 162px; height: 1px; background: #A40033; position: absolute; left: 0; bottom: 3px; }

header .menubar .menu-main > ul > li > ul > li:hover p.head.prd-logo span,
/* header .menubar .menu-main > ul > li > ul > li:focus p.head.prd-logo span { background-image: url(/resources/images/pc/sprite.png); background-position: -733px -420px; width: 40px; height: 14px; } */
header .menubar .menu-main > ul > li > ul > li:focus p.head.prd-logo span { background-image: url(/resources/images/pc/sprite.png); background-position: -810px -450px; width: 53px; height: 14px;  }

header .menubar .menu-main > ul > li > ul > li a:hover,
header .menubar .menu-main > ul > li > ul > li a:focus { color: #2b2b2b; }

header .menubar .menu-main > ul > li > ul > li a:hover::before,
header .menubar .menu-main > ul > li > ul > li a:focus::before { content: '>'; position: absolute; left: -12px; top: 0; color: #A40033; }

header .menubar .menu-main > ul > li > ul > li p.head a:hover::before,
header .menubar .menu-main > ul > li > ul > li p.head a:focus::before { display: none; }


header .menubar .btn-sitemap { position: absolute; left: 0; top: 0; width: 78px; height: 78px; padding: 30px 27px; z-index:9; }

header .menubar .btn-sitemap::before { content: ''; background-image: url(/resources/images/pc/sprite.png); background-position: -996px -212px; width: 24px; height: 18px; display: inline-block; }

header .menubar .menu-sitemap { z-index:9;  display: none; }

.path { background-color: #F8F8F8; border-bottom: 1px solid #d8d8d8; }

.path .inner { position: relative; max-width: 1200px; width: 100%; margin-left: auto; margin-right: auto; z-index: 1; }

.path .inner::before { content: 'Home'; display: inline-block; color: #A40033; font-weight: 700; width: 75px; text-align: center; }

.path .path-list { display: inline-block; /* hover È¿°ú */ }

.path .path-list li { position: relative; border-right: 1px solid #d8d8d8; background-color: #fff; }

.path .path-list li > a { display: block; width: 202px; padding: 1em; color: #2B2B2B; line-height: 1.125; }

.path .path-list li > a::after { content: ''; background-image: url(/resources/images/pc/sprite.png); background-position: -891px -420px; width: 7px; height: 12px; position: absolute; top: 50%; right: 1em; margin-top: -7px; }

.path .path-list > li { float: left; background-color: #F8F8F8; }

.path .path-list > li:first-child { border-left: 1px solid #d8d8d8; }

.path .path-list > li > a::after { background-image: url(/resources/images/pc/sprite.png); background-position: -954px -352px; width: 12px; height: 7px; margin-top: -4px; }

.path .path-list > li > ul { display: none; position: absolute; top: 100%; left: -1px; }

.path .path-list > li > ul li { border-left: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }

.path .path-list > li > ul > li > ul { display: none; position: absolute; top: -1px; left: 100%; }

.path .path-list > li > ul > li > ul > li:first-child { border-top: 1px solid #d8d8d8; }

.path .path-list > li > ul > li > ul > li > ul { display: none; position: absolute; top: -1px; left: 100%; }

.path .path-list > li > ul > li > ul > li > ul > li:first-child { border-top: 1px solid #d8d8d8; }

.path .path-list ul.last > li > a::after { display: none; }

.path .path-list > li:hover > ul, .path .path-list > li.on > ul { border-top: 1px solid #d8d8d8; }

.path .path-list li:hover > ul, .path .path-list li.on > ul { display: block; }

.path .path-list li:hover > a, .path .path-list li.on > a { color: #A40033; }

.path .path-list li > ul > li:hover > a::after, .path .path-list li > ul > li.on > a::after { background-image: url(/resources/images/pc/sprite.png); background-position: -904px -420px; width: 7px; height: 12px; }

#container { padding-bottom: 120px; }

#container:after { content: ''; display: block; clear: both; }

#sitemap {  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; top: 50px; left: 0; right: 0; bottom: 0; min-width: 1200px; z-index: -1; opacity: 0; }

#sitemap:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  opacity: 0; content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #2b2b2b; opacity: .8; }

#sitemap .close { position: absolute; top: 80px; left: 0; width: 80px; height: 80px; padding: 25px; overflow: hidden; }

#sitemap .close::before { content: ''; display: inline-block; width: 30px; height: 30px; background-image: url(/resources/images/pc/sprite.png); background-position: -963px -371px; width: 30px; height: 29px; }

#sitemap .title { position: relative; padding: 25px 0; text-align: center; font-size: 1.25em; color: #fff; }

#sitemap .search { overflow: hidden; position: absolute; top: 0; left: 50%; width: 320px; margin: 24px 0; margin-left: 280px; border-radius: 15px; }

#sitemap .search a { position: absolute; right: 0; top: 0; }

#sitemap .search a::after { content: ''; position: absolute; right: 10px; top: 6px; display: inline-block; width: 18px; height: 18px; background-image: url(/resources/images/pc/sprite.png); background-position: -338px -468px; width: 18px; height: 18px; }

#sitemap .search input { padding: 6px 14px; border: none; }

#sitemap .box-sitemap { position: relative; display: block; overflow: hidden; width: 1200px; margin: auto; padding: 32px 50px 0; background-color: #fff; border-radius: 5px; }

#sitemap .box-sitemap .part { display: block; vertical-align: top; float: left; width: 20%; height: 830px; margin-bottom: 15px; }

#sitemap .box-sitemap .part h3 { margin-bottom: 25px; color: #2b2b2b; font-weight: 500; font-size: 20px; }

#sitemap .box-sitemap .part h3.etc, #sitemap .box-sitemap .part h3.link { margin-top: 65px; }

#sitemap .box-sitemap .part a { color: #666; font-weight: 200; position: relative; font-size: 15px; }

#sitemap .box-sitemap .part a::before { content: ''; display: inline-block; width: 2px; height: 2px; margin-top: -4px; margin-right: 5px; background-color: #666; vertical-align: middle; }

#sitemap .box-sitemap .part > ul > li { margin-bottom: 25px; }

#sitemap .box-sitemap .part > ul > li.link-etc { margin-bottom: 0; }

#sitemap .box-sitemap .part > ul > li > a { display: block; margin-bottom: 10px; color: #333; font-weight: 500; position: relative; font-size: 16px; }

/* #sitemap .box-sitemap .part > ul > li > a span.ziin { display: inline-block; margin-bottom: 4px; background-image: url(/resources/images/pc/sprite.png); background-position: -779px -420px; width: 39px; height: 14px; padding-bottom: 2px; height: 16px; } */
#sitemap .box-sitemap .part > ul > li > a span.ziin { display: inline-block; margin-bottom: 4px; background-image: url(/resources/images/pc/sprite.png); background-position: -550px -450px; width: 66px; height: 14px; padding-bottom: 2px; height: 16px; }

#sitemap .box-sitemap .part > ul > li > a > li > a { font-size: 15px; }

#sitemap .box-sitemap .part > ul > li > a::before { display: none; }

#sitemap .box-sitemap .part > ul li a:hover::before, #sitemap .box-sitemap .part > ul li a:focus::before { background: #fff; -webkit-text-decoration: no-underline; text-decoration: no-underline; }

#sitemap .box-sitemap .part > ul li a:hover, #sitemap .box-sitemap .part > ul li a:focus { color: #A40033; text-decoration: underline; }

/*#sitemap .box-sitemap .part > ul li a:hover span.ziin, #sitemap .box-sitemap .part > ul li a:focus span.ziin { background-image: url(/resources/images/pc/sprite.png); background-position: -824px -420px; width: 39px; height: 14px; border-bottom: 1px solid #7D000A; height: 16px; } */
#sitemap .box-sitemap .part > ul li a:hover span.ziin, #sitemap .box-sitemap .part > ul li a:focus span.ziin { background-image: url(/resources/images/pc/sprite.png); background-position: -650px -450px; width: 66px; height: 14px; border-bottom: 1px solid #7D000A; height: 16px; }

#sitemap .box-sitemap .part > ul li a:hover::after, #sitemap .box-sitemap .part > ul li a:focus::after { display: block; content: '>'; position: absolute; left: -5px; top: 0; color: #A40033; margin-right: 5px; -webkit-text-decoration: no-underline; text-decoration: no-underline; }

#sitemap .box-sitemap .part > ul > li > a:hover::after, #sitemap .box-sitemap .part > ul > li > a:focus::after { left: -12px; }

#sitemap .box-sitemap .part > ul > li > ul > li { margin-bottom: 1px; }

#sitemap .box-sitemap .part + .part { padding-left: 2.73%; border-left: 1px solid #e0e1e3; }

#sitemap .box-sitemap .part-sns { width: 100%; clear: both; border-top: 1px solid #e0e1e3; }

#sitemap .box-sitemap .part-sns ul { overflow: hidden; text-align: center; width: 100%; }

#sitemap .box-sitemap .part-sns ul li { display: inline-block; width: 26px; margin: 12px; }

#sitemap .box-sitemap .part-sns ul li a { display: block; }

#sitemap .box-sitemap .part-sns ul .fb a { background-image: url(/resources/images/pc/sprite.png); background-position: -559px -420px; width: 26px; height: 26px; }

#sitemap .box-sitemap .part-sns ul .insta a { background-image: url(/resources/images/pc/sprite.png); background-position: -591px -420px; width: 26px; height: 26px; }

#sitemap .box-sitemap .part-sns ul .blog a { background-image: url(/resources/images/pc/sprite.png); background-position: -655px -420px; width: 26px; height: 26px; }

#sitemap .box-sitemap .part-sns ul .ytb a { background-image: url(/resources/images/pc/sprite.png); background-position: -623px -420px; width: 26px; height: 26px; }

footer { position: relative; }

footer .top-btn{position:fixed; bottom: 80px; right:8%; z-index:100; transition: bottom ease-in-out .1s }
footer .top-btn.up { bottom: 157px; }
footer .top-btn a{position:relative; width:45px; height:75px; display:block; background:url(/resources/images/pc/common/btn-top.jpg) 0 0 no-repeat; background-size:100%; }

footer .top-btn a span{position:absolute; bottom:0; display:block;  width:45px; font-size:15px; text-align:center;  color:#999;}

footer .menu-bottom { background-color: #dedede; }

footer .menu-bottom .inner { position: relative; max-width:930px; width: 100%; margin-left: auto; margin-right: auto; }

footer .menu-bottom ul { display: table; margin: 0 auto; padding: 22px 0; }

footer .menu-bottom ul > li { display: table-cell; padding: 0 9px; border-left: 1px solid #c6c6c6; height: 15px; }

footer .menu-bottom ul > li:first-child { border-left: none; }

footer .menu-bottom ul > li a { display: block; padding: 0 8px; color: #333; font-size: 14px; height: 15px; line-height: 15px; }

footer .menu-bottom ul > li a:hover { text-decoration: underline; }

footer .menu-bottom ul > li:first-child { padding-left: 0; }

footer .menu-bottom ul > li:first-child a { padding-left: 0; }

footer .menu-bottom ul > li:last-child { padding-right: 0; }

footer .menu-bottom ul > li:last-child a { padding-right: 0; }

.footer { background-color: #2B2B2B; color: #dedede; height: 180px; padding-top: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.footer .inner { position: relative; max-width: 900px; width: 100%; margin-left: auto; margin-right: auto; }

.footer .inner .inner-left{ float:left;  width: 595px; }
.footer .inner .inner-right{ float:right; }

.footer .inner .inner-right .customercenter { border-left: 1px solid #535353; background: #2b2b2b; color:#dedede;     }
.footer .inner .inner-right .customercenter dl { margin-left: 15px; background:url(/resources/images/pc/common/img_phone.png) no-repeat 0px 4px  ;}
.footer .inner .inner-right .customercenter dt { font-size:18px; margin-left: 27px;line-height: 28px; margin-bottom:2px; padding-bottom: 5px;  }
.footer .inner .inner-right .customercenter dd { font-size:22px; margin-left: 0;line-height: 24px;  }
.footer .inner .inner-right .customercenter span { font-size:14px;   }

.footer .inner .company-info { padding-bottom: 5px; }

.footer .inner .company-info dt { display: inline-block; font-size: 14px; padding-left: 10px; border-left: 1px solid #fff; height: 0.875em; line-height: 1; }

.footer .inner .company-info dt:first-child { padding-left: 0; border-left: 0; }

.footer .inner .company-info dd { display: inline-block; padding-right: 8px; font-size: 14px; height: 0.875em; line-height: 1; }

.footer .inner p small { font-size: 14px; }

.footer .inner h2 { padding-top: 10px; }

.sub-top-visual .inner { position: relative; max-width: 1200px; width: 100%; margin-left: auto; margin-right: auto; text-align: center; }

.sub-top-visual .sub-title-t { position: relative; overflow: hidden; height: 138px; text-align: center; font-size: 40px; color: #FFF; padding-top: 85px; font-weight: 400; display: inline-block; /*border-bottom: 1px solid $color-basic;*/ }

.sub-top-visual .sub-title-t:before { position: absolute; display: block; content: ''; width: 50%; height: 1px; background: #FFF; left: 50%; bottom: 0; -webkit-animation-name: left-line; animation-name: left-line; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

.sub-top-visual .sub-title-t:after { position: absolute; display: block; content: ''; width: 50%; height: 1px; background: #FFF; right: 50%; bottom: 0; -webkit-animation-name: right-line; animation-name: right-line; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

.sub-top-visual .sub-title-t img { padding-bottom: 8px; }

.sub-top-visual p { font-size: 26px; color: #FFF; text-align: center; padding-top: 15px; }

@-webkit-keyframes left-line { 0% { width: 1px; }
  100% { width: 50%; } }

@keyframes left-line { 0% { width: 1px; }
  100% { width: 50%; } }

@-webkit-keyframes right-line { 0% { width: 1px; }
  100% { width: 50%; } }

@keyframes right-line { 0% { width: 1px; }
  100% { width: 50%; } }

.sub-top-visual.constr-philosophy { background-image: url("/resources/images/pc/common/sub_visual_eng1.jpg"); }
.sub-top-visual.constr-professional { background-image: url("/resources/images/pc/common/sub_visual_eng2.jpg"); }
.sub-top-visual.constr-technology{ background-image: url("/resources/images/pc/common/sub_visual_eng3.jpg"); }

.sub-top-visual.about-us { background-image: url("/resources/images/pc/common/sub_visual01.jpg"); }

.sub-top-visual.design-center { background-image: url("/resources/images/pc/common/sub_visual05.jpg"); }

.sub-top-visual.pr-room { background-image: url("/resources/images/pc/common/sub_visual02.jpg"); }

.sub-top-visual.career01 { background-image: url("/resources/images/pc/common/sub_visual_career01.jpg"); }

.sub-top-visual.career02 { background-image: url("/resources/images/pc/common/sub_visual_career02.jpg"); }

.sub-top-visual.career03 { background-image: url("/resources/images/pc/common/sub_visual_career03.jpg"); }

.sub-top-visual.career04 { background-image: url("/resources/images/pc/common/sub_visual_career04.jpg"); }

.sub-top-visual.career05 { background-image: url("/resources/images/pc/common/sub_visual_career05.jpg"); }

.sub-top-visual.customers { background-image: url("/resources/images/pc/common/sub_visual_customers.jpg"); }

.sub-top-visual.lgway { background-image: url("/resources/images/pc/common/sub_visual_lgway.jpg"); }

.sub-top-visual.rnd { background-image: url("/resources/images/pc/common/sub_visual_rnd.jpg"); }

.sub-top-visual.investment01 { background-image: url("/resources/images/pc/common/sub_visual_investment01.jpg"); }

.sub-top-visual.investment02 { background-image: url("/resources/images/pc/common/sub_visual_investment02.jpg"); }

.sub-top-visual.investment03 { background-image: url("/resources/images/pc/common/sub_visual_investment03.jpg"); }

.sub-top-visual.investment04 { background-image: url("/resources/images/pc/common/sub_visual_investment04.jpg"); }

.sub-top-visual.investment05 { background-image: url("/resources/images/pc/common/sub_visual_investment05.jpg"); }

.sub-top-visual.investment06 { background-image: url("/resources/images/pc/common/sub_visual_investment06.jpg"); }

.sub-top-visual.investment07 { background-image: url("/resources/images/pc/common/sub_visual06.jpg"); }


.sub-top-visual.csm { background-image: url("/resources/images/pc/common/sub_visual_csm.jpg"); }

.sub-top-visual.products01 { background-image: url("/resources/images/pc/common/sub_visual_products01.jpg"); }

.sitemap-opened #sitemap {  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; z-index: 9; transition:  .2s; will-change: opacity; }

.sitemap-opened .topmenu::after {  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: .8; }

.sitemap-opened #sitemap:before{  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  transition:  .2s;}

*:focus { outline-color: #7D000A; }

.main-visual { width: 100%; background: #040404; }

.main-visual .inner { max-width: 1920px; height: 600px; margin: auto; }

.main-visual .images li { width: 100%; height: 600px; background: url("/resources/images/pc/common/main-bg1.jpg") 50% 50% no-repeat; }

.main-visual .images li .content-wrap, .main-visual .images .designer-collaboration li .inner, .designer-collaboration .main-visual .images li .inner { width: 1200px; margin: auto; text-align: center; padding-top: 240px; }

.main-visual .images li .title { font-size: 46px; color: #fff; }

.main-visual .images li .sub-txt { font-size: 20px; color: #fff; padding: 20px 0 30px 0; }

.main-visual .images li .txt-wrap { padding-bottom: 30px; }

.main-side-btn { position: fixed; right: 0; top: 370px; z-index: 1; }

.main-side-btn:hover span { display: block; }

.main-side-btn li { width: auto; height: 35px; text-align: center; line-height: 35px; margin: 2px 0; overflow: hidden; }

.main-side-btn li span { color: rgba(189, 189, 189, 0.4); float: right; padding-right: 10px; display: none; }

.main-side-btn li > a { width: 35px; height: 35px; color: rgba(255, 255, 255, 0.4); background: rgba(51, 51, 51, 0.4); font-size: 16px; display: block; float: right; font-weight: 500; }

.main-side-btn li.on span { color: #bdbdbd; }

.main-side-btn li.on > a { background: rgba(51, 51, 51, 0.8); color: white; }

.main-news { width: 100%; padding-top: 70px; overflow: hidden; /* TODO: °øÅëÈ­ °¡´ÉÇÒ °Å °°Àºµ¥.. */ }

.main-news .title { font-size: 26px; color: #2B2B2B; text-align: center; padding-bottom: 35px; }

.main-news .visible-news { max-width: 1200px; margin: auto; overflow: hidden; position: relative; }

.main-news .visible-news[data-animating] { overflow: visible; }

.main-news .visible-news[data-animating] .list { height: 630px; }

.main-news .visible-news[data-animating] .scroll-click { display: block; }

.main-news .visible-news .list { position: relative; overflow: hidden; height: 480px; -webkit-transition: height 0.5s; transition: height 0.5s; }

.main-news .visible-news .list > li { overflow: hidden; float: left; padding: 0 10px; border-right: 1px solid #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }

.main-news .visible-news .list > li:first-child { border-left: 1px solid #e5e5e5; }

.main-news .visible-news .list > li > a { position: relative; display: block; }

.main-news .visible-news .list > li .index { display: block; margin-left: -.7em; padding-bottom: 20px; font-size: 30px; color: #e5e5e5; -webkit-transition: margin 0.5s cubic-bezier(0.86, 0, 0.07, 1) 0.4s; transition: margin 0.5s cubic-bezier(0.86, 0, 0.07, 1) 0.4s; font-weight: 700; }

.main-news .visible-news .list > li .news-title { display: block; height: 48px; margin-bottom:20px; font-style: normal; color: #2B2B2B; font-size: 18px; line-height: 1.33; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;    }

.main-news .visible-news .list > li .date { display: block; color: #2B2B2B; font-size: 12px; padding-bottom: 1.66em; }

.main-news .visible-news .list > li .img-box { position: relative; background: #ddd; }

.main-news .visible-news .list > li .img-box:before { content: ''; display: block; padding-bottom: 56.74%; }

.main-news .visible-news .list > li .img-box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.main-news .visible-news .list > li .txt {position:relative; display:block; overflow: hidden;  text-overflow: ellipsis; padding-top: 15px; line-height: 1.71; height: 87px; color: #666; font-size: 14px; font-weight: 200; font-family: "NotoSansKR";  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; }

.main-news .visible-news .list > li.on .index { margin-left: 0; color: #2B2B2B; }

.main-news .visible-news .list > li.on .news-click { display: block; background-color:#fff; width:13px; height:20px;}

.main-news .visible-news .list > li > a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0; z-index: 1; -webkit-transition: opacity .5s; transition: opacity .5s; }

.main-news .visible-news .list > li.dimmed > a::before { opacity: .8; }

.main-news .visible-news .news-click { display: none; position: absolute; right: -7px; bottom: 0; background-image: url(/resources/images/pc/sprite.png); background-position: -828px -349px; width: 13px; height: 11px; -webkit-transition: display 2s; transition: display 2s; }

.main-news .visible-news .scroll-click { display: none; position: absolute; right: 34%; bottom: 55px; background-image: url(/resources/images/pc/sprite.png); background-position: -457px -352px; width: 89px; height: 62px; }

.main-contents { width: 100%; padding: 80px 0; background: #f1f1f1; }

.main-contents .inner { width: 1200px; margin: auto; }

.main-contents .content-list { width: 100%; overflow: hidden; }

.main-contents .content-list li { float: left; position: relative; overflow: hidden; height: 300px; background: #2b2b2b; }

.main-contents .content-list li:first-child { background: #2b2b2b; }

.main-contents .content-list li:nth-child(5) { background: #2b2b2b; }

.main-contents .content-list li:last-child { background: #727171; }

.main-contents .content-list li.box-p { margin: 0 1.667%; }

.main-contents .content-list li.box-m { margin-top: 1.667%; margin-bottom: 1.667%; }

.main-contents .content-list li.box-s { width: 25%; }

.main-contents .content-list li.box-s a { position: absolute; left: 30px; top: 45px; display: block; width: 90%; height: 80%; }

.main-contents .content-list li.box-s span { background-image: url(/resources/images/pc/sprite.png); background-position: -169px -512px; width: 13px; height: 22px; display: block; position: absolute; right: 30px; bottom: 15px; }

.main-contents .content-list li.box-s h3 { color: #fff; font-size: 30px; font-weight: 200; }

.main-contents .content-list li.box-s h3 img { vertical-align: top; padding-top: 7px; }

.main-contents .content-list li.box-s p { color: #fff; font-size: 1em; padding-top: 17px; font-weight: 200; }

.main-contents .content-list li.box-s:before { padding-bottom: 100%; display: block; content: ''; clear: both; }

.main-contents .content-list li.box-s > img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-transition: 0.5s; transition: 0.5s; }

.main-contents .content-list li.box-s:hover > img { width: 110%; height: 110%; left: 50%; top: 50%; margin-left: -55%; margin-top: -55%; }

.main-contents .content-list li.box-s:last-child span { background-image: url(/resources/images/pc/sprite.png); background-position: -150px -512px; width: 13px; height: 22px; display: block; position: absolute; left: 0; bottom: 10px; }

.main-contents .content-list li.box-l { position:relative; width: 46.666%; }

.main-contents .content-list li.box-l:before { padding-bottom: 53.575%; display: block; content: ''; clear: both; }

.main-contents .content-list li.box-l > img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-transition: 0.5s; transition: 0.5s; }

.main-contents .content-list li.box-l:hover > img { width: 102%; height: 102%; left: 50%; margin-left: -51%; }

.main-contents .content-list .p-hidden-box{position:absolute; left:0; bottom:-49px; width:100%; background:rgba(0,0,0,0.5); color:#fff; padding:15px 25px; font-size:14px; -webkit-transition: 0.5s; transition: 0.5s; }

.main-contents .content-list li.box-l:hover > .p-hidden-box{bottom:0;}

.sub-title-m { min-width: 1020px; max-width: 1200px; margin: 75px auto 35px; }

.sub-title-m h3.cts-title { text-align: center; font-size: 30px; color: #2B2B2B; padding-bottom: 30px; font-weight: 700; }

.sub-title-m h3.cts-title span.strong { color: #7D000A; vertical-align: top; font-size: 30px; font-weight: 700; }

.sub-title-m h3.cts-title.type02 { padding-bottom: 0; }

.sub-title-m p { text-align: center; font-size: 17px; color: #2B2B2B; line-height: 30px; }

.sub-title-m p span.text-type01 { color: #7D000A; vertical-align: top; font-size: 17px; }

.sub-title-m.type02 { margin-bottom: 0; }

.sub-title-m.type03 { margin-bottom: 55px; }

.content-total-wrap { width: 100%; background-color: #f6f6f6; margin-top: -1px; border-top: 1px solid #999999; }

.content-total-wrap.type01 { border-top: none; margin-top: 78px; }

.content-total-wrap.type01 .board-wrap .board-type03 .txt-content { padding-bottom: 56px; height: auto; }

.content-total-wrap.type01 .board-wrap .board-type03 .date { display: none; }

.content-total-wrap.type02 { border-top: none; margin: 0; }

.content-total-wrap.type02 .paging { padding-bottom: 65px; }

.content-total-wrap.type03 { border-top: 1px solid #E5E5E5; margin-top: 78px; }

.content-total-wrap.type03.ad{background-image:url(/resources/images/pc/common/ad-bg.jpg);background-position: 50% 280px ;background-repeat:no-repeat; min-height:800px;}

.content-total-wrap.type04{background:#fff;  margin-top: -1px; }

.content-wrap, .designer-collaboration li .inner { min-width: 1020px; max-width: 1200px; margin: auto; clear: both; position: relative; }

.content-wrap:after, .designer-collaboration li .inner:after { content: ''; display: block; clear: both; }

.content-wrap.type02, .designer-collaboration li .type02.inner { padding-bottom: 0; }

.content-wrap.type02 .input-text, .designer-collaboration li .type02.inner .input-text { padding-bottom: 30px; }

.img-wrap { width: 100%; }

.img-wrap.type06{width:100%; height:525px;}

.img-wrap img { width: 100%; }

.img-wrap.ci { width: 100%; }

.img-wrap.ci img { width: auto; }

.img-wrap.type01 { width: 100%; padding: 25px 0 0 15px; }

.img-wrap.type01 img { width: auto; }

.img-wrap.type05 { width: 100%; text-align: center; padding: 30px 0 20px 0; }

.img-wrap.type05 img { width: auto; }

.ct-title { font-size: 27px; font-weight: 700; color: #2B2B2B; padding: 50px 0 15px 0; }

.ct-title.type01 { padding: 50px 0 15px 0; }

.ct-title.type02 { padding-bottom: 9px; }

.ct-info-text01 { overflow: hidden; }

.ct-info-text01 p { width: 49%; float: left; line-height: 25px; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.ct-info-text01 p + p { padding-left: 2%; float: right; }

.ct-info-text02 p { line-height: 25px; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.ct-info-text02 .add_txt { color: #999999; display: block; padding-top: 20px; line-height: 24px; color: #666; font-size: 14px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.ct-info-text02 .strong { color: #2B2B2B; display: block; padding-top: 20px; font-weight: 500; }

.ct-info-text02 .strong span { color: #7D000A; }

.ct-info-text03 { position: relative; }

.ct-info-text03 p { color: #2B2B2B; line-height: 27px; font-size: 17px; }

.ct-info-text03 .btn-type01, .ct-info-text03 .btn-ci-download { position: absolute; right: 0; bottom: 5px; }

.ct-info-text04 { background: #f7f7f7; border: 1px solid #E5E5E5; padding: 25px 30px 30px; margin-top: 20px; }

.ct-info-text04 h3 { font-size: 20px; font-weight: 500; }

.ct-info-text04 strong { display: block; font-size: 15px; padding: 13px 0 10px 0; font-weight: 400; }

.ct-info-text04 p { font-size: 15px; color: #666; line-height: 25px; }

.ct-info-text04.type02 h3 { font-size: 17px; }

.ct-info-text04.type02 p { padding-top: 10px; }

.ct-info-text04.type03 { padding: 25px 30px 25px; }

.ct-info-text04.type03 h3 { padding-bottom: 13px; }

.ct-info-text04.type03 strong { padding: 0; }

.ct-info-text04.type03 strong.type02 { display: inline-block; padding: 10px 0 0; }

.ct-info-text04.type03 p.type02 { padding: 10px 0 0; }

.ct-info-text04.type03 p.type02 span { padding-left: 20px; font-size: 15px; color: #666; line-height: 25px; display: inline-block; }

.ct-info-text04.type03 p.type03 { display: inline-block; padding: 10px 0 0; }

.ct-info-text04.type03 p.type04 { padding: 10px 0 10px 20px; }

.ct-info-text04.type04 h3{color:#7d000a;}

.ct-info-text05 { padding-top: 13px; }

.ct-info-text05 p { color: #2B2B2B; font-size: 16px; line-height: 20px; }

.ct-info-text05.type01 p { color: #666; line-height: 26px; }

.ct-info-box01 { overflow: hidden; margin: auto; width: 78%; padding-top: 40px; }

.ct-info-box01 li { display: block; float: left; width: 32%; }

.ct-info-box01 li p { font-size: 14px; padding: 16px 0 20px; line-height: 22px; text-align:center;}

.ct-info-box01 li dl dt { width: 70%; border-bottom: 1px solid #666; color: #666;  text-align:center; margin:auto;}

.ct-info-box01 li dl dd { font-size: 12px; padding: 6px 0 20px; color: #666;  text-align:center;}

.ct-info-box01 li.type02 { margin: 0 2%; }

.ct-info-box01 li.type01 p { color: #acb693; }

.ct-info-box01 li.type02 p { color: #cb4c57; }

.ct-info-box01 li.type03 p { color: #b19c87; }

.ct-info-box02 { width: 78%; margin: 32px auto 16px; overflow: hidden; }

.ct-info-box02 dl { width: 24%; float: left; margin-left: 1.25%; border: 1px solid #E5E5E5; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 16px; height: 160px; }

.ct-info-box02 dl dt { position: relative; color: #798e25; font-size: 16px; font-weight: 500; border-bottom: 1px solid #666; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 10px; margin-bottom: 8px; }

.ct-info-box02 dl dt span { display: block; position: absolute; right: 0; bottom: 8px; }

.ct-info-box02 dl dd { font-size: 12px; color: #666; position: relative; padding: 6px 0 0 8px; }

.ct-info-box02 dl dd:before { content: ''; display: block; clear: both; position: absolute; left: 0; top: 8px; width: 2px; height: 2px; border-radius: 50%; background: #2B2B2B; }

.ct-info-box02 dl dt.type01 span { background-image: url(/resources/images/pc/sprite.png); background-position: -675px -371px; width: 39px; height: 37px; }

.ct-info-box02 dl dt.type02 span { background-image: url(/resources/images/pc/sprite.png); background-position: -810px -371px; width: 39px; height: 37px; }

.ct-info-box02 dl dt.type03 span { background-image: url(/resources/images/pc/sprite.png); background-position: -765px -371px; width: 39px; height: 37px; }

.ct-info-box02 dl dt.type04 span { background-image: url(/resources/images/pc/sprite.png); background-position: -720px -371px; width: 39px; height: 37px; }

.ct-info-box02 dl:first-child { margin-left: 0; }

.ct-dia01 { text-align: center; padding: 56px 0; }

p.ceo-msg { width: 52%; float: left; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; line-height: 27px; padding-top: 7px; }

p.ceo-sign { clear: both; font-size: 20px; color: #2B2B2B; font-weight: 700; padding-top: 50px; }

div.ceo-img { width: 46%; float: right; margin-left: 1%; text-align: right; padding-top: 7px; }

span.text-type02 { display: block; font-weight: 400; color: #2B2B2B; font-size: 17px; padding-bottom: 20px; font-family: 'LGSmartHan'; }

span.text-type03 { font-weight: 400; color: #2B2B2B; font-size: 30px; padding-right: 20px; }

span.text-type04 { font-weight: 200; color: #666; font-size: 15px; float: right; display: inline-block; padding-top: 15px; }

ul.hausys-cnt { width: 100%; background-color: #F8F8F8; text-align: center; padding: 40px 0; }

ul.hausys-cnt li { display: inline-block; width: 24%; padding: 20px 0; vertical-align: bottom; }

ul.hausys-cnt li .title { display: block; font-size: 18px; color: #2B2B2B; }

ul.hausys-cnt li .num { font-style: normal; color: #7D000A; font-size: 40px; font-weight: 500; letter-spacing: -1px; }

ul.hausys-cnt li .txt { font-size: 16px; color: #666; padding: 10px 0 0 5px; display: inline-block; }

ul.hausys-business { width: 100%; overflow: hidden; padding-bottom: 80px; }

ul.hausys-business li { float: left; width: 32%; }

ul.hausys-business li .b-title { font-weight: 500; font-size: 20px; color: #2B2B2B; padding: 30px 0 15px 0; display: block; }

ul.hausys-business li p { height: 184px; border-bottom: 1px solid #E5E5E5; line-height: 25px; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

ul.hausys-business li dl dt { font-weight: 500; font-size: 16px; color: #2B2B2B; padding: 16px 0 8px; }

ul.hausys-business li dl dd { height: 70px; color: #666; font-size: 14px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; line-height: 20px; }

ul.hausys-business li.type02 { margin: 0 2%; }

.btn-type01 a, .btn-ci-download a { position: relative; display: inline-block; background: #2B2B2B; color: #FFF; text-align: center; padding: 11px 66px; font-weight: 500; }

.btn-type01 a:after, .btn-ci-download a:after { content: ''; background-image: url(/resources/images/pc/sprite.png); background-position: -930px -420px; width: 7px; height: 11px; display: inline-block; margin-left: 10px; margin-top: -3px; vertical-align: middle; }

.btn-ci-download { text-align: center; }

.btn-ci-download a:after { background-image: url(/resources/images/pc/sprite.png); background-position: -481px -468px; width: 18px; height: 16px; margin-top: -4px; }

.conBox02 { display: none; }

.k-location-box { width: 100%; overflow: hidden; }

.k-location-box li { float: left; width: 50%; overflow: hidden; padding-top: 60px; }

.k-location-box li .img-wrap { width: 48%; float: left; }

.k-location-box li .img-wrap img { width: auto; }

.k-location-box li .txt-box { width: 52%; padding-left: 2%; float: left; }

.k-location-box li .txt-box .title { font-size: 20px; color: #2B2B2B; padding-bottom: 20px; font-weight: 500; display: block; }

.k-location-box li .txt-box p { line-height: 25px; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.k-location-box li .txt-box .text-type05 { display: block; font-size: 15px; padding-top: 16px; color: #999; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.o-location-box { padding-top: 48px; }

.o-location-box > li { margin-bottom: 4px; }

.o-location-box > li h3.n-name { position: relative; background-color: #F8F8F8; padding: 15px 60px; border: 1px solid #E5E5E5; }

.o-location-box > li h3.n-name a { display: block; color: #2B2B2B; font-size: 20px; font-weight: 500; }

.o-location-box > li h3.n-name a:after { display: block; content: ''; clear: both; position: absolute; right: 55px; top: 45%; background-image: url(/resources/images/pc/sprite.png); background-position: -936px -352px; width: 12px; height: 7px; }

.o-location-box > li h3.n-name span { display: inline-block; padding: 2px 15px; background: #999999; color: #FFF; color: #666; font-size: 14px; font-weight: 400; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; margin-right: 15px; }

.o-location-box > li h3.n-name span.ir { color: #FFF; }

.o-location-box > li h3.n-name span.material { background: none; font-size: 15px; color: #2B2B2B; padding-left: 0; }

.o-location-box > li h3.on.n-name { }

.o-location-box > li h3.on.n-name a:after { display: block; content: ''; clear: both; position: absolute; right: 55px; top: 45%; background-image: url(/resources/images/pc/sprite.png); background-position: -918px -352px; width: 12px; height: 7px; }



.o-location-box > li h3.on a:after { background-image: url(/resources/images/pc/sprite.png); background-position: -882px -352px; width: 12px; height: 7px; }

.o-location-box .n-info { width: 100%; }

.o-location-box .n-info li { border-top: 1px solid #E5E5E5; overflow: hidden; }

.o-location-box .n-info li:first-child { border-top: none; }

.o-location-box .n-info .group-wrap { width: 15%; height: 100%; float: left; text-align: center; padding-top: 35px; }

.o-location-box .n-info .group-wrap .group { display: inline-block; }

.o-location-box .n-info .group-wrap .txt { display: block; font-weight: 500; font-size: 16px; }

.o-location-box .n-info .group.type01 { background-image: url(/resources/images/pc/sprite.png); background-position: -100px -468px; width: 44px; height: 71px; }

.o-location-box .n-info .group.type02 { background-image: url(/resources/images/pc/sprite.png); background-position: -50px -468px; width: 44px; height: 71px; }

.o-location-box .n-info .group.type03 { background-image: url(/resources/images/pc/sprite.png); background-position: 0px -468px; width: 44px; height: 71px; }

.o-location-box .n-info .txt-wrap { width: 85%; float: right; overflow: hidden; }

.o-location-box .n-info .txt-wrap .area-name { width: 30%; height: 150px; float: left; display: block; font-size: 16px; font-style: normal; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 60px; font-weight: 500; }

.o-location-box .n-info .txt-wrap .area-info { width: 70%; height: 150px; float: left; display: block; padding: 30px; line-height: 25px; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.o-location-box .n-info .txt-wrap .area-info .strong { display: block; font-size: 20px; padding-bottom: 15px; color: #333; font-family: "LGSmartHan", "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; font-weight: 500; }

.img-wrap.type02 { width: 20%; float: left; text-align: center; }

.ci-txt { width: 80%; float: left; }

.ci-txt span { display: block; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.ci-txt .line01 { padding-top: 16px; }

.ci-txt .line02 { padding-top: 40px; }

.ci-txt .line03 { padding-top: 100px; }

.img-wrap.type03 { text-align: center; padding-bottom: 32px; }

.img-wrap.type03 img { width: 45%; display: inline-block; margin-left: 6%; }

.img-wrap.type03 img:first-child { margin-left: 0; }

.img-wrap.type04 { text-align: center; padding: 32px 0 64px; }

.img-wrap.type04 img { width: auto; }

.btn-type01.type02, .type02.btn-ci-download { text-align: center; }

.btn-type01.type02 a, .type02.btn-ci-download a { padding: 12px 75px 12px 68px; }

.table-type01 { padding-bottom: 50px; }

.table-type01 th { border-top: 1px solid #2B2B2B; border-bottom: 1px solid #2B2B2B; font-weight:500;}

.table-type01 th, .table-type01 td { border-left: 1px solid #E5E5E5; padding: 8px 16px; text-align: center; color: #333; }

.table-type01 th:first-child, .table-type01 td:first-child { border-left: 0; }

 .table td.left-line{ border-left: 1px solid #E5E5E5;}

.table-type01 td { color: #666; font-size: 16px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.table-type01 tr { border-bottom: 1px solid #E5E5E5; }

.input-text { text-align: right; width: 100%; padding-bottom: 35px; }

.input-text.type01 { padding-top: 65px; }

.input-text.type01 p { border-bottom: 1px solid #bdbdbd; }

.input-text.h-top { text-align: left; width: 320px; background: #fff; padding: 0; }

.input-text.h-top p { border-bottom: 0; padding: 0; width: 100%; }

/*.input-text.h-top p:before { content: ''; display: block; width: 13px; height: 13px; background: #FFF; position: absolute; right: 15px; top: -6px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }*/

.input-text.h-top .btn-search { padding: 0; background-image: url(/resources/images/pc/sprite.png); background-position: -338px -468px; width: 18px; height: 18px; }

.input-text.h-top input { outline: none;}

.input-text.total-search { text-align: center; padding-top: 80px; }

.input-text.total-search p { width: 500px; border-bottom: 1px solid #bdbdbd; }

.input-text.total-search p input { color: #333; }

.input-text.total-search button { margin-right: 0; float: right; }

.input-text p { border-bottom: 1px solid #666; width: 305px; display: inline-block; }

.input-text p input { border: none; display: inline-block; width: 88%; float: left; color: #666; font-size: 16px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.input-text p button { border: none; display: inline-block; background-image: url(/resources/images/pc/sprite.png); background-position: -338px -468px; width: 18px; height: 18px; background-color: #fff; vertical-align: bottom; margin: 9px; padding: 0; }

.input-text p input::-webkit-input-placeholder { color: #E5E5E5; }

.input-text p input::-moz-placeholder { color: #E5E5E5; }

.input-text p input::-ms-input-placeholder { color: #E5E5E5; }

.board-wrap { position: relative; }

.board-wrap .board { border-top: 1px solid #2B2B2B; border-bottom: 1px solid #2B2B2B; }

.board-wrap .board li { overflow: hidden; border-top: 1px solid #E5E5E5; background: #FFF; }

.board-wrap .board li:first-child { border-top: none; }

.board-wrap .board li:hover { background: #F8F8F8; }

.board-wrap .board li .type { width: 20%; float: left; text-align: center; color: #333; padding: 19px 60px 19px 0; color: #666; font-size: 16px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.board-wrap .board li .title2 { width: 65%; float: left; }

.board-wrap .board li .title { width: 85%; float: left; }

.board-wrap .board li .date { width: 15%; float: left; text-align: center; color: #333; padding: 19px 60px 19px 0; color: #666; font-size: 16px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.board-wrap .board li a { padding: 19px 0 19px 60px; }

.board-wrap .board li a p { display: block; color: #333; font-size: 16px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; }

.board-wrap .board li a:active p { color: #333; }

.board-wrap .board.type01 { width: 100%; }

.board-wrap .board.type01 th, .board-wrap .board.type01 td { padding: 17px 15px; text-align: center; color: #333; }

.board-wrap .board.type01 thead { border-bottom: 1px solid #2B2B2B; }

.board-wrap .board.type01 thead th { padding: 16px 15px; font-weight: 500; font-size: 16px; }

.board-wrap .board.type01 tbody tr { border-top: 1px solid #E5E5E5; height: 60px; }

.board-wrap .board.type01 tbody tr:first-child { border-top: 0; }

.board-wrap .board.type01 tbody tr:hover { background: #F8F8F8; }

.board-wrap .board.type01 tbody tr .btn-type04 a:hover { background: #2B2B2B; color: #FFF; }

.board-wrap .board.type01 tbody tr td { color: #666; font-size: 16px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.board-wrap .board.type01 tbody tr span { color: #666; font-size: 16px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.board-wrap .board.type01 .title-txt { text-align: left; }

.board-wrap .board.type01 .title-txt a { color: #333; font-size: 16px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; display: inline-block; height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; }

.board-wrap .board.type01 .title-txt:hover a { text-decoration: underline; font-weight: 400; }

.board-wrap .board.type01 .d-day { display: inline-block; background: #999999; color: #FFF; width: 60px; height: 20px; line-height: 19px; text-align: center; }

.board-wrap .board.type01 .date { padding: 0 8px; }

.board-wrap .btn-ci-download { position: absolute; right: 0; bottom: 0; }

.btn-type01.board-btn{float:right; margin-top:20px;}

.board-wrap .paging { overflow: hidden; text-align: center; width: 100%; padding-top: 40px; }

.board-wrap .paging li { width: 26px; display: inline-block; }

.board-wrap .paging li a { display: block; font-size: 16px; color: #333; }

.board-wrap .paging .prev, .board-wrap .paging .next { width: 40px; }

.board-wrap .paging .prev a, .board-wrap .paging .next a { color: #bdbdbd; }

.board-wrap .paging .current a { text-decoration: underline; }

.board-wrap .list-type { text-align: right; padding: 20px 0; }

.board-wrap .list-type a { display: inline-block; }

.board-wrap .list-type .board01 { background-image: url(/resources/images/pc/sprite.png); background-position: -457px -468px; width: 18px; height: 16px; margin: 1px; }

.board-wrap .list-type .board02 { background-image: url(/resources/images/pc/sprite.png); background-position: -238px -468px; width: 20px; height: 18px; }

.board-wrap .list-type .board01.on { background-image: url(/resources/images/pc/sprite.png); background-position: -433px -468px; width: 18px; height: 16px; }

.board-wrap .list-type .board02.on { background-image: url(/resources/images/pc/sprite.png); background-position: -264px -468px; width: 20px; height: 18px; }

.board-wrap .board-type02, .board-wrap .board-type03{opacity:0;}

.board-wrap .board-type02 li { background-color: #FFF; padding: 10px; overflow: hidden; margin-bottom: 16px; border: 1px solid #fff; }

.board-wrap .board-type02 li:hover { border: 1px solid #7D000A; }

.board-wrap .board-type02 .img { float: left; width: 282px; height: 158px; }

.board-wrap .board-type02 .img img { width: 100%; height: 100%; }

.board-wrap .board-type02 .txt-content { float: left; width: 718px; height: 158px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 35px 40px 40px 75px; }

.board-wrap .board-type02 .txt-content .title { display: block; margin-bottom: 20px; color: #2B2B2B; font-size: 16px; font-weight: 400; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; overflow: hidden; height: 22px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; }

.board-wrap .board-type02 .txt-content p { color: #999999; font-size: 14px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; line-height: 22px; overflow: hidden; height: 40px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }

.board-wrap .board-type02 .date { display: block; float: left; width: 176px; height: 158px; text-align: center; line-height: 158px; color: #666; font-size: 16px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.board-wrap .board-type02 a { color: #333; }

.board-wrap .board-type03 li { background-color: #FFF; padding: 0; overflow: hidden; margin: 0 0 3em 2%; float: left; border: 1px solid #fff; width: 23.5%; }

.board-wrap .board-type03 li:hover { border: 1px solid #7D000A; }

.board-wrap .board-type03 li:nth-child(4n+1) { margin-left: 0; }

.board-wrap .board-type03 li a { display: block; width: 100%; }

.board-wrap .board-type03 .img { clear: both; width: 100%; height: 160px; }

.board-wrap .board-type03 .img img { width: 100%; height: 100%; }

.board-wrap .board-type03 .txt-content { clear: both; width: 100%; height: 130px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 16px; }

.board-wrap .board-type03 .txt-content .title { display: block; width: 100%; color: #2B2B2B; font-size: 16px; font-weight: 400; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; padding-bottom: 0; margin-bottom: 16px; height: 44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }

.board-wrap .board-type03 .txt-content p { font-size: 14px; width: 100%; color: #999999; font-size: 14px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; height: 38px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }

.board-wrap .board-type03 .date { display: block; clear: both; color: #999999; font-size: 12px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; width: 100%; height: 40px; text-align: left; line-height: 40px; padding-left: 14px; }

.board-wrap .board-type03 a { color: #333; }

.board-wrap .board-type04 { width: 100%; overflow: hidden; padding-top: 30px; }
.board-wrap .board-type04 .img-wrap{width:100%; height: 202px;}
.board-wrap .board-type04 a { display: block; }

.board-wrap .board-type04 li { display: block; float: left; width: 30%; background-color: #FFF; }

.board-wrap .board-type04 .middle { margin: 0 5%; }

.board-wrap .board-type04 .txt-wrap { width: 100%; padding: 15px 20px 20px 20px; }

.board-wrap .board-type04 .title { display: block; height:22px; margin-bottom: 10px; color: #2B2B2B; font-size: 16px; font-weight: 400; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;  }

.board-wrap .board-type04 span.date { display: block; color: #999999; font-size: 12px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.board-wrap .board-type05 { position: relative; width: 100%; padding-top: 60px; }

.board-wrap .board-type05 .years-wrap { width: 100%; position: absolute; right: 0; top: -50px; }

.board-wrap .board-type05 .years { width: 1200px; height: 60px; overflow: hidden; position: relative; }

.board-wrap .board-type05 .years ul { position: absolute; left: 578px; top: 10px; width: 2000px; clear: both; }

.board-wrap .board-type05 .years li { float: left; margin-right: 100px; width: 40px; height: 43px; position: relative; text-align: center; }

.board-wrap .board-type05 .years li a { font-size: 14px; color: #999999; transition-property: margin font-size color; transition-duration: .3s; transition-timing-function: ease-in; will-change: margin font-size color; }

.board-wrap .board-type05 .years li:after { content: ''; display: block; clear: both; position: absolute; left: 50%; margin-left: -3px; bottom: 0; width: 6px; height: 6px; border-radius: 50%; background: #bdbdbd; }

.board-wrap .board-type05 .years li.on a { font-size: 26px; color: #2B2B2B; margin-top: -10px; margin-left: -12px; }

.board-wrap .board-type05 .years li.on a:after { display: none; }

.board-wrap .board-type05 .years-line { width: 2000px; height: 1px; background: #bdbdbd; position: absolute; left: 600px; bottom: 10px; }

.board-wrap .board-type05 .click-btn { width: 126px; overflow: hidden; position: absolute; left: 50%; top: 0; margin-left: -63px; z-index: 1; }

.board-wrap .board-type05 .click-btn a { display: block; width: 25px; font-size: 25px; color: #2B2B2B; text-align: center; }

.board-wrap .board-type05 .click-btn a.on { color: #e7e7e7; }

.board-wrap .board-type05 .click-btn a.prev { float: left; }

.board-wrap .board-type05 .click-btn a.next { float: right; }

.board-wrap .board-type05 .click-btn .current { width: 15px; height: 15px; border: 2px solid #b7b7b7; background: #FFF; border-radius: 50%; display: block; margin: 42px auto 0; }

.board-wrap .board-type05 ul.list { width: 100%; overflow: hidden; display: none; }

.board-wrap .board-type05 ul.list li { display: block; float: left; width: 31%; margin-bottom: 45px; }

.board-wrap .board-type05 ul.list a { display: block; }

.board-wrap .board-type05 ul.list .middle { margin: 0 3.5%; }

.board-wrap .board-type05 ul.list .title { display: block; padding: 18px 0; color: #2B2B2B; font-size: 16px; font-weight: 400; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.board-wrap .board-type05 ul.list01 { display: block; }

.board-wrap .popup-t-list { width: 100%; border-top: 1px solid #2B2B2B; border-bottom: 1px solid #2B2B2B; }

.board-wrap .popup-t-list thead th { font-weight: 500; height: 50px; border-bottom: 1px solid #2B2B2B; }

.board-wrap .popup-t-list tr { border-bottom: 1px solid #E5E5E5; }

.board-wrap .popup-t-list th, .board-wrap .popup-t-list td { text-align: center; vertical-align: middle; color: #2B2B2B; }

.board-wrap .popup-t-list td { padding: 6px 0; color: #333; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.board-wrap .popup-t-list td.left { text-align: left; }

.board-wrap .popup-t-list td a { display: inline-block; margin: 0 5px; }

.board-wrap .popup-t-list .certificate { background-image: url(/resources/images/pc/sprite.png); background-position: -526px -420px; width: 27px; height: 28px; }

.board-wrap .popup-t-list .map { background-image: url(/resources/images/pc/sprite.png); background-position: -493px -420px; width: 27px; height: 28px; }

.board-wrap .popup-t-list + .paging { padding: 25px 0; }

.board-wrap.type02 { padding-bottom: 48px; }

.board-wrap.type03 { padding-top: 0; }

.board-view-wrap { width: 100%; padding-top: 32px; }

.board-view-wrap .view-top { padding: 18px 60px 18px 60px; width: 100%; overflow: hidden; border-top: 1px solid #2B2B2B; border-bottom: 1px solid #E5E5E5; background: #F8F8F8; }

.board-view-wrap .view-top .type { float: left; width: 20%; color: #666; font-size: 16px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.board-view-wrap .view-top .title2 { float: left; width: 65%; color: #2b2b2b; font-size: 16px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.board-view-wrap .view-top .title { float: left; width: 85%; color: #2b2b2b; font-size: 16px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.board-view-wrap .view-top .date { float: left; width: 11%; color: #666; font-size: 16px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.board-view-wrap .view-top .print { float: right; background-image: url(/resources/images/pc/sprite.png); background-position: -996px -186px; width: 22px; height: 20px; display: block; }

.board-view-wrap .view-top .share { float: right; background-image: url(/resources/images/pc/sprite.png); background-position: -996px -320px; width: 20px; height: 20px; display: block; }

.board-view-wrap .view-content { padding: 20px 16px; }

.board-view-wrap .view-content .img-wrap { width: 100%; }

.board-view-wrap .view-content .img-wrap img { width: auto; max-width:1100px;}

.board-view-wrap .view-content .img-wrap img + img:last-child { float: right; }

.board-view-wrap .view-content .txt-wrap { padding: 30px; color: #666; font-size: 16px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.board-view-wrap .view-content .txt-wrap img{ width: auto; max-width:1100px;}

.board-view-wrap .view-content .txt-wrap .strong { padding-bottom: 5px; display: block; color: #666; font-size: 16px; font-weight: 400; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; line-height: 1.5; }
.board-view-wrap .view-content .txt-wrap strong {  font-weight: 500; font-family: "NotoSansKR";}
.board-view-wrap .view-content .txt-wrap p { color: #666; font-size: 16px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; line-height: 1.5; }
.board-view-wrap .view-content .txt-wrap span {  font-family: "NotoSansKR";}

.board-view-wrap .view-content .txt-wrap.type02 { padding: 32px 0; }

.board-view-wrap .view-content .file-wrap .file { background-image: url(/resources/images/pc/sprite.png); background-position: -996px -266px; width: 18px; height: 24px; display: inline-block; }

.board-view-wrap .view-content .file-wrap .file-name { border-bottom: 1px solid #999999; display: inline-block; color: #999999; font-size: 16px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.board-view-wrap .view-content .file-wrap .click { background-image: url(/resources/images/pc/sprite.png); background-position: -996px -236px; width: 18px; height: 24px; border-bottom: 1px solid #999999; display: inline-block; }

.board-view-wrap .ltt-navigation { border-top: 1px solid #2B2B2B; border-bottom: 1px solid #2B2B2B; margin: 32px 0 22px 0; }

.board-view-wrap .ltt-navigation p { overflow: hidden; padding: 19px 16px; }

.board-view-wrap .ltt-navigation p:first-child { border-bottom: 1px solid #E5E5E5; }

.board-view-wrap .ltt-navigation .prev, .board-view-wrap .ltt-navigation .next { display: inline-block; float: left; width: 15%; text-align: center; color: #333; font-size: 16px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.board-view-wrap .ltt-navigation .prev:after { content: ''; display: inline-block; background-image: url(/resources/images/pc/sprite.png); background-position: -864px -352px; width: 12px; height: 7px; margin-left: 25px; }

.board-view-wrap .ltt-navigation .next:after { content: ''; display: inline-block; background-image: url(/resources/images/pc/sprite.png); background-position: -900px -352px; width: 12px; height: 7px; margin-left: 25px; }

.board-view-wrap .ltt-navigation .no-content { display: inline-block; float: left; width: 85%; color: #333; font-size: 16px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.board-view-wrap .ltt-navigation a { display: inline-block; float: left; width: 75%; color: #333; font-size: 16px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.board-view-wrap .ltt-navigation .date { display: inline-block; float: left; width: 10%; color: #333; font-size: 16px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.btn-type02 { text-align: right; }

.btn-type02.total-search { text-align: center; padding-top: 50px; }

.btn-type02 a { background: #2B2B2B; padding: 8px 45px; color: #FFF; font-size: 14px; font-weight: 200; }

.board-view-wrap.type01 { padding-top: 78px; }

.board-view-wrap.type02 { padding-top: 0; }

.ad-video .ad-title { text-align: center; color: #7D000A; font-size: 20px; padding-top: 25px; }

.ad-video .video { width: 855px; height: 480px; margin: 30px auto; border: 1px solid #2b2b2b; }

.ad-video .video video { width: 100%; height: 100%; }

.ad-video .ad-message {width:853px; margin:auto; line-height: 28px; text-align: center; padding-bottom: 40px; color: #666; font-size: 14px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.ad-video .ad-message .date { margin-top:12px; display: block; color: #999999; font-size: 14px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.career-list { width: 100%; overflow: hidden; }

.career-list li { float: left; width: 20%; margin-left: 6.5%; }

.career-list li.career-f { margin-left: 0; }

.career-list .txt { font-size: 15px; border-top: 1px solid #E5E5E5; text-align: center; margin-top: 40px; line-height: 25px; padding-top: 5px; }

.career-list .txt span { display: block; font-size: 20px; font-weight: 500; }

.welfare-list { display: table; width: 100%; text-align: center; padding: 50px 55px; }

.welfare-list a{color:#2b2b2b;}

.welfare-list li { display: table-cell; }

.welfare-list li .title { display: block; font-size: 16px; padding-top: 20px; font-weight: 500; }

/* employment-process */
h5.dia-title { font-size: 20px; font-weight: 500; padding-top: 40px; color: #2B2B2B; }

h5.dia-title.type01 { padding: 25px 0 20px 0; }

h5.dia-title.type02 { padding: 25px 0 10px 0; }

h5.dia-title.type03 { padding: 45px 0 15px 0; }

h5.dia-title.type04 { padding: 0 0 20px 7px; }

h5.dia-title.type05 { padding: 50px 0 20px; }

h5.dia-title.type06 { padding: 25px 0 0 0; }

.e-process { width: 100%; overflow: hidden; }

.e-process > li > ul > li { padding: 38px 30px 8px 55px; }

.e-process .process-step { float: left; width: 27%; padding-bottom: 30px; }

.e-process .process-step .num { display: block; font-size: 16px; color: #999999; font-weight: 500; }

.e-process .process-step .step { display: block; font-size: 20px; color: #2B2B2B; font-weight: 500; }

.e-process .process-step .add-txt { font-size: 15px; color: #666; }

.e-process .process-txt { float: left; width: 73%; }

.e-process .process-txt strong { color: #7d000a; font-size: 16px; font-weight: 400; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.e-process .process-txt strong.type01{color:#666; font-size:15px; display:block; padding-bottom:20px;}

.e-process .process-txt strong.type02{color:#666; font-size:15px; display:block; padding:15px 0 0 0;}

.e-process .process-txt p { color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; padding-bottom:20px; line-height: 25px;  }

.e-process .process-txt p span { display: block; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; padding: 5px 0 0 10px; }

.e-process .process-txt p .add-txt { display: block; color: #999999; font-size: 14px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.e-process .process-txt .m-txt-01 { display: block; padding-top: 28px; }

.e-process .process-txt .m-txt-02 { display: block; padding-top: 13px; }

/* design-center */
.sub-detail-txt { margin-top: 48px; text-align: center; line-height: 34px; font-family: "LGSmartHan", "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; font-size: 20px; font-weight: 400; }

.sub-detail-txt strong { vertical-align: top; font-size: 20px; font-weight: 500; }

/* job introduce */
.j-introduce { padding-top: 35px; }

.j-introduce li ul li { padding: 0 60px 50px; }

.j-introduce li:last-child ul li { padding-bottom: 0; }

.j-intro li { width: 100%; height: 100px; background: #f6f6f6; margin-bottom: 20px; }

.j-intro li a { display: block; width: 100%; position: relative; overflow: hidden; }

.j-intro li a:after { display: block; content: ''; clear: both; position: absolute; right: 55px; top: 45px; background-image: url(/resources/images/pc/sprite.png); background-position: -917px -420px; width: 7px; height: 12px; }

.j-intro li strong { float: left; width: 25%; display: block; line-height: 100px; font-size: 15px; color: #7D000A; font-weight: 500; padding-left: 60px; }

.j-intro li p { float: left; width: 75%; display: block; line-height: 100px; font-size: 15px; color: #666; padding-right: 60px; }

.j-intro li p.info-txt { line-height: 25px; padding-top: 25px; }

.j-intro-txt .title-type01 { display: block; position: relative; padding-left: 7px; font-weight: 500; font-size: 16px; color: #7d000a; margin-top: 40px; }

.j-intro-txt .title-type01:before { content: ''; display: block; clear: both; position: absolute; left: 0; top: 8px; width: 2px; height: 2px; background: #7d000a; border-radius: 50%; }

.j-intro-txt .title-type02 { display: block; position: relative; padding-left: 7px; color: #333; font-size: 16px; font-weight: 400; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; margin: 18px 0 5px 0; }

.j-intro-txt .title-type02:before { content: ''; display: block; clear: both; position: absolute; left: 0; top: 12px; width: 4px; height: 1px; background: #333; border-radius: 50%; }

.j-intro-txt .txt-type01 { color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; padding-left: 7px; line-height: 25px; }

.j-intro-txt .txt-type01 span { display: block; padding-left: 15px; }

.j-intro-txt .txt-type02 { display: block; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; padding-left: 7px; position: relative; margin: 15px 0; line-height: 25px; }

.j-intro-txt .txt-type02 span{display:inline-block; font-weight:500; font-size: 15px; font-family: "NotoSansKR"; vertical-align:top;}

.j-intro-txt .txt-type02:before { content: ''; display: block; clear: both; position: absolute; left: 0; top: 12px; width: 4px; height: 1px; background: #666; border-radius: 50%; }

/* design-ability-innovation */
.design-reserch { margin-top: 30px; }

.design-reserch:after { display: block; clear: both; content: ""; }

.design-reserch li { float: left; width: 50%; height:550px; position:relative;}

.design-reserch li .img-wrap{position:absolute; bottom:0;}

.design-reserch li strong { display: inline-block; padding-bottom: 14px; color: #2b2b2b; font-size: 20px; font-weight: 500; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.design-reserch li p { line-height: 25px; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.design-reserch li.type01 { padding-right: 22px; }

.design-reserch li.type02 { padding-left: 10px; }

.design-innovation { margin-top: 48px; margin-left: -30px; }

.design-innovation:after { display: block; clear: both; content: ""; }

.design-innovation li { float: left; position: relative; width: 33.333%; }

.design-innovation li .inner { margin-left: 30px; }

.design-innovation li .inner .innovation-field { display: block; padding: 16px 0; font-size: 20px; font-weight: 500; color: #FFF; text-align: center; }

.design-innovation li .inner .wrap-img { display: block; }

.design-innovation li .inner .wrap-img img { display: block; width: 100%; }

.design-innovation li .inner .detail-categorize { margin-top: 11px; padding: 23px 20px 20px; height: 420px; background-color: #F8F8F8; }

.design-innovation li .inner .detail-categorize strong { display: inline-block; padding-bottom: 12px; line-height: 24px; color: #2B2B2B; font-size: 16px; font-weight: 400; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.design-innovation li .inner .detail-categorize p { margin-bottom: 16px; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; line-height: 25px; }

.design-innovation li:after { display: block; position: absolute; top: 129px; right: -120px; z-index: 5; width: 167px; height: 20px; color: #8d744a; text-align: center; line-height: 0; font-size: 14px; font-weight: 500; background: url("/resources/images/pc/about-us/ic-arrow.png") no-repeat bottom left; content: "Group Genius Day"; }

.design-innovation li.type02:after { right: -88px; content: "Incubating"; }

.design-innovation li.type03:after { display: none; }

.design-innovation li.type01 .innovation-field { background: #2B2B2B; }

.design-innovation li.type02 .innovation-field { background: #806d53; }

.design-innovation li.type03 .innovation-field { background: #7D000A; }

/* design-ability-collboration */
.designer-collaboration li { padding: 60px 0; }

.designer-collaboration li:after { display: block; clear: both; content: ""; }

.designer-collaboration li:nth-child(2n) { background: #F8F8F8; }

.designer-collaboration li:nth-child(2n-1) { background: #FFF; }

.designer-collaboration li .inner .designer-profile { float: left; width: 298px; vertical-align: top; }

.designer-collaboration li .inner .designer-profile p { display: block; padding: 16px 0 19px; line-height: 24px; font-weight: 500; color: #2B2B2B; }

.designer-collaboration li .inner .designer-profile .company { display: block; line-height: 25px; font-weight: 500; color: #8d744a; }

.designer-collaboration li .inner .design-work { padding-left: 298px; }

/* design-result */
.design-result { margin-top: 52px; margin-left: -21px; }

.design-result:after { display: block; clear: both; content: ""; }

.design-result li { float: left; width: 33.333%; margin-top: 21px; }

.design-result li .inner { position: relative; z-index: 1; display: block; margin-left: 21px; }

.design-result li .inner:hover .txt { display: block; }

.design-result li .inner:focus .txt { display: block; }

.design-result li .inner .txt { display: none; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; padding: 20px 20px 20px 28px; color: #FFF; background: rgba(0, 0, 0, 0.75); }

.design-result li .inner .txt .txt-title { display: inline-block; margin: 6px 0 15px; }

.design-result li .inner .txt .txt-title span { display: inline-block; border-bottom: 2px solid #FFF; line-height: 28px; font-weight: 500; font-size: 20px; }

.design-result li .inner .txt .wrap-tag { display: block; float: right; clear: both; }

.design-result li .inner .txt .wrap-tag img { display: block; width: 100%; }

.design-result li .inner .txt p { line-height: 24px; color: #FFF; font-size: 14px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

/* rd-result */
.rd-result-img { display: block; font-size: 0; }

.rd-table-wrap { margin-bottom: 23px; }

.rd-table-wrap .table-title { padding: 23px 0 16px; font-size: 20px; font-weight: 500; }

.rd-table-wrap .table .task-title { text-align: left; }

.rd-table-wrap .table tbody tr td { padding: 7px 10px; }

/* csm-contribution01 */
.csm-contribution:after { display: block; clear: both; content: ""; }

.csm-contribution .ct-info-text03 { padding-top: 55px; letter-spacing: -1px; }

.csm-contribution .csm-contribution-cont { float: left; width: 50%; }

.csm-contribution .csm-contribution-cont .ct-title { padding-bottom: 27px; }

/* csm-contribution02 */
.contribution_box { margin-top: 15px; }

.contribution_box > div { margin-top: 20px; padding: 0 40px 40px; background: #f7f7f7; }

.contribution_box > div:first-child { margin-top: 0; }

.contribution_box > div .dia-title { padding: 36px 0 15px; }

.contribution_box > div .txt { margin-left: 440px; padding-left: 30px; }

.contribution_box > div .txt p { margin-bottom: 20px; line-height: 25px; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.contribution_box .type01 .dia-title { padding-bottom: 10px; }

.contribution_box .type01 .wrap-img { float: left; display: block; padding-top: 5px; }

.contribution_box .type01.type01:after { display: block; clear: both; content: ""; }

.contribution_box .type02 .dia-title { padding-bottom: 20px; }

.contribution_box .type02 .txt-detail dt { padding-bottom: 0; }

.contribution_box .type02 .txt-detail + .txt-detail { margin-top: 20px; }

.contribution_box .type02 .wrap-video { padding: 52px 0 10px; }

.contribution_box .type02 .wrap-video .video-title { text-align: center; line-height: 24px; font-weight: 500; font-size: 20px; color: #7D000A; }

.contribution_box .type02 .wrap-video .video-item { text-align: center; padding: 27px 0 40px; border-bottom: 1px solid #E5E5E5; }

.contribution_box .type02 .wrap-video .board-wrap .paging { padding-top: 44px; }

.contribution_box .type03 .dia-title { padding-bottom: 26px; }

.contribution_box .type03 .wrap-img { display: block; margin-bottom: 15px; font-size: 0; }

.contribution_box .type03 .wrap-img img { display: inline-block; margin-right: 10px; }

.video-list { margin-left: -20px; padding-top: 40px; }

.video-list:after { display: block; clear: both; content: ""; }

.video-list li { float: left; width: 33.33%; }

.video-list li a { display: block; margin-left: 20px; line-height: 28px; }

.video-list li a img{width:100%; display:block;}

.video-list .img-info { padding: 12px 20px 18px; background-color: #FFF; }

.video-list .img-info p { padding-bottom: 4px; color: #2B2B2B; font-size: 16px; font-weight: 400; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.video-list .img-info .date { color: #999999; font-size: 12px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

/* csm-contribution03~05 */
.contribution-list { margin-top: 46px; }

.contribution-list .list-item .wrap-img { float: left; display: block; }

.contribution-list .list-item .txt { margin-left: 440px; padding-left: 30px; }

.contribution-list .list-item .txt p { line-height: 25px; margin-bottom: 11px; font-size: 20px; font-weight: 500; color: #2B2B2B; }

.contribution-list .list-item:after { display: block; clear: both; content: ""; }

.contribution-list .list-item + .list-item { margin-top: 50px; }

.txt-detail li, .txt-detail dd { line-height: 25px; padding-left: 8px; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.txt-detail li:before, .txt-detail dd:before { display: inline-block; margin-right: 3px; text-indent: -8px; content: "-"; }

.txt-detail dt { padding-bottom: 11px; line-height: 24px; color: #2B2B2B; font-size: 16px; font-weight: 400; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

p.txt-detail { line-height: 25px; padding-left: 8px; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

p.txt-detail:before { display: inline-block; margin-right: 3px; text-indent: -8px; content: "-"; }

/* csm-safe */
.organization-system { padding: 25px 0 23px; margin-left: -30px; }

.organization-system:after { display: block; clear: both; content: ""; }

.organization-system .system-group { float: left; width: 33.33%; text-align: center; }

.organization-system .system-group div { margin-left: 30px; }

.organization-system .group-title { display: block; height: 46px; line-height: 46px; background: #9fb664; font-size: 16px; font-weight: 500; color: #FFF; }

.organization-system .group-txt li { position: relative; display: table; width: 100%; height: 105px; margin-top: 10px; border: 1px solid #E5E5E5; background: #f7f7f7; }

.organization-system .group-txt li .inner { display: table-cell; vertical-align: middle; font-size: 16px; font-weight: 500; line-height: 28px; color: #2B2B2B; }

.organization-system .group-txt li .inner p { color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.organization-system .group-txt .list-one { height: 220px; }

.organization-system .group-txt li:before { display: block; position: absolute; top: -11px; left: 50%; z-index: 5; margin-left: -5px; width: 1px; height: 10px; background: #E5E5E5; content: ""; }

.regular-organization { padding: 22px 0; }

.regular-organization:after { display: block; clear: both; content: ""; }

.regular-organization li { float: left; width: 50%; margin-top: 25px; }

.regular-organization li:after { display: block; clear: both; content: ""; }

.regular-organization li .wrap-img { float: left; padding-top: 5px; vertical-align: middle; }

.regular-organization li .txt-detail { margin-left: 282px; padding-left: 20px; }

.regular-organization li:first-child, .regular-organization li:first-child + li { margin-top: 0; }

.organization-system.prevention { padding-top: 34px; }

.organization-system.prevention .system-group div .group-title { padding-left: 30px; background: #2B2B2B; text-align: left; font-weight: 200; }

.organization-system.prevention .prevention-system { padding: 17px 7px; height: 170px; background: #F8F8F8; }

.organization-system.prevention .prevention-system li { text-align: left; padding-left: 9px; margin-bottom: 10px; line-height: 24px; color: #2B2B2B; font-size: 15px; font-weight: 400; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.organization-system.prevention .prevention-system li p { line-height: 25px; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.organization-system.prevention .prevention-system li:before { display: inline-block; text-indent: -9px; content: "¡¤"; }

.cooperation-program { margin-top: 18px; font-size: 0; }

.cooperation-program .wrap-img, .cooperation-program .txt-detail { display: inline-block; vertical-align: top; }

.cooperation-program .wrap-img { display: inline-block; padding-top: 7px; margin-right: 26px; }

.cooperation-program .txt-detail .index-style { padding-left: 9px; }

.cooperation-program .txt-detail .index-style:before { display: inline-block; text-indent: -9px; margin-right: 4px; content: "¡¤"; }

.cooperation-program .txt-detail .index-style ~ dd { display:table;  margin-left: 10px; font-size:14px;}

.cooperation-program .txt-detail .index-style ~ dd .count{ display:table-cell; float:right;   font-size:14px; padding-left:10px;}

.cooperation-program .txt-detail + .txt-detail { margin-left: 60px; }

/* .environment-certification */
.environment-friendly { margin: 34px -20px 60px; }

.environment-friendly:after { display: block; clear: both; content: ""; }

.environment-friendly li { float: left; width: 25%; }

.environment-friendly li .inner { padding: 36px 0 0; margin-left: 20px; background: #f7f7f7; border: 1px solid #E5E5E5; height: 237px; text-align: center; line-height: 24px; font-weight: 400; font-size: 17px; color: #638213; }

.environment-friendly li .inner p { margin-top: 20px; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; line-height: 25px; }

.environment-friendly li .inner p + p { margin-top: 0; }

.environment-friendly li .inner p + p:before { display: block; line-height: 20px; content: "¡¤"; }

.environment-table { margin-bottom: 22px; }

.environment-table td strong { color: #333; font-size: 16px; font-weight: 400; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.wrap-img.inline-block { font-size: 0; }

.wrap-img.inline-block img { display: inline-block; }

.environment-certification { margin-top: 14px; }

.environment-certification .type02 { width: 66.66%; }

.environment-certification .type03 { height: 530px; }

.environment-certification .right { float: right; }

.environment-certification li .inner .txt { padding: 26px 0 26px 30px; }

.environment-certification li .inner .txt strong { margin-bottom: 15px; color: #FFF; }

.environment-certification li .inner .txt .txt-detail dt, .environment-certification li .inner .txt .txt-detail dd { color: #FFF; font-size: 14px; line-height: 24px; }

.environment-certification li .inner .txt .txt-detail dd:before { margin-right: 1px; }

.environment-certification li .inner .txt .txt-detail dt { padding: 0; }

.environment-certification li .inner .txt .txt-detail dd + dt { padding-top: 8px; }

.environment-certification li .inner .txt p.txt-detail { color: #FFF; font-size: 14px; }

/* csm-quality */
.list-quality { border-top: 1px solid #2B2B2B; border-bottom: 1px solid #2B2B2B; }

.list-quality li { border-top: 1px solid #E5E5E5; padding: 35px 0 36px 0; }

.list-quality li:after { display: block; clear: both; content: ""; }

.list-quality li:first-child { border-top: none; }

.list-quality li .quality-title { float: left; display: block; font-size: 20px; font-weight: 500; color: #333; vertical-align: top; }

.list-quality li .quality-info { margin-left: 289px; }

.quality-info dl { padding-bottom: 12px; }

.quality-info dt { line-height: 26px; font-weight: 500; padding-bottom: 11px; }

.quality-info p, .quality-info dd { line-height: 25px; color: #666; font-size: 16px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.quality-info dd + dt { padding-top: 20px; }

.quality-info .inner-list { margin: 26px 0 0 -40px; padding: 0 50px 5px 0; }

.quality-info .inner-list:after { display: block; clear: both; content: ""; }

.quality-info .inner-list li { float: left; width: 33.33%; padding: 0; border: none; }

.quality-info .inner-list li .inner { margin-left: 40px; padding: 33px 42px; height: 355px; background: #f7f7f7; text-align: center; }

.quality-info .inner-list .inner strong { line-height: 24px; color: #2B2B2B; font-size: 16px; font-weight: 400; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.quality-info .inner-list .inner .btn-type02 { padding-top: 38px; text-align: center; }

.quality-info .inner-list .inner .btn-type02 a { margin-bottom: 10px; width: 140px; padding: 8px 35px; }

.quality-info .inner-list .inner p { padding-top: 32px; color: #666; font-size: 14px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; line-height: 22px; }

.quality-info .inner-list .inner p + .btn-type02 { padding-top: 36px; }

/* lgway */
ul.img-box { overflow: hidden; padding-top: 14px; }

ul.img-box li { float: left; width: 50%; }

.content-wrap .ct-info-text03 + .ct-info-text02, .designer-collaboration li .inner .ct-info-text03 + .ct-info-text02 { padding-top: 10px; }

.lgway_img_box01 { text-align: right; }

.lgway_img_box01 .btn-type01, .lgway_img_box01 .btn-ci-download { padding-top: 21px; }

.ethic-tab { margin-top: 34px; padding: 26px 98px 29px; border: 1px solid #E5E5E5; background-color: #f8f8f8; }

.ethic-tab ul { overflow: hidden; }

.ethic-tab ul li { float: left; margin-right: 108px; width: 262px; color: #666; }

.ethic-tab ul li a { display: inline-block; position: relative; color: #666; }

.ethic-tab ul li a:hover, .ethic-tab ul li a:focus { color: #7D000A; }

.ethic-tab ul li a:active { color: #2B2B2B; }

.ethic-tab ul li:nth-of-type(3), .ethic-tab ul li:nth-of-type(6) { margin-right: 0; }

.ethic-tab ul li:nth-of-type(4), .ethic-tab ul li:nth-of-type(5), .ethic-tab ul li:nth-of-type(6) { padding-top: 15px; }

.ethic-tab ul li.current a { color: #2B2B2B; }

.ethic-tab ul li.current a:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; background-color: #2B2B2B; }

.ethic-cont-box .ethic-box { display: none; padding: 36px 60px 0; }

.ethic-cont-box .ethic-box p { font-weight: 500; font-size: 16px; color: #2B2B2B; }

.ethic-cont-box .ethic-box dl dt { padding-top: 28px; font-weight: 400; font-size: 16px; color: #2B2B2B; }

.ethic-cont-box .ethic-box dl dd { padding-top: 4px; font-weight: 200; font-size: 15px; color: #666; }

.lgway-program-list { margin-top: 35px; }

.lgway-program-list li { overflow: hidden; padding-top: 40px; }

.lgway-program-list li img { float: left; }

.lgway-program-list li .program-list-cont { float: left; padding-left: 30px; }

.lgway-program-list li .program-list-cont .tit { font-size: 20px; font-weight: 400; color: #2B2B2B; line-height: 25px; }

.lgway-program-list li .program-list-cont .txt { padding-top: 10px; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; font-size: 15px; line-height: 25px; }

.lgway-program-list li:first-child { padding-top: 0; }

.inner-title-detail { margin-left: 17px; font-size: 14px; color: #999999; font-weight: 400; vertical-align: baseline; }

.inner-title-detail:after { display: inline-block; content: ''; margin-left: 10px; background-image: url(/resources/images/pc/sprite.png); background-position: -969px -420px; width: 7px; height: 9px; }

.lgway-target-list { padding: 13px 80px 43px; border: 1px solid #E5E5E5; }

.lgway-target-list ul { overflow: hidden; }

.lgway-target-list ul li { float: left; margin-top: 37px; margin-right: 87px; width: 288px; font-size: 16px; color: #2B2B2B; font-weight: 400; text-align: center; }

.lgway-target-list ul li:before { display: block; content: ''; margin: 0 auto 17px; }

.lgway-target-list ul li:nth-of-type(1):before {  background-image: url(/resources/images/pc/about-us/icon-lgway-program01.png); background-position: 0 0; width: 160px; height: 160px; }

.lgway-target-list ul li:nth-of-type(2):before {  background-image: url(/resources/images/pc/about-us/icon-lgway-program02.png); background-position: 0 0; width: 160px; height: 160px; }

.lgway-target-list ul li:nth-of-type(3):before {  background-image: url(/resources/images/pc/about-us/icon-lgway-program03.png); background-position: 0 0; width: 160px; height: 160px; }

.lgway-target-list ul li:nth-of-type(4):before {  background-image: url(/resources/images/pc/about-us/icon-lgway-program04.png); background-position: 0 0; width: 160px; height: 160px; }

.lgway-target-list ul li:nth-of-type(5):before { background-image: url(/resources/images/pc/about-us/icon-lgway-program05.png); background-position: 0 0; width: 160px; height: 160px; }

.lgway-target-list ul li:nth-of-type(6):before { background-image: url(/resources/images/pc/about-us/icon-lgway-program06.png); background-position: 0 0; width: 160px; height: 160px; }

.lgway-target-list ul li:nth-of-type(3), .lgway-target-list ul li:nth-of-type(6) { margin-right: 0; }

.btn-type03 a { padding: 0 49px; font-size: 16px; color: #FFF; font-weight: 400; background-color: #2B2B2B; line-height: 46px; }

.lgway-target-box { text-align: center; }

.lgway-target-box .btn-type03 { margin-top: 20px; }

/* rnd-introductionofstudy */
h5.dia-title02 { font-size: 26px; font-weight: 700; padding-top: 55px; }

.content-total-wrap.type02 { margin-top: 14px; border-top: 0; }

.study-dream-box { text-align: center; }

.study-dream-box p { padding-top: 57px; font-weight: 500; }

.study-dream-box p span { display: block; font-size: 20px; color: #666; line-height: 28px; font-weight: 500; }

.study-dream-box p strong { font-size: 36px; color: #7D000A; line-height: 44px; font-weight: 500; }

.study-dream-box .study-dream-list { display: block; width: 100%; margin: 36px auto 0; }

.study-dream-box .study-dream-list:before { display: block; content: ''; margin: 0 auto; background-image: url(/resources/images/pc/sprite.png); background-position: 0px 0px; width: 1021px; height: 180px; }

.study-dream-box .study-dream-list ul { overflow: hidden; padding-bottom: 65px; margin: 0 40px; }

.study-dream-box .study-dream-list ul li { float: left; width: 280px; }

.study-dream-box .study-dream-list dl { margin-top: 29px; }

.study-dream-box .study-dream-list dl dt { color: #71572a; font-size: 16px; font-weight: 500; line-height: 25px; }

.study-dream-box .study-dream-list dl dd { margin-top: 11px; color: #999999; font-size: 15px; font-weight: 300; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; line-height: 25px; }

.dia-title02 + .ct-info-text02 { margin-top: 9px; }

/* rnd-fieldofstudy01 */
.corporate-box ul { overflow: hidden; margin-top: 26px; }

.corporate-box ul li { float: left; position: relative; width: 33.33%; padding: 0 22px; }

.corporate-box ul li:after { display: block; content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; height: 100%; background-color: #E5E5E5; }

.corporate-box ul li:first-child:after { display: none; }

.corporate-box ul li:first-child { padding-left: 0; }

.corporate-box ul li:last-child { padding-right: 0; }

.corporate-box dl dt { font-size: 20px; color: #2B2B2B; font-weight: 500; line-height: 25px; }

.corporate-box dl dd { margin-top: 12px; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; line-height: 25px; }

/* rnd-fieldofstudy02 */
h5.dia-title.type02 + .ct-info-text03 { margin-top: 12px; }

.ct-info-text03 + .field-img-box { margin-top: 26px; }

.field-img-box + .field-img-box { margin-top: 10px; }

.field-img-box + h5.dia-title.type02 { padding-top: 47px; }

.field-img-box { display: table; padding: 11px 9px; background-color: #f7f7f7; }

.field-img-box .field-img-img { display: table-cell; }

.field-img-box .field-img-text { display: table-cell; padding: 15px 20px 15px 30px; }

.field-img-box .field-img-text .tit { font-size: 16px; color: #2B2B2B; font-weight: 500; line-height: 25px; }

.field-img-box .field-img-text .txt { margin-top: 8px; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; line-height: 25px; }

/*investment council*/
.member-list li { width: 100%; height: 200px; padding: 25px 25px 20px; border: 1px solid #dfdfdf; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; }

.member-list li div { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; }

.member-list li .m-pic { width: 195px; }

.member-list li dl { width: 100%; overflow: hidden; }

.member-list li dl dt { float: left; font-size: 15px; line-height: 24px; padding-bottom: 5px; color: #2B2B2B; font-weight: 400; }

.member-list li dl dd { float: left; font-size: 15px; line-height: 24px; padding-bottom: 5px; color: #666; font-weight: 200; }

.member-list li .info01 { width: 415px; }

.member-list li .info01 dt { width: 100px; }

.member-list li .info01 dd { width: 315px; }

.member-list li .info02 { width: 535px; }

.member-list li .info02 dt { width: 125px; }

.member-list li .info02 dd { width: 410px; }

.council-b-info { font-size: 14px; color: #666; }

/* csm-system */
.j-intro-txt.type01 { padding: 35px 60px; }

.j-intro-txt.type01 .title-type03 { display: block; position: relative; padding-left: 7px; font-weight: 500; font-size: 16px; color: #333; margin-top: 20px; }

.j-intro-txt.type01 .title-type03.type01 { margin-top: 0; padding-bottom: 15px; }

.j-intro-txt.type01 .title-type03 + .txt-type01 { margin-top: 10px; }

.ct-info-text03 + .dia-title.type01 { padding-top: 42px; }

.dia-title.type04 + .title-type03 { margin-top: 0; }

.txt-type01 + .dia-title.type04 { padding-top: 30px; }

/* csm-report */
.report-box { display: table; padding: 60px 60px 40px; }

.report-box .report-img { display: table-cell; }

.report-box .report-img img { width: auto; height: auto; border: 1px solid #E5E5E5; }

.report-box .report-cont { display: table-cell; padding-left: 50px; vertical-align: top; }

.report-box .report-cont .txt { margin-top: 10px; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; color: #666; line-height: 25px; }
.report-box .report-cont  p{  font-size: 15px; font-weight: 200; font-family: "NotoSansKR"; color: #666; line-height: 25px; }
.report-box .report-cont  span{  font-size: 15px; font-weight: 200; font-family: "NotoSansKR"; color: #666; line-height: 25px; }

.report-tit { font-size: 26px; color: #2B2B2B; font-weight: 700; line-height: 30px; }

.report-tit strong { font-size: 26px; color: #7D000A; font-weight: 700; vertical-align: baseline; }

.btn-black14 { display: inline-block; width: 140px; background-color: #2b2b2b; color: #666; font-size: 14px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; color: #FFF; line-height: 36px; text-align: center; }

.report-btn { overflow: hidden; margin-top: 34px; }

.report-btn a { float: left; }

.report-btn a + a { margin-left: 10px; }

.table-wrap { border-top: 1px solid #2B2B2B; }

.table-wrap table { width: 100%; }

.table-wrap table tr { border-bottom: 1px solid #E5E5E5; }

.table-wrap table tr th { padding-left: 60px; height: 60px; color: #666; font-size: 16px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; color: #333; }

.table-wrap table tr td { overflow: hidden; padding-right: 60px; height: 60px; }

.table-wrap.report th { text-align: left; }

.table-wrap.report td { text-align: right; }
.table-wrap.report tr:hover { background: #F8F8F8; }
.table-wrap.report tr .btn-down-report a:hover { background: #2B2B2B; color: #FFF; }

.btn-line14 { display: inline-block; width: 140px; border: 1px solid #E5E5E5; background-color: #FFF; color: #666; font-size: 14px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; color: #333; line-height: 33px; text-align: center; }

.btn-down-report { overflow: hidden; float: right; }

.btn-down-report a { float: left; }

.btn-down-report a + a { margin-left: 10px; }

/* csm-green */
.philosophy-box { margin: 10px 0; padding: 26px 60px 30px; }

.philosophy-box ul li { margin-top: 9px; }

.philosophy-box ul li:first-child { margin-top: 0; }

.philosophy-box dl { display: table; }

.philosophy-box dl dt { display: table-cell; position: relative; width: 250px; padding-left: 8px; font-size: 16px; color: #333; font-weight: 500; vertical-align: top; line-height: 25px; }

.philosophy-box dl dt:before { display: block; content: ''; position: absolute; top: 9px; left: 0; width: 2px; height: 2px; background-color: #333; }

.philosophy-box dl dd { display: table-cell; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; color: #666; vertical-align: top; line-height: 25px; }

.hidden { position: absolute; left: -9999px; top: 0; overflow: hidden; line-height: 0.1%; font-size: 0.1%; width: 0.1%; height: 0.1%; }

.i-frame { overflow: hidden; width: 100%; margin-top: 60px; text-align: center; }

h4.ct-title + .i-frame { margin-top: 0; }

/*investment-inspection*/
.f-isp { background: #F8F8F8; padding: 20px 115px 10px; }

.f-isp dl { width: 100%; overflow: hidden; }

.f-isp dl dt { display: block; width: 10%; float: left; padding-bottom: 10px; color: #2B2B2B; font-size: 15px; }

.f-isp dl dt.type01 { width: 13%; }

.f-isp dl dd { display: block; width: 40%; float: left; padding-bottom: 10px; color: #666; font-size: 15px; }

.f-isp dl dd.type01 { width: 37%; }

/*investment-financial-business*/
.pdf-fd { overflow: hidden; }

.pdf-fd .img-wrap { width: 50%; float: left; text-align: right; padding-right: 50px; }

.pdf-fd .img-wrap img { width: auto; }

.pdf-fd .file-box { width: 50%; float: left; }

.pdf-fd .file-box strong { display: block; font-size: 26px; padding-bottom: 30px; }

.pdf-fd .file-box .btn-type02 { text-align: left; }

.pdf-fd .file-box .btn-download { padding-top: 180px; }

.pdf-fd .file-box .btn-download a { font-size: 14px; font-weight: 500; color: #2B2B2B; position: relative; }

.pdf-fd .file-box .btn-download a:after { display: block; content: ''; background-image: url(/resources/images/pc/sprite.png); background-position: -917px -420px; width: 7px; height: 12px; position: absolute; right: -15px; top: 3px; }

.pdf-fd .file-box .btn-download p { color: #666; font-size: 14px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; color: #999999; }

.pdf-report { width: 100%; border-top: 1px solid #2B2B2B; border-bottom: 1px solid #2B2B2B; margin-top: 50px; }

.pdf-report li { width: 100%; border-top: 1px solid #E5E5E5; overflow: hidden; padding: 12px 57px; }

.pdf-report li:first-child { border-top: none; }

.pdf-report li strong { width: 50%; height: 35px; line-height: 35px; float: left; color: #666; font-size: 16px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.pdf-report li .btn-wrap { width: 50%; float: right; text-align: right; }

.pdf-report li .btn-wrap a { width: 140px; height: 35px; text-align: center; line-height: 35px; color: #666; font-size: 14px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; color: #333; border: 1px solid #E5E5E5; }

/*financial-credit-rating*/
/*financial-result-data*/
.board-wrap .board.financial td { padding: 12px 0; }
.board-wrap .board.financial td + td + td{padding-right:35px;}
.board-wrap .board.financial td.title-txt a { padding-left: 50px; }

.board-wrap .board.financial .btn-type04{text-align:right;}

.btn-type04 a { color: #666; font-size: 14px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; color: #333; border: 1px solid #E5E5E5; padding: 7px 29px; background: #FFF; }

.btn-type04 a + a { margin-left: 10px; }

.data-search-box { text-align: right; padding: 10px 0 30px; }

/*announcement*/
.board-wrap .board.announcement td { padding: 12px 0; }
.board-wrap .board.announcement td.title-txt { padding-left: 50px; }


/*customers 2018.01.31 Ãß°¡ */
.customers_voc { }
.customers_voc p span.text-type01 { color: #7D000A; vertical-align: top; font-size: 17px; }
.customers_voc .b-title { font-weight: 500; font-size: 20px; color: #2B2B2B; padding: 30px 0 15px 0; display: block; }
.customers_voc .ct-right{ text-align: right; }
.add-info-txt { color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; line-height: 25px; padding-top: 15px; }



.map-wrap { margin-top: 60px; }

.location-info { padding-top: 20px; }

.location-info dl { overflow: hidden; width: 100%; border-top: 1px solid #E5E5E5; padding: 35px 80px 35px 195px; position: relative; }

.location-info dl:first-child { border-top: none; }

.location-info dl:before { content: ''; display: block; position: absolute; left: 85px; top: 50%; margin-top: -21px; }

.location-info dl.ad:before { background-image: url(/resources/images/pc/sprite.png); background-position: -552px -371px; width: 35px; height: 43px; }

.location-info dl.sw:before { background-image: url(/resources/images/pc/sprite.png); background-position: -634px -371px; width: 35px; height: 43px; }

.location-info dl.bs:before { background-image: url(/resources/images/pc/sprite.png); background-position: -593px -371px; width: 35px; height: 43px; }

.location-info dl.cr:before { background-image: url(/resources/images/pc/sprite.png); background-position: -509px -455px; width: 35px; height: 43px; }

.location-info dl.tr:before { background-image: url(/resources/images/pc/sprite.png); background-position: -150px -468px; width: 30px; height: 38px; }

.location-info dl dt { display: block; width: 19%; font-weight: 500; line-height: 25px; float: left; color:#2b2b2b;}

.location-info dl dd { display: block; width: 81%; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; line-height: 25px; float: left; }

.p-click-box { margin-top: 70px; overflow: hidden; padding: 22px 90px; background: #f7f7f7; border: 1px solid #E5E5E5; }

.p-click-box ul { float: left; width: 50%; }

.p-click-box ul a { color: #666; line-height: 36px; font-weight: 500; }

.p-click-box ul a:hover { color: #7D000A; }

.privacy-txt h4.title-type01 { padding-top: 35px; font-weight: 500; }

.privacy-txt p { color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; line-height: 25px; }

.privacy-txt p.detail-txt01 { padding: 10px 0 25px 0; }

.privacy-txt p.detail-txt02 span { padding: 5px 0 15px 10px; display: block; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.manager-list { width: 100%; overflow: hidden; }

.manager-list li { float: left; width: 386px; height: 205px; background: #F8F8F8; text-align: center; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; line-height: 25px; }

.manager-list li.mp { margin: 0 21px; }

.manager-list li strong { display: block; text-align: center; padding: 30px 0 15px 0; font-weight: 500; }

.hr-center-detail01 { overflow: hidden; padding: 50px 73px 10px 73px; background: #f7f7f7; border: 1px solid #E5E5E5; }

.hr-center-detail01 li { float: left; width: 284px; text-align: center; padding-bottom: 42px; }

.hr-center-detail01 li.mp { margin: 0 100px; }

.hr-center-detail01 li strong { font-weight: 500; font-size: 20px; color: #2B2B2B; display: block; padding-top: 18px; }

.hr-center-detail01 li span { font-weight: 500; font-size: 16px; color: #2B2B2B; display: block; }

.hr-center-detail01 li p { font-size: 14px; color: #666; line-height: 24px; padding-top: 10px; }

.hr-center-detail02 { padding-top: 40px; }

.hr-center-detail02 li { width: 100%; }

.hr-center-detail02 li:first-child { padding-bottom: 30px; }

.hr-center-detail02 li .img-wrap { width: 285px; display: inline-block; }

.hr-center-detail02 li .txt-wrap { width: 600px; display: inline-block; vertical-align: top; padding-left: 10px; }

.hr-center-detail02 li .txt-wrap strong { display: block; color: #2B2B2B; font-size: 16px; font-weight: 400; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; padding-bottom: 15px; }

.hr-center-detail02 li .txt-wrap p { display: block; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; line-height: 25px; }

/*util*/
.library-box { width: 50%; height: 860px; float: left; padding: 65px 50px; position: relative; }

.library-box h4 { text-align: center; font-weight: 500; font-size: 20px; padding-bottom: 15px; }

.library-box .btn-type02 { text-align: center; padding-top: 30px; }

.library-box .j-intro-txt.type01 { padding: 30px 0 0 65px; }

.library-box .j-intro-txt.type01 .title-type01 { margin: 30px 0 10px 0; }

.library-box .j-intro-txt.type01 .txt-type01 { padding: 0; margin-top: 10px; }

.library-box .j-intro-txt.type01 .txt-type02 { margin: 0; }

.library-box .lpopupLib { width: 400px; height:270px; background-color: #f6f6f6; padding: 45px 40px; position: absolute; left: 100px; bottom: 100px; display: inline-block; z-index: 10; border: 1px solid #bdbdbd; -webkit-box-shadow: 0 0 10px rgba(35, 26, 9, 0.5); box-shadow: 0 0 10px rgba(35, 26, 9, 0.5); }

.library-box .lpopupLib .close { background-image: url(/resources/images/pc/sprite.png); background-position: -186px -468px; width: 20px; height: 19px; position: absolute; right: 10px; top: 10px; }

.library-box .lpopupLib input { border: 1px solid #E5E5E5; height: 45px; text-indent: 10px; }

.library-box .lpopupLib .alert { text-align: center; padding-bottom: 15px; color: #2B2B2B; font-size: 17px; line-height: 27px; }

.library-box .lpopupLib .btn-type05 { text-align: center; padding-top: 20px; }

.library-box .lpopupLib .btn-type05 a { display: inline-block; padding: 8px 37px; color: #FFF; font-size: 14px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; background: #2B2B2B; }

.library-box .lpopupLib .btn-type05 a.cancel { background: #999999; margin-left: 15px; }

.search-r-txt { font-size: 20px; font-weight: 500; line-height: 28px; padding-bottom: 34px; text-align: center; }

.search-r-txt span { color: #7D000A; display: inline-block; font-size: 20px; font-weight: 500; vertical-align: top; word-break: break-all;}

.search-result-wrap { border-top: 1px solid #999999; margin-top: -1px; }

.result-list { border-top: 1px solid #2B2B2B; border-bottom: 1px solid #2B2B2B; }

.result-list.type01 { border-bottom: 0; padding-top: 15px; }

.result-list li { border-top: 1px solid #E5E5E5; padding: 35px 50px; }

.result-list li:first-child { border-top: 0; }

.result-list li strong { color: #2B2B2B; font-size: 16px; font-weight: 400; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; padding-bottom: 17px; display: block; }

.result-list li p { color: #999999; font-size: 14px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; line-height: 22px; max-height: 44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }

.no-result { width: 650px; left: 50%; margin-left: -300px; position: relative; padding-left: 135px; padding-top: 60px; }

.no-result .search-r-txt { text-align: left; padding-bottom: 25px; }

.no-result:before { display: inline-block; content: ''; background-image: url(/resources/images/pc/sprite.png); background-position: -349px -352px; width: 102px; height: 102px; position: absolute; left: 10px; top: 70px; }

.lpopup.footer-popup { position: absolute; bottom: 250px; left: 50%; margin-left: -369px; }

.lpopup.footer-popup .lpopup-inner { padding: 30px; }

.lpopup.footer-popup .popup-txt { color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; }

.lpopup.footer-popup .lpopup-head h1 { font-size: 20px; }

.lpopup.footer-popup .anti-spam { background: #F8F8F8; text-align: center; padding: 20px 0; margin: 20px 0 10px; color: #666; font-size: 14px; font-weight: 500; }

.lpopup.footer-popup .anti-spam a { font-size: 15px; font-weight: 200; color: #666; margin-left: 25px; }

.lpopup.notice-popup { position: absolute; top: 128px; width: 740px; }

.lpopup.notice-popup .lpopup-head h1 { font-size: 20px; }

.lpopup.notice-popup .lpopup-body { max-height: 645px; overflow: auto; }

.lpopup.notice-popup .lpopup-inner { padding: 35px 20px; }

.lpopup.notice-popup .img-wrap { padding-top: 10px; }
.lpopup.notice-popup img{width:100%;}

.lpopup.notice-popup .popup-title { font-weight: 500; font-size: 20px; color: #2B2B2B; }

.lpopup.notice-popup .lpopup-foot { padding: 0; }

/*products window*/
.prd-intro01 { padding-top: 40px; }

.prd-intro01 a { display: block; overflow: hidden; background: #f6f6f6; position: relative; }

.prd-intro01 a .img-wrap { width: 314px; height: 130px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; }

.prd-intro01 a .img-wrap img { width: 100%; height: 100%; }

.prd-intro01 a p { float: left; width: 884px; height: 130px; padding: 22px 40px; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; line-height: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.prd-intro01 a p strong { display: inline-block; font-weight: 500; color: #2B2B2B; vertical-align: top; margin-bottom: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; height:25px; }

.prd-intro01 a p strong span { color: #7D000A; font-weight: 500; }

.prd-intro01 a:hover:after, .prd-intro01 a:focus:after { content: ''; display: block; border: 1px solid #7D000A; width: 1198px; height: 128px; position: absolute; left: 0; top: 0; z-index: 1; }

.prd-intro01 a:hover strong, .prd-intro01 a:focus strong { }

.prd-youtube { width:100%; background:#f6f6f6; margin-top: 50px; padding: 50px 0;  text-align: center; }

.prd-intro02 { overflow: hidden; padding-top: 25px; }

.prd-intro02 .prd-img { width: 315px; height: 200px; background-color: #ddd; float: left; background-repeat: no-repeat; background-size: cover; }

.prd-intro02.super-save .prd-img { background-image: url("/resources/images/pc/products/window_s_1.jpg"); }

.prd-intro02.best01 .prd-img { background-image: url("/resources/images/pc/products/window_s_4.jpg"); }

.prd-intro02.best02 .prd-img { background-image: url("/resources/images/pc/products/window_s_7.jpg"); }

.prd-intro02.power-save .prd-img { background-image: url("/resources/images/pc/products/window_s_8.jpg"); }

.prd-intro02.system9 .prd-img { background-image: url("/resources/images/pc/products/window_s_13.jpg"); }

.prd-intro02 .prd-list { float: right; width: 865px; }

.prd-intro02 .prd-list li { width: 100%; height: 66.5px;  border-bottom: 1px solid #E5E5E5; }

.prd-intro02 .prd-list li a { overflow: hidden; display: block; padding: 22px 0 22px 25px; position: relative; }

.prd-intro02 .prd-list li a .btn-detail-view { position: absolute; right: 20px; top: 50%; margin-top: -10px; display: none; }

.prd-intro02 .prd-list li:first-child { border-top: 1px solid #E5E5E5; }

.prd-intro02 .prd-list li .grade { display: block; float: left; width: 100px; font-weight: 500; color: #c3aa7f; }

.prd-intro02 .prd-list li .line { display: block; float: left; width: 120px; }

.prd-intro02 .prd-list li .line span { display: inline-block; font-weight: 500; color: #666; font-size: 18px; }

.prd-intro02 .prd-list li .grade span, .prd-intro02 .prd-list li .line span { display: inline-block; height: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top;  }

.prd-intro02 .prd-list li p { display: block; width: 600px; height: 20px; float: right; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; padding-left: 20px; }

.prd-intro02 .prd-list li:hover, .prd-intro02 .prd-list li:focus { background: #f6f6f6; }

.prd-intro02 .prd-list li:hover .btn-detail-view, .prd-intro02 .prd-list li:focus .btn-detail-view { display: block; }

.prd-intro02 .prd-list li:hover .grade, .prd-intro02 .prd-list li:hover .line, .prd-intro02 .prd-list li:focus .grade, .prd-intro02 .prd-list li:focus .line { color: #7D000A; }

.prd-intro02 .prd-list li:hover .grade span, .prd-intro02 .prd-list li:hover .line span, .prd-intro02 .prd-list li:focus .grade span, .prd-intro02 .prd-list li:focus .line span { border-bottom: 1px solid #7D000A; color: #7D000A; }

.prd-intro02 .prd-list.type01 li .line { width: 200px; }

.prd-intro02 .prd-list.type01 li:hover .grade, .prd-intro02 .prd-list.type01 li:hover .line, .prd-intro02 .prd-list.type01 li:focus .grade, .prd-intro02 .prd-list.type01 li:focus .line { color: #2B2B2B; }

.prd-intro02 .prd-list.type01 li:hover .grade span, .prd-intro02 .prd-list.type01 li:hover .line span, .prd-intro02 .prd-list.type01 li:focus .grade span, .prd-intro02 .prd-list.type01 li:focus .line span { border-bottom: 1px solid #2B2B2B; color: #2B2B2B; }

.prd-intro02 .prd-list.type02 li a p { padding-left: 0; }

.prd-intro03 { padding-top: 40px; }

.prd-intro03 .prd-title a { font-weight: 700; font-size: 27px; color: #2B2B2B; height: 37px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.prd-intro03 .prd-title a span { display: inline-block; font-size: 14px; color: #999999; padding: 0 20px 0 10px; position: relative; }

.prd-intro03 .prd-title a span:after { display: block; content: ''; background-image: url(/resources/images/pc/sprite.png); background-position: -943px -420px; width: 7px; height: 9px; position: absolute; right: 0; top: 50%; }

.prd-intro03 .prd-title a:hover, .prd-intro03 .prd-title a:focus { border-bottom: 1px solid #7D000A; color: #7D000A; }

.prd-intro03 .prd-title a:hover span, .prd-intro03 .prd-title a:focus span { color: #7D000A; }

.prd-intro03 .prd-title a:hover span:after, .prd-intro03 .prd-title a:focus span:after { background-image: url(/resources/images/pc/sprite.png); background-position: -956px -420px; width: 7px; height: 9px; }

.prd-intro03 p { padding-top: 15px; }

.ct-info-text06 { padding-top: 25px; }

.ct-info-text06 p { font-size: 14px; color: #666; background: #f6f6f6; padding: 9px 30px; }

.ct-info-text06 p span { font-size: 16px; font-weight: 500; color: #2B2B2B; padding-right: 25px; }

.prd-intro02 + .ct-info-text06 { padding-top: 40px; }

.btn-detail-view { display: inline-block; font-size: 14px; color: #7D000A; height: 20px; position: relative; padding-right: 20px; font-weight: 500; }

.btn-detail-view:after { display: block; content: ''; background-image: url(/resources/images/pc/sprite.png); background-position: -956px -420px; width: 7px; height: 9px; position: absolute; right: 0; top: 50%; margin-top: -5px; }

.lpopup.popupPrd .lpopup-head h1 span { font-size: 16px; color: #c3aa7f; font-weight: 500; }

.lpopup.popupPrd .prd-popup-title01 { font-size: 14px; padding: 5px 14px; background: #F8F8F8; color: #2B2B2B; border: 1px solid #eee; margin: 34px 0 15px 0; }

.lpopup.popupPrd .prd-popup-title01.type01 { margin-top: 55px; }

.lpopup.popupPrd .prd-popup-title02 { font-size: 13px; font-weight: 500; padding-bottom: 15px; color: #666; padding-left: 15px; position: relative; }

.lpopup.popupPrd .prd-popup-title02:before { background-image: url(/resources/images/pc/sprite.png); background-position: -847px -352px; width: 11px; height: 11px; display: block; content: ''; position: absolute; left: 0; top: 2px; }

.lpopup.popupPrd .prd-popup-title02.type01 { margin-left: 10px; margin-top: 15px; padding-bottom: 7px; }

.lpopup.popupPrd .prd-popup-cts01 { font-size: 13px; color: #666; line-height: 20px; padding-bottom: 15px; }

.lpopup.popupPrd .prd-popup-cts02 { overflow: hidden; padding-top: 35px; }

.lpopup.popupPrd .prd-popup-cts02 p { font-size: 13px; color: #666; position: relative; width: 250px; float: left; }

.lpopup.popupPrd .prd-popup-cts02 p strong { font-size: 20px; display: block; color: #666; padding: 7px 0; }

.lpopup.popupPrd .prd-popup-cts02 p strong span { font-size: 20px; display: block; color: #6a9213; }

.lpopup.popupPrd .prd-popup-cts02 p:before { content: ''; display: block; position: absolute; left: 0; top: 0; background-image: url(/resources/images/pc/sprite.png); background-position: -552px -352px; width: 270px; height: 13px; }

.lpopup.popupPrd .prd-popup-cts02 .img-wrap { width: 415px; float: right; }

.lpopup.popupPrd .best-color { width: 100%; display: table; }

.lpopup.popupPrd .best-color li { display: table-cell; vertical-align: top; }

.lpopup.popupPrd .best-color li:nth-child(1) { padding-right: 15px; }

.lpopup.popupPrd .best-color li:nth-child(2) { padding: 0 15px; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; }

.lpopup.popupPrd .best-color li:nth-child(3) { padding-left: 15px; }

.lpopup.popupPrd .best-color li strong { color: #2B2B2B; font-size: 15px; }

.lpopup.popupPrd .best-color li strong span { color: #999999; font-size: 13px; display: inline-block; }

.lpopup.popupPrd .best-color li p { font-size: 12px; color: #666; padding: 5px 0; }

.lpopup.popupPrd .best-school { width: 100%; display: table; }
.lpopup.popupPrd .best-school li { width: 50%; display:inline-block; vertical-align: top; padding-bottom: 20px; }
.lpopup.popupPrd .best-school li:nth-child(even) { float: right; padding-left:15px;}
.lpopup.popupPrd .best-school li:nth-child(odd) { clear:both; float: left; }
.lpopup.popupPrd .best-school li strong { color: #2B2B2B; font-size: 15px; }
.lpopup.popupPrd .best-school li strong span { color: #999999; font-size: 13px; display: inline-block; }
.lpopup.popupPrd .best-school li p { font-size: 12px; color: #666; padding: 5px 0; }

.window_dia01 { width: 100%; text-align: center; }

.window_dia01 li { display: inline-block; width: 270px; padding: 35px 20px 25px 20px; vertical-align: top; }

.window_dia01 li strong { display: block; text-align: left; font-size: 16px; font-weight: 500; padding-top: 22px; color: #2B2B2B; border-bottom: 1px solid #bdbdbd; padding-bottom: 5px; }

.window_dia01 li p { text-align: left; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; padding-top: 10px; line-height: 25px; }

.best-club { width: 100%; overflow: hidden; }

.best-club li { width: 50%; height: 140px; padding: 20px 30px 0 30px; float: left; }

.best-club li strong { display: block; width: 100%; height: 45px; line-height: 45px; padding: 0; background: #7D000A; color: #FFF; font-weight:400;}

.best-club li strong span { display: inline-block; font-size: 27px; line-height: 45px; font-weight: 700; width: 70px; text-align: center; color: #FFF; position: relative; margin-right: 15px; }

.best-club li strong span:after { content: ''; display: block; height: 23px; width: 1px; background: rgba(255, 255, 255, 0.5); position: absolute; right: 0; top: 10px; }

.best-club li.b01 { height: 155px; }

.best-club li.b01 strong { background: #999999; }

.best-club li.b02 { height: 155px; }

.best-club li.b02 strong { background: #8d744a; }

.best-club li.b03 strong { background: #2B2B2B; }

.best-club li p { color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; line-height: 25px; padding-top: 13px; }

.emblem-info { overflow: hidden; padding-top: 20px; }

.emblem-info .img-wrap { width: 50%; float: left; }

.emblem-info .img-wrap img { width: auto; }

.emblem-info p { width: 50%; float: left; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; line-height: 25px; }

.aco-product { padding: 35px 0 0; }

.aco-product .material-box { padding: 25px 0 0; }

.aco-product .material-box .txt { font-size: 13px; color: #666; padding: 18px 0; }

.aco-product .material-box .info-box-wrap { overflow: hidden; }

.aco-product .material-box .box-img { display: inline-block; width: 210px; vertical-align: top; }

.aco-product .material-box .box-img p { background: #eff1f2; padding: 10px; color: #666; font-weight: 400; font-size: 13px; }

.aco-product .material-box .box-img p strong { display: block; font-size: 13px; font-weight: 700; }

.aco-product .material-box .box-txt { display: inline-block; padding-left: 25px; vertical-align: top; }

.aco-product .material-box .box-txt dl dt { color: #2B2B2B; font-size: 13px; position: relative; padding-left: 15px; }

.aco-product .material-box .box-txt dl dt:before { content: ''; display: block; position: absolute; left: 0; top: 2px; background-image: url(/resources/images/pc/sprite.png); background-position: -847px -352px; width: 11px; height: 11px; }

.aco-product .material-box .box-txt dl dd { padding-bottom: 15px; }

.aco-product .material-box .box-txt dl dd .color { padding-top: 10px; }

.aco-product .material-box .box-txt dl dd .color li { display: inline-block; width: 65px; border: 0; padding: 0; text-align: center; }

.aco-product .material-box .box-txt dl dd .color .color-detail { width: 52px; height: 52px; border-radius: 50%; display: inline-block; }

.aco-product .material-box .box-txt dl dd .color .color01 { background-color: #FFF; border: 1px solid #dfdfdf; }

.aco-product .material-box .box-txt dl dd .color .color02 { background-color: #65707b; }

.aco-product .material-box .box-txt dl dd .color .color03 { background-color: #2b1a13; }

.aco-product .material-box .box-txt dl dd .color .color04 { background-color: #7e6f6f; }

.aco-product .material-box .box-txt dl dd .color .color05 { background-color: #221e1f; }

.aco-product .material-box .box-txt dl dd .color .color06 { background-color: #2d1912; }

.aco-product .material-box .box-txt dl dd .color .color07 { background-color: #aa8056; }

.aco-product .material-box .box-txt dl dd .color .color08 { background-color: #949599; }

.aco-product .material-box .box-txt dl dd .color .color09 { background-color: #532217; }

.aco-product .material-box .box-txt dl dd .color .color10 { background-color: #894322; }

.aco-product .material-box .box-txt dl dd .color .color11 { background-color: #231f20; }

.aco-product .material-box .box-txt dl dd .color p { text-align: center; padding: 5px 0; color: #666; font-size: 12px; }

.aco-product .material-box .box-txt dl dd .test-report { padding-top: 10px; }

.aco-product .material-box .box-txt dl dd .test-report li { display: inline-block; width: 190px; padding: 0 15px; border: 0; }

.aco-product .material-box .box-txt dl dd .test-report li strong { display: block; text-align: center; padding: 9px 0; color: #666; font-size: 12px; }

.aco-product .material-box .box-txt dl dd .test-report li .btn-download { text-align: center; }

.aco-product .material-box .box-txt dl dd .test-report li .btn-download a { display: inline-block; padding: 3px 5px 3px 20px; position: relative; color: #666; font-size: 12px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; border: 1px solid #b7b7b7; }

.aco-product .material-box .box-txt dl dd .test-report li .btn-download a:before { content: ''; display: block; position: absolute; left: 2px; top: 5px; background-image: url(/resources/images/pc/sprite.png); background-position: -869px -420px; width: 16px; height: 14px; }

.info-list { color: #666; font-size: 13px; line-height: 20px; position: relative; padding-left: 15px; }

.info-list:before { content: ''; display: block; position: absolute; left: 7px; top: 8px; width: 2px; height: 2px; background: #2B2B2B; border-radius: 50%; }

.info-list.type01 { margin-left: 10px; }

.info-list.type02 { margin: 10px 0; font-size: 14px; }

.mtr-advantage01 { width: 100%; text-align: center; padding: 35px 0 20px 0; border: 1px solid #E5E5E5; }

.mtr-advantage01 li { display: inline-block; width: 31%; text-align: center; vertical-align: top; }

.mtr-advantage01 li .icon-image { display: block; margin: auto; background-image: url(/resources/images/pc/sprite.png); background-position: -117px -352px; width: 110px; height: 110px; }

.mtr-advantage01 li:nth-child(2) .icon-image { background-image: url(/resources/images/pc/sprite.png); background-position: 0px -352px; width: 111px; height: 110px; }

.mtr-advantage01 li:nth-child(3) .icon-image { background-image: url(/resources/images/pc/sprite.png); background-position: -233px -352px; width: 110px; height: 110px; }

.mtr-advantage01 li strong { display: block; font-size: 15px; font-weight: 700; padding: 8px 15px; color: #94ab4f; }

.mtr-advantage01 li:nth-child(2) strong { color: #febd0d; }

.mtr-advantage01 li:nth-child(3) strong { color: #e85e6b; }

.mtr-advantage01 li p { font-size: 13px; color: #666; }

.mtr-advantage-title { font-size: 18px; color: #666; position: relative; padding-left: 35px; }

.mtr-advantage-title:before { content: ''; display: block; background-image: url(/resources/images/pc/sprite.png); background-position: -927px -371px; width: 30px; height: 30px; position: absolute; left: 0; top: -5px; }

.mtr-advantage-title span { display: inline-block; font-size: 18px; color: #94ab4f; }

.mtr-advantage-title.type02:before { background-image: url(/resources/images/pc/sprite.png); background-position: -855px -371px; width: 30px; height: 30px; }

.mtr-advantage-title.type02 span { color: #febd0d; }

.mtr-advantage-title.type03:before { background-image: url(/resources/images/pc/sprite.png); background-position: -891px -371px; width: 30px; height: 30px; }

.mtr-advantage-title.type03 span { color: #e85e6b; }

.mtr-ul li { display: inline-block; width: 49%; vertical-align: top; }

.kolas { background: #f6f6f6; padding: 25px 60px; margin: 30px 0; }

.kolas .img-wrap { display: inline-block; width: 24%; }

.kolas p { display: inline-block; width: 74%; color: #666; font-size: 15px; font-weight: 200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; line-height: 25px; }

.kolas p strong { display: block; font-size: 18px; font-weight: 500; padding-bottom: 10px; }

.kolas p strong span { display: inline-block; font-size: 18px; font-weight: 500; vertical-align: top; color: #7D000A; }

.kolas-t tbody tr td { padding: 20px 0 20px 50px; }

.h-btn-wrap { position: relative; }

.h-btn-wrap .btn-ci-download { position: absolute; right: 0; top: 40px; }

/* °í°´¼¾ÅÍ > °³ÀÎÁ¤º¸Ãë±Þ¹æħ
----------------------------------------*/
.privacy { padding: 0 13px; }

.privacy strong { font-size: .9em; }

.privacy p, .privacy a, .privacy li { font-size: .875em; }

.privacy a { color: #666; }

h2.tit { padding: 29px 0px 0px 13px; height: 64px; }

.privacy .pri_index { overflow: hidden; width: 100%; padding: 25px 0; margin-top: 38px; border: 1px solid #d4d4d4; background: #f8f8f8; }

.privacy .pri_index ul { float: left; width: 320px; padding-left: 30px; }

.privacy .pri_index ul.s1 { width: 265px; border-right: 1px solid #e7e7e7; }

.privacy .pri_index ul li { height: 23px; line-height: 23px; }

.privacy .pri_index ul li.long { letter-spacing: -0.12em; }

.privacy h4 { padding: 40px 0 0; }

.privacy p { margin-top: 15px; line-height: 20px; }

.privacy p strong { display: block; font-weight: 500; }

.privacy ul { margin-top: 7px; }

.privacy ul li { margin-bottom: 2px; line-height: 18px; }

.privacy .mgt20 { margin-top: 20px !important; }

.privacy .listwrap { overflow: hidden; width: 100%; }

.privacy .listwrap div { width: 338px; }

.privacy .listwrap div ul { margin-top: 12px; }

.privacy { /* tableStyle Type5 */ }

.privacy .tbs5 { overflow: hidden; margin: 15px auto; width: 80%; }

.privacy .tbs5 table { width: 100%; margin-left: -1px; border-top: 2px solid #666; }

.privacy .tbs5 th { background-color: #f0efee; border-bottom: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; font-size: .875em; font-weight: 500; padding: 5px 0; }

.privacy .tbs5 td { border-bottom: solid 1px #cbcbcb; border-left: 1px solid #cbcbcb; font-size: .875em; text-align: center; padding: 5px 0; }

.privacy .tbs5 th.last, .privacy .tbs4 td.last, .privacy .tbs4 .last td, .privacy .tbs4 .last th { border-bottom: 1px solid #666; }

.privacy h4.tit5 { color: #587f00; font-size: 12pt; }

@media print { #container { width: 100%; }
  .topmenu, header, .sub-top-visual, footer, .path { display: none; } }

/*new css 2017.10.17~*/

.lg-target-info{font-size:14px; background:#f8f8f8; padding:15px 50px; color:#666; margin:40px 0 15px 0;}
.lg-target-info a{font-size:14px; display:inline-block; float:right; color:#7d000a; font-weight:500;}
.ct-info-text07 { font-size:14px; color:#666; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²";  }
.ct-info-text08 { padding-top:20px;}
.ct-info-text08 p{ font-size:15px; color:#666; font-weight:200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²"; padding:5px 0; }
.ct-info-text08 p:before{display:inline-block; vertical-align:middle; content:''; width:2px; height:2px; border-radius:50%; margin-right:5px; background:#666; }

.green-history{background:#f7f7f7; padding:30px 50px;}
.green-history h4{display:inline-block; width:23%; vertical-align:top; font-size:16px; font-weight:500;}
.green-history .history-i-txt{display:inline-block; width:75%; vertical-align:top;}
.green-history .history-i-txt p{ padding-bottom:35px;}
.green-history .history-i-txt p.last{padding-bottom:0;}
.green-history .history-i-txt p.last strong:after{display:none}
.green-history .history-i-txt p strong:after{content:''; display:block; position:absolute; left:50%; bottom:-20px; margin-left:-4px; background:url("/resources/images/pc/about-us/icon-green01.png") 0 0 no-repeat; width:9px; height:7px;}
.green-history .history-i-txt p strong{position:relative; display:inline-block; font-size:20px; font-weight:500;}
.green-history .history-i-txt p span{display:inline-block; padding-left:30px; font-size:15px; font-weight:200; font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²";  }

#B-Rule .rule-txt{ font-size:15px; color:#666; font-family: "NotoSansKR"; line-height:25px; }
#B-Rule .rule-txt-list li{padding-bottom:20px;}
#B-Rule .rule-txt-list li:last-child{padding-bottom:0;}
#B-Rule .rule-txt-list li span{ font-size:15px; color:#666; font-family: "NotoSansKR"; vertical-align:top; display:inline-block; width:4%; padding-left:10px;}
#B-Rule .rule-txt-list li p{ font-size:15px; color:#666; font-family: "NotoSansKR"; vertical-align:top;  display:inline-block; width:94%;}

.job-info-box{padding:20px 48px; border:1px solid #E5E5E5; margin-top:30px; }
.job-info-box a{display:inline-block; padding-right:70px; }
.job-info-box a:before{display:inline-block; vertical-align:middle; content:''; width:2px; height:2px; border-radius:50%; margin-right:5px; background:#666; }
.job-info-box a span{ color:#666; font-size:16px;}
.job-info-box a.on span{border-bottom:1px solid #2b2b2b; color:#2b2b2b; font-weight:500;}

.job-info-box.type01{width:100%;}
.job-info-box.type01 a{width:13%; padding-right:0; margin-bottom:10px;}
.job-info-box.type01 a.first{width:15%; }
.job-info-box.type01 a.last{width:15%; }
.job-info-box.type01 a.mbn{margin-bottom:0;}

 .main-visual{background-image:none; height:600px; width:100%;}
 .main-visual .main-rolling{width:100%; height: 600px; position:relative;overflow:hidden;}
 .main-visual .main-rolling .main-img-wrap{ width: 100%;position:absolute; left:0; top:0; }
 .main-visual .main-rolling .main-img-wrap img{ width: 1920px; height: 600px; margin:auto;}
 .main-visual .content-wrap{width:1200px; margin: auto ; padding-top:225px; text-align: center;}
 .main-visual .content-wrap strong{font-size:46px; font-weight: 500; color:#fff; line-height: 56px;  text-shadow:1px 1px 8px  #2b2b2b;}
 .main-visual .content-wrap p{font-size:20px; font-weight:400; color:#fff; line-height: 32px; padding-top:20px; text-shadow: 1px 1px 8px #2b2b2b; }
 .main-visual .main-rolling .btn-click { height: 30px; line-height: 30px; border: 1px solid #FFF; padding: 0 25px; color: #FFF; margin-top:25px;}
 .main-visual .slick-prev{content:'';  width: 50px; height: 84px; display:block; position:absolute; left:50%;  margin-left:-600px; top:42%; z-index: 1; background:url("/resources/images/pc/common/mainPrev.png") 0 0 no-repeat;}
 .main-visual .slick-arrow{color:transparent;  background-color:transparent; border:none; overflow:hidden;}
 .main-visual .slick-next{ content:'';  width: 50px; height: 84px; display:block;  position:absolute; right:50%; margin-right:-600px; top:42%; z-index:2; background:url("/resources/images/pc/common/mainNext.png") 0 0 no-repeat;}
 .main-visual .slick-dots{display:block; text-align: center; position:absolute; 	left: 0;  right: 0;  margin: auto;bottom:30px;}
 .main-visual .slick-dots li{display:inline-block; margin:0 6px; transition:0.5s; background-color:#fff; width:8px; height: 8px; border-radius:50%; cursor: pointer; }
 .main-visual .slick-dots li:hover{background-color: #7D000A;}
 .main-visual .slick-dots li button{display:none;}
 .main-visual .slick-dots > .slick-active  { background-color: #7D000A; }

 .sinmungo-info-box{ background: #f7f7f7; border: 1px solid #E5E5E5; padding:20px 55px;  font-size:15px; color:#666; margin:40px 0 15px 0; }
 .sinmungo-info-box a{display:inline-block; float:right; color:#7d000a; font-weight:500; font-size:14px; }
 .sinmungo-info-box a:after{content:''; display:inline-block; vertical-align:bottom; background:url("/resources/images/pc/common/btn-click-sinmungo.png") 0 2px no-repeat; width:10px; height:15px; margin-left:7px;}
 /*
.path .path-list li a span.p-zin-logo{display:inline-block;  background-image: url(/resources/images/pc/sprite.png); background-position: -779px -420px; width: 39px; height: 16px;  margin-left: 3px;   }
.path .path-list li:hover > a > span.p-zin-logo,
.path .path-list li.on > a > span.p-zin-logo{display:inline-block;  background-image: url(/resources/images/pc/sprite.png); background-position: -824px -420px; width: 39px; height: 16px; margin-left:3px;  } *
*/
.path .path-list li a span.p-zin-logo{display:inline-block;  background-image: url(/resources/images/pc/sprite.png); background-position: -750px -450px; width: 53px; height: 16px;  margin-left: 3px;   }
.path .path-list li:hover > a > span.p-zin-logo,
.path .path-list li.on > a > span.p-zin-logo{display:inline-block;  background-image: url(/resources/images/pc/sprite.png); background-position: -810px -450px; width: 53px; height: 16px; margin-left:3px;  }
.path .path-list li a span.h-people{display:inline-block; font-size:0.929em; font-family: "NotoSansKR"; vertical-align:top;}
 #sitemap .box-sitemap .part > ul > li > a span.h-people{display:inline-block; font-size:0.929em; height:18px;  margin-bottom:2px; font-family: "NotoSansKR"; vertical-align:top;}
 #sitemap .box-sitemap .part > ul > li > a:hover span.h-people{border-bottom:1px solid #7d000a;  }
 header .menubar .menu-main span.h-people{display:inline-block; font-size:0.929em; font-family: "NotoSansKR"; vertical-align:top; height:20px; }
 header .menubar .menu-main > ul > li > ul > li:hover p.head > a > span.h-people{border-bottom:1px solid #7d000a; }



/* ÇÏ¿ì½Ã½ºÀÌ¿£Áö ½Ã°ø¼­ºñ½º Ãß20180627 Ãß°¡ */
.eng-padding-h25 { padding:25px 0; }
.eng-padding-h20 { padding:20px 0; }
.eng-padding-h15 { padding:15px 0; }
.eng-img-box { display: table; padding: 80px 0 50px 0; margin-top:30px; width:1200px; text-align:center; background-color: #f7f7f7;  }

.eng-img-box01 { overflow: hidden; margin: auto; width: 980px;  }
.eng-img-box01 li { display: block; float: left; width: 235px; margin:0 5px; }
.eng-img-box01 li p { font-size: 14px; padding: 10px 0 30px; line-height: 22px; text-align:center; color: #666; }

.eng-img-box02 { overflow: hidden; margin: auto;  background-color: #f6f6f6; margin-left:45px;  }
.eng-img-box02 li { display: block; float: left; width: 320px; margin:0 25px; }
.eng-img-box02 li p { font-size: 14px; padding: 10px 0 30px; line-height: 22px; text-align:center; color: #666; }

.eng-img-box03 { overflow: hidden; width: 725px; margin: auto;  margin-top:40px; }
.eng-img-box03 li { display: block; text-align:left;line-height: 28px;   }
.eng-img-box03 li span {color:#afafaf }

.eng-img-box04 { overflow: hidden; margin-left:60px; text-align:left; }
.eng-img-box04 .img-wrap { float:left; width:223px; height:156px; }
.eng-img-box04 .txt-wrap { float:left; width:850px; height: auto; margin-left: 30px; }
.eng-img-box04 .chi {font-family: "NotoSansKR", Helvetica, Apple-Gothic, Dotum, "µ¸¿ò", Gulim, "±¼¸²" ; font-size:inherit; color:#666;   }
.eng-img-box04 p { font-size:12px; color:#666;  margin:5px 0 0 10px;  }
.eng-img-box04 li { display: block; float: left; padding-bottom:35px; }
.eng-img-box04 dl {  line-height: 22px; color:#2b2b2b; }
.eng-img-box04 dl dt { font-size: 20px; padding:5px 0 10px 0; font-weight: 500;  }
.eng-img-box04 dl dt span {color:#afafaf }
.eng-img-box04 dl dd { font-size: 16px;  position: relative; padding:2px 0 2px 25px; }
.eng-img-box04 dl dd:before { content: ''; display: block; clear: both; position: absolute; left: 13px; top: 10px; width: 3px; height: 3px; border-radius: 50%; background: #454545; }

.eng-video-box { text-align:center;  }
.eng-video-box li { text-align:center; margin-bottom: 40px; }

ul.img-box-half { overflow: hidden; padding-top: 14px; }
ul.img-box-half li { float: left; margin-right:10px; }
ul.img-box-half li:last-child { float: left; margin-right:0; }