/*
	ID : MAIN CSS
	WORK : Shinjunho
	NOTE : 메인페이지 CSS
*/

/* 공통 */
h1.title {font-size:40px; letter-spacing:-1px; padding:125px 0 80px 0; text-align:center;}
h1.title span {font-weight:300;}
h1.title p {margin-top:35px; font-size:18px; color:#6b6d6b; font-weight:300;}

/* 3열 레이아웃 */
.row_banner {display:flex; margin:80px 0px;}
.row_banner div {flex:1; margin:0 5px; padding:40px 30px; border:#ddd solid 1px; height:255px;}
.row_banner div a {display:block; width:100%; height:100%;}
.row_banner .notice {position:relative; background:#fff}
.row_banner .notice .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe}
.row_banner .notice .lat_title a {color:#000;display:inline-block;position:relative}
.row_banner .notice .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center}
.row_banner .time {padding-top:30px;}
.row_banner .time a {box-sizing:border-box; padding-left:40px;}
.row_banner .time h1 {position:relative; font-size:22px; line-height:1.2em;}
.row_banner .time h1::before {content:url("../images/main/icon1.png"); position:absolute; top:0px; left:-45px;}
.row_banner .time ul {margin-top:15px;}
.row_banner .time ul h2 {font-size:16px; background:#eff1f5; display:inline-block; padding:4px 7px;}
.row_banner .time ul p {padding-top:9px; color:#1f54c9; font-size:18px; font-weight:800; letter-spacing:-1px;}
.row_banner .sns h1 {position:relative; font-size:22px; line-height:1.2em;}
.row_banner .sns ul {margin-top:15px;}
.row_banner .sns ul h2 {font-size:16px;  display:inline-block; padding:4px 7px;}
.row_banner .sns ul.insta h2 {background: linear-gradient(to right, rgb(64,93,230) 0%,rgb(225,48,108) 50%,rgb(255,220,128) 100%); color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.5);}
.row_banner .sns ul.kakao h2 {background:#ffcd00;}
.row_banner .sns ul p {padding-top:6px; color:#1f54c9; font-size:25px; font-weight:900; letter-spacing:-1px;}
.row_banner .online {position:relative; background:url("../images/main/icon2_bg.png") no-repeat; background-size:cover; color:#fff;}
.row_banner .online::before {content:url("../images/main/icon2.png"); position:absolute; bottom:60px; right:15px; zoom:0.5;}
.row_banner .online h1 {font-size:30px; font-weight:600;}
.row_banner .online p {font-size:16px; color:#a3cdf3; margin-top:20px; line-height:23px; letter-spacing:-1px;}
.row_banner .online a {position:relative; font-size:14px; width:120px; height:35px; border:rgba(255,255,255,0.5) solid 1px; border-radius:40px; padding:0px 13px; margin-top:30px; line-height:33px;}
.row_banner .online a:hover {background:#0e4792; border-color:#0e4792;}
.row_banner .online a::before {content:url("../images/main/icon2_arrow.png"); position:absolute; right:18px; top:1px;}

/* 소개 */
.company {padding-bottom:120px; background:#eff1f5;}
.company div {overflow:hidden; text-align:center; line-height:25px;}
.company div ul {float:left; width:224px; margin:0 15px;}
.company div ul li {position:relative; width:224px; height:224px; border:#569fd3 solid 1px; border-radius:200px;}
.company div ul li img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.company div ul h2 {font-size:20px; color:#000; margin:25px 0 10px 0;}
.company div ul p {font-size:18px; color:#6b6d6b; font-weight:300;}

/* youtube */
.youtube {display:inline-flex; flex-wrap:wrap;}
.youtube h1 {width:100%;}
.youtube ul {width:620px; height:360px; border:#ccc solid 1px; margin:10px; box-sizing:border-box;}
.youtube ul:first-of-type {width:1260px; height:720px;}
.youtube ul iframe {width:100%; height:100%;}