@CHARSET "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

.clear_fix:after{content:"";display:block;clear:both}

.color_B{color:#4faeed}
.bold{font-weight:bold;}
.font-14{font-size:14px}

.marB30{margin-bottom:30px;}
.marT30{margin-top:30px;}
.marB10{margin-bottom:10px;}

/*inp*/
input[type="text"].inp-w95{width:95px;}
input[type="text"].inp-w110{width:110px;}
input[type="text"].inp-w120{width:120px;}
input[type="text"].inp-w200{width:200px;}

/*sel*/
.request .select-box{position:relative;height:32px;border:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background-color:#83b800;display:inline-block;vertical-align: middle}
.request .select-box a{display:block;font-size:14px;letter-spacing:-1px;line-height:16px;padding:7px 0 7px;}
.request .select-box .select{padding-right:26px;padding-left:10px;background:none;border:0}
.request .select-box .select span{overflow:hidden;display:block;text-overflow: ellipsis;white-space: nowrap;color:#fff;}
.request .select-box .select .icon-drop{position:absolute;top:0;right:0;width:26px;height:30px;background:url('../img/web/icon-select.gif') no-repeat center;}
.request .select-box .option{display:none;position:absolute;top:30px;left:0;z-index:5;width:100%;border:0;background-color:#83b800;border-radius:0;} /*150430*/
.request .select-box .option li{background:none}
.request .select-box .option li a{padding-left:10px;padding-right:10px;color:#fff;}

.sel-w95{width:95px;}
.sel-w110{width:110px;}
.sel-w120{width:120px;}


.cont-area{width:1024px;margin:0 auto;}
.intro{width:100%;height:820px;background:url('../img/web/bg-gray-p.jpg') repeat 0 0;position:relative}
.intro-tit{font-size:50px;font-weight:normal;padding:10px 0}
.intro-sub{font-size:20px;margin-bottom:35px;}
.intro-sub.color_B{letter-spacing: -1px;font-size:18px;}

/* 메인 인트로 */
.top-intro{padding-top:40px;}
.cont-intro{margin-left:110px;}
.cont-intro p{padding-left:70px;font-size:16px;margin:10px 0}
.cont-intro dl{padding:20px 70px;font-size:14px;line-height:1.3em}
.cont-intro dl dt{margin-bottom:5px;font-weight: bold}
.cont-intro dl dd{color:#5e5e5e}
.cont-intro dl.speed{background:url('../img/web/bg-speed.png') no-repeat 18px center;}
.cont-intro dl.professional{background:url('../img/web/bg-professional.png') no-repeat 10px center;}
.cont-intro dl.result{background:url('../img/web/bg-result.png') no-repeat 18px center;}
.cont-intro dl.innovate{background:url('../img/web/bg-innovate.png') no-repeat 14px center;}

.center-logo{position:absolute;left:50%;bottom:-91.5px;margin-left:-91.5px;z-index:100;}

.sub-wrap{padding:30px 0;margin: 0 110px;position:relative}
.greetings{padding:90px 0;background:url('../img/web/greetings.png') no-repeat right 70%;}
.systems{background:url('../img/web/systems.png') no-repeat 95% 35px;}
.online{background:url('../img/web/online.png') no-repeat 5% 30px;}
.service{margin-left:110px;margin-right:0;padding:30px 0 60px;}
.request{margin: 0 100px 0 110px;}

.scroll-here{width:100%;height:0;position:absolute;top:-50px;}
.greetings .scroll-here{top:-10px;}

/* 클라이교육 */
.cont{width:100%;padding:30px 0;background:#a5d432}
.tit{font-size:26px;margin-bottom:20px;}
.tit span{font-size:16px;margin-left:5px;}
.sub-tit{color:#fff;font-size:20px;margin-top:5px}
.sub-ex{color:#fff;font-size:12px;line-height:1.5em;}

ul.d-list{padding:10px 0 10px 25px;}
ul.d-list li{margin-bottom:5px;color:#fff;font-size:14px}
ul.d-list li ul{padding:5px 0 5px 25px}
ul.d-list.detail>li{margin-bottom:20px}
ul.online-list{padding-left:0;}

/* 테이블 */
.board-list{text-align:center;width:100%;}
.board-list thead tr th{font-size:14px;color:#fff;background:#83b800;padding:12px 0 13px;border:1px solid #ffffff;border-left:0}
.board-list tbody tr th{font-size:14px;color:#fff;padding:12px 0 13px;border:1px solid #ffffff;border-left:0}
.board-list tbody tr td{font-size:14px;color:#fff;padding:12px 0 13px;border:1px solid #ffffff;border-left:0}
.board-list thead tr th:last-child{border-right:0}
.board-list tbody tr td:last-child{border-right:0}
.board-list tbody tr td.al-left{padding-left:55px}
.board-list tbody tr td.borR{border-right:1px solid #fff}
.board-list tbody tr td p{color:#fff;line-height:1.4em;}

.board-write{text-align:left;width:100%;border-top:1px solid #fff;}
.board-write tbody tr th{font-size:14px;color:#fff;padding:5px 10px 6px;border-bottom:1px solid #fff;}
.board-write tbody tr td{font-size:14px;color:#fff;padding:5px 10px 6px;border-bottom:1px solid #fff;}
.board-write thead tr th:last-child{border-right:0}
.board-write tbody tr td:last-child{border-right:0}
.board-write tbody tr td.al-left{padding-left:55px}
.board-write tbody tr td p{color:#fff;line-height:1.4em;}

.top-online{padding-left:370px;padding-bottom: 80px;}
.listening{padding:30px 0;margin:0 20px;background:url('../img/web/listening.png') no-repeat 80% center;}
.vocabulary{padding:30px 0;margin:0 20px;background:url('../img/web/vocabulary.png') no-repeat 4% center;background-size:206px;  text-indent:290px;}
.writing{padding:30px 0 130px;margin:0 20px;background:url('../img/web/writing.png') no-repeat 80% center;}

.color3{color:#333;}

.d-list.pointer{padding-left:125px;background:url('../img/web/pointer.png')no-repeat 10px center;}
.order{margin:30px 0}
.order li{width:115px;margin-left:10px;margin-right:65px;display:inline-block;vertical-align: bottom}
.order li:last-child{margin-right:10px;}
.order li span{color:#fff; font-size:17px;margin-top:5px;display:inline-block;letter-spacing: -1px;}

.tip{font-size:17px;color:#fff;margin-bottom:10px;}
.request input[type="text"]{background:#83b800;border:0;border-radius:0;height:32px;color:#fff;}
.request textarea{background:#83b800;border:0;border-radius:0;height:60px;color:#fff;}
.request tr td>span{margin:0 5px;}

.btn-area{text-align:center;margin:45px 0}
.request a.btn{background: #333333;color: #fff;display: inline-block;border-radius: 6px;text-align: center;width: 252px;font-size: 18px;padding: 15px 0;box-shadow: 0 4px 0 rgba(0,0,0,0.5);line-height:1.5em}

/* 공지사항 FAQ부분*/
.title{font-size:30px;margin-top:66px;margin-left:62px}
.notice-list thead tr th{background:#fee3e3;border:1px solid #dadada;padding:15px 23px;}
.notice-list tbody tr td{border:1px solid #dadada;padding:15px 23px;text-align:center;}
.notice-list tbody tr td.al-left{text-align:left}

.notice{margin:0 60px;min-height:720px;}

/* 페이징 */
.cont-area .page-box{text-align:center;margin:30px 0 50px;}
.cont-area .page-box ul{display:inline-block}
.cont-area .page-box ul li{float:left;margin-left:5px}
.cont-area .page-box ul li:first-of-type{margin-left:5px}
.cont-area .page-box ul li a{display:inline-block;min-width:15px;height:19px;padding:2px}
.cont-area .page-box ul li ul li.on a{border-bottom:1px solid #f93c02;color:#f93c02;font-weight:800}

/* select영역 */
.select-area {display:inline-block}
.select{display:inline-block;background:#ffffff url(../img/select.png) 95% center no-repeat;height:30px;padding:7px 9px;margin:0;border-radius:5px;border:1px solid #919191;vertical-align:middle;font-size:15px;}
.select span{overflow:hidden;display:block;line-height:13px;font-size:13px;}
.option{position:absolute;left:0;top:23px;border:1px solid #919191;border-radius:0 0 5px 5px;width:100%;padding-top:6px;border-top:none;display:none;background:#fff}
.option li{width:100%;background:#fff}
.option li:last-of-type{border-radius:0 0 5px 5px}
.option li a{display:block;width:100%;padding:7px 9px;font-size:13px;}

.cont-area .select-area.on{}
.cont-area .select-area.on .select{border-bottom:0;background:#ffffff url(../img/select_on.png) 95% center no-repeat;}
.cont-area .select-area.on .option{display:block;z-index:10}

/* calendar영역 */
.cont-area .calendar-box{display:block;}
.cont-area .calendar-box span{font-size:15px;}
.cont-area .calendar-box input[type=text]{text-align:center;border-radius:0;border:1px solid #dadada;font-size:15px;height:40px;}
.cont-area .calendar-box a{display:inline-block;vertical-align:middle;}
.cont-area .calendar-box a.icon-calendar{width:20px;height:40px;background:url(../img/icon-calendar.gif)no-repeat center;}
.cont-area .calendar-box a.search{padding:3px 45px;background:#dadada;font-size:15px;border-radius:5px;margin-left:15px;line-height:2.333em}

.cont-area .btn-area {margin-top: 30px;text-align: center}
.cont-area .btn{display: inline-block;padding:3px 45px;border-radius: 5px;background: #dadada;text-align: center;font-size: 15px; line-height: 2.333em;margin:0 5px;}
.cont-area .btn:last-of-type{margin:0}
.cont-area .btn.on {background-color: #f85353;border-color: #f85353;color: #fff}
.cont-area .btn.black{background-color:#333333;border-color:#333;color:#fff}

/* 검색부분 */
.cont-area .search_bar{margin-top:50px;margin-bottom:13px;}
.cont-area .search_bar .select-area .option{border:1px solid #dadada;border-radius:0;top:35px;}
.cont-area .search_bar .select-area .option li:last-of-type{border-radius:0}
.cont-area .search_bar .select-area .option{border-top:0}
.cont-area .search_bar .select-area .select{border-color:#dadada;border-radius:0;height:40px;}
.cont-area .search_bar .select-area .select span{font-size:15px;line-height:26px;}
.cont-area .search_bar input[type="text"]{border-color:#dadada;border-radius:0;height:40px;font-size:15px;margin-right:10px;padding:10px;}
.cont-area .search_bar .search{display:inline-block;vertical-align: middle}

.cont-area .notice_detail tr{}
.cont-area .notice_detail thead tr{background:#fee3e3}
.cont-area .notice_detail thead tr th{background:#fee3e3}
.cont-area .notice_detail tr th,.cont-area .notice_detail tr td{border:1px solid #dadada;padding:15px 23px;}
.cont-area .notice_detail.notice_list tr td{text-align:center}
.cont-area .notice_detail .notice_list tbody tr td.al-left{text-align:left}

.cont-area .notice_detail{margin-top:40px;}
.cont-area .notice_detail .content{height:380px; vertical-align: top;}
.cont-area .notice_detail dl{overflow:hidden;}
.cont-area .notice_detail dl dt,.notice_detail dl dd{float:left}
.cont-area .notice_detail dl dt{margin-left:10px;}
.cont-area .notice_detail dl dd{margin-right:10px;}
.cont-area .notice_detail tr td a.file-down{text-decoration:underline}
.cont-area .list-button{margin-top:13px;margin-bottom:40px;}

/*.cont-area .notice-write{margin-top:40px;}*/
.cont-area .notice-write tbody tr th{padding:15px 23px;border:1px solid #dadada;text-align:center;font-weight:bold;font-size:20px;}
.cont-area .color_R{color:#b51308}
.cont-area .notice-write tbody tr td{padding:15px 23px;border:1px solid #dadada;}
.cont-area .notice-write tbody tr.dt{}
.cont-area .notice-write tbody tr.dd{background:#fff4f4;}
.cont-area .notice-write tbody tr.dd td{background:#fff4f4;padding:15px 23px 15px 117px;overflow: hidden;line-height:22px;}
.cont-area .notice-write .t_answer{font-size:20px;float:left;font-weight:bold}
.cont-area .notice-write tbody tr.dd td p{margin-left:25px;}

/* 개인정보 및 이용약관 */
.ft-info{margin: 70px 60px 50px; border: 1px solid #ddd; padding: 30px 15px;}
.ft-info .footer-tit{font-size:16px;font-weight:bold;margin-bottom:20px;}
.ft-info .footer-sub{font-size:15px;margin-bottom:15px;}
.ft-info div{margin-bottom:25px;line-height:1.7em;}
.ft-info div p{padding-left:15px;margin-bottom:15px;}
.ft-info table{margin:20px 0}
.ft-info table thead tr th{padding:5px 10px; text-align:center;border:1px solid #a0a0a0;}
.ft-info table tbody tr td{padding:5px 10px;border:1px solid #a0a0a0;}

p.table-title {font-size: 18px;margin-bottom: 15px;}