/**
* A-Marketing Cascading Style Sheets
* File Name : basic.css
* Description : basic 반응형 스타일시트
* Author : Web business Team / White
* Email : web@a-marketing.co.kr
* Date : 2019.03.29
* Update : 2021.04.16
* Copyright(c) A-Marketing. All Rights Reserved.
*/
/* latest version 210416 */

/* ************************************** * 
 * common
 * ************************************** */
/* 텍스트 공통 */
h3.tit-h3 { display: inline-block; margin: 0 auto 20px; padding-bottom: 5px; border-bottom: solid 3px #82b7db; font-size: 2.4rem; font-family: 'GmarketSansBold',sans-serif !important; color: #111; line-height: 1.2em; text-align: center;}
/* tab-move */
.tab-move .tab-nav { display: table; margin: 0 auto;}
.tab-move .tab-nav li { float: left; padding: 0 30px; background: url('image/bg-category-line.gif') no-repeat; background-position: left 8px;}
.tab-move .tab-nav li:first-child { background: none;}
.tab-move .tab-nav button { display: block; padding-bottom: 5px; border-bottom: solid 3px transparent; font-size: 2rem; color: #444;}
.tab-move .tab-nav button:hover { color: #f39800;}
.tab-move .tab-nav li.on button { color: #f39800; border-bottom: solid 3px #f39800;}
.tab-move .tab-con { z-index: 1;}
/* tab */
.amt-tab .tab-navi { display: table; margin: 40px auto;}
.amt-tab .tab-navi li { float: left;}
.amt-tab .tab-navi button { display: inline-block; width: 150px; height: 50px; line-height: 50px; background: #f7f7f7; border: solid 1px #ddd; box-sizing: border-box; font-size: 1.5rem; color: #292929;}
.amt-tab .tab-navi button:hover { color: #056fb8;}
.amt-tab .tab-navi li.on button { border: solid 1px #056fb8; color: #056fb8; background: #fff;}
.amt-tab .tab-cont { z-index: 1;}
.amt-tab .tab-cont > li { display: none;}
.amt-tab .tab-cont > li.on { display: block;}
/* table */
.tbl_div { padding: 0 1.5%; margin-bottom: 70px}
.tbl-top { width: 100%; border-top: solid 2px #056fb8; text-align: center; letter-spacing: -0.05em;}
.tbl-top thead th { padding: 15px 10px; border-left: solid 1px #ccc; border-bottom: solid 1px #666; background: #f8f8f8; font-size: 1.5rem; font-weight: bold; color: #056fb8;}
.tbl-top tbody th { padding: 11px; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; background: #f4faff; font-weight: bold; font-size: 1.4rem; color: #222;}
.tbl-top tbody td { padding: 11px; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; font-size: 1.4rem; color: #444; line-height: 1.5em;}
.tbl-top thead th:first-child { border-left: 0;}
.tbl-top tbody td:last-child { border-right: 0;}
.tbl-top tbody th.th-point { background: #0551b8; color: #fff;}
.tbl-top tbody th.th-point02 { background: #056fb8; color: #fff;}
.tbl-top tbody th.th-point03 { background: #05a9b8; color: #fff;}
.tbl-top tbody td.td-left { text-align: left;}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	/* tab */
	.amt-tab .tab-navi { width: 90%;}
	.amt-tab .tab-navi li { width: 25%;}
	.amt-tab .tab-navi.colmn3 li { width: 33.33% !important;}
	.amt-tab .tab-navi button { width: 100%;}
	/* table */
    .div-tbl { overflow-x: scroll; padding-bottom: 10px;}
    .div-tbl::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 5px; background-color: #F5F5F5;}
    .div-tbl::-webkit-scrollbar { height: 5px; background-color: #F5F5F5;}
    .div-tbl::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #aaa;}
    .tbl-top { width: 990px;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* tab-move */
	.tab-move .tab-nav li { padding: 0 20px; background-position: left 5px;}
	/* tab */
	.amt-tab .tab-navi { margin: 25px auto;}
	.amt-tab .tab-navi li { width: 50%;}
	.amt-tab .tab-navi button { height: 40px; line-height: 40px;}
	/* table */
	.tbl_div { overflow-x:scroll; padding-bottom: 20px;}
	.tbl_div::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(3, 30, 111, 0.3); border-radius:10px; background-color:#F5F5F5;}
	.tbl_div::-webkit-scrollbar { height:10px; background-color:#F5F5F5;}
	.tbl_div::-webkit-scrollbar-thumb { border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); background-color:#555;}
}
/* keyframe */
@-webkit-keyframes rippleAnimation {
	from { opacity: 1; -webkit-transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
	to { opacity: 0; -webkit-transform: -ms-transform: -moz-transform: -o-transform: scale(1); transform: scale(1);}
}
@-ms-keyframes rippleAnimation {
	from { opacity: 1; -webkit-transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
	to { opacity: 0; -webkit-transform: -ms-transform: -moz-transform: -o-transform: scale(1); transform: scale(1);}
}
@keyframes rippleAnimation {
	from { opacity: 1; -webkit-transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
	to { opacity: 0; -webkit-transform: -ms-transform: -moz-transform: -o-transform: scale(1); transform: scale(1);}
}





/* ************************************** *
 * content
 * ************************************** */
/* 0101-인사말 */
.greeting li { float: left; width: 50%;}
.greeting li h3 { padding: 0 0 50px; font-size: 5.3rem; font-weight: 700; color: #056fb8; line-height: 1.2em; text-transform: uppercase; text-align: center;}
.greeting li p { font-size: 1.9rem; color: #333; letter-spacing: -.05em; line-height: 1.8em;}
.greeting li p.p-sign { padding-top: 50px; text-align: right;}

.cert-box { text-align: center; margin: 150px 0 0;}
.cert-box h3 { display: inline-block; margin: 0 auto 10px; padding-bottom: 5px; border-bottom: solid 3px #82b7db; font-size: 4rem; font-family: 'GmarketSansBold',sans-serif !important; color: #111;}
.cert ul { width: 1200px; margin: 50px auto;}
.cert li { float: left; width: 23%; margin: 0 1% 5%;}
.cert li img { box-shadow: 4px 4px 10px rgba(0,0,0,.2); -o-box-shadow: 4px 4px 10px rgba(0,0,0,.2); -ms-box-shadow: 4px 4px 10px rgba(0,0,0,.2); -moz-box-shadow: 4px 4px 10px rgba(0,0,0,.2); -webkit-box-shadow: 4px 4px 10px rgba(0,0,0,.2);}
.cert li p { padding-top: 20px; font-size: 1.7rem; color: #444; letter-spacing: -.05em; text-align: center;}
.vision { text-align: center;}
.vision ul { display: table; margin: 0 auto;}
.vision li { float: left;}
.vision li div { position: relative; width: 300px; height: 300px; border-radius: 50%;}
.vision li:nth-of-type(1) div { background: rgba(243,152,0,.8); margin-right: -20px;}
.vision li:nth-of-type(2) div { background: rgba(5,111,184,.8);}
.vision li:nth-of-type(3) div { background: rgba(0,41,70,.8); margin-left: -20px;}
.vision li div p { width: 100%; font-size: 2.4rem; color: #fff; letter-spacing: -.05em; line-height: 1.5em;}
.vision h3 { padding: 80px 0 10px; font-size: 2.7rem; color: #292929; letter-spacing: -.05em; background: url('image/bg-foo-bar.gif') no-repeat center top; background-size: 1px 50px;}
.vision > p { margin-bottom: 40px; font-size: 1.7rem; color: #444; letter-spacing: -.05em;}
/* 0102-연혁 */
.histor-box { text-align: center; margin: 150px 0;}
.histor-box h3 { display: inline-block; margin: 0 auto 70px; padding-bottom: 5px; border-bottom: solid 3px #82b7db; font-size: 4rem; font-family: 'GmarketSansBold',sans-serif !important; color: #111;}
.history { background: url('image/bg-history-line.gif') repeat-y; background-position: center top; text-align: left !important;}
.history-list > li dl:after { content: ""; display: block; clear: both;}
.history-list > li dl { background: url('image/bg-history-dot.png') no-repeat; background-position: center 15px;}
.history-list > li dt { width: 45%; padding-top: 6px; font-size: 4rem; font-family: 'Poppins', sans-serif !important; font-weight: 700; color: #056fb8; line-height: 1em;}
.history-list > li:nth-of-type(odd) dt { float: left; margin-right: 5%; text-align: right;}
.history-list > li:nth-of-type(even) dt { float: right; margin-left: 5%; text-align: left;}
.history-list > li dd { width: 45%;}
.history-list > li:nth-of-type(odd) dd { float: left; margin-left: 5%;}
.history-list > li:nth-of-type(even) dd { float: left; margin-right: 5%; text-align: right;}
.history-list > li strong { color: #ccc; letter-spacing: 0;}
.history-list > li:nth-of-type(odd) strong { padding-right: 20px;}
.history-list > li:nth-of-type(even) strong { padding-right: 20px;}
.history-list > li .year-list { padding: 12px 0 60px;}
.history-list > li:last-child .year-list { padding-bottom: 0;}
.history-list > li .year-list li { margin-bottom: 15px; font-size: 1.6rem; color: #292929; letter-spacing: -.05em; line-height: 1.6em;}
.history-list > li .year-list li span { display: inline-block; padding-right:65px}
.result h3 { display: inline-block; padding: 3px 10px; margin: 100px 0 15px; font-size: 2rem; background: #056fb8; color: #fff; letter-spacing: -.05em; line-height: 1.2em;}
/* 0103-오시는길 */
.location .top-location { width: 530px; margin: 50px auto; background: #f7f7f7; border-top: solid 2px #056fb8; border-bottom: solid 2px #056fb8; text-align: center;}
.location .top-location p { display: inline-block; padding: 25px 0 25px 90px; background: url('image/ico-location.png') no-repeat; background-position: left center; font-size: 1.7rem; color: #222; line-height: 1.6em;}
.location .img-box { position: relative; text-align: center;}
.location .img-box .ico-marker { height: 200px; width: 200px; position: absolute; top: 53%; left: 50%; text-align: center; border-radius: 100px; z-index: 1; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); opacity: 0.5; transition: .3s;}
.location .img-box .ico-marker .bg-dot { background-color: rgba(11,111,232,.5) !important; background-image: linear-gradient(90deg, rgba(11,111,232,.5), rgba(11,111,232,.15));}
.location .img-box .ico-marker::before { content: ""; position: absolute; top: 50%; left: 50%; width: 15%; height: 15%; background-color: #0b6fe8; border-radius: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
.location .img-box .ico-marker .ripple { position: absolute; width: 40%; height: 40%; z-index: -1; left: 50%; top: 50%; opacity: 0; margin: -20% 0 0 -20%; border-radius: 50%; animation: rippleAnimation 1.8s infinite; -webkit-animation: rippleAnimation 1.8s infinite; -ms-animation: rippleAnimation 1.8s infinite;}
.location .img-box .ico-marker .ripple:nth-child(2) { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; -ms-animation-delay: 0.3s;}
.location .img-box .ico-marker .ripple:nth-child(3) { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; -ms-animation-delay: 0.6s;}
.location .btn-map { text-align: center;}
/* 02&03-제품리스트 */
.product-list ul { justify-content: start !important;}
.product-list li { float: left; width: 45%; margin: 40px 2.5%;}
.product-list li .img-box { position: relative; overflow: hidden; width: 100%; height: auto;}
.product-list li .ico-box { position: absolute; left: 10px; top: 10px; width: 40px;}
.product-list li .ico-box i { display: block; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; font-size: 1.1rem; font-weight: 700; text-align: center; text-transform: uppercase;}
.product-list li .ico-box .ico-new { background: #ffc107; color: #000;}
.product-list li .ico-box .ico-best { background: #9d0915; color: #fff;}
.product-list li .img-box img { -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%; max-width: 100%;}
.product-list li:hover .img-box { box-shadow: 4px 4px 10px rgba(0,0,0,.2); -o-box-shadow: 4px 4px 10px rgba(0,0,0,.2); -ms-box-shadow: 4px 4px 10px rgba(0,0,0,.2); -moz-box-shadow: 4px 4px 10px rgba(0,0,0,.2); -webkit-box-shadow: 4px 4px 10px rgba(0,0,0,.2);}
.product-list li:hover .img-box img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}
.product-list li .txt-box { padding-top: 40px; text-align: center;}
.product-list li .txt-box h3 { display: inline-block; border-bottom: solid 1px #292929; margin-bottom: 15px; font-size: 2.3rem; font-family: 'GmarketSansMedium',sans-serif !important; color: #292929; line-height: 1.2em;}
.product-list li .txt-box p:nth-of-type(1) { font-size: 1.6rem; color: #444; letter-spacing: -.05em; line-height: 1.6em;}
.product-list li .txt-box p:nth-of-type(2) { padding: 15px 0 25px; font-size: 2.1rem; color: #999;}
/* 02&03-제품뷰 */
.tit-view p:nth-of-type(1) { padding: 30px 0 15px; font-size: 2.5rem; color: #999; text-align: center;}
.tit-view h3 { display: inline-block; border-bottom: solid 1px #056fb8; margin-bottom: 30px; font-size: 3.8rem; font-family: 'GmarketSansBold',sans-serif !important; color: #056fb8; line-height: 1.2em;}
.tit-view p:nth-of-type(2) { padding-bottom: 30px; font-size: 1.7rem; color: #444; letter-spacing: -.05em; line-height: 1.6em; text-align: center;}
.tit-view { padding-bottom: 20px;}
.tit-view div {  text-align: center;}

.vw-img-box { text-align: center;/*width: 100vw; margin-left: calc(-50vw + 50%);*/}

.spec-box { display: table; margin: 0 auto 80px; padding: 20px 60px; box-sizing: border-box; background: #f9f9f9; border-top: solid 2px #056fb8; border-bottom: solid 2px #056fb8;}
.spec-box dt { float: left; padding: 3px 0; font-size: 1.6rem; color: #056fb8; letter-spacing: -.05em; clear: left;}
.spec-box dd { float: left; padding: 3px 0; padding-left: 15px; font-size: 1.6rem; color: #333; letter-spacing: -.05em;}

.merit-box { margin-top: 100px;}
.merit-box .p-merit { padding-bottom: 30px; font-size: 1.5rem; color: #444; letter-spacing: -.05em; line-height: 1.6em;}
.merit-list,
.merit-list2 { justify-content: center;}
.merit-list.colmn4 { justify-content: start !important;}
.merit-list li,
.merit-list2 li { float: left; padding: 0 1%; box-sizing: border-box; margin: 20px 0 50px; text-align: center;}
.merit-list li { width: 33.33%;}
.merit-list2 li { width: 25%;}
.merit-list.colmn4 li:nth-of-type(1),
.merit-list.colmn4 li:nth-of-type(3) { margin-left: 16.66%;}
.merit-list li p,
.merit-list2 li p { padding-top: 25px; font-size: 1.6rem; color: #292929; letter-spacing: -.05em; line-height: 1.5em; word-break: keep-all;}

.recommend-box { margin-top: 50px;}
.recommend-box h3 { font-size: 2.4rem; color: #222; letter-spacing: -.05em; line-height: 1.4em;}
.recommend-box p { padding-top: 15px; font-size: 1.6rem; color: #444; letter-spacing: -.05em; line-height: 1.5em;}

.color-box { width: 100vw; margin-left: calc(-50vw + 50%); margin-top: 130px; margin-bottom: 130px; padding: 60px 0; background: #e9f3f8; text-align: center;}
.color-box ul.flex { justify-content: center !important;}
.color-box li { float: left; width: 15.66%; margin: 25px 0.5%;}
.color-box p { padding-top: 15px; font-size: 1.4rem; color: #292929; line-height: 1.5em;}
.color-box .colmn5 li { width: 19%;}

.handle-box { width: 100vw; margin-left: calc(-50vw + 50%); text-align: center}
.handle-box h3.handle-tit { display: inline-block; padding: 10px 0 5px; border-bottom: solid 1px #ccc; font-size: 1.5rem; font-family: 'GmarketSansBold',sans-serif !important; color: #111;}
.handle-box > ul > li { float: left; width: 30%; margin: 0 1.5%; padding: 50px 0 30px; text-align: center; border: 1px solid #eee; background: #f7f7f7;}

.pdc-box { padding: 0 0 20px;}
.pdc-box h3 { display: inline-block; padding: 20px 0 5px; border-bottom: solid 3px #ccc; font-size: 1.5rem; font-family: 'GmarketSansMedium',sans-serif !important;color: #111;}
.pdc-box > ul > li { float: left; width: 30.1%; margin: 0 1.5%; padding:20px 0; text-align: center; border: 1px solid #eee}
.pdc-box .pdc-tit { width: 1355px; margin: 0 auto 10px; padding: 10px 0; background: rgba(0, 0, 0, 0.7); font-size: 1rem; text-align: center; font-family: 'GmarketSansMedium',sans-serif !important; color: #292929; color: #fff; font-size: 2rem}

.comment-txt { display: inline-block; position: relative; border: solid 1px #e0e0e0; background: #f9f9f9; border-radius: 10px; margin-top: 60px; padding: 30px 100px; text-align: center;}
.comment-txt i { position: absolute; top: 50%; margin-top: -12px; font-size: 3.8rem; font-family: 'GmarketSansBold',sans-serif !important; color: #bbb;}
.comment-txt i:nth-of-type(1) { left: 5%;}
.comment-txt i:nth-of-type(2) { right: 5%;}
.comment-txt p { font-size: 1.4rem; color: #444; font-weight: bold; line-height: 1.5em; letter-spacing: -.05em;}
.notice-txt { padding-top: 30px; margin: 60px 0; background: url('image/bg-dotline-h.gif') repeat-x left top;}
.notice-txt p { padding-left: 17px; background: url('image/bu-notice.gif') no-repeat; background-position: left 5px; font-size: 1.3rem; color: #555; letter-spacing: -.05em; line-height: 1.6em;}

.doorframe { margin-top: 80px;}
.doorframe li { float: left; width: 50%;}
.doorframe li > div { float: left; text-align: left;}
.doorframe li .img-box { width: 45%; margin-right: 5%; text-align: center;}
.doorframe li .txt-box { width: 50%;}
.doorframe li .txt-box h4 { padding: 30px 0 10px; font-size: 1.7rem; font-weight: bold; color: #111; letter-spacing: -0.05em;}
.doorframe li .txt-box h4 span { font-size: 1.4rem; font-weight: normal;}
.doorframe li .txt-box p { font-size: 1.5rem; color: #444; letter-spacing: -0.05em; line-height: 1.5em;}

.door-info { margin-top: 120px; text-align: center;}
.door-info h3 { font-size: 3.6rem; font-weight: lighter; color: #111; letter-spacing: -.075em; line-height: 1.3em;}
.door-info p:nth-of-type(1) { padding: 10px 0 50px; font-size: 1.6rem; color: #444; letter-spacing: -.05em; line-height: 1.5em;}
.door-info p:nth-of-type(2) { display: inline-block; padding: 3px 10px; margin: 60px 0 15px; font-size: 2rem; background: #056fb8; color: #fff; letter-spacing: -0.05em; line-height: 1.2em;}
.door-info p:nth-of-type(3) { padding-bottom: 50px; font-size: 1.5rem; color: #444; letter-spacing: -.05em; line-height: 1.5em;}
.door-info p.p-summury { padding-top: 40px;}

.abs-door-list { margin-top: 150px; background: url('image/bg-door.jpg') no-repeat; background-position: center;}
.abs-door-list li { float: left; width: 50%;}
.abs-door-list li div { padding: 10px 0; min-height: 100px;}
.abs-door-list li:nth-of-type(odd) div { padding-right: 57%; background-position: right 200px center !important; text-align: right;}
.abs-door-list li:nth-of-type(even) div { padding-left: 57%; background-position: left 200px center !important; text-align: left;}
.abs-door-list li:nth-of-type(1) div { background: url('image/bg-door0101.jpg') no-repeat;}
.abs-door-list li:nth-of-type(2) div { background: url('image/bg-door0105.jpg') no-repeat;}
.abs-door-list li:nth-of-type(3) div { background: url('image/bg-door0102.jpg') no-repeat;}
.abs-door-list li:nth-of-type(4) div { background: url('image/bg-door0106.jpg') no-repeat;}
.abs-door-list li:nth-of-type(5) div { background: url('image/bg-door0103.jpg') no-repeat;}
.abs-door-list li:nth-of-type(6) div { background: url('image/bg-door0107.jpg') no-repeat;}
.abs-door-list li:nth-of-type(7) div { background: url('image/bg-door0104.jpg') no-repeat;}
.abs-door-list li:nth-of-type(8) div { background: url('image/bg-door0108.jpg') no-repeat;}
.abs-door-list li div h4 { padding: 8px 0; font-size: 2.3rem; font-family: 'GmarketSansMedium',sans-serif !important; color: #056fb8;}
.abs-door-list li div p { font-size: 1.5rem; color: #444; letter-spacing: -0.05em; line-height: 1.6em;}

.handle { padding-top: 50px;}
.handle .column2 > li { float: left; width: 50%;}
.list-comm-layout { position: relative; margin-top: 50px;}
.list-comm-layout h4 { position: absolute; top: 0; left: 0; width: 120px; padding-top: 15px; border-top: solid 1px #056fb8; font-size: 1.6rem; font-family: 'GmarketSansMedium',sans-serif !important; color: #056fb8; line-height: 1.4em;}
.list-comm-layout .layout-in { margin-left: 150px;}
.list-comm-layout .layout-in li { float: left; position: relative; margin: 0 10px; text-align: center;}
.list-comm-layout .layout-in li p { padding: 15px 0; font-size: 1.3rem; color: #444; letter-spacing: -0.03em; line-height: 1.5em;}
/* 05-견적문의 */
.inquiry { text-align: center;}
.inquiry h3 { display: inline-block; margin: 120px 0 40px; padding-bottom: 3px; font-family: 'GmarketSansMedium', sans-serif !important; font-size: 2.5rem; border-bottom: solid 2px #333;}
.inquiry ul.step { margin: 0 auto;}
.inquiry ul.step li { float: left; width: 25%; padding: 0 25px; box-sizing: border-box; background: url('image/bg-dotline-arr.png') no-repeat right 90px, url('image/bg-dotline.gif') repeat-x left 100px;}
.inquiry ul.step li:last-child { background: url('image/bg-dotline.gif') repeat-x left 100px;}
.inquiry ul.step li h4 { padding: 30px 0 10px; font-family: 'GmarketSansMedium', sans-serif !important; font-size: 2rem; color: #056fb8; line-height: 1.6em;}
.inquiry ul.step li p { font-size: 1.5rem; color: #333; letter-spacing: -.05em; line-height: 1.6em;}
.inquiry .call-box { width: 380px; height: 60px; line-height: 60px; margin: 50px auto 0; font-family: 'GmarketSansMedium', sans-serif !important; font-size: 2rem; color: #fff; text-align: center; background: #056fb8;}
.inquiry .call-box span { color: #ffe133; -webkit-animation: textPoint2 ease-in-out 2s infinite; -ms-animation: textPoint2 ease-in-out 2s infinite; -moz-animation: textPoint2 ease-in-out 2s infinite; -o-animation: textPoint2 ease-in-out 2s infinite; animation: textPoint2 ease-in-out 2s infinite;}

/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:1400px) {
	/* 0101-인사말 */
	.cert ul { width: 100%;}
	/* 02&03-제품뷰 */
    .abs-door-list { background: none;}
}
/* ////////////////////////////////////////////////// notebook */
@media all and (min-width:990px) and (max-width:1400px) {
	/* 02&03-제품뷰 */
    .abs-door-list li:nth-of-type(odd) div { padding-right: 170px; background-position: right 25px center !important;}
    .abs-door-list li:nth-of-type(even) div { padding-left: 170px; background-position: left 25px center !important;}
}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	/* 0101-인사말 */
	.greeting li { float: none; width: 100%;}
	.greeting li:nth-of-type(2) { width: 100%; margin: 80px 0 0;}
	.vision li div { width: 200px; height: 200px;}
	.vision li div p { font-size: 19px;}
	.history-list > li .year-list li span { padding-right: 0px}

	/* 02&03-제품뷰 */
	.merit-list li,
	.merit-list2 li { width: 50%; padding: 0 1.5%;}
	.merit-list.colmn4 li:nth-of-type(1),
	.merit-list.colmn4 li:nth-of-type(3) { margin-left: 0;}

	.color-box { margin-bottom: 50px;}
	.color-box li { width: 23%; margin: 25px 1%;}
	.color-box .colmn5 li { width: 31.33%;}

	.handle-box > ul > li { float: none; width: 90%; margin: 20px auto 0;}
	.handle-box > ul > li > ul > li { margin: 25px 1%;}
	.handle-box > ul > li > ul.colmn5 > li,
	.handle-box > ul > li > ul.colmn6 > li { width: 31.33%;}

	.pdc-box h3 { display: inline-block; padding: 20px 0 5px; border-bottom: solid 3px #ccc; font-size: 1.5rem; font-family: 'GmarketSansMedium',sans-serif !important;color: #111;}
	.pdc-box .pdc-tit { width: 100%; padding: 10px 0; font-size: 2rem}
	.pdc-box > ul > li { float: none; width: 100%; margin: 20px auto 0;}}

	.doorframe { margin-top: 40px;}
    .doorframe li { float: none; width: 100%; padding: 20px 0;}
    .doorframe li .img-box { margin-right: 0;}
	/* 05-견적문의 */
    .inquiry ul.step li { width: 50%;}
    .inquiry ul.step li:nth-of-type(1),
    .inquiry ul.step li:nth-of-type(2) { margin-bottom: 60px;}
}
/* ////////////////////////////////////////////////// tablet */
@media all and (min-width:641px) and (max-width:990px) {
	/* 02&03-제품뷰 */
	.abs-door-list li { width: 33.33%; text-align: center;}
	.abs-door-list li:nth-of-type(odd) div { padding-right: 0; background-position: center top !important; text-align: center;}
	.abs-door-list li:nth-of-type(even) div { padding-left: 0; background-position: center top !important; text-align: center;}
	.abs-door-list li div { padding-top: 120px;}
	.abs-door-list li div h4 { font-size: 19px;}
	.abs-door-list li div p { width: 90%; margin: 0 auto; height: 80px;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* 0101-인사말 */
    .greeting li:nth-of-type(2) { margin: 50px 0 0;}
	.greeting li h3 { padding: 0 0 25px; font-size: 3rem;}
	.greeting li p { font-size: 15px; line-height: 1.8em;}
	.greeting li p.p-sign { padding-top: 30px;}
	.greeting li p.p-sign img { height: 30px;}
	.cert ul { margin: 50px auto; justify-content: center;}
	.cert li { width: 42%; margin: 15px 4%;}
	.vision li div { width: 100px; height: 100px;}
	.vision li:nth-of-type(1) div { margin-right: -10px;}
	.vision li:nth-of-type(3) div { margin-left: -10px;}
	.vision li div p { font-size: 11px;}
	/* 0102-연혁 */
    .history { background-position: 23% top;}
    .history-list > li dl { background-position: 21.7% 3px; background-size: 17px;}
    .history-list > li dt { width: 23%; padding-top: 3px; font-size: 21px;}
    .history-list > li:nth-of-type(odd) dt,
    .history-list > li:nth-of-type(even) dt { float: left; margin-left: 0; margin-right: 0; text-align: left;}
    .history-list > li dd { width: 67%;}
    .history-list > li:nth-of-type(odd) dd,
    .history-list > li:nth-of-type(even) dd { float: left; margin-left: 7%; margin-right: 0; text-align: left;}
	.history-list > li:nth-of-type(odd) strong,
	.history-list > li:nth-of-type(even) strong { padding: 0 10px 0 0;}
    .history-list > li .year-list { padding: 2px 0 30px;}
    .history-list > li .year-list li { margin-bottom: 8px;}
    .history-list > li:nth-of-type(odd) .year-list li,
    .history-list > li:nth-of-type(even) .year-list li { padding-left: 0; padding-right: 0;}
    /* 0103-찾아오시는길 */
    .location .top-location { width: 100%; margin: 0 auto 30px;}
    .location .top-location p { padding: 90px 0 15px 0; background-position: center 20px; background-size: 60px;}
	.location .btn-map img { width: 130px;}
	/* 02&03-제품리스트 */
	.product-list li { float: none; width: 90%; margin: 30px 5%;}
    .product-list li .txt-box { padding-top: 30px;}
	/* 02&03-제품뷰 */
	.tit-view p:nth-of-type(1) { padding-bottom: 12px; font-size: 2.5rem;}
	.tit-view h3 { margin-bottom: 20px; font-size: 27px;}
	.tit-view p:nth-of-type(2) { padding-bottom: 30px; font-size: 1.7rem; color: #444; letter-spacing: -.05em; line-height: 1.6em;}

	.spec-box { width: 100%; margin: 10px auto 40px; padding: 10px 20px;}
	.spec-box dt { float: none; padding: 5px 0 0; text-align: left;}
	.spec-box dd { float: none; padding: 0 0 5px 0; text-align: left; font-size: 13px;}

	.merit-box { margin-top: 60px;}
	.merit-box .p-merit { padding-bottom: 20px;}
	.merit-list li,
	.merit-list2 li { margin: 15px 0 20px;}
	.merit-list li p,
	.merit-list2 li p { padding-top: 17px; font-size: 13px;}

	.recommend-box { margin-top: 30px;}
    .recommend-box h3 { font-size: 18px;}
    .recommend-box p { padding-top: 10px; font-size: 13px;}

	.color-box { margin-top: 60px; padding: 40px 0;}
    .color-box li { width: 31.33%; margin: 12px 1%;}
    .color-box p { padding-top: 10px;}
    .color-box .colmn5 li { width: 48%;}

	.handle-box { padding: 40px 0;}
	.handle-box h3 { margin-bottom: 20px;}
	.handle-box > ul > li p { padding-top: 20px;}
	.handle-box > ul > li > ul > li { margin: 12px 1%;}
	.handle-box > ul > li > ul > li p { padding-top: 10px;}

	.comment-txt { margin-top: 40px; padding: 20px 40px;}
	.comment-txt i { font-size: 28px;}
	.notice-txt { padding-top: 20px; margin: 40px 0;}
	.notice-txt p { padding-left: 14px; background-size: 7px;}

	.doorframe li > div { float: none; margin: 0 auto !important;}
	.doorframe li .img-box { width: 60%;}
	.doorframe li .txt-box { width: 90%;}
	.doorframe li .txt-box h4 { padding: 20px 0 7px;}

	.door-info { margin-top: 60px;}
    .door-info p:nth-of-type(1) { padding: 7px 0 30px;}
    .door-info p:nth-of-type(2) { padding: 2px 7px; margin: 40px 0 10px;}
    .door-info p:nth-of-type(3) { padding-bottom: 35px;}
    .door-info p.p-summury { padding-top: 20px;}

    .abs-door-list { margin-top: 80px;}
    .abs-door-list li { float: none; width: 100%;}
    .abs-door-list li div { background-size: 70px !important; min-height: 70px; padding: 7px 0 7px 90px !important;}
    .abs-door-list li:nth-of-type(odd) div { padding-right: 0; text-align: left; background-position: left center !important;}
    .abs-door-list li:nth-of-type(even) div { padding-left: 0; background-position: left center !important;}
    .abs-door-list li div h4 { padding: 2px 0 6px 0; font-size: 17px;}

	.handle { padding-top: 30px;}
    .handle .column2 > li { float: none; width: 100%;}
    .list-comm-layout { margin-top: 20px;}
    .list-comm-layout h4 { width: 90px; padding-top: 10px;}
	.list-comm-layout .layout-in { margin-left: 110px;}
    .list-comm-layout .layout-in li { margin: 0 5px;}
    .list-comm-layout .layout-in li p { padding: 10px 0;}
    .list-comm-layout .layout-in li img,
    .list-comm-layout .layout-in li p { width: 95px !important;}
	/* 05-견적문의 */
    .inquiry h3 { margin: 60px 0 20px;}
    .inquiry ul.step li { padding: 0 10px; background: url('image/bg-dotline.gif') repeat-x left 65px !important;}
    .inquiry ul.step li:nth-of-type(1),
    .inquiry ul.step li:nth-of-type(2) { margin-bottom: 40px;}
    .inquiry ul.step li h4 { padding: 20px 0 7px;}
    .inquiry ul.step li img { width: 130px;}
	.inquiry .call-box { width: 90%; height: auto; margin: 30px auto 0; padding: 10px 0; line-height: 1.5em;}
}