/**
* File Name : main.css
* Description : 메인 스타일시트
* Author : Web business Team / White
* Date : 2015.03.20
* Update : 2015.03.20
*/

/* Layout Selector */
#contents { z-index:1;}

/* event */
.event { z-index:10; float:left; width:692px; height:452px; margin:0 10px 10px 0;}

.event_list { z-index:10; position:relative; width:665px; height:34px; padding:16px 0 0 25px; background:#fcfcfc; border:solid 1px #d0d0d0; margin:0 10px 10px 0;}
.event_list h2 { float:left; color:#3a3a3a; font-size:15px; font-weight:bold; padding-right:30px;}
.event_list p a { color:#575757; font-size:14px; letter-spacing:-0.05em;}
.event_list p a:hover { text-decoration:underline;}
.event_list .btn_more { position:absolute; top:16px; right:25px;}
.event_list .btn_more a:hover { position:relative; top:1px;}

.event_box { margin-top:10px;}
#image_list_2 { width:690px; height:338px; border:solid 1px #d0d0d0;}
.clsBannerScreen { overflow:hidden; position:relative; width:690px; height:338px; cursor:pointer; clear:both;}
.clsBannerScreen .images { position:absolute; display:none;}

.clsBannerButton { width:692px;cursor:pointer;float:left;}
.clsBannerButton li:first-child { float:left; display:block; width:135px; height:30px; margin:5px 0 0 0px; padding-top:15px; background:#e1e1e1; border:solid 1px #d0d0d0; text-align:center; color:#5c5c5c; font-size:15px; letter-spacing:-0.05em; font-weight:bold;}
.clsBannerButton li { float:left; display:block; width:135px; height:30px; margin:5px 0 0 1px; padding-top:15px; background:#e1e1e1; border:solid 1px #d0d0d0; text-align:center; color:#5c5c5c; font-size:15px; letter-spacing:-0.05em; font-weight:bold;}
.clsBannerButton li.fir {color:#fff; background:#eb5465;}
.clsBannerButton li.labelOverClass { color:#fff; background:#0e024c;}


.left_menu {width:228px;  min-height:200px;  border:solid 1px #d0d0d0; margin-bottom:15px; }
.left_menu .tit_box {width:188px; height:60px; padding:35px 20px 20px 20px;}
.left_menu .e_tit {color:#dadada; font-weight:bold;}
.left_menu .tit {color:#000000; font-size:24px;  font-weight:bold; margin-top:10px}

/*.left_menu_list {}
.left_menu_list li {width:208px; height:40px; line-height:40px;  font-weight:bold;}
.left_menu_list li a {display:inline-block; width:208px; height:40px; border-top:1px solid #ececec ; background:url('../image/common/left_ico.png') no-repeat 195px center;  padding-left:20px; color:#666666 }
.left_menu_list li a:hover, li.on a {background:#1d8cdd url('../image/common/left_ico_on.png') no-repeat 195px center; color:#ffffff; width:208px; height:40px; }

.left_menu_list li .2dth {background:none}
.left_menu_list li a .2dth{width:208px; min-height:40px; background:none}
.left_menu_list li.2dth a span {padding-left:40px}*/

.con_tit {width:785px; height:90px; padding-left:20px}
.con_tit .stle  {padding-top:30px}
.con_tit .stle li {float:left; padding-left:15px; font-family:dotum; font-size:11px; color:#757575; background:url('../image/com/stle_low_ico.png') no-repeat 4px 4px; }
.con_tit .stle li a {font-family:dotum; font-size:11px; color:#757575 }
.con_tit .stle .home { background:url('../image/com/stle_ico.png') no-repeat left 3px;}
.con_tit h3 {clear:both; display:block;height:40px; font-size:34px; line-height:50px;  font-weight:bold; color:#324764;}
.con_tit .point {color:#1d8cdd}

.left_menu_list {}
.left_menu_list .depth {width:208px; height:40px; line-height:40px;  font-weight:bold;}
.left_menu_list .depth a{display:inline-block; width:208px; height:40px; border-top:1px solid #ececec ; background:url('../image/common/left_ico.png') no-repeat 195px center;  padding-left:20px; color:#666666  }
.left_menu_list .depth.on a,.sub_navi .depth a:hover {background:#1d8cdd url('../image/common/left_ico_on.png') no-repeat 195px center; color:#ffffff; width:208px; height:40px; }

.left_menu_list li.low {display:block; background:#none; padding:10px 0px}
.left_menu_list li.low span {background:url('../image/com/low_icon.gif') no-repeat 20px center; display:inline-block; width:200px; }
.left_menu_list li.low span a{display:inline-block; height:20px; border-bottom:0px; background:#none; padding-left:30px; font-size:12px; }
.left_menu_list li.low span a:hover{display:inline-block; height:20px; background:#none; color:#1d8cdd}
.left_menu_list li.low span.on a {display:inline-block; height:20px; background:#none; color:#1d8cdd}


/* log_box */
.log_box { width:228px; height:124px;  border:solid 1px #d0d0d0; margin-bottom:15px; }
.login { position:relative; height:100px; margin:10px}
.login .input_text { vertical-align:middle; padding:6px 3px; width:110px; height:18px; border:1px solid #cecece; font-size:13px; background:#f9f9f9; margin-bottom:6px;}
.login .btn_login { position:absolute; top:0; right:0; display:block; width:83px; height:70px; background:url('../image/com/btn_login.gif') no-repeat 50% top; border:0; border-radius:3px }
.login .log_bot {padding-top:10px }
.login .log_bot li { float:left; color:#5f5f5f; font-size:13px; letter-spacing:-0.05em;}
.login .log_bot li a { color:#5f5f5f; font-size:13px; letter-spacing:-0.05em;}
.login .log_bot li a:hover { text-decoration:underline;}
.login .p_log { padding-top:5px; color:#656565; font-size:13px;}
.login .p_log span { color:#2f2f2f; font-weight:bold;}
.login .log_list { padding:25px 0 0 0;}
.login .log_list li { padding-bottom:10px; color:#545454;}
.login .log_list li span { color:#eb5465; font-weight:bold;}
.login .log_top { position:relative; top:0; right:0;}
.login .log_top li { float:left; margin-left:5px;}
.login .log_top li a { display:block; border:solid 1px #cecece; font-size:12px; padding:4px 0; width:60px; text-align:center; color:#2f2f2f; background:#f2f2f2;}
.login .log_top li a:hover { position:relative; top:1px;}


.lebel_ban {width:230px; height:126px; background:#e0ebef url('../image/main/lebel_ban_bg.png') no-repeat 5px 10px;}
.lebel_ban .tit {font-size:16px; color:#0c7ccd; font-weight:bold; margin-left:75px; padding-top:15px; padding-bottom:5px}
.lebel_ban .txt {color:#4a4a4a; font-size:11px; margin-left:75px}
.lebel_ban .btn {width:230px; text-align:center; margin-top:10px}
.lebel_ban .btn .test a{display:inline-block; width:100px; height:27px; background:#0c7ccd; color:#ffffff; text-align:center; line-height:27px; }
.lebel_ban .btn .chk a{display:inline-block; width:100px; height:27px; background:#4a4e53; color:#ffffff; text-align:center; line-height:27px; }

.left_ban {width:228px; height:228px; border:1px solid #cecece; margin-top:15px; }
.left_ban .ban1 {width:208px; height:76px; margin-left:10px; border-bottom:1px solid #eeeeee; background:url('../image/main/left_ban_bg1.png') no-repeat left center;}
.left_ban .ban1 p a,.ban3 p a{display:inline-block; width:128px; height:76px; padding-left:80px}
.left_ban .ban1 p .tit, .ban3 p .tit {display:block; font-size:16px; color:#4a4e53; font-weight:bold;  padding-top:20px}
.left_ban .ban1 p .txt,.ban3 p .txt {display:block; font-size:12px; color:#848484; }

.left_ban .ban2 p a{display:inline-block; width:128px; height:76px; padding-left:80px}
.left_ban .ban2 p .tit {display:block; font-size:16px; color:#4a4e53; font-weight:bold;  padding-top:10px}
.left_ban .ban2 p .txt1 {display:block; font-size:12px; color:#0c7ccd; font-weight:bold; line-height:12px; padding-top:5px}
.left_ban .ban2 p .txt2 {display:block; font-size:12px; color:#848484;  }


.left_ban .ban2 {width:208px; height:76px; margin-left:10px; border-bottom:1px solid #eeeeee;  background:url('../image/main/left_ban_bg2.png') no-repeat left center;}
.left_ban .ban3 {width:208px; height:76px; margin-left:10px;background:url('../image/main/left_ban_bg3.png') no-repeat left center;}

.left_cs {width:228px; height:198px;  border:1px solid #cecece; margin-top:15px; }
.left_cs .tit {font-size:18px; color:#4a4e53; font-weight:bold; margin-left:10px; padding-top:15px; padding-bottom:10px}
.left_cs .txt {font-size:12px; color:#848484;  margin-left:10px;  padding-bottom:5px; line-height:16px}
.left_cs .img {margin-left:8px; padding-top:5px}

.class_ban {width:width:795px; height:282px; }
.class_ban li {background:url('../image/main/class_ban_bg.png') no-repeat left center; border:1px solid #cecece;  width:253px; height:124px;  position:relative; float:left; margin-bottom:15px}
.class_ban li a{display:inline-block; width:253px; height:124px; }
.class_ban li a:hover{border-top:3px solid #0c7ccd; width:253px; height:122px; }
.class_ban .img1 {display:inline-block; width:95px; height:122px; background:url('../image/main/class_ban1.png') no-repeat left center;position:absolute; top:0; left:0;}
.class_ban .img2 {display:inline-block; width:95px; height:122px; background:url('../image/main/class_ban2.png') no-repeat left center;position:absolute; top:0; left:0;}
.class_ban .img3 {display:inline-block; width:95px; height:122px; background:url('../image/main/class_ban3.png') no-repeat left center;position:absolute; top:0; left:0;}
.class_ban .img4 {display:inline-block; width:95px; height:122px; background:url('../image/main/class_ban4.png') no-repeat left center;position:absolute; top:0; left:0;}
.class_ban .img5 {display:inline-block; width:95px; height:122px; background:url('../image/main/class_ban5.png') no-repeat left center;position:absolute; top:0; left:0;}

.class_ban li span.tit {display:block;width:157px; font-size:16px; color:#0c7ccd; font-weight:bold;   position:absolute; top:20px; left:102px;}
.class_ban li span.txt {display:block;width:152px;font-size:12px; color:#848484; position:absolute; top:45px; left:102px; padding-right:5px}

.class_ban .notice {display:inline-block; width:80px; height:102px;  position:absolute; top:0; left:0; color:#0c7ccd; text-align:center; font-weight:bold; line-height:30px ; padding-top:20px}
.class_ban .notice .day {display:inline-block; font-size:40px; color:#b5b5b5;}

.right_teacher {width:523px; height:228px; border:1px solid #cecece;  float:left}
.right_teacher .tit {width:513px; height:40px; background:#f5f5f5; font-size:16px; color:#4a4e53; font-weight:bold; line-height:40px; padding-left:10px }
.right_teacher .txt {font-size:12px; color:#b8b8b8; }

.right_teacher li {float:left; margin:20px 6px 0 6px}
.right_teacher li .img {display:block; width:87px; height:98px; border:2px solid #f5f5f5}
.right_teacher li .t_info {display:block; font-size:11px; width:87px; line-height:16px;  color:#848484; margin-top:5px}

.real {width:253px; height:228px; border:1px solid #cecece; float:left; margin-left:15px}
.real .tit {width:243px; height:40px; background:#f5f5f5; font-size:16px; color:#4a4e53; font-weight:bold; line-height:40px; padding-left:10px }
.real ul {width:233px; margin-left:10px; margin-top:10px}
.real li a{display:inline-block; width:223px; height:26px; border-bottom:1px solid #f5f5f5; color:#4a4e53; background:url('../image/main/real_ico.gif') no-repeat left center; line-height:26px; padding-left:10px; font-size:12px}
.real li:last-child  a{border:0px solid}
.real .txt {display:inline-block;float:left}
.real .num {display:inline-block;float:right}

.q_ban {width:523px; height:198px;  border:1px solid #cecece; float:left;  margin-top:15px;}
.q_ban li {width:103px; height:199px; border-right:1px solid #f5f5f5; float:left}
.q_ban li:last-child {border:0px solid}
.q_ban li a{display:inline-block; width:103px; height:64px; text-align:center; padding-top:135px; color:#4a4e53;}

.q_ban .img1 {background:url('../image/main/quick_ban1.gif') no-repeat center 40px;}
.q_ban .img2 {background:url('../image/main/quick_ban2.gif') no-repeat center 40px;}
.q_ban .img3 {background:url('../image/main/quick_ban3.gif') no-repeat center 40px;}
.q_ban .img4 {background:url('../image/main/quick_ban4.gif') no-repeat center 40px;}
.q_ban .img5 {background:url('../image/main/quick_ban5.gif') no-repeat center 40px;}

.right_ban {width:255px; height:200px;   float:left;  margin-top:15px; margin-left:15px}
.right_ban .ban1 {width:240px; height:95px; background:#e0ebef url('../image/main/right_ban1.png') no-repeat 174px center; padding-left:15px}
.right_ban .ban1 a {display:inline-block;width:255px; height:95px;  }
.right_ban .ban2 {width:240px; height:95px; background:#e0ebef url('../image/main/right_ban2.png') no-repeat 174px center; margin-top:10px; padding-left:15px}
.right_ban .ban2 a {display:inline-block;width:255px; height:95px;  }

.right_ban .ban1 .tit, .ban2 .tit {display:block; font-size:16px; color:#0c7ccd; font-weight:bold;  padding-top:20px}
.right_ban .ban1 .txt,.ban2 .txt {display:block; font-size:12px; color:#585d61; line-height:16px; padding-top:5px}



.main_ban1 {width:100%; height:665px; background:url('../image/main/main_ban1.png') no-repeat center top;}
.main_ban1 .in {width:1050px; height:665px; margin:auto; background:url('../image/main/main_ban1.png') no-repeat center top;}

.main_ban2 {width:100%; height:895px; background:url('../image/main/main_ban2.png') no-repeat center top;}
.main_ban2 .in {width:1050px; height:895px; margin:auto; background:url('../image/main/main_ban2.png') no-repeat center top;  position:relative; }
.main_ban2 .in .btn {position:absolute; top:645px; left:400px;}

.main_ban3 {width:100%; height:1000px; background:url('../image/main/main_ban3.png') no-repeat center top;}
.main_ban3 .in {width:1050px; height:1000px; margin:auto; background:url('../image/main/main_ban3.png') no-repeat center top;  position:relative; }
.main_ban3 .in .btn {position:absolute; top:777px; left:438px;}

.main_ban4 {width:100%; height:645px; background:url('../image/main/main_ban4.png') no-repeat center top;}
.main_ban4 .in {width:1050px; height:645px; margin:auto; background:url('../image/main/main_ban4.png') no-repeat center top;  position:relative; }



.main_ban5 {width:100%; height:759px; background:url('../image/main/main_ban5.png') no-repeat center top;}
.main_ban5 .in {width:1050px; height:759px; margin:auto; background:url('../image/main/main_ban5.png') no-repeat center top;  position:relative; }
.main_ban5 .in .btn1 {position:absolute; top:675px; left:53px;}
.main_ban5 .in .btn2 {position:absolute; top:675px; left:322px;}
.main_ban5 .in .btn3 {position:absolute; top:675px; left:591px;}
.main_ban5 .in .btn4 {position:absolute; top:675px; left:860px;}

.main_cs {width:1050px; height:325px; margin:auto; border:1px solid #cecece; border-top:3px solid #212121;}
.main_cs .notice {height:55px;  border-bottom:1px solid #cecece; line-height:55px}
.main_cs .notice .tit {float:left; display:inline-block; color:#212121; font-size:16px; font-weight:bold; margin:0 20px}
.main_cs .notice .txt a {float:left; color:#999999}
.main_cs .notice .more {float:right; margin-right:20px; margin-top:10px}

.main_cs .cs_box {height:270px;}
.main_cs .cs_box .cs1 {width:310px; float:left; padding:20px}
.main_cs .cs_box .tit {display:inline-block; color:#212121; font-size:16px; font-weight:bold;}
.main_cs .cs_box .cs1 .num {font-size:40px; font-weight:bold; color:#1e6bb1; margin-top:20px }
.main_cs .cs_box .cs1 .txt {font-size:12px; color:#696969; margin-top:15px}
.main_cs .cs_box .cs1 .btn a {display:inline-block; width:238px; background:#1e6bb1; color:#ffffff; height:30px; line-height:30px; text-align:center; margin-top:10px}
.main_cs .cs_box .cs1 .time { width:160px; height:65px; background:url('../image/main/time_ico.png') no-repeat left top; margin-top:20px; padding-left:70px; color:#696969; }
.main_cs .cs_box .cs1 .time span {color:#1e6bb1}
.main_cs .cs_box .cs2 {width:310px; float:left; padding:20px}
.main_cs .cs_box .cs2 ul {margin-top:10px}
.main_cs .cs_box .cs2 li {line-height:20px; clear:both}
.main_cs .cs_box .cs2 .txt {float:left; background:url('../image/main/cs_ico.png') no-repeat left center; padding-left:10px}
.main_cs .cs_box .cs2 .data {float:right; color:#999999 }

.main_cs .cs_box .cs3 {width:310px; float:left; padding:20px}
.main_cs .cs_box .cs3 .back_num {font-size:30px;  color:#1e6bb1; font-weight:bold; margin-top:20px}
.main_cs .cs_box  .bank_tit {FONT-SIZE:12PX; color:#999999; margin-left:10px}
.main_cs .cs_box  .bank_tit .name {font-size:16px; color:#1e6bb1;}
.main_cs .cs_box .cs3 .txt {font-size:12px; color:#696969; margin-top:15px}
.main_cs .cs_box .cs3 ul {margin-top:25px}
.main_cs .cs_box .cs3 li a {display:inline-block; width:103px; float:left; text-align:Center;}
.main_cs .cs_box .cs3 li span{display:block; color:#696969; margin-top:10px}