@charset "euc-kr";

#header { min-width:1370px; width:100%; height:27px; position:absolute; left:0px; top:0px; background-color:#f3f3f3; }
#header .head { height:27px; font-size:11px; color:#626262; font-family:Nanum Barun Gothic; }
#header .menu { height:70px; font-weight:bold; font-size:16px; }
#header .menu ul { float:right; width:690px; height:18px; margin-top:0px; padding-top:25px; padding-bottom:27px; }
#header .menu ul li { float:left; margin-right:114px; color:#000000; }
#header .menu ul li.last { float:left; margin-right:0px; }

#container .visual { width:100%; height:260px; position:absolute; left:0px; top:97px; }
#container .visual .visual_img { width:1370px; height:260px; margin:0; padding:0; position:absolute;z-index:2; }
#container .visual .visual_banner { float:right;position:relative;z-index:3; width:183px; height:196px; padding-top:24px; color:#ffffff; font-family:ng; }
#container .visual .visual_banner .banner_controls { float:left; width:26px; height:196px;border-radius:10px; }
#container .visual .visual_banner .banner_controls .banner { text-align:center; width:26px; height:90px; margin-top:65px;padding:0; }
#container .visual .visual_banner .banner_controls .banner .banner_count { width:26px; height:44px; padding-top:16px;  font-size:15px; }
#container .visual .visual_banner .banner_place {  float:right;width:139px; height:196px; }
#container .visual .visual_banner .banner_place .banner_main_text { width:139px; height:20px; background-color:#035B6D;border-radius:10px 10px 0px 0px; padding-top: 10px;text-align:center; font-size:13px; font-weight:900; }
#container .visual .visual_banner .banner_place .banner_img { width:139px; height:153px; background-color:#ffffff; border-radius:0px 0px 10px 10px; padding-top:14px; }
#container .visual .visual_banner .banner_place .banner_img ul { width:115px; height:128px; margin:auto; padding:0;}
#container .visual .visual_banner .banner_place .banner_img ul li { width:115px; border:1px solid #AEAEAE; margin-bottom:5px; text-align:center; float:left; }
#container .visual .visual_banner .banner_place .banner_img ul li:last-child { margin-bottom:0px; }

#container .loginBg { width:100%; height:48px; position:absolute; left:0px; top:309px; background-color:#03182d; opacity:0.6; filter:alpha(opacity=60);/* For IE 5-7 */ -ms-filter:"alpha(opacity=60)"; /* For IE 8 */}
#container .loginLy { min-width:1370px; width:100%; height:48px; position:absolute; left:0px; top:309px; }
#container .loginLy .content { height:28px; padding-top:10px; padding-bottom:10px; }
#container .loginLy .content input { border:#343434 solid 1px; width:150px; height:15px; font-family:ng; font-size:12px; color:#808080; background-color:white; padding-top:7px; padding-bottom:6px; padding-left:10px; }
#container .loginLy .content .login { height:14px; color:#1b99b5; font-size:16px; font-weight:bold; padding-left:13px; }
#container .loginLy .content .id { margin-left:20px; }
#container .loginLy .content .pw { margin-left:4px; }
#container .loginLy .content .personalBtn { margin-left:6px; }
#container .loginLy .content .companyBtn { margin-left:4px; }
#container .loginLy .content .pwFind { margin-left:18px; }

#container .rightSide { width:1370px; height:860px; position:absolute; z-index:0; }
#container .rightSide .btnLy { width:95px; height:404px; padding-top:20px; margin-top:22px; margin-right:50px; float:right; background:url('../image/right_side_bg.jpg') no-repeat; }
#container .rightSide .btnLy .quickMenu { width:78px; margin:0px auto 6px auto; }
#container .rightSide .btnLy .quickMenu .imgNm { margin-top:4px; text-align:center; font-size:12px; font-weight:bold; color:#3e3e3e; }
#container .rightSide .couponLy { margin-top:14px; margin-right:8px; float:right; }
#container .rightSide .visual_banner { width:183px; height:196px; padding-top:14px; color:#ffffff; font-family:ng; float:right; }
#container .rightSide .visual_banner .banner_place { width:139px; height:196px; margin-left:38px; }
#container .rightSide .visual_banner .banner_place .banner_main_text { width:139px; height:20px; background-color:#035B6D; border-radius:10px 10px 0px 0px; padding-top:10px; text-align:center; font-size:13px; font-weight:900; }
#container .rightSide .visual_banner .banner_place .banner_img { width:139px; background-color:#f7f7f7; border-radius:0px 0px 10px 10px; padding-top:14px; padding-bottom:14px; }
#container .rightSide .visual_banner .banner_place .banner_img ul { width:115px; height:268px; margin:auto; padding:0; margin-left:14px; }
#container .rightSide .visual_banner .banner_place .banner_img ul li { width:115px; border:1px solid #AEAEAE; margin-bottom:5px; text-align:center; float:left; }
#container .rightSide .visual_banner .banner_place .banner_img ul li:last-child { margin-bottom:0px; }

