/**********************************************
note : ¸®´º¾ó(±èÀ¯Áø)
**********************************************/
#sections .list-top-view .header {padding:16px;border-bottom:none;background-color:#f0f0f0}
/* ±â»ç¸®½ºÆ® - »óÀÓÀ§ */			
#sections .section-top-nav ul {float:left;width:100%;margin-bottom:30px;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf}
#sections .section-top-nav ul li {float:left;display:table;width:20%;height:44px;border-left:1px solid #dfdfdf;border-top:1px solid #dfdfdf;text-align:center}
#sections .section-top-nav ul li a {display:table-cell;vertical-align:middle;font-size:13px;line-height:1.2;text-decoration:none}
/*#sections .section-top-nav ul li a:hover,#sections .section-top-nav ul li a.a-hover {color:#fff;background-color:#333}*/
#sections .section-top-nav ul li a:hover,#sections .section-top-nav ul li a.user-bg {color:#fff;background-color:#00aeef}

/**********************************************
note : ¼Ò°³ÆäÀÌÁö (±èÀ¯Áø)
**********************************************/
.com-about {letter-spacing:-0.05em;color:rgba(0,0,0,.6)}
.com-about::after {content:'';display:table;clear:both}
.com-about .about-group:not(:first-child) {margin-top:2rem}
.com-about .about-group::after {content:'';display:table;clear:both}

/* Àλ縻 */
.com-about.com-1 header {position:relative;margin-bottom:1.875rem;padding:1.25rem;background-color:rgba(0,0,0,.04);font-size:1.5rem;font-size:2.125rem;font-weight:300;color:rgba(0,0,0,.84);letter-spacing:-.32rem;line-height:1.2}
.com-about.com-1 header::before {content:'';position:absolute;right:0;top:0;bottom:0;width:46%;background:url('/image/company/greeting_bg.jpg') no-repeat center center;background-size:cover}
.com-about.com-1 header p {width:50%;font-size:1rem;color:rgba(0,0,0,.64);letter-spacing:-.1rem}
.com-about.com-1 header p.first {position:relative;margin-top:2.875rem;padding-top:2.875rem}
.com-about.com-1 header p.first::before {content:'';position:absolute;left:0;top:0;width:80px;border-top:1px solid #000}

.com-about.com-1 .about-list > strong {display:block;padding:20px 0 10px 0;font-size:1.313rem;color:rgba(0,0,0,.85)}
.com-about.com-1 .about-list table {border-top:2px solid #111}
.com-about.com-1 .about-list table th,.about-list table td {border-bottom:1px solid #dfdfdf;padding:10px;font-size:.813rem}
.com-about.com-1 .about-list table th {width:25%;text-align:center;background:#f8f8f8}
.com-about.com-1 .about-list table td {padding-left:15px;color:#77787b;border-left:1px solid #dfdfdf;background:#fff}
.com-about.com-1 .about-list table td > span {color:#000;font-weight:bolder}
.com-about.com-1 .about-list > h2 {font-size:1rem;font-weight:700;color:rgba(0,0,0,.85);text-align:right}

@media screen and (max-width: 39.9375em) {
	.com-about.com-1 header {font-size:1.75rem;letter-spacing:-.25rem;text-align:center}
	.com-about.com-1 header::before {display:none}
	.com-about.com-1 header p {width:100%}
	.com-about.com-1 header p.first {margin-top:1.25rem;padding-top:1.25rem}
	.com-about.com-1 header p.first::before {width:100%}
}

/* ¿¬Çõ */
.com-about.history .about-group {border-bottom:1px solid #ededed}
.com-about.history .about-group:last-child {border-bottom:none}
.com-about.history .years {float:left;width:120px;font-size:2.313rem;font-weight:700;line-height:1em;letter-spacing:-0.05em}
.com-about.history .story {float:right;width:calc(100% - 180px)}
.com-about.history .story::after {content:'';display:table;clear:both}
.com-about.history .story dt,.com-about.history .story dd {float:left;margin-bottom:1rem;font-size:.9rem;line-height:1.25em;letter-spacing:-0.05em}
.com-about.history .story dt {width:100px;clear:both}
.com-about.history .story dd {color:rgba(0,0,0,.55)}
@media screen and (max-width: 63.9375em) {
	.com-about.history .years,.com-about.history .story {float:none !important;width:auto !important}
	.com-about.history .years {margin-bottom:1.25rem}
}
@media screen and (max-width: 39.9375em) {
	.com-about.history .story dd {float:none;width:auto !important}
	.com-about.history .story dt {margin-bottom:.25rem;width:15%}
	.com-about.history .story dd {margin-bottom:1.25rem}
	.com-about.history .story dd:last-child {margin-bottom:0}
}

.simplebox.short-vid{display:flex;}
.simplebox.short-vid .simplebox-content{width: 400px;height: 714px !important;margin: 0 auto;}

@media screen and (max-width: 39.9375em) {
.simplebox.short-vid{display:block;}
.simplebox.short-vid .simplebox-content{width: 100%;height: auto;}
}