@charset "utf-8";

/* box-type */
.box-type01 {margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #c4c4c4;}
.box-type02 {position:relative; padding-bottom:30px;}
.box-type02 h3 {color:#222; font-size:13px; font-family:'nanumBold';}
.box-type02 h3 br {display:none;}
.box-type02 p  {margin-top:15px; color:#444; font-size:9px;}
.box-type03 {margin-bottom:10px;}
.box-type03 > ul {}
.box-type03 > ul > li {margin-top:30px; padding-top:30px; border-top:1px solid #e1e1e1;}
.box-type03 > ul > li:first-child {margin-top:0; padding-top:0; border-top:none;}
.box-type04 + .box-type04 {margin-top:20px;}
.box-type04 > ul {margin-bottom:10px;}
.box-type04 ul + .h5-type01 {margin-top:20px;}
.box-type04 ul + .h5-type01 {margin-top:20px;}
.box-type04 h4 + p {padding-bottom:30px;}
.box-type04 h5 + p {padding-bottom:20px;}
.box-type04 p + div {margin-top:20px;}

/* 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;}
.h5-type01 {margin-bottom:13px; color:#222; font-family:'nanumBold'; font-size:11px; line-height:13px;}
.h5-type02 {margin-bottom:13px; color:#1880f4; font-family:'nanumBold'; font-size:11px; line-height:13px;}

/* 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;}
.text-type02 {color:#444; font-size:10px; line-height:16px;}
.text-type02 span {color:#1880f4; font-size:10px; line-height:16px;}
.text-type03 {margin-left:15px; 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;}
.list-type03 {margin-left:11px;}
.list-type03 li {color:#444; font-size:9px; line-height:14px; text-indent:-11px;}
.list-type03 li span {display:inline-block; width:12px; height:12px; line-height:12px; margin-right:2px; color:#fff; background:#acb3bb; border-radius:6px; text-align:center; text-indent:0;}
.list-type04 {padding:0 10px; overflow:hidden;}
.list-type04 li p {padding:7px 0 5px; font-size:7px; line-height:10px; color:#444; text-align:left;}
.list-type05 {margin-left:17px;}
.list-type05 li {color:#444; font-size:9px; line-height:14px; text-indent:-17px;}
.list-type05 li span {display:inline-block; width:12px; height:12px; line-height:12px; margin-right:2px; color:#fff; background:#acb3bb; border-radius:6px; text-align:center; text-indent:0;}

/* 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:30px;}
.image-type03 .img {margin-bottom:10px; text-align:center;}
.image-type03 .img img {width:100%; max-width:400px;}

/* 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:16px; 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.house {background-image:url("../images/construct/house_bg01.jpg");}
.intro-box.civil {background-image:url("../images/construct/civil_bg01.jpg");}
.intro-box.scintro {background-image:url("../images/scagliola/intro_bg01.jpg");}
.intro-box.product01 {background-image:url("../images/product/intro_bg01.jpg");}
.intro-box.product02 {background-image:url("../images/product/intro_bg02.jpg");}
.intro-box.product03 {background-image:url("../images/product/intro_bg03.jpg");}
.intro-box.product04 {background-image:url("../images/product/intro_bg04.jpg");}
.intro-box.product05 {background-image:url("../images/product/intro_bg05.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 !important;}
.tb-fix table {min-width:960px;}

.tb-data02 {margin-bottom:30px; border-top:1px solid #002b78; border-bottom:1px solid #898989; overflow:hidden;}
.tb-data02 table {width:100%; margin-left:-1px;}
.tb-data02 table th,
.tb-data02 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-data02 table th {font-family:'nanumBold'; background-color:#eef2f6;}
.tb-data02 table tbody th {background-color:#f5f7f9;}
.tb-data02 table thead tr:first-child th {border-top:none;}
.tb-data02 table th.alig-lef,
.tb-data02 table td.alig-lef {padding-left:8px; text-align:left;}
.tb-data02 table th.bor-lef,
.tb-data02 table td.bor-lef {border-left:1px solid #e1e1e1;}
.tb-data02 table .deco01 {text-decoration:underline;}

/* 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;}
.board-view .file {position:relative; padding:20px 0 20px 0; border-top:1px solid #e1e1e1;}
.board-view .file .tit {position:absolute; top:20px; left:0; color:#444; font-family:'nanumBold'; font-size:9px; line-height:14px;}
.board-view .file ul {padding:10px 0 0 15px;}
.board-view .file ul li {padding:5px 0;}
.board-view .file ul li a {color:#444; font-size:9px; line-height:14px;}
.board-view .file ul li a .btn {display:inline-block; margin-left:5px; width:82px; height:20px; line-height:20px; font-family:'nanumBold'; font-size:11px; border:1px solid #666; border-radius:2px; text-align:center;}
.board-view .file ul li a .btn img {width:11px; margin-top:-2px; vertical-align:middle;}

/* tb-write */
.tb-write {border-top:1px solid #002b78; border-bottom:1px solid #898989;}
.tb-write table {width:100%;}
.tb-write table th {padding:16px 0 15px 9px; color:#444; font-family:'nanumBold'; font-size:9px; font-weight:normal; line-height:11px; border-top:1px solid #e1e1e1; background-color:#f5f7f9; text-align:left;}
.tb-write table th label {font-size:9px;}
.tb-write table td {padding:10px 0 10px 10px; color:#444; border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1;}
.tb-write table td input[type=text] {width:90%; padding:0 1%; height:24px; line-height:24px; border:1px solid #a4a4a4;}
.tb-write table td textarea {width:90%; border:1px solid #a4a4a4;}
.tb-write table td select {width:92%; height:24px; line-height:24px; border:1px solid #a4a4a4;}
.tb-write table td label {color:#444; font-size:9px;}
.tb-write table td input[type=checkbox] {width:10px; height:10px; border:1px solid #a4a4a4;}
.tb-write table td .chx-list {margin-top:-10px; overflow:hidden;}
.tb-write table td .chx-list li {float:left; margin-left:10px; padding-top:10px;}
.tb-write table td .chx-list li:first-child {margin-left:0;}
.tb-write table td .chx-list li * {vertical-align:middle;}
.tb-write table tr:first-child th,
.tb-write table tr:first-child td {border-top:none;}

/* 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;}
.paging strong {display:inline-block; padding:0 5px; font-size:13px; 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-type02 {margin-top:15px;}
.btn-type02 > p a {display:block; padding:0 15px; height:38px; line-height:38px; margin-right:3px; color:#fff; font-family:'nanumBold'; font-size:12px; border-radius:2px; text-align:center;}
.btn-type02 > p+p {float:right;}
.btn-type02 > p+p a {margin:0 0 0 3px;}
.btn-type02 .type01 {background:#002b78;}
.btn-type02 .type02 {background:#788088;}

.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 a {display:block; margin:0 3px; height:20px; line-height:20px; padding-left:0; color:#444; font-family:'nanumBold'; font-size:7px; border:1px solid #666; border-radius:2px; overflow:hidden;}
.btn-down02 a img {width:12px; margin-left: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:23px 0 10px 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 {border-top:1px solid #e1e1e1;}
.location-list li:first-child {border-top-color:#002b78;}
.location-list li a {display:block; padding:15px; 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:0 14px; border:1px solid #ccc; overflow:hidden;}
.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:143px; max-width:285px;}
.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;}

/* faq */
.faq-list {border-bottom:1px solid #898989;}
.faq-list > li {border-top:1px solid #e1e1e1;}
.faq-list > li:first-child {border-top-color:#002b78;}
.faq-list > li a {display:block; background:url("../images/icon/arrow01_off.png") no-repeat 95% center;}
.faq-list > li .question {display:block; padding:15px 15px 15px 40px; color:#333; font-family:'nanumBold'; font-size:11px; line-height:13px; background:url("../images/customer/faq_icon03.png") no-repeat 15px center; background-size:14px 14px;}
.faq-list > li .answer {display:none; padding:0 15px 15px 40px; background:url("../images/customer/faq_icon02.png") no-repeat 15px 0; background-size:14px 14px; overflow:hidden;}
.faq-list > li.on {position:relative; margin-bottom:-1px; border:1px solid #002b78; background:#eff4f8; z-index:2;}
.faq-list > li.on a {background-image:url("../images/icon/arrow01_on.png");}
.faq-list > li.on .question {margin-left:-1px; background-image:url("../images/customer/faq_icon01.png")}
.faq-list > li.on .answer {display:block; margin-left:-1px;}

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

/* ci  */
.line_space{padding-top:0px; border-top:0;}
.line_space.no_visual{margin-top:30px;}
.in_cont{padding:0 15px;}
.section{margin-top:30px;}

 h3.center{display:block; text-align:center; font-size:40px; line-height:45px;}
 h3.center .sub{display:block; font-size:17px; line-height:24px; color:#333; font-weight:normal; margin-top:8px;}
 h4{font-size:19px;line-height:26px;color:#1269ca;margin:25px 0 12px 0; font-weight:bold;}

.half_column{width:100%; margin-left:0;}
.half_column .column{width:100%; padding-left:0; float:none; margin-bottom:20px;}
.half_column .column:last-of-type{margin-bottom:0;}
.half_column .column img{width:100%;}
.half_column .column .subtext{display:block; margin-top:8px; font-size:15px; line-height:26px; text-align:center;}
.color_rule{border-bottom:1px solid #ccc; width:100%; overflow:hidden;}
.color_rule dl{float:left; width:100%; border-top:1px solid #ccc; box-sizing:border-box; padding-left:94px; position:relative;}
.color_rule dl dt{display:block; width:85px; height:85px; position:absolute; left:0; top:50%; margin-top:-43px; text-align:center; line-height:85px; font-size:15px; color:#a4d1f6; font-weight:bold;}
.color_rule dl dt.navy{background:url('../images/company/navy_round.png') no-repeat 0 0;}
.color_rule dl dt.skyblue{background:url('../images/company/skyblue_round.png') no-repeat 0 0;}
.color_rule dl dd{width:100%; display:table;}
.color_rule dl dd ul{display:table-cell; vertical-align:middle; height:110px;}
.color_rule dl dd li{line-height:30px; padding-left:9px; position:relative; display:inline-block; width:100%;}
.color_rule dl dd li:after{content:''; display:block; width:2px; height:2px; background:#444; position:absolute; left:0; top:14px;}
.color_rule dl dd li strong{display:inline-block; font-size:14px; width:60px;}
.color_rule dl dd li p{font-size:15px; font-weight:bold;}

/* 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; padding-left: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 + a {margin-top:5px;}
.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;}
.recruit-list li .process {overflow:hidden;}
.recruit-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;}
.recruit-list li .process li:first-child {margin-left:0; padding-left:0;}
.recruit-list li .process li p {width:75px; height:42px; padding-top:33px; color:#fff; font-family:'nanumBold'; font-size:7px; line-height:10px; background:#9099a4; border-radius:74px; text-align:center;}
/*.recruit-list li .process li + li + li p {height:42px; padding-top:33px;}*/

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

/* sitemap */
.sitemap {border-bottom:1px solid #898989;}
.sitemap > ul > li {padding:20px 0 20px 0; border-top:1px solid #e1e1e1;}
.sitemap > ul > li:first-child {border-top-color:#002b78;}
.sitemap > ul > li h3 {margin-bottom:15px;}
.sitemap > ul > li h3 a {color:#002b78; font-family:'nanumBold'; font-size:13px; line-height:18px;}
.sitemap > ul > li ul {margin-top:-11px; overflow:hidden;}
.sitemap > ul > li ul li {float:left; width:33.3%; margin-top:11px; font-size:0; line-height:0;}
.sitemap > 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.product {background:url("../images/product/title_bg.jpg") no-repeat center 0;}
	#dBody .title-box.reference {background:url("../images/reference/title_bg.jpg") no-repeat center 0;}
	#dBody .title-box.customer {background:url("../images/customer/title_bg.jpg") no-repeat center 0;}
	#dBody .title-box.sitemap {background:url("../images/sitemap/title_bg.jpg") no-repeat center 0;}

	/* box-type */
	.box-type01 {margin-bottom:50px; padding-bottom:45px; border-bottom:1px solid #c4c4c4;}
	.box-type02 {position:relative; padding:0 0 50px 300px;}
	.box-type02 h3 {position:absolute; top:0; left:0; width:300px; color:#222; font-size:24px; line-height:34px; font-family:'nanumBold';}
	.box-type02 h3 br {display:block;}
	.box-type02 p  {margin-top:0; color:#444; font-size:14px; line-height:24px;}
	.box-type04 > ul {margin-bottom:20px;}
	.box-type04 + .box-type04 {margin-top:40px;}

	/* 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;}
	.h5 {font-size:16px;}
	.h5-type01 {margin-bottom:12px; color:#222; font-family:'nanumBold'; font-size:16px; line-height:20px;}
	.h5-type02 {margin-bottom:12px; color:#1880f4; font-family:'nanumBold'; font-size:16px; line-height:20px;}

	/* 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;}
	.text-type02 {color:#444; font-size:14px; line-height:55px;}
	.text-type02 span {color:#1880f4; font-size:14px; line-height:24px;}
    .text-type03 {margin-left:50px; color:#444; font-size:14px; line-height:40px;}

	.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;}
	.list-type03 {margin-left:17px;}
	.list-type03 li {color:#444; font-size:14px; line-height:24px; text-indent:-17px;}
	.list-type03 li span {display:inline-block; width:20px; height:20px; line-height:20px; margin-right:6px; color:#fff; background:#acb3bb; border-radius:10px; text-align:center;}
	.list-type04 {padding:0; overflow:hidden;}
	.list-type04 li {float:left; width:50%;}
	.list-type04 li p {padding:15px 20px 12px; font-size:14px; line-height:18px; color:#444; text-align:left;}
	.list-type05 {margin-left:30px;}
	.list-type05 li {color:#444; font-size:14px; line-height:24px; text-indent:-30px;}
	.list-type05 li span {display:inline-block; width:20px; height:20px; line-height:20px; margin-right:6px; color:#fff; background:#acb3bb; border-radius:10px; text-align:center;}

	/* 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:45px; overflow:hidden;}

	/* 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:30px; 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;}

	.tb-data02 {margin-bottom:45px; border-top:1px solid #002b78; border-bottom:1px solid #898989; overflow:hidden;}
	.tb-data02 table {width:100%; margin-left:-1px;}
	.tb-data02 table th,
	.tb-data02 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-data02 table th {background-color:#eef2f6;}
	.tb-data02 table tbody th.alig-lef {padding-left:16px; text-align:left;}
	.tb-data02 table tbody th {background-color:#f5f7f9;}
	.tb-data02 table thead tr:first-child th {border-top:none;}
	.tb-data02 table th.alig-lef,
	.tb-data02 table td.alig-lef {padding-left:16px; text-align:left;}
	.tb-data02 table th.bor-lef,
	.tb-data02 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;}
	.board-view .file {position:relative; padding:30px 0 30px 110px; border-top:1px solid #e1e1e1;}
	.board-view .file .tit {position:absolute; top:40px; left:30px; color:#444; font-family:'nanumBold'; font-size:14px; line-height:18px;}
	.board-view .file ul {padding:0 0 0 30px; border-left:1px solid #e1e1e1;}
	.board-view .file ul li {padding:4px 0;}
	.board-view .file ul li a {color:#444; font-size:14px; line-height:18px;}
	.board-view .file ul li a:hover .txt {text-decoration:underline;}
	.board-view .file ul li a .btn {display:inline-block; margin-left:10px; width:91px; height:28px; line-height:28px; font-family:'nanumBold'; font-size:14px; border:1px solid #666; border-radius:2px; text-align:center;}
	.board-view .file ul li a .btn img {width:13px; margin-top:-2px; vertical-align:middle;}

	/* tb-write */
	.tb-write {border-top:1px solid #002b78; border-bottom:1px solid #898989;}
	.tb-write table {width:100%;}
	.tb-write table th {padding:16px 0 15px 50px; color:#444; font-family:'nanumBold'; font-size:14px; font-weight:normal; line-height:18px; border-top:1px solid #e1e1e1; background-color:#f5f7f9; text-align:left;}
	.tb-write table th label {font-size:14px;}
	.tb-write table td {padding:10px 20px; color:#444; border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1;}
	.tb-write table td input[type=text] {width:90%; padding:0 1%; height:28px; line-height:28px; border:1px solid #a4a4a4;}
	.tb-write table td textarea {width:90%; min-height:248px; border:1px solid #a4a4a4;}
	.tb-write table td select {width:92%; height:28px; line-height:28px; border:1px solid #a4a4a4;}
	.tb-write table td label {color:#444; font-size:14px;}
	.tb-write table td input[type=checkbox] {width:13px; height:13px; border:1px solid #a4a4a4;}
	.tb-write table td .chx-list {margin-top:-10px; overflow:hidden;}
	.tb-write table td .chx-list li {float:left; margin-left:30px; padding-top:10px;}
	.tb-write table td .chx-list li:first-child {margin-left:0;}
	.tb-write table td .chx-list li * {vertical-align:middle;}
	.tb-write table tr:first-child th,
	.tb-write table tr:first-child td {border-top:none;}

	/* 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-type02 {margin-top:20px; text-align:center;}
	.btn-type02 > p {float:none; display:inline-block; width:auto;}
	.btn-type02 > p a {display:block; height:45px; line-height:45px; margin-right:3px; padding:0 30px; color:#fff; font-family:'nanumBold'; font-size:15px; border-radius:2px; text-align:center;}
	.btn-type02 > p+p {float:none;}
	.btn-type02 > p+p a {margin:0 0 0 3px;}
	.btn-type02 .type01 {background:#002b78;}
	.btn-type02 .type02 {background:#788088;}

	.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 {text-align:center;}
	.btn-down02 a {display:inline-block; height:28px; line-height:28px; padding:0 10px; color:#444; font-family:'nanumBold'; font-size:13px; border:1px solid #666; border-radius:2px;}
	.btn-down02 a img {width:16px; margin-left:3px; 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:35px 0 18px 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.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:285px; min-width:285px; max-width:285px;}
	.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;}

	/* faq */
	.faq-list {border-bottom:1px solid #898989;}
	.faq-list > li {border-top:1px solid #e1e1e1;}
	.faq-list > li:first-child {border-top-color:#002b78;}
	.faq-list > li a {display:block; background:url("../images/icon/arrow01_off.png") no-repeat 98% center;}
	.faq-list > li .question {display:block; padding:0 60px 0 75px; height:60px; line-height:60px; color:#333; font-family:'nanumBold'; font-size:14px; background:url("../images/customer/faq_icon03.png") no-repeat 15px center; background-size:auto auto;}
	.faq-list > li .answer {display:none; padding:10px 60px 20px 75px; font-size:14px; line-height:24px; background:url("../images/customer/faq_icon02.png") no-repeat 15px 4px; background-size:auto auto; overflow:hidden;}
	.faq-list > li.on {position:relative; margin-bottom:-1px; border:1px solid #002b78; background:#eff4f8; z-index:2;}
	.faq-list > li.on a {background-image:url("../images/icon/arrow01_on.png");}
	.faq-list > li.on .question {margin-left:-1px; background-image:url("../images/customer/faq_icon01.png")}
	.faq-list > li.on .answer {display:block; margin-left:-1px;}

	/* 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:15px; 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;}

    /* ci */
    .in_cont{width:100%; box-sizing:border-box;}
    .in_cont:after{content: ".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
    
     h3.center{display:block; text-align:center; font-size:40px; line-height:45px;}
     h3.center .sub{display:block; font-size:17px; line-height:24px; color:#333; font-weight:normal; margin-top:8px;}
     h4{font-size:19px;line-height:26px;color:#1269ca;margin:25px 0 12px 0; font-weight:bold;}

    .half_column{width:auto; margin:20px 0 0 -20px; overflow:hidden;}
    .half_column .column{width:50%; padding-left:20px; float:left; box-sizing:border-box;}
    .half_column .column img{width:100%;}
    .half_column .column .subtext{display:block; margin-top:8px; font-size:15px; line-height:26px; text-align:center;}

    .color_rule{border-bottom:1px solid #ccc; width:100%; overflow:hidden;}
    .color_rule dl{float:left; width:50%; box-sizing:border-box; padding-left:94px; position:relative;}
    .color_rule dl dt{display:block; width:85px; height:85px; position:absolute; left:0; top:50%; margin-top:-42px; text-align:center; line-height:85px; font-size:15px; color:#a4d1f6; font-weight:bold;}
    .color_rule dl dt.navy{background:url('../images/company/navy_round.png') no-repeat 0 0;}
    .color_rule dl dt.skyblue{background:url('../images/company/skyblue_round.png') no-repeat 0 0;}
    .color_rule dl dd{width:100%; display:table;}
    .color_rule dl dd ul{display:table-cell; vertical-align:middle; height:110px;}
    .color_rule dl dd li{line-height:30px; padding-left:9px; position:relative; display:inline-block; width:100%;}
    .color_rule dl dd li:after{content:''; display:block; width:2px; height:2px; background:#444; position:absolute; left:0; top:14px;}
    .color_rule dl dd li strong{display:inline-block; font-size:14px; width:60px;}
    .color_rule dl dd li p{font-size:15px; font-weight:bold;}

    
	/* 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; font-size:0;}
	.recruit-list li .down a {display:inline-block; width:248px; 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 + a {margin-left:10px;}
	.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;}
	.recruit-list li .process {overflow:hidden;}
	.recruit-list li .process li {float:left; margin:0 0 0 26px; padding:0 0 0 36px; border-top:none; background:url("../images/info/cooperator_arrow.png") no-repeat 0 center; background-size:auto auto;}
	.recruit-list li .process li:first-child {margin-left:0; padding-left:0;}
	.recruit-list li .process li p {width:140px; height:80px; padding-top:60px; color:#fff; font-family:'nanumBold'; font-size:16px; line-height:24px; background:#9099a4; border-radius:150px; text-align:center;}
	/*.recruit-list li .process li+li+li p {height:100px; padding-top:80px;}*/

	/* 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:140px; text-align:center;}
	.cooperator-list li .process li+li+li p {height:100px; padding-top:80px;}

	/* sitemap */
	.sitemap {border-bottom:1px solid #898989;}
	.sitemap > ul > li {padding:40px 0 40px 0; border-top:1px solid #e1e1e1;}
	.sitemap > ul > li:first-child {border-top-color:#002b78;}
	.sitemap > ul > li h3 {margin-bottom:28px;}
	.sitemap > ul > li h3 a {color:#002b78; font-family:'nanumBold'; font-size:20px; line-height:24px;}
	.sitemap > ul > li ul {margin-top:-22px; overflow:hidden;}
	.sitemap > ul > li ul li {float:left; width:140px; margin-top:22px; font-size:0; line-height:0;}
	.sitemap > 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) {

	/* box-type */
	.box-type03 {margin-bottom:30px;}
	.box-type03 > ul > li {margin-top:40px; padding-top:40px; border-top:1px solid #e1e1e1; overflow:hidden;}
	.box-type03 > ul > li:first-child {margin-top:0; padding-top:0; border-top:none;}
	.box-type03 > ul > li .tit-area {float:left; width:340px;}
	.box-type03 > ul > li .con-area {float:left; width:860px;}
	.box-type03 > ul > li .con-area ul + h5 {margin-top:20px;}

	/* image-type */
	.image-type03 .img {float:left; width:400px; margin-bottom:0; text-align:left;}
	.image-type03 .img img {width:auto;}
	.image-type03 .con {float:right; width:760px;}

	/* 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:15px; line-height:24px;}
	.scagliola-list01 li .tit span {display:block;}
	.scagliola-list01 li .txt {margin-top:12px; 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;}

	/* ci */
    .half_column .column img{width:580px;}

	.color-list li {width:auto;}
	.color-list li:first-child {width:auto;}
	.color-list li > div {width:auto;}
  

	/* recruit  */
	.recruit-list li .process {width:1025px; margin:0 auto; overflow:hidden;}
	.recruit-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;}
	.recruit-list li .process li:first-child {margin-left:0; padding-left:0;}
	.recruit-list li .process li p {width:140px; height:80px; padding-top:60px; color:#fff; font-family:'nanumBold'; font-size:16px; line-height:24px; background:#9099a4; border-radius:150px; text-align:center;}

	/* 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:140px; text-align:center;}

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