/*서브-상단비주얼 */
#svisual{width:100%; height:400px; background:url(../img/sub/s_top01.jpg) no-repeat center 0px; margin:0px auto; text-align:left; position: relative;}
#svisual .s_text{position:absolute; top:50%; left: 50%; transform: translate(-50%,-50%); width: 100%; max-width:1300px; margin:0 auto;  box-sizing:border-box; text-align: center; color:#fff;font-family: 'GmarketSans';}
#svisual .s_text span{display:block; font-size:1.1em; font-weight: 500; line-height: 2em; margin-bottom: 10px;}
#svisual .s_text h3{font-size:3.5em; font-weight:600; position:relative; font-family: 'GmarketSans';}

.lnb_wrap{position: absolute; height: 65px; top: -65px; left: 0; background: #fff;  padding-left: calc(50% - 650px)}
.lnb_wrap .inr{display: flex; align-items: center; justify-content: space-between;}
.lnb_wrap .home{display: inline-block; width: 65px; height: 65px; line-height: 65px; text-align: center; background: #b9becb; color: #fff; margin-left: 20px;}

@media (max-width:1400px){
	#svisual .s_text{max-width:90%;}
	#svisual{height:300px;}
	#svisual .s_text{max-width:96%;}
	#svisual .s_text{text-align:center;}
	#svisual .s_text h3{font-size:35px;}

	.lnb_wrap{width: calc(100% - 100px);}
	.lnb_wrap .inr{width: 100%; padding-left:5%;}
}
@media (max-width: 992px) {
	.lnb_wrap{width: 100%;}
	.lnb_wrap .inr{padding-left: 10px;}
	.lnb_wrap .inr > div{width: calc(100% - 65px);}
	.lnb_wrap .inr > .flex{width: 65px;}
	.lnb_wrap .home{margin: 0;}
}
@media (max-width: 768px) {
	#svisual{height:300px;}
	#svisual .s_text h3{font-size:30px;}
	#svisual .s_text span{font-size: 1em; margin-top: 5px;}
}


#ctt_con{font-size: 1.2em; line-height: 1.8em;}
#ctt_con .inr{width: 100%;}
.title_icon{margin-left: -10px; margin-bottom: -30px; opacity: 0.5;}
.title_icon > i{display:block; width: 20px; height: 2px; background:#1560af; border-radius: 2px; margin-bottom: 3px; transform: rotate(-35deg) }

.table {overflow-y: auto;}
.table table{width: 100%; border-top: 1px solid #707070;    border-bottom: 1px solid #707070}
.table th,
.table td{ padding: 10px 15px; }
.table tbody th,
.table td{ border-top: 1px solid #c9c9c9;}
.table.px tr:nth-child(even) td { border-top: 1px solid #ECECEC;}
.table tr td:last-child{border-right: 0}
.table td{ border-right: 1px solid #ECECEC;}
.table tr:nth-child(odd) td{background-color: #FBFBFB;}
.table th{font-weight: 800; font-size: 1.1em; text-align: left; border-bottom: 1px solid #707070; color: #373844;}
.table .text_center{text-align: center;}
.table .text_left{text-align: left;}
.table .text_right{text-align: right;}
.table td > a {display: block}

/*인사말*/
.area_top{margin-bottom: 60px; position: relative;}
.area_top h2,
.area_top h3{font-family: 'MapoDPPA'; font-size: 2em; line-height: 1.6em; margin-bottom: 10px;}
.area_top h3 strong{color:#337ab7; }
.area_top p{font-size: 4em; line-height: 0.8em; margin-left: -4px; opacity: 0.1; text-transform: uppercase;}
.area_top:before{content: ""; display: block; position: absolute;}

.area_company{position: relative;}
.area_company .area_top h2{color:#b9becb}
.area_company .greeting p{margin-bottom: 20px;}
.area_company{display: flex;text-align: center;padding-top: 350px;}
.area_company:before{border-radius:50%;content: "";display: block;position: absolute;width: 300px;height: 300px;background: url("../img/sub/greeting_img2.jpg") no-repeat center/cover;margin-left: 0;left: 50%;top: 0;}
.area_company:after{border-radius:50%;content: "";display: block;position: absolute;width: 300px;height: 300px;background: url("../img/sub/greeting_img.jpg") no-repeat center/100% 100%;margin-left: 0;top: 0;left: 50%;transform: translateX(-90%);}

.area_company .title_icon{opacity: 0.1;transform: scale(10);position: absolute;left: 30%;top: -220px;}


/*연혁*/
.history{display: flex; border-top:1px solid #eee;}
.history dl{margin-bottom: 40px; width: calc((100% / 3)); margin-top: -30px; margin-right: 30px;}
.history dl:nth-child(3){margin-right: 0;}
.history dt{font-size: 3em; font-family: 'GmarketSans'; color: #1560af; margin-bottom: 40px;}
.history dt:before{content: ""; display: block; width: 20px; height: 20px; border-radius: 50%; border: 5px solid #1560af; background:#fff; margin: 20px;}
.history dd{display: flex; margin-bottom: 10px;}
.history dd strong{ margin-right: 10px;}
.history dd p{word-break: keep-all;}


/*파트너 협력사*/
.partner_list ul{display: flex; flex-wrap: wrap; align-items: center;}
.partner_list ul li{width: calc((100% / 4) - 15px); text-align: center; margin: 0 20px 20px 0;}
.partner_list ul li:nth-child(4n){margin-right: 0;}
.partner_list ul li a {display: block; border: 1px solid #eee; padding: 40px;}
.partner_list ul li img{margin-bottom: 20px; width: 100%; height: auto;}
.partner_list ul li p{margin-bottom: 0; line-height: 1em;}
.partner_list ul li a:hover{border: 1px solid #333;}


/*오시는 길*/
.area_map .map_wrap{z-index: 1; margin-bottom: 40px; border: 1px solid #dddddd;}
.area_map .contact dl{display: flex; align-items: center; margin-bottom: 4px}
.area_map .contact dt{margin-right: 10px;}
.area_map .contact dt > i{display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #1560af; margin-right: 6px; border-radius: 6px;}


@media screen and (max-width: 1400px) {
	.area_company{display: block;}
	.area_company:after{margin-left: 0;/* width: 80%; */}

	.history{display: block; border-top:0; border-left:1px solid #eee; padding-left: 20px;}
	.history dl{margin-bottom: 60px; width: 100%;}
	.history dt:before{display: inline-block; margin: 0 10px 0 -30px;}
	.history dt{font-size: 2em; margin-bottom: 20px;}

	.partner_list ul li{width: calc((100% / 3) - 15px); text-align: center; margin: 0 20px 20px 0;}
	.partner_list ul li:nth-child(4n){margin-right: 20px;}
	.partner_list ul li:nth-child(3n){margin-right: 0;}
}

@media screen and (max-width: 992px) {
	.area_top h2,
	.area_top h3{font-size: 1.5em}

	.area_top p{font-size: 2em; word-break: keep-all;}

	.partner_list ul li{width: calc((100% / 2) - 15px); text-align: center; margin: 0 20px 20px 0;}
	.partner_list ul li:nth-child(3n){margin-right: 20px;}
	.partner_list ul li:nth-child(2n){margin-right: 0;}
	.partner_list ul li a{padding: 20px;}

	.area_business .table {font-size: 0.8em; line-height: 1.4em;}

}
@media screen and (max-width: 550px) {
	.area_top h2,
	.area_top h3{font-size: 1.2em}

	.partner_list ul li p{font-size: 0.8em;}

	.area_map .contact dl{font-size: 0.9em;}
}