@charset "utf-8"; #wrap {position:relative; width:100%;} #container {position:relative; width:100%; min-width:1200px; overflow:hidden;} #container.main {padding:0 !important;} #scontWrap {position:relative; width:1100px; margin:50px auto 0;} /*** header ***/ #head { position:relative; width:100%; min-width:1200px; height:220px; background:#fff; z-index:200; } #head .top_nav {width:100%; background:#f7f7f7; border-bottom:1px solid #dddddd;} #head .top_nav .inner { position:relative; width:1050px;margin: 0 auto; height:40px;} #head .top_nav .left_inner {float:left; margin-top:3px;} #head .top_nav .left_inner dl {float:left;} #head .top_nav .left_inner dl dd {float:left; margin-right:8px;} #head .top_nav .left_inner dl dd > [class^="ic_"] { display:block; width:27px; height:27px; margin-top:5px; overflow:hidden; text-indent:-9999px; } #head .top_nav .left_inner dl dd > a.ic_blog { background:url(https://img.bbedu.co.kr/images/cm/top_l_ico01.png) no-repeat; } #head .top_nav .left_inner dl dd > a.ic_youtube { background:url(https://img.bbedu.co.kr/images/cm/top_l_ico02.png) no-repeat; } #head .top_nav .left_inner dl dd > a.ic_instagram { background:url(https://img.bbedu.co.kr/images/cm/top_l_ico03.png) no-repeat; } /* 2023.03.27 */ #head .top_nav .left_inner dl dd > a.ic_facebook { background:url(https://img.bbedu.co.kr/images/cm/top_l_ico04.png) no-repeat; } /* 2023.03.27 */ #head .top_nav .right_inner {float:right; margin-top:3px;} #head .top_nav .right_inner .nav_inner {float:left;} #head .top_nav .right_inner .nav_inner li {display: inline-block;margin-left: 10px} #head .top_nav .right_inner .nav_inner li:first-child a {display: inline-block;margin-left:0px;border-left:none;} #head .top_nav .right_inner .nav_inner li a {padding-left: 10px;font-family: 'Nanum Gothic', '나눔고딕',sans-serif; font-size:12px; border-left:1px solid #dddddd;color:#666666;letter-spacing:-1px; line-height: 34px;} #head .top_nav dl:after { content:""; display:block; clear:both; } /* 2024.12.18 */ #head .sub2 { clear:both; position:relative; width:1050px; height:120px; margin:0 auto 0; padding-right:0px; } #head .sub2 .logo { position:absolute; top:35px; left:50%; margin-left:-163px; } #head .sub2 .left_nav { position:absolute; top:45px; left:0; } #head .sub2 .left_nav ul { display:flex; align-items:center; } #head .sub2 .left_nav ul li a { position:relative; display:inline-flex; align-items:center; height:28px; padding:0 30px; font-size:13px; } #head .sub2 .left_nav ul li a:before { content:""; position:absolute; top:0; left:0; width:28px; height:28px; background:url(https://img.bbedu.co.kr/images/cm/top_r_ico.png) no-repeat 0 0; background-size:cover; } #head .sub2 .left_nav ul li.comm a:before { background-position:-28px 0; } #head .sub2 .left_nav ul li.lect a:before { background-position:-56px 0; } #head .sub2 .left_nav ul li.cls a:before { background-position:-84px 0; } #head .sub2 .left_nav ul li a:hover { color:#0082ff; } /*/ 2024.12.18 */ #head .sub2 .right_link {position:absolute; right:0; top:50%; margin-top:-26px;} #head .sub2 .right_nav { position:absolute; top:25px; right:0; } /* #head .sub2 .right_nav ul { overflow:hidden; } */ #head .sub2 .right_nav ul li { position:relative; display:inline-block; min-width:48px; margin:0 0 0 14px; } #head .sub2 .right_nav ul li a { display:block; padding-top:51px; font-size:13px; color:#666; text-align:center; } /* 25.04.21 color 수정 */ #head .sub2 .right_nav ul li a:before { content:""; position:absolute; top:0; left:50%; transform:translate(-50%, 0%); width:48px; height:48px; background:url(https://img.bbedu.co.kr/images/cm/top_r_ico.png) no-repeat; } #head .sub2 .right_nav ul li.cart .num {position: absolute;right: 0;text-align: center;border-radius:10px;min-width:20px; height:20px; background:#0082ff; color:#fff; font-size:12px; padding:0 5px; z-index: 1;} #head .sub2 .right_nav ul li.cart a:before { background-position:0 0; } #head .sub2 .right_nav ul li.comm a:before { background-position:-48px 0; } #head .sub2 .right_nav ul li.lect a:before { background-position:-96px 0; } #head .sub2 .right_nav ul li.cls a:before { background-position:-144px 0; } #head .sub2 .right_nav ul li.myrm a:before { background-position:-192px 0; }/* 2024.12.18 */ #head .sub2 .right_nav ul li a:hover { color:#0082ff; } /* renew GNB */ .gnb_wrap {position:relative; width:100%; height:60px; border-top:1px solid #d7d7d7;} .gnb_inner {position:absolute; top:0; left:0; padding:0 0 0 0; width:100%; height:60px; line-height:60px; color:#fff; background:#fff; z-index:12;} .gnb_inner:before {position:absolute; top:59px; left:0; width:100%; height:1px; z-index:1;/* background-color:#fff; */content:""; border-bottom:1px solid #0c49a4; transition:all 0.15s ease; -webkit-transition:all 0.15s ease;} #navBg {position:absolute; top:60px; left:0; width:100%; height:0; background:#fff; transition:all 0.15s ease; -webkit-transition:all 0.15s ease;} .gnb_menu {position:relative; display:block; text-align:center; letter-spacing:-0.5px; width:1050px; margin:0 auto; padding-left:60px; box-sizing:border-box;}/* 2024.12.18 */ .gnb_menu .gnb {margin:0 auto; display:flex;justify-content: space-between; width:100%; /*overflow:hidden;*/} .gnb_menu .gnb a {position:relative; z-index:1; font-weight:bold;} .gnb_menu .gnb a:hover {color:#0082ff;} .gnb_menu .gnb > li {position:relative; height:100%;width: calc(100% / 7);} .gnb_menu .gnb > li > a {display:block;font-size:18px; color:#333;} /* depth2 */ .gnb_menu .gnb .depth2 {position:absolute; left:0; top:60px; display:none; width:100%; height:auto; padding:10px 0 0 0; line-height:1.6;} .gnb_menu .gnb .depth2 > li {margin:0 0;} .gnb_menu .gnb .depth2 > li > a {padding:5px 10px; font-size:14px; color:#555; text-align:left; font-weight:400; display:block; letter-spacing:-1.5px;}/* 2024.12.18 */ .gnb_menu .gnb .depth2 > li > a:hover {color:#0082ff;} .gnb_inner.mainMenuOpen #navBg {border-bottom:1px solid #0c49a4;} .gnb_inner.mainMenuOpen:before {border-bottom:1px solid #f2f2f2;} .menuAll {position:absolute; top:0; left:0; width:60px; height:60px; background:url(https://img.bbedu.co.kr/images/cm/gnbAll.png) no-repeat;text-indent:-1000000000em;font-size:0;} .sitemap .menuClose {position:absolute; top:0; left:0; width:55px; height:55px; background:url(https://img.bbedu.co.kr/images/cm/gnbAllClose.png) no-repeat; text-indent: -10000000em; font-size:0;} .sitemap {display:none; position:fixed; top:162px; left:50%; transform: translate(-50%, 0); width:1050px; padding:55px; background:#fff; z-index:3000; box-sizing:border-box;} .sitemap .gnb {margin:0 auto; display:block; width:100%; /*overflow:hidden;*/} .sitemap .gnb:after {clear:both; display:block; width:100%; content:"";} .sitemap .gnb a {position:relative; z-index:1; font-weight:bold;} .sitemap .gnb a:hover {color:#0082ff;} .sitemap .gnb > li {position:relative; float:left; width:138px; height:100%; margin-right:22px;} .sitemap .gnb > li:first-child {width:140px;} .sitemap .gnb > li.cls {width:115px; margin-right:0;} .sitemap .gnb > li > a {display:block; text-align:left; padding:0; font-size:18px; color:#333;} /* depth2 */ .sitemap .gnb .depth2 { width:100%; height:auto; padding:5px 0 0 0; margin-top:10px; line-height:1.6; border-top:solid 1px #d7d7d7;} .sitemap .gnb .depth2 > li {margin:0 0;} .sitemap .gnb .depth2 > li > a {padding:5px 5px 5px 0; font-size:14px; color:#555; text-align:left; font-weight:400; display:block; letter-spacing:-0.05em} .sitemap .gnb .depth2 > li > a:hover {color:#0082ff;} /* // renew GNB */ .IE9 #head .sub1 { height:34px; padding-top:1px; line-height:33px; } .IE9 #head .sub1 dl dt + dd a img { margin-top:-4px; } #head .sub1 dl, #head .sub2 { padding-right:0; } .hide {overflow:hidden; position:absolute; top:-999em; left:-999em; width:1px; height:1px; font-size:1px; line-height:0} /* sub lnbMenu */ /*페이지인식*/ #page01 .sub_menu > ul > li span.depth1.depthA, #page02 .sub_menu > ul > li span.depth1.depthA, #page08 .sub_menu > ul > li span.depth1.depthA, #page21 .sub_menu > ul > li span.depth1.depthA, #page19 .sub_menu > ul > li span.depth1.depthA, #page05 .sub_menu > ul > li span.depth1.depthB, #page06 .sub_menu > ul > li span.depth1.depthB, #page10 .sub_menu > ul > li span.depth1.depthB, #page18 .sub_menu > ul > li span.depth1.depthB, #page07 .sub_menu > ul > li span.depth1.depthC, #page09 .sub_menu > ul > li span.depth1.depthC, #page20 .sub_menu > ul > li span.depth1.depthD, #page12 .sub_menu > ul > li span.depth1.depthD, #page13 .sub_menu > ul > li span.depth1.depthD, #page11 .sub_menu > ul > li span.depth1.depthD, #page04 .sub_menu > ul > li span.depth1.depthE, #page14 .sub_menu > ul > li span.depth1.depthE, #page15 .sub_menu > ul > li span.depth1.depthE, #page16 .sub_menu > ul > li span.depth1.depthE, #page17 .sub_menu > ul > li span.depth1.depthE, #page23 .sub_menu > ul > li span.depth1.depthF, #page24 .sub_menu > ul > li span.depth1.depthF, #page25 .sub_menu > ul > li span.depth1.depthF, #page26 .sub_menu > ul > li span.depth1.depthG {color: #fff; background: #0082ff;} #page01 .sub_menu li.menu01 a, #page02 .sub_menu li.menu02 a, #page03 .sub_menu li.menu03 a, #page04 .sub_menu li.menu04 a, #page05 .sub_menu li.menu05 a, #page06 .sub_menu li.menu06 a, #page07 .sub_menu li.menu07 a, #page08 .sub_menu li.menu08 a, #page09 .sub_menu li.menu09 a, #page10 .sub_menu li.menu10 a, #page11 .sub_menu li.menu11 a, #page12 .sub_menu li.menu12 a, #page13 .sub_menu li.menu13 a, #page14 .sub_menu li.menu14 a, #page15 .sub_menu li.menu15 a, #page16 .sub_menu li.menu16 a, #page17 .sub_menu li.menu17 a, #page19 .sub_menu li.menu19 a, #page20 .sub_menu li.menu20 a, #page21 .sub_menu li.menu21 a, #page22 .sub_menu li.menu22 a, #page23 .sub_menu li.menu23 a, #page24 .sub_menu li.menu24 a, #page25 .sub_menu li.menu25 a, #page26 .sub_menu li.menu26 a, #page27 .sub_menu li.menu27 a, #page18 .sub_menu li.menu18 a {color:#0082ff;} #scontWrap .lnb_wrap {position:relative;/*top:0; left:0; */border:1px solid #bfbfbf; width:200px; padding:0; margin-bottom:0; clear:both; z-index:5; float:left; box-sizing:border-box;} #scontWrap .sub_title {position:relative; width:198px; padding:35px 0 32px; background:#3d5d8c; text-align:center;} #scontWrap .sub_title h2 {font-size:24px; color:#fff; font-weight:600; line-height:36px;font-family: Nanum Gothic,'나눔고딕', sans-serif;} #scontWrap .sub_title p {font-size:13px; color:#fff; font-weight:normal; line-height:15px; margin-top:7px;font-family: Nanum Gothic,'나눔고딕', sans-serif;} #scontWrap .sub_title.inInfo {padding:15px 0 15px;} #scontWrap .sub_info {border-top:1px solid #fff; width:180px; padding-top:10px; margin:10px auto 0; color:#fff; font-size:13px;} #scontWrap .sub_info .name {margin-bottom:10px;} #scontWrap .sub_info .mynum {color:#fae13a; font-size:12px;} #scontWrap .sub_menu { position:relative; margin:0; padding:0; } #scontWrap .sub_menu > ul > li { display:block; border-bottom:1px solid #e5e5e5; line-height:40px; } #scontWrap .sub_menu > ul > li > a { display:block; font-size:15px; color:#000; padding-left:20px; } #scontWrap .sub_menu > ul > li > a:hover, #scontWrap .sub_menu > ul > li > a:focus {color:#0082ff;} #scontWrap .sub_menu > ul > li > a.active {display:block; height:40px; margin:0; line-height:40px; color:#fff !important; background:#0082ff; font-weight:600;} #scontWrap .sub_menu > ul > li span.depth1 { display:block; font-size:15px; color:#000; padding-left:20px; background:#f7f7f7; } #scontWrap .sub_menu > ul > li span.depth1.on { color:#fff; background:#0082ff; } #scontWrap .sub_menu > ul > li ul.depth2 { overflow:hidden; padding:5px 20px 15px 20px; background:#fff; } #scontWrap .sub_menu > ul > li ul.depth2 li { overflow:visible; display:block; border-bottom:1px solid #e5e5e5; line-height:36px; } #scontWrap .sub_menu > ul > li ul.depth2 li:last-child { border:none; } #scontWrap .sub_menu > ul > li ul.depth2 li a { position:relative; display:block; padding-left:7px; font-size:13px; } #scontWrap .sub_menu > ul > li ul.depth2 li a:before { content:""; position:absolute; left:0; top:17px; width:2px; height:2px; background:#000; } #scontWrap .sub_menu > ul > li ul.depth2 li a:hover, #scontWrap .sub_menu > ul > li ul.depth2 li a.on { color:#0082ff; } #scontWrap .sub_menu > ul > li ul.depth2 li a:hover:before, #scontWrap .sub_menu > ul > li ul.depth2 li a.on:before { background:#0082ff; } #scontWrap .sub_menu > ul > li ul.depth2 li a:hover:after, #scontWrap .sub_menu > ul > li ul.depth2 li a.on:after { content:''; position:absolute; top:15px; right:10px; display:inline-block; width:4px; height:4px; border-top:1px solid #0082ff; border-right:1px solid #0082ff; transform:rotate(45deg); } #scontWrap .lnb_dep2 {position:relative; padding:12px 0; background:#fbfbfb; border-bottom:1px solid #bfbfbf;} #scontWrap .lnb_dep2 li {display:block; height:25px; line-height:25px; border-bottom:0px solid #ececec;} #scontWrap .lnb_dep2 li a {font-size:1.00em; color:#646464; padding-left:25px; } #scontWrap .lnb_dep2 li a:hover, #scontWrap .lnb_dep2 li a:focus, #scontWrap .lnb_dep2 li a.active {display:block; height:25px; margin:0; line-height:25px; color:#ed8c00; text-decoration:underline; font-weight:normal} #lnb_bn {position:relative; width:160px; margin:70px auto 20px;} #lnb_bn > dl dt {font-size:26px; color:#0082ff; font-weight:600;} #lnb_bn > dl dd {display:block; position:relative; font-size:13px; color:#222; margin-bottom:2px;} #lnb_bn > dl dd .num{ display:inline-block; margin-left:5px; } #lnb_bn > dl dd.txt { font-size:15px; font-weight:600; margin-top:20px; } #lnb_bn > dl dd.txt:before {content:""; width:2px; height:2px; background:#222; margin-right:5px; display: inline-block; vertical-align: middle;} #lnb_bn > dl dd.timeBox {padding-left:8px; width:155px;} #lnb_bn > dl dd.timeBox li {font-size:13px; color:#222; font-weight:400; margin-bottom:2px;} #lnb_bn > dl dd.timeBox li em {float:right; font-size:13px; color:#222; font-weight:400;} #footer_box {position:relative; min-width:1200px; padding-bottom:40px;background:#fafbfc;clear:both; font-family:Nanum Gothic,'나눔고딕'; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; } #footer_box .footer_inner{position:relative;width:1050px;margin:0 auto;} #footer_box .footer_inner:after{content: ''; display:block;; clear: both} #footer_box .family_area{background:#fff;padding:14px 0 16px;height:58px;border-top:1px solid #bebfc0;border-bottom:1px solid #bebfc0;} #footer_box .family_link{margin-top:4px;float:left;} #footer_box .family_link:after{content: ''; display:block; clear: both} #footer_box .family_link li{float:left;margin-left:30px;} #footer_box .family_link li:first-child{margin-left:0;} #footer_box .family { position: absolute; top: 0; right: 0; z-index: 5; width: 170px; height: 28px; border: 1px solid #ddd; border-radius: 15px; background: #fff; } #footer_box .family.open { overflow:visible; background: #f5f5f5; } #footer_box .family .formnav { font-size:12px;display: block; position: relative; overflow: hidden; height: 28px; line-height:26px; text-indent: 18px; color: #666; text-align: left; cursor: pointer; } #footer_box .family .formnav:after { content:""; position: absolute; top: 13px; right: 20px; display: block; width:0; border-top: 4px solid #969798; border-right: 4px solid transparent; border-left: 4px solid transparent; vertical-align:-1px; } #footer_box .family.open .formnav { color: #333; } #footer_box .family.open .formnav:after { top: 8px; border-top: 4px solid transparent; border-bottom: 4px solid #969798; } #footer_box .family ul li a { display:block; width:128px; height:24px; padding:0 13px; color:#666; line-height:20px; text-align:left; } #footer_box .family ul li a:hover { color:#333; background: #f5f5f5; } #footer_box .family ul.family_list { position:absolute; left:-1px; bottom:30px; display:none; width:170px; height:0; padding:10px 0; border:1px solid #ddd; border-radius:15px; background:#fff; font-size:12px; } #footer_box .family ul.family_list.open { bottom:28px; display:block; overflow:visible; height:auto; } #footer_box .corp_area {padding:33px 0 27px;} #footer_box .corp_list{overflow:hidden} #footer_box .corp_list li{float:left;margin-left:15px;} #footer_box .corp_list li:before{content:"";display:inline-block;width:1px;height:10px;background:#c3c4c5;margin-right:15px;} #footer_box .corp_list li a{font-size:13px;color:#5f6064;} #footer_box .corp_list li:first-child{margin-left:0} #footer_box .corp_list li:first-child:before{display:none;} #footer_box .addr{margin-bottom:14px} #footer_box .addr:after{content: ''; display:block; clear: both} #footer_box .addr span{margin-bottom:3px;margin-right:19px;height:19px;line-height:19px;display:inline-block;font-size:12px;color:#5f6064;} #footer_box .addr span a{display:inline-block;position:relative} #footer_box .copy{font-size:12px;color:#5f6064;} #footer_box .patments{float:right} /* 푸터 인증서 관련 */ .certificate {display:none;position:fixed;margin-left:-250px;left:50%;top:100px;z-index:201;background:#fff;border:1px solid #bebfc0;width:470px;height:680px;-webkit-box-shadow: 0 15px 10px -6px rgb(0,0,0,0.2);-moz-box-shadow: 0 15px 10px -6px rgb(0,0,0,0.2);box-shadow: 0 15px 10px -6px rgb(0,0,0,0.2);} .certificate .certificate_close{position:absolute;right:20px;top:20px;} .certificate .bx-viewport, .certificate .bx-wrapper{width:470px !important;height:680px !important;} .certificate .bx-controls-direction a{font-size:0;width:50px;height:50px;background-image:url(https://img.bbedu.co.kr/images/bbedu/design/2021/0520_main/btn_slide.png);} .certificate .bx-controls-direction a.bx-prev{position:absolute;left:-25px;bottom:50%;background-position:0 0} .certificate .bx-controls-direction a.bx-next{position:absolute;right:-25px;bottom:50%;background-position:-50px 0} /*login_layer_pop*/ #mask {position:absolute; left:0; top:0; bottom:0; right:0; z-index:2000; background:rgba(0, 0, 0, .2); display:none;} .login_laypop {position:absolute;top: 174px;left:50%; margin-left:-400px; width:800px;height:320px; background-color:#fff; border:1px solid #acacac; padding:40px; z-index:100;text-align:left;} .login_laypop .login_tit {display:block;padding-top: 10px;margin-bottom: 30px;height: 40px;} .login_laypop .login_tit .bgline{display:block;margin-top: 12px;width:100%;height:1px;background:#0b75db linear-gradient(to right, #0b75db, #303030)} .login_laypop .login_tit h2 {display:inline-block;color: #0b75db;font-family: Nanum Gothic,'나눔고딕',sans-serif;font-size: 28px;font-weight: 700;letter-spacing: -1px;margin: 0;} .login_laypop .join_inner {position: absolute;top: 50px;right: 40px;} .login_laypop .join_inner div {display: inline-block;float: left;} .login_laypop .join_inner .arr {width: 10px;height: 10px;background: url(https://img.bbedu.co.kr/images/bbedu/common/login_common.png) no-repeat -52px -45px;display: inline-block;} .login_laypop .join_inner span {line-height: 29px;} .login_laypop .join_inner a {display: inline-block;float: left;margin:0; margin-left: 10px;width:95px;height:29px;background: url(https://img.bbedu.co.kr/images/bbedu/common/login_common.png) no-repeat -405px -65px;text-indent: -99999px;} .login_laypop .join_inner a:hover {background-position:-303px -65px; } .login_laypop .login_left {position: relative;float: left;width: 330px;padding-right: 28px;} .login_laypop .login_right {position: relative;float: left;width: 330px;padding-left: 28px;border-left:1px solid #dfdfdf;} .login_laypop .login_left h3 {display:inline-block;margin-bottom: 12px;height: 23px; vertical-align:top;color: #0c49a4;font-family: Nanum Gothic,'나눔고딕',sans-serif;font-size: 20px;font-weight: 700;letter-spacing: -1px;} .login_laypop .login_right h3 {display:inline-block;margin-bottom: 12px;height: 23px;vertical-align:top;color: #303030;font-family: Nanum Gothic,'나눔고딕',sans-serif;font-size: 20px;font-weight: 700;letter-spacing: -1px;} .login_laypop .btn_close {position:absolute;top: 15px;right: 15px;width:27px;height:27px;background: url(https://img.bbedu.co.kr/images/bbedu/common/login_common.png) no-repeat -0px -140px; font-size:0; text-indent:-1000000000em;} .login_laypop .input_box {position:relative;border:1px solid #cecece;height: 38px;margin-bottom: 8px;} .login_laypop .input_box:hover {border:1px solid #a6a6a6;} .login_laypop .input_box .inp_login {border:0 none;height: 36px;font-size:13px;font-family: Tahoma, Nanum Gothic, '나눔고딕', sans-serif;text-indent:10px;} .login_laypop .id_check {color:#888;font-size: 13px;line-height: 25px;margin-bottom: 10px;font-family: Nanum Gothic,'나눔고딕',sans-serif;letter-spacing: -1px;} .login_laypop .id_check .inp_check {font-size: 12px;line-height: 20px;height: 20px;vertical-align: middle;} .login_laypop .login_btn {position: absolute;top:-92px;right:-157px;display:inline-block;border: 1px solid #1b6396;height: 84px !important;width: 110px !important;background-color: #0c49a4;color:#fff;font: bold 17px/48px Nanum Gothic,'나눔고딕',sans-serif;text-align:center;text-decoration:none;letter-spacing:-0.08em;vertical-align:middle;} .login_laypop .login_btn:hover {background: #2860b4;} .login_laypop .login_btn_by {position:absolute; top:-50px; left:-60px; display:inline-block;height:40px !important;width:330px !important;background-color: #303030;color:#fff;font: bold 18px/48px Nanum Gothic,'나눔고딕',sans-serif;letter-spacing: -1px;line-height: 40px;} .login_laypop .login_btn_by:hover {background: #444;} .login_laypop .login_btlink {position:relative;text-align:center;color:#ccc;} .login_laypop .login_btlink li {float: left;} .login_laypop .login_btlink .link {color: #555;font-size:13px;padding: 0 10px;border-left: 1px solid #ccc;} .login_laypop .login_btlink .link01 {color: #555;font-size: 13px;padding-left: 20px;border-left: 1px solid #ccc;} .login_laypop .login_btlink .id_save02 {float: left;display: inline-block;position: relative;margin-left: 40px;width: 110px;height: 15px;} .login_laypop .login_btlink .id_save02 input {width: 15px;height: 15px; margin:0 5px 0 0;} .login_laypop .login_btlink .id_save02 label,.loginlink{font-size: 13px;vertical-align: top;padding-left: 3px;} .login_laypop .login_btlink .id_save02 label {cursor: pointer;line-height: 15px;color: #555;} .login_laypop .login_btlink .id_save02 label:hover {color:#0c49a4} /* 하단 간편상담신청 : 2024.01.31 */ .stn_call { position:fixed; bottom:0; z-index:200; width:100%; background:#191e32 url(https://img.bbedu.co.kr/images/bbedu/design/2023/0227_bb/bg_counselbar.jpg) no-repeat center; } .stn_call:before { content:""; position:absolute; right:0; bottom:0; width:86px; height:70px; background:url(https://img.bbedu.co.kr/images/bbedu/design/2022/1111_bb/bg_right.png) no-repeat; } .stn_call:after { content:""; position:absolute; left: 0; bottom:0; width:67px; height:83px; background:url(https://img.bbedu.co.kr/images/bbedu/design/2022/1111_bb/bg_left.png) no-repeat; } .stn_call .call_inner { position:relative; width:1100px; height:110px; margin:0 auto; } .stn_call .call_inner > img.monthtxt { position:absolute; display:block; top:30px; left:0; } .stn_call .call_inner > a.btnclose { width:20px; height:20px; position:absolute; top:23px; right:-17px; } .stn_call .call_inner > .stn_form { position:absolute; top:26px; left:460px; display:flex; flex-wrap:wrap; width:500px; } .stn_call .call_inner > .stn_form > div, .stn_call .call_inner > .stn_form > div input { box-sizing:border-box; } .stn_call .call_inner > .stn_form > .input_area { width:180px; height:38px; margin:0 4px 4px 0; background:#fff; } .stn_call .call_inner > .stn_form > .input_area.choice{ width:130px; } .stn_call .call_inner > .stn_form > .input_area.name { width:100px; } .stn_call .call_inner > .stn_form > .input_area.phone { width:120px; } .stn_call .call_inner > .stn_form > .input_area select{width:100%;font-size:inherit;height:38px;line-height:38px;border:none;font-size:13px;color:#555;padding:0 0 0 8px;} .stn_call .call_inner > .stn_form > .input_area .intex { position:relative; width:100%; height:38px; padding:4px 0 3px 10px; border:0; background:#fff; font-size:13px; color:#555; line-height:38px; } .stn_call .call_inner > .stn_form > .agree_box { clear:both; overflow:hidden; } .stn_call .call_inner > .stn_form > .agree_box label { font-size:11px; color:#1e1e1e; } .stn_call .call_inner > .stn_form > .agree_box input[type="checkbox"] { width:14px; vertical-align:-5px; } .stn_call .call_inner > .stn_form > .agree_box .info { font-size:11px; } .stn_call .call_inner > .stn_form > .checkbox01 { display:block; margin-bottom:14px; text-align:left; } .stn_call .call_inner > .stn_form > .checkbox01 input[type="checkbox"] { margin:0; border:1px solid #222; } .stn_call .call_inner > .stn_form > .checkbox01 label { font-size:13px; color:#fff; } .stn_call .call_inner > .stn_form > .checkbox01 label a { color:#fff; } .stn_call .call_inner > .btn_box { position:absolute; top:26px; right:20px; width:120px; height:58px; background:#dc3246; } .stn_call .call_inner > .btn_box .btn_add { width:100%; height:100%; border:0; background:#dc3246; font-size:17px; font-weight:600; color:#fff; line-height:56px; cursor:pointer; } .stn_call .call_inner > .btn_box .btn_add:hover { background:#fa465a; } /* goTOP 버튼 */ .stn_gotop { position:fixed; bottom:0; left:0; width:100%; min-width:1400px; height:0; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; } .stn_gotop .goTop {position:absolute; bottom:50px; right:50px; width:56px; height:56px; background:url(https://img.bbedu.co.kr/images/cm/btnTop.png) no-repeat; font-size:0; text-indent:-10000000em;}