#container .middleLy { height:448px; margin-top:100px; position:relative; z-index:5; }
#container .middleLy .courseLeftLy { width:248px; height:406px; padding:22px 0px 20px 22px; background-color:#E9EDF0; float:left; }
#container .middleLy .courseLeftLy .courseTitleLy { font-size:23px; font-weight:800; color:#12a0bb; }
#container .middleLy .courseLeftLy .courseContentLy { width:248px; height:110px; padding-top:20px; border-bottom:#ddddde 1px solid; }
#container .middleLy .courseLeftLy .courseContentLy.last { border-bottom-width:0px; }
#container .middleLy .courseLeftLy .courseContentLy .courseImgLy { width:64px; height:47px; float:left; }
#container .middleLy .courseLeftLy .courseContentLy .courseTextLy { width:183px; height:87px; float:right; }
#container .middleLy .courseLeftLy .courseContentLy .courseTextNmLy { font-size:21px; font-weight:bold; color:#444444; }
#container .middleLy .courseLeftLy .courseContentLy .courseTextInfoLy { margin-top:10px; font-size:11px; font-weight:bold; line-height:16px; color:#8d8d8d; }
#container .middleLy .courseLeftLy .courseContentLy .courseTextBtnLy { margin-top:8px; }
#container .middleLy .packageRightLy { width:698px; height:426px; padding-top:22px; float:right; background-color:#f4f4f5; }
#container .middleLy .packageRightLy .bankLyEx { width:224px; height:40px; margin-right:-60px; padding:10px; position:absolute; right:0px; border:solid #ececec 1px; background-color:#ffffff; display:none; }
#container .middleLy .packageRightLy .bankLyEx .bankNm { font-size:18px; font-weight:bold; }
#container .middleLy .packageRightLy .bankLyEx .accountNum { font-size:20px; font-weight:bold; color:#f05223; }
#container .middleLy .packageRightLy .packageTitleLy { padding-left:15px; padding-bottom:16px; font-size:26px; font-weight:800; color:#323232; }
#container .middleLy .packageRightLy .packageContentLy { width:164px; height:201px; margin-right:6px; float:left; }
#container .middleLy .packageRightLy .packageContentLy .titleImg { border:#dddddd 1px solid; }
#container .middleLy .packageRightLy .packageContentLy .packageCourseNm { margin-top:10px; margin-left:4px; font-size:18px; font-weight:bold; line-height:20px; color:#000000; }
#container .middleLy .packageRightLy .packageContentLy .packageCoursePrice { margin-top:10px; margin-left:4px; font-size:12px; font-weight:bold; color:#8b8b8b; text-decoration:line-through; }
#container .middleLy .packageRightLy .packageContentLy .packageCourseDiscount { margin-top:4px; margin-left:4px; font-size:16px; font-weight:800; color:#ed2b11; float:left; }
#container .middleLy .packageRightLy .packageContentLy .packageCourseApply { margin-top:-10px; float:right; }
#container .middleLy .packageRightLy .tipImg { width:702px; height:163px; padding-top:16px; }

