@charset "utf-8";

@media (max-width: 1530px) {
}

@media (max-width: 1330px) {

	/* header */
	.menu-navigation .nav-menu {width:400px;}
	
	/* footer */
	.foot-logos .foot-logo {margin-right:25px;}
	.foot-logos .foot-txt {font-size:24px;}
	.foot-btns ul li a {width:200px; height:55px;}
	
	
}

@media (max-width: 1230px) {
	
	/* header */
	/* #header .contain {height:140px;} */
	#header .contain {}
	/* #header .sitelogo {margin-top:-40px;} */
	#header .sitelogo {height:140px;}
	#header .sitelogo img {height:80px;}

	/* .btn-m-menu {margin-top:-25px; width:50px; height:50px;} */
	.btn-m-menu {margin-top:0; top:45px; width:50px; height:50px;}
	.btn-m-menu span {margin-left:-13px; width:26px;}
	.btn-m-menu span:before,
	.btn-m-menu span:after {width:26px;}
	.btn-m-menu span:before {top:-8px;}
	.btn-m-menu span:after {bottom:-8px;}
	.btn-m-menu:hover {width:60px; height:60px; margin-top:0; top:40px;}

	.menu-navigation .close {width:50px; height:50px;}
	.menu-navigation .close:before,
	.menu-navigation .close:after {margin-left:-13px; width:26px;}
	
	/* main */
	.main-visual .item {height:700px;}
	.main-visual .content .tit {font-size:80px;}
	.main-visual .content .txt {font-size:30px;}
	.main-visual .content p {font-size:18px;}

	.main-startup {padding:100px 0;}
	.main-startup h2 {margin-bottom:30px;}
	.main-startup h2 img {height:65px;}
	.main-startup .title {font-size:30px ;}

	.start-slider .slick-list {margin:0 -15px;}
	.start-slider .slick-slide {padding:0 15px;}
	.start-slider .more {padding:0 40px; line-height:46px;}
	.start-slider .thumb {margin-bottom:18px;}
	.start-slider .tit {font-size:18px;}
	.start-slider .tit strong {font-size:30px;}
	
	.main-portfolio {margin-top:100px;}
	.main-portfolio h2 {font-size:70px; margin-bottom:20px;}
	.main-portfolio .nav {margin-bottom:40px;}
	.main-portfolio .nav ul li a {padding:0 25px; font-size:17px;}
	.main-portfolio .list ul li .line-ep .line-1:before {height:8px;} 
	.main-portfolio .list ul li .line-ep .line-1:after {width:8px;} 
	.main-portfolio .list ul li .line-ep .line-2:before {height:8px;} 
	.main-portfolio .list ul li .line-ep .line-2:after {width:8px;}
	.main-portfolio .list ul li .title {bottom:25px; left:0; padding:0 20px;}
	.main-portfolio .list ul li .title .tit {font-size:25px;}
	.main-portfolio .all-more {margin-top:25px;}

	.main-business {padding:120px 0 120px; margin-top:-90px;}
	.main-business h2 {font-size:80px; margin-bottom:20px;}
	.main-business .txt {font-size:30px ;margin-bottom:10px;}
	.main-business .btns {top:10px; margin:0 -3px}
	.main-business .btns .swiper-button-prev,
	.main-business .btns .swiper-button-next {margin:0 3px; width:32px; height:32px;}

	.main-project {padding:120px 0;}
	.main-project h2 {font-size:70px;}
	.main-project h2 span {font-size:30px;}
	.main-project .slick-list {margin:0 -15px;}
	.main-project .slick-slide {padding:0 15px;}
	.main-project .text-box {padding:20px 15px;}
	.main-project .text-box .tit {font-size:22px;}
	.main-project .text-box p {font-size:15px;}

	.main-career {padding:130px 0 120px;}
	.main-career h2 {font-size:80px;}
	.main-career .tt {font-size:30px;}
	.main-career .txt {font-size:17px;}
	.main-career .more {margin-top:35px;}

	/* footer */
	#footer {padding-bottom:40px;}
	#footer .bar {padding:0 12px;}

	.foot-row {padding:15px 0; margin-bottom:20px;}
	.foot-logos .foot-logo {margin-right:20px;}
	.foot-logos .foot-txt {font-size:20px;}
	.foot-btns {margin-left:40px;}
	.foot-btns ul {margin:0 -3px;}
	.foot-btns ul li {margin:0 3px;}
	.foot-btns ul li a {width:160px; height:50px; font-size:16px;}

	.foot-cnt {margin-bottom:10px;}
	#tail-kakao {bottom:45px; right:15px; }
	#tail-kakao img {width:50px; height:50px;}
	
	/*content*/
	.about-vis {height:700px;}
	.about-vis .tit {font-size:100px; margin-bottom:25px;}
	.about-vis .cnt {font-size:40px; margin-bottom:25px;}

	.about-sec1 .content {padding:100px 0 50px;}
	.about-sec1 .content:after {width:250px;}
	.about-sec1 .content:before {width:200px; background-position:0 100%}
	.about-sec1 .content .des {font-size:25px;}
	.about-sec1 .content .des .fs50 {font-size:40px;}
	.about-sec1 .content .tit {font-size:40px;}
	.about-sec1 .content .cnt {font-size:18px}
	.about-sec1 .img-type ul li .text-box {bottom:30px;}
	.about-sec1 .img-type ul li .tt {font-size:22px;}
	.about-sec1 .img-type ul li .tit {font-size:30px;}
	.about-sec1 .img-type ul li .cnt {font-size:18px;}
	.about-sec1 .img-type2 {height:700px; padding-top:180px;}
	.about-sec1 .img-type2 .tit {font-size:100px; margin-bottom:20px; margin-left:300px;}
	.about-sec1 .img-type2 .text {padding-left:450px;}
	.about-sec1 .img-type2 .text .tt {font-size:40px;}
	.about-sec1 .img-type2 .text .cnt {font-size:18px;}
	.about-sec1 .img-type2 .text br {display:none}

	.about-sec2 {padding-top:100px; margin-bottom:80px;}
	.about-sec2:after {width:200px;}
	.about-sec2 .title {font-size:40px; margin-bottom:20px;}
	.about-sec2 ul {margin-left:-30px;}
	.about-sec2 ul li {width:calc(25% - 30px); margin-left:30px; height:auto; padding:60px 15px; border-radius:40px;}
	.about-sec2 ul li .tt {font-size:18px;}
	.about-sec2 ul li .number {font-size:60px;}

	.content-title {margin-bottom:25px;}
	.content-title h2 {font-size:60px;}
	.content-title .txt {font-size:18px;}

	.about-history {margin-bottom:120px;}
	.about-history:after {top:150px;}
	.about-history .swiper-container {margin:0 -15px;}
	.about-history .item {width:50%; padding:0 15px;}
	.about-history .item .year {font-size:30px; margin-bottom:15px;}
	.about-history .item ul li {font-size:18px}
	.about-history .btns {top:30px;}
	.about-history .btns .swiper-button-prev,
	.about-history .btns .swiper-button-next {width:32px; height:32px;}

	.about-member {padding:100px 0 110px;}
	.about-member .content-title {margin-bottom:60px;}
	.about-member ul li {padding:0 15px;}
	.about-member ul li .pic {width:300px;}
	.about-member ul li .name {font-size:24px;}
	.about-member ul li .pos {font-size:16px}

	.about-partner {padding:100px 0 120px;} 
	.about-partner .content-title {margin-bottom:40px;}
	.about-partner-slider .slick-list {margin:0 -15px -30px;}
	.about-partner-slider .slick-slide {padding:0 15px;}
	.about-partner-slider .slick-slide > div {margin-bottom:30px;}

	.about-location {padding:100px 0;}
	.about-location:before {width:200px;}
	.about-location:after {width:200px;}
	.about-location .content-title {margin-bottom:40px;}
	.about-location .nav {margin-bottom:25px;}
	.about-location .nav ul {justify-content:flex-start;}
	.about-location .nav ul li {flex:1;}
	.about-location .nav ul li a {width:100%; height:55px; font-size:16px;}

	.root_daum_roughmap {height:700px !important;}
	.root_daum_roughmap .wrap_map {height:700px !important;}
	
	.startup-top-menu {top:40px;}
	.startup-top-menu ul li {padding:0 7px;}
	.startup-top-menu ul li a {height:55px; width:260px; border-radius:55px; font-size:18px;}
	
	.startup-vis {height:1200px;}
	.startup-vis .content {padding-top:240px;}
	.startup-vis .tit {padding-top:75px; font-size:90px; margin-bottom:30px;}
	.startup-vis .tit .label {left:170px; width:220px; height:91px; font-size:30px; line-height:70px; background-size:contain}
	.startup-vis .tt {font-size:50px;}
	.startup-vis .cnt {font-size:18px;}
	.startup-vis.brandup-vis {height:900px;}
	.startup-vis.brandup-vis .tit .label {width:260px; height:70px;}

	.startup-cont {margin-bottom:60px; margin-top:35px;}
	.startup-cont h2 {font-size:80px;}
	.startup-cont .tit {font-size:40px;}
	.startup-cont .cnt {font-size:18px;}

	.startup-menu {height:70px; border-radius:70px; margin-bottom:60px;}
	.startup-menu ul li a {height:50px; border-radius:50px; font-size:18px;}



	.start-title {margin-bottom:40px;}
	.start-title h3 {font-size:40px;}
	.start-title .cnt {font-size:17px ;}
	.start-title .option ul li {font-size:18px;}
	.start-title .option ul li:after {height:16px; margin-top:-8px;}

	.start-tit {margin-bottom:15px;}
	.start-tit h4 {font-size:40px;}
	.start-tit .tt {font-size:25px;}
	.start-tit .cnt {font-size:18px;}

	.start-cont {margin-bottom:60px;}
	.start-cont ul {margin:0 -15px;}
	.start-cont ul li {padding:0 15px;}
	.start-cont ul li .pic {margin-bottom:12px;}
	.start-cont ul li .tit {font-size:25px;}
	.start-cont ul li .cnt {font-size:18px;}
	.start-cont.business ul {margin:0 -7px;}
	.start-cont.business ul li {padding:0 7px;}
	.start-cont.promotion ul li:nth-child(2) .pic img {margin-left:-50px;}
	.start-cont.promotion ul li .cnt {letter-spacing:-.05em; margin-bottom:10px;}

	.start-service {height:350px;  margin:130px 0 70px;}
	.start-service h3 {font-size:80px;}
	.start-service .cnt {font-size:30px;}

	.start-table-wrap {margin-bottom:60px;}
	.start-table-wrap .row {margin:0 -15px;}
	.start-table-wrap .col {padding:0 15px;}

	.table01 table thead th {padding:12px 25px; font-size:28px;}
	.table01 table tbody th {padding:18px 15px; font-size:18px;}
	.table01 table tbody td {padding:18px 15px; font-size:18px;}
	.table01 .num {font-size:22px;}
	.table-total {padding:15px 25px;}
	.table-total dl dt {font-size:25px; width:90px;}
	.table-total dl dd {font-size:21px;}
	.table-total-sale {padding:15px 25px}
	.table-total-sale dl dt {font-size:25px; width:150px;}
	.table-total-sale dl dd {font-size:30px}

	.service-vis {height:450px;}
	.service-vis .tit {font-size:100px;}


	.service-cont .item {height:800px;}
	.service-cont .item .content-box {padding-left:50px;}
	.service-cont .item h2 {font-size:80px;}
	.service-cont .item .tit {font-size:40px;}
	.service-cont .item .cnt {font-size:18px; margin-bottom:25px;}
	.service-cont .item .cnt br {display:none}
	.service-cont .item .opt ul li{font-size:22px;}
	.service-cont .item .more {margin-top:25px;}
	.service-cont .item .photo-img {padding-left:25px; margin-top:40px;}
	.service-cont .item.marketing .contain {padding-left:60px;}
	.service-cont .item.marketing .content-box {margin-top:-100px;}

	.service-media {padding-top:100px;}
	.service-media h2 {font-size:80px;}
	.service-media .tit {font-size:40px;}
	.service-media .cnt {font-size:18px;}
	.service-media .more {margin:30px 0 40px;}

	.portflio-vis {height:auto; padding-bottom:56.25%;}

	.portflio-container {padding:100px 0;}
	.portflio-container .top-txt {font-size:100px ; margin-bottom:30px;}
	.portflio-container .port-nav {margin-bottom:40px;}
	.portflio-container .port-nav ul li a {padding:0 25px; font-size:17px}
	.portflio-list ul li .line-ep .line-1:before {height:8px;} 
	.portflio-list ul li .line-ep .line-1:after {width:8px;} 
	.portflio-list ul li .line-ep .line-2:before {height:8px;} 
	.portflio-list ul li .line-ep .line-2:after {width:8px;}
	.portflio-list ul li .title {bottom:25px; left:0; padding:0 20px;}
	.portflio-list ul li .title .tit {font-size:25px;}
	.portflio-list ul li .title .txt {font-size:15px;}
	.portflio-list .all-more {height:40px;margin-top:40px;}
	.portflio-list .all-more .more {font-size:15px;}

	#portdetail .btn-close {margin-top:0; top:45px; width:50px; height:50px;}
	#portdetail .btn-close span {margin-left:-13px;width:26px;}
	#portdetail .btn-close span:before,
	#portdetail .btn-close span:after {margin-top:-13px; height:26px;}
	#portdetail .btn-close:hover {width:60px; height:60px; margin-top:0; top:40px;}

	.portflio-cont-wrap {padding-top:120px; }
	.portflio-cont-wrap .title {margin-bottom:30px;}
	.portflio-cont-wrap .title .des {font-size:15px;}
	.portflio-cont-wrap .title h2 {font-size:60px;}

	.portflio-head {padding-bottom:150px;}
	.portflio-head .img {margin:30px 0 30px;}
	.portflio-head .tit {font-size:40px; margin-bottom:12px;}
	.portflio-head .cnt {font-size:18px;}

	.portflio-title {font-size:60px; margin-bottom:30px;}
	.portflio-title.mobile {padding-top:190px;}
	.portflio-title.mobile:after {height:140px;}

	.portflio-images .item {margin-bottom:200px;}

	.portflio-slide {padding:150px 0;}
	.portflio-slide .item {padding:15px;}
	.portflio-slide .slick-arrow {width:40px; background-size:contain}
	.portflio-slide .slick-prev {left:-125px;}
	.portflio-slide .slick-next {right:-125px;}
	.portflio-slide .slick-dots {margin-top:12px;}


	.portflio-video {height:900px;}

	.portflio-wrap {padding-bottom:150px;}
	.portflio-wrap .line-ep .line-1:before {height:8px;} 
	.portflio-wrap .line-ep .line-1:after {width:8px;} 
	.portflio-wrap .line-ep .line-2:before {height:8px;} 
	.portflio-wrap .line-ep .line-2:after {width:8px;}

	.portfolio-load-list {margin-top:100px;}

	.pop-photo-container {padding:0 15px;}
	.pop-photo .slick-arrow {display:none;}
	.pop-close {top:30px; right:30px; width:50px; height:50px;}
	.pop-close span {margin-left:-13px; width:26px;}
	.pop-close span:before,
	.pop-close span:after {margin-top:-13px; height:26px;}

	.project-visual .item {height:800px;}
	.project-visual .content .tit {font-size:60px;}
	.project-visual .content .txt {font-size:100px}
	.project-visual .content p {font-size:18px;}
	.project-visual .content .more {margin-top:40px;}
	.project-visual .content .more a {width:160px; height:50px;}

	.project-container {padding-top:100px;}
	.project-list ul {margin:0 -15px;}
	.project-list ul li {padding:0 15px; margin-bottom:30px;}
	.project-list .text-box {padding:25px 15px;}
	.project-list .text-box .tit {font-size:24px;}
	.project-list .text-box p {font-size:16px;}

	.project-view {margin-bottom:30px;}
	.project-view .title {margin-bottom:50px;}
	.project-view .title h2 {font-size:50px;}
	.project-view .body {padding-bottom:80px}
	.project-view .body .text-box {font-size:18px; padding:25px 0;}

	.pdt210 {padding-top:180px !important;}

	.career-vis {height:1000px;}
	.career-vis .tit {font-size:100px; bottom:-18px; padding-left:15px;}

	.career-sec1 .contain {padding-bottom:80px;}
	.career-sec1 .contain .tit {font-size:40px;}
	.career-sec1 .contain .cnt {font-size:18px; margin-bottom:20px;}
	.career-sec1 .contain .opt {width:60%}
	.career-sec1 .contain .opt ul {margin:0 -10px -10px;}
	.career-sec1 .contain .opt ul li {font-size:22px;}
	.career-sec1 .contain .opt ul li:nth-child(5):after,
	.career-sec1 .contain .opt ul li:nth-child(7):after,
	.career-sec1 .contain .opt ul li:nth-child(10):after {display:block}
	.career-sec1 .contain .opt ul li:nth-child(4):after,
	.career-sec1 .contain .opt ul li:nth-child(6):after,
	.career-sec1 .contain .opt ul li:nth-child(8):after,
	.career-sec1 .contain .opt ul li:nth-child(11):after {display:none}
	.career-sec1 .contain .pic {right:15px}
	.career-sec1 .contain .pic img {height:282px;}


	.career-title {margin-bottom:70px;}
	.career-title h2 {font-size:80px ;}
	.career-title .cnt {font-size:40px}
	.career-sec3 {padding:100px 0 60px;}
	.career-sec3 .item .text-box .tt {font-size:25px;}
	.career-sec3 .item .text-box .tit {font-size:30px;}
	.career-sec3 .item .text-box .cnt {font-size:18px;}
	.career-sec3 .item .wrap {margin-top:-100px;}
	.career-sec3 .item .wrap.type2 {margin-top:-400px;}
	.career-sec3 .item .wrap.type2 .col {padding-left:0;}
	.career-sec3 .item .wrap.type2 .pic {margin-left:-80px;}
	.career-sec3 .item .wrap.type2 .text-box {margin-left:15px;}
	.career-sec3 .item.ongoing {margin-top:80px;}

	.career-sec4 .career-title {margin-bottom:-25px;}
	.career-sec4 .benefit-content {padding:30px 0 125px;}
	.career-sec4 .top-txt {font-size:40px ;margin-bottom:40px;}
	.benefit-slider .slick-list {margin:0 -15px;}
	.benefit-slider .slick-slide {padding:0 15px;}
	.benefit-slider .item {border-radius:35px;}
	.benefit-slider .box {padding:0 20px 25px;}
	.benefit-slider .tit {font-size:25px; }
	.benefit-slider .cnt {font-size:18px;}
	.benefit-slider .slick-arrow {top:-80px;  width:32px; height:32px; }
	.benefit-slider .slick-prev {right:38px;}

	.career-sec5 {padding-bottom:100px}
	.career-sec5 .contain {padding-top:120px;} 
	.career-sec5 .pic img {height:300px;}

	.recruit-slider .slick-list {margin:0 -15px;}
	.recruit-slider .slick-slide {padding:0 15px;}
	.recruit-slider .box {width:400px; height:400px;}
	.recruit-slider .thumb {margin-bottom:20px;}
	.recruit-slider .tit {font-size:25px;}
	.recruit-slider p {font-size:22px; }
	.recruit-slider .more {width:170px; height:55px; font-size:22px; line-height:55px; border-radius:55px}
	.recruit-slider .slick-dots {margin-top:20px}

	.recruit-faq {padding-bottom:100px;}
	.recruit-faq .career-title {margin-bottom:30px;}
	.recruit-faq ul {border-top-width:3px;}
	.recruit-faq ul li {padding:30px 0;}
	.recruit-faq ul li a {padding:0 40px 0 70px;}
	.recruit-faq ul li a .num {font-size:22px;}
	.recruit-faq ul li a .tit {font-size:24px;}
	.recruit-faq ul li .content {padding:15px 40px 0 70px; font-size:18px;}

	.career-sec6 {height:640px; padding-top:100px}
	.career-sec6 .tit {font-size:60px;}
	.career-sec6 .tit span {font-size:30px;}
	.career-sec6 .txt {bottom:-20px; font-size:100px;}

	.contact-container {padding:100px 0 90px; margin-bottom:180px;}
	.contact-container .content-title {margin-bottom:15px;}
	.contact-container .tt {font-size:40px;}
	.contact-container .num {font-size:50px;}
	.contact-container .num:after {width:40px;}

	.contact-form .group {margin-bottom:50px;}
	.contact-form .group h3 {font-size:30px;}
	.contact-form .group h3 .txt {font-size:20px;}
	.contact-form .group .opt-box label {height:55px; font-size:17px;}
	.contact-form .group .check-ul ul {margin:0 -5px -10px;}
	.contact-form .group .check-ul ul li {width:25%; padding:0 5px; margin-bottom:10px;}
	.contact-form .group .text-ul ul {margin:0 -5px -10px;}
	.contact-form .group .text-ul ul li {padding:0 5px; margin-bottom:10px;}
	.contact-form .group input.input {height:55px; font-size:17px;}
	.contact-form .group textarea.input {height:300px; font-size:17px;}

	.filebox {display:flex;}
	.filebox .upload-name {height: 55px; font-size:17px;}
	.filebox label {
		font-size:18px; 
		height: 55px;
	}

	.form-agree {margin:0 0 40px;}
	.form-agree h3 {font-size:22px;}
	.form-agree .scroll-box {padding:20px; font-size:17px;}
	.form-agree .scroll-box .box {height:200px;}
	.form-agree .scroll-box .box::-webkit-scrollbar {width: 6px;}
	.form-agree .scroll-box .box::-webkit-scrollbar-thumb {border-radius:6px;}
	.form-agree .scroll-box .tit {margin-bottom:15px;}
	.form-agree .scroll-box .cnt {margin-bottom:30px;}
	.form-agree .check {font-size:17px; margin-top:15px;}


	
}


