@charset 'utf-8';
/* COMMON */


/* COMPANY */


/* PRODUCT  */
.pro_top_wrap {padding:80px 0 0 0;}
.pro_top_wrap .inner {display: flex; align-items: center; color:#18294f;}
.pro_top_wrap .tit {flex:0 0 310px; font-size:5em; font-weight: 700;}
.pro_top_wrap .txt {font-size:1.25em; line-height: 1.5em;}
.product_wrap {display: flex; flex-wrap: wrap; gap:60px 30px;}
.product_wrap .product {flex:0 0 calc(25% - 23px); cursor: pointer;}
.product_wrap .product .img_wrap {border:1px solid #d7dae1; border-radius: 10px; overflow: hidden; height:395px;}
.product_wrap .product .img_wrap > div {width:100%; height:100%; background-position: center;}
.product_wrap .product .txt_wrap {font-size:1.25em; text-align: center; margin-top:15px;}
.modal-con.pro {top:0; transform: translate(-50%, 0); height: 100vh; max-width:1680px; width:100%;}
.modal-con.pro .modal_title h3 {height: 124px; line-height: 124px;}
.modal-con.pro .modal_content { overflow-y: scroll; height:100%; width: fit-content; margin: 0 auto;}
.modal-con.pro .modal_close {right:0; width:27px; height:27px; background:url('../images/common/modal_close.png') center / cover no-repeat;}

/* GLOBAL */
.global_wrap {word-break: keep-all;}
.global_wrap .g_01 {display: flex; justify-content: space-between; width:100%;}
.global_wrap .g_01 .tit_wrap {flex:0 0 45%; font-size:3.25em; font-weight: 700;}
.global_wrap .g_01 .tit_wrap::after {content: ''; display: inline-block; width:740px; height:350px; background:url('../images/global/global_map.png') center / cover no-repeat; margin-top:124px;}
.global_wrap .g_01 .tbl_wrap {flex:0 0 55%; max-width: 880px;}
.global_wrap .g_01 .tbl_wrap .tbl {display: flex; align-items: center; justify-content: space-between; width:100%; border:1px solid rgba(215, 218, 225, .25); border-radius: 10px; padding:60px; margin-bottom:20px;}
.global_wrap .g_01 .tbl_wrap .tit {font-size:2.125em; font-weight: 700; margin-bottom:40px;}
.global_wrap .g_01 .tbl_wrap .tbl ul {font-size:1.375em; font-weight: 500; line-height: 1.455em;}
.global_wrap .g_01 .tbl_wrap .tbl ul > li {position: relative; padding-left:25px; margin-bottom:18px;}
.global_wrap .g_01 .tbl_wrap .tbl ul > li::before {content: ''; width:6px; height:6px; display: inline-block; background:#fff; border-radius: 100%; position: absolute; top:12px; left:0px;}
.global_wrap .g_01 .tbl_wrap .tbl dl {font-size:0.818em; line-height: 1.222em; margin-top:10px;}
.global_wrap .g_02 {margin-top:210px;}
.global_wrap .g_02 .tit_wrap {font-size:3.25em; font-weight: 700; margin-bottom:70px;}
.global_wrap .g_02 .tbl_wrap {display: flex; gap:95px;}
.global_wrap .g_02 .tbl_wrap > * {flex:0 0 calc(50% - 48px);}
.global_wrap .g_02 .tbl_wrap .img_wrap img {width:100%;}
.global_wrap .g_02 .tbl_wrap .txt_wrap {margin-top:70px;}
.global_wrap .g_02 .tbl_wrap .txt_wrap > span {display: block; font-size:2.5em; font-weight: 700; margin-bottom:45px;}
.global_wrap .g_02 .tbl_wrap .txt_wrap .ul_wrap {display: flex;}
.global_wrap .g_02 .tbl_wrap .txt_wrap .ul_wrap > * {flex:0 0 255px;}
.global_wrap .g_02 .tbl_wrap .txt_wrap .ul_wrap span {display:block; font-weight: 700; font-size:1.375em; margin-bottom:10px;}
.global_wrap .g_02 .tbl_wrap .txt_wrap .ul_wrap ul {font-size:1.125em; line-height: 1.556em;}


/* PR CENTER */
.gallery_wrap {display: flex; flex-wrap: wrap; gap:40px;}
.gallery_wrap .gallery {flex:0 0 calc(25% - 30px);}
.gallery_wrap .gallery a {display: flex; flex-direction: column;}
.gallery_wrap .gallery a .img_wrap {position: relative; height:330px; background-color: rgba(0, 0, 0, 1); overflow: hidden; border-radius: 20px; overflow: hidden;}
.gallery_wrap .gallery a .img_wrap > div {width:100%; height:100%; opacity: 0.95; isolation: isolate; background-size: cover; background-position: center; background-repeat: no-repeat; }
.gallery_wrap .gallery a .img_wrap::before {content: ''; display: inline-block; width:64px; height:64px; background:url('/resource/images/prcenter/icon_down.png') center / cover no-repeat; position:absolute; right:20px; bottom:20px; z-index: 1;}
.gallery_wrap .gallery a .img_wrap::after {content: ''; display: inline-block; width:14px; height:16px; background:url('/resource/images/prcenter/icon_down_arrow.png') center / cover no-repeat; position:absolute; right:45px; bottom:46px;-webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out; z-index: 1;}
.gallery_wrap .gallery a:hover .img_wrap::after {animation: icon_download 1s infinite alternate;}
.gallery_wrap .gallery a .txt_wrap {display: inline-block; color:#18294f; font-size:1.75em; margin:20px 0 10px 0;}
.gallery_wrap .gallery a .txt_wrap .tit {position: relative;  display: inline-block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: keep-all;} 
.gallery_wrap .gallery a .txt_wrap .tit::before {content: ''; display: inline-block; width:0; height:2px; position: absolute; left:0; bottom:0; background:#18294f; background:#18294f; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out; } 
.gallery_wrap .gallery a:hover .txt_wrap .tit::before {width:100%;}
.gallery_wrap.video .gallery .img_wrap > div {opacity: .5;}
.gallery_wrap.video .gallery a .img_wrap::before {content: ''; display: inline-block; width:72px; height:72px; background:#fff; border-radius: 100%; position:absolute; left:50%; top: 50%; transform: translate(-50%, -50%); z-index: 1;}
.gallery_wrap.video .gallery a .img_wrap::after {content: ''; display: inline-block; width:17px; height:19px; background:url('/resource/images/prcenter/icon_play.png') center; position:absolute;  left:51%; top: 50%; transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out; z-index: 1;}
.gallery_wrap.video .gallery a:hover .img_wrap::after {animation: icon_download 1s infinite alternate;}
.gallery_wrap.video .gallery a .txt_wrap p {color:#b1b1b7; font-size:0.714em; line-height: 1.3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; margin-top:26px;}
.gallery_wrap.video .gallery a .txt_wrap .date {width: 100%; display: block; text-align: right;color:#b1b1b7; font-size:0.714em; margin-top:36px;}
/* CI BI */
.sub_0404 .stxt {font-size:1.25em; font-weight: 500; display:block; margin-bottom:90px;}
.sub_0404 .btxt {font-size:3.75em; font-weight: 700; display:block; margin-bottom:110px; text-transform: uppercase}
.sub_0404 .wtxt {font-size:1.5em; font-weight: 500; display:block;}
.cibi_wrap {color:#18294f; word-break: keep-all;}
.cibi_wrap h3 {font-size:3.25em; font-weight: 700; margin-bottom:40px;}
.cibi_wrap .cibi {background:url('../images/prcenter/cibi_bg.png') repeat; border-radius: 28px; overflow: hidden; height:490px; display: flex; justify-content: center; align-items: center; margin-bottom:130px;}
.cibi_wrap p {font-size:2.5em; font-weight: 700; display: block; width:100%; text-align: center; margin-bottom:100px;}
.cibi_wrap ul {display: flex; justify-content: center; align-items: center; gap:14px;}
.cibi_wrap ul li {}
.cibi_wrap ul li a {}
.color_wrap {color:#18294f; margin-top:190px; word-break: keep-all;}
.color_wrap h3 {font-size:3.25em; font-weight: 700; margin-bottom:50px;}
.color_wrap p {font-size:1.375em; font-weight: 500;}
.color_wrap .color {margin-top:100px;}
.color_wrap .color ul {display: flex; width:100%;}
.color_wrap .color ul li {flex:0 0 50%; background:#6d81ad; border-radius: 0 25px 25px 0; padding:40px; height:340px; display: flex; flex-direction: column; justify-content: space-between; font-size:1.25em; font-weight: 500; color:#fff; line-height: 1.5em;}
.color_wrap .color ul li:first-child {background:#19294f; border-radius: 25px 0 0 25px;}
.color_wrap .color ul li .tit {font-weight: 700; font-size:1.1em;}

/* CUSTOMER */
.board_list_wrap {}
.board_list_wrap .src_wrap {display: flex; align-items: center; justify-content: center; margin-bottom:60px; }
.board_list_wrap .src_wrap .search_g {position: relative; width:100%; max-width: 720px; }
.board_list_wrap .src_wrap label {display: none;}
.board_list_wrap .src_wrap select {height:60px; background:url('/resource/images/common/select_arrow_b.png') no-repeat 85% 50% #f4f5f9; padding:20px 40px 20px 20px; border-radius: 14px; border:none; margin-right:5px;}
.board_list_wrap .src_wrap input {width:100%; height:60px; background:#f4f5f9; padding:20px; border-radius: 14px; border:none; font-size:1.125em;}
.board_list_wrap .src_wrap button {position: absolute; top:5px; right:5px; display: inline-block; width:49px; height:50px; border-radius: 14px; background:url('../images/common/icon_search.png') center no-repeat #18294f; text-indent: -999px; overflow: hidden; }

.board_list_wrap .total_wrap {display: flex; justify-content: space-between;color:#18294f; font-size:1.125em; text-align: right; margin-bottom:10px;}
.board_list_wrap .total_wrap b {color:#6e81ae; font-weight: 400;}
.board_list_wrap .qust {justify-content: flex-end; margin-top:10px;}
.board_list_wrap .qust a {font-size:1.125em; border:1px solid #d7dae1; padding:18px 20px; border-radius: 20px; color:#18294f;}


/* 게시판 리스트 */
.board_list_wrap .list_wrap {border-top:1px solid #d7dae1;}
.board_list_wrap .list_wrap .con {display: flex; align-items: center; justify-content: space-between; width:100%; position: relative; border-bottom:1px solid #d7dae1;}
.board_list_wrap .list_wrap .title {padding:70px 0; width: 70%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: left;}
.board_list_wrap .list_wrap .title .txt {position: absolute; left:0; top:30px;}
.board_list_wrap .list_wrap .title > * {display: flex; align-items: center;}
.board_list_wrap .list_wrap .title .modal_open {cursor: pointer; font-size:1.75em; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: keep-all; }
.board_list_wrap .list_wrap .title span {color:#b1b1b7; font-size:1.25em;}
.board_list_wrap .list_wrap .title span.count {color:#6e81ae;}
.board_list_wrap .list_wrap .title span::after {content: ''; display: inline-block; width:1px; height:11px; background:#d7dae1; margin:0 20px; vertical-align: middle;}
.board_list_wrap .list_wrap .title span:last-child::after {display: none;}
.board_list_wrap .list_wrap .title a {position: relative; color:#18294f; font-size:1.75em; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: keep-all;}
.board_list_wrap .list_wrap .title a:hover {color:#18294f; font-size:1.75em; font-weight: 500;}
.board_list_wrap .list_wrap .title a::before {content: ''; display: inline-block; width:0; height:2px; position: absolute; left:0; bottom:0; background:#18294f; background:#18294f; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out; } 
.board_list_wrap .list_wrap .title a:hover::before {width:100%;}
.board_list_wrap .list_wrap .date {flex:0 0 330px; display: flex; color:#b1b1b7; font-size:1.25em;}
.board_list_wrap .list_wrap .new {flex: 0 0 26px; display: inline-block; width:26px; height:26px; background:url('../images/common/icon_new.png') center / cover no-repeat;}
.board_list_wrap .list_wrap .lock {display: inline-block; width:20px; height:22px; background:url('../images/common/board_lock_icon.png') center / cover no-repeat; margin-left:10px;}
.board_list_wrap .list_wrap .date.state {flex:0 0 42%;}
.board_list_wrap .list_wrap .date.state > div:first-child {width:45%;}
.board_list_wrap .list_wrap .date.state .complete {display: flex; align-items: center; gap:13px; color:#18294f; font-size:1.25em; font-weight: 700;}
.board_list_wrap .list_wrap .date.state .complete::before {content: ''; display: inline-block; width:36px; height:36px; background:url('../images/customer/icon_an.png') center / cover no-repeat; }
.board_list_wrap .list_wrap .date.state .waiting {display: flex; align-items: center; gap:13px; color:#679c01; font-size:1.25em; font-weight: 700;}
.board_list_wrap .list_wrap .date.state .waiting::before {content: ''; display: inline-block; width:36px; height:36px; background:url('../images/customer/icon_an_g.png') center / cover no-repeat; }
.board_list_wrap .list_wrap .re::before {content: ''; display: inline-block; width:36px; height:36px; background:url('../images/customer/icon_re.png') center / cover no-repeat; vertical-align: bottom; margin-right:5px;}
.board_list_wrap .list_wrap .re::after {display: none !important;}
/*질문답변 - 모달 */
.answer .modal_content .ans_inp {display: flex; flex-direction: column; gap:38px; margin-top:60px;}
.answer .modal_content input {border:1px solid #18294f; border-radius: 14px; max-width: 470px; width:100%; margin:0 auto; padding:22px 20px; height: auto;}
.answer .modal_content button {position: relative; top:auto; right:auto; background: #18294f; color:#fff; text-align: center; border-radius: 28px; font-size:1.125em; width:92px; height:57px; margin:0 auto;}

/* 게시판 뷰페이지 */
.board_list_wrap {}
.board_list_wrap .view_wrap {}
.board_list_wrap .view_wrap .view_top {display: flex; align-items: center; justify-content: space-between; width:100%; position: relative; border-bottom:1px solid #d7dae1;}
.board_list_wrap .view_wrap .view_top .title {display: block; width:100%; padding-bottom:20px;}
.board_list_wrap .view_wrap .view_top .title .b {font-size:2.875em; font-weight: 700; color:#18294f; text-align: center; margin-top:60px;}
.board_list_wrap .view_wrap .view_top .title .txt {margin-top:80px;}
.board_list_wrap .view_wrap .view_top .title span {color:#b1b1b7; font-size:1.25em;}
.board_list_wrap .view_wrap .view_top .title span.count {color:#6e81ae;}
.board_list_wrap .view_wrap .view_top .title span::after {content: ''; display: inline-block; width:1px; height:11px; background:#d7dae1; margin:0 20px; vertical-align: middle;}
.board_list_wrap .view_wrap .view_top .title span:last-child::after {display: none;}
.board_list_wrap .view_wrap .contents {color:#18294f; font-size:1.5em; padding:100px 0;}
.board_list_wrap .view_wrap .move_btn {}
.board_list_wrap .view_wrap .move_btn .area_lft {display: flex; align-items: center; font-size:1.52em; color:#18294f;}
.board_list_wrap .view_wrap .move_btn .area_rgh {color:#b1b1b7; font-size:1.25em; padding-right:55px;}
.board_list_wrap .view_wrap .move_btn ul {display: flex; flex-direction: column; border-top:1px solid #d7dae1;}
.board_list_wrap .view_wrap .move_btn ul > li {border-bottom:1px solid #d7dae1;}
.board_list_wrap .view_wrap .move_btn span {flex:0 0 305px; padding:35px 20px; display: flex; gap:26px; align-items: center;}
.board_list_wrap .view_wrap .move_btn a {display: flex; align-items: center; justify-content: space-between;  color:#18294f; }
.board_list_wrap .view_wrap .move_btn p {text-decoration: underline;}
.board_list_wrap .view_wrap .move_btn span::after {content: ''; display: inline-block; width:13px; height:8px; background:url('../images/common/board_view_arrow.png') center no-repeat;}
.board_list_wrap .view_wrap .move_btn .prev::after {transform: rotate(180deg);}
.board_list_wrap .view_wrap .btn_wrap { margin-top:95px; justify-content: center; align-items: center;}

/* 페이저 */
.pager_wrap {display: flex; width:100%; align-items: center; justify-content: center; margin-top:130px;}
.pager_wrap .arr {width:32px; height:42px; line-height: 42px; }
.pager_wrap a {display: block; width:100%; height:100%; text-align: center;color:#091734;}
.pager_wrap > ul  {display: flex; gap:5px; margin:0 20px;}
.pager_wrap > ul > li {width:42px; height:42px; line-height: 42px; background:#f5f6f8;  border-radius: 5px; font-size:18px; color:#091734;}
.pager_wrap > ul > li.on {background:#091734; border:1px solid #091734;}
.pager_wrap > ul > li.on a {color:#fff; font-weight: 900; text-decoration: underline;}

/* 견적문의 */
.cus_agr .inner {max-width: 1140px;}
.agree_wrap {}
.agree_wrap h3 {font-size:1.875em; font-weight: 700; color:#18294f;}
.agree_wrap .txt_scroll {background:#f4f5f9; border-radius: 20px; height:230px; padding:12px 11px 0 30px; margin:30px 0 20px 0;}
.agree_wrap .txt_scroll > div {width:100%; height:100%; overflow-y: scroll; padding:20px 20px 0 0;}
.agree_wrap .txt_scroll > div::-webkit-scrollbar {width:5px;}
.agree_wrap .txt_scroll > div::-webkit-scrollbar-thumb {background:#18294f; border-radius:2.5px;}
.agree_wrap .txt_scroll > div::-webkit-scrollbar-track {background:#f4f5f9}
.agree_wrap .txt_scroll p {color:#94949d; font-size:1.125em; line-height: 1.667em;}
.agree_wrap .agree_chk label {color:#94949d; font-size:1.125em; display: flex; align-items: center; }
.form_wrap {border-top:1px solid #18294f; margin-top:67px; padding-top:46px;}
.form_wrap .row {display: flex; align-items: center; margin-bottom:20px; }
.form_wrap .row .tit {flex:0 0 200px;}
.form_wrap .row .req {}
.form_wrap .row .inp {width:100%;}
.form_wrap .row input {width:100%;}
.form_wrap .row select {height:auto; font-size:1.125em; padding:16px 30px; border: 1px solid #18294f; border-radius: 10px; }
.form_wrap .row .min_wtd {width:270px;}
.form_wrap .row .col_tel {}
.form_wrap .row .col_tel > ul {display: flex; align-items: center; gap:10px;}
.form_wrap .row .col_tel > ul > li {}
.form_wrap .row .col_tel input,
.form_wrap .row .col_tel select {width:200px;}
.form_wrap .row .col_mail {}
.form_wrap .row .col_mail > ul {display: flex; align-items: center; gap:10px;}
.form_wrap .row .col_mail > ul > li {}
.form_wrap .row .col_mail > ul > li:first-child {display: flex; align-items: center;}
.form_wrap .row .col_mail span {display:inline-block; color:#94949d; font-size:1.125em; margin:0 10px 0 20px; }
.form_wrap .row .col_mail select {width:280px;}
.form_wrap .row .inp textarea {width:100%; height: 240px;}
.form_wrap .btn_wrap {margin-top:50px; justify-content: center;}
.form_wrap .btn_wrap button {}

#modal_overlay{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(255, 255, 255, 0.5); z-index: 999; backdrop-filter:blur(10px);}
.modal-con {display:none; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); max-width: 700px; width:50%; z-index: 9999;}
.modal-con .modal_title {text-align: center; color:#18294f;}
.modal-con .modal_title h3 {font-size:3.063em; font-weight: 700;}
.modal-con .modal_title span {font-size:1.25em; font-weight: 700; display: inline-block; margin-top:30px;}
.modal-con .modal_close {display:block; position:absolute; width:30px; height:30px; right:40px; top:50px; background: url(/images/main/btn_close.png) no-repeat; background-size:cover; z-index: 999; cursor: pointer;}

/* 이용약관*/
.pvsCntTp {clear:both; text-align: left;}
.pvsCntTp .pd1 { padding:10px 0 15px 0;}
.pvsCntTp .pd2 {margin-top:18px;}
.pvsCntTp ol li dl {position:relative; overflow:hidden; zoom:1; padding-bottom:20px;}
.pvsCntTp ol li dl dt {padding:19px 0 14px 0; color:#333;}
.pvsCntTp ol li dl dd {padding:0 0 14px 20px; color:#333;}
.pvsCntTp ol li dl.nobg {background:none;}


/* 애니메이션 효과 */
@keyframes icon_download {
    0% {
        bottom: 50px;
    }
    50% {
       bottom: 44px;
    }
    100% {
        bottom: 50px;        
    }
}

@media screen and (max-width:1400px) {	
	
}

@media screen and (max-width:1024px) {	

	/* COMMON */
	
	
	/* COMPANY */


	/* PRODUCT  */
	.pro_top_wrap {padding-top:120px;}
	.pro_top_wrap .inner {flex-direction: column;}
	.pro_top_wrap .tit {flex: 0 0 100%; font-size: 2.857em;}
	.pro_top_wrap .txt {text-align: center; margin-top:10px; word-break: keep-all; font-size:1em;}
	.sub_pro {margin-top:80px;}
	.product_wrap {gap:30px 10px;}
	.product_wrap .product {flex:0 0 calc(50% - 5px);}
	.product_wrap .product .img_wrap {height:250px;}


	/* GLOBAL */
	.global_wrap .g_01 {flex-direction: column;}
	.global_wrap .g_01 .tit_wrap { font-size: 2.857em;}
	.global_wrap .g_01 .tbl_wrap .tbl {padding:25px; flex-direction: column-reverse; align-items: flex-start; gap:20px;}
	.global_wrap .g_02 .tbl_wrap {flex-direction: column;}
	.global_wrap .g_02 .tit_wrap {font-size:2.857em; margin-bottom:50px;}
	.global_wrap .g_02 .tbl_wrap .txt_wrap {margin-top:20px;}
	.global_wrap .g_02 .tbl_wrap .txt_wrap > span {margin-bottom:30px;}
	.global_wrap .g_02 .tbl_wrap .txt_wrap .ul_wrap {flex-direction: column; gap:30px;}
	.global_wrap .g_02 .tbl_wrap .txt_wrap .ul_wrap > * {flex:0 0 auto;}


	/* PR CENTER */
	.gallery_wrap {gap:40px 20px;}
	.gallery_wrap .gallery {flex: 0 0 calc(50% - 10px);}
	.gallery_wrap .gallery a .img_wrap {height: 32.2vw;}
	.gallery_wrap .gallery a .img_wrap::before {width:32px; height:32px;}
	.gallery_wrap .gallery a .img_wrap::after {right: 31px; width: 10px; height: 12px; bottom: 33px;}
	.gallery_wrap .gallery a .txt_wrap { font-size:1.143em; margin:10px 0 5px 0;}
	.gallery_wrap.video .gallery a .img_wrap::before {width:38px; height:38px;}
	.gallery_wrap.video .gallery a .txt_wrap p {margin-top:13px;}
	.gallery_wrap.video .gallery a .txt_wrap .date {margin-top:18px;}
	/* CI BI */
	.cibi_wrap .cibi {height:350px; margin-bottom:60px;}
	.cibi_wrap p {font-size:1.429em; margin-bottom:40px;}
	.cibi_wrap ul {flex-direction: column;}
	.color_wrap .color {margin-top:50px;}
	.color_wrap .color ul {flex-direction: column; gap:10px;}
	.color_wrap .color ul li:first-child,
	.color_wrap .color ul li {border-radius: 10px;}	

	/* CUSTOMER */	
	/* 게시판 리스트 */
	.board_list_wrap .list_wrap .title {padding:35px 0;}
	.board_list_wrap .list_wrap .title > * {display: flex;}
	.board_list_wrap .list_wrap .title a {width:calc(100% - 10px); font-size:1.143em;}
	.board_list_wrap .list_wrap .date {flex:0 0 auto; font-size:1em; justify-content: flex-end}
	.board_list_wrap .list_wrap .title span {font-size:1em;}
	.board_list_wrap .list_wrap .title .txt {top:10px;}
	.board_list_wrap .list_wrap .new {width:20px; height:20px;}
	.board_list_wrap .list_wrap .title .modal_open {font-size:1.143em;}
	.board_list_wrap .list_wrap .date.state .complete,
	.board_list_wrap .list_wrap .date.state .waiting {font-size:1em; width: 60% !important; gap: 5px;}
	.board_list_wrap .list_wrap .date.state .waiting::before {width:20px; height:20px;}
	.board_list_wrap .list_wrap .date.state .complete::before {width:20px; height:20px;}
	
    /* 견적문의 */
    .form_wrap .row .inp > ul > li {width:100%;}
    .form_wrap .row .col_tel input, 
    .form_wrap .row .col_tel select,
    .form_wrap .row .col_mail select {width:100%;}
    .form_wrap .row .col_mail > ul {flex-direction: column;}
	
	/*	 페이져 */
	.pager_wrap {margin-top:60px;}
	.pager_wrap .arr {width:21px; height:21px; line-height: 21px;}
	.pager_wrap > ul > li {width:21px; height:21px; line-height: 21px; font-size:1em;}



}

@media screen and (max-width:768px) {	

	/* COMMON */
	
	
	/* COMPANY */


	/* PRODUCT  */
	.product_wrap .product {flex:0 0 100%;}


	/* GLOBAL */


	/* PR CENTER */
	/* CI BI */
	.cibi_wrap .cibi img {width:80%;}


	/* CUSTOMER */
	
    /* 견적문의 */
    .form_wrap .row {flex-direction: column;}
    .form_wrap .row .tit {flex:0 0 auto; margin-bottom:10px; text-align: left; width:100%;}
    .form_wrap .row .col_tel > ul {}
    .form_wrap .row .min_wtd {width:100%;}
			
}

@media screen and (max-width:425px) {		

	/* COMMON */
	
	
	/* COMPANY */


	/* PRODUCT  */


	/* GLOBAL */


	/* PR CENTER */


	/* CUSTOMER */
	
}

@media screen and (max-width:320px) {		
	
}