@charset "utf-8";

/* ==========================================================================
	공통
========================================================================== */
.bg01{background:#f7f6f5;}

/* sub_common */
.sub_common{padding:120px 0 60px; text-align:center;}
.sub_common h2{font-size:64px; color:#222222; letter-spacing:0.025em; font-weight:700; line-height:1.2; margin:0;}
.sub_common h2 span{color:#accd4a;}
.sub_common h3{font-size:14px; color:#aaaaaa; letter-spacing:0.6em; font-weight:400; line-height:1.4; margin-top:10px;}
.sub_common ul{margin-top:100px; font-size:0; letter-spacing:-4px;}
.sub_common ul li{position:relative; display:inline-block; vertical-align:top; margin:5px 0; padding:0 60px;}
.sub_common ul li:before{content:''; position:absolute; top:14px; right:0; display:block; widtH:1px; height:12px; background:#dddddd;}
.sub_common ul li:last-of-type:before{display:none;}
.sub_common ul li a{display:block; font-size:22px; color:#aaaaaa; letter-spacing:-0.025em; font-weight:300; line-height:1.5;}
.sub_common ul li a:hover{color:#444444; font-weight:700;}
.sub_common ul li.on a{color:#444444; font-weight:700;}

/* faq_tab */
.sub_common .faq_tab{}
.sub_common .faq_tab li{float:none; width:auto; height:auto; border:0; cursor:default;}
.sub_common .faq_tab li:first-of-type{border-left:0;}
.sub_common .faq_tab li a{padding:0;}
.sub_common .faq_tab li:hover{background:transparent;}
.sub_common .faq_tab li:hover a{color:#aaaaaa;}
.sub_common .faq_tab li:hover a:hover{color:#444444;}
.sub_common .faq_tab li.active{background:transparent;}
.sub_common .faq_tab li.active a{color:#444444; font-weight:700;}

@media all and (max-width:1000px){
	.sub_common{padding:80px 0 40px;}
	.sub_common ul{margin-top:60px;}
	.sub_common ul li{padding:0 25px;}
	.sub_common ul li a{font-size:18px;}
}

/* sub_tit */
.sub_tit{text-align:center;}
.sub_tit h4{font-size:16px; color:#222222; letter-spacing:0.025em; font-weight:300; line-height:1.4; margin:0; margin-bottom:5px;}
.sub_tit h3{font-size:48px; color:#231815; letter-spacing:-0.025em; font-weight:800; line-height:1.2; margin:0;}
.sub_tit i{display:inline-block; width:1px; height:40px; background:#888888; margin-top:15px;}

.sub_tit02{text-align:center;}
.sub_tit02 h3{font-size:36px; color:#222222; letter-spacing:0.025em; font-weight:500; line-height:1.2; margin:0; margin-bottom:5px;}
.sub_tit02 h4{font-size:16px; color:#aaaaaa; letter-spacing:0.025em; font-weight:300; line-height:1.4; margin:0;}
.sub_tit02 i{display:inline-block; width:40px; height:1px; background:#888888; margin-top:15px;}



/* ==========================================================================
	About Us
========================================================================== */
.about_con01{padding:60px 0;}
.about_con01 .box{position:relative; margin-top:60px; background:#d0b897; font-size:0; letter-spacing:-4px;}
.about_con01 .box:before{content:''; position:absolute; top:20%; right:-10px; display:block; width:646px; height:206px; background:url('/img/about_con01_text.png') no-repeat center center / contain;}
.about_con01 .box .left_box{display:inline-block; vertical-align:bottom; width:50%; text-align:center;}
.about_con01 .box .left_box img{max-width:100%;}
.about_con01 .box .right_box{position:relative; display:inline-block; vertical-align:bottom; width:50%; padding:60px; box-sizing:border-box;}
.about_con01 .box .right_box:before{content:''; position:absolute; top:-80px; left:0; display:block; width:1px; height:160px; background:#fff;}
.about_con01 .box .right_box h5{font-size:36px; color:#fff; letter-spacing:-0.025em; font-weight:700; line-height:1.2; margin:0; word-break:keep-all;}
.about_con01 .txt_box{width:50%; margin-left:auto; padding:60px 20px 60px 50px; box-sizing:border-box;}
.about_con01 .txt_box p{font-size:18px; color:#666666; letter-spacing:-0.025em; font-weight:300; line-height:1.6; word-break:keep-all;}
.about_con01 .txt_box p + p{margin-top:20px;}
.about_con01 .txt_box p b{color:#222222; font-weight:500;}

@media all and (max-width:1400px){
	.about_con01 .box:before{width:476px; height:156px;}
	.about_con01 .box .right_box{padding:40px;}
}
@media all and (max-width:1000px){
	.about_con01{padding:40px 0;}
	.about_con01 .box:before{display:none;}
	.about_con01 .box .left_box{width:100%;}
	.about_con01 .box .left_box img{max-width:70%;}
	.about_con01 .box .right_box{width:100%; padding:40px 20px;}
	.about_con01 .box .right_box h5{font-size:30px;}
	.about_con01 .txt_box{width:100%; padding:40px 20px;}
}

.about_con02{padding:120px 0;}
.about_con02 .img_box{margin:60px 0; text-align:center;}
.about_con02 .img_box img{max-width:100%;}
.about_con02 ul{font-size:0; letter-spacing:-4px; text-align:center;}
.about_con02 ul li{display:inline-block; vertical-align:top; width:33.333333%; min-height:265px; padding:40px 20px 0; border-right:1px solid #dddddd; box-sizing:border-box;}
.about_con02 ul li:last-of-type{border-right:0;}
.about_con02 ul li h6{display:inline-block; width:36px; font-size:16px; color:#fff; letter-spacing:-0.025em; font-weight:700; margin:0; margin-bottom:15px; padding:12px 0 4px 6px;  border-top-right-radius:18px; border-bottom-left-radius:18px; background:#96c227; box-sizing:border-box;}
.about_con02 ul li h5{font-size:22px; color:#222222; letter-spacing:-0.025em; font-weight:500; line-height:1.4; margin:0; word-break:keep-all;}
.about_con02 ul li p{font-size:18px; coloR:#666666; letter-spacing:-0.025em; font-weight:300; line-height:1.6; margin-top:20px; word-break:keep-all;}
.about_con02 ul li:nth-of-type(2) h6{background:#e9772d;}
.about_con02 ul li:nth-of-type(3) h6{background:#2dafd5;}

@media all and (max-width:1400px){
	.about_con02 ul li p br{display:none;}
}
@media all and (max-width:1000px){
	.about_con02{padding:80px 0;}
	.about_con02 ul li{width:50%;}
	.about_con02 ul li:nth-of-type(2n){border-right:0;}
	.about_con02 ul li:nth-of-type(n + 3){border-top:1px solid #dddddd;}
}
@media all and (max-width:767px){
	.about_con02 .img_box{margin-bottom:20px;}
	.about_con02 ul li{width:100%; min-height:0; padding:40px 0; border-right:0;}
	.about_con02 ul li:nth-of-type(n + 2){border-top:1px solid #dddddd;}
}

.about_con03{padding:120px 0; background:url('/img/about_con03_bg.png') no-repeat center center / cover;}
.about_con03 .dl_box{margin-top:60px;}
.about_con03 .dl_box:after{content:''; display:block; clear:both;}
.about_con03 dl{position:relative; float:right; width:50%; padding:0 50px 40px; box-sizing:border-box;}
.about_con03 dl:before{content:''; position:absolute; top:0; left:0; display:block; width:1px; height:100%; background:#96c227;}
.about_con03 dl dt{position:relative; display:inline-block; font-size:42px; color:#444444; letter-spacing:0em; font-weight:500; line-height:1.2; z-index:10;}
.about_con03 dl dt:before{content:''; position:absolute; top:20px; left:-50px; display:block; width:20px; height:20px; border-radius:10px 0 10px 0; background:#96c227;}
.about_con03 dl dt span{position:absolute; bottom:-10px; left:0; color:#eaf1e0; z-index:-1;}
.about_con03 dl dd{margin-top:12px;}
.about_con03 dl dd ul{font-size:0; letter-spacing:-4px;}
.about_con03 dl dd ul li{padding:8px 0;}
.about_con03 dl dd ul li h6{display:inline-block; vertical-align:top; width:60px; font-size:18px; color:#444444; letter-spacing:-0.025em; font-weight:700; margin:0; text-align:left;}
.about_con03 dl dd ul li .text{display:inline-block; vertical-align:top; max-width:calc(100% - 60px);}
.about_con03 dl dd ul li p{position:relative; font-size:18px; color:#666666; letter-spacing:-0.025em; font-weight:300; padding-left:10px;}
.about_con03 dl dd ul li p:before{content:'-'; position:absolute; top:0; left:0; }
.about_con03 dl:first-of-type:before{top:30px; height:calc(100% - 30px);}
.about_con03 dl:nth-of-type(2n){float:left; width:calc(50% + 1px); border-left:0; text-align:right;}
.about_con03 dl:nth-of-type(2n):before{left:auto; right:0;}
.about_con03 dl:nth-of-type(2n) dt:before{left:auto; right:-50px; border-radius:0 10px 0 10px;}

@media all and (max-width:1000px){
	.about_con03{padding:80px 0;}
	.about_con03 dl{float:none; width:100%;}
	.about_con03 dl:nth-of-type(2n){float:none; width:100%; text-align:left;}
	.about_con03 dl:nth-of-type(2n):before{right:auto; left:0;}
	.about_con03 dl:nth-of-type(2n) dt:before{right:auto; left:-50px; border-radius:10px 0 10px 0;}
}

.about_con04{padding:120px 0 200px;}
.about_con04 .map_box{height:560px; margin-top:60px;}
.about_con04 .map_box > .map{width:100%; height:100%;}
.about_con04 .map_box .root_daum_roughmap .wrap_map{height:100%;}
.about_con04 .map_text{position:relative; width:90%; max-width:1200px; margin:-70px auto 0; padding:36px 20px; background:#fff; box-shadow:0 0 20px rgba(0, 0, 0, 0.05); box-sizing:border-box; text-align:center; z-index:10;}
.about_con04 .map_text h5{font-size:22px; color:#222222; letter-spacing:-0.025em; font-weight:500; line-height:1.4; margin:0; word-break:keep-all;}
.about_con04 .map_text p{font-size:18px; color:#666666; letter-spacing:-0.025em; font-weight:300; margin-top:6px;}

@media all and (max-width:1000px){
	.about_con04{padding:80px 0 100px;}
	.about_con04 .map_box{height:500px;}
	.about_con04 .map_text{margin-top:-40px;}
}

.about_con05{padding: 100px 0;}
.certify_list ul{display: flex; gap: 15px; flex-wrap: wrap;}
.certify_list ul li{width: calc(20% - 12px);}
.certify_list ul li .img_box img{width: 100%; max-width: fit-content;}
.certify_list ul li .txt_box p{font-size: 20px; letter-spacing: -0.025em; color:#444444; text-align: center;}

.certify_list.type02 ul li{width: calc(25% - 11.25px); text-align: center;}

@media all and (max-width:1024px){
	.certify_list ul li{width: calc(33.333% - 10px);}
	.certify_list.type02 ul li{width: calc(50% - 7.5px);}
}
@media all and (max-width:768px){
	.certify_list ul li,
	.certify_list.type02 ul li{width: 100%; text-align: center;}
}

/* ==========================================================================
	Business
========================================================================== */
.business01_con01{padding:60px 0 100px; text-align:center;}
.business01_con01 .txt_box{position:relative; display:inline-block; margin:60px 0; padding:0 60px; box-sizing:border-box;}
.business01_con01 .txt_box:before{content:''; position:absolute; top:0; left:0; display:block; width:29px; height:24px; background:url('/img/business01_con01_deco01.png') no-repeat center center / contain;}
.business01_con01 .txt_box:after{content:''; position:absolute; bottom:0; right:0; display:block; width:29px; height:24px; background:url('/img/business01_con01_deco02.png') no-repeat center center / contain;}
.business01_con01 .txt_box h5{font-size:24px; color:#222222; letter-spacing:-0.025em; font-weight:400; line-height:1.6; margin:0; word-break:keep-all;}
.business01_con01 .dl_box{font-size:0; letter-spacing:-4px; }
.business01_con01 dl{position:relative; display:inline-block; vertical-align:top; width:calc(33.333333% - 6.7px); margin-right:10px;}
.business01_con01 dl:last-of-type{margin-right:0;}
.business01_con01 dl dt img{width:100%;}
.business01_con01 dl dd{position:absolute; bottom:0; left:50%; width:92%; padding:40px 20px; background:#fff; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); box-sizing:border-box;}
.business01_con01 dl dd h6{font-size:20px; color:#222222; letter-spacing:-0.025em; font-weight:500; line-height:1.4; margin:0;}
.business01_con01 dl dd p{font-size:16px; color:#666666; letter-spacing:-0.025em; font-weight:300; line-height:1.6; margin-top:10px; word-break:keep-all;}

@media all and (max-width:1400px){
	.business01_con01 dl dd p br{display:none;}
}
@media all and (max-width:1200px){
	.business01_con01 dl{width:calc(50% - 5px);}
	.business01_con01 dl:nth-of-type(2n){margin-right:0;}
	.business01_con01 dl:nth-of-type(n+3){margin-top:10px;}
}
@media all and (max-width:1000px){
	.business01_con01{padding:40px 0 80px;}
	.business01_con01 .txt_box{padding:0 40px;}
	.business01_con01 .txt_box h5 br{display:none;}
	.business01_con01 .dl_box{max-width:70%; margin:0 auto;}
	.business01_con01 dl{width:100%; margin-right:0;}
	.business01_con01 dl:nth-of-type(n+2){margin-top:10px;}
}
@media all and (max-width:767px){
	.business01_con01 .dl_box{max-width:90%;}
}

.business01_con02{padding:100px 0; font-size:0; letter-spacing:-4px;}
.business01_con02 .box{display:inline-block; vertical-align:top; width:50%; padding-right:60px; text-align:center; box-sizing:border-box;}
.business01_con02 .box.type02{padding-right:0; padding-left:60px;}
.business01_con02 .box + .box{border-left:1px solid #dddddd;}
.business01_con02 .graph_box{margin:60px 0 40px;}
.business01_con02 .graph_box p{display:table; width:100%; font-size:16px; color:#fff; letter-spacing:-0.025em; font-weight:500; line-height:1.2; word-break:keep-all; background:#96c227;}
.business01_con02 .graph_box p.fz-14{font-size: 14px;}
.business01_con02 .graph_box p span{display:table-cell; vertical-align:middle; padding:0 5px; box-sizing:border-box;}
.business01_con02 .graph_box .left{display:inline-block; vertical-align:middle; width:20%; padding-right:20px; box-sizing:border-box;}
.business01_con02 .graph_box .left ul{position:relative;}
.business01_con02 .graph_box .left ul:before{content:''; position:absolute; top:50%; right:-20px; display:block; width:calc(50% + 20px); height:2px; background:#dddddd; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}
.business01_con02 .graph_box .left ul li{position:relative;}
.business01_con02 .graph_box .left ul li + li{padding-top:20px;}
.business01_con02 .graph_box .left ul li + li:before{content:''; position:absolute; top:0; left:50%; width:2px; height:20px; background:#dddddd; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}
.business01_con02 .graph_box .left ul li p{height:55px; border-top-left-radius:20px; border-bottom-right-radius:20px;}
.business01_con02 .graph_box .center{display:inline-block; vertical-align:middle; width:40%;}
.business01_con02 .graph_box .center .text p{height:130px; border-top-left-radius:20px; border-bottom-right-radius:20px;}
.business01_con02 .graph_box .center ul{border:9px solid #96c227; border-top-left-radius:20px; border-bottom-right-radius:20px; background:#fff; box-sizing:border-box;}
.business01_con02 .graph_box .center ul li{display:inline-block; vertical-align:top; width:50%; box-sizing:border-box;}
.business01_con02 .graph_box .center ul li:nth-of-type(2n){border-left:2px solid #96c227;}
.business01_con02 .graph_box .center ul li:nth-of-type(n+3){border-top:2px solid #96c227;}
.business01_con02 .graph_box .center ul li p{height:55px; color:#666666; background:transparent;}
.business01_con02 .graph_box .right{display:inline-block; vertical-align:middle; width:40%;}
.business01_con02 .graph_box .right ul li{position:relative; display:inline-block; vertical-align:top; width:50%; padding-left:20px; box-sizing:border-box;}
.business01_con02 .graph_box .right ul li:before{content:''; position:absolute; top:50%; left:0; display:block; width:20px; height:2px; background:#dddddd; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}
.business01_con02 .graph_box .right ul li p{height:55px; border-top-left-radius:20px; border-bottom-right-radius:20px;}
.business01_con02 h5{font-size:18px; color:#666666; letter-spacing:-0.025em; font-weight:300; line-height:1.6; margin:40px 0; word-break:keep-all;}
.business01_con02 .txt_box{padding:34px 20px; background:#fff; font-size:18px; color:#666666; letter-spacing:-0.025em; font-weight:300; line-height:1.6; word-break:keep-all; box-sizing:border-box;}
.business01_con02 .txt_box b{color:#444444; font-weight:500;}

@media all and (max-width:1200px){
	.business01_con02 .box{padding-right:20px;}
	.business01_con02 .box.type02{padding-left:20px;}
}
@media all and (max-width:1000px){
	.business01_con02{padding:80px 0;}
	.business01_con02 .box{width:100%; padding:0; padding-bottom:40px;}
	.business01_con02 .box.type02{padding:0; padding-top:40px;}
	.business01_con02 .box + .box{border-left:0; border-top:1px solid #dddddd;}
	.business01_con02 h5 br{display:none;}
	.business01_con02 .txt_box br{display:none;}
}
@media all and (max-width:767px){
	.business01_con02 .graph_box .left{padding-right:10px;}
	.business01_con02 .graph_box .left ul:before{right:-10px; width:calc(50% + 10px);}
	.business01_con02 .graph_box .right ul li{padding-left:10px;}
	.business01_con02 .graph_box .right ul li:before{width:10px;}
}

.business01_con03{padding:100px 0; text-align:center;}
.business01_con03 h5{margin:60px 0 40px; font-size:18px; color:#666666; letter-spacing:-0.025em; font-weight:300; line-height:1.6; word-break:keep-all;}
.business01_con03 ul{font-size:0; letter-spacing:-4px;}
.business01_con03 ul li{display:inline-block; vertical-align:top; width:calc(20% - 8px); margin-right:10px;}
.business01_con03 ul li:last-of-type{margin-right:0;}
.business01_con03 ul li .img_box img{width:100%;}
.business01_con03 ul li p{margin-top:25px; font-size:20px; color:#222222; letter-spacing:-0.025em; font-weight:500; line-height:1.4;}

@media all and (max-width:1000px){
	.business01_con03{padding:80px 0;}
	.business01_con03 ul li{width:calc(33.333333% - 6.7px);}
	.business01_con03 ul li:nth-of-type(3n){margin-right:0;}
	.business01_con03 ul li:nth-of-type(n+4){margin-top:20px;}
	.business01_con03 ul li p{margin-top:10px;}
}

.business02_con01{padding:100px 0;}
.business02_con01 .img_box{text-align: center;}
.business02_con01 .img_box img{max-width: fit-content; width: 100%;}

.business02_con01 .table_box{margin-top:60px;}
.business02_con01 .table_box img{width: 100%; object-fit: cover;}
.business02_con01 .table_box table{width:100%; min-width:1000px; background:#fff; border-top:1px solid #888888; border-bottom:1px solid #888888;}
.business02_con01 .table_box table thead th{font-size:18px; color:#444444; letter-spacing:-0.025em; font-weight:500; padding:25px 10px; border-bottom:1px solid #888888; border-right:1px solid #888888; background:#f7f6f5;}
.business02_con01 .table_box table thead th:last-of-type{border-right:0;}
.business02_con01 .table_box table thead th.type02{background:#eae9e9;}
.business02_con01 .table_box table tbody th{font-size:18px; color:#444444; letter-spacing:-0.025em; font-weight:500; padding:25px 10px; border-bottom:1px solid #888888; border-right:1px solid #888888; background:#f7f6f5;}
.business02_con01 .table_box table tbody td{font-size:16px; color:#888888; letter-spacing:-0.025em; font-weight:300; line-height:1.5; padding:25px 10px; border-bottom:1px solid #888888; border-right:1px solid #888888; text-align:center;}
.business02_con01 .table_box table tbody td:last-of-type{border-right:0;}
.business02_con01 .table_box table tbody td b{display:block; color:#444444; font-weight:500;}

@media all and (max-width:1000px){
	.business02_con01{padding:80px 0;}
}



/* ==========================================================================
	R&D
========================================================================== */
.rnd_con01{padding:60px 0 100px; text-align:center;}
.rnd_con01 .txt_box{position:relative; display:inline-block; margin:60px 0; padding:0 60px; box-sizing:border-box;}
.rnd_con01 .txt_box:before{content:''; position:absolute; top:0; left:0; display:block; width:29px; height:24px; background:url('/img/business01_con01_deco01.png') no-repeat center center / contain;}
.rnd_con01 .txt_box:after{content:''; position:absolute; bottom:0; right:0; display:block; width:29px; height:24px; background:url('/img/business01_con01_deco02.png') no-repeat center center / contain;}
.rnd_con01 .txt_box h5{font-size:24px; color:#222222; letter-spacing:-0.025em; font-weight:400; line-height:1.6; margin:0; word-break:keep-all;}
.rnd_con01 ul{font-size:0; letter-spacing:-4px; text-align:center; margin:0 auto;}
.rnd_con01 ul li{display:inline-block; vertical-align:top; width:calc(33.333333% - 6.7px); margin-right:10px; box-sizing:border-box;}
.rnd_con01 ul li:last-of-type{margin-right:0;}
.rnd_con01 ul li .img_box img{width:100%;}
.rnd_con01 ul li .text{padding:30px 20px 0;}
.rnd_con01 ul li .text h6{display:inline-block; width:36px; font-size:16px; color:#fff; letter-spacing:-0.025em; font-weight:700; margin:0; margin-bottom:15px; padding:12px 0 4px 6px;  border-top-right-radius:18px; border-bottom-left-radius:18px; background:#96c227; box-sizing:border-box;}
.rnd_con01 ul li .text h5{font-size:20px; color:#222222; letter-spacing:-0.025em; font-weight:500; line-height:1.4; margin:0; word-break:keep-all;}
.rnd_con01 ul li .text p{font-size:16px; color:#666666; letter-spacing:-0.025em; font-weight:300; line-height:1.6; margin-top:10px; word-break:keep-all;}
.rnd_con01 ul li .text p span{color:#8ab717;}
.rnd_con01 ul li:nth-of-type(2) .text h6{background:#e9772d;}
.rnd_con01 ul li:nth-of-type(3) .text h6{background:#2dafd5;}

@media all and (max-width:1400px){
	.rnd_con01 ul li p br.pc_ver{display:none;}
}
@media all and (max-width:1000px){
	.rnd_con01{padding:40px 0 80px;}
	.rnd_con01 .txt_box{padding:0 40px;}
	.rnd_con01 .txt_box h5 br{display:none;}
	.rnd_con01 ul li{width:calc(50% - 5px); }
	.rnd_con01 ul li:nth-of-type(2n){margin-right:0;}
	.rnd_con01 ul li:nth-of-type(n + 3){margin-top:40px;}
}
@media all and (max-width:767px){
	.rnd_con01 ul{max-width:90%;}
	.rnd_con01 ul li{width:100%; padding:30px 0 0;}
	.rnd_con01 ul li:nth-of-type(n + 2){margin-top:40px;}
}

.rnd_con02{padding:100px 0;}
.rnd_con02 .bot_box{width: 100%; background-color: #fff; padding: 40px; box-sizing: border-box;}
.rnd_con02 .bot_box .txt{text-align: center;}
.rnd_con02 .bot_box .txt p{font-size: 20px; font-weight: 600; letter-spacing: -0.025em; line-height: 1.3em; color:#444444;}
.rnd_con02 .bot_box .txt span{font-size: 16px; font-weight: 16px; letter-spacing: -0.025em; line-height: 1.625em; font-weight: 300; margin-top: 20px; display: block;}


.rnd_con03{padding:100px 0;}



/* ==========================================================================
	PROJECT
========================================================================== */
.project{}
.project .programCon{max-width:100%; margin:0; padding:100px 0 120px;}
.project .gal_wrap{padding-top:0; border:0;}
.project .gal_wrap ul li{width:calc(50% - 10px); height:auto; margin-right:20px; margin-bottom:20px; padding:40px; border:0; background:#ffffff; box-sizing:border-box; font-size:0; letter-spacing:-4px;}
.project .gal_wrap ul li:nth-of-type(4n){margin-right:20px;}
.project .gal_wrap ul li:nth-of-type(2n){margin-right:0;}
.project .gal_wrap ul li.on_e{background:#ffffff;}
.project .gal_wrap ul li a .part_img{position:relative; display:inline-block; vertical-align:top; width:50%; min-height:225px; background:#fff; overflow:hidden;}
.project .gal_wrap ul li a .part_img img{position:absolute; top:50%; left:50%; width:auto; height:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.project .gal_wrap ul li .txt{display:inline-block; vertical-align:top; width:50%; height:auto; padding:20px 20px 20px 40px; box-sizing:border-box;}
.project .gal_wrap ul li .title{font-size:24px; color:#444444; letter-spacing:-0.025em; font-weight:500; line-height:1.2; margin-bottom:20px;}
.project .gal_wrap ul li .desc{font-size:16px; color:#888888; letter-spacing:-0.025em; font-weight:300; line-height:1.6; word-break:break-all; }

.project .programPage{position:relative; margin-top:60px; font-family:'Lora', serif;}
.project .programPage a{width:40px; height:40px; font-size:16px; color:#aaaaaa; letter-spacing:0; font-weight:400; border:0; border-bottom:1px solid transparent;}
.project .programPage a:hover{border:0; border-bottom:1px solid transparent; background:transparent; color:#444444; font-weight:500;}
.project .programPage a.active{color:#444444; font-weight:500; border:0; border-bottom:1px solid #666666;}
.project .programPage a.page_prev{position:absolute; top:50%; left:0; width:auto; height:auto; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}
.project .programPage a.page_next{position:absolute; top:50%; right:0; width:auto; height:auto; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}

@media all and (max-width:1200px){
	.project .gal_wrap ul li{padding:20px;}
	.project .gal_wrap ul li .txt{padding:0 20px;}
}
@media all and (max-width:1000px){
	.project .gal_wrap ul li{width:100%; margin-right:0;}
	.project .gal_wrap ul li .txt{padding:20px 40px 20px 20px;}
}
@media all and (max-width:767px){
	.project .gal_wrap ul li .txt{padding:10px 20px;}
}
@media all and (max-width:640px){
	.project .gal_wrap ul li{margin:0; margin-bottom:20px;}
	.project .gal_wrap ul li:nth-of-type(2n){margin:0; margin-bottom:20px;}
	.project .gal_wrap ul li:nth-of-type(3n){margin:0; margin-bottom:20px;}
	.project .gal_wrap ul li a .part_img{width:100%; min-height:0; padding-bottom:74%;}
	.project .gal_wrap ul li a .part_img img{width:100%; height:auto; }
	.project .gal_wrap ul li .txt{width:100%; padding:20px 0;}
}

