@charset "utf-8";

html,body { margin:0px; padding:0px; width:100%; height:100%; min-width:964px; font-family:"돋움"; }

/* fonts */
@font-face {
    font-family:"Nanum";
    src: url("NanumGothicCompact.eot?#iefix") format("embedded-opentype"), 
	     url("NanumGothicCompact.woff") format("woff"), 
	     url("NanumGothicCompact.ttf")  format("truetype"),
	     url("NanumGothicCompact.svg#Nanum") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:"NanumBold";
    src: url("NanumGothicBoldCompact.eot?#iefix") format("embedded-opentype"), 
	     url("NanumGothicBoldCompact.woff") format("woff"), 
	     url("NanumGothicBoldCompact.ttf")  format("truetype"),
	     url("NanumGothicBoldCompact.svg#Nanum") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:"Nanum";
    src: url("NanumGothicBoldCompact.eot");
src: url("NanumGothicBoldCompact.eot?#iefix") format("embedded-opentype"), url("NanumGothicBoldCompact.woff") format("woff"), url("NanumGothicBoldCompact.ttf") format("truetype"), url("NanumGothicBoldCompact.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}
 
@font-face {
    font-family:"Nanum";
    src: url("NanumGothicExtraBold.eot");
src: url("NanumGothicExtraBold.eot?#iefix") format("embedded-opentype"), url("NanumGothicExtraBold.woff") format("woff"), url("NanumGothicExtraBold.ttf") format("truetype"), url("NanumGothicExtraBold.otf") format("opentype");
    font-weight: 800;
    font-style: normal;
}


/*common*/
ul,li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p,input,button,textarea,select,fieldset,legend{margin:0px;padding:0px}
li{list-style:none}
fieldset,img,a{border:0px}
a{text-decoration:none}
label{cursor:pointer}
legend,.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
.mContainer { position:relative; margin:0 auto; width:964px; overflow:hidden; zoom:1; }


/* header 123*/
.mHeader { position:relative;background-color:#000; }
.mhTop { position:absolute; left:0px; top:0px; width:100%; min-width:964px; height:87px; background:url("/inc/new/img/headerMenuBg.png") repeat-x center bottom; z-index:1000; }
.mhMenu { position:relative; margin:0 auto; width:964px; height:100%; overflow:hidden; }
.mhMenu .logo img { width:121px; height:32px; }
.mhMenu .logo2 img { width:190px; height:50px; }
.mhMenu .logo { float:left; padding-top:25px; width:224px; }
.mhMenu .logo2 { float:left; padding-top:21px; width:224px; }



/****************************** johnwoo 2014.05.18 ************************/
.mhMenu .menu { float:left; padding-top:42px; width:158px;}
.mhMenu .menu a { font-size:16px; font-family:"NanumBold"; color:#fff; font-weight:bold\9; }
.mhMenu .menu.last{text-align:right;width:107px; }
.mhMenu .tabmenu{position:absolute;top:10px;right:0;text-align:right;height:30px;color:#fff;font-size:12px;font-family:"'Dotum"}
.mhMenu .tabmenu ul{}
.mhMenu .tabmenu ul li{float:left;color:#b5b3b3;}
.mhMenu .tabmenu ul li.dot{width:20px;text-align:center;}
.mhMenu .tabmenu a{color:#b5b3b3; font-size:12px; font-weight:normal; } 
.mhSlide.new .btnMore { margin-top:20px; }
.mhSlide.new .btnWrap { position:absolute; right:50%; margin-right:-553px; bottom:50px; padding:50px 0px 0px 0px; width:382px; height:282px; background:url("/inc/new/img/130509/btnFree.png") no-repeat; }
.mhSlide.new .btnFree { cursor:pointer; width:313px; height:1px; border:0px; background:transparent; }

.mhSlide.new2{ position:relative; width:100%; height:560px; min-width:964px; background:url("/inc/new/img/130524/img2.png") no-repeat center top; overflow:hidden; }
.mhText.new2 { position:relative; margin:0 auto; padding-top:153px; width:964px; }
.mhText.new2 .imgWrap { margin-bottom:40px; }
.mhText.new2 p { line-height:30px; font-size:23px; font-family:"NanumBold"; color:#fff; text-shadow:1px 1px #000; width:333px;}
.mhText.new2 p a{float:right;margin:5px 10px 0 0;}
.monitorWrap{position:relative; margin:0 auto;width:964px;top:0;}
.monitorWrap .btnWrap2{position:absolute;z-index:2;top:-161px;}
.monitorWrap .videoWrap{background:url('/inc/new/img/130521/monitor.png') no-repeat;width:664px;height:474px;position:absolute;z-index:2;top:-354px;right:-30px;text-align:right;}
.monitorWrap .videoWrap iframe{margin:70px 50px 0 0;}
.monitorWrap .videoWrap #youtube{margin:70px 50px 0 0;}

.monitorWrap2{position:relative; margin:0 auto;width:964px;top:0;}
.monitorWrap2 .btnWrap2{position:absolute;top:-161px;}
.monitorWrap2 .videoWrap{position:absolute;right:0;top:-300px;width:580px;height:416px;}
.monitorWrap2 .videoWrap .vp{position:relative;background:url('/inc/new/img/130524/monitor.png') no-repeat;width:580px;height:416px;}
.monitorWrap2 .videoWrap .vp .nvideo{position:absolute;top:20px;left:17px;}
.monitorWrap2 .videoWrap .vtitle{position:relative;top:-35px;left:142px}
/****************************** johnwoo 2014.05.18 ************************/

/* sub page */
.sub .mHeader { border-top:4px solid #33b4d0; height:83px; background:#fff; }
.sub .mhTop { margin-top:-4px; width:100%; min-width:964px; height:83px; background:transparent; }
.sub .mhMenu { position:relative; margin:0 auto; width:964px; height:83px; overflow:hidden; }
.sub .mhMenu .menu a { color:#a2a2a2; }
.sub .mhMenu .btnWrap .btnLevel { color:#a2a2a2; }
.sub .mContent .text { width:280px; }
.sub .mContent { position:relative; }
.sub .splitArrow { position:absolute; left:50%; top:-11px; margin-left:-11px; width:23px; height:23px; background:url("/inc/new/img/process/splitArrow.png") no-repeat; }


/* landing */
@font-face {
    font-family:"NanumExtra";
    src: url("NanumGothicExtraBold.eot");
	src: url("NanumGothicExtraBold.eot?#iefix") format("embedded-opentype"), url("NanumGothicExtraBold.woff") format("woff"), url("NanumGothicExtraBold.ttf") format("truetype"), url("NanumGothicExtraBold.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}
/* slide */
.landing{position:relative;width:100%;overflow:hidden}
.landing .mContainer{overflow:visible}
.landing .slide_wrap{position:relative;margin:0 auto;width:964px;height:520px}
.landing .slide{position:absolute;left:50%;top:0;margin-left:-960px;width:1920px;height:520px;overflow:hidden;z-index:10}
.landing .slide li{position:relative;width:1920px;height:520px}
.landing .slide .slide_01{background:url("https://mg.elamp.co.kr/site/131/images/landing/img_slide_01.jpg") no-repeat}
.landing .slide .slide_02{background:url("https://mg.elamp.co.kr/site/131/images/landing/img_slide_02.jpg") no-repeat}
.landing .slide .slide_03{background:url("https://mg.elamp.co.kr/site/131/images/landing/img_slide_03.jpg") no-repeat}
/*.landing .slide .slide_04{background:url("http://elamp.learningtown.co.kr/site/113/images/landing/img_slide_01.jpg") no-repeat}
*/
.landing .slide .text{position:absolute;top:85px;left:925px}
.landing .slide p{margin-bottom:14px;font-family:"NanumBold";font-size:22px;color:#fff;text-shadow:0 0 2px rgba(0,0,0,0.5);letter-spacing:-1px}
.landing .slide .sp{font-size:30px}
.landing .slide .stitle{margin:0 0 20px -5px;line-height:75px;font-family:"NanumBold";font-size:75px;color:#fffd42;text-shadow:0 0 2px rgba(0,0,0,0.5);letter-spacing:-4px}
.landing .slide_wrap .thumb{position:absolute;left:448px;bottom:75px;z-index:1000}
.landing .slide_wrap .thumb li{cursor:pointer;float:left;width:29px;height:29px;background:url("http://elamp.learningtown.co.kr/site/113/images/elamp/btn_slide_thumb.png") no-repeat -27px 0}
.landing .slide_wrap .thumb li.activeSlide{background-position:3px 0}
.landing .slide_wrap .btn_slide{position:absolute;top:225px;left:-110px;width:32px;height:53px;text-indent:-9999px;background:url("http://elamp.learningtown.co.kr/site/113/images/elamp/btn_slide_prev.png") no-repeat;z-index:1000}
.landing .slide_wrap .btn_slide.next{left:auto;right:-110px;background:url("http://elamp.learningtown.co.kr/site/113/images/elamp/btn_slide_next.png") no-repeat}


/* page */
.landing .btn_app{display:block;width:340px;height:60px;line-height:58px;text-align:center;font-family:"NanumBold";font-size:26px;color:#fff;letter-spacing:-1px;text-shadow:0 -1px rgba(0,0,0,0.2);background:url("http://elamp.learningtown.co.kr/site/113/images/elamp/btn.png") no-repeat}
.landing .btn_app.center{display:inline-block;*display:inline;zoom:1}
.landing .page .pheader{padding:50px 0 40px 0;text-align:center;border-bottom:1px solid #e5e5e5}
.landing .page .pheader p{white-space:nowrap}
.landing .page .ptitle{margin-bottom:15px;font-family:"NanumBold";font-size:62px;color:#3c3c3e;letter-spacing:-4px}
.landing .page p{font-family:"Nanum";font-size:20px;color:#4f4f51;letter-spacing:-1px}
.landing .page p b{font-family:"NanumBold";font-weight:normal}
.landing .page .pcontent{padding:50px 0 40px 0;text-align:center;border-bottom:1px solid #e5e5e5}
.landing .page .pcontent.bottom{border:0}
.landing .page .rtitle{margin:0 auto;width:390px;height:50px;line-height:50px;text-align:center;font-family:"NanumBold";font-size:26px;color:#fff;letter-spacing:-1px;background:url("http://elamp.learningtown.co.kr/site/113/images/elamp/bg_title.png") no-repeat}
.landing .page .landing_line{width:964px;height:10px;background:url("http://elamp.learningtown.co.kr/site/113/images/elamp/line.gif") no-repeat}
.landing .page.even{background:#5bb1e8}/*76c7c1*/
.landing .page.even .pheader{border-bottom:1px solid #adddda}
.landing .page.even .ptitle,.landing .page.even p{color:#fff}
.landing .page.even .rtitle{color:#5bb3ac;background:url("http://www.uphone.co.kr/inc/new/img/landing/bg_title2.png") no-repeat}
.landing .page.last{background:#3b454c}
.landing .page.last .pheader{border-bottom:1px solid #454e55}
.landing .page.last .pcontent{border-bottom:1px solid #626a70}
.landing .page.last .ptitle,.landing .page.last p{color:#fff}

/*.landing .page_01 .list{padding-top:115px;margin-left:-13px;width:647px;height:800px;background:url("http://elamp.learningtown.co.kr/site/113/images/elamp/img_page01_01.gif") no-repeat }*/
.landing .page_01 .list li{float:left;width:197px;line-height:19px;font-family:"Nanum";font-size:16px;color:#4f4f51}
.landing .time_wrap_a{margin-left:-2px;width:970px;height:924px;text-align:center;background:url("http://elamp.learningtown.co.kr/site/113/images/elamp/img_page01_01.gif") no-repeat center top;overflow:hidden}
.landing .time_wrap_b{padding:40px 0 0 550px;width:414px;height:820px;text-align:center;background:url("http://elamp.learningtown.co.kr/site/113/images/elamp/img_result_a05.gif") no-repeat center top;overflow:hidden}
.landing .time_wrap .time{padding-left:55px;}
.landing .time_wrap .time_title{margin-bottom:15px;text-align:left;font-family:"NanumBold";font-size:26px;color:#3c3c3e}
.landing .time_wrap .input_box{margin-bottom:4px;height:40px}
.landing .time_wrap .text{display:block;float:left;margin-right:4px;padding:0 10px;width:318px;height:38px;font-family:"NanumBold";font-size:14px;color:#aeaeae;border:1px solid #c5c5c5;border-radius:3px;background:#fefefe;*line-height:38px;line-height:38px\9}
.landing .time_wrap .text.name{width:146px}
.landing .time_wrap .text.calendar{margin:0;width:280px;border-top-right-radius:0;border-bottom-right-radius:0}
.landing .time_wrap .btn_calendar{cursor:pointer;float:left;width:38px;height:40px;border:1px solid #c5c5c5;border-left:0;border-top-right-radius:3px;border-bottom-right-radius:3px;background:#fefefe url("http://elamp.learningtown.co.kr/site/113/images/elamp/ico_calendar.gif") no-repeat center 8px}
.landing .time_wrap .scroll_wrap{margin-bottom:12px;padding:10px 0;width:338px;height:178px;border:1px solid #c5c5c5;border-radius:3px;background:#fefefe;overflow:hidden;overflow-y:auto}
.landing .time_wrap .time_table{width:100%;text-align:center}
.landing .time_wrap .time_table th,.landing .time_wrap .time_table td{font-size:11px;color:#a0a0a0}
.landing .time_wrap .time_table th{width:50px;color:#828282;font-weight:bold}
.landing .time_wrap .time_table td{cursor:pointer}
.landing .time_wrap .time_table td span{display:block;height:28px;line-height:28px;border:1px solid transparent}
.landing .time_wrap .time_table td.on span{border:1px solid #27a1c3;border-radius:3px;box-shadow:1px 1px #cbcbcb}
.landing .time_wrap .check_wrap{height:30px}
.landing .time_wrap .check_wrap input{float:left;margin:0 5px 0 0}
.landing .time_wrap .check_wrap label{float:left;font-size:12px;color:#b6b6b6}
.landing .time_wrap .check_wrap label a{color:#27a1c3;text-decoration:underline}

.landing .page_02 .list{margin-left:-2px;width:970px;height:2200px;background:url("http://elamp.learningtown.co.kr/site/113/images/elamp/map.jpg") no-repeat center top;overflow:hidden}
.landing .page_02 p b{font-size:26px}

.landing .page_03 .list{padding-top:75px;margin-left:-38px;width:1040px;height:655px;background:url("http://elamp.learningtown.co.kr/site/113/images/elamp/fc_img9.jpg") no-repeat center top;overflow:hidden}
.landing .page_03 .list li{float:left;width:259px}
.landing .page_03 .list p{line-height:19px;font-family:"Nanum";font-size:16px;color:#4f4f51}
.landing .page_03 .list .step01 b{font-size:20px;color:#40b5e2}
.landing .page_03 .list .step02 b{font-size:20px;color:#ff7f67}
.landing .page_03 .list .step03 b{font-size:20px;color:#9ace62}
.landing .page_03 .list .step04 b{font-size:20px;color:#ab93eb}

.landing .page_04 .list{margin-left:-2px;width:970px;height:539px;background:url("http://elamp.learningtown.co.kr/site/113/images/elamp/img_page04_01.gif") no-repeat}
.landing .page_04 p b{font-size:26px}

.landing .page_05 .pheader p b{font-size:24px;color:#3c3c3e}
.landing .page_05 .list{padding-top:195px;margin-left:-38px;width:1040px;background:url("http://elamp.learningtown.co.kr/site/113/images/elamp/img_page05_01.gif") no-repeat center top;overflow:hidden}
.landing .page_05 .list li{float:left;width:259px}
.landing .page_05 .list p{line-height:19px;font-family:"Nanum";font-size:16px;color:#4f4f51}
.landing .page_05 .list p b{font-size:20px;color:#3c3c3e}
.landing .page_05 .list .list_title{margin-bottom:5px}

.landing .page_06 .pheader p b{font-size:24px;color:#f2c40f}
.landing .page_06 .graph{width:964px;height:1095px;background:url("http://elamp.learningtown.co.kr/site/113/images/elamp/img_page06_01.gif") no-repeat center top;overflow:hidden}
.landing .page_06 .pcontent p b{font-size:26px}
.landing .page_06 .list{padding-top:240px;width:964px;background:url("http://elamp.learningtown.co.kr/site/113/images/elamp/img_page06_02.jpg") no-repeat center top;overflow:hidden}
.landing .page_06 .list li{float:left;width:321px}
.landing .page_06 .list p{line-height:19px;font-family:"NanumBold";font-size:16px;color:#d3d3db;font-style:italic}
.landing .page_06 .list p b{font-size:20px;color:#33b4d0;font-style:normal}


.main_contents_layout {width:1000px; margin:0 auto; padding:30px 0; overflow:hidden;}
.login {float:left; width:258px; padding:18px 18px 25px; margin-right:47px; background:#535c62; border:1px solid #363f45; position:relative;}
.login_box {overflow:hidden;}
.login_ent {width:160px; float:left; padding:5px; padding-bottom:0;}
.login_pass {width:160px; float:left; padding:5px;}
.btn_login {position:absolute; right:20px; top:24px;}
.login_fnd {padding-top:8px;}
.login_fnd a {padding-left:5px;}
.login_fnd span.btn_saveId {padding-left:6px; font-size:11px; color:#cfcfcf; font-weight:bold;}

.loginOut {float:left; width:258px; height:92px; padding:18px 18px 25px; margin-right:47px; background:#535c62; border:1px solid #363f45; position:relative;}
.member_name {color:#ccc; font-size:16px; text-align:center; margin-top:20px;}
.member_edt {text-align:center; margin-top:30px;}
.member_edt a {padding:1px 3px;}

.notice {float:left; width:340px; position:relative;}
.h2_notice {}
.notice_more {position:absolute; right:0; top:3px;}
.notice_list {padding-top:10px;}
.notice_list li {color:#c9c9c9; overflow:hidden; padding-left:12px; background:url(http://www.tkenglish.com/site/default-type2/images/icon/dt.png) no-repeat left 11px; line-height:21px;}
.notice_list li a {color:#c9c9c9; width:250px; float:left; white-space:nowrap; position:relative; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.notice_list li a:hover {text-decoration:underline;}
.notice_list li span {float:right;}

.customer {float:right; width:264px;}
.customer_list {overflow:hidden;}
.customer_list li {float:left;}

/* 0324 */ 
.app_down_list {padding-bottom:20px; font-size:0;}
.app_down_list li {display:inline-block; *display:inline; *zoom:1; width:33%; text-align:center;}