#container .classLy { height:350px; position:relative; margin-top:387px; }
#container .classLy .classTitle { width:284px; margin:0 auto; padding-top:40px; font-weight:800; font-size:26px; }
#container .classLy .classContent { margin-top:0px; }
#container .classLy .classContent .class { width:210px; height:207px; padding-top:40px; padding-right:49px; padding-bottom:40px; padding-left:49px; float:left; }
#container .classLy .classContent .class .classNm { margin-top:15px; margin-bottom:20px; font-size:21px; font-weight:bold; text-align:center; color:#444444; }
#container .classLy .classContent .class .classSubTitle { margin-bottom:17px; font-size:12px; font-weight:bold; text-align:center; color:#8d8d8d; line-height:16px; }
#container .classLy .classContent .class .classBtn { width:100%; }
#container .classLy .classContent .class .classBtn img { width:102px; }
#container .classLy .classContent .classLast { width:220px; height:207px; padding-top:40px; padding-right:35px; padding-bottom:40px; padding-left:44px; float:left; }
#container .classLy .classContent .classLast .classNm { margin-top:15px; margin-bottom:20px; font-size:21px; font-weight:bold; text-align:center; color:#444444; }
#container .classLy .classContent .classLast .classSubTitle { width:100%; margin-bottom:17px; font-size:12px; font-weight:bold; text-align:center; color:#8d8d8d; line-height:16px; }
#container .classLy .classContent .classLast .classLastBtn { width:100%; padding-left:6px; }
#container .classLy .classContent .classLast .classLastBtn img { width:102px; }

#container .guide { width:100%; height:181px; position:absolute; left:0px; top:737px; background-color:#ebecee; }

#container .board { height:140px; position:relative; margin-top:181px; }
#container .board .boardContent { width:470px; height:95px; float:left; padding-top:20px; padding-bottom:25px; padding-left:15px; }
#container .board .boardContent .boardTitle { width:140px; height:95px; float:left; }
#container .board .boardContent .boardTitle .boardTitleText { font-size:17px; font-weight:bold; color:#000000; }
#container .board .boardContent .boardTitle .boardTitleBtn { padding-top:53px; }
#container .board .boardContent .boardList { width:330px; height:95px; float:right; }
#container .board .boardContent .boardList ul { width:100%; height:100%; padding-left:10px; margin:0; }
#container .board .boardContent .boardList ul li { height:20px; list-style-type:square; list-style-image:url('../image/board_list_li.gif'); font-size:12px; font-weight:bold; color:#646464; }

#container .boardContentEx { width:470px; height:95px; float:left; padding-top:20px; padding-bottom:25px; padding-left:15px; position:relative; z-index:5; }
#container .boardContentEx .boardTitle { width:140px; height:95px; float:left; }
#container .boardContentEx .boardTitle .boardTitleText { font-size:17px; font-weight:bold; color:#000000; }
#container .boardContentEx .boardTitle .boardTitleBtn { padding-top:53px; }
#container .boardContentEx .boardList { width:330px; height:95px; float:right; }
#container .boardContentEx .boardList ul { width:100%; height:100%; padding-left:10px; margin:0; }
#container .boardContentEx .boardList ul li { height:20px; list-style-type:square; list-style-image:url('../image/board_list_li.gif'); font-size:12px; font-weight:bold; color:#646464; }

#container .package { width:100%; height:480px; position:absolute; left:0px; top:1057px; background-color:#ebecee; }
#container .package .packageTitle { padding-top:37px; padding-bottom:34px; font-size:26px; font-weight:800; color:#323232; text-align:center; }
#container .package .packageList { padding-bottom:45px; }
#container .package ul { height:336px; margin:0; padding:0; }
#container .package ul li { width:240px; height:336px; padding-right:3px; float:left; background-image:url('../image/package_list_bg.jpg'); }
#container .package ul li.last { width:240px; height:336px; padding-right:0px; float:left; background-image:url('../image/package_list_bg.jpg'); }
#container .package .packageNm { margin-top:20px; margin-bottom:9px; margin-left:17px; font-size:16.5px; font-weight:bold; }
#container .package .info { width:214px; height:41px; margin-left:23px; font-size:12px; color:#a5a5a5; }
#container .package .price { margin-top:16px; margin-left:25px; }
#container .package .price .small { font-size:13px; font-weight:bold; text-decoration:line-through; color:#737373; }
#container .package .price .big { margin-left:7px; font-size:19px; font-weight:800; color:#ed2b11; }
#container .package .buyBtn { margin-top:10px; margin-left:72px; }

