@charset "utf-8";
@import url("default.css");
@import url("form.css");
@import url("common.css");
@import url("board.css");
@import url("popup.css");
@import url("jquery_ui.css");

/* sub common */
h2.h2Tit {font-size:34px; font-weight:700; color:#3f444c; text-align:center; letter-spacing:2px; padding:60px 0 30px 0;}
h2.h2ConTit {font-size:25px; border-bottom:1px solid #dbdbdb;  height:74px; font-weight:500; box-sizing:border-box; padding:30px 0 0 10px; margin-bottom:34px;}
h3.h3Tit {font-size:24px; font-weight:500; color:#3f444c;}
h4.h4Tit {text-align:left; font-size:16px; color:#3f444c; font-weight:500; margin-bottom:15px;}
.titTxtArea {text-align:center; padding:60px 0 30px 0;}
.titTxtArea h2 {font-size:28px; font-weight:500; padding:0 0 10px 0;}
.titTxtArea p {font-size:15px; color:#8f918f; font-weight:300;}
.titTxtArea h3 {text-align:left; padding-left:30px; font-size:24px;}
.titTxtArea h3.alignCenter {text-align:center; padding-left:0;}
.titTxtArea h3.pdl0 {padding-left:0;}
.btnTabStyle {margin-bottom:22px; border:1px solid #e1e1e1; height:43px;}
.btnTabStyle:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.btnTabStyle li {float:left; width:50%;}
.btnTabStyle li a {display:block; border-left:1px solid #e1e1e1; height:43px; text-align:center; line-height:43px; color:#aaa; font-size:16px; box-sizing:border-box;}
.btnTabStyle li a.first {border-left:none;}
.btnTabStyle li a.active {background:#4bb4ac; color:#fff; font-weight:500;}
.btnTabStyleThree li {width:33.3333333333% !important;}
.btnTabStyleFour li {width:25% !important;}
.btnTabStyleFive li {width:20% !important;}
.btnTabStyleSeven li {width:14.28% !important; }
.btnTabStyleEight li {width:12.5% !important; }
.btnTabStyleSix li {width:16.66666666% !important;}
.btnTabStyleVariable li {width:100px;}
.btnTabStyleVariable li:last-child {border-right:solid 1px #e1e1e1}

#container {width:1200px; margin:0 auto; padding-bottom:100px; margin-top:27px;}
#container:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.container {width:1200px; margin:0 auto;}
.container:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
#lnb {float:left; width:227px; border:1px solid #e8e8e8;}
#lnb h2 {font-size:22px; text-align:center; height:109px; padding-top:36px; box-sizing:border-box; border-bottom:1px solid #e8e8e8;}
#lnb h2 span {border-bottom:2px solid #40444d;display:inline-block; padding-bottom:2px;}
#lnb > ul > li > a {display:block; height:44px; line-height:44px; background:#efefef; border-left:8px solid #efefef; padding-left:16px; font-size:14px; font-weight:300; transition:all 0.1s; position:relative;}
#lnb > ul > li:hover > a {background:#ddf1f0; border-color:#b1c3c2; color:#000;}
#lnb > ul > li > a.active {background:#4bb4ad; border-color:#4e706f; color:#fff; font-weight:500;}
#lnb > ul > li > ul {padding:10px 0; background:#cee3e2;}
#lnb > ul > li > ul > li a {display:block; background:#cee3e2; font-weight:300; color:#777; height:30px; line-height:30px; padding-left:26px; position:relative; font-size:13px;}
#lnb > ul > li > ul > li a.active {color:#4bb4ac; font-weight:500;}
#lnb > ul > li > ul > li a span {position:relative; padding-left:12px; padding-right:2px;}
#lnb > ul > li > ul > li a span:after {content:""; position:absolute; top:7px; left:1px; width:5px; height:1px; background:#999;}
#lnb > ul > li > ul > li a.active span {border-bottom:1px solid #4bb4ac;}
#lnb > ul > li > ul > li a.active span:after {background:#4bb4ac;}
#lnb > ul > li > ul > li a:hover {color:#4bb4ac;}
#lnb > ul > li > ul > li a:hover span:after {background:#4bb4ac;}
#lnb > ul > li > ul {display:none;}
#lnb > ul.lnbToggle > li > a:after {content:""; position:absolute; top:50%; margin-top:-3px; right:14px; width:13px; height:7px; background:url(../images/sub/lnb_toggle.png) no-repeat 0 0;}
#lnb > ul.lnbToggle > li > a.open:after {background:url(../images/sub/lnb_toggle_active.png) no-repeat 0 0;}
#lnb > ul.lnbToggle > li > a.active:after {background:url(../images/sub/lnb_toggle_w.png) no-repeat 0 0;}
#lnb > ul.lnbToggle > li > a.active.open:after {background:url(../images/sub/lnb_toggle_active_w.png) no-repeat 0 0;}
#lnb > ul.lnbToggle > li > a.noParnets:after {background:none;}
/* #lnb > ul.lnbToggle > li > a.noParnets.open:after {background:none;} */

#contents {float:right; width:946px;}
#contents:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
#visual .inner {height:200px; width:1200px; margin:0 auto; position:relative;}
#visual h2 {color:#fff; padding-top:70px; font-size:35px; font-weight:500}
#visual .txt {color:#fff; padding-top:20px; font-size:15px;}
#visual .path {color:#fff; color:rgba(255,255,255,0.8); font-size:13px; position:absolute; top:28px; right:0;}
#visual .path strong {font-weight:500; padding-left:12px; margin-left:10px; background:url(../images/sub/bul_path.png) no-repeat 0 3px;}
#visual .path span {padding-left:12px; margin-left:10px; background:url(../images/sub/bul_path.png) no-repeat 0 4px;}
#visual .path span.home {background:url(../images/sub/bul_path_home.png) no-repeat 0 3px; padding-left:17px;}
.learningSupportCenter {background:url(../images/sub/bg_visual_center.jpg) no-repeat center 0;}
.visualResearchLaboratory {background:url(../images/sub/bg_visual_laboratory.jpg) no-repeat center 0;}
.visualProgram {background:url(../images/sub/bg_visual_program.jpg) no-repeat center 0;}
.visualLectureApplication {background:url(../images/sub/bg_visual_lecture_application.jpg) no-repeat center 0;}
.visualEntranceExamInfo {background:url(../images/sub/bg_visual_entrance_exam_info.jpg) no-repeat center 0;}
.visualCareer {background:url(../images/sub/bg_visual_career.jpg) no-repeat center 0;}
.visualMyPage {background:url(../images/sub/bg_visual_my_page.jpg) no-repeat center 0;}


/* 입시전략연구소 */
#tnb {height:60px;}
#tnb .inner {background:#e6e6e6; height:59px; border-bottom:1px solid #bbb;}
#tnb.tnbFix .inner {position:fixed; top:60px; width:100%; z-index:100}
#tnb ul {width:1200px; margin:0 auto; text-align:center;}
#tnb li {display:inline-block; height:60px; line-height:59px; padding:0 40px;}
#tnb li a {display:inline-block; color:#999; font-size:17px;}
#tnb li.active a {color:#247670; font-weight:500;}
#researchLaboratory .inner {width:1200px; margin:0 auto; padding-bottom:100px;}
#history {background:#efefef;}
#history dl {position:relative; padding:55px 0 40px 304px;}
#history dl:after {content:""; width:1px; height:100%; position:absolute; top:0; left:304px; background:#b9b9b9;}
#history dl:first-child dt {color:#4bb4ad;}
#history dl dt {position:absolute; top:55px; left:98px; width:206px; font-size:30px; font-weight:700; color:#b9b9b9; line-height:1;}
#history dl dt:after {content:""; position:absolute; top:11px; right:114px; width:7px; height:7px; background:#b9b9b9; border-radius:99px;}
#history dl dt:before {content:""; position:absolute; top:14px; right:0; width:114px; height:1px; background:#b9b9b9;}
#history dl dd {padding-left:192px; font-size:16px; color:#292929; line-height:1; padding-bottom:29px; position:relative; padding-top:6px;}
#history dl dd:after {content:""; position:absolute; top:14px; left:0; width:144px; height:1px; background:#b9b9b9;}
#history dl dd:before {content:""; position:absolute; top:7px; left:144px; width:12px; height:12px; border:2px solid #4bb4ad; border-radius:99px;}
#location {border-top:1px solid #efefef;}
#location .cont {padding-left:750px; position:relative;}
#intro .movieArea {width:1000px; height:498px; margin:0 auto;}
#intro h3 {text-align:center; font-size:18px; font-weight:700; padding:30px 0 50px 0;}
#intro h3 span {padding-left:35px; background:url(../images/sub/bul_movie.gif) no-repeat 0 2px;}
#intro .introList {position:relative;}
#intro .introList .introInner {width:1000px; margin:0 auto; overflow:hidden;}
#intro .introList ul {}
#intro .introList ul:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
#intro .introList li {float:left;}
#intro .introList li a {display:block; width:188px; height:110px; margin-right:15px; position:relative;}
#intro .introList li a:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5) url(../images/sub/btn_movie_play.png) no-repeat center center; display:none;}
#intro .introList li a:hover:after {display:block;}
#intro .introList li a.active:before {content:""; position:absolute; top:0; right:0; bottom:0; left:0; box-sizing:border-box; border:7px solid #4bb4ac; border-color:rgba(75,180,172,0.9); background:rgba(0,0,0,0.5) url(../images/sub/btn_movie_play.png) no-repeat center center;}
#intro .introList li a.active:after {display:none;}
#intro .introList .btnPn span {width:60px; height:110px; display:inline-block; background:none; border:none;  position:absolute; top:0; width:50px; text-indent:-9999px; cursor:pointer; outline:0;}
#intro .introList .btnPn span.btnPrev {background:url(../images/sub/btn_movie_prev.gif) left center no-repeat;  left:0px; }
#intro .introList .btnPn span.btnPrev:hover {background:url(../images/sub/btn_movie_prev_on.gif) left center no-repeat;}
#intro .introList .btnPn span.btnNext {background:url(../images/sub/btn_movie_next.gif) right center no-repeat;  right:0px; }
#intro .introList .btnPn span.btnNext:hover {background:url(../images/sub/btn_movie_next_on.gif) right center no-repeat;}
#intro .introList .rollingPaging {display:none;}
#location .map {position:absolute; top:0; bottom:0; left:0; width:690px; box-sizing:border-box; border:1px solid #c9c9c9;}
#location .info {padding-bottom:25px; border-top:2px solid #1a1a1a; border-bottom:1px solid #c9c9c9; box-sizing:border-box;}
#location .info h3 {font-size:20px; font-weight:500; color:#4bb4ac; height:74px; line-height:74px; border-bottom:1px solid #a1a1a1; padding-left:30px; margin-bottom:15px;}
#location .info th {padding-left:30px; padding-top:10px; box-sizing:border-box; height:53px; font-weight:700; vertical-align:top;}
#location .info td {padding:0 10px; padding-top:10px; vertical-align:top; color:#777; font-weight:300;}

/* 회원 가입 */
.join_1 p.titTxt {text-align:center;}
.join_1 p.titTxt span {border-bottom:1px solid #e0e0e0; color:#555; padding-bottom:2px; display:inline-block;}
.join_1 .box {border:1px solid #e0e0e0; height:240px; overflow:auto; margin-bottom:17px; padding:10px 14px; line-height:1.7;}
.join_1 .box .inner {padding-bottom:10px; color:#999;}
.join_1 p.checkTxt label {color:#555; font-size:15px;}
.join_1 p.checkTotalTxt {padding-top:12px;}
.join_1 p.checkTotalTxt label {color:#555; font-size:15px;}
.join_1 .btnStyle {width:500px;}
.join_2 .btnStyle {width:500px;}
.join_2 ul {padding-top:20px;}
.join_2 ul li {padding-left:15px; position:relative; padding-bottom:8px;}
.join_2 ul li:after {content:""; position:absolute; top:8px; left:0; width:4px; height:4px; background:#333;}
.join_2 ul li.colorEm:after {background:#4bb4ac;}
.join_3 .certified {background:#eaeaea; padding:40px; margin-top:10px;}
.join_3 .certified h3 {font-size:20px; font-weight:700; padding-bottom:10px;}
.join_3 .certified p {color:#a4292f; padding-bottom:20px; font-size:16px;}
.join_3 .certified .choisunIdPw li {margin-bottom:6px; position:relative;}
.join_3 .certified .choisunIdPw li input {height:45px; padding:0 12px; font-size:16px;}
.join_3 .certified .ex {padding-top:3px;}
.join_3 .certified .ex li {color:#555; padding-top:12px; padding-left:15px; position:relative;}
.join_3 .certified .ex li:after {content:""; display:block; position:absolute; top:20px; left:0; width:6px; height:1px; background:#555;}
.join_3 .certified .ex li a {color:#182ed0;}
.join_3 .certified th {background:#fff; border-right:2px solid #eaeaea; border-bottom:2px solid #eaeaea; padding:10px 15px; color:#000; font-weight:500;}
.join_3 .certified td {background:#fff;  border-bottom:2px solid #eaeaea; padding:10px 15px; color:#777; height:26px;}
.join_3 .btnStyle {width:300px;}
.join_4 .btnStyle {width:500px;}
.join_4 p {padding-top:170px; background:url(../images/board/img_join_ok.gif) no-repeat center 30px; text-align:center; font-size:25px; font-weight:500; line-height:1.7;}

/* 환불규정 */
.refundPolicy {padding-top:100px;}
.refundPolicy h3 {font-size:24px; border-bottom:1px solid #d1d1d1; font-weight:500; margin-bottom:45px;}
.refundPolicy h3 span {position:relative; display:inline-block; padding-bottom:15px;}
.refundPolicy h3 span:after {content:""; display:block; width:100%; position:absolute; bottom:-1px; left:0;  height:2px; background:#333;}
.refundPolicy .titTxt {margin-bottom:25px; font-size:20px; font-weight:700; color:#a50c12;}
.refundPolicy dl {position:relative; padding-bottom:20px;}
.refundPolicy dl:after {content:""; display:block; height:0; clear:both;}
.refundPolicy dt {float:left; width:97px; text-align:center; height:35px; line-height:34px; color:#fff; background:#9a9a9a;}
.refundPolicy dd {margin-left:120px; line-height:1.7; font-weight:400;}
.refundPolicy dd.first {padding-top:5px;}
.refundPolicy dl.note {margin-bottom:0;}
.refundPolicy dl.note dt {background:#333;}
.refundPolicy dl a {text-decoration:underline; color:#294bdd;}
.refundPolicy dl h4 {color:#585858; font-size:16px; font-weight:500; margin-bottom:3px;}
.refundPolicy dl h4 span {border-bottom:1px solid #adadad;}
.refundPolicy dl p {color:#a50c12; padding-bottom:5px;}
.refundPolicy dl li ul {padding-left:22px;}
.refundPolicy dl li ul li {color:#777;}

/* 수강신청 상세보기 */
.lectureApplicationView {padding-bottom:100px;}
.lectureApplicationView .inner {width:1200px; margin:0 auto;}
.lectureApplicationView .priceInfo {border-left:1px solid #e7e7e7; border-bottom:none; padding-left:0px; padding-right:70px;}
.lectureApplicationView .priceInfo dl {line-height:2;}
.lectureApplicationView .priceInfo dt {font-size:24px; padding-left:70px; position:relative; color:#3f444c;}
.lectureApplicationView .priceInfo dt:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.lectureApplicationView .priceInfo dt:before {content:""; position:absolute; top:20px; left:50px; width:7px; height:7px; background:#3f444c; border-radius:99px;}
.lectureApplicationView .priceInfo dd {font-size:18px; color:#4bb4ac; padding-left:70px; position:relative;}
.lectureApplicationView .priceInfo dd:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.lectureApplicationView .priceInfo dd:before {content:""; position:absolute; top:15px; left:50px; width:7px; height:7px; background:#4bb4ac; border-radius:99px;}
.lectureApplicationView .priceInfo span {float:left; }
.lectureApplicationView .priceInfo span.won {float:right;}

/* 하단 메뉴 */
#bottomMenu {width:1200px; margin:0px auto; box-sizing:border-box;position:relative;}
#bottomMenu ul {position:absolute; top:0; left:0;width:100%; border:1px solid #e4e4e4; border-right:none;}
#bottomMenu ul:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
#bottomMenu li {float:left; width:25%;}
#bottomMenu li a {display:block; text-align:center; border-right:1px solid #e4e4e4; height:60px; line-height:60px; font-size:18px; color:#999; position:relative;}
#bottomMenu.lectureViewToggle li {width:33.333333%;}
#bottomMenu li.active a:after {content:""; position:absolute; top:-1px; right:-1px; left:-1px; bottom:-1px; background:#4bb4ac;}
#bottomMenu li.active a {color:#fff; font-weight:500;}
#bottomMenu li a span {position:relative; z-index:3;}
#bottomMenu.bottomMenuFix {position:fixed; bottom:0; left:0; width:100%; background:#fff; border:none; border-top:1px solid #4bb4ac; text-align:center; z-index:100; box-shadow:0px 0px 20px rgba(0,0,0,0.5);}
#bottomMenu.bottomMenuFix ul {width:1199px; border:none; margin:0 auto; border-left:1px solid #e4e4e4; position:static;}
#visualLectureApplicationViewArea {padding-bottom:80px;}

/*강좌리스트 */
.lectureList {border-top:2px solid #4bb4ac;}
.lectureList > li {border-bottom:1px solid #e7e7e7; height:265px; position:relative; padding:0 350px 0 280px;}
.lectureList > li .img {position:absolute;top:24px; left:30px;}
.lectureList > li .price {position:absolute; top:16px; bottom:16px; right:0; padding:0 34px; width:238px; border-left:1px solid #e8e8e8;}
.lectureList > li .price dl {line-height:2;}
.lectureList > li .price dt {position:absolute; bottom:62px; right:34px; font-size:24px; text-align:right; font-size:13px; line-height:1; color:#217a74;}
.lectureList > li .price dt span {letter-spacing:-0.5px;  font-size:24px; display:block; font-weight:700; padding-top:7px;}
.lectureList > li .price dd {position:relative; font-size:14px;}
.lectureList > li .price dd span {position:absolute; top:0; right:0; letter-spacing:-0.5px;}
.lectureList > li .price a {display:block; height:44px; line-height:44px; background:#7ec3be; text-align:center; color:#fff; font-size:18px; letter-spacing:-0.5px; position:absolute; bottom:6px; left:34px; right:34px; transition:all 0.2s;}
.lectureList > li .price a:hover {box-shadow:inset 0 0 15px rgba(0,0,0,0.2); background:#5fb0aa;}
.lectureList > li .info {padding-top:30px;}
.lectureList > li .info h4 {font-size:18px; color:#3e4347; font-weight:500; padding-bottom:12px;}
.lectureList > li .info .div {padding-bottom:20px; border-bottom:1px solid #e8e8e8; margin-bottom:18px; font-size:15px;}
.lectureList > li .info .div:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
.lectureList > li .info .div li {float:left; padding:0 30px; color:#777;}
.lectureList > li .info .div li.first {background:url(../images/board/bul_lecture_div_1.gif) no-repeat 3px 3px;}
.lectureList > li .info .div li.second {background:url(../images/board/bul_lecture_div_2.gif) no-repeat 5px 3px;}
.lectureList > li .info .div li.last {background:url(../images/board/bul_lecture_div_3.gif) no-repeat 5px 3px;}
.lectureList > li .info .day {color:#999; font-weight:300; padding-bottom:3px;}
.lectureList > li .info .day li {line-height:1.7;  font-weight:300;}
.lectureList > li .info .day span {display:inline-block; width:120px; font-weight:500; vertical-align:top;}
.lectureList > li .info .day span.dash {width:auto;  font-weight:300;}
.lectureList > li .info p {color:#4bb4ac; height:70px; display:table; width:100%;  /* border:1px solid #000;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; */}
.lectureList > li .info p span {display:table-cell;  vertical-align:middle;}
/* 수강신청 리스트 */
.lectureList_2 {border-top:2px solid #4bb4ac;}
.lectureList_2 > li {border-bottom:1px solid #e7e7e7; height:202px; position:relative; padding:0 570px 0 190px; border-bottom:1px solid #e7e7e7;}
.lectureList_2 > li:last-child {/* border-bottom-color:#999; */}
.lectureList_2 > li .tit {width:151px; height:151px; border:1px solid #4bb4ac; position:absolute; top:25px; left:16px; display:table; box-sizing:border-box; padding:10px; line-height:1.8; text-align:center; font-size:16px;}
.lectureList_2 > li .tit span {display:table-cell; vertical-align:middle;}
.lectureList_2 > li .div {padding:24px 0 12px 0; border-bottom:1px solid #e8e8e8; margin-bottom:12px; font-size:15px;}
.lectureList_2 > li .div:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
.lectureList_2 > li .div li {float:left; padding:0 30px; color:#777;}
.lectureList_2 > li .div li.first {background:url(../images/board/bul_lecture_div_1.gif) no-repeat 3px 3px;}
.lectureList_2 > li .div li.second {background:url(../images/board/bul_lecture_div_2.gif) no-repeat 5px 3px;}
.lectureList_2 > li .div li.last {background:url(../images/board/bul_lecture_div_3.gif) no-repeat 5px 3px;}
.lectureList_2 > li a {position:absolute;right:22px; width:212px; height:120px; display:table; line-height:1.8; color:#fff; background:#4bb4ac; font-size:18px; letter-spacing:-0.5px; text-align:center; top:50%; margin-top:-60px; transition:all 0.2s;}
.lectureList_2 > li a span {display:table-cell; vertical-align:middle;}
.lectureList_2 > li a:hover {box-shadow:inset 0 0 15px rgba(0,0,0,0.2); background:#5fb0aa;}
.lectureList_2 > li a.gray {background:#9a9a9a;}
.lectureList_2 > li a.red {background:#b23535;}
.lectureList_2 > li a.blue {background:#2763ba;}
.lectureList_2 > li .price {position:absolute; top:20px; bottom:20px; right:268px; border:1px solid #e8e8e8; width:280px; border-top:none; border-bottom:none; box-sizing:border-box; padding:0 32px; height:162px; display:table;}
.lectureList_2 > li .price ul {display:table-cell; vertical-align:middle;}
.lectureList_2 > li .price li {position:relative; font-size:14px; line-height:2.5; color:#4bb4ac;}
.lectureList_2 > li .price li span {position:absolute; top:0; right:0; letter-spacing:-0.5px;}
.lectureList_2 > li .price li strong {font-weight:500; font-size:20px; color:#333;}
.lectureList_2 > li .day dl{padding-bottom:7px; line-height:1.8;  font-size:13px;}
.lectureList_2 > li .day dl:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.lectureList_2 > li .day dt {float:left; font-weight:500;}
.lectureList_2 > li .day dd {margin-left:100px; color:#999;  font-weight:300;}
.lectureList_2 > li .day dd span {color:#4bb4ac; width:70px; display:inline-block;}
.lectureList_2 > li .day dd span.dash {width:auto; color:#999; vertical-align:top;}
.lectureList_2 > li .day {line-height:1.7;}
.lectureList_2_priceWide > li .price {right:0; width:374px; border-right:none; padding:0 60px;}
.lectureList_2_priceWide > li {padding-right:400px;}

/* 상담예약 42077191 */
.counseling {padding-top:50px;}
.counseling:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.counseling .counselingTit {text-align:center; padding-bottom:40px;}
.counseling_1 .left {float:left; width:584px;}
.counseling_1 .left .calender {height:332px; box-sizing:border-box; border:1px solid #333; padding:0 20px;}
.counseling_1 .right {float:right; width:565px;}
.counseling_1 h3 {font-size:25px; padding-bottom:25px; color:#000; word-spacing:-1px; }
.counseling_1 h3 span {color:#999; font-size:14px; padding-left:10px; font-weight:300;}
.counseling_1 .calender {width:100%;}
.counseling_1 .calender td {padding:3px;}
.counseling_1 .calender td div {height:32px; line-height:32px;}
.counseling_1 .calender td div a {background:#7dc3bd; opacity:0.7; color:#fff; font-weight:500; transition:all 0.2s;}
.counseling_1 .calender td div a:hover {opacity:1; box-shadow:inset 0px 0px 5px rgba(0,0,0,0.3);}
.counseling_2 .totalAmount {height:180px; border-bottom:1px solid #e7e7e7; position:relative; padding-left:169px; margin-bottom:50px;}
.counseling_2 .totalAmount ul {width:340px; padding-top:50px;}
.counseling_2 .totalAmount ul li {position:relative; padding-bottom:25px; font-size:16px; font-weight:500;}
.counseling_2 .totalAmount ul li span {position:absolute; top:0; right:0; letter-spacing:-0.5px;}
.counseling_2 .totalAmount ul li span.colorRed {color:#b23535 !important;}
.counseling_2 .totalAmount ul li span a {position:absolute; top:-7px; right:-80px;}
.counseling_2 .totalAmount p {position:absolute; top:50%; right:0; width:50%; text-align:center; font-size:24px; font-weight:700; margin-top:-45px;}
.counseling_2 .totalAmount p span {display:block; letter-spacing:-0.5px; color:#b23535; padding-top:15px;}


/*  */
.counseling_2 .totalAmountNew {border-bottom:1px solid #e7e7e7; padding:24px 60px; display:flex; justify-content:space-between; font-size:13px; line-height:2.5; margin-bottom:15px;}
.counseling_2 .totalAmountNew h4 {font-size:20px; font-weight:500; margin-bottom:5px;}
.counseling_2 .totalAmountNew .discount {flex-grow: 1; /* padding:0 66px 0 50px; */ padding-right:60px;}
.counseling_2 .totalAmountNew .discount > div {margin-bottom:15px;}
.counseling_2 .totalAmountNew .discount > div:last-child {margin-bottom:0;}
.counseling_2 .totalAmountNew .discount .btn {display:inline-block; min-width:50px; padding:0 7px; box-sizing:border-box; border:1px solid #aaa; color:#aaa; height:30px; line-height:28px; text-align:center; vertical-align:top; font-size:12px; margin-left:5px; transition:all 0.2s;}
.counseling_2 .totalAmountNew .discount .btn:hover {color:#b23535; border-color:#b23535; box-shadow:2px 2px 0px rgba(0,0,0,0.1);}
.counseling_2 .totalAmountNew .discount .btn.active {color:#b23535; border-color:#b23535;}
.counseling_2 .totalAmountNew .discount h5 {font-size:16px; font-weight:500;}
.counseling_2 .totalAmountNew .discount dl {/* border-bottom:1px solid #e7e7e7 */; display:flex; justify-content:space-between; align-items: center;}
.counseling_2 .totalAmountNew .discount dl dt {padding-left:10px;}
.counseling_2 .totalAmountNew .discount dl dd {display:flex; align-items: center; min-height:30px; padding-right:10px;}
.counseling_2 .totalAmountNew .discount .color {color:#b23535;}

/* .counseling_2 .totalAmountNew .discount .point dd {color:#b23535;} */
.counseling_2 .totalAmountNew .totalArea {border-left:1px solid #e8e8e8; flex-basis:50%; width:50%; padding-left:60px; box-sizing:border-box;}
.counseling_2 .totalAmountNew .totalArea li {display:flex; justify-content:space-between; color:#555; font-weight:500; padding:0 10px;}
.counseling_2 .totalAmountNew .totalArea li strong {font-weight:500;}
.counseling_2 .totalAmountNew .totalArea li.color {color:#777; font-weight:300}
.counseling_2 .totalAmountNew .totalArea li.color strong {font-weight:300}
.counseling_2 .totalAmountNew .totalArea li.total {border-top:1px solid #e7e7e7; padding-top:13px; margin-top:20px; font-size:21px; font-weight:700; color:#4bb4ac; letter-spacing:-0.5px; padding-left:0; padding-right:0;}
.counseling_2 .totalAmountNew .totalArea li.total  strong {font-weight:700;}
.counseling_2 .totalAmountNew .discount .siblingsToggle:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.counseling_2 .totalAmountNew .discount .siblingsToggle li {float:left;}
.counseling_2 .totalAmountNewEx {color:#b23535; margin-bottom:50px; line-height:1.7;}
.counseling_2 .totalAmountNewEx li {padding-left:20px; position:relative;}
.counseling_2 .totalAmountNewEx li:after {content:""; display:block; position:absolute; top:8px; left:8px; width:4px; height:4px; background:#b23535;}





.counseling_2 .totalAmountS {padding-left:50px; margin-bottom:0px; height:140px}
.counseling_2 .totalAmountS ul {width:240px; padding-top:36px;}
.counseling_2 .totalAmountS ul li {padding-bottom:18px;}
.counseling_2 .totalAmountS p {margin-top:-42px;}
.counseling_2 .totalAmountS p span {padding-top:10px;}
.counseling_2 .consent .box {border:1px solid #e0e0e0; height:187px; overflow:auto; line-height:2; font-size:13px; color:#999; padding:10px 14px; margin-bottom:15px;}
.counseling_2 .consent {border-bottom:1px solid #e7e7e7; padding-bottom:40px; margin-bottom:40px;}
.counseling_2 .consent label .txt {color:#777; font-size:13px;}
.counseling_2 .consent label:hover .txt {color:#333;}
.counseling_2 .pointOrder {padding:42px 0; border:1px solid #dadada; border-left:none; border-right:none; margin-bottom:40px; padding-left:80px;position:relative;}
.counseling_2 .pointOrder ul {padding-bottom:19px;}
.counseling_2 .pointOrder ul:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.counseling_2 .pointOrder ul li {float:left; padding-right:10px;}
.counseling_2 .pointOrder ul li a {display:block; width:70px; height:35px; line-height:34px; border:1px solid #c4c4c4; text-align:center; color:#aaa;}
.counseling_2 .pointOrder ul li a:hover {border-color:#ff9a26;}
.counseling_2 .pointOrder ul li a.active {border-color:#ff9a26; color:#ff9a26;}
.counseling_2 .pointOrder p {position:absolute; top:50%; right:0; width:404px; text-align:center; font-size:24px; font-weight:700; margin-top:-45px;}
.counseling_2 .pointOrder p span {display:block; letter-spacing:-0.5px; color:#b23535; padding-top:15px;}
.counseling_2 .info {padding-bottom:20px; margin-bottom:40px; padding-left:168px; border-bottom:1px solid #e7e7e7;}
.counseling_2 .info .table {width:440px;}
.counseling_2 .info .table td {padding:5px 0; color:#777;}
.counseling_2 .info .table .dash {vertical-align:middle;}
.counseling_2 .info .table th {color:#777;}
.counseling_2 .select {position:relative; padding-bottom:40px; margin-bottom:60px;  border-bottom:1px solid #e7e7e7;}
.counseling_2 .select ul {width:50%; box-sizing:border-box; padding-left:168px;}
.counseling_2 .select ul:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.counseling_2 .select ul li {float:left; width:50%; padding-top:20px;}
.counseling_2 .select ul li label .txt {color:#777;}
.counseling_2 .select ul li label:hover .txt {color:#333;}
.counseling_2 .select p {position:absolute; top:50%; right:0; width:50%; text-align:center; font-size:24px; font-weight:700; margin-top:-58px;}
.counseling_2 .select p span {display:block; letter-spacing:-0.5px; color:#b23535; padding-top:15px;}
.counseling_3_1 h3 {font-size:24px; text-align:center; padding:70px 0 70px;}
.counseling_3_1 h3 span {display:block; padding-top:10px;}
.counseling_3_1 p {font-size:24px; font-weight:600; text-align:center; padding-bottom:70px;}
.counseling_3_1 p span {color:#b23535; letter-spacing:-0.5px;}
.counseling_3_2 .table {width:370px; margin:70px auto 100px auto; font-size:20px; font-weight:500;}
.counseling_3_2 .table th {padding:10px 0;}
.counseling_3_2 .table td {text-align:right; padding:10px 0; letter-spacing:-0.5px;}
.calender .tit {text-align:center; height:55px; font-size:13px; position:relative; box-sizing:border-box; padding-top:10px;}
.calender .tit select {font-size:18px; font-weight:500; cursor:pointer; background:none; border:none; padding:0; color:#333;}
.calender .tit select:hover {color:#4bb4ac;}
.calender .tit a {display:inline-block; vertical-align:top; width:38px; height:38px; text-indent:-9999px; margin:0 15px;}
.calender .tit a.btnPrev {background:url(../images/sub/btn_date_prev.png) no-repeat center center;}
.calender .tit a.btnPrev:hover {background:url(../images/sub/btn_date_prev_on.png) no-repeat center center;}
.calender .tit a.btnNext {background:url(../images/sub/btn_date_next.png) no-repeat center center;}
.calender .tit a.btnNext:hover {background:url(../images/sub/btn_date_next_on.png) no-repeat center center;}
.calender th {font-weight:700; font-size:10px;  text-align:center; height:40px; border:1px solid #cccccc; border-right:none; border-left:none;}
.calender td {text-align:center; font-size:10px; font-weight:300; color:#000; padding:1px;}
.calender td div {height:20px; line-height:20px; position:relative;}
.calender td:hover div {background:#f2f9f8; color:#539c97;}
.calender td.sun {color:#e36767;}
.calender td.pass {color:#ccc;}
.calender td.pass.sun {color:#f0c6c6;}
.calender td a {position:absolute; top:0; right:0; bottom:0; left:0; transition:all s0.2s; border-radius:3px;}
.calender td a:hover {/* box-shadow:2px 2px 0px rgba(0,0,0,0.5) */; opacity:0.8;}
.calender td a.di {background:#39a5e7; color:#fff; font-weight:500;}
.calender td a.ss {background:#29ce6b; color:#fff; font-weight:500;}
.calender td a.ha {background:#efc611; color:#fff; font-weight:500;}
.calender td a.or {background:#e74a39; color:#fff; font-weight:500;}

/* 입시정보 */
#entranceExamInfoRolling {position:relative; width:946px; height:357px; overflow:hidden;}
#entranceExamInfoRolling li {float:left; width:946px;}
#entranceExamInfoRolling ul:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
#entranceExamInfoRolling li {}
#entranceExamInfoRolling .btnPn {display:none;}
#entranceExamInfoRolling .rollingPaging {position:absolute; bottom:25px; left:0; right:0; text-align:center;}
#entranceExamInfoRolling .rollingPaging span {display:inline-block; width:14px; height:14px; background:#fff; border:none; cursor:pointer; margin:0 4px; border-radius:99px; outline:0; text-indent:-9999px;}
#entranceExamInfoRolling .rollingPaging span.active {background:#4bb4ac;}
#genosEntranceExam .btnTab {border:1px solid #ddd; border-bottom:1px solid #ddd; margin:18px 0;}
#genosEntranceExam .btnTab ul {height:79px;}
#genosEntranceExam .btnTab ul li {float:left; width:50%;}
#genosEntranceExam .btnTab ul li a {display:block; height:79px; line-height:79px; border-right:1px solid #ddd; padding-left:28px; font-size:26px; color:#aaa; background:url(../images/main/bg_entrance.gif) no-repeat 420px 33px;}
#genosEntranceExam .btnTab ul li a span {font-size:15px; padding-left:10px;}
#genosEntranceExam .btnTab ul li a:hover {color:#777; background-image:url(../images/main/bg_entrance_on.gif);}
#genosEntranceExam .btnTab ul li a.active {background:url(../images/main/bg_entrance_active.gif) no-repeat 420px 33px;}
#genosEntranceExam .btnTab ul li a.active {color:#000;}
#genosEntranceExam .btnTab ul li a.last {border-right:none; background-position:420px 33px; padding-left:40px;}
.entranceExamsTabArea {position:relative;}
.entranceExamsTabArea .box {width:302px; box-sizing:border-box; margin-right:20px; margin-bottom:20px; border:1px solid #ddd; height:180px; float:left;}
.entranceExamsTabArea .box.long {height:380px;}
.entranceExamsTabArea .box.entranceExamsCalender {}
.entranceExamsTabArea .box.last {margin-right:0;}
.entranceExamsTabArea .list {position:relative; transition:all 0.2s; margin-right:0;}
.entranceExamsTabArea .list a {display:block; height:100%; padding:0 25px; color:#333;}
.entranceExamsTabArea .list:hover {transform:scale(1.05) /* rotate(5deg) */; box-shadow:4px 4px 0px rgba(0,0,0,0.3);}
/* .entranceExamsTabArea .list .div {position:absolute; top:25px; right:25px; width:50px; height:24px; line-height:24px; box-sizing:border-box; color:#333; border:1px solid #ccc; border-radius:99px; text-align:center;} */
.entranceExamsTabArea .list .div {position:absolute; top:20px; right:25px; min-width:50px; height:24px; line-height:24px; padding:0 10px; box-sizing:border-box; color:#333; border:1px solid #ccc; border-radius:99px; text-align:center;}
.entranceExamsTabArea .list .tit {display:block; padding:65px 0 25px 0; font-size:18px;}
.entranceExamsTabArea .list .day {display:block; font-size:15px; color:#777; position:absolute; bottom:20px; left:25px;}
.entranceExamsTabArea .list .day span {background:#4bb4ac; border-radius:99px; padding:2px 10px; color:#fff; font-size:13px; min-width:48px; position:relative; top:-2px; margin-left:5px;}
.entranceExamsTabArea .list .mask {position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; background:rgba(126,195,190,0.7); display:none;}
.entranceExamsTabArea .list .mask:after {content:""; position:absolute; top:50%; left:50%; width:1px; height:100px; margin:-50px 0 0 -1px; background:#fff;}
.entranceExamsTabArea .list .mask:before {content:""; position:absolute; top:50%; left:50%; width:100px; height:1px; margin:-1px 0 0 -50px; background:#fff;}
.entranceExamsTabArea .listSet h3 {text-align:center; padding:32px 0 0px 0; font-weight:400; box-sizing:border-box; position:relative; height:88px;  font-size:18px; color:#333; border-bottom:1px solid #ddd;}
.entranceExamsTabArea .listSet ul {height:290px; overflow:auto;}
.entranceExamsTabArea .listSet li a {display:block; padding:9px 25px 7px 25px; transition:all 0.2s; position:relative; background:#fff; border-bottom:1px solid #ddd; }
.entranceExamsTabArea .listSet li a:hover {background:#f2f9f8; color:#4bb4ac;}
.entranceExamsTabArea .listSet li a:hover span {color:#4bb4ac;}
.entranceExamsTabArea .listSet li a:after {content:""; position:absolute; top:50%; right:30px; margin-top:-6px; width:8px; height:12px; background:url(../images/common/btn_more_ani_em.png) no-repeat 0 0; opacity:0;
animation:fush 0.8s ease-in-out 0s infinite normal;}
.entranceExamsTabArea .listSet li a:hover:after { opacity:1;}
@keyframes fush {
	0% {right:23px;}
	50% {right:30px;}
	100% {right:23px;}
}
.entranceExamsTabArea .listSet li a .tit {display:block; font-size:14px; color:#555; padding-bottom:4px;}
.entranceExamsTabArea .listSet li a .div {padding-right:10px; margin-right:9px; color:#999; position:relative; font-size:13px;}
.entranceExamsTabArea .listSet li a .div:after {content:""; display:block; position:absolute; top:3px; right:0; width:1px; height:10px; background:#aaa;}
.entranceExamsTabArea .listSet li a .day {color:#999; font-size:13px;}
.entranceExamsTabArea .entranceExamsCalender {}
.entranceExamsCalender {padding:0 1px;}
.entranceExamsCalender .tit {text-align:center; padding:30px 0 10px 0; font-weight:700; box-sizing:border-box; position:relative; height:74px;}
.entranceExamsCalender .tit select {background:none; border:none; color:#333; padding:0; cursor:pointer; font-size:18px;}
.entranceExamsCalender .tit select:hover {color:#4bb4ac;}
.entranceExamsCalender .tit a {display:inline-block; padding:10px; vertical-align:top; position:relative; top:1px;}
.entranceExamsCalender th {font-weight:700; font-size:11px; text-align:center; color:#fff; height:42px; letter-spacing:1px; color:#2c3064;}
.entranceExamsCalender td {text-align:center; font-size:11px; font-weight:300; color:#333; padding:2px;}
.entranceExamsCalender td div {height:35px; line-height:35px; position:relative; cursor:default;}
.entranceExamsCalender td:hover div {background:#f2f9f8; color:#539c97;}
.entranceExamsCalender td.sun {color:#e14e4e;}
.entranceExamsCalender td.pass {color:#ccc;}
.entranceExamsCalender td.pass.sun {color:#e8b7b7;}
.entranceExamsCalender td a {position:absolute; top:0; right:0; bottom:0; left:0; transition:all 0.2s; border-radius:3px; background:#4bb4ac; opacity:0.6; color:#fff; font-weight:500;}
.entranceExamsCalender td a:hover {opacity:0.8;}
.entranceExamsTabArea .newList {position:relative; transition:all 0.2s;}
.entranceExamsTabArea .newList a {display:block; height:100%; padding:0 25px; color:#333; transition:all 0.3s;}
.entranceExamsTabArea .newList:hover {transform:scale(1.05) /* rotate(5deg) */; box-shadow:4px 4px 0px rgba(0,0,0,0.3);}
.entranceExamsTabArea .newList .tit {display:block; padding-top:22px; font-size:18px;}
.entranceExamsTabArea .newList .day {display:block; font-size:14px; color:#777; padding-top:5px;}
.entranceExamsTabArea .newList .txt {display:block; padding-top:15px; font-size:13px; line-height:1.7; font-weight:300;}
.entranceExamsTabArea .newList .mask {position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; background:rgba(126,195,190,0.5); display:none;}
.entranceExamsTabArea .newList .mask:after {content:""; position:absolute; top:50%; left:50%; width:1px; height:100px; margin:-50px 0 0 -1px; background:#fff;}
.entranceExamsTabArea .newList .mask:before {content:""; position:absolute; top:50%; left:50%; width:100px; height:1px; margin:-1px 0 0 -50px; background:#fff;}
.entranceExamsTabArea .btn {text-align:center; padding-top:30px;}
.entranceExamsTabArea .btn a {background:#7ec3be; height:40px; line-height:40px; color:#fff; width:135px; font-weight:500; display:inline-block; transition:all 0.2s;}
.entranceExamsTabArea .btn a:hover {background:#4bb4ac; text-shadow:0px 0px 3px rgba(0,0,0,0.7); box-shadow:0px 0px 3px rgba(0,0,0,0.5);}
.entranceExamInfo .list h3 {border-top:1px solid #3d3d3d; text-align:center; font-weight:500; font-size:20px; margin-top:90px; padding-bottom:15px;}
.entranceExamInfo .list h3 span {display:inline-block; background:#fff; position:relative; top:-17px; padding:0 15px;}
.entranceExamInfo .list p {text-align:center; font-size:13px; color:#aaa; font-weight:300; padding-bottom:28px; position:relative;}
.entranceExamInfo .list p:after {content:""; position:absolute; top:-18px; left:50%; margin-left:-10px; width:20px; height:1px; background:#333;}
.entranceExamInfo .list_1 {}
.entranceExamInfo .list_1 .rolling {position:relative; overflow:hidden; padding-left:1px;}
.entranceExamInfo .list_1 .rolling li {float:left; margin-right:16px;}
.entranceExamInfo .list_1 .rolling li a {display:block; width:224px; height:160px; position:relative; box-sizing:border-box; border:1px solid #dedede;}
.entranceExamInfo .list_1 .rolling li a span {position:absolute; top:0; left:0; right:0; bottom:0; background:#515461; background:rgba(50,54,69,0.8); text-align:center; color:#fff; font-size:18px; font-weight:700; box-sizing:border-box; padding:40px 15px 0 15px; opacity:0; transition:all 0.3s;}
.entranceExamInfo .list_1 .rolling li a span:after {content:""; position:absolute; top:110px; left:50%; margin-left:-12px; width:25px; height:12px; background:url(../images/sub/btn_more_ani.png) no-repeat 0 0;
animation:fush2 0.8s ease-in-out 0s infinite normal;
}
.entranceExamInfo .list_1 .rolling li a:hover span {display:block; opacity:1;}
@keyframes fush2 {
	0% {margin-left:-9px;}
	50% {margin-left:-15px;}
	100% {margin-left:-9px;}
}
.lowMise8 .entranceExamInfo .list_1 .rolling li a span {display:none;}
.lowMise8 .entranceExamInfo .list_1 .rolling li a:hover span {display:block;}
.entranceExamInfo .list_1 .rolling .btnPrev {position:absolute; display:inline-block; text-indent:-9999px; top:50%; margin-top:-14px; left:0; width:28px; height:30px; background:#fff url(../images/sub/btn_entrance_prev.gif) no-repeat 0 0; border:none; outline:0; cursor:pointer;}
.entranceExamInfo .list_1 .rolling .btnPrev:hover {background:#fff url(../images/sub/btn_entrance_prev_on.gif) no-repeat 0 0}
.entranceExamInfo .list_1 .rolling .btnNext {position:absolute; display:inline-block; text-indent:-9999px; top:50%; margin-top:-14px; right:0; width:28px; height:30px; background:#fff url(../images/sub/btn_entrance_next.gif) no-repeat 0 0; border:none; outline:0; cursor:pointer;}
.entranceExamInfo .list_1 .rolling .btnNext:hover { background:#fff url(../images/sub/btn_entrance_next_on.gif) no-repeat 0 0;}
.entranceExamInfo .list_1 .rolling .rollingPaging {display:none;}
.entranceExamInfo .list_2 .tabArea {height:160px;}
.dataList {padding-left:1px;}
.dataList ul:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.dataList li {float:left; margin-right:17px; margin-bottom:17px;}
.dataList li.last {margin-right:0;}
.dataList li a {display:block; width:175px; height:160px; box-sizing:border-box; border:1px solid #dedede; position:relative; padding:25px 20px 0 20px; text-align:center; transition:all 0.2s;}
.dataList li a .tit {font-size:16px; font-weight:500; color:#333;}
.dataList li a .div {position:absolute; bottom:20px; left:0; right:0; text-align:center; color:#333;}
.dataList li a .div:after {content:""; position:absolute; top:-10px; left:50%; margin-left:-18px; width:36px; height:1px; background:#222;}
.dataList li a .down {position:absolute; top:0; left:0; right:0; bottom:0; background:#515461 url(../images/sub/ic_down.png) no-repeat center 48px; background-color:rgba(50,54,69,0.8); opacity:0; transition:all 0.2s;}
.dataList li a .down:after {content:""; position:absolute; width:37px; height:36px; background:url(../images/sub/ic_down_arrow.png) no-repeat 0 0; top:45px; left:50%; margin-left:-18px;
animation:fush4 0.8s ease-in-out 0s infinite normal;
}
@keyframes fush4 {
	0% {top:42px;}
	50% {top:48px;}
	100% {top:42px;}
}
.dataList li a .down .point {display:inline-block; padding-top:100px; color:#fff; padding-left:21px; background:url(../images/sub/bg_point.png) no-repeat 0 104px; font-weight:700; font-size:15px;}
.dataList li a:hover .down {opacity:1;}
.lowMise8 .dataList li a .down {display:none;}
.lowMise8 .dataList li a:hover .down {display:block;}
.dataList li a .ex {position:absolute; top:0; left:0; right:0; bottom:0; background:#515461; background-color:rgba(50,54,69,0.9); opacity:0; transition:all 0.2s; color:#fff; box-sizing:border-box; padding:25px 20px; text-align:left; font-weight:500;}
.dataList li a .ex:after {content:""; position:absolute; bottom:25px; left:50%; margin-left:-12px; width:25px; height:12px; background:url(../images/sub/btn_more_ani.png) no-repeat 0 0;
animation:fush2 0.8s ease-in-out 0s infinite normal;}
.dataList li a:hover .ex {opacity:1;}
.lowMise8 .dataList li a .ex {display:none;}
.lowMise8 .dataList li a:hover .ex {display:block;}


/* 학교 소개 */
.schoolIntro {}
.schoolIntro .tabArea {}
.schoolIntro .cont_2 {text-align:center; padding-top:80px;}
.schoolIntro .cont_1:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.schoolIntro .cont_1 .left {float:left; width:50%; padding:0px 30px; box-sizing:border-box;}
.schoolIntro .cont_1 .left h3 {padding-bottom:30px;}
.schoolIntro .cont_1 .right {float:right; width:50%; padding:0px 30px; box-sizing:border-box; padding-left:150px;}
.schoolIntro .cont_1 .right .map {}
.schoolIntro .cont_1 h3 {font-size:20px; font-weight:500; padding-top:10px;}
.schoolIntro .cont_1 h3 a {border-radius:99px; display:inline-block; margin-left:5px; padding:3px 15px 3px 26px; background:#555 url(../images/sub/ic_mool.png) no-repeat 14px 8px; color:#fff; vertical-align:top; font-size:13px; font-weight:300; position:relative; top:2px; transition:all 0.2s;}
.schoolIntro .cont_1 h3 a:hover {box-shadow:0px 0px 3px rgba(0,0,0,0.5); background-color:#666;}
.schoolIntro .cont_1 li {position:relative;}
.schoolIntro .cont_1 li a {display:block; height:51px; line-height:51px; border:1px solid #d7d7d7; color:#aaa; font-weight:300; margin-bottom:9px; font-size:16px; padding-left:15px;}
.schoolIntro .cont_1 li a:hover {border-color:#4bb4ac;}
.schoolIntro .cont_1 li.active a {border-color:#4bb4ac; color:#4bb4ac;}
.schoolIntro .cont_1 li.active select {display:block;}
.schoolIntro .cont_1 li select {position:absolute; top:7px; right:7px; width:180px; height:38px; background:#f3f3f3 url(../images/board/bg_select_search.png) no-repeat right center; border-color:#ddd; color:#777; font-weight:300; font-size:13px; padding-left:10px; display:none;}
.schoolIntro .cont_1 li select:hover {/* border-color:#4bb4ac; */ background-color:#fff;}
.schoolIntro .cont_1 li select:focus {border-color:#4bb4ac; background:#fff url(../images/board/bg_select_active.png) no-repeat right center;; color:#4bb4ac;}
.schoolIntro .cont_1 .map {position:relative; height:500px;}
.schoolIntro .cont_1 .map a {position:absolute; color:#777; line-height:1; font-size:13px;}
.schoolIntro .cont_1 .map a:hover {color:#000;}
/* .schoolIntro .cont_1 .map a:after {content:""; position:absolute; bottom:0; left:50%; width:6px; height:6px; border-radius:99px; background:#fb8405;} */
.schoolIntro .cont_1 .map a.active {/* text-shadow:2px 2px 0px rgba(255,255,255,0.7); */ color:#000;}
.schoolIntro .cont_1 .map a.btnMap_1 {top:106px; left:54px;}
.schoolIntro .cont_1 .map a.btnMap_2 {top:70px; left:64px;}
.schoolIntro .cont_1 .map a.btnMap_3 {top:101px; left:23px;}
.schoolIntro .cont_1 .map a.btnMap_4 {top:90px; left:150px;}
.schoolIntro .cont_1 .map a.btnMap_5 {top:170px; left:115px;}
.schoolIntro .cont_1 .map a.btnMap_6 {top:185px; left:30px;}
.schoolIntro .cont_1 .map a.btnMap_7 {top:202px; left:70px;}
.schoolIntro .cont_1 .map a.btnMap_8 {top:228px; left:80px;}
.schoolIntro .cont_1 .map a.btnMap_9 {top:215px; left:175px;}
.schoolIntro .cont_1 .map a.btnMap_10 {top:330px; left:140px;}
.schoolIntro .cont_1 .map a.btnMap_11 {top:275px; left:165px;}
.schoolIntro .cont_1 .map a.btnMap_12 {top:305px; left:208px;}
.schoolIntro .cont_1 .map a.btnMap_13 {top:340px; left:200px;}

.schoolIntro .cont_1 .map a.btnMap_14 {top:290px; left:65px;}
.schoolIntro .cont_1 .map a.btnMap_15 {top:385px; left:40px;}
.schoolIntro .cont_1 .map a.btnMap_16 {top:352px; left:50px;}
.schoolIntro .cont_1 .map a.btnMap_17 {bottom:10px; left:40px;}

/* 입시뉴스 */
.entranceExaminationNews .boardNotice {float:left; width:460px; box-sizing:border-box; height:160px; overflow:auto;}
.entranceExaminationNews .number {float:right; width:460px;}
.entranceExaminationNews .number dt {padding-left:28px; font-size:17px; background:url(../images/sub/bul_number.gif) no-repeat 0 2px; padding-bottom:10px;}
.entranceExaminationNews .number dd a {display:block; position:relative; line-height:1.9; font-size:13px;}
.entranceExaminationNews .number dd a span {position:absolute; top:0; right:0;}
.entranceExaminationNews .number strong {margin-right:3px;}

/* 입시일정 */
/* .entranceExaminationSchedule .calender {width:760px; width:50%; width:100%; border:1px solid #ccc; padding:0px 20px 20px 20px; position:relative; top:58px; box-sizing:border-box;} */
.entranceExaminationSchedule .calender {width:760px; width:50%; width:100%; border:1px solid #ccc; padding:0px 40px 20px 40px; position:relative; top:0px; margin-top:58px;box-sizing:border-box;}
.entranceExaminationSchedule .calender .tit {height:70px; padding-top:15px;}
.entranceExaminationSchedule .calender .tit select {font-size:24px;}
.entranceExaminationSchedule .calender td div {height:40px; line-height:40px;}
.entranceExaminationSchedule .calender th {font-size:13px; height:50px;}
.entranceExaminationSchedule .calender td {padding:2px 36px; font-size:12px;}
.entranceExaminationSchedule .calender td div a {background:#7dc3bd; opacity:0.7; color:#fff; font-weight:500; transition:all 0.2s;}
.entranceExaminationSchedule .calender td div a:hover {opacity:1; box-shadow:inset 0px 0px 5px rgba(0,0,0,0.3);}

/* 카테고리 구분 */
.categoryDiv:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.categoryDiv {background:#dbf0ee; padding:20px; margin-bottom:50px;}
.categoryDiv li {float:left; width:16.666%; text-align:center; padding:10px 0;}
.categoryDiv li a {color:#afb7b6; font-size:15px; font-weight:300;}
.categoryDiv li a:hover {color:#333;}
.categoryDiv li a.active {color:#333; border-bottom:1px solid #333;  font-weight:500;}
.categoryDivFive li {width:20%;}
.categoryDivSeven li {width:14.2%;}
.categoryDivThree li {width:33.333%;}

/* 채널제노스 */
.visualEntranceChannel  {}

/* 직업 탐색 */
.jobSearch .btnTab {margin-bottom:40px;}
.jobSearch .tab_1 {}
.jobSearch .tab_1 dl {margin-bottom:5px;}
.jobSearch .tab_1 dt {border:1px solid #ccc; /* border-top:none; */ cursor:pointer; height:58px; line-height:59px; padding:0 80px 0 27px; font-size:16px; font-weight:500; background:url(../images/sub/ic_faq.png) no-repeat 1145px center;}
.jobSearch .tab_1 dl:hover dt {border-color:#4bb4ac;}
.jobSearch .tab_1 dt.active { background:url(../images/sub/ic_faq_active.png) no-repeat 1145px center; border-color:#4bb4ac; color:#4bb4ac;}
.jobSearch .tab_1 dt.first {border-top:1px solid #ccc;}
.jobSearch .tab_1 dd {display:none;}
.jobSearch .tab_1 dd a {display:block; background:url(../images/board/btn_sc_search_2.png) no-repeat 17px center; height:50px; line-height:51px; border-bottom:1px solid #ccc; padding:0 30px 0 45px; color:#777;}
.jobSearch .tab_1 dd a:hover {background-color:#faffff; color:#4bb4ac;}
.jobSearch .tab_4 {text-align:center; }
.jobSearch .tab_4:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.jobSearch .tab_4 .left {float:left; width:50%;}
.jobSearch .tab_4 .right {float:right; width:50%;}
.jobSearch .tab_4 h3 span {font-size:24px; padding:0 0 15px 0; padding-left:42px; background:url(../images/sub/bul_tit_search_1.gif) no-repeat 0 0; margin-top:50px;}
.jobSearch .tab_4 .right h3 span {background:url(../images/sub/bul_tit_search_2.gif) no-repeat 0 0;}
.jobSearch .tab_4 .left span {position:relative; height:50px; display:inline-block;}
.jobSearch .tab_4 .left input {width:470px; height:50px; font-size:20px; padding-right:62px; padding-left:12px;}
.jobSearch .tab_4 .left a {position:absolute; top:1px; right:1px;height:48px; width:48px; background:#545454 url(../images/board/ic_search.png) no-repeat center center; vertical-align:middle; transition:all 0.2s;}
.jobSearch .tab_4 .left a:hover {background-color:#4bb4ac;}
.jobSearch .tab_4 .right span {position:relative; height:50px; display:inline-block;}
.jobSearch .tab_4 .right select {height:48px; width:220px;}
.jobSearch .tab_4 .right a {display:inline-block; height:48px; width:48px; background:#545454 url(../images/board/ic_search.png) no-repeat center center; vertical-align:middle; transition:all 0.2s;}
.jobSearch .tab_4 .right a:hover {background-color:#4bb4ac;}
.jobSearch .list {border-left:1px solid #ccc; border-top:1px solid #ccc;}
.jobSearch .list:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.jobSearch .list li {float:left; width:20%;}
.jobSearch .list li a {display:block;  font-size:15px; font-weight:300; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc; height:59px; line-height:59px;}
.jobSearch .list li a span {border-bottom:1px solid #fff;}
.jobSearch .list li a.active {background:#dbf0ee; font-weight:400; color:#333;}
.jobSearch .list li a.active span {border-bottom:1px solid #555;}
.jobSearch .list_2 {margin-top:70px;}
.jobSearch .list_2 h3 {padding-left:33px; background:url(../images/sub/bul_tit_job.gif) no-repeat 0 0; font-size:21px; font-weight:500; padding-bottom:20px;}
.jobSearch .list_2 ul {border:1px solid #ccc; background:#eee; padding:20px 0;}
.jobSearch .list_2 ul:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.jobSearch .list_2 li {float:left; width:20%; text-align:center; padding:10px 0; font-size:15px;}

/*  학과정보 */
.departmentInfo {}
.departmentInfo .btnTab {margin-bottom:80px;}
.departmentInfo .tab_1 .search {text-align:center;}
.departmentInfo .tab_1 .search span {position:relative; height:50px; display:inline-block;}
.departmentInfo .tab_1 .search input {width:600px; height:50px; font-size:20px; padding-right:62px; padding-left:12px;}
.departmentInfo .tab_1 .search a {position:absolute; top:1px; right:1px;height:48px; width:48px; background:#545454 url(../images/board/ic_search.png) no-repeat center center; vertical-align:middle; transition:all 0.2s;}
.departmentInfo .tab_1 .search a:hover {background-color:#4bb4ac;}
.departmentInfo .tab_2 .search {text-align:center;}
.departmentInfo .tab_2 select {width:600px; height:50px; font-size:20px; padding-left:12px;}
.departmentInfo .list_2 {margin-top:50px;}
.departmentInfo .list_2 h3 {background:#ccc; height:50px; line-height:50px; padding-left:25px; font-size:16px; font-weight:500;}
.departmentInfo .list_2 a {display:block; height:45px; line-height:45px; border-bottom:1px solid #ccc; padding-left:25px; font-size:13px;}


/* 아미페이지 메인 */
.myPageMain .topTit {position:relative; margin-bottom:50px;}
.myPageMain .topTit:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.myPageMain .topTit .right {float:right; width:360px;}
.myPageMain .topTit .right a {display:block; height:180px; background:url(../images/sub/bg_my_page_btn.jpg) no-repeat center center; position:relative;}
.myPageMain .topTit .right a span.txt {position:absolute; top:50%; margin-top:-50px; left:0; right:0; text-align:center; color:#fff; font-size:25px; font-weight:700; z-index:3;}
.myPageMain .topTit .right a span.txt span {background:#1f2128; width:194px; height:37px; line-height:37px; margin:0 auto; margin-top:10px; font-weight:500; font-size:15px;}
.myPageMain .topTit .right a span.txt span:after {content:""; display:inline-block; width:5px; height:9px; background:url(../images/sub/bg_my_page_btn_s.png) no-repeat 0 0; margin-left:10px; position:relative; top:-1px;}
.myPageMain .topTit .right a:hover span.txt span:after {animation:fush3 0.7s ease-in-out 0s infinite normal;}
.myPageMain .topTit .right a:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.2); opacity:0; transition:all 0.2s;}
.myPageMain .topTit .right a:hover:after {opacity:1;}
@keyframes fush3 {
0% {left:0px;}
	25% {left:4px;}
	50% {left:0px;}
	75% {left:-4px;}
	100% {left:0px;}
}
.myPageMain .topTit .left {float:left; width:576px; height:180px; background:#f6f6f6; box-sizing:border-box; padding-left:182px;}
.myPageMain .topTit .left .photo {width:107px; height:107px; border:5px solid #c1c1c1; border-radius:99px; position:absolute; top:32px; left:38px;}
.myPageMain .topTit .left .photo img {border-radius:99px;}
.myPageMain .topTit .left h3 {padding-top:30px; font-size:25px; font-weight:500; padding-bottom:15px;}
.myPageMain .topTit .left h3 span {font-size:15px; font-weight:400;}
.myPageMain .topTit .left .table {float:left; width:207px;}
.myPageMain .topTit .left .table th {background:#3f444c; font-size:13px; border-right:5px solid #f6f6f6; border-bottom:2px solid #f6f6f6; color:#fff; text-align:center; height:30px;}
.myPageMain .topTit .left .table td {background:#3f444c; font-size:13px; border-right:5px solid #f6f6f6; border-bottom:2px solid #f6f6f6; color:#fff; text-align:center; height:30px;}
.myPageMain .topTit .left .table .coo {background:#4bb4ac;}
.myPageMain .topTit .left .btn {float:left; width:110px; margin-left:5px;}
.myPageMain .topTit .left .btn li {padding-bottom:5px;}
.myPageMain .topTit .left .btn a {display:block; height:29px; line-height:30px; width:100%; border-radius:99px; background:#5b5b5b; text-align:center; color:#fff; font-weight:500; font-size:13px; transition:all 0.1s; box-sizing:border-box;}
.myPageMain .topTit .left .btn a:hover {background:#444; box-shadow:0px 1px 2px rgba(0,0,0,0.5);}
.myPageMain .topTit .left .btn a.po {background:#f37022; background:#f37022 url(../images/sub/img_po.png) no-repeat 10px 7px; padding-left:15px;}
.myPageMain .topTit .left .btn a.po:hover {background:#ee5f0a url(../images/sub/img_po.png) no-repeat 10px 7px;}
.myPageMain h3 {font-size:24px; font-weight:700; padding:50px 0 15px;}
.calendar_2 .titDay {background:#71768a; height:54px; border-bottom:1px solid #9498a7; text-align:center; box-sizing:border-box; padding-top:12px;}
.calendar_2 .titDay select {font-size:18px; font-weight:700; height:30px; background:none; color:#fff; border-color:#71768a; padding-right:22px; background:url(../images/board/bg_select_genos.png) no-repeat right 12px;}
.calendar_2 .titDay select option {color:#000;}
.calendar_2 .titDay select:hover {border:1px solid #9094a5;}
.calendar_2 .titDay select:focus {border:1px solid #9094a5; background-color:#9094a5;}
.calendar_2 .titDay a {display:inline-block; vertical-align:middle; margin:0px 40px 0 40px; border:1px solid #9094a5; padding:5px; transition:all 0.2s;}
.calendar_2 .titDay a:hover {background:#9094a5;}
.calendar_2 .titDay a img {width:15px;}
.calendar_2 th {text-align:center; height:37px; color:#fff; background:#7dc3bd; font-size:16px; font-weight:600; letter-spacing:1px; border:2px solid #fff; border-top:3px solid #fff;}
.calendar_2 th:first-child {border-left:none;}
.calendar_2 th:last-child {border-right:none;}
.calendar_2 td {border:2px solid #fff; text-align:left; color:#5e6479; background:#eee; font-size:13px; font-weight:500; letter-spacing:1px;  font-weight:300;}
.calendar_2 td div {position:relative; height:80px;padding:4px 0px 0px 7px; box-sizing:border-box;}
.calendar_2 td:hover div {/* box-shadow:0px 0px 3px #3f8883 !important;  */color:#539c97 !important; background:#f2f9f8 !important;}
.calendar_2 td:first-child {border-left:none;}
.calendar_2 td:last-child {border-right:none;}
.calendar_2 p {position:absolute; top:5px; right:5px;}
.calendar_2 ul {padding-top:13px; }
.calendar_2 ul li {float:left; text-align:center; padding-right:4px;}
.calendar_2 ul li a {width:25px; height:25px; line-height:24px; font-weight:700; background:#fff; display:block; font-size:12px; text-align:center; color:#fff; border-radius:3px; transition:all 0.2s;}
.calendar_2 ul li a.di {background:#39a5e7;}
.calendar_2 ul li a.ss {background:#29ce6b;}
.calendar_2 ul li a.ha {background:#efc611;}
.calendar_2 ul li a.or {background:#e74a39;}
.calendar_2 ul li a:hover {box-shadow:2px 2px 0px rgba(0,0,0,0.5);}
.calendar_2 ul li a.di:hover {box-shadow:2px 2px 0px #a7d1eb;}
.calendar_2 ul li a.ss:hover {box-shadow:2px 2px 0px #aeeac6;}
.calendar_2 ul li a.ha:hover {box-shadow:2px 2px 0px #efe2a8;}
.calendar_2 ul li a.or:hover {box-shadow:2px 2px 0px #e9b3ad;}
.calendar_2 ul li a span {opacity:0.9;}
.calendar_2 ul li img {position:relative; top:6px;}
.calendar_2 td.sun {color:#e36767;}
.calendar_2 td.pass div {background:#f6f6f6; color:#c5c5c5;}
.calendar_2 td.pass.sun div {color:#f0c6c6;}
.calendar_2 td.attendance div {background:#b9bdcb; color:#fff; font-weight:500;}
.calendar_2 .goPage {position:absolute; top:0; right:0; left:0; bottom:0;}
.calendar_2 .bottom {padding:12px 0 9px 0;background:#828282;}
.calendar_2 .bottom:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.calendar_2 .bottom li {float:left; width:20%; box-sizing:border-box; color:#fff; font-size:14px; font-weight:700; text-align:center; position:relative;}
.calendar_2 .bottom li:after {content:""; position:absolute; top:3px; right:0; width:1px; height:16px; background:#fff;}
.calendar_2 .bottom li:last-child:after {display:none;}
.calendar_2 .bottom li .ic {display:inline-block; vertical-align:middle; margin-right:7px; border-radius:3px; color:#fff; width:25px; height:25px; line-height:24px; font-weight:700; background:#fff; text-align:center; font-size:12px; position:relative; top:-2px;}
.calendar_2 .bottom li .ic.di {background:#39a5e7;}
.calendar_2 .bottom li .ic.ss {background:#29ce6b;}
.calendar_2 .bottom li .ic.ha {background:#efc611;}
.calendar_2 .bottom li .ic.or {background:#e74a39;}
.calendar_2 .bottom li .ic span {opacity:0.9;}
.calendar_2 .bottom li .attendance {background:#b9bdcb; color:#fff; font-weight:500;}
.calendar_2 .bottom li .ic img {position:relative; top:6px;}

/* 수강중인 프로그램 */
.myPageInClass .topTit {position:relative; margin-bottom:50px;}
.myPageInClass .topTit:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.myPageInClass .topTit .right {float:right; width:360px;}
.myPageInClass .topTit .right a {display:block; height:180px; background:url(../images/sub/bg_my_page_btn.jpg) no-repeat center center; position:relative;}
.myPageInClass .topTit .right a span.txt {position:absolute; top:50%; margin-top:-50px; left:0; right:0; text-align:center; color:#fff; font-size:25px; font-weight:700; z-index:3;}
.myPageInClass .topTit .right a span.txt span {background:#1f2128; width:194px; height:37px; line-height:37px; margin:0 auto; margin-top:10px; font-weight:500; font-size:15px;}
.myPageInClass .topTit .right a span.txt span:after {content:""; display:inline-block; width:5px; height:9px; background:url(../images/sub/bg_my_page_btn_s.png) no-repeat 0 0; margin-left:10px; position:relative; top:-1px;}
.myPageInClass .topTit .right a:hover span.txt span:after {animation:fush3 0.7s ease-in-out 0s infinite normal;}
.myPageInClass .topTit .right a:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.2); opacity:0; transition:all 0.2s;}
.myPageInClass .topTit .right a:hover:after {opacity:1;}
.myPageInClass .topTit .left {float:left; width:576px; height:180px; background:#f6f6f6; box-sizing:border-box;}

.myPageInClassTit {background:#f6f6f6; height:180px; margin-bottom:50px; padding-left:34px; position:relative;}
.myPageInClassTit .left h3 {font-size:17px; padding:25px 0 0 0; font-weight:500;}
.myPageInClassTit .left ul {position:absolute; bottom:20px; left:34px; line-height:1.8; color:#999;}
.myPageInClassTit .left ul li span {display:inline-block; width:80px; font-weight:500;}
.myPageInClassTit .right {position:absolute; width:280px; top:15px; right:15px; bottom:15px; background:#546c72; text-align:center; transition:all 0.2s;}
.myPageInClassTit .right span {display:block; color:#fff;}
.myPageInClassTit .right .tit { font-size:17px; padding:20px 0 10px 0; font-weight:500;}
.myPageInClassTit .right .con {color:#8fcede; padding-bottom:5px; font-size:16px;}
.myPageInClassTit .right .day {text-decoration:underline; padding-bottom:2px;}
.myPageInClassTit .right .click {font-size:13px;}
.myPageInClassTit .right:hover {background:#4a5a5e; box-shadow:0px 0px 5px rgba(0,0,0,0.5);}

/* 포인트 */
.pointTopTit {position:relative; margin-bottom:50px;}
.pointTopTit:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.pointTopTit .right {float:right; width:281px;}
.pointTopTit .right a {display:block; height:180px; background:url(../images/sub/bg_point_btn.jpg) no-repeat center center; position:relative;}
.pointTopTit .right a span.txt {position:absolute; top:50%; margin-top:-50px; left:0; right:0; text-align:center; color:#fff; font-size:25px; font-weight:700; z-index:3;}
.pointTopTit .right a span.txt span {background:#1f2128; width:194px; height:37px; line-height:37px; margin:0 auto; margin-top:10px; font-weight:500; font-size:15px;}
.pointTopTit .right a span.txt span:after {content:""; display:inline-block; width:5px; height:9px; background:url(../images/sub/bg_my_page_btn_s.png) no-repeat 0 0; margin-left:10px; position:relative; top:-1px;}
.pointTopTit .right a:hover span.txt span:after {animation:fush3 0.7s ease-in-out 0s infinite normal;}
.pointTopTit .right a:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.2); opacity:0; transition:all 0.2s;}
.pointTopTit .right a:hover:after {opacity:1;}
.pointTopTit .left {float:left; width:655px; height:180px; background:#f6f6f6; box-sizing:border-box; padding-left:182px;}
.pointTopTit .left .photo {width:107px; height:107px; border:5px solid #c1c1c1; border-radius:99px; position:absolute; top:32px; left:38px;}
.pointTopTit .left .photo img {border-radius:99px;}
.pointTopTit .left .tit {padding-top:30px;}
.pointTopTit .left .tit:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.pointTopTit .left .tit h3 {float:left; font-size:25px; font-weight:500; padding-bottom:15px;}
.pointTopTit .left .tit h3 span {color:#b60005; padding-left:8px;}
.pointTopTit .left .tit a {float:left; height:29px; line-height:30px; width:110px; border-radius:99px; text-align:center; color:#fff; font-weight:500; font-size:13px; transition:all 0.1s; box-sizing:border-box; background:#f37022 url(../images/sub/img_po.png) no-repeat 10px 7px; padding-left:15px; margin-left:15px; margin-top:3px;}
.pointTopTit .left .table {float:left; width:242px;}
.pointTopTit .left .table th {background:#3f444c; font-size:13px; border-right:5px solid #f6f6f6; border-bottom:2px solid #f6f6f6; color:#fff; text-align:center; height:30px;}
.pointTopTit .left .table td {background:#3f444c; font-size:13px; border-right:5px solid #f6f6f6; border-bottom:2px solid #f6f6f6; color:#fff; text-align:center; height:30px;}
.pointTopTit .left .table .coo {background:#4bb4ac;}
.pointTopTit .left .table .mi {background:none;}
.pointTopTit .left .table .mi p {width:24px; height:24px; border-radius:99px; background:#aaa; margin:0 auto; font-size:24px; font-weight:500; line-height:0.9;}

/* 마이페이지 GENOS */
.genos .calenderArea {}
.genos .ui-datepicker-trigger {width:18px; margin-left:-18px;}

/* 달력 */
.calenderArea {position:relative; margin-bottom:40px;}
.calenderArea:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.calenderArea .calender {float:left; width:280px; border:1px solid #5e6479; padding:4px; box-sizing:border-box;}
.calenderArea .calender th {background:#7dc3bd; color:#fff; border:none;}
.calenderArea .info {position:absolute; left:290px; bottom:0;}
.calenderArea .calTit {text-align:center; padding-bottom:14px;}
.calenderArea .calTit a {display:inline-block; vertical-align:middle; background:#7dc3bd; padding:6px; margin:0 10px; position:relative; top:1px;}
.calenderArea .calTit a:first-child {}
.calenderArea .calTit a:hover {background:#3f8883;}
.calenderArea .calTit a img {width:10px;}
.calenderArea .calTit select {font-size:16px; font-weight:700; color:#5e6479; border:none; padding-right:28px;}

/* 마이 페이지 > 주문 배송조회 */
.orderList {border:1px solid #dadada; padding:17px 18px 7px 18px; line-height:1; position:relative; margin-top:18px;}
.orderList h4 {font-size:18px; font-weight:500; padding-bottom:17px; line-height:1.5;}
.orderList .ex li {font-size:14px; font-weight:300; color:#777; padding-bottom:12px;}
.orderList .ex li .tit {color:#555; font-weight:400;}
.orderList .ex li .dash {position:relative; top:-1px; color:#000;}
.orderList .day {position:absolute; top:10px; bottom:10px; right:176px; border-right:1px solid #dadada; width:150px;}
.orderList .day p {position:absolute; top:50%; left:0; right:0; text-align:center; margin-top:-8px; color:#555;}
.orderList .btn {position:absolute; right:26px; width:124px; top:17px; bottom:17px;}
.orderList .btn li {height:100%;}
.orderList .btn a {display:block; background:#b60005; color:#fff; border:1px solid #b60005; box-sizing:border-box; height:100%; text-align:center; font-weight:500; position:relative; transition:all 0.2s;}
.orderList .btn a:hover {box-shadow:0px 0px 2px rgba(0,0,0,0.7);}
.orderList .btn a span {position:absolute; top:50%; left:0; right:0; margin-top:-7px;}
.orderList .btn.two li {height:48%;}
.orderList .btn.two li.last {position:absolute; bottom:0; right:0; left:0;}
.orderList .btn a.bdR {background:#fff; color:#b60005;}
.orderList .btn a.bgG {background:#d3d3d3; border-color:#d3d3d3; color:#333;}
.orderInfo {position:relative; margin-bottom:50px; border-bottom:1px solid #ddd; padding:30px 0 30px 50px;}
.orderInfo dl {font-size:16px; /* color:#777;  */font-weight:500;}
.orderInfo dl:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.orderInfo dl .tit {color:#333; padding-right:15px;}
.orderInfo dt {float:left; }
.orderInfo dd {float:left; padding-left:38px; margin-left:21px; position:relative;}
.orderInfo dd:after {content:"-"; width:20px; height:20px; background:#b23535; color:#fff; border-radius:99px; position:absolute; top:3px; left:0; text-align:center; line-height:1; font-weight:700; font-size:18px;}
.orderInfo dd .colorRed {color:#b23535 !important;}
.orderInfo .total {position:absolute; bottom:24px; right:120px; font-size:24px; color:#b23535; letter-spacing:-0.5px; font-weight:700;}
.orderInfo .total .tit {color:#333; padding-right:10px; letter-spacing:0;}

/* 쿠폰/수강권 등록 */
.couponInput {padding-right:169x; position:relative; margin-bottom:25px;}
.couponInput a {position:absolute; top:1px; right:1px; border-top:none; border-bottom:none; border-right:none; height:48px; border-left-color:#dddddd !important;}
.couponInput input {width:100%; height:50px; position:relative; padding-right:180px; font-size:20px; font-weight:500; text-align:center; letter-spacing:0.5px;}

/* 회원 탈퇴 */
.membershipWithdrawal h3 {font-size:28px; font-weight:500; padding:50px 0 40px;}
.membershipWithdrawal .inner {background:#e9f3f2; padding:36px 40px;}
.membershipWithdrawal ul {padding-bottom:30px;}
.membershipWithdrawal ul:after {content:""; display:block; height:0; visibility:hidden; clear:both;}
.membershipWithdrawal li {float:left; width:50%; padding-bottom:10px; height:38px;}
.membershipWithdrawal li label .txt {font-size:16px; padding-left:7px;}
.membershipWithdrawal td {padding-bottom:10px;}
.membershipWithdrawal th {padding-bottom:10px; font-size:16px;}

/* 통합 검색 */
.totalSearchPage .input {position:relative; margin-bottom:20px;}
.totalSearchPage .input input {width:100%; padding-right:56px; height:50px; font-size:18px; padding-left:16px;}
.totalSearchPage .input a {position:absolute; top:0; height:50px; width:50px; right:0; background:url(../images/common/btn_search.png) no-repeat center center; text-indent:-9999px;}
.totalSearchPage .btnTabStyle {height:50px; margin-bottom:50px;}
.totalSearchPage .btnTabStyle a {height:50px; line-height:1.4; padding-top:7px; font-size:14px;}
.totalSearchPage .btnTabStyle a span {display:block; font-size:13px; font-weight:300;}
.totalSearchPage h3 {font-size:24px; margin-bottom:20px; letter-spacing:-0.5px; font-weight:500;}
.totalSearchPage h3 span {font-size:14px; font-weight:300;}
.totalSearchPage h4 {font-size:19px; margin-bottom:20px; letter-spacing:-0.5px; font-weight:500;}
.totalSearchPage h4 span {font-size:14px; font-weight:300;}
.totalSearchPage .more {text-align:right; padding-top:12px; font-size:15px;}
.totalSearchPage .more a {color:#4bb4ac; padding-right:20px; background:url(../images/board/bg_more.png) no-repeat right center;}
.totalSearchPage .more a:hover {border-bottom:1px solid #4bb4ac;}
.totalSearchPage .div {margin-bottom:50px;}
.totalSearchPage .path {position:relative;}
.totalSearchPage .path p {position:absolute; top:-40px; right:0; font-weight:300; font-size:13px;}
.totalSearchPage .path p strong {font-weight:500;}
.totalSearchPage .bookList li {margin-right:36px; margin-bottom:0; height:auto;}
.totalSearchPage .bookList li.last {margin-right:0;}
.totalSearchPage .dataList li {margin-right:29px;}
.totalSearchPage .dataList li.last {margin-right:0px;}
.totalSearchPage .dataList li .div {margin-bottom:0;}
.totalSearchPage .photoList li {}



/* 페이지 준비중 */
.onTheAnvil {text-align:center; padding:100px 0 120px 0;}
.onTheAnvil .tit {font-size:40px; font-weight:300; padding-top:40px; padding-bottom:24px;}
.onTheAnvil .tit span {font-weight:500; font-size:44px;}
.onTheAnvil .txt {color:#777; font-size:18px; font-weight:300; line-height:2.5; letter-spacing:1px;}




/* 마라톤 */
.marathonTit {text-align:center; position:relative; margin:60px 0;}
.marathonTit p.tit {font-size:23px; font-weight:600;}
.marathonTit .right {position:absolute; top:50%; right:0; transform:translate(0%,-50%);}
.marathonTit .status {border:1px solid #4bb4ad; display:flex; color:#4bb4ad; padding:4px 17px 4px 17px; gap:8px; align-items:center}
.marathonArea {width:788px; height:549px; margin:0 auto; background:url(../images/sub/bg_ic_marathon_1.png) no-repeat 0 0; position:relative;}
.marathonArea ol li {position:absolute;}
.marathonArea ol li a {width:44px; height:44px; background:url(../images/sub/ic_marathon_1.png) no-repeat 0 0; display:flex; justify-content:center; align-items:center; color:#fff; font-weight:600; font-size:13px;}
.marathonArea ol li a span {border:1px solid transparent; display:flex; box-sizing:border-box; line-height:1; width:26px; height:26px; justify-content:center; align-items:center; border-radius:99px;}
.marathonArea ol li.div_1 a {background:none;}
.marathonArea ol li.div_1 a span {background:#77d8d1; border:1px solid #fff;}
.marathonArea ol li.div_2 a {background:none;}
.marathonArea ol li.div_2 a span {background:#7c7c7c; border:1px solid #fff;}
.marathonArea ol li.div_3 a {background:none;}
.marathonArea ol li.div_3 a span {background:#fff; border:1px solid #999; color:#333;}
.marathonArea ol li:after {content:""; width:76px; height:81px; position:absolute; top:-70px; left:50%; margin-left:-38px; background:url(../images/sub/ic_marathon_ca.png) no-repeat 0 0 / cover; display:none;}
.marathonArea ol li.active:after {display:block;}
.marathonArea ol.ten li:nth-child(1) {top:65px; left:154px;}
.marathonArea ol.ten li:nth-child(2) {top:65px; left:413px;}
.marathonArea ol.ten li:nth-child(3) {top:100px; left:624px;}
.marathonArea ol.ten li:nth-child(4) {top:242px; left:624px;}
.marathonArea ol.ten li:nth-child(5) {top:281px; left:456px;}
.marathonArea ol.ten li:nth-child(6) {top:281px; left:264px;}
.marathonArea ol.ten li:nth-child(7) {top:338px; left:86px;}
.marathonArea ol.ten li:nth-child(8) {top:466px; left:106px;}
.marathonArea ol.ten li:nth-child(9) {top:496px; left:309px;}
.marathonArea ol.ten li:nth-child(10) {top:496px; left:550px;}
.marathonArea ol.ten li:nth-child(4):after, .marathonArea ol.ten li:nth-child(5):after, .marathonArea ol.ten li:nth-child(6):after, .marathonArea ol.ten li:nth-child(7):after {transform:scaleX(-1);}
.marathonArea ol.twenty li:nth-child(1) {top:65px; left:154px;}
.marathonArea ol.twenty li:nth-child(2) {top:65px; left:239px;}
.marathonArea ol.twenty li:nth-child(3) {top:65px; left:324px;}
.marathonArea ol.twenty li:nth-child(4) {top:65px; left:408px;}
.marathonArea ol.twenty li:nth-child(5) {top:65px; left:493px;}
.marathonArea ol.twenty li:nth-child(6) {top:70px; left:578px;}
.marathonArea ol.twenty li:nth-child(7) {top:123px; left:640px;}
.marathonArea ol.twenty li:nth-child(8) {top:204px; left:647px;}
.marathonArea ol.twenty li:nth-child(9) {top:270px; left:593px;}
.marathonArea ol.twenty li:nth-child(10) {top:281px; left:471px;}
.marathonArea ol.twenty li:nth-child(11) {top:281px; left:355px;}
.marathonArea ol.twenty li:nth-child(12) {top:281px; left:238px;}
.marathonArea ol.twenty li:nth-child(13) {top:292px; left:133px;}
.marathonArea ol.twenty li:nth-child(14) {top:348px; left:78px;}
.marathonArea ol.twenty li:nth-child(15) {top:426px; left:78px;}
.marathonArea ol.twenty li:nth-child(16) {top:486px; left:127px;}
.marathonArea ol.twenty li:nth-child(17) {top:497px; left:225px;}
.marathonArea ol.twenty li:nth-child(18) {top:497px; left:332px;}
.marathonArea ol.twenty li:nth-child(19) {top:497px; left:438px;}
.marathonArea ol.twenty li:nth-child(20) {top:497px; left:545px;}
.marathonArea ol.twenty li:nth-child(8):after, .marathonArea ol.twenty li:nth-child(9):after, .marathonArea ol.twenty li:nth-child(10):after, .marathonArea ol.twenty li:nth-child(11):after, .marathonArea ol.twenty li:nth-child(12):after, .marathonArea ol.twenty li:nth-child(13):after, .marathonArea ol.twenty li:nth-child(14):after {transform:scaleX(-1);}
.marathonArea ol.twenty li:nth-child(8):after {transform:scaleX(-1) rotate(35deg) ; margin-left:-62px; top:-44px; width:63px; height:67px;}
.marathonArea ol.twenty li:nth-child(15):after {transform:rotate(35deg) ; margin-left:-3px; top:-45px; width:63px; height:67px;}

.marathonArea ol.third li:nth-child(1) {top:65px; left:155px;}
.marathonArea ol.third li:nth-child(2) {top:65px; left:245px;}
.marathonArea ol.third li:nth-child(3) {top:65px; left:335px;}
.marathonArea ol.third li:nth-child(4) {top:65px; left:425px;}
.marathonArea ol.third li:nth-child(5) {top:65px; left:515px;}
.marathonArea ol.third li:nth-child(6) {top:83px; left:605px;}
.marathonArea ol.third li:nth-child(7) {top:150px; left:650px;}
.marathonArea ol.third li:nth-child(8) {top:235px; left:632px;}
.marathonArea ol.third li:nth-child(9) {top:280px; left:560px;}
.marathonArea ol.third li:nth-child(10) {top:281px; left:470px;}
.marathonArea ol.third li:nth-child(11) {top:281px; left:380px;}
.marathonArea ol.third li:nth-child(12) {top:281px; left:290px;}
.marathonArea ol.third li:nth-child(13) {top:281px; left:200px;}
.marathonArea ol.third li:nth-child(14) {top:304px; left:112px;}
.marathonArea ol.third li:nth-child(15) {top:390px; left:72px;}
.marathonArea ol.third li:nth-child(16) {top:470px; left:108px;}
.marathonArea ol.third li:nth-child(17) {top:497px; left:195px;}
.marathonArea ol.third li:nth-child(18) {top:497px; left:285px;}
.marathonArea ol.third li:nth-child(19) {top:497px; left:375px;}
.marathonArea ol.third li:nth-child(20) {top:497px; left:465px;}
.marathonArea ol.third li:nth-child(21) {top:497px; left:555px;}
.marathonArea ol.third li:nth-child(8):after, .marathonArea ol.third li:nth-child(9):after, .marathonArea ol.third li:nth-child(10):after, .marathonArea ol.third li:nth-child(11):after, .marathonArea ol.third li:nth-child(12):after, .marathonArea ol.third li:nth-child(13):after, .marathonArea ol.third li:nth-child(14):after {transform:scaleX(-1);}
.marathonArea ol.third li:nth-child(8):after {transform:scaleX(-1) rotate(35deg) ; margin-left:-62px; top:-44px; width:63px; height:67px;}
.marathonArea ol.third li:nth-child(15):after {transform:rotate(35deg) ; margin-left:-3px; top:-45px; width:63px; height:67px;}
.marathonArea ol.third li:nth-child(16):after {transform:rotate(20deg) ; margin-left:-18px; top:-66px;}


.marathonArea ol.fourth li:nth-child(1) {top:65px; left:155px;}
.marathonArea ol.fourth li:nth-child(2) {top:65px; left:280px;}
.marathonArea ol.fourth li:nth-child(3) {top:65px; left:400px;}
.marathonArea ol.fourth li:nth-child(4) {top:65px; left:520px;}
.marathonArea ol.fourth li:nth-child(5) {top:110px; left:630px;}
.marathonArea ol.fourth li:nth-child(6) {top:232px; left:632px;}
.marathonArea ol.fourth li:nth-child(7) {top:281px; left:530px;}
.marathonArea ol.fourth li:nth-child(8) {top:281px; left:410px;}
.marathonArea ol.fourth li:nth-child(9) {top:281px; left:285px;}
.marathonArea ol.fourth li:nth-child(10) {top:281px; left:160px;}
.marathonArea ol.fourth li:nth-child(11) {top:390px; left:73px;}
.marathonArea ol.fourth li:nth-child(12) {top:497px; left:160px;}
.marathonArea ol.fourth li:nth-child(13) {top:497px; left:295px;}
.marathonArea ol.fourth li:nth-child(14) {top:497px; left:425px;}
.marathonArea ol.fourth li:nth-child(15) {top:497px; left:555px;}
.marathonArea ol.fourth li:nth-child(6):after, .marathonArea ol.fourth li:nth-child(7):after, .marathonArea ol.fourth li:nth-child(8):after, .marathonArea ol.fourth li:nth-child(9):after, .marathonArea ol.fourth li:nth-child(10):after {transform:scaleX(-1);}




.marathonStatus ul {background:#cee3e2; margin-top:75px; display:flex; justify-content:center; align-items:center; height:62px; font-size:13px; color:#222; font-weight:500; gap:52px;}
.marathonStatus ul img {vertical-align:middle; position:relative; top:-2px; margin-right:8px;}
.marathonLayer {position:absolute; top:0; left:0; background:#fff; box-shadow:0px 2px 5px rgba(0,0,0,0.3); width:350px; padding:8px 6px; border-radius:3px; font-size:13px; display:none;}
.marathonLayer .dl {display:flex; gap:5px; flex-direction:column; margin-right:80px; border-right:1px solid #e7e7e7; position:relative;}
.marathonLayer .dl:after {content:""; position:absolute; top:50%; right:-15px; width:56px; height:56px; background:url(../images/popup/bg_marathon_st.png) no-repeat 0 0; transform:translate(100%,-50%);}
.marathonLayer .dl.active:after {background-image:url(../images/popup/bg_marathon_st_on.png);}
.marathonLayer dl {display:flex; gap:9px; align-items:center;}
.marathonLayer dl dt {background:#e3edd6; width:86px; min-width:86px; height:38px; display:flex; justify-content:center; align-items:center; font-weight:600; border-radius:3px;}
.marathonLayer dl dd {flex-grow:1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.marathonLayer .btn a {display:block; text-align:center; margin-top:7px; background:#585858; color:#fff; border-radius:3px; height:38px; line-height:38px;}
.marathonLayer .btn a:hover {background:#444; box-shadow:0px 0px 3px rgba(0,0,0,0.5);}
.marathonLayer .btn a span {padding-right:28px; background:url(../images/popup/bg_btn_marathon_more.png) no-repeat right center;}


.marathonAreaComplete {position:absolute; top:0; left:50%; transform:translate(-50%,0%); width:595px; height:381px; background:url(../images/popup/bg_marathon_pop_1.png) no-repeat 0 0;}
.marathonAreaComplete.div {background:url(../images/popup/bg_marathon_pop_2.png) no-repeat 0 0;}
.marathonAreaComplete h3 {font-size:27px; color:#fff; text-align:center; padding:60px 0 0 0;}