/* Landscape tablet */
@media (max-width: 1024px) {
	body, input, textarea, select, button, table {font-size:16px;}	

	/* header */
	/* #header .contain {height:120px;} */
	#header .contain {}
	/* #header .sitelogo {margin-top:-30px;} */
	#header .sitelogo {height:120px;}
	#header .sitelogo img {height:60px;}

	/* .btn-m-menu {margin-top:-21px; width:42px; height:42px;} */
	.btn-m-menu {margin-top:0; top:39px; width:42px; height:42px;}
	.btn-m-menu span {margin-left:-10px; width:20px;}
	.btn-m-menu span:before,
	.btn-m-menu span:after {width:20px;}
	.btn-m-menu span:before {top:-7px;}
	.btn-m-menu span:after {bottom:-7px;}
	.btn-m-menu:hover {width:50px; height:50px; margin-top:0;}

	.menu-navigation .close {width:42px; height:42px;}
	.menu-navigation .close:before,
	.menu-navigation .close:after {margin-left:-10px; width:20px;}

	.menu-navigation .nav-menu {width:300px;}
	.menu-navigation .nav-menu>ul>li>a {font-size:60px;}
	.menu-navigation .menu-wrap {margin-top:40px;}
	.menu-navigation .menu-wrap .m100 {margin-bottom:40px;}
	.menu-navigation .menu-wrap .nav-menu2 {margin-left:40px;}
	.menu-navigation .menu-wrap .nav-menu2 .col {width:250px;}
	.menu-navigation .menu-wrap .nav-menu2 dl dt {font-size:18px;}
	.menu-navigation .menu-wrap .nav-menu2 dl dd a {font-size:22px;}
	
	/* main */
	.main-visual .item {height:600px;}
	.main-visual .content .tit {font-size:60px;}
	.main-visual .content .txt {font-size:25px;}
	.main-visual .content p {font-size:16px;}

	.main-startup {padding:80px 0;}
	.main-startup h2 {margin-bottom:25px;}
	.main-startup h2 img {height:45px;}
	.main-startup .title {font-size:25px;}

	.start-slider .slick-list {margin:0 -10px;}
	.start-slider .slick-slide {padding:0 10px;}
	.start-slider .more {padding:0 30px;  line-height:44px;}
	.start-slider .thumb {margin-bottom:15px;}
	.start-slider .tit {font-size:16px;}
	.start-slider .tit strong {font-size:25px;}
	.start-slider .slick-arrow {width:32px; height:32px;}
	.start-slider .slick-prev {right:38px;}

		
	.main-portfolio {margin-top:80px;}
	.main-portfolio h2 {font-size:50px; margin-bottom:15px;}
	.main-portfolio .nav {margin-bottom:30px;}
	.main-portfolio .nav ul {justify-content:flex-start}
	.main-portfolio .nav ul li a {padding:0 20px; height:38px; font-size:16px; border-radius:38px;}
	.main-portfolio .list ul li {width:33.333333%;}
	.main-portfolio .list ul li .line-ep .line-1:before {height:6px;} 
	.main-portfolio .list ul li .line-ep .line-1:after {width:6px;} 
	.main-portfolio .list ul li .line-ep .line-2:before {height:6px;} 
	.main-portfolio .list ul li .line-ep .line-2:after {width:6px;}
	.main-portfolio .list ul li .title {bottom:20px; left:0; padding:0 20px;}
	.main-portfolio .list ul li .title .tit {font-size:22px;}
	.main-portfolio .list ul li .title .txt {font-size:15px;}
	.main-portfolio .list ul li .title .bar {padding:0 3px;}
	.main-portfolio .all-more {margin-top:20px;}
	.main-portfolio .all-more a {font-size:15px;}

	.main-business {padding:90px 0 90px; margin-top:-77px;}
	.main-business h2 {font-size:50px; margin-bottom:5px;}
	.main-business .txt {font-size:25px ;margin-bottom:10px;}
	.main-business .btns {top:5px; margin:0 -3px}
	.main-business .btns .swiper-button-prev,
	.main-business .btns .swiper-button-next {margin:0 3px; width:28px; height:28px;}
	.main-business .swiper-pagination.swiper-pagination-bullets {margin-top:15px;}

	.main-project {padding:100px 0;}
	.main-project h2 {font-size:50px;}
	.main-project h2 span {font-size:25px;}
	.main-project .slick-list {margin:0 -10px;}
	.main-project .slick-slide {padding:0 10px;}
	.main-project .text-box {padding:20px 12px;}
	.main-project .text-box .tit {font-size:20px;}
	.main-project .text-box p {font-size:15px;}

	.main-career {padding:100px 0;}
	.main-career h2 {font-size:60px;}
	.main-career .tt {font-size:25px;}
	.main-career .txt {font-size:16px;}
	.main-career .more {margin-top:30px;}



	/* layout */
	.real-cont {padding-bottom:60px;}

	
	
	/* footer */
	#footer {padding-bottom:30px; text-align:center;}
	#footer .bar {padding:0 10px;}	
	#footer address {padding-right:0;}

	.foot-row .contain {display:block;}
	.foot-logos {width:100%; display:block; margin-bottom:20px;}
	.foot-logos .foot-logo {margin-right:0; margin-bottom:20px;}
	.foot-logos .foot-logo img {height:50px;}
	.foot-logos .foot-txt {font-size:18px;}
	.foot-btns {margin-left:0;}
	.foot-btns ul {justify-content:center;}
	.foot-btns ul li a {width:160px; height:44px; font-size:16px;}

	.foot-sns {position:static; margin-top:20px;}
	.foot-sns ul {justify-content:center;}
	
	#tail-kakao {bottom:39px; right:15px; }
	#tail-kakao img {width:42px; height:42px;}


	/* content */
	.about-vis {height:600px;}
	.about-vis .tit {font-size:80px; margin-bottom:20px;}
	.about-vis .cnt {font-size:30px; margin-bottom:20px;}

	.about-sec1 .content {padding:80px 0 50px;}
	.about-sec1 .content:after {width:160px;}
	.about-sec1 .content:before {width:150px;}
	.about-sec1 .content .des {font-size:20px;}
	.about-sec1 .content .des .fs50 {font-size:30px;}
	.about-sec1 .content .tit {font-size:30px;}
	.about-sec1 .content .cnt {font-size:16px}
	.about-sec1 .img-type ul li .text-box {bottom:25px;}
	.about-sec1 .img-type ul li .tt {font-size:20px;}
	.about-sec1 .img-type ul li .tit {font-size:25px;}
	.about-sec1 .img-type ul li .cnt {font-size:16px;}
	.about-sec1 .img-type2 {height:700px; padding-top:180px; background-position:30% 50%}
	.about-sec1 .img-type2 .tit {font-size:60px; margin-bottom:15px; margin-left:300px;}
	.about-sec1 .img-type2 .text {padding-left:350px;}
	.about-sec1 .img-type2 .text .tt {font-size:30px;}
	.about-sec1 .img-type2 .text .cnt {font-size:16px;}

	.about-sec2 {padding-top:80px; margin-bottom:60px;}
	.about-sec2:after {width:140px;}
	.about-sec2 .title {font-size:30px; margin-bottom:15px;}
	.about-sec2 ul {margin-left:-20px;}
	.about-sec2 ul li {width:calc(25% - 20px); margin-left:20px;  padding:50px 15px;}
	.about-sec2 ul li .tt {font-size:16px;}
	.about-sec2 ul li .number {font-size:50px;}

	.content-title {margin-bottom:20px;}
	.content-title h2 {font-size:50px;}
	.content-title .txt {font-size:16px;}

	.about-history {margin-bottom:90px;}
	.about-history:after {top:125px;}
	.about-history .swiper-container {margin:0 -10px;}
	.about-history .item {padding:0 10px;}
	.about-history .item .year {font-size:25px; margin-bottom:20px;}
	.about-history .item ul li {font-size:17px; line-height:1.5em; margin-bottom:10px;}
	.about-history .item ul li:last-child {margin-bottom:0;}
	.about-history .btns {top:30px;}
	.about-history .btns .swiper-button-prev,
	.about-history .btns .swiper-button-next {width:32px; height:32px;}

	.about-member {padding:80px 0 90px;}
	.about-member .content-title {margin-bottom:50px;}
	.about-member ul li {padding:0 10px;}
	.about-member ul li .pic {width:260px;}
	.about-member ul li .name {font-size:20px;}
	.about-member ul li .pos {font-size:15px}

	.about-partner {padding:80px 0 100px;} 
	.about-partner .content-title {margin-bottom:30px;}
	.about-partner-slider .slick-list {margin:0 -10px -20px;}
	.about-partner-slider .slick-slide {padding:0 10px;}
	.about-partner-slider .slick-slide > div {margin-bottom:20px;}

	.about-location {padding:80px 0;}
	.about-location:before {width:160px;}
	.about-location:after {width:160px;}
	.about-location .content-title {margin-bottom:30px;}
	.about-location .nav {margin-bottom:20px;}
	.about-location .nav ul li a {height:50px; font-size:15px;}

	.root_daum_roughmap {height:500px !important;}
	.root_daum_roughmap .wrap_map {height:500px !important;}
	
	.startup-top-menu {top:80px;}
	.startup-top-menu ul li {padding:0 5px;}
	.startup-top-menu ul li a {height:50px; width:200px; border-radius:50px; font-size:16px;}

	.startup-vis {height:900px;}
	.startup-vis .content {padding-top:200px;}
	.startup-vis .tit {padding-top:65px; font-size:50px; margin-bottom:20px;}
	.startup-vis .tit .label {left:270px; width:190px; height:79px; font-size:25px; line-height:58px;}
	.startup-vis .tt {font-size:25px;}
	.startup-vis .cnt {font-size:16px;}
	.startup-vis.brandup-vis {height:800px;}
	.startup-vis.brandup-vis .tit .label {width:220px; height:63px; line-height:63px;}

	.startup-cont {margin-bottom:50px; margin-top:30px;}
	.startup-cont h2 {font-size:50px;}
	.startup-cont .tit {font-size:30px;}
	.startup-cont .cnt {font-size:16px;}

	.startup-menu {height:60px; border-radius:60px; margin-bottom:60px; padding:5px;}
	.startup-menu ul li a {height:50px; border-radius:50px; font-size:16px;}


	.start-title {margin-bottom:30px;}
	.start-title h3 {font-size:30px;}
	.start-title .cnt {font-size:16px ;}
	.start-title .option ul li {font-size:17px;}
	.start-title .option ul li:after {height:16px; margin-top:-8px;}

	.start-tit h4 {font-size:30px;}
	.start-tit .tt {font-size:22px;}
	.start-tit .cnt {font-size:17px;}

	.start-cont {margin-bottom:50px;}
	.start-cont ul {margin:0 -10px;}
	.start-cont ul li {padding:0 10px;}
	.start-cont ul li .pic {margin-bottom:10px;}
	.start-cont ul li .tit {font-size:22px;}
	.start-cont ul li .cnt {font-size:17px;}
	.start-cont.business ul {margin:0 -5px;}
	.start-cont.business ul li {padding:0 5px;}

	.start-service {height:320px;  margin:90px 0 60px;}
	.start-service h3 {font-size:60px;}
	.start-service .cnt {font-size:25px;}

	.start-table-wrap {margin-bottom:50px;}
	.start-table-wrap .row {margin:0; display:block}
	.start-table-wrap .col {padding:0; width:100%; margin-bottom:20px;}
	.start-table-wrap .col:last-child {margin-bottom:0;}

	.table01 table thead th {padding:12px 20px; font-size:22px;}
	.table01 table tbody th {padding:18px 15px; font-size:17px;}
	.table01 table tbody td {padding:18px 15px; font-size:17px;}
	.table01 .num {font-size:22px;}
	.table-total {padding:15px 20px;}
	.table-total dl dt {font-size:22px;}
	.table-total dl dd {font-size:18px;}
	.table-total-sale {padding:15px 20px}
	.table-total-sale dl dt {font-size:22px;}
	.table-total-sale dl dd {font-size:25px}

	.start-btns a {width:400px; height:66px; font-size:25px; line-height:66px;}
	
	.start-business-slider .slick-list {margin:0 -10px;}
	.start-business-slider .item {padding:0 10px;}
	.start-business-slider .slick-arrow {top:-50px; width:32px; height:32px;}
	.start-business-slider .slick-prev {right:36px;}
	
	.website-slider .swiper-container {background:#000; border-radius:30px; padding:10px; overflow:hidden}
	.website-slider:after {display:none}
	.website-slider ul {margin:0;}
	.website-slider ul li {padding:0;}
	.website-slider ul li .box {margin-left:0; padding-top:0;}
	.website-slider .swiper-slide.swiper-slide-prev .thumb {opacity:0;}
	.website-slider .swiper-slide.swiper-slide-next .thumb {opacity:0;}
	.website-container .btns .swiper-button-prev,
	.website-container .btns .swiper-button-next {width:32px; height:32px;}
	.website-slider .monitor-img {margin-top:0;}
	.website-slider .monitor-img img {height:180px;}

	.service-vis {height:400px;}
	.service-vis .tit {font-size:70px;}


	.service-cont .item {height:700px;}
	.service-cont .item .content-box {padding-left:30px;}
	.service-cont .item h2 {font-size:60px;}
	.service-cont .item .tit {font-size:35px;}
	.service-cont .item .cnt {font-size:16px; margin-bottom:20px;}
	.service-cont .item .opt ul li{font-size:20px;}
	.service-cont .item .more {margin-top:20px;}
	.service-cont .item .photo-img {padding:0 20px; margin-top:30px;}
	.service-cont .item.website .opt ul li:after {display:none}
	.service-cont .item.website .opt ul li:nth-child(4):after {display:none}
	.service-cont .item.marketing .contain {padding-left:40px;}
	.service-cont .item.marketing .content-box {margin-top:-80px;}
	.service-cont .item.content .opt ul li:nth-child(3):after,
	.service-cont .item.content .opt ul li:nth-child(6):after {display:none}
	.service-cont .item.content .opt ul li:nth-child(4):after {display:block}

	.service-media {padding-top:60px;}
	.service-media h2 {font-size:40px;}
	.service-media .tit {font-size:25px;}
	.service-media .cnt {font-size:15px;}
	.service-media .more {margin:26px 0 30px;}

	.portflio-vis {height:auto; padding-bottom:56.25%;}

	.portflio-container {padding:80px 0;}
	.portflio-container .top-txt {font-size:60px ; padding-top:15px; margin-bottom:25px;}
	.portflio-container .top-txt .point:after {top:-15px; width:16px; height:16px; margin-left:-8px;}
	.portflio-container .port-nav {margin-bottom:30px;}
	.portflio-container .port-nav ul li a {padding:0 20px; font-size:16px}
	.portflio-list ul li {width:33.333333%;}
	.portflio-list ul li .line-ep .line-1:before {height:6px;} 
	.portflio-list ul li .line-ep .line-1:after {width:6px;} 
	.portflio-list ul li .line-ep .line-2:before {height:6px;} 
	.portflio-list ul li .line-ep .line-2:after {width:6px;}
	.portflio-list ul li .title {bottom:20px; padding:0 15px;}
	.portflio-list ul li .title .tit {font-size:20px;}
	.portflio-list .all-more {height:40px;margin-top:30px;}

	#portdetail .btn-close {margin-top:0; top:39px; width:42px; height:42px;}
	#portdetail .btn-close span {margin-left:-10px;width:20px;}
	#portdetail .btn-close span:before,
	#portdetail .btn-close span:after {margin-top:-10px; height:20px;}
	#portdetail .btn-close:hover {width:50px; height:50px; margin-top:0; top:35px;}

	.portflio-cont-wrap {padding-top:80px; }
	.portflio-cont-wrap .title {margin-bottom:25px;}
	.portflio-cont-wrap .title .des {font-size:14px;}
	.portflio-cont-wrap .title h2 {font-size:40px;}

	.portflio-head {padding-bottom:100px;}
	.portflio-head .img {margin:25px 0 25px;}
	.portflio-head .tit {font-size:30px; margin-bottom:10px;}
	.portflio-head .cnt {font-size:16px;}

	.portflio-title {font-size:40px; margin-bottom:25px;}
	.portflio-title.mobile {padding-top:140px;}
	.portflio-title.mobile:after {height:120px;}

	.portflio-images .item {margin-bottom:100px;}

	.portflio-slide {padding:100px 0;}
	.portflio-slide .item {padding:15px;}
	.portflio-slide .slick-arrow {width:40px; background-size:contain}
	.portflio-slide .slick-prev {left:-125px;}
	.portflio-slide .slick-next {right:-125px;}
	.portflio-slide .slick-dots {margin-top:12px;}


	.portflio-video {height:600px;}

	.portflio-wrap {padding-bottom:100px;}
	.portflio-wrap .line-ep .line-1:before {height:6px;} 
	.portflio-wrap .line-ep .line-1:after {width:6px;} 
	.portflio-wrap .line-ep .line-2:before {height:6px;} 
	.portflio-wrap .line-ep .line-2:after {width:6px;}
	.portflio-photo-list .item {width:33.333333%;}

	.portfolio-load-list {margin-top:100px;}
	

	.pop-photo-container {padding:0 15px;}
	.pop-close {margin-top:-21px; width:42px; height:42px;}
	.pop-close span {margin-left:-10px;width:20px;}
	.pop-close span:before,
	.pop-close  span:after {margin-top:-10px; height:20px;}

	.project-visual .item {height:600px;}
	.project-visual .content .tit {font-size:40px;}
	.project-visual .content .txt {font-size:60px}
	.project-visual .content p {font-size:16px;}
	.project-visual .content .more {margin-top:30px;}
	.project-visual .content .more a {width:140px; height:44px;}

	.project-container {padding-top:80px;}
	.project-list ul {margin:0 -10px;}
	.project-list ul li {padding:0 10px; margin-bottom:20px;}
	.project-list .text-box {padding:20px 15px;}
	.project-list .text-box .tit {font-size:22px;}
	.project-list .text-box p {font-size:15px;}
	
	.project-view .title {margin-bottom:40px;}
	.project-view .title h2 {font-size:40px;}
	.project-view .body {padding-bottom:60px}
	.project-view .body .text-box {font-size:16px; padding:20px 0;}
	
	.pdt210 {padding-top:150px !important;}

	.career-vis {height:800px;}
	.career-vis .tit {font-size:70px; bottom:-12px;}

	.career-sec1 .contain {padding-bottom:60px;}
	.career-sec1 .contain .tit {font-size:30px;}
	.career-sec1 .contain .cnt {font-size:16px; margin-bottom:15px;}
	.career-sec1 .contain .opt {width:60%}
	.career-sec1 .contain .opt ul {margin:0 -10px -10px;}
	.career-sec1 .contain .opt ul li {font-size:22px;}
	.career-sec1 .contain .opt ul li:nth-child(3):after,
	.career-sec1 .contain .opt ul li:nth-child(5):after,
	.career-sec1 .contain .opt ul li:nth-child(7):after,
	.career-sec1 .contain .opt ul li:nth-child(9):after {display:none}
	.career-sec1 .contain .opt ul li:nth-child(4):after,
	.career-sec1 .contain .opt ul li:nth-child(6):after,
	.career-sec1 .contain .opt ul li:nth-child(9):after {display:block}
	.career-sec1 .contain .pic img {height:200px;}


	.career-title {margin-bottom:50px;}
	.career-title h2 {font-size:50px ;}
	.career-title .cnt {font-size:30px}
	.career-sec3 {padding:70px 0 50px;}
	.career-sec3 .item .text-box .tt {font-size:20px;}
	.career-sec3 .item .text-box .tit {font-size:25px;}
	.career-sec3 .item .text-box .cnt {font-size:16px;}
	.career-sec3 .item .wrap {margin-top:-80px;}
	.career-sec3 .item .wrap.type2 {margin-top:-300px;}
	.career-sec3 .item .wrap.type2 .col {padding-left:0;}
	.career-sec3 .item .wrap.type2 .pic {margin-left:-80px;}
	.career-sec3 .item .wrap.type2 .text-box {margin-left:15px;}
	.career-sec3 .item.ongoing {margin-top:60px;}

	.career-sec4 .career-title {margin-bottom:-20px;}
	.career-sec4 .benefit-content {padding:30px 0 100px;}
	.career-sec4 .top-txt {font-size:30px ;margin-bottom:30px;}
	.benefit-slider .slick-list {margin:0 -10px;}
	.benefit-slider .slick-slide {padding:0 10px;}
	.benefit-slider .item {border-radius:30px;}
	.benefit-slider .box {padding:0 15px 20px;}
	.benefit-slider .tit {font-size:18px; }
	.benefit-slider .cnt {font-size:16px;}
	.benefit-slider .slick-arrow {top:-70px;  width:30px; height:30px; }
	.benefit-slider .slick-prev {right:34px;}

	.career-sec5 {padding-bottom:80px}
	.career-sec5 .contain {padding-top:180px;} 
	.career-sec5 .pic img {height:250px;}

	.recruit-slider .slick-list {margin:0 -15px;}
	.recruit-slider .slick-slide {padding:0 15px;}
	.recruit-slider .box {width:320px; height:320px; padding:10px;}
	.recruit-slider .thumb {margin-bottom:20px;}
	.recruit-slider .tit {font-size:20px;}
	.recruit-slider p {font-size:20px; }
	.recruit-slider .more {width:160px; height:50px; font-size:20px; line-height:50px; border-radius:50px}
	.recruit-slider .slick-dots {margin-top:20px}

	.recruit-faq {padding-bottom:70px;}
	.recruit-faq .career-title {margin-bottom:25px;}
	.recruit-faq ul {border-top-width:3px;}
	.recruit-faq ul li {padding:25px 0;}
	.recruit-faq ul li a {padding:0 50px 0 40px;}
	.recruit-faq ul li a .num {font-size:20px;}
	.recruit-faq ul li a .tit {font-size:20px;}
	.recruit-faq ul li .content {padding:15px 50px 0 40px; font-size:16px;}

	.career-sec6 {height:540px; padding-top:80px}
	.career-sec6 .tit {font-size:50px;}
	.career-sec6 .tit span {font-size:25px;}
	.career-sec6 .txt {bottom:-20px; font-size:80px;}

	.contact-container {padding:80px 0 60px; margin-bottom:100px;}
	.contact-container .tt {font-size:30px;}
	.contact-container .num {font-size:40px;}
	.contact-container .num:after {width:30px;}

	.contact-form .group {margin-bottom:40px;}
	.contact-form .group h3 {font-size:25px;}
	.contact-form .group h3 .txt {font-size:18px;}
	.contact-form .group .opt-box label {height:50px; font-size:16px;}
	.contact-form .group input.input {height:50px; font-size:16px;}
	.contact-form .group textarea.input {height:280px; font-size:16px;}

	.filebox {display:flex;}
	.filebox .upload-name {height: 50px; font-size:16px;}
	.filebox label {
		font-size:16px; 
		height: 50px;
	}

	.form-agree {margin:0 0 30px;}
	.form-agree h3 {font-size:20px;}
	.form-agree .scroll-box {font-size:16px;}
	.form-agree .scroll-box .cnt {margin-bottom:25px;}
	.form-agree .check {font-size:16px;}


		
				

	/* board */
	.board-search {margin-top:30px; padding:30px 15px;}
	.board-search .search select.input {width:120px;}
	.board-search .search input.input {width:200px;}
	.board-search .search .btn-pack.medium {min-width:120px;}


	.input {padding:5px 14px; height:40px;}
	textarea.input {padding:12px 14px;}

	.board-list colgroup col {width:auto !important;}
	.board-list table thead th {font-size:15px;}
	.board-list table tbody td {font-size:15px;}

	.board-write table {font-size:15px;}
	.board-write #email_2 {width:140px !important}


	.board-view-tit {padding:12px 12px;}
	.board-view-tit h3 {font-size:25px;}
	.board-view-tit .info {width:300px; font-size:16px;}
	.board-view-tit .info .bar {padding:0 10px;}
	.board-view-files {font-size:16px;}
	.board-view-files .item {padding:12px 10px;}


	.cert-list ul {margin:0 -10px;}
	.cert-list ul li {width:33.333%; padding:0 10px; margin-bottom:40px;}
	.cert-list ul li .tit {margin-top:15px;}

	.btn-pack.xlarge {min-width:180px; height:50px;padding:0 30px;line-height:48px;font-size:17px;}
	.btn-pack.medium {height:40px;padding:0 15px;line-height:38px;font-size:16px;}
	.btn-pack.submit {width:400px; height:66px; font-size:25px; line-height:64px;}

	.gallery-list ul {margin:0 -10px;}
	.gallery-list ul li {padding:0 10px; margin-bottom:30px;}
	.gallery-list ul li .tit {margin-top:15px; font-size:18px}




} 


/* portrait tablet */
@media (max-width: 900px) {	
	.only-desktop {display:none;}
	.only-tablet {display:block;}

	/* menu */
	.menu-navigation {background-size:200px;}
	.menu-navigation .menu-wrap {flex-wrap:wrap;}
	.menu-navigation .nav-menu {width:100%;}
	.menu-navigation .nav-menu>ul>li>a {font-size:40px;}
	.menu-navigation .menu-wrap {margin-top:30px; width:100%}
	.menu-navigation .menu-wrap .m100 {margin-bottom:20px;}
	.menu-navigation .menu-wrap .nav-menu2 {margin-left:0; margin-top:30px;}
	.menu-navigation .menu-wrap .nav-menu2 dl dt {font-size:15px;}
	.menu-navigation .menu-wrap .nav-menu2 dl dd a {font-size:18px;}
	
	/* board */	
	
	/* content */
	.project-list ul li {width:50%;}

	
} 

/* Landscape phone */
@media (max-width: 640px) {
	body,input,textarea,select,button,table {font-size:15px;}
	.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	/* header */
	/* #header .contain {height:80px; display:block;} */
	#header .contain {display:block;}
	/* #header .sitelogo {margin-top:-25px;} */
	#header .sitelogo {height:80px;}
	#header .sitelogo img {height:50px;}
	
	.btn-m-menu {margin-top:0; top:19px; width:42px; height:42px;} /* 추가 */
	.btn-m-menu:hover {width:50px; height:50px; margin-top:0; top:15px;}



	.menu-navigation .home img {height:51px;}
	.menu-navigation .menu-container {padding:0 30px;/* added */ height:calc(100vh - 81px;); height: calc(var(--menu_vh, 1vh) * 100 - 81px);}

	.menu-navigation .menu-wrap .nav-menu2 .col {width:200px;}
	/* .menu-navigation .menu-wrap .nav-menu2 .col:nth-child(2) {width:auto;} */
	
	
	/* main */
	.main-visual {display:none;}
	.main-visual-m {display:block}

	.main-startup {padding:60px 0;}
	.main-startup h2 {margin-bottom:20px;}
	.main-startup h2 img {height:auto;}
	.main-startup .title {font-size:20px;}

	.start-slider .slick-list {margin:0 -5px; overflow:hidden;}
	.start-slider .slick-slide {padding:0 5px;}
	.start-slider .more {padding:0 20px;  line-height:40px;}
	.start-slider .thumb {margin-bottom:10px;}
	.start-slider .tit {font-size:14px;}
	.start-slider .tit strong {font-size:20px;}
	.start-slider .slick-arrow {top:-40px; width:26px; height:26px; background-size:7px;}
	.start-slider .slick-prev {right:30px;}

	.main-portfolio {margin-top:60px;}
	.main-portfolio h2 {font-size:40px;}
	.main-portfolio .nav {margin-bottom:20px;}
	.main-portfolio .nav ul li {flex:1;}
	.main-portfolio .nav ul li a {padding:0 10px; height:32px; font-size:13px; border-radius:32px; }
	.main-portfolio .list ul li {width:50%;}
	.main-portfolio .list ul li .line-ep .line-1:before {height:6px;} 
	.main-portfolio .list ul li .line-ep .line-1:after {width:6px;} 
	.main-portfolio .list ul li .line-ep .line-2:before {height:6px;} 
	.main-portfolio .list ul li .line-ep .line-2:after {width:6px;}
	.main-portfolio .list ul li .title {bottom:15px; left:0; padding:0 15px;}
	.main-portfolio .list ul li .title .tit {font-size:20px;}
	.main-portfolio .list ul li .title .txt {display:none; font-size:15px;}
	.main-portfolio .list ul li .title .bar {padding:0 3px;}
	.main-portfolio .all-more {margin-top:20px;}
	.main-portfolio .all-more a {font-size:15px;}

	.main-business {padding:100px 0 80px; margin-top:-70px;}
	.main-business h2 {font-size:40px; margin-bottom:5px; margin:0 0px;}
	.main-business .txt {font-size:16px ;margin-bottom:10px;}
	.main-business .btns {display:none;}
	.main-business .contain {padding:0 40px;}
	.main-business .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {width:7px; height:7px;  margin:0 3px;}
	.main-business .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {width:25px; border-radius:7px;}

	.main-project {padding:50px 0;}
	.main-project .project-slider {padding:0 50px;}
	.main-project h2 {font-size:40px;}
	.main-project h2 span {font-size:20px;}
	.main-project .slick-list {margin:0 -7px;}
	.main-project .slick-slide {padding:0 7px;}
	.main-project .text-box {padding:16px 12px;}
	.main-project .text-box .tit {font-size:16px;}
	.main-project .text-box p {font-size:14px;}

	.main-career {padding:60px 0;}
	.main-career h2 {font-size:40px;}
	.main-career .tt {font-size:20px;}
	.main-career .txt {display:none;}
	.main-career .more {margin-top:30px;}
	
	/* footer */
	#footer {font-size:13px; margin-bottom:0;}
	#footer .bar {padding:0 5px;}
	#footer .br {display:block}
	#footer .br .bar {display:none}

	.foot-logos {margin-bottom:15px;}
	.foot-logos .foot-logo {margin-bottom:15px;}
	.foot-logos .foot-logo img {height:51px;}
	.foot-logos .foot-txt {font-size:15px;}
	.foot-btns ul {justify-content:center;}
	.foot-btns ul li a {width:140px; height:42px; font-size:15px;}

	.foot-sns {margin-top:15px;}
	
	/* layout */
	.real-cont {padding-bottom:40px;}
	
	#tail-kakao {bottom:19px; right:15px; }
	#tail-kakao img {width:42px; height:42px;}
	
	
	/* content */
	.about-vis {height:420px;}
	.about-vis .contain {padding-top:50px;}
	.about-vis .tit {font-size:35px; margin-bottom:20px;}
	.about-vis .cnt {font-size:20px; margin-bottom:20px;}
	.about-vis .background {background-image:url('../images/content/about_vis_m.jpg')}
	.about-vis span.br {display:block}

	.about-sec1 .content {padding:60px 0 30px;}
	.about-sec1 .content:after {width:100px;}
	.about-sec1 .content:before {width:90px;}
	.about-sec1 .content .des {font-size:18px;}
	.about-sec1 .content .des .fs50 {font-size:20px;}
	.about-sec1 .content .tit {font-size:24px;}
	.about-sec1 .content .cnt {font-size:15px}
	.about-sec1 span.br {display:block;}
	.about-sec1 .img-type ul {display:block}
	.about-sec1 .img-type ul li {width:100%; margin-bottom:1px;}
	.about-sec1 .img-type ul li:last-child {margin-bottom:0;}
	.about-sec1 .img-type ul li .pic {padding-bottom:50%}
	.about-sec1 .img-type ul li .text-box {bottom:20px;}
	.about-sec1 .img-type ul li .tt {font-size:18px;}
	.about-sec1 .img-type ul li .tit {font-size:20px;}
	.about-sec1 .img-type ul li .cnt {font-size:15px;}
	.about-sec1 .img-type2 {height:420px; align-items:center;  justify-content:flex-end;padding-top:0; background-position:30% 50%}
	.about-sec1 .img-type2 .tit {font-size:40px; margin-bottom:15px; margin-left:140px;}
	.about-sec1 .img-type2 .text {padding-left:160px; padding-right:15px;}
	.about-sec1 .img-type2 .text .tt {font-size:20px;}
	.about-sec1 .img-type2 .text .cnt {font-size:15px;}

	.about-sec1 .content {padding:80px 0 50px;}
	.about-sec1 .content:after {width:160px;}
	.about-sec1 .content:before {width:150px;}
	.about-sec1 .content .des {font-size:20px;}
	.about-sec1 .content .des .fs50 {font-size:25px;}
	.about-sec1 .content .tit {font-size:25px;}
	.about-sec1 .content .cnt {font-size:15px}
	.about-sec1 .img-type ul li .text-box {bottom:25px;}
	.about-sec1 .img-type ul li .tt {font-size:20px;}
	.about-sec1 .img-type ul li .tit {font-size:25px;}
	.about-sec1 .img-type ul li .cnt {font-size:16px;}
	.about-sec1 .img-type2 {height:700px; padding-top:180px; background-position:24% 50%; padding-right:15px;}
	.about-sec1 .img-type2 .tit {font-size:60px; margin-bottom:15px; margin-left:80px;}
	.about-sec1 .img-type2 .text {padding-left:100px;}
	.about-sec1 .img-type2 .text .tt {font-size:30px;}
	.about-sec1 .img-type2 .text .cnt {font-size:16px;}

	.about-sec2 {padding-top:60px; margin-bottom:50px;}
	.about-sec2:after {width:100px;}
	.about-sec2 .title {font-size:20px; margin-bottom:15px;}
	.about-sec2 ul {flex-wrap:wrap; margin-left:-10px; margin-bottom:-10px;}
	.about-sec2 ul li {width:calc(50% - 10px); margin-left:10px; margin-bottom:10px; padding:40px 15px;}
	.about-sec2 ul li .tt {font-size:15px;}
	.about-sec2 ul li .number {font-size:40px;}

	.content-title {margin-bottom:20px;}
	.content-title h2 {font-size:30px;}
	.content-title .txt {font-size:15px;}

	.about-history {margin-bottom:60px;}
	.about-history:after {top:99px;}
	.about-history .swiper-container {margin:0 -10px;}
	.about-history .item {width:100%; padding:0 10px;}
	.about-history .item .year {font-size:25px; margin-bottom:20px;}
	.about-history .item ul li {font-size:16px;}
	.about-history .btns {top:20px;}
	.about-history .btns .swiper-button-prev,
	.about-history .btns .swiper-button-next {width:28px; height:28px; background-size:7px 12px}

	.about-member {padding:60px 0 60px;}
	.about-member .content-title {margin-bottom:30px;}
	.about-member ul li {padding:0 7px;}
	.about-member ul li .pic {width:160px;}
	.about-member ul li .name {font-size:18px;}

	.about-partner {padding:60px 0 70px;} 
	.about-partner .content-title {margin-bottom:25px;}
	.about-partner-slider .slick-list {margin:0 -5px -10px;}
	.about-partner-slider .slick-slide {padding:0 5px;}
	.about-partner-slider .slick-slide > div {margin-bottom:10px;}
	.about-partner-slider .thumb {border-radius:20px;}

	.about-location {padding:60px 0;}
	.about-location:before {width:120px;}
	.about-location:after {width:120px;}
	.about-location .content-title {margin-bottom:25px;}
	.about-location .nav {margin-bottom:15px;}
	.about-location .nav ul {flex-wrap:wrap; margin:0 -1px -2px;}
	.about-location .nav ul li {width:33.333333%; flex:none; padding:0 1px; margin-bottom:2px;}
	.about-location .nav ul li a {height:44px;}

	.root_daum_roughmap {height:300px !important;}
	.root_daum_roughmap .wrap_map {height:300px !important;}
	
	.startup-top-menu {left:0; width:100%; margin-left:0;}
	.startup-top-menu ul li {padding:0 5px; width:50%;}
	.startup-top-menu ul li a {height:44px; width:100%; border-radius:44px; font-size:16px;}

	.startup-vis {height:860px;}
	.startup-vis .content {padding-top:180px;}
	.startup-vis .tit {padding-top:55px; font-size:55px; margin-bottom:20px;}
	.startup-vis .tit .label {left:25%; width:140px; height:58px; font-size:20px; line-height:40px;}
	.startup-vis .tt {font-size:20px;}
	.startup-vis .cnt {font-size:15px;}
	.startup-vis.brandup-vis {height:700px;}
	.startup-vis.brandup-vis .tit .label {width:160px; height:46px; line-height:46px;}
	.startup-vis .background {background-image:url('../images/content/startup_vis_m.jpg')}

	.startup-cont {margin-bottom:30px; margin-top:25px;}
	.startup-cont h2 {font-size:40px;}
	.startup-cont .tit {font-size:25px;}
	.startup-cont .cnt {font-size:15px;}

	.startup-menu {display:none;}
	.startup-menu-m {display:block;}


	.start-title {margin-bottom:30px;}
	.start-title h3 {font-size:32px;}
	.start-title .cnt {font-size:15px ;}
	.start-title br {display:none;}
	.start-title .option ul li {font-size:16px;}
	.start-title .option ul li:after {height:16px; margin-top:-8px;}
	.start-title .option ul li:nth-child(4):after {display:none}

	.start-tit h4 {font-size:30px;}
	.start-tit .tt {font-size:22px;}
	.start-tit .cnt {font-size:17px;}

	.start-cont {margin-bottom:40px;}
	.start-cont ul {margin:0; display:block}
	.start-cont ul li {padding:0; width:100%; margin-bottom:20px;}
	.start-cont ul li:last-child {margin-bottom:0;}
	.start-cont ul li .pic {margin-bottom:10px;}
	.start-cont ul li .tit {font-size:20px;}
	.start-cont ul li .cnt {font-size:16px;}
	.start-cont.business ul {margin:0;}
	.start-cont.business ul li {padding:0;}
	.start-cont.promotion ul li:nth-child(2) .pic img {margin-left:0;}
	.start-cont.promotion.homepage ul li:nth-child(2) .pic {margin-top:40px;} 
	.start-cont.promotion.homepage ul li:nth-child(2) .pic img {margin-left:0;}

	.start-service {height:300px;  margin:60px 0 40px;}
	.start-service h3 {font-size:40px;}
	.start-service .cnt {font-size:22px;}

	.start-table-wrap {margin-bottom:40px;}
	.start-table-wrap .row {margin:0; display:block}
	.start-table-wrap .col {padding:0; width:100%; margin-bottom:20px;}
	.start-table-wrap .col:last-child {margin-bottom:0;}

	.website-slider .monitor-img img {height:90px;}

	.table01 table thead th {padding:12px 15px; font-size:18px;}
	.table01 table tbody th {padding:12px 10px; font-size:15px;}
	.table01 table tbody td {padding:12px 10px; font-size:15px;}
	.table01 .num {font-size:18px;}
	.table-total {padding:15px 15px;}
	.table-total dl dt {font-size:18px;}
	.table-total dl dd {font-size:15px;}
	.table-total-sale {padding:15px 15px}
	.table-total-sale dl dt {font-size:18px;}
	.table-total-sale dl dd {font-size:22px}

	.start-btns a {width:100%; height:60px; font-size:22px; line-height:60px;}
	
	.start-business-slider .slick-list {margin:0 -10px;}
	.start-business-slider .item {padding:0 10px;}
	.start-business-slider .slick-arrow {top:-50px; width:28px; height:28px;}
	.start-business-slider .slick-prev {right:32px;}
	
	.website-container .btns .swiper-button-prev,
	.website-container .btns .swiper-button-next {width:28px; height:28px;}

	.service-vis {height:300px;}
	.service-vis .tit {font-size:45px;}
	.service-vis .background {background-image:url('../images/content/service_vis_m.jpg');}

	
	.service-cont .item {height:600px; display:block; padding-top:40px; background-image:url('../images/content/service_bg2_m.jpg')}
	.service-cont .item .contain {display:block;}
	.service-cont .item .content-box {padding-left:0; width:100%;}
	.service-cont .item h2 {font-size:40px;}
	.service-cont .item .tit {font-size:30px;}
	.service-cont .item .cnt {font-size:15px; margin-bottom:20px;}
	.service-cont .item .cnt br {display:none}
	.service-cont .item .cnt p {display:inline-block; margin-block-start:0; margin-block-end: 0;}
	.service-cont .item .opt ul li{font-size:16px;}
	.service-cont .item .more {margin-top:20px;}
	.service-cont .item .photo-img {padding:0 20px; margin-top:30px;}
	.service-cont .item.website {background-image:url('../images/content/service_bg3_m.jpg')}
	.service-cont .item.website .opt ul li:after {display:none}
	.service-cont .item.marketing {background-image:url('../images/content/service_bg7_m.jpg')}
	.service-cont .item.marketing .contain {padding-left:0; padding:0 15px;}
	.service-cont .item.marketing .content-box {margin-top:0; width:100%;}
	.service-cont .item.content {background-image:url('../images/content/service_bg4_m.jpg')}
	.service-cont .item.content .opt ul li:nth-child(3):after,
	.service-cont .item.content .opt ul li:nth-child(6):after {display:none}
	.service-cont .item.content .opt ul li:nth-child(4):after {display:block}
	.service-cont .item.photo {background-image:url('../images/content/service_bg6_m.jpg')}

	.service-media {padding-top:60px;}
	.service-media h2 {font-size:40px;}
	.service-media .tit {font-size:25px;}
	.service-media .cnt {font-size:15px;}
	.service-media .more {margin:26px 0 30px;}
	
	span.br {display:block;}

	.portflio-vis {height:auto; padding-bottom:56.25%;}

	.portflio-container {padding:40px 0;}
	.portflio-container .top-txt {font-size:30px ;}
	.portflio-container .top-txt .point:after {width:8px; height:8px; margin-left:-4px;}
	.portflio-container .port-nav {margin-bottom:25px;}
	.portflio-container .port-nav ul {justify-content:flex-start}
	.portflio-container .port-nav ul li {flex:1; padding:0 2px;}
	.portflio-container .port-nav ul li a {padding:0 10px; height:30px; font-size:13px;}
	.portflio-list ul li {width:50%;}
	.portflio-list ul li .line-ep .line-1:before {height:4px;} 
	.portflio-list ul li .line-ep .line-1:after {width:4px;} 
	.portflio-list ul li .line-ep .line-2:before {height:4px;} 
	.portflio-list ul li .line-ep .line-2:after {width:4px;}
	.portflio-list ul li .title .tit {font-size:16px;}
	.portflio-list ul li .title .txt {display:none; font-size:14px;}

	#portdetail .btn-close {margin-top:0; top:19px; width:42px; height:42px;}
	#portdetail .btn-close span {margin-left:-10px;width:20px;}
	#portdetail .btn-close span:before,
	#portdetail .btn-close span:after {margin-top:-10px; height:20px;}
	#portdetail .btn-close:hover {width:50px; height:50px; margin-top:0; top:15px;}


	.portflio-cont-wrap {padding-top:60px; }
	.portflio-cont-wrap .title {margin-bottom:20px;}
	.portflio-cont-wrap .title h2 {font-size:30px;}

	.portflio-head {padding-bottom:60px;}
	.portflio-head .img {margin:20px 0 20px;}
	.portflio-head .tit {font-size:25px; margin-bottom:10px;}
	.portflio-head .cnt {font-size:15px;}

	.portflio-title {font-size:30px; margin-bottom:25px;}
	.portflio-title.mobile {padding-top:100px;}
	.portflio-title.mobile:after {height:80px;}
	
	.portflio-title.pc {padding-top:100px;}
	.portflio-title.pc:after {height:80px;}


	.portflio-images .item {margin-bottom:60px;}

	.portflio-slide {padding:60px 0;}
	.portflio-slide .item {padding:15px;}


	.portflio-video {height:400px;}

	.portflio-wrap {padding-bottom:80px;}
	.portflio-wrap .line-ep .line-1:before {height:4px;} 
	.portflio-wrap .line-ep .line-1:after {width:4px;} 
	.portflio-wrap .line-ep .line-2:before {height:4px;} 
	.portflio-wrap .line-ep .line-2:after {width:4px;}
	.portflio-photo-list .item {width:50%;}

	.portfolio-load-list {margin-top:40px;}

	.pop-close {top:40px; right:20px;}

	.project-visual {display:none}
	.project-visual-m {display:block}

	.project-container {padding-top:60px;}
	.project-list ul {margin:0;}
	.project-list ul li {width:100%; padding:0;}
	.project-list .text-box {padding:15px 10px;}
	.project-list .text-box .tit {font-size:20px;}
	.project-list .text-box p {font-size:14px;}

	.project-view {margin-bottom:25px;}
	.project-view .title {margin-bottom:30px;}
	.project-view .title h2 {font-size:20px;}
	.project-view .body {padding-bottom:40px}
	.project-view .body .text-box {font-size:15px;}
	

	.pdt210 {padding-top:100px !important;}

	.career-vis {height:500px;}
	.career-vis .tit {font-size:50px; bottom:-10px;}

	.career-sec1 .contain {padding-bottom:40px;}
	.career-sec1 .contain .tit {font-size:22px;}
	.career-sec1 .contain .cnt {font-size:15px; margin-bottom:10px;}
	.career-sec1 .contain br {display:none}
	.career-sec1 .contain .opt {width:80%}
	.career-sec1 .contain .opt ul {margin:0 -5px -5px;}
	.career-sec1 .contain .opt ul li {font-size:16px; padding:0 5px; margin-bottom:5px;}
	.career-sec1 .contain .opt ul li:nth-child(3):after,
	.career-sec1 .contain .opt ul li:nth-child(6):after,
	.career-sec1 .contain .opt ul li:nth-child(7):after,
	.career-sec1 .contain .opt ul li:nth-child(9):after {display:none}
	.career-sec1 .contain .opt ul li:nth-child(8):after {display:block}
	.career-sec1 .contain .pic img {height:180px;}

	.career-sec2 {display:block;}
	.career-sec2 .col {width:100%;}


	.career-title {margin-bottom:50px;}
	.career-title h2 {font-size:40px ;}
	.career-title .cnt {font-size:22px}
	.career-sec3 {padding:50px 0 40px;}
	.career-sec3 .item {margin-bottom:30px;}
	.career-sec3 .item:last-child {margin-bottom:0;}
	.career-sec3 .item .imgs {background-size:contain; background-position:-32% 50% }
	.career-sec3 .item .imgs .img {padding:0 60px 0 10px;}
	.career-sec3 .item .img-slide ul li {padding:0 20px;}
	.career-sec3 .item .img-slide ul li .pic {width:80px;}
	.career-sec3 .item .wrap {display:block; margin-top:0;}
	.career-sec3 .item .wrap .col {width:100%; padding-left:0;}
	.career-sec3 .item .text-box .tt {font-size:18px;}
	.career-sec3 .item .text-box .tit {font-size:20px;}
	.career-sec3 .item .text-box .cnt {font-size:15px;}
	.career-sec3 .item .wrap.type2 {margin-top:0;}
	.career-sec3 .item .wrap.type2 .col {padding-left:0;}
	.career-sec3 .item .wrap.type2 .pic {margin-left:0;}
	.career-sec3 .item .wrap.type2 .text-box {margin-left:15px;}
	.career-sec3 .item.ongoing {margin-top:0;}
	.career-sec3 .item.ongoing .imgs .img {padding:0 10px 0 60px;}
	.career-sec3 .item.ongoing .img-slide ul li .pic {width:90px;}
	.career-sec3 br {display:none}

	.career-sec4 .career-title {margin-bottom:-10px;}
	.career-sec4 .benefit-content {padding:30px 0 80px;}
	.career-sec4 .top-txt {font-size:24px ;margin-bottom:25px;}
	.benefit-slider .slick-list {margin:0 -10px;}
	.benefit-slider .slick-slide {padding:0 10px;}
	.benefit-slider .item {border-radius:25px;}
	.benefit-slider .box {padding:0 15px 20px;}
	.benefit-slider .tit {font-size:16px; }
	.benefit-slider .cnt {font-size:15px;}
	.benefit-slider .slick-arrow {top:-40px;}

	.career-sec5 {padding-bottom:60px}
	.career-sec5 .contain {padding-top:100px;} 
	.career-sec5 .pic img {height:160px;}

	.recruit-slider .slick-list {margin:0 -10px;}
	.recruit-slider .slick-slide {padding:0 10px;}
	.recruit-slider .box {width:280px; height:280px;}
	.recruit-slider .thumb {margin-bottom:20px;}
	.recruit-slider .tit {font-size:18px;}
	.recruit-slider p {font-size:18px; }
	.recruit-slider .more {width:120px; height:40px; font-size:16px; line-height:40px; border-radius:40px}
	.recruit-slider .slick-dots {margin-top:20px}

	.recruit-faq {padding-bottom:50px;}
	.recruit-faq .career-title {margin-bottom:20px;}
	.recruit-faq ul {border-top-width:2px;}
	.recruit-faq ul li {padding:20px 0;}
	.recruit-faq ul li a {padding:0 50px 0 40px;}
	.recruit-faq ul li a:after {right:20px; width:10px; height:10px; border-right-width:2px; border-bottom-width:2px;}
	.recruit-faq ul li a .num {font-size:18px;}
	.recruit-faq ul li a .tit {font-size:16px;}
	.recruit-faq ul li .content {padding:15px 50px 0 40px; font-size:15px;}

	.career-sec6 {height:440px; padding-top:60px}
	.career-sec6 .tit {font-size:40px;}
	.career-sec6 .tit span {font-size:20px;}
	.career-sec6 .txt {bottom:-10px; font-size:60px;}

	.contact-container {padding:40px 0 30px; margin-bottom:60px;}
	.contact-container .tt {font-size:25px;}
	.contact-container .num {font-size:30px;}
	.contact-container .num:after {width:25px;}

	.contact-form .group {margin-bottom:30px;}
	.contact-form .group h3 {font-size:20px;}
	.contact-form .group h3 .txt {font-size:16px;}
	.contact-form .group .check-ul ul li {width:50%;}
	.contact-form .group .text-ul ul li {width:100%;}
	.contact-form .group .opt-box label {height:44px; font-size:15px;}
	.contact-form .group input.input {height:44px; font-size:15px;}
	.contact-form .group textarea.input {height:240px; font-size:15px;}
	.contact-form .group.captcha_wrap {flex-wrap:wrap;}
	#captcha_reload {width:44px; height:44px; border:1px solid #ddd; margin-right:0; outline:none; background:transparent;cursor:pointer; text-indent:-999px; overflow:hidden; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='32' height='32'%3E%3Cpath d='M12 4C9.4095 4 7.10606 5.23053 5.64274 7.14274L8 9.5H2V3.5L4.21863 5.71863C6.05061 3.452 8.85558 2 12 2 17.5228 2 22 6.47715 22 12H20C20 7.58172 16.4183 4 12 4ZM4 12C4 16.4183 7.58172 20 12 20 14.5905 20 16.894 18.7695 18.3573 16.8573L16 14.5 22 14.5V20.5L19.7814 18.2814C17.9494 20.548 15.1444 22 12 22 6.47715 22 2 17.5228 2 12H4Z' fill='rgba(121,121,121,1)'%3E%3C/path%3E%3C/svg%3E") center center no-repeat;}
	.contact-form .group .captcha_img {width:calc(100% - 44px); border:1px solid #ddd; height:44px; overflow:hidden; text-align:center; margin-right:-1px;}
	.contact-form .group .captcha_img img {height:100%; width:auto; padding-top:3px;}
	.contact-form .group .captcha_reload {}
	.contact-form .group .captcha_input {width:100%; margin-left:0; margin-top:10px;}

	.filebox {display:flex;}
	.filebox .upload-name {height: 44px; font-size:15px; width:calc(100% - 95px);}
	.filebox label {
		width:90px;
		font-size:15px; 
		height: 44px;
		margin-left:5px;
	}

	.form-agree {margin:0 0 30px;}
	.form-agree h3 {font-size:20px;}
	.form-agree .scroll-box {font-size:16px;}
	.form-agree .scroll-box .cnt {margin-bottom:25px;}
	.form-agree .check {font-size:16px;}

	
	/* board */
	.input {font-size:14px; padding:0 10px; height:38px;}
	select.input {padding-right:26px; background-position:right 8px center; background-size:12px auto;}
	textarea.input {padding:7px 10px;}

	.radiobox input:checked + label:before {background-size:8px auto;}
	.checkbox input:checked + label:before {background-size:11px auto;}

	
	.board-list {display:none;}
	.board-list-m {display:block;}
	
	.board-search {padding:20px 15px;}
	.board-search .search form {display:flex;}
	.board-search .search select.input {width:100px;}
	.board-search .search input.input {flex:1 1 auto; min-width:0; width:1%; margin:0 2px;}
	.board-search .search .btn-pack.medium {min-width:50px;}
	
	.board-write table {display:block; border-top:0; border-bottom:0; font-size:14px;}	
	.board-write table tbody {display:block;}
	.board-write table tr {display:block; padding:12px 0;}
	.board-write table th {display:block; border:0; text-align:left; padding:0; margin-bottom:7px; font-size:16px; background:none;}
	.board-write table td {display:block; border:0; padding:0;}
	.board-write .editor {padding:0; margin-top:-12px;}
	.board-write .item {margin:3px 12px 3px 0;}
	.board-write #user_name {max-width:100% !important;}
	.board-write #tel1 ,
	.board-write #tel2,
	.board-write #tel3 {width:75px !important;}
	.board-write #email_1 {width:calc(100% - 125px) !important;}
	.board-write #email_2 {width:120px !important;}
	.board-write + .buttons {margin-top:30px;}

	.board-view-tit {padding:10px 10px; display:block;}
	.board-view-tit h3 {font-size:20px; width:100%}
	.board-view-tit .info {margin-left:0; margin-top:10px;width:100%; font-size:15px;}
	.board-view-tit .info .bar {padding:0 5px;}
	.board-view-files {font-size:15px;}
	.board-view-files .tit {margin-right:15px;}

	.board-password {margin:20px auto;}
	.board-password dt {font-size:18px; padding-bottom:20px;}
	.board-password dd label {font-size:14px;}
	.board-password .btns {margin:14px -4px 0;}


	.buttons {margin:15px 0;}
	.buttons .cen .btn-pack {margin:0 1px;}

	.btn-pack.small {height:26px; padding:0 8px; font-size:11px; line-height:24px;}
	.btn-pack.medium {height:38px; padding:0 14px; font-size:14px; line-height:36px;}
	.btn-pack.large {min-width:120px; height:42px; padding:0 18px; font-size:15px; line-height:40px;}
	.btn-pack.xlarge {min-width:160px; height:50px; padding:0 22px; font-size:16px; line-height:48px;}
	.btn-pack.comment {width:80px; height:32px; font-size:14px;}
	.btn-pack.submit {width:100%; height:60px; font-size:20px; line-height:58px;}

	.paginate {margin-top:20px;}

	br.br-in-mobile {display:block;}
	br.br-in-pc {display:none;}
	#pop-success {width:auto; height:auto; background:#fff; border-radius:0.5em; padding:1em; text-align:center;}
	#pop-success .title {font-size:1.5em; padding:1em 0; letter-spacing:-0.05em;}
	#pop-success .title span {font-size:0.5em; display:block; text-align:center; margin-top:0;}
	#pop-success img {width:100%; height:auto; max-width:50%; margin:0 auto; display:block; }
	#pop-success a.go_home {position:relative; font-size:1.5em; display:inline-block; margin:0 auto; padding:0.75em 3em; color:#fff; background:#d23246; font-weight:300; margin-top:1.5em;}



}





/* Landscape phones and down */
@media (max-width: 320px) {
	.mobile-navigation {width:100%}
	
}