@charset "utf-8";
@import url("font/font.css");

/* common */
.inr {max-width:1400px; margin:0 auto;}
#container {font-family:'Nanum Square'; font-size:17px; font-weight:400; line-height:1.5;}
@media all and (max-width:1023px) {
	.inr {max-width:96%;}
	#container {font-size:15px;}
}
@media all and (max-width:599px) {
	.inr {max-width:94%;}
}

/* visual */
.section_visual {padding:92px 0; background:url('/Main/Images/section/seoul/main/vis01.jpg') no-repeat center;}
.section_visual > div {color:#fff; text-align:center;}
.section_visual .txt {margin:70px 0;}
.section_visual .headline img {display:block; margin:0 auto; max-width:100%;}
.section_visual .cap {font-weight:900; font-size:1.4em;}
@media all and (max-width:1023px) {
	.section_visual{padding:50px 0;}
	.inr {max-width:96%; padding:0 25px;}
	.section_visual .txt {margin:40px 0;}
	#container {font-size:15px;}
}

/* section */
.section_group_wrap {overflow:hidden;}
.section_group_wrap .section_group {float:left; min-height:270px; margin:30px 0; padding:28px; box-sizing:border-box;}
.section_group_wrap .section_group.ban01 {width:50%; background:url('/Main/Images/section/seoul/main/ban01.jpg') no-repeat; background-size:cover;}
.section_group_wrap .section_group.ban02 {width:33.333%; margin:30px 1.6%; background:url('/Main/Images/section/seoul/main/ban02.jpg') no-repeat; background-size:cover;}
.section_group_wrap .section_group.ban03 {width:13.333%; padding:0;}
.section_group_wrap .section_group.ban03 img {display:block; width:100%;}
.section_group_wrap .section_group h2 {margin-bottom:26px; font-size:1.2em; color:#fff; text-align:center; font-weight:400;}
.section_group_wrap .section_group h2 span {font-weight:900;}
.section_group_wrap .section_group .left {float:left; width:22.06%;}
.section_group_wrap .section_group .right {float:right; width:73.53%;}
.section_group_wrap .section_group .ban_btn01 {display:block; max-height:159px; padding:25px; background:#fff url('/Main/Images/section/seoul/main/banObj01.gif') no-repeat center 25px; text-align:center; line-height:1.3; box-sizing:border-box;}
.section_group_wrap .section_group .ban_btn01 span {display:inline-block; position:relative; margin-top:52px; padding-top:16px;}
.section_group_wrap .section_group .ban_btn01 span:before {content:''; position:absolute; top:0; left:50%; width:51px; height:1px; margin-left:-26px; background:#c0c1c0;}
.section_group_wrap .section_group .ban_btn02 {display:block; position:relative; background:#fff; padding:25px 23px 21px; color:#43414a; font-weight:400;}
.section_group_wrap .section_group .ban_btn02 em {font-weight:900;}
.section_group_wrap .section_group .ban_btn02 span {position:relative;}
.section_group_wrap .section_group .ban_btn02 span:after {content:''; position:absolute; top:50%; right:-35px; width:16px; height:16px; margin-top:-9px; background:url('/Main/Images/section/seoul/main/banArrow.png') no-repeat;}
.section_group_wrap .section_group .ban_btn02.type01 em {color:#1374e1;}
.section_group_wrap .section_group .ban_btn02.type01 .obj {position:absolute; bottom:0; right:0;}
.section_group_wrap .section_group .ban_btn02.type02 {overflow:hidden;}
.section_group_wrap .section_group .ban_btn02.type02 * {float:left;}
.section_group_wrap .section_group .ban_btn02.type02 img {display:block; width:32.553%; margin-top:-3px;} 
.section_group_wrap .section_group .ban_btn02.type02 span {margin-left:25px; padding-left:25px; box-sizing:border-box;}
.section_group_wrap .section_group .ban_btn02.type02 span:before {content:''; position:absolute; top:50%; left:0; width:1px; height:30px; margin-top:-15px; background:#d9d9d9;}
.section_group_wrap .section_group .ban_btn02.type02 span:after {right:-42px; background-position:-16px 0;}
.section_group_wrap .section_group .link {margin-top:17px;}
.section_group_wrap .section_group .link li {float:left; width:47.5%;}
.section_group_wrap .section_group .link li:nth-child(even) {float:right;}
.section_group_wrap .section_group .link li.icon01 {background:#65b7e2;}
.section_group_wrap .section_group .link li.icon02 {background:#4697db;}
.section_group_wrap .section_group .link li.icon03 {background:#ef7d0d;}
.section_group_wrap .section_group .link li.icon04 {background:#c9940b;}
.section_group_wrap .section_group .link li a {display:block; position:relative; padding:25px 0 21px 52px; color:#000; font-size:17px;}
.section_group_wrap .section_group .link li a:before {content:''; position:absolute; top:50%; left:17px; width:23px; height:23px; margin-top:-12px; background:url('/Main/Images/section/seoul/main/banIcon.png') no-repeat;}
.section_group_wrap .section_group .link li.icon01 a:before {background-position:0 0;}
.section_group_wrap .section_group .link li.icon02 a:before {background-position:-23px 0;}
.section_group_wrap .section_group .link li.icon03 a:before {background-position:-46px 0;}
.section_group_wrap .section_group .link li.icon04 a:before {background-position:-69px 0;}
@media all and (max-width:1023px) {
	.section_group_wrap .section_group.ban01 {width:100%; background-size:cover;}
	.section_group_wrap .section_group.ban02 {width:47%; background-size:cover; margin-top:0;}
	.section_group_wrap .section_group.ban03 {display:table; float:right; width:47%; min-height:347px; background:#efefef; margin-top:0;}
	.section_group_wrap .section_group.ban03 a {display:table-cell; vertical-align:middle;}
	.section_group_wrap .section_group.ban03 img {margin:0 auto;}
	.section_group_wrap .section_group .ban_btn01 {min-height:153px; background-position:center 30px;}
	.section_group_wrap .section_group .ban_btn01 span {margin-top:60px; padding-top:22px;}
	.section_group_wrap .section_group .ban_btn02.type02 * {float:none;}
	.section_group_wrap .section_group .ban_btn02.type02 img {display:none;} 
	.section_group_wrap .section_group .ban_btn02.type02 span {margin-left:0; padding-left:0;}
	.section_group_wrap .section_group .ban_btn02.type02 span:before {display:none;}
	.section_group_wrap .section_group .ban_btn02.type02 span:after {right:-35px;}
	.section_group_wrap .section_group.ban02 .link li {float:none; width:100%;}
	.section_group_wrap .section_group.ban02 .link li:nth-child(even) {float:none;}
}
@media all and (max-width:768px) {
	.section_group_wrap .section_group .left {float:none; width:100%;}
	.section_group_wrap .section_group .right {float:none; width:100%;}
	.section_group_wrap .section_group .ban_btn01 {min-height:100%; padding:25px 0 21px 66px; margin-bottom:17px; background-position:19px center; line-height:inherit; text-align:left;}
	.section_group_wrap .section_group .ban_btn01 span {margin-top:0; padding-top:0; padding-left:24px;}
	.section_group_wrap .section_group .ban_btn01 span:before {top:50%; left:0; width:1px; height:20px; margin-left:0; margin-top:-10px;}
	.section_group_wrap .section_group .ban_btn01 span:after {content:''; position:absolute; top:50%; right:-35px; width:16px; height:16px; margin-top:-9px; background:url('/Main/Images/section/seoul/main/banArrow.png') no-repeat -16px 0;}
}

@media all and (max-width:599px) {
		.section_group_wrap .section_group {float:none !important; width:100% !important;}
		.section_group_wrap .section_group.ban03 {display:block; min-height:100%;}
		.section_group_wrap .section_group.ban03 a {display:block;}
		.section_group_wrap .section_group .ban_btn02.type01 .obj {display:none;}
		.section_group_wrap .section_group .link li {float:none; width:100%;}
		.section_group_wrap .section_group .link li:nth-child(even) {float:none;}
}