#container .client { height:270px; margin-top:480px; }
#container .client .clientLy { width:485px; height:270px; float:left; }
#container .client .clientLy .clientTitle { margin-top:31px; margin-bottom:20px; margin-left:16px; font-size:23px; font-weight:800; }
#container .client .clientLy .logo { width:472px; height:162px; margin-top:14px; margin-left:13px; }
#container .client .clientLy .logo ul { width:450px; height:162px; padding:0; margin:0; }
#container .client .clientLy .logo ul li { width:450px; height:49px; margin-bottom:7px; margin-right:7px; float:left; }

#container .clientLy { width:485px; height:270px; float:left; }
#container .clientLy .clientTitle { margin-top:10px; margin-bottom:20px; margin-left:16px; font-size:23px; font-weight:800; }
#container .clientLy .logo { width:472px; height:162px; margin-top:14px; margin-left:13px; }
#container .clientLy .logo ul { width:450px; height:162px; padding:0; margin:0; }
#container .clientLy .logo ul li { width:450px; height:49px; margin-bottom:7px; margin-right:7px; float:left; }

#container .customerLy { width:100%; height:190px; position:absolute; left:0px; top:1807px; border-top:#ebecee solid 1px; }
#container .customerLy .customer { padding-top:39px; padding-bottom:39px; }
#container .customerLy .customer .customerInfo { width:285px; height:111px; float:left; }
#container .customerLy .customer .customerInfo .customerTitle { margin-top:2px; margin-bottom:6px; font-size:18px; font-weight:bold; }
#container .customerLy .customer .customerInfo .customerTel { font-size:33px; font-weight:bold; color:#f05223; }
#container .customerLy .customer .customerInfo .customerText { margin-top:5px; font-size:12px; line-height:16px; color:#c2c2c2; }
#container .customerLy .customer .btnLy { width:560px; height:111px; float:right; }
#container .customerLy .customer .btnLy .btnImg { float:left; margin-right:6px; }
#container .customerLy .customer .btnLy .btnImg.last { float:left; margin-right:0px; }
#container .customerLy .customer .bankLy { width:224px; height:40px; margin-left:190px; padding:10px; position:absolute; border:solid #ececec 1px; background-color:#ffffff; display:none; }
#container .customerLy .customer .bankLy .bankNm { font-size:18px; font-weight:bold; }
#container .customerLy .customer .bankLy .accountNum { font-size:20px; font-weight:bold; color:#f05223; }

#container .customerLyEx { width:100%; height:190px; position:absolute; left:0px; top:1210px; border-top:#ebecee solid 1px; }
#container .customerLyEx .customer { padding-top:39px; padding-bottom:39px; }
#container .customerLyEx .customer .customerInfo { width:285px; height:111px; float:left; }
#container .customerLyEx .customer .customerInfo .customerTitle { margin-top:2px; margin-bottom:6px; font-size:18px; font-weight:bold; }
#container .customerLyEx .customer .customerInfo .customerTel { font-size:33px; font-weight:bold; color:#f05223; }
#container .customerLyEx .customer .customerInfo .customerText { margin-top:5px; font-size:12px; line-height:16px; color:#c2c2c2; }
#container .customerLyEx .customer .btnLy { width:560px; height:111px; float:right; }
#container .customerLyEx .customer .btnLy .btnImg { float:left; margin-right:6px; }
#container .customerLyEx .customer .btnLy .btnImg.last { float:left; margin-right:0px; }
#container .customerLyEx .customer .bankLy { width:224px; height:40px; margin-left:190px; padding:10px; position:absolute; border:solid #ececec 1px; background-color:#ffffff; display:none; }
#container .customerLyEx .customer .bankLy .bankNm { font-size:18px; font-weight:bold; }
#container .customerLyEx .customer .bankLy .accountNum { font-size:20px; font-weight:bold; color:#f05223; }

#footerMain { width:100%; height:170px; position:absolute; left:0px; top:1997px; background-color:#676767; }
#footerMainEx { width:100%; height:170px; position:absolute; left:0px; top:1400px; background-color:#676767; }
#footer { width:100%; height:170px; background-color:#676767; }

.center { width:970px; margin:0 auto; }
.visual_center { width:1370px; margin:0 auto; }
.split { margin-left:10px; margin-right:10px; }
.floatL { float:left; }
.floatR { float:right; }
.clear { clear: both; }