@charset "UTF-8";

article{font-size:14px; color:#666; line-height:20px; text-align:center;}
article:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
select{height:28px; border:1px solid #b8bdc8; background:#fff; color:#333; padding-left:5px;}
textarea{height:68px; border:1px solid #b8bdc8; padding:5px; margin:10px 0;}
.in_txt{height:24px; border:1px solid #b8bdc8; background:none; text-indent:5px;}

#contents{}

/* 서브페이지 컨텐츠 영역 */
.company, .coding, .curriculum, .enterschool, .consulting, .privacy, .refund, .edu_price{padding-top: 60px; padding-bottom: 80px;}

/* 서브 TOP IMG */
.subtopimg{overflow:hidden;}
.subtopimg:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.subtopimg .width{position:relative; left:0;}
.subtopimg h1{color:#fff; font-size:56px; line-height:56px; font-weight:600; letter-spacing:0; text-align: center; padding: 97px 0px;}

.compnay_titlebg{background:url('/img/sub/company_topimg.jpg') center center / cover no-repeat;}
.coding_titlebg{background:url('/img/sub/coding_topimg.jpg') center center / cover no-repeat;}
.curriculum_titlebg{background:url('/img/sub/curriculum_topimg.jpg') center center / cover no-repeat;}
.enterschool_titlebg{background:url('/img/sub/enterschool_topimg.jpg') center center / cover no-repeat;}
.bbs_titlebg{background:url('/img/sub/bbs_topimg.jpg') center center / cover no-repeat;}
.footer_titlebg{background:url('/img/sub/footer_topimg.jpg') center center / cover no-repeat;}

/* 서브 TTL */
.tracking-in-expand-fwd-bottom {
	-webkit-animation: tracking-in-expand-fwd-bottom 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-expand-fwd-bottom 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-8-5 15:55:53
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-expand-fwd-bottom
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-expand-fwd-bottom {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px) translateY(500px);
            transform: translateZ(-700px) translateY(500px);
    opacity: 0;
  }
  40% {
    opacity: 0.1;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@keyframes tracking-in-expand-fwd-bottom {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px) translateY(500px);
            transform: translateZ(-700px) translateY(500px);
    opacity: 0;
  }
  40% {
    opacity: 0.1;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}

.ct_wrap{padding-bottom: 40px; position:relative;}
.ct_wrap .contens-title{font-size: 40px; color: #333; font-weight: 100; text-align: left; line-height: 40px; letter-spacing: -4px;}
.ct_wrap .contens-title:before{content:"/"; display: inline-block; color:#5960d4; font-size: 28px; font-weight: bold; position: relative; top: -7px; margin-right: 20px;}
.page-navi{color:#999999; font-size: 12px; position:relative; top: -34px; float: right;}
.page-navi ul li{float: left; letter-spacing:0;}
.page-navi ul li:last-child:after{display: none;}
.page-navi ul li:after{content:">"; display: inline-block;padding: 0px 10px; position: relative; top: -1px;}
.page-navi:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.subttl{font-size:24px; color:#333; background:url('/img/sub/course_blt.png') left 7px no-repeat; font-weight:normal; padding-left:20px; margin:50px 0 30px;}
.subttl span{color:#a5a5a5; font-size:13px; margin-left:10px;}

/* 인사말 */
.companypage{border-top:1px solid #d0d4dd;}
.companypage .top{}
.companypage .top:before{content:""; display:block; width:1100px; height:250px; background:url('/img/sub/company_img01.jpg') left top no-repeat; position:absolute; z-index:-1; margin-top:320px;}
.companypage .top:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.companypage .top .logo{float:left; width:355px; height:355px; background-color:#5960d4; margin:50px; line-height:330px;}
.companypage .top .txt{float:left; text-align:left; line-height:22px; width:51%; padding:20px;}
.companypage .mdl{margin-top:200px;}
.companypage .mdl:before{content:""; display:block; width:79%; height:260px; background-color:#e7e9ee; position:absolute; z-index:-1; margin-top:390px; left:0;}
.companypage .mdl:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.companypage .mdl .left{float:left; width:50%;}
.companypage .mdl .left .txt{text-align:left; line-height:22px; width:80%; position:relative; top:-50px; height:400px;}
.companypage .mdl .left img{}
.companypage .mdl .right{float:right; width:50%;}
.companypage .mdl .right .mov{width:550px; height:307px; overflow:hidden;}
.companypage .mdl .right .mov .swiper-pagination{position:relative; left:470px; width:70px; top:-290px;}
.companypage .mdl .right .mov .swiper-pagination-bullet{width:10px; height:10px; background:#6b6e7d; opacity:1; vertical-align:middle;}
.companypage .mdl .right .mov .swiper-pagination-bullet-active{background:none; border:2px solid #575ed0;}
.companypage .mdl .right .txt{background-color:#e7e9ee; text-align:left; line-height:22px; padding:30px 55px 42px; margin-top:82px;}
.companypage .btm{line-height:34px; font-size:22px; color:#333; margin-top:80px;}
.companypage .btm:before{content:"/"; display:block; color:#5960d4; font-size:22px; margin-bottom:10px;}
.companypage .btm span{display:block; font-size:18px; color:#666;}
.companypage .btm strong{color:#5960d4; font-weight:normal;}

/* 비전/미션 */
.vision{border-top:1px solid #d0d4dd; text-align:left;}
.vision .con{background:url('/img/sub/vision_bg.jpg') center top no-repeat; margin-top:50px;}
.vision .con:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.vision .con div{width:540px; height:280px; line-height:28px; font-size:18px; color:#fff; padding:50px 0 0 50px;}
.vision .con div h1{font-size:36px; height:50px;}
.vision .con .missiontxt{float:left; background-color:#5961d4;}
.vision .con .visiontxt{float:right; background:url('/img/sub/vision_visiontxtbg.jpg') right top no-repeat; margin-top:-210px;}
.vision .con ul{clear:both; padding-top:50px;}
.vision .con ul li{float:left; width:268px; background-color:#fff; font-size:13px; line-height:21px; padding:30px 35px; margin-left:43px;}
.vision .con ul li:first-child{margin-left:0;}
.vision .con ul li h2{font-size:18px; line-height:22px; color:#333; margin-bottom:10px;}
.business{background-color:#f7f8fa; padding-top:10px; margin:50px 0 70px;}
.business h1{text-align:left;}
.business ul{margin-left:-80px; margin-top:50px;}
.business ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.business ul li{width:510px; height:200px; float:left; margin-left:80px; margin-bottom:80px; position:relative;}
.business ul li p{text-align:left; background-color:#f7f8fa; font-size:16px; line-height:21px; color:#333; width:43%; position:absolute; right:0; bottom:0; padding:20px 0 10px 35px;}
.business ul li p span{font-size:13px; color:#666;}
.business ul li:before{content:""; display:block; background-color:#5960d4; width:20px; height:20px; position:absolute; right:0;}
.business ul li.bg1{background:url('/img/sub/vision_business_bg01.jpg') left top no-repeat;}
.business ul li.bg1:after{content:"01"; display:block; color:#5960d4; font-size:14px; font-weight:bold; padding:5px; background-color:#f7f8fa; width:23px; position:absolute; right:3px; top:3px;}
.business ul li.bg2{background:url('/img/sub/vision_business_bg02.jpg') left top no-repeat;}
.business ul li.bg2:after{content:"02"; display:block; color:#5960d4; font-size:14px; font-weight:bold; padding:5px; background-color:#f7f8fa; width:23px; position:absolute; right:3px; top:3px;}
.business ul li.bg3{background:url('/img/sub/vision_business_bg03.jpg') left top no-repeat;}
.business ul li.bg3:after{content:"03"; display:block; color:#5960d4; font-size:14px; font-weight:bold; padding:5px; background-color:#f7f8fa; width:23px; position:absolute; right:3px; top:3px;}
.business ul li.bg4{background:url('/img/sub/vision_business_bg04.jpg') left top no-repeat;}
.business ul li.bg4:after{content:"04"; display:block; color:#5960d4; font-size:14px; font-weight:bold; padding:5px; background-color:#f7f8fa; width:23px; position:absolute; right:3px; top:3px;}
.business ul li.bg5{background:url('/img/sub/vision_business_bg05.jpg') left top no-repeat;}
.business ul li.bg5:after{content:"05"; display:block; color:#5960d4; font-size:14px; font-weight:bold; padding:5px; background-color:#f7f8fa; width:23px; position:absolute; right:3px; top:3px;}
.business ul li.bg6{background:url('/img/sub/vision_business_bg06.jpg') left top no-repeat;}
.business ul li.bg6:after{content:"06"; display:block; color:#5960d4; font-size:14px; font-weight:bold; padding:5px; background-color:#f7f8fa; width:23px; position:absolute; right:3px; top:3px;}
.business ul li.bg7{background:url('/img/sub/vision_business_bg07.jpg') left top no-repeat;}
.business ul li.bg7:after{content:"07"; display:block; color:#5960d4; font-size:14px; font-weight:bold; padding:5px; background-color:#f7f8fa; width:23px; position:absolute; right:3px; top:3px;}
.business ul li.bg8{background:url('/img/sub/vision_business_bg08.jpg') left top no-repeat;}
.business ul li.bg8:after{content:"08"; display:block; color:#5960d4; font-size:14px; font-weight:bold; padding:5px; background-color:#f7f8fa; width:23px; position:absolute; right:3px; top:3px;}

/* 철학나눔 */
.csr:before{content:""; display:block; background:url('/img/sub/csr_bg.png') left top no-repeat; width:400px; height:540px; position:absolute; z-index:-1; left:0;}
.csr{background-color:#f2f2f9; height:540px;}
.csr:after{content:""; display:block; background-color:#f2f2f9; width:50%; height:540px; position:absolute; z-index:-1; right:0;}
.csr .swiper-container-csr{width:1400px; height:540px; position:absolute; margin-left:80px; overflow:hidden;}
.csr .swiper-slide .list{text-align:left;}
.csr .swiper-slide .list p{font-size:30px; color:#dfe0f8; font-weight:bold; position:absolute; top:145px; left:-60px; z-index:1; -ms-transform: rotate(270deg); /* IE 9 */-webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */transform: rotate(270deg);}
.csr .swiper-slide .list p:after{content:""; display:block; background-color:#858df3; width:70px; height:1px; position:absolute; top:11px; left:157px;}
.csr .swiper-slide .list img{width:365px; height:245px; position:relative; top:80px; left:45px;}
.csr .swiper-slide .list .txt{background-color:#fff; width:270px; height:215px; font-size:13px; line-height:21px; position:relative; padding:30px 40px; margin-top:20px;}
.csr .swiper-slide .list .txt h1{font-size:18px; color:#333; line-height:22px; margin-bottom:10px;}
.csr .swiper-slide .list .txt .go{background:url('/img/sub/csr_arrow.png') 80px 12px no-repeat; color:#999; width:150px; height:34px; border:1px solid #d7d7d7; display:block; line-height:32px; text-indent:10px; margin-top:30px;}
.csr .arrows{}
.csr .swiper-button-prev{background:url('/img/sub/csr_prev.png') left top no-repeat; width:40px; height:40px; top:522px; left:939px;}
.csr .swiper-button-next{background:url('/img/sub/csr_next.png') right top no-repeat; width:40px; height:40px; top:522px; right:380px;}
.csr .swiper-slide .list > img{opacity:0.5;}
.csr .swiper-slide-active .list > img{opacity:1 !important;}
.csr .swiper-slide-next .list > img{opacity:1 !important;}
.csr .opacity{position:relative;}
.csr .opacity .opacitywidth{position:absolute; background-color:#fff; width:350px; height:270px; left:1066px; top:266px; z-index:2; opacity:0.5;}

/* 시설안내 */
.installation:before{content:""; display:block; background-color:#f2f2f9; width:70%; height:360px; position:absolute; z-index:-1; left:0;}
.installation{height:600px;}
.installation:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.installation .tab{float:left; width:279px; position:relative; top:120px; z-index:1;}
.installation .tab li{text-align:left; margin-top:10px;}
.installation .tab li:first-child{margin-top:0;}
.installation .tab li h1{background-color:#8d8fa3; font-size:16px; color:#fff; width:220px; height:56px; line-height:54px; text-indent:20px;}
.installation .tab li h1.listbg1{background:url('/img/sub/installation_listbg01.jpg') left top no-repeat;}
.installation .tab li h1.listbg1:hover{background:url('/img/sub/installation_listbg01_over.jpg') left top no-repeat;}
.installation .tab li h1.listbg2{background:url('/img/sub/installation_listbg02.jpg') left top no-repeat;}
.installation .tab li h1.listbg2:hover{background:url('/img/sub/installation_listbg02_over.jpg') left top no-repeat;}
.installation .tab li h1.listbg3{background:url('/img/sub/installation_listbg03.jpg') left top no-repeat;}
.installation .tab li h1.listbg3:hover{background:url('/img/sub/installation_listbg03_over.jpg') left top no-repeat;}
.installation .tab li h1.listbg4{background:url('/img/sub/installation_listbg04.jpg') left top no-repeat;}
.installation .tab li h1.listbg4:hover{background:url('/img/sub/installation_listbg04_over.jpg') left top no-repeat;}
.installation .tab li h1.listbg5{background:url('/img/sub/installation_listbg05.jpg') left top no-repeat;}
.installation .tab li h1.listbg5:hover{background:url('/img/sub/installation_listbg05_over.jpg') left top no-repeat;}
.installation .tab li h1:hover{cursor:pointer;}
.installation .tab li p{display:none;}
.installation .tab li a.on h1{background:#5960d4; font-weight:bold; width:355px;}
.installation .tab li a.on h1:hover{background:#5960d4; font-weight:bold; width:355px;}
.installation .tab li a.on p{display:block; font-size:13px; line-height:19px; width:210px; padding:20px 0 0 20px; height:115px;}
.installation .cnt{float:right; width:821px; height:504px; position:relative; top:70px;}

/* 오시는길 */
.map{}
.map .info{}
.map .info:before{content:""; display:block; background-color:#e4e3f1; width:570px; height:160px; position:absolute; margin:-65px 0 0 530px; z-index:1;}
.map .info ul{background-color:#fff; width:460px; height:80px; padding:40px; position:relative; top:-100px; z-index:2; left:560px;}
.map .info ul li{text-align:left; margin-bottom:10px;}
.map .info ul li h1{font-size:18px; color:#111; display:inline-block; width:135px; vertical-align:top;}
.map .info ul li h1 img{margin-right:10px; vertical-align:text-bottom;}
.map .info ul li p{display:inline-block; line-height:24px;}
.map .info ul li p strong{margin-right:10px;}
.map .info ul li p .color1{color:#f27939;}
.map .info ul li p .color2{color:#365abc;}

/* 코딩교육이란 */
.summary{text-align:left;}
.summary .top{background:url('/img/sub/summary_bg.jpg') center center / cover no-repeat; width:100%; height:312px;}
.summary .top h1{font-size:36px; color:#fff; height:55px; padding:140px 0 0 50px;}
.summary .top p{font-size:18px; color:#a5a5a5; line-height:28px; padding-left:50px;}
.summary .top p strong{color:#fff; font-weight:normal;}
.summary .con{}
.summary .con:before{content:""; display:block; width:1100px; height:230px; background-color:#f2f2fa; position:absolute; z-index:-1; margin-top:320px;}
.summary .con .txt{padding:50px; line-height:22px;}
.summary .con .txt strong{color:#5960d4; font-weight:normal;}
.summary .con .txt h2{font-size:16px; color:#333; font-weight:normal;}
.summary .con .txt .img{margin-top:50px;}
.summary .con .txt .img:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.summary .con .txt .img .left{float:left; width:42%;}
.summary .con .txt .img .right{float:right; width:58%; margin-top:45px;}

/* 코딩교육의 필요성 */
.necessity{text-align:left; border-top:1px solid #d0d4dd; line-height:22px;}
.necessity .con{border:1px solid #d0d4dd; margin-top:50px; height:618px; background:url('/img/sub/necessity_conbg.png') left top no-repeat; background-color:#f7f8fa; }
/*.necessity .con:before{content:""; display:block; width:1100px; height:290px; background-color:#f7f8fa; position:absolute; z-index:-1; margin-top:328px;}*/
.necessity .con h1{font-size:24px; color:#333; margin:50px; font-weight:normal;}
.necessity .star{padding-top:20px;}
.necessity .star:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.necessity .star li{font-size:16px; float:left; width:550px; height:210px; margin-bottom:50px;}
.necessity .star li p{display:table-cell; height:210px; vertical-align:middle; font-style:italic; line-height:24px;}
.necessity .star li p span{display:block; font-size:14px; color:#999; font-style:normal; font-weight:normal; margin-top:10px;}
.necessity .star li p span strong{color:#333; margin-right:10px;}
.necessity .star li.star1{background:url('/img/sub/necessity_star1.jpg') left top no-repeat;}
.necessity .star li.star1 p{padding-left:60px;}
.necessity .star li.star2{background:url('/img/sub/necessity_star2.jpg') right top no-repeat;}
.necessity .star li.star2 p{padding-left:100px;}
.necessity .star li.star3{background:url('/img/sub/necessity_star3.jpg') left top no-repeat;}
.necessity .star li.star3 p{padding-left:60px;}
.necessity .star li.star4{background:url('/img/sub/necessity_star4.jpg') right top no-repeat;}
.necessity .star li.star4 p{padding-left:100px;}

/* 해외 코딩 교육 현황 */
.overseas{text-align:left; border-top:1px solid #d0d4dd;}
.overseas ul{margin-top:50px; margin-left:-36px;}
.overseas ul li{border:1px solid #d0d4dd; width:530px; height:190px; font-size:13px; float:left; margin-left:36px; margin-bottom:40px;}
.overseas ul li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.overseas ul li .left{float:left; width:16%; margin-top:30px; text-align:right;}
.overseas ul li .right{float:right; width:80%; margin-top:45px; line-height:21px;}
.overseas ul li .right h1{font-size:18px; color:#333; height:30px;}
.overseas ul li .right h1 strong{font-size:14px; color:#858df3; font-weight:normal; margin-left:10px;}

/* 국내 코딩 교육 현황 */
.domestic{text-align:left; border-top:1px solid #d0d4dd;}
.domestic ul{margin-top:50px;}
.domestic ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.domestic ul li{float:left; width:340px; margin-left:37px;}
.domestic ul li:before{content:""; display:block; width:340px; height:235px; background-color:#f7f8fa; position:absolute; z-index:-1; margin-top:165px;}
.domestic ul li:first-child{margin-left:0;}
.domestic ul li h1{height:50px; background-color:#aaaeba; color:#fff; text-align:center; font-size:18px; line-height:45px;}
.domestic ul li .listcon{padding:30px; border:1px solid #d0d4dd; border-top:0; font-size:13px; color:#999; line-height:21px; height:290px;}
.domestic ul li .listcon h2{font-weight:normal; color:#333; text-align:center; font-size:14px; height:30px;}
.domestic ul li .listcon img{display:block; margin:0 auto; padding:10px 0 15px;}
.domestic ul li .listcon strong{color:#5960d4; font-weight:normal;}

/* 코딩과정 커리큘럼 */
.codingcurriculum:before{content:""; display:block; background:url('/img/sub/codingcurriculum_bg.png') left top no-repeat; width:1305px; height:305px; position:absolute; z-index:-1; margin-top:330px;}
.codingcurriculum{text-align:left; border-top:1px solid #d0d4dd; height:600px;}
.codingcurriculum .step-curri{padding-top: 40px}
.codingcurriculum .step-curri li{float: left; margin-right: 44px; width: 30%; box-sizing: border-box; letter-spacing:0;}
.codingcurriculum .step-curri li:last-child{margin-right:0px}
.codingcurriculum .step-curri:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.codingcurriculum .curri_list{}
.codingcurriculum .curri_list > li{display: block; width: 100%; margin-top: 13px;}
.codingcurriculum .curri_list > li a{padding: 13px 0px; background-color: #eaeaea; text-align: left; color: #333; font-size: 16px; text-indent: 21px; display:block; position: relative;}
.codingcurriculum .curri_list > li a:hover{background-color: #858df3; color: #fff;}
.codingcurriculum .curri_list > li a:hover:after{background: url(/images/btn_line_02.png) no-repeat 0 0; width: 44px; height: 7px; position: absolute; content: ""; top: 18px; right: 15px;}
.codingcurriculum .training_list{clear:both; border:1px solid #d0d4dd; padding:20px 20px 0; height:155px; position:relative; top:15px;}
.codingcurriculum .training_list li{clear:both; width:100%; font-size:13px; letter-spacing:-1px;}
.codingcurriculum .training_list li:hover{color:#858df3;}
.codingcurriculum .training_list li h1{font-size:18px; color:#333; height:35px;}

/* 진학프로젝트 */
.project{}
.project .tab{margin-left:1px;}
.project .tab:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.project .tab li{color:#cdcdcd; font-size:14px; float:left; border-left:1px solid #d0d4dd; border-right:1px solid #d0d4dd; box-sizing:border-box; margin-left:-1px; height:100px;}
.project .tab li a{display:block; height:74px; padding-top:24px; line-height:21px; border-top:1px solid #d0d4dd; border-bottom:1px solid #d0d4dd;}
.project .tab li a.on{color:#5960d4; border-top:2px solid #858df3; border-bottom:none;}
.project .tab li a.on p{color:#333;}
.project .tab li a.arrow:before{content:"▶"; position:absolute; display:block; margin:12px 0 0 -3px; color:#d0d4dd;}
.project .tab li p{color:#999; font-size:19px;}
.project .cnt{border:1px solid #d0d4dd; border-top:0; overflow:hidden;}
.project .cnt li{font-size:14px; color:#666; line-height:22px; text-align:left;}
.project .cnt li h1{font-size:24px; color:#333; height:50px; font-weight:normal; padding:50px 50px 0;}
.project .cnt li h1 span{font-size:14px; color:#fff; background-color:#858df3; display:inline-block; width:26px; height:26px; border-radius:50%; margin-right:10px; text-align:center; vertical-align:text-bottom; line-height:24px;}
.project .cnt li p{padding:0 50px;}
.project .cnt .process{background-color:#f7f8fa; margin-top:90px; height:300px;}
.project .cnt .process ul{position:relative; top:-40px; text-align:center;}
.project .cnt .process ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.project .cnt .process ul li{border:1px solid #d0d4dd; width:200px; height:200px; border-radius:50%; text-align:center; font-size:14px; color:#999; display:inline-block; background-color:#fff; vertical-align:top; }
.project .cnt .process ul li.arrow{border:0; width:90px; height:6px; vertical-align:top; position:relative; top:90px; margin:0 10px; background-color:#f7f8fa;}
.project .cnt .process ul li .project_process_img{position:relative; bottom:50px;}
.project .cnt .process ul li p{display:table-cell; vertical-align:middle; width:200px; height:200px; padding:0;}
.project .cnt .process ul li strong{font-size:16px; color:#333; display:block; margin-bottom:5px; font-weight:normal;}
.project .cnt .process ul li.on{border-color:#5960d4;}
.project .cnt .process ul li.on strong{color:#5960d4; font-size:17px; font-weight:bold; position:relative;}
.project .cnt .process ul li.on strong:before{content:"/"; display:block; font-size:13px; position:absolute; left:100px; bottom:30px;}
.project .cnt .process ul li.on2{border-color:#5960d4;}
.project .cnt .process ul li.on2 strong{color:#5960d4; font-size:17px; font-weight:bold; position:relative;}
.project .cnt .process ul li.on2 strong:before{content:"/"; display:block; font-size:13px; position:absolute; left:100px; bottom:50px;}

.swiper-container-process1 .swiper-slide{background:#fff;}
.swiper-container-process2 .swiper-slide{background:#fff;}
.swiper-container-process3 .swiper-slide{background:#fff;}
.swiper-container-process4 .swiper-slide{background:#fff;}

/* 진학프로젝트 - 전략수립, 포트폴리오, 자기소개서, 면접 */
.projectprocess{text-align:left; line-height:22px;} 
.projectprocess .top{position:relative; padding-bottom:30px;}
.projectprocess .top:before{display:block; content:""; width:1100px; height:75px; background-color:#737482; position:absolute; z-index:-1;}
.projectprocess .top img{vertical-align:top; border-left:20px solid #5a61d5;}
.projectprocess .top .ttl{width:550px; background-color:#fff; position:absolute; top:30px; right:30px; padding:60px 50px 0; height:210px;}
.projectprocess .top .ttl h1{font-size:50px; color:#333; height:65px;}
.projectprocess .top .ttl h1:before{display:block; content:""; width:125px; height:1px; background-color:#5a61d5; position:absolute; left:-28px; top:100px;}
.projectprocess .top .ttl h1 strong{color:#5a61d5;}
.projectprocess .top .ttl h3{font-size:28px; color:#666; font-weight:normal; line-height:32px;}
.projectprocess .top .ttl h3 strong{color:#5a61d5; display:block;}
.projectprocess .top .ttl p{font-size:18px; color:#a5a5a5; line-height:24px; margin-top:25px;}
.projectprocess .btm{text-align:center; font-size:22px; line-height:34px; color:#333; margin-top:80px;}
.projectprocess .btm strong{color:#5960d4; font-weight:normal;}
.projectprocess .table3 em{letter-spacing:0;}
.projectprocess .numberlist{padding-top:20px;}
.projectprocess .numberlist:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.projectprocess .numberlist li{float:left; width:50%; height:160px;}
.projectprocess .numberlist li span{float:left;}
.projectprocess .numberlist li span.number{font-size:120px; color:#e2e5ec; width:18%; font-weight:bold; line-height:80px;}
.projectprocess .numberlist li span h1{font-size:18px; color:#5960d4; font-weight:normal;}
.projectprocess .numberlist li span p{font-size:13px; color:#666; line-height:21px; margin-top:10px;}
.projectprocess .numberlist li span p strong{font-weight:normal; color:#111;}
.projectprocess .process{margin:50px 0 60px; background-color:#fff;}
.projectprocess .process ul{text-align:center;}
.projectprocess .process ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.projectprocess .process ul li{background-color:#aaaeba; width:200px; height:200px; border-radius:50%; text-align:center; font-size:12px; color:#fff; display:inline-block; vertical-align:top;}
.projectprocess .process ul li.arrow{border:0; width:90px; height:6px; vertical-align:top; position:relative; top:90px; margin:0 10px; background-color:#fff;}
.projectprocess .process ul li .project_process_img{position:relative; bottom:50px;}
.projectprocess .process ul li p{width:200px; height:200px;}
.projectprocess .process ul li p img{margin:27px 0 13px;}
.projectprocess .process ul li strong{font-size:18px; display:block; margin-bottom:5px; font-weight:normal;}
.projectprocess .process ul li.on{background-color:#5960d4;}
.projectprocess .process ul li.on strong{color:#fff; position:relative;}
.projectprocess .process ul li.on p{color:#cbcce2;}

/* 코딩과정&교보재 리스트 */
.course_list{text-align:left; border-top:1px solid #d0d4dd; padding-top:50px;}
.course_list ul{margin-left:-41px;}
.course_list ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.course_list ul li{float:left; margin-left:41px;}

.course_list ul li a{position:relative;overflow:hidden;}
.course_list ul li .img{width:339px; height:220px; overflow:hidden;}
.course_list ul li .img img{vertical-align:top; width:100%; transform:scale(1.0, 1.0);-webkit-transform:scale(1.0, 1.0);-moz-transform:scale(1.0, 1.0);-ms-transform:scale(1.0, 1.0);transition:all 1.8s;-webkit-transition:all 1.8s;-moz-transition:all 1.8s;}
.course_list ul li .course_list_arrow{background:url('/img/sub/course_list_arrow.png') right bottom no-repeat; width:39px; height:7px; position:absolute; z-index:1; left:278px; top:190px;}

.course_list ul li a:hover {width:0;-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;	transition:all 0.4s ease-out;margin-left:0}
.course_list ul li a:after {position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;display:block;content:"";opacity:0;-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;	transition:all 0.4s ease-out;margin-left:0}
.course_list ul li a:hover:after {position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;display:block;content:"";opacity:1}
.course_list ul li a:hover img {transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);}

.course_list ul li .txt{width:240px; text-align:left; background-color:#fff; position:relative; top:-45px; padding:20px 20px 0 0; left:-1px;}
.course_list ul li .txt h1{font-size:18px; color:#333; height:30px;}
.course_list ul li .txt a h1:hover{color:#5960d4;}
.course_list ul li .txt p{font-size:13px; color:#666; line-height:20px; height:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/* 코딩과정 상세페이지 */
.course{text-align:left; font-size:14px; color:#666; line-height:22px;}
.course .top{height:300px;}
.course .top:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.course .top h1{font-size:36px; color:#fff; position:relative; top:80px; left:50px;}
.course .top h1 span{font-size:14px; color:#fff; background-color:#5960d4; font-weight:normal; display:inline-block; width:94px; height:27px; line-height:25px; text-align:center; vertical-align:top; margin-left:20px;}
.course .top p{float:left; font-size:18px; color:#a5a5a5; line-height:28px; width:28%; position:relative; top:105px; left:50px; word-break: keep-all;}
.course .top ul{float:right; background-color:#fff; width:52%; height:114px; position:relative; top:120px; padding:40px 40px 0;}
.course .top ul li{font-size:14px; color:#666; line-height:22px; margin-top:10px;}
.course .top ul li:first-child{margin-top:0;}
.course .top ul li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.course .top ul li strong{float:left; width:15%; font-size:16px; color:#333;}
.course .top ul li span{float:left; width:85%;}
.course .top ul li span em{color:#999; margin:0 10px; vertical-align:middle;}
.course .goal{margin-top:50px;}
.course .goal:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.course .goal h1{float:left; width:165px; height:165px; font-size:16px; color:#fff; background:url('/img/sub/course_goal_icon.png') center 45px no-repeat; background-color:#858df3; text-align:center; line-height:220px; position:absolute; z-index:1;}
.course .goal ul{float:right; background-color:#f7f8fa; width:830px; padding:50px 70px 50px 180px; margin-top:20px;}
.course .goal ul li{background:url('/img/sub/course_goal_blt.png') left 7px no-repeat; padding-left:30px; margin-bottom:15px;}
.course .course_list{border-top:0; padding-top:0;}
.course .step{}
.course .step:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.course .step li{width:200px; height:140px; font-size:16px; color:#333; text-align:center; float:left; padding-top:60px; margin-left:100px;}
.course .step li:first-child{margin-left:0;}
.course .step li:after{content:""; display:block; background:url('/img/sub/course_step_arrow.png') center center no-repeat; width:60px; height:6px; position:relative; top:-35px; left:220px;}
.course .step li:last-child:after{display:none;}
.course .step li.step1{background:url('/img/sub/course_step01.png') left top no-repeat;}
.course .step li.step2{background:url('/img/sub/course_step02.png') left top no-repeat;}
.course .step li.step3{background:url('/img/sub/course_step03.png') left top no-repeat;}
.course .step li.step4{background:url('/img/sub/course_step04.png') left top no-repeat;}
.course .step li strong{display:block; font-weight:normal; font-size:14px; color:#5960d4; margin-bottom:5px;}
.recommend{background:url('/img/sub/course_recommend_bg.jpg') center center / cover no-repeat; height:234px; margin-top:80px;}
.recommend h1{font-weight:normal; font-size:18px; color:#a5a5a5; text-align:left; line-height:30px; padding-top:70px; float:left;;}
.recommend h1 strong{font-weight:normal; display:block; font-size:32px; color:#fff;}
.recommend .swiper-container-recommend{width:1300px; position:relative; left:200px; top:-51px; overflow:hidden;}
.recommend .swiper-slide div{background-color:#fff; font-size:13px; color:#666; text-align:left; padding:40px; height:75px;}
.recommend .swiper-slide div h2{font-size:18px; color:#333; margin-bottom:10px;}
.recommend .arrows{}
.recommend .swiper-button-prev{background:url('/img/sub/course_recommend_prev.png') left top no-repeat; width:40px; height:40px; top:137px; left:820px;}
.recommend .swiper-button-next{background:url('/img/sub/course_recommend_next.png') right top no-repeat; width:40px; height:40px; top:137px; right:399px;}
.recommend .opacity{position:relative;}
.recommend .opacity .opacitywidth{position:absolute; background-color:#475067; width:423px; height:155px; left:1076px; top:79px; z-index:2; opacity:0.5;}

/* 교보재 상세페이지 */
.training{text-align:left; font-size:14px; color:#666; line-height:22px;}
.training .top{height:340px;}
.training .top strong{font-size:16px; color:#858df3; position:relative; top:70px; left:50px; font-weight:normal;}
.training .top h1{font-size:36px; color:#fff; position:relative; top:85px; left:50px;}
.training .top p{font-size:18px; color:#a5a5a5; line-height:28px; width:38%; position:relative; top:120px; left:50px;}
.training .feature{border:1px solid #d0d4dd; padding:40px 0;}
.training .feature:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.training .feature li{width:285px; float:left; padding:0 40px; border-left:1px solid #d0d4dd; min-height:290px;}
.training .feature li:first-child{border-left:0;}
.training .feature li span{display:block; background-color:#858df3; font-size:16px; color:#fff; width:40px; height:40px; line-height:38px; text-align:center;}
.training .feature li img{display:block; width:285px; height:140px; position:relative; top:-25px; z-index:-1;}
.training .feature li h1{font-size:18px; color:#333;}
.training .feature li p{font-size:13px; line-height:20px; margin-top:10px;}
.training .tab{margin-left:1px; margin-top:40px; height:92px;}
.training .tab:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.training .tab li{font-size:19px; float:left; box-sizing:border-box; margin-left:-1px; text-align:center;}
.training .tab li a{display:block; height:90px; line-height:88px; border:1px solid #d0d4dd;}
.training .tab li a.on{background-color:#f2f2f9; color:#5960d4; border:0; border-top:2px solid #858df3; height:100px; position:relative; top:-10px; line-height:100px;}
.training .cnt{background-color:#f2f2f9; padding:80px 70px;}
.training .cnt li{}
.training .cnt li ul{}
.training .cnt li ul li{height:300px; margin-top:80px; position:relative;}
.training .cnt li ul li:first-child{margin-top:0;}
.training .cnt li ul li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.training .cnt li ul li .left{float:left; width:50%; position:absolute; margin:0; top:50%; left:25%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
.training .cnt li ul li .left .img{position:relative; z-index:1;}
.training .cnt li ul li .left .img:before{display:block; content:""; width:450px; height:251px; background-color:#e3e3f0; position:absolute; margin:30px 0 0 30px; z-index:-1;}
.training .cnt li ul li .right{float:right; width:50%; text-align:right; position:absolute; margin:0; top:50%; left:75%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
.training .cnt li ul li .right .img{position:relative; z-index:1;}
.training .cnt li ul li .right .img:before{display:block; content:""; width:450px; height:251px; background-color:#e3e3f0; position:absolute; margin:30px 30px 0 0; z-index:-1;}
.training .cnt li ul li .right .txt{margin-left:50px;}
.training .cnt li ul li .txt{width:90%; text-align:left;}
.training .cnt li ul li .txt span{font-size:14px; color:#5960d4; font-weight:bold; display:block; margin-bottom:5px;}
.training .cnt li ul li .txt strong{color:#5960d4; font-weight:normal;}
.training .cnt li ul li .txt h1{font-size:18px; color:#333; font-weight:normal; line-height:30px; padding-bottom:20px;}
.training .cnt li ul li .txt h1 strong{font-size:24px; display:block; color:#333;}
.training .cnt li ul li .txt p{}
.training .cnt li ul li .txt p:before{display:block; content:''; width:15px; height:2px; background:#5960d4; margin-bottom:10px;}
.training .cnt li ul li .txt p .ttl{display:block; font-size:16px; margin-bottom:10px;}
.training .cnt li ul li .training_06_cnt02{background:url('/img/sub/training_06_cnt02.png') left top no-repeat; width:960px; height:171px;}
.training .cnt li ul li .training_06_cnt02 li{width:152px; height:33px; background-color:#95959a; font-size:13px; color:#fff; line-height:31px; text-align:center; display:inline-block; margin:0; margin-left:5px; position:relative; top:107px;}
.training .cnt li ul li .training_06_cnt02 li:first-child{margin-left:0;}

/* IT 특성화 고등학교 진학 */
.characterization{}
.characterization .con{text-align:left; border-top:1px solid #d0d4dd;}
.characterization .con:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.characterization .con .left{float:left; width:62%;}
.characterization .con .left p{line-height:22px;}
.characterization .con .left p strong{color:#5960d4; font-weight:normal;}
.characterization .con .right{float:right; width:38%; text-align:right;}
.characterization .con .right .img{position:relative;}
.characterization .con .right .img img{position:relative; top:100px; right:30px;}
.characterization .con .right .img:before{display:block; content:""; width:326px; height:305px; background-color:#e3e3f0; position:absolute; top:70px; right:0;}
.characterization .school{margin-top:80px; background:url('/img/sub/characterization_school_bg.jpg') center center / cover no-repeat; width:100%; height:234px;}
.characterization .school ul{text-align:left; padding-top:80px;}
.characterization .school ul li{display:inline-block; padding:40px; width:254px; background-color:#fff; vertical-align:top; font-size:13px; margin-left:45px; line-height:21px;}
.characterization .school ul li:first-child{margin-left:0;}
.characterization .school ul li h1{font-size:18px; color:#333; margin-bottom:10px;}
.characterization .btm{font-size:18px; line-height:30px; color:#333; margin-top:100px;}
.characterization .btm strong{color:#5960d4; font-weight:normal;}

/* 대입수시전형 */
.college{text-align:left; line-height:22px;}
.college .top{position:relative; padding-bottom:30px;}
.college .top:before{display:block; content:""; width:1100px; height:75px; background-color:#737482; position:absolute; z-index:-1;}
.college .top img{vertical-align:top; border-left:20px solid #5a61d5;}
.college .top .ttl{width:550px; background-color:#fff; position:absolute; top:30px; right:30px; padding:60px 50px 0; height:210px;}
.college .top .ttl h1{font-size:50px; color:#333; height:65px;}
.college .top .ttl h1:before{display:block; content:""; width:125px; height:1px; background-color:#5a61d5; position:absolute; left:-28px; top:100px;}
.college .top .ttl h1 strong{color:#5a61d5;}
.college .top .ttl h3{font-size:28px; color:#666; font-weight:normal; line-height:32px;}
.college .top .ttl h3 strong{color:#5a61d5; display:block;}
.college .top .ttl p{font-size:18px; color:#a5a5a5; line-height:24px; margin-top:25px;}
.college .list1{margin-top:50px;}
.college .list1:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.college .list1 li{float:left; margin-left:40px;}
.college .list1 li:first-child{margin-left:0;}
.college .list1 li h1{height:50px; background-color:#aaaeba; color:#fff; font-size:18px; line-height:45px; text-indent:27px;}
.college .list1 li h1 a{background-color:#888b96; float:right; font-size:12px; text-indent:0; width:66px; height:22px; border-radius:10px; text-align:center; line-height:20px; margin:13px 15px 0 0;}
.college .list1 li .listcon{padding:27px; border:1px solid #d0d4dd; border-top:0; border-bottom:0; font-size:13px; color:#666; line-height:21px;}
.college .list1 li .listcon span{color:#999; font-size:12px;}
.college .list1 li .addtxt{padding:27px; background-color:#f7f8fa; height:228px; border:1px solid #d0d4dd; border-top:0; position:relative;}
.college .list1 li .addtxt:before{display:block; content:""; width:100px; height:1px; background-color:#d0d4dd; position:absolute; top:0; left:0;}
.college .list1 li .addtxt li{margin:0; width:100%; color:#333; margin-bottom:10px;}
.college .list1 li .addtxt li .ttl{display:block; font-size:14px;}
.college .list1 li .addtxt li .txt{display:block; font-size:13px; color:#666; padding-left:7px;}
.college .list1 li .addtxt li .color{color:#5960d4;}
.college h2{font-size:18px; color:#333; margin:50px 0 20px;}
.college .btm{text-align:center; font-size:22px; line-height:34px; color:#333; margin-top:80px;}
.college .btm strong{color:#5960d4; font-weight:normal;}

/* 특기자 전형 대학 진학 */
.specialist{border-top:1px solid #d0d4dd; text-align:left; line-height:22px;}
.specialist strong{color:#5960d4; font-weight:normal;}
.specialist .map{margin-top:50px; background:url('/img/sub/specialist_map.jpg') left top no-repeat; height:570px; position:relative;}
.specialist .map .area{position:absolute;}
.specialist .map .area li{font-size:0;}
.specialist .map .area li a{display:block; position:absolute;}
.specialist .map .area li a.seoul{background:url('/img/sub/specialist_map_seoul.png?v2') left top no-repeat; width:147px; height:124px; left:300px; top:70px; }
.specialist .map .area li.seoul .on{background:url('/img/sub/specialist_map_seoul_on.png?v2') left top no-repeat;}
.specialist .map .area li a.gangwon{background:url('/img/sub/specialist_map_gangwon.png') left top no-repeat; width:164px; height:148px; left:396px; top:44px;}
.specialist .map .area li.gangwon .on{background:url('/img/sub/specialist_map_gangwon_on.png') left top no-repeat;}
.specialist .map .area li a.daejeon{background:url('/img/sub/specialist_map_daejeon.png?v2') left top no-repeat; width:201px; height:116px; left:301px; top:164px;}
.specialist .map .area li.daejeon .on{background:url('/img/sub/specialist_map_daejeon_on.png?v2') left top no-repeat;}
.specialist .map .area li a.daegu{background:url('/img/sub/specialist_map_daegu.png') left top no-repeat; width:166px; height:143px; left:436px; top:180px;}
.specialist .map .area li.daegu .on{background:url('/img/sub/specialist_map_daegu_on.png') left top no-repeat;}
.specialist .map .area li a.gwangju{background:url('/img/sub/specialist_map_gwangju.png?v2') left top no-repeat; width:192px; height:201px; left:250px; top:260px;}
.specialist .map .area li.gwangju .on{background:url('/img/sub/specialist_map_gwangju_on.png?v2') left top no-repeat;}
.specialist .map .area li a.busan{background:url('/img/sub/specialist_map_busan.png?v2') left top no-repeat; width:169px; height:119px; left:412px; top:287px;}
.specialist .map .area li.busan .on{background:url('/img/sub/specialist_map_busan_on.png?v2') left top no-repeat;}
.specialist .map .area li a.jeju{background:url('/img/sub/specialist_map_jeju.png') left top no-repeat; width:94px; height:69px; left:200px; top:440px;}
.specialist .map .area li.jeju .on{background:url('/img/sub/specialist_map_jeju_on.png') left top no-repeat;}
.specialist .map .maplist{background-color:#fff; width:235px; height:490px; position:absolute; right:50px; padding:40px 0;}
.specialist .map .maplist h1{font-size:18px; color:#333;}
.specialist .map .maplist h1:before{display:inline-block; content:""; width:30px; height:1px; background-color:#333; position:relative; top:-4px; margin-right:10px;}
.specialist .map .maplist ul{margin-left:40px;}
.specialist .map .maplist ul li{color:#333; text-indent:47px; height:20px;}
.specialist .map .maplist ul li.year{margin-top:20px; text-indent:0;}
.specialist .map .maplist ul li.year span{font-size:13px; color:#999; margin-right:10px;}
.specialist .table3{margin-top:50px;}
.specialist .table3 thead th:before{display:none;}
.specialist .table3 thead th{font-size:11px; border-right:1px solid #fff; border-bottom:1px solid #fff; line-height:15px; height:30px; vertical-align:middle;}
.specialist .table3 thead th:last-child{border-right:0;}
.specialist .table3 thead *[rowspan]{border-left:1px solid #fff;}
.specialist .table3 tbody td{font-size:11px; text-align:center; padding:5px;}
.specialist .table3 tbody td:first-child{border-left:0;}
.specialist .table3 tbody *[rowspan]{border-left:1px solid #d0d4dd;}

/* 2020 IT 대입 준비 */
.enterschoolfull{}
.enterschoolfull .top{background:url('/img/sub/enterschoolfull_topbg.jpg') center center / cover no-repeat; height:650px;}
.enterschoolfull .mdl{width:1100px; margin:0 auto;}
.enterschoolfull .btm{background:url('/img/sub/enterschoolfull_btmbg.jpg') center center / cover no-repeat; height:585px;}
.enterschoolfull .btm .aniline{padding:90px 0 50px;}
.enterschoolfull .btm .aniline span {position: relative; z-index: 1; font-size: 32px; line-height: 48px; color: #fff; transition: color 0.8s; transition-timing-function: cubic-bezier(0.2,1,0.3,1); letter-spacing:-3px;}
.enterschoolfull .btm .aniline span:before {content: ''; position: absolute; z-index: -1; bottom: -3px; left: 0; width: 100%; height: 13px; opacity: 1; box-sizing: border-box; transform: scale3d(0,1,1); transform-origin: 0% 50%; transition: transform 0.8s; transition-timing-function: cubic-bezier(0.2,1,0.3,1); background: #434a95;}
.enterschoolfull .btm .aniline.on span:before {transform: scale3d(1,1,1);}

/* 개인정보처리방침 */
.privacy{text-align:left; line-height:22px;}
.privacy .day{height:45px; background-color:#f7f7f7; font-size:12px; color:#999; text-align:right; padding:15px 25px 0; margin-bottom:-20px;}
.privacy .day select{width:110px;}
.privacy table{margin:30px 0;}
.privacy table tbody td{text-align:center;}
.privacy table tbody *[rowspan]{border-left:1px solid #d0d4dd;}
.privacy .list{color:#333; font-size:13px; margin:5px 0;}
.privacy .list li{margin-left:15px;}

/* 환불규정 안내 */
.refund{text-align:left; line-height:22px;}
.refund .ct_wrap{border-bottom:1px solid #d0d4dd;}
.refund table tbody td{text-align:center;}
.refund table tfoot td{font-size:12px; color:#999; padding:10px 0;}

/* 교습비 */
.edu_price{}
.edu_price .ct_wrap{border-bottom:1px solid #d0d4dd;}
.edu_price .subttl{text-align:left;}
.edu_price .subttl span{font-size:13px; color:#999; float:right;}

/* 빠른방문상담예약 */
.quickconsult{width:1100px; margin:0 auto; margin-bottom:120px; border-top:1px solid #858df3;}
.quickconsult h5{text-align:left; font-size:32px; color:#333; font-weight:normal; height:80px;}
.quickconsult h5 span{font-size:18px; color:#999; margin-left:15px;}
.quickconsult .quickconsultwidth{padding:40px 0 0;}
.quickconsult .table4{border-top:1px solid #d0d4dd;}

/* table */
.table1{width:100%; margin-bottom:50px; font-size:13px; text-align:center;}
.table1 thead th{font-weight:bold; vertical-align:middle; color:#111; height:50px; border-top:1px solid #111; border-bottom:1px solid #dcdcdc;}
.table1 thead td{font-weight:bold; line-height:45px; font-size:18px; color:#111; height:50px; border-top:1px solid #dcdcdc; background-color:#f7f7f7;}
.table1 thead td .now{font-weight:normal; font-size:12px; color:#999; float:right; margin-right:20px;}
.table1 tbody tr{border-bottom:1px solid #dcdcdc;}
.table1 tbody th{font-weight:bold; vertical-align:middle;}
.table1 tbody td{vertical-align:middle; padding:15px 0;}
.table1 .blue{font-weight:bold;}

.table2{width:100%; margin-bottom:50px; font-size:13px; text-align:center;}
.table2 thead th{font-weight:bold; vertical-align:middle; color:#111; height:50px; border-top:1px solid #111; border-bottom:1px solid #dcdcdc;}
.table2 thead td{font-weight:bold; line-height:45px; font-size:18px; color:#111; height:50px; border-top:1px solid #dcdcdc; background-color:#f7f7f7;}
.table2 thead td .now{font-weight:normal; font-size:12px; color:#999; float:right; margin-right:20px;}
.table2 tfoot td{padding:15px 0;}
.table2 tbody tr{border-bottom:1px solid #dcdcdc;}
.table2 tbody th{font-weight:bold; vertical-align:middle;}
.table2 tbody td{vertical-align:middle; padding:15px; border-right:1px solid #dcdcdc;}
.table2 tbody td:last-child{border-right:0;}

.table3{width:100%;}
.table3 thead th{background-color:#aaaeba; color:#fff; height:50px; line-height:48px; text-align:center;}
.table3 thead th:before{display:block; content:''; width:1px; height:20px; background:#fff; position:absolute;}
.table3 thead th:first-child:before{display:none;}
.table3 tbody tr{border-bottom:1px solid #d0d4dd;}
.table3 tbody td{font-size:13px; padding:15px 30px; vertical-align:middle; border-right:1px solid #d0d4dd;}
.table3 tbody td:last-child{border-right:0;}

.table4{width:100%; font-size:13px; border-top:1px solid #7175a2;}
.table4 tbody th{font-weight:normal; vertical-align:middle; text-align:center; background-color:#f8f9fb; color:#333; border-bottom:1px solid #d0d4dd;}
.table4 tbody td{vertical-align:middle; padding:15px; text-align:left; border-bottom:1px solid #d0d4dd;}
.table4 .label4{padding:0;}
.table4 .label4 label{width:25%; float:left; color:#666; font-size:13px; overflow:hidden; border-top:1px solid #d0d4dd; text-indent:10px; line-height:50px; letter-spacing:0;}
.table4 .label4 label:nth-child(1){border-top:0;}
.table4 .label4 label:nth-child(2){border-top:0;}
.table4 .label4 label:nth-child(3){border-top:0;}
.table4 .label4 label:nth-child(4){border-top:0;}

.table5{width:100%; margin-top:50px; font-size:13px;}
.table5 thead tr{border-bottom:1px solid #111; height:30px; font-size:12px;} 
.table5 tbody tr{border-bottom:1px solid #dcdcdc;}
.table5 tbody th{font-weight:normal; vertical-align:middle; text-align:center; background-color:#f7f7f7; border-right:1px solid #dcdcdc;}
.table5 tbody td{vertical-align:middle; padding:15px; border-right:1px solid #dcdcdc; text-align:left;}
.table5 tbody td:last-child{border-right:0;}
.table5 .boardagree .con{background-color:#fff;}

table .label5 img{vertical-align:middle;}
table .label6 img{vertical-align:middle;}
table .label5 label{width:175px; display:inline-block; color:#666; font-size:13px;}
table .label6 label{width:145px; display:inline-block; color:#666; font-size:13px;}
table .phone{width:90px;}
table .w95{width:95px;}
table .w118{width:118px;}
table .w182{width:182px;}

.boardagree td{padding:10px 0;}
.boardagree .con{text-align:left; background-color:#f8f9fb; border-bottom:1px solid #d0d4dd; border-top:1px solid #d0d4dd; height: 120px; overflow-x:scroll; margin-top:20px; font-size:13px; color:#999999; padding: 30px 0px; letter-spacing: -1px;}
.boardagree .con strong{color:#666666;}
.boardagree .btn_blue{font-size:16px; display:block; width:202px; height:55px; line-height:55px; font-weight:bold;}

.boardagree label{display:block;}
.checks {
  position: relative;
}

.checks input[type="checkbox"] {
  /* 실제 체크박스는 화면에서 숨김 */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.checks input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  color:#333333;
}

.checks input[type="checkbox"] + label:before {
  /* 가짜 체크박스 */
  content: ' ';
  display: inline-block;
  width: 19px;
  /* 체크박스의 너비를 지정 */
  height: 19px;
  /* 체크박스의 높이를 지정 */
  line-height: 19px;
  /* 세로정렬을 위해 높이값과 일치 */
  margin: -2px 8px 0 0;
  text-align: center;
  vertical-align: middle;
  background:url('/img/common/icon_checkbox.png')no-repeat center center;
}

.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {
}

.checks input[type="checkbox"]:checked + label:before {
  content: '';
  background:url('/img/common/icon_checkbox_on.png')no-repeat center center;
}


.boardagree .callnumber_title{font-size:13px; color:#999;}
.boardagree .callnumber{font-size:18px; font-weight:bold; color:#858df3; margin-left:10px;}

input[type='radio']{display:none; margin:10px; }
input[type='radio'] + label{position: relative;
	border: 1px solid #d9dde6;
	color: #a7a7a7;
	font-size: 13px;
	text-align: center;
	width: 118px;
	height: 28px;
	line-height: 24px;
	display: inline-block;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input[type='radio']:checked + label{
	border: 1px solid #858df3;
	background-color: #fff;
	color: #858df3;
}
input[type='radio']:checked + label:after{
}