@charset "utf-8";
h2{font-family:'nsr','Malgun Gothic';}

/* 공통 메인 컨텐츠 */
.float{float:left;}
@media(max-width:640px) {
    .float{float:none;}
}
.layout{width:1240px;max-width:none;}
.layout:after{content:"";display:block;clear:both}

@media(min-width:0px){
.layout {width:100%;}
}
@media(min-width:1600px) {
	.layout {width:1240px;}
} 


#mcontainer{position:relative; }
.moving { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
#mvisual {position:relative; width:100%; }
#mvisual .visual-wrap {width:1240px;  margin:0 auto; text-align:center; position:relative;}

#mvisual .obj_wrap {width:100%; height:539px; vertical-align: top;  margin:0 auto; display:inline-block;  }
#mvisual .obj_wrap li {height:100%; display:inline-block; width:100%; position:absolute; left:0px; top:0px}
#mvisual .obj_wrap li#main_vi1 {background:url('/images/lifetime_edu/main/main_visual_bg1_1.jpg') no-repeat center top;}
#mvisual .obj_wrap li#main_vi2 {background:url('/images/lifetime_edu/main/main_visual_bg2_1.jpg') no-repeat center top;}
#mvisual .obj_wrap li .layout {color:#fff; width:1240px; margin:0 auto; }
#mvisual .obj_wrap li .br_2 {display:none}

#mvisual .obj_wrap li#main_vi1 .text_1 {font-size:59px; font-weight:600; line-height:1.1em; padding:135px 0 0 0;}
#mvisual .obj_wrap li#main_vi1 .text_1 .smu_text {font-size:0px; background:url('/images/lifetime_edu/main/smu_text.png') no-repeat left top; width:123px; height:58px; display:inline-block; vertical-align:top; margin:2px 15px 0 0;}
#mvisual .obj_wrap li#main_vi1 .text_1 .smu_text::before {content:"";display:inline-block; position:absolute; width:65px; height:5px; background:#fff; top:92px; vertical-align:middle;  }
#mvisual .obj_wrap li#main_vi1 .text_2 {margin:30px 0 0 0; line-height:1.3em; font-size:19px; letter-spacing:-0.05em;}


#mvisual .obj_wrap li#main_vi2 .text_1 {font-family: 'nsr'; font-size:70px; line-height:1.1em; padding:90px 0 0 0; font-size:19px;  }
#mvisual .obj_wrap li#main_vi2 .text_1 strong {font-weight:600; }
#mvisual .obj_wrap li#main_vi2 .text_2 {margin:30px 0 0 0;  line-height:1.3em; font-size:46px; }
#mvisual .obj_wrap li#main_vi2 .text_2 span {line-height:1.3em; }
#mvisual .obj_wrap li#main_vi2 .text_2 strong {font-weight:600; }

/* 레이아웃마다 비쥬얼 텍스트 안나누시려면 합쳐두 무관 일단 다 분리해둠 */


#mvisual .control {position:absolute; top:405px; width:100%;  margin:0 auto; text-align:left; z-index:100} 
#mvisual .control button {overflow:hidden;background:none; background-image:url('/images/lifetime_edu/main/main_visual_icon.png'); background-repeat:no-repeat;  font-size: 0; position: static;display: inline-block; width:24px;height:24px; vertical-align: middle; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#mvisual .control .count button.ov {background-position:left top;}
#mvisual .control .count button { background-position:right top; margin:0 1px 0 0}
#mvisual .control .count {display:inline-block; margin:0 0 0 5px}
#mvisual .control .state {display:inline-block; margin:0 0 0 5px}
#mvisual .control .state button.stop  { background-position:left bottom;}
#mvisual .control .state button.play  { background-position:right bottom;}

#scene1 {padding:60px 50px 0 50px;}

#popup {position:relative;  width:593px; float:left; }
#popup h2 {background:url('/images/lifetime_edu/main/popup_title.gif') no-repeat left top; display:inline-block; width:136px; height:19px; font-size:0px; vertical-align:top; margin:5px 0 0 0;}
#popup .control {position:absolute; top:0px; right:0px;  z-index:100} 
#popup .control button {overflow:hidden;background:none; background-image:url('/images/lifetime_edu/main/pop_btn.gif'); background-repeat:no-repeat;  font-size: 0; position: static;display: inline-block; width:22px;height:22px; vertical-align: middle; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#popup .control .count button.ov {background-position:left top;}
#popup .control .count button { background-position:right top; margin:0 1px 0 0}
#popup .control .count {display:inline-block; margin:0 0 0 5px}
#popup .control .state {display:inline-block; margin:0 0 0 5px}
#popup .control .state button.stop  { background-position:left bottom;}
#popup .control .state button.play  { background-position:right bottom;}

#popup .obj_wrap {margin:18px 0 0 0; position:relative; min-height:327px; }
#popup .obj_wrap li {position:absolute; top:0px; left:0px;}


#notice_box {position: relative; width:593px;  float:right; margin:0; box-sizing: border-box; background:url('/images/lifetime_edu/main/notice_bg.gif') repeat-x left 42px}
#notice_box ul {z-index:15; }
#notice_box ul li {vertical-align:top}
#notice_box h2 {float:left;vertical-align:top; margin:0 22px 0 0; z-index:15;  }
#notice_box h2 a{display:inline-block;color:#6c6c6c; font-size:22px; padding:0 10px 20px 10px; line-height:22px;   font-weight:normal;  vertical-align:top}
#notice_box .ov h2 {border-bottom:3px solid #0033a0; }
#notice_box .ov h2 .t{font-weight:bold; color:#0033a0;  vertical-align:top}
#notice_box .ov .list{display:block;}

#notice_box .list {display:none;width:100%;position:absolute;left:0;top:45px;  overflow:hidden; z-index:10}
#notice_box .list li {position:relative; overflow:hidden; box-sizing:border-box; vertical-align:top;  padding:0 10px 0 25px; border-bottom:1px dashed #b6b6b6}
#notice_box .list li a {width:100%; height:100%; display:inline-block; float:left; padding:17px 0; } 
#notice_box .list li a .text {font-size:16px; width:100%; padding:0 95px 0 13px; float:left; background:url('/images/lifetime_edu/main/board_li_bg.gif') no-repeat 3px center; display:inline-block; color:#666; letter-spacing:-0.05em;text-overflow:ellipsis;white-space: nowrap; overflow:hidden; font-family:"ntk"}
#notice_box .list li a .date {position:absolute;right:10px;top:18px;font-size:15px;color:#666;}

#notice_box .list li:first-child { height:140px; padding:30px 0 0 0;  }
#notice_box .list li:first-child a {padding:0px}
#notice_box .list li:first-child .date {position:absolute; top:20px; right:auto; left:0px; color:#1e1e1e; font-size:14px; line-height:1.2em; padding:4px; border-radius:98px; text-align:center; width:98px; height:98px; border:2px solid #f3f3f3; background:#fff;}
#notice_box .list li:first-child .date span {width:86px; height:86px; background:#f3f3f3; border-radius:90px; display:inline-block; padding:17px 0 0 0; font-weight:600}

#notice_box .list li:first-child .date em {font-size:26px; width:100%; display:block; line-height:1.15em; font-weight:600 }
#notice_box .list li:first-child .text { float:left; width:100%; color:#000;   padding:0 0 0 115px; text-align:left; font-size:17px; margin:0px; background:none}
#notice_box .list li:first-child .text em {width:100%; padding:0 17px 0 0; white-space:nowrap;, }
#notice_box .list li.new a .text {padding:0 75px 0 0; background:none}
#notice_box .list li:first-child.new a .text {padding:0 0 0 115px;}
#notice_box .list li.new .text::before {content:""; background:url('/images/lifetime_edu/main/board_icon.gif') no-repeat left top; width:17px; height:17px; display:inline-block; margin:0 5px 0 0; vertical-align: middle;}
#notice_box .list li:first-child .text_2 { float:left; height:42px; text-overflow:ellipsis; overflow:hidden; line-height:1.3em; width:100%;  color:#858585; padding:5px 0 0 115px; font-size:14px;text-align:left; margin:0px; }

#notice_box  .more {display:none;position:absolute; top:4px; right:0px;}
#notice_box .ov .more{display:block;}
#notice_box  .more a {width:75px; height:17px; display:inline-block;font-size:0;background:url('/images/lifetime_edu/main/more.gif') no-repeat 0 0;vertical-align:top;}

#scene2 {margin:85px 0 0 0; height:635px; padding:60px 50px 100px 50px; background:url('/images/lifetime_edu/main/section2_bg.jpg') repeat left top;}
#scene2 .se_title {width:100%; text-align:center; margin:0 0 60px 0}
#scene2 .se_title h2 {font-size:44px; color:#000; font-weight:800; letter-spacing:-0.05em; line-height:1em;}
#scene2 .se_title h2 em {color:#194294}
#scene2 .se_title p {font-size:0px; width:100%; height:13px; background:url('/images/lifetime_edu/main/section2_title.png') no-repeat center top; margin:18px 0 0 0}
#scene2 .left_link {position:absolute; left:0px; top:134px; height:343px; width:750px; z-index:999}
#scene2 .left_link ul {width:100%; display:inline-block}
#scene2 .left_link ul li {width:50%; height:172px; position:relative; float:left;}
#scene2 .left_link ul li a {transition:all 400ms ease-in-out; width:100%; height:100%; display:inline-block;  vertical-align:top}
#scene2 .left_link ul li a .title {position:absolute; top:75px; left:138px; line-height:1em; font-size:22px; color:#fff; font-weight:800; z-index:100}
#scene2 .left_link ul li a .text {position:absolute; top:85px; left:138px; font-size:15px; color:#fff; z-index:100;  line-height:1.3em}
#scene2 .left_link ul li.li_4 a .title { color:#303130}
#scene2 .left_link ul li.li_4 a .text { color:#303130}

#scene2 .left_link ul li a:hover {transition:all 400ms ease-in-out;}
#scene2 .left_link ul li a i {width:86px; height:86px; display:inline-block; position:absolute; left:34px; top:43px; background-image:url('/images/lifetime_edu/main/section2_icon1.png'); background-repeat:no-repeat;}
#scene2 .left_link ul li.li_1 a {background:#3154b2;}
#scene2 .left_link ul li.li_1 a i {background-position:left top;}
#scene2 .left_link ul li.li_1 a::before {content:""; position:absolute; top:87px; left:190px; width:121px; height:216px; background:url('/images/lifetime_edu/main/u_text.png') no-repeat left top}

#scene2 .left_link ul li.li_2 a {background:#948c83;}
#scene2 .left_link ul li.li_2 a i {background-position:-105px top;}

#scene2 .left_link ul li.li_3 a {background:#1c284a;}
#scene2 .left_link ul li.li_3 a::before {content:""; position:absolute; top:-87px; left:190px; width:121px; height:216px; background:url('/images/lifetime_edu/main/u_text.png') no-repeat left top}
#scene2 .left_link ul li.li_3 a i {background-position:-210px top;}

#scene2 .left_link ul li.li_4 a {background:#ffd459; color:303130}
#scene2 .left_link ul li.li_4 a i {background-position:-315px top;  color:303130}

#scene2 .left_link ul li.li_1 a:hover {background:#1e43a8;}
#scene2 .left_link ul li.li_2 a:hover {background:#80766a;}
#scene2 .left_link ul li.li_3 a:hover {background:#131f40;}
#scene2 .left_link ul li.li_4 a:hover {background:#f3c644;}
#scene2 .right_link {float:right; height:343px; width:467px;padding:10px; text-align:center;  background:url('/images/lifetime_edu/main/section2_info_bg1.jpg') no-repeat left top;}
#scene2 .right_link div { width:100%; height:100%; border:1px solid #99938d}
#scene2 .right_link h3 {margin:44px 0 0 50px; text-align:left; color:#fff; font-size:22px; font-weight:800; vertical-align:middle}
#scene2 .right_link h3::before {content:"";  display:inline-block; width:56px; height:56px; margin:0 10px 0 0; background:url('/images/lifetime_edu/main/section2_info_icon.png') no-repeat left top;  vertical-align:middle}
#scene2 .right_link .phone {width:100%; text-align:center; padding:24px 0 20px; font-weight:800; font-size:28px; color:#fff; letter-spacing:-1px; line-height:1em;}
#scene2 .right_link .time {background:#204ca3; padding:7px 30px; color:#fff; font-family:nsr; font-size:19px; display:inline-block}
#scene2 .right_link .time .line {width:2px; height:12px; background:#90a6d1; display:inline-block; margin:0 10px; vertical-align:middle}
#scene2 .right_link .address {max-width:320px; position:relative; color:#fff; margin:14px auto; text-align:left;}
#scene2 .right_link .address .text1 {}
#scene2 .right_link .address .text2 {display:inline-block;  position:absolute; top:0px; left:50px;word-break:keep-all;}
#scene2 .right_link .address .line  {width:2px; height:8px; background:#b1b1ae; display:inline-block; margin:0 10px; vertical-align:middle}


#scene2 .design_text1 {position:absolute; top:215px; left:-255px; background:url('/images/lifetime_edu/main/sm_text.png') no-repeat left top; width:305px; height:210px; display:inline-block}
#scene2 .design_text2 {position:absolute; top:115px; right:-100px; background:url('/images/lifetime_edu/main/section2_text.png') no-repeat left top; width:18px; height:316px; display:inline-block}

@media(max-width:1418px) {
	#scene2 .left_link {position:relative; left:0px; top:auto; float:left}
}
@media(max-width:1394px) {
	#scene2 .left_link {width:65%; }
	#scene2 .right_link {width:35%; }
	#popup {width:54%; margin:0 4% 0 0}
	#notice_box {width:42%}
}
@media(max-width:1290px) {
	#scene2 .left_link ul li a i {left:10%}
	#scene2 .left_link ul li a i {width:70px; height:70px; background-size:auto 70px}
	#scene2 .left_link ul li a .title {left:37%; top:68px}
	#scene2 .left_link ul li a .text {left:37%; top:75px}
	#scene2 .left_link ul li.li_2 a i {background-position:-85px top;}
	#scene2 .left_link ul li.li_3 a i {background-position:-170px top;}
	#scene2 .left_link ul li.li_4 a i {background-position:-255px top;}
}
@media(max-width:1150px) {
	#notice_box .list li a {padding:12px 0; }
	#notice_box .list li a .date {top:10px; font-size:12px}
	#notice_box .list li a .text {font-size:14px}
	#popup .obj_wrap {min-height:225px}
	#scene2 .left_link ul li a i {top:52px}
	#scene2 .left_link ul li a .title {left:41%; top:80px; font-size:19px;}
	#scene2 .left_link ul li a .text {left:39%; top:85px; font-size: 13px;}
	#scene2 .right_link .phone {font-size:22px}
	#scene2 .right_link .time {font-size:17px; padding:5px 30px;}
	#scene2 .right_link .address {padding:0 20px}
	#scene2 .right_link .address .text2 {left:70px; padding:0 20px 0 0}
	#scene2 .left_link ul li.li_1 a::before {display:none}
	#scene2 .left_link ul li.li_3 a::before {display:none}
}
@media(max-width:1000px) {
	#notice_box .list li {padding:0 10px;}
	#notice_box .list li a {padding:12px 0}
	#notice_box .list li:first-child {height:100px; padding:13px 0 0 0}
	#notice_box .list li:first-child.new a .text {padding:0px}
	#notice_box .list li:first-child .text_2 {padding:8px 0 0 20px}
	#notice_box .list li:first-child .date {display:none}
	#popup .obj_wrap {min-height:200px}
	#scene2 .design_text1, #scene2 .design_text2 {display:none;}
}


@media(max-width:850px) {
	#scene2 .left_link ul li a i {left:8%}
	#scene2 .left_link ul li a i {width:70px; height:70px; background-size:auto 70px}
	#scene2 .left_link ul li a .title {left:37%; }
	#scene2 .left_link ul li a .text {left:37%; }
}
@media(max-width:800px) {
	#popup .obj_wrap {min-height:200px}
	#notice_box .list li a {padding:14px 0}
	#notice_box .list li a .date {top:15px; }
	#notice_box .list li:first-child {height:auto; padding: 0 10px;}
	#notice_box .list li:first-child a {padding: 14px 0; }
	#notice_box .list li:first-child.new a .text {font-size:14px; padding: 0 75px 0 0;}
	#notice_box .list li:first-child .text_2 {display:none}
	#notice_box .list li:first-child .date {top:15px; font-size:12px; right:10px; display:inline-block; left:auto; width:auto; height:auto; border:none; padding:0px; border-radius:0}
	#notice_box .list li:first-child .date span {width:auto; height:auto; background:#fff; border-radius:0; padding:0px; font-weight:normal}
	#notice_box .list li:first-child .date em {font-size:12px; display:inline-block; width:auto; color: #666;}
	#notice_box  .more a {width:62px; height:17px; display:inline-block;font-size:0;background:url('/images/lifetime_edu/main/more.gif') no-repeat 0 0; background-size:100% auto; vertical-align:top;}
	#scene2 {height:auto}
	#scene2 .se_title h2 {font-size:35px;}
	#scene2 .se_title p { font-size: 0px;  width: 100%; height: 10px; background: url(/images/lifetime_edu/main/section2_title.png) no-repeat center top; background-size:auto 10px; margin: 18px 0 0 0;}
	#scene2 .left_link {width:100%}
	#scene2 .right_link {position:relative; width:100%; height:196px; margin:30px 0 0 0; background: url(/images/lifetime_edu/main/section2_info_bg2.jpg) no-repeat left top; background-size:cover} 
	#scene2 .right_link h3 {margin:30px 0 0 30px}
	#scene2 .right_link h3::before {width:45px; height:45px;     background: url(/images/lifetime_edu/main/section2_info_icon.png) no-repeat left top; background-size:45px 45px}
	#scene2 .right_link .time {position:absolute; left:40px; top:105px;}
	#scene2 .right_link .phone {position:absolute; left:50px; top:49px; padding:0px; left:45%; width:auto; font-size:29px}
	#scene2 .right_link .address {position:absolute; left:50px; top:92px; padding:0px; left:45%; width:auto; width:60%}
	#scene2 .right_link .address .text2 {left:60px}
} 


@media(max-width:760px) {
	#mvisual .obj_wrap {height:422px}
	#mvisual .control {top:330px}
	#mvisual .obj_wrap li#main_vi1 .text_1 {font-size:45px}
	#mvisual .obj_wrap li#main_vi1 .text_1 .smu_text {background: url(/images/lifetime_edu/main/smu_text.png) no-repeat left top;	background-size:auto 43px;    height: 43px;	width:90px;    display: inline-block;    vertical-align: top;    margin: 2px 15px 0 0;}
	#mvisual .obj_wrap li#main_vi1 {background:url('/images/lifetime_edu/main/main_visual_bg1_2.jpg') no-repeat center top;}
	#mvisual .obj_wrap li#main_vi2 {background:url('/images/lifetime_edu/main/main_visual_bg2_2.jpg') no-repeat center top;}
	#mvisual .obj_wrap li#main_vi1 .text_2 {font-size:16px;}
	#mvisual .obj_wrap li#main_vi2 .text_1 {font-size:16px; padding:80px 0 0 0}
	#mvisual .obj_wrap li#main_vi2 .text_2 {font-size:38px}
	#notice_box h2 a {font-size:18px;  padding: 0 10px 10px 10px;}
	#notice_box {background: url(/images/lifetime_edu/main/notice_bg.gif) repeat-x left 32px;}
}

@media(max-width:700px) {
	#scene2 .right_link .phone {font-size:26px}
}
@media(max-width:640px) {
	#scene2 {padding:40px 0 35px}
	#notice_box .list li a {padding:10px 0}
	#notice_box .list li:first-child a {padding: 10px 0; }
	#popup .obj_wrap {min-height:170px}
	#scene2 .right_link { height:303px; width:100%;padding:10px; text-align:center;  background:url('/images/lifetime_edu/main/section2_info_bg1.jpg') no-repeat left top; background-size:cover;}
	#scene2 .right_link div { width:100%; height:100%; border:1px solid #99938d}
	#scene2 .right_link h3 {margin:44px 0 20px 0; text-align:center;}
	#scene2 .right_link .phone {position:relative; left:auto; top:auto; font-size:26px;}
	#scene2 .right_link .time {position:relative; left:auto; top:auto; margin:14px 0 20px 0;}
	#scene2 .right_link .time .line {width:2px; height:12px; background:#90a6d1; display:inline-block; margin:0 10px; vertical-align:middle}
	#scene2 .right_link .address { position:relative; left:auto; top:auto; width:100%; max-width:100%; text-align:center}
	#scene2 .right_link .address .text2 {position:relative; left:auto; top:auto; }
}


@media(max-width:600px) {
	#mvisual .obj_wrap li#main_vi1 .text_1 .smu_text {display:block;   background: url(/images/lifetime_edu/main/smu_text.png) no-repeat left top;	background-size:auto 29px; height: 29px;}
	#mvisual .obj_wrap li#main_vi1 .text_1 .smu_text::before { content: ""; display: inline-block; position: absolute;  width:34px; height: 4px; background: #fff;  top: 92px; vertical-align: middle;}
	#popup {width:100%; margin:0}
	#popup .obj_wrap {min-height:300px; margin:18px 0 50px 0}
	#scene2 .left_link {height:210px}
	#scene2 .left_link ul li {height:105px}
	#scene2 .left_link ul li a i {top:20px;}
	#scene2 .left_link ul li a .title {left:100px;top:45px; font-size:16px}
	#scene2 .left_link ul li a .text {display:none}
	#notice_box {width:100%; height:220px;     background: url(/images/lifetime_edu/main/notice_bg.gif) repeat-x left 32px;}
}

@media(max-width:500px) {
	#popup h2 {background: url('/images/lifetime_edu/main/popup_title.gif') no-repeat left top;  background-size:100% 100%; width: 105px;height: 15px;}
	#popup .control .ir {width:14px; height:14px; background-image: url('/images/lifetime_edu/main/pop_btn.gif'); background-size:42px 42px}
	#notice_box .more {right:5px}
	#notice_box .more a {width: 14px;height: 14px;display: inline-block;font-size: 0;background: url('/images/lifetime_edu/main/more2.gif') no-repeat left top }
	#scene2 .se_title {margin:0 0 30px 0}
	#scene2 .se_title h2 {font-size:23px;}
	#scene2 .se_title p {display:none}
	#popup .obj_wrap {min-height:220px}
	#scene2 .left_link {height:auto}
	#scene2 .left_link ul li {width:100%;}
	#scene2 .left_link ul li a .title {left:120px}
	#scene2 .right_link .address {margin:0}
	#scene2 .right_link .address .text1 {width:100%; display:inline-block}
	#scene2 .right_link .address .text2 {padding:0 20px; word-break:keep-all;font-size:13px}
	#scene2 .right_link .address .line {display:none}

}

@media(max-width:400px) {
	#mvisual .obj_wrap {height:326px}
	#mvisual .obj_wrap li#main_vi1 {background:url('/images/lifetime_edu/main/main_visual_bg1_3.jpg') no-repeat center top;}
	#mvisual .obj_wrap li#main_vi2 {background:url('/images/lifetime_edu/main/main_visual_bg2_3.jpg') no-repeat center top;}
	#mvisual .obj_wrap li#main_vi1 .text_1 {padding:70px 0 0 0; font-size:28px;}
	#mvisual .obj_wrap li#main_vi1 .text_1 .smu_text {margin:0 0 10px 0}
	#mvisual .obj_wrap li#main_vi1 .text_1 .smu_text::before {height:3px; width:33px; top:54px}
	#mvisual .obj_wrap li#main_vi2 .text_1 {padding:55px 0 0 0}
	#mvisual .obj_wrap li#main_vi2 .text_2 {font-size:26px}
	#mvisual .control {top:250px}
	#popup .obj_wrap {min-height:180px}
	#scene2 .right_link h3 {margin:20px 0 10px 0}
	#scene2 .right_link .phone {font-size:20px}

}

@media(max-width:360px) {
	#popup .obj_wrap {min-height:180px;}

}



#sitemap_12 .sns_wrap .login-buttons {max-width: 164px; margin: 50px auto;}