
/* 공통 */
.sub_visual {position: relative; height: 640px;}
.sub_visual.sub1 {background: url("/images/sub_vis_img1.jpg") center top no-repeat; background-size: cover;}
.sub_visual.sub2 {background: url("/images/sub_vis_img2.jpg") center top no-repeat; background-size: cover;}
.sub_visual.sub3 {background: url("/images/sub_vis_img3.jpg") center top no-repeat; background-size: cover;}

.sub_vis_title {font-family: 'Poppins', sans-serif; position: absolute; bottom: 100px; left: 0; right: 0; max-width: 1200px; width: 100%; margin: auto; color: #fff; font-size: 60px; line-height: 70px; font-weight: 600;}

.sub_inner_menu {position: relative; max-width: 1200px; width: 100%; margin: 0 auto; }
.sub_inner_menu:after {content: ""; display: block; clear: both;}

.sub_inner_menu.sub1_inner li {float: left; width: 33.33%; height: 95px;}
.sub_inner_menu.sub1_inner.sub2 {font-size: 0; text-align: center;}
.sub_inner_menu.sub1_inner.sub2 li {float: none; display: inline-block; width: 20%;}
.sub_inner_menu.sub1_inner.sub2 li a {letter-spacing: -0.5px;}
.sub_inner_menu.sub1_inner li a {font-family: 'Poppins', sans-serif; display: block; line-height: 95px; color: #c6c6c6; font-size: 20px; text-align: center; border-bottom: 2px solid #dedede;}
.sub_inner_menu.sub1_inner li a.active {color: #222; border-bottom: 2px solid #222; font-weight: 600;}
#sub_content_wrap {padding-top: 160px; margin-bottom: 100px;}
.sub_inner {max-width: 1200px; margin: 0 auto; width: 100%;}

/* company */

.sub1_title {color: #222; font-size: 40px; line-height: 46px; font-weight: 400;}
.sub1_title span {font-weight: 700;}
.sub1_tbl {margin-top: 50px; display: table; width: 100%;}
.sub1_img {display: table-cell; width: 56.66%; vertical-align: top; padding-right: 10px;}
.sub1_img img {width: 100%;}
.sub1_txt {display: table-cell; width: 43.33%; vertical-align: top; padding-left: 30px;}
.sub1_txt p {color: #222; font-size: 18px; line-height: 32px;}
.sub1_txt p span {font-weight: 700;}
.sub1_txt p + p {margin-top: 30px;}
.sub1_tbl2 {margin-top: 140px;}
.sub1_tbl2 h2 {color: #222; font-size: 40px; line-height: 46px; font-weight: 700;}
.sub1_tbl2_menu {margin-top: 50px;}
.sub1_tbl2_menu ul {position: relative; margin: 0 -15px;}
.sub1_tbl2_menu ul:after {content: ""; display: block; clear: both;}
.sub1_tbl2_menu ul li {float: left; width: 33.33%; padding: 0 15px;}
.sub1_tbl2_menu ul li span {display: block; }
.sub1_tbl2_menu ul li h3 {color: #eaeaea; font-size: 40px; line-height: 46px; font-weight: 700; margin-top: 20px;}
.sub1_tbl2_menu ul li em {display: block; color: #222; font-size: 24px; line-height: 32px; font-weight: 700; margin-top: 10px;}
.sub1_tbl2_menu ul li p {color: #222; font-size: 18px; line-height: 30px; margin-top: 10px;}
.sub1_tbl3 {margin-top: 140px;}
.sub1_tbl3 h2 {color: #222; font-size: 40px; line-height: 46px; font-weight: 700;}
.sub1_tbl3 p {color: #666; font-size: 18px; line-height: 26px; font-weight: 400; margin-top: 20px;}
.sub1_tbl3_menu {margin-top: 80px;}
.sub1_tbl3_menu ul {position: relative; margin: -10px;}
.sub1_tbl3_menu ul:after {content: ""; display: block; clear: both;}
.sub1_tbl3_menu ul li { float: left; padding: 10px; width: 25%;}
.sub1_tbl3 .more_wrap {display: none;}
.sub1_tbl4 {margin-top: 140px;}
.sub1_tbl4 h2 {color: #222; font-size: 40px; line-height: 46px; font-weight: 700;}
.sub1_tbl4 p {color: #666; font-size: 18px; line-height: 26px; font-weight: 400; margin-top: 20px;}
.sub1_tbl4_img {position: relative; margin-top: 50px; padding-bottom: 42.5%;}
.sub1_tbl4_img iframe {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); max-width: 100%; max-height: 100%; width: 100%; height: 100%;}
.sub1_tbl4_img a {display: block; height: 100%;}
.sub1_tbl4_img .d_video_btn {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); }

.sub1_tbl2_mob_menu {display: none;}

.sub1_tbl5 {margin-top: 140px;}
.sub1_tbl5 h2 {color: #222; font-size: 40px; line-height: 46px; font-weight: 700;}
.sub1_tbl5 p {color: #666; font-size: 18px; line-height: 26px; font-weight: 400; margin-top: 20px;}
.sub1_tbl5_inner {margin-top: 50px;}
.sub1_tbl5_inner ul {position: relative;}
.sub1_tbl5_inner ul:after {content: ""; display: block; clear: both}
.sub1_tbl5_inner ul li:nth-child(6) {clear: both;}
.sub1_tbl5_inner ul li:nth-child(n+6) {float: right;  margin-top: 150px;}
.sub1_tbl5_inner ul li {position: relative; float: left; width: 20%; padding: 0 20px; text-align: center;}
.sub1_tbl5_inner ul li .txt_wrap dt {margin-top: 20px; color: #000; font-size: 20px;}
.sub1_tbl5_inner ul li .txt_wrap dd {color: #000; font-size: 16px; margin-top: 15px; word-break: keep-all;}

.sub1_tbl5_inner ul li:before {content: ""; position: absolute; top: 45px; right: 0; width: 14px; height: 16px; background: url("/images/about_arrow1.png") center no-repeat; background-size: 100%;}
.sub1_tbl5_inner ul li:nth-child(5):before {display: none;}
.sub1_tbl5_inner ul li:nth-child(n+7):before {background: url("/images/about_arrow2.png") center no-repeat; background-size: 100%;}
.sub1_tbl5_inner ul li:nth-child(6):before {content: ""; position: absolute; top: -100px; right: auto; left: 50%; transform: translateX(-50%); width: 16px; height: 17px; background: url("/images/about_arrow3.png") center no-repeat; background-size: 100%;}

/* Service */

.service_title {color: #222; font-size: 40px; line-height: 46px; font-weight: 400;}
.service_title span {font-weight: 600;}
.service_menu {margin-top: 50px;}
.service_menu ul {position: relative; margin: -30px -15px;}
.service_menu ul:after {content: ""; display: block; clear: both;}
.service_menu ul li {float: left; width: 50%; padding: 30px 15px;}
.service_menu .txt_wrap {margin-top: 30px;}
.service_menu .txt_wrap h4 {color: #222; font-family: 'Poppins', sans-serif; font-size: 24px; line-height: 32px; font-weight: 600;}
.service_menu .txt_wrap p {margin-top: 20px; color: #222; font-size: 18px; line-height: 30px; word-break: keep-all;}
.service_menu .txt_wrap a.more {position: relative; display: block; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 30px 0; margin-top: 30px; color: #222; font-size: 20px; line-height: 28px; font-weight: 700;}
.service_menu .txt_wrap a.more:before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 52px; height: 52px; background: #eee url("/images/service_btn.png") center no-repeat; background-size: 19px; border-radius: 50%;}

.service_menu .txt_wrap a.more:hover:before {background: #dcdcdc url("/images/service_btn.png") center no-repeat; background-size: 19px;}

/* Award */

.award_title {color: #222; font-size: 40px; line-height: 55px; font-weight: 400;}
.award_title span {font-weight: 700;}
.award_img {margin-top: 50px;}
.award_tbl {margin-top: 40px;}
.award_tbl ul li {display: table; width: 100%; border-top: 1px solid #d9d9d9;  padding: 15px 0;}
.award_tbl ul li:last-child {border-bottom: 1px solid #d9d9d9;}
.award_tbl .award_tbl1 {font-family: 'Poppins', sans-serif; display: table-cell; vertical-align: middle; width: 8.33%; color: #d3d3d3; font-size: 20px;  font-weight: 600;}
.award_tbl .award_tbl2 {display: table-cell; vertical-align: middle; width: 66.66%; padding-left: 20px; color: #222; font-size: 18px; font-weight: 500;}
.award_tbl .award_tbl3 {display: table-cell; vertical-align: middle; width: 15%; text-align: center; font-size: 18px; color: #999; }
.award_tbl .award_tbl4 {display: table-cell; vertical-align: middle; width: 8.33%; text-align: center;}

/* Location */

.loc_txt_wrap .loc_title {color: #222; font-size: 40px; line-height: 48px; font-weight: 700;}
.loc_txt_wrap p {color: #666; font-size: 18px; line-height: 26px; font-weight: 400; margin-top: 20px;}
.loc_tbl_wrap {display: table; width: 100%; margin-top: 60px;}
.loc_tbl1 {display: table-cell; vertical-align: middle; width: 31.66%;}
.loc_tbl2 {display: table-cell; vertical-align: middle; width: 68.33%; padding-left: 30px; height: 450px;}

.loc_tbl1 ul li {padding: 20px 0; border-top: 1px solid #d9d9d9;}
.loc_tbl1 ul li:last-child {border-bottom: 1px solid #d9d9d9;}
.loc_tbl1 dl dt {color: #222; font-size: 20px; line-height: 28px; margin-bottom: 20px;}
.loc_tbl1 dl dd {color: #222; font-size: 18px; line-height: 30px;}
.loc_tbl1 dl dt .loc_ic1 {display: inline-block; vertical-align: middle; width: 17px; height: 23px; background: url("/images/loc_ic1.png") center no-repeat; background-size: 100%; margin-right: 5px; margin-top: -2px;}
.loc_tbl1 dl dt .loc_ic2 {display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: url("/images/loc_ic2.png") center no-repeat; background-size: 100%; margin-right: 5px; margin-top: -2px;}
.loc_tbl1 dl dt .loc_ic3 {display: inline-block; vertical-align: middle; width: 25px; height: 19px; background: url("/images/loc_ic3.png") center no-repeat; background-size: 100%; margin-right: 5px; margin-top: -2px;}

.loc_more_wrap {margin-top: 60px; text-align: center;}
.loc_more_wrap a {display: inline-block; height: 60px; line-height: 60px; color: #fff; background: #222; padding: 0 70px; font-size: 18px;}

.loc_tbl_wrap.mob_loc_tbl {display: none;}



/* notice */

.notice_title {color: #222; font-size: 40px; line-height: 48px; font-weight: 700;}
.notice_txt_wrap p {color: #666; font-size: 18px; line-height: 26px; margin-top: 30px;}
.notice_txt_wrap {margin-bottom: 60px;}

/* portfolio */

.port_txt_wrap {margin-bottom: 70px;}
.port_txt_wrap h2 {font-family: 'Poppins', sans-serif; color: #222; font-size: 40px; line-height: 48px; font-weight: 600;}
.port_txt_wrap p {color: #666; font-size: 18px; line-height: 26px; margin-top: 20px;}





@media (max-width: 1200px) {

	/* 공통 */
	.sub_visual { height: 53.3333vw;}

	.sub_vis_title {left: 4.1667vw; bottom: 8.3333vw; font-size: 5.0000vw; line-height: 5.8333vw; }

	.sub_inner_menu.sub1_inner li {height: 7.9167vw;}
	.sub_inner_menu.sub1_inner li a {line-height: 7.9167vw;  font-size: 1.6667vw; }
	.sub_inner_menu.sub1_inner.sub2 li {min-width: 20.0000vw;}
	#sub_content_wrap {padding: 13.3333vw 4.1667vw 0; margin-bottom: 8.3333vw;}
	
	/* company */

	.sub1_title { font-size: 3.3333vw; line-height: 3.8333vw; }
	.sub1_tbl {margin-top: 4.1667vw;  width: 100%;}
	.sub1_img { width: 56.66%;  padding-right: 0.8333vw;}
	.sub1_txt { width: 43.33%;  padding-left: 2.5000vw;}
	.sub1_txt p { font-size: 1.5000vw; line-height: 2.6667vw;}
	.sub1_txt p + p {margin-top: 2.5000vw;}
	.sub1_tbl2 {margin-top: 11.6667vw;}
	.sub1_tbl2 h2 { font-size: 3.3333vw; line-height: 3.8333vw; }
	.sub1_tbl2_menu {margin-top: 4.1667vw;}
	.sub1_tbl2_menu ul { margin: 0 -1.2500vw;}
	.sub1_tbl2_menu ul li { padding: 0 1.2500vw;}
	.sub1_tbl2_menu ul li h3 { font-size: 3.3333vw; line-height: 3.8333vw;  margin-top: 1.6667vw;}
	.sub1_tbl2_menu ul li em {  font-size: 2.0000vw; line-height: 2.6667vw;  margin-top: 0.8333vw;}
	.sub1_tbl2_menu ul li p { font-size: 1.5000vw; line-height: 2.5000vw; margin-top: 0.8333vw;}
	.sub1_tbl3 {margin-top: 11.6667vw;}
	.sub1_tbl3 h2 { font-size: 3.3333vw; line-height: 3.8333vw; }
	.sub1_tbl3 p { font-size: 1.5000vw; line-height: 2.1667vw;  margin-top: 1.6667vw;}
	.sub1_tbl3_menu {margin-top: 6.6667vw;}
	.sub1_tbl3_menu ul { margin: -0.8333vw;}
	.sub1_tbl3_menu ul li { padding: 0.8333vw; width: 25%;}
	.sub1_tbl4 {margin-top: 11.6667vw;}
	.sub1_tbl4 h2 { font-size: 3.3333vw; line-height: 3.8333vw; }
	.sub1_tbl4 p { font-size: 1.5000vw; line-height: 2.1667vw;  margin-top: 1.6667vw;}
	.sub1_tbl4_img { margin-top: 4.1667vw; width: 100%;}
	.sub1_tbl4_img .d_video_btn { width: 4.5000vw;}

	.sub1_tbl5 {margin-top: 11.66667vw;}
	.sub1_tbl5 h2 { font-size: 3.3333vw; line-height: 3.8333vw; }
	.sub1_tbl5 p { font-size: 1.5000vw; line-height: 2.1667vw;  margin-top: 1.6667vw;}
	.sub1_tbl5_inner {margin-top: 4.1667vw;}
	.sub1_tbl5_inner ul li:nth-child(n+6) { margin-top: 12.5000vw;}
	.sub1_tbl5_inner ul li {padding: 0 1.6667vw; }
	.sub1_tbl5_inner ul li .img_wrap img {width: 8.3333vw;}
	.sub1_tbl5_inner ul li .txt_wrap dt {margin-top: 1.6667vw;  font-size: 1.6667vw;}
	.sub1_tbl5_inner ul li .txt_wrap dd { font-size: 1.3333vw; margin-top: 1.25000vw;}

	.sub1_tbl5_inner ul li:before {  top: 3.7500vw; width: 1.1667vw; height: 1.3333vw; }
	.sub1_tbl5_inner ul li:nth-child(6):before {top: -8.3333vw; width: 1.3333vw; height: 1.4167vw; }


	/* Service */

	.service_title { font-size: 3.9063vw; line-height: 4.4922vw; }
	.service_menu {margin-top: 4.8828vw;}
	.service_menu ul { margin: -2.9297vw -1.4648vw;}
	.service_menu ul li { padding: 2.9297vw 1.4648vw;}
	.service_menu .txt_wrap {margin-top: 2.9297vw;}
	.service_menu .txt_wrap h4 {font-size: 2.3438vw; line-height: 3.1250vw; }
	.service_menu .txt_wrap p {margin-top: 1.9531vw;  font-size: 1.7578vw; line-height: 2.9297vw;}
	.service_menu .txt_wrap a.more { padding: 2.9297vw 0; margin-top: 2.9297vw;  font-size: 1.9531vw; line-height: 2.7344vw; }
	.service_menu .txt_wrap a.more:before {width: 5.0781vw; height: 5.0781vw; background-size:1.5833vw; }
	.service_menu .txt_wrap a.more:hover:before {background-size: 1.5833vw;}

	/* Award */

	.award_title { font-size: 3.9063vw; line-height: 5.3711vw; }
	.award_img {margin-top: 4.8828vw;}
	.award_tbl {margin-top: 3.9063vw;}
	.award_tbl ul li {padding: 1.4648vw 0;}
	.award_tbl .award_tbl1 {font-size: 1.9531vw; }
	.award_tbl .award_tbl2 { padding-left: 1.9531vw;  font-size: 1.7578vw; }
	.award_tbl .award_tbl3 { font-size: 1.7578vw; }

	/* Location */

	.loc_txt_wrap .loc_title { font-size: 3.3333vw; line-height: 4.0000vw; }
	.loc_txt_wrap p { font-size: 1.5000vw; line-height: 2.1667vw;  margin-top: 1.6667vw;}
	.loc_tbl_wrap { margin-top: 5.0000vw;}
	.loc_tbl2 { padding-left: 2.5000vw; height: 37.5000vw;}

	.loc_tbl1 ul li {padding: 1.6667vw 0; }
	.loc_tbl1 dl dt { font-size: 1.6667vw; line-height: 2.3333vw; margin-bottom: 1.6667vw;}
	.loc_tbl1 dl dd { font-size: 1.5000vw; line-height: 2.5000vw;}
	.loc_tbl1 dl dt .loc_ic1 {  width: 1.4167vw; height: 1.9167vw; margin-right: 0.4167vw; margin-top: -0.1667vw}
	.loc_tbl1 dl dt .loc_ic2 {  width: 1.6667vw; height: 1.6667vw; margin-right: 0.4167vw; margin-top: -0.1667vw}
	.loc_tbl1 dl dt .loc_ic3 {  width: 2.0833vw; height: 1.5833vw;  margin-right: 0.4167vw; margin-top: -0.1667vw}

	.loc_more_wrap {margin-top: 5.0000vw; }
	.loc_more_wrap a { height: 5.0000vw; line-height: 5.0000vw;  padding: 0 5.8333vw; font-size: 1.5000vw;}

	/* notice */

	.notice_title { font-size: 3.3333vw; line-height: 4.0000vw; }
	.notice_txt_wrap p { font-size: 1.5000vw; line-height: 2.1667vw; margin-top: 2.5000vw;}
	.notice_txt_wrap {margin-bottom: 5.0000vw;}

	/* portfolio */

	.port_txt_wrap {margin-top: 5.8333vw;}
	.port_txt_wrap h2 {font-size: 3.3333vw; line-height: 4.0000vw; }
	.port_txt_wrap p { font-size: 1.5000vw; line-height: 2.1667vw; margin-top: 1.6667vw;}


}

@media (max-width: 1024px) {

	/* 공통 */

	.sub_visual { height: 46.8750vw;}
	.sub_vis_title {left: 5.8594vw; bottom: 9.7656vw; font-size: 3.9063vw; line-height: 4.6875vw; }
	.sub_menu {padding: 0 5.8594vw;}

	.sub_inner_menu.sub1_inner li {height: 7.3242vw;}
	.sub_inner_menu.sub1_inner li a {line-height: 7.3242vw;  font-size: 1.7578vw; }
	.sub_inner_menu.sub1_inner.sub2 li {min-width: 23.4375vw;}
	#sub_content_wrap {padding: 11.7188vw 5.8594vw 0; margin-bottom: 11.7188vw;}

	/* company */

	.sub1_title { font-size: 3.1250vw; line-height: 3.9063vw; }
	.sub1_tbl {margin-top: 3.9063vw;  width: 100%;}
	.sub1_img { width: 54.44%;  padding-right: 1.9531vw;}
	.sub1_txt { width: 45.55%;  padding-left: 1.9531vw;}
	.sub1_txt p { font-size: 1.5625vw; line-height: 2.2461vw; word-break: keep-all;}
	.sub1_txt p br {display: none;}
	.sub1_txt p + p {margin-top: 2.9297vw;}
	.sub1_tbl2 {margin-top: 9.7656vw;}
	.sub1_tbl2 h2 { font-size: 3.9063vw; line-height: 4.4922vw; }
	.sub1_tbl2_menu {margin-top: 3.9063vw;}
	.sub1_tbl2_menu ul { margin: 0 -0.9766vw;}
	.sub1_tbl2_menu ul li { padding: 0 0.9766vw;}
	.sub1_tbl2_menu ul li h3 { font-size: 3.1250vw; line-height: 3.9063vw;  margin-top: 0.9766vw;}
	.sub1_tbl2_menu ul li em {  font-size: 1.7578vw; line-height: 2.5391vw;  margin-top: 0.9766vw;}
	.sub1_tbl2_menu ul li p { font-size: 1.5625vw; line-height:2.2461vw; margin-top: 0.9766vw; word-break: keep-all;}
	.sub1_tbl2_menu ul li p br {display: none;}
	.sub1_tbl3 {margin-top: 9.7656vw;}
	.sub1_tbl3 h2 { font-size: 3.9063vw; line-height: 4.4922vw; }
	.sub1_tbl3 p { font-size: 1.5625vw; line-height: 2.2461vw;  margin-top: 1.9531vw;}
	.sub1_tbl3_menu {margin-top: 4.8828vw;}
	.sub1_tbl3_menu ul { margin: -0.9766vw;}
	.sub1_tbl3_menu ul li { padding: 0.9766vw; }
	.sub1_tbl4 {margin-top:  9.7656vw;}
	.sub1_tbl4 h2 { font-size: 3.9063vw; line-height: 4.4922vw; }
	.sub1_tbl4 p { font-size: 1.7578vw; line-height: 2.5391vw;  margin-top: 1.9531vw;}
	.sub1_tbl4_img { margin-top: 4.8828vw;}
	.sub1_tbl4_img .d_video_btn { width: 5.2734vw;}

	.sub1_tbl5 {margin-top: 9.7656vw;}
	.sub1_tbl5 h2 { font-size: 3.9063vw; line-height: 4.4922vw; }
	.sub1_tbl5 p { font-size: 1.7578vw; line-height: 2.5391vw;  margin-top: 1.9531vw;}
	.sub1_tbl5_inner {margin-top: 4.8828vw;}
	.sub1_tbl5_inner ul li:nth-child(n+6) { margin-top: 14.6484vw;}
	.sub1_tbl5_inner ul li {padding: 0 1.9531vw; }
	.sub1_tbl5_inner ul li .img_wrap img {width: 9.7656vw;}
	.sub1_tbl5_inner ul li .txt_wrap dt {margin-top: 1.9531vw;  font-size: 1.9531vw;}
	.sub1_tbl5_inner ul li .txt_wrap dd { font-size: 1.5625vw; margin-top: 1.4648vw;}

	.sub1_tbl5_inner ul li:before {  top: 4.3945vw; width: 1.3672vw; height: 1.5625vw; }
	.sub1_tbl5_inner ul li:nth-child(6):before {top: -9.7656vw; width: 1.5625vw; height: 1.6602vw; }

	/* Service */

	.service_title { font-size: 3.1250vw; line-height: 3.9063vw; }
	.service_menu {margin-top: 3.9063vw;}
	.service_menu ul { margin: -2.4414vw -1.4648vw;}
	.service_menu ul li { padding: 2.4414vw 1.4648vw;}
	.service_menu .txt_wrap {margin-top: 2.4414vw;}
	.service_menu .txt_wrap h4 {font-size: 1.7578vw; line-height: 2.5391vw; }
	.service_menu .txt_wrap p {margin-top: 2.1484vw;  font-size: 1.3672vw; line-height: 2.1484vw;}
	.service_menu .txt_wrap a.more { padding: 1.9531vw 0; margin-top: 1.9531vw;  font-size: 1.5625vw; line-height: 2.1484vw; }
	.service_menu .txt_wrap a.more:before {width: 3.9063vw; height: 3.9063vw; background-size: 1.8555vw;}
	.service_menu .txt_wrap a.more:hover:before {background-size: 1.8555vw;}


	/* Award */

	.award_title { font-size: 3.1250vw; line-height: 4.8828vw; }
	.award_img {margin-top: 3.9063vw;}
	.award_tbl {margin-top: 3.9063vw;}
	.award_tbl ul li {padding: 1.9531vw 0;}
	.award_tbl .award_tbl1 {font-size: 1.5625vw; }
	.award_tbl .award_tbl2 { padding-left: 1.9531vw;  font-size:  1.5625vw; }
	.award_tbl .award_tbl3 { font-size:1.5625vw; }

	/* Location */

	.loc_txt_wrap .loc_title { font-size: 3.1250vw; line-height: 3.9063vw; }
	.loc_txt_wrap p { font-size: 1.5625vw; line-height: 2.2461vw;  margin-top: 1.9531vw;}
	.loc_tbl_wrap { margin-top: 2.9297vw;}
	.loc_tbl2 { padding-left: 2.9297vw; height: 36.6211vw;}

	.loc_tbl1 ul li {padding: 1.9531vw 0; }
	.loc_tbl1 dl dt { font-size: 1.7578vw; line-height: 2.5391vw; margin-bottom: 1.4648vw;}
	.loc_tbl1 dl dd { font-size: 1.5625vw; line-height: 2.2461vw;}
	.loc_tbl1 dl dt .loc_ic1 {  width: 1.6602vw; height: 2.2461vw; margin-right: 0.4883vw; margin-top: -0.1953vw;}
	.loc_tbl1 dl dt .loc_ic2 {  width: 1.9531vw; height: 1.9531vw; margin-right: 0.4883vw; margin-top: -0.1953vw;}
	.loc_tbl1 dl dt .loc_ic3 {  width: 2.4414vw; height: 1.8555vw;  margin-right: 0.4883vw; margin-top: -0.1953vw;}

	.loc_more_wrap {margin-top: 4.8828vw; }
	.loc_more_wrap a { height: 5.8594vw; line-height: 5.8594vw;  padding: 0 4.8828vw; font-size: 1.5625vw;}

	/* notice */

	.notice_title { font-size: 3.1250vw; line-height: 3.9063vw; }
	.notice_txt_wrap p { font-size: 1.5625vw; line-height: 2.1484vw; margin-top: 1.9531vw;}
	.notice_txt_wrap {margin-bottom: 2.9297vw;}

	/* portfolio */

	.port_txt_wrap {margin-top: 3.9063vw;}
	.port_txt_wrap h2 {font-size: 3.1250vw; line-height: 3.9063vw;  }
	.port_txt_wrap p { font-size: 1.5625vw; line-height: 2.2461vw;  margin-top: 1.9531vw;}


}

@media (max-width: 750px) {

	/* 공통 */

	.sub_visual { height: 99.2000vw; }
	.sub_visual.sub1 {background: url("/images/sub_vis_mob_img1.jpg") center top no-repeat; background-size: cover;}
	.sub_visual.sub2 {background: url("/images/sub_vis_mob_img2.jpg") center top no-repeat; background-size: cover;}
	.sub_vis_title {left: 8.0000vw; bottom: 12.0000vw; font-size: 8.5333vw; line-height: 9.3333vw; }
	.sub_menu {padding: 0 5.3333vw;}
	

	.sub_menu.sub3 .sub_inner_menu.sub1_inner.sub2 li {width: auto; min-width: 32.0000vw; float: none; display: inline-block;}

	.sub_inner_menu.sub1_inner li {height: 11.3333vw;}
	.sub_inner_menu.sub1_inner li a {line-height: 11.3333vw;  font-size: 3.2000vw; }
	#sub_content_wrap {padding: 16.0000vw 5.3333vw 0; margin-bottom: 16.0000vw;}

	.sub_menu.sub3 {position: relative; padding-right: 0; padding-left: 0; margin-left: 0;}

	
	.sub_menu.sub3 li:first-child {margin-left: 5.3333vw;}
	.sub_menu.sub3 li:last-child {margin-right: 5.333vw;}
	.sub_inner_menu.sub2 {position: relative; max-width: 100%; overflow-x: auto; white-space: nowrap; font-size: 0; border-bottom: 0; padding-bottom: 2px;}
	/* .sub_inner_menu.sub2:before {content: ""; position: absolute; left: 0; bottom: 0; width: 160vw; height: 1px; background: #dedede;} 
	.sub_inner_menu.sub2:after {content: ""; position: absolute; left: 0; bottom: 0; width: 5.3333vw; height: 1px; background: #fff; z-index: 85;}*/

	.sub_inner_menu li a {position: relative; z-index: 15;}



	/* company */

	.sub1_title { font-size: 5.3333vw; line-height: 6.4000vw; }
	.sub1_tbl {margin-top: 6.6667vw;  width: 100%;}
	.sub1_img {display: block; width: 100%;  padding-right: 0;}
	.sub1_txt {display: block; width: 100%;  padding-left: 0; margin-top: 4.0000vw;}
	.sub1_txt p { font-size: 3.7333vw; line-height: 5.3333vw; word-break: keep-all;}
	.sub1_txt p br {display: none;}
	.sub1_txt p + p {margin-top: 4.0000vw;}
	.sub1_tbl2 {margin-top: 25.3333vw;}
	.sub1_tbl2 h2 { font-size: 5.3333vw; line-height: 5.3333vw; }
	.sub1_tbl2_menu {display: none;}
	.sub1_tbl2_mob_menu {position: relative; display: block; margin-top: 8.0000vw;}
	.sub1_tbl2_mob_menu .d_ser_prev {position: absolute; top: 20.0000vw; left: 1.3333vw; width: 6.6667vw; height: 6.6667vw; background: rgba(0,0,0,0.25) url("/images/d_ser_prev.png") center no-repeat; background-size: 1.6000vw; cursor: pointer; z-index: 15; border-radius: 50%;}
	.sub1_tbl2_mob_menu .d_ser_next {position: absolute; top: 20.0000vw; right: 1.3333vw; width: 6.6667vw; height: 6.6667vw; background: rgba(0,0,0,0.25) url("/images/d_ser_next.png") center no-repeat; background-size: 1.6000vw; cursor: pointer; z-index: 15;  border-radius: 50%;}
	.sub1_tbl2_mob_menu .txt_wrap {margin-top: 5.3333vw;}
	.sub1_tbl2_mob_menu .txt_wrap em {display: block; font-size: 6.4000vw; line-height: 8.0000vw; color: #eaeaea; font-weight: 700;}
	.sub1_tbl2_mob_menu .txt_wrap h4 {color: #222; font-size: 4.2667vw; line-height: 5.3333vw; font-weight: 700; margin-top: 2.6667vw;}
	.sub1_tbl2_mob_menu .txt_wrap p {color: #222; font-size: 3.7333vw; line-height: 4.8000vw; margin-top: 4.0000vw; word-break: keep-all;}

	.sub1_tbl3 {margin-top: 25.3333vw;}
	.sub1_tbl3 h2 { font-size: 5.3333vw; line-height: 6.1333vw; }
	.sub1_tbl3 p { font-size: 3.2000vw; line-height: 4.2667vw;  margin-top: 2.6667vw;}
	.sub1_tbl3_menu {margin-top: 6.6667vw;}
	.sub1_tbl3_menu ul { margin: -1.3333vw;}
	.sub1_tbl3_menu ul li {display: none; padding: 1.3333vw; width: 50%;}
	.sub1_tbl3 .more_wrap {display: block; text-align: center; margin-top: 10.6667vw;}
	.sub1_tbl3 .more_wrap a {display: inline-block; height: 8.0000vw; line-height: 8.000vw; padding: 0 9.3333vw; background: #000; color: #fff; font-size: 2.4000vw; }
	.sub1_tbl4 {margin-top:  25.3333vw;}
	.sub1_tbl4 h2 { font-size: 5.3333vw; line-height: 6.1333vw; }
	.sub1_tbl4 p { font-size: 3.2000vw; line-height: 4.2667vw;  margin-top: 2.6667vw;}
	.sub1_tbl4_img { margin-top: 6.6667vw; padding-bottom: 56.25%;}
	.sub1_tbl4_img .d_video_btn { width: 7.2000vw;}

	.sub1_tbl5 {margin-top: 13.3333vw;}
	.sub1_tbl5 h2 { font-size: 5.3333vw; line-height: 6.1333vw; }
	.sub1_tbl5 p { font-size: 3.2000vw; line-height: 4.2667vw;  margin-top: 2.6667vw;}
	.sub1_tbl5_inner {margin-top: 6.6667vw;}
	.sub1_tbl5_inner ul li:nth-child(n+6) { margin-top: 0; float: left;}
	.sub1_tbl5_inner ul li:nth-child(n+3) { margin-top: 6.6667vw;}
	.sub1_tbl5_inner ul li {width: 50%; padding: 0 2.6667vw; }
	.sub1_tbl5_inner ul li .img_wrap img {width: 13.3333vw;}
	.sub1_tbl5_inner ul li .txt_wrap dt {margin-top: 4.0000vw;  font-size: 3.7333vw;}
	.sub1_tbl5_inner ul li .txt_wrap dd { font-size: 3.2000vw; margin-top: 2.6667vw;}

	.sub1_tbl5_inner ul li:before {  top: 6.0000vw; width: 3.2000vw; height: 3.4667vw; }
	.sub1_tbl5_inner ul li:nth-child(n+7):before {background: url("/images/about_arrow1.png") center no-repeat; background-size: 100%;}

	.sub1_tbl5_inner ul li:nth-child(even):before {display: none;}
	.sub1_tbl5_inner ul li:nth-child(odd):before {display: block;}



	.sub1_tbl5_inner ul li:nth-child(6) {clear: none;}
	.sub1_tbl5_inner ul li:nth-child(3) {clear: both;}
	.sub1_tbl5_inner ul li:nth-child(5) {clear: both;}
	.sub1_tbl5_inner ul li:nth-child(7) {clear: both;}
	.sub1_tbl5_inner ul li:nth-child(9) {clear: both;}


	/* Service */

	.service_title { font-size: 5.3333vw; line-height: 6.4000vw; }
	.service_menu {margin-top: 8.0000vw;}
	.service_menu ul { margin: 0;}
	.service_menu ul li { padding: 0; float: none; width: 100%;}
	.service_menu ul li + li {margin-top: 12.0000vw;}
	.service_menu .img_wrap img {width: 100%;}
	.service_menu .txt_wrap {margin-top: 3.3333vw;}
	.service_menu .txt_wrap h4 {font-size: 3.7333vw; line-height: 4.8000vw; }
	.service_menu .txt_wrap p {margin-top: 4.0000vw; font-size: 3.7333vw;  line-height: 5.3333vw;}
	.service_menu .txt_wrap a.more { padding: 4.0000vw 0; margin-top: 4.0000vw;  font-size: 3.2000vw; line-height: 4.0000vw; }
	.service_menu .txt_wrap a.more:before {width: 6.9333vw; height: 6.9333vw; background-size: 2.5333vw;}
	.service_menu .txt_wrap a.more:hover:before { background-size: 2.5333vw;}

	/* Award */

	.award_title { font-size: 5.3333vw; line-height: 8.0000vw; }
	.award_title br.mob_br {display: block;}
	.award_img {margin-top: 6.6667vw;}
	.award_tbl {margin-top: 4.0000vw;}
	.award_tbl ul li {padding: 2.6667vw 0;}
	.award_tbl .award_tbl1 {font-size: 3.2000vw; }
	.award_tbl .award_tbl2 { padding-left: 2.6667vw;  font-size: 3.2000vw; }
	.award_tbl .award_tbl3 {display: none;}

	.loc_tbl_wrap.pc_loc_tbl {display: none;}
	.loc_tbl_wrap.mob_loc_tbl {display: block;}

	/* Location */

	.loc_txt_wrap .loc_title { font-size: 5.3333vw; line-height: 6.4000vw; }
	.loc_txt_wrap p { font-size: 3.2000vw; line-height: 4.2667vw;  margin-top: 2.6667vw;}
	.loc_tbl_wrap { margin-top: 6.6667vw;}
	.loc_tbl1 {display: block; width: 100%; margin-top: 5.3333vw;}
	.loc_tbl2 {display: block; width: 100%; padding-left: 0; height: 54.6667vw;}

	.loc_tbl1 ul li {padding: 2.6667vw 0; }
	.loc_tbl1 dl dt { font-size: 3.2000vw; line-height: 4.2667vw; margin-bottom: 2.6667vw;}
	.loc_tbl1 dl dd {position: relative; display: inline-block; vertical-align: middle; font-size: 2.6667vw; line-height: 3.7333vw;}
	.loc_tbl1 dl dd br {display: none;}
	.loc_tbl1 dl dd + dd {margin-left: 2.6667vw;}
	.loc_tbl1 dl dd + dd:before {content :""; position: absolute; top: 50%; transform: translateY(-50%); left: -1.3333vw; width: 1px; height: 2.6667vw; background: #222;}
	.loc_tbl1 dl dt .loc_ic1 {  width: 2.2667vw; height: 3.0667vw; margin-right: 0.6667vw; margin-top: -0.6667vw;}
	.loc_tbl1 dl dt .loc_ic2 {  width: 2.6667vw; height: 2.6667vw; margin-right: 0.6667vw; margin-top: -0.6667vw;}
	.loc_tbl1 dl dt .loc_ic3 {  width: 3.3333vw; height: 2.5333vw;  margin-right: 0.6667vw; margin-top: -0.6667vw;}

	.loc_more_wrap {margin-top: 6.6667vw; }
	.loc_more_wrap a { height: 8.0000vw; line-height: 8.0000vw;  padding: 0 9.3333vw; font-size: 2.6667vw;}

	/* notice */

	.notice_title { font-size: 5.3333vw; line-height: 6.4000vw; }
	.notice_txt_wrap p { font-size: 3.2000vw; line-height: 4.2667vw; margin-top: 2.6667vw;}
	.notice_txt_wrap {margin-bottom: 6.6667vw;}

	/* portfolio */

	.port_txt_wrap {margin-top: 8.0000vw;}
	.port_txt_wrap h2 { font-size: 5.3333vw; line-height: 6.4000vw; }
	.port_txt_wrap p { font-size: 3.2000vw; line-height: 4.2667vw; margin-top: 2.6667vw;}

}