/*basic-set*/
input[type=text],
input[type=password],
textarea
{
    -webkit-box-sizing :border-box;‌​
    -moz-box-sizing :border-box;
    box-sizing :border-box;
	line-height:auto;
	vertical-align:top;
}
* { position:relative; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; -webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1); word-break:keep-all; }

.hwp { display: flex;  }
.hwp:hover { text-decoration: underline; cursor: pointer; }
.hwp .icon { width: 20px; height: 20px; margin-right: 5px; margin-top: 5px}


.zipcode { background: #ddd; height: 60px; width: 120px; border-radius: 4px}
.text-red { color: #ff0000 }
.text-empty { color: #999 }
/* layout */
#wrap { min-width:1280px; }

#header { position:absolute; top:0; left:0; right:0; border-bottom:1px solid rgba(255,255,255,0.2); z-index:11; min-width:1280px;}
#header.sticky,
#header.wh,
#header:hover { position:fixed; background:#fff; border-bottom:1px solid #ebebeb; }
#header:hover .profile-name { color: black}
#header:hover .arrow-down { color: black}
#header .wrap { margin:0 auto; height:109px; }
#header .wrap h1 { position:absolute; top:22px; left:30px; z-index:12;}
#header .wrap h1 a { display:block; width:209px; height:48px; text-indent:-9999px; background-image:url(../images/logo.png); }
#header.sticky .wrap h1 a,
#header.wh .wrap h1 a,
#header:hover .wrap h1 a { background-image:url(../images/logo_on.png); }
#header .gnb_bg { position:absolute; top:-20px; left:0; right:0; bottom:110%; background:#fff; opacity:0; -webkit-opacity:0; border-bottom:1px solid #ebebeb; transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; }
#header .gnb_bg.on { top:0; bottom:-245px; opacity:1; -webkit-opacity:1; }
#header .gnb_bg.on:after { content:''; position:absolute; top:109px; left:0; right:0; height:1px; background:#ebebeb; }

#header.sticky .profile-name { color: black}
#header.sticky .arrow-down { color: black}
/* mobile header */
#header .menu {position:absolute;right:0;top:0;width:13.59vw;height:13.59vw;box-sizing:border-box;z-index:99;}
#header .menu a {background-image:url(../images/menu.png); background-size:100% 100%;display:block;text-indent:-9999px;width:13.59vw;height:13.59vw;}

/* GNB */
#gnb { position:absolute; top:0; left:50%; margin-left:-620px;font-size:16px; text-align:center; width:1280px;}
#gnb>ul { position:absolute; top:0;left:0;width:100%;text-align:center;  }
#gnb li.signiture {line-height: 1.2;}
#gnb>ul>li { /*float:left;*/display:inline-block; width:155px; padding:0 8px 0 0;/*text-align:left;*/letter-spacing:-1.5px;}
#gnb>ul>li>a { display:block; line-height:109px; color:#fff; font-weight:500;font-size:20px;}
#gnb>ul>li>ul { position:absolute; top:100%; left:0; right:0; padding-top:12px; display:none; transition:none; -webkit-transition:none;/*text-align:left; */}
#gnb:hover>ul>li>ul { min-height:240px; }
#gnb>ul>li:hover>ul:before { content:''; position:absolute; top:-2px; left:15px; right:15px; height:2px; background:#0055b8; }
#gnb>ul>li>ul>li>a { display:block; line-height:1.3; color:#222; font-weight:300;  font-size:18px;letter-spacing:-0.5px;padding:5px 0;}
#gnb>ul>li>ul>li.signiture>a {line-height:20px; padding: 8px 0 0;}
#header.sticky #gnb>ul>li>a,
#header.wh #gnb>ul>li>a,
#header:hover #gnb>ul>li>a { color:#222; }
#header.sticky  #gnb>ul>li:hover>a,
#header.wh  #gnb>ul>li:hover>a,
#header:hover #gnb>ul>li:hover>a { color:#0055b8; text-decoration:none; }
#header.sticky #gnb>ul>li:hover>ul,
#header.wh #gnb>ul>li:hover>ul,
#header:hover #gnb>ul>li:hover>ul { border-top-color:#0055b8; }
#header.sticky #gnb>ul>li>ul>li:hover>a,
#header.wh #gnb>ul>li>ul>li:hover>a,
#header:hover #gnb>ul>li>ul>li:hover>a { color:#0055b8; text-decoration:none; }

#header #tm { position:absolute; top:42px; right:30px; z-index:12;}
#header #tm li { float:left; margin-left:5px; background:url(../images/ico_line.png) right center no-repeat;}
#header #tm li a {line-height:28px; color:#fff;font-size:16px;letter-spacing:-1px;padding:0 15px;}
#header #tm li:last-child {background:none;}
#header.sticky #tm li a,
#header.wh #tm li a,
#header:hover #tm li a {color:#333;}


html.on { height:100%; overflow:hidden; }
.pu_bg { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8); z-index:98;display:none;  }

/* mobile GNB */
.pu_gnb {position:fixed;left:0;top:0;width:75.937vw;height:100%; background:#fff; margin:0; padding:0vw;box-sizing:border-box;z-index:99;}
.pu_gnb > .bt_close { position:absolute; top:2.812vw;left:78.75vw; width:7.656vw; height:7.812vw; background:url(/images/bt_close.png) no-repeat 0 0;background-size:100%; text-indent:-9999px; }
.pu_gnb > h1{display:block;text-align:center;font-size:4.375vw;letter-spacing:-0.312vw;padding:0 0 3.125vw  0;}
.pu_gnb > .pu_txt_area {display:block;position:relative;padding:0;overflow:hidden;}
.pu_gnb > .pu_txt_area > h1{display:block;padding:5.468vw 0 0 7.812vw;font-size:4.687vw;font-weight:500;width:calc(209/640*100vw);height:calc(48/640*100vw);}
.pu_gnb > .pu_txt_area > h1 img{width:100%;}
.pu_gnb > .pu_txt_area > .gnb {display:block;width:100%;padding:3.825vw 0 0 0;}
.pu_gnb > .pu_txt_area > .gnb li {display:block;width:100%;background-color:#f4f4f4;margin-bottom:0.312vw;}
.pu_gnb > .pu_txt_area > .gnb li a{display:block;width:100%;height:12vw;line-height:12vw;color:#333;box-sizing:border-box;padding-left:7.812vw;background:url(/m/images/ico_gnb.png) no-repeat 67.187vw center;background-size:3.437vw;font-size:4.375vw;}
.pu_gnb > .pu_txt_area > .gnb li > ul > li {height:calc(45/640*100vw);line-height:calc(40/640*100vw);padding-left:calc(40/640*100vw);}
.pu_gnb > .pu_txt_area > .gnb li > ul > li > a{line-height:5vw;font-size:calc(20/640*100vw);}
.pu_gnb > .pu_txt_area > .gnb > p {display:block;text-align:center;}
.pu_gnb > .pu_txt_area > .gnb > p > a {display:inline-block;width:49%;height:calc(60/640*100vw);line-height:calc(60/640*100vw);font-size:calc(20/640*100vw);background:#b8c6e4}
.pu_gnb > .pu_txt_area > .gnb > p > a img {width:100%;}

/*약관*/
.pu_fm01,
.pu_fm02,
.pu_fm03{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:1000px;height:100%; background:#fff; box-sizing:border-box;z-index:99;padding:30px;display:none; }

.pu_fm01 .bt_close,
.pu_fm02 .bt_close,
.pu_fm03 .bt_close { position:absolute; display:block;top:0px;left:50%; margin-left:510px;width:52px; height:53px; background:url(/images/bt_close.png) no-repeat 0 0;background-size:100%; text-indent:-9999px; }

.pu_fm01  .pu_txt_area,
.pu_fm02  .pu_txt_area,
.pu_fm03  .pu_txt_area{overflow-y:scroll;height:100%;padding:30px;}

.pu_fm01 .pu_txt_area h1,
.pu_fm02 .pu_txt_area h1,
.pu_fm03 .pu_txt_area h1{display:block;text-align:center;font-size:40px;letter-spacing:-3px;font-weight:500;}

.pu_fm01 .pu_txt_area dl,
.pu_fm02 .pu_txt_area dl,
.pu_fm03 .pu_txt_area dl{display:block;}

.pu_fm01 .pu_txt_area dt,
.pu_fm02 .pu_txt_area dt,
.pu_fm03 .pu_txt_area dt{display:block;text-align:left;font-size:20px;letter-spacing:-1px;font-weight:300;color:#0055b8;padding:20px 0 10px;font-weight:400;}

.pu_fm01 .pu_txt_area dd p,
.pu_fm02 .pu_txt_area dd p,
.pu_fm03 .pu_txt_area dd p,
.pu_fm02 .pu_txt_area dd {padding:5px 0;}

.pu_fm01 .pu_txt_area dd p span {padding:2px 0 2px 10px;display:block;}
.pu_fm02 .pu_txt_area dd p span {padding:2px 0 2px 0px;display:block;}
.pu_fm03 .pu_txt_area dd p span {padding:2px 0 2px 10px;display:block;}

.pu_fm02 .pu_txt_area table {border:3px solid #cfcfcf;width:100%;border-collapse:collapse;margin:10px 0 ;border-spacing:0; }
.pu_fm02 .pu_txt_area table td,
.pu_fm02 .pu_txt_area table th {border:1px solid #e5e5e5;padding:5px;text-align:center;}
.pu_fm02 .pu_txt_area table th {background:#f4f9ff;color:#222;font-weight:400;}

.pu_fm02 .pu_txt_area li:before{content:'-';position:absolute;top:3px;left:0;}
.pu_fm02 .pu_txt_area li {padding-left:10px;text-align:left;}


.pu_mem{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:1000px;/*height:100%;*/ background:#fff; box-sizing:border-box;z-index:99;padding:30px;display:none; }

.pu_mem .bt_close { position:absolute; display:block;top:0px;left:50%; margin-left:510px;width:52px; height:53px; background:url(/images/bt_close.png) no-repeat 0 0;background-size:100%; text-indent:-9999px; font-size:0;}

.pu_mem .pu_txt_area {overflow-y:auto;height:100%;padding:30px;text-align:left;}
.pu_mem .pu_txt_area h1 {display:block;text-align:center;font-size:40px;letter-spacing:-3px;font-weight:500;}
.pu_mem .pu_txt_area p {text-align:left;font-size:18px;padding:20px 0;}
.pu_mem .pu_txt_area ul li {display:block;font-size:18px;color:#222;font-weight:500;}
.pu_mem .pu_txt_area ul li span {display:block;padding-left:24px;color:#666;padding-bottom:20px;font-weight:300;}



#scrollbar1 ::-webkit-scrollbar { width: 5px; height: 5px;}
#scrollbar1 ::-webkit-scrollbar-track {background-color: rgba(0,0,0,0.1); border-radius: 5px;}
#scrollbar1 ::-webkit-scrollbar-thumb { background-color: rgba(0,85,184,0.8); border-radius: 5px;}

#scrollbar2 ::-webkit-scrollbar {width: 5px; height: 5px;}
#scrollbar2 ::-webkit-scrollbar-track {background-color: rgba(0,0,0,0.2);border-radius: 5px;}
#scrollbar2 ::-webkit-scrollbar-thumb {background-color: rgba(255,255,255,0.8); border-radius: 5px;}





/* main */
.m_gap { height:937px; }
.mt_slier { position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:937px; overflow:hidden; z-index:0;}
.mt_slier .swiper-container { position:fixed; top:0; left:0; right:0; bottom:0; }
.mt_slier .swiper-slide {height:937px; background-position:center 50%; background-size:cover; }
.mt_slier .swiper-slide .tx { position:absolute; top:240px; left:50%; margin-left:-640px; font-size:20px;color:#fff; font-weight:400; }
.mt_slier .swiper-slide .tx p {font-weight:400;}
.mt_slier .swiper-slide .tx .tit { font-size:72px; font-weight:500; margin-bottom:0px; letter-spacing:-3px;}
.mt_slier .swiper-slide .tx .tit em { display:block; font-weight:700; margin-bottom:-16px; }
.mt_slier .pagination { position:absolute; bottom:50px; left:50%; margin-left:-640px; z-index:10; }
.mt_slier .swiper-pagination-bullet { width:18px; height:18px; border:1px solid transparent; margin:0 50px 0 0; background:none; }
.mt_slier .swiper-pagination-bullet:before { content:''; position:absolute; top:6px; left:6px; right:6px; bottom:6px; background:#fff; }
.mt_slier .swiper-pagination-bullet:after { content:''; position:absolute; top:50%; left:29px; width:30px; height:1px; background:rgba(255,255,255,0.2);  }
.mt_slier .swiper-pagination-bullet:last-child:after { display:none; }
.mt_slier .swiper-pagination-bullet-active { border-color:#fff; }
.mt_slier .bt { position:absolute; bottom:55px; left:50%; margin-left:-415px; z-index:10; width:16px; height:16px; text-indent:-9999px; background-repeat:no-repeat; background-position:center 50%; }
.mt_slier .bt.bt_stop { background-image:url(../images/mt_slider_stop.png); }
.mt_slier .bt.bt_play { background-image:url(../images/mt_slider_play.png); display:none; }

.mt_slier .swiper-container .swiper-wrapper .swiper-slide .swiper-img{position:absolute;left:50%;margin-left:-50%;width:100%;height:100%;background-size:cover;}
.mt_slier .swiper-container .swiper-wrapper .swiper-slide .swiper-img.mvisual01{ background-image:url(../images/mt_slider_img01.jpg);}
.mt_slier .swiper-container .swiper-wrapper .swiper-slide .swiper-img.mvisual02{ background-image:url(../images/mt_slider_img02.jpg);}

.video_wrap { position:absolute;left:0;top:0;width:100%;height:937px;background:#100d14;}
.video_wrap video { min-width:100%; min-height:100%; background:#100d14; opacity:0.4;}
.video_wrap .bt_stop,
.video_wrap .bt_play { position:absolute; top:50%; left:50%; transform:translateX(-50%); width:110px; height:110px; margin-top:-55px; background:url(../images/video_bt_stop.png); text-indent:-9999px; z-index:10; opacity:0; -webkit-opacity:0; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; -webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1); }
.video_wrap .bt_play { background:url(../images/video_bt_play.png); display:none; }
.video_wrap .bt_play.on { display:block; opacity:1; -webkit-opacity:1; }
.video_wrap:hover .bt_stop { opacity:1; -webkit-opacity:1; }
.video_wrap:hover .bt_stop.off { display:none; }
#btn-vol { position:absolute; bottom:50px; right:50%;margin-right:-640px; display:block; width:140px; height:45px; background-image:url(../images/bt_sound_off.png); background-repeat:no-repeat; background-size:100% 100%; z-index:10; text-indent:-9999px; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; -webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1); }
#btn-vol.on { background-image:url(../images/bt_sound_on.png); }


.scroll_down { position:absolute; bottom:60px; left:50%; margin-left:-12px; margin-top:-16px; width:24px; height:38px; border:2px solid #fff; border-radius:24px; box-sizing:border-box; z-index:10; }
.scroll_down:before { content:''; display:block; position:absolute; top:8px; left:50%; margin-left:-1px; width:2px; height:10px; background-color:#fff; animation:scroll_down 1s cubic-bezier(.15, .41, .69, .94) infinite; }
.scroll_down:after { content:'Scroll Down'; display:block; position:absolute; bottom:-5px; left:50%; width:100px; height:8px; margin-left:-50px; font-family: 'Lato'; color:#fff; font-size:12px; text-align:center; text-transform:uppercase; opacity:0; transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; }
.scroll_down.on:after { bottom:-22px; opacity:1; }

@keyframes scroll_down {  0% {
opacity:0;
}
 10% {
transform:translateY(0);
opacity:1;
}
 100% {
transform:translateY(8px);
opacity:0;
}
}
#main_contents { padding:0px; background:#fff; }
#main_contents .wrap {position:relative;margin:0 auto; }

#main_contents .sec01 {background:#f5f5f5;padding:100px 0;overflow:hidden; }
#main_contents .sec01 .tx {width:1280px;margin:0 auto;text-align:center;font-size:18px;color:#666;padding-bottom:60px; opacity:0;}
#main_contents .sec01 .tx span {display:block;font-size:18px;color:#0059e9;font-weight:700;}
#main_contents .sec01 .tx h2 {font-size:60px;color:#1d140c;font-weight:700;letter-spacing:-3px;line-height:2}
#main_contents .sec01 .list {width:1280px; margin:0 auto;font-size:0;opacity:0;}
#main_contents .sec01 .list:after {clear: both; display:block; content:""}
#main_contents .sec01 .list li{display:inline-block;width:404px;background:#fff;}
#main_contents .sec01 .list li + li {margin-left:34px;}
#main_contents .sec01 .list .imgbox {display:block;height:287px;overflow:hidden;background:#333;}
#main_contents .sec01 .list .txtbox {position:relative;height:77px;line-height:77px;font-size:18px;font-weight:300;overflow:hidden;}
#main_contents .sec01 .list .txtbox h2 {display:block;font-size:18px;font-weight:700;padding-left:20px;}
#main_contents .sec01 .list .txtbox span {display:block;position:absolute;left:170px;top:0;color:#666;}

#main_contents .sec02 {position:relative;background:#0055b8;height:700px;overflow:hidden; }
#main_contents .sec02 .tx {position:absolute;top:235px;left:50%;margin-left:-640px;width:640px;text-align:left;font-size:20px;color:rgba(255,255,255,0.8);opacity:0;}
#main_contents .sec02 .tx span {display:block;font-size:18px;font-weight:700;}
#main_contents .sec02 .tx h2 {font-size:60px;color:#fff;font-weight:700;letter-spacing:-3px;line-height:2}
#main_contents .sec02 .mx {position:absolute;top:0;left:50%;width:50%;height:700px;text-align:left;opacity:0;background:url(../images/sec02.jpg) 0 center/cover no-repeat;z-index:10;}
#main_contents .sec02 .mx .mplay {display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:11;background:url(../images/ico_play.png) center center/132px 132px no-repeat;text-indent:-999999px;}

#main_contents .sec03 {position:relative;background:#000018;height:700px;overflow:hidden; }
#main_contents .sec03 .tx {position:absolute;top:235px;left:50%;margin-left:100px;width:540px;text-align:left;font-size:20px;color:rgba(255,255,255,0.8);box-sizing:border-box;opacity:0;}
#main_contents .sec03 .tx h2 {font-size:60px;color:#fff;font-weight:700;letter-spacing:-3px;line-height:1.5}
#main_contents .sec03 .mx {position:absolute;top:0;left:0;width:50%;height:700px;text-align:left;opacity:0;background:url(../images/sec03.jpg) 0 center/cover no-repeat;z-index:10;}
#main_contents .sec04 {position:relative;background:#fff;height:615px;overflow:hidden; }
#main_contents .sec04 iframe {width:100%;height:504px;opacity:0;}
#main_contents .sec04 .list {width:1280px; margin:0 auto;text-align:center;font-size:0;opacity:0;}
#main_contents .sec04 .list:after {clear: both; display:block; content:""}
#main_contents .sec04 .list li {display:inline-block;line-height:110px;font-size:16px;color:#9a9a9a;}
#main_contents .sec04 .list li + li {padding-left:68px;}
#main_contents .sec04 .list li span {display:inline-block;padding:0 20px 0 40px;color:#333;line-height:38px;}
#main_contents .sec04 .list li .ico-map {background:url(../images/ico_map.png) 0 center/38px 38px no-repeat;}
#main_contents .sec04 .list li .ico-tel {background:url(../images/ico_tel.png) 0 center/38px 38px no-repeat;}
#main_contents .sec04 .list li .ico-mail {background:url(../images/ico_mail.png) 0 center/38px 38px no-repeat;}

/*footer*/
#bt_top { position:fixed; bottom:40px; right:40px; width:50px; height:50px; background:url(../images/bt_go_top.png); text-indent:-9999px; z-index:20; }
#footer { background:#222; padding:80px 0; }
#footer .wrap { width:1280px; margin:0 auto; font-size:14px; color:#a9a9a9; text-align:left;}
#footer .wrap .fmenu { margin-bottom:40px; }
#footer .wrap .fmenu a {display:inline-block;color:#fff;}
#footer .wrap .info { line-height:32px; font-weight:300; letter-spacing:-0.5px;}
#footer .wrap .info a { color:#a9a9a9; }
#footer .wrap  i { margin:0 10px; }
#footer .wrap .info em { color:#6da4e4; }
#footer .wrap .copyright { display:block; margin-bottom: 20px}
#footer .wrap .mark h4 { display: inline-block; color: white; font-size: 20px; font-weight: 400; margin-top: 5px; padding-left: 5px; }
#footer .wrap .mark img { height: 35px}
/* 더보기 버튼 */
.bt_more_w {display:inline-block;border:2px solid rgba(255,255,255,0.7) ;font-size:18px;padding:0 30px}
.bt_more_w span {display:inline-block;font-size:20px;font-weight:500;padding-left:28px;line-height:60px;color:#fff;}
.bt_more_w span:before {position:absolute;top:19px;left:0px;display:inline-block;content:'';width:24px;height:24px;background-image:url(../images/ico_more.png);}
.bt_more {display:inline-block;border:2px solid #0055b8;text-align:center;opacity:0;padding:0 30px;}
.bt_more span {display:inline-block;font-size:20px;font-weight:500;padding-left:28px;line-height:60px;color:#0055b8;}
.bt_more span:before {position:absolute;top:19px;left:0px;display:inline-block;content:'';width:24px;height:24px;background-image:url(../images/ico_more_blue.png);}



/* sub layout */
#contents { background:#fff; text-align:center; }
.s_gap { height:450px; }
.st_img { position:fixed; top:0; left:0; right:0; height:450px; background-position:center 50%; background-size:cover; }
.st_img h2 { position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%);  font-size:56px; line-height:1.5; color:#fff; font-weight:500; text-align:center;  letter-spacing:-0.3px;}
.st_img h2 span { display:block; font-size:20px; line-height:100%; font-weight:300; letter-spacing:-0.1px; margin-bottom:-40px; }
.st_img.s01 { background-image:url(../images/sv_company.jpg); }
.st_img.s02 { background-image:url(../images/sv_brhw.jpg); }
.st_img.s03 { background-image:url(../images/sv_brbank.jpg); }
.st_img.s04 { background-image:url(../images/sv_center.jpg); }
.st_img.s05 { background-image:url(../images/sv_edu.jpg); }
.st_img.s06 { background-image:url(../images/sv_customer.jpg); }
.st_img.s07 { background-image:url(../images/sv_pay.jpg); }

.st_img.sform .vtxt { position:absolute;top:50%;left:50%;margin-left:-410px; transform:translateY(-35%); -webkit-transform:translateY(-35%);width:850px;z-index:99;}
.st_img.sform .vtxt h3 {display:block;font-size:56px; line-height:1.5;color:#fff;font-weight:500;letter-spacing:-2px;text-align:left;}
.st_img.sform .vtxt span { display:block; font-size:20px;color:#fff; line-height:1.3; font-weight:300; letter-spacing:-0.5px; margin-bottom:-40px; }
.st_img.sform .vtxt .bt{display:block;position:absolute;right:0;top:0px;width:143px;height:143px;background:#0055b8 url(../images/ico_bt.png) center 100px/24px 24px no-repeat;color:#fff;font-size:24px;text-align:center;line-height:1.2;padding-top:30px;box-sizing:border-box;font-weight:500;}

/* 교육 슬라이드 */
.vedu {position:relative; height:450px; background:#000; padding:0;}/*롤링*/
.vedu .swiper-container { position:absolute; top:0px; left:50%; width:100%; margin-left:-50%; overflow:hidden;}
.vedu .swiper-container .swiper-slide {overflow:hidden;height:450px;background-size:cover;margin:0;}
.vedu .swiper-container .edubg01 {background-image:url(../images/sv_edu.jpg);}
.vedu .swiper-container .edubg02 {background-image:url(../images/sv_edu02.jpg);}
.vedu .swiper-pagination { top:420px;text-align:center; }/*포지션위치*/
.vedu .vtxt { position:absolute;top:50%;left:50%;margin-left:-410px; transform:translateY(-35%); -webkit-transform:translateY(-35%);width:850px;z-index:99;}
.vedu .vtxt h2 {font-size:56px; line-height:1.5;color:#fff;font-weight:500;letter-spacing:-2px;}
.vedu .vtxt span { display:block; font-size:20px;color:#fff; line-height:1.3; font-weight:300; letter-spacing:-0.5px; margin-bottom:-40px; }
.vedu .vtxt .bt{display:block;position:absolute;right:0;top:0px;width:143px;height:143px;background:#0055b8 url(../images/ico_bt.png) center 100px/24px 24px no-repeat;color:#fff;font-size:24px;text-align:center;line-height:1.2;padding-top:30px;box-sizing:border-box;font-weight:500;}

/* 교육 슬라이드 포지션 컬러*/
.vedu .swiper-pagination-bullet { width: 15px; height: 15px; display: inline-block; border-radius: 100%; background:none; border:1px solid #fff; }
.vedu .swiper-pagination-bullet-active { opacity: 1; background: #fff; }





/* sub LNB */
.lnb { height:60px;border-bottom:1px solid #eaeaea;overflow:hidden; }
.lnb .list {width:1280px; margin:0 auto;opacity:0;}
.lnb .list li {display:inline-block;padding:10px 20px;}
.lnb .list li a{display:inline-block;padding:0px;line-height:34px;font-size:18px;color:#bfbfbf;font-weight:400;}
.lnb .list li a:hover {color:#222;}
.lnb .list li.active a{color:#222;border-bottom:3px solid #0055b8;}

.cont {position:relative;min-height:450px;}
.cont h3 {display:block;margin:100px 0 60px;font-size:60px;line-height:60px;font-weight:700;letter-spacing:-2px;opacity:0;}
.cont .cont-wrap {position:relative;}
.cont .cont-wrap .section_box {position:relative;width:1280px;margin:0 auto;}
.cont .cont-wrap .section_box:after {clear: both; display:block; content:""}
.cont .cont-wrap .section_box-full {position:relative;display:block;}
.cont .cont-wrap .section_box-full:after {clear: both; display:block; content:""}

.cont .cont-wrap .img1,
.cont .cont-wrap .img2,
.cont .cont-wrap .img3 {opacity:0;}

.cont .cont-wrap .sec-img {position:relative;}
.cont .cont-wrap .sec-img .sec-img1 {opacity:0;overflow:hidden;}


.cont .cont-wrap .tit {display:block;text-align:left;color:#222;font-size:30px;font-weight:600;letter-spacing:-1px;padding:30px 0 10px;opacity:0;}
.cont .cont-wrap .tit i {font-weight:300;letter-spacing:-0.2px;}
.cont .cont-wrap .sec-txt {display:block;font-size:20px;letter-spacing:-1px;text-align:left;line-height:1.5;opacity:0;}
.cont .cont-wrap .sec-txt2 {display:block;font-size:20px;letter-spacing:-1px;text-align:left;line-height:1.5;opacity:0;}

/*회사소개*/
.sec-company {position:relative;text-align:left;color:#333;}
.sec-company .tit-txt {position:absolute;left:0;top:50px;font-size:36px;line-height:1.3; opacity:0;}
.sec-company .s-txt{display:inline-block;margin:50px 0 0 348px;word-break:keep-all;line-height:1.5;font-size:20px;letter-spacing:-0.5px;font-weight:300;opacity:0;}
.cont .cont-wrap .sec-img .list {display:block;margin-top:60px;}
.cont .cont-wrap .sec-img .list:after {clear: both; display:block; content:""}
.cont .cont-wrap .sec-img .list li  {float:left;position:relative;width:16.66%;box-sizing:border-box;text-align:center;height:310px;font-size:20px;letter-spacing:-1.5px;opacity:0;}
.cont .cont-wrap .sec-img .list li:nth-child(odd) {color:#fff;} /*홀수*/
.cont .cont-wrap .sec-img .list li:nth-child(even) {color:#0055b8;} /*짝수*/
.cont .cont-wrap .sec-img .list li.in01 {background:#0055b8 url(../images/ico_co01.png) center 34px no-repeat ;}
.cont .cont-wrap .sec-img .list li.in02 {background:#f5f5f5 url(../images/ico_co02.png) center 34px no-repeat ;}
.cont .cont-wrap .sec-img .list li.in03 {background:#0055b8 url(../images/ico_co03.png) center 34px no-repeat ;}
.cont .cont-wrap .sec-img .list li.in04 {background:#f5f5f5 url(../images/ico_co04.png) center 34px no-repeat ;}
.cont .cont-wrap .sec-img .list li.in05 {background:#0055b8 url(../images/ico_co05.png) center 34px no-repeat ;}
.cont .cont-wrap .sec-img .list li.in06 {background:#f5f5f5 url(../images/ico_co06.png) center 34px no-repeat ;}
.cont .cont-wrap .sec-img .list li span {position:absolute;top:242px;left:0;width:100%;display:block;padding-top:10px;}
.cont .cont-wrap .sec-img .list li:nth-child(odd) span {background:url(../images/line_white.gif) center top no-repeat ;}
.cont .cont-wrap .sec-img .list li:nth-child(even) span {background:url(../images/line_blue.gif) center top no-repeat;}
.sec-ceo {position:relative;margin-top:180px;height:840px;background:url(../images/p02.jpg) center 34px/cover no-repeat ;text-align:left;color:#fff;z-index:1}
.sec-ceo .sec-ceoimg {position:absolute;top:-100px;left:50%;margin-left:-640px;width:618px;height:412px;box-shadow:15px 15px 10px 3px rgb(0 0 0 / 15%);z-index:2;opacity:0;}
.sec-ceo .sec-ceoimg span{display:block;position:absolute;right:35px;bottom:-48px;width:187px;height:113px;background:url(../images/ceo_s.png) center top no-repeat;z-index:10;text-indent:-999999px;}
.sec-ceo .sec-ceotxt {position:absolute;top:114px;left:50%;margin-left:40px;width:600px;z-index:2;color:#fff;font-size:20px;font-weight:300;line-height:1.4;overflow:hidden;}
.sec-ceo .sec-ceotxt h2 {font-size:36px;letter-spacing:-3px;color:#fff;font-weight:300;line-height:1.2;}
.sec-ceo .sec-ceotxt > p {padding-top:30px;}
.sec-ceo .sec-ceotxt .tx01,
.sec-ceo .sec-ceotxt .tx02,
.sec-ceo .sec-ceotxt .tx03,
.sec-ceo .sec-ceotxt .tx04 {opacity:0;}
.sec-mm {position:relative;text-align:center;margin-bottom:100px;overflow:hidden;}
.sec-mm li{position:relative;display:inline-block;width:380px;border-right:1px solid #e5e5e5;font-size:18px;}
.sec-mm li:last-child {border-right:none;}
.sec-mm li.mm01 {background:url(../images/com_mm01.png) center 50px no-repeat ;opacity:0;}
.sec-mm li.mm02 {background:url(../images/com_mm02.png) center 50px no-repeat ;opacity:0;}
.sec-mm li.mm03 {background:url(../images/com_mm03.png) center 50px no-repeat ;opacity:0;}
.sec-mm li span {position:absolute;top:0;width:100%;display:block;color:#e3e3e3;font-size:36px;font-weight:500;}
.sec-mm li p {display:block;margin-top:180px;color:#333;font-size:36px;font-weight:500;letter-spacing:-3px;}
.sec-mm li p i {color:#0055b8;}
.sec-mm2 {position:relative;background:#f7f8fa;padding-bottom:100px;}
.sec-mm2 > h3 {display:block;padding:100px 0 60px;margin:0;font-size:36px;line-height:36px;font-weight:600;letter-spacing:-2px;opacity:0;}
.sec-mm2 .list {position:relative;text-align:center;width:1280px;margin:0 auto;}
.sec-mm2 .list:after {clear: both; display:block; content:""}
.sec-mm2 .list li {float:left;display:inline-block;width:320px; height:287px; text-align:center;}
.sec-mm2 .list li.mm201 {background:url(../images/mm2_01.jpg) 0 0/cover no-repeat ;opacity:0;}
.sec-mm2 .list li.mm202 {background:url(../images/mm2_02.jpg) 0 0/cover no-repeat ;opacity:0;}
.sec-mm2 .list li.mm203 {background:url(../images/mm2_03.jpg) 0 0/cover no-repeat ;opacity:0;}
.sec-mm2 .list li.mm204 {background:url(../images/mm2_04.jpg) 0 0/cover no-repeat ;opacity:0;}
.sec-mm2 .list li span {display:block;color:#fff;padding:136px 0 0;font-weight:400;font-size:22px;letter-spacing:-2px;}

.sec-map {position:relative;margin-bottom:100px;overflow:hidden;}
.sec-map iframe{width:100%;height:500px;overflow:hidden;opacity:0;}
.sec-map p {font-size:18px;color:#666;letter-spacing:-1px;line-height:40px;text-align:left;opacity:0;}
.sec-map p span {display:inline-block;color:#222;padding:0 20px 0 35px;font-weight:400;}
.sec-map p span.juso {background:url(../images/ico_com_map.png) 0 center no-repeat;}
.sec-map p span.tel {background:url(../images/ico_com_tel.png) 0 center no-repeat;}

/* 특허 */
.nav-ptab {display:block;text-align:left;}
.nav-ptab li {display:inline-block;height:42px;margin-right:5px;opacity:0;}
.nav-ptab li a{display:block;padding:0 20px;border:1px solid #e1e1e1;border-radius:30px;text-align:center;line-height:42px;font-size:20px;color:#333;}
.nav-ptab li.active a {border:1px solid #0055b8;background:#0055b8;color:#fff;}
.patent_list {margin:24px -30px;font-size:0;text-align:left;}
.patent_list:after {display: block; clear: both; content: '';}
.patent_list li {display:inline-block;width:calc(33.333% - 60px);margin:24px 30px;vertical-align:top;opacity:0;}
.patent_list li a{display:block;transition:all 0.3s;}
.patent_list li .thum_img {position:relative;width:385px;height:530px;border:1px solid transparent;transition:all 0.3s;overflow:hidden;box-sizing:border-box;background:#e5e5e5;}
.patent_list li .thum_img img {width:100%;height:100%;}
.patent_list li .thum_tit {display:block;position:relative;text-align:left;}
.patent_list li .thum_tit p {display:block;padding:15px 0 5px;font-size:24px;line-height:1.2;font-weight:500;}
.patent_list li .thum_tit span {font-size:18px;color:#666;display:block;font-weight:300;}
.patent_list li .thum_tit span.time {display:block;position:absolute;right:0;top:15px;font-size:20px;font-weight:300;}

/* 제품소개 하드웨어*/
.sec-system {position:relative;text-align:left;overflow:hidden;}
.sec-system .img-pap {margin-top:20px;padding:50px 0;text-align:center;border:1px solid #e5e5e5;background:#f7fafd;overflow:hidden;}
.sec-system .system {position:relative;text-align:left;font-size:0;}
.sec-system .system li {display:inline-block;width:635px;opacity:0;}
.sec-system .system li + li {margin-left:10px;}
.sec-system .system li dl dt {display:block;font-size:30px;text-align:center;background:#6b849c;color:#fff;line-height:60px;}
.sec-system .system li dl dd {border-left:8px solid #e5e5e5;border-right:8px solid #e5e5e5;border-bottom:8px solid #e5e5e5;}

.sec-system .system li dl dd dl {position:relative;padding:15px 15px 5px;}
.sec-system .system li dl dd dl + dl {padding:5px 15px;}
.sec-system .system li dl dd dl:last-child {padding:5px 15px 15px;}
.sec-system .system li dl dd dl dt {position:absolute;top:5px;left:20px;width:270px;background:transparent;color:#333;font-size:20px;font-weight:600;text-align:left;line-height:40px;}
.sec-system .system li dl dd dl:first-child dt {top:15px;}
.sec-system .system li dl dd dl dt span {display:inline-block;width:35px;height:35px;background:#0156b8;color:#fff;border-radius:50%;text-align:center;margin-right:10px;font-weight:600;line-height:35px;font-size:18px;}
.sec-system .system li dl dd dl dt i {font-weight:300;}
.sec-system .system li dl dd dl.sy-p dt {color:#0156b8;}
.sec-system .system li dl dd dl.sy-p dt span {background:#ffe571;color:#0156b8;}
.sec-system .system li dl dd dl dd {display:block;font-size:20px;margin-left:295px;border:none;}
.sec-system .system li dl dd dl dd span {display:block;width:100%;background:#f8f8f8;line-height:46px;padding:0 20px;}

.sec-hdw {position:relative;text-align:left;}
.sec-hdw .hdw {position:relative;text-align:center;}
.sec-hdw .hdw:after {clear: both; display:block; content:""}
.sec-hdw .hdw li {float:left;display:inline-block;width:420px;margin-right:10px;}
.sec-hdw .hdw li:last-child {margin-right:0;}
.sec-hdw .hdw li span {display:block;font-size:20px;font-weight:500;line-height:40px;letter-spacing:-1px;opacity:0;}
.sec-hdw .hdw li .hdw-img {border:1px solid #e5e5e5;background:#e5e5e5;width:420px;height:325px;box-sizing:border-box;overflow:hidden;opacity:0;}
.sec-bhkey {position:relative;text-align:left;}
.sec-bhkey .img-bhkey {padding:50px 0;text-align:center;border:1px solid #e5e5e5;background:#f7fafd;overflow:hidden;}
.sec-bhkey dl {display:block;margin-left:20px;opacity:0;}
.sec-bhkey dl dt {display:block;font-size:20px;letter-spacing:-2px;padding:20px 0 5px;font-weight:500;}
.sec-bhkey dl dd {display:block;}
.sec-bhkey dl dd ul li:before{content:'-';position:absolute;top:3px;left:0;}
.sec-bhkey dl dd ul li {padding-left:10px;font-size:20px;}
.sec-access {position:relative;text-align:left;font-size:20px;}
.sec-access ul li {position:relative;display:block;padding-left:35px;letter-spacing:-1px;margin:10px 0 0;opacity:0;}
.sec-access ul li:first-child {margin:0 0;}
.sec-access ul li i {position:absolute;left:10px;top:0;}

.sec-hwbhk {position:relative;text-align:left;height:760px;overflow:hidden;}
.bhk01 {background:#eff6ff;opacity:0;}
.bhk02 {background:#0156b8;opacity:0;}
.bhk03 {background:#f8f8f8;opacity:0;}
.sec-hwbhk .txtbox {position:absolute;z-index:2;}
.sec-hwbhk .txtbox.txt01 {top:100px;left:50%;width:600px;margin-left:-640px;opacity:0;}
.sec-hwbhk .txtbox.txt02 {top:430px;left:50%;width:1000px;margin-left:-640px;color:#fff;opacity:0;}
.sec-hwbhk .txtbox.txt02 div {position:absolute;top:-10px;left:400px;}
.sec-hwbhk .txtbox.txt02 p i{background:#fff6a4;}
.sec-hwbhk .txtbox.txt02 p span {color:#fff6a4;}
.sec-hwbhk .txtbox.txt03 {top:100px;left:50%;width:640px;margin-left:0px;opacity:0;}
.sec-hwbhk .txtbox p {display:block;font-size:48px;letter-spacing:-2px;line-height:1.2;font-weight:600;}
.sec-hwbhk .txtbox p i{display:block;position:absolute;top:-7px;left:2px;height:3px;width:37px;background:#0156b8;}
.sec-hwbhk .txtbox p span {display:block;font-size:30px;letter-spacing:-2px;line-height:1;font-weight:500;padding-top:0;color:#0357b9;}
.sec-hwbhk .txtbox div {display:block;padding-top:20px;}
.sec-hwbhk .txtbox div span {display:block;font-weight:500;font-size:22px;line-height:1.3;}
.sec-hwbhk .txtbox div ul {display:block;padding-top:10px;}
.sec-hwbhk .txtbox div ul li:before {content:'-';position:absolute;top:3px;left:0;letter-spacing:-1px;;}
.sec-hwbhk .txtbox div ul li {padding:3px 10px;font-size:18px;letter-spacing:-1px;line-height:1.3;word-break:keep-all;}


.sec-hwbhk .bhk-img01 {position:absolute;top:98px;left:50%;margin-left:-38px;width:789px;height:700px;background:url(../images/hwbh01.png) 0 0 no-repeat;font-size:0;text-indent:-99999px;opacity:0;}
.sec-hwbhk .bhk-img02 {position:absolute;top:-50px;left:50%;margin-left:-460px;width:929px;height:474px;background:url(../images/hwbh02.png) 0 0 no-repeat;font-size:0;text-indent:-99999px;opacity:0;}
.sec-hwbhk .bhk-img03 {position:absolute;bottom:5px;left:50%;margin-left:-640px;width:929px;height:474px;background:url(../images/hwbh03.png) 0 0 no-repeat;font-size:0;text-indent:-99999px;opacity:0;}




/* 소프트웨어*/
.sec-sfw {position:relative;text-align:left;}
.sec-sfw li {display:block;border-bottom:1px solid #e5e5e5;opacity:0;}
.sec-sfw li dl {position:relative;display:block;clear:both;margin:20px 0;min-height:280px;font-size:20px;}
.sec-sfw li dl dt {position:absolute;top:0;left:0;width:420px;height:280px;border:1px solid #e5e5e5;box-sizing:border-box;overflow:hidden;background:#e5e5e5;}
.sec-sfw li dl dd {display:block;padding-left:470px;letter-spacing:-1px}
.sec-sfw li dl dd h3 {font-size:30px;font-weight:500;letter-spacing:-0.5px;margin:10px 0 20px 0;}
.sec-sfw li dl dd span {display:block;color:#0055b8;}

/* 회원권 구매*/
.sec-mem {display:block;position:relative;text-align:left;}
.sec-mem .mts {position:relative;text-align:right;opacity:0;}
.sec-mem .mts .bt_mts {display:inline-block;padding:0 20px;border:1px solid #e1e1e1;border-radius:30px;}
.sec-mem .mts .bt_mts span {display:inline-block;padding-left:36px;letter-spacing:-1px;line-height:42px;font-size:18px;color:#333;text-align:center;}
.sec-mem .mts .bt_mts span:before {position:absolute;top:7px;left:0;display:inline-block;content:'';width:28px;height:28px;background-image:url(../images/ico_question.png);}
.sec-mem .mem_list {position:relative;border-top:2px solid #0156b8;border-bottom:2px solid #0156b8;margin-top:10px;opacity:0;}
.sec-mem .mem_list li {position:relative;display:block;padding:15px 0;border-bottom:1px solid #e5e5e5;opacity:0;}
.sec-mem .mem_list li dl {position:relative;}
.sec-mem .mem_list li dl dt {position:absolute;left:60px;top:60px;width:420px;}
.sec-mem .mem_list li dl dt .txt-info {font-size:24px;letter-spacing:-2px;color:#0156b8;line-height:1;}
.sec-mem .mem_list li dl dt .txt-price {font-size:40px;letter-spacing:-0.5px;color:#222;line-height:1.5;}
.sec-mem .mem_list li dl dt a {display:block;width:190px;border-radius:30px;color:#fff;padding:0 20px;font-size:20px;font-weight:500;letter-spacing:-1px;line-height:50px;background:#0156b8 url(../images/ico_arr.png) 160px center no-repeat;margin-top:20px;}
.sec-mem .mem_list li dl dd {display:block;margin-left:480px;background:#f8f8f8;min-height:260px;}
.sec-mem .mem_list li dl dd div {padding:30px 90px;font-size:18px;letter-spacing:-1px;}
.sec-mem .mem_list li dl dd div p {font-weight:600;}
.sec-mem .mem_list li dl dd div ul {padding-top:10px;}
.sec-mem .mem_list li dl dd div li {border:none;padding:2px 0;font-size:16px;}



/* 융합센터*/
.sec-center {position:relative;text-align:left;}
.sec-center .gra-wrap {position:relative;height:614px;margin-top:30px;}
.sec-center .gra-wrap div {position:absolute;width:368px;height:368px;border-radius:50%;text-align:center;font-size:36px;font-weight:700;}
.sec-center .gra-wrap div span {display:block;font-size:20px;letter-spacing:-0.8px;padding-top:140px;line-height:1.2;font-weight:500;}
.sec-center .gra-wrap div.won1 {top:0;left:50%;margin-left:-184px;background:rgba(255,222,77,0.8);color:#333;z-index:2;opacity:0;}
.sec-center .gra-wrap div.won2 {top:245px;left:50%;margin-left:-333px;background:rgba(0,106,230,0.8);color:#fff;z-index:1;opacity:0;}
.sec-center .gra-wrap div.won3 {top:245px;left:50%;margin-left:-40px;background:rgba(17,44,131,0.8);color:#fff;z-index:3;opacity:0;}
.sec-top3 {position:relative;text-align:left;}
.sec-top3 .top3 {position:relative;text-align:center;font-size:0;margin:20px -20px 0 -20px;}
.sec-top3 .top3:after {clear: both; display:block; content:""}
.sec-top3 .top3 li {display:inline-block;width:33.333%;min-height:400px;vertical-align:top;opacity:0;overflow:hidden;}
.sec-top3 .top3 li + li {background-image:url(../images/dot_h.png);background-position:0 0;background-repeat:repeat-y;}
.sec-top3 .top3 li .timg {display:block;margin:0 auto;width:385px;height:288px;background:#f7fafd;border:1px solid #e1e1e1;box-sizing:border-box;background-position:center center;background-repeat:no-repeat;}
.sec-top3 .top3 li .timg.top01 {background-image:url(../images/top3_01.png);}
.sec-top3 .top3 li .timg.top02 {background-image:url(../images/top3_02.png);}
.sec-top3 .top3 li .timg.top03 {background-image:url(../images/top3_03.png);}
.sec-top3 .top3 li p {font-size:24px;color:#333;text-align:left;padding:0 30px;font-weight:500;letter-spacing:-2px;line-height:1.8;}
.sec-top3 .top3 li span {display:block;font-size:18px;color:#666;text-align:left;padding:0 30px}
.sec-top3 .top3 li span i {display:inline-block;font-weight:600;}

.sec-osys {position:relative;text-align:left;overflow:hidden;}
.sec-osys .system {position:relative;text-align:left;font-size:0;}
.sec-osys .system li {display:inline-block;width:635px;opacity:0;}
.sec-osys .system li + li {margin-left:10px;}
.sec-osys .system li dl dt {display:block;font-size:30px;text-align:center;background:#6b849c;color:#fff;line-height:60px;}
.sec-osys .system li dl dd {border-left:8px solid #e5e5e5;border-right:8px solid #e5e5e5;border-bottom:8px solid #e5e5e5;}

.sec-osys .system li dl dd dl {position:relative;padding:15px 15px 5px;}
.sec-osys .system li dl dd dl + dl {padding:5px 15px;}
.sec-osys .system li dl dd dl:last-child {padding:5px 15px 15px;}
.sec-osys .system li dl dd dl dt {position:absolute;top:5px;left:20px;width:270px;background:transparent;color:#333;font-size:20px;font-weight:600;text-align:left;line-height:40px;}
.sec-osys .system li dl dd dl:first-child dt {top:15px;}
.sec-osys .system li dl dd dl dt span {display:inline-block;width:35px;height:35px;background:#0156b8;color:#fff;border-radius:50%;text-align:center;margin-right:10px;font-weight:600;line-height:35px;font-size:18px;}
.sec-osys .system li dl dd dl dt i {font-weight:300;}
.sec-osys .system li dl dd dl.sy-p dt {color:#0156b8;}
.sec-osys .system li dl dd dl.sy-p dt span {background:#ffe571;color:#0156b8;}
.sec-osys .system li dl dd dl dd {display:block;font-size:20px;margin-left:295px;border:none;}
.sec-osys .system li dl dd dl dd span {display:block;width:100%;background:#f8f8f8;line-height:46px;padding:0 20px;font-size:18px;}


.sec-benefit {position:relative;text-align:left;}
.sec-benefit .benefit {position:relative;margin-top:10px;}
.sec-benefit .benefit dl {display:block;margin-top:10px;opacity:0;}
.sec-benefit .benefit dl dt {background:#f7fafd;border:1px solid #e5e5e5;box-sizing:border-box;}
.sec-benefit .benefit dl dt div {padding:20px;font-size:20px;font-weight:500;}
.sec-benefit .benefit dl dt div span {display:inline-block;width:35px;height:35px;background:#0156b8;color:#fff;border-radius:100%;text-align:center;line-height:35px;margin-right:10px;font-weight:500;}
.sec-benefit .benefit dl dd {margin:15px 65px 30px 65px;font-size:20px;line-height:1.3;}
.sec-benefit .benefit dl dd ul li {font-size:20px;line-height:1.5;}
.sec-benefit .benefit dl dd div {position:relative;padding:20px;font-size:20px;border:8px solid #e5e5e5;min-height:200px;}
.sec-benefit .benefit dl dd div ul {max-width:70%;}
.sec-benefit .benefit dl dd div ul li {display:block;position:relative;}
.sec-benefit .benefit dl dd div ul li span {display:inline-block;padding-left:35px}
.sec-benefit .benefit dl dd div ul li span:before {position:absolute;left:0;top:3px;display:inline-block;width:25px;height:25px;content:'';background-image:url(../images/ico_check.png)}
.sec-benefit .benefit dl dd div .count {position:absolute;right:20px;bottom:20px;width:230px;}
.sec-benefit .benefit dl dd div .count li {background-image:url(../images/dot_w.png) ;background-repeat:repeat-x;background-position:0 bottom ;text-align:center;padding:5px 0;}
.sec-benefit .benefit dl dd div .count li span {display:inline-block;padding:0;width:100px;text-align:left;}
.sec-benefit .benefit dl dd div .count li span:before {display:inline-block;background:none;}
.sec-benefit .benefit dl dd div .count li span.price {text-align:right;}
.sec-benefit .benefit dl dd div .count li.txt-point {color:#0156b8;font-weight:600;font-size:24px;letter-spacing:-1px;background:none;}

.sec-eligible {position:relative;text-align:left;}
.sec-eligible ul {font-size:0;margin-top:20px;}
.sec-eligible ul li {display:inline-block;width:312px;height:250px;background:#f7fafd;border:1px solid #e5e5e5;box-sizing:border-box;font-size:20px;text-align:center;background-position:center 30px;background-repeat:no-repeat;}
.sec-eligible ul li + li {margin-left:11px;}
.sec-eligible ul li + li:last-child {margin-left:10px;}
.sec-eligible ul li:nth-child(1) {background-image:url(../images/eli_01.png);}
.sec-eligible ul li:nth-child(2) {background-image:url(../images/eli_02.png);}
.sec-eligible ul li:nth-child(3) {background-image:url(../images/eli_03.png);}
.sec-eligible ul li:nth-child(4) {background-image:url(../images/eli_04.png);}
.sec-eligible ul li span {display:block;padding-top:159px;color:#013d81;font-weight:500;line-height:1.3;}

.sec-request {position:relative;text-align:left;margin-top:40px;}
.sec-request .re-form {position:relative;padding:20px 0;border-bottom:1px solid #0257b8;border-top:2px solid #0257b8}
.sec-request .re-form dl {line-height:60px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e2e2e2;}
.sec-request .re-form dl:last-child {margin-bottom:0;border-bottom:none;padding-bottom:0;}
.sec-request .re-form dl dt {position:absolute;left:30px;top:0;font-size:20px;font-weight:500;letter-spacing:-1.5px;}
.sec-request .re-form dl dd {margin-left:220px;display:block;}

.sec-request .re-form .w300 {width:300px !important;}
.sec-request .re-form .w325 {width:325px !important;}
.sec-request .re-form .w100 {width:100px !important;}
.sec-request .re-form dl dd p {display:block;padding:10px 0 0}
.sec-request .re-form textarea {width:100%;max-width:800px;height:150px;padding:10px 20px;vertical-align:top;font-size:20px;}






/* 교육 :: index */
.sec-l {display:block;float:left;position:relative;width:620px;text-align:left;top:60px;}
.sec-l .tab_tit {position:relative;font-weight:500;font-size:28px;color:#222;border-bottom:2px solid #333;height:56px;letter-spacing:-2px;opacity:0;}
.sec-l .tab_tit:after {display: block; clear: both; content: '';}
.sec-l .tab_tit .tabm {display:block;position:absolute;right:0;top:0;}
.sec-l .tab_tit .tabm li {float:left;}
.sec-l .tab_tit .tabm li a {font-size:24px;font-weight:500;color:#a6a6a6;line-height:46px;z-index:2;font-weight:700;}
.sec-l .tab_tit .tabm li + li {margin-left:60px;}
.sec-l .tab_tit .tabm li + li:before {position:absolute;top:14px;left:-28px;display:inline-block;width:1px;height:20px;content:'';background:#aaa;}
.sec-l .tab_tit .tabm li.active a {color:#003c81;}
.sec-l .tab_tit .tabm li.active a:after {position:absolute;bottom:0;left:-7px;display:inline-block;width:110%;height:17px;content:''; border-radius:100px;background:#d9e7ff;z-index:-1;}
.sec-l .box-wrap {position:relative;margin-top:10px;text-align:center;}
.sec-l .box-wrap:after {display: block; clear: both; content: '';}
.sec-l .box-wrap li {float:left;width:200px;height:200px;border:5px solid #e5e5e5;box-sizing:border-box;margin-top:10px;background-position:center 0; background-repeat:no-repeat;padding-top:132px;font-size:20px;letter-spacing:-1px;line-height:1.2;color:#333;font-weight:400;opacity:0;}
.sec-l .box-wrap li + li {margin-left:10px;}
.sec-l .box-wrap li:nth-child(1) {background-image:url(../images/e01.png);}
.sec-l .box-wrap li:nth-child(2) {background-image:url(../images/e02.png);}
.sec-l .box-wrap li:nth-child(3) {background-image:url(../images/e03.png);}
.sec-l .box-wrap li:nth-child(4) {background-image:url(../images/e04.png);margin-left:0;}
.sec-l .box-wrap li:nth-child(5) {background-image:url(../images/e05.png);}
.sec-l .box-wrap li:nth-child(6) {background-image:url(../images/e06.png);}
.sec-l .box-wrap li:nth-child(7) {background-image:url(../images/e07.png);margin-left:0;height:410px;background-position:center 60px;padding-top:200px;}
.sec-l .box-wrap li:nth-child(8) {background-image:url(../images/e08.png);}
.sec-l .box-wrap li:nth-child(9) {background-image:url(../images/e09.png);height:410px;background-position:center 60px;padding-top:200px;}
.sec-l .box-wrap li:nth-child(10) {background-image:url(../images/e10.png);position:absolute;left:50%;top:630px;margin-left:-100px;}
.sec-l .box-wrap li span{display:block;font-size:16px;color:#666;font-weight:300;}

.sec-l .box2-wrap {position:relative;margin-top:10px;text-align:center;}
.sec-l .box2-wrap:after {display: block; clear: both; content: '';}
.sec-l .box2-wrap li {float:left;width:200px;height:200px;border:5px solid #e5e5e5;box-sizing:border-box;margin-top:10px;background-position:center 0; background-repeat:no-repeat;padding-top:132px;font-size:20px;letter-spacing:-1px;line-height:1.2;color:#333;font-weight:400;opacity:0;}
.sec-l .box2-wrap li + li {margin-left:10px;}
.sec-l .box2-wrap li:nth-child(1) {background-image:url(../images/e11.png);}
.sec-l .box2-wrap li:nth-child(2) {background-image:url(../images/e12.png);}
.sec-l .box2-wrap li:nth-child(3) {background-image:url(../images/e13.png);}
.sec-l .box2-wrap li:nth-child(4) {background-image:url(../images/e14.png);margin-left:0;}
.sec-l .box2-wrap li:nth-child(5) {background-image:url(../images/e15.png);}
.sec-l .box2-wrap li:nth-child(6) {background-image:url(../images/e16.png);}
.sec-l .box2-wrap li:nth-child(7) {background-image:url(../images/e17.png);margin-left:0;}
.sec-l .box2-wrap li:nth-child(8) {background-image:url(../images/e18.png);}
.sec-l .box2-wrap li:nth-child(9) {background-image:url(../images/e19.png);height:410px;background-position:center 60px;padding-top:200px;}
.sec-l .box2-wrap li:nth-child(10) {background-image:url(../images/e20.png);position:absolute;left:0;top:630px;margin-left:0px;}
.sec-l .box2-wrap li:nth-child(11) {background-image:url(../images/e21.png);position:absolute;left:50%;top:630px;margin-left:-100px;}
.sec-l .box2-wrap li span{display:block;font-size:16px;color:#666;font-weight:300;}

.sec-r {display:block;float:right;position:relative;top:60px;width:620px;text-align:left;overflow:hidden;}
.sec-r .onbn {display:block;position:relative;}
.sec-r .onbn li {display:block;opacity:0;}
.sec-r .onbn li + li {margin-top:10px;}
.sec-r .news {position:relative;margin-top:60px;}
.sec-r .news .news_tit {position:relative;font-weight:500;font-size:28px;color:#222;border-bottom:2px solid #333;height:56px;letter-spacing:-2px;opacity:0;}
.sec-r .news .news_tit .bt_more {display:block;position:absolute;right:0;top:10px;font-size:18px;font-weight:200;padding-left:28px;}
.sec-r .news .news_tit .bt_more:before {position:absolute;top:2px;left:0;display:inline-block;content:'';width:24px;height:24px;background-image:url(../images/ico_more_b.png);}
.sec-r .news .list {height:100%;box-sizing:border-box;}
.sec-r .news .list  li {padding:0 20px;font-size:18px;position:relative;opacity:0;}
.sec-r .news .list  li.first {background:#f7f7f7;margin-bottom:30px;padding:0 20px;}
.sec-r .news .list  li.first .date {display:block;position:absolute;left: 30px;top: 34px;right: auto;color: #767676;	line-height: 1;	text-align: center;font-size:16px;}
.sec-r .news .list  li.first .date span {display:block;line-height:1;}
.sec-r .news .list  li.first .date .txtDate {font-weight:600;color:#222;font-size:36px;}
.sec-r .news .list  li.first a {display:block;padding:30px 20px 30px 100px;}
.sec-r .news .list  li.first a dl dt {display:block;font-size:20px;padding-bottom:15px;height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.sec-r .news .list  li.first a dl dd {display:block;font-size:16px;color:#666;height:75px;text-overflow:ellipsis;white-space:pre-line;overflow:hidden;}
.sec-r .news .list  li a {display:block;padding:5px 0;}
.sec-r .news .list  li a .subject {display:block;width:auto;max-width:82%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;padding-left:10px;}
.sec-r .news .list  li a .subject:before {content:'';width:4px;height:4px;background:#999;position:absolute;top:10px;left:0;border-radius:50%;}
.sec-r .news .list  li a .date {display:block;position:absolute;top:7px;right:0;font-size:16px;color:#666;}

/* 교육 :: 교육과정*/
.sec-edu-process {position:relative;text-align:left;}
.sec-edu-process .ep-table {display:block;position:relative;}
.sec-edu-process .ep-table h2 {display:block;font-size:24px;font-weight:500;letter-spacing:-1px;opacity:0;}
.sec-edu-process .ep-table table {border:3px solid #cfcfcf;width:100%;border-collapse:collapse;margin:10px 0 ;border-spacing:0;opacity:0; }
.sec-edu-process .ep-table table td,
.sec-edu-process .ep-table table th {border:1px solid #e5e5e5;padding:5px;text-align:center;font-size:18px;}
.sec-edu-process .ep-table table th {background:#f4f9ff;color:#222;font-weight:400;line-height:40px;}
.sec-edu-process .ep-table table td {padding:20px;}
.sec-edu-process .ep-table table td ul li {padding:3px 0 0 15px;text-align:left;}
.sec-edu-process .ep-table table td ul li:before {content:'*';position:absolute;top:9px;left:0;}
.sec-edu-process .ep-table table td ul.st- li:before {content:'-';position:absolute;top:9px;left:0;}

.sec-guide  {position:relative;text-align:left;}
.sec-guide .guide-movie {display:block;position:relative;background:#003c81;color:#fff;height:474px;overflow:hidden;opacity:0;}
.sec-guide .guide-movie .g-youtube {position:absolute;left:40px;top:40px;width:688px;height:387px;background:#111;}
.sec-guide .guide-movie .g-youtube iframe {width:100%;height:387px;}
.sec-guide .guide-movie .g-tbox {position:absolute;right:40px;top:40px;width:480px;height:387px;font-size:20px;overflow-y:scroll;padding:20px;box-sizing:border-box;}
.sec-guide .guide-step {position:relative;text-align:center;}
.sec-guide .guide-step ul {margin-top:30px;}
.sec-guide .guide-step ul:after {display: block; clear: both; content: '';}
.sec-guide .guide-step ul li {position:relative;float:left;width:16.666%;box-sizing:border-box;background-position:center 66px; background-repeat:no-repeat;opacity:0;}
.sec-guide .guide-step ul li + li {border-left:1px solid #e3e3e3;}
.sec-guide .guide-step ul li span {display:block;position:absolute;top:0;left:20px;width:calc(100% - 20px);line-height:24px;text-align:left;font-size:18px;color:#a2a2a2;}
.sec-guide .guide-step ul li span:after {position:absolute;top:11px;right:20px;content: '';width:68px;height:2px;background:#e3e3e3;}
.sec-guide .guide-step ul li p{padding-top:167px;font-size:24px;color:#333;font-weight:600;letter-spacing:-1px;}
.sec-guide .guide-step ul li p i {color:#0055b8;}
.sec-guide .guide-step ul li:nth-child(1) {background-image:url(../images/st01.png);}
.sec-guide .guide-step ul li:nth-child(2) {background-image:url(../images/st02.png);}
.sec-guide .guide-step ul li:nth-child(3) {background-image:url(../images/st03.png);}
.sec-guide .guide-step ul li:nth-child(4) {background-image:url(../images/st04.png);}
.sec-guide .guide-step ul li:nth-child(5) {background-image:url(../images/st05.png);}
.sec-guide .guide-step ul li:nth-child(6) {background-image:url(../images/st06.png);}
.sec-faq {position:relative;background:#f7f8fa;padding-bottom:100px;}
.sec-faq > h3 {display:block;padding:100px 0 60px;margin:0;font-size:36px;line-height:36px;font-weight:600;letter-spacing:-2px;opacity:0;}
.sec-faq .tab-cont .con-view.active .con-view-a {background:#fff;}
.sec-print {position:relative;}
.sec-print .print-img {position:relative;opacity:0;}
.sec-print .print-img img {max-width:1280px;overflow:hidden;}




/* 교육 :: 스케줄 */
.sdl_info {display:block;text-align:left;padding-bottom:20px;}
.sdl_info li:before {content:'';width:4px;height:4px;background:#999;position:absolute;top:12px;left:0;border-radius:50%;}
.sdl_info li {padding-left:10px;font-size:18px;opacity:0;}
.sec-schedule {position:relative;text-align:left;}
.sec-schedule li {display:blcok;background:url(/images/pt_line.png) #f1f1f1;padding:10px;opacity:0;}
.sec-schedule li + li {margin-top:20px;}
.sec-schedule li dl {background:#fff;padding:10px;font-size:0;position:relative;}
.sec-schedule li dl dt,
.sec-schedule li dl dd {box-sizing:border-box;font-size:18px;height:250px;}
.sec-schedule li dl dt.date {display:block;position:absolute;left:10px;top:10px;width:230px;z-index:1}
.sec-schedule li dl dt.date p {padding:20px 0 10px 20px;font-size:22px;color:#222;}
.sec-schedule li dl dt.date p span {display:block;font-size:16px;line-height:1.5;color:#666;}
.sec-schedule li dl dt.date p i {display:inline-block;font-size:28px;/*color:#0156b8;*/font-weight:600;margin-top:-6px;padding-left:3px;}
.sec-schedule li dl dt.date p.time {font-weight:600;}
.sec-schedule li dl dt.date p.time span {font-weight:300;}

.sec-schedule li dl dt.sctit {display:block;position:absolute;left:240px;top:10px;width:350px;background:#f5f5f5;z-index:1}
.sec-schedule li dl dt.sctit div {width:100%;height:100%;}
.sec-schedule li dl dt.sctit div.e01 {background:url(/images/e01.png) center 30px no-repeat;} /* 신경가소성학 */
.sec-schedule li dl dt.sctit div.e02 {background:url(/images/e02.png) center 30px no-repeat;} /* 신경가소성 200년 역사와 발전 */
.sec-schedule li dl dt.sctit div.e03 {background:url(/images/e03.png) center 30px no-repeat;} /* 신경계와 신경해부학 */
.sec-schedule li dl dt.sctit div.e04 {background:url(/images/e04.png) center 30px no-repeat;} /* 식녕세포학 */
.sec-schedule li dl dt.sctit div.e05 {background:url(/images/e05.png) center 30px no-repeat;} /* 신경생리학 */
.sec-schedule li dl dt.sctit div.e06 {background:url(/images/e06.png) center 30px no-repeat;} /* 뇌파학 */
.sec-schedule li dl dt.sctit div.e07 {background:url(/images/e07.png) center 30px no-repeat;} /* 임상학 */
.sec-schedule li dl dt.sctit div.e08 {background:url(/images/e08.png) center 30px no-repeat;} /* BRHW 고객심리상담 */
.sec-schedule li dl dt.sctit div.e09 {background:url(/images/e09.png) center 30px no-repeat;} /* BRHW시스템 컨텐츠 운영관리 */
.sec-schedule li dl dt.sctit div.e10 {background:url(/images/e10.png) center 30px no-repeat;} /* 프로그램기능 활용 및 실습 */
.sec-schedule li dl dt.sctit div.e11 {background:url(/images/e11.png) center 30px no-repeat;} /* 자각증상 검사/분석 시스템 이해와 활용 */
.sec-schedule li dl dt.sctit div.e12 {background:url(/images/e12.png) center 30px no-repeat;} /* 자각증상기반 고객상담 */
.sec-schedule li dl dt.sctit div.e13 {background:url(/images/e13.png) center 30px no-repeat;} /* 검사/분석 및 판별기준 */
.sec-schedule li dl dt.sctit div.e14 {background:url(/images/e14.png) center 30px no-repeat;} /* 상담이론 */
.sec-schedule li dl dt.sctit div.e15 {background:url(/images/e15.png) center 30px no-repeat;} /* 심리상담이론 */
.sec-schedule li dl dt.sctit div.e16 {background:url(/images/e16.png) center 30px no-repeat;} /* 주요상담이론 */
.sec-schedule li dl dt.sctit div.e17 {background:url(/images/e17.png) center 30px no-repeat;} /* 생할습관교정 활용법 */
.sec-schedule li dl dt.sctit div.e18 {background:url(/images/e18.png) center 30px no-repeat;} /* 상담과정과 상담기법 */
.sec-schedule li dl dt.sctit div.e19 {background:url(/images/e19.png) center 30px no-repeat;} /* 뇌과학의 현재와 미래 신기술 */
.sec-schedule li dl dt.sctit div.e20 {background:url(/images/e20.png) center 30px no-repeat;} /* 자각증상과 생활습관관 임상 */
.sec-schedule li dl dt.sctit div.e21 {background:url(/images/e21.png) center 30px no-repeat;} /* 뇌영양학 */
.sec-schedule li dl dt.sctit div span {display:block;white-space:nowrap;letter-spacing:-2px;line-height:1.2;padding-top:160px;text-align:center;font-weight:600;font-size:28px;}


.sec-schedule li dl dd.sctxt {margin-left:600px;max-width:450px; height: 250px; overflow-y: auto}
.sec-schedule li dl dd.sctxt .name {font-weight:600;font-size:22px;color:#0156b8;padding:20px 0 10px;}
.sec-schedule li dl dd.sctxt ul li {background:transparent;font-size:17px;padding:3px 10px;line-height:1;color:#666;margin:0;}
/*.sec-schedule li dl dd.sctxt ul li:before {width:4px;height:4px;position:absolute;top:3px;left:0;}*/

.sec-schedule.school li dl dd.sctxt ul {position: absolute;  top: 50%;  transform: translateY(-50%);}
.sec-schedule.school li dl dd.sctxt {margin-left:200px;max-width:750px; padding-top: 20px}
.sec-schedule.school li dl dd.sctxt ul li {background:transparent;font-size:24px; padding:5px 10px;line-height:1;color:#333;margin:0;}
.sec-schedule.school li dl dd.sctxt ul li:before {content:'';width:4px;height:4px;position:absolute;top:3px;left:0;}

.sec-schedule.school li dl dt.date {display:block;position:absolute;left:10px;top:25%;width:230px;z-index:1}
.sec-schedule.school li dl dt.date p { font-size: 32px}

.sec-schedule.support li dl dd.sctxt { height: 150px }
.sec-schedule.support li dl dd.sctxt ul {position: absolute;  top: 50%;  transform: translateY(-50%);}
.sec-schedule.support li dl dd.sctxt {margin-left:200px;max-width:750px; padding-top: 20px}
.sec-schedule.support li dl dd.sctxt ul li {background:transparent;font-size:24px; padding:5px 10px;line-height:1;color:#333;margin:0;}
.sec-schedule.support li dl dd.sctxt ul li:before {content:'';width:4px;height:4px;position:absolute;top:3px;left:0;}
.sec-schedule.support li dl dd.scbt { top: -23px}
.sec-schedule.support li dl dd.scbt a { height: 100px; width: 100px; padding-top:33px;transition-duration: 0.3s !important;}
.sec-schedule.support li dl dd.scbt a:hover { background: #0156b8; color: white;}

.sec-schedule.support li dl dt.date {display:block;position:absolute;left:10px;top:13%;width:230px;z-index:1; }
.sec-schedule.support li dl dt.date p { font-size: 32px}



.sec-schedule li dl dd.scbt {display:block;position:absolute;right:0;top:10px;width:175px;}
.sec-schedule li dl dd.scbt .live-txt {position:absolute;right:20px;top:0;}
.sec-schedule li dl dd.scbt .live-txt span {color:#de0000;font-size:16px;foint-weight:500;letter-spacing:-0.5px;padding-left:32px;}
.sec-schedule li dl dd.scbt .live-txt span:before {content:'';width:28px;height:20px;background:url(/images/ico_live.png);position:absolute;top:0px;left:0;}
.sec-schedule li dl dd.scbt a {display:block;width:134px;height:134px;text-align:center;border-radius:50%;font-size:22px;font-weight:500;box-sizing:border-box;padding-top:48px;margin-top:60px;text-align:center;}
.sec-schedule li dl dd.scbt a span {display:inline-block;letter-spacing:-2px;}
.sec-schedule li dl dd.scbt a.bt-live {background:#0156b8;color:#fff;}
.sec-schedule li dl dd.scbt a.bt-live span {color:#fff;padding-right:18px;}
.sec-schedule li dl dd.scbt a.bt-live span:after {content:'';width:12px;height:20px;background:url(/images/ico_next.png);position:absolute;top:8px;right:0;}
.sec-schedule li dl dd.scbt a.bt-ing {background:#e8e8e8;color:#5f5f5f;pointer-events:none;cursor: default;}
.sec-schedule li dl dd.scbt a.bt-replay {background:#fff; border:2px solid #0156b8;}
.sec-schedule li dl dd.scbt a.bt-replay.disabled {background:#fff; border:2px solid #ddd;}
.sec-schedule li dl dd.scbt a.bt-replay span.replay {color:#0156b8;padding-right:18px;}
.sec-schedule li dl dd.scbt a.bt-replay span.replay:after {content:'';width:12px;height:20px;background:url(/images/ico_next_blue.png);position:absolute;top:8px;right:0;}
.sec-schedule li dl dd.scbt a.bt-replay span.percent { font-size: 1.3rem; letter-spacing: 0}
.sec-schedule li dl dd.scbt a.bt-replay span.percent.small { font-size: 1rem;  }

.sec-schedule .select-lecture-title select {
    font-size: 20px;
    font-weight: 500;
    padding: 10px;
    text-align: center;
    width:99%;
    border: 1px solid #ddd;
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto; 
}
.sec-schedule .insert-form textarea { width: 300px; height: 150px}


/* 교육 :: 강의실 */
.nav-mtab {display:block;text-align:left;}
.nav-mtab li {display:inline-block;height:42px;margin-right:5px;opacity:0;}
.nav-mtab li a{display:block;padding:0 20px;border:1px solid #e1e1e1;border-radius:30px;text-align:center;line-height:42px;font-size:20px;color:#333;}
.nav-mtab li.active a {border:1px solid #0055b8;background:#0055b8;color:#fff;}
.lec_list {margin:24px -30px;font-size:0;text-align:left;}
.lec_list:after {display: block; clear: both; content: '';}
.lec_list li {display:inline-block;width:calc(33.333% - 60px);margin:24px 30px;vertical-align:top;opacity:0;}
.lec_list li a{display:block;transition:all 0.3s;}
.lec_list li .thum_img {position:relative;width:385px;height:288px;border:1px solid transparent;transition:all 0.3s;overflow:hidden;box-sizing:border-box;background:#e5e5e5;}
.lec_list li .thum_img img {width:100%;height:100%;}
.lec_list li .thum_tit {display:block;position:relative;text-align:left;}
.lec_list li .thum_tit p {display:block;padding:15px 0 5px;font-size:30px;line-height:1.2;font-weight:500;max-width:330px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.lec_list li .thum_tit span {font-size:18px;color:#666;display:block;font-weight:300;}
.lec_list li .thum_tit span.time {display:block;position:absolute;right:0;top:15px;font-size:20px;font-weight:300;}

/* 교육 :: 강의실 영상 팝업 */
.lec_view {position:fixed;left:50%;top:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:1000px;/*background:#fff;*/ box-sizing:border-box;z-index:99;display:none; }

.lec_view .bt_close{ position:absolute; display:block;top:16px;right:0;width:52px; height:53px; background:url(/images/bt_close.png) no-repeat 0 0;background-size:100%; text-indent:-9999px;z-index:20; }
.lec_view .txt_area {overflow:hidden;height:100%;text-align:center;}
.lec_view .txt_area h2 {font-size:40px;font-weight:700;line-height:1.3;padding:20px 0;color:#fff;text-align:left;display:block;max-width:90%;}
.lec_view .txt_area .ytube iframe {width:1008px;height:567px;}

.lec_view .lecture_list { background-color: #fff; width: 100%; padding: 10px}
.lec_view .btn_lecture { padding: 10px; border:0; width: 100%; }
.lec_view .btn_lecture:hover { background-color: #BCBBBC}

.lec_view .btn_lecture.active { background-color: #0055b8; color: white }
/*.lec_view .btn_lecture.active:hover {background-color: #053287}*/

/* 교육 :: 시험 */
.sec-exam {position:relative;}
.sec-exam .list {display:block;border-top:2px solid #0055b8;border-bottom:1px solid #0055b8;text-align:center;}
.sec-exam .list table {width:100%;border-collapse:collapse; border-spacing:0;}
.sec-exam .list table th {position:relative;line-height:50px;border-bottom:1px solid #0055b8;font-size:18px;color:#0055b8;letter-spacing:-1px;font-weight:400;}
.sec-exam .list table th:after {content:'';position:absolute;right:0;top:16px;width:1px;height:19px;background:#b7b7b7;}
.sec-exam .list table th:last-child:after {display:none;}
.sec-exam .list table td {padding:20px 0;border-bottom:1px solid #e2e2e2;font-size:18px;color:#333;}
.sec-exam .list table td.title {text-align:left;padding-left:20px;font-size:20px;font-weight:500;letter-spacing:-0.5px;}
.sec-exam .list table td.score {font-size:20px;font-weight:500;letter-spacing:-0.5px;}
.sec-exam .list .bt-start {display:inline-block;width:120px;text-align:center;line-height:40px;font-size:18px;font-weight:500;border:1px solid #0055b8;color:#0055b8;border-radius:5px;}
.sec-exam .list .bt-result {display:inline-block;width:120px;text-align:center;line-height:40px;font-size:18px;font-weight:500;border:1px solid #0055b8;color:#fff;background:#0055b8;border-radius:5px;}
.sec-exam .list .bt-start span {padding-right:18px;}
.sec-exam .list .bt-start span:after {content:'';width:9px;height:15px;background:url(/images/ico_next_blue.png);position:absolute;top:4px;right:0;background-size:100%;}
.sec-exam .list .bt-result span {padding-right:18px;}
.sec-exam .list .bt-result span:after {content:'';width:9px;height:15px;background:url(/images/ico_next.png);position:absolute;top:4px;right:0;background-size:100%;}
.sec-exam .subtitle { font-size: 14px; color: #666}
.sec-exam .link { text-decoration: underline; cursor: pointer}
.sec-exam .mts {position:relative;text-align:left;opacity:0;margin-bottom:10px}
.sec-exam .mts .bt_mts {display:inline-block;padding:0 20px;border:1px solid #e1e1e1;border-radius:30px;}
.sec-exam .mts .bt_mts span {display:inline-block;padding-left:36px;letter-spacing:-1px;line-height:42px;font-size:18px;color:#333;text-align:center;}
.sec-exam .mts .bt_mts span:before {position:absolute;top:7px;left:0;display:inline-block;content:'';width:28px;height:28px;background-image:url(../images/hwp.svg); background-size: contain }
.sec-exam .mts .bt_mts:hover { background: #0156b8; color: white}
.sec-exam .mts .bt_mts:hover span { color: white}
.sec-exam .mts.write .bt_mts { background: #0156b8;  }
.sec-exam .mts.write .bt_mts span:before { background: transparent; padding:0}
.sec-exam .mts.write .bt_mts span { padding-left: 0; color: white; font-weight: bold}


/*고객센터 :: faq*/
.nav-tab {display:block;padding-bottom:20px;text-align:left;}
.nav-tab li {display:inline-block;height:42px;margin-right:5px;opacity:0;text-align:left;}
.nav-tab li a{display:block;padding:0 20px;border:1px solid #e1e1e1;border-radius:30px;text-align:center;line-height:42px;font-size:20px;color:#333;}
.nav-tab li.active a {border:1px solid #0055b8;background:#0055b8;color:#fff;}
.tab-cont {width:1280px; margin:0 auto;border-top:2px solid #0055b8;border-bottom:1px solid #0055b8;opacity:0;}
.tab-cont .con-view {display:block;border-bottom:1px solid #e2e2e2;font-weight:300;text-align:left;}
.tab-cont .con-view .con-view-li {cursor:pointer;padding:20px 0;font-size:20px;color:#222;margin-right:20px;background:url(../images/ico_faq.png) right center/21px 21px no-repeat;}
.tab-cont .con-view .con-view-li .txt-q {display:inline-block;width:42px;height:42px;line-height:42px;background:#fff;color:#0055b8;text-align:center;font-weight:700;border-radius:100%;margin-right:5px;}
.tab-cont .con-view .con-view-a {background:#f9f9fa;padding:20px;font-size:18px;border-radius:3px;margin-bottom:20px;color:#666;display:none;}
.tab-cont .con-view.active .con-view-li {background:url(../images/ico_faq_on.png) right center/21px 21px no-repeat;}
.tab-cont .con-view.active .con-view-li .txt-q {background:#0055b8;color:#fff;}
.tab-cont .con-view.active .con-view-a {background:#f9f9fa;padding:20px;font-size:18px;border-radius:5px;margin-bottom:20px;color:#666;display:block;}

/*고객센터 :: 공지*/
.sec-notice {position:relative;}
.sec-notice .list {display:block;font-size:0;border-top:2px solid #0055b8;border-bottom:1px solid #0055b8;}
.sec-notice .list li {display:block;border-bottom:1px solid #e2e2e2;}
.sec-notice .list li a {display:block;position:relative;text-align:left;line-height:80px;}
.sec-notice .list li a span {vertical-align:middle;}
.sec-notice .list li a .count {display:inline-block;width:80px;font-size:16px;text-align:center;}
.sec-notice .list li a .tit {display:inline-block;font-size:20px;font-weight:500;padding:0;opacity:100;letter-spacing:-0.5px;text-overflow:ellipsis;white-space:nowrap;max-width:85%;overflow:hidden;}
.sec-notice .list li a .date {position:absolute;display:block;right:0;top:0;width:100px;font-size:16px;}

/* 결제내역 */
.sec-payment {position:relative;}
.sec-payment .list {display:block;font-size:0;border-top:2px solid #0055b8;border-bottom:1px solid #0055b8;}
.sec-payment .list .empty-list {text-align: center; min-height: 150px; line-height: 150px; font-weight: normal;}
.sec-payment .list .empty-list .tit { color: #333}

.sec-payment .list li {display:block;border-bottom:1px solid #e2e2e2;}
.sec-payment .list li {display:block;position:relative;text-align:left;}
.sec-payment .list .row {line-height: 60px}
.sec-payment .list .detail {color: #333; font-size: 16px; padding: 0 0 20px 80px;}
.sec-payment .list .detail .address{margin-top: 5px}

.sec-payment .list li span {vertical-align:middle;}
.sec-payment .list li .count {display:inline-block;width:80px;font-size:16px;text-align:center;}
.sec-payment .list li .tit {display:inline-block;font-size:20px;font-weight:500;padding:0;opacity:100;letter-spacing:-0.5px;text-overflow:ellipsis;white-space:nowrap;max-width:85%;overflow:hidden;}
.sec-payment .list li .status {position:absolute;display:block;right:240px;top:0;width:100px;font-size:16px; color: #999}
.sec-payment .list li .status .blue { color: blue}
.sec-payment .list li .payment {position:absolute;display:block;right:120px;top:0;width:100px;font-size:16px; font-weight: 600}
.sec-payment .list li .date {position:absolute;display:block;right:0;top:0;width:100px;font-size:16px;}

.search-wrap {margin:0 0 20px;text-align:right;font-size:0;}
.search-wrap select {font-weight:400;display:inline-block;width:150px;font-size:16px;height:45px;padding:0 35px 0 12px;border:1px solid #ddd;background:#fff url('../images/input_select.png') right 50% no-repeat;background-size:28px;border-radius:0;}
.search-wrap input[type="text"] {min-width:210px;}
.search-wrap select + input[type="text"] {width:210px;margin-left:-1px;display:inline-block;vertical-align:top;font-size:16px;font-weight:300;}
.search-wrap .btn-sch {position:inherit; height:45px; width:45px; margin-left:-1px; border:1px solid #ddd; background:#fff; border-left:1px solid #fff; vertical-align:top; transform:none;display:inline-block;text-align:center;right:0;font-size:0;}
.search-wrap .btn-sch:before {position:absolute;content:'';background: url('../images/ico_bt_search.png') center center no-repeat;background-size: 23px 23px;height: 45px;width: 45px;top: 0;left: 0;}

.sec-notice .view {position:relative;display:block;}
.sec-notice .view .view_head {position:relative;display:block;padding:25px 30px;background:#f7f7f7;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.sec-notice .view .view_head h3 {font-size:24px;font-weight:500;text-align:left;margin:0;line-height:1;max-width:85%;}
.sec-notice .view .view_head span {display:block;position:absolute;right:30px;top:0;line-height:74px;font-size:16px;color:#0055b8;}
.sec-notice .view .view_cont {display:block;padding:30px 30px;text-align:left;vertical-align:top;min-height:300px;font-size:20px;}
.sec-notice .view .view_cont > div {display:block;}
.sec-notice .view .list {display:block;font-size:0;border-top:1px solid #0055b8;border-bottom:1px solid #0055b8;}
.sec-notice .view .list li {display:block;border-bottom:1px solid #e2e2e2;}
.sec-notice .view .list li a {display:block;position:relative;text-align:left;line-height:80px;font-size:18px;}
.sec-notice .view .list li a p {vertical-align:middle;}
.sec-notice .view .list li a .news-pre,
.sec-notice .view .list li a .news-next {display:inline-block;vertical-align:middle;line-height:1.5;width:130px;padding:0 30px;}
.sec-notice .view .list li a .news-pre span,
.sec-notice .view .list li a .news-next span {display:block;position:relative;color:#999;}
.sec-notice .view .list li a .news-pre span:after {display:block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:7px solid;content:"";position:absolute;top:50%;right:0;margin-top:-4px;border-bottom-color:inherit;}
.sec-notice .view .list li a .news-next span:after {display:block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:7px solid;content:"";position:absolute;top:50%;right:0;margin-top:-4px;border-bottom-color:inherit; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.sec-notice .view .list li a .tit {display:inline-block;font-weight:300;padding:0;opacity:100;letter-spacing:-0.5px;text-overflow:ellipsis;white-space:nowrap;max-width:85%;overflow:hidden;font-size:18px;}
.sec-notice .view .list li a .date {position:absolute;display:block;right:0;top:0;width:100px;font-size:16px;color:#999}

/* zoom 설치방법*/
.install_help {position:relative;display:block;font-size:0;text-align:left;box-sizing:border-box;z-index:1;}
.install_help li {display:inline-block;width:630px;vertical-align:top;}
.install_help li:nth-child(even) {margin-left:20px;}
.install_help li dl dt {display:block;width:630px;height:435px;overflow:hidden;border:1px solid #ddd;border-bottom:3px solid #0156b8;}
.install_help li dl dd {position:relative;display:block;padding-bottom:80px;padding-top:30px;font-size:20px;text-align:center;}
.install_help li dl dd i {display:block;position:absolute;top:-30px;left:50%;margin-left:-28px;width:56px;height:56px;line-height:56px;background:#0156b8;color:#fff;font-size:26px;font-weight:600; text-align:center;border-radius:50%;z-index:2;}
.install_help li dl dd span {font-weight:600;color:#0156b8;}



/* 결제*/
.sec-pay {display:block;position:relative;text-align:left;margin-top:60px;}
.sec-pay h3 {display:block;text-align:left;font-size:30px;font-weight:600;line-height:2;margin:0;opacity:0;}
.sec-pay h3.end {display:block;text-align:left;font-size:26px;font-weight:500;line-height:2;margin:0;opacity:0;}
.sec-pay .order {position:relative;border-top:2px solid #333;border-bottom:2px solid #333;}
.sec-pay .order .pay_list {position:relative;}
.sec-pay .order .pay_list li{border-bottom:1px solid #333;padding:30px 0;opacity:0;}
.sec-pay .order .pay_list li:last-child {padding-bottom:0;}
.sec-pay .order .pay_list li dl {display:block;position:relative;}
.sec-pay .order .pay_list li dl dt {position:absolute;left:0;top:0;vertical-align:top;font-size:18px;color:#222;}
.sec-pay .order .pay_list li dl dd {display:block;margin-left:168px;vertical-align:top;font-size:18px; color:#666;}
.sec-pay .order .pay_list li dl dd span {display:inline-block;padding-left:5px;font-weight:300;}

.sec-pay .order .pay_list li.cart dl {border:none;}
.sec-pay .order .pay_list li.cart dl:last-child {padding-bottom:40px;}
.sec-pay .order .pay_list li.cart dl dt,
.sec-pay .order .pay_list li.cart dl dd label {font-size:20px;font-weight:500;color:#222;}
.sec-pay .order .pay_list li.cart dl dd {text-align:right;}

.sec-pay .order .pay_list li.cart-end {border:none;}
.sec-pay .order .pay_list li.cart-end dl {border:none;}
.sec-pay .order .pay_list li.cart-end dl:last-child {padding-bottom:40px;}
.sec-pay .order .pay_list li.cart-end dl dt,
.sec-pay .order .pay_list li.cart-end dl dd {font-size:20px;font-weight:300;color:#222;}
.sec-pay .order .pay_list li.cart-end dl dd {text-align:right;}

.sec-pay .order .pay_list li.pay dl {border-bottom:1px solid #e5e5e5;padding:0 0 30px 0;}
.sec-pay .order .pay_list li.pay dl + dl {padding-top:30px;}
.sec-pay .order .pay_list li.pay dl + dl dt {top:30px;}
.sec-pay .order .pay_list li.pay dl:last-child {border:none;}

.sec-pay .order .pay_list li.price dl {border:none;}
.sec-pay .order .pay_list li.price dl dt {font-size:20px;font-weight:500;color:#222;}
.sec-pay .order .pay_list li.price dl dd {color:#222;}

.sec-pay .order .pay_list li dl dd ul li {display:inline-block;border:none;padding:0;}
.sec-pay .order .pay_list li.price dl dd ul li {display:block;border:none;padding:0;}
.sec-pay .order .pay_list li.price dl dd ul li dl {margin:10px 0;}
.sec-pay .order .pay_list li.price dl dd ul li dl dt {left:20px;font-weight:300;}
.sec-pay .order .pay_list li.price dl dd ul li dl dd {padding-right:20px;text-align:right;}
.sec-pay .order .pay_list li.price dl dd ul li dl.fpa {background:#f5f5f5;padding:20px 0;}
.sec-pay .order .pay_list li.price dl dd ul li dl.fpa dt {top:20px;font-weight:500;color:#0055b8;}
.sec-pay .order .pay_list li.price dl dd ul li dl.fpa dd {font-weight:600;font-size:22px;}

.sec-pay .sec-mem .mem_list { border: 0}
.sec-pay .sec-mem .mem_list li { border: 0; list-style: square inside !important; display: block !important;}
.sec-pay .sec-mem .mem_list li dd { margin-left: 0 !important; text-align: left !important; min-height: auto}
.sec-pay .sec-mem .mem_list li dd div { padding-left: 20px}

.sec-pay .order .txt-info{font-size: 30px;letter-spacing: -2px;color: #0156b8;line-height: 1;}
.sec-pay .order .txt-price, .txt-total{font-size: 30px;letter-spacing: -0.5px;color: #222;line-height: 1.5; cursor: default !important;}
.sec-pay .order .txt-price .btn-count {padding: 10px;border: 1px solid #ddd;background: #fff}
.sec-pay .order .txt-total span{font-size: 20px;}
.sec-pay .order .txt-total .total-price { color: #0156b8 }
.sec-pay .sec-mem .mem_list  { border-top: 1px solid #ddd}

    /* form */
.re-form input[type=text] {width:100%;max-width:800px;height:60px;padding:0 20px;/*background:#f3f4f5;*/vertical-align:middle;font-size:20px;}
.re-form select {display:inline-block;border:1px solid #ddd;height:60px;background:#fff url('../images/input_select.png') right 50% no-repeat;min-width:100px;background-size:28px;padding:0 35px 0 20px;font-size:18px;}
.re-form input + input,
.re-form select + select,
.re-form select + input {margin-left:10px;}
.re-form input[type="checkbox"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 }
.re-form input[type="checkbox"] + label { display:inline-block; padding-left:30px; font-size:16px; color:#333; line-height:24px; }
.re-form input[type="checkbox"] + label.title { display:inline-block; padding-left:30px; font-size: 25px; font-weight: 500; color: #222; }
.re-form input[type="checkbox"] + label:before { content:''; position:absolute; top:0px; left:0; width:24px; height:24px; background-image:url(../images/cb_mc.png); }
.re-form input[type="checkbox"]:checked + label:before { background-image:url(../images/cb_mc_on.png); }
.re-form input[type="checkbox"] + label a { padding-bottom:3px; color:#0257b8;font-weight:400; }
.re-form input[type="checkbox"] + label a i { position:absolute; bottom:0; left:0; right:0; height:1px; background:#0257b8; }
.re-form input[type="checkbox"] + label a:hover i { left:100%; }

.re-form.survey th { background: #ededed; padding: 10px; cursor: default }
.re-form.survey input[type=text] { height: 40px; background: #ededed; border: 0px; width: 90%; text-align: center}
.re-form.survey td:nth-child(2) { text-align: left; font-size: 18px}
.re-form.survey td:nth-child(1) { text-align: center ; font-size: 18px}
.re-form.survey td { border-bottom: 1px solid #ededed; padding-top:8px; padding-bottom: 8px; margin-bottom: 8px}

.check input[type="radio"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 }
.check input[type="radio"] + label {padding-left:30px;color:#666;}
.check input[type="radio"] + label:before { position:absolute; top:0px; left:0; content:''; width:20px; height:20px; border:2px solid #ccc; border-radius:100%; box-sizing:border-box;}
.check input[type="radio"]:checked + label:after { content:''; position:absolute; top:4px; left:4px; width:12px; height:12px; background:#0156b8; border-radius:100%; }


/* 탭 메뉴 ::  2개일때 */
.tab-m2 {position:relative;text-align:center;width:1280px;margin:0 auto 60px;font-size:0;}
.tab-m2:after {clear: both; display:block; content:""}
.tab-m2 li {display:inline-block;width:50%;}
.tab-m2 li a{display:block;width:100%;line-height:60px;background:#f7fafd;border:1px solid #e5e5e5;box-sizing:border-box;color:#c0c0c0;margin-left:-1px;font-size:20px;font-weight:600;opacity:0;}
.tab-m2 li.active a {background:#0055b8;border:1px solid #0055b8;box-sizing:border-box;color:#fff;}
.tab-m2 li:first-child a {margin-left:0;}



/* 버튼 */
.sec-bt {position:relative;display:block;margin-top:60px;text-align:center;font-weight:500;font-size:18px;}
.sec-bt a + a {margin-left:10px;}
.sec-bt .bt_print {display:inline-block;padding:0 30px;text-align:center;width:180px;border:2px solid #0055b8;opacity:0;}
.sec-bt .bt_print span {display:inline-block;padding-left:28px;line-height:60px;font-size:20px;color:#0055b8;font-weight:500;}
.sec-bt .bt_print span:before {position:absolute;top:18px;left:0;display:inline-block;content:'';width:24px;height:24px;background-image:url(../images/ico_print.png);}

.sec-bt .bt-list {display:inline-block;padding:0 30px;text-align:center;min-width:180px;border:2px solid #0055b8;opacity:0;}
.sec-bt .bt-list span {display:inline-block;padding-left:28px;line-height:60px;font-size:20px;color:#0055b8;font-weight:500;}
.sec-bt .bt-list span:before {position:absolute;top:18px;left:0;display:inline-block;content:'';width:24px;height:24px;background-image:url(../images/ico_list.png);}

.sec-bt .bt-cancel {display:inline-block;padding:0 30px;text-align:center;min-width:180px;border:2px solid #ccc;opacity:0;}
.sec-bt .bt-ok {display:inline-block;padding:0 30px;text-align:center;min-width:180px;background:#0055b8;border:2px solid #0055b8;opacity:0;}

.sec-bt .bt-cancel,
.sec-bt .bt-ok span {display:inline-block;line-height:60px;font-size:20px;color:#666;font-weight:500;}
.sec-bt .bt-ok span {color:#fff;}



/* 페이징 */
.paginate {margin-top:60px;font-size:0;text-align:center;}
.paginate a {display:inline-block;position:relative;width:49px;height:50px;box-sizing:border-box;font-size:16px;line-height:50px;text-align:center;vertical-align:top;transition:all 0.4s;opacity:0;}
.paginate a.on {color:#0055b8;font-weight:700;}
.paginate a.next {margin-left:19px;background:url(../images/ico_paginate_next.png) center no-repeat;overflow:hidden;border:1px solid #ddd;}
.paginate a.pre {margin-right:19px;background:url(../images/ico_paginate_pre.png) center no-repeat;overflow:hidden;border:1px solid #ddd;}

.location i { display:inline-block; width:8px; height:12px; background:url(../images/location_arrow.png); vertical-align:middle; margin:-3px 20px 0;  }




/* 프로필 드롭다운 컨테이너 위치 설정 */
.profile-dropdown {
    position: relative;
    display: inline-block;
    margin-top: -14px;
}

/* 프로필 버튼 스타일 */
.profile-btn {
    /*background-color: #3498db;*/
    color: white;
    padding: 10px 15px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    border-radius: 5px;
}

/*.profile-btn:hover {*/
/*    background-color: #efefef;*/
/*}*/

/* 프로필 아이콘 스타일 */
.profile-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%; /* 원형 아이콘 */
    margin-right: 10px;
    object-fit: cover;
}

/* 프로필 이름 스타일 */
.profile-name {
    margin-right: 5px;
    font-weight: bold;
}

/* 드롭다운 화살표 아이콘 스타일 */
.arrow-down {
    margin-left: auto; /* 오른쪽 끝으로 밀어냄 */
    font-size: 12px;
}

/* 드롭다운 메뉴 스타일 */
.dropdown-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: white;
    position: absolute;
    top: 100%; /* 버튼 바로 아래에 위치 */
    left: -60px;
    min-width: 220px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    display: none; /* 기본적으로 숨김 */
    z-index: 1;
    border-radius: 5px;
}

/* 드롭다운 메뉴 항목 스타일 */
.dropdown-menu li { float: none !important; display: block; }
.dropdown-menu li a {
    color: black;
    padding: 12px 16px !important;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #ededed;
}

/* 호버 시 배경색 변경 */
.dropdown-menu li a:hover {
    background-color: #f1f1f1;
}

/* 프로필에 호버하면 드롭다운 표시 */
.profile-dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu li a .menu-icon {
    margin-right: 10px;
    font-size: 18px;
    width: auto;
    height: auto;
    color: #999;
    min-width: 20px;
}

/* 반응형 디자인을 위한 미디어 쿼리 */
@media screen and (max-width: 600px) {
    .profile-btn {
        padding: 8px 10px;
    }

    .profile-icon {
        width: 25px;
        height: 25px;
    }

    .profile-name {
        display: none; /* 작은 화면에서는 이름 숨김 */
    }
}


 /* media query */
@media all and (min-width:300px) and (max-width:1024px) {

    #wrap { min-width:1300px; }
    #header { position:absolute; top:0; left:0; right:0; border-bottom:none; z-index:11; }
    #header.sticky,
    #header.wh,
    #header:hover { position:fixed; background:rgba(0,0,0,0.5); border:none; height:calc(90/640*100vw);}
    #header:hover .profile-name { color: black}
    #header:hover .arrow-down { color: black}
    #header.sticky .wrap h1 a,
    #header.wh .wrap h1 a,
    #header:hover .wrap h1 a { background-image:url(../images/logo.png); }
    #header .wrap { margin:0 auto; /*width:1500px;*/}
    #header .wrap h1 a {width:calc(209/640*100vw);height:calc(48/640*100vw);  background-size:100% 100%;}
    #gnb {display:none;}
    #tm { display:none;}
    #footer .wrap { font-size:calc(14/640*100vw);}
    .about .t_tx span {font-size:calc(24/640*100vw);}

    .mt_slier .swiper-container { position:absolute;}
    .mt_slier { position:absolute;}
    .st_img  { position:absolute;}
    .pu_fm01,
    .pu_fm02{position:fixed;left:0;top:0px;margin-left:0;width:100%;height:100%; background:#fff; box-sizing:border-box;z-index:99;-webkit-transform:none; }

    .pu_fm01 .bt_close,
    .pu_fm02 .bt_close { position:absolute; display:block;top:0;left:auto;right:0; width:calc(70/640*100vw); height:calc(70/640*100vw); background:#9e9e9e url(/images/bt_close.png) no-repeat 0 0;background-size:100%; text-indent:-9999px;margin:0; z-index:999}
    .pu_mem{position:fixed;left:0;top:20px;margin-left:0;width:100%;height:100%; background:#fff; box-sizing:border-box;z-index:99;-webkit-transform:none; }

    .pu_mem .bt_close { position:absolute; display:block;top:0;left:auto;right:0; width:calc(70/640*100vw); height:calc(70/640*100vw); background:#9e9e9e url(/images/bt_close.png) no-repeat 0 0;background-size:100%; text-indent:-9999px;margin:0; z-index:999}
}




@media all and (min-width:300px) and (max-width:1500px) {
.mt_slier .swiper-slide .tx,
.mt_slier .pagination {left:0; margin-left:40px;}
#btn-vol {right:0;margin-right:40px;}

#header .wrap h1 {left:40px;}

}



 @media all and (min-width:1024px)  {
#header .menu {display:none !important;}

}



.delay-02s {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.delay-04s {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.delay-06s {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.delay-08s {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.delay-13s {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}
.delay-15s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}