@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');

body {box-sizing:border-box;font-family:'noto sans kr';font-size:14px;}
p,span {margin:0;line-height:normal;}
li {box-sizing:border-box;}
a {text-decoration:none;color:#0a0a0a;}
a:hover {text-decoration:none;}
button {background:none;border:0;}
img {width:100%;height:100%;object-fit:cover;}
.flex {display:flex;}
.align_ct {align-items:center;}
.btw {justify-content:space-between;}
.ovf {overflow:hidden;}
.dim {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:50;display:none;}

.wrap {padding:0;}
.container {max-width:1080px;margin:0 auto;}
.container>section {background:#fff;box-sizing:border-box;padding:30px 0;}


/*헤더 햄버거메뉴*/
.header {box-shadow:none;height:auto;position:sticky;top:0;z-index:10;}
.header .wrap {width:100%;max-width:1080px;margin:0 auto;display:flex;align-items:center;
	justify-content:space-between;position:relative;padding:22px 0;}
.header .logo {width:172px;height:46px;cursor:pointer;}
.header .top_nav {display:flex;}
.header .top_nav a {display:block;padding:0 16px;line-height:42px;font-size:18px;font-weight:600;
	white-space:nowrap;letter-spacing:-0.4px;color:#666;}
.header .top_nav a:hover {color:#333;}	
.header .top_nav a.active {color:#0d7c97;}
.header .right {display:flex;align-items:center;}
.header .hd_search_btn {width:68px;height:42px;display:block;
	background:url('/img/nangan/blog_logo.png')no-repeat center/100%;}
.header .hd-hamburger {display:none;margin-right:14px;}
.header .hd-hamburger span {display:block;width:20px;height:2px;background:#333;border-radius:100vw;margin:0 auto;
    margin-bottom:4px;}
.header .hd-hamburger span:last-child {margin-bottom:0;}
.header .hd-hamburger span:nth-child(1) {
	-webkit-animation : menu-bar07-01 .75s forwards;
	animation : menu-bar07-01 .75s forwards;
}
@-webkit-keyframes menu-bar07-01 {
	0% {-webkit-transform:translateY(6.1px) rotate(45deg);}
	50% {-webkit-transform:translateY(6.1px) rotate(0);}
	100% {-webkit-transform:translateY(0) rotate(0);}
}
@keyframes menu-bar07-01 {
	0% {transform:translateY(6.1px) rotate(45deg);}
	50% {transform:translateY(6.1px) rotate(0);}
	100% {transform:translateY(0) rotate(0);}
}
.header .hd-hamburger span:nth-child(2) {
	transition : all .25s .25s;
	opacity : 1;
}
.header .hd-hamburger span:nth-child(3) {
	-webkit-animation : menu-bar07-02 .75s forwards;
	animation : menu-bar07-02 .75s forwards;
}
@-webkit-keyframes menu-bar07-02 {
	0% {-webkit-transform:translateY(-6.1px) rotate(-45deg);}
	50% {-webkit-transform:translateY(-6.1px) rotate(0);}
	100% {-webkit-transform:translateY(0) rotate(0);}
}
@keyframes menu-bar07-02 {
	0% {transform:translateY(-6.1px) rotate(-45deg);}
	50% {transform:translateY(-6.1px) rotate(0);}
	100% {transform:translateY(0) rotate(0);}
}
.header .hd-hamburger.active span:nth-child(1) {
	-webkit-animation : active-menu-bar07-01 .75s forwards;
	animation : active-menu-bar07-01 .75s forwards;
}
@-webkit-keyframes active-menu-bar07-01 {
	0% {-webkit-transform:translateY(0) rotate(0);}
	50% {-webkit-transform:translateY(6.1px) rotate(0);}
	100% {-webkit-transform:translateY(6.1px) rotate(45deg);}
}
@keyframes active-menu-bar07-01 {
	0% {transform:translateY(0) rotate(0);}
	50% {transform:translateY(6.1px) rotate(0);}
	100% {transform:translateY(6.1px) rotate(45deg);}
}
.header .hd-hamburger.active span:nth-child(2) {
	opacity : 0;
}
.header .hd-hamburger.active span:nth-child(3) {
	-webkit-animation : active-menu-bar07-02 .75s forwards;
	animation : active-menu-bar07-02 .75s forwards;
}
@-webkit-keyframes active-menu-bar07-02 {
	0% {-webkit-transform:translateY(0) rotate(0);}
	50% {-webkit-transform:translateY(-6.1px) rotate(0);}
	100% {-webkit-transform:translateY(-6.1px) rotate(-45deg);}
}
@keyframes active-menu-bar07-02 {
	0% {transform:translateY(0) rotate(0);}
	50% {transform:translateY(-6.1px) rotate(0);}
	100% {transform:translateY(-6.1px) rotate(-45deg);}
}

.mo_nav {position:fixed;top:0;left:-260px;width:260px;height:100vh;background:#e4eff1;
	display:none;transition:left .3s ease;z-index:52;}
.mo_nav.show {left:0;}
.mo_nav .logo {padding:18px 0 14px;width:auto;background:#fff;}
.mo_nav .logo img {width:150px;height:40px;margin:0 auto;display:block;}
.mo_nav li {border-bottom:1px solid #fff;}
.mo_nav li:first-child {border-top:1px solid #fff;}
.mo_nav li a {display:block;padding:0 16px;line-height:54px;font-size:16px;font-weight:500;
	position:relative;}
.mo_nav li a::after {content:'';position:absolute;top:50%;right:16px;width:18px;height:18px;
	transform:translateY(-50%) rotateZ(-90deg);
	background:url('/img/nangan/down_reg_b.png')no-repeat center/100%;}

.sub_top {padding:20px 0;}
.sub_top .icon {width:76px;height:76px;margin:0 auto 20px;background:#107891;border-radius:100vw;}
.sub_top .t1 {text-align:center;font-size:32px;font-weight:600;color:#0a0a0a;}


/* 푸터 회사정보 */
.bottom {position:relative;}
.bottom::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;
	background:url('/img/nangan/bottom_cs.jpg')no-repeat center/calc(100% + 20px);z-index:-1;
	filter:brightness(.6);}
.bottom::after	{content:'';position:absolute;bottom:0;left:0;width:100%;height:271px;background:#075b6ff0;
		z-index:-1;}
.bottom_wrap {max-width:1080px;margin:0 auto;}
.bottom_cs {padding:50px 0;}
.bottom_cs .wrap {display:flex;justify-content:space-between;}
.bottom_cs .wrap .art {color:#fff;width:300px;}
.bottom_cs .wrap .art p {font-size:38px;font-weight:700;letter-spacing:-0.4px;
	line-height:68px;}
.bottom_cs .wrap .art span {font-size:20px;font-weight:400;letter-spacing:-0.4px;line-height:34px;}
.bottom_cs .wrap .cs_form {background:#fff;border-radius:18px;padding:30px 38px;width:calc(100% - 430px);}
.bottom_cs .wrap .cs_form .cs_cont {margin-bottom:12px;}
.bottom_cs .wrap .cs_form p {font-size:15px;font-weight:500;color:#333;}
.bottom_cs .wrap .cs_form input[type="text"] {border:0;border-bottom:1px solid #e7e7e7;width:100%;display:block;
	height:36px;}
.bottom_cs .wrap .cs_form input[type="number"] {border:0;border-bottom:1px solid #e7e7e7;width:80px;height:36px;
	text-align:center;}
.bottom_cs .wrap .cs_form span {margin:0 6px;}
.bottom_cs .wrap .cs_form .check_wrap {display:flex;align-items:center;justify-content:space-between;}
.bottom_cs .wrap .cs_form .check_wrap input {display:none;}
.bottom_cs .wrap .cs_form .check_wrap label {display:block;font-size:15px;font-weight:500;color:#333;
	background:url('/img/nangan/chk_no.png')no-repeat top 50% left 0/16px;padding-left:24px;}
.bottom_cs .wrap .cs_form .check_wrap input:checked+label {
	background:url('/img/nangan/chk_on.png')no-repeat top 50% left 0/16px;} 
.bottom_cs .wrap .cs_form .check_wrap .agree_view {display:block;font-size:12px;height:20px;padding:0 12px;
	border-radius:100vw;background:#e1e1e1;font-weight:500;color:#333;}
.bottom_cs .wrap .cs_form .confirm_btn {border-radius:100vw;height:44px;line-height:44px;padding:0 48px;font-size:16px;
	font-weight:600;color:#fff;background:#0070E4;margin-top:30px;}

.bottom_company {padding:30px 0;color:#fff;position:relative;line-height:26px;}
.bottom_company button {color:#fff;}
.bottom_company img {width:260px;height:auto;display:block;margin-bottom:24px;cursor:pointer;
	filter:brightness(100);}
.agree_layer {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;
	padding:40px 30px;border-radius:14px;width:92%;max-width:600px;z-index:50;box-sizing:border-box;
	box-shadow:2px 2px 6px rgba(0,0,0,0.36);display:none;}
.agree_layer .close {position:absolute;top:14px;right:16px;width:26px;height:26px;
	background:url('/img/close.png')no-repeat center/18px;}
.agree_layer .t1 {font-size:22px;text-align:center;margin-bottom:16px;}
.agree_layer .art {max-height:60vh;overflow:auto;color:#2f2f2f;line-height:22px;}


/* 메인페이지 */
section.main .cont .t1 {font-size:38px;font-weight:700;color:#0070E4;margin-bottom:16px;}
section.main .cont .t1 span {display:block;font-size:18px;font-weight:400;color:#888;}
section.main .main_swiper {border-radius:24px;overflow:hidden;margin-bottom:24px;}
section.main .main_swiper .swiper-slide {height:560px;position:relative;}
section.main .main_swiper .swiper-slide::after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;
	background:rgba(0,0,0,0.36);z-index:1;}
section.main .main_swiper .text_wrap {position:absolute;left:0;bottom:0;z-index:2;color:#fff;
	padding:46px}
section.main .main_swiper .text_wrap .t1 {font-size:46px;font-weight:700;margin-bottom:24px;}
section.main .main_swiper .text_wrap .t2 {font-size:28px;font-weight:500;line-height:36px;margin-bottom:24px;}
section.main .main_swiper .text_wrap .t3 {font-size:20px;font-weight:500;line-height:28px;margin-bottom:24px;}
section.main .text_banner {background:#0070E4;border-radius:16px;padding:12px 0 12px 108px;margin-bottom:60px;}
section.main .text_banner p {font-size:30px;font-weight:700;margin-bottom:6px;color:#fff;}
section.main .text_banner span {font-size:18px;font-weight:500;color:#fff;display:block;line-height:28px;}
section.main .img_link {max-width:600px;margin:20px auto;position:relative;}
section.main .img_link .a_wrap {position:absolute;top:282px;left:50%;transform:translateX(-50%);width:100%;}
section.main .img_link a {display:block;width:470px;height:180px;background:none;margin:9px auto;}
section.main .video_wrap {height:340px;margin:0 auto 60px;display:flex;justify-content:space-between;
	align-items:center;flex-wrap:wrap;}
section.main .video_wrap iframe {width:606px;height:340px;border-radius:18px;overflow:hidden;
	border:1px solid #ccc;box-shadow:0 0 14px rgba(0,0,0,0.4);box-sizing:border-box;}
section.main .video_wrap p {font-size:32px;font-weight:700;text-align:center;width:calc(100% - 606px);
	line-height:50px;}
section.main .video_wrap span {display:block;font-size:24px;font-weight:600;color:#333;}
section.main .main_img_cont {display:block;max-width:600px;margin:20px auto;}
section.main .step_wrap {margin-bottom:60px;}
section.main .step_wrap ul {display:flex;justify-content:space-between;margin:0 -14px;}
section.main .step_wrap li {width:20%;padding:0 14px;}
section.main .step_wrap li div {background:#fff;border-radius:14px;box-shadow:0 0 24px rgba(0,0,0,0.14);
	padding:38px 0;}
section.main .step_wrap li i {display:block;font-size:34px;color:#69727d;text-align:center;margin-bottom:16px;}
section.main .step_wrap li span {display:block;font-size:24px;color:#333;font-weight:500;text-align:center;}
section.main .gallery_wrap {margin-bottom:60px;}
section.main .gallery_wrap .swiper {}
section.main .gallery_wrap .gallery_swiper_1 {margin-bottom:20px;}
section.main .gallery_wrap .swiper-wrapper {transition:all .3s linear;}
section.main .gallery_wrap .swiper-slide {border-radius:18px;overflow:hidden;}
section.main .tag_wrap {margin-bottom:60px;}
section.main .tag_wrap ul {display:flex;justify-content:center;flex-wrap:wrap;margin:-10px;}
section.main .tag_wrap li {padding:0 24px;line-height:42px;border-radius:100vw;background:#0070E4;
	color:#fff;font-size:16px;font-weight:600;margin:10px;}


/* 회사소개 */
section.sogae {padding-bottom:80px;}
section.sogae .first_cont .art_t1 {font-size:42px;font-weight:600;text-align:center;}
section.sogae .first_cont .art_t2 {font-size:24px;font-weight:500;text-align:center;}
section.sogae .first_cont .art_t2 span {font-weight:700;color:#1e8199;}
section.sogae .first_cont ul {padding:30px 0;display:flex;justify-content:space-between;flex-wrap:wrap;
	margin-bottom:42px;}
section.sogae .first_cont ul li {width:calc(33.333% - 12px);padding:16px 26px;border-radius:14px;
	box-shadow:0px 0px 10px rgba(0,0,0,0.16);text-align:center;}
section.sogae .first_cont ul li .t1 {font-size:22px;font-weight:600;margin-bottom:10px;color:#1e8199;}
section.sogae .first_cont ul li .t2 {font-size:15px;color:#333;letter-spacing:-0.2px;line-height:24px;}
section.sogae .sec_cont {margin-bottom:80px;}
section.sogae .sec_cont>.t1 {font-size:28px;font-weight:700;display:flex;align-items:flex-end;margin-bottom:14px;
	justify-content:center;}
section.sogae .sec_cont>.t1 span {font-size:18px;font-weight:400;color:#666;margin:0 0 4px 6px;display:block;}
section.sogae .sec_cont .cem_ul {display:flex;flex-wrap:wrap;justify-content:space-between;background:#1e8199;
	border-radius:10px;}
section.sogae .sec_cont .cem_ul li {padding:0 24px;line-height:56px;color:#fff;border-right:1px solid #fff;
	width:25%;font-size:16px;font-weight:600;text-align:center;}
section.sogae .sec_cont .cem_ul li:last-child {border:0;}
section.sogae .thi_cont {margin-bottom:80px;}
section.sogae .thi_cont .t1 {font-size:28px;font-weight:700;text-align:center;}
section.sogae .thi_cont .ul_t {font-size:20px;font-weight:600;margin-bottom:12px;background:#1e8199;color:#fff;
	display:inline-block;padding:0 26px;line-height:40px;border-radius:6px;}
section.sogae .thi_cont .swiper {margin:0 -0 46px;}
section.sogae .swiper .swiper-slide {width:calc(25% - 10px);border:1px solid #e7e7e7;box-sizing:border-box;}
section.sogae .swiper p {text-align:center;font-size:16px;line-height:38px;}
section.sogae .swiper .swiper-button-next {width:38px;height:38px;border-radius:100vw;
	background:#fff url('/img/nangan/down_reg_b.png')no-repeat center/20px;top:calc(50% - 19px);right:6px;margin:0;
	box-shadow:2px 2px 4px rgba(0,0,0,0.2);transform:rotate(-90deg) translateX(50%);}
section.sogae .swiper .swiper-button-prev {width:38px;height:38px;border-radius:100vw;
	background:#fff url('/img/nangan/down_reg_b.png')no-repeat center/20px;top:calc(50% - 19px);left:6px;margin:0;
	box-shadow:2px 2px 4px rgba(0,0,0,0.2);transform:rotate(90deg) translateX(-50%);}
section.sogae .swiper .swiper-button-next::after,section.sogae .swiper .swiper-button-prev::after 	
	{display:none;}
section.sogae .four_cont {display:flex;align-items:center;justify-content:space-between;}
section.sogae .four_cont .t1 {width:300px;font-size:0;}
section.sogae .four_cont .t1::before {content:'';display:block;width:140px;height:160px;margin:0 auto;
	background:url('/img/nangan/logo1.png')no-repeat center/100%;}
section.sogae .four_cont ul {width:calc(100% - 354px);background:#f9f9f9;border-radius:14px;
	box-shadow:0 0 10px rgba(0,0,0,0.16);}
section.sogae .four_cont li {display:flex;}
section.sogae .four_cont .left {font-size:15px;font-weight:500;width:100px;text-align:center;line-height:50px;
	color:#1e8199;position:relative;}
section.sogae .four_cont .left::after {content:'';position:absolute;top:50%;right:0;width:1px;height:18px;
	margin-top:-9px;background:#cfcfcf;}
section.sogae .four_cont .right {font-size:15px;font-weight:500;width:calc(100% - 100px);line-height:50px;
	padding:0 24px;box-sizing:border-box;color:#333;}


/* 제품안내 */
section.item_list {}
section.item_list .swiper_btn_wrap {position:relative;}
section.item_list .nav_swiper {margin:0 42px 60px;}
section.item_list .nav_swiper a {display:inline-block;padding:0 18px;line-height:34px;font-size:16px;font-weight:500;
	white-space:nowrap;border-radius:100vw;height:36px;width:auto;transition:all .3s ease;}
section.item_list .nav_swiper a:hover {background:#1e8199;color:#fff;}
section.item_list .swiper_btn_wrap .swiper-button-next {width:26px;height:26px;border-radius:100vw;
	background:#fff url('/img/nangan/down_reg_b.png')no-repeat center/16px;top:50%;right:6px;margin:0;
	box-shadow:2px 2px 4px rgba(0,0,0,0.2);transform:rotate(-90deg) translateX(50%);}
section.item_list .swiper_btn_wrap .swiper-button-prev {width:26px;height:26px;border-radius:100vw;
	background:#fff url('/img/nangan/down_reg_b.png')no-repeat center/16px;top:50%;left:6px;margin:0;
	box-shadow:2px 2px 4px rgba(0,0,0,0.2);transform:rotate(90deg) translateX(-50%);}
section.item_list .swiper_btn_wrap .swiper-button-next::after,section.item_list .swiper_btn_wrap .swiper-button-prev::after 	
	{display:none;}
section.item_list .item_ul {display:flex;flex-wrap:wrap;margin:0 -14px 60px;}
section.item_list .item_ul li {width:33.333%;padding:14px;}
section.item_list .item_ul a {display:block;border-radius:14px;overflow:hidden;
	box-shadow:0 0 6px rgba(0,0,0,0.16);padding:0 0 10px;transition:all .3s ease;}
section.item_list .item_ul a:hover {background:#f1f6f7;box-shadow:0 0 18px #27647369;}
section.item_list .item_ul .thumb_img {height:200px;position:relative;overflow:hidden;}
section.item_list .item_ul img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
	transition:all .3s ease;}
section.item_list .item_ul a:hover img {width:110%;height:110%;}
section.item_list .item_ul .item_name {padding:0 14px;font-size:20px;font-weight:700;line-height:46px;}
section.item_list .item_ul .price {padding:0 14px;font-size:18px;font-weight:600;color:#333;}


/* 제품상세 */
section.item_view {}
section.item_view .swiper_btn_wrap {position:relative;}
section.item_view .nav_swiper {margin:0 42px 60px;}
section.item_view .nav_swiper a {display:inline-block;padding:0 18px;line-height:34px;font-size:16px;font-weight:500;
	white-space:nowrap;border-radius:100vw;height:36px;width:auto;transition:all .3s ease;}
section.item_view .nav_swiper a:hover {background:#1e8199;color:#fff;}
section.item_view .nav_swiper a.active {background:#1e8199;color:#fff;}
section.item_view .swiper_btn_wrap .swiper-button-next {width:26px;height:26px;border-radius:100vw;
	background:#fff url('/img/nangan/down_reg_b.png')no-repeat center/16px;top:50%;right:6px;margin:0;
	box-shadow:2px 2px 4px rgba(0,0,0,0.2);transform:rotate(-90deg) translateX(50%);}
section.item_view .swiper_btn_wrap .swiper-button-prev {width:26px;height:26px;border-radius:100vw;
	background:#fff url('/img/nangan/down_reg_b.png')no-repeat center/16px;top:50%;left:6px;margin:0;
	box-shadow:2px 2px 4px rgba(0,0,0,0.2);transform:rotate(90deg) translateX(-50%);}
section.item_view .swiper_btn_wrap .swiper-button-next::after,section.item_view .swiper_btn_wrap .swiper-button-prev::after 	
	{display:none;}
section.item_view .item_info {}
section.item_view .item_info .top {border-bottom:1px solid #ccc;padding-bottom:30px;}
section.item_view .item_info .item_name {font-size:20px;font-weight:600;margin-bottom:12px;}
section.item_view .item_info .price {font-size:18px;font-weight:600;color:#333;}




/* 시공갤러리 */
section.gallery_list {}
section.gallery_list .swiper_btn_wrap {position:relative;}
section.gallery_list .nav_swiper {margin:0 42px 60px;}
section.gallery_list .nav_swiper .swiper-slide {display:inline-block;width:auto;}
section.gallery_list .nav_swiper input {display:none;}
section.gallery_list .nav_swiper label {display:block;padding:0 18px;line-height:34px;font-size:16px;font-weight:500;
	white-space:nowrap;border-radius:100vw;height:36px;cursor:pointer;transition:all .3s ease;}
section.gallery_list .nav_swiper input:checked+label {background:#1e8199;color:#fff;}
section.gallery_list .swiper_btn_wrap .swiper-button-next {width:26px;height:26px;border-radius:100vw;
	background:#fff url('/img/nangan/down_reg_b.png')no-repeat center/16px;top:50%;right:6px;margin:0;
	box-shadow:2px 2px 4px rgba(0,0,0,0.2);transform:rotate(-90deg) translateX(50%);}
section.gallery_list .swiper_btn_wrap .swiper-button-prev {width:26px;height:26px;border-radius:100vw;
	background:#fff url('/img/nangan/down_reg_b.png')no-repeat center/16px;top:50%;left:6px;margin:0;
	box-shadow:2px 2px 4px rgba(0,0,0,0.2);transform:rotate(90deg) translateX(-50%);}
section.gallery_list .swiper_btn_wrap .swiper-button-next::after,section.gallery_list .swiper_btn_wrap .swiper-button-prev::after
	{display:none;}
section.gallery_list .item_ul {display:flex;flex-wrap:wrap;margin:0 -14px 60px;}
section.gallery_list .item_ul li {width:33.333%;padding:14px;position:relative;}
section.gallery_list .item_ul li .item_cate {position:absolute;top:26px;left:30px;display:inline-block;
	line-height:20px;font-size:12px;background:#1e8199cf;color:#fff;border-radius:100vw;z-index:2;
	padding:0 10px;font-weight:500;}
section.gallery_list .item_ul a {display:block;overflow:hidden;
	box-shadow:0 0 6px rgba(0,0,0,0.16);transition:all .3s ease;position:relative;}
section.gallery_list .item_ul a:hover {box-shadow:0 0 18px #27647369;}
section.gallery_list .item_ul .thumb_img {height:240px;position:relative;overflow:hidden;}
section.gallery_list .item_ul img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
section.gallery_list .item_ul .gallery_subj {position:absolute;bottom:-240px;left:0;width:100%;height:100%;
	background:#0000008a;transition:all .42s ease;opacity:0;}
section.gallery_list .item_ul a:hover .gallery_subj {bottom:0;opacity:1;}
section.gallery_list .item_ul .gallery_subj span {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
	color:#fff;font-size:16px;}


/* 운임·단가표 */
section.price_chart {}
section.price_chart .t1 {font-size:28px;font-weight:600;text-align:center;margin:0 0 20px;position:relative;}
section.price_chart .t1 span {font-size:16px;color:#777;letter-spacing:-0.4px;margin-left:6px;}
section.price_chart .t1 button {font-size:14px;font-weight:600;padding:0 18px;line-height:36px;
	border-radius:6px;position:absolute;top:0;right:0;background:linear-gradient(325deg, #064859, #60a8b9);color:#fff;box-shadow:2px 2px 6px rgba(0,0,0,0.2);}
section.price_chart .scroll_chart {overflow:auto;box-shadow:2px 2px 6px rgba(0,0,0,0.14);margin-bottom:60px;}
section.price_chart .scroll_chart ul {min-width:1080px;}
section.price_chart .scroll_chart li {display:flex;border-bottom:1px solid #ededed;}
section.price_chart .scroll_chart li:last-child {border:0;}
section.price_chart .scroll_chart li:nth-child(2n-1) {background:#f4f8f9;}
section.price_chart .scroll_chart li p {font-size:15px;color:#444;line-height:42px;border-right:1px solid #ededed;
	letter-spacing:-0.4px;}
section.price_chart .scroll_chart li p:last-child {border:0;}
section.price_chart .scroll_chart li.top p {font-weight:600;color:#fff;background:#025063;}
section.price_chart .addr_chart li p {width:90px;text-align:center;white-space:nowrap;}
section.price_chart .addr_chart li p:nth-child(2) {width:calc(100% - 810px);}
section.price_chart .item_chart li p {width:150px;text-align:center;white-space:nowrap;}
section.price_chart .item_chart li p:nth-child(3) {width:200px;}
section.price_chart .item_chart li p:nth-child(4) {width:calc(100% - 840px);}
section.price_chart .item_chart li p:nth-child(5) {width:140px;}
section.price_chart .item_chart li p:nth-child(6) {width:80px;}
section.price_chart .item_chart li p:nth-child(7) {width:120px;}
section.price_chart .car_info_layer {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;
	padding:40px 30px;border-radius:14px;width:92%;max-width:600px;z-index:50;box-sizing:border-box;
	box-shadow:2px 2px 6px rgba(0,0,0,0.36);display:none;}
section.price_chart .car_info_layer .close {position:absolute;top:14px;right:16px;width:26px;height:26px;
	background:url('/img/close.png')no-repeat center/18px;}
section.price_chart .car_info_layer .t1 {font-size:22px;}
section.price_chart .car_info_layer ul {border:2px solid #025063;}
section.price_chart .car_info_layer li {display:flex;border-bottom:1px solid #ededed;}
section.price_chart .car_info_layer li:last-child {border:0;}
section.price_chart .car_info_layer li:nth-child(2n-1) {background:#f4f8f9;}
section.price_chart .car_info_layer li p {font-size:15px;color:#444;line-height:42px;border-right:1px solid #ededed;
	letter-spacing:-0.4px;}
section.price_chart .car_info_layer li p:last-child {border:0;}
section.price_chart .car_info_layer li.top {border:0;}
section.price_chart .car_info_layer li.top p {font-weight:600;color:#fff;background:#025063;}
section.price_chart .car_info_layer li p {width:25%;text-align:center;white-space:nowrap;}


/* 견적의뢰 */
section.request {padding-bottom:60px;}
section.request .wrap.flex {display:flex;justify-content:space-between;}
section.request .art {color:#0a0a0a;width:300px;}
section.request .art p {font-size:38px;font-weight:700;letter-spacing:-0.4px;line-height:68px;}
section.request .art span {font-size:20px;font-weight:400;letter-spacing:-0.4px;line-height:34px;}
section.request .cs_form {border-radius:18px;padding:30px 38px;width:calc(100% - 430px);border:2px solid #1e8199;}
section.request .cs_form .cs_cont {margin-bottom:12px;}
section.request .cs_form p {font-size:15px;font-weight:500;color:#333;}
section.request .cs_form input[type="text"] {display:block;width:100%;border:0;border-bottom:1px solid #e7e7e7;
	height:36px;}
section.request .cs_form input[type="number"] {border:0;border-bottom:1px solid #e7e7e7;width:80px;height:36px;}
section.request .cs_form .confirm_btn {height:44px;line-height:44px;border-radius:100vw;padding:0 48px;font-size:16px;
	font-weight:600;color:#fff;background:#0070e4;margin-top:30px;}
section.request .cs_form .check_wrap {display:flex;align-items:center;justify-content:space-between;}
section.request .cs_form .check_wrap input {display:none;}
section.request .cs_form .check_wrap label {display:block;font-size:15px;font-weight:500;color:#333;
	background:url('/img/nangan/chk_no.png')no-repeat top 50% left 0/16px;padding-left:24px;}
section.request .cs_form .check_wrap input:checked+label {
	background:url('/img/nangan/chk_on.png')no-repeat top 50% left 0/16px;} 
section.request .cs_form .check_wrap .agree_view {display:block;font-size:12px;height:20px;padding:0 12px;
	border-radius:100vw;background:#e1e1e1;font-weight:500;color:#333;}


/* 관련규정 */
section.regulation {padding-bottom:100px;}
section.regulation .art {}
section.regulation .art img {display:block;max-width:800px;margin:0 auto;}














@media (max-width:1200px) {
	.header .wrap {max-width:none;padding:16px 60px;}
	.header .logo {width:126px;height:34px;}
	.header .top_nav a {font-size:16px;line-height:36px;}
	.header .hd_search_btn {width:58px;}
	.container {max-width:none;padding:0 60px;}
	.bottom_wrap {max-width:none;padding:0 60px;}
	section.main .main_swiper .text_wrap .t1 {font-size:38px;margin-bottom:14px;}
	section.main .main_swiper .text_wrap .t2 {font-size:22px;line-height:30px;margin-bottom:14px;}
	section.main .main_swiper .text_wrap .t3 {font-size:16px;line-height:22px;}
	section.main .text_banner {padding:12px 46px;}
	section.main .cont .t1 {font-size:32px;}
	section.main .step_wrap li i {font-size:28px;}
	section.main .step_wrap li span {font-size:20px;}
	.bottom_cs .wrap .art p {font-size:32px;line-height:56px;}
	.bottom_cs .wrap .art {width:260px;}
	.bottom_cs .wrap .art span {font-size:18px;line-height:26px;}
	.bottom_cs .wrap .cs_form {width:calc(100% - 320px);}
	.request .wrap .art p {font-size:32px;line-height:56px;}
	.request .wrap .art {width:260px;}
	.request .wrap .art span {font-size:18px;line-height:26px;}
	.request .wrap .cs_form {width:calc(100% - 320px);}
	.sub_top .icon {width:72px;height:72px;margin:0 auto 16px;}
	.sub_top .t1 {font-size:28px;}
	section.sogae .sec_cont .cem_ul li {padding:0 20px;letter-spacing:-0.4px;}
	section.main .video_wrap {flex-direction:column-reverse;height:auto;}
	section.main .video_wrap iframe {width:900px;margin:0 auto;}
	section.main .video_wrap p {width:100%;margin-bottom:20px;}
}
@media (max-width:991px) {
	.header .wrap {padding:16px 30px;}
	.header .top_nav {display:none;}
	.header .hd-hamburger {display:block;}
	.header .hd_search_btn {width:52px;height:32px;}
	.mo_nav {display:block;}
	.container {padding:0 30px;}
	.bottom_wrap {padding:0 30px;}
	section.main {padding-top:0;}
	section.main .main_swiper {margin:0 -30px 24px;border-radius:0;}
	section.main .main_swiper .swiper-slide {height:440px;}
	section.main .main_swiper .text_wrap {bottom:auto;top:50%;left:50%;transform:translate(-50%,-50%);
		width:100%;text-align:center;box-sizing:border-box;padding:0;}
	section.main .main_swiper .text_wrap .t1 {font-size:28px;margin-bottom:34px;}
	section.main .main_swiper .text_wrap .t2 {font-size:18px;line-height:30px;margin-bottom:38px;}
	section.main .main_swiper .text_wrap .t3 {font-size:14px;line-height:22px;}
	section.main .gallery_wrap .gallery_swiper_1 {margin-bottom:10px;}
	section.main .gallery_wrap .gallery_swiper_2 {display:none;}
	section.main .text_banner {text-align:center;padding:12px 20px 16px;}
	section.main .text_banner p {font-size:26px;}
	section.main .text_banner span {font-size:14px;letter-spacing:-0.4px;line-height:22px;}
	section.main .cont .t1 {font-size:26px;margin-bottom:4px;}
	section.main .step_wrap ul {flex-wrap:wrap;justify-content:center;}
	section.main .step_wrap li {width:50%;padding:10px;}
	section.main .step_wrap li div {padding:26px 0;}
	section.main .step_wrap li i {font-size:26px;margin-bottom:12px;}
	section.main .step_wrap li span {font-size:18px;}
	section.main .cont .t1 span {font-size:16px;margin-bottom:24px;}
	section.main .tag_wrap li {padding:0 18px;line-height:36px;margin:6px;}
	.bottom::before {background-size:991px;}
	.bottom_cs {padding:14px 0 30px;}
	.bottom_cs .wrap {flex-wrap:wrap;}
	.bottom_cs .wrap .art {width:100%;margin-bottom:20px;text-align:center;}
	.bottom_cs .wrap .cs_form {width:100%;}
	.bottom_cs .wrap .art p br {display:none;}
	.bottom_cs .wrap .art p span {font-size:32px;line-height:56px;font-weight:700;margin-left:14px;}
	.bottom_cs .wrap .cs_form .cs_cont {margin-bottom:8px;}
	.bottom_cs .wrap .cs_form p {font-size:14px;}
	.bottom_cs .wrap .cs_form .check_wrap label {font-size:14px;padding-left:20px;letter-spacing:-0.4px;}
	.bottom_cs .wrap .cs_form input[type="text"] {height:32px;}
	.bottom_cs .wrap .cs_form input[type="number"] {width:60px;height:32px;}
	.bottom_cs .wrap .cs_form .confirm_btn {height:36px;line-height:36px;font-size:15px;padding:0 30px;
		margin-top:20px;}
	.request .wrap {flex-wrap:wrap;}
	.bottom_cs .wrap .art {width:100%;margin-bottom:20px;text-align:center;}
	.request .wrap .art p {font-size:32px;line-height:56px;}
	.request .wrap .art {width:100%;margin-bottom:20px;text-align:center;}
	.bottom_cs .wrap .cs_form {width:100%;}
	.request .wrap .art span {font-size:18px;line-height:26px;}
	.request .wrap .cs_form {width:100%;}
	.request .wrap .art p br {display:none;}
	.request .wrap .art p span {font-size:32px;line-height:56px;font-weight:700;margin-left:14px;}
	.request .wrap .cs_form .cs_cont {margin-bottom:8px;}
	.request .wrap .cs_form p {font-size:14px;}
	.request .wrap .cs_form .check_wrap label {font-size:14px;padding-left:20px;letter-spacing:-0.4px;}
	.request .wrap .cs_form input[type="text"] {height:32px;}
	.request .wrap .cs_form input[type="number"] {width:60px;height:32px;}
	.request .wrap .cs_form .confirm_btn {height:36px;line-height:36px;font-size:15px;padding:0 30px;
		margin-top:20px;}
	.sub_top .icon {width:56px;height:56px;margin:0 auto 6px;}
	.sub_top .t1 {font-size:26px;}
	section.item_list .item_ul {margin:0 -10px 30px;}
	section.item_list .item_ul li {width:50%;padding:14px 10px;}
	section.gallery_list .item_ul {margin:0 -10px 30px;}
	section.gallery_list .item_ul li {width:50%;padding:10px;}
	section.sogae .first_cont .art_t1 {font-size:32px;letter-spacing:-0.4px;}
	section.sogae .first_cont .art_t2 {font-size:20px;letter-spacing:-0.4px;}
	section.sogae .first_cont ul li {width:100%;margin:8px 0;padding:10px 20px 12px;}
	section.sogae .sec_cont>.t1 {font-size:24px;flex-wrap:wrap;justify-content:center;}
	section.sogae .sec_cont>.t1 span {font-size:16px;}
	section.sogae .sec_cont .cem_ul li {font-size:14px;padding:0;width:50%;}
	section.sogae .sec_cont .cem_ul li:nth-child(2) {border:0;} 
	section.sogae .sec_cont .cem_ul li:nth-child(n - 2) {border-bottom:1px solid #fff;}
	section.sogae .thi_cont .t1 {font-size:24px;}
	section.sogae .thi_cont .ul_t {font-size:16px;line-height:34px;padding:0 22px;}
	section.sogae .four_cont {flex-wrap:wrap;}
	section.sogae .four_cont .t1 {width:100%;margin-bottom:14px;}
	section.sogae .four_cont ul {width:100%;}
	section.main .video_wrap iframe {width:100%;}
}
@media (max-width:600px) {
	section.sogae .first_cont .art_t1 {font-size:26px;}
	section.sogae .first_cont .art_t2 {font-size:16px;}
	section.sogae .first_cont ul li .t1 {font-size:18px;}
	section.sogae .first_cont ul li .t2 {font-size:14px;line-height:22px;}
	section.sogae .sec_cont .cem_ul li {width:100%;border-right:0;}
	section.sogae .sec_cont>.t1 span {font-size:14px;width:100%;margin:0;text-align:center;}
	section.sogae .four_cont .left {font-size:14px;width:68px;}
	section.sogae .four_cont .right {font-size:14px;width:calc(100% - 68px);padding:0 16px;letter-spacing:-0.4px;}
	section.sogae .four_cont .t1::before {width:114px;height:120px;}
	section.main .video_wrap iframe {height:calc(52vw - 20px);}
	section.main .video_wrap p {font-size:26px;line-height:34px;}
	section.main .video_wrap span {font-size:18px;}
	section.main .img_link .a_wrap {top:42vw;}
	section.main .img_link a {width:calc(78vw - 40px);height:calc(30vw - 13px);margin:calc(3vw - 13px) auto;}
}
@media (max-width:420px) {
    footer {left:0;transform:none;}
	.container {padding:0 18px;}
	section.main .main_swiper {margin:0 -18px 24px;}
	section.main .main_swiper .swiper-slide {height:400px;}
	section.main .main_swiper .text_wrap .t1 {font-size:24px;margin-bottom:34px;letter-spacing:-0.4px;}
	section.main .main_swiper .text_wrap .t2 {font-size:18px;line-height:30px;margin-bottom:38px;}
	section.main .main_swiper .text_wrap .t3 {font-size:14px;line-height:22px;}
	section.main .gallery_wrap .gallery_swiper_1 {margin:0 -18px;}
	section.main .gallery_wrap .swiper-slide {border-radius:0;height:180px;}
	section.main .cont .t1 {font-size:22px;margin-bottom:4px;}
	section.main .cont .t1 span {font-size:14px;}
	.bottom::after {height:190px;}
	.bottom_cs {padding:4px 0 30px;}
	.bottom_cs .wrap .cs_form {padding:20px 24px;}
	.bottom_cs .wrap .art p {font-size:24px;}
	.bottom_cs .wrap .art p span {font-size:24px;}
	.bottom_cs .wrap .art span {font-size:16px;line-height:22px;}
	.bottom_company {padding:16px 0;text-align:center;font-size:12px;line-height:22px;}
	.bottom_company .flex {justify-content:center;}
	.bottom_company img {width:160px;height:auto;margin:0 auto 16px;}
	.request {padding:4px 0 30px;}
	.request .wrap .cs_form {padding:20px 24px;}
	.request .wrap .art p {font-size:24px;}
	.request .wrap .art p span {font-size:24px;margin-left:8px;}
	.request .wrap .art span {font-size:16px;line-height:22px;}
	.sub_top .t1 {font-size:22px;}
	section.item_list .item_ul {margin:0 0 30px;}
	section.item_list .item_ul li {width:100%;padding:10px 0;}
	section.gallery_list .item_ul {margin:0 0 30px;}
	section.gallery_list .item_ul li {width:100%;padding:10px 0;}
	section.gallery_list .item_ul li .item_cate {top:24px;left:14px;}
	.nav_swiper a {font-size:14px!important;padding:0 14px!important;line-height:30px!important;
		height:30px!important;}
	.nav_swiper label {font-size:14px!important;padding:0 14px!important;line-height:30px!important;
		height:30px!important;}
	section.sogae .first_cont .art_t1 {font-size:24px;}
	section.sogae .first_cont .art_t2 {font-size:14px;}
	section.sogae .first_cont ul li .t2 {font-size:13px;}
	section.sogae .swiper .swiper-button-next,section.sogae .swiper .swiper-button-prev {
		width:28px;height:28px;background-size:14px;}
	section.main .video_wrap iframe {height:ccalc(40vw + 29px);}
	section.main .video_wrap p {font-size:22px;line-height:26px;margin-bottom:12px}
	section.main .video_wrap span {font-size:14px;}
	section.main .img_link a {width:calc(78vw - 25px);height:calc(30vw - 11px);margin:calc(2vw - 2px) auto;}
}
