@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------------------------------------
	File : Contents.CSS 
	Company : The Webstyle co.,ltd 
 	Author : Jong Hoon, Park 2015-06
 	CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
	CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
	CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, color/font, align, etc 
--------------------------------------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------
                                         * 공통 *
-------------------------------------------------------------------------------------------*/
.section {position:relative; width:100%; padding:30px 0 60px 0;}
.section .s_tit {height:100px; line-height:100px; margin:50px 0; background-color:#f3f5f9; font-size:26px; color:#333;}
.section.bg_gray {background-color:#f3f5f9}
.section.everyStudy {height:633px; background:url('/Images/StudySystem/bg_compositionStudy_01.png') center bottom no-repeat;}
.section h3 {margin-bottom:20px; font-weight:bold; font-size:18px; color:#333;}

.s_header {margin-top:15px;}
.s_header h1 {display:inline-block; margin-bottom:25px; padding-bottom:3px; border-bottom:1px solid #333; font-weight:bold; font-size:22px; color:#333;}
.s_header .subTit {font-family:'NanumGothic'; font-size:18px; color:#333; line-height:24px;}
.s_header.type1 h2 {margin-bottom:18px; font-weight:bold; font-size:28px; color:#333;}
.s_header.type1 {margin-bottom:50px;}
.s_header.type2 {padding-top:15px; margin-bottom:60px;}
.s_header.type2 h2 {padding-bottom:20px; margin-bottom:30px; font-size:36px; color:#555; line-height:50px; text-align:center; background:url('/Images/Common/bg_h2.png') center bottom no-repeat;}
.s_header.type2 h2 span {font-weight:bold; color:#333;}
.s_header.type2 .subTit {text-align:center;}

.s_body {}
.s_header.type3 h3 {margin-top:30px;}
.s_header.type3 .subTit {font-size:15px; color:#555; line-height:24px;}

.explain {font-size:15px; color:#555;}
.explain li {line-height:30px;}

.step_type2 {overflow:hidden;}
.step_type2 > li {float:left; width:236px; margin-left:10px;}
.step_type2 > li:first-child {margin-left:0px;}
.step_type2 li .stepTit {position:relative; height:96px; line-height:96px; font-weight:bold; font-size:26px; color:#fff; text-align:center;}
.step_type2 li .stepTit.no1 {line-height:70px;}
.step_type2 li .stepTit .subTit {position:absolute; left:76px; top:30px;}
.step_type2 li .stepCon {background-color:#ebedf1; text-align:center}
.step_type2 li .stepCon .con {padding:32px 0 24px 0; border-bottom:1px solid #fff; font-size:20px; color:#333; line-height:34px;}
.step_type2 li .stepCon .price {padding:40px 0;}
.step_type2 li .stepCon .price .priceCnt {position:relative; margin-bottom:20px; font-size:18px; color:#555;}
.step_type2 li .stepCon .price .priceCnt .per {position:absolute; right:67px; top:-20px; font-weight:bold; font-size:18px; color:#f15922;}
.step_type2 li .stepCon .price .total {font-weight:bold; font-size:20px; color:#555;}
.step_type2 li .stepCon .price .total span {font-size:46px;}

.step_type2 li.orangeArea {background-color:#ffac08;}
.step_type2 li.orangeArea .price .total span {color:#ffac08;}
.step_type2 li.skyArea {background-color:#2ab6ce;}
.step_type2 li.skyArea .price .total span {color:#2ab6ce;}
.step_type2 li.blueArea {background-color:#36a0ea;}
.step_type2 li.blueArea .price .total span {color:#36a0ea;}

.step_type2 li.pinkArea {background-color:#fc699d;}
.step_type2 li.pinkArea .price .total span {color:#fc699d;}


/* list_type */
.board_type2 {width:773px; margin:0 auto;}

.list_type1 {}
.list_type1 li {overflow:hidden; margin-top:10px; padding:0 30px; height:80px; line-height:80px;}
.list_type1 li:first-child {margin-top:0px;}
.list_type1 li.bg_orange {background-color:#ffab08;}
.list_type1 li.bg_blue {background-color:#36a0ea}
.list_type1 li.bg_sky {background-color:#2ab6ce}
.list_type1 li .num {float:left; padding-right:30px; background:url('/Images/Common/ico_interval_white.png') right center no-repeat; font-weight:bold; font-size:18px; color:#fff;}
.list_type1 li .con {float:left; padding-left:30px; font-weight:bold; font-size:18px; color:#fff;}

/*table_type1*/
.table_row_type1 {width:100%;}
.table_row_type1 thead th {padding:22px 0; background-color:#4dc6db; font-weight:bold; font-size:16px; color:#fff;}
.table_row_type1 tbody td {padding:22px 0; border-bottom:1px solid #e3e5e9; font-size:16px; color:#333; text-align:center;}
.table_row_type1 tbody td.subject {padding:0 10px 0 20px; text-align:left;}
.table_row_type1 tbody td.state {font-weight:bold;}
.table_row_type1 tbody td.on {color:#349eed;}

.table_row_type2 {border:1px solid #999ca4;}
.table_row_type2 thead th {padding:36px 0; border-bottom:1px solid #c6c6c6; text-align:center;}
.table_row_type2 thead th.bg_gray {background-color:#f3f3f3; font-weight:bold; font-size:22px; color:#333}
.table_row_type2 thead th.bg_blue {background-color:#36a0ea; font-weight:bold; font-size:22px; color:#f6ff00}

.table_row_type2 tbody th {padding:25px 0; font-weight:bold; font-size:16px; color:#666; border-bottom:1px solid #e0e0e0;}
.table_row_type2 tbody td {padding:25px 0; border-bottom:1px solid #e0e0e0; text-align:center;}
.table_row_type2 .last th, .table_row_type2 .last td {border-bottom:0px;}
.table_row_type2 tbody td.bg_gray {background-color:#f3f3f3; font-weight:bold; font-size:16px; color:#333}
.table_row_type2 tbody td.bg_blue {background-color:#36a0ea; font-weight:bold; font-size:18px; color:#fff}
.table_row_type2 tbody td.bg_blue p {display:inline-block; padding-bottom:5px; border-bottom:2px solid #f6ff00;}

.table_row_type3 {}
.table_row_type3 thead th {padding:20px; background-color:#349eed; font-weight:bold; font-size:18px; color:#fff}
.table_row_type3 tbody td {padding:22px 0; background-color:#fff; border-bottom:1px solid #e3e5e9; font-weight:bold; font-size:16px; color:#333; text-align:center;}
.table_row_type3 tbody .last td {border-bottom:0px;}

.table_col_type1 {}
.table_col_type1 tbody th {padding:22px 20px; background-color:#4dc6db; border-bottom:1px solid #98d6e2; font-weight:bold; font-size:16px; color:#fff; text-align:left}
.table_col_type1 tbody th label {font-weight:bold;}
.table_col_type1 tbody .first th {border-top:1px solid #4dc6db;}
.table_col_type1 tbody td {padding:10px 20px; border-bottom:1px solid #e3e5e9;}
.table_col_type1 tbody .first td {border-top:1px solid #c9ccd2;}
.table_col_type1 .radioChk_info {font-weight:bold; font-size:16px; color:#333;}


/*------------------------------------------------------------------------------------------
                                         * 메인 *
-------------------------------------------------------------------------------------------*/
.mainVisual_Wrap {overflow:hidden; width:100%; background-color:#e5e8f1}
.mainVisual {*zoom:1; position:relative; width:1240px; height:440px; margin:0 auto; z-index:91;}
.mainVisual:after {content:""; display:block; clear:both;}
.mainVisual li {float:left; width:310px; height:440px; text-indent:-9999px; cursor:pointer;}
.mainVisual li.item_01 {background:url('/Images/Main/img_mainVisual_01.jpg') 0 0 no-repeat;}
.mainVisual li.item_02 {background:url('/Images/Main/img_mainVisual_02.jpg') 0 0 no-repeat;}
.mainVisual li.item_03 {background:url('/Images/Main/img_mainVisual_03.jpg') 0 0 no-repeat;}
.mainVisual li.item_04 {background:url('/Images/Main/img_mainVisual_04.jpg') 0 0 no-repeat;}

.mainVisual li.item_01_en {background:url('/Images/en/img_mainVisual_01.jpg') 0 0 no-repeat;}
.mainVisual li.item_02_en {background:url('/Images/en/img_mainVisual_02.jpg') 0 0 no-repeat;}
.mainVisual li.item_03_en {background:url('/Images/en/img_mainVisual_03.jpg') 0 0 no-repeat;}
.mainVisual li.item_04_en {background:url('/Images/en/img_mainVisual_04.jpg') 0 0 no-repeat;}

.mainVisual li.on {background-position:0 -440px}
/*.mainVisual li:hover {background-position:0 -440px}*/
.bg_temp {position:absolute; left:-0px; top:0px; width:480px; height:441px; background-color:#f8f9fd; z-index:90;}
/*
.mainVisual li h2 {margin:45px 0 0 35px;}
.mainVisual li.item_01 {background:url('/Images/Main/bg_mainVisual_01.jpg') no-repeat;}
.mainVisual li.item_02 {background:url('/Images/Main/bg_mainVisual_02.jpg') no-repeat;}
.mainVisual li.item_03 {background:url('/Images/Main/bg_mainVisual_03.jpg') no-repeat;}
*/

.mainVisual_big_wrap {position:absolute; left:50%; top:-83px; width:1920px; height:610px; text-align:center; z-index:205; opacity:0;}
.mainVisual_big_wrap.on {display:block;}

.mainVisual_big_wrap .mainVisual_big {position:relative; left:-960px; top:-1px; width:1920px; margin:0 auto;}
.mainVisual_big_wrap .mainVisual_big ul li {}
.mainVisual_big_wrap .btn_close {position:absolute; right:340px; top:0px;}
.mainVisual_big_wrap .mainSlider {position:relative;}
.mainVisual_big_wrap .mainSlider li.no2 {background-color:#ffab08;}
.mainVisual_big_wrap .mainSlider li.no3 .btn_sampleView {position:absolute; bottom:60px; right:332px}
.mainVisual_big_wrap .mainSlider li.no4 .btn_balanceView {position:absolute; bottom:50px; right:430px}

.main .ban_wrap {overflow:hidden; margin-top:40px;}
.main .ban_wrap > li {position:relative; float:left; width:356px; height:160px; padding:32px 30px 0 30px; border:1px solid #e5e5e5; margin-right:10px; margin-bottom:10px;}
.main .ban_wrap > li.imgBan {padding:0;}
.main .ban_wrap li.experience {width:367px; background:#e6f7f2 url('/Images/Main/bg_mainBan_experience.png') right bottom no-repeat;}
.main .ban_wrap li.experience a.btn_move {display:block; margin-top:32px;}
.main .ban_wrap li.event {width:367px; background:#eaebf9 url('/Images/Main/bg_mainBan_event.png') center bottom no-repeat;}
.main .ban_wrap li.eduMethMove {background:#e6f7f2 url('/Images/Main/bg_mainBan_edumeth.png') no-repeat;}
.main .ban_wrap li.eduMethMove a.btn_move {display:block; margin-top:28px;}
.main .ban_wrap li.csCenter {width:367px; text-align:center;}
.main .ban_wrap li .tit {margin-bottom:8px; font-weight:bold; font-size:12px; color:#999; text-align:center;}
.main .ban_wrap li .con {font-weight:bold; font-size:24px; color:#333;}
.main .ban_wrap li .con span {color:#34bbd2;}

.main .ban_wrap li.faq {background:url('/Images/Main/ico_paten.png') 15px 12px no-repeat; text-align:center;}
.main .ban_wrap li.faq .subTit {margin-left:110px; margin-bottom:18px; font-size:16px; color:#666; line-height:22px;}
.main .ban_wrap li.faq .inquire {margin-left:110px; font-weight:bold; font-size:14px; color:#666;}
.main .ban_wrap li.faq .inquire span {font-size:12px;}

.main .ban_wrap li.notice {width:367px;}
.main .ban_wrap li.notice li {overflow:hidden; font-size:14px; color:#555; line-height:27px;}
.main .ban_wrap li.notice li span {color:#777;}
.main .ban_wrap li.notice .btn_more {position:absolute; right:28px; top:28px; font-size:12px;}

.main .ban_wrap li h3 {margin-bottom:8px; font-weight:bold; font-size:23px; color:#333;}
.main .ban_wrap li .subTit {font-size:14px; color:#666;}
.main .ban_wrap li.last {margin-right:0px;}
.main .ban_wrap li a.node1 {display:block;}

.main .bx-controls-direction {position:absolute; right:0px; top:40px;}
.main .bx-wrapper .bx-controls-direction a {}
.main .bx-wrapper .bx-prev {left:-490px; width:50px; height:50px; background:url('/Images/Main/btn_mainSlider_prev.png') no-repeat 0 0}
.main .bx-wrapper .bx-next {right:390px; width:50px; height:50px; background:url('/Images/Main/btn_mainSlider_next.png') no-repeat 0 0}


.main .ban_wrap2 {overflow:hidden; margin-top:40px;}
.main .ban_wrap2 > li {position:relative; float:left; width:400px; height:160px; padding:32px 30px 0 30px; border:1px solid #e5e5e5; margin-right:20px; margin-bottom:10px;}
.main .ban_wrap2 > li.imgBan {padding:0;}
.main .ban_wrap2 li.experience {width:400px; background:#e6f7f2 url('/Images/Main/bg_mainBan_experience.png') right bottom no-repeat;}
.main .ban_wrap2 li.experience a.btn_move {display:block; margin-top:32px;}
.main .ban_wrap2 li.event {width:400px; background:#eaebf9 url('/Images/Main/bg_mainBan_event.png') center bottom no-repeat;}
.main .ban_wrap2 li.eduMethMove {background:#e6f7f2 url('/Images/Main/bg_mainBan_edumeth.png') no-repeat;}
.main .ban_wrap2 li.eduMethMove a.btn_move {display:block; margin-top:28px;}
.main .ban_wrap2 li.csCenter {width:400px; text-align:center;}
.main .ban_wrap2 li .tit {margin-bottom:8px; font-weight:bold; font-size:12px; color:#999; text-align:center;}
.main .ban_wrap2 li .con {font-weight:bold; font-size:24px; color:#333;}
.main .ban_wrap2 li .con span {color:#34bbd2;}

.main .ban_wrap2 li h3 {margin-bottom:8px; font-weight:bold; font-size:23px; color:#333;}
.main .ban_wrap2 li .subTit {font-size:14px; color:#666;}
.main .ban_wrap2 li.last {margin-right:0px;}
.main .ban_wrap2 li a.node1 {display:block;}



/*------------------------------------------------------------------------------------------
                                         * 문의하기 *
-------------------------------------------------------------------------------------------*/

.search_wrap {padding:29px 0; background-color:#ebedf1; border:1px solid #e5e7ec; text-align:center;}
.search_wrap .search_inner {display:inline-block;}
.search_wrap .search_inner select {width:128px; height:42px; padding:0 17px; border:1px solid #dfe2e7; font-weight:bold; font-size:16px; color:#666;}
.search_wrap .search_inner input {width:288px;}

.boardView_wrap {}
.boardView_wrap .viewTit {overflow:hidden; background-color:#4dc6db; padding:15px 30px; line-height:24px;}
.boardView_wrap .viewTit p {float:left; color:#fff;}
.boardView_wrap .viewTit p span {}
.boardView_wrap .viewTit p.subject {width:615px; margin-right:20px; font-weight:bold; font-size:18px;}
.boardView_wrap .viewTit p.writer {}
.boardView_wrap .viewTit p.date {}

.boardView_wrap .viewCon {padding:40px 28px;}
.boardView_wrap .viewCon .viewInfo {margin-bottom:75px; font-size:16px; color:#333; line-height:30px;}
.boardView_wrap .viewCon .fileName a {display:inline-block; border-bottom:1px solid #797979; font-weight:bold; font-size:14px; color:#333;}

.answer_wrap {padding:28px; background-color:#f3f5f9; border:1px solid #edeef1;}
.answer_wrap .answerTit {margin-bottom:28px; font-weight:bold; font-size:18px; color:#333;}
.answer_wrap .answerCon {font-size:16px; color:#333; line-height:30px;}


/*------------------------------------------------------------------------------------------
                                         * 학습 시스템  *
-------------------------------------------------------------------------------------------*/
.studySystem .step_wrap {overflow:hidden}
.studySystem .stepBox {float:left; position:relative; width:295px; margin-left:47px;}
.studySystem .stepBox:first-child {margin-left:0px;}
.studySystem .stepBox .stepCon {min-height:370px; padding:35px 30px 0 30px; background-color:#fff}
.studySystem .stepBox .icoStep {position:absolute; right:-38px; top:93px;}
.studySystem .stepBox .stepInfo {}
.studySystem .stepBox .stepInfo li {margin-bottom:25px; font-size:18px; color:#000; line-height:24px}
.studySystem .stepBox .stepInfo span.blueArea {font-weight:bold; color:#36a0ea; background-color:#e6f4fd}
.studySystem .stepBox .stepInfo span.orangeArea {font-weight:bold; color:#ffab08; background-color:#fff8eb}
.studySystem .stepBox .stepInfo span.blueGreenArea {font-weight:bold; color:#2ab6ce; background-color:#edfcfe}
.studySystem .policy_wrap {margin-bottom:60px; padding:28px 30px; background:#f3f5f9; border:1px solid #eeeff2;}
.studySystem .policy_wrap dt {margin-bottom:18px; font-weight:bold; font-size:16px; color:#333;}
.studySystem .policy_wrap dd li {font-size:14px; color:#777; line-height:24px;}
.studySystem .memInput_wrap {margin-bottom:68px;}
.studySystem .emphasis {height:22px; padding-left:28px; background:url('/Images/Common/ico_emphasis.png') left center no-repeat; font-weight:bold; font-size:16px; color:#000; line-height:22px;}

.sel_grade {}
.sel_grade .gradeList {overflow:hidden;}
.sel_grade .gradeList li {float:left; margin-left:10px;}
.sel_grade .gradeList li:first-child {margin-left:0px;}
.sel_grade .gradeList li a {display:block; width:131px; height:131px; line-height:131px; background:url('/Images/Common/bg_step_type1.png') 0 -150px no-repeat; font-weight:bold; font-size:16px; color:#fff; text-align:center;}
.sel_grade .gradeList li a.on {background-position:0 0}

.studySystem .systemChk {}
.studySystem .systemChk li {position:absolute; font-size:14px; color:#555; line-height:22px;}
.studySystem .systemChk li.no1 {left:580px; top:130px;}
.studySystem .systemChk li.no2 {left:805px; top:325px;}
.studySystem .systemChk li.no3 {left:580px; top:735px;}
.studySystem .systemChk li.no4 {left:0px; top:490px;}

.studySystem .everydayStudy {}
.studySystem .everydayStudy li {position:absolute;}
.studySystem .everydayStudy li.step1 {left:20px; bottom:20px;}
.studySystem .everydayStudy li.step2 {left:279px; bottom:90px;}
.studySystem .everydayStudy li.step3 {left:526px; bottom:160px;}
.studySystem .everydayStudy li.step4 {right:21px; bottom:230px;}
.studySystem .everydayStudy li a {display:block;}

.studySystem .studyContents {}
.studySystem .studyContents li {overflow:hidden; position:relative;}
.studySystem .studyContents li:first-child {margin-bottom:20px;}
.studySystem .studyContents li .img_wrap {position:absolute; left:0px; top:0px;}
.studySystem .studyContents li .infoBox {height:256px; padding-left:346px; background-color:#ebedf1; border:1px solid #e0e2e7;}
.studySystem .studyContents li .infoBox .tit {padding:48px 0 18px 48px; font-weight:bold; font-size:22px; color:#333;}
.studySystem .studyContents li .infoBox .con {padding:0 0 30px 48px; font-size:16px; color:#555; line-height:22px;}
.studySystem .studyContents li .infoBox .btn_sampleView {padding:0 0 0 48px;}

.sampleView {}
.sampleView .tit {padding:30px; background-color:#f4f5f9; font-size:24px; color:#000; text-align:center;}
.sampleView .con {overflow:hidden;}
.sampleView .con li {float:left; margin-left:2px; margin-top:2px;}
.sampleView .con li:first-child {margin-left:0px;}
.sampleView .con li a {display:block;}

.studySystem .reportBox {margin-top:22px; padding:87px 0; background-color:#f3f5f9; border:1px solid #eeeff2; text-align:center;}

.reviewList {}
.reviewList li {position:relative; margin-top:10px;}
.reviewList li:first-child {margin-top:0px;}
.reviewList li .imgInfo {position:absolute; left:0px; top:0px; z-index:89;}
.reviewList li .reviewInfo {overflow:hidden; position:relative; height:192px; padding-left:191px; background-color:#f3f5f9; z-index:88;}
.reviewList li .reviewInfo .info {padding:45px 30px; font-size:16px; color:#555; line-height:26px;}
.reviewList li .reviewInfo .name {position:absolute; right:30px; bottom:20px; font-weight:bold; font-size:14px; color:#000;}

.aearStudy .arrow {margin:60px 0; text-align:center;}



/*------------------------------------------------------------------------------------------
                                         * 에듀밸런스 수학이란?  *
-------------------------------------------------------------------------------------------*/
.compare_wrap {*zoom:1; position:relative; width:720px; margin:0 auto 50px; background:url('/Images/EdubalanceMath/img_vs.png') center center no-repeat;}
.compare_wrap:after {content:""; display:block; clear:both;}
.compare_wrap .compare {width:320px; border:1px solid #999ca4;}
.compare_wrap .compare .tit {padding:36px; background-color:#999ca4; font-weight:bold; font-size:28px; color:#fff; text-align:center;}
.compare_wrap .compare .list {padding:52px 28px; font-weight:bold; font-size:20px; color:#999ca4; line-height:45px;}

.compare_wrap .compare.blueMode {border:1px solid #36a0ea;}
.compare_wrap .compare.blueMode .tit {background-color:#36a0ea;}
.compare_wrap .compare.blueMode .list {color:#36a0ea;}

.compare_wrap .img_wrap {}
.compare_wrap .img_wrap .img_01 {position:absolute; left:-145px; bottom:-30px;}
.compare_wrap .img_wrap .img_02 {position:absolute; right:-145px; bottom:-40px;}

.character_wrap {position:relative; width:773px; margin:0 auto; padding-bottom:20px;}
.character_wrap .img_01 {position:absolute; left:-70px; top:125px;}
.character_wrap .img_02 {position:absolute; right:-90px; top:46px;}
.character_wrap .img_03 {position:absolute; right:-185px; bottom:-60px;}

.oneSystem_img {position:absolute; bottom:165px; left:50%;}
.oneSystem_img .oneSystem_img_inner {position:absolute; left:-165px;}
.onSystem_tit {padding:28px 0; background-color:#f4f5f9; font-size:24px; line-height:38px; text-align:center;}
.onSystem_tit span {font-weight:bold; color:#36a0ea;}
.oneSystem_con {overflow:hidden;}
.oneSystem_con p {float:left; margin-left:39px;}
.oneSystem_con p:first-child {margin-left:0px;}

.sampleSiler {padding:58px 0 58px 90px; background-color:#f3f5f9;}
.sampleSiler .explain {margin-left:90px; padding-bottom:30px;}

.request .emphasis_gray {height:22px; margin-bottom:10px; padding-left:28px; background:url('/Images/Common/ico_emphasis_gray.png') left 0 no-repeat; font-weight:bold; font-size:14px; color:#777;}

.faq_wrap .answer {display:none;}
.faq_wrap .answer.on {display:table-row;}
.faq_wrap .answer td {padding:0px 20px 30px 20px; font-size:16px; color:333; line-height:30px;}
.faq_wrap tr.question.on td {border-bottom:0px; font-weight:bold; color:#2ab6ce;}
.faq_wrap .subject {cursor:pointer;}



/*------------------------------------------------------------------------------------------
                                         * 이벤트 *
-------------------------------------------------------------------------------------------*/
.event_wrap{width:1000px;}
.event_wrap a{position: absolute;bottom: 60px;left: 0;display: block;text-align: center;width: 1000px;}