@charset "utf-8";

/* box-type */
.box-type01 {margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #c4c4c4;}

/* title */
.h3-type01 {margin-bottom:13px; color:#333; font-family:'nanumBold'; font-size:16px; line-height:18px;}
.h4-type01 {margin-bottom:13px; color:#002b78; font-family:'nanumBold'; font-size:13px; line-height:15px;}
.h4-type02 {margin-bottom:13px; color:#222; font-family:'nanumBold'; font-size:13px; line-height:15px;}

/* tab-type */
.tab-type01 {padding:0 0 20px 1px; overflow:hidden;}
.tab-type01 li {float:left; width:50%; margin-bottom:-1px;}
.tab-type01 li a {display:block; height:39px; line-height:39px; margin-left:-1px; color:#002b78; font-family:'nanumBold'; font-size:13px; border:1px solid #002b78; text-align:center;}
.tab-type01 li a.on {color:#fff; background:#002b78;}
.tab-type01.three li {width:33.3%;}
.tab-type01.three li:first-child {width:33.4%;}

/* text-type */
.text-type01 {color:#444; font-size:10px; line-height:16px;}

.coment01 {margin-bottom:25px; color:#444; font-family:'nanumBold'; font-size:11px; line-height:16px;}
.coment01 strong {color:#002b78;}
.m-coment01 {margin:10px 0 30px 0; color:#444; font-family:'nanumBold'; font-size:9px; line-height:12px;}
.m-coment01 strong {color:#002b78;}

/* list-type */
.list-type01 li {color:#444; font-size:9px; line-height:14px;}
.list-type02 {padding-bottom:20px;}
.list-type02 li {margin-bottom:4px; padding-left:7px; color:#444; font-size:9px; line-height:14px; background:url("../images/icon/ico_bul02.gif") no-repeat 0 6px; background-size:2px 2px;}

/* image-type */
.image-type01 {margin-bottom:10px; padding:10px; border:1px solid #d4d7d8;}
.image-type01 img {width:100%;}
.image-type02 {margin-bottom:10px;}
.image-type02 img {width:100%;}
.image-type03 {margin-bottom:20px; padding:25px 0 25px 0; border:5px solid #efefef; text-align:center;}
.image-type03 img {width:100%; max-width:600px;}

/* product-list */
.product-list01 {margin-left:-15px; padding-bottom:15px;}
.product-list01 ul {max-width:595px; margin:0 auto; overflow:hidden;}
.product-list01 ul li {float:left; width:50%; font-size:0; line-height:0;}
.product-list01 ul li div {max-width:285px; margin:0 0 15px 15px;}
.product-list01 ul li div img {width:100%; vertical-align:top;}
.product-list01 ul li p {height:29px; padding-top:9px; color:#fff; font-size:7px; line-height:10px; background:#74808d; text-align:center;}
.product-list01 ul li p.txt01 {height:10px; padding-top:8px; color:#444; background:none;}

/* intro-box */
.intro-box {margin:0 -15px 30px; padding:130px 0 0 0; background-repeat:no-repeat; background-position:0 0; background-size:auto 130px;}
.intro-box .text {min-height:115px; padding:15px 15px 0 15px; color:#fff; font-family:'nanumBold'; font-size:11px; line-height:16px; background:#1a99ff;}
.intro-box .text strong {display:block; padding:0 0 5px 0; color:#fff; font-family:'nanumBold'; font-size:13px; line-height:16px;}

.intro-box.pcbusiness {background-image:url("../images/pcbusiness/intro_bg01.jpg");}
.intro-box.ceogreeting {background-image:url("../images/company/ceo_bg01.jpg");}
.intro-box.construct {background-image:url("../images/construct/construct_bg01.jpg");}
.intro-box.civil {background-image:url("../images/construct/civil_bg01.jpg");}
.intro-box.house {background-image:url("../images/construct/house_bg01.jpg");}
.intro-box.scintro {background-image:url("../images/scagliola/intro_bg01.jpg");}

/* tb-data */
.tb-data01 {margin-bottom:30px; border-top:1px solid #002b78; border-bottom:1px solid #898989;}
.tb-data01 table {width:100%;}
.tb-data01 table th,
.tb-data01 table td {padding:7px 0 5px 0; color:#444; font-size:7px; font-weight:normal; line-height:10px; border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1; text-align:center;}
.tb-data01 table th {font-family:'nanumBold'; background-color:#f5f7f9;}
.tb-data01 table th:first-child,
.tb-data01 table td:first-child {border-left:none;}
.tb-data01 table thead tr:first-child th {border-top:none;}
.tb-data01 table td.alig-lef {padding-left:8px; text-align:left;}
.tb-data01 table th.bor-lef,
.tb-data01 table td.bor-lef {border-left:1px solid #e1e1e1;}
.tb-fix {overflow-x:auto;}
.tb-fix table {min-width:960px;}

/* search-box */
.search-box {text-align:right;}
.search-box * {vertical-align:middle;}
.search-box select {width:19%; max-width:109px; height:15px; font-size:7px; border:1px solid #a4a4a4;}
.search-box input {width:33%; max-width:168px; height:14px; line-height:14px; font-size:7px; border:1px solid #a4a4a4;}
.search-box button {width:21px; height:15px; line-height:15px; color:#fff; font-family:'nanumBold'; font-size:7px; background:#0e6acd; border-radius:1px; cursor:pointer;}

/* board-list */
.list-total {margin:-10px 0 4px 0; height:10px; line-height:10px; color:#666; font-size:7px;}
.list-total strong {color:#002b78; font-family:'nanumBold';}
.board-list {border-bottom:1px solid #898989;}
.board-list li {border-top:1px solid #e1e1e1;}
.board-list li:first-child {border-color:#002b78;}
.board-list li a {display:block; padding:15px 0 15px 0;}
.board-list li .tit {color:#222; font-family:'nanumBold'; font-size:11px; line-height:16px;}
.board-list li .tit span {display:inline-block; width:27px; height:11px; line-height:11px; margin-top:-2px; color:#fff; font-family:'nanum'; font-size:6px; border-radius:1px; text-align:center; vertical-align:middle;}
.board-list li .tit .ing {background:#4dbfff;}
.board-list li .tit .end {background:#858f9a;}
.board-list li .date {margin-top:7px; color:#444; font-size:9px; line-height:14px;}
.board-list li .date span {margin-left:3px; padding-left:5px; font-family:'nanumBold'; font-size:9px; border-left:1px solid #e1e1e1;}
.board-list li .date .shape01 {color:#79c86c;}
.board-list li .date .shape02 {color:#ef8545;}
.board-list li.no-data {padding:20px 0; color:#444; font-family:'nanumBold'; font-size:11px; text-align:center;}
.board-list li.no-data a {display:inline-block; width:55px; height:20px; line-height:20px; margin-top:8px; padding:0; font-size:9px; border:1px solid #666; border-radius:2px;}

/* board-view */
.board-view {border-bottom:1px solid #898989;}
.board-view .tit-date {padding:15px 0 15px 0; border-top:1px solid #002b78;}
.board-view .tit-date .tit {color:#222; font-family:'nanumBold'; font-size:11px; line-height:15px;}
.board-view .tit-date .tit span {display:inline-block; width:27px; height:11px; line-height:11px; color:#fff; font-family:'nanum'; font-size:6px; border-radius:1px; text-align:center; vertical-align:middle;}
.board-view .tit-date .tit .ing {background:#4dbfff;}
.board-view .tit-date .tit .end {background:#858f9a;}
.board-view .tit-date .date {margin-top:7px; color:#444; font-size:9px; line-height:14px;}
.board-view .tit-date .date span {margin-left:3px; padding-left:5px; font-family:'nanumBold'; font-size:9px; border-left:1px solid #e1e1e1;}
.board-view .tit-date .date .shape01 {color:#79c86c;}
.board-view .tit-date .date .shape02 {color:#ef8545;}
.board-view .con {padding:20px 0 20px 0; color:#444; font-size:9px; line-height:14px; border-top:1px solid #e1e1e1;}

/* paging */
.paging {margin-top:20px; font-size:0; line-height:0; text-align:center;}
.paging a {display:inline-block; width:22px; height:22px; line-height:22px; margin:0 3px; color:#666; font-size:8px; border:1px solid #d4d7d8; vertical-align:middle;}
.paging a img {width:22px;}
.paging a.on {color:#fff; border-color:#858f9a; background:#858f9a;}
.paging p {display:inline-block; padding:0 5px; font-size:0; line-height:0; vertical-align:middle;}

/* btn-type */
.btn-type01 {margin-top:15px;}
.btn-type01 a {display:block; height:40px; line-height:40px; color:#fff; font-family:'nanumBold'; font-size:11px; background:#788088; border-radius:2px; text-align:center;}

.btn-down a {display:block; height:39px; line-height:39px; padding-left:10%; color:#444; font-family:'nanumBold'; font-size:11px; border:1px solid #aaaeb0; border-radius:2px;}
.btn-down a img {width:12px; margin-right:14px; vertical-align:middle;}
.btn-down02 {margin:-30px 0 5px 0; text-align:right;}
.btn-down02 a {display:inline-block; width:90px; height:24px; line-height:24px; color:#444; font-family:'nanumBold'; font-size:11px; border:1px solid #aaaeb0; border-radius:2px; text-align:center;}
.btn-down02 a img {width:11px; margin:-2px 0 0 5px; vertical-align:middle;}
.btn-down03 {margin:10px 0 5px 0; text-align:right;}
.btn-down03 a {display:inline-block; width:90px; height:24px; line-height:24px; color:#444; font-family:'nanumBold'; font-size:11px; border:1px solid #aaaeb0; border-radius:2px; text-align:center;}
.btn-down03 a img {width:11px; margin:-2px 0 0 5px; vertical-align:middle;}

/* sel-type */
.sel-type01 {position:relative; margin-bottom:20px; background:#fff;}
.sel-type01 > a {display:block; height:30px; line-height:30px; padding:0 0 0 15px; color:#444; font-family:'nanumBold'; font-size:13px; border:1px solid #aaaeb0; background:url("../images/icon/arrow02.png") no-repeat 96% center;}
.sel-type01 > ul {position:absolute; top:31px; left:0; right:0; border:1px solid #aaaeb0; border-top:none; background:#fff; display:none; z-index:8;}
.sel-type01 > ul li {border-top:1px solid #aaaeb0;}
.sel-type01 > ul li a {display:block; height:30px; line-height:30px; padding-left:15px; color:#444; font-family:'nanumBold'; font-size:13px;}
.sel-type01 > ul li a:hover {color:#fff; background:#002b78;}

/* ceo */
.ceo-box {}
.ceo-box p {color:#444; font-size:9px; line-height:16px;}
.ceo-box .text01 {color:#06438a; font-family:'nanumBold'; font-size:17px; line-height:20px;}
.ceo-box .text02 {margin:10px 0 13px 0; color:#222; font-family:'nanumBold'; font-size:13px; line-height:18px;}
.ceo-box .text03 {margin:23px 0 15px 0; font-size:10px; text-align:right;}
.ceo-box .text04 {color:#222; font-family:'nanumBold'; font-size:14px; line-height:18px; text-align:right;}

/* history */
.history {padding:0 0 11px 0; background:url("../images/company/history_bg_dot.png") no-repeat 22px bottom; background-size:11px 11px;}
.history > ol {padding:10px 0 0 0; background:url("../images/company/history_bg_dot.png") no-repeat 22px 0; background-size:11px 11px;}
.history > ol > li {position:relative; min-height:55px; padding:0 0 20px 70px; background:url("../images/company/history_bg_line.gif") repeat-y 27px 0;}
.history > ol > li p {position:absolute; top:0; left:0;}
.history > ol > li p span {display:block; width:55px; height:55px; line-height:55px; color:#333; font-family:'nanumBold'; font-size:14px; background:url("../images/company/history_year_bg.png") no-repeat 0 0; background-size:55px 55px; text-align:center;}
.history > ol > li ul li {padding:0 0 0 10px; color:#444; font-family:'nanumBold'; font-size:10px; line-height:15px; background:url("../images/icon/ico_bul01.gif") no-repeat 0 6px; background-size:2px 2px;}
.history > ol > li:first-child {padding-top:20px;}
.history > ol > li:first-child p {top:20px;}

/* affiliate */
.affiliate-list li {position:relative; min-height:144px; margin-top:10px; padding:15px; border:1px solid #d4d7d8;}
.affiliate-list li:first-child {margin-top:0;}
.affiliate-list li .tit {color:#002b78; font-family:'nanumBold'; font-size:12px; line-height:14px;}
.affiliate-list li .info {padding:7px 0 10px 0; color:#222; font-family:'nanumBold'; font-size:9px; line-height:11px; border-bottom:1px solid #dbdbdb;}
.affiliate-list li .info span {margin-left:7px; padding-left:10px; border-left:1px solid #dbdbdb;}
.affiliate-list li .txt {margin-top:10px; color:#444; font-size:9px; line-height:14px;}
.affiliate-list li .link {position:absolute; bottom:15px; left:0px; width:100%; text-align:center;}
.affiliate-list li .link a {display:inline-block; width:100px; height:25px; line-height:25px; color:#fff; font-family:'nanumBold'; font-size:9px; background:#9da6af; border-radius:13px;}

/* location */
.location-list {border-bottom:1px solid #898989;}
.location-list li {padding-bottom:15px; border-top:1px solid #e1e1e1;}
.location-list li:first-child {border-top-color:#002b78;}
.location-list li a {display:block; padding:15px 15px 0; background:url("../images/icon/arrow01_off.png") no-repeat 90% 32px;}
.location-list li .tit {color:#333; font-family:'nanumBold'; font-size:11px; line-height:13px;}
.location-list li .info {margin-top:8px; color:#444; font-size:9px; line-height:14px;}
.location-list li .info span {margin-left:3px; padding-left:5px; border-left:1px solid #e1e1e1;}
.location-list li .map {display:none; height:199px; margin:15px 14px 0; border:1px solid #ccc; overflow:hidden;}
.location-list li .map > div {height:199px;}
.location-list li.on {position:relative; margin-bottom:-1px; border:1px solid #002b78; background:#eff4f8; z-index:2;}
.location-list li.on a {padding-left:14px; background-image:url("../images/icon/arrow01_on.png");}
.location-list li.on .map {display:block;}

/* construct */
.construct-list {border-bottom:1px solid #898989;}
.construct-list > li {border-top:1px solid #e1e1e1;}
.construct-list > li:first-child {border-top-color:#002b78;}
.construct-list > li a {display:block; padding:15px; color:#333; font-family:'nanumBold'; font-size:11px; line-height:13px; background:url("../images/icon/arrow01_off.png") no-repeat 95% center;}
.construct-list > li .image {display:none; padding-bottom:15px; text-align:center; overflow:hidden;}
.construct-list > li .image li {margin-top:10px;}
.construct-list > li .image li:first-child {margin-top:0;}
.construct-list > li .image img {width:100%; min-width:135px; max-width:270px;}
.construct-list > li.on {position:relative; margin-bottom:-1px; border:1px solid #002b78; background:#eff4f8; z-index:2;}
.construct-list > li.on a {padding-left:14px; background-image:url("../images/icon/arrow01_on.png");}
.construct-list > li.on .image {display:block;}
.construct-list > li.no-image a {background:none; cursor:default;}

/* construct paging */
.construct-paging {margin-top:25px; font-size:0; line-height:0; text-align:center;}
.construct-paging a {display:inline-block; line-height:30px; margin:0 11px; color:#666; font-size:11px; border-bottom:1px solid #fff; vertical-align:middle;}
.construct-paging a.on {color:#444; font-family:'nanumBold'; border-color:#444;}
.construct-paging p {display:inline-block; font-size:0; line-height:0; vertical-align:middle;}


/* scagliola */
.scagliola-list01 li {position:relative; height:57px; margin-top:20px; padding:23px 0 0 95px;}
.scagliola-list01 li .ico {position:absolute; top:0; left:0;}
.scagliola-list01 li .ico img {width:80px;}
.scagliola-list01 li .tit {color:#002b78; font-family:'nanumBold'; font-size:11px; line-height:16px;}
.scagliola-list01 li .txt {margin-top:6px; color:#444; font-size:9px; line-height:14px;}
.scagliola-list01 li .txt br {display:none;}
.scagliola-list01 li:first-child {height:67px; margin-top:0; padding-top:13px;}
.scagliola-list01 li:first-child .tit span {display:block;}

/* floorplan */
.floorplan {overflow:hidden;}
.floorplan li {margin-top:20px;}
.floorplan li:first-child {margin-top:0;}
.floorplan li img {width:100%; max-width:580px;}

/* pcbusiness */
div[id|="pc"] {display:none;}

/* recruit */
.recruit-list li {margin-top:30px; padding-top:30px; border-top:1px solid #e1e1e1;}
.recruit-list li:first-child {margin-top:0; padding-top:0; border-top:none;}
.recruit-list li .txt01 {color:#444; font-size:9px; line-height:14px;}
.recruit-list li .txt02 {margin-top:7px; color:#005bc5; font-family:'nanumBold'; font-size:9px; line-height:14px;}
.recruit-list li .down {margin-top:13px;}
.recruit-list li .down a {display:block; height:39px; line-height:39px; padding-left:10%; color:#444; font-family:'nanumBold'; font-size:11px; border:1px solid #aaaeb0; border-radius:2px;}
.recruit-list li .down a img {width:12px; margin-right:14px; vertical-align:middle;}
.recruit-list li li {margin-top:0; padding-top:0; border-top:none;}

/* cooperator */
.cooperator-list li {padding:20px 0; border-top:1px solid #e1e1e1;}
.cooperator-list li:first-child {margin-top:0; border-color:#002b78;}
.cooperator-list li .txt01 {color:#444; font-size:9px; line-height:14px;}
.cooperator-list li li {margin-top:0; padding:0; border-top:none;}
.cooperator-list li .process {overflow:hidden;}
.cooperator-list li .process li {float:left; margin:0 0 0 13px; padding:0 0 0 18px; border-top:none; background:url("../images/info/cooperator_arrow.png") no-repeat 0 center; background-size:6px 9px;}
.cooperator-list li .process li:first-child {margin-left:0; padding-left:0;}
.cooperator-list li .process li p {width:75px; height:46px; padding-top:29px; color:#fff; font-family:'nanumBold'; font-size:7px; line-height:10px; background:#74808d; border-radius:74px; text-align:center;}
.cooperator-list li .process li+li+li p {height:42px; padding-top:33px;}

/* pr */
.pr-box > div {margin-top:30px; padding-top:30px; border-top:1px solid #c4c4c4;}
.pr-box > div:first-child {margin-top:0; padding-top:0; border-top:0;}

/* sitemap */
.sitemap-box {border-bottom:1px solid #898989;}
.sitemap-box > ul > li {padding:20px 0 20px 0; border-top:1px solid #e1e1e1;}
.sitemap-box > ul > li:first-child {border-top-color:#002b78;}
.sitemap-box > ul > li h3 {margin-bottom:15px;}
.sitemap-box > ul > li h3 a {color:#002b78; font-family:'nanumBold'; font-size:13px; line-height:18px;}
.sitemap-box > ul > li ul {margin-top:-11px; overflow:hidden;}
.sitemap-box > ul > li ul li {float:left; width:33.3%; margin-top:11px; font-size:0; line-height:0;}
.sitemap-box > ul > li ul li a {padding-left:6px; color:#222; font-family:'nanumBold'; font-size:9px; line-height:12px; background:url("../images/icon/ico_bul03.gif") no-repeat 0 5px; background-size:2px 2px;}

/* Tablet and PC _ 980~ */
@media all and (min-width:980px) {

	/* title bg */
	#dBody .title-box.company {background:url("../images/company/title_bg.jpg") no-repeat center 0;}
	#dBody .title-box.pcbusiness {background:url("../images/pcbusiness/title_bg.jpg") no-repeat center 0;}
	#dBody .title-box.scagliola {background:url("../images/scagliola/title_bg.jpg") no-repeat center 0;}
	#dBody .title-box.construct {background:url("../images/construct/title_bg.jpg") no-repeat center 0;}
	#dBody .title-box.info {background:url("../images/info/title_bg.jpg") no-repeat center 0;}
	#dBody .title-box.inquiry {background:url("../images/etc/inquiry_bg.jpg") no-repeat center 0;}
	#dBody .title-box.sitemap {background:url("../images/etc/sitemap_bg.jpg") no-repeat center 0;}

	/* box-type */
	.box-type01 {margin-bottom:50px; padding-bottom:45px; border-bottom:1px solid #c4c4c4;}

	/* title */
	.h3-type01 {margin-bottom:20px; color:#333; font-family:'nanumBold'; font-size:24px; line-height:30px;}
	.h4-type01 {margin-bottom:15px; color:#002b78; font-family:'nanumBold'; font-size:18px; line-height:22px;}
	.h4-type02 {margin-bottom:15px; color:#222; font-family:'nanumBold'; font-size:18px; line-height:22px;}

	/* tab-type */
	.tab-type01 {padding:0 0 40px 1px; overflow:hidden;}
	.tab-type01 li {float:left; width:50%; margin-bottom:-1px;}
	.tab-type01 li a {display:block; height:48px; line-height:48px; margin-left:-1px; color:#002b78; font-family:'nanumBold'; font-size:16px; border:1px solid #002b78; text-align:center;}
	.tab-type01 li a.on {color:#fff; background:#002b78;}
	.tab-type01.three li {width:33.3%;}
	.tab-type01.three li:first-child {width:33.4%;}
	.tab-type01.four li {width:25%;}

	/* text-type */
	.text-type01 {color:#444; font-size:14px; line-height:24px;}

	.coment01 {margin-bottom:45px; color:#444; font-family:'nanumBold'; font-size:20px; line-height:24px;}
	.m-coment01 {display:none;}

	/* list-type */
	.list-type01 li {color:#444; font-size:14px; line-height:24px;}
	.list-type02 {padding-bottom:25px;}
	.list-type02 li {margin-bottom:8px; padding-left:13px; color:#444; font-size:14px; line-height:22px; background:url("../images/icon/ico_bul02.gif") no-repeat 0 9px; background-size:4px 4px;}

	/* image-type */
	.image-type01 {margin-bottom:35px; padding:0; border:none;}
	.image-type01 img {width:100%;}
	.image-type02 {margin-bottom:35px;}
	.image-type02 img {width:100%;}
	.image-type03 {margin-bottom:50px; padding:50px 0 50px 0; border:5px solid #efefef; text-align:center;}
	.image-type03 img {width:100%; max-width:600px;}

	/* product-list */
	.product-list01 {margin-left:13px; padding-bottom:30px;}
	.product-list01 ul {max-width:100%; margin:0; overflow:hidden;}
	.product-list01 ul li {float:left; width:285px; margin:0 0 20px 20px;}
	.product-list01 ul li div {position:relative; max-width:auto; margin:0;}
	.product-list01 ul li div img {width:100%;}
	.product-list01 ul li p {height:57px; padding-top:18px; color:#fff; font-size:14px; line-height:18px; background:#74808d; text-align:center;}
	.product-list01 ul li p.txt01 {height:15px; padding-top:18px; color:#444; background:none;}

	/* intro-box */
	.intro-box {margin:0 0 50px; padding:0 0 0 480px; background-size:auto auto;}
	.intro-box .text {height:210px; min-height:0; padding:50px 40px 0 50px; color:#fff; font-family:'nanumBold'; font-size:16px; line-height:26px; background:url("../images/common/bg_dot01.png") repeat 0 0;}
	.intro-box .text strong {display:block; padding:0 0 12px 0; color:#fff; font-family:'nanumBold'; font-size:24px; line-height:28px;}

	/* tb-data */
	.tb-data01 {margin-bottom:45px; border-top:1px solid #002b78; border-bottom:1px solid #898989;}
	.tb-data01 table {width:100%;}
	.tb-data01 table th,
	.tb-data01 table td {padding:15px 0 12px 0; color:#444; font-size:14px; line-height:18px; border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1; text-align:center;}
	.tb-data01 table th {background-color:#f5f7f9;}
	.tb-data01 table th:first-child,
	.tb-data01 table td:first-child {border-left:none;}
	.tb-data01 table thead tr:first-child th {border-top:none;}
	.tb-data01 table td.alig-lef {padding-left:16px; text-align:left;}
	.tb-data01 table th.bor-lef,
	.tb-data01 table td.bor-lef {border-left:1px solid #e1e1e1;}

	/* search-box */
	.search-box {text-align:right;}
	.search-box * {vertical-align:middle;}
	.search-box select {width:109px; max-width:109px; height:30px; font-size:13px; border:1px solid #a4a4a4;}
	.search-box input {width:168px; max-width:168px; height:28px; line-height:28px; font-size:13px; border:1px solid #a4a4a4;}
	.search-box button {width:42px; height:30px; line-height:28px; color:#fff; font-family:'nanumBold'; font-size:13px; background:#0e6acd; border-radius:1px; cursor:pointer;}

	/* board-list */
	.list-total {margin:-20px 0 8px 0; height:20px; line-height:20px; color:#666; font-size:14px;}
	.list-total strong {color:#002b78; font-family:'nanumBold';}
	.board-list {border-bottom:1px solid #898989;}
	.board-list li {border-top:1px solid #e1e1e1;}
	.board-list li:first-child {border-color:#002b78;}
	.board-list li a {display:block; padding:30px 0 30px 0;}
	.board-list li .tit {color:#222; font-family:'nanumBold'; font-size:16px; line-height:26px;}
	.board-list li .tit span {display:inline-block; width:53px; height:21px; line-height:21px; margin:-2px 0 0 5px; color:#fff; font-family:'nanum'; font-size:12px; border-radius:1px; text-align:center; vertical-align:middle;}
	.board-list li .tit .ing {background:#4dbfff;}
	.board-list li .tit .end {background:#858f9a;}
	.board-list li .date {margin-top:15px; color:#444; font-size:14px; line-height:18px;}
	.board-list li .date span {margin-left:6px; padding-left:10px; font-family:'nanumBold'; font-size:14px; border-left:1px solid #e1e1e1;}
	.board-list li .date .shape01 {color:#79c86c;}
	.board-list li .date .shape02 {color:#ef8545;}
	.board-list li.no-data {padding:40px 0; color:#444; font-family:'nanumBold'; font-size:16px; text-align:center;}
	.board-list li.no-data a {display:inline-block; width:108px; height:38px; line-height:38px; margin-top:15px; padding:0; font-size:14px; border:1px solid #666; border-radius:3px;}

	/* board-view */
	.board-view {border-bottom:1px solid #898989;}
	.board-view .tit-date {padding:30px 30px 30px 30px; border-top:1px solid #002b78;}
	.board-view .tit-date .tit {color:#222; font-family:'nanumBold'; font-size:20px; line-height:24px;}
	.board-view .tit-date .tit span {display:inline-block; width:53px; height:21px; line-height:21px; margin:-2px 0 0 5px; color:#fff; font-family:'nanum'; font-size:12px; border-radius:1px; text-align:center; vertical-align:middle;}
	.board-view .tit-date .tit .ing {background:#4dbfff;}
	.board-view .tit-date .tit .end {background:#858f9a;}
	.board-view .tit-date .date {margin-top:15px; color:#444; font-size:14px; line-height:18px;}
	.board-view .tit-date .date span {margin-left:6px; padding-left:10px; font-family:'nanumBold'; font-size:14px; border-left:1px solid #e1e1e1;}
	.board-view .tit-date .date .shape01 {color:#79c86c;}
	.board-view .tit-date .date .shape02 {color:#ef8545;}
	.board-view .con {padding:40px 30px 40px 30px; color:#444; font-size:14px; line-height:24px; border-top:1px solid #e1e1e1;}

	/* paging */
	.paging {margin-top:20px; font-size:0; line-height:0; text-align:center;}
	.paging a {display:inline-block; width:33px; height:33px; line-height:33px; margin:0 3px; color:#666; font-size:13px; border:1px solid #d4d7d8; vertical-align:middle;}
	.paging a img {width:33px;}
	.paging a.on {color:#fff; border-color:#858f9a; background:#858f9a;}
	.paging p {display:inline-block; padding:0 10px; font-size:0; line-height:0; vertical-align:middle;}

	/* btn-type */
	.btn-type01 {margin-top:30px;}
	.btn-type01 a {display:inline-block; width:114px; height:45px; line-height:45px; color:#fff; font-family:'nanumBold'; font-size:15px; background:#788088; border-radius:2px; text-align:center;}

	.btn-down {text-align:center;}
	.btn-down a {display:inline-block; height:58px; line-height:58px; padding:0 30px; color:#444; font-family:'nanumBold'; font-size:15px; border:1px solid #aaaeb0; border-radius:2px;}
	.btn-down a img {width:16px; margin-right:30px; vertical-align:middle;}
	.btn-down02 {margin:-50px 0 12px 0; text-align:right;}
	.btn-down02 a {display:inline-block; width:125px; height:38px; line-height:38px; color:#444; font-family:'nanumBold'; font-size:13px; border:1px solid #aaaeb0; border-radius:2px; text-align:center;}
	.btn-down02 a img {width:13px; margin:-2px 0 0 5px; vertical-align:middle;}
    .btn-down03 {margin:10px 60px 12px 0; text-align:right;}
	.btn-down03 a {display:inline-block; width:125px; height:38px; line-height:38px; color:#444; font-family:'nanumBold'; font-size:13px; border:1px solid #aaaeb0; border-radius:2px; text-align:center;}
	.btn-down03 a img {width:13px; margin:-2px 0 0 5px; vertical-align:middle;}

	/* sel-type */
	.sel-type01 {position:relative; width:400px; margin:0 0 20px auto; background:#fff;}
	.sel-type01 > a {display:block; height:30px; line-height:30px; padding:0 0 0 11px; color:#333; font-family:'nanum'; font-size:14px; border:1px solid #aaaeb0; background:url("../images/icon/arrow02.png") no-repeat 97% center;}
	.sel-type01 > ul {position:absolute; top:31px; left:0; right:0; border:1px solid #aaaeb0; border-top:none; background:#fff; display:none; z-index:8;}
	.sel-type01 > ul li {border-top:1px solid #aaaeb0;}
	.sel-type01 > ul li a {display:block; height:30px; line-height:30px; padding-left:11px; color:#444; font-family:'nanum'; font-size:14px;}
	.sel-type01 > ul li a:hover {color:#fff; background:#002b78;}

	/* ceo */
	.ceo-box {}
	.ceo-box p {color:#444; font-size:14px; line-height:24px;}
	.ceo-box .text01 {color:#002b78; font-family:'nanumBold'; font-size:30px; line-height:34px;}
	.ceo-box .text02 {margin:25px 0 25px 0; color:#222; font-family:'nanumBold'; font-size:20px; line-height:30px;}
	.ceo-box .text02 span {display:block;}
	.ceo-box .text03 {margin:35px 0 18px 0; font-size:14px; text-align:right;}
	.ceo-box .text04 {color:#222; font-family:'nanumBold'; font-size:30px; line-height:18px; text-align:right;}

	/* history */
	.history {padding:0 0 22px 0; background:url("../images/company/history_bg_dot.png") no-repeat center bottom; background-size:auto auto;}
	.history > ol {padding:21px 0 0 0; background:url("../images/company/history_bg_dot.png") no-repeat center 0; background-size:auto auto;}
	.history > ol > li {position:relative; min-height:110px; padding:0 0 40px 555px; background:url("../images/company/history_bg_line.gif") repeat-y center 0;}
	.history > ol > li p {position:absolute; top:0; left:50%; margin-left:-55px;}
	.history > ol > li p span {display:block; width:110px; height:110px; line-height:110px; color:#333; font-family:'nanumBold'; font-size:28px; background:url("../images/company/history_year_bg.png") no-repeat 0 0; background-size:auto auto; text-align:center;}
	.history > ol > li ul li {padding:0 0 0 11px; color:#444; font-family:'nanumBold'; font-size:14px; line-height:24px; background:url("../images/icon/ico_bul01.gif") no-repeat 0 10px; background-size:auto auto;}
	.history > ol > li.odd {padding:0 555px 40px 0;}
	.history > ol > li.odd ul li {padding:0 11px 0 0; background-position:right 10px; text-align:right;}
	.history > ol > li:first-child {padding-top:40px;}
	.history > ol > li:first-child p {top:40px;}

	/* affiliate-list */
	.affiliate-list li {position:relative; min-height:188px; margin-top:20px; padding:30px; border:1px solid #d4d7d8;}
	.affiliate-list li:first-child {margin-top:0;}
	.affiliate-list li .tit {color:#002b78; font-family:'nanumBold'; font-size:18px; line-height:22px;}
	.affiliate-list li .info {padding:10px 0 12px 0; color:#222; font-family:'nanumBold'; font-size:14px; line-height:16px; border-bottom:1px solid #dbdbdb;}
	.affiliate-list li .info span {margin-left:7px; padding-left:10px; border-left:1px solid #dbdbdb;}
	.affiliate-list li .txt {margin-top:15px; color:#444; font-size:14px; line-height:24px;}
	.affiliate-list li .link {position:absolute; bottom:30px; left:0px; width:100%; text-align:center;}
	.affiliate-list li .link a {display:inline-block; width:140px; height:30px; line-height:30px; color:#fff; font-family:'nanumBold'; font-size:13px; background:#9da6af; border-radius:15px;}

	/* location */
	.location-list {border-bottom:1px solid #898989;}
	.location-list li {border-top:1px solid #e1e1e1;}
	.location-list li:first-child {border-top-color:#002b78;}
	.location-list li a {position:relative; display:block; padding:22px 30px 22px 308px; background:url("../images/icon/arrow01_off.png") no-repeat 96% 36px;}
	.location-list li .tit {position:absolute; top:30px; left:0; padding-left:30px; color:#333; font-family:'nanumBold'; font-size:18px; line-height:22px;}
	.location-list li .info {margin-top:0; padding-left:21px; color:#444; font-size:13px; line-height:22px; background:url("../images/company/location_bar01.gif") no-repeat 0 center;}
	.location-list li .info span {margin-left:10px; padding-left:10px; border-left:1px solid #e1e1e1;}
	.location-list li .map {display:none; height:398px; margin:0 29px; border:1px solid #ccc; overflow:hidden;}
	.location-list li .map > div {height:398px;}
	.location-list li.on {position:relative; margin-bottom:-1px; border:1px solid #002b78; background:#eff4f8; z-index:2;}
	.location-list li.on a {padding-left:307px; background-image:url("../images/icon/arrow01_on.png");}
	.location-list li.on .tit {padding-left:29px;}
	.location-list li.on .map {display:block;}

	/* construct */
	.construct-list {border-bottom:1px solid #898989;}
	.construct-list > li {border-top:1px solid #e1e1e1;}
	.construct-list > li:first-child {border-top-color:#002b78;}
	.construct-list > li a {display:block; height:60px; line-height:60px; padding:0 30px; color:#333; font-family:'nanumBold'; font-size:16px; background:url("../images/icon/arrow01_off.png") no-repeat 98% center;}
	.construct-list > li .image {display:none; margin-top:-20px; padding:0 0 30px 10px; text-align:center; overflow:hidden;}
	.construct-list > li .image li {float:left; margin:20px 0 0 20px;}
	.construct-list > li .image li:first-child {margin-top:20px;}
	.construct-list > li .image img {width:270px; min-width:270px; max-width:270px;}
	.construct-list > li.on {position:relative; margin-bottom:-1px; border:1px solid #002b78; background:#eff4f8; z-index:2;}
	.construct-list > li.on a {padding-left:29px; background-image:url("../images/icon/arrow01_on.png");}
	.construct-list > li.on .image {display:block;}
	.construct-list > li.no-image a {background:none; cursor:default;}
    
    /* construct paging */
	.construct-paging {margin-top:40px; font-size:0; line-height:0; text-align:center;}
	.construct-paging a {display:inline-block; line-height:32px; margin:0 15px; color:#666; font-size:15px; border-bottom:1px solid #fff; vertical-align:middle;}
	.construct-paging a.on {color:#444; font-family:'nanumBold'; border-color:#444;}
	.construct-paging p {display:inline-block; padding:0 8px; font-size:0; line-height:0; vertical-align:middle;}


	/* scagliola */
	.scagliola-list01 {margin-left:50px;}
	.scagliola-list01 li {position:relative; height:113px; margin-top:39px; padding:48px 0 0 190px;}
	.scagliola-list01 li .ico {position:absolute; top:0; left:0;}
	.scagliola-list01 li .ico img {width:160px;}
	.scagliola-list01 li .tit {color:#002b78; font-family:'nanumBold'; font-size:18px; line-height:22px;}
	.scagliola-list01 li .txt {margin-top:13px; color:#444; font-size:14px; line-height:18px;}
	.scagliola-list01 li:first-child {height:113px; margin-top:0; padding-top:48px;}
	.scagliola-list01 li:first-child .tit span {display:inline;}

	/* floorplan */
	.floorplan {overflow:hidden;}
	.floorplan li {margin-top:45px;}
	.floorplan li:first-child {margin-top:0;}
	.floorplan li > div {text-align:center;}
	.floorplan li img {width:580px;}

	/* recruit */
	.recruit-list li {position:relative; min-height:30px; margin-top:50px; padding:50px 0 0 320px; border-top:1px solid #e1e1e1;}
	.recruit-list li h3 {position:absolute; top:50px; left:0;}
	.recruit-list li:first-child {margin-top:0; padding-top:0; border-top:none;}
	.recruit-list li:first-child h3 {top:0;}
	.recruit-list li .txt01 {color:#444; font-size:14px; line-height:24px;}
	.recruit-list li .txt02 {margin-top:0; color:#005bc5; font-family:'nanumBold'; font-size:14px; line-height:24px;}
	.recruit-list li .down {margin-top:25px;}
	.recruit-list li .down a {display:block; width:203px; height:58px; line-height:58px; padding-left:30px; color:#444; font-family:'nanumBold'; font-size:15px; border:1px solid #aaaeb0; border-radius:2px;}
	.recruit-list li .down a img {width:16px; margin-right:30px; vertical-align:middle;}
	.recruit-list li li {min-height:0; margin-top:0; padding:0; border-top:none;}

	/* cooperator */
	.cooperator-list li {padding:40px 0; border-top:1px solid #e1e1e1;}
	.cooperator-list li:first-child {margin-top:0; border-color:#002b78;}
	.cooperator-list li .txt01 {color:#444; font-size:14px; line-height:24px;}
	.cooperator-list li li {margin-top:0; padding:0; border-top:none;}
	.cooperator-list li .process {overflow:hidden;}
	.cooperator-list li .process li {float:left; margin:0 0 0 34px; padding:0 0 0 46px; border-top:none; background:url("../images/info/cooperator_arrow.png") no-repeat 0 center; background-size:auto auto;}
	.cooperator-list li .process li:first-child {margin-left:0; padding-left:0;}
	.cooperator-list li .process li p {width:180px; height:110px; padding-top:70px; color:#fff; font-family:'nanumBold'; font-size:16px; line-height:24px; background:#74808d; border-radius:150px; text-align:center;}
	.cooperator-list li .process li+li+li p {height:100px; padding-top:80px;}

	/* pr */
	.pr-box > div {position:relative; margin-top:60px; padding:60px 0 0 340px; border-top:1px solid #c4c4c4;}
	.pr-box > div h3 {position:absolute; top:60px; left:0;}
	.pr-box > div .movie {width:740px; margin:0 auto;}
    .pr-box > div .img {width:740px; margin:0 auto;}
	.pr-box > div:first-child {margin-top:0; padding-top:0; border-top:0;}
	.pr-box > div:first-child h3 {top:0;}	

	/* sitemap */
	.sitemap-box {border-bottom:1px solid #898989;}
	.sitemap-box > ul > li {padding:40px 0 40px 0; border-top:1px solid #e1e1e1;}
	.sitemap-box > ul > li:first-child {border-top-color:#002b78;}
	.sitemap-box > ul > li h3 {margin-bottom:28px;}
	.sitemap-box > ul > li h3 a {color:#002b78; font-family:'nanumBold'; font-size:20px; line-height:24px;}
	.sitemap-box > ul > li ul {margin-top:0; overflow:hidden;}
	.sitemap-box > ul > li ul li {float:left; width:140px; margin-top:0; font-size:0; line-height:0;}
	.sitemap-box > ul > li ul li a {padding-left:12px; color:#222; font-family:'nanumBold'; font-size:14px; line-height:18px; background:url("../images/icon/ico_bul03.gif") no-repeat 0 7px; background-size:2px 2px;}

}


/* PC _ 1220~ */
@media all and (min-width:1220px) {

	/* product-list */
	.product-list01 {margin-left:-20px;}

	/* intro-box */
	.intro-box {padding-left:600px;}

	/* history */
	.history > ol > li {padding-left:675px;}
	.history > ol > li.odd {padding-right:675px;}

	/* affiliate-list */
	.affiliate-list {margin:-20px 0 0 -20px; overflow:hidden;}
	.affiliate-list li {position:relative; float:left; width:528px; min-height:218px; margin:20px 0 0 20px; padding:30px; border:1px solid #d4d7d8;}
	.affiliate-list li:first-child {margin-top:20px;}

	/* location */
	.location-list li a {background-position:97% 36px;}

	/* scagliola */
	.scagliola-list01 {margin-left:0; overflow:hidden;}
	.scagliola-list01 li {float:left; width:399px; height:280px; margin-top:0; padding:0; border-left:1px solid #e1e1e1; text-align:center;}
	.scagliola-list01 li .ico {position:static;}
	.scagliola-list01 li .tit {margin-top:13px; line-height:24px;}
	.scagliola-list01 li .tit span {display:block;}
	.scagliola-list01 li .txt {margin-top:10px; color:#444; font-size:14px; line-height:24px;}
	.scagliola-list01 li .txt br {display:block;}
	.scagliola-list01 li:first-child {width:400px; height:280px; margin-top:0; padding-top:0; border:none;}
	.scagliola-list01 li:first-child .tit span {display:block;}

	/* floorplan */
	.floorplan {margin:-45px 0 0 -40px; overflow:hidden;}
	.floorplan li {float:left; width:580px; margin:45px 0 0 40px;}
	.floorplan li:first-child {margin-top:45px;}

	/* cooperator */
	.cooperator-list li {position:relative; min-height:30px; padding:40px 0 40px 320px; border-top:1px solid #e1e1e1;}
	.cooperator-list li h4 {position:absolute; top:50px; left:0;}
	.cooperator-list li:first-child {margin-top:0; border-color:#002b78;}
	.cooperator-list li .txt01 {color:#444; font-size:14px; line-height:24px;}
	.cooperator-list li li {margin-top:0; padding:0; border-top:none;}
	.cooperator-list li .process {overflow:hidden;}
	.cooperator-list li .process li {float:left; margin:0 0 0 34px; padding:0 0 0 46px; border-top:none; background:url("../images/info/cooperator_arrow.png") no-repeat 0 center; background-size:auto auto;}
	.cooperator-list li .process li:first-child {margin-left:0; padding-left:0;}
	.cooperator-list li .process li p {width:180px; height:110px; padding-top:70px; color:#fff; font-family:'nanumBold'; font-size:16px; line-height:24px; background:#74808d; border-radius:150px; text-align:center;}
	.cooperator-list li .process li+li+li p {height:100px; padding-top:80px;}
	.cooperator-list li .btn-down {margin-left:-320px;}

	/* library */
	.library-box01 {position:relative; padding-left:360px;}
	.library-box01 h3 {position:absolute; top:0; left:0;}

	/* sitemap */
	.sitemap-box {border-bottom:1px solid #898989;}
	.sitemap-box > ul > li {padding:40px 0 40px 0; border-top:1px solid #e1e1e1; overflow:hidden;}
	.sitemap-box > ul > li:first-child {border-top-color:#002b78;}
	.sitemap-box > ul > li h3 {float:left; width:200px; margin-bottom:0;}
	.sitemap-box > ul > li h3 a {color:#002b78; font-family:'nanumBold'; font-size:20px; line-height:24px;}
	.sitemap-box > ul > li ul {float:left; width:900px; padding-top:3px;}
	.sitemap-box > ul > li ul li {float:left; width:140px;}
}