@charset "utf-8";
@import url('../css/style.css');


/** RESET **/
*{margin:0;padding:0;}
html,body{-webkit-text-size-adjust:100%; overflow-x: hidden;}
html.layer_activated,body.layer_activated{overflow:hidden;} /* 20201112 퍼블리싱 수정 */
body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,hgroup,p,blockquote,figure,form,fieldset,input,legend,pre,abbr,button{margin:0;padding:0;}
body,button,input,select,table,textarea,pre{margin:0;padding:0;font-family:'Montserrat','Gothic A1',sans-serif;color:#000;font-size:12px;letter-spacing:-0.05em;line-height:1.1;}
fieldset,iframe,img{border:0;}
img{width:100%;height:auto;border:none;vertical-align:top;}
ol,ul,li{list-style:none;}
table{table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;}
article,aside,footer,header,nav,main,section,summary,details,hgroup,figure,figcaption{display:block;}
button{overflow:visible;border:0;background:none;color:inherit;font:inherit;line-height:inherit;cursor:pointer;}
button:focus{outline:none;}
button:disabled{cursor:default;}
a{color:#000;text-decoration:none;}
a:active,a:hover{text-decoration:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
.blind,caption{overflow:hidden;position:absolute;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
caption{position:static;}
input,textarea,select{border-radius:0;box-shadow:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
strong{font-weight:500;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}

/* COMMON STYLE */
.hide{overflow:hidden;position:absolute;left:-9999px;width:0;height:0;text-indent:-9999px;font-size:0;line-height:0;}

.col_black{color:#000 !important;}
.col_gray{color:#666 !important;}
.col_red{color:#f00 !important;}
.col_yellow{color:#fff000 !important;}
.col_white{color:#fff !important;}

.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.float_l{float:left !important;}
.float_r{float:right !important;}

.txt_l{text-align:left !important;}
.txt_r{text-align:right !important;}
.txt_c{text-align:center !important;}

.txt_shadow {
  text-shadow:
  /* first layer at 1px */
  -1px -1px 0px #000,
   0px -1px 0px #000,
   1px -1px 0px #000,
  -1px  0px 0px #000,
   1px  0px 0px #000,
  -1px  1px 0px #000,
   0px  1px 0px #000,
   1px  1px 0px #000,
  /* second layer at 2px */
  -2px -2px 0px #000,
  -1px -2px 0px #000,
   0px -2px 0px #000,
   1px -2px 0px #000,
   2px -2px 0px #000,
   2px -1px 0px #000,
   2px  0px 0px #000,
   2px  1px 0px #000,
   2px  2px 0px #000,
   1px  2px 0px #000,
   0px  2px 0px #000,
  -1px  2px 0px #000,
  -2px  2px 0px #000,
  -2px  1px 0px #000,
  -2px  0px 0px #000,
  -2px -1px 0px #000;
}
#wrap{position:relative;width:100%;height:100%;margin:0 auto;}
.page_wrap{min-height:568px;margin:0 auto;}
.inner{position:relative;}

.no_pc {display: none!important;}
.no_mobile {display: block!important;}

h1 {}
h2 {text-align:center;font-family:"CookieRun-Black";font-size:60px;line-height:1.2em;color:#fff;text-shadow:0 4px 7px rgba(0,0,0,0.35);}
h2 strong {text-align:center;font-family:"CookieRun-Black";font-size:60px;line-height:1.2em;color:#fff;text-shadow:0 4px 7px rgba(0,0,0,0.35);}
h3 {text-align:center;font-family:"CookieRun-Bold";font-size:54px;color:#e60021;}
h4 {text-align:center;font-family:"CookieRun-Bold";font-size:42px;color:#000;}

.btn_wrap {margin-top:80px;text-align:center;font-size:0;}
.btn_wrap > a, .btn_wrap > button {display:inline-block;height:90px;padding:0 40px;margin:0 15px;border-radius:45px;vertical-align:top;text-align:center;font-size:24px;font-weight:700;line-height:90px;color:#fff;}
.btn_wrap > a span, .btn_wrap > button span {display:block;font-size:inherit;line-height:inherit;}
.btn_wrap .btn_black {background:#333;transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;}
.btn_wrap .btn_black:hover {background:#e60021;transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;}
.btn_wrap .btn_red {background:#e60021;}
.btn_link span {padding-right:32px;background:url(../img/ico_btn_arrow.png) no-repeat right center;}
.btn_down span {padding-right:52px;background:url(../img/ico_btn_down.png) no-repeat right center;}

input {appearance:none;-webkit-appearance:none;min-width:240px;height:50px;padding:0 15px;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;font-size:16px;color:#333;background-color:#fff;}
select {appearance:none;-webkit-appearance:none;min-width:180px;height:50px;padding:0 25px;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;font-size:16px;color:#333;background: url(../img/select_arr01.png) no-repeat calc(100% - 25px) center;}
/* .input_box.sch input {padding-right:45px;background:#fff url(../img/ico_search01.png) no-repeat calc(100% - 15px) center;} */

/* HEADER */
#header {position:fixed;top:0;left:0;z-index:100;width:100%;height:200px;background:linear-gradient(to bottom,rgba(0,0,0,0.4),rgba(0,0,0,0));}
#header .inner {position:relative;max-width:1800px;padding:0 20px 0 130px;margin:0 auto;box-sizing:border-box;}
#header .logo {position:absolute;top:0;left:20px;z-index:1;height:53px;padding:25px 0 0;}
#header .btn_fullmenu {display:none;}
#header .menu_wrap {position:relative;padding-right:15px;}
#header .util{overflow:hidden;position:absolute;top:30px;right:20px;z-index:1;}
/* 20201110 퍼블리싱 수정 - s */
#header .util li {float:left;position:relative;padding:15px 0;}
#header .util li a {display:block;position:relative;height:40px;padding:0;font-size:14px;line-height:40px;color:#fff;}
#header .util li.login {width:100px;padding-right:20px;}
#header .util li.login:after {content:"";display:block;position:absolute;top:35px;right:0;width:1px;height:10px;margin-top:-5px;background:rgba(255,255,255,0.2);}
#header .util li.lang {width:36px;padding-left:20px;}
#header .util li.lang .custom_select .opt_list li a {padding:1px 0 0;text-align:center;}
#header .util li .custom_select {display:block;position:relative;vertical-align:top;text-align:left;}
#header .util li .custom_select .sel_a {display:block;position:relative;height:40px;padding:0;border:none;outline:none;font-size:14px;line-height:40px;color:#fff;background:transparent url(../img/select_arr_header.png) no-repeat right center;}
#header .util li .custom_select .opt_list {display:none;position:relative;z-index:1;}
#header .util li .custom_select.active .opt_list {display:block;}
#header .util li .custom_select .opt_list li {float:none;padding:0;margin-top:-1px;}
#header .util li .custom_select .opt_list li ~ li a {border-top:1px solid #666;}
#header .util li .custom_select .opt_list li a {display:block;position:relative;z-index:2;width:100%;height:40px;padding:1px 19px 0;box-sizing:border-box;text-align:left;font-size:14px;line-height:40px;color:#fff;background:#333;}

#header .gnb_menu {padding-right:176px;text-align:center;font-size:0;}
/* 20201110 퍼블리싱 수정 - e */
#header .gnb_menu > li {display:inline-block;position:relative;vertical-align:top;text-align:center;}
#header .gnb_menu .depth01 {display:inline-block;padding:50px 25px;font-size:18px;font-weight:700;line-height:30px;color:#fff;}
#header .gnb_menu .depth01:hover {text-decoration:underline;}
#header .gnb_menu .depth01.current {text-decoration:underline;color:#e60021;}
#header .gnb_menu .depth02 {display:none;position:absolute;top:100px;left:25px;right:25px;width:calc(100% - 50px);padding:20px 30px;box-sizing:border-box;width: 220px;}
#header .gnb_menu .depth02 li a {display:block;padding:10px 0;text-align:left;font-size:15px;line-height:22px;word-break:keep-all;color:#ffc1ca;}
#header .gnb_menu .depth02 li a:hover {color:#fff;text-decoration:underline;}
#header .gnb_menu .depth02 li a.current{ color:#fff;text-decoration:underline;}
#header .gnb_menu > li.active .depth02 {display:block;background:#e60021;}

/* FOOTER */
#footer {position:relative;background:#5a5a5a}
#footer .inner {overflow:visible;position:relative;max-width:1800px;height:200px;padding:0 20px;margin:0 auto;box-sizing:border-box;background:#5a5a5a;}
#footer .inner:before {content:"";display:block;clear:both;width:100%;}
#footer .logo {float:left;padding-top:50px;}
#footer .logo a {display:block;}
#footer .info_box {float:left;padding:50px 0 0 105px;}
#footer .info_box .f_menu {overflow:hidden;}
#footer .info_box .f_menu li {float:left;}
#footer .info_box .f_menu li a {display:block;position:relative;padding:10px 15px;font-size:15px;font-weight:600;color:#fff;text-transform:uppercase;}
#footer .info_box .f_menu li a:before {content:"";display:block;position:absolute;top:50%;left:0;z-index:1;width:1px;height:14px;margin-top:-7px;background:#adadad;}
#footer .info_box .f_menu li:first-child a {padding-left:0;}
#footer .info_box .f_menu li:first-child a:before {display:none;}
#footer .info_box .logo_txt {display:none;}
#footer .info_box address {display:block;margin-top:5px;font-size:15px;color:#fff;}
#footer .info_box .copyright {display:block;margin-top:25px;font-size:15px;color:#fff;}
#footer .f_util {position:absolute;top:40px;right:20px;z-index:1;text-align:right;font-size:0;}
#footer .f_util .f_sns {display:inline-block;vertical-align:top;}
#footer .f_util .f_sns li {display:inline-block;margin-right:10px;vertical-align:top;}
#footer .f_util .f_sns li a {display:inline-block;width:45px;height:45px;border:1px solid #787878;box-sizing:border-box;vertical-align:top;}
#footer .f_util .f_sns li a.btn_instagram {background:url(../img/ico_sns_instagram.png) no-repeat center center;}
/* 20201110 퍼블리싱 수정 - s */
#footer .f_util .custom_select {display:inline-block;position:relative;vertical-align:top;text-align:left;}
#footer .f_util .custom_select .sel_a {display:inline-block;min-width:180px;height:45px;padding:0 33px 0 23px;border:1px solid #787878;border-radius:0;outline:none;box-sizing:border-box;font-size:15px;line-height:43px;color:#fff;background:#5a5a5a url(../img/select_arr_footer.png) no-repeat 90% center;}
#footer .f_util .custom_select .opt_list {display:none;position:relative;z-index:1;margin-top:-44px;transform:translateY(-100%);}
#footer .f_util .custom_select.active .opt_list {display:block;}
#footer .f_util .custom_select .opt_list li {margin-top:-1px;}
#footer .f_util .custom_select .opt_list li a {display:inline-block;position:relative;z-index:2;width:100%;height:45px;padding:1px 33px 0 23px;border:1px solid #787878;box-sizing:border-box;text-align:left;font-size:15px;line-height:43px;color:#fff;background:#5a5a5a;}
#footer .f_util .custom_select .opt_list li a:hover {background:#333;}
/* 20201110 퍼블리싱 수정 - e */

/*20201124*/
.family_site select {appearance:none;-webkit-appearance:none;min-width:180px;height:45px;padding:0 25px;border:1px solid rgba(255,255,255,0.2);border-radius:0px;box-sizing:border-box;font-size:16px;color:#ffffff;background: url(../img/select_arr01.png) no-repeat calc(100% - 25px) center;}

#fp-nav{z-index:90;}
#fp-nav ul li,
.fp-slidesNav ul li {height:auto; margin: 15px 7px}
#fp-nav ul li a,
.fp-slidesNav ul li a {width:12px;height:12px;}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:6px;background:#fff;}
#fp-nav ul li a.active {height:32px;}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {height:32px;margin:-16px 0 0 -6px;border-radius:6px;background:#e60021;}
#fp-nav ul li .fp-tooltip {overflow:visible;top:50%;padding:8px 10px;margin-top:-15px;border-radius:5px;font-size:14px;color:#fff;background:#e60021;}
#fp-nav ul li .fp-tooltip:after {content:"";display:block;position:absolute;top:50%;left:100%;z-index:1;width:0;height:0;border-top:7px solid transparent;border-right:0;border-bottom:7px solid transparent;border-left:8px solid #e60021;margin-top:-7px;}
#fp-nav ul li .fp-tooltip.fp-right {right:30px;}

#go_top_box {position:fixed;bottom:20px;right:20px;z-index:10;}
#go_top_box a.btn_go_top {display:block;width:70px;height:71px;text-indent:-9999px;font-size:0;background:url(../img/ico_top.png) no-repeat center center;}

/* MAIN */
.main_wrap {padding:0;}
.main_wrap .section {background-repeat:no-repeat;background-size:cover;background-position:center top;}
.main_wrap .section a {-webkit-tap-highlight-color:initial;}
.main_wrap .sect01 {background-image:url(../img/main/main_bg01.jpg);}
.main_wrap .sect02 {background-image:url(../img/main/main_bg02.jpg);}
.main_wrap .sect03 {background-image:url(../img/main/main_bg03.jpg);}
.main_wrap .sect04 {background-image:url(../img/main/main_bg04.jpg);}
.main_wrap .sect05 {background-image:url(../img/main/main_bg05.jpg);}
.main_wrap .sect06 {background-image:url(../img/main/main_bg06.jpg);}
.main_wrap .con_box {position:absolute;top:50%;left:50%;z-index:1;width:100%;max-width:1200px;padding:0 100px;margin:0 auto;box-sizing:border-box;transform:translate(-50%,-50%);}
.main_wrap .con_box p {color:#fff;}
.main_wrap .con_box.t_left {text-align:left;}
.main_wrap .con_box.t_right {text-align:right;}
.main_wrap .con_box .txt01 {opacity:0;font-size:40px;font-weight:700;transform:translateY(100px);transition:all 0.6s ease-out;-webkit-transition:all 0.6s ease-out;}
.main_wrap .con_box .txt02 {opacity:0;margin-top:30px;font-size:16px;line-height:26px;transform:translateY(100px);transition:all 0.6s ease-out;-webkit-transition:all 0.6s ease-out;}
.main_wrap .con_box .txt02 + .txt02 {margin-top:15px;}
.main_wrap .sect01 .con_box {position:static;max-width:100%;height:100%;padding:0;transform:translate(0,0);}
.main_wrap .sect01 .con_box .video_box {display:block;position:relative;height:100%;}
.main_wrap .sect01 .con_box .video_box video {position:absolute;top:0;bottom:0;left:0;right:0;z-index:3;width:100%;height:100%;background-color:#000;background-position:center center;background-size:contain;object-fit:cover;}
.main_wrap .sect01 .con_box .video_box .btn_play_video {display:none;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:url(../img/ico_play01.png) no-repeat center center;}
.main_wrap .sect06 .con_box {margin-top:-220px;}
.main_wrap .sect07 {background:#000;} /* 20201104 추�? ?�정 */
.main_wrap .sect07 ul {display:table;table-layout:fixed;width:100%;height:100%;}
.main_wrap .sect07 ul li {display:table-cell;width:calc(100%/3);height:100%;vertical-align:middle;text-align:center;background-repeat:no-repeat;background-size:cover;background-position:center top;}
.main_wrap .sect07 ul li a {display:block;}
.main_wrap .sect07 ul li a strong {display:block;opacity:0;font-size:32px;font-weight:700;color:#fff;transform:translateY(100px);transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
.main_wrap .sect07 ul li a em {display:inline-block;opacity:0;height:50px;padding:0 35px;margin-top:35px;border:1px solid #fff;border-radius:25px;vertical-align:top;text-align:center;font-size:16px;font-weight:500;line-height:48px;white-space:nowrap;color:#fff;transform:translateY(100px);transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
.main_wrap .sect07 ul li:nth-child(1) {background-image:url(../img/main/main_bg07_01.jpg);}
.main_wrap .sect07 ul li:nth-child(2) {background-image:url(../img/main/main_bg07_02.jpg);}
.main_wrap .sect07 ul li:nth-child(3) {background-image:url(../img/main/main_bg07_03.jpg);}

.main_wrap .section.fp-completely {}
.main_wrap .section.fp-completely .con_box .txt01 {opacity:1;transform:translateY(0);transition:all 0.6s ease-out;-webkit-transition:all 0.6s ease-out;}
.main_wrap .section.fp-completely .con_box .txt02 {opacity:1;transform:translateY(0);transition:all 0.6s ease-out 0.2s;-webkit-transition:all 0.6s ease-out 0.2s;}
.main_wrap .section.fp-completely.sect07 ul li:nth-child(1) strong {opacity:1;transform:translateY(0);transition:all 0.6s ease-out;-webkit-transition:all 0.6s ease-out;}
.main_wrap .section.fp-completely.sect07 ul li:nth-child(2) strong {opacity:1;transform:translateY(0);transition:all 0.6s ease-out 0.1s;-webkit-transition:all 0.6s ease-out 0.1s;}
.main_wrap .section.fp-completely.sect07 ul li:nth-child(3) strong {opacity:1;transform:translateY(0);transition:all 0.6s ease-out 0.2s;-webkit-transition:all 0.6s ease-out 0.2s;}
.main_wrap .section.fp-completely.sect07 ul li:nth-child(1) em {opacity:1;transform:translateY(0);transition:all 0.6s ease-out 0.1s;-webkit-transition:all 0.6s ease-out 0.1s;}
.main_wrap .section.fp-completely.sect07 ul li:nth-child(2) em {opacity:1;transform:translateY(0);transition:all 0.6s ease-out 0.2s;-webkit-transition:all 0.6s ease-out 0.2s;}
.main_wrap .section.fp-completely.sect07 ul li:nth-child(3) em {opacity:1;transform:translateY(0);transition:all 0.6s ease-out 0.3s;-webkit-transition:all 0.6s ease-out 0.3s;}

/* SUB */
.sub_wrap {}
.sub_wrap h4 {margin-top:150px;}
.sub_wrap .top_visual {overflow:hidden;position:relative;}
.sub_wrap .top_visual:after {content:"";display:block;position:absolute;bottom:0;left:0;z-index:1;width:0;height:0;border-top:100px solid transparent;border-right:50vw solid #fff;border-left:50vw solid #fff;}
.sub_wrap .top_visual h2 {position:absolute;top:50%;left:50%;z-index:1;font-size:60px;line-height:72px;font-weight:900;color:#fff;text-transform:uppercase;transform:translate(-50%,-50%);}
.sub_wrap .top_visual h2 strong {display:block;font-size:60px;line-height:72px;font-weight:900;color:#fff;text-transform:uppercase;}
.sub_wrap .navi_wrap {margin-top:155px;}
.sub_wrap .navi_wrap h3 {margin-top:155px;font-size:54px;font-weight:900;color:#e60021;text-transform:uppercase;}
.sub_wrap .navi_wrap .navigation_list {margin-top:40px;text-align:center;font-size:0;}
.sub_wrap .navi_wrap .navigation_list > li {display:inline-block;position:relative;vertical-align:top;}
.sub_wrap .navi_wrap .navigation_list > li a {display:inline-block;padding:10px;vertical-align:top;font-size:16px;line-height:20px;color:#666;}
.sub_wrap .navi_wrap .navigation_list > li:before {content:"";display:inline-block;width:5px;height:40px;vertical-align:top;background:url(../img/ico_navi_arrow.png) no-repeat center center;}
.sub_wrap .navi_wrap .navigation_list > li:first-child:before {display:none;}
.sub_wrap .navi_wrap .navigation_list > li:first-child a {width:15px;height:20px;text-indent:-9999px;font-size:0;background:url(../img/ico_home.png) no-repeat center center;}
.sub_wrap .navi_wrap .navigation_list > li:last-child a {font-weight:700;color:#333;}
.sub_wrap .sub_tab_wrap {overflow:hidden;position:relative;z-index:1;max-width:1400px;padding:60px 20px 0;margin:0 auto;}
.sub_wrap .sub_tab_wrap .tab_menu {margin:0 -10px;}
.sub_wrap .sub_tab_wrap .tab_menu > li {display:table;float:left;position:relative;width:25%;padding:0 10px;box-sizing:border-box;}
.sub_wrap .sub_tab_wrap .tab_menu > li:before {content:"";display:block;position:absolute;bottom:0;left:0;z-index:0;width:100%;height:50px;background:url(../img/ico_tab01.png) no-repeat 38px top;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
.sub_wrap .sub_tab_wrap.sub02 .tab_menu > li:before {background:url(../img/ico_tab02.png) no-repeat 38px top;}
.sub_wrap .sub_tab_wrap.sub03 .tab_menu > li:before {background:url(../img/ico_tab03.png) no-repeat 38px top;}
.sub_wrap .sub_tab_wrap.sub04 .tab_menu > li:before {background:url(../img/ico_tab04.png) no-repeat 38px top;}
.sub_wrap .sub_tab_wrap .tab_menu > li a {display:table-cell;position:relative;height:70px;border-radius:10px;vertical-align:middle;text-align:center;font-size:22px;font-weight:700;line-height:30px;color:#fff;}
.sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(1):before {background-position:38px 0;}
.sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(2):before {background-position:38px -50px;}
.sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(3):before {background-position:38px -100px;}
.sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(4):before {background-position:38px -150px;}
.sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(1) a {background-color:#0e9aff;}
.sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(2) a {background-color:#9cc624;}
.sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(3) a {background-color:#ff7223;}
.sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(4) a {background-color:#c61fa1;}
.sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(1).hover a {background-color:#086db6;}
.sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(2).hover a {background-color:#85ae0f;}
.sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(3).hover a {background-color:#ea5400;}
.sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(4).hover a {background-color:#b80590;}
.sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(1).hover:before {bottom:70px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
.sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(2).hover:before {bottom:70px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
.sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(3).hover:before {bottom:70px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
.sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(4).hover:before {bottom:70px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
.sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(1).active a {background-color:#086db6;}
.sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(2).active a {background-color:#85ae0f;}
.sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(3).active a {background-color:#ea5400;}
.sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(4).active a {background-color:#b80590;}
.sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(1).active:before {bottom:70px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
.sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(2).active:before {bottom:70px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
.sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(3).active:before {bottom:70px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
.sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(4).active:before {bottom:70px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}

/* EDUCATIONAL PUBLISHERS */
/* EDU - COMMON */
.edu_wrap {padding-bottom:120px;}
.edu_wrap .inner {overflow:visible;max-width:1400px;padding:0 20px;margin:0 auto;box-sizing:border-box;}
.edu_wrap .inner:before {content:"";display:block;clear:both;width:100%;height:1px;margin-top:-1px;}
.edu_wrap .inner:after {content:"";display:block;clear:both;width:100%;height:1px;margin-top:-1px;}
.edu_wrap .cont_list {}
.edu_wrap .cont_list > li {position:relative;width:100%;max-width:1400px;height:500px;padding:80px;margin:50px auto 0;border-radius:20px;box-sizing:border-box;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.edu_wrap .cont_list > li .txt_box {display:block;position:absolute;top:50%;z-index:1;width:40%;transform:translateY(-50%);}
.edu_wrap .cont_list > li .txt_box .sub_title {font-size:30px;line-height:38px;font-weight:700;color:#fff;}
.edu_wrap .cont_list > li .txt_box .sub_txt:before {content:"";display:block;clear:both;width:115px;height:2px;margin:30px 0px;background:#fff;}
.edu_wrap .cont_list > li .txt_box .sub_txt.col_gray:before {background:#000;}
.edu_wrap .cont_list > li .txt_box .sub_txt {font-size:18px;line-height:24px;color:#fff;}
.edu_wrap .cont_list > li .txt_box .sub_title + .sub_txt {margin-top:30px;}
.edu_wrap .cont_list > li .txt_box .sub_txt strong {display:block;font-weight:600; margin-bottom: 15px;}
.edu_wrap .cont_list > li .txt_box .sub_txt em {font-weight:700;}
.edu_wrap .cont_list > li .txt_box .sub_txt ul {overflow:hidden;}
.edu_wrap .cont_list > li .txt_box .sub_txt ul li {float:left;width:50%;font-size:16px}
.edu_wrap .cont_list > li .txt_box .sub_txt ul + strong {margin-top:30px;}
.edu_wrap .cont_list > li .img_box {display:block;position:absolute;top:50%;z-index:1;max-width:calc(60% - 240px);transform:translateY(-50%);}
.edu_wrap .cont_list > li .ani_obj {display:block;position:absolute;z-index:2;}
.edu_wrap .cont_list > li .ani_obj img {width: auto !important}
.edu_wrap .cont_list > li .pos_t {top:0;bottom:auto;transform:translateY(0);}
.edu_wrap .cont_list > li .pos_b {top:auto;bottom:0;transform:translateY(0);}
.edu_wrap .cont_list > li .pos_l {left:80px;right:auto;}
.edu_wrap .cont_list > li .pos_r {left:auto;right:80px;}
.edu_wrap .cont_list > li.auto_hei {height:auto;}
.edu_wrap .cont_list > li.auto_hei .txt_box {position:static;transform:translateY(0);}
.edu_wrap .cont_list > li.auto_hei .img_box {position:static;transform:translateY(0);}
.edu_wrap .cont_list > li.auto_hei .pos_l {float:left;}
.edu_wrap .cont_list > li.auto_hei .pos_r {float:right;}
.edu_wrap .cont_list > li .tbl_wrap {margin:0 -30px;}
.edu_wrap .tbl_wrap {overflow:hidden;clear:both;}
.edu_wrap .tbl_wrap table {overflow:hidden;table-layout:fixed;width:100%;margin-top:20px;border-radius:10px;text-align:center;font-size:16px;line-height:20px;color:#fff;}
.edu_wrap .tbl_wrap table thead th {height:45px;text-align:center;font-weight:700;background:rgba(0,0,0,0.6);}
.edu_wrap .tbl_wrap table tbody th {padding:20px 0;border-bottom:1px solid rgba(255,255,255,0.2);text-align:center;font-weight:700;background:rgba(0,0,0,0.3);}
.edu_wrap .tbl_wrap table tbody td {padding:20px 0;border-bottom:1px solid rgba(255,255,255,0.2);text-align:center;background:rgba(0,0,0,0.3);}
.edu_wrap .tbl_wrap table tbody tr:last-child th,
.edu_wrap .tbl_wrap table tbody tr:last-child td {border-bottom:none;}

.brd_wrap {}
.brd_wrap .inner {}
.brd_wrap .brd_top {overflow:hidden;margin-top:65px;}
.brd_wrap .brd_top .cnt {float:left;padding:15px 0 0;font-size:16px;line-height:20px;color:#333;}
.brd_wrap .brd_top .cnt span {font-weight:500;color:#e60021;}
.brd_wrap .brd_top .opt_box {float:right; margin-bottom: 20px;}
.brd_wrap .brd_top .opt_box select {display:inline-block;vertical-align:top;}
.brd_wrap .brd_top .opt_box select .input_box {display:inline-block;vertical-align:top;}
.brd_wrap .brd_top .opt_box select .input_box.sch {}
.brd_wrap .thm_list {overflow:hidden;margin:50px -25px 0;font-size:0;}
.brd_wrap .thm_list > li {display:block;float:left;width:25%;padding:0 25px;margin-bottom:50px;box-sizing:border-box;}
.brd_wrap .thm_list > li:nth-child(4n + 1) {clear:both;}
.brd_wrap .thm_list > li a {display:block;}
.brd_wrap .thm_list > li a .img_box {display:block;height:310px;border:2px solid #ddd;border-radius:20px;background:#f7f7f7 url(../img/logo_gray.png) no-repeat center center;}
.brd_wrap .thm_list > li a .img_box img {width:100%;height:auto;border-radius: 20px;}
.brd_wrap .thm_list > li a .txt_title {display:block;margin-top:15px;font-size:20px;font-weight:700;line-height:30px;color:#000;}
.brd_wrap .thm_list > li a .txt_date {display:block;margin-top:10px;font-size:16px;line-height:30px;color:#999;}
.brd_wrap .brd_paging {padding-top:50px;border-top:1px solid #ddd;text-align:center;font-size:0;}
.brd_wrap .brd_paging a {display:inline-block;width:50px;height:50px;margin:0 5px;border:1px solid #ccc;border-radius:50%;box-sizing:border-box;vertical-align:top;text-align:center;font-size:16px;line-height:48px;color:#666;}
.brd_wrap .brd_paging a.active {border-color:#e60021;color:#fff;background:#e60021;}
.brd_wrap .brd_paging a.btn_start {overflow:hidden;text-indent:-9999px;font-size:0;background:url(../img/ico_paging_start01.png) no-repeat center center;}
.brd_wrap .brd_paging a.btn_prev {overflow:hidden;text-indent:-9999px;font-size:0;background:url(../img/ico_paging_prev01.png) no-repeat center center;}
.brd_wrap .brd_paging a.btn_next {overflow:hidden;text-indent:-9999px;font-size:0;background:url(../img/ico_paging_next01.png) no-repeat center center;}
.brd_wrap .brd_paging a.btn_end {overflow:hidden;text-indent:-9999px;font-size:0;background:url(../img/ico_paging_end01.png) no-repeat center center;}


/* EDU - INTRO01 */
.edu_wrap .intro01 {position:relative;}
.edu_wrap .intro01:before {content:"";display:block;position:absolute;top:2000px;left:0;z-index:0;width:149px;height:866px;background:url(../img/edu/sub01_intro_icons01.png) no-repeat left top;}
.edu_wrap .intro01:after {content:"";display:block;position:absolute;top:1450px;right:0;z-index:0;width:205px;height:1941px;background:url(../img/edu/sub01_intro_icons02.png) no-repeat left top;}
.edu_wrap .intro01 .bg01 {padding:120px 0 200px;margin-top:60px;background:#f7f7f7;}
.edu_wrap .intro01 .bg01 h4 {margin-top:120px;}
.edu_wrap .intro01 .bg02 {min-height:2071px;margin-top:-80px;background:url(../img/edu/sub01_intro_bg02.png) no-repeat center top;}
.edu_wrap .intro01 .bg02 h4 {margin-top:200px;}
.edu_wrap .intro01 .inner {position:relative;z-index:1;}
.edu_wrap .intro01 .video_wrap {overflow:hidden;border-radius:20px;background:#c6c6c6;}
.edu_wrap .intro01 .video_wrap video {width: 100%;}
.edu_wrap .intro01 .bg01 .cont_list > li:nth-child(1) {background-image:url(../img/edu/sub01_intro_shape01.png);}
.edu_wrap .intro01 .bg01 .cont_list > li:nth-child(2) {background-image:url(../img/edu/sub01_intro_shape02.png);}
.edu_wrap .intro01 .bg01 .cont_list > li:nth-child(3) {background-image:url(../img/edu/sub01_intro_shape03.png);}
.edu_wrap .intro01 .bg01 .cont_list > li:nth-child(4) {background-image:url(../img/edu/sub01_intro_shape04.png);}
.edu_wrap .intro01 .bg01 .cont_list > li:nth-child(5) {background-image:url(../img/edu/sub01_intro_shape05.png);}
.edu_wrap .intro01 .bg02 .cont_list > li:nth-child(1) {background-image:url(../img/edu/sub01_intro_shape06.png);}
.edu_wrap .intro01 .bg02 .cont_list > li:nth-child(2) {background-image:url(../img/edu/sub01_intro_shape07.png);}
.edu_wrap .intro01 .bg02 .cont_list > li:nth-child(3) {background-image:url(../img/edu/sub01_intro_shape08.png);}
.edu_wrap .intro01 .bg01 .cont_list > li:nth-child(1) .ani_obj {right:-15%;width: 414px; height: 326px;}
.edu_wrap .intro01 .bg01 .cont_list > li:nth-child(1) .ani_obj.obj02 {bottom:0px;left:60px;right:-160px;width:121px;height:111px;}
.edu_wrap .intro01 .bg01 .cont_list > li:nth-child(2) .ani_obj {bottom:30px;right:60px;width:236px;height:146px;}
.edu_wrap .intro01 .bg01 .cont_list > li:nth-child(3) .ani_obj {bottom:0;left:80px;width:255px;height:128px;}
.edu_wrap .intro01 .bg01 .cont_list > li:nth-child(4) .ani_obj {bottom:40px;right:60px;width:266px;height:158px;}
.edu_wrap .intro01 .bg01 .cont_list > li:nth-child(5) .ani_obj {bottom:-135px;left:-250px;width:365px;height:304px;}
.edu_wrap .intro01 .bg01 .cont_list > li:nth-child(5) .ani_obj.obj02 {bottom:-20px;left:auto;right:35%;width:170px;height:125px;}
.edu_wrap .intro01 .bg02 .cont_list > li:nth-child(1) .ani_obj {bottom:50px;right:50px;width:268px;height:217px;}
.edu_wrap .intro01 .bg02 .cont_list > li:nth-child(2) .ani_obj {bottom:0px;left:40%;width:193px;height:173px;}
.edu_wrap .intro01 .bg02 .cont_list > li:nth-child(3) .ani_obj {bottom:-30px;right:-80px;width:275px;height:161px;}

/* EDU - INTRO02 */
.edu_wrap .intro02 {position:relative;}
.edu_wrap .intro02:before {content:"";display:block;position:absolute;top:1000px;left:0;z-index:0;width:149px;height:1705px;background:url(../img/edu/sub02_intro_icons01.png) no-repeat left top;}
.edu_wrap .intro02:after {content:"";display:block;position:absolute;top:580px;right:0;z-index:0;width:205px;height:2708px;background:url(../img/edu/sub02_intro_icons02.png) no-repeat left top;}
.edu_wrap .intro02 .bg01 {padding-bottom:200px;margin-top:-35px;background:#f7f7f7;}
.edu_wrap .intro02 .bg02 {min-height:2662px;margin-top:-80px;background:url(../img/edu/sub02_intro_bg02.png) no-repeat center top;}
.edu_wrap .intro02 .bg02 h4 {margin-top:200px;}
.edu_wrap .intro02 .inner {position:relative;z-index:1;}
.edu_wrap .intro02 .bg01 .cont_list > li:nth-child(1) {background-image:url(../img/edu/sub02_intro_shape01.png);}
.edu_wrap .intro02 .bg01 .cont_list > li:nth-child(2) {background-image:url(../img/edu/sub02_intro_shape02.png);}
.edu_wrap .intro02 .bg01 .cont_list > li:nth-child(3) {background-image:url(../img/edu/sub02_intro_shape03.png);}
.edu_wrap .intro02 .bg01 .cont_list > li:nth-child(4) {background-image:url(../img/edu/sub02_intro_shape04.png);}
.edu_wrap .intro02 .bg01 .cont_list > li:nth-child(5) {background-image:url(../img/edu/sub02_intro_shape05.png);}
.edu_wrap .intro02 .bg02 .cont_list > li:nth-child(1) {background-image:url(../img/edu/sub02_intro_shape06.png);}
.edu_wrap .intro02 .bg02 .cont_list > li:nth-child(2) {background-image:url(../img/edu/sub02_intro_shape07.png);}
.edu_wrap .intro02 .bg02 .cont_list > li:nth-child(2) .img_box {bottom:-15px;left:130px;}
.edu_wrap .intro02 .bg02 .cont_list > li:nth-child(3) {background-image:url(../img/edu/sub02_intro_shape08.png);}
.edu_wrap .intro02 .bg02 .cont_list > li:nth-child(4) {background-image:url(../img/edu/sub02_intro_shape09.png);}
.edu_wrap .intro02 .bg02 .cont_list > li:nth-child(1) .ani_obj {top:-50px;left:10px;width:105px;height:110px;}
.edu_wrap .intro02 .bg02 .cont_list > li:nth-child(1) .ani_obj.obj02 {top:auto;bottom:100px;left:auto;right:-30px;width:87px;height:84px;}
.edu_wrap .intro02 .bg02 .cont_list > li:nth-child(2) .ani_obj {top:50px;left:-20px;width:126px;height:157px;}
.edu_wrap .intro02 .bg02 .cont_list > li:nth-child(2) .ani_obj.obj02 {top:auto;bottom:-20px;left:auto;right:-30px;width:135px;height:152px;}
.edu_wrap .intro02 .bg02 .cont_list > li:nth-child(3) .ani_obj {top:50%;left:-70px;width:97px;height:110px;}
.edu_wrap .intro02 .bg02 .cont_list > li:nth-child(3) .ani_obj.obj02 {top:35%;left:auto;right:-40px;width:79px;height:103px;}
.edu_wrap .intro02 .bg02 .cont_list > li:nth-child(4) .ani_obj {top:35%;left:-60px;width:110px;height:124px;}
.edu_wrap .intro02 .bg02 .cont_list > li:nth-child(4) .ani_obj.obj02 {top:70px;left:auto;right:30px;width:105px;height:150px;}
.edu_wrap .intro02 .bg02 .cont_list > li:nth-child(4) .ani_obj.obj03 {top:auto;bottom:30px;left:auto;right:-20px;width:124px;height:63px;}

/* EDU - INTRO03 */
.edu_wrap .intro03 {position:relative;}
.edu_wrap .intro03:before {content:"";display:block;position:absolute;top:1000px;left:0;z-index:0;width:149px;height:1705px;background:url(../img/edu/sub03_intro_icons01.png) no-repeat left top;}
.edu_wrap .intro03:after {content:"";display:block;position:absolute;top:580px;right:0;z-index:0;width:205px;height:2746px;background:url(../img/edu/sub03_intro_icons02.png) no-repeat left top;}
.edu_wrap .intro03 .bg01 {padding-bottom:200px;margin-top:-35px;background:#f7f7f7;}
.edu_wrap .intro03 .bg02 {min-height:2061px;margin-top:-80px;background:url(../img/edu/sub03_intro_bg02.png) no-repeat center top;}
.edu_wrap .intro03 .bg02 h4 {margin-top:200px;}
.edu_wrap .intro03 .inner {position:relative;z-index:1;}
.edu_wrap .intro03 .bg01 .cont_list > li:nth-child(1) {background-image:url(../img/edu/sub03_intro_shape01.png);}
.edu_wrap .intro03 .bg01 .cont_list > li:nth-child(2) {background-image:url(../img/edu/sub03_intro_shape02.png);}
.edu_wrap .intro03 .bg01 .cont_list > li:nth-child(3) {background-image:url(../img/edu/sub03_intro_shape03.png);}
.edu_wrap .intro03 .bg01 .cont_list > li:nth-child(4) {background-image:url(../img/edu/sub03_intro_shape04.png);}
.edu_wrap .intro03 .bg01 .cont_list > li:nth-child(4) .txt_box {margin-top:50px;}
.edu_wrap .intro03 .bg02 .cont_list > li:nth-child(1) {background-image:url(../img/edu/sub03_intro_shape05.png);}
.edu_wrap .intro03 .bg02 .cont_list > li:nth-child(2) {background-image:url(../img/edu/sub03_intro_shape06.png);}
.edu_wrap .intro03 .bg02 .cont_list > li:nth-child(3) {background-image:url(../img/edu/sub03_intro_shape07.png);}
.edu_wrap .intro03 .bg01 .cont_list > li:nth-child(1) .ani_obj {top:40px;left:-60px;width:122px;height:155px;}
.edu_wrap .intro03 .bg01 .cont_list > li:nth-child(2) .ani_obj {bottom:20px;right:-40px;width:127px;height:151px;}
.edu_wrap .intro03 .bg01 .cont_list > li:nth-child(3) .ani_obj {top:40px;left:-40px;width:146px;height:97px;}
.edu_wrap .intro03 .bg01 .cont_list > li:nth-child(4) .ani_obj {top:100px;left:-50px;width:134px;height:175px;}
.edu_wrap .intro03 .bg01 .cont_list > li:nth-child(4) .ani_obj + .ani_obj {top:40px;left:auto;right:-50px;width:149px;height:151px;}
.edu_wrap .intro03 .bg02 .cont_list > li:nth-child(1) .ani_obj {top:50px;left:-100px;width:212px;height:109px;}
.edu_wrap .intro03 .bg02 .cont_list > li:nth-child(2) .ani_obj {bottom:40px;right:-80px;width:167px;height:86px;}
.edu_wrap .intro03 .bg02 .cont_list > li:nth-child(3) .ani_obj {top:10px;left:-130px;width:249px;height:91px;}

/* EDU - INTRO04 */
.edu_wrap .intro04 {position:relative;}
.edu_wrap .intro04:before {content:"";display:block;position:absolute;top:260px;left:0;z-index:0;width:149px;height:1990px;background:url(../img/edu/sub04_intro_icons01.png) no-repeat left top;}
.edu_wrap .intro04:after {content:"";display:block;position:absolute;top:30px;right:0;z-index:0;width:205px;height:2944;background:url(../img/edu/sub04_intro_icons02.png) no-repeat left top;}
.edu_wrap .intro04 .bg01 {padding-bottom:200px;margin-top:-35px;background:#f7f7f7;}
.edu_wrap .intro04 .bg01 .inner {overflow:visible;}
.edu_wrap .intro04 .bg02 {min-height:3716px;margin-top:-80px;background:url(../img/edu/sub04_intro_bg02.png) no-repeat center top;}
.edu_wrap .intro04 .bg02 h4 {margin-top:200px;}
.edu_wrap .intro04 .inner {position:relative;z-index:1;}
.edu_wrap .intro04 .circle_list {overflow:visible;margin-top:20px;text-align:center;font-size:0;}
.edu_wrap .intro04 .circle_list li {display:inline-block;padding:30px 40px;vertical-align:top;}
.edu_wrap .intro04 .bg02 .cont_list > li:nth-child(1) {background-image:url(../img/edu/sub04_intro_shape01.png);}
.edu_wrap .intro04 .bg02 .cont_list > li:nth-child(2) {background-image:url(../img/edu/sub04_intro_shape02.png);}
.edu_wrap .intro04 .bg02 .cont_list > li:nth-child(3) {background-image:url(../img/edu/sub04_intro_shape03.png);}
.edu_wrap .intro04 .bg02 .cont_list > li:nth-child(4) {background-image:url(../img/edu/sub04_intro_shape04.png);}
.edu_wrap .intro04 .bg02 .cont_list > li:nth-child(5) {background-image:url(../img/edu/sub04_intro_shape05.png);}
.edu_wrap .intro04 .bg02 .cont_list > li:nth-child(6) {background-image:url(../img/edu/sub04_intro_shape06.png);}
.edu_wrap .intro04 .bg02 .cont_list > li:nth-child(1) .ani_obj {bottom:25px;left:-50px;width:178px;height:127px;}
.edu_wrap .intro04 .bg02 .cont_list > li:nth-child(2) .ani_obj {bottom:30px;right:-50px;width:305px;height:145px;}
.edu_wrap .intro04 .bg02 .cont_list > li:nth-child(3) .ani_obj {bottom:0;left:-50px;width:276px;height:137px;}
.edu_wrap .intro04 .bg02 .cont_list > li:nth-child(4) .ani_obj {bottom:25px;right:-50px;width:277px;height:144px;}
.edu_wrap .intro04 .bg02 .cont_list > li:nth-child(5) .ani_obj {bottom:10px;left:-50px;width:157px;height:127px;}
.edu_wrap .intro04 .bg02 .cont_list > li:nth-child(6) .ani_obj {bottom:30px;right:-50px;width:184px;height:133px;}

/* EDU - PROGRAM */
.program_wrap {margin-top:55px;}
.program_wrap .inner {padding-top:206px;}
.program_wrap .character {display:block;position:absolute;top:0;left:50%;z-index:2;width:516px;height:217px;margin-left:-258px;}
.program_wrap .download_box {position:relative;max-width:1400px;height:auto;margin:0 auto;}
.program_wrap .download_box .txt01 {position:absolute;top:50%;left:0;z-index:1;width:100%;margin-top:-170px;text-align:center;font-size:34px;font-weight:700;color:#ffd800;}
.program_wrap .download_box .form_wrap {position:absolute;top:50%;left:0;z-index:1;width:100%;margin-top:-40px;text-align:center;}
.program_wrap .download_box .form_wrap .sel_box {display:inline-block;width:17%;max-width:238px;height:72px;vertical-align:top;background:none;}
.program_wrap .download_box .form_wrap .sel_box select {width:100%;height:72px;padding:0 25px;border:5px solid #222;border-radius:36px;box-shadow:5px 5px 4px 0 rgba(0,0,0,0.3) inset;outline:none;font-size:20px;font-weight:500;/*background:none;*/}
.program_wrap .download_box .form_wrap .input_box {display:inline-block;width:30%;max-width:400px;height:72px;margin-left:30px;vertical-align:top;}
.program_wrap .download_box .form_wrap .input_box input {width:100%;height:72px;padding:0 25px;border:5px solid #222;border-radius:36px;box-shadow:5px 5px 4px 0 rgba(0,0,0,0.3) inset;outline:none;font-size:20px;font-weight:500;background:none;}
.program_wrap .download_box .btn_wrap {position:absolute;top:50%;left:0;z-index:1;width:100%;margin-top:80px;text-align:center;}
.program_wrap .download_box .btn_wrap .btn_down {}
.program_wrap .download_box .btn_help {display:block;overflow:hidden;position:absolute;top:20%;right:15%;z-index:1;width:102px;height:39px;text-indent:-9999px;font-size:0;background:url(../img/edu/sub02_program_btn01.png) no-repeat center center;}

/* EDU - TEACHER'S RESOURCES */
.teacher_wrap {}
.brd_list {}
.brd_list > li {overflow:hidden;position:relative;border:2px solid #ccc;border-radius:38px;box-sizing:border-box;background:#fff;}
.brd_list > li ~ li {margin-top:20px;}
.brd_list > li .txt_title {display:block;overflow:hidden;font-size:20px;font-weight:600;color:#000;white-space:nowrap;text-overflow:ellipsis;}
.brd_list > li .txt_date {position:absolute;top:0;right:40px;z-index:1;padding:22px 0;text-align:right;font-size:16px;font-weight:400;line-height:24px;color:#999;}
.brd_list > li > a {display:block;overflow:hidden;padding:21px 170px 21px 50px;font-size:20px;font-weight:600;line-height:26px;white-space:nowrap;color:#000;background:#fff;transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;}
.brd_list > li:hover {border-color:#222;}
.brd_list > li.noti {border-color:#e60021;}
.brd_list > li.noti > a {border-color:#e60021;background:#e60021;}
.brd_list > li.noti .txt_title {color:#fff;}
.brd_list > li.noti .txt_date {color:#fff;}

.brd_list + .brd_paging {border-top:none;}

/* EDU - FAQ */
.faq_wrap {}
.qna_list {}
.qna_list > li {overflow:hidden;border:2px solid #ccc;border-radius:38px;box-sizing:border-box;background:#fff;}
.qna_list > li ~ li {margin-top:20px;}
.qna_list > li .box_q {}
.qna_list > li .box_q > a {display:block;overflow:hidden;padding:20px 80px 20px 50px;border-bottom:2px solid #fff;font-size:20px;font-weight:600;line-height:26px;white-space:nowrap;color:#000;background:url(../img/ico_folding_down.png) no-repeat calc(100% - 50px) center;transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;}
.qna_list > li .box_q > a:before {content:"Q";display:block;float:left;width:40px;vertical-align:top;font-size:20px;font-weight:600;line-height:26px;color:#e60021;text-transform:uppercase;}
.qna_list > li .box_q > a > div {display:block;overflow:hidden;float:left;width:calc(100% - 40px);white-space:nowrap;text-overflow:ellipsis;color:#000;}
.qna_list > li .box_q > a > div span:before {content:"";display:inline-block;width:1px;height:20px;margin:3px 15px 0 0;vertical-align:top;background:#c2c2c2;}
.qna_list > li .box_q > a .category {padding-right:15px;vertical-align:top;font-size:20px;font-weight:600;line-height:26px;color:#000;}
.qna_list > li .box_q > a .txt_title {vertical-align:top;font-size:20px;font-weight:600;line-height:26px;color:#000;}
.qna_list > li .box_a {display:none;overflow:hidden;width:100%;padding:30px 50px;box-sizing:border-box;background:#fff;}
.qna_list > li .box_a:before {content:"A.";display:block;float:left;width:40px;vertical-align:top;font-size:20px;font-weight:600;line-height:26px;color:#333;text-transform:uppercase;}
.qna_list > li .box_a p {display:block;float:left;width:calc(100% - 40px);vertical-align:top;text-align:left;font-size:18px;line-height:26px;word-break:break-all;color:#333;}
.qna_list > li.active {border-color:#222;}
.qna_list > li.active .box_q > a {border-bottom:2px solid #222;background:#e60021 url(../img/ico_folding_up.png) no-repeat calc(100% - 50px) center;transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;}
.qna_list > li.active .box_q > a:before {color:#fff;}
.qna_list > li.active .box_q > a > div {color:#fff;}
.qna_list > li.active .box_q > a .category {color:#fff;}
.qna_list > li.active .box_q > a .txt_title {color:#fff;}
.qna_list + .brd_paging {border-top:none;}


/****************************/
/******** CUSTOM 1456 *******/
/****************************/
@media screen and (max-width:1456px){
  /* HEADER */
  #header {}
  #header .inner {height:74px;padding:0;}
  #header .logo{z-index:101;height:54px;padding:20px 0 0;box-sizing:border-box;} /* 20201104 추�? ?�정 */
  #header .logo a{display:block;height:100%;}
  #header .logo img{width:auto;height:100%;}
  #header a.btn_fullmenu{display:block;position:absolute;top:0px;right:0px;z-index:101;width:70px;height:74px;text-indent:-9999px;font-size:0;background:url(../img/btn_fullmenu.png) no-repeat center center;}
  #header a.btn_fullmenu.m_active{background:url(../img/btn_fullmenu_close.png) no-repeat center center;background-size:24px;}
  #header .menu_wrap{overflow:hidden;position:fixed;top:0;right:0;z-index:99;width:100%;height:100%;padding:0;background:rgba(0,0,0,0);transform:translateX(100%);touch-action:none;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
  #header.m_active .menu_wrap{background:rgba(0,0,0,1);transform:translateX(0%);transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}

  /* 20201110 퍼블리싱 수정 - s */
  #header .util {position:absolute; display:block;overflow:visible;top:auto;bottom:0;left:0;right:0;z-index:100;border-top:1px solid rgba(255,255,255,0.2);background:#000;} /* 20201112 퍼블리싱 수정 */
  #header .util li {width:50%;padding:0;}
  #header .util li a {display:flex;align-items:center;justify-content:center;height:60px;}
  #header .util li.login {width:50%;padding-right:0;}
  #header .util li.login:after {top:0;height:100%;margin-top:0;}
  #header .util li.lang {width:50%;padding-left:0;}
  #header .util li.lang .custom_select .opt_list li a {padding:10px 20px;text-align:center;background:#333;}
  #header .util li .custom_select .sel_a {height:60px;padding:10px 20px;border:none;outline:none;text-align:left;color:#fff;background:transparent url(../img/select_arr_footer.png) no-repeat calc(100% - 20px) center;}
  #header .util li .custom_select .opt_list {position:absolute;top:100%;left:0;right:0;z-index:10;}
  #header .util li .custom_select.active .opt_list {margin-top:-60px;transform:translateY(-100%);}
  #header .util li .custom_select .opt_list li {width:100%;}
  #header .util li .custom_select .opt_list li ~ li a {border-top:1px solid #666;}
  #header .util li .custom_select .opt_list li a {display:block;position:relative;z-index:2;width:100%;height:60px;padding:10px 20px;text-align:center;background:#222;}
  /* 20201110 퍼블리싱 수정 - e */

  #header .gnb_menu{overflow-y:auto;/*height:100%;*/padding:124px 0 60px;}  /* 20201112 퍼블리싱 수정 */
  #header .gnb_menu > li{display:block;float:none;position:relative;width:100%;max-width:100%;border-top:1px solid #242424;text-align:left;}
  #header .gnb_menu > li.nomore_depth:last-child{border-bottom:1px solid #242424 !important;}
  #header .gnb_menu > li:after{content:"";display:block;position:absolute;top:0;right:0;z-index:1;width:60px;height:55px;background:url(../img/ico_plus01.png) no-repeat center center;background-size:20px auto;}
  #header .gnb_menu > li.m_active:after{content:"";display:block;position:absolute;top:0;right:0;z-index:1;width:60px;height:55px;background:url(../img/ico_minus01.png) no-repeat center center;background-size:20px auto;}
  #header .gnb_menu > li.active .depth02{display:none;}
  #header .gnb_menu > li.m_active .depth02{display:block;background:#e60021;}
  #header .gnb_menu .depth01{display:block;position:relative;z-index:2;padding:15px 20px;font-size:18px;line-height:25px;color:#fff;background:none;}
  #header .gnb_menu .depth01:hover{text-decoration:none;}
  #header .gnb_menu .depth02{position:static;width:100%;padding:20px;}
  #header .gnb_menu .depth02 li{}
  #header .gnb_menu .depth02 li a{padding:10px;}
  #header .gnb_menu .depth02 li a:hover{font-weight:700;text-decoration:underline;}
  #header .gnb_menu .depth02 li a.m_active{color:#ef4472;text-decoration:underline;}
  #header.active .depth02{display:none;}
  #header .gnb_menu > li.nomore_depth:after{display:none;}
}
/****************************/
/******** CUSTOM 1280 *******/
/****************************/
@media screen and (max-width:1280px){
  .brd_wrap .thm_list {display:flex;flex-wrap:wrap;justify-content:space-between;margin:40px 0 0;}
  .brd_wrap .thm_list > li {display:block;flex:0 calc(50% - 10px);width:calc(50% - 10px);padding:0;margin-bottom:20px;}
  .brd_wrap .thm_list > li:nth-child(4n + 1) {clear:none;}
  .brd_wrap .thm_list > li a .img_box {display:block;overflow:hidden;height:calc(50vw - 30px);background-size:92px auto;}
  .brd_wrap .thm_list > li a .img_box img {width:100%;height:100%;border:none;outline:none;object-fit:cover;-webkit-object-fit:cover;}
  .brd_wrap .thm_list > li a .txt_title {display:-webkit-box;overflow:hidden;max-height:44px;margin-top:10px;font-size:18px;line-height:22px;word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
  .brd_wrap .thm_list > li a .txt_date {margin-top:10px;font-size:14px;line-height:30px;}

  /* 20201104 추�? ?�정 - s */
  /* FOOTER */
  #footer .inner {height:auto;}
  #footer .info_box {padding:50px 0 50px 105px;}
  #footer .f_util{display:block;clear:both;overflow:hidden;position:static;padding:25px 20px;margin:20px -20px 0;border-top:1px solid #6b6b6b;}
  #footer .f_util .select_box{display:block;float:right;}
  #footer .f_util .select_box select{font-size:14px;}
  #footer .f_util .f_sns{display:block;float:left;text-align:left;}
  #footer .f_util .f_sns li{margin-right:0;}
  #footer .f_util .f_sns li a{border:none;}
  /* 20201104 추�? ?�정 - e */
}

/****************************/
/******** CUSTOM 1024 *******/
/****************************/
@media screen and (max-width:1024px){
  .main_wrap .sect07 ul {display:block;width:100%;height:100%;padding-top:74px;}
  .main_wrap .sect07 ul li {display:table;width:100%;height:calc(100%/3 + 1px);}
  .main_wrap .sect07 ul li a {display:table-cell;vertical-align:middle;}
  .main_wrap .sect07 ul li a strong {font-size:22px;}
  .main_wrap .sect07 ul li a em {height:34px;padding:0 18px;margin-top:20px;border-radius:17px;font-size:14px;line-height:32px;}
  .main_wrap .sect07 ul li:nth-child(1) {background-image:url(../img/main/main_bg07_01.jpg);background-position:center center;}
  .main_wrap .sect07 ul li:nth-child(2) {background-image:url(../img/main/main_bg07_02.jpg);background-position:center center;}
  .main_wrap .sect07 ul li:nth-child(3) {background-image:url(../img/main/main_bg07_03.jpg);background-position:center bottom;}

  .edu_wrap .cont_list > li .ani_obj {display: none !important;}
  .edu_wrap .cont_list {margin-bottom: 60px}
  .edu_wrap .inner {width: 90%; margin: auto;}
}


/****************************/
/********** MOBILE **********/
/****************************/

@media screen and (max-width:1000px){

    /* EDUCATIONAL PUBLISHERS */
  /* EDU - COMMON */
  .edu_wrap {padding-bottom:0;}
  .edu_wrap .inner {padding-bottom:60px;}
  .edu_wrap.no_pad .inner {padding-bottom:0;}
  .edu_wrap .inner.bg_gray_m {background-color:#f7f7f7;}
  .edu_wrap .cont_list > li {height:auto;padding:25px 30px 30px;margin:40px auto 0;border-radius:20px;box-sizing:border-box;background-repeat:no-repeat;background-size:cover;background-position:center center;}
  .edu_wrap .cont_list > li:first-child{margin-top:30px;}
  .edu_wrap .cont_list > li .txt_box {position:static;width:100%;transform:translateY(0);}
  .edu_wrap .cont_list > li .txt_box .sub_title {font-size:24px;line-height:32px;}
  .edu_wrap .cont_list > li .txt_box .sub_title:after {width:75px;height:1px;margin-top:20px;background:#fff;}
  .edu_wrap .cont_list > li .txt_box .sub_title.col_black:after {background:#000;}
  .edu_wrap .cont_list > li .txt_box .sub_txt {font-size:16px;line-height:20px;}
  .edu_wrap .cont_list > li .txt_box .sub_title + .sub_txt {margin-top:20px;}
  .edu_wrap .cont_list > li .txt_box .sub_txt ul {overflow:hidden;margin-top:5px;}
  .edu_wrap .cont_list > li .txt_box .sub_txt ul li {float:none;width:100%;line-height:24px;}
  .edu_wrap .cont_list > li .txt_box .sub_txt ul + strong {margin-top:25px;}
  .edu_wrap .cont_list > li .img_box {position:static;max-width:50%;margin:20px auto 0;transform:translateY(0);}
  .edu_wrap .cont_list > li .pos_b {margin-bottom:-30px;}
  .edu_wrap .cont_list > li .pos_l {left:80px;right:auto;}
  .edu_wrap .cont_list > li .pos_r {left:auto;right:80px;}

  .brd_wrap .brd_top {margin-top:55px;}
  .brd_wrap .brd_top .cnt {float:none;padding:0;}
  .brd_wrap .brd_top .opt_box {float:none;margin-top:20px;}
  .brd_wrap .brd_top .opt_box select {display:none;}
  .brd_wrap .brd_top .opt_box select .input_box {width:100%;}
  .brd_wrap .brd_paging {padding-top:50px;border-top:1px solid #ddd;text-align:center;font-size:0;}
  .brd_wrap .brd_paging .inner {padding:0;}
  .brd_wrap .brd_paging a {width:30px;height:40px;margin:0;border:none;font-size:20px;line-height:40px;}
  .brd_wrap .brd_paging a.active {font-weight:700;color:#e60021;text-decoration:underline;background:none;}

  /* EDU - INTRO01 */
  .edu_wrap .intro01:before,
  .edu_wrap .intro01:after {display:none;}
  .edu_wrap .intro01 .bg01 {padding:50px 0 0;margin-top:40px;}
  .edu_wrap .intro01 .bg01 h4 {margin-top:60px;}
  .edu_wrap .intro01 .bg02 {min-height:0;margin-top:0;background:#1bc7ff;}
  .edu_wrap .intro01 .bg02 h4 {margin-top:55px;}
  .edu_wrap .intro01 .inner {position:relative;z-index:1;}
  .edu_wrap .bg01 .cont_list > li .txt_box .sub_txt strong {font-size:24px;line-height:30px;}
  .edu_wrap .intro01 .bg01 .cont_list > li:nth-child(1) {background-image:url(../img/edu/sub01_intro_shape01.png);}
  .edu_wrap .intro01 .bg01 .cont_list > li:nth-child(2) {background-image:url(../img/edu/sub01_intro_shape02.png);}
  .edu_wrap .intro01 .bg01 .cont_list > li:nth-child(3) {background-image:url(../img/edu/sub01_intro_shape03.png);}
  .edu_wrap .intro01 .bg01 .cont_list > li:nth-child(4) {background-image:url(../img/edu/sub01_intro_shape04.png);}
  .edu_wrap .intro01 .bg01 .cont_list > li:nth-child(5) {background-image:url(../img/edu/sub01_intro_shape05.png);}
  .edu_wrap .intro01 .bg02 .cont_list > li:nth-child(1) {background-image:url(../img/edu/sub01_intro_shape06.png);}
  .edu_wrap .intro01 .bg02 .cont_list > li:nth-child(2) {background-image:url(../img/edu/sub01_intro_shape07.png);}
  .edu_wrap .intro01 .bg02 .cont_list > li:nth-child(3) {background-image:url(../img/edu/sub01_intro_shape08.png);}
  .edu_wrap .intro01 .bg01 .cont_list > li:nth-child(1) .ani_obj {bottom:0;left:auto;right:50px;width:60px;height:auto;}
  .edu_wrap .intro01 .bg01 .cont_list > li:nth-child(1) .ani_obj.obj02 {display:none;}
  .edu_wrap .intro01 .bg01 .cont_list > li:nth-child(2) .ani_obj {bottom:50%;right:30px;width:118px;height:auto;}
  .edu_wrap .intro01 .bg01 .cont_list > li:nth-child(3) .ani_obj {bottom:0;left:auto;right:50px;width:127px;height:auto;}
  .edu_wrap .intro01 .bg01 .cont_list > li:nth-child(4) .ani_obj {bottom:30px;left:30px;right:auto;width:133px;height:auto;}
  .edu_wrap .intro01 .bg01 .cont_list > li:nth-child(5) .ani_obj {display:none;}
  .edu_wrap .intro01 .bg01 .cont_list > li:nth-child(5) .ani_obj.obj02 {display:block;bottom:35%;left:auto;right:30px;width:127px;height:auto;}
  .edu_wrap .intro01 .bg02 .cont_list > li:nth-child(1) .ani_obj {bottom:0;right:30px;width:96px;height:auto;}
  .edu_wrap .intro01 .bg02 .cont_list > li:nth-child(2) .ani_obj {top:auto;bottom:30px;left:30px;width:134px;height:auto;}
  .edu_wrap .intro01 .bg02 .cont_list > li:nth-child(3) .ani_obj {bottom:30px;left:30px;right:auto;width:137px;height:auto;}




  /* EDU - INTRO02 */
  .edu_wrap .intro02:before,
  .edu_wrap .intro02:after {display:none;}
  .edu_wrap .intro02 .bg01 {padding-bottom:0;margin-top:0;}
  .edu_wrap .intro02 .bg02 {min-height:0;margin-top:0;background:#66159e;}
  .edu_wrap .intro02 .bg02 h4 {margin-top:55px;}
  .edu_wrap .intro02 .inner {position:relative;z-index:1;}
  .edu_wrap .intro02 .bg01 .cont_list > li:nth-child(1) {background-image:url(../img/edu/sub02_intro_shape01.png);}
  .edu_wrap .intro02 .bg01 .cont_list > li:nth-child(2) {background-image:url(../img/edu/sub02_intro_shape02.png);}
  .edu_wrap .intro02 .bg01 .cont_list > li:nth-child(3) {background-image:url(../img/edu/sub02_intro_shape03.png);}
  .edu_wrap .intro02 .bg01 .cont_list > li:nth-child(4) {background-image:url(../img/edu/sub02_intro_shape04.png);}
  .edu_wrap .intro02 .bg01 .cont_list > li:nth-child(5) {background-image:url(../img/edu/sub02_intro_shape05.png);}
  .edu_wrap .intro02 .bg02 .cont_list > li:nth-child(1) {background-image:url(../img/edu/sub02_intro_shape06.png);}
  .edu_wrap .intro02 .bg02 .cont_list > li:nth-child(2) {background-image:url(../img/edu/sub02_intro_shape07.png);}
  .edu_wrap .intro02 .bg02 .cont_list > li:nth-child(3) {background-image:url(../img/edu/sub02_intro_shape08.png);}
  .edu_wrap .intro02 .bg02 .cont_list > li:nth-child(4) {background-image:url(../img/edu/sub02_intro_shape09.png);}
  .edu_wrap .intro02 .bg02 .cont_list > li:nth-child(1) .ani_obj {top:50%;left:40%;width:52px;height:auto;}
  .edu_wrap .intro02 .bg02 .cont_list > li:nth-child(1) .ani_obj.obj02 {top:auto;bottom:0;left:auto;right:30px;width:43px;height:auto;}
  .edu_wrap .intro02 .bg02 .cont_list > li:nth-child(2) .ani_obj {display:none;}
  .edu_wrap .intro02 .bg02 .cont_list > li:nth-child(2) .ani_obj.obj02 {display:block;top:auto;bottom:40%;left:auto;right:30px;width:67px;height:auto;}
  .edu_wrap .intro02 .bg02 .cont_list > li:nth-child(3) .ani_obj {top:auto;bottom:20px;left:30px;width:48px;height:auto;}
  .edu_wrap .intro02 .bg02 .cont_list > li:nth-child(3) .ani_obj.obj02 {top:45%;left:auto;right:30%;width:39px;height:auto;}
  .edu_wrap .intro02 .bg02 .cont_list > li:nth-child(4) .ani_obj {top:60%;left:auto;right:30px;width:55px;height:auto;}
  .edu_wrap .intro02 .bg02 .cont_list > li:nth-child(4) .ani_obj.obj02 {top:200px;left:auto;right:10px;width:52px;height:auto;}
  .edu_wrap .intro02 .bg02 .cont_list > li:nth-child(4) .ani_obj.obj03 {top:auto;bottom:30px;left:auto;right:-20px;width:62px;height:auto;}

  /* EDU - INTRO03 */
  .edu_wrap .intro03 {}
  .edu_wrap .intro03:before,
  .edu_wrap .intro03:after {display:none;}
  .edu_wrap .intro03 .bg01 {padding-bottom:0;margin-top:0;}
  .edu_wrap .intro03 .bg02 {min-height:0;margin-top:0;background:#eb5a1c;}
  .edu_wrap .intro03 .bg02 h4 {margin-top:55px;}
  .edu_wrap .intro03 .inner {position:relative;z-index:1;}
  .edu_wrap .intro03 .bg01 .cont_list > li:nth-child(1) {background-image:url(../img/edu/sub03_intro_shape01.png);}
  .edu_wrap .intro03 .bg01 .cont_list > li:nth-child(2) {background-image:url(../img/edu/sub03_intro_shape02.png);}
  .edu_wrap .intro03 .bg01 .cont_list > li:nth-child(3) {background-image:url(../img/edu/sub03_intro_shape03.png);}
  .edu_wrap .intro03 .bg01 .cont_list > li:nth-child(4) {background-image:url(../img/edu/sub03_intro_shape04.png);}
  .edu_wrap .intro03 .bg01 .cont_list > li:nth-child(4) .txt_box {margin-top:0;}
  .edu_wrap .intro03 .bg02 .cont_list > li:nth-child(1) {background-image:url(../img/edu/sub03_intro_shape05.png);}
  .edu_wrap .intro03 .bg02 .cont_list > li:nth-child(2) {background-image:url(../img/edu/sub03_intro_shape06.png);}
  .edu_wrap .intro03 .bg02 .cont_list > li:nth-child(3) {background-image:url(../img/edu/sub03_intro_shape07.png);}

  .edu_wrap .intro03 .bg01 .cont_list > li:nth-child(1) .ani_obj {top:auto;bottom:30px;left:45%;width:61px;height:auto;}
  .edu_wrap .intro03 .bg01 .cont_list > li:nth-child(2) .ani_obj {bottom:140px;right:40px;width:63px;height:auto;}
  .edu_wrap .intro03 .bg01 .cont_list > li:nth-child(3) .ani_obj {top:65%;left:20px;width:73px;height:auto;}
  .edu_wrap .intro03 .bg01 .cont_list > li:nth-child(4) .ani_obj {top:37%;left:30px;width:67px;height:auto;}
  .edu_wrap .intro03 .bg01 .cont_list > li:nth-child(4) .ani_obj + .ani_obj {top:38%;left:auto;right:30px;width:74px;height:auto;}
  .edu_wrap .intro03 .bg02 .cont_list > li:nth-child(1) .ani_obj {top:auto;bottom:40px;left:auto;right:30px;width:106px;height:auto;}
  .edu_wrap .intro03 .bg02 .cont_list > li:nth-child(2) .ani_obj {bottom:50px;left:30px;right:auto;width:83px;height:auto;}
  .edu_wrap .intro03 .bg02 .cont_list > li:nth-child(3) .ani_obj {display:none;}

  .edu_wrap .intro03 .cont_list > li .tbl_wrap {overflow-x:auto;padding-bottom:20px;margin:0;}
  .edu_wrap .intro03 .cont_list > li .tbl_wrap table {width:1200px}
  .edu_wrap .intro03 .cont_list > li .tbl_wrap::-webkit-scrollbar {position:static;height:8px;margin-top:20px;border-radius:4px;background:#fff;}
  .edu_wrap .intro03 .cont_list > li .tbl_wrap::-webkit-scrollbar-thumb {border-radius:4px;background:#000;}
  .edu_wrap .intro03 .cont_list > li .tbl_wrap::-webkit-scrollbar-track {overflow:hidden;}
  .edu_wrap .intro03 .cont_list > li .guide_swipe {margin-top:10px;text-align:center;font-size:13px;line-height:32px;color:#fff;}
  .edu_wrap .intro03 .cont_list > li .guide_swipe:before {content:"";display:inline-block;width:23px;height:32px;margin-right:10px;vertical-align:top;background:url(../img/ico_guide_swipe.png) no-repeat;}

  /* EDU - INTRO04 */
  .edu_wrap .intro04 {}
  .edu_wrap .intro04:before,
  .edu_wrap .intro04:after {display:none;}
  .edu_wrap .intro04 .bg01 {padding-bottom:0;margin-top:0;}
  .edu_wrap .intro04 .bg02 {min-height:0;margin-top:0;background:#ff5682;}
  .edu_wrap .intro04 .bg02 h4 {margin-top:55px;}
  .edu_wrap .intro04 .inner {position:relative;z-index:1;}
  .edu_wrap .intro04 .circle_list {margin-top:20px;}
  .edu_wrap .intro04 .circle_list li {display:inline-block;width:140px;padding:10px;vertical-align:top;}
  .edu_wrap .intro04 .bg02 .cont_list > li:nth-child(1) {background-image:url(../img/edu/sub04_intro_shape01.png);}
  .edu_wrap .intro04 .bg02 .cont_list > li:nth-child(2) {background-image:url(../img/edu/sub04_intro_shape02.png);}
  .edu_wrap .intro04 .bg02 .cont_list > li:nth-child(3) {background-image:url(../img/edu/sub04_intro_shape03.png);}
  .edu_wrap .intro04 .bg02 .cont_list > li:nth-child(4) {background-image:url(../img/edu/sub04_intro_shape04.png);}
  .edu_wrap .intro04 .bg02 .cont_list > li:nth-child(5) {background-image:url(../img/edu/sub04_intro_shape05.png);}
  .edu_wrap .intro04 .bg02 .cont_list > li:nth-child(6) {background-image:url(../img/edu/sub04_intro_shape06.png);}
  .edu_wrap .intro04 .bg02 .cont_list > li:nth-child(1) .ani_obj {bottom:10px;left:20px;width:89px;height:auto;}
  .edu_wrap .intro04 .bg02 .cont_list > li:nth-child(2) .ani_obj {bottom:-30px;right:10px;width:152px;height:auto;}
  .edu_wrap .intro04 .bg02 .cont_list > li:nth-child(3) .ani_obj {bottom:-30px;left:30px;width:138px;height:auto;}
  .edu_wrap .intro04 .bg02 .cont_list > li:nth-child(4) .ani_obj {bottom:15px;right:10px;width:138px;height:auto;}
  .edu_wrap .intro04 .bg02 .cont_list > li:nth-child(5) .ani_obj {bottom:10px;left:20px;width:78px;height:auto;}
  .edu_wrap .intro04 .bg02 .cont_list > li:nth-child(6) .ani_obj {bottom:15px;left:30px;right:auto;width:92px;height:auto;}


  
/* EDU - PROGRAM */
.program_wrap {padding-top:50px;margin-top:0;}
.program_wrap .inner {overflow:visible;height:658px;max-width:360px;padding:60px 20px;margin:112px auto 0;background:url(../img/edu/sub02_program_img02_m.png) no-repeat center top;/*background:linear-gradient(to bottom,#070038,#41004a);*/}
.program_wrap .character {top:-112px;width:280px;height:auto;margin-left:-140px;}
.program_wrap .download_box {padding:110px 30px 60px;}
.program_wrap .download_box .bg_img {display:none;}
.program_wrap .download_box .txt01 {position:static;width:100%;margin-top:0;font-size:21px;}
.program_wrap .download_box .form_wrap {position:static;width:100%;margin-top:20px;}
.program_wrap .download_box .form_wrap .sel_box {display:block;width:100%;max-width:100%;margin:0;}
.program_wrap .download_box .form_wrap .input_box {display:block;width:100%;max-width:100%;margin:20px 0 0;}
.program_wrap .download_box .btn_wrap {position:static;padding:0;margin-top:30px;}
.program_wrap .download_box .btn_wrap .btn_down {width:100%;}
.program_wrap .download_box .btn_help {top:60px;right:30px;width:70px;height:28px;background:url(../img/edu/sub02_program_btn01.png) no-repeat center center;background-size:70px auto;}

/* EDU - TEACHER'S RESOURCES */
.brd_list > li .txt_title {font-size:18px;}
.brd_list > li .txt_date {display:none;}
.brd_list > li > a {padding:23px 29px;font-size:18px;}
.brd_list + .brd_paging {padding-top:30px;border-top:none;}

/* EDU - FAQ */
.qna_list > li {border-radius:40px;}
.qna_list > li .box_q {display:table;table-layout:fixed;width:100%;}
.qna_list > li .box_q > a {display:table-cell;padding:14px 50px 14px 30px;vertical-align:middle;font-size:0;background:url(../img/ico_folding_down.png) no-repeat calc(100% - 20px) center;}
.qna_list > li .box_q > a:before {display:inline-block;float:none;width:35px;vertical-align:middle;font-size:18px;}
.qna_list > li .box_q > a > div {display:inline-block;float:none;width:calc(100% - 35px);height:45px;vertical-align:middle;font-size:0;line-height:0;white-space:normal;}
.qna_list > li .box_q > a > div span:before {display:none;}
.qna_list > li .box_q > a .category {display:inline-block;width:100%;padding-right:0;vertical-align:top;font-size:14px;line-height:18px;}
.qna_list > li .box_q > a .txt_title {display:inline-block;margin-top:5px;vertical-align:top;font-size:18px;/*overflow:hidden;width:100%;line-height:22px;white-space:nowrap;text-overflow:ellipsis;*/}
.qna_list > li .box_a {padding:30px;}
.qna_list > li .box_a:before {width:35px;font-size:18px;}
.qna_list > li .box_a p {width:calc(100% - 35px);font-size:18px;}
.qna_list > li.active .box_q > a {background:#e60021 url(../img/ico_folding_up.png) no-repeat calc(100% - 20px) center;}
.qna_list + .brd_paging {padding-top:30px;border-top:none;}

  /* 20201104 추�? ?�정 - s */
  /* FOOTER */
  #footer{}
  #footer .inner{height:auto;}
  #footer .logo{display:none;}
  #footer .info_box{float:none;padding:25px 0 25px;}
  #footer .info_box .f_menu{display:block;margin-left:-5px;}
  #footer .info_box .f_menu li{float:left;}
  #footer .info_box .f_menu li a{display:inline-block;position:relative;padding:5px 7px;font-size:13px;font-weight:400;text-transform:initial;}
  #footer .info_box .f_menu li a:before{display:none;}
  #footer .info_box .f_menu li:first-child a{padding-left:7px;}
  #footer .info_box .logo_txt {display:block;margin-top:30px;font-size:13px;font-weight:600;color:#fff;}
  #footer .info_box address{margin-top:10px;font-size:13px;}
  #footer .info_box .copyright{margin-top:20px;font-size:13px;}
  #footer .f_util{display:block;overflow:hidden;position:static;padding:25px 20px;margin:0 -20px;border-top:1px solid #6b6b6b;}
  #footer .f_util .select_box{display:block;float:right;}
  #footer .f_util .select_box select{font-size:14px;}
  #footer .f_util .f_sns{display:block;float:left;text-align:left;}
  #footer .f_util .f_sns li{margin-right:0;}
  #footer .f_util .f_sns li a{border:none;}
  /* 20201104 추�? ?�정 - e */

}



@media screen and (max-width:767px){
  *{box-sizing:border-box;}
  .page_wrap{min-height:calc(100vh - 296px);}
  .inner{padding:0 20px;}

  .no_pc {display: block!important;}
  .no_mobile {display: none!important;}

  h2 {font-size:30px;}
  h2 strong {font-size:30px;}
  h3 {font-size:30px;}
  h4 {font-size:26px;}

  input {width:100%;}
  select {width:100%;}

  .btn_wrap {padding:60px 25px 80px;margin-top:0;background:#fff;}
  .btn_wrap > a, .btn_wrap > button {display:block;width:100%;height:80px;padding:0 20px;margin:0;border-radius:40px;font-size:20px;line-height:80px;}
  .btn_wrap > a ~ a, .btn_wrap > button ~ button,
  .btn_wrap > a ~ button, .btn_wrap > button ~ a {margin-top:20px;}


  /* FOOTER */
  #footer{}
  #footer .inner{height:auto;}
  #footer .logo{display:none;}
  #footer .info_box{float:none;padding:25px 0 25px;}
  #footer .info_box .f_menu{display:block;margin-left:-5px;}
  #footer .info_box .f_menu li{float:left;}
  #footer .info_box .f_menu li a{display:inline-block;position:relative;padding:5px 7px;font-size:13px;font-weight:400;text-transform:initial;}
  #footer .info_box .f_menu li a:before{display:none;}
  #footer .info_box .f_menu li:first-child a{padding-left:7px;}
  #footer .info_box .logo_txt {display:block;margin-top:30px;font-size:13px;font-weight:600;color:#fff;}
  #footer .info_box address{margin-top:10px;font-size:13px;}
  #footer .info_box .copyright{margin-top:20px;font-size:13px;}
  #footer .f_util{display:block;overflow:hidden;position:static;padding:25px 20px;margin:0 -20px;border-top:1px solid #6b6b6b;}
  #footer .f_util .select_box{display:block;float:right;}
  #footer .f_util .select_box select{font-size:14px;}
  #footer .f_util .f_sns{display:block;float:left;text-align:left;}
  #footer .f_util .f_sns li{margin-right:0;}
  #footer .f_util .f_sns li a{border:none;}

  #fp-nav {display:none;}

  #go_top_box {bottom:30px;right:10px;z-index:10;}
  #go_top_box a.btn_go_top {width:36px;height:37px;background-size:36px;}

  /* MAIN */
  .main_wrap .con_box {top:auto;bottom:35px;left:0;padding:0 20px;transform:translate(0,0);}
  .main_wrap .con_box.t_right {text-align:left;}
  .main_wrap .con_box .txt01 {font-size:22px; color: #ffffff !important;}
  .main_wrap .con_box .txt02 {margin-top:15px;font-size:14px;line-height:18px; color: #ffffff !important;}
  .main_wrap .con_box .txt02 + .txt02 {margin-top:0;}
  .main_wrap .sect01 .con_box .video_box .btn_play_video {display:block;}
  .main_wrap .sect02 {background-position:right top;}
  .main_wrap .sect06 .con_box {margin-top:0;}
  .main_wrap .sect01 {background-image:url(../img/main/main_bg01_m.jpg);}
  .main_wrap .sect02 {background-image:url(../img/main/main_bg02_m.jpg);}
  .main_wrap .sect03 {background-image:url(../img/main/main_bg03_m.jpg);}
  .main_wrap .sect04 {background-image:url(../img/main/main_bg04_m.jpg);}
  .main_wrap .sect05 {background-image:url(../img/main/main_bg05_m.jpg);}
  .main_wrap .sect06 {background-image:url(../img/main/main_bg06_m.jpg);}
  .main_wrap .sect07 {background:#000;}

  /* SUB */
  .sub_wrap h4 {margin-top:60px;}

  .sub_wrap .top_visual {height:440px;}
  .sub_wrap .top_visual:after {border-top:40px solid transparent;}
  .sub_wrap .top_visual img {width:100%;height:440px;object-fit:cover;-webkit-object-fit:cover;}
  .sub_wrap .top_visual h2 {top:100px;left:0;width:100%;text-align:center;font-size:30px;line-height:30px;transform:unset;}
  .sub_wrap .top_visual h2 strong {font-size:30px;line-height:30px;transform:unset;}

  .sub_wrap .navi_wrap {margin-top:40px;}
  .sub_wrap .navi_wrap h3 {padding:0 20px;margin-top:0;font-size:30px;line-height:30px;}
  .sub_wrap .navi_wrap .navigation_list {margin-top:10px;}
  .sub_wrap .navi_wrap .navigation_list > li:first-child {display:none;}
  .sub_wrap .navi_wrap .navigation_list > li:nth-child(2):before {display:none;}
  .sub_wrap .navi_wrap .navigation_list > li a {font-size:13px;}

  .sub_wrap .sub_tab_wrap {padding:0;margin-top:35px;background:linear-gradient(to left,#f85407,#f9b01c);}
  .sub_wrap .sub_tab_wrap .tab_menu {overflow:hidden;overflow-x:auto;margin:0;white-space:nowrap;-webkit-overflow-scrolling:touch;}
  .sub_wrap .sub_tab_wrap .tab_menu > li {display:inline-block;float:none;width:auto;padding:0;vertical-align:top;}
  .sub_wrap .sub_tab_wrap .tab_menu > li:before {bottom:-4px;width:100%;height:4px;background:rgba(247,247,247,0.7);transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
  .sub_wrap .sub_tab_wrap.sub02 .tab_menu > li:before {background:rgba(247,247,247,0.7);}
  .sub_wrap .sub_tab_wrap.sub03 .tab_menu > li:before {background:rgba(247,247,247,0.7);}
  .sub_wrap .sub_tab_wrap.sub04 .tab_menu > li:before {background:rgba(247,247,247,0.7);}
  .sub_wrap .sub_tab_wrap .tab_menu > li a {display:inline-block;height:62px;padding:0 12px;border-radius:0;font-size:18px;line-height:60px;}
  .sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(1) a {background-color:transparent;}
  .sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(2) a {background-color:transparent;}
  .sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(3) a {background-color:transparent;}
  .sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(4) a {background-color:transparent;}
  .sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(1).hover a {background-color:transparent;}
  .sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(3).hover a {background-color:transparent;}
  .sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(4).hover a {background-color:transparent;}
  .sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(2).hover a {background-color:transparent;}
  .sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(1).hover:before {bottom:0;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
  .sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(3).hover:before {bottom:0;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
  .sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(4).hover:before {bottom:0;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
  .sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(2).hover:before {bottom:0;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
  .sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(1).active a {background-color:transparent;}
  .sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(3).active a {background-color:transparent;}
  .sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(4).active a {background-color:transparent;}
  .sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(2).active a {background-color:transparent;}
  .sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(1).active:before {bottom:0;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
  .sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(3).active:before {bottom:0;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
  .sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(4).active:before {bottom:0;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
  .sub_wrap .sub_tab_wrap .tab_menu > li:nth-child(2).active:before {bottom:0;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}


  .edu_wrap .cont_list > li .img_box {position:static;max-width:100%;margin-top:20px;transform:translateY(0);}
  .edu_wrap .btn_wrap {margin-top: 40px !important; width: 90%; margin: auto;}
  .btn_down span {padding-right: 0px;}

}
/* ?�니메이??*/
@keyframes fadeInUp{
  0%{
    opacity: 0;
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
  }
  to{
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInLeft{
  0%{
    opacity: 0;
    -webkit-transform: translate3d(-200px,0,0);
    transform: translate3d(-200px,0,0)
  }
  to{
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInRight{
  0%{
    opacity: 0;
    -webkit-transform: translate3d(200px,0,0);
    transform: translate3d(200px,0,0)
  }
  to{
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.animated{
  visibility:hidden;
  animation-duration:1s;
  animation-fill-mode:both;
  -webkit-animation-duration:1s;
  -webkit-animation-fill-mode:both;
}
.animated.delay-1s{-webkit-animation-delay:.1s;animation-delay:.1s;}
.animated.delay-2s{-webkit-animation-delay:.2s;animation-delay:.2s;}
.animated.delay-3s{-webkit-animation-delay:.3s;animation-delay:.3s;}
.animated.delay-4s{-webkit-animation-delay:.4s;animation-delay:.4s;}
.animated.delay-5s{-webkit-animation-delay:.5s;animation-delay:.5s;}
.fadeInUp{
  visibility:visible;
  animation-name:fadeInUp;
  -webkit-animation-name:fadeInUp;
}
.fadeInLeft{
  visibility:visible;
  animation-name:fadeInLeft;
  -webkit-animation-name:fadeInLeft;
}
.fadeInRight{
  visibility:visible;
  animation-name:fadeInRight;
  -webkit-animation-name:fadeInRight;
}
@keyframes floating {
  0% { transform: translate(0,  0px); }
  50%  { transform: translate(0, 15px); }
  100%   { transform: translate(0, -0px); }
}
.animated_floating{
  animation-name:floating;
  animation-duration:4s;
  animation-iteration-count:infinite;
  animation-timing-function:ease-in-out;
}