/**
* 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:5px}
.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:100px; height:120px; border:2px solid #f5f5f5}
.right_teacher li .t_info {display:block; font-size:12px; width:87px; line-height:16px;  color:#848484; margin-top:5px}
*/

.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:110px; 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:5px}
.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}


#tabmenu{width:785px;border-bottom:2px solid #000000; background:#ffffff; height:40px; margin-top:70px; margin-bottom:50px; margin-left:20px}
#tabmenu ul {overflow:hidden; }
#tabmenu ul li,#tabmenu ul li a{ }
#tabmenu ul li{float:left;line-height:40px; width:100px; border-top:1px solid #c9c9c9;border-right:1px solid #c9c9c9;background:url('/images/mypage/mypage_tab_bg.gif') repeat-x bottom; position:relative; margin-top:3px}
#tabmenu ul li:first-child{border-left:1px solid #c9c9c9;}
#tabmenu ul li a{display:inline-block;width:100px; height:36px;text-align:center; background-position: 100% 0;cursor:pointer;color:#585858;text-decoration:none !important}
#tabmenu ul li a:hover{color:#585858}
#tabmenu ul li.on{border:2px solid #000000;border-bottom:0; height:38px;background:#ffffff;margin-top:0;margin-bottom:0px;padding-top:2px;z-index:10; color:#003e7c}
#tabmenu ul li.on a{width:100px; color:#003e7c;   font-weight:bold; }

.faq {width:785px; margin-left:20px}
.faq .search {text-align:right; height:33px;}
.faq .search  input[type=text] {width:150px; height:31px; border:1px solid #d0d0d0; line-height:31px;}
.faq .search  select {width:70px; height:34px; vertical-align:top; padding:7px 0px;  border:1px solid #d0d0d0; color:#095e7c}

.faq table {border-top:2px solid #505050; margin-top:20px; border-bottom:1px solid #a0a0a0}
.faq th {height:45px; background:#f6f6f6; color:#545454; border-bottom:1px solid #a0a0a0}
.faq td {height:45px; color:#2b2b2b; border-bottom:1px solid #e2e2e2; text-align:center}
.faq td.title {text-align:left; padding-left:10px}
.faq td.title a{text-align:left}
.faq td.title a:hover {color:#0083b0; text-decoration:underline}
.faq td.title .new_ico {margin-left:10px}


.search_btn a{display:inline-block; width:103px; height:33px; background:#2c99e5; text-align:center; line-height:33px; color:#fff; vertical-align:middle; font-weight:bold;}