@import url('https://fonts.googleapis.com/css?family=Do+Hyeon:400');


/* 메인 */
/* Flex Slide */
.flexslider {position:relative}
.flexslider .slides a {display:inline} 
.flexslider .slides img {width:100%} 
.flexslider .flex-control-nav {position:absolute;width:100%;bottom:15px;text-align:center;z-index:100}
.flexslider .flex-control-nav li {display:inline-block}
.flexslider .flex-control-nav li a {display:inline-block;width:14px;height:14px;background:#666;margin:0 10px 0 0;text-indent:-99999em;overflow:hidden;-webkit-border-radius:8px;border-radius:8px;cursor:pointer}
.flexslider .flex-control-nav li a.flex-active {background:#f05a24;border-color:#f05a24}
.flexslider .flex-direction-nav {display:none !important}
.flexslider.inline-nav .flex-control-nav {position:static;bottom:0;padding:10px 0}
#slide-list {padding-bottom:30px}
#slide-list .flex-control-nav li a {background:#dadada;border:2px #bfbfbf solid}
#slide-list .flex-control-nav li a.flex-active {background:#f05a24;border-color:#f05a24}

.mainBanner{display: block}
.mainBanner a{display: block}
.mainBanner a img{width: 100%}

.mainSns{display: block; background: #cccccc; text-align: center; padding: 12px 0}
.mainSns a{width: 62px; display: inline-block; margin: 0 2%}
.mainSns a img{width: 100%;}



/* sub */
.sub{min-height: 400px; margin-bottom: 50px; margin-top: -40px;}
b{font-weight: bold}

.subTitle{display: block; position: relative; height: 40px; background: url(/images/common/subTop_bg.png) left top; background-size: auto 40px; text-align: center;line-height: 40px; font-size: 16px;text-shadow: 1px 1px 0px #999; color: #fff;font-weight: bold}
.subTitle a{position: absolute; left:10px; top: -2px}
.subTitle a img{width: 38px}

.subText{display: block; font-family: 'Do Hyeon'; font-size:25px; margin:30px 0 35px; color:#000;  text-align: center; line-height: 130% }
.subText b{ color: #f05a24; font-size:30px; font-weight:400; }
.subText img{height: 19px; margin-top: -2px; padding-right: 2px}



/* YBM잉글루 */
.info{display: block; padding:0 10px; }
.info span{color:#5a9711 }

.infoImg{display: block; margin: 40px  0 40px; text-align: center}
.infoImg ul{margin-bottom: 20px}
.infoImg ul li{display: inline-block;  width: 32%;text-align: center; font-size: 9px;letter-spacing:-0.08em; vertical-align: top; line-height: 130%}
.infoImg ul li img{width: 55px;clear:both;}
/*.infoImg ul:last-child li{width: 49%;}*/


.info2{display: block; padding:0 10px; margin-bottom: 42px }
.info2 span{color:#f05a24 }

.info3{display: block; padding:0 10px; position: relative }
.info3 .subBox1{display: block; border: #91db39 2px solid; border-radius:10px; padding: 20px;position: relative}
.info3 .subBox1 ul li{padding-left: 30px;position: relative; margin-bottom: 5px}
.info3 .subBox1 ul li b{color: #000;}
.info3 .subBox1 ul li img{position: absolute; margin-left: -30px; width: 22px; top:3px}

/* 교육프로그램 */
.tab{margin: 30px 0 30px; text-align: center; height: 40px; display: block;}
.tab a{width: 48%; display: inline-block;border: #cccccc 2px solid; border-radius:5px; text-align: center; line-height: 30px; color: #717171; font-weight: bold; padding-top: 4px;}
.tab a:last-child {float: right}
.tab a:first-child {float: left}
.tab a:nth-child(2) {float: right}
.tab a:nth-child(3) {float: left; margin-top: 6px}
.tab a:nth-child(4) { margin-top: 6px}
.tab a.on{border: #f05a24 2px solid;color: #f05a24;}

.tab3 a{width: 31%;}
.tab4{height: 80px}

.coursebookImg{display: block; margin: 0px 0 20px}
.coursebookImg img{width: 100%;}


.coursebook{display: block; position: relative;border-top: #cccccc 2px solid;}
.coursebook ul li{display: block; position: relative; padding:15px 0 15px 85px;border-bottom: #cccccc 2px solid;}
.coursebook ul li b{color: #f05a24}
.coursebook ul li dt{display: inline-block; position: absolute; width:75px; margin-left:-85px;border-radius:5px; text-align: center;color: #fff; padding: 8px 0; margin-top: -5px; font-size: 11px; line-height: 120%}
.coursebook ul li:nth-child(1) dt{background: #ff0000}
.coursebook ul li:nth-child(2) dt{background: #ed7d31}
.coursebook ul li:nth-child(3) dt{background: #ffc000}
.coursebook ul li:nth-child(4) dt{background: #00b050}
.coursebook ul li:nth-child(5) dt{background: #0070c0}
.coursebook ul li:nth-child(6) dt{background: #002060}
.coursebook ul li:nth-child(7) dt{background: #7030a0}
.coursebook ul li:nth-child(8) dt{background: #cc99ff}
.coursebook ul li:nth-child(9) dt{background: #ffd966}
.coursebook ul li:nth-child(10) dt{background: #d89f98}

.coursebook2 {display: block; margin: 30px 0; }
.coursebook2 dt{display: block; margin-bottom: 15px; font-size: 18px;  color: #f05a24; text-align: center}
.coursebook2 dt b{font-size: 22px;}

/* 부교재 */
.coursebook3 {display: block; margin: 30px 0;border-top: #cccccc 2px solid;border-bottom: #cccccc 1px solid; text-align: center; padding: 20px 0;}
.coursebook3 img{ width: 75px; margin:0 10% 10px; border: #d1d1d1 1px solid}


.coursebook4 {display: block; text-align: center;}
.coursebook4 ul{margin-bottom: 20px}
.coursebook4 ul li{display: inline-block; width: 45%; padding: 0 2%; text-align: center; vertical-align: top}
.coursebook4 ul li img{ width: 75px; margin:0 0 10px; border: #d1d1d1 1px solid}


.coursebook5 {display: block; margin: 30px 0;border-top: #cccccc 2px solid;border-bottom: #cccccc 1px solid; text-align: center; padding: 20px 0;}
.coursebook5 img{ width: 60px; margin:0 2px 10px; border: #d1d1d1 1px solid}


.testcenter{display: block; position: relative;border-top: #cccccc 2px solid; margin-top: 25px}
.testcenter ul li{display: block; padding:65px 0 15px 0px;border-bottom: #cccccc 2px solid;}
.testcenter ul li b{color: #f05a24}
.testcenter ul li dt{display: inline-block;position: absolute; border-radius:5px; text-align: center;color: #000; padding: 8px 20px; background: #fff1b8; margin-bottom: 10px ;clear:both; margin-top: -50px}
.testcenter ul li dt span{font-size: 11px}
.testcenter ul li dd{display: block; margin-bottom: 4px; padding-left: 15px}
.testcenter ul li dd span{position: absolute; display: inline-block; width: 10px; margin-left: -15px; color:#f05a24;  }

.testcenter ul li:nth-child(2) dt{background: #ffe0b7; }
.testcenter ul li:nth-child(3) dt{background: #ffcdb8; }

/* 무료체험 신청하기 */
.experience{display: block; font-size: 9px; margin-bottom: 15px; line-height: 130%}
.experience dt{display: block; position: relative;  font-size: 15px;color: #000;font-weight: bold; margin-bottom: 5px}

.experienceTable{border:0; border-spacing:0; padding:0; border-collapse:collapse; width: 100%; border-top: #5e5e5e 2px solid; margin-bottom: 20px}
.experienceTable tr th{text-align: left; width: 30%; font-size: 11px; line-height: 130%; border-bottom: #cccccc 1px solid}
.experienceTable tr td{padding: 5px 0; min-height: 30px; border-bottom: #cccccc 1px solid}
.experienceTable tr td input{ width: 94%;  }
.experienceTable tr td .hp1{width: 22%}
.experienceTable tr td textarea{height:65px;width: 94%;  }

.okPage{display: block;border-top: #cccccc 1px solid;border-bottom: #cccccc 1px solid; text-align: center; padding: 20px 0;}
.okPage dt{font-size: 20px;color: #f05a24; margin-bottom: 20px}

.btn{display: block; text-align: center; margin: 25px 0}
.btn a{width: 30%; text-align: center; display: inline-block; margin: 0 2%; background: #626262; color: #fff; font-size: 15px; font-weight: bold; border: #454545 1px solid; line-height: 32px}
.btn a.orange{background: #f85421;border: #df1a0b 1px solid;}
.btn button{width: 30%; text-align: center; display: inline-block; margin: -5px 2% 0; background: #f85421; color: #fff; font-size: 15px; font-weight: bold; border: #df1a0b 1px solid; line-height: 32px}

/* 프랜차이즈 */
.benefit{display: block; }
.benefit ul li{display: block;margin-bottom:10px;  border: #ffd836 1px solid;border-radius:10px; padding:8px; height:77px; padding-left:80px}
.benefit ul li img{position: absolute; margin-left: -75px; width: 60px;}
.benefit ul li dt{color: #000; font-size: 15px; font-weight: bold; margin:11px 0 0px}
.benefit ul .benefitDown{ display:block;position: absolute;width: 100%; text-align: center; }
.benefit ul .benefitDown img{width: 26px; margin-top: -40px;margin-left: -13px;}


/* 가맹상담 신청하기 */
.affiliation{display: block; font-size: 12px; line-height: 130%}
.affiliation dt{display: block; position: relative;  font-size: 15px;color: #000;font-weight: bold; margin:18px 0 5px}

.affiliationTable{border:0; border-spacing:0; padding:0; border-collapse:collapse; width: 100%; border-top: #5e5e5e 2px solid; margin-bottom: 20px}
.affiliationTable tr th{text-align: left; width: 30%; font-size: 11px; line-height: 130%; border-bottom: #cccccc 1px solid}
.affiliationTable tr td{padding: 5px 0; min-height: 30px; border-bottom: #cccccc 1px solid}
.affiliationTable tr td input{ width: 94%;  }
.affiliationTable tr td input[type="radio"]{width:16px;height:16px}
.affiliationTable tr td .hp1{width: 22%}
.affiliationTable tr td .wh50{width: 50%}
.affiliationTable tr td .mail1{width: 31%; margin-bottom: 3px}
.affiliationTable tr td .mail2{width: 47%;margin-bottom: 3px}
.affiliationTable tr td select{ width: 94%; }
.affiliationTable tr td .mb3{margin-bottom: 3px}

.affiliationTxt{font-size: 10px; line-height: 130%}

.agree{display: block; margin:0px 0 20px;border-top: #5e5e5e 2px solid;border-bottom: #cccccc 1px solid;}

.agree ul li{color: #888888; font-size: 10px;letter-spacing:-0.08em; padding:10px 0}
.agree ul li dt{color: #000; font-size: 13px; letter-spacing:0;}
.agree ul li:last-child{color: #000; font-size: 13px; border-top: #cccccc 1px solid; }


/* 잉글루 찾기 */
.subtab2{margin: 30px 0;border-bottom: #f05a24 2px solid; height: 30px; text-align: center}
.subtab2 a{width: 47%; display: inline-block;border: #cccccc 2px solid; border-radius:5px 5px 0 0; text-align: center; line-height: 34px; color: #717171; font-weight: bold;border-bottom: none; margin-top: -2px; letter-spacing:-0.08em;height: 30px;}

.subtab2 a.on{border: #f05a24 2px solid;color: #f05a24;border-bottom: #fff 5px solid; background: #fff;height: 33px;}


.subtab3{margin: 30px 0;border-bottom: #f05a24 2px solid; height: 30px; text-align: center}
.subtab3 a{width: 31%; display: inline-block;border: #cccccc 2px solid; border-radius:5px 5px 0 0; text-align: center; line-height: 34px; color: #717171; font-weight: bold;border-bottom: none; margin-top: -2px; letter-spacing:-0.08em;height: 30px;}

.subtab3 a.on{border: #f05a24 2px solid;color: #f05a24;border-bottom: #fff 5px solid; background: #fff;height: 28px;}

.searchBox{display: block; text-align: center; border: #cccccc 1px solid;padding: 10px 0; margin-bottom: 15px}
.searchBox select{width: 20%;}
.searchBox input[type="text"]{width: 50%; }
.searchBox input[type="button"]{ height: 27px; border-radius:5px; width: 13%; color: #fff; background: #959595; border: #505050 1px solid;border-top: #505050 2px solid; line-height: 27px}

.campusLocTable{border:0; border-spacing:0; padding:0; border-collapse:collapse; width: 100%; border-top: #5e5e5e 2px solid; margin-bottom: 20px}
.campusLocTable tr th{ text-align: center; padding: 15px 0 11px; font-size: 13px; line-height: 130%; border-bottom: #cccccc 1px solid}
.campusLocTable tr th:nth-child(1){width: 56%}
.campusLocTable tr th:nth-child(2){width: 27%}
.campusLocTable tr th:nth-child(3){width: 17%}

.campusLocTable tr td{padding: 10px 0 6px; line-height: 130%; border-bottom: #cccccc 1px solid;font-size: 11px;}
.campusLocTable tr td dt{font-size: 13px; font-weight: bold}
.campusLocTable tr td:nth-child(2),.campusLocTable tr td:nth-child(3){text-align: center;}
.campusLocTable tr td a{border: #cccccc 1px solid;border-radius:5px; padding: 5px 2px; color: inherit}

.page{display: block; text-align: center}
.page a{ display: inline-block; margin: 2px; width: 22px; height: 22px; text-align: center; line-height: 25px;color: inherit}
.page a img{width: 100%}

.campusLocTableView{border:0; border-spacing:0; padding:0; border-collapse:collapse; width: 100%; border-top: #5e5e5e 2px solid; margin-bottom: 20px}
.campusLocTableView tr th{ text-align: left; padding: 15px 5px 11px; font-size: 13px; line-height: 130%; border-bottom: #cccccc 1px solid}
.campusLocTableView tr td{padding: 10px 5px 6px 70px; line-height: 130%; border-bottom: #cccccc 1px solid;}
.campusLocTableView tr td dt{font-size: 13px; font-weight: bold; display: inline-block; width: 60px; border-right: #cccccc 1px solid; margin-right: 5px; position: absolute; margin-left: -70px}

.campusLocTableView tr:nth-child(4) td{padding: 20px 5px; text-align:center}
.campusLocTableView tr:nth-child(4) td img{width: 100%}


/* 사업설명회안내 */
.fair{display: block; clear:both;}
.fairTable{border:0; border-spacing:0; padding:0; border-collapse:collapse; width: 100%; border-top: #5e5e5e 2px solid; margin: 0px 0 20px;}
.fairTable tr th{ text-align: center; padding: 11px 0 11px; font-size: 13px; line-height: 130%; border-bottom: #cccccc 1px solid}
.fairTable tr th:nth-child(1){width: 45%}
.fairTable tr th:nth-child(2){width: 35%}
.fairTable tr th:nth-child(3){width: 20%}

.fairTable tr td{padding: 10px 0 6px; line-height: 150%; border-bottom: #cccccc 1px solid;font-size: 13px;}
.fairTable tr td b{font-size: 14px; font-weight: bold}
.fairTable tr td:nth-child(2),.fairTable tr td:nth-child(3){text-align: center;}
.fairTable tr td a{border: #cccccc 1px solid;border-radius:5px; padding: 8px 2px 5px; color: inherit}


/* 키즈코딩 */
.coding_title{display: block; margin-bottom: 20px; }
.coding_title b{display: block; font-size:18px; color: #010101; margin-bottom:5px }

.coding_Box{display: block; margin-bottom: 10px; padding: 15px 10px 15px 10px; border: #ffd836 2px solid; border-radius:10px;}
.coding_Box .w100{width: 100%}

.coding_Btn{display: block; text-align: center; margin: 50px auto 30px}
.coding_Btn a{ background: #f05a24; font-size: 18px;  color: #fff; padding: 7px 30px;border-radius:50px;}


.coding_sBox02 ul li img{width: 123px; margin-left: -133px; position: absolute}
.coding_sBox02 ul li{padding-left: 133px; vertical-align: top; font-size: 11px;min-height: 70px }
.coding_sBox02 ul li dt{display: block; font-size: 14px; font-weight: 600; color: #010101;margin-bottom:5px; padding-left: 30px }
.coding_sBox02 ul li dt img{ width: 21px;  margin-left: -30px; margin-top: 4px}

.coding_sBox03 ul li{padding:20px 10px 10px; text-align: center; font-size: 14px; font-weight: 600;  color: #010101;}
.coding_sBox03 ul li img{margin-bottom: 10px;}

.coding_sBox03 table{border:0; border-spacing:0; padding:0; border-collapse:collapse; margin-top: 30px}
.coding_sBox03 table tr td{text-align: center; font-size: 11px; line-height: 140%}
.coding_sBox03 table tr td div{ display: block; background: #ffc000; text-align: center;font-size: 12px;  color: #010101; border-radius:10px 10px 0 0; line-height: 30px; }
.coding_sBox03 table tr td img{width: 100%; padding-bottom: 7px}
.coding_sBox03 table tr td:nth-child(2) img{ width: 8px; }
.coding_sBox03 table tr td:nth-child(4) img{ width: 8px; }