#wrapper header {width:100%; border-width:0 0px 1px 0px; max-width:100%; border-radius:0;}
#wrapper .contents {padding-top: 0px;}

#wrapper header .top_pos ul.c1_cate > li > a > span {color:rgba(255,255,255,0.6); transition:all .3s;}
#wrapper header .top_pos ul.c1_cate > li:hover > a > span {color:#fff;}

#wrapper header .top_pos ul.c1_cate > li.home > a > span,
#wrapper header .top_pos ul.c1_cate > li.home:hover > a > span {color:#fff;}

#wrapper header .top_pos ul.log_mem li i,
#wrapper header .top_pos ul.log_mem li span {color:rgba(255,255,255,0.6);}

#wrapper header .top_pos ul.log_mem li:hover i,
#wrapper header .top_pos ul.log_mem li:hover span {color:#fff;}

#wrapper header .top_pos .logo {background: url(/images/logo_sym_white.png) no-repeat;}

@media screen and (max-width: 1160px){
	#wrapper header,
	#wrapper header.open {background:transparent !important; border-bottom:0 !important;}
	#wrapper header button i {color:#fff;}
}

/**/
	.roll_box {z-index:10; position:absolute; bottom:0px; right:0; width:calc(50% - 100px); height: 60px;}
	.roll_box.none {display: none;}
	.roll_box > h3 {position:absolute; top:50%; left:30px; font-size:12px; color:#fff; font-weight:600;}
	.latest_aca_list {position: absolute;top: 0;right: 0; width:100%; height: 100%; overflow:hidden;}
	.latest_aca_list > h3 {position:absolute; top:0; left:40px; font-size:12px; color:#a7fff8; font-weight:600; line-height:60px; z-index:3;}
	.latest_aca_list:after {content:""; position: absolute;top: 0;left: 10px; width:100%; height: 100%; background:#1c2233;transform:skewX(var(--skew_default)); border-radius:5px 0 0 5px;}
	.latest_aca_list ul.real_study {position: absolute;top: 0;left: 0;right: 0; margin:auto; width: 100%; max-width:1500px; z-index:1;}
	.latest_aca_list ul.real_study li {height: 60px;font-size: 0; text-align: left; width: 100%;text-overflow: ellipsis; white-space: nowrap; overflow:hidden; padding: 0 15px 0 80px;}
	.latest_aca_list ul.real_study li.aca_none {font-size: 11px;  color:#333; line-height:60px;}
	.latest_aca_list ul.real_study li a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
	.latest_aca_list ul.real_study li h4,
	.latest_aca_list ul.real_study li when {display: inline-block; vertical-align: middle; height: 60px;line-height: 60px; }
	.latest_aca_list ul.real_study li h4 {font-size: 12px; color: #fff; font-weight: 700;}
	.latest_aca_list ul.real_study li when {font-size: 11px; color: #fff; font-weight: 300;}


@media screen and (max-width: 1160px) {
	.roll_box {width:calc(100% - 50px);}
}

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

}

@media screen and (max-width: 650px) {
	.roll_box {width:calc(100% - 10px);}
	.latest_aca_list > h3 {left:30px; font-size:11px;}
	.latest_aca_list ul.real_study li {padding: 0 15px 0 65px;}
	.latest_aca_list ul.real_study li h4 {font-size: 11px; }
}


/**/
:root {
	--deg1: 60deg;
	--ypos:translateY(-50%);
	--xpos:translateX(-50%);
	--xypos:translate(-50%, -50%);
	--xypos_mp:translate(-50%, 50%);
	--xypos_pm:translate(50%, -50%);
	--cc_wd:95px;

}
.rela_box {position:relative; z-index:1;}
.circle_wrap {position:relative; left:0; right:0; margin:250px auto; z-index:1; }
.circle_small {position:relative; left:0; right:0; margin:auto; width:500px; }
.circle_small:after {content:""; display:block; padding-top:100%;}
.circle_small .cs {position:absolute; left:50%; top:50%; height:100%;}
.circle_small .cs.p1 {transform:var(--xypos) rotate(0deg);}
.circle_small .cs.p2 {transform:var(--xypos) rotate(calc(1 * var(--deg1)));}
.circle_small .cs.p3 {transform:var(--xypos) rotate(calc(2 * var(--deg1)));}

.circle_small .cs .arrow {position:absolute;left:50%; transform:var(--xpos); border-right:1px dashed #c9c9c9; height:calc(50% - calc(var(--cc_wd) / 2));}
.circle_small .cs .arrow.top {top:calc(calc(var(--cc_wd) / 2) + 10px); }
.circle_small .cs .arrow.bottom {bottom:calc(calc(var(--cc_wd) / 2) + 10px); transform:rotate(180deg);}
.circle_small .cs .arrow:after {content:""; position:absolute;top:-2px; left:50%; transform:var(--xpos); width:8px; height:8px; background:#000; border-radius:100%;/*border-bottom:8px  solid #000; border-left:5px solid transparent; border-right:5px solid transparent;*/}


.circle_small .cs .pz {position:absolute; width:var(--cc_wd); border-radius: 100%; background: #fff; }
.circle_small .cs .pz:after {content:""; display:block; padding-top:100%;}

.circle_small .cs.p1 .pz {transform: rotate(0);}
.circle_small .cs.p2 .pz {transform: rotate(calc(0deg - calc(1 * var(--deg1))));}
.circle_small .cs.p3 .pz {transform: rotate(calc(0deg - calc(2 * var(--deg1))));}


.circle_small .cs .pz.s1 {top:0; left:50%;}
.circle_small .cs .pz.s2 {bottom:0; left:50%;}


.circle_small .cs.p1 .pz.s1 {transform:var(--xypos) rotate(0);}
.circle_small .cs.p1 .pz.s2 {transform:var(--xypos_mp) rotate(0);}

.circle_small .cs.p2 .pz.s1 {transform:var(--xypos)  rotate(calc(0deg - calc(1 * var(--deg1))));}
.circle_small .cs.p2 .pz.s2 {transform:var(--xypos_mp)  rotate(calc(0deg - calc(1 * var(--deg1))));}

.circle_small .cs.p3 .pz.s1 {transform:var(--xypos)  rotate(calc(0deg - calc(2 * var(--deg1))));}
.circle_small .cs.p3 .pz.s2 {transform:var(--xypos_mp)  rotate(calc(0deg - calc(2 * var(--deg1))));}


.circle_small .cs .pz .pwrp {position:absolute; top:calc(50% - 5px); left:50%; transform:var(--xypos); font-size:12px; width: 100%; text-align: center;line-height: 1; color:#fff; font-weight:600;}
.circle_small .pwrp i {font-size:30px; display:inline-block; width:100%; font-weight:500; padding-bottom:3px;}
.circle_small .pwrp span {font-size:10px; display:inline-block; width:100%; font-weight:500;}

.circle_small .sym_center {position:absolute; top:50%; left:50%; transform:var(--xypos); font-size:12px; width: 180px; border: 0px dashed #999; background:#fff; border-radius: 100%;}
.circle_small .sym_center:after {content:""; display: block; padding-top: 100%;}
.circle_small .sym_center .sc_in {position:absolute; top:50%; left:50%; transform:var(--xypos); width:100%; text-align:center;}
.circle_small .sym_center img {width:68%;}
.circle_small .sym_center span {display:inline-block; width:100%; font-weight:700; color:#385093; font-size:13px;}




.otehr {padding:100px 0px; margin-top:80px; display:inline-block; width:100%; position:relative;}
.otehr:after {content:""; position:absolute; top:0; left:50%; max-width:1900px; width:calc(100% - 70px); height:100%; transform:translateX(-50%); background:#eff7ff; border-radius:30px;}
ul.pro_list2 {position:relative; left:0; right:0; max-width:1200px; margin:auto; font-size:0; padding:0 40px; z-index:1;}
ul.pro_list2 li {display:inline-block; vertical-align:top; position:relative; width:calc(50% - 10px); margin-left:10px; text-align:left; font-size:0; padding:10px 0 10px 40px; border-left:1px solid #e9e9e9;}
ul.pro_list2 li.title { width:100%; margin:0; text-align:left; font-size:30px; padding: 0 0 40px 0; font-weight:800; color:#000; line-height:1; border:0;}

ul.pro_list2 li .ex {display:inline-block; vertical-align:top; position:relative; width:calc(100% - 70px); font-style:normal; z-index:1; }
ul.pro_list2 li em,
ul.pro_list2 li span {display:inline-block; vertical-align:top; position:relative; width:100%; font-style:normal; z-index:1;}
ul.pro_list2 li em {font-size:22px; color:#000;font-weight:800; padding:0px 0 5px 0; line-height:110%;}
ul.pro_list2 li em ad {display:inline-block; width:100%; font-size:17px; color:#000;font-weight:800; padding:30px 0 0px 0; line-height:120%; margin-top:-25px;}
ul.pro_list2 li span {font-size:13px; font-weight:500; color:#333; line-height:180%; padding:20px 0 0 0;}
ul.pro_list2 li .typo {position:absolute; bottom:-100px; right:-30px;font-size:300px; font-weight:900; color:#000; line-height:110%; opacity:0.09;}

@media screen and (max-width: 1300px){
.circle_wrap {margin:80px auto;}
.otehr {padding:70px; margin-top:30px;}
}



@media screen and (max-width: 1160px){
ul.pro_list2 li {width:50%; margin-left:0px; padding:0; border-left:0;}
.otehr {padding:40px; margin-top:30px;}
}


@media screen and (max-width: 900px){
ul.pro_list2 li {width:100%; padding:25px 0 0 0;}
ul.pro_list2 li.title { padding: 0 0 10px 0;}
ul.pro_list2 li em .hd {display:none;}
ul.pro_list2 li span {padding:0px 0 0 0;}
}

@media screen and (max-width: 650px){
:root {
	--cc_wd:80px;

}
.circle_small {width:calc(100% - 70px); }
.circle_small .pwrp i {font-size:27px;}
.circle_small .pwrp span {font-size:9px;}

.circle_small .sym_center {width: 140px; }
.circle_small .sym_center span {font-size:11px;}

.otehr {padding:0 25px; margin-top:15px;}
.otehr:after {width:calc(100% - 50px); border-radius:10px; display:none;}

ul.pro_list2 {padding:25px;background:#eff7ff; border-radius:10px;}
ul.pro_list2 li.title { font-size:18px; padding: 0 0 0px 0;}
ul.pro_list2 li em {font-size:15px; }
ul.pro_list2 li em ad {font-size:12px; padding:5px 0 0px 0;}
ul.pro_list2 li span {font-size:11px; line-height:150%;}
}


.circle_small .cs .color1 {background:#004065;}
.circle_small .cs .color2 {background:#00734d;}
.circle_small .cs .color3 {background:#3b5914;}
.circle_small .cs .color4 {background:#6f3823;}
.circle_small .cs .color5 {background:#172169;}
.circle_small .cs .color6 {background:#4d1a49;}



/**/
.fast_consult {margin-bottom:80px;}
.fast_consult .fc_pos {position:relative; background:#141a37; left:0; right:0; max-width:1700px; width:calc(100% - 40px); padding:100px 200px; margin:auto; font-size:0; border-radius:530px; overflow:hidden;}
.fast_consult .fc_pos .ibx,
.fast_consult .fc_pos .wbx {display:inline-block; vertical-align:top; position:relative; z-index:1;}
.fast_consult .fc_pos .ibx {width:calc(100% - 400px); padding:0 50px 0 450px;}
.fast_consult .fc_pos .ibx img {width:100px;}
.fast_consult .fc_pos .wbx {width:400px; font-size:15px; text-align:center;}
.fast_consult .fc_pos .str_m {font-size:15px; color:#fff; line-height:170%;}
.fast_consult .fc_pos .str_m span{display:inline-block; width:100%;font-size:35px; color:#fff; font-weight:800;margin:10px 0 0 -3px; line-height:110%;}
.fast_consult .fc_pos p {font-size:13px; color:#fff; line-height:180%; padding:15px 0 20px 3px;}

.fast_consult .fc_pos ul.str_list {}
.fast_consult .fc_pos ul.str_list li {font-size:12px; color:rgba(255,255,255,0.65); padding:2px 0;}
.fast_consult .fc_pos ul.str_list li:before {content:"ㆍ";}
.fast_consult .fc_pos > img {position:absolute; bottom:0; left:90px; height:95%;}



.fast_consult .fc_pos .wbx ul.frm_box		{position:relative;}
.fast_consult .fc_pos .wbx ul.frm_box li		{display:inline-block; width:100%; position:relative; margin:4px 0;}
.fast_consult .fc_pos .wbx ul.frm_box li > span		{position:absolute; top:50%; left:13px; transform:translateY(-50%); font-weight:600; font-size:12px;z-index:1; color:#738997;}
.fast_consult .fc_pos .wbx ul.frm_box li input			{width:100%; height:50px; padding:0 15px 0 100px; border:1px solid #4d4a4a ; background:#1c1e29; font-size:12px; text-align:left; font-weight:500; transition:all .2s; color:#fff; border-radius:5px;}
.fast_consult .fc_pos .wbx ul.frm_box li input:focus {outline:none; background:#111; border:1px solid #676767; transition:all .2s;}
.fast_consult .fc_pos .wbx ul.frm_box li input::placeholder {color: rgba(255,255,255,0.3); font-size:11px;}
.fast_consult .fc_pos .wbx ul.frm_box li select			{height:50px; padding:0 15px 0 100px; border:1px solid #4d4a4a; border-width:1px;background:#1c1e29 url(/images/sel_arr.gif) no-repeat right 13px center; font-size:13px; text-align:left; transition:all .2s; color:#fff; border-radius:5px; font-family:var(--neo); font-weight:500;}

.fast_consult .fc_pos .wbx ul.frm_box li.spam			{margin:10px 0 0 0;}
.fast_consult .fc_pos .wbx ul.frm_box li.spam .pic_num			{height:35px; padding:0 0 0 115px; text-align:left;}
.fast_consult .fc_pos .wbx ul.frm_box li.spam .pic_num img		{width:auto; height:100%; border-radius:4px;}
.fast_consult .fc_pos .wbx ul.frm_box li.code_txt			{font-size:11px; color:red; text-align:left; margin:-5px 0 0 0; padding:0 0 0 13px;}

.fast_consult .fc_pos .wbx ul.frm_box li select option			{color:#000 !important;}
.fast_consult .fc_pos .wbx h3			{padding:0 0 7px 3px; font-size:17px; text-align:left; font-weight:600; color:#fff;}
.fast_consult .fc_pos .wbx button		{background:#144ecd; padding:15px 35px; font-size:13px; text-align:center; font-weight:600; color:#fff; border:0; cursor:pointer; margin-top:20px; line-height:1; border-radius:30px; display:inline-block;}

@media screen and (max-width: 1600px){
.fast_consult .fc_pos {padding:100px 80px; border-radius:30px;}
.fast_consult .fc_pos .ibx {padding:0 50px 0 300px;}
.fast_consult .fc_pos > img {left:-70px; max-height:600px;}
}


@media screen and (max-width: 1300px){
.fast_consult .fc_pos > img {left:-100px;}
.fast_consult .fc_pos .ibx {width:calc(100% - 300px); padding:0 30px 0 280px;}
.fast_consult .fc_pos .wbx {width:300px;}
}



@media screen and (max-width: 1160px){
.fast_consult .fc_pos .ibx {width:100%; padding:0 0px 30px 0;}
.fast_consult .fc_pos .wbx {width:400px;}
.fast_consult .fc_pos > img {left:initial; right:-70px;}
.fast_consult .fc_pos p {padding:15px 0 10px 0px;}
}


@media screen and (max-width: 900px){
.fast_consult .fc_pos {padding:50px;}
.fast_consult .fc_pos > img {right:-70px;}
}

@media screen and (max-width: 650px){
.fast_consult {margin-bottom:0px;}
.fast_consult .fc_pos .wbx {width:100%;}
.fast_consult .fc_pos {padding:35px; border-radius:0px; width:100%;}
.fast_consult .fc_pos > img {right:-90px; height:70%;}

.fast_consult .fc_pos .str_m {font-size:12px;}
.fast_consult .fc_pos .str_m span{font-size:25px;margin:10px 0 0 -3px;}
.fast_consult .fc_pos p {font-size:11px; line-height:150%; padding:15px 0 10px 0px;}

.fast_consult .fc_pos ul.str_list li {font-size:11px; padding:0;}
.fast_consult .fc_pos > img {display:none;}
}

/**/
.char_slide {display:inline-block; vertical-align:middle; width:400px; height:450px; margin:0px 100px 0 0; background:rgba(0,0,0,0.25); border-radius:0 0 0 110px; overflow:hidden;backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);  position:relative; z-index:1;}
.char_slide:after {content:""; /*display:block; padding-top:90%;*/}
.char_slide .brand {position:absolute; top:25px; left:25px; font-weight:600; font-size:12px; color:#fff; line-height:100%;}
.char_slide .brand img {width:35px;}
.char_slide .log {position:absolute;  font-weight:600; font-size:13px; color:#ffdd5d; line-height:100%; padding:5px;border-bottom:1px dashed #555;; z-index:10;}
.char_slide .log.in {bottom:35px; right:35px;}
.char_slide .log.move {bottom:0; right:35px;}
.char_slide .npc_bx {position:absolute; top:30px; right:-50px; width:100px; height:100px; background:#ffe200; border-radius:100%;}
.char_slide .npc_bx img {position:absolute; top:50px; right:50px; width:60px; display:none;}

@media screen and (max-width: 900px){
.char_slide {position:relative; width:100%; height:400px; border-radius:0 0 0 110px;}

}

@media screen and (max-width: 650px){
.char_slide { height:330px; border-radius:0 0 0 0px; background:#fafafa;}
.char_slide .brand {top:30px; left:30px; font-size:25px;}

}


.char_slide .slick-slider{position: absolute; top:0; left:0; width:100%; height:100%;  display: block; box-sizing: border-box;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent; }
.char_slide .slick-list{position: relative; display: block; overflow: hidden;  margin: 0; height:100%;  padding: 0 !important; z-index:1;}
.char_slide .slick-list:focus{outline: none; }
.char_slide .slick-list.dragging{cursor: pointer; cursor: hand;}
.char_slide .slick-slider .slick-track,
.char_slide .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.char_slide .slick-slider button.slick-arrow	{position:absolute; top:50%; transform:translateY(-50%) rotate(45deg); z-index:10; width:50px; height:50px; font-size:0; background:transparent; cursor:pointer; border:2px solid #ddd; opacity:0; transition:all .3s; display:none !important;}
.char_slide .slick-slider:hover button.slick-arrow	{opacity:1; transition:all .3s;}
.char_slide .slick-slider button.slick-arrow:hover	{border-color:#fff; transition:all .3s;}
.char_slide .slick-slider button.slick-prev	{left:50px; border-width:0px 0px 1px 1px;}
.char_slide .slick-slider button.slick-next	{right:50px; border-width:1px 1px 0 0;}
.char_slide .slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.char_slide .slick-track:before,
.char_slide .slick-track:after{display: table; content: '';}
.char_slide .slick-track:after{clear: both;}
.char_slide .slick-loading .slick-track{visibility: hidden;}
.char_slide .slick-slide{display: none;float: left; min-height: 1px;}
[dir='rtl'] .char_slide .slick-slide{float: right;}

.char_slide .slick-slide.slick-loading img{display: none;}
.char_slide .slick-slide.dragging img{pointer-events: none;}
.char_slide .slick-initialized .slick-slide{display: block;height:100%;  }
.char_slide .slick-initialized .slick-slide > div	{position:relative; width:100%; height:100%; display:inline-block;}
.char_slide .slick-initialized .slick-slide > div .none	{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; font-size:11px; color:rgba(255,255,255,0.6); height:auto !important; text-align:center;}
.char_slide .slick-initialized .slick-slide > div > div	{position:relative; top:0; left:0; width:100%; height:100%;}



.char_slide .slick-loading .slick-slide{visibility: hidden;}
.char_slide .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.char_slide .slick-arrow.slick-hidden {display: none;}
.char_slide .slider {width: 100%; margin: auto;}
.char_slide .slider.none {}
.char_slide .slider.none:after {content:"참여가능 한 수업이 없습니다.";position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; font-size:12px; color:#fff; opacity:0.5; font-weight:300; height:auto !important; text-align:center;}
.char_slide .slick-slide {margin: 0px 0;}
.char_slide .slick-prev:before,
.char_slide .slick-next:before {color: black;}
.char_slide .slick-slide {transition: all ease-in-out .3s; opacity: .2;}
.char_slide .slick-active {opacity: 1; }
.char_slide .slick-current {opacity: 1;}
.char_slide .slick-dots {position: absolute; bottom:55px; left:55px; display: block; padding: 0; margin: 0; list-style: none; z-index:10; white-space:nowrap;}
.char_slide .slick-dots li {position: relative; display: inline-block; width: 7px; height:7px; margin: 0 3px; padding: 0; cursor: pointer;  border-radius:100%; overflow:hidden; transition:all .3s;}
.char_slide .slick-dots li button {font-size: 0; line-height: 0; display: block; width: 100%; height: 100%; padding: 10px 0; cursor: pointer; color: transparent; border: 0; outline: none; background:rgba(255,255,255,0.45);}
.char_slide .slick-dots li button:hover,
.char_slide .slick-dots li button:focus {outline: none; }
.char_slide .slick-dots li button:hover:before,
.char_slide .slick-dots li button:focus:before {opacity: 1;}
.char_slide .slick-dots li button:before {}
.char_slide .slick-dots li.slick-active{border-radius:10px;}
.char_slide .slick-dots li.slick-active button{background:red;}

@media screen and (max-width: 650px){
.char_slide .slick-dots {bottom:20px; }

}


.bg_eff {position:absolute; top:0; left:50%; transform:translateX(-50%) rotate(-20deg);width:200%; height:900px; background:#e8f8ff;}

/**/
.main_intro {position:relative; /*height:100vh;*/ height:750px;background: url(/images/bg_main_bd.jpg) no-repeat;  background-size:cover; background-position:center center; overflow:hidden; left:0; right:0; margin:auto; max-width:2200px; width:calc(100% - 70px); border-radius:0 0 30px 30px; z-index:3;}
.main_intro:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000427; opacity:0.95;}
.main_intro:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: url(/i mages/pattern.png) no-repeat;  background-size:cover; background-position:center center; z-index:1;}
.main_intro > img {position:absolute; top:50%; left:-70px; transform:translateY(-50%); height:120%; z-index:1; opacity:0.1}
.main_intro .bg_txt {position:absolute; right:-60px; font-size:430px; font-weight:900; color:#fff; z-index:2; line-height:1; letter-spacing:-0.05em; opacity:0.035;}
.main_intro .bg_txt.bt1 {top:-100px;}
.main_intro .bg_txt.bt2 {bottom:-100px;}
.main_intro .mi_pos {position:absolute; top:50% ; left:50%; transform:translate(-50%, -50%); max-width:1400px; width:100%; height:100%; z-index:2;  font-size:0; text-align:right;}
.main_intro .tx_bx {display:inline-block; vertical-align:middle; width:600px; height:100%; position:relative; }
.main_intro .tx_bx .tx_wrp {width:100% ; padding:0; z-index:2;  position:absolute; top:calc(50% + 0px); left:0; transform:translateY(-50%); text-align:left;}
.main_intro .tx_bx .tx_wrp:after {content: ""; position: absolute; top: 0; left: 0px; width: 30px; height: 100%; transition: all .3s;background: linear-gradient(-45deg, var(--dft_color) 25%, transparent 0, transparent 50%, var(--dft_color) 0, var(--dft_color) 75%, transparent 0); -webkit-background-size: 10px 10px; background-size: 10px 10px; opacity: 0;}
.main_intro .tx_bx .tx_wrp .sym,
.main_intro .tx_bx .tx_wrp .tx1,
.main_intro .tx_bx .tx_wrp .tx2,
.main_intro .tx_bx .tx_wrp .tx3 {display:inline-block; width:100%;position:relative; }
.main_intro .tx_bx .tx_wrp .sym {text-align:left;}
.main_intro .tx_bx .tx_wrp .sym img {max-width:330px; width:100%; margin-bottom:35px; }
.main_intro .tx_bx .tx_wrp .tx1 {font-weight:800; font-size:85px; color:#fff; line-height:1; text-align:left; padding:0px 0 0 0px;}
.main_intro .tx_bx .tx_wrp .tx1 span {color:#fff; position:relative;}
.main_intro .tx_bx .tx_wrp .tx1-1 {font-style:normal; font-size:11px; color:rgba(255,255,255,0.6); display:inline-block; width:100%; position:relative; padding:5px 0 0 11px; letter-spacing:0.2em; font-weight:100;}
.main_intro .tx_bx .tx_wrp .tx1 img {position:absolute; top:-20px; left:0; transform:translateX(-100%); width:50px; display:none;}
.main_intro .tx_bx .tx_wrp .tx2 {padding:5px 0 0px 10px; color:rgba(255,255,255,1); text-align:left; line-height:165%; font-size:35px; font-weight:100;}
.main_intro .tx_bx .tx_wrp .tx2 span,
.main_intro .tx_bx .tx_wrp .tx3 span {position:relative; display:inline-block; width:100%; line-height:110%;}
.main_intro .tx_bx .tx_wrp .tx2 span {font-size:50px; font-weight:700; color:#365f00;}
.main_intro .tx_bx .tx_wrp .tx2 span.t2 {font-size:100px; font-weight:800; color:#264300; letter-spacing:0.05em; padding:25px 0 0 0;text-shadow: 0 0 10px rgba(0,0,0,0.2); margin-left:-10px;}
.main_intro .tx_bx .tx_wrp .tx3 {padding:10px 0 0px 15px; font-size:13px; text-align:left; color:rgba(255,255,255,0.6); line-height:180%;}
.main_intro .tx_bx .tx_wrp .tx3 span {font-size:20px; font-weight:600; color:#333; padding-bottom:7px;}
.main_intro .tx_bx .tx_wrp point {font-weight:900; color:red;}
.main_intro .tx_bx .tx_wrp .hd {}
.main_intro .tx_bx .tx_wrp .go_study {position:relative; display:inline-block; max-width:250px; width:100%; margin:45px 0 0 0px;}
.main_intro .tx_bx .tx_wrp .go_study a {display:block; background:#008ff5; color:#fff; font-weight:600; font-size:14px; text-align:center; padding:16px 0;border-radius:30px;}
.main_intro .tx_bx .tx_wrp .go_study.on a {background:#0055bf; }
.main_intro .coloful {position:absolute; top:0; right:-70px; width:600px; height:100%; }
.main_intro .cf {position:absolute; width:48%; height:75%;}
.main_intro .cf.f1 {top:0; left:0; background:#c3e19a; border-radius:0 0 0 110px;}
.main_intro .cf.f1 img {position:absolute; bottom:0; left:15px; width:150%; z-index:1;}
.main_intro .cf.f2 {bottom:0; right:0; background:#ffc600; border-radius:0 110px 0 0;}
.main_intro .sym_txt {position:absolute; bottom:-180px; right:-100px; font-weight:normal; font-family:var(--GB); font-size:650px; color:#fff; line-height:100%; letter-spacing:-0.1em; text-shadow: 0 0 70px rgba(0,0,0,0.5);animation: color_eff 3.5s linear infinite;}
.main_intro .model {position:absolute; top:0; left:250px; height:100%; z-index:1;}
.main_intro .model img {position:absolute; }
.main_intro .model img.m1 {left:0; bottom:0;height:80%;}
.main_intro .model img.m2 {left:-230px; bottom:-150px;height:82%;}

.main_intro .bt_cf {position:absolute; bottom:-200px; left:-110px; width:550px; background:#fff; border-radius:100%; opacity:0; z-index:1;}
.main_intro .bt_cf:after {content:""; display:block; padding-top:100%; }

@media screen and (max-width: 1700px){
.main_intro {width:100%; border-radius:0;}
}

@media screen and (max-width: 1300px){
.main_intro .model {left:150px;}
}

@media screen and (max-width: 1160px){
	.main_intro {height:700px; }
	.main_intro .mi_pos {text-align:left;}
	.main_intro .tx_bx {width:100%; padding:0 70px;}
	.main_intro .tx_bx .tx_wrp {padding:0 70px;}
	.main_intro .tx_bx .tx_wrp .tx2 span {font-size:40px;}
	.main_intro .tx_bx .tx_wrp .tx2 span.t2 {font-size:80px; padding:15px 0 0 0; margin-left:-10px;}
	.main_intro .model {left:initial; right:0px;}
	.main_intro .model img.m1 {left:initial; right:0; height:80%;}
	.main_intro .model img.m2 {left:initial; right:100px; bottom:-150px;height:82%;}
	.main_intro .sym_txt {bottom:-180px; right:-10px; font-size:500px; }
}

@media screen and (max-width: 900px){
	.main_intro {height:700px; }
	.main_intro .tx_bx .tx_wrp {top:120px; transform:none; width:100%; }
	.main_intro .tx_bx .tx_wrp .tx2 {padding:10px 0 20px 0;}
	.main_intro .tx_bx .tx_wrp .tx2 span {font-size:30px;}
	.main_intro .tx_bx .tx_wrp .tx2 span.t2 {font-size:60px; margin-left:0px;}
	.main_intro .tx_bx .tx_wrp .tx3 span {font-size:14px; padding-bottom:3px;}
	.main_intro .tx_bx .tx_wrp .go_study {margin:35px 0 0 0px;}
	.main_intro .model {right:-80px;}
	.main_intro .model img.m1 {height:78%;}
	.main_intro .model img.m2 {bottom:-150px;height:78%;}
	.main_intro .sym_txt {bottom:-110px; right:-10px; font-size:400px; }
}

@media screen and (max-width: 650px){
	.main_intro {height:600px;}
	.main_intro .tx_bx .tx_wrp {top:100px; padding:0 30px 0 30px}
	.main_intro .tx_bx .tx_wrp .tx1 {font-size:55px; }
	.main_intro .tx_bx .tx_wrp .tx1-1 {font-size:10px; padding:5px 0 0 5px; letter-spacing:0.1em;}
	.main_intro .tx_bx .tx_wrp .tx2 {padding:5px 0 20px 5px; font-size:25px;}
	.main_intro .tx_bx .tx_wrp .tx2 span {font-size:20px;}
	.main_intro .tx_bx .tx_wrp .tx2 span.t2 {font-size:35px; margin-left:-10px;}
	.main_intro .tx_bx .tx_wrp .tx3 {font-size:11px; padding:0 0px 0 5px;}
	.main_intro .tx_bx .tx_wrp .tx3 span {font-size:12px; padding-bottom:1px;}
	.main_intro .tx_bx .tx_wrp .go_study {margin:30px 0 0 0px; max-width:180px;}
	.main_intro .tx_bx .tx_wrp .go_study a {font-size:12px;padding:12px 0;}
	.main_intro .model {right:-80px;}
	.main_intro .model img.m1 {height:70%;}
	.main_intro .model img.m2 {bottom:-100px;height:70%;}
	.main_intro .sym_txt {bottom:initial; top:350px; right:20px; font-size:290px; }
}


@keyframes color_eff {
	0%	{color:#fff;}
	25%	{color:#c2ff33;}
	50%	{color:rgb(131, 181, 255);}
	75%	{color:#ff8800;}
	100%	{color:#fff;}
}


/**/
ul.blk_tv {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-22deg); font-size:0; width:2200px; counter-reset:li; z-index:1; opacity:0;}
ul.blk_tv > li {display:inline-block; vertical-align:middle; width:calc(25% - 10px); margin:5px; position:relative; font-size:0; border-radius:20px; overflow:hidden; background:url(../../images/logo_default.pn g) no-repeat; background-size:20% auto; background-position:center center !important;}
ul.blk_tv > li:nth-child(7) {background:url(../../images/zm_1.jp g) no-repeat; background-size:cover !important; }
ul.blk_tv > li:nth-child(9) {background:url(../../images/tb_p1.jp g) no-repeat;background-size:cover !important; }
ul.blk_tv > li:nth-child(11) {background:url(../../images/tb_p2.jp g) no-repeat;background-size:cover !important; }
ul.blk_tv > li:nth-child(14) {background:url(../../images/tb_p4.jp g) no-repeat;background-size:cover !important; }
ul.blk_tv > li:nth-child(16) {background:url(../../images/tb_p3.jp g) no-repeat;background-size:cover !important; }
ul.blk_tv > li:nth-child(18) {background:url(../../images/zm_2.jp g) no-repeat;background-size:cover !important; }
ul.blk_tv > li:after {content:""; display:block; padding-top:57%; background:#000; opacity:0.2;}
ul.blk_tv > li:nth-child(8):after { opacity:0.3;}
ul.blk_tv > li:nth-child(14):after { opacity:0.6;}
ul.blk_tv > li:nth-child(15):after { opacity:0.45;}
ul.blk_tv > li:before	{content:counter(li)":00"; counter-increment:li; font-size:13px; color:rgba(255,255,255,0.6); position:absolute; top:10px; left:10px; display:none;}

@media screen and (max-width: 1160px){
	ul.blk_tv {width:1100px;}
}

@media screen and (max-width: 650px){
	ul.blk_tv {width:800px;}
	ul.blk_tv > li {border-radius:10px;}
	ul.blk_tv > li:before	{font-size:10px;}
}


.yt_movie {position:fixed; bottom:50px; right:50px;width:480px; padding:10px; background:#111; border-radius:10px;  z-index:3;}
.yt_movie:before,
.yt_movie:after {content:""; position:absolute; left:50%; transform:translateX(-50%) rotate(-45deg); top:-50px; width:50px; height:50px; border:1px solid #111; opacity:0.25;}
.yt_movie:before {border-width:0 0 0 1px;}
.yt_movie:after {border-width:0 0 1px 0;}
.yt_movie .in_load {position:relative; top:0;left:0; width:100%; border-radius:10px; overflow:hidden;}
.yt_movie .in_load:after {content:""; display:block; padding-top:56.25%;}
.yt_movie iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

@media screen and (max-width: 1300px){
.yt_movie {position:relative; left:0; right:0; bottom:initial; margin:30px auto 0 auto; max-width:600px; width:calc(100% - 50px); padding:10px; }
.yt_movie:before,
.yt_movie:after {display:none;}
.yt_movie .in_load {}
}

@media screen and (max-width: 650px){
.yt_movie {margin:15px auto 0 auto; padding:0;}
}
/**/
.study_latest_box.main {position:relative; background:#c4ebc6;}
.study_latest_box.main .slb_pos {position:relative; max-width:1300px; left:0; right:0; margin:auto; padding:100px 50px; text-align:left;font-size:0; line-height:100%;}
.study_latest_box.main .sp_box {display:inline-block; vertical-align:top; width:calc(100% - 400px); padding:0 70px 0 150px; z-index:1; position:relative;}
.study_latest_box.main .sp_box .sb_hdbx {position:relative; }
.study_latest_box.main .sp_box .sb_hdbx h3 {position:relative; line-height:100%; color:#000; font-weight:900; font-size:45px;}
.study_latest_box.main .sp_box .sb_hdbx h3 span {color:#367300;}
.study_latest_box.main .sp_box .sb_hdbx p {position:relative; line-height:100%; color:#111; font-weight:700; font-size:17px; padding:15px 0 0 5px;}
.study_latest_box.main ul.ntc_bx {position:relative; font-size:0; padding:35px 0 0 10px;}
.study_latest_box.main ul.ntc_bx li	{position:relative; font-size:13px; font-weight:600; color:#333; line-height:130%; margin-top:7px; padding:0 0 0 13px; text-indent:-15px;}
.study_latest_box.main ul.ntc_bx li:first-child	{margin:0;}
.study_latest_box.main ul.ntc_bx li:before	{content:"ㆍ";}
.study_latest_box.main .char_slide {position:absolute; top:0; right:0; width:400px; height:90%; background:#fff; border-radius:0 0 0 110px; overflow:hidden; display:inline-block;z-index:1;}
.study_latest_box.main .char_slide:after {content:""; /*display:block; padding-top:90%;*/}
.study_latest_box.main .char_slide .brand {position:absolute; top:45px; left:45px; font-weight:normal; font-family:var(--GB); font-size:35px; color:red; line-height:100%;}
.study_latest_box.main .char_slide .npc_bx {position:absolute; top:30px; right:-50px; width:100px; height:100px; background:#ffe200; border-radius:100%;}
.study_latest_box.main .char_slide .npc_bx img {position:absolute; top:50px; right:50px; width:60px; display:none;}
.study_latest_box.main .sym_txt {position:absolute; bottom:-70px; right:-30px; font-weight:normal; font-family:var(--GB); font-size:250px; color:#fff; line-height:100%; letter-spacing:-0.05em; opacity:0.1;}
.study_latest_box.main .sym_box {position:absolute; top:0px; left:0px; width:250px; height:75%; background:rgba(0,0,0,0.05); border-radius:0 0 0 110px;}
.study_latest_box.main .ch_pos {position:absolute; top:0; left:0; width:100%; text-align:left;  padding:90px 45px 45px 45px;}
.study_latest_box.main .ch_pos h4 {position:relative; font-size:20px; font-weight:800; color:#000; line-height:110%;;}
.study_latest_box.main .ch_pos h4 span {position:absolute; top:-10px; right:10px; font-size:12px; font-weight:600; color:#000; line-height:110%; padding-bottom:3px;;}
.study_latest_box.main .ch_pos ul.df_list {position:relative; font-size:0; padding:25px 0 20px;}
.study_latest_box.main .ch_pos ul.df_list li {display:inline-block; vertical-align:top; width:50%; position:relative; line-height:100%; }
.study_latest_box.main .ch_pos ul.df_list li span {display:inline-block; vertical-align:middle; position:relative; line-height:100%;  color:#333; line-height:100%; width:100%;}
.study_latest_box.main .ch_pos ul.df_list li span.tt {font-weight:600; color:#999;font-size:11px; }
.study_latest_box.main .ch_pos ul.df_list li span.txt {font-weight:800;font-size:14px; padding-top:7px;}
.study_latest_box.main .ch_pos ul.cg_list {position:relative; font-size:0; letter-spacing:0; transition:all .3s; line-height:100%;}
.study_latest_box.main .ch_pos ul.cg_list li {display:inline-block; width:100%; position:relative; line-height:100%; border-top:0px dashed #e9e9e9; padding: 0 5px;}
.study_latest_box.main .ch_pos ul.cg_list li:last-child {border-bottom:0px dashed #e9e9e9;}
.study_latest_box.main .ch_pos ul.cg_list li span {display:inline-block; vertical-align:middle; position:relative; font-size:12px; line-height:120%;  color:#555; letter-spacing:-0.05em; padding:5px 0;}
.study_latest_box.main .ch_pos ul.cg_list li span.tt {width:80px;font-weight:600; color:#999;font-weight:600;}
.study_latest_box.main .ch_pos ul.cg_list li span.tt:before {content:"ㆍ";}
.study_latest_box.main .ch_pos ul.cg_list li span.spa {font-size:0;}
.study_latest_box.main .ch_pos ul.cg_list li span.txt {width:calc(100% - 80px);font-weight:600;}
.study_latest_box.main .ch_pos ul.cg_list li span.txt time
.study_latest_box.main .ch_pos ul.cg_list li span.txt week, {display:inline-block; vertical-align:middle; font-style:normal;}
.study_latest_box.main .ch_pos ul.cg_list li span.txt time {font-size:12px; border-right:1px solid #eee; margin-top:10px; padding:0 10px;}
.study_latest_box.main .ch_pos ul.cg_list li span.txt time:first-child {padding:0 10px 0 0;}
.study_latest_box.main .ch_pos ul.cg_list li span.txt time:last-child {border:0;}
.study_latest_box.main .ch_pos ul.cg_list li span.txt week {font-size:0; position:absolute; top:50%; left:0px; transform:translateY(-50%);}
.study_latest_box.main .ch_pos ul.cg_list li span.txt week em {display:inline-block; vertical-align:middle; line-height:100%; background:#333; color:#fff; border-radius:3px; padding:3px;font-weight:500; font-size:11px; font-style:normal; margin-right:3px;}

@media screen and (max-width: 1160px){
	.study_latest_box.main .slb_pos {padding:100px 0;}
	.study_latest_box.main .sp_box {padding:0 50px 0 50px;}
}

@media screen and (max-width: 900px){
	.study_latest_box.main {margin-bottom:30px;}
	.study_latest_box.main .slb_pos {padding:0;}
	.study_latest_box.main .sp_box {width:100%; padding:50px;}
	.study_latest_box.main .char_slide {position:relative; width:100%; height:400px; border-radius:0 0 0 110px;}
}

@media screen and (max-width: 650px){
	.study_latest_box.main {margin-bottom:0px;}
	.study_latest_box.main .sp_box {width:100%; padding:30px; display:none;}
	.study_latest_box.main .sp_box .sb_hdbx h3 { font-size:20px;}
	.study_latest_box.main .sp_box .sb_hdbx p {font-size:11px; padding:10px 0 0 0px;}
	.study_latest_box.main ul.ntc_bx {padding:10px 0 0 0px; display:none;}
	.study_latest_box.main ul.ntc_bx li	{font-size:10px; margin-top:3px; padding:0 0 0 11px; text-indent:-13px;}
	.study_latest_box.main .char_slide { height:330px; border-radius:0 0 0 0px;}
	.study_latest_box.main .char_slide .brand {top:30px; left:30px; font-size:25px;}
	.study_latest_box.main .ch_pos {padding:70px 30px 30px 30px;}
	.study_latest_box.main .ch_pos h4 {font-size:18px;}
	.study_latest_box.main .ch_pos h4 span {font-size:10px; }
	.study_latest_box.main .ch_pos ul.df_list {padding:20px 0 20px 0;}
	.study_latest_box.main .ch_pos ul.df_list li span.tt {font-size:10px; }
	.study_latest_box.main .ch_pos ul.df_list li span.txt {font-size:13px; padding-top:5px;}
	.study_latest_box.main .ch_pos ul.cg_list li {padding: 0;}
	.study_latest_box.main .ch_pos ul.cg_list li span {font-size:11px; padding:4px 0;}
	.study_latest_box.main .ch_pos ul.cg_list li span.tt {width:70px;font-weight:500;}
	.study_latest_box.main .ch_pos ul.cg_list li span.txt {width:calc(100% - 70px);}
	.study_latest_box.main .ch_pos ul.cg_list li span.txt time {font-size:11px;margin-top:10px; }
	.study_latest_box.main .ch_pos ul.cg_list li span.txt week em {font-size:10px;}
}

/**/
.study_latest_box.main .char_slide .slick-slider{position: absolute; top:0; left:0; width:100%; height:100%;  display: block; box-sizing: border-box;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent; }
.study_latest_box.main .char_slide .slick-list{position: relative; display: block; overflow: hidden;  margin: 0; height:100%;  padding: 0 !important; z-index:1;}
.study_latest_box.main .char_slide .slick-list:focus{outline: none; }
.study_latest_box.main .char_slide .slick-list.dragging{cursor: pointer; cursor: hand;}
.study_latest_box.main .char_slide .slick-slider .slick-track,
.study_latest_box.main .char_slide .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.study_latest_box.main .char_slide .slick-slider button.slick-arrow	{position:absolute; top:50%; transform:translateY(-50%) rotate(45deg); z-index:10; width:50px; height:50px; font-size:0; background:transparent; cursor:pointer; border:2px solid #ddd; opacity:0; transition:all .3s; display:none !important;}
.study_latest_box.main .char_slide .slick-slider:hover button.slick-arrow	{opacity:1; transition:all .3s;}
.study_latest_box.main .char_slide .slick-slider button.slick-arrow:hover	{border-color:#fff; transition:all .3s;}
.study_latest_box.main .char_slide .slick-slider button.slick-prev	{left:50px; border-width:0px 0px 1px 1px;}
.study_latest_box.main .char_slide .slick-slider button.slick-next	{right:50px; border-width:1px 1px 0 0;}
.study_latest_box.main .char_slide .slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.study_latest_box.main .char_slide .slick-track:before,
.study_latest_box.main .char_slide .slick-track:after{display: table; content: '';}
.study_latest_box.main .char_slide .slick-track:after{clear: both;}
.study_latest_box.main .char_slide .slick-loading .slick-track{visibility: hidden;}
.study_latest_box.main .char_slide .slick-slide{display: none;float: left; min-height: 1px;}
[dir='rtl'] .study_latest_box.main .char_slide .slick-slide{float: right;}
.study_latest_box.main .char_slide .slick-slide.slick-loading img{display: none;}
.study_latest_box.main .char_slide .slick-slide.dragging img{pointer-events: none;}
.study_latest_box.main .char_slide .slick-initialized .slick-slide{display: block;height:100%;  }
.study_latest_box.main .char_slide .slick-initialized .slick-slide > div	{position:relative; width:100%; height:100%; display:inline-block;}
.study_latest_box.main .char_slide .slick-initialized .slick-slide > div .none	{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; font-size:11px; color:rgba(0,0,0,0.6); height:auto !important; text-align:center;}
.study_latest_box.main .char_slide .slick-initialized .slick-slide > div > div	{position:relative; top:0; left:0; width:100%; height:100%;}
.study_latest_box.main .char_slide .slick-loading .slick-slide{visibility: hidden;}
.study_latest_box.main .char_slide .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.study_latest_box.main .char_slide .slick-arrow.slick-hidden {display: none;}
.study_latest_box.main .char_slide .slider {width: 100%; margin: auto;}
.study_latest_box.main .char_slide .slider.none {}
.study_latest_box.main .char_slide .slider.none:after {content:"참여가능 한 수업이 없습니다.";position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; font-size:12px; color:rgba(0,0,0,0.6); height:auto !important; text-align:center;}
.study_latest_box.main .char_slide .slick-slide {margin: 0px 0;}
.study_latest_box.main .char_slide .slick-prev:before,
.study_latest_box.main .char_slide .slick-next:before {color: black;}
.study_latest_box.main .char_slide .slick-slide {transition: all ease-in-out .3s; opacity: .2;}
.study_latest_box.main .char_slide .slick-active {opacity: 1; }
.study_latest_box.main .char_slide .slick-current {opacity: 1;}
.study_latest_box.main .char_slide .slick-dots {position: absolute; bottom:30px; left:50%; transform:translateX(-50%); display: block; padding: 0; margin: 0; list-style: none; z-index:10; white-space:nowrap;}
.study_latest_box.main .char_slide .slick-dots li {position: relative; display: inline-block; width: 7px; height:7px; margin: 0 3px; padding: 0; cursor: pointer;  border-radius:100%; overflow:hidden; transition:all .3s;}
.study_latest_box.main .char_slide .slick-dots li button {font-size: 0; line-height: 0; display: block; width: 100%; height: 100%; padding: 10px 0; cursor: pointer; color: transparent; border: 0; outline: none; background:rgba(0,0,0,0.45);}
.study_latest_box.main .char_slide .slick-dots li button:hover,
.study_latest_box.main .char_slide .slick-dots li button:focus {outline: none; }
.study_latest_box.main .char_slide .slick-dots li button:hover:before,
.study_latest_box.main .char_slide .slick-dots li button:focus:before {opacity: 1;}
.study_latest_box.main .char_slide .slick-dots li button:before {}
.study_latest_box.main .char_slide .slick-dots li.slick-active{border-radius:10px;}
.study_latest_box.main .char_slide .slick-dots li.slick-active button{background:red;}

@media screen and (max-width: 650px){
	.study_latest_box.main .char_slide .slick-dots {bottom:20px; }
}


/**/


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

}

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

}

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

}

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

}

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

}

/**/
:root {
--per_ar1:15%;
--per_ar2:-8%;
--per_ar3:-10%;
--per_ar4:3%;
--per_ar5:37%;

--per_bp1:0%;
--per_bp2:33%;
}
.con_nie {position:relative; z-index:3;}

.con_nie:before {content:""; position:absolute; top:900px; left:50%; transform:translateX(-50%) rotate(-20deg);width:200%; height:900px; background:yellow; display:none;}
.con_nie .cn_pos {position:relative; max-width:1200px; left:0; right:0; margin:auto; padding:130px 50px; text-align:left;font-size:0; }
.con_nie .cn_pos2 {position:relative; max-width:1300px; left:0; right:0; margin:auto; padding:100px 50px; text-align:left;font-size:0; }
.con_nie .cp_hdbx {position:relative; padding:120px 0 20px 0; z-index:1; text-align:center;}
.con_nie .cp_hdbx h3 {position:relative; line-height:100%; color:#000; font-weight:900; font-size:40px;}
.con_nie .cp_hdbx h3 span {color:#0041a5;}
.con_nie .cp_hdbx p {position:relative; line-height:160%; color:#555; font-weight:500; font-size:14px; padding:25px 0 0 0;}
.con_nie ul.pro_list {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:1300px;  font-size:0; z-index:1;}
.con_nie ul.pro_list > li {position:absolute; width:330px; margin:5px; text-align:left; font-size:0; padding: 0 0 0 0; border-radius:10px; border:1px dashed #c9c9c9; padding:30px; background:#fafafa;}
.con_nie ul.pro_list > li.gp {top:-460px; left:50%; transform:translateX(-50%);}
.con_nie ul.pro_list > li.math {bottom:-500px; left:50%; transform:translateX(-50%);}
.con_nie ul.pro_list > li.pbl {top:-180px; left:290px;}
.con_nie ul.pro_list > li.essay {top:70px; left:290px;}
.con_nie ul.pro_list > li.phoinics {top:-180px; left:-630px;}
.con_nie ul.pro_list > li.reading {top:70px; left:-630px;}

.con_nie ul.pro_list > li i {position:absolute; top:10px; right:20px;  font-size:45px; line-height:70px; color:#000; display:none;}
.con_nie ul.pro_list > li .photo {position:absolute; top:30px; right:30px; width:50px; background-position:center center !important; background-size:cover !important; border-radius:7px; overflow:hidden; display:none;}
.con_nie ul.pro_list > li .photo:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:yellow;}
.con_nie ul.pro_list > li .photo:after {content:""; display:block; padding-top:100%;}
.con_nie ul.pro_list > li .ex {display:inline-block; vertical-align:top; position:relative; width:100%; font-style:normal; z-index:1; padding:0px 0 0 0px;}
.con_nie ul.pro_list > li em,
.con_nie ul.pro_list > li span {display:inline-block; vertical-align:top; position:relative; width:100%; font-style:normal; z-index:1;}
.con_nie ul.pro_list > li em {font-size:18px; color:#000;font-weight:800; padding:0px 0 5px 0;}
.con_nie ul.pro_list > li span {font-size:13px; font-weight:500; color:#000;}
.con_nie ul.pro_list > li .typo {position:absolute; bottom:-100px; right:-30px;font-size:300px; font-weight:900; color:#000; line-height:110%; opacity:0.09;}


.con_nie ul.inx_list {padding:5px 0 0 0  ; }
.con_nie ul.inx_list li {display:inline-block; vertical-align:top; position:relative; width:100%;  text-align:left; font-size:13px; font-weight:500; color:#000; padding: 0 0 0 13px;}
.con_nie ul.inx_list li:before {content:"ㆍ"; position:absolute; top:0; left:0;}


.con_nie .sym_box {position:absolute; top:0px; right:-70px; width:250px; height:85%; background:#fdffde; border-radius:0 0 110px 0;}
.con_nie .last_ment {position:relative; margin:0 0 100px 0; text-align:center; z-index:1;  }
.con_nie .last_ment .msg {position:relative; font-weight:800; color:#000; font-size:35px; line-height:110%;}
.con_nie .last_ment p {position:relative; font-weight:500; color:#000; font-size:17px; line-height:110%; padding:15px 0 0 0;}

.con_nie .circile_box {position:relative; left:0; right:0; max-width:600px;  width:calc(100% - 20px); border:1px dashed #999; border-radius:100%; margin:60px auto; background:#fafafa;}
.con_nie .circile_box:after {content:""; display:block; padding-top:100%;}
.con_nie ul.c_list {position:absolute; top:0; width:50%; height:100%; }
.con_nie ul.c_list.left {left:0;}
.con_nie ul.c_list.right {right:0;}
.con_nie ul.c_list li {height: 20%; position:relative; }
.con_nie ul.c_list li .cl_pos {position:absolute; bottom:0;  width:80px; height:80px; border-radius:100%;padding:10px 0 0 0; overflow:hidden;}
.con_nie ul.c_list li .cl_pos:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; }
.con_nie ul.c_list li .cl_pos i {display:inline-block; width:100%; position:relative; font-size:40px; line-height:100%; color:#fff; z-index:1;text-shadow: 0 0 3px rgba(0,0,0,0.5);}
.con_nie ul.c_list li .cl_pos i:before {content:"east";}
.con_nie ul.c_list li .cl_pos span {display:inline-block; width:100%; position:relative; font-size:13px; font-weight:600; color:#fff; line-height:100%; top:-10px; z-index:1;text-shadow: 0 0 3px  rgba(0,0,0,0.5);}
.con_nie ul.c_list.left li:nth-child(1) .cl_pos {left:var(--per_ar1);}
.con_nie ul.c_list.left li:nth-child(2) .cl_pos {left:var(--per_ar2);}
.con_nie ul.c_list.left li:nth-child(3) .cl_pos {left:var(--per_ar3);}
.con_nie ul.c_list.left li:nth-child(4) .cl_pos {left:var(--per_ar4);}
.con_nie ul.c_list.left li:nth-child(5) .cl_pos {left:var(--per_ar5);}
.con_nie ul.c_list.right li:nth-child(1) .cl_pos {right:var(--per_ar1);}
.con_nie ul.c_list.right li:nth-child(2) .cl_pos {right:var(--per_ar2);}
.con_nie ul.c_list.right li:nth-child(3) .cl_pos {right:var(--per_ar3);}
.con_nie ul.c_list.right li:nth-child(4) .cl_pos {right:var(--per_ar4);}
.con_nie ul.c_list.right li:nth-child(5) .cl_pos {right:var(--per_ar5);}
.con_nie ul.c_list.left li:nth-child(1) .cl_pos:after {background:#ceb5ef;}
.con_nie ul.c_list.left li:nth-child(2) .cl_pos:after {background:#eba4c0;}
.con_nie ul.c_list.left li:nth-child(3) .cl_pos:after {background:#ffc57f;}
.con_nie ul.c_list.left li:nth-child(4) .cl_pos:after {background:#f7cf47;}
.con_nie ul.c_list.left li:nth-child(5) .cl_pos:after {background:#a6cb92;}
.con_nie ul.c_list.right li:nth-child(1) .cl_pos:after {background:#ceb5ef;}
.con_nie ul.c_list.right li:nth-child(2) .cl_pos:after {background:#eba4c0;}
.con_nie ul.c_list.right li:nth-child(3) .cl_pos:after {background:#ffc57f;}
.con_nie ul.c_list.right li:nth-child(4) .cl_pos:after {background:#f7cf47;}
.con_nie ul.c_list.right li:nth-child(5) .cl_pos:after {background:#a6cb92;}
.con_nie ul.c_list.left li:nth-child(1) .cl_pos i:before {content:"favorite";}
.con_nie ul.c_list.left li:nth-child(2) .cl_pos i:before {content:"diversity_3";}
.con_nie ul.c_list.left li:nth-child(3) .cl_pos i:before {content:"analytics";}
.con_nie ul.c_list.left li:nth-child(4) .cl_pos i:before {content:"menu_book";}
.con_nie ul.c_list.left li:nth-child(5) .cl_pos i:before {content:"experiment";}
.con_nie ul.c_list.right li:nth-child(1) .cl_pos i:before {content:"nature";}
.con_nie ul.c_list.right li:nth-child(2) .cl_pos i:before {content:"scoreboard";}
.con_nie ul.c_list.right li:nth-child(3) .cl_pos i:before {content:"health_and_safety";}
.con_nie ul.c_list.right li:nth-child(4) .cl_pos i:before {content:"globe";}
.con_nie ul.c_list.right li:nth-child(5) .cl_pos i:before {content:"museum";}
.con_nie .circile_box .inner_c {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); border-radius:100%; width:70%; background:url(/views/public/images/earth.png) no-repeat; background-position:center center; background-size:cover;;}
.con_nie .circile_box .inner_c:after {content:""; display:block; padding-top:100%;}
.con_nie .circile_box .ic_txt {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:60%; line-height:100%; }
.con_nie .circile_box .ic_txt span,
.con_nie .circile_box .ic_txt h3,
.con_nie .circile_box .ic_txt mnt {display:inline-block; width:100%; position:relative; line-height:100%;  text-shadow: 0 0 1px rgba(0,0,0,0.7);}
.con_nie .circile_box .ic_txt span {font-size:40px; font-weight:600; color:#fff; }
.con_nie .circile_box .ic_txt h3 {font-size:85px; font-weight:normal; font-family:var(--GB);  color:#fff; padding:10px 0 0 0;}
.con_nie .circile_box .ic_txt mnt {font-size:25px; font-weight:500; color:#fff; }
.con_nie .book_box {position:relative; left:0; right:0; margin:30px auto; font-size:0; }
.con_nie .book_box .bb_sec {display:inline-block; vertical-align:top; position:relative; width:calc(50% - 20px); margin:0 10px; }
.con_nie .book_box .bb_sec:after {content:""; display:block; padding-top:65%;}
.con_nie .book_box .bs_hdbx {position:absolute; top:0; left:0; padding:35px 35px 0 35px; width:100%;}
.con_nie .book_box .bs_hdbx p,
.con_nie .book_box .bs_hdbx span {display:inline-block; width:100%; position:relative; padding:0 0 0 110px; line-height:120%;}
.con_nie .book_box .bs_hdbx h3 {position:absolute; top:35px; left:35px; background:#ddd; font-size:17px; padding:8px 20px; border-radius:30px; color:#fff;}
.con_nie .book_box .bs_hdbx h3.step_a {background:#87ce25; }
.con_nie .book_box .bs_hdbx h3.step_b {background:#faa800; }
.con_nie .book_box .bs_hdbx p {font-size:18px; font-weight:600; color:#000;}
.con_nie .book_box .bs_hdbx span {font-size:12px; font-weight:500; color:#000;}
.con_nie .book_box .bs_hdbx span i { color:#000;font-size:13px; display:inline-block; vertical-align:middle;}

.con_nie .book_box .igbx {position:absolute; bottom:0;width:40%; height:50%;}
.con_nie .book_box .igbx.i1 {left:55px;}
.con_nie .book_box .igbx.i2 {right:35px;}
.con_nie .book_box .igbx img {position:absolute; bottom:0; left:0; width:50%;}
.con_nie .book_box .igbx img.bx1 {bottom:0; left:0; z-index:4;}
.con_nie .book_box .igbx img.bx2 {bottom:10%; left:15%; z-index:3;}
.con_nie .book_box .igbx img.bx3 {bottom:20%; left:30%; z-index:2;}
.con_nie .book_box .igbx img.bx4 {bottom:30%; left:45%; z-index:1;}

@media screen and (max-width: 1300px){
.con_nie .cp_hdbx {padding:70px 0 0px 0;}

.con_nie ul.pro_list {position:relative; left:0; top:0; right:0; transform:none; margin:auto;  width:100%; padding:0 30px;}
.con_nie ul.pro_list > li {position:relative; display:inline-block; vertical-align:top; width:calc(33.3333% - 10px); height:200px; margin:5px; padding:30px; background:#fafafa;}
.con_nie ul.pro_list > li.gp,
.con_nie ul.pro_list > li.math,
.con_nie ul.pro_list > li.pbl,
.con_nie ul.pro_list > li.essay,
.con_nie ul.pro_list > li.phoinics,
.con_nie ul.pro_list > li.reading {top:initial; left:initial; right:initial; bottom:initial; transform:none;}

.con_nie ul.pro_list > li i {display:block;}

}
@media screen and (max-width: 1160px){
	.con_nie .cn_pos {padding:50px;}
	.con_nie .cn_pos2 {padding:50px;}

	.con_nie ul.pro_list > li {width:calc(50% - 10px);}
	.con_nie .book_box {max-width:600px;}
	.con_nie .book_box .bb_sec {width:100%; margin:30px 0 0 0; }
}

@media screen and (max-width: 650px){
	.con_nie .cn_pos {padding:30px;}
	.con_nie .cn_pos2 {padding:30px;}
	.con_nie .cp_hdbx {padding:50px 30px 0px 30px; text-align:left;}
	.con_nie .cp_hdbx h3 {font-size:20px;}
	.con_nie .cp_hdbx p {font-size:11px; padding:10px 0 0 0; line-height:150%;}
	.con_nie .cp_hdbx p .hd {display:none;}
	.con_nie ul.pro_list {padding:0 25px}
	.con_nie ul.pro_list > li {width:100%; margin:5px 0 0 0; height:auto; padding:20px;}

	.con_nie .last_ment { margin:0 0 40px 0;}
	.con_nie .last_ment .msg {font-size:20px; }
	.con_nie .last_ment p {font-size:12px; padding:10px 0 0 0;}
	.con_nie .circile_box {margin:20px auto;}
	.con_nie ul.c_list li .cl_pos {width:55px; height:55px;padding:6px 0 0 0;}
	.con_nie ul.c_list li .cl_pos i {font-size:25px;}
	.con_nie ul.c_list li .cl_pos span {font-size:11px;top:-11px;}
	.con_nie .circile_box .inner_c {width:65%; }
	.con_nie .circile_box .ic_txt span {font-size:25px;}
	.con_nie .circile_box .ic_txt h3 {font-size:50px; padding:10px 0 0 0;}
	.con_nie .circile_box .ic_txt mnt {font-size:15px;}
	.con_nie .book_box .bb_sec {height:auto; }
	.con_nie .book_box .bb_sec.spb {margin-top:50px;}
	.con_nie .book_box .bb_sec:after {padding-top:0%;}
	.con_nie .book_box .bs_hdbx {position:relative; padding:0 0px 0 0;}
	.con_nie .book_box .bs_hdbx h3 {top:0; left:0; font-size:14px; padding:7px 15px;}
	.con_nie .book_box .bs_hdbx p,
	.con_nie .book_box .bs_hdbx span {padding:0 0 0 80px;}
	.con_nie .book_box .bs_hdbx p {font-size:15px;}
	.con_nie .book_box .bs_hdbx span {font-size:11px;}
	.con_nie .book_box .bs_hdbx span i {font-size:12px;}
	.con_nie .book_box .igbx {position:relative; display:inline-block; vertical-align:top;width:50%; height:215px;}
	.con_nie .book_box .igbx.i1 {left:20px;}
	.con_nie .book_box .igbx.i2 {right:10px;}
	.con_nie .book_box .igbx img {width:auto; height:70%;}
	.con_nie .book_box .igbx img.bx2 {bottom:15px; left:10%;}
	.con_nie .book_box .igbx img.bx3 {bottom:30px; left:20%;}
	.con_nie .book_box .igbx img.bx4 {bottom:45px; left:30%;}
}

.tc_1 {color:#194e6d;}
.tc_2 {color:#4b6f1d;}
.tc_3 {color:#2b357d;}
.tc_4 {color:#2b6551;}
.tc_5 {color:#774431;}
.tc_6 {color:#731e6d;}

/**/
/**/
/**/
/**/
/**/
/**/