@charset "utf-8";

#sub_visual {background:url('../img/sub/sub_bg.jpg') center no-repeat; height:40vmin; background-size:cover;}

@media (max-width: 999px) {
	#sub_visual {height:30vmin;}
}

@media (max-width: 799px) {
	#sub_visual {}
}

#sub_menu {height:50px; background:#533b93;}
#sub_menu ul {text-align:center;}
#sub_menu ul li {display:inline-block; }
#sub_menu ul li a {display:block; overflow:hidden; height:50px; line-height:50px; color:#fff; padding:0px 30px; font-size:16px;}
#sub_menu ul li.on a {background:#fff; color:#533b93; font-weight:normal;}

@media (max-width: 999px) {
	#sub_menu .container {padding:0;}
	#sub_menu ul li {}
	#sub_menu ul li a {font-size:120%; text-align:center;}
}

@media (max-width: 799px) {
	#sub_menu {height:auto;}
	#sub_menu ul {display:block; overflow:hidden;}
	#sub_menu ul li {float:left; width:25%;}
	#sub_menu ul li a {font-size:100%; height:40px; line-height:40px; padding:0 2vmin;}
	#sub_menu ul li:first-child:nth-last-child(1), #sub_menu ul li:first-child:nth-last-child(1)~li{width:50%;}
	#sub_menu ul li:first-child:nth-last-child(2), #sub_menu ul li:first-child:nth-last-child(2)~li{width:50%;}
	#sub_menu ul li:first-child:nth-last-child(3), #sub_menu ul li:first-child:nth-last-child(3)~li{width:33.3333%;}
	#sub_menu ul li:first-child:nth-last-child(4), #sub_menu ul li:first-child:nth-last-child(4)~li{width:25%;}
	#sub_menu ul li:first-child:nth-last-child(5), #sub_menu ul li:first-child:nth-last-child(5)~li{width:33.3333%;}
	#sub_menu ul li:first-child:nth-last-child(6), #sub_menu ul li:first-child:nth-last-child(6)~li{width:33.3333%;}
	#sub_menu ul li:first-child:nth-last-child(7), #sub_menu ul li:first-child:nth-last-child(7)~li{width:25%;}
	#sub_menu ul li:first-child:nth-last-child(8), #sub_menu ul li:first-child:nth-last-child(8)~li{width:25%;}
	#sub_menu ul li:first-child:nth-last-child(9), #sub_menu ul li:first-child:nth-last-child(9)~li{width:33.3333%;}
	#sub_menu ul li:first-child:nth-last-child(10), #sub_menu ul li:first-child:nth-last-child(10)~li{width:20%;}
}

#sub_tab {margin-bottom:50px;}
#sub_tab ul {text-align:center;}
#sub_tab ul li {display:inline-block; width:180px; border:1px solid #d2d2d2; margin-left:-5px;}
#sub_tab ul li a {display:block; overflow:hidden; font-size:16px; color:#444444; background:#fff; height:50px; line-height:50px;}
#sub_tab ul li.on a {background:#533b93; color:#fff;}

@media (max-width: 799px) {
	#sub_tab {margin:0% -2%;}
	#sub_tab ul li {width:25%;}
	#sub_tab ul li a {font-size:100%; letter-spacing:-0.03em;}
}

