@charset "utf-8";

/* 20190731_영어가열린다 리뉴얼 */

/* ceo 인사말 */
#subContainer {
    width: 100%;
    padding-bottom: 150px;
}
.tit_page {
    height: 170px;
    background: url('/images/new2/bg_compony_top.png') center top no-repeat;
}
.tit_page h2 {
    width: 1180px;
    margin: 0 auto;
    padding-top: 70px;
    font-size: 3rem;
    color: #fff;
}
.sub_contents {
    width: 1180px;
    margin: 0 auto;
    padding-top: 40px;
}
.sub_menu{
	box-sizing: border-box;
}

.sub_menu:after {
    content: "";
    clear: both;
    display: block;
}
.sub_menu li {
	box-sizing: border-box;
    float: left;
    width: 20%;
    height: 60px;
    line-height: 60px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    text-align: center;
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 1.125rem;
}
.sub_menu li:first-child {
    border-left: 1px solid #e6e6e6;
}
.sub_menu li a {
    display: inline-block;
    width: 100%;
    height: 60px;
    color: #3f3f3f;
}
.sub_menu li.on_page {
    background: #3abe87;
}
.sub_menu li.on_page a {
    color: #fff;
}
.sub_menu li:hover {
    background: #3abe87;
}
.sub_menu li:hover a {
    color: #fff;
}
.sub_contents h3 {
    position: relative;
    margin-top: 90px;
    padding-left: 10px;
    font-size: 2.125rem;
    letter-spacing: -2px;
}
.sub_contents h3:before {
    position: absolute;
    top: -30px;
    left: 14px;
    content: "";
    display: inline-block;
    width: 40px;
    height: 2px;
    background: #3abe87;
}
.area_info {
    margin-top: 80px;
    border-top: 1px solid #e4e4e4;
}
.area_info:after {
    content: "";
    clear: both;
    display: block;
}
.area_info>div {
    float: left;
}
.tit_info {
    width: 17%;
}
.area_info h4 {
    padding-top: 60px;
    color: #0e8e57;
    font-size: 2.125rem;
    font-weight: 300;
    letter-spacing: -3px;
    line-height: 1.3;
}
.area_info h4 span {
    font-weight: 500;
}
#subContainer .desc_info {
    position: relative;
    width: 83%;
    padding: 60px 50px 280px 50px;
    background: #f4f4f4;
    font-size: 1.25rem;
    font-weight: 400;
    color: #616161;
    line-height: 1.7;
	box-sizing: border-box;

}
.desc_info>p {
    margin-bottom: 20px;
	letter-spacing: -0.5px;
    font-size: 1.25rem;
    font-weight: 400;
    color: #616161;
    line-height: 1.7;
}
.area_sign {
    position: absolute;
    bottom: 50px;
    right: 20px;
    width: 250px;
    margin-top: 75px;
}
.txt_sign1 {
    font-size: 1.063rem;
    font-weight: 400;
	line-height:normal;
	letter-spacing: -0.5px;
}
.txt_sign2 {
    font-size: 1.75rem;
    font-weight: 500;
	line-height:normal;
	letter-spacing: -0.5px;
}
.img_sign {
    position: relative;
    top: -5px;
    text-align: right;
}

/* 회사소개 */
.area_info_company {
    padding-top: 60px;
    margin-top: 65px;
    border-top: 1px solid #e4e4e4;
}
.area_info_company h4 {
    font-size: 2.125rem;
    font-weight: 500;
    color: #0e8e57;    
    letter-spacing: -3px;    
}
.area_image {
    margin-top: 45px;
    text-align: center;
}
.txt_company1 {
    font-size: 2.5rem;
    font-weight: 300;
    letter-spacing: -2px;
}
.txt_company2 {
    margin-bottom: 50px;
    font-size: 2.5rem;
    font-weight: 500;
    letter-spacing: -2px;
}
.box_info_company {
    margin-top: 60px;
    padding: 40px 0;
    padding-left: 330px;
    background: #f3f3f3;
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 1.125rem;
    color: #3f3f3f;
    line-height: 2;
}
.box_info_company p{
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 1.125rem;
    color: #3f3f3f;
    line-height: 2;
}
.box_info_company p:before {
    position: relative;
    left: -15px;
    display: inline-block;
    content: "";
    width: 11px;
    height: 11px;
    background: #44b482;
    border-radius: 50%;
}
h4.hd_history {
    margin-top: 65px;
}
.box_history {
    margin-top: 30px;
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 1.09rem;
}
.box_history:after {
    content: "";
    clear: both;
    display: block;
}
.box_history>div {
    float: left;
}
.box_history>div:first-child {
    width: 555px;
    padding: 185px 50px 90px 0;
    background: url(/images/new2/bg_history.png) right top no-repeat;
    text-align: right;
	box-sizing: border-box;

}
.box_history>div:last-child {
    position: relative;
    top: -20px;
    width: 625px;
    padding-left: 45px;
	box-sizing: border-box;

}
.box_history p {
    margin-bottom: 20px;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 1.09rem;
	letter-spacing: -0.5px;
	color: #262626;
	line-height:normal;
}
p.txt_year {
    font-size: 2.625rem;
    font-weight: 800;
    letter-spacing: -3px;
	letter-spacing: -0.5px;
}

/* 영치법이란? */
.tit_study {
    width: 280px;
}
.desc_study {
    width: 900px;
}
.desc_study1 {
    padding: 60px 50px 80px 50px;
    background: #e3f2eb;
    text-align: center;
}
.hd_desc {
    margin-bottom: 55px;
    padding-bottom: 20px;
    background: url(/images/new2/bg_hd_desc.png) no-repeat center bottom;
    text-align: center;
    font-size: 2.12rem;
    font-weight: 500;
    color: #262626;
    letter-spacing: -2px;
}
.desc_study2 {
    padding-top: 60px;
    background: #a8a8a8;
    text-align: center;
    font-size: 0;
}
.desc_study2 .hd_desc {
    background: url(/images/new2/bg_hd_desc2.png) no-repeat center bottom;
    color: #fff;
}
.desc_study3 {
    padding: 70px 0;
    background: #f4f4f4;  
    font-family: 'Nanum Gothic', sans-serif;
}
.desc_study3 ul:after {
    content: "";
    clear: both;
    display: block;
}
.desc_study3 ul li {
    float: left;
    width: 35%;
    min-height: 269px;
    padding: 0 25px;
    background: url(/images/new2/bg_study.png) left top no-repeat;
}
.desc_study3 ul li:first-child {
    background: none;
}
.desc_study3 ul li:last-child {
    width: 29%;
}
.tit_desc_study {
    margin-bottom: 20px;
    padding-top: 15px;
    font-size: 1.625rem;
    color: #209a67;
}
.txt_desc_study {
    font-size: 1.05rem; 
    line-height: 1.7;
}
.txt_desc_study strong {
    font-weight: 600;
}
.study_info {
    margin-top: 50px;
    text-align: center;
}
.desc_study4 {
    padding: 60px 0 100px 0;
    background: #49af85;
}
.desc_study4 .hd_desc {
    background: url(/images/new2/bg_hd_desc2.png) no-repeat center bottom;
    color: #fff;
}
.desc_study4 .hd_desc span {
    color: #fcfe36; 
}