@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&display=swap');
@import url('/~static/src/beebeetree/fonts/pretendard/pretendard.css');

/* ***************  global *************** */
html, body { margin:0; padding:0; height:100%; width:100%;  font-family:'Pretendard', "AppleSDGothcNeo","AppleGothic", Arial, sans-serif !important; font-size:17px; color:#555555; font-weight:normal; }
body * {letter-spacing:-0.03em; box-sizing:border-box; word-break:keep-all; }

:root {
    --point-color: #e50b16 !important;
}

.ver_mobile {display:none !important;}
.ver_pc {}

.br_mobile { display:none !important;}
.br_pc { display:block !important;}

#wrap {width:100%; min-width:1300px; text-align:center;	position:relative;}

.common_inner {width:100%;  margin:0px auto; padding:0px 5%;}
.sub_inner {width:100%; max-width:1440px; margin:0px auto; padding:0px 30px;}
.sub_margin_top {margin-top:80px;}
.sub_margin_bottom {margin-bottom:80px;}

.header { position:relative; width:100%; margin:0 auto; text-align:center; background:#FFFFFF; padding:10px 0px;  height:100px; background:none;}
.header .common_inner {width:100%; display:flex; flex-wrap:nowrap; gap:20px; align-items:center; justify-content:space-between;}

.header .logo  {width:260px; height:80px;display:flex; align-items:center;}
.header .logo a {display:block; width:100%;}
.header .logo img { width:auto; max-width:100%; height:auto; }

.header .util { width:auto;height:80px; display:flex;flex-wrap:nowrap; gap:10px; align-items:center; }
.header .util li { width:auto; padding:; margin:0px; }
.header .util li a	{ font-size:15px; line-height:1.5; color:#777; }
.header .util li a:hover {text-decoration:underline;color:#333; }
.header .util li.login a {position:relative; padding-left:24px;}
.header .util li.login a:before {content:''; position:absolute; left:0px; top:50%;transform:translateY(-50%); width:18px; height:18px;background:url('/~static/src/beebeetree/img/member_icon.png') 50% 50% no-repeat;background-size:cover !important; opacity:0.6;}

.gnb { position:absolute; left:50%; top:0px; transform:translateX(-47%); width:calc(90% - 400px); max-width:1000px; display:flex; flex-wrap:nowrap;justify-content:center; margin:0px auto;z-index:1000; }
.gnb li { width:100%; max-width:170px;display:block; }
.gnb li a { position:relative;display:block; width:100%; height:100px; line-height:100px;  font-size:20px; font-weight:600; color:#000;  }
.gnb li a:hover  { color:000; }
.gnb li a:hover:before {content:'';position:absolute; left:0px; top:78px;width:100%; height:2px; background:var(--point-color); }
.gnb li.active a { color:var(--point-color);}

#fullmenu { position:absolute; z-index:1000; top:80px; left:0px; width:100%;  min-width:1300px; background:#ffffff; opacity:1;border-top:1px #dedede solid; border-bottom:1px #dedede solid; padding-bottom:10px; } 
#fullmenu .common_inner { max-width:1000px; display:flex; flex-wrap:nowrap; gap:0px; justify-content:center; transform:translateX(2%);margin:0px auto;padding:20px 0px; text-align:center; box-sizing:border-box; }
#fullmenu .common_inner .m {position:relative;width:100%; max-width:170px;height:100%; padding:0px 0px;  box-sizing:border-box;}
#fullmenu .common_inner .m:hover:before {content:'';position:absolute; left:0px; top:-22px;width:100%; height:2px; background:var(--point-color);}
#fullmenu .common_inner .m ul { width:100%; display:flex; flex-wrap:wrap; gap:5px;}
#fullmenu .common_inner .m li { width:100%; padding:0px 10px; }
#fullmenu .common_inner .m li a { display:block;width:100%;font-size:1rem;line-height:1.8; color:#333333;transition: all 0.1s ease-in;}
#fullmenu .common_inner .m li a:hover {color:#000; text-decoration:underline;  }

#footer { width:100%; min-width:1300px; height:auto; background:#111;font-size:15px; }
#footer .footer_top {width:100%; display:flex; flex-wrap:nowrap; gap:30px;justify-content:space-between;  border-bottom:1px #5c6067 solid; padding:25px 0px; }
#footer .footer_ban { width:auto;}
#footer .footer_ban img {max-width:100%;}
#footer .footer_sns {width:auto;display:flex; flex-wrap:nowrap; gap:24px;align-items:center;}
#footer .footer_sns li {position:relative;width:32px;height:32px;; }
#footer .footer_sns li a {position:relative;display:block; width:100%; height:100%; background-size:cover !important; opacity:0.7; }
#footer .footer_sns li a.footer_sns_insta {background:url('/~static/src/beebeetree/img/footer_sns_insta.png') 50% 50% no-repeat;}
#footer .footer_sns li a.footer_sns_kakao {background:url('/~static/src/beebeetree/img/footer_sns_kakao.png') 50% 50% no-repeat;}
#footer .footer_sns li a:hover {opacity:1;}
#footer .footer_con { width:100%; display:flex; flex-wrap:nowrap; gap:80px; align-items:center; padding:40px 0px; }
#footer .footer_con h2 { width:120px; cursor:pointer;padding:0px; text-align:left; }
#footer .footer_con .footer_info {width:calc(100% - 200px); text-align:left; font-size:1em; color:#999999; }
#footer .footer_con .footer_info b {font-size:calc(1em + 1px);line-height:1.8;font-weight:600; color:#fff;}
#footer .footer_con .footer_info p { width:100%;text-align:left; font-size:1em; color:rgba(255,255,255,0.7); line-height:1.8;font-weight:normal;}
#footer .footer_con .footer_info p span { position:relative;font-size:1em; color:rgba(255,255,255,0.7); padding-right:17px;padding-left:16px;}
#footer .footer_con .footer_info p span:before {content:''; position:absolute;left:0px;top:50%;transform:translateY(-50%);width:1px;height:14px;background:#555;	}
#footer .footer_con .footer_info p span.first {padding-left:0px;}
#footer .footer_con .footer_info p span.first:before {display:none;}
#footer .footer_con .footer_info p span a {display:inline-block; font-size:1em;line-height:1.8;color:rgba(255,255,255,0.7);}
#footer .footer_con .footer_info p span a:hover {text-decoration:underline;}
#footer .footer_con .footer_info p span.privacy_txt a {font-weight:600; color:#fff; }
#footer .footer_con .footer_info p.copy { font-size:12px; color:#8a8a8a; line-height:24px;padding-top:5px;}

.top { position:absolute; }
.top .btn { float:right;  width:50px; height:20px;  padding:15px 0; margin-bottom:20px; font-weight:bold;  border:1px #d4d4d4 solid; background:#FFFFFF; opacity:0.8; color:#444444; margin-right:30px; }

/* ½½¸¯ CSS */
.slick-slider{position: relative;display: block;box-sizing: border-box; -webkit-user-select: none;
	-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;
	-khtml-user-select: none;-ms-touch-action: pan-y;
	touch-action: pan-y;-webkit-tap-highlight-color: transparent; outline: 0 !important;}
.slick-slider div {transition: none;}
.slick-list{position: relative;display: block;overflow: visible;margin: 0; padding:0 !important;  outline: 0 !important;}
.slick-slide{float: left; outline: 0 !important; border:0;}
.slick-initialized .slick-slide{display: block; outline: 0 !important;}
.slick-arrow { position:absolute; top:-66px; font-size:0; width:36px; height:36px; outline:none; border:none; cursor:pointer; z-index:100;  transition:all 0.3s; border-radius:100%;}
.slick-prev {right:210px; background: url('/~static/src/beebeetree/img/arrow_left1.png')no-repeat center; }
.slick-next {right:170px; background: url('/~static/src/beebeetree/img/arrow_right1.png')no-repeat center;}


/* ¸ÞÀÎ ¹è³Ê */
.container { position:relative;width:100%; padding:0px 0px; height:950px; margin:0px; background:#000;overflow:hidden; text-align:center; z-index:0; }
.container .section_inner { width:calc(100% - 60px); position:absolute; left:50%; top:0px;transform:translateX(-50%);z-index:10;}
.container:before {display:none;}

.main_visual_cont {width:100%; text-align:left; }
.main_visual_cont img {max-width:100%;}

#slides { position:absolute; left:0%;top:0%;display: none;width:100%; height:100%; position:relative; z-index:1;}
#slides div {  z-index:10;width:100%;height:100% !important; background-size:cover !important;}
#slides img {  z-index:10;height:100% !important;}
#slides .slidesjs-navigation { position:absolute; }
#slides a:link,
#slides a:visited { color: #333 }
#slides a:hover,
#slides a:active { color: #9e2020 }

a.slidesjs-next,
a.slidesjs-previous { position:absolute; top:50%;transform:translateY(-50%); background-image: url(<?=Config::get('local.static')?>/src/beebeetree/playing/img/btns-next-prev.png); background-repeat: no-repeat; display:block; width:29px; height:45px; overflow: hidden; text-indent: -9999px; float: left; z-index:100;  }

a.slidesjs-next { right:5%; background-position: -29px 0; }
a:hover.slidesjs-next { background-position: -29px -45px; }
a.slidesjs-previous {left:5%; background-position: 0 0; }
a:hover.slidesjs-previous { background-position: 0 -45px; }

.slidesjs-pagination {  position:absolute; bottom:30px;width:auto; left:50%; height:17px;margin:0px;padding:0px;transform:translateX(-50%);overflow: hidden; list-style: none; z-index:100;text-align:center;box-sizing:border-box; }
.slidesjs-pagination li {width:30px;display:inline-block; margin:0px 3px;height:15px; }
.slidesjs-pagination li a { display:inline-block; width:30px; height:5px; background:#ccc; border-radius:10px; text-indent: -9999px;  overflow: hidden; }
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active { background:var(--point-color); }
.slidesjs-pagination li a:hover { background:#bbb; }

.navbar { overflow: hidden }


/* ¸ÞÀÎ ·¹À̾ƿô */
.section { position:relative;width:100%; padding:80px 30px; margin:0px auto 0px auto;  }
.section_inner { position:relative;width:100%; max-width:1720px; padding:0px; display:block; margin:0px auto; text-align:center;}
.main_title {margin-bottom:30px;text-align:left; font-size:36px;font-weight:700;color:#000;line-height:1;}
.main_more {position:absolute; right:0px; top:6px; width:auto; text-align:right; font-size:15px;color:#666;line-height:24px; padding-right:30px;}
.main_more:before {content:''; position:absolute; right:0px; top:0px; width:24px;height:24px;border-radius:50%;background:var(--point-color) url('/~static/src/beebeetree/img/arrow_right2.png') 50% 50% no-repeat; background-size:cover !important; }
.main_more:hover {text-decoration:underline;}

.main_item {width:100%; display:flex; gap:40px; flex-wrap:nowrap;}
.main_item .item {width:calc((100% - 80px) / 3); border-radius:10px; border:2px #fff solid; padding:45px; text-align:left; transition:all .3s linear;}
.main_item .item:hover {background:var(--point-color); border-color:var(--point-color);}
.main_item .item h2 {font-size:30px;color:#fff; font-weight:800; line-height:1.2; margin-bottom:24px;text-transform:uppercase;}
.main_item .item p {font-size:1rem;color:#fff; line-height:1.2; height:90px;}
.main_item .item ul {width:100%; position:relative;display:flex; flex-wrap:wrap; gap:10px; margin:0px auto; text-align:center; }
.main_item .item li {width:auto;padding:0px;display:inline-block;text-align:center;box-sizing:border-box; }
.main_item .item li a {position:relative;display:block; padding:0px 45px 0px 20px; text-align:left; font-size:1rem;color:#fff; line-height:36px;border-radius:30px; border:2px #fff solid; }
.main_item .item li a:hover {color:#000; background:#fff; padding-right:60px;}
.main_item .item li a:before {content:''; position:absolute; right:10px; top:50%;transform:translateY(-50%); width:30px; height:30px;background: url('/~static/src/beebeetree/img/arrow_right.png') 50% 50% no-repeat; background-size:cover !important; }
.main_item .item li a:hover:before {filter:invert(100%) grayscale(100%);}

.main_tutor {width:calc(100% + 40px); margin-right:-40px; display:block;}
.main_tutor .slick-list {overflow:hidden;}
.main_tutor li {display:inline-block;position:relative; width:calc((100% - 200px) / 5);text-align:left; margin:0px 40px 0px 0px; padding:0px; display:flex; flex-wrap:wrap; gap:24px;}
.main_tutor li .img_box {width:100%; margin-bottom:24px; }
.main_tutor li .img_box img {width:100%; border-radius:10px; background-size:cover !important; border:1px #ddd solid;}
.main_tutor li .con_box {width:100%; display:flex; flex-wrap:wrap; gap:10px;}
.main_tutor li h3 {width:100%;font-size:20px;color:#000; line-height:1;}
.main_tutor li p {width:100%;font-size:1rem;color:#666; line-height:1.2;}

.main_notice {width:100%; display:flex; flex-wrap:wrap; gap:35px; }
.main_notice li {position:relative; width:calc((100% - 105px) / 4); text-align:left;}
.main_notice li a {display:flex; flex-wrap:wrap; gap:24px; align-content:flex-start; width:100%;height:230px;padding:30px 30px 80px 30px;border-radius:10px; border:2px #fff solid; background:#fff; transition:all .2s linear;box-shadow:0px 0px 2px rgba(0,0,0,0.3); }
.main_notice li h2 {width:100%;font-size:20px;color:#000; font-weight:700; line-height:1.5;}
.main_notice li p {width:100%;font-size:15px;color:#777; font-weight:400; line-height:1;}
.main_notice li a:hover {border-color:var(--point-color); box-shadow:none}
.main_notice li a:before {content:''; position:absolute; right:20px;bottom:18px; width:50px;height:50px; border-radius:50%; background:url('/~static/src/beebeetree/img/arrow_notice.png') 50% 50% no-repeat; background-size:cover !important; filter:invert(100%) grayscale(100%) contrast(75%) brightness(100%); opacity:0.2; transition:all .2s linear;}
.main_notice li a:hover:before {background-color:var(--point-color); filter:none; opacity:1;}


/* ¼­ºê ·¹À̾ƿô */
#content_wrap {width:100%; border-top:1px #dedede solid;}
.contents { width:100%; max-width:1440px; margin:0px auto; padding:70px 30px; vertical-align:top; text-align:left; background-color:#FFF;  }
.contents img {max-width:100%;}

.visual_sub { width:100%; background:#fff !important; margin:0px auto;text-align:center;  }
.visual_sub .vcon {display:flex; flex-wrap:wrap; gap:14px; width:100%; max-width:1440px; text-align:left; margin:30px auto 0px auto; padding:40px 30px; }
.visual_sub h2 { position:relative;width:auto; font-size:45px;line-height:1.1;font-weight:800; text-align:center;color:#000; padding:0px 20px 0px 0; }
.visual_sub h2:before {content:'';position:absolute; right:0px; top:0px;width:10px; height:10px; border-radius:50%; background:var(--point-color);}
.visual_sub p {width:100%; font-size:30px;line-height:1; color:#444;}

.titleArea	{ display:none; width:100%; margin:0px 0 30px 0;  }
.titleArea h2 { font-size:40px;line-height:1.1; color:#000; font-weight:600; vertical-align:top;}
 
.lnb_wrap { width:100%; margin-top:0px; }
.lnb_list { width:100%; display:flex; flex-wrap:wrap; gap:0px;margin:0px auto;text-align:center;  }
.lnb_list li { width:auto; display:inline-block;margin:0px 0px; }
.lnb_list li a { display:block; font-size:20px; padding:0px 30px; font-weight:500; color:#777777;line-height:60px; border-bottom:4px #fff solid;   }
.lnb_list li.active a{color:#000; font-weight:600; border-bottom:4px var(--point-color) solid;  }

.subLoc {display:none !important;float:right; height:60px; }
.subLoc li { float:left; font-size:13px; color:#777777; font-weight:normal; line-height:60px; padding-left:10px; margin-left:10px; background:url('/~static/src/beebeetree/img/loc_part.png') 0% 50% no-repeat;}
.subLoc li.active { color:#444444; }
.subLoc li.home { width:15px; height:60px; background:url('/~static/src/beebeetree/img/loc_home.png') 0% 50% no-repeat; }

.tabArea { width:100%; display:inline-block;margin-bottom:30px;}
.tabArea ul { width:100%; display:flex; height:45px; box-sizing:border-box; gap:6px; }
.tabArea li {float:none; position:relative; width:100%;height:45px;box-sizing:border-box;}
.tabArea li a { display:block; width:100%; height:45px; line-height:45px; color:#FFF; font-size:1rem; text-align:center; background:#b6b6b6;  border-radius:4px; }
.tabArea li a:hover { color:#FFF;  background:#858585; }
.tabArea li.active a {  color:#FFF; font-size:1rem;  line-height:45px;background:var(--point-color); }

.parking {width:100%; background:#f0f0f0; text-align:center; padding:50px;}
.parking img {max-width:100%;}


.stitle	{ font-size:30px; line-height:1.1; color:#000; padding:0px; margin-bottom:24px; font-weight:600; background:none; }
.stitle span{font-size:20px; color:#444444; }
.stitle span.stitle_ment { float:right; font-size:14px; font-weight:normal; line-height:25px; margin-top:10px; }
.stitle2	{ font-size:20px; color:#000; padding-bottom:10px; font-weight:500; }
.stitle2 span  { font-size:13px; color:#666666; font-weight:normal; }
.stitle3	{ font-size:16px; color:#000; padding-bottom:10px; font-weight:500;}
.btitle { background-color:#ef4036; font-size:1rem; color:#FFFFFF; padding:5px; font-weight:500; text-align:center; }
.sub_margin { width:100%; margin-bottom:80px;}
.sub_cont { width:100%; margin-bottom:60px;}
.sub_ment { width:100%;display:inline-block; margin-bottom:40px;}
.sub_ment ul {display:inline-block; width:100%;margin-bottom:20px;}
.sub_ment li {  font-size:15px; line-height:24px;margin-bottom:7px;}
.sub_ment li b {display:block; font-size:1rem; line-height:30px; font-weight:bold;color:#000000;}

.titleMent { font-size:18px; color:#666666; padding-bottom:30px; }
.titleMent span { color:var(--point-color);font-weight:600; }

.sub_btn {position:relative; width:100%; max-width:320px;height:50px; padding:0px 30px; display:flex; align-items:center; color:#fff !important; font-weight:600; font-size:18px; background:#000; border-radius:4px; }
.sub_btn:before {content:''; position:absolute; right:20px;top:50%;transform:translateY(-50%); width:25px; height:25px; background:url('/~static/src/beebeetree/img/arrow_right3.png') 50% 50% no-repeat; background-size:cover !important; }


.box1 { border:1px #e1e1e1 solid; padding:15px; }
.box2 { border:2px #e1e1e1 solid; padding:15px; }
.box3 { border:3px #e1e1e1 solid; padding:15px; }
.box4 { border:4px #e1e1e1 solid; padding:15px; }

.f-point { font-size:16px; font-weight:bold; color:var(--point-color); }
.f-point2 { font-size:16px; font-weight:bold; color:#555555; line-height:24px; }
.f-point2 span { font-size:16px; font-weight:bold; color:#ee1c00; }
.f-point3 { font-size:13px; font-weight:normal; color:#ee1c00; margin-top:15px; }



/* ºÎµ¿»êÆ®·»µå¼î ¾È³» */
.aboutUs { position:relative;width:100%; display:flex; flex-wrap:wrap;align-content:flex-start; gap:80px;border:none;padding:0px;box-sizing:border-box;}
.aboutUs .about_img {width:490px;}
.aboutUs .about_img img { max-width:100%;}
.aboutUs .about_con {width:calc(100% - 570px); border-top:2px #000 solid; padding-top:40px;}
.aboutUs .abcon {width:100%; font-size:20px;}
.aboutUs .abcon th { vertical-align:top; width:120px; }
.aboutUs .abcon th span { width:120px; display:block; line-height:30px; padding:20px 10px; text-align:left; color:#000; font-size:calc(1em + 2px);font-weight:600;box-sizing:border-box; }
.aboutUs .abcon td { padding:20px 0px; font-size:1em; line-height:30px; font-weight:500; color:#555; }
.aboutUs .abcon td img {position:relative;left:0px;top:0%;transform:translateY(0%);}
.aboutUs .abcon th.last, .aboutUs .abcon td.last {border:none;}
.aboutUs .abcon th span.abcon1 {background:url('/~static/src/beebeetree/img/sub/abcon1.png') no-repeat;}
.aboutUs .abcon th span.abcon1 {background:url('/~static/src/beebeetree/img/sub/abcon1.png') no-repeat;}
.aboutUs .abcon th span.abcon1 {background:url('/~static/src/beebeetree/img/sub/abcon1.png') no-repeat;}
.aboutUs .abcon th span.abcon1 {background:url('/~static/src/beebeetree/img/sub/abcon1.png') no-repeat;}

/* Áö³­Çà»ç º¸±â */
.last_top {width:100%; border:3px #ddd solid; border-radius:10px; padding:20px 50px;;}
.last_top table {width:100%; font-size:20px;}
.last_top th { vertical-align:top; width:120px; line-height:1.3; padding:10px 0px; text-align:left; color:#000; font-size:1em;font-weight:600;box-sizing:border-box; }
.last_top td { padding:10px 0px; font-size:1em; line-height:1.3; font-weight:500; color:#555; }
.last_top td img { }

.last_con {border:1px #ddd solid; border-radius:10px; padding:30px;text-align:center;}


.photo_wrap { width:100%;display:inline-block; margin-bottom:50px;}
.photo11 { width:100%;display:flex; flex-wrap:wrap; gap:10px;height:auto; position:relative; margin:0px; }
.photo11 li { width:calc((100% - 20px) / 3); background:#000; cursor:pointer; margin:0px; }
.photo11 li a {display:block; width:100%;}
.photo11 li a img { width:100%; opacity:1; cursor:pointer; }
.photo11 li a:hover img { opacity:0.5;  }
.photo11 li img { width:100%; opacity:1; border:1px #d2d2d2 solid; }
.photo11 li a .bg { display:none; cursor:pointer;  }
.photo11 li a:hover .bg { display:visible; width:100%; height:100%; position:absolute;  background:url('/~static/src/beebeetree/img/last2015/img_hover.png') 50% 50% no-repeat ;  }


/* Âü°¡½Åû ¾È³» */
.exh_box { border:1px #e1e1e1 solid; padding:40px;border-radius:10px; background:#f3f3f3;  text-align:center;}
.exh_box h2 { width:100%; font-size:24px; background: var(--point-color); font-weight: bold; color: #ffffff; height: 50px; line-height: 50px; letter-spacing: -0.03em;}
.exh_box p {width:100%; font-size:18px; font-weight:bold; color:#555555; line-height:24px; margin:30px 0px; }
.exh_box p span { font-size:1rem; font-weight:bold; color:var(--point-color); } 
.exh_box_btn {width:100%; display:flex; justify-content:center; gap:8px;}
.exh_box_btn a {width:100%; max-width:330px;}
.exh_box_btn .button { width:100%;}

.inquiry_step { display:flex; flex-wrap:wrap; gap:30px; width:100%;  box-sizing:border-box;}
.inquiry_step li { width:calc((100% - 60px) /3);  border:1px #dedede solid;border-radius:10px; padding:30px 40px; margin:0px; box-sizing:border-box; }
.inquiry_step li h2 { font-size:20px; color:var(--point-color); font-weight:500; line-height:1; text-align:center;margin-bottom:10px; }
.inquiry_step li h3 { font-size:24px; color:#030303; font-weight:600; line-height:1.2; text-align:center; padding-bottom:20px; border-bottom:1px #e1e1e1 solid;}
.inquiry_step li p { font-size:1rem; color:#666666; line-height:1.4; padding-top:20px;}
.inquiry_step li p a { margin:0px auto;}
.inquiry_step li p span {color:var(--point-color); }

.tbl_d1 { width:100%;  margin-bottom:10px; }
.tbl_d1 th {font-weight:500;font-size:1rem;color:#FFFFFF;padding:10px;background:#666e72;text-align:center; border-right:1px #898888 solid;}
.tbl_d1 td {border-bottom:solid 1px #e4e4e4;border-right:solid 1px #e4e4e4;font-size:1rem;padding:12px;text-align:center;font-weight:normal; background:#f7f7f7; }
.tbl_d1 th.last {border-right:0px;}
.tbl_d1 td.last {border-bottom:solid 1px #e4e4e4;border-right:0px;}
.tbl_d1 td.tl {text-align:left;}
.tbl_d1 td.bg {background-color:#9ba2a5; font-weight:500;color:#FFFFFF;border-bottom:solid 1px #b2b5b7;border-right:0px; }
.tbl_d1 td.bg2 {background-color:#fff;  }
.tbl_d1 td span {color:var(--point-color); font-weight:500;}
.tbl_d1 td b {  color:var(--point-color); font-weight:500;}

.exh_why { width:100%; display:flex; flex-wrap:wrap; gap:50px 70px;  }
.exh_why li {width:calc((100% - 70px) / 2); margin:0px;border:none; padding:20px 0px 20px 170px; box-sizing:border-box; }
.exh_why li h2 {font-size:24px; font-weight:500; color:#000; line-height:1.3; margin-bottom:10px;}
.exh_why li h2 span {color:#000; font-weight:700;}
.exh_why li p {font-size:1rem; font-weight:normal; color:#666; line-height:1.4;word-break:keep-all; }
.exh_why li p span { color:var(--point-color);}
.exh_why li.ew1 {background:url('/~static/src/beebeetree/img/sub/ew1_new.png') 0px 50% no-repeat; }
.exh_why li.ew2 {background:url('/~static/src/beebeetree/img/sub/ew2_new.png') 0px 50% no-repeat; }
.exh_why li.ew3 {background:url('/~static/src/beebeetree/img/sub/ew3.png') 0px 50% no-repeat; }
.exh_why li.ew4 {background:url('/~static/src/beebeetree/img/sub/ew4_new.png') 0px 50% no-repeat; }

.exh_contact {width:100%; display:flex; gap:20px;align-items:center; border:1px #ddd solid; border-radius:10px; padding:30px;}
.exh_contact1 {width:170px; text-align:center;}
.exh_contact2 {width:calc(100% - 190px); font-size:1rem;}
.exh_contact2 h2 {font-size:20px; color:var(--point-color); margin-bottom:10px;;}


/* ºÎ½º ¾È³» */
.booth_top { position:relative;width:100%; display:flex;align-items:center; gap:50px; border:1px #dedede solid; padding:30px 40px; }
.booth_top .booth_img { width:300px; text-align:center; display:flex;align-items:center;justify-content:center;}
.booth_top ul {width:calc(100% - 370px); display:flex;flex-wrap:wrap; gap:10px;}
.booth_top li {width:100%; position:relative;font-size:1rem; line-height:1.4;; }
.booth_top li b {font-weight:bold; color:#000000; }
.booth_top li p {line-height:1.4;}
.booth_top li span.price { color:var(--point-color);font-weight:bold; } 
.booth_top li h2 { width:80px; font-size:1rem; color:#ffffff; background:var(--point-color);font-weight:bold; line-height:30px;border-radius:7px; text-align:center; margin-bottom:10px;}
.booth_new .iconl { display:block; width:250px; float:left;  }
.booth_new .iconr { width:210px; float:right;  }
.booth_new .icon { display:none; float:right;  }
.booth_new h3 {  width:100%;display:inline-block;text-align:center;border-bottom:1px #dddddd solid;background:#f7f7f7;font-size:20px;color:var(--point-color);font-weight:bold;line-height:50px;height:50px; }

.booth_multi {position:relative; width:100%; display:flex; gap:0px; border:1px #dedede solid;border-top:none; margin-bottom:80px;}
.booth_multi:before {content:''; position:absolute; left:50%;top:0px; width:1px; height:100%; background:#ddd; }
.booth_multi li { width:50%; text-align:center;position:relative; padding:30px;box-sizing:border-box; display:flex; flex-wrap:wrap; gap:10px; }
.booth_multi li h3 {width:110px; height:40px;line-height:40px;font-size:1rem;background:var(--point-color);color:#fff;border-radius:30px; text-align:center;}
.booth_multi li .booth_img {width:100%; text-align:center;}

.booth_new.booth2 { background:none; border:1px #dedede solid; margin-bottom:20px;  }
.booth_new.booth2 ul { margin-left:120px;}
.booth_new.booth2 .booth_img {width:100%;text-align:center; padding:30px 0px 0px 0px;}

.booth_new.booth3 { background:none; border:1px #dedede solid; margin-bottom:80px; }
.booth_new.booth3 ul { margin-left:120px;}
.booth_new.booth3 .booth_img {width:100%;text-align:center; padding:30px 0px 0px 0px;}




/* ¾ç½Ä ´Ù¿î·Îµå */
.download1 {width:100%; display:flex; flex-wrap:wrap; gap:0px; text-align:center; padding-bottom:60px; border-bottom:1px #ddd dashed;}
.download1 .dl_cont {background:url('/~static/src/beebeetree/img/sub/2026/down1_bg.png'); border:1px #ddd solid; border-radius:10px;}
.download1 .dl_btn {text-align:center;}
.download1 .dl_btn .sub_btn {margin:0px auto;}

.download2 {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; gap:50px; padding:60px 0px; }
.download2 .dl_item {width:calc((100% - 100px) / 3); max-width:320px; display:flex; flex-wrap:wrap; gap:0px;}
.dl_cont {width:100%; font-size:18px; margin-bottom:24px;}
.dl_btn { width:100%; }


/* ¹®ÀÇ»çÇ× */
.contactus {width:100%; display:flex; gap:0px;}
.contactus .cu_img {width:320px}
.contactus .cu_con {width:calc(100% - 350px); padding-left:50px; border-left:1px #ddd solid;}
.contactus .cu_con h2 {font-size:24px;font-weight:600; color:#000; margin-bottom:24px; }
.address { width:100%;  }
.address th {vertical-align:top;	width:70px; font-weight:bold;color:#000000;	padding:10px 0 10px 0;}
.address td {padding:10px;font-weight:normal;}

.map {width:100%; display:flex; flex-wrap:wrap; gap:50px; padding:20px 0px; border-top:2px #000 solid;}
.map .address {width:calc(100% - 300px); align-items:center;}
.map_btn {width:250px; display:flex; flex-wrap:wrap; gap:10px;;align-items:center; align-content:center;}


.program_etc1 { width:1200px; margin-bottom:10px;}
.program_etc1 img { float:left; margin-right:40px; }
.program_etc1 h2 { font-size:20px; color:#ef4036; padding:120px 0 10px 0;}

.program_etc2 { width:1200px; margin-bottom:1px;  text-align:right;}
.program_etc2  img { float:right; margin-left:40px; }
.program_etc2 h2 { text-align:right; font-size:20px; color:#ef4036; padding:120px 0 10px 0; }


.tab_s { width:100%; display:inline-block;margin-bottom:30px;border:none;}
.tab_s ul { width:100%; display:table; table-layout:fixed; height:45px;border:none;margin:0px;padding:0px;}
.tab_s li {float:none; position:relative;display:table-cell; width:auto;height:45px; line-height:45px;margin:0px;padding:0px;border:none;border-right:1px #ffffff solid;box-sizing:border-box; }
.tab_s li a { display:block; width:100%; height:45px; line-height:45px; color:#FFF; font-size:16px; text-align:center; background:#b6b6b6; }
.tab_s li a:hover { color:#FFF;  background:#858585; }
.tab_s li a.active {  color:#FFF; font-size:17px;  line-height:45px;background:var(--point-color); }



/* ¼¼¹Ì³ª ¿µ»ó À¥ÁøÇü */
.media { background:#f7f7f7; border:1px #dfdfdf solid; padding:20px; border:1px #cfcfcf solid; margin-bottom:20px;}
.media .vimg { float:left; margin-right:30px;  }
.media .vimg img {width:218px; height:148px; }
.media h2 { font-size:27px; color:#000000; height:70px; vertical-align:top; line-height:30px;}
.media h3 { color:#fe5b61; font-size:15px; height:35px; line-height:35px;font-weight:normal; padding-bottom:12px;}
.media h4 { float:right; position:relative; color:#7e7e7e; font-size:16px; text-align:right; font-weight:normal; width:380px; margin-top:30px; vertical-align:text-bottom; }
.media h4 span { position:absolute; color:#7e7e7e; right:0px; bottom:-7px; text-align:right; line-height:20px; }
.media .vimg2 { float:right; border:1px #cfcfcf solid; margin-left:20px; }
.media .vimg2 img { width:118px; height:138px; }

/* ¼¼¹Ì³ª ¿µ»ó °¶·¯¸®Çü */
.media_gallery { width:100%; display:flex; flex-wrap:wrap; gap:30px;background:#ffffff; border:none; padding:0px;margin:0px; box-sizing:border-box;}
.media_gallery  li { width:calc((100% - 60px) / 3); height:auto;display:inline-block;background:#ffffff; border:none; padding:0px; margin:0px;}
.media_gallery .vimg { float:none; margin:0px; margin-bottom:; background-size:cover !important; }
.media_gallery .vimg img {width:100%; height:215px;border:1px #dedede solid;box-sizing:border-box; }
.media_gallery h2 { font-size:17px; color:#000000; height:auto; vertical-align:top; line-height:24px; padding:10px 0px;word-break:keep-all;}
.media_gallery h3 { display:none;color:#fe5b61; font-size:15px; height:35px; line-height:35px;font-weight:normal; padding-bottom:12px;}
.media_gallery h4 { float:none; position:relative; color:#7e7e7e; font-size:14px; text-align:left; font-weight:normal; width:auto; margin-top:0px; vertical-align:text-top; }

.media_gallery .vimg2 { display:none;float:right; border:1px #cfcfcf solid; margin-left:20px; }
.media_gallery .vimg2 img { width:118px; height:138px; }

.media_view { display:block; margin:20px 0 40px 0; border-bottom:1px #cccccc solid; }
.media_view h1{ font-size:27px; color:#000000; padding-bottom:10px; }
.media_view h2{ display:block; color:#7e7e7e; font-size:16px; font-weight:normal;  margin-bottom:30px; }
.media_view h3{ float:right; color:#fe5b61; font-size:15px;font-weight:normal; }

.work  { width:100%; background:#000000;  }
.work .port { float:left; width:20%; background:#000000; }
.work .port  a img { width:100%; opacity:0;}
.work .port  a h2 { display:none; position:absolute; width:20%; height:auto; padding-top:9%; font-size:16px; font-weight:bold; color:#000000; text-align:center; vertical-align:middle; z-index:10;  }
.work .port  a h2 a { display:none; position:absolute; width:20%; height:auto; padding-top:9%; font-size:16px; font-weight:bold; color:#000000; text-align:center; vertical-align:middle; z-index:10;  }
.work .port  a h2 span {  font-size:14px; font-weight:normal; color:#000000; text-align:center;}
.work .port  a.bg { position:absolute; width:20%; z-index:1;  background:url('/~static/src/beebeetree/img/blank_bg.png') no-repeat; z-index:9}

.work .port  { float:left; width:20%; background:#000000; }
.work .port a:hover img { width:100%; opacity:0.5; }
.work .port a:hover h2 { display:block; position:absolute; width:20%;  height:auto; padding-top:9%; font-size:16px; font-weight:bold; color:#FFFFFF;text-align:center;z-index:10;}
.work .port a:hover h2 a { display:block; position:absolute; width:20%;  height:auto; padding-top:9%; font-size:16px; font-weight:bold; color:#FFFFFF;text-align:center;z-index:10;}
.work .port a:hover h2 span { font-size:14px; font-weight:normal;color:#FFFFFF;text-align:center; }
.work .port a:hover div.bg { position:absolute; width:20%;height:auto; z-index:1;  background:url('/~static/src/beebeetree/img/thum_bg.png') no-repeat; z-index:9;}



.search { text-align:center; border:7px solid #ececec; padding:10px 40px 10px 40px; margin-bottom:30px; }
.search  span { margin:3px 10px 3px 2px; font-weight:500; font-size:13px; }

.pagenum { text-align:center; color:#222222; font-weight:500;}
.pagenum a	{ color:#919191; font-weight:normal; }
.pagenum a:hover { color:#919191; font-weight:normal; }
.pagenum img { margin:0px;}
.pagenum span { margin:15px 10px -10px 10px;}


.p { color:var(--point-color); }



/* Å×À̺í list */
.tbl_list { width:100%;  margin-bottom:10px; }
.tbl_list th {	font-weight:bold;font-size:14px;color:#FFFFFF;padding:6px;border-top:solid 0px #696969;	border-bottom:solid 0px #696969;border-right:solid 1px #FFFFFF;	background-color:#da1d24;	text-align:center;}
.tbl_list td {	border-bottom:solid 1px #e4e4e4;border-right:solid 1px #e4e4e4;	font-size:14px;	padding:10px;	text-align:center;	font-weight:normal;}
.tbl_list th.last {	padding:6px;border-right:0px;}
.tbl_list td.last {	border-bottom:solid 1px #e4e4e4;border-right:0px;padding:10px;}
.tbl_list td.tl {text-align:left;}
.tbl_list td.bg {background-color:#f7f7f7; font-weight:bold;}
.tbl_list td span {	color:var(--point-color); font-weight:normal;}
.tbl_list td a {  color:#67920a; }
.tbl_list td a:hover { 	color:#67920a; display:underline; }

.notbl {  }
.notbl th {	font-weight:bold;font-size:14px;color:#333333;padding:0px;border:0px;	background-color:#ffffff;}
.notbl td {padding:0px;	border:0px;	background-color:#ffffff;}
.notbl td:last-child {	padding:0px;border:0px;	background-color:#ffffff;}
.notbl li {	float:left;padding-right:20px;}
.notbl li input { margin-top:-3px;}

.notbl2 li { padding:5px 0px;}
.notbl2 li input { margin-top:-3px;}



/* Å×À̺í view */
.tbl_view { width:100%; margin-bottom:10px; border-top:solid 1px #a5a5a5;  }
.tbl_view th {font-weight:bold;font-size:1rem;color:#555555;padding:10px 5px 10px 15px;	border-right:solid 1px #e4e4e4;	border-bottom:solid 1px #e4e4e4;background-color:#f6f6f5;}
.tbl_view th span { font-size:14px;	color:#ed1c24; }  
.tbl_view th small { font-size:calc(1rem - 1px); font-weight:normal; }
.tbl_view td {border-bottom:solid 1px #e4e4e4;font-size:1rem;padding:10px 5px 10px 15px;text-align:left;}
.tbl_view td:last-child {border-bottom:solid 1px #e4e4e4;font-size:1rem;border-right:0px;padding:10px 5px 10px 15px;}	
.tbl_view td span { display:block; font-size:16px;	margin:5px 0px 0px 0px; line-height:25px; }
.tbl_view td small { display:block; font-size:16px; color:#dc878a; margin:5px 0px 0px 0px; line-height:25px; }
.tbl_view td a		{  color:#67920a; }
.tbl_view td a:hover { 	color:#67920a; display:underline; }
.tbl_view td span.span_ment { display:inline-block;}
.tbl_view td.td_t { background:#dbe8f2; color:#111111;font-weight:bold; }

.tbl_view1 { width:100%; margin-bottom:10px; border-top:solid 1px #a5a5a5; border-left:solid 1px #e4e4e4; }
.tbl_view1 th {font-weight:bold;font-size:1rem;color:#555555;padding:10px 5px 10px 15px;text-align:center;	border-right:solid 1px #e4e4e4;border-bottom:solid 1px #e4e4e4;background-color:#f6f6f5;}
.tbl_view1 th.th { background-color:#eeeeee;}
.tbl_view1 th span { font-size:14px;color:#ed1c24; }  
.tbl_view1 th small { font-size:1rem; font-weight:normal; }
.tbl_view1 td { border-bottom:solid 1px #e4e4e4;border-right:solid 1px #e4e4e4;font-size:1rem;padding:10px 5px 10px 15px;text-align:left;line-height:20px;}
.tbl_view1 td span { display:block; font-size:1rem;	margin:5px 0px 0px 0px; line-height:25px; }
.tbl_view1 td small { display:block; font-size:1rem; color:#dc878a; margin:5px 0px 0px 0px; line-height:25px; }
.tbl_view1 td a		{  color:#67920a; }
.tbl_view1 td a:hover { color:#67920a; display:underline; }
.tbl_view1 td.price { text-align:right; padding-right:20px;  }
.tbl_view1 td.price_res { text-align:right; padding-right:20px;font-weight:bold; font-size:1rem !important; color:#333333 !important;  }
.tbl_view1 td.price_total { text-align:right; padding-right:20px; font-size:18px !important; font-weight:bold; color:#f21c26 !important; }
.sub-total-price-holder { font-size:1rem !important; }
.total-price-holder	{  font-size:18px !important;  }
.tbl_view1 td.remarks-holder span { color:#f21c26;font-weight:bold; margin:0px; line-height:20px; }

.tbl_view2 { width:100%; margin-bottom:10px; border-top:solid 1px #a5a5a5;  }
.tbl_view2 th {	font-weight:bold;font-size:15px;color:#333;padding:10px 5px 10px 15px;border-bottom:solid 1px #e4e4e4;background-color:#f6f6f5;} 
.tbl_view2 th small { font-size:13px; font-weight:normal; }
.tbl_view2 td {	border-bottom:solid 1px #e4e4e4;font-size:14px;	padding:14px 5px 14px 15px;	text-align:left;}

.tbl_no { width:100%;}
.tbl_no td { border-bottom:0px;	font-size:13px; padding:5px 0px 5px 0px;	text-align:left; }
.tbl_no td:last-child { border-bottom:0px;	font-size:13px; padding:5px 0px 5px 0px;	text-align:left; }

.tbl_view .btn {line-height:40px;padding:0px 12px;}


.btn_search {
	display:block;
	font-size:13px;
	color:#FFF;
	height:30px;
	line-height:30px;
	padding:0px 10px;
	text-align:center;
	border:1px #646464 solid;
	background-color:#595959;
	font-weight:bold;
	cursor:pointer;
}

.button { font-size:1rem; color:#FFF; height:50px; line-height:50px; padding:0px 25px; text-align:center; font-weight:bold;	cursor:pointer; margin:5px; border-radius:4px;}
.button.large { font-size:calc(1rem + 2px); color:#FFF; height:55px; line-height:55px; padding:0px 40px; text-align:center; font-weight:bold;cursor:pointer; margin:5px;border-radius:4px;}
.btn_gray {	background:#595959;border-color:#595959;  }
.btn_red { background:var(--point-color); border-color:var(--point-color); }
.btn_blue { background:var(--point-color);border-color:var(--point-color); } 
.btn_black { background:#222; border-color:#222;}
.btn_white { font-size:1rem; color:#333; height:50px; line-height:50px; padding:0px 25px; text-align:center; border:1px #d2d2d2 solid; background-color:#f3f3f3; font-weight:bold; cursor:pointer;}


/* °Ô½ÃÆÇ°ü·Ã ½ºÅ¸ÀÏ */
.bbs_tbl { width:100%;  margin-bottom:10px; border-top:solid 2px #666666; border-bottom:solid 1px #a5a5a5;  }
.bbs_tbl th {
	font-weight:bold;
	font-size:1rem; 
	color:#222222;
	padding:15px 15px;
	border-bottom:solid 1px #999;
	background-color:#ffffff;
	text-align:center;
}
.bbs_tbl td {
	border-bottom:solid 1px #e4e4e4;
	font-size:1rem; 
	padding:20px;
	line-height:23px;
	text-align:center;
	font-weight:normal;
}
.bbs_tbl td.tl { text-align:left; }
.bbs_tbl td span {	color:#e94b21; font-weight:bold; }
.bbs_tbl td small {	color:#e94b21; font-size:14px; font-weight:normal; }
.bbs_tbl td a		{ font-size:1rem; line-height:23px;color:#6a6a6a; }
.bbs_tbl td a:hover { 	color:var(--point-color); display:underline; }

/**/
.bbs_view { width:100%; margin-bottom:15px;border-top:solid 1px #a5a5a5;   }
.bbs_view .subject { border-bottom:solid 1px #a5a5a5 !important; }
.bbs-view li a { float:left; }
.bbs_view th {
	width:80px;
	font-size:13px; 
	padding:10px 0px 10px 0px;
	border-bottom:solid 1px #e4e4e4;
	text-align:center;
	font-weight:bold;
	color:#333333;
	background:url('/~static/src/home/img/board/view_th_bg.gif') no-repeat;
	text-align:center;
}
.bbs_view td {
	font-size:13px; 
	border-bottom:solid 1px #e4e4e4;
	padding:5px 5px 5px 15px;
	text-align:left;
}
.bbs_view td.cont { padding:10px; height:250px; vertical-align:top; }
.bbs_view td a		{  color:#6a6a6a; text-align:left; }
.bbs_view td a:hover { 	color:#ef4036; display:underline; text-align:left; }
.bbs_view td span {	color:#ef4036; font-weight:bold; }

.bbs_view h1 { font-size:22px; padding:15px 0px 15px 0px; color:#333; text-align:left; }
.bbs_view ul { border-bottom:1px #ededed solid; padding-bottom:12px; }


/**/
.bbs_view_list { width:100%; margin:20px 0 10px 0; border-top:solid 1px #e4e4e4;  }
.bbs_view_list th {
	width:80px;
	padding:10px 0px 10px 0px;
	border-bottom:solid 1px #e4e4e4;
	text-align:center;
	font-weight:bold;
	background-color:#f9f9f9;
	text-align:center;
}
.bbs_view_list td {
	border-bottom:solid 1px #e4e4e4;
	padding:5px 5px 5px 15px;
	text-align:left;
}
.bbs_view_list td a		{  color:#6a6a6a; }
.bbs_view_list td a:hover { 	color:#67920a; display:underline; }

.comment { background-color:#f5f5f5; margin:-10px 0px 20px 0px;  }
.comment .cmt_view { padding:10px 20px 10px 20px; border-bottom:1px #FFFFFF solid; }
.comment .cmt_view h2 { font-weight:bold; color:#000000; font-size:13px; float:left; margin-right:7px; }
.comment .cmt_view span { font-weight:normal; color:#999999; font-size:11px; }
.comment .cmt_view p { font-weight:normal; color:#666666; font-size:12px;  }
.comment .cmt_view .edit { float:right; font-size:11px; color:#999999;  }

.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {background-color:var(--point-color);}



/* ȸ¿ø°ü·Ã ½ºÅ¸ÀÏ */ 
.loginBox { border:none; width:100%; display:inline-block;	padding:50px; height:auto; border:1px #ddd solid; }
.login_inner { width:100%; max-width:500px; display:block;margin:0px auto;  }
.loginBox ul { width:100%; display:flex; flex-wrap:wrap; gap:8px;}
.loginBox li { width:100%; margin:0px; }
.loginBox li.saveid {display:flex; flex-wrap:nowrap; gap:5px;align-items:center; font-size:1rem; }
.loginBox li.saveid input {margin:0px !important;}

.login_input { width:100%; height:50px; line-height:50px; border:1px #ddd solid; padding:0px 0px 0px 20px; font-size:1rem; font-weight:600; border-radius:4px;}
.loginBtnBox {float:none;width:100%; margin:10px 0px 0 0;}
.loginBtnBox .btn_login { display:flex;justify-content:center;align-items:center; width:100%; height:60px; background:var(--point-color); color:#FFF; font-size:calc(1rem + 1px); border-radius:4px;}

.loginMent { display:inline-block;font-size:14px; color:var(--point-color); font-weight:bold; margin:20px 20px 40px 0px;  }
.loginMent2 { display:inline-block;font-size:15px; color:var(--point-color);line-height:25px; font-weight:bold; margin:0px 0px 20px 0px;  }
.textarea1  { border:1px #e9e9e9 solid; background-color:#f9f9f7; padding:15px; width:100%; height:110px; margin-bottom:10px; line-height:20px;   }

/* ȸ¿ø°¡ÀÔ */
.joinForm {width:100%; }
.joinForm h3 { font-size:24px; line-height:1; margin-bottom:20px; color:#333; padding:0px; font-weight:bold; }

.agree { width:100%; height:450px; padding:20px ; line-height:20px;font-size:1rem;font-weight:normal; border:1px #dedede solid;overflow-y:scroll; }
.agree h2 { font-size:1rem; color:#333; padding:0px 0px 10px 0px;   }
.agree p { font-size:calc(1rem - 1px); line-height:1.3; color:#666666; margin-bottom:20px;  }
.agree_all {border:2px var(--point-color) solid; background:#f7f7f7; margin:30px 0px; padding:20px;font-size:calc(1rem + 1px);font-weight:bold;color:var(--point-color); text-align:center;}
.agree_textarea {border:1px #ddd solid;width:100%; height:200px; padding:20px; line-height:20px; margin-bottom:15px;}

.joinBtnArea {width:100%;display:flex; flex-wrap:nowrap; gap:8px; justify-content:center; text-align:center;margin-top:30px;}
.btn_Join { width:100%; max-width:200px; line-height:50px; background:var(--point-color); color:#FFF; border:none; font-size:18px; border-radius:4px; }
.btn_Cancel {width:100%; max-width:200px; line-height:50px; background:#333; color:#FFF; border:none; font-size:18px;border-radius:4px; }
.joinForm  .Form_inner {  font-weight:bold; }

.btn_link_area { width:100%; display:flex;flex-wrap:nowrap; gap:10px; margin:20px 0px 0 0px; }
.btn_link_area a.btn_link  { display:block; width:100%; height:50px; line-height:50px; text-align:center; background:#999; color:#fff; font-size:16px;border-radius:4px; }
.btn_link_area a.btn_link:hover { background:#444444; color:#FFF;  }
.btn_link_area a.btn_join_link { display:block; width:450px; height:50px; line-height:50px; text-align:center; background:#999; color:#fff; font-size:18px;  }
.btn_link_area a.btn_join_link:hover { background:#444444; color:#FFF;  }

/* ¾ÆÀ̵ð ºñ¹ø ã±â */
.findBox { border:1px #ddd solid; height:auto; margin-bottom:100px;padding:50px; }
.findBox .findBox_inner { position:relative;width:100%; max-width:500px; margin:0px auto;}
.findBox .selarea {display:none; height:40px;line-height:30px;font-size:15px;padding:0px 0px 10px 320px;}
.findBox ul { display:flex;flex-wrap:wrap; gap:10px;  margin:0px 0px 20px; }
.findBox li { width:100%;display:flex;flex-wrap:nowrap; gap:4px;align-items:center;}
.findBox li.ttt { width:100%; font-weight:bold; line-height:1; font-size:1rem;  }

.findBtnBox {width:100%; margin:0px 0px 0px;}
.findBtnBox .btn_find {display:flex;justify-content:center;align-items:center; width:100%; height:60px; background:var(--point-color); color:#FFF; font-size:calc(1rem + 1px); border-radius:4px;}


/* ÀϹÝȸ¿ø/±â¾÷ȸ¿ø °¡ÀÔ index (Áö±ÝÀº »ç¿ë ¾ÈÇÔ)*/
.joinArea { display:flex; width:100%; height:500px; background:#f7f7f7 url('/~static/src/beebeetree/img/sub/join_bg_new.gif') 50% 0% no-repeat !important;}
.joinArea .joinCon { padding:160px 100px 30px 100px; width:50%; box-sizing:border-box;}
.joinArea .joinCon .joinBtn a { display:block; background:var(--point-color); width:100%; height:50px; line-height:50px;font-size:24px; color:#fff; text-align:center;  }
.joinArea .joinCon .joinMent p { font-size:18px; color:#000; text-align:center; font-weight:bold; margin:20px 0px;}
.joinArea .joinCon .joinMent  { font-size:14px; color:#666; text-align:center; margin-bottom:20px;}

/* ÀϹÝȸ¿ø/±â¾÷ȸ ·Î±×ÀÎ ÆäÀÌÁö ÅÇ (Áö±ÝÀº »ç¿ë ¾ÈÇÔ)*/
.loginTab { width:100%; height:50px; margin-bottom:0px; z-index:10;border-bottom:1px #ccc solid; box-sizing:border-box; }
.loginTab li { float:left; margin:0px; }
.loginTab li a { display:block; width:250px; height:50px; line-height:50px; color:#FFF; font-size:18px; text-align:center; background:#ababab; }
.loginTab li a:hover { color:#FFF;  background:#858585; }
.loginTab li.active a {  color:#000; font-weight:bold; font-size:18px; background:#FFF; border:1px #cccccc solid; border-bottom:1px #fff solid;; }

/* sns ·Î±×ÀÎ (Áö±ÝÀº »ç¿ë ¾ÈÇÔ) */
.login_sns { display:inline-block; position:relative; width:850px; margin:0px 150px; margin-top:30px; padding-top:30px;border-top:1px #dedede solid; }
.login_sns h2 { position:absolute; top:0;left:0px; font-size:20px;color:#333333; width:340px; margin:30px 0px 5px 0px; line-height:30px;}
.login_sns h2 small {display:block;font-size:14px;font-weight:bold; color:#fe3e2e;line-height:20px;letter-spacing:0em;}
.login_sns .login_sns_ul {border:1px #dedede solid;width:500px; margin-left:350px; height:70px; display:inline-block;}
.login_sns .login_sns_ul li {float:left;display:inline-block; width:33%; line-height:70px;text-align:center;}
.login_sns .login_sns_ul li a {display:block;height:70px;line-height:70px;text-align:center;font-size:15px;color:#333333; font-weight:bold;padding-left:40px;}
.login_sns .login_sns_ul li a.sns_naver {background:url('/~static/src/beebeetree/img/sns_naver.png') 20px 50% no-repeat;}
.login_sns .login_sns_ul li a.sns_kakao {background:url('/~static/src/beebeetree/img/sns_kakao.png') 20px 50% no-repeat;}
.login_sns .login_sns_ul li a.sns_google {background:url('/~static/src/beebeetree/img/sns_google.png') 30px 50% no-repeat;}

/* sns ȸ¿ø°¡ÀÔ */
.join_sns { display:inline-block; width:100%;margin-top:15px;}
.join_sns h2 {font-size:15px;color:#333333; width:100%; margin:20px 0px 5px 0px; }

.join_sns .join_sns_ul {border:1px #dedede solid;width:100%;background:#ffffff; margin-left:0px; height:80px; display:inline-block;}
.join_sns .join_sns_ul li {float:left;display:inline-block; width:33.3%; text-align:center;}
.join_sns .join_sns_ul li a {display:block;height:80px;line-height:30px;text-align:center;font-size:14px;color:#333333; font-weight:normal;padding-top:40px;}
.join_sns .join_sns_ul li a.sns_naver {background:url('/~static/src/beebeetree/img/sns_naver.png') 50% 15px no-repeat;}
.join_sns .join_sns_ul li a.sns_kakao {background:url('/~static/src/beebeetree/img/sns_kakao.png')  50% 15px no-repeat;}
.join_sns .join_sns_ul li a.sns_google {background:url('/~static/src/beebeetree/img/sns_google.png') 50% 15px no-repeat;}




/* Æ˾÷â ½ºÅ¸ÀÏ */
.popup {
	margin:0px;
	padding:20px;
	background-color:#FFF; 
	border:solid 2px #000000; 
	font-size:12px;
}
.popup .ptitle {
	padding:0px 0px 15px 0px;
	color:#000000;  
	font-size:18px;
	font-weight:bold;
	text-align:left;
	border-bottom:3px var(--point-color) solid;
}

.popup .pcon {
	margin:20px 0px 10px 0px;
	text-align:left;
}

.poll h2 { font-size:13px; font-weight:bold; color:#a42f33; padding-bottom:10px; }
.poll ul { padding-bottom:20px; }
.poll ul li { height:20px; }


.tbl_seminar { margin-bottom:10px; border-top:solid 1px #696969; }
.tbl_seminar th { font-weight:bold;	font-size:11px; color:#222222; padding:7px;  background:#f7f7f7;  border-bottom:solid 1px #b3b3b3; border-right:solid 1px #b3b3b3; text-align:center; }
.tbl_seminar td { border-bottom:solid 1px #d0cccc; border-right:solid 1px #d0cccc; font-size:11px; padding:5px 3px 5px 3px ; text-align:center; font-weight:normal;}
.tbl_seminar td.bg2 {  background:#ccf3b7; }
.tbl_seminar td.bg3 {  background:#e3cef6; }
.tbl_seminar td.bg1 {  background:#fffc09; }
.tbl_seminar td.bg4 {  background:#ff9b94; }
.tbl_seminar td.bg5 {  background:#ffa518; }
.tbl_seminar td.bg6 {  background:#7fcfe9; }
.tbl_seminar td.bg7 {  background:#f9ead6; }
.tbl_seminar td.not {  background:#bdbdbd; color:#333333; }
.tbl_seminar th.last { border-right:0px; }
.tbl_seminar td.last { border-right:0px; }
.tbl_seminar td.tl { text-align:left; }
.tbl_seminar td span { font-size:11px; }
.tbl_seminar td a, .tbl_seminar td a:visited, .tbl_seminar td a:active	
{  color:#333;font-size:11px; }
.tbl_seminar td a:hover { 	color:#000;font-size:11px; display:underline; }


/* ¼¼¹Ì³ªÇÁ·Î±×·¥ */
.tbl_list2 { width:100%; margin-bottom:20px; }
.tbl_list2 th {
	font-weight:500;
	font-size:17px;
	color:#ffffff;
	padding:8px 10px;
	background:#f43442;
	border-bottom:solid 1px #f9707b;
	border-right:solid 1px #f9707b;
	text-align:center;
}
.tbl_list2 th.bg {	color:#000000;background:#dedede;border-bottom:solid 1px #cccccc;border-right:solid 1px #cccccc;}
.tbl_list2 td {
	border-bottom:solid 1px #dedede;
	border-right:solid 1px #dedede;
	font-size:15px !important;
	padding:5px 1px 5px 1px;
	text-align:center;
	font-weight:normal;
	color:#333;
}
.tbl_list2 td b { font-weight:500; color:#000;font-size:17px;letter-spacing:-0.03em; }  
.tbl_list2 td b small { font-weight:500; color:#00789e; font-size:17px;}
.tbl_list2 th.last { border-right:0px; }
.tbl_list2 td.last { border-right:0px; }
.tbl_list2 td.bg0 {  background:#f1f1f1; }  
.tbl_list2 td.bg0 b small { color:#000; }
/*
.tbl_list2 td.bg1 {  background:#dbeaff; } ºí·ç
.tbl_list2 td.bg1 b small { color:#1f55a1; }
.tbl_list2 td.bg3 {  background:#f3d6fb; } º¸¶ó  
.tbl_list2 td.bg3 b small { color:#9942b2; }

*/
.tbl_list2 td.bg1 {  background:#dffdce; }   /* green */
.tbl_list2 td.bg1 b small { color:#3c881e; }
.tbl_list2 td.bg2 {  background:#ffdedc; } /* red */
.tbl_list2 td.bg2 b small { color:#eb1e11; }
.tbl_list2 td.bg3 {  background:#ffe3b8; } /* orange */
.tbl_list2 td.bg3 b small { color:#ff7302; }
.tbl_list2 td.bg4 {  background:#fffeae; } /* yellow */
.tbl_list2 td.bg4 b small { color:#b68d00; }
.tbl_list2 td.bg5 {  background:#c2efeb; }  /* mint */
.tbl_list2 td.bg5 b small { color:#13a095; }
.tbl_list2 td.bg6 {  background:#dbeaff; } /* ºí·ç */
.tbl_list2 td.bg6 b small { color:#1f55a1; }
.tbl_list2 td.bg7 {  background:#f3e0f7; } /* violet */
.tbl_list2 td.bg7 b small { color:#b003d5; }
.tbl_list2 td.bg8 {  background:#fffc00; } 
.tbl_list2 td.bg10 {  background:#d8f4f2; } 
.tbl_list2 td.tl { text-align:left; }
.tbl_list2 td.bg { background-color:#f7f7f7; font-weight:normal; }
.tbl_list2 td.noline { border-bottom:none;}
.tbl_list2 td.time { height:60px; font-weight:500; }
.tbl_list2 td span { font-size:15px;font-weight:500;color:#444444; }
.tbl_list2 td a, .tbl_list2 td a:visited, .tbl_list2 td a:active	
{ display:block;font-size:14px;font-weight:400; cursor:pointer; color:#333; }
.tbl_list2 td a:hover {	color:#000; display:underline; }

.tbl_list3 { width:100%;  margin-bottom:10px; }
.tbl_list3 th {
	font-weight:bold;
	font-size:14px;
	color:#ffffff;
	padding:8px;
	background:#1173c3;
	border-bottom:solid 1px #3990d7;
	border-right:solid 1px #3990d7;
	text-align:center;
}
.tbl_list3 td {
	border-bottom:solid 1px #dedede;
	border-right:solid 1px #dedede;
	font-size:13px;
	padding:8px 1px 8px 1px;
	text-align:center;
	font-weight:normal;
	color:#333;
}
.tbl_list3 td b { font-weight:bold; color:#000; font-size:15px; } 
.tbl_list3 th.last { border-right:0px; }
.tbl_list3 td.last { border-right:0px; }
.tbl_list3 td.bg1 {  background:#f7f7f7;} 
.tbl_list3 td.bg6 {  background:#dbe5eb; } 
.tbl_list3 td.bg6 b small { color:#ff7302; }
.tbl_list3 td.tl { text-align:left; }
.tbl_list3 td.bg { background-color:#f7f7f7; font-weight:normal; }
.tbl_list3 td.time { height:45px; }
.tbl_list3 td a, .tbl_list3 td a:visited, .tbl_list3 td a:active	
{ display:block; cursor:pointer; color:#333; }
.tbl_list3 td a:hover { color:#000; display:underline; }


.layer_question { position:absolute; top:365px; left:350px; width:510px; height:410px; background:#FFFFFF; border:2px var(--point-color) solid;  }
.layer_question div { padding:20px; color:#666666;  }
.layer_question h2 { font-size:16px; font-weight:bold; color:var(--point-color); padding-bottom:10px; }
.layer_question h3 { font-size:14px; font-weight:bold; color:#000000; padding-bottom:10px;}
.layer_question .lqCon1 { font-size:13px; font-weight:normal; background:#f6f6f6; border-bottom:1px #d0cccc dashed; line-height:20px; }
.layer_question .lqCon2 { font-size:12px; font-weight:normal; background:url('/~static/src/beebeetree/img/online/talkshow_bg.gif') 100% 0 no-repeat; line-height:18px; }
.layer_question p { text-align:center; padding-top:10px; }
.layer_question textarea { width:460px; height:80px; margin-top:15px; }


.layer_question2 { position:absolute; top:550px; left:650px; width:300px; height:200px; background:#FFFFFF; border:2px var(--point-color) solid;  }
.layer_question2 div { padding:20px;  }
.layer_question2 h2 { font-size:14px; font-weight:bold; color:#000; }
.layer_question2 p { text-align:center; padding-top:10px; }
.layer_question2 textarea { width:250px; height:80px; margin-top:15px; }

.interactive_q { font-weight:bold; color:#444; padding-left:25px; font-size:12px; }

.seminarText { padding:15px; border:1px #e0e0e0 solid; line-height:20px; }
.consultingText { padding:15px; border:1px #e0e0e0 solid; line-height:20px; }

.box_bg { width:100%; height:40px; padding:10px 0px 10px 0px; border:1px #e4e4e4 solid; margin-bottom:10px; }
.box_bg p { float:left; margin:4px 0px 5px 45px; font-size:12px; }
.box_bg span { width:30px; height:13px; padding:0 12px 0 12px; margin-right:10px; }

.box_bg2 { width:100%; height:16px; padding:10px 0 10px 0; border:1px #e4e4e4 solid; margin-bottom:10px; }
.box_bg2 p { float:left; margin-left:30px; font-size:12px; }
.box_bg2 span { height:13px; padding:0 7px 0 7px;  margin-right:6px; }

.bg1 {  background:#ccf3b7; }
.bg2 {  background:#e3cef6; }
.bg3 {  background:#fffc09; }
.bg4 {  background:#ff9b94; }
.bg5 {  background:#ffa518; }
.bg6 {  background:#7fcfe9; }

.register_box1 { background-color:#ef4036; font-size:16px; color:#FFFFFF; padding:30px;  text-align:center; margin-bottom:15px; }
.register_box1 h2 { font-size:24px; font-weight:bold; padding-bottom:10px; }
.register_box2 { border:5px #d1d1d1 solid; font-size:16px; color:#666666; padding:30px;  text-align:center; margin-bottom:30px; }
.register_box2 h2 { font-size:22px; font-weight:bold; color:#2e417e; padding-bottom:10px; }
.register_box3 { border:5px #d1d1d1 solid; font-size:16px; color:#666666; padding:30px; text-align:center; margin-bottom:30px; }
.register_box3 h2 { font-size:24px; font-weight:bold; color:#2e417e; padding-bottom:10px; }

.myPsearch { border:1px #ededed solid; background:#f7f7f7; padding:10px; text-align:center; margin-bottom:20px; }
.myPsearch label { font-size:14px; font-weight:bold; color:#333; margin-right:30px;}

/* ÃßõºÐ¾ç»óÇ° */
.btn_add { width:130px; height:35px; line-height:35px; text-align:left; padding-left:15px; font-size:14px; color:#fff; background:var(--point-color) url('/~static/src/beebeetree/img/sub/btn_arrow.png') 110px 50%  no-repeat; }

.productArea { position:relative; display:inline-block; width:calc(100% + 20px); margin:10px -10px 30px -10px;}
.productArea .pd_list { float:left; width:calc((100% - 80px) / 4); height:325px; border:1px #cfcfcf solid; margin:10px; }
.productArea .pd_list img { width:100%; height:200px; border-bottom:1px #cfcfcf solid; margin-bottom:15px; }
.productArea .pd_list .name { margin:0 20px 0px 20px; font-size:14px; color:#000;}
.productArea .pd_list h2 { margin:0 20px 5px 20px; font-size:17px; color:#000; font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.productArea .pd_list p { margin:0 20px 0px 20px; font-size:14px; color:#7e7e7e;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.productArea .pd_list .type { margin:0 20px 0px 20px; font-size:14px; color:#c11b1b;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.bestproductArea { position:relative;display:inline-block; width:100%; background:#f2f2f2; margin-bottom:10px; padding:14px; border-top:2px #da1d24 solid; border-bottom:2px #da1d24 solid; }
.bestproductArea .pd_list { float:left; width:233px; height:265px; border:1px #cfcfcf solid; margin:5px; background:#fff; }
.bestproductArea .pd_list .icon_best { position:absolute; width:40px; height:40px; }
.bestproductArea .pd_list .icon_best img { width:40px; height:40px; border:none;margin:0px; }
.bestproductArea .pd_list img { width:231px; height:150px; border-bottom:1px #cfcfcf solid; margin-bottom:15px; }
.bestproductArea .pd_list .name { margin:0 20px 0px 20px; font-size:12px; color:#000;}
.bestproductArea .pd_list h2 { margin:0 20px 5px 20px; font-size:16px; color:#000; font-weight:normal;white-space:nowrap;overflow:hidden;}
.bestproductArea .pd_list p { margin:0 20px 0px 20px; font-size:13px; color:#7e7e7e;white-space:nowrap;overflow:hidden; }
.bestproductArea .pd_list .type { margin:0 20px 0px 20px; font-size:13px; color:#c11b1b;white-space:nowrap;overflow:hidden;}

.productViewArea { position:relative; display:inline-block; width:100%; border:1px #cfcfcf solid; margin-bottom:30px; background:url('/~static/src/beebeetree/img/sub/product_view_bg .gif')  no-repeat; }
.productViewArea .row { display:flex;}
.productViewArea .pd_img { float:left; width:550px; min-height:480px;background:#f7f7f7; height:auto;border:none; margin:0px; box-sizing:border-box;}
.productViewArea .pd_img img { width:100%; height:320px; overflow:hidden; }
.productViewArea .pd_img .thumb_s a img{ width:126px; height:81px; float:left;overflow:hidden; margin:0px;}
.owl-carousel .owl-wrapper-outer{background:#fff;}

.productViewArea .pd_view { float:right; width:647px;height:auto;min-height:525px; border-left:1px #cfcfcf solid; margin:0px; z-index:1000;box-sizing:border-box;}
.productViewArea .pd_view h2 { width:100%; padding:20px 30px; font-size:26px; color:#000; font-weight:bold;box-sizing:border-box; border-bottom:1px #ddd solid;}
.productViewArea .pd_view h2 span { font-size:18px; color:#333; font-weight:normal; }
.productViewArea .pd_view table { margin:10px 20px;  }
.productViewArea .pd_view th { padding:8px 10px; font-size:16px; color:#333; vertical-align:top; white-space:nowrap;}
.productViewArea .pd_view td { padding:8px 10px; font-size:16px; color:#888888; vertical-align:top;word-break:break-all}

.productViewArea .thumbnail  {padding:0px; margin:0px;background:#f7f7f7; }
.productViewArea .thumbnail figure {padding:0px; margin:0px;}
.productViewArea .thumbnail figure img {width:548px; height:370px}
.productViewArea .zoom-more {width:548px;  height:80px; padding:0px; margin:-4px 0 0 0px; overflow:hidden;}
.productViewArea .zoom-more a img {width:123px; height:80px;padding:0px; margin:0px 1px 0px 0px;}

.productViewCont { width:100%; font-size:14px; color:#666; line-height:auto; }
.productViewCont img { margin-bottom:20px; }

.productVeiwComment {  border:1px #cfcfcf solid; padding:20px; }


.productFormArea { } 
.productFormArea .row {  padding:10px;border-bottom:1px #ededed solid; } 
.productFormArea label { float:left; width:130px; font-size:15px; color:#333333; font-weight:bold;} 
.productFormArea .fancy-form { font-size:15px; color:#666666; font-weight:bold; padding:10px; border-bottom:1px #ededed solid;}
.productFormArea .fancy-form  input {padding:0px 0px 0px 5px;border:solid 1px #d5d5d5;height:30px;line-height:30px;width:96%;}
.productFormArea .productFormArea_inner { border-top:1px #555555 solid;  } 
.productFormArea table { width:100%; padding:0px; margin:0px;} 
.productFormArea th { width:140px; font-size:15px; color:#333333; font-weight:bold; padding:10px; border-bottom:1px #ededed solid; } 
.productFormArea th span { color:#dc2c33;  }
.productFormArea th small { float:left; font-size:15px; color:#333333; font-weight:bold; padding-top:5px; }
.productFormArea td { font-size:15px; color:#666666; font-weight:normal; padding:10px; border-bottom:1px #ededed solid;  } 
.productFormArea td small { float:left;font-size:15px; color:#666666; font-weight:normal; }

.productFormBtn { width:100%; height:60px; margin:30px;}
.productFormBtn .productFormBtn_inner { position:absolute; left:50%; margin-left:-210px; width:420px; height:60px; }
.productFormBtn .productFormBtn_inner .btn_submit { float:left; width:130px; height:40px; line-height:40px; background:var(--point-color); color:#FFF; border:1px var(--point-color) solid; font-size:16px; margin:0px 5px; }
.productFormBtn .productFormBtn_inner .btn_preview { float:left; width:130px; height:40px; line-height:40px; background:#ffffff; color:#333333; border:1px #999999 solid; font-size:16px; margin:0px 5px; }
.productFormBtn .productFormBtn_inner .btn_cancel { float:left; width:130px; height:40px; line-height:40px; background:#808181; color:#FFF; border:1px #808181 solid; font-size:16px; margin:0px 5px; }

.productViewBtn { width:100%; height:60px;  }
.productViewBtn .btn_list { float:right; width:100px; height:40px; line-height:40px; background:#808181; color:#FFF; border:1px #808181 solid; font-size:16px; }

.productVeiwComment { border:0px; width:100%; margin-left:-20px; }
.productVeiwComment h2 { font-size:20px; color:#000; margin-bottom:20px;}
.productVeiwComment .productReview {width:100%; border:1px #dedede solid;  margin:0px;}

.media_body { padding:20px; margin:0px; font-size:13px; border-top:1px #dedede solid;}
.media_body .name { font-size:15px; font-weight:bold; color:#000; margin-right:10px;}
.media_body .date { font-size:10px; color:#777; }
.media_body .edit_btn  {float:right}
.media_body .edit_btn a { color:#666;}

.field_add { width:30px; height:30px; background:url('/~static/src/beebeetree/img/sub/btn_add.gif') no-repeat ; margin:3px auto; padding:0px;  }
.filed_del { width:20px; height:20px; background:url('/~static/src/beebeetree/img/sub/btn_x.gif') no-repeat ; margin:0px; padding:0px;  }



/* ¿Â¶óÀÎ »çÀüµî·Ï Ãß°¡ */
.reserve1 { padding-bottom:40px; margin-bottom:40px; border-bottom:1px #dedede dashed; text-align:center;}
.reserve1 h2 { font-size:24px; font-weight:normal;color:#000; border:2px #dedede solid; padding:30px; text-align:center; margin-bottom:20px; }
.reserve1 .btn_reserve { font-size:17px; color:#fff; background:var(--point-color); padding:15px 30px; text-align:center; }

.step { margin-bottom:30px;}
.step_ment { font-size:17px; color:var(--point-color); padding-bottom:30px; margin-bottom:30px; border-bottom:1px #999 dashed;}
.step_ment2 { font-size:15px; color:#777777; margin:10px 0 25px 0; }
.step_ment2 b { display:block; font-size:15px; color:#000000; font-weight:bold; padding-bottom:7px;}
.step_ment3 { font-size:15px; color:#222222; border-top:1px #f43442 solid;border-bottom:1px #f43442 solid; background:#f9f9f9;padding:20px 20px; margin:10px 0 0px 0; }
.step_ment4 { font-size:15px; color:#ffffff; border:1px var(--point-color) solid; background:#f43442;padding:20px 20px; margin:10px 0 20px 0; }



.private_seminar { padding:30px; background:#fff; border:5px #fd4149 solid; }

.programInfoBox { display:inline-block; width:100%; border:1px #dbdbdb solid; background:#f3f3f3; padding:30px; font-size:16px; line-height:25px; }
.programInfoBox img { display:none;float:left; margin-right:10px;}
.programInfoBox .pib_cont { border-left:1px #e4e4e4 solid; padding:0px 30px 0px 30px;margin-left:250px;}
.programInfoBox.pib_bg2 {background:#f3f3f3 url('/~static/src/beebeetree/img/sub/program_icon2.png') no-repeat ;}
.programInfoBox.pib_bg3 {background:#f3f3f3 url('/~static/src/beebeetree/img/sub/program_icon3.png') no-repeat ;}
.programInfoBox.pib_bg4 {background:#f3f3f3 url('/~static/src/beebeetree/img/sub/program_icon4.png') no-repeat ;}
.programInfoBox.pib_bg5 {background:#f3f3f3 url('/~static/src/beebeetree/img/sub/program_icon5.png') no-repeat ;}


.programSeminarBox { display:inline-block; width:100%; border:1px #dbdbdb solid; background:#f3f3f3; font-size:15px; line-height:25px;margin-bottom:20px; }
.programSeminarBox .ps_cont { padding:30px 29px 20px 29px;text-align:center;}
.programSeminarBox .ps_cont h1 { font-size:30px;font-weight:bold;color:var(--point-color);line-height:60px;letter-spacing:-0.07em;}
.programSeminarBox .ps_cont h2 { position:relative;font-size:20px;font-weight:bold;color:#000000;line-height:40px;padding-bottom:10px;margin-bottom:20px;letter-spacing:-0.03em;}
.programSeminarBox .ps_cont h2:before { content:''; position:absolute;left:50%;bottom:0px;width:40px;height:2px;background:var(--point-color); margin-left:-20px;}
.programSeminarBox .ps_cont p { position:relative;font-size:16px;color:#444444;line-height:25px;padding-bottom:20px;}

.programSeminarBox .ps_ul {display:inline-block;width:940px;}
.programSeminarBox .ps_ul li {float:left;display:inline-block;width:460px;;box-sizing:border-box;border:1px #dedede solid; background:#ffffff;}
.programSeminarBox .ps_ul li:first-child {margin-right:20px;}
.programSeminarBox .ps_ul li h3 {background:var(--point-color);font-size:20px;font-weight:bold;color:#ffffff;height:50px;line-height:50px;letter-spacing:-0.03em;}
.programSeminarBox .ps_ul li .ps_li { padding:30px 10px;}
.programSeminarBox .ps_ul li .ps_li b {display:block;font-size:18px;font-weight:bold;color:#222222;line-height:24px; padding-bottom:5px;}
.programSeminarBox .ps_ul li .ps_li b span {color:var(--point-color);}
.programSeminarBox .ps_ul li .ps_li p {display:block;font-size:15px;color:#666666;line-height:25px;}
.programSeminarBox .ps_ul li .button {width:320px;}

.consultingCont {position:relative; width:100%; box-sizing:border-box;  height:auto; display:inline-block;margin:20px 0px 40px 0px; padding-left:0px;}
.consultingCont ul {width:100%;display:inline-block;}
.consultingCont li {width:100%;display:inline-block; padding-left:280px;box-sizing:border-box;}
.consultingCont img { position:relative;  }
.consultingCont h2 {  margin:20px 0px 15px 0px; font-size:30px; color:#000;  }
.consultingCont p { margin-bottom:35px; font-size:18px;line-height:30px;;color:#777; }
.consultingCont li.consultingCont1 { background:url('/~static/src/beebeetree/img/sub/consultingCont1.png') 80px 20px no-repeat; }
.consultingCont li.consultingCont2 { background:url('/~static/src/beebeetree/img/sub/consultingCont2.png') 80px 20px no-repeat; }
.consultingCont li.consultingCont3 { background:url('/~static/src/beebeetree/img/sub/consultingCont3.png') 80px 20px no-repeat; }

.childrenCont {position:relative; width:100%; box-sizing:border-box; display:inline-block; padding:25px 30px 30px 250px ; border:1px #dedede solid; margin-bottom:30px;}
.childrenCont .cc_img {position:absolute; left:0px; top:20px; width:250px;}
.childrenCont .cc_img img { width:230px; height:auto;}
.childrenCont h2 { margin:0px 0px 15px 0px; font-size:24px; color:#000;  }
.childrenCont p { display:inline-block; }
.childrenCont .cc_ul {display:inline-block;margin-bottom:20px; }
.childrenCont .cc_ul li {line-height:22px; padding-left:10px; margin-bottom:10px; font-size:15px; color:#777; background:url('/~static/src/beebeetree/img/dot.png') 0px 9px no-repeat ;  }

.auctionCont {position:relative; width:100%; height:203px; box-sizing:border-box; display:inline-block; padding:25px 30px 30px 400px ; border:1px #dedede solid; margin-bottom:30px;}
.auctionCont .ac_img {position:absolute; left:0px; top:0px; width:350px;}
.auctionCont .ac_img img { width:100%; height:auto;}
.auctionCont h2 { margin:0px 0px 15px 0px; font-size:24px; color:#000;  }
.auctionCont h2 b {font-size:30px; color:var(--point-color);  }
.auctionCont p { display:inline-block; }
.auctionCont .ac_ul {display:inline-block;margin-bottom:20px; }
.auctionCont .ac_ul li {line-height:22px; padding-left:10px; margin-bottom:10px; font-size:15px; color:#777; background:url('/~static/src/beebeetree/img/dot.png') 0px 9px no-repeat ;  }

.eventCont { width:100%;height:auto; display:inline-block; position:relative;}
.eventCont li { display:block;width:100%; position:relative;height:250px; margin-bottom:40px;  border-bottom:1px #dedede dashed; box-sizing:border-box;}
.eventCont .img1 { position:absolute;left:0;top:0; margin-right:40px; }
.eventCont .img2 { position:absolute;right:0;top:0; margin-left:40px; }
.eventCont li.ec { padding:0px 30px 0 630px; }
.eventCont li.ec2 { padding:0px 0px 30px 0px;}
.eventCont h2 { margin:10px 0px 20px 0px; font-size:30px; color:#000;  }
.eventCont p { margin-bottom:0px; line-height:30px; font-size:17px; color:#777;  }

.private_step {  margin-bottom:20px; height:140px;}
.private_step li{ float:left; width:285px; height:140px; margin-right:30px; border:1px #dedede solid;  text-align:center; }
.private_step li.last { margin-right:0px; }
.private_step li h1 {  font-size:20px; font-weight:bold; color:#fd4149;padding:25px 0 12px 0;}
.private_step li h2 {  font-size:15px; font-weight:normal; color:#666;padding:0px 0 25px 0;}

.seminarResult {  border:2px #dedede solid; padding:30px 40px;  margin-bottom:20px;font-size:16px; font-weight:normal;color:#777; text-align:left; }
.seminarResult_tit { font-size:24px; font-weight:normal;color:var(--point-color); padding-bottom:30px; border-bottom:1px #dedede dashed; margin-bottom:20px;text-align:center;}
.seminarResult h3 { font-size:20px; color:#333; padding:8px 0px 15px 0px; margin-top:30px; font-weight:bold; background:url('/~static/src/beebeetree/img/sub/stitle_bg.png') no-repeat; text-align:left;  }
.seminarResult p { font-size:16px; font-weight:normal;color:#777; text-align:left;  }
.seminarResult .visitor_cont { font-size:16px; font-weight:normal;color:#777; text-align:left; padding-bottom:30px; border-bottom:1px #dedede dashed; }	
.seminarResult .visitor_cont2 { font-size:16px; font-weight:normal;color:#777; text-align:left; padding-bottom:30px; border-bottom:0px; }
.seminarResult th { width:100px; font-size:15px; font-weight:bold;color:#000; text-align:left; }
.seminarResult td { font-size:15px; font-weight:normal;color:#777; text-align:left; }

.exhibitor_ment {font-size:15px; color:#444444; font-weight:normal; line-height:25px; }
.exhibitor_ment span { color:#f21c26;}
.exhibitor_guide { font-size:14px; color:#666666; line-height:25px; margin:20px 0px; border:1px #dedede solid; background:#f7f7f7; padding:20px 25px; }
.exhibitor_guide p { font-size:15px; color:#666666; font-weight:bold; line-height:25px; margin-bottom:30px;}
.exhibitor_guide h2 { font-size:18px; color:#000000; line-height:24px; margin-bottom:5px;}
.exh_type { display:inline-block; }
.exh_type li { float:left; margin-right:30px;height:25px; line-height:25px; }


/* Âü°¡½Åû ³»¿ª È®ÀÎ */
.exhibitor_result { margin-bottom:100px; padding:50px 50px 50px 300px; border:1px #dedede solid; text-align:left;background:#ffffff url('/~static/src/beebeetree/img/sub/exh_result.png') 100px 50% no-repeat; border-radius:10px; }
.exhibitor_result h2 { font-size:24px; font-weight:bold;color:var(--point-color); text-align:left; line-height:50px; }
.exhibitor_result p { font-size:18px; text-align:left; color:#777777; line-height:28px; padding-bottom:20px;}
.exhibitor_result .btn_reserve { font-size:1rem; color:#fff; background:var(--point-color); padding:15px 30px; text-align:center; border-radius:4px; }

.exhResult {  border:2px #dedede solid; padding:30px 40px;  margin-bottom:20px;font-size:16px; font-weight:normal;color:#777; text-align:left; }
.exhResult .exhResult_inner {  border-bottom:1px #dedede solid; padding:0px 0px 30px 270px; margin-bottom:40px;font-size:16px; font-weight:normal;color:#777; text-align:left;;background:#ffffff url('/~static/src/beebeetree/img/sub/exh_result.png') 70px -8px no-repeat;  }
.exhResult .exhResult_tit { font-size:24px; font-weight:bold;color:var(--point-color); text-align:left; line-height:30px; margin-bottom:10px;}
.exhResult .exhResult_inner h3 { font-size:20px; color:#333; padding:8px 0px 15px 0px; margin-top:30px; font-weight:bold; background:url('/~static/src/beebeetree/img/sub/stitle_bg.png') no-repeat; text-align:left;  }
.exhResult .exhResult_inner p { font-size:16px; font-weight:normal;color:#777; text-align:left;  }
.exhResult .exhResult_inner p span { color:var(--point-color);  }



.privacy {font-size:17px;line-height:1.5;}
.privacy h2{margin-top:40px;margin-bottom:15px;font-weight:bold;font-size:20px;color:#000000;}
.privacy h2 span {display:inline-block;width:30px;height:30px;line-height:30px; border-radius:30px;color:#ffffff;background:#e84596;margin-right:6px;text-align:center;font-size:1em;}
.privacy h3{margin-top:30px;margin-bottom:10px;font-weight:bold;font-size:1em;padding-left:10px;color:#333333;}
.privacy .depth1{margin-top:15px;padding-left:15px;float:none}
.privacy .depth1 li{line-height:1.5;margin-bottom:15px;}
.privacy .depth1 li b {font-weight:bold;color:#e84596;}
.privacy .depth2{padding-top:5px;padding-left:0px;margin-left:0px;}
.privacy .depth2 li{padding-left:23px;margin-bottom:10px;background:url('/~static/src/beebeetree/img/sub/dot.png') 10px 10px no-repeat;}
.privacy .depth2 li b {font-weight:bold;color:#111111;}
.privacy .depth2_1{padding-top:5px;padding-left:0px;margin-left:0px;}
.privacy .depth2_1 li{padding-left:15px;margin-bottom:4px;}
.privacy .depth2_1 li b {font-weight:bold;color:#111111;}

.privacy .depth3{}
.privacy .depth3 li{padding-left:10px;margin-bottom:0px;background:none;}

.clause {font-size:17px;line-height:1.5;}
.clause h1{margin:60px 0px -20px 0px;font-weight:bold;font-size:20px;padding:20px 0px 20px 0px;color:#000; text-align:center; border-top:1px #333 solid; border-bottom:1px #ddd dashed;}
.clause h2{margin-top:40px;margin-bottom:15px;font-weight:bold;font-size:18px;color:#333;}
.clause h2 span {color:#e84596;margin-right:6px;font-size:18px;}
.clause h3{margin-top:30px;margin-bottom:10px;font-weight:bold;font-size:1em;padding-left:10px;color:#333333;}
.clause .depth1{margin-top:10px;padding-left:10px;float:none}
.clause .depth1 li{line-height:23px;margin-bottom:15px; color:#444;}
.clause .depth1 li b {font-weight:bold;color:#000;}
.clause .depth2{padding-top:5px;padding-left:0px;margin-left:0px;}
.clause .depth2 li{padding-left:23px;margin-bottom:10px;background:none;}
.clause .depth2 li b {font-weight:bold;color:#e84596;}
.clause .depth2_1{padding-top:5px;padding-left:0px;margin-left:0px;}
.clause .depth2_1 li{padding-left:15px;margin-bottom:4px;}
.clause .depth2_1 li b {font-weight:bold;color:#111111;}
.clause .depth3{}
.clause .depth3 li{padding-left:10px;margin-bottom:0px;background:none;}

.tbl_cont { width:100%;margin-bottom:10px;border-left:1px #dedede solid;border-top:1px #dedede solid;}
.tbl_cont th {font-weight:bold;font-size:1rem;color:#333333;padding:8px;background:#f7f7f7;text-align:center; border-right:1px #dedede solid;border-bottom:solid 1px #dedede;}
.tbl_cont td {border-bottom:solid 1px #dedede;border-right:solid 1px #dedede;font-size:1rem;padding:12px;text-align:center;font-weight:normal; background:#ffffff; }
.tbl_cont td.tl {text-align:left;}
.tbl_cont td.bg {background-color:#9ba2a5; font-weight:bold;color:#FFFFFF;border-bottom:solid 1px #b2b5b7;border-right:0px; }
.tbl_cont td.bg2 {background-color:#fff;  }

.divpop {display:block;position:absolute;left:10px;top:10px;width:auto;height:auto;border:2px #000000 solid;z-index:2000;visibility:hidden;}
.divpop_close {height:30px; padding-left:10px;font-size:12px; color:#FFFFFF; background:#404040;}
.divpop_close .btn_divpop_close {float:right;margin-right:10px;color:#ffffff;}

/* 1:1 ºÎµ¿»ê ÄÁ¼³Æà ¼û±èó¸® */
.rcst_view {display:;}

.3d_map {width:100%;display:inline-block;margin-bottom:40px;}


.seminar_box { display:inline-block; width:100%;padding:40px 40px; border:1px #dbdbdb solid; background:#f3f3f3; font-size:15px; line-height:25px;margin:0px 0 40px 0;box-sizing:border-box; text-align:center;}
.seminar_box h1 { font-size:23px;font-weight:bold;color:var(--point-color);line-height:32px;letter-spacing:-0.07em;}
.seminar_box p { position:relative;font-size:16px;color:#444444;line-height:25px;margin-top:20px;}

.nologin {width:100%;display:flex;justify-content:space-between;}
.nologin li {width:calc(50% - 10px);background:#f7f7f7;border:3px #f7f7f7 solid;padding:45px 50px;box-sizing:border-box;text-align:center;}
.nologin li:hover {border:3px var(--point-color) solid;}
.nologin li h2 {font-size:26px;font-weight:bold;color:#000;}
.nologin li h3 {width:100%;display:inline-block;margin:20px 0px;}
.nologin li h3 span {display:inline-block;width:110px;height:110px;border-radius:50%;background-color:#fff !important;border:1px #ededed solid;box-sizing:border-box;}
.nologin li h3 span.nologin1 {background:url('/~static/src/beebeetree/img/sub/nologin1.png') 50% 50% no-repeat;}
.nologin li h3 span.nologin2 {background:url('/~static/src/beebeetree/img/sub/nologin2.png') 50% 50% no-repeat;}
.nologin li:hover h3 span {border-color:#888;}
.nologin li p {font-size:18px;line-height:24px;color:#444;margin-bottom:25px;}
.nologin li a.nologin_btn  { display:inline-block; height:50px; line-height:50px; background:#666; width:90%; height:50px; line-height:50px;font-size:20px; color:#fff;  }
.nologin li:hover a.nologin_btn { background:var(--point-color); }
.nologin li a.nologin_btn:hover { background:var(--point-color); }


@media all and (max-width:1500px) {
	html, body {font-size:15px;}	 
	.common_inner {padding:0px 30px;}

	.header .logo {width:220px;}

	.gnb { width:calc(100% - 400px);}
	.gnb li {max-width: 140px;}
	.gnb li a {font-size:18px;}

	#fullmenu { top:80px; } 
	#fullmenu .common_inner .m {max-width:140px;}
	#fullmenu .common_inner .m:hover:before {top:-22px;}
	#fullmenu .common_inner .m li a {font-size:15px;}

	.visual_sub .vcon {gap:10px; margin-top:20px; padding:30px 30px; }
	.visual_sub h2 { font-size:40px;padding:0px 15px 0px 0; }
	.visual_sub h2:before {top:0px;width:8px; height:8px;}
	.visual_sub p {font-size:24px;}

	.titleArea h2 { font-size:30px;}
	 
	.lnb_list li a { font-size:18px; padding:0px 24px;line-height:50px; border-width:3px !important;   }
	.lnb_list li.active a{ border-width:3px !important;  }

	.section {padding:60px 30px;}
	.main_title {font-size: 30px; margin-bottom:20px;}

	.main_visual_cont img {max-height:500px;}
	.main_item {gap:20px;}
	.main_item .item {width:calc((100% - 40px) / 3); padding:40px;}
	.main_item .item h2 {font-size:25px; margin-bottom:16px;}
	.main_item .item p { height:70px;}



}

@media all and (max-width:980px) {


}

@media all and (max-width:680px) {
	.ver_mobile {display:none !important;}
	.ver_pc {}

	.br_mobile { display:none !important;}
	.br_pc { display:block !important;}

	#footer {font-size:14px; }
}