@charset "utf-8";

.clearfix:after {content:""; display:none; clear:both;}

.wrap {width: 100%;min-height:100%;height:auto;overflow:hidden;}
article {margin:0 auto;width: 100%;max-width:1100px;}


/* header */

header {position:fixed;left:0;right:0;top:0;width: 100%; height: 85px; z-index: 999;transition:all 1000ms ease; overflow: hidden; background:#fff;}
header .lnb {height:25px; line-height: 25px; background-color: #fff; width: 100%}
header .inner {position:relative;margin: 0 auto; display:flex; width: 100%; max-width: 1100px;  justify-content:space-between;align-items: flex-start}
header .logo {margin:20px 0;display: inline-block; width:151px; height: 45px;  background: url(../image/common/logo_w.png) no-repeat center center;background-size:contain;}
header .home {float: left; margin-right: 75px; color: #fff; display: inline-block; width: 32px; height: 55px; background: url(../image/ico/ico_home.png)no-repeat center; background-size: 100% auto;}
nav {padding:20px 0;display: flex;flex-wrap:nowrap; margin-right:-39px;}
nav .main_depth {margin-top:7px;display: flex;flex-wrap:nowrap;align-items: flex-start}
nav .main_depth .main_list {width:157px;height:100%;position: relative;text-align:center;}
nav .main_depth .main_list > a {display:block;font-size: 18px; font-weight: 500; color:#fff;}
nav .main_depth .main_list a:hover,nav .main_depth .main_list a.on{color:#00a924!important;}

.sub_depth_wrap {display:none;height:calc(100% - 27px);padding:51px 0 0;opacity:0;}
.sub_depth{height:100%;border-left:1px solid #ddd;}
.sub_depth.sub1{border-left:0;}
.sub_depth > li {line-height: 30px; margin-bottom: 5px;text-align:center;}
.sub_depth > li a{text-align:center;font-size:15px;}
.sub_depth > li a:hover{color:#00a924;}
.sub_category {font-weight: 700; font-size: 16px; display: inline-block;}

.btn_menu{display:none;}

/*header 마우스 오버*/

header{background:#fff;}
header:before{content:''; position:absolute; left:0; right:0; bottom:0; top:85px; background:#f9f9f9;opacity:0;transition:all 1000ms ease;}
header .logo{height: 45px; background:url(../image/common/logo_bl.png) no-repeat center center;background-size:contain;}
header .inner nav .main_depth .main_list > a{color:#000;}
header .btn_close{background:url(../image/common/btn_menu.png) no-repeat center bottom;}

/*메뉴영역 롤오버일경우*/
header.mouseover{height:305px;}
header.mouseover:before{opacity:1;}
.mouseover .inner .logo{background:url(../image/common/logo_bl.png) no-repeat center center;background-size:contain;}
.mouseover .inner nav .main_depth .main_list > a{color:#000;}
.mouseover .sub_depth_wrap {display:block;width: 100%;opacity:1;}
.mouseover .btn_close{background:url(../image/common/btn_menu.png) no-repeat center bottom;}

/*header 서브메뉴*/

header.subhead{background:#fff;border-bottom:1px solid #e5e5e5;}
header.subhead .logo{background:url(../image/common/logo_bl.png) no-repeat center center;background-size:contain;}
header.subhead .inner nav .main_depth .main_list > a{color:#000;}

/* main_visual */
.main_visual {width: 100%; position: relative; overflow: hidden;}
.main_visual .main_visual_wrap{width:100%; height:100%;}
.main_visual .visual{width:100%; height:100%;}
.main_visual .visual .visual_inner {position: relative; height:100%; overflow:hidden;}
.main_visual .visual .visual_inner .imgbox{height:100%;overflow:hidden;}
.main_visual .visual .visual_inner .imgbox img {/*position:absolute;left:50%;transform:translateX(-50%);*/height:100%;}
.main_visual .visual .visual_inner .txtbox {position: absolute; color: #fff;top:50%; left: 50%;min-width:900px;overflow:hidden;text-align:center; transform: translate(-50%, -50%); }
.main_visual .visual .visual_inner .txtbox .light{position:relative;height:420px;text-align:center;padding:50px 0;z-index:0;}
/*.main_visual .visual .visual_inner .txtbox .light:before{content:'';position:absolute;right:50%;bottom:-126px;margin-right:-134px;transform:skew(-40deg,0);width:342px;height:90px;background: rgb(255,255,255);*/
/*	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 100%);*/
/*	animation: shadow 4500ms ease-in alternate;*/
/*}*/
.main_visual .visual .visual_inner .txtbox svg{position:absolute;left:50%;top:50%;width:280px;height:420px;transform:translate(-50%, -50%);animation: dark 2000ms ease alternate;z-index:-1;box-shadow:13px 13px 23px 40px rgba(0,0,0,0.22);}
.main_visual .visual .visual_inner .txtbox .movebox{animation:up 2800ms linear alternate;}
.main_visual .visual .visual_inner .txtbox p{font-size:20px;color:#fff;font-weight:700;text-shadow:0 10px 10px rgba(0,0,0,0.4);z-index:10;}
.main_visual .visual .visual_inner .txtbox .txt{margin-top:30px;display:block;font-family:'Nanum Myeongjo';font-size:45px;line-height:1.2;letter-spacing:-0.04em;text-shadow:0 10px 10px rgba(0,0,0,0.4);z-index:10;}
.main_visual .visual .visual_inner .txtbox .txt.mobile{display:none;}
.main_visual .visual .visual_inner .txtbox .btn_detail{position:absolute;bottom:60px;left:50%;margin-left:-90px;padding:0 40px 0 20px;text-align:left;display:block;width:180px;height:50px;line-height:48px;border:1px solid #fff;color:#fff;background:url(../image/common/btn_detail.png) no-repeat 90% center;z-index:10;animation:showup 3400ms ease;transition:all 800ms ease;}
.main_visual .visual .visual_inner .txtbox .btn_detail:hover{transform:translateY(-7px);background-color:rgba(255,255,255,0.1)}

/*.st0{fill:url(#SVGID_1_);animation: width 4500ms ease-in alternate;overflow:hidden;}*/
/*.st1{fill:transparent;stroke-width:2px;stroke:#fff;stroke-dasharray: 1740;stroke-dashoffset: 0;animation: line 2200ms ease alternate;}*/
.st0{opacity:0.3;overflow:hidden;}
.st1{opacity:1;fill:url(#SVGID_1_);}
.st2{opacity:0.7;fill:transparent;stroke-width:1px;stroke:#FFFFFF;stroke-miterlimit:10;}


@keyframes up {
	0%,45%{transform:translateY(80%);opacity: 0;}
	100%{transform:translateY(0);opacity: 1;}
}
@keyframes up2 {
	0%,60%{transform:translateY(40%);opacity: 0;}
	100%{transform:translateY(0);opacity: 1;}
}
@keyframes showup {
	0%{transform:translateY(100%);opacity:0;}
	75%{transform:translateY(100%);opacity:0;}
	100%{transform:translateY(0);opacity: 1;}
}
/*@keyframes line {*/
/*	0% {*/
/*		stroke-dashoffset: 1740;*/
/*	}*/
/*	25% {stroke:rgba(255,255,255,0.2);*/
/*		stroke-dashoffset: 1740;*/
/*	}*/
/*	100% {stroke:rgba(255,255,255,0.9);*/
/*		stroke-dashoffset: 0;*/
/*	}*/

/*}*/
@keyframes width {
	0% {

		fill:transparent;
		transform: translateX(280px);
	}

	32% {

		fill:url(#SVGID_1_);
		transform: translateX(280px);
	}
	100% {
		width:340px;
		transform: translateX(0);

	}

}
@keyframes shadow {
	0% {
		width:0;

	}

	40% {
		width:0;

	}
	100% {
		width:342px;


	}

}
@keyframes dark {
	0% {opacity:0;
		transform:translate(-50%, -150%)

	}
	50% {opacity:1;

	}

	100% {
		transform:translate(-50%, -50%)


	}

}



.main_product{padding:100px 0; }
.main_product .item{position:relative; margin:0 auto; padding:5px 570px 5px 0; max-width:1100px;}
.main_product .item .txt_box{transition:1.5s;opacity:0; transform:translateY(20%);}
.main_product .item .txt_box.on{opacity:1; transform:translateY(0);}
.main_product .item .bg_box{position:absolute; right:0; top:50%; transform:translateY(-50%); width:468px; height:548px;}
.main_product .item .bg_box img{position:absolute;left:0;top:0;width:100%; opacity:0; transition:.8s;}
.main_product .item .bg_box img.on{opacity:1;}

.main_product h3{font-family:'Nanum Myeongjo';font-weight:400;font-size:45px;line-height:1.2;color:#000;letter-spacing:-0.04em;}
.main_product p{margin-top:20px;font-size:20px;color:#444;line-height:1.45;letter-spacing:-0.04em;word-break: keep-all}
.main_product ul{margin-top:30px;display:flex;flex-wrap:wrap;align-items: flex-start;justify-content: flex-start;}
.main_product ul li{width:33.33%;height:156px;border-right:1px solid #ececec;}
.main_product ul li:nth-child(3){border-right:none;}
.main_product ul li a{display:block;padding-top:134px;text-align:center;background-repeat:no-repeat;background-position:center 40px; transition:.8s;}
.main_product ul li a:hover{transform:translateY(-7px);}
.main_product ul li a span{display:block;text-align:center;font-size:15px;color:#333;}
.main_product ul li:first-child a{background-image:url(../image/main/product01.png);}
.main_product ul li:nth-child(2) a{background-image:url(../image/main/product02.png);}
.main_product ul li:nth-child(3) a{background-image:url(../image/main/product03.png);}
.main_product ul li:nth-child(4) a{background-image:url(../image/main/product04.png);}
.main_product ul li:nth-child(5) a{background-image:url(../image/main/product05.png);}

.main_design{padding:50px 0;width:100%;background:url(../image/main/visual_02.png) no-repeat center center / 100% 100%;}
.main_design article{display:flex; align-items:center;padding:185px 0 100px 550px;height:100%;background:url(../image/main/pantone.png) no-repeat 30px 60%;}
.design_lab .txt_box{transition:1.5s;opacity:0; transform:translateY(20%);}
.design_lab .txt_box.on{opacity:1; transform:translateY(0);}
.design_lab h3{font-family:'Nanum Myeongjo';font-weight:400;font-size:45px;line-height:1.2;color:#000;letter-spacing:-0.04em;}
.design_lab p{margin-top:20px;font-size:20px;color:#444;line-height:1.45;letter-spacing:-0.04em;word-break: keep-all}
.design_lab ul{margin-top:65px;display:flex;flex-wrap:wrap;justify-content: space-between;}
.design_lab ul li{margin-top:10px;width:calc(50% - 5px);}
.design_lab ul li a{display:block;height:70px;line-height:70px;color:#fff;font-size:20px;font-weight:700;text-align:center;background:rgba(0,0,0,0.4);}
.design_lab ul li a:hover,.design_lab ul li.on a{background:#00a924;box-shadow: 20px 20px 30px rgba(0,0,0,0.2)}

.main_board{position:relative;width:100%;}
/*.main_board:after{content:'';position:absolute;left:50%;top:0;width:50%;height:100%;background:#f4f8ff url(../image/main/visual_03.png) no-repeat left center;z-index:-1;}*/
.main_board article{padding:100px 0;display:flex;flex-wrap:nowrap;align-items: stretch;}
.main_board article .notice{width:50%;padding-right:60px;}
.main_board article .news{width:50%;padding-left:60px;}
.main_board article div h3{font-size:25px;font-weight:700;line-height:1;color:#000;}
.main_board .notice ul{margin-top:20px;}
.main_board .notice ul li{height:92px;overflow:hidden;border-top:1px solid #e6e6e6;transition:all 800ms ease;}
.main_board .notice ul li:first-child{border-top:0;}
.main_board .notice ul li:last-child{border-bottom:1px solid #e6e6e6;}
.main_board .notice ul li:hover{transform:translateY(-7px);}
.main_board .notice ul li a{display:block;padding:20px 0;}
.main_board .notice ul li a .title{position:relative;display:block;padding-left:18px;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;font-size:18px;font-weight:500;color:#333;line-height:1.1;}
.main_board .notice ul li a .title:before{content:'';position:absolute;left:0;top:8px;width:4px;height:4px;background:#00a973;}
.main_board .notice ul li a .subtxt{display:block;margin-top:12px;font-size:14px;color:#787878;padding-left:18px;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;word-break: break-all;}
.main_board .notice ul li a .subtxt > * {font:inherit;}
.main_board .card{margin-top:20px;}
.main_board .card li{margin-top:25px;background:#fff;box-shadow:4px 4px 6px rgba(0,0,0,0.05);transition:all 800ms ease;}
.main_board .card li:hover{transform:translateY(-7px);}
.main_board .card li a{display:block;padding:20px 25px;}
.main_board .card li a .date{display:block;color:#00a973;font-size:15px;line-height:27px;background:url(../image/main/ic_more.png) no-repeat right center;}
.main_board .card li a .title{margin-top:15px;display:block;display: -webkit-box;font-size:18px;font-weight:500;color:#333;line-height:1.36;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height: 60px;overflow:hidden;}
.main_board .card li a .subtxt{margin-top:10px;display:block;display: -webkit-box;font-size:14px;color:#787878;line-height:25px;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 50px;overflow:hidden;word-break: break-all;}

.main_license{padding-top:85px; background:#004a8b;}
.main_license article{margin:0 auto;max-width:1210px;padding:50px 0 0;overflow:hidden;display:flex;flex-wrap:nowrap;transform:translateX(60px);}
.main_license article .titwrap{margin-top:30px;width:245px;}
.main_license article .titwrap h3{font-size:45px;color:#fff;font-weight:300;line-height:52px;}
.main_license article .titwrap h3 span{display:block;font-size:44px;font-weight:700;color:#fff;}
.main_license article .titwrap a{margin-top:24px;padding:0 20px;display:block;width:160px;height:50px;font-size:16px;font-weight:500;color:#fff;line-height:48px;border:1px solid rgba(255,255,255,0.6);background:url(../image/main/ic_link.png) no-repeat 88% center;transition:all 800ms ease;}
.main_license article .titwrap a:hover{transform:translateY(-7px);background-color:rgba(255,255,255,0.1);}
.main_license article .wrap_license{width:calc(100% - 245px);padding:30px 120px 90px 40px;}
.main_license article .wrap_license:after{content:'';position:absolute;right:0;top:0;width:100px;height:100%;background:#004a8b;z-index:1;}
/*.main_license article .wrap_license .swiper-wrapper{overflow:hidden;}*/
.main_license article .wrap_license .swiper-slide{padding-right:35px;transition:all 800ms ease;}
.main_license article .wrap_license .swiper-slide:hover{transform:translateY(-20px)}
.main_license article .wrap_license .year{font-size:25px;color:#fff;font-weight:700;line-height:1;}
.main_license article .wrap_license .keynum{margin-top:10px;font-size:18px;color:#fff;opacity:0.3;line-height:1;}
.main_license article .wrap_license .explain{margin-top:30px;font-size:15px;font-weight:300;color:#fff;letter-spacing:-0.04em;word-break:keep-all;}
.wrap_license .swiper-button-next{top:52px;right:0;border:1px solid #fff;width:70px;height:70px;border-radius:50%;color:#fff;}
.wrap_license .swiper-button-prev{top:141px;left:auto;right:0;border:1px solid #fff;width:70px;height:70px;border-radius:50%;color:#fff;}
.wrap_license .swiper-button-next:after{font-size:32px;}
.wrap_license .swiper-button-prev:after{font-size:32px;}

.company{padding:60px 0;}
.company h3{font-family:'Nanum Myeongjo';font-weight:400;font-size:45px;line-height:1.2;color:#000;letter-spacing:-0.04em;}
.company p{margin-top:20px;font-size:20px;color:#444;line-height:1.45;letter-spacing:-0.04em;word-break: keep-all}
.company_list{margin-top:19px;display:flex;flex-wrap:wrap;justify-content: flex-start;align-items: flex-start;}
.company a{margin-top:20px;margin-left:20px;display:flex;width:260px;height:100px;text-align:center;align-self: center;border:1px solid #e5e5e5;}
.company a img{margin:auto; max-width:100%;}
.company a:first-child,.company a:nth-child(4n+1){margin-left:0;}

.navi{position:fixed;top:50%;right:30px;transform:translateY(-185px);z-index:100;}
.linkmenu{width:80px;border-radius:40px;border:1px solid #ebebeb;background:#fff;overflow:hidden;box-shadow: 15px 15px 20px rgba(0,0,0,0.07);}
.linkmenu ul li{display:block;}
.linkmenu ul li + li{border-top:1px solid #ebebeb}
.linkmenu ul li a{display:block;padding:57px 0 10px;text-align:center;}
.linkmenu ul li a span{display:block;text-align:center;color:#252525;font-size:14px;letter-spacing: -0.05em;}
.linkmenu ul li.btn_toggle{display:none;}
.linkmenu ul li.maps a{padding-top:67px;background:url(../image/common/nav_01.png) no-repeat center 10px;}
.linkmenu ul li.item a{background:url(../image/common/nav_02.png) no-repeat center 10px;}
.linkmenu ul li.partner a{padding-bottom:20px;background:url(../image/common/nav_03.png) no-repeat center 10px;}
.linkmenu ul li.maps a:hover{background-image:url(../image/common/nav_01_on2.png);}
.linkmenu ul li.item a:hover{background-image:url(../image/common/nav_02_on2.png);}
.linkmenu ul li.partner a:hover{background-image:url(../image/common/nav_03_on2.png);}
.linkmenu ul li a:hover span{color:#00a924;}
.btn_top{margin-top:6px;display:block;width:80px;height:80px;border-radius:50%;background:#00a924;box-shadow: 15px 15px 20px rgba(0,0,0,0.07);}
.btn_top span{display:block;height:100%;background: url(../image/common/btn_top.png) no-repeat center center;}

/* 서브페이지 레이아웃*/
.sub_top {position: relative;margin-top:85px;padding-top:55px; width:100%; height:240px;}
.sub_top.intro{background:#00a924 url(../image/common/sub_top_intro.png) no-repeat center center;}
.sub_top.beauty{background:#0000c1 url(../image/common/sub_top_beauty.png) no-repeat center center;}
.sub_top.product{background:#ea6733 url(../image/common/sub_top_product.png) no-repeat center center;}
.sub_top.partner{background:#748c99 url(../image/common/sub_top_partner.png) no-repeat center center;}



.sub_top .sub_top_inner {overflow:hidden;}
.sub_top .sub_top_inner h2 {float:left;font-size:45px; color:#fff;font-family:'Nanum Myeongjo';font-weight:400;}
.sub_top .sub_top_inner .sub_top_map {float:right;margin-top:20px;display:flex;}
.sub_top .sub_top_inner .sub_top_map a { padding-left: 35px; position: relative; color:#fff;font-size:14px;opacity:0.8;}
.sub_top .sub_top_inner .sub_top_map a:after {content: ""; display:block; position:absolute; top:50%; left:17px; transform:translateY(-50%); width:8px; height:15px; background: url(../image/ico/arr_right.png)no-repeat center; background-size:100% auto;}
.sub_top .sub_top_inner .sub_top_map a:first-child {padding-left:0;opacity:1;}
.sub_top .sub_top_inner .sub_top_map a:first-child:after {content:none;display:none;}
.sub_top .sub_top_inner .sub_top_map a:last-child{opacity: 1;}

.sub_top .sub_top_menu {margin-top:50px;display:flex;flex-wrap:nowrap;justify-content: flex-start; }
.sub_top .sub_top_menu li {margin-right:45px;}
.sub_top .sub_top_menu li a{position:relative;display:block; color:rgba(255,255,255,0.5); font-size:18px;font-weight:500;}
.sub_top .sub_top_menu li.on a,.sub_top .sub_top_menu li:hover a {color:rgba(255,255,255,1);}
.sub_top .sub_top_menu li.on a:after,.sub_top .sub_top_menu li:hover a:after { content: ""; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#dde3ed; }

.sub_top.other_sub_top {display:flex; align-items:center; height:170px; padding-top:0; background-color:#282b3e;}
.sub_top.other_sub_top .other_sub_top_menu {margin-top:0;}
/*.sub_top.other_sub_top .other_sub_top_menu li a {color:#fff;}*/

/*CEO*/
.intro_ceo{padding:75px 0;background:url(../image/intro/intro_bg.png) no-repeat right 55px;}
.intro_ceo h3{font-size:32px;color:#000;font-family:'Nanum Myeongjo';font-weight:400;line-height:1;}
.intro_ceo .tit_sub{margin-top:30px;font-size:24px;line-height:1.4;color:#252525;letter-spacing:-0.04em;}
.intro_ceo .txtbox{margin-top:30px;}
.intro_ceo .txtbox img{float:left;margin-right:30px;width:400px;}
.intro_ceo .txtbox p{padding-top:15px;font-size:15px;line-height:1.5;color:#666;letter-spacing:-0.04em;word-break: keep-all;}
.intro_ceo .txtbox p + p{margin-top:20px;padding-top:0;}
.intro_ceo .txtbox p:last-child{margin-top:30px;}
.intro_ceo .t16{margin-top:15px;font-size:16px;color:#666;line-height:1.6;}
.ceo_name{margin:120px 0 0;text-align:right;}
.ceo_name p{display:inline-block;padding:15px 0 0 10px;border-top:1px solid #999;font-size:15px;font-weight:500;color:#1a1a1a;}
.ceo_name span{margin-left:10px;display:inline-block;width:93px;height:45px;background:url(../image/intro/sign2.png) no-repeat right center;background-size:auto 45px;vertical-align: middle;}

/*vision*/
.vision{padding:90px 0;background:url(../image/intro/vision_bg.png) no-repeat center center;}
.vision ul{display:flex;flex-wrap:nowrap;justify-content:space-between;}
.vision ul li{width:calc(50% - 20px);}
.vision ul li h4{height:108px;color:#000;font-family:'Nanum Myeongjo';font-size:45px;font-weight:400;line-height:1.2;}
.vision ul li div{margin-top:30px;padding:50px 45px;height:260px;background:#fff;}
.vision ul li div h5{font-size:26px;font-weight:700;color:#000;line-height:1;}
.vision ul li div p{margin-top:20px;font-size:16px;color:#666;line-height:1.6;word-break: keep-all;letter-spacing:-0.03em;}
.vision ul li div p span{font:inherit;color:#252525;font-weight:600;}

.history{padding:90px 0 0;}
.history h3{font-size:26px;color:#000;font-weight:700;}
.history ul{margin-top:35px;display:flex;flex-wrap:nowrap;justify-content: space-between;}
.history ul li{position:relative;width:calc(50% - 60px);}
.history ul li:first-child:before{content:'1978~';position:absolute;left:0;top:45px;color:#e6f3ee;font-size:170px;font-family:'Nanum Myeongjo';z-index:-1;line-height:1;font-style: italic;}
.history ul li:last-child:before{content:'2007~';position:absolute;left:0;top:45px;color:#e6f3ee;font-size:170px;font-family:'Nanum Myeongjo';z-index:-1;line-height:1;font-style: italic;}
.history ul li h4{padding-bottom:35px;font-size:32px;font-weight:400;color:#252525;border-bottom:1px solid #e6e6e6;}
.history ul li dl{margin-top:30px;display:flex;flex-wrap:nowrap;justify-content: flex-start;align-items: flex-start;}
.history ul li dl dt{width:70px;font-size:18px;font-weight:700;color:#666666;line-height:27px;}
.history ul li dl dd{flex:1;font-size:16px;color:#666;font-weight:300;letter-spacing:-0.045em;word-break:keep-all;line-height:27px;}
.history ul li dl + dl{margin-top:45px;}

.map{padding:90px 0 100px;}
.map h3{font-size:26px;color:#000;font-weight:700;}
.map_box{height:450px; margin-top:35px;border:1px solid #e0e0e0;}
.map .address{padding: 20px 0 0;}
.map .address div{float:left;display:inline-block;padding:10px 130px 0 37px;}
.map .address p{display:inline-block;padding-left:37px;color:#666;font-size:16px;line-height:32px;}
.map .address .ic_address{width:730px;background:url(../image/intro/ic_address.png) no-repeat left center;}
.map .address .ic_call{margin:20px 65px 0 0;background:url(../image/intro/ic_call.png) no-repeat left center;}
.map .address .ic_fax{margin-top:20px;background:url(../image/intro/ic_fax.png) no-repeat left center;}

.tit_wrap {width: 100%;}
.tit_wrap .sub_tit { position: relative;padding: 75px 0 30px;}
.tit_wrap .sub_tit .template_title {display: block;font-family:'Nanum Myeongjo';font-weight: 400; font-size: 32px;color:#000; letter-spacing: -0.5px; line-height: 42px;}
.tit_wrap .sub_tit .tit_sub.mobile{display:none;}
.template_sub{padding-bottom:45px;}
.template_sub p{font-size:24px;line-height:1.4;color:#252525;letter-spacing:-0.04em;}
.template_sub p.mt70{margin-top:30px!important;}
.template_sub .t18{margin-top:15px;font-size:16px;color:#666;line-height:1.6;}

/*리스트 검색*/
.searchbox{padding:15px 20px;display:flex;flex-wrap:nowrap;justify-content: flex-start; border:1px solid #e0e0e0;background:#f7f7f7;}
.searchbox select{margin-right:9px;padding:0 10px;width:185px;height:40px;color:#666;font-size:15px;border:1px solid #e0e0e0;}
.searchbox input[type=text]{flex:1;padding:0 10px;color:#666;font-size:15px;border:1px solid #e0e0e0;background:#fff;}
.searchbox .btn_search{margin-left:9px;padding:0 18px;width:100px;height:40px;background:#333;}
.searchbox .btn_search span{display:block;padding-left:30px;color:#fff;font-size:15px;line-height:40px;background:url(../image/common/btn_search.png) no-repeat left center;}

/*테이블 디자인*/
.list_wrap {margin-top:30px;padding-bottom:100px;}
.list_section{margin-top:30px;}
.list_count{text-align:right;}
.list_count span{position:relative;display:inline-block;padding:0 15px;font-size:14px;color:#666;vertical-align: middle;line-height:1;}
.list_count span + span:before{content:'';position:absolute;left:-2px;top:0;width:1px;height:18px;background:#cbcbcb;}
.list_count span i{font:inherit;font-weight:500;color:#252525;}
.list_count span:last-child{padding-right:0;}

.list_wrap .sub_txt {border-left: 0 !important;}
.list_wrap .sub_txt.list_section {}
.list_wrap .sub_txt.list_section  .txt {padding: 40px 0;}
.list_wrap .sub_txt .txt {padding: 40px 70px;}
.list_wrap .sub_txt .txt1 {border-bottom: 0; padding-bottom: 0 !important;}

.tblist{margin-top:10px;}
.tblist table{table-layout:fixed;width:100%;border-top: 2px solid #333; }
.tblist table thead tr th{padding:10px 0;text-align:center;font-size:15px;color:#252525;font-weight:400;letter-spacing:-0.025em;background:#f7f7f7;border-bottom:1px solid #e0e0e0;}
.tblist table tbody tr td {padding: 10px 15px; font-size: 15px; color:#666;line-height:20px; text-align: center;border-bottom:1px solid #e0e0e0;}
.tblist table tbody tr td span{font-size:15px;color:#666;line-height:20px;}
.tblist table tbody tr td p{font-size: 15px;line-height:20px; color:#666;}
.tblist table tbody tr td a{display:block;font-size: 15px;line-height:20px; color:#666;}
.tblist table tbody tr td a:hover{text-decoration: underline;}
.tblist table tbody tr td .eliip{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}
.tblist table tbody tr td.nodata{padding:50px 0;}
.tblist table tbody tr td.nodata p{text-align:center;color:#909090;}
.tblist input[type="checkbox"] {display: none;}
.tblist input[type="checkbox"]+label {display: block; padding-left: 10px; width: 16px; height: 16px; background: url(../image/ico/ico_check.png)no-repeat; background-position: bottom;}
.tblist input[type="checkbox"]:checked+label {background-position: top;}
.tblist .m_table{display:none;}

.pager {margin:35px auto 0;display: flex; justify-content: center;}
.pager a {display: inline-block; margin: 0 2px 0 3px;min-width:20px; font-size: 15px;line-height:35px;text-align:center;box-sizing:border-box;}
.pager a:hover,.pager a.on{background-position:center -35px!important;}
.pager .pager_num_list{margin:0 17px;}
.btn_first{width: 35px; height:35px; background:#f7f7f7 url(../image/common/btn_first.png)no-repeat center top;border:1px solid #e0e0e0;}
.btn_prev {width: 35px; height:35px; background:#f7f7f7 url(../image/common/btn_prev.png)no-repeat center top;border:1px solid #e0e0e0;}
.btn_next {width: 35px; height:35px; background:#f7f7f7 url(../image/common/btn_next.png)no-repeat center top;border:1px solid #e0e0e0;}
.btn_last {width: 35px; height:35px; background:#f7f7f7 url(../image/common/btn_last.png)no-repeat center top;border:1px solid #e0e0e0;}
.pager a.on{width:35px;background:#282b3e;color:#fff;}
.pager a:hover{text-decoration: underline}
.pager a.on:hover{text-decoration: none;}

/*버튼*/
.btn_type1{font-size:15px;text-align:center;background:#333;color:#fff;}
.btn_type2{font-size:15px;text-align:center;background:#fff;color:#333;border:1px solid #e0e0e0;}

.btns{margin:35px auto 0;text-align:right;}
.btns a{display:inline-block;vertical-align: top;margin-left:5px;}
.btns .btn_type1{width:80px;height:40px;line-height:40px;}
.btns .btn_type2{width:80px;height:40px;line-height:38px;}

/* 디테일 */
.detail_wrap .detailbd{width: 100%;border-top: 2px solid #333;}
.detail_wrap .detailbd thead tr th{padding:10px 15px 7px;font-size: 18px;background:#f7f7f7;text-align:left;}
.detail_wrap .detailbd thead tr:last-child th{padding:0 15px 10px;border-bottom:1px solid #e0e0e0;}
.detail_wrap .detailbd thead tr th .info span {position:relative;padding: 0 7px; display: inline-block; color: #888;font-weight:400;font-size:15px;line-height:1;}
.detail_wrap .detailbd thead tr th .info span:first-child{padding-left:0;}
.detail_wrap .detailbd thead tr th .info span + span:before{content:'';position:absolute;left:-2px;top:1px;width:1px;height:13px;background:#e0e0e0;}
.detail_wrap .detailbd tbody td{border-bottom:1px solid #e0e0e0;}
.detail_wrap .detailbd tbody td .detail_content {padding: 10px 15px;min-height:280px;}
.detail_wrap .detailbd tbody td .detail_content p{line-height:1.4;color:#333;}
.detail_wrap .detailbd tbody td .detail_content strong{font-weight:600;}
.detail_wrap .detailbd tbody td .detail_content em{font-style: italic;}
.detail_wrap .detailbd tbody td .detail_content ol, .detail_wrap .detailbd tbody td .detail_content ul{padding: 0 40px;list-style: inherit}
.detail_wrap .detailbd tbody td .detail_content li{list-style: inherit}
.detail_wrap .detailbd tbody td .detail_content h1{font-size:2em;}
.detail_wrap .detailbd tbody td .detail_content h2{font-size:1.5em;}
.detail_wrap .detailbd tbody td .detail_content h4{font-size:1em;}
.detail_wrap .detailbd tbody td .detail_content h6{font-size:0.67em;}
.detail_wrap .detailbd tbody td .detail_content table{max-width:100%;}
.detail_wrap .detailbd tbody td .detail_content img{display:block; /* vertical-align: bottom; */ max-width:100%; height:auto !important; margin:0 auto;}
.detail_wrap .detailbd tbody td .detail_content * {font:inherit;color:inherit;}
/*인증특허*/
.certified{padding:75px 0 90px;background:#90aab8 url(../image/beauty/certified_bg.png) no-repeat center 750px;}
.certified article h4{color:#fff;font-size:26px;font-weight:700;line-height:1;}
.certified article ul{margin-top:15px;display:flex;flex-wrap: wrap;justify-content:flex-start;align-items: self-start;display: -ms-flexbox;
	-ms-flex-align: start;
	-ms-flex-pack: start;
	-ms-flex-line-pack: start;
	-ms-flex-direction: row;
	-ms-flex-wrap: wrap;
}
.certified article ul li{margin-top:35px;width:calc(50% - 38px);background:#fff;vertical-align: top;}
.certified article ul li .license{padding:45px 40px;}
.certified article ul li .license h5{font-family:'Nanum Myeongjo';font-size:35px;font-weight:400;color:#000;letter-spacing:-0.04em;}
.certified article ul li .license h5 span{font:inherit;color:#ccc;}
.certified article ul li .license p{margin-top:10px;min-height:135px;font-size:20px;color:#333;line-height:32px;word-break:keep-all;letter-spacing: -0.03em;}
.certified article ul li .license .license_num{min-height:auto;font-size:18px;font-weight:500;color:#999;line-height:1;}
.certified article ul li:nth-child(2n){margin-left:76px;}
.certified article ul li:nth-child(2){margin-top:100px;}
.certified article ul li:nth-child(3){margin-top:-30px}
.certified article ul li:nth-child(5){margin-top:-351px}
.certified article ul li:nth-child(7){margin-top:-30px}

.dev_coat{background:url(../image/beauty/dev_bg.png) no-repeat center center;}
.dev_coat article{padding:100px 0;}
.dev_coat article ul{display:flex;flex-wrap:nowrap;justify-content: flex-start;align-items: center; }
.dev_coat article ul li{width:245px;height:245px;}
.dev_coat article ul li + li{margin-left:40px;}
.dev_coat article ul li div{position:relative;padding:60px 25px 45px;width:100%;height:100%;text-align:center;border-radius:50%;overflow:hidden;}
.dev_coat article ul li div:before{content:'';position:absolute;left:6px;top:6px;width:233px;height:233px;border-radius:50%;border:2px dotted #fff;box-sizing: border-box}
.dev_coat article ul li div h5{font-size:26px;line-height:32px;color:#fff;letter-spacing: -0.04em;}
.dev_coat article ul li div p{margin-top:25px;font-size:18px;color:#fff;letter-spacing:-0.04em;}
.dev_coat article ul li:first-child div{background:rgba(199,207,194,0.5);}
.dev_coat article ul li:nth-child(2) div{background:rgba(115,114,120,0.5);}
.dev_coat article ul li:nth-child(3) div{background:rgba(68,57,50,0.5);}
.dev_coat article ul li:nth-child(4) div{padding-top:45px;background:rgba(4,4,4,0.5);}


/* pantone */
.tonechart{padding:75px 0 0;}
.tonechart h4{font-size:26px;font-weight:700;color:#000;}
.tonechart h4 span{margin-left:10px;font-size:18px;color:#333;font-weight:400;letter-spacing:-0.04em;}
.tonechart h5{margin-top:30px;font-size:18px;font-weight:700;color:#666;}
.pantone_box{margin-top:20px;width:100%;display:flex;flex-wrap:wrap;justify-content: flex-start;}
.pantone_box li{margin-top:9px;margin-right:9px;width:175px; border: 1px solid #ccc;}
.pantone_box li:nth-child(6n){margin-right:0;}
.pantone_box li .color_box{display:block;padding:9px;}
.pantone_box li .color_img {width: 100%; }
.pantone_box li .color_img img {width: 100%;}
.pantone_box li .color_img .backcolor{width:100%;height:165px;}
.pantone_box li .color_txt{margin-top:10px;}
.pantone_box li .color_txt .logo_pantone{display:block;font-family: 'GangwonEduPowerExtraBoldA'; font-size:15px; color:#000;}
.pantone_box li .color_txt .logo_pantone span{margin-left:1px;font:inherit;font-size:10px;vertical-align:super;}
.pantone_box li .color_txt .color_name {display:block;color: #494949; font-size: 14px;}
.pantone_box.sub li .color_txt .color_name{margin:0 auto 7px;}
.pantone_box li .color_txt .color_code {font-size: 18px; font-weight: 700;}
.pantone_box li .color_txt .color_code span{margin-left:5px;font-size:14px;font-weight:400;color:#494949;}

.pantone_box.col5{margin-top:30px;}
.pantone_box.col5 li{width:211px;}
.pantone_box.col5 li:nth-child(5n){margin-right:0;}
.pantone_box.col5 li:nth-child(6n){margin-right:9px;}
.tonechart:last-child{padding-bottom:100px;}
.pantone_box.col5.mt0{margin-top:0;}
/* 색상 */
.c1 {background-color: #e2ddc8;}
.c2 {background-color: #d9d8d6;}
.c3 {background-color: #cec6bf;}
.c4 {background-color: #cbc3ba;}
.c5 {background-color: #bcbcb4;}
.c6 {background-color: #b4ada5;}
.c7 {background-color: #b0a6a1;}
.c8 {background-color: #aca199;}
.c9 {background-color: #898581;}
.c10 {background-color: #837670;}
.c11 {background-color: #766e64;}
.c12 {background-color: #212222;}
.c13 {background-color: #c7c7c7;}
.c14 {background-color: #a6a7a9;}
.c15 {background-color: #979899;}
.c16 {background-color: #878b8c;}
.c17 {background-color: #687273;}
.c18 {background-color: #576d72;}
.c19 {background-color: #f9ce62;}
.c20 {background-color: #b07b80;}
.c21 {background-color: #8f7eae;}
.c22 {background-color: #ffb71b;}
.c23 {background-color: #b26f75;}
.c24 {background-color: #745774;}
.c25 {background-color: #6d99a4;}
.c26 {background-color: #2a5c66;}
.c27 {background-color: #839587;}
.c28 {background-color: #7a98a3;}
.c29 {background-color: #415868;}
.c30 {background-color: #124d8a;}
.tonechart .view_txt {display:block; margin-top: 25px; color:#b20808; font-size:18px;}

.inert{margin:-45px auto 0;}
.inert .txt_wrap img{float:left;margin-right:30px;}
.inert .txt_wrap .txtbox p{color:#666;font-size:15px;font-weight:400;line-height:1.5;}
.inert .txt_wrap .txtbox p + p{margin-top:20px;letter-spacing:-0.04em;}
.industry_img{display:block;margin:50px auto 100px;text-align:center;}
.industry_img img{max-width:100%;}

.about_pantone{background:url(../image/beauty/pantone_bg.png) no-repeat center center;}
.about_pantone article{display:flex;padding:70px 0;height:486px; justify-content:space-between; gap:20px; align-items:center;}
.about_pantone article .img_wrap{width:433px; padding-left:65px;}
.about_pantone article .img_wrap img{width:100%;}
.about_pantone article .txt_wrap{width:530px;}
.about_pantone article p{font-size:18px;line-height:1.78;color:#fff;letter-spacing: -0.04em;word-break: keep-all;}
.about_pantone article p + p{margin-top:32px;}

/* 판넬 */
.interior_tit {display: block; font-size: 24px; margin-bottom: 40px; font-weight: 600;}
.interior_color {display: block; margin-bottom: 20px;font-size: 18px; font-weight: 600;}

/*제품안내 전체 페이지*/
.product_menu {margin:75px auto 40px;width:100%; display:flex; flex-wrap:wrap;}
.product_menu li {width:calc(33% - 20px); margin-right:20px; margin-bottom:60px;}
.product_menu li:nth-child(3n) {margin-right:0;}
.product_menu li a {display:block;}
.product_menu li a img {width:100%;}
.product_menu li a .product_tit {margin-top:10px;display:block; font-size:18px; font-weight:500;}

/*제품안내*/
.detail_color {padding-bottom:90px;border-bottom:1px solid #e6e6e6;}
.detail_color h2 {font-size:32px; margin:75px 0 30px;}
.detail_color h2 span {font-size:18px; font-weight:400;}
.detail_txt {font-size:16px; display:inline-block;color:#666; margin: 10px 0 0;}
.detail_txt.red {color:#b20808 !important; margin-bottom:0px !important;}
.detail_txt .ic_cursor{display:inline-block;width:16px;height:18px;background:url(../image/allProduct/ic_cursor.png) no-repeat center center;vertical-align: middle}
.detail_view {margin:90px 0 100px;}
.detail_view h2 {font-size:26px; font-weight:700; color:#808080; margin-bottom:25px;}

.view_img{position:relative;}
.view_img .type .locate{display:none;position:absolute;width:30px;height:30px;}
.view_img .type .locate.num1{display:block;}
.view_img .type .btn_pointer{width:30px;height:30px;background:url(../image/allProduct/ic_pointer.png) no-repeat center center;z-index:100;}
.view_img .type .detail_label{position:absolute;left:-25px;top:-25px;width:80px;z-index:10;font-size:15px;color:#fff;text-align:center;}
.view_img .type .detail_face{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:310px;height:310px;border:5px solid #fff;border-radius:50%;z-index:110; /*animation:blow 800ms linear alternate;*/}
.view_img .type .detail_face .detail_label{position:absolute;left:0;top:0;z-index:10;width:auto;font-size:15px;color:#fff;text-align:left;}
@keyframes blow {
	0%{transform:translateY(10px);}
	100%{transform:translateY(0);}
}
/*.view_img .type.guest .btn_pointer{left:358px;top:350px;}*/
/*.view_img .type.guest .detail_face{left:218px;top:206px;}*/
/*.view_img .type.child .btn_pointer{left:190px;top:352px;}*/
/*.view_img .type.child .detail_face{left:56px;top:219px;}*/
/*.view_img .type.child .num2 .btn_pointer{left:104px;top:107px;}*/
/*.view_img .type.child .num2 .detail_face{left:4px;top:10px;}*/
/*.view_img .type.child .num3 .btn_pointer{left:104px;top:355px;}*/
/*.view_img .type.child .num3 .detail_face{left:10px;top:225px;}*/
/*.view_img .type.child .num4 .btn_pointer{left:262px;top:349px;}*/
/*.view_img .type.child .num4 .detail_face{left:113px;top:217px;}*/
/*.view_img .type.child .num5 .btn_pointer{left:318px;top:343px;}*/
/*.view_img .type.child .num5 .detail_face{left:180px;top:209px;}*/
/*.view_img .type.living .btn_pointer{left:344px;top:129px;}*/
/*.view_img .type.living .detail_face{left:194px;top:10px;}*/
/*.view_img .type.kitchen .btn_pointer{right:187px;top:217px;}*/
/*.view_img .type.kitchen .detail_face{right:42px;top:73px;}*/
/*.view_img .type.kitchen .num2 .btn_pointer{right:87px;top:560px;}*/
/*.view_img .type.kitchen .num2 .detail_face{right:30px;top:410px;}*/

.view_img .type.guest .locate{left:32.457%;top:47.684%;}

.view_img .type.child .locate{left:18.226%;top:60%;}
.view_img .type.child .locate.num2{left:9.429%;top:20%;}
.view_img .type.child .locate.num3{left:9.429%;top:60%;}
.view_img .type.child .locate.num4{left:24.553%;top:60%;}
.view_img .type.child .locate.num5{left:29.53%;top:60%;}

.view_img .type.bedroom .locate{left:21.072%;top:25.714%;}
.view_img .type.living .locate{left:31.216%;top:23.575%;}
.view_img .type.kitchen .locate{right:16.969%;top:29.564%;}
.view_img .type.kitchen .locate.num2{right:13.895%;top: 80.294%;}

.inner_top {margin:75px 0;}
.inner_top h2 {font-size:32px; font-family: 'Nanum Myeongjo'; margin-bottom:45px;}
.inner_top p {font-size:32px;}


/* 제품안내 메인이미지 */
.color_view {position:relative;width:100%;}
.color_view img {width:100%;}
.color_tit h2{font-size:26px; font-weight:600;}
.color_view .nav_zoom{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:10; width:100%; text-align:center;}
.nav_zoom.mobile{display:none;}
.nav_zoom li{display:inline-block;margin:0 5px;width:50px;height:50px;}
.nav_zoom li a{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;background:#fff;transition:all 800ms linear;border:1px solid #fff;}
.nav_zoom li a:hover{transform:translateY(-10px);}

/* 협력사 소개 */
.special_partners {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin-bottom:100px;}
.special_partners li {width:353px; height:270px; border:1px solid #dcdcdc; margin-bottom:20px;}
.special_partners li .partners_logo{display: flex; justify-content:center; align-items:center; width:100%;height:163px; padding:10px;}
.special_partners li .partners_logo img{max-width:100%;}
.special_partners li .partners_txt{width:100%; height:105px; padding:24px 0; background-color:#f6f7f8; text-align:center;}
.special_partners li .partners_txt p {font-size:22px;color:#333;}
.special_partners li .partners_txt span {font-size:15px; color:#787878;}

.nodata_partner{padding:120px 0;background:#f5fbff url(../image/partners/comingsoon.png) no-repeat center center;}

.partners{padding:0 0 100px 0;}
.partnerlist{display:flex;flex-wrap:wrap;justify-content: flex-start;align-items: flex-start;}
.partnerlist li{margin-top:60px;margin-left:55px;width:330px;}
.partnerlist li:first-child,.partnerlist li:nth-child(3n+1){margin-left:0;}
.partnerlist li h5{font-size:26px;font-weight:700;color:#000;}
.partnerlist li .logoimg{margin-top:30px;padding:10px;display:flex;flex-wrap:nowrap;width:100%;height:160px;justify-content: center;align-items: center;background:#f7f7f7;}
.partnerlist li .logoimg img{max-width:100%;}

/*협력사 신청*/
.application_sect {width:100%; padding:50px 110px; margin-bottom:220px; background-color:#f2f2f2;}
.application_sect h2 {padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #000; text-align:center; font-size:26px; font-weight:600;}
.application_sect .application_form {width:100%; padding:20px 50px; background-color:#fff; border-radius:10px;}
.application_sect .application_form form {width:100%;}
.application_sect .application_form form input[type="text"] {border:1px solid #e0e0e0; padding:0 10px;}
.application_sect .application_form form dl {display:flex; width:100%; padding: 10px 0; border-bottom:1px solid #e6e6e6;}
.application_sect .application_form form dl dt {width:245px; line-height:40px; font-size:15px; font-weight:600;}
.application_sect .application_form form dl dt span {font-size:15px; font-weight:400;}
.application_sect .application_form form dl dd {width: calc(100% - 245px); padding-right:30px;}
.application_sect .application_form form dl dd select {margin-left:0; padding: 0 10px; border:1px solid #e6e6e6;  color:#000; font-size:15px; outline:none;}
select{appearance: none;-webkit-appearance: none;background-image:url(../image/ico/ico_select.png);background-repeat: no-repeat; background-position:95% center;}
select::-ms-expand{display:none;/*for IE10,11*/}
.application_sect .application_form form dl dd select.area_box {width: 280px; height:40px; color:#000;}
.application_sect .application_form form dl dd input[type="text"] {width:100%; height:40px; font-size:15px;}
.application_sect .application_form form dl.write_upload {height:auto;}
.application_sect .application_form form dl dd .upload_btn input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.application_sect .application_form form dl dd .upload_btn input[type="file"]+label {display:inline-block; height:40px; padding:5px 50px; background-color:#000; color:#fff; line-height:30px; border: 1px solid #ebebeb; border-radius:5px; font-size:15px;}
.application_sect .application_form form dl dd .file {display:inline-block;margin:5px 8px 0 0; padding:7px 12px;background-color:#f9f9f9; border:1px solid #e6e6e6; border-radius:5px;vertical-align: top;}
.application_sect .application_form form dl dd .file input[type="file"] {display:none;}
.application_sect .application_form form dl dd .file label {display:inline-block;font-size:15px;color:#666;padding-right:3px;vertical-align: top;line-height:25px;}
.application_sect .application_form form dl dd .file .removeBtn {display:inline-block; margin:0 0 0 8px;width:15px; height:25px;background:url(../image/ico/ico_remove.png)no-repeat center; background-size:15px 15px;vertical-align: top;}
.application_sect .application_form form dl dd input[type=text] + input[type=text]{margin-top:7px;}
.application_sect .application_form form dl dd input::placeholder{color:#999;}
.application_sect .application_form form dl dd input::-webkit-input-placeholder{color:#999;}
.application_sect .application_form form dl dd input:-ms-input-placeholder{color:#999;}
.application_form form dl.write_record {height:auto;}
.application_sect .application_form form dl dd textarea {width:100%; height:80px; padding:10px; border:1px solid #e6e6e6; outline:none; font-size:15px;}

/*전화번호, 이메일 입력란*/
.info_form {display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:center; width:100%; height:100%;}
.info_form  select{height:100%; flex:1; margin-right:15px; color:#a7a7a7;}
.info_form  input[type="text"] {height:100%; flex:1;}
.info_form  span { padding:0 6px;}

.application_sect .application_form form dl.write_my_info dd .info_email select {margin-left:15px; margin-right:0px;}

.application_sect .application_form form .application_txt {margin-top:40px;}
.application_sect .application_form form .application_txt p {text-align:center; font-size:15px;}
.application_date_wrap {margin-top:15px; margin-bottom:40px; display:flex; justify-content:center;}
.application_sect .application_form form .application_txt .application_date {display:flex;}
.application_sect .application_form form .application_txt .application_date p {padding:0 7px; font-size:15px;}
.application_sect .application_form form .application_txt .application_date p.year {padding-left:0;}
.application_sect .application_form form .application_txt .application_date span {font-size:15px;}
.application_sect .application_form form .application_txt .application_date span.date_dot {display:inline-block; position:relative; top:12px; width:3px; height:3px; margin:0 2px; background-color:#000; border-radius:50%;}

.applicant_wrap {display:flex; justify-content:end; margin-bottom:40px;}
.application_sect .application_form form .application_txt .applicant span {font-size:15px;}
.application_sect .application_form form .application_txt .applicant input{width:200px; height:40px;}

.application_sect .application_button {width:100%; margin:30px 0; }
.application_sect .application_button button {display:block; width:100%; max-width:290px; height:50px; margin:0 auto; line-height:50px; background-color:#000; color:#fff; font-size:18px;font-weight:600; border-radius:25px;}

.fileupload{display:flex;flex-wrap:nowrap;justify-content: flex-start;align-items: flex-start;}
.fileupload dt{width:20%;padding:10px 15px;background:#f6f7f8;font-size:15px;}
.fileupload dd{padding:10px 15px;}
.fileupload dd .filelist a{display:block;font-size:15px;color:#333;}
.fileupload dd .filelist a + a{margin-top:7px;}

/* 푸터 */
footer {padding: 50px 0; width: 100%; background-color: #282b3e;}
footer .inner_footer {width: 100%; max-width: 1100px; margin: 0 auto; display: flex; justify-content: space-between;}
footer .inner_footer .address{flex:1;padding:0 40px;}
footer .inner_footer .address p {font-size: 14px; color: #999999; line-height:1.7;}
footer .inner_footer .address .copy{font-size:11px;}
footer .inner_footer .footer_left{width:245px;}
footer .inner_footer .footer_left .logo a {font-size: 0;display: block; width: 151px; height: 45px; background: url(../image/common/logo_w.png) no-repeat; background-size: 100%; }
footer .inner_footer .footer_right{}
footer .inner_footer .footer_list ul{ display: flex;flex-direction: column;}
footer .inner_footer .footer_list ul li {text-align:left;color: #777;}
footer .inner_footer .footer_list ul li a {font-size:14px; color: #999;font-weight:500;line-height:1.6;}

/* 약관 헤더 */
.other_header {position: static !important; height: 100px;}
.other_header .inner {line-height: 75px; height: 75px;}
.other_header .inner h1 {height: 100%;}
.other_header .inner h1 a {display: block; height: 100%;}
.other_header .inner .home {height: 75px;}
.other_header .inner .main_depth .main_list>a {display: block;}
.other_header .sub_depth_wrap {top: 85px; border: 1px solid #c0c0c0; z-index: 999;}
.policy {width: 100%; max-width: 1200px; margin: 0 auto; padding-top: 150px; padding-bottom: 100px;}

/* 개인정보처리방침 */
.policy p, .policy ul {font-size: 14px; margin-bottom: 10px; padding-left: 50px;}
.policy .top p, .policy .tit {padding-left: 0;}
.policy .top {margin-bottom: 40px;}
.policy .top h3 {font-size: 38px; margin-bottom: 20px;}
.policy .tit {font-size: 22px; font-weight: 600; margin-top: 40px;}
.policy .policy_list ul li {margin-bottom: 20px; font-size: 14px;}

.indent1 {padding-left: 15px;}
.indent2 {padding-left: 18px !important; text-indent: -18px !important;}
.indent3 {padding-left: 10px;}

/* 이메일 무단 수집거부 */
.email_box {width: 100%; padding: 40px 80px; background-color:#f2f2f2; margin-bottom:220px;}
.email_box p {margin-bottom:30px; font-size: 18px;}
.email_box a {display: block; width: 100%; padding: 15px 0; background-color: #333333; color: #fff; font-size:16px; text-align: center; }

/* 로그인 */
.login_wrap {width: 100%;height:100vh; margin: 0 auto; display: flex; align-items: center;}
.login_wrap .login_box {margin:auto; width: 500px;border:1px solid #eee;}
.login_wrap .login_box form {border-radius: 5px; padding: 30px 50px 50px; background-color: #fff;}
.login_wrap .login_box .login_tit {font-size: 24px; text-align: center; display: block; margin-bottom: 15px;}
.login_wrap .login_box fieldset {border-top: 2px solid #000;}
.login_wrap .login_box form dl {width: 100%;margin-top:15px;}
.login_wrap .login_box form dl dt {width: 100%; color: #c0c0c0; display: none;}
.login_wrap .login_box form dl dd {width: 100%;}
.login_wrap .login_box form dl dd input {width: 100%; border: 1px solid #ddd; padding: 15px 10px;}
.login_wrap .login_box form dl dd input::placeholder {color: #c0c0c0;}
.login_wrap .login_box p{text-align:center;font-weight:500;}
.login_wrap .login_box form .login_btn{margin-top:15px;width: 100%; padding: 15px 0; background-color:rgba(0,0,0,0.7); font-size: 16px; color :#fff; margin-bottom: 10px;}
.login_wrap .login_box form input[type=checkbox]{display:none;appearance: none;width:0;height:0;margin:-1px;}
.login_wrap .login_box form input[type=checkbox] + label{margin-top:15px;position:relative;display:block;line-height:20px;padding-left:24px;font-size:15px;color:#555;}
.login_wrap .login_box form input[type=checkbox] + label:before{content:'';position:absolute;left:0;top:0;width:20px;height:20px;background:url(../image/admin/checkbox.png) no-repeat center top;}
.login_wrap .login_box form input[type=checkbox]:checked + label:before{background:url(../image/admin/checkbox.png) no-repeat center bottom;}
.login_wrap .login_box form .find {display: flex; justify-content: center;}
.login_wrap .login_box form .find a {font-size: 14px; color: #888; display: inline-block;}
.login_wrap .login_box form .find a.join {width: 100%; text-align: center; border: 1px solid #ddd; padding: 15px 0;}

/* 회원가입 */
.account_wrap {width: 100%; max-width: 500px; margin: 0 auto; padding: 150px 20px;}
.account_wrap .account_tit {font-size: 24px; display: block; font-weight: 400; text-align: center; margin-bottom: 15px;}
.account_wrap form {border-top: 2px solid #000; width: 100%; margin-bottom: 30px;}
.account_wrap form dl {width: 100%; display: block;}
.account_wrap form dl dt {width: 15%; display: none;  text-align: center; vertical-align: middle; padding: 30px 0; background-color: #f0fdfd;}
.account_wrap form dl dd {margin: 25px 0;}
.account_wrap form dl dd.id_wrap {position: relative;}
.account_wrap form dl dd.id_wrap button {height: 100%; width: 100px; text-align: center; color: #777; position: absolute; right: 0; top: 0; border: 1px solid #aaa;}
.account_wrap form dl dd input{border: 1px solid #ddd; width: 100%; height: 100%; padding: 15px 10px; font-size: 14px;}
.account_wrap form dl dd input::placeholder{color: #888; }
.account_wrap form dl dd .num {width: 100%; max-width: 250px; display: flex; justify-content: space-between;}
.account_wrap form dl dd input[type="number"] {width: calc(33% - 3px);}
.email_wrap {display: flex;}
.email_wrap span {display: inline-block; margin: 0 10px; color: #c0c0c0; padding-top: 8px;}
/*select {outline: none; margin-left: 10px; border: 1px solid #ddd;}*/
/*select option {color: #333;}*/
.account_btn {display: flex; justify-content: center;}
.complet {padding: 15px 0; background-color: rgba(0,0,0,0.7); color: #fff; width: 100%;}

.pop_company{display:none;position:fixed;left:50%;top:50%;z-index:1001;margin-left:-367px;margin-top:-440px;}
.pop_company .pop_body{position:relative;padding:10px;width:735px;height:880px;background:#fff;box-shadow: 5px 5px 24px rgba(0,0,0,0.3)}
.pop_company .pop_body .btn_pop_close{position:absolute;right:-50px;top:0;width:30px;height:30px;background:url(../image/common/pop_close.png) no-repeat center center;}
.pop_company .pop_body table{margin-top:10px;width:100%;}
.pop_company .pop_body table th{padding:5px 20px;font-size:18px;font-weight:700;color:#808080;background:#f2f2f2;text-align:center;border:1px solid #cecece;border-right:none;vertical-align: middle;line-height:32px;}
.pop_company .pop_body table td{padding:10px 20px;font-size:18px;line-height:28px;color:#000;border:1px solid #cecece;border-top:none;vertical-align: middle}
.pop_company .pop_body table td.dashed{border-bottom:1px dashed #cecece;}
.pop_company .pop_body table tr:first-child td{border-top:1px solid #cecece;}
.pop_company .pop_body table td span + span{margin-left:105px;}
.pop_company .pop_body table td .boxtxt{margin:10px 0;height:155px;overflow-y:auto;background:#e7e7e7;}
.pop_company .pop_body table td a + a{margin-left:5px;}
.ic_homeage{display:inline-block;width:34px;height:33px;background:url(../image/partners/ic_site.png) no-repeat 0 0;vertical-align: top;}
.ic_face{display:inline-block;width:34px;height:33px;background:url(../image/partners/ic_site.png) no-repeat -41px 0;vertical-align: top;}
.ic_insta{display:inline-block;width:34px;height:33px;background:url(../image/partners/ic_site.png) no-repeat -84px 0;vertical-align: top;}
.ic_blog{display:inline-block;width:34px;height:33px;background:url(../image/partners/ic_site.png) no-repeat -126px 0;vertical-align: top;}
.ic_youtube{display:inline-block;width:34px;height:33px;background:url(../image/partners/ic_site.png) no-repeat -167px 0;vertical-align: top;}

.dimmed{display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.7);z-index:1000;}

.partners_map{padding:44px 0 0;height:660px;background:url(../image/partners/partners_map.png) no-repeat center center;}
.localmap{position:relative;left:50%; transform:translateX(-50%);width:394px;height:560px;background-repeat:no-repeat;background-position: center center;}
.localmap .btnlocal{margin:0 auto;display:block;}

.localmap.se{background-image:url(../image/partners/map_seoul.png);}
.localmap.se .seoul .btnlocal{background-position:center bottom;}

.localmap.gy{background-image:url(../image/partners/map_gg.png);}
.localmap.gy .gg .btnlocal{background-position:center bottom;}

.localmap.ck{background-image:url(../image/partners/map_ck.png);}
.localmap.ck .kang .btnlocal{background-position:center bottom;}

.localmap.gn{background-image:url(../image/partners/map_jn.png);}
.localmap.gn .jn .btnlocal{background-position:center bottom;}

.localmap.ksn{background-image:url(../image/partners/map_kn.png);}
.localmap.ksn .kn .btnlocal{background-position:center bottom;}

.localmap.kss{background-image:url(../image/partners/map_ks.png);}
.localmap.kss .ks .btnlocal{background-position:center bottom;}

.localmap.gs{background-image:url(../image/partners/map_js.png);}
.localmap.gs .js .btnlocal{background-position:center bottom;}

.localmap.jj{background-image:url(../image/partners/map_jeju.png);}
.localmap.jj .jeju .btnlocal{background-position:center bottom;}


.seoul{position:relative;display:inline-block;}
.seoul .btnlocal{position:absolute;left:110px;top:72px;width:30px;height:26px;z-index:10;}
.gg{position:relative;display:inline-block;}
.gg .btnlocal{position:absolute;left:37px;top:19px;width:145px;height:130px;z-index:9;}
.jn{position:relative;display:inline-block;}
.jn .btnlocal{position:absolute;left:40px;top:150px;width:155px;height:203px;z-index:0;}
.kn{position:relative;display:inline-block;}
.kn .btnlocal{position:absolute;left:184px;top:148px;width:211px;height:162px;transform:rotate(-6deg);z-index:2;}
.js{position:relative;display:inline-block;}
.js .btnlocal{position:absolute;left:-17px;top:317px;width:180px;height:146px;z-index:4;transform:rotate(10deg);}
.ks{position:relative;display:inline-block;}
.ks .btnlocal{position:absolute;left:136px;top:282px;width:175px;height:150px;z-index:3;transform:rotate(13deg)}
.jeju{position:relative;display:inline-block;}
.jeju .btnlocal{position:absolute;left:6px;top:499px;width:78px;height:43px;}
.kang{position:relative;display:inline-block;}
.kang .btnlocal{position:absolute;left:133px;top:-19px;width:192px;height:275px;z-index:1;}


.section{
	background-attachment: fixed;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
#section1{z-index:1;background-color:#03170e;background-image:url('../image/main/banner01.png');}
#section2{z-index:2;background-color:#fff;}
#section3{z-index:3;background-image:url('../image/main/visual_02.png');}
#section4{z-index:4;background-image:url('../image/main/visual_03_2.png');}
#section5{z-index:5;background-color:#fff;}


@media screen and (max-width:1280px){
	header{overflow:visible;height:65px; border-bottom:1px solid #ddd;}
	header .inner{max-width:100%;height:100%;padding:10px 20px; align-items:center;}
	header .logo{margin:0;}
	header .btn_menu{display:block; padding:8px 3px;}
	header .btn_menu span{display:block; width:27px; height:8px; background:url('../image/common/btn_menu3.png') no-repeat center center / 100% auto;}
	header .btn_menu.close{padding:3px;margin-left:auto; width:27px;}
	header .btn_menu.close span{width:21px; height:21px; background:url('../image/common/btn_menu.png') no-repeat center bottom / 100% auto;}
	nav {display:block;margin:0;position:fixed; right:-480px; top:0; bottom:0; width:100%; max-width:480px; padding:20px; background:#fff; z-index:10000;}
	.nav_dim{display:none;position:fixed;right:0;top:0;bottom:0;width:100%;background:rgba(0,0,0,0.7);z-index:9999;}
	nav .main_depth{display:block; margin-top: 30px;}
	nav .main_depth .main_list{width:100%; margin:0 auto; padding:15px 0; border-bottom: 1px solid #ddd; text-align:left;}
	.sub_depth_wrap{padding:10px; margin-top:5px; opacity:1; border-top:1px solid #ddd;}
	.sub_depth{border:0;}
	.sub_depth > li{margin:0;}
	.sub_depth > li a{display:block; text-align:left; color:#666;}

	.navi{top:unset; transform:translate(0); bottom:30px;}
	.linkmenu {height:80px; transition:.4s;}
	.linkmenu.on{height:353px;}
	.linkmenu ul li.btn_toggle{display:block;}
	.linkmenu ul li.btn_toggle a{padding:78px 0 0; background:url('../image/common/nav_on.png') no-repeat center center;}
	.linkmenu ul li.btn_toggle a.off{background-image:url('../image/common/nav_off.png');}

	/* main */
	.fp-scrollable .wrap .fp-section{height:auto; min-height:100vh;}
	.main_visual{height:100vh;}
	.main_visual .visual .visual_inner .txtbox{min-width:0;width:100%;}
	.main_product{padding:0 20px;}
	.main_product .item{padding:80px 0 80px;}
	.main_product ul li{flex:1;}
	.main_product ul li:nth-child(3){border-right: 1px solid #ececec;}
	.main_product ul li:last-child{border-right: 0;}
	.main_product .item .bg_box{display:none; position:static; transform:translate(0); margin:20px auto 0;}
	.main_design article{padding:600px 20px 20px; height:auto; align-items:flex-end; justify-content:center; background-position:center 10%;}
	.design_lab ul{margin-top:40px;}
	.main_board{padding:0 20px;}
	.main_license{padding-top:65px;}
	.main_license article{padding:60px 0 0 20px; transform:translate(0); flex-direction:column; justify-content:center;}
	.main_license article .wrap_license{width:100%; padding:30px 110px 50px 20px;}
	.main_license article .wrap_license .swiper-slide{padding-right:0;}
	.wrap_license .swiper-button-next, .wrap_license .swiper-button-prev{right:20px;}
	.company{padding:70px 20px;}
	.company_list{gap:20px;}
	.company a{margin:0; padding:20px; flex:0 0 calc(50% - 10px); width:auto; height:auto;}

	/* footer */
	.fp-scrollable .wrap footer.fp-section{min-height: auto; padding:50px 20px;}
	footer .inner_footer{gap:10px; flex-direction:column; align-items:center; text-align:center;}
	footer .inner_footer .footer_left{width:auto;}
	footer .inner_footer .address{padding:0 20px;}
	footer .inner_footer .footer_list ul{flex-direction:row; gap: 10px; flex-wrap:wrap; justify-content:center;}

	/* 회사 소개 */
	.sub_top{margin-top:65px; padding:55px 20px 0;}
	.intro_ceo{padding:75px 20px;}
	.vision{padding:90px 20px;}
	.vision ul li div{padding:30px;}
	.history{padding:90px 20px 0;}
	.history ul li{width:calc(50% - 30px);}
	.history ul li:first-child:before,
	.history ul li:last-child:before{font-size:140px;}
	.map{padding:90px 20px 100px;}
	.map .address{padding:20px 20px 0;}
	.map .address div{float:none; display:block; padding:10px 0 0;}
	.map .address .ic_address{margin-top:20px;width:100%; max-width:730px;}
	.map .address .ic_call{margin-right:20px;}
	#list-form-data{padding:0 20px;}
	.list_detail{padding:0 20px; max-width:1140px;}
	.detail_wrap .detailbd tbody td .detail_content{overflow-x:auto;}

	/* 연구개발 */
	article.tit_wrap{padding:0 20px;}
	.certified{padding:75px 20px 90px;}
	.certified article ul li{width:calc(50% - 20px);}
	.certified article ul li:nth-child(2n){margin-left:40px;}
	.certified article ul li:nth-child(2){margin-top:9.091%;}
	.certified article ul li:nth-child(3){margin-top:-2.727%}
	.certified article ul li:nth-child(5){margin-top:-31.909%}
	.certified article ul li:nth-child(7){margin-top:-2.727%}
	.dev_coat article{padding:100px 20px;max-width:1140px;}
	.dev_coat article ul{justify-content:center;}
	.dev_coat article ul li{width: 20.416vw;height: 20.416vw;}
	.dev_coat article ul li + li{margin-left:3.333vw;}
	.dev_coat article ul li div{padding: 5vw 25px 3.75vw;}
	.dev_coat article ul li div:before{left: 50%;top: 50%;transform: translate(-50%,-50%);width: 19.416vw;height: 19.416vw;}
	.dev_coat article ul li div h5{font-size: 2vw;line-height: 1.23;}
	.dev_coat article ul li div p{margin-top: 2.083vw;font-size: 1.5vw;}
	.dev_coat article ul li:nth-child(4) div{padding-top: 3.75vw;}
	.tonechart{padding:75px 20px 0;}
	.pantone_box.col5{gap:9px;}
	.pantone_box.col5 li{flex:0 0 calc(20% - 8px); margin:0;}
	.pantone_box.col5 li:nth-child(6n){margin:0;}
	.inert{padding:0 20px;}
	.about_pantone{background-size:cover;}
	.about_pantone article{padding:70px 20px; height:auto; overflow:hidden;}
	.about_pantone article .img_wrap{width:413px; padding-left:45px;}

	.partner_wrap{padding:0 20px;}
	.special_partners{gap:20px;justify-content:flex-start;}
	.special_partners li{margin:0; flex:0 0 calc(50% - 10px);}

	/* 협력사 등록 친성 */
	.application_sect{padding:50px 20px; margin-bottom:110px;}
	.application_sect .application_form{max-width:880px; margin:0 auto;}

}

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

	.tblist table{display:none;}
	.tblist .m_table{display:block; border-top:1px solid #ddd;}
	.tblist .m_table li{border-bottom:1px solid #ddd; padding:20px 0;}
	.tblist .m_table .tit a{font-size:16px; font-weight:500;}
	.tblist .m_table .info{margin-top:10px;}
	.tblist .m_table .info span{margin-right:10px; font-size:13px; color:#666;}

	/* 연구개발 */
	.certified article ul{justify-content:center;}
	.certified article ul li{width:100%; max-width:512px;}
	.certified article ul li:nth-child(2n){margin-left:0;}
	.certified article ul li:nth-child(2){margin-top:35px}
	.certified article ul li:nth-child(3){margin-top:35px}
	.certified article ul li:nth-child(5){margin-top:35px}
	.certified article ul li:nth-child(7){margin-top:35px}
	.certified article ul li .license{padding:25px 20px;}
	.certified article ul li .license h5{font-size:24px;}
	.certified article ul li .license p{font-size:16px;}
	.certified article ul li .license .license_num{font-size:14px;}
	.dev_coat{background-size:cover;}
	.dev_coat article{padding:30px 20px;}
	.dev_coat article ul{max-width:500px; margin:0 auto; justify-content:center; flex-wrap:wrap; gap:20px;}
	.dev_coat article ul li{position:relative; width:calc(50% - 20px); padding-bottom:calc(50% - 20px); height:auto;}
	.dev_coat article ul li + li{margin-left:0;}
	.dev_coat article ul li div{position:absolute; left:0; top:0; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0;}
	.dev_coat article ul li div:before{width:calc(100% - 12px);height:calc(100% - 12px);}
	.dev_coat article ul li div h5{font-size: 22px;}
	.dev_coat article ul li div p{margin-top: 20px;font-size: 16px;}
	.dev_coat article ul li:nth-child(4) div{padding-top:0;}
	.pantone_box.col5 li{flex:0 0 calc(25% - 7px);}
	.pantone_box li .color_txt .color_code{font-size:16px;}
	.pantone_box li .color_txt .color_name{font-size:13px;}
	.inert .txt_wrap img{float:none; width:100%; margin:0 0 20px;}

	.about_pantone article{padding:50px 20px;  flex-direction: column;}
	.about_pantone article .img_wrap{width:100%;max-width:368px; padding-left:0;}
	.about_pantone article .txt_wrap{width:100%;}
	.about_pantone article p{font-size:16px;}
	.about_pantone article p + p{margin-top:15px;}

	/* 제품안내 */
	.nav_zoom li {width:30px; height:30px;}
	.view_img .type .btn_pointer{width:25px; height:25px; background-size:contain;}
	.view_img .type .detail_label{left:50%; transform:translateX(-50%); width:auto; font-size:14px;}
	.view_img .type .detail_face{width:200px; height:200px; border-width:3px;}
	.view_img .type .detail_face .detail_label{padding:0 5px; background:rgba(0,0,0,0.3);}
	.view_img .type.child .locate.num2 {left: 17.429%;top: 26%;}
	.view_img .type.child .locate.num3 .detail_face{left:-60%; transform:translate(0, -50%);}

	/* 협력사 등록 친성 */
	.application_sect .application_form{padding:20px 30px;}
	.application_sect .application_form form dl dt{width:213px;}
	.application_sect .application_form form dl dd{width:calc(100% - 213px);}

	/* 이메일무단수집거부 */
	.email_box{padding:40px 50px; margin-bottom:110px;}
}

@media screen and (max-width:640px){
	.linkmenu{width:45px; height:45px;}
	.linkmenu ul li.btn_toggle a{padding:43px 0 0; background-size: 50% auto;}
	.linkmenu ul li.maps a{padding-top:57px;}
	.linkmenu ul li a span{font-size:12px;}
	.linkmenu.on{height: 347px;}
	.btn_top{width:45px; height:45px;}
	.btn_top span{background-size:45% auto;}

	/* main */
	.main_visual .visual .visual_inner .txtbox p{font-size:16px;}
	.main_visual .visual .visual_inner .txtbox .txt{font-size:30px;}
	.main_product ul li{flex:0 0 33%}

	/* 회사 소개 */
	.sub_top{padding:30px 20px;}
	.sub_top .sub_top_inner h2{float:none;}
	.sub_top .sub_top_inner .sub_top_map{display:none;}
	/*.sub_top .sub_top_menu{margin-top:25px; flex-wrap:wrap; justify-content:space-between; gap:20px;}*/
	/*.sub_top .sub_top_menu li{margin:0; flex: 0 0 calc(50% - 15px);}*/
	/*.sub_top.product .sub_top_menu{gap:15px;}*/
	/*.sub_top.product .sub_top_menu li{flex: 0 0 calc(33.33% - 10px);}*/
	/*.sub_top.product .sub_top_menu li:last-child{flex:1;}*/

	.sub_top{height:auto;}
	.sub_top .sub_top_menu{margin-top:25px;flex-wrap:nowrap; justify-content:flex-start; gap:15px; overflow-x:auto;}
	.sub_top .sub_top_menu li{margin:0; flex:none;}
	.sub_top.product .sub_top_menu{gap: 15px;}
	.sub_top.product .sub_top_menu li{flex:none;}
	.sub_top.product .sub_top_menu li:last-child{flex:none;}
	.sub_top .sub_top_menu li.on a:after, .sub_top .sub_top_menu li:hover a:after{display:none;}


	.intro_ceo .txtbox img{display:block; float:none; margin:0 auto; width:100%; max-width:400px;}
	.vision{padding:30px 20px;}
	.vision ul{flex-direction:column; gap:40px;}
	.vision ul li{width:100%;}
	.vision ul li h4{height:auto; font-size:40px;}
	.vision ul li div{margin-top:20px; padding:25px; height:auto;}
	.vision ul li div h5{font-size:25px;}
	.history{padding:90px 20px 0;}
	.history ul{flex-direction:column; align-items:center; gap:40px;}
	.history ul li{width:100%;}
	.history ul li:first-child{order:2;}
	.history ul li:last-child{order:1;}
	.history ul li:first-child:before,
	.history ul li:last-child:before{font-size:140px;}
	.map{padding:90px 20px 100px;}
	.map_box{height:350px;}
	.map .address{padding:20px 20px 0;}
	.map .address div{float:none; display:block; padding:10px 0 0;}
	.map .address .ic_address{margin-top:20px;width:100%; max-width:730px;}
	.map .address .ic_call{margin-right:20px;}
	.template_sub{padding-bottom:30px;}
	.template_sub p{font-size:17px; word-break:keep-all;}
	.template_sub .t18{font-size:14px;}

	.searchbox{padding:15px 10px;}
	.searchbox select{width:100px; min-width:76px; background-position-x:90%;}
	.searchbox input[type=text]{width:100px;}
	.searchbox .btn_search{width:auto; min-width:64px;}
	.searchbox .btn_search span{background:none; padding:0;}
	.pager a[class^="btn_"]{min-width:25px;}
	.pager .pager_num_list{margin:0 10px; white-space:nowrap;}

	.tonechart h4 span{display:block; margin:10px 0 0;}
	.pantone_box.col5 li{flex: 0 0 calc(33% - 6px);}

	.sub_top.product{height:auto;}

	/* 협력사 등록 친성 */
	.application_sect .application_form form dl dt{width:190px;}
	.application_sect .application_form form dl dt span{font-size:13px;}
	.application_sect .application_form form dl dd{width:calc(100% - 190px); font-size:13px;}
	.application_sect .application_form form dl dd select{min-width:100px; font-size:13px;}
	.application_sect .application_form form dl dd textarea{font-size:13px;}
	.application_sect .application_form form dl dd input[type="text"]{font-size:13px;}

	/*게시판*/
	.detail_wrap .detailbd tbody td .detail_content img {width:100% !important; height:auto !important;}
	/*.detail_wrap .detailbd tbody td .detail_content p, .detail_wrap .detailbd tbody td .detail_content span {font-size:15px;}*/
}

@media screen and (max-width:480px){
	.wrap{height:100%; overflow:visible;}
	.contents.main{height:100%;}
	article{overflow:hidden;}
	header .logo{height:30px; background-position-x:left;}
	header.subhead .logo{background-position-x:left;}

	nav{bottom:unset; min-height:50%; padding-bottom:50px;}
	.nav_dim{background: rgba(0,0,0,0.7);}

	.navi{right:15px; bottom:15px;}
	.template_sub p br {display:none;}
	.template_sub p.mobile_br br {display:block;}
	.inert .txt_wrap .txtbox p {font-size:13px; word-break:keep-all;}

	/* main */
	.main_visual{background:none; height:100%;}
	.main_visual:after{content:''; position:absolute;left:0;top:0;right:0; height:100%; background:url('../image/main/banner01.png') no-repeat center center / cover;-webkit-background-size:cover; z-index:-1;}
	.main_visual .visual{padding-top:65px;}
	.main_visual .visual .visual_inner .txtbox .light{padding:50px 0;}
	.main_visual .visual .visual_inner .txtbox .txt.pc{display:none;}
	.main_visual .visual .visual_inner .txtbox .txt.mobile{display:block;margin-top:40px;font-size:27px;}
	.main_visual .visual .visual_inner .txtbox .btn_detail{bottom:100px; font-size:14px;}
	.main_product h3{font-size:26px; font-weight:700;}
	.main_product p{font-size:13px;}
	.main_product ul li{flex:0 0 50%}
	.main_product ul li:nth-child(even){border-right:0;}
	.main_product ul li:nth-child(odd){border-right: 1px solid #ececec;}
	.main_product ul li a{background-size:106px 70px;}
	.main_product ul li a span{font-size:14px;}
	.main_product ul li:first-child a{background-image:url(../image/main/m_product01.png);}
	.main_product ul li:nth-child(2) a{background-image:url(../image/main/m_product02.png);}
	.main_product ul li:nth-child(3) a{background-image:url(../image/main/m_product03.png);}
	.main_product ul li:nth-child(4) a{background-image:url(../image/main/m_product04.png);}
	.main_product ul li:nth-child(5) a{background-image:url(../image/main/m_product05.png);}
	.main_design{padding:50px 20px; align-items:flex-start;}
	.main_design article{padding:20px 0 114.583vw; background-position-y:bottom; background-size:contain;}
	.design_lab h3{font-size:26px; font-weight:700;}
	.design_lab p{font-size:13px;}
	.design_lab ul{margin-top:20px;}
	.design_lab ul li a{font-size:14px; font-weight:500; height:55px; line-height:55px;}
	#section4{background:none; padding:0;}
	.main_board article{padding:0; flex-direction:column;}
	.main_board article div h3{font-size:21px;}
	.main_board article .notice{padding:70px 20px 0; width:100%;}
	.main_board .notice ul li{height:auto;}
	.main_board .notice ul li a .title{font-size:16px;}
	.main_board .notice ul li a .subtxt{font-size:12px;}
	.main_board article .news{margin-top:50px; padding:50px 20px 100px; width:100%; background:url('../image/main/visual_03.png') no-repeat center center / cover;}
	.main_board .card li a .date{font-size:12px;}
	.main_board .card li a .title{font-size:16px;}
	.main_board .card li a .subtxt{font-size:12px;}
	.main_license{padding-top:0;}
	.main_license article{padding-top:50px;}
	.main_license article .titwrap{margin-top:0;}
	.main_license article .titwrap h3{font-size:26px; line-height:1.2;}
	.main_license article .titwrap h3 span{font-size:inherit;}
	.main_license article .titwrap a{font-size:14px;}
	.main_license article .wrap_license .year{font-size:21px;}
	.main_license article .wrap_license .keynum{font-size:14px;}
	.main_license article .wrap_license .explain{font-size:13px;}
	.wrap_license .swiper-button-next,
	.wrap_license .swiper-button-prev{width:50px; height:50px;}
	.wrap_license .swiper-button-next{top:77px;}
	.wrap_license .swiper-button-prev{top:147px;}
	.wrap_license .swiper-button-next:after,
	.wrap_license .swiper-button-prev:after{font-size:26px;}
	.company{padding:50px 20px;}
	.company h3{font-size:26px;}
	.company p{font-size:13px;}
	.company .company_list{margin-top:30px; gap:10px;}
	.company a{padding:10px; flex:0 0 calc(50% - 5px);}

	.sub_top {height:155px; padding:20px 20px;}
	.sub_top.intro{background-size:cover;}
	.sub_top.beauty{background-size:cover;}
	.sub_top.product{background-size:cover;}
	.sub_top.partner{background-size:cover;}

	/* footer */
	footer{padding-top:30px;}
	footer .inner_footer .footer_left .logo a{height:30px; background-size:contain; background-position:center center;}
	footer .inner_footer .address{margin-top:10px;}
	footer .inner_footer .address p{font-size:12px;}
	footer .inner_footer .footer_list ul li a{font-size:12px;}

	/* 회사 소개 */
	.sub_top .sub_top_inner h2{font-size:26px; font-weight:500;}
	.sub_top .sub_top_menu li a{font-size:14px;}
	/*.sub_top.product .sub_top_menu{gap: 20px;}*/
	/*.sub_top.product .sub_top_menu li{flex: 0 0 calc(33.33% - 15px);}*/

	.sub_top{height:auto;}
	.sub_top.other_sub_top{height:auto; padding-top:75px;}
	.sub_top .sub_top_menu{flex-wrap:nowrap; justify-content:flex-start; gap:15px; overflow-x:auto;}
	.sub_top .sub_top_menu li{margin:0; flex:none;}
	.sub_top.product .sub_top_menu{gap: 15px;}
	.sub_top.product .sub_top_menu li{flex:none;}
	.sub_top.product .sub_top_menu li:last-child{flex:none;}
	.sub_top .sub_top_menu li.on a:after, .sub_top .sub_top_menu li:hover a:after{display:none;}

	.intro_ceo{padding:50px 20px;}
	.intro_ceo h3{font-size:26px;}
	.intro_ceo .tit_sub{margin-top:20px; font-size:16px; word-break:keep-all;}
	.intro_vision .tit_sub br{display:none;}
	.intro_ceo .txtbox p{font-size:13px;}
	.intro_ceo .txtbox p br{display:none;}
	.intro_ceo .t16{font-size:13px; word-break:keep-all;}
	.intro_ceo .t16 br{display:none;}
	.ceo_name{margin-top:60px;}
	.vision ul{gap:30px;}
	.vision ul li h4{font-size:26px;}
	.vision ul li div h5{font-size:16px;}
	.vision ul li div p{font-size:13px;}
	.history{padding:50px 20px 0;}
	.history ul li:first-child:before,
	.history ul li:last-child:before{font-size:120px;}
	.history ul li h4{font-size:21px;}
	.history ul li dl dt{font-size:14px;}
	.history ul li dl dd{font-size:12px;}
	.history ul li dl dd br{display:none;}
	.map{padding:50px 20px 80px;}
	.map_box{height:300px;}
	.map .address div{height:50px; text-align:center;}
	.map .address div img{height:100%;}
	.map .address p{font-size:12px;}
	.searchbox .btn_search span{font-size:14px;}
	.searchbox select{font-size:14px;}
	.list_count span{font-size:12px;}
	.tblist .m_table .tit a{font-size:14px;}
	.tblist .m_table .info span{font-size:12px;}
	.pager a{font-size:13px;}
	/* 연구개발 */
	.tit_wrap .sub_tit{padding-top:50px;}
	.tit_wrap .sub_tit .template_title{font-size:26px; line-height:1.3125;}
	.template_sub p{font-size:16px;}
	.template_sub .t18{font-size:13px;}

	.certified article h4{font-size:21px;}
	.certified article ul li .license h5{font-size:16px; font-weight:700;}
	.certified article ul li .license p{min-height:63px; font-size:13px; line-height:1.6;}
	.certified article ul li .license .license_num{font-size:12px; font-weight:400;}

	.inert{margin-top:0;}
	.dev_coat article ul li {width: calc(50% - 10px);padding-bottom: calc(50% - 10px);}
	.dev_coat article ul li div h5{font-size: 15px;}
	.dev_coat article ul li div p{margin-top: 10px;font-size: 12px;}

	.tonechart h4{font-size:22px;}
	.tonechart h4 span{font-size:16px;}
	.pantone_box li .color_txt .color_code{font-size:14px;}
	.pantone_box li .color_txt .color_name{font-size:12px;}
	.pantone_box.col5 li{flex: 0 0 calc(50% - 5px);}
	.about_pantone article p{font-size:13px;}

	.partners_map{padding:0;height:137.5vw;background:url('../image/partners/partners_mobile_map.png') no-repeat center center / contain;}
	.localmap{width:100%;height:137.5vw;background-size:contain; background-position:center center;}
	.localmap.se{background-image:url(../image/partners/mo_map_seoul.png);}
	.localmap.gy{background-image:url(../image/partners/mo_map_gg.png);}
	.localmap.ck{background-image:url(../image/partners/mo_map_ck.png);}
	.localmap.gn{background-image:url(../image/partners/mo_map_jn.png);}
	.localmap.ksn{background-image:url(../image/partners/mo_map_kn.png);}
	.localmap.kss{background-image:url(../image/partners/mo_map_ks.png);}
	.localmap.gs{background-image:url(../image/partners/mo_map_js.png);}
	.localmap.jj{background-image:url(../image/partners/mo_map_jeju.png);}

	.seoul .btnlocal{left:31.667vw;top:24.167vw;width:6.25vw;height:5.417vw;}
	.gg .btnlocal{left:16.458vw;top:13.125vw;width:30.208vw;height:27.083vw;}
	.jn .btnlocal{left:17.083vw;top:40.417vw;width:32.292vw;height:42.292vw;}
	.kn .btnlocal{left:47.083vw;top:40vw;width:43.958vw;height:33.75vw;}
	.js .btnlocal{left:5.208vw;top:75.208vw;width:37.5vw;height:30.417vw;}
	.ks .btnlocal{left:37.083vw;top:67.917vw;width:36.458vw;height:31.25vw;}
	.jeju .btnlocal{left:10vw;top:113.125vw;width:16.25vw;height:8.958vw;}
	.kang .btnlocal{left:36.458vw;top:4.792vw;width:40vw;height:57.292vw;}
	.nodata_partner{background-size:80px auto;}

	.color_view{padding-bottom:130px;border-bottom:1px solid #ddd;}
	.nav_zoom {padding:0 30px;display:flex; flex-wrap:wrap; justify-content:center; gap:10px;}
	.nav_zoom li{flex:0 0 calc(20% - 8px);width:auto;height:auto; margin:0;}
	.nav_zoom li a{margin:0 auto;width:40px; height:40px; -webkit-transition:all 800ms linear; border-width:2px;}
	.nav_zoom li a:hover{transform:translateY(-5px); -webkit-transform:translateY(-5px); border-color:#333;}

	/*.view_img .type {height:136vw; overflow-x: auto;}*/
	/*.view_img .type .inner_type {height:100%; position:relative;}*/
	/*.view_img .type img {width:auto; height:100%;}*/
	/*.view_img .type .detail_face{width:160px; height:160px;}*/

	/*.view_img .type.bedroom .locate{left:91.072%; top:35.714%;}*/
	/*.view_img .type.kitchen .locate{left: 227.031%;top: 26.564%;}*/
	/*.view_img .type.kitchen .locate.num2{left: 226.031%;top: 79.294%;}*/
	/*.view_img .type.living .locate {left: 88.216%;top: 23.575%;}*/
	/*.view_img .type.child .locate{left: 50.226%;top:77%;}*/
	/*.view_img .type.child .locate.num2{left: 68.429%;top: 31%;}*/
	/*.view_img .type.child .locate.num3{left: 27.429%;top: 54%;}*/
	/*.view_img .type.child .locate.num4{left: 67.553%;top: 60%;}*/
	/*.view_img .type.child .locate.num5{left: 82.53%; top: 78%;}*/
	/*.view_img .type.child .locate.num5 .detail_face {position:absolute; left:-32px; top:-7px;}*/
	/*.view_img .type.guest .locate {left: 161.457%;top: 48.684%;}*/

	/*.view_img .type.child .locate.num1 .detail_face{left:70%}*/
	/*.view_img .type.child .locate.num1 .detail_label{left:10%}*/
	/*.view_img .type.child .locate.num3 .detail_face{left:10%; transform:translate(0, -50%);}*/

	.view_img .type .locate{width:15px; height:15px;}
	.view_img .type .btn_pointer{display:block;width:15px; height:15px;}
	.view_img .type .detail_face{width:120px; height:120px;}
	.view_img .type .detail_label{font-size:10px; top:-15px;}

	.view_img .type.child .locate{top:60%;}
	.view_img .type.child .locate.num2{top: 26%;}
	.view_img .type.child .locate.num3{top: 50%;}
	.view_img .type.child .locate.num4{top: 70%;}
	.view_img .type.child .locate.num5{top: 80%;}
	.view_img .type.child .locate.num1 .detail_face,
	.view_img .type.child .locate.num2 .detail_face{left:-60%; transform:translate(0, -50%);}


	.partner_wrap{margin-top:-30px;}
	.special_partners{margin-bottom:70px;}
	.special_partners li {height:auto;}
	.special_partners li .partners_logo{height:auto;}
	.special_partners li .partners_txt{display:none;}

	.tit_wrap .sub_tit .tit_sub br{display:block;}

	/* 협력사 등록 친성 */
	.application_sect h2{font-size:20px;}
	.application_sect .application_form form dl{display:block;}
	.application_sect .application_form form dl dt{width:100%;}
	.application_sect .application_form form dl dd{margin-top:10px; padding-right:0; width:100%;}
	.application_sect .application_form form dl dd select.area_box{width:100%;}
	.application_sect .application_form form dl dd .upload_btn input[type="file"]+label{width:100%;text-align:center;}
	.info_form{flex-wrap:wrap; gap:10px;}
	.info_form span{padding:0;}
	.application_sect .application_form form dl dd select{height:40px; flex:0 0 100%; margin:0;}
	.application_sect .application_form form dl.write_my_info dd .info_email select{margin:0;}
	.application_sect .application_form form .application_txt .applicant_wrap{display:block;}
	.application_sect .application_form form .application_txt .applicant{display:flex; align-items:center; gap:10px;}
	.application_sect .application_form form .application_txt .applicant span{white-space:nowrap;}
	.application_sect .application_form form .application_txt .applicant input{width:130px; flex:1;}

	/* 이메일무단수집거부 */
	.email_box{padding:40px 20px;}
	.email_box p{font-size:14px;}
	.email_box a{font-size:13px;}

}

@media screen and (max-width: 320px){
	.nav_zoom {padding:0 15px;}
}


@media (orientation: landscape) and (max-width:1067px) and (max-height:640px){
	nav .main_depth{height:calc(100% - 62px); overflow-y:auto;}
	nav .main_depth .main_list{height:auto;}
	.main_visual{height:640px;background:none;}
	.main_visual:after{content:''; position:absolute;left:0;top:0;right:0; height:100%; background:url('../image/main/banner01.png') no-repeat center center / cover;-webkit-background-size:cover; z-index:-1;}
	.main_visual .visual{padding-top:65px;}
	/* 820 css */

	.tblist table{display:none;}
	.tblist .m_table{display:block; border-top:1px solid #ddd;}
	.tblist .m_table li{border-bottom:1px solid #ddd; padding:20px 0;}
	.tblist .m_table .tit a{font-size:16px; font-weight:500;}
	.tblist .m_table .info{margin-top:10px;}
	.tblist .m_table .info span{margin-right:10px; font-size:13px; color:#666;}

	/* 연구개발 */
	.certified article ul{justify-content:center;}
	.certified article ul li{width:100%; max-width:512px;}
	.certified article ul li:nth-child(2n){margin-left:0;}
	.certified article ul li:nth-child(2){margin-top:35px}
	.certified article ul li:nth-child(3){margin-top:35px}
	.certified article ul li:nth-child(5){margin-top:35px}
	.certified article ul li:nth-child(7){margin-top:35px}
	.certified article ul li .license{padding:25px 20px;}
	.certified article ul li .license h5{font-size:24px;}
	.certified article ul li .license p{font-size:16px;}
	.certified article ul li .license .license_num{font-size:14px;}
	.dev_coat{background-size:cover;}
	.dev_coat article{padding:30px 20px;}
	.dev_coat article ul{max-width:500px; margin:0 auto; justify-content:center; flex-wrap:wrap; gap:20px;}
	.dev_coat article ul li{position:relative; width:calc(50% - 20px); padding-bottom:calc(50% - 20px); height:auto;}
	.dev_coat article ul li + li{margin-left:0;}
	.dev_coat article ul li div{position:absolute; left:0; top:0; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0;}
	.dev_coat article ul li div:before{width:calc(100% - 12px);height:calc(100% - 12px);}
	.dev_coat article ul li div h5{font-size: 22px;}
	.dev_coat article ul li div p{margin-top: 20px;font-size: 16px;}
	.dev_coat article ul li:nth-child(4) div{padding-top:0;}
	.pantone_box.col5 li{flex:0 0 calc(25% - 7px);}
	.pantone_box li .color_txt .color_code{font-size:16px;}
	.pantone_box li .color_txt .color_name{font-size:13px;}
	.inert .txt_wrap img{float:none; width:100%; margin:0 0 20px;}

	.about_pantone article{padding:50px 20px;  flex-direction: column;}
	.about_pantone article .img_wrap{width:100%;max-width:368px; padding-left:0;}
	.about_pantone article .txt_wrap{width:100%;}
	.about_pantone article p{font-size:16px;}
	.about_pantone article p + p{margin-top:15px;}

	/* 제품안내 */
	.nav_zoom li {width:30px; height:30px;}
	.view_img .type .btn_pointer{width:25px; height:25px; background-size:contain;}
	.view_img .type .detail_label{left:50%; transform:translateX(-50%); width:auto; font-size:14px;}
	.view_img .type .detail_face{width:200px; height:200px; border-width:3px;}
	.view_img .type .detail_face .detail_label{padding:0 5px; background:rgba(0,0,0,0.3);}

	/* 협력사 등록 친성 */
	.application_sect .application_form{padding:20px 30px;}
	.application_sect .application_form form dl dt{width:213px;}
	.application_sect .application_form form dl dd{width:calc(100% - 213px);}

	/* 이메일무단수집거부 */
	.email_box{padding:40px 50px; margin-bottom:110px;}

	/* 640 css */
	.linkmenu{width:45px; height:45px;}
	.linkmenu ul li.btn_toggle a{padding:43px 0 0; background-size: 50% auto;}
	.linkmenu ul li.maps a{padding-top:57px;}
	.linkmenu ul li a span{font-size:12px;}
	.linkmenu.on{height: 347px;}
	.btn_top{width:45px; height:45px;}
	.btn_top span{background-size:45% auto;}

	/* main */
	.main_visual .visual .visual_inner .txtbox p{font-size:16px;}
	.main_visual .visual .visual_inner .txtbox .txt{font-size:30px;}
	.main_product ul li{flex:0 0 33%}

	/* 회사 소개 */
	.sub_top{padding:30px 20px; height:auto;}
	.sub_top .sub_top_inner h2{float:none;}
	.sub_top .sub_top_inner .sub_top_map{display:none;}
	.sub_top .sub_top_menu{margin-top:30px; flex-wrap:wrap; justify-content:space-between; gap:20px;}
	.sub_top .sub_top_menu li{margin:0; flex: 0 0 calc(50% - 15px);}
	.sub_top.product .sub_top_menu{gap:15px;}
	.sub_top.product .sub_top_menu li{flex: 0 0 calc(33.33% - 10px);}
	.sub_top.product .sub_top_menu li:last-child{flex:1;}
	.intro_ceo .txtbox img{display:block; float:none; margin:0 auto; width:100%; max-width:400px;}
	.vision{padding:30px 20px;}
	.vision ul{flex-direction:column; gap:40px;}
	.vision ul li{width:100%;}
	.vision ul li h4{height:auto; font-size:40px;}
	.vision ul li div{margin-top:20px; padding:25px; height:auto;}
	.vision ul li div h5{font-size:25px;}
	.history{padding:90px 20px 0;}
	.history ul{flex-direction:column; align-items:center; gap:40px;}
	.history ul li{width:100%;}
	.history ul li:first-child{order:2;}
	.history ul li:last-child{order:1;}
	.history ul li:first-child:before,
	.history ul li:last-child:before{font-size:140px;}
	.map{padding:90px 20px 100px;}
	.map_box{height:350px;}
	.map .address{padding:20px 20px 0;}
	.map .address div{float:none; display:block; padding:10px 0 0;}
	.map .address .ic_address{margin-top:20px;width:100%; max-width:730px;}
	.map .address .ic_call{margin-right:20px;}
	.template_sub{padding-bottom:30px;}
	.template_sub p{font-size:17px; word-break:keep-all;}
	.template_sub .t18{font-size:14px;}

	.searchbox{padding:15px 10px;}
	.searchbox select{width:100px; min-width:76px; background-position-x:90%;}
	.searchbox input[type=text]{width:100px;}
	.searchbox .btn_search{width:auto; min-width:64px;}
	.searchbox .btn_search span{background:none; padding:0;}
	.pager a[class^="btn_"]{min-width:25px;}
	.pager .pager_num_list{margin:0 10px; white-space:nowrap;}

	.tonechart h4 span{display:block; margin:10px 0 0;}
	.pantone_box.col5 li{flex: 0 0 calc(33% - 6px);}

	.sub_top.product{height:auto;}

	/* 협력사 등록 친성 */
	.application_sect .application_form form dl dt{width:190px;}
	.application_sect .application_form form dl dt span{font-size:13px;}
	.application_sect .application_form form dl dd{width:calc(100% - 190px); font-size:13px;}
	.application_sect .application_form form dl dd select{min-width:100px; font-size:13px;}
	.application_sect .application_form form dl dd textarea{font-size:13px;}
	.application_sect .application_form form dl dd input[type="text"]{font-size:13px;}

	/*게시판*/
	.detail_wrap .detailbd tbody td .detail_content img {width:100% !important; height:auto !important;}
	/*.detail_wrap .detailbd tbody td .detail_content p, .detail_wrap .detailbd tbody td .detail_content span {font-size:15px;}*/

	header .logo {height: 30px;background-position-x: left;}
	header.subhead .logo{background-position-x: left;}
	.main_visual .visual .visual_inner .txtbox .txt.pc{display:none;}
	.main_visual .visual .visual_inner .txtbox .txt.mobile{display:block;margin-top:40px;}
	.main_design{padding:50px 20px; align-items:flex-start;}
	.main_design article{padding:20px 0 84.583vw; background-position-y:bottom; background-size: 70% auto;}

	.color_view{padding-bottom:80px;border-bottom:1px solid #ddd;}
	.nav_zoom {padding:0 30px;display:flex; flex-wrap:wrap; justify-content:center; gap:10px;}
	.nav_zoom li{width:auto;height:auto; margin:0;}
	.nav_zoom li a{margin:0 auto;width:40px; height:40px; -webkit-transition:all 800ms linear; border-width:2px;}
	.nav_zoom li a:hover{transform:translateY(-5px); -webkit-transform:translateY(-5px); border-color:#333;}


	.sub_top{height:auto;}
	.sub_top.other_sub_top{height:auto; padding-top:111px;}
	.sub_top .sub_top_menu{flex-wrap:nowrap; justify-content:flex-start; gap:15px;}
	.sub_top .sub_top_menu li{margin:0; flex:none;}
	.sub_top.product .sub_top_menu{gap: 15px;}
	.sub_top.product .sub_top_menu li{flex:none;}
	.sub_top.product .sub_top_menu li:last-child{flex:none;}
	.sub_top .sub_top_menu li.on a:after, .sub_top .sub_top_menu li:hover a:after{display:none;}


	.view_img .type {height:136vh; overflow-x: auto;}
	.view_img .type .inner_type {height:100%; position:relative;}
	.view_img .type img {width:auto; height:100%;}
	.view_img .type .detail_face{width:160px; height:160px;}

	.view_img .type.bedroom .locate{left:45.072%; top:35.714%;}
	.view_img .type.kitchen .locate{left: 106.031%;top: 26.564%;}
	.view_img .type.kitchen .locate.num2{left: 106.031%;top: 79.294%;}
	.view_img .type.living .locate {left: 40.216%;top: 23.575%;}
	.view_img .type.child .locate{left: 23.226%;top: 55%;}
	.view_img .type.child .locate.num2{left: 22.429%;top: 27%;}
	.view_img .type.child .locate.num3{left: 12.429%;top: 50%;}
	.view_img .type.child .locate.num4{left: 30.553%;top: 60%;}
	.view_img .type.child .locate.num5{left: 36.53%;top: 65%;}
	.view_img .type.guest .locate {left: 51.457%;top: 48.684%;}

	/*.view_img .type.child .locate.num1 .detail_face{left:70%}*/
	/*.view_img .type.child .locate.num1 .detail_label{left:10%}*/
	/*.view_img .type.child .locate.num3 .detail_face{left:10%; transform:translate(0, -50%);}*/
	/*.view_img .type.child .locate.num5 .detail_face {position:absolute; left:-32px; top:-7px;}*/
}