.contents {padding:28px 0px 61px; color:#222222;}
.contents .lo {text-align:right; font-size:12px; color:#777777; letter-spacing:-0.03em; text-transform: uppercase;}
.contents .lo strong {font-weight:normal; color:#533b93;}
.contents .lo .home {font-size:0; background:url('../img/sub/home.png') center no-repeat; width:14px; height:12px; display:inline-block; vertical-align:middle; margin-top:-3px;}
.contents .tit {text-align:center; padding:73px 0px 50px;}
.contents .tit h3 {font-size:50px; color:#533b93; font-family:'S-CoreDream-4Regular', sans-serif !important; font-weight:normal;}

@media (max-width: 1349px) {
	.contents {padding:5% 2%;}
}

@media (max-width: 999px) {
	.contents .tit {padding:10vmin 0vmin 7vmin;}
	.contents .tit h3{font-size:360%;}
}

@media (max-width: 799px) {
	.contents .tit {padding:6% 0 4%;}
	.contents .tit h3{font-size:240%;}
}

.br {display:block;}

/* 준비중 */
.ing {text-align:center; border:1px solid #dedede;  padding:250px 0px 130px 0px; background:url('../img/sub/company_logo.png') center 150px no-repeat; top:0;}
.ing h3 {font-size:24px; color:#777; margin:20px 0px;}
.ing p {font-size:16px; line-height:28px; color:#777; word-break:keep-all;}


/* 회사개요 */
.company {}
.company .img {}
.company .text {position:relative; z-index:2; display:block; overflow:hidden; background:#fff; margin:0px 147px; margin-top:-82px; padding:25px 28px;}
.company .text .logo {position:absolute; top:38px; right:52px; text-align:right; width:35%;}
.company .text .logo img {max-width:80% !important;}
.company .text ul.info {}
.company .text ul.info li {font-size:16px; line-height:40px;}
.company .text ul.info li strong {vertical-align:top; display:inline-block; width:20%; margin-right:4%; letter-spacing:-0.05rem; text-align:center; color:#222222;}
.company .text ul.info li strong.word7 {letter-spacing:0em;}

.company .text ul.info li span {width:73%; display:inline-block; line-height:30px; height:40px; padding:5px 0px;}
.company .text ul.info li span em {font-style:normal;}

.company ul.partner {display:block; overflow:hidden; margin:70px -0.5%;}
.company ul.partner li {float:left; width:15.666%; margin:0.5%; text-align:center;}
.company ul.partner li img {border:1px solid #e5e5e5;}


@media (max-width: 999px) {
	.company .text {margin:0% 10%; margin-top:-5%;}
	.company .text .logo {position:relative; text-align:right; top:0; right:0; padding:5px 0px 20px;}

	.company .text ul.info li {font-size:120%;}
	.company .text ul.info li strong {width:30%; margin-right:0;}
	.company .text ul.info li span {width:68%;}


	.company ul.partner {margin:0% 10%;}
	.company ul.partner li {width:24%;}
}

@media (max-width: 799px) {
	.company .text {margin:0%; margin-top:0%; padding:5% 0% 2%;}
	.company .text .logo {display:none;}

	.company .text ul.info li {font-size:110%; text-align:left; line-height:160%; margin-bottom:10px;}
	.company .text ul.info li strong {}
	.company .text ul.info li span {line-height:150%;}

	.company ul.partner {margin:0% 5%;}
}

@media (max-width: 499px) {
	.company ul.partner {margin:0% 3%;}
	.company ul.partner li {width:49%;}
}

/* CEO 인사말 */
.greeting {display:block; overflow:hidden;}
.greeting .img {float:left; width:37%; margin-top:30px;}
.greeting .text {float:left; width:58%; margin-left:5%;}
.greeting .text h4 {position:relative; color:#533b93; font-size:32px; font-family:'barlowextralight', sans-serif !important; font-weight:normal; width:430px; height:94px; line-height:40px; padding:15px 32px;}
.greeting .text h4:before {position:absolute; display:inline-block; top:0; left:0; content: url('../img/sub/greeting_tit_before.png');}
.greeting .text h4:after {position:absolute; display:inline-block; top:0; right:37px; content: url('../img/sub/greeting_tit_after.png');}
.greeting .text p {font-size:16px; line-height:30px; padding-top:42px; word-break:keep-all;}
.greeting .text p strong {font-size:18px;}

@media (max-width: 1199px) {
	.greeting .text h4 {font-size:240%;}
	.greeting .text p {font-size:120%; line-height:180%;}
	.greeting .text p strong {font-size:110%;}
}

@media (max-width: 799px) {
	.greeting .img {width:30%;}
	.greeting .text {width:65%;}
}
@media (max-width: 699px) {
	.greeting {width:100%; margin:0 auto;}
	.greeting {text-align:center;}
	.greeting .img {float:none; width:50%; margin:0 auto; margin-bottom:20px;}
	.greeting .text {float:none; width:100%; margin-left:0;}
	.greeting .text h4 {margin:0 auto;}
	.greeting .text h4:before {left:3%;}
	.greeting .text h4:after {right:8%;}
	.greeting .text p {width:100%; font-size:105%;}
}

@media (max-width: 499px) {
	.greeting {width:90%}
	.greeting .text h4 {width:350px; padding: 15px 2%; font-size:220%;}
	.greeting .text h4:before {left:-13px;}
	.greeting .text h4:after {right:9px;}
	.greeting .text p {font-size:110%;}
}


/* 조직도 */
.group {text-align:center;}

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

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

@media (max-width: 799px) {
}
/* 연혁 */
.history {}
.history .img {background:url('../img/sub/history_img.jpg') center no-repeat; background-size:cover; height:400px; overflow:hidden;color:#fff;}
.history .img h4 {float:left; width:50%; font-family:'barlowthin', sans-serif !important; font-size:45px; line-height:60px; margin:150px 0px; margin-left:74px;}
.history .his-list {display:block; overflow:hidden; margin-top:89px;}
.history .his-list h5 {float:left; font-size:45px; font-family:'barlowbold', sans-serif !important; color:#533b93; border-top:3px solid #533b93; width:330px; margin-right:119px; letter-spacing:0.5em; line-height:70px;}
.history .his-list dl {float:left; display:inline-block; width:851px; border-top:1px solid #d2d2d2;}
.history .his-list dl dd {font-size:16px; border-bottom:1px solid #d2d2d2; padding:2px 23px; padding:20px 25px; /*line-height:50px;*/ display:block; overflow:hidden;}
.history .his-list dl dd:before {position:relative; display:inline-block; content:'·'; margin-right:8px; margin-left:-18px;}

@media (max-width: 1349px) {
	.history .his-list h5 {width:25%; font-size:320%; margin-right:2%;}
	.history .his-list dl {width:73%;}
}

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

@media (max-width: 999px) {
	.history .img h4 {width:100%;}
	.history .img h4 span.br {display:block;}
	.history .his-list {margin-top:5%;}
	.history .his-list h5 {width:30%; font-size:280%;}
	.history .his-list dl {width:63%;}
	.history .his-list dl dd {font-size:120%; padding:3% 0 3% 4% ; line-height:160%;}
	.history .his-list dl dd:before {margin-left:-4%;}
}

@media (max-width: 799px) {
	.history .img {height:auto;}
	.history .img h4 {margin:9vmin 3vmin; font-size:220%; line-height:140%;}
	.history .his-list h5 {width:100%; margin-right:0; font-size:180%; line-height:50px;}
	.history .his-list dl {width:100%;}
	.history .his-list dl dd {padding:10px 0 10px 4%; font-size:110%;}
}
@media (max-width: 599px) {
	.history .img {}
	.history .img h4 {font-size:180%;}
}
/* 오시는 길*/
.location {}
.location .map {position:relative; height:500px; overflow:hidden; margin-bottom:100px;}
.location .map iframe {float:left; width:780px;}
.location .map .info {float:left; width:520px; height:100%; background:#533b93; color:#fff; padding:60px 59px;}
.location .map .info h4 {font-family:'S-CoreDream-4Regular', sans-serif !important; font-size:30px; line-height:50px; font-weight:normal; letter-spacing:-0.03em;}
.location .map .info h4:after {position:relative; display:block; border-top:1px solid #fff; width:171px; content:'';}
.location .map .info ul.text {width:435px; position:absolute; bottom:42px;}
.location .map .info ul.text li {font-size:14px; color:#9b88cf; line-height:20px; margin:10px 0px; padding-left:46px;}
.location .map .info ul.text li:before {position:absolute; display:inline-block; content:''; left:6px;}
.location .map .info ul.text li strong {font-size:16px; color:#fff; font-weight:normal;}

.location .map .info ul.text li.add {}
.location .map .info ul.text li.add:before {content:url('../img/sub/lo_icon.png'); left:0;}
.location .map .info ul.text li.add strong {display:block;}

.location .map .info ul.text li.call:before {content:url('../img/sub/call_icon.png');}
.location .map .info ul.text li.fax:before {content:url('../img/sub/fax_icon.png');}
.location .map .info ul.text li.cellphone:before {content:url('../img/sub/cellphone_icon.png');}

.location .map .left {}
.location .right iframe {float:right;}

.location .map .info .map_link {margin: 2rem 0; }
.location .map .info .map_link ul {display: inline-flex;}
.location .map .info .map_link ul li {}
.location .map .info .map_link ul li:nth-child(1) {margin-right: 1rem;}
.location .map .info .map_link ul li a.btn {display:inline-block; font-family:'barlowthin', sans-serif; padding-right:0.2em; font-size:16px; letter-spacing:0; border:1px solid #fff; width:200px; height:51px; line-height:50px; text-transform: uppercase; color:#fff;}
.location .map .info .map_link ul li a.btn:hover {background:#fff; color:#533b93;}


@media (max-width: 1349px) {
	.location .map iframe {width:60%;}
	.location .map .info {width:40%; padding:60px 4%;}
	.location .map .info ul.text {width:30%;}
}

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

@media (max-width: 999px) {
	.location .map {height:auto; margin-bottom:30px;}
	.location .map iframe {float:none; width:100%; height:500px;}
	.location .map .info {float:none; width:100%; padding:30px 4%;}
	.location .map .info h4 {margin-bottom:30px;}
	.location .map .info ul.text {position:relative; width:100%; bottom:auto;}
}

@media (max-width: 799px) {
	.location .map .info h4 {font-size:200%;}
	.location .map .info h4:after {width:30%;}
}