/************************************************************** * [wrap] starter Guide **************************************************************/ #wrapGuide2020 {overflow:hidden;background-color:#f2f0ed} #wrapGuide2020 .container {width:1080px;height:702px;margin:0 auto} #wrapGuide2020 a:hover {text-decoration:none} /************************************************************** * [좌측] 안녕하세요! 처음 오셨나요? **************************************************************/ #wrapGuide2020 .left_container {float:left;position:relative;width:522px;height:702px} #wrapGuide2020 .left_container .img_left {margin-left:-420px} /* 타이틀 */ #wrapGuide2020 .left_guide {position:absolute;top:50px;left:0;width:380px;height:600px;padding-top:96px;box-sizing:border-box;background-color:#fff} #wrapGuide2020 .left_guide .headline {position:relative;margin:0 0 18px 0;padding:0 37px;font-weight:normal;font-size:32px;line-height:34px;color:#000;letter-spacing:-0.075em} #wrapGuide2020 .left_guide .headline:before {display:block;position:absolute;top:-4px;left:40px;width:27px;height:1px;background-color:#000;content:''} #wrapGuide2020 .left_guide .title {display:block;font-weight:normal;margin-bottom:38px;padding:0 38px;font-size:18px;color:#999;letter-spacing:-0.075em} #wrapGuide2020 .left_guide .btn_join {display:block;width:286px;height:50px;margin-left:-31px;padding-left:108px;box-sizing:border-box;font-size:14px;line-height:50px;color:#fff;background:#009940 url(/images/guide2020/arrow_right.png) 93% 19px no-repeat;transition:0.25s} #wrapGuide2020 .left_guide .btn_join:hover {margin-left:-15px;padding-left:120px} /* 리스트 */ #wrapGuide2020 .list_guide {overflow:hidden;padding:34px 16px 23px 47px} #wrapGuide2020 .list_guide li {float:left;width:50%;margin-bottom:15px} #wrapGuide2020 .list_guide li a {display:block;width:158px;padding-left:30px;box-sizing:border-box;font-size:12px;line-height:24px;color:#666;transition:0.25s} #wrapGuide2020 .list_guide li.li01 {background:url(/images/guide2020/icon_guide01.png) 0 50% no-repeat} #wrapGuide2020 .list_guide li.li02 {background:url(/images/guide2020/icon_guide02.png) 0 50% no-repeat} #wrapGuide2020 .list_guide li.li03 {background:url(/images/guide2020/icon_guide03.png) 0 50% no-repeat} #wrapGuide2020 .list_guide li.li04 {background:url(/images/guide2020/icon_guide04.png) 0 50% no-repeat} #wrapGuide2020 .list_guide li.li05 {background:url(/images/guide2020/icon_guide05.png) 0 50% no-repeat;margin-bottom:0} #wrapGuide2020 .list_guide li.li06 {background:url(/images/guide2020/icon_guide06.png) 0 50% no-repeat;margin-bottom:0} #wrapGuide2020 .list_guide li a:hover {color:#333} /* 배너 */ #wrapGuide2020 .banner_box {position:relative;padding:25px 23px} #wrapGuide2020 .banner_box a {display:block} #wrapGuide2020 .banner_box .arrow {display:block;position:absolute;bottom:15px;left:34px;width:40px;height:40px;background:#959595 url(/images/guide2020/arrow_left.png) 50% 50% no-repeat;transition:0.14s} #wrapGuide2020 .banner_box a:hover .arrow {background-color:#818181} /* 명언 */ #wrapGuide2020 .swiper-container {position:absolute;top:308px;left:-375px;width:260px;height:120px} #wrapGuide2020 .wrap_slogan {position:absolute;top:308px;left:-375px;width:260px;height:120px} #wrapGuide2020 .list_slogan {position:relative;width:100%;height:100%} #wrapGuide2020 .list_slogan li {position:absolute;top:0;left:0;width:100%;height:100%} #wrapGuide2020 .list_slogan li.li01 { height:95px} #wrapGuide2020 .list_slogan .slogan {display:block;position:absolute;top:-25px;left:0;font-size:24px;line-height:28px;color:#fff;letter-spacing:-0.1em;opacity:0} #wrapGuide2020 .list_slogan .name {display:block;position:absolute;bottom:0;right:-20px;font-size:14px;color:#fff;text-align:right;letter-spacing:-0.05em;opacity:0} /************************************************************** * [우측] **************************************************************/ #wrapGuide2020 .right_container {float:right;width:558px;padding:50px 0 52px 0; position:relative;} #wrapGuide2020 .right_guide {overflow:hidden;position:relative;width:600px;height:600px;margin-left:-43px} /* 라이트 베너 */ .floating_banner{position:absolute; right:-130px; top:160px;} /* 온라인설명회 */ #wrapGuide2020 .box_guide01 {overflow:hidden;float:left;width:400px;height:200px} #wrapGuide2020 .box_guide01 .left {display:block;float:left;width:200px;height:200px;padding:34px 0 0px 19px;box-sizing:border-box;background-color:#de6c27;transition:0.25s} #wrapGuide2020 .box_guide01 .left .subtitle {display:block;font-style:normal;font-weight:bold;font-size:18px;line-height:22px;color:#fff;letter-spacing:-0.075em} #wrapGuide2020 .box_guide01 .left .title {display:block;margin-bottom:4px;font-weight:bold;font-size:24px;line-height:26px;color:#ffd97d;letter-spacing:-0.075em} #wrapGuide2020 .box_guide01 .left .text {display:block;margin:0;font-size:12px;line-height:24px;color:#fff;letter-spacing:-0.05em} #wrapGuide2020 .box_guide01 .left .direct {display:inline-block;position:relative;margin:34px 0 0 117px;font-size:12px;line-height:16px;color:rgba(255,255,255,0.5);letter-spacing:-0.05em;transition:0.25s} #wrapGuide2020 .box_guide01 .left .direct:before {display:block;position:absolute;top:-1px;left:0;width:10px;height:1px;background-color:rgba(255,255,255,0.5);content:'';transition:0.25s} #wrapGuide2020 .box_guide01 .left:hover {background-color:#d4621c} #wrapGuide2020 .box_guide01 .left:hover .direct {color:#fff} #wrapGuide2020 .box_guide01 .left:hover .direct:before {background-color:#fff} /* 연간학습전략 & 필수과목전략 */ #wrapGuide2020 .box_guide01 .right {display:block;float:right;width:200px;height:200px} #wrapGuide2020 .box_guide01 .right .title {display:block;font-weight:bold;font-size:14px;line-height:19px;color:#333} #wrapGuide2020 .box_guide01 .right .direct {display:block;font-size:12px;line-height:14px;color:#ab8b80} #wrapGuide2020 .box_guide01 .right ul {overflow:hidden} #wrapGuide2020 .box_guide01 .right ul li {overflow:hidden;float:left;position:relative;width:200px;height:100px} #wrapGuide2020 .box_guide01 .right ul li:before {display:block;position:absolute;left:29px;width:15px;height:15px;border-radius:50%;background-color:#ffd97d;content:'';transition:0.25s} #wrapGuide2020 .box_guide01 .right ul li.li01:before {top:35px} #wrapGuide2020 .box_guide01 .right ul li.li02:before {top:20px} #wrapGuide2020 .box_guide01 .right ul li a {display:block;position:absolute;top:0;left:29px;width:142px;height:100%;box-sizing:border-box;background:url(/images/guide2020/arrow.png) 100% 47px no-repeat} #wrapGuide2020 .box_guide01 .right ul li.li01 a {padding:40px 0 0 10px;border-bottom:1px solid #ebe6e2} #wrapGuide2020 .box_guide01 .right ul li.li02 a {padding:24px 0 0 10px;background-position-y:32px} #wrapGuide2020 .box_guide01 .right ul li:hover:before {width:30px;height:30px} /* 교원임용입문서 */ #wrapGuide2020 .box_guide02 {display:block;overflow:hidden;float:left;width:400px;height:200px;background-color:#fff} #wrapGuide2020 .box_guide02 .thumbnail {float:left;width:200px;height:200px;} #wrapGuide2020 .box_guide02 .thumbnail img {max-width:100%} #wrapGuide2020 .box_guide02 .right {float:right;width:200px;height:200px;padding:38px 0 0 19px;box-sizing:border-box;} #wrapGuide2020 .box_guide02 .subtitle {display:block;font-weight:bold;font-size:18px;line-height:20px;color:#333;letter-spacing:-0.075em} #wrapGuide2020 .box_guide02 .title {display:block;margin-bottom:7px;font-weight:bold;font-size:24px;line-height:28px;color:#009940;letter-spacing:-0.075em} #wrapGuide2020 .box_guide02 .text {display:block;margin:0;font-size:12px;line-height:14px;color:#666;letter-spacing:-0.05em} #wrapGuide2020 .box_guide02 .direct {display:block;position:relative;margin:60px 0 0 116px;font-size:12px;line-height:16px;color:#999;letter-spacing:-0.05em;transition:0.25s} #wrapGuide2020 .box_guide02 .direct:before {display:block;position:absolute;top:-1px;left:0;width:10px;height:1px;background-color:#999;content:'';transition:0.25s} #wrapGuide2020 .box_guide02:hover .direct {color:#333} #wrapGuide2020 .box_guide02:hover .direct:before {background-color:#333} /* 1:1 전공별 선생님 상담 */ #wrapGuide2020 .box_guide03 {float:left;width:400px;height:200px} #wrapGuide2020 .box_guide03 .left {display:block;float:left} #wrapGuide2020 .box_guide03 .right {display:block;float:right;width:200px;height:200px;padding:36px 0 0 19px;box-sizing:border-box;background-color:#ab8b80;transition:0.25s} #wrapGuide2020 .box_guide03 .right .subtitle {display:block;font-style:normal;font-weight:bold;font-size:18px;line-height:22px;color:#fff;letter-spacing:-0.075em} #wrapGuide2020 .box_guide03 .right .subtitle strong {font-size:22px} #wrapGuide2020 .box_guide03 .right .title {display:block;margin-bottom:4px;font-weight:bold;font-size:24px;line-height:26px;color:#ffd97d;letter-spacing:-0.075em} #wrapGuide2020 .box_guide03 .right .text {display:block;margin:0;font-size:12px;line-height:24px;color:#fff;letter-spacing:-0.05em} #wrapGuide2020 .box_guide03 .right .direct {display:block;position:relative;margin:53px 0 0 117px;font-size:12px;line-height:16px;color:rgba(255,255,255,0.5);letter-spacing:-0.05em;transition:0.25s} #wrapGuide2020 .box_guide03 .right .direct:before {display:block;position:absolute;top:-1px;left:0;width:10px;height:1px;background-color:rgba(255,255,255,0.5);content:'';transition:0.25s} #wrapGuide2020 .box_guide03:hover .right {background-color:#a18176} #wrapGuide2020 .box_guide03:hover .right .direct {color:#fff} #wrapGuide2020 .box_guide03:hover .right .direct:before {background-color:#fff} /* 꿈을 이룬 선배들 합격수기 인터뷰 */ #wrapGuide2020 .box_guide04 {display:block;position:absolute;top:0;right:0;width:200px;height:400px;background-color:#e4c25b} #wrapGuide2020 .box_guide04 .inner {position:relative} #wrapGuide2020 .box_guide04 .inner .top {position:absolute;top:39px;left:0;width:100%;text-align:center} #wrapGuide2020 .box_guide04 .subtitle {display:block;margin-bottom:2px;font-weight:bold;font-size:16px;line-height:18px;color:#634e36;letter-spacing:-0.075em} #wrapGuide2020 .box_guide04 .title {display:block;margin-bottom:12px;font-size:32px;line-height:34px;color:#fff;letter-spacing:-0.075em} #wrapGuide2020 .box_guide04 .title .amp {display:block;color:#c49712} #wrapGuide2020 .box_guide04 .direct {display:inline-block;width:116px;height:30px;font-size:12px;line-height:30px;color:#f3dfa5;background-color:#c49712;transition:0.25s} #wrapGuide2020 .box_guide04:hover .direct {color:#fff} /* 오시는길 & 챗봇상담 & 전화번호 */ #wrapGuide2020 .box_guide05 {display:block;position:absolute;bottom:0;right:0;width:200px;height:200px} #wrapGuide2020 .box_guide05 .list_contact {overflow:hidden;padding:17px 14px 22px 14px} #wrapGuide2020 .box_guide05 .list_contact li {float:left;position:relative;width:50%} #wrapGuide2020 .box_guide05 .list_contact li a {display:block;padding-top:50px;box-sizing:border-box;font-weight:bold;font-size:12px;line-height:13px;color:#333;text-align:center;letter-spacing:-0.05em} #wrapGuide2020 .box_guide05 .list_contact li.li01 {background:url(/images/guide2020/icon_location.png) 50% 15px no-repeat} #wrapGuide2020 .box_guide05 .list_contact li.li02 {background:url(/images/guide2020/icon_kakaoTalk.png) 50% 43% no-repeat} #wrapGuide2020 .box_guide05 .list_contact li.li02:before {display:block;position:absolute;bottom:1px;left:-1px;width:1px;height:48px;background-color:#e4dcd7;content:''} #wrapGuide2020 .box_guide05 .list_tel {text-align:center; padding-top: 15px;} #wrapGuide2020 .box_guide05 .list_tel li:first-child {margin-bottom:13px} #wrapGuide2020 .box_guide05 .list_tel .title {display:block;font-weight:bold;font-size:14px;line-height:14px;color:#807676} #wrapGuide2020 .box_guide05 .list_tel .tel {display:block;margin-top:5px;font-weight:bold;font-size:26px;line-height:26px;color:#ab8b80}