@charset "utf-8";
/************************************************************************************************************************************
 	CSS Guide -  2015.10.07 ������  (UPDATE 2015.10.15)
 ************************************************************************************************************************************/
@font-face {
font-family:NanumbarunGothic;
font-style:normal;
font-weight:normal;
src:url(../font/NanumbarunGothic.eot); /* IE9 Compat Modes */ 
src:url(../font/NanumbarunGothic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
url(../font/NanumbarunGothic.ttf) format('truetype'), /* Modern Browsers */
url(../font/NanumbarunGothic.woff) format('woff'); /* Safari, Android, iOS */
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button,input{margin:0;padding:0;font-family:"�������", NanumGothic, "�������", Malgun Gothic, "����", dotum, Arial, Verdana, sans-serif;}
body,h1,h2,h3,h4,th,td,input,select{color:#333;font-family:"�������", NanumGothic, "�������", Malgun Gothic, "����", dotum, Arial, Verdana, sans-serif;font-size:12px;font-weight:normal}
hr {display:none}
img,fieldset {border:0}
ul,ol,li {list-style:none;}
img,input,select,textarea{vertical-align:top}
a {text-decoration:none;vertical-align:top;color:#1a1a1a;}
legend,.hidden {position:absolute;top:-10000px;left:0;visibility:hidden;overflow:hidden;width:0;height:0;}
caption {visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button {cursor:pointer;overflow:visible;margin:0;padding:0;border:0;background:none;white-space:nowrap;}
em {font-style:normal;}

/*ICON*/
.icon {background:url('../images/icon.png');display:block;margin:0 auto;}
.i60 {width:60px;height:60px;}
.i30 {width:30px;height:30px;}
.i25 {width:25px;height:25px;}
.i20 {width:20px;height:20px;}
.i-more {background-position:0 -45px;}
.i-ntc {background-position:0 0;}
.i-lecturer {background-position:0 -20px;}
.i-level {background-position:-25px -20px;}
.i-book {background-position:-50px -20px;}
.i-play {background-position:0 -145px;}
.i-arrow-d {background-position:0 -205px;}
.i-arrow-r {background-position:0 -225px;}
.notice .icon-btn {position:absolute;top:20px;right:0;}
.icon-btn:hover .i-more {background-position:0 -75px;}

/*IMG*/
img {border:0 none;}

/*COMMON*/
.btn-top {width:60px;height:60px;display:block;position:fixed;bottom:50px;right:100px;background:url('../images/btn-top.png') no-repeat center;}

/*HEADER*/
.wrap {width:100%;min-width:1280px;}
.header {position:relative;z-index:9999;height:186px;margin:0 auto;width:100%;display:block;}
.header h1 {height:100px;}
.util {width:100%;height:35px;border-bottom:1px solid #e1e1e1;}
.util ul {width:1000px;text-align:right;margin:0 auto;}
.util li {display:inline-block;line-height:35px;margin-left:10px;font-size:12px;}
.util li a {color:#777777;display:block;}
.gnb {background:#030558;height:50px;position:relative;}
.gnb ul {width:1000px;margin:0 auto;}
.gnb li {float:left;width:14%;text-align:center;line-height:50px;}
.gnb li a {display:block;color:white;font-size:16px;letter-spacing:-.51px;font-weight:bold;}
.gnb li a:hover {background:#000238;color:#f6bf2c;}

/*LAYOUT*/
.layout {width:1000px;margin:0 auto;}
.layout:after {clear:both;display:block;content:"";}

/*CONTENTS*/
.section {display:block;position:relative;background:#5a5a5a;}
.section.topbnr {background:#faa61a;height:540px;}
.section.pkgbnr {background:#030558;padding-bottom:10px;}
.section.lecturer {background:#181818;}
.section.gb-cer {background:white;}
.section.copyright-g {background:#ececec;}
.section:last-child {padding-bottom:10px;}
.lecturer .layout {padding-bottom:66px;background:url('../images/lec-bar.png') no-repeat bottom;}
.lecturer li {display:inline-block;float:left;width:20%;}




/*CONTENTS - toeic*/
.toeic .btn {width:322px;height:112px;position:absolute;margin-top:749px;left:50%;margin-left:-145px;background:url('../images/toeic/aply_btn.png') no-repeat;}
.toeic .btn:hover {background:url('../images/toeic/aply_btn_over.png') no-repeat;}
.toeic .btn01 {width:322px;height:112px;position:absolute;margin-top:230px;left:50%;margin-left:-145px;background:url('../images/toeic/aply_btn.png') no-repeat;}
.toeic .btn01:hover {background:url('../images/toeic/aply_btn_over.png') no-repeat;}

.toeic .section.con01 {background:url('../images/toeic/part01_bg.jpg') center 0 repeat-x; }
.toeic .section.con02 {background:#f4f4f4;}
.toeic .section.con03 {background:url('../images/toeic/part03_bg.jpg') center 0 repeat-x; }
.toeic .section.con04 {background:#fff;}
.toeic .section.con05 {background:#fff;}
.toeic .section.con06 {background:#fff;}
.toeic .section.con07 {background:#4a9fe8;}
.toeic .section.con08 {background:#fff;}
.toeic .section.con09 {background:#fff;}
.toeic .section.con10 {background:#fff;}
.toeic .section.con12 {background:#fff;}
.toeic .section.con13 {background:#fff;}
.toeic .section.con15 {background:#fff;}
.toeic .section.con16 {background:#fff;}

.toeic .con01 .img-bg {height:763px;background:url('../images/toeic/part01.jpg') no-repeat center;}
.toeic .con02 .img-bg {height:937px;background:url('../images/toeic/part02.jpg') no-repeat center;}
.toeic .con03 .img-bg {height:953px;background:url('../images/toeic/part03.jpg') no-repeat center;}
.toeic .con04 .img-bg {height:900px;background:url('../images/toeic/part04.jpg') no-repeat center;}
.toeic .con05 .img-bg {height:785px;background:url('../images/toeic/part05.jpg') no-repeat center;}
.toeic .con08 .img-bg {height:1440px;background:url('../images/toeic/part06.jpg') no-repeat center;}
.toeic .con09 .img-bg {height:544px;background:url('../images/toeic/part08.jpg') no-repeat center;}
.toeic .con10 .img-bg {height:677px;background:url('../images/flyhighnew/part10.jpg') no-repeat center;}
.toeic .con12 .img-bg {height:351px;background:url('../images/toeic/part09.jpg') no-repeat center;}
.toeic .con13 .img-bg {height:695px;background:url('../images/toeic/part10.jpg') no-repeat center;}
.toeic .con15 .img-bg {height:1440px;background:url('../images/toeic/part06.jpg') no-repeat center;}
.toeic .con16 .img-bg {height:1022px;background:url('../images/toeic/part07.jpg') no-repeat center;}


.tab01 {position:absolute;width:955px;height:1105px;bottom:50px; margin-left:30px;}
.tab01 li {height:182px;cursor:pointer;}
.tab01 ul:after,.tab02 ul:after,.tab03 ul:after {clear:both;display:block;content:"";}
.tab01 .t-01 {width:325px;background:url('../images/toeic/part06_tab01.jpg') no-repeat center;}
.tab01 .t-02 {width:307px;background:url('../images/toeic/part06_tab02.jpg') no-repeat center;}
.tab01 .t-03 {width:323px;background:url('../images/toeic/part06_tab03.jpg') no-repeat center;}
.tab01 .t-01.on {background:url('../images/toeic/part06_tab01_over.jpg') no-repeat center;}
.tab01 .t-02.on {background:url('../images/toeic/part06_tab02_over.jpg') no-repeat center;}
.tab01 .t-03.on {background:url('../images/toeic/part06_tab03_over.jpg') no-repeat center;}
.tab01 .con {width:955px;height:923px;}
.tab01 .desc01 {background:url('../images/toeic/part06_tab01_con.jpg') no-repeat center;}
.tab01 .desc02 {display:none;background:url('../images/toeic/part06_tab02_con.jpg') no-repeat center;}
.tab01 .desc03 {display:none;background:url('../images/toeic/part06_tab03_con.jpg') no-repeat center;}


.tab02 {position:absolute;width:928px;height:462px;bottom:50px; margin-left:35px;}
.tab02 li {height:61px;margin-top:100px;cursor:pointer;}
.tab02 .t-01 {width:464px;background:url('../images/toeic/part07_tab01.jpg') no-repeat center;}
.tab02 .t-02 {width:459px;background:url('../images/toeic/part07_tab02.jpg') no-repeat center;}
.tab02 .t-01.on {background:url('../images/toeic/part07_tab01_over.jpg') no-repeat center;}
.tab02 .t-02.on {background:url('../images/toeic/part07_tab02_over.jpg') no-repeat center;}
.tab02 .con {width:928px;height:511px;}
.tab02 .desc01 {background:url('../images/toeic/part07_tab01_con.jpg') no-repeat center;}
.tab02 .desc02 {display:none;background:url('../images/toeic/part07_tab02_con.jpg') no-repeat center;}

.tab02.tp {top:297px;}
.tab02.bt {bottom:50px;}




/* MODULE */
.module {margin-top:10px;display:inline-block;}
.module a {display:block;}
.module h3 {position:relative;padding:20px 0 5px;line-height:21px;height:30px;width:100%;font-size:21px;font-weight:normal;color:#030558;letter-spacing:-.51px;}
.module-wrap {display:inline-block;}
.cs2 .module {display:block;}

/* NOTICE,MOVIE AREA */
.notice-area {width:495px;height:210px;background:white;}
.notice,.movie {padding:0 30px;position:relative;height:100%;}
.notice ul {width:100%;display:inline-block;}
.notice li {width:100%;height:35px;line-height:35px;border-bottom:1px solid #ececec;}
.notice li a {font-size:13px;color:#272727;letter-spacing:-.5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:320px;display:block;}
.notice li a:hover {color:#999999;}
.notice li .icon {margin:7px 10px 0 0;}
.movie-area {width:495px;height:328px;background:white;}

/* FOOTER - COPYRIGHT */
.footer {padding:0;}
.copyright-g dl {background:transparent;width:auto;height:auto;font-size:11px;color:#a4a4a4;padding:0 0 10px 220px;letter-spacing:-.3px;}
.copyright-g dd,.copyright-g dt {float:left;display:inline-block;margin:5px 15px 0 0;}
.copyright-g dd strong {padding-right:3px;}
.copyright-g .copy {padding-left:220px;font-size:11px;color:#a4a4a4;}
.copyright-g .layout {position:relative;background:url('../images/logo-btm.png') no-repeat left 20px;padding:10px 0;}
.copyright-g .layout li {float:left;margin-right:20px;font-size:12px;letter-spacing:-.5px;font-weight:bold;color:#8b8b8b;}
.copyright-g .layout li a {color:#8b8b8b;}
.copyright-g .layout dl a {color:#a4a4a4;}
.copyright-g .layout ul {margin:10px 0;padding-left:220px;}
.copyright-g .layout ul:after,
.copyright-g .layout dl:after {clear:both;display:block;content:"";}

/*FOOTER - FAMILYSITE*/
.family {position:absolute;right:0;top:10px;width:140px;z-index:9999;}
.family h3 {text-indent:10px;padding:0;margin:0;height:23px;line-height:25px;border:1px solid #d9d9d9;background:#ececec;color:#777777;font-size:12px;text-transform:uppercase;cursor:pointer;}
.family ul {display:none;margin:0 !important;padding-left:0 !important;width:100%;position:absolute;top:24px;border-bottom:1px solid #d9d9d9;}
.family li {position:relative;float:none !important;margin:0 !important;font-size:12px;line-height:25px;border-top:1px solid #d9d9d9;color:#777777;background:white;}
.family a {display:block;text-indent:10px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;font-weight:normal;}
.family .icon {position:absolute;right:5px;top:2px;}
/*Transitino*/
.family li {-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s leaner;}
.family li a {-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}

/* FOOTER - GLOBAL CERTIFICATION */
.gb-cer li {display:inline-block;float:left;width:20%;background:url('../images/gb-info.png') no-repeat;height:50px;margin:10px 0;}
.gb-cer li.i01 {background-position:left 0;}
.gb-cer li.i02 {background-position:left -50px;}
.gb-cer li.i03 {background-position:left -100px;}
.gb-cer li.i04 {background-position:left -150px;}
.gb-cer li.i05 {background-position:left -200px;}
.gb-cer span {display:block;margin-left:50px;font-size:12px;letter-spacing:-.5px;font-weight:normal;color:#777777;line-height:15px;height:50px;padding-top:12px;}

/* CONTROL MARGIN,PADDING,WIDTH */
.cs1 {width:495px;}
.cs2 {width:242px;}
.fl {float:left;}
.fr {float:right;}
.mr {margin-right:10px;}
.mt {margin-top:10px;}
.mb {margin-bottom:10px;}
.ml {margin-left:10px;}
.pb {padding-bottom:10px;}

/* BUTTON */
.txt-btn {height:30px;line-height:30px;width:60px;background:#eeeeee;border:1px solid #ececec;color:#a0a0a0;font-size:13px;letter-spacing:-.5px;text-align:center;font-weight:bold;}
.txt-btn:hover,.txt-btn.on {color:#646464;background:white;}
.icon-btn {width:30px;height:30px;}

/* SLIDER CONTROL */
.flexslider {height:248px;}
.flex-direction-nav {display:none;}
.flex-control-nav {bottom:10px;z-index:99999;}

/* FREE MOVIE AREA*/
.movie-list {position:relative;margin-top:5px;}
.movie-list dl {position:absolute;bottom:0;left:0;right:0;height:66px;background:url('../images/movie-bar.png') repeat-x;}
.movie-list dt {font-size:16px;color:white;letter-spacing:-.5px;padding:13px 25px 0px;}
.movie-list dd {float:left;display:inline-block;padding-left:15px;color:#b0bdf2;font-size:12px;line-height:28px;}
.movie-list dd .icon {float:left;margin-right:3px;}
.movie-list .icon-btn {position:absolute;top:50%;left:50%;margin-left:-30px;margin-top:-30px;}

#m-chn,#m-jpn {display:none;}
.m-eng,.m-chn,.m-jpn {width:100%;height:235px;}
.m-eng {background:url('../images/movie-eng.png');}
.m-chn {background:url('../images/movie-chn.png');}
.m-jpn {background:url('../images/movie-jpn.png');}



/* ���� ��� �޴� */
/****************************** Top ******************************/
.wrap .topArea {position:relative; top:0; left:0; width:100%; min-width:1280px; }
.wrap .top { position:relative; width:100%; }
.wrap .top .top_gnb { position:relative; width:990px; margin:0 auto; }
.wrap .top .top_gnb:after,
.wrap .top .top_gnb ul:after {content:""; display:block; clear:both;}
.wrap .top .top_gnb .g_left {float:left;}
.wrap .top .top_gnb .g_left a {color:#555; font-weight:600;}
.wrap .top .top_gnb .g_right {float:right;}
.wrap .top .top_gnb ul li {float:left; background:url('../../images/bar.gif') right 13px no-repeat;}
.wrap .top .top_gnb ul li.last {background:none;}
.wrap .top .top_gnb ul li a {display:block; padding:0 8px; line-height:36px; font-size:12px; text-decoration:none; color:#666;}
.wrap .top .top_gnbLine { position:relative; border-bottom:1px #e1e1e1 solid; }
.wrap .top .top_logo { position:relative; width:151px; height:54px; margin:27px auto 25px; }
.wrap .top .top_lnb {position:relative; width:100%; background-color:#030558; background:url('../../images/top/top_menu_bg.gif') repeat-x;}

/****************************** Top Menu ******************************/
.wrap .top .top_nav {position:relative; width:1050px; height:50px; line-height:50px; font-weight:500; margin:0 auto; padding-left:16px;}
.wrap .top .top_nav:after {content:""; display:block; clear:both;}
.wrap .top .top_nav li {float:left; height:50px;}
/*.wrap .top .top_nav li.first a {padding-left:0;}
.wrap .top .top_nav li.last a {padding-right:0;}*/
.wrap .top .top_nav li a {display:block; font-size:16px; text-decoration:none; color:#fff; padding:0 30px;}
.wrap .top .top_nav li a:hover {color:#42d9ff;}
.wrap .top .top_nav li:hover ul {display:block;}
.wrap .top .top_nav li.anOther a {color:#ffac23}
.wrap .top .top_nav li ul {position:absolute; top:50px; margin:0 auto; display:none;}
.wrap .top .top_nav li ul:after {content:""; display:block; clear:both;}
.wrap .top .top_nav li ul li {float:left; height:45px;}
.wrap .top .top_nav li ul li a {display:block; color:#fff; height:45px; line-height:45px; font-size:15px; font-weight:normal; padding:0 17px; text-decoration:none;}
.wrap .top .top_nav li ul li a:hover {color:#badfe8;}
.wrap .top .top_nav #top_nav_sub {position:absolute; bottom:0; left:0; border:1px solid red; width:100%; height:45px; line-height:45px; background-color:#808080; border-bottom:1px solid #fff; display:none;}

/****************************** Login / Logout ******************************/
.wrap .top .loginArea {position:relative; width:100%; height:46px; line-height:46px; clear:both; font-weight:bold; background-color:#e9e9e9; z-index:-1;}
.wrap .top .loginArea .login {width:990px; margin:0 auto;}
.wrap .top .loginArea .login:after {content:""; display:block; clear:both;}
.wrap .top .loginArea .login .login_left {float:left;}
.wrap .top .loginArea .login .login_left ul {float:left;}
.wrap .top .loginArea .login .login_left ul li {float:left; background:url('../../images/bar.gif') right 18px no-repeat; padding:0 10px;}
.wrap .top .loginArea .login .login_left ul li.last {background:none;}
.wrap .top .loginArea .login .login_left ul li strong {display:inline-block; height:46px; padding-left:28px;background:url(../../images/top/login_logo.gif) 0 10px no-repeat; font-weight:800; color:#245bb8;}
.wrap .top .loginArea .login .login_left ul li a {display:block;}
.wrap .top .loginArea .login .login_left a.btns {display:block; float:left; height:18px; line-height:18px; border:1px solid #777; color:#777; background-color:#fff; padding:0 10px; margin:13px 0 0 4px; font-weight:normal;}
.wrap .top .login p {float:left; margin:2px 0 0 0;}
.wrap .top .login a {text-decoration:none;}
.wrap .top .login a img.btn_join {float:left; margin:0 0 0 10px;}
.wrap .top .login a img.btn_login {float:left; margin:0 0 0 3px;}
.wrap .top .login input {float:left;}
.wrap .top .login p input.check {margin:0 3px 0 7px; height:13px; float:left; vertical-align:middle;}
.wrap .top .login .input_id {background:#fff url(../../images/top/login_id.gif) no-repeat 5px 0; width:90px; height:18px; border:1px solid #bbb; padding:0 5px 0 5px; font-weight:bold;}
.wrap .top .login .input_idfocus {background:#eee; color:#000; width:90px; height:18px; border:1px solid #bbb; padding:0 5px 0 5px; font-weight:bold;}
.wrap .top .login .input_pw {background:#fff url(../../images/top/login_pw.gif) no-repeat 5px 0; width:90px; height:18px; border:1px solid #bbb; padding:0 5px 0 5px; font-weight:bold; margin:0 0 0 3px;}
.wrap .top .login .input_pwfocus {background:#eee; color:#000; width:90px; height:18px; border:1px solid #bbb; padding:0 5px 0 5px; font-weight:bold; margin:0 0 0 3px;}

.wrap .top .login p.login_after {float:left; margin:2px 10px 0 0; background:url(../../images/top/login_logo.gif) no-repeat; padding:0 0 0 25px;}
.wrap .top .login p.login_after strong {font-weight:800; color:#245bb8;}
.wrap .top .login p.login_after img {vertical-align:middle; margin:0 6px 0 6px;}
.wrap .top .login p.login_after a:hover {color:#245bb8;}
.wrap .top .login a img {float:left; margin:0 4px 0 0;}