
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);

@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; } 

* {margin:0; padding:0;}
ul, li {list-style:none; margin:0px; padding: 0px;}

/** g마켓폰트 
@font-face {
    font-family: 'Gmarket Sans';
    font-weight: 300;
    font-style: normal;
    src:
    url('https://script.ebay.co.kr/fonts/GmarketSansLight.woff2') format('woff'),
	url('https://script.ebay.co.kr/fonts/GmarketSansLight.woff') format('woff');
}
@font-face {
    font-family: 'Gmarket Sans';
    font-weight: 500;
    font-style: normal;
    src:
    url('https://script.ebay.co.kr/fonts/GmarketSansMedium.woff2') format('woff'),
	url('https://script.ebay.co.kr/fonts/GmarketSansMedium.woff') format('woff');
}
@font-face {
    font-family: 'Gmarket Sans';
    font-weight: 700;
    font-style: normal;
    src:
    url('https://script.ebay.co.kr/fonts/GmarketSansBold.woff2') format('woff'),
	url('https://script.ebay.co.kr/fonts/GmarketSansBold.woff') format('woff');
}
*/
/* 넥슨폰트 */
@font-face {
    font-family: 'NEXON Lv1 Gothic OTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.allBody {width:100%; font-family:'GmarketSansMedium';}
.allBody .boldFont {display:inline-block; font-weight:700;}
.allBody .inlineBlockFont {display:inline-block;}
.allBody .redFont {color:#c92020;}
.allBody .pinkFont {color:#fb458e;}
.allBody .yellowFont {color:#ffdf52;}
.allBody .skyblueFont {color:#70c4e3;}
.allBody .underLineFont {border-bottom:2px solid;}

.bx-wrapper {margin:0;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {padding:0; bottom:40px; width:100%; text-align:center;}
.bx-wrapper .bx-controls-direction a .rollingAllowLeft {display:block; width:100%; height:100%; background:url('/images/main/20240311/allowLeft.png') no-repeat center; background-size:contain;}
.bx-wrapper .bx-controls-direction a .rollingAllowRight {display:block; width:100%; height:100%; background:url('/images/main/20240311/allowRight.png') no-repeat center; background-size:contain;}
.bx-wrapper .bx-pager.bx-default-pager a {background-color:#fff}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {background-color:#777}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {display:none;}

@media screen and (max-width:600px) {
	.allBody .title {box-sizing:border-box; padding:0; line-height:1.2; letter-spacing:-4px; font-size:26px; font-weight:normal; font-family:'GmarketSansBold';}
	.allBody .subTitle {box-sizing:border-box; display:block; padding:0 10px; letter-spacing:0; font-size:18px; font-family: 'SCoreDream'; font-weight:500;}
	.bxslider_main img.web {display:none;}
	.bxslider_main img.mb {display:block;}
	.bx-controls {display:none;}
}
@media screen and (min-width:601px) {
	.allBody .title {box-sizing:border-box; padding:0 10px; line-height:1.2; letter-spacing:-4px; font-size:44px; font-family:'GmarketSansBold';}
	.allBody .subTitle {box-sizing:border-box; display:block; padding:0 10px; letter-spacing:0; font-size:20px; font-family: 'SCoreDream'; font-weight:500;}
	.bxslider_main img.web {display:block;}
	.bxslider_main img.mb {display:none;}
}


.allBody .main01 {padding:74px 0 50px; width:100%; text-align:center; background-color:#f0f3fa;}
.allBody .main01 .title {margin-bottom:50px; font-size:54px; font-weight:900; color:#383232;}
.allBody .main01 .subTitle {display:inline-block; margin-bottom:10px; padding:8px 20px; font-size:29px; border:3px solid #383232; border-radius:36px;}
.allBody .main01 .imgBox {margin:0 auto; width:100%; max-width:1000px; height:302px;}

.allBody .main02 {padding-bottom:100px; width:100%; text-align:center; background-color:#141f33; background-image:url('/images/main/20240311/web02_bg.png'); background-position:center;}
.allBody .main02 .title {padding:120px 0 64px 0; font-size:58px; font-weight:900; color:#fff;}
.allBody .main02 .subTitle {display:inline-block; padding:10px 10px 0; font-size:58px; font-family:'GmarketSansBold'; color:#1c3360; background-color:#fff;}
.allBody .main02 .imgBox {margin:0 auto; width:100%; max-width:1000px;}
.allBody .main02 .imgBox.img1 {margin-bottom:100px; height:545px;}
.allBody .main02 .imgBox.img2 {height:244px;}

.allBody .main03 {padding-bottom:100px; width:100%; text-align:center;}
.allBody .main03 .title {padding:100px 0 34px 0; font-size:55px; font-weight:900; color:#1c3360;}
.allBody .main03 .subTitle {display:inline-block; padding:10px 30px; font-size:32px; color:#fff; background-color:#1c3360;}
.allBody .main03 .imgBox {margin:0 auto; width:100%; max-width:1000px;}
.allBody .main03 .imgBox.img1 {height:591px;}
.allBody .main03 .imgBox.img2 {margin-bottom:40px; height:447px;}
.allBody .main03 .imgBox.img3 {height:640px;}

.allBody .main04 {width:100%; text-align:center; background-color:#141f33; background-image:url('/images/main/20240311/web04_bg.png'); background-position:center;}
.allBody .main04 .title {padding:90px 0 40px 0; font-size:58px; font-weight:900; color:#1c3360;}
.allBody .main04 .title .underline {display:block; position:absolute; bottom:-7px; left:0; width:100%; height:20px; background:url('/images/main/20240311/web04_underline.png') no-repeat center; background-size:contain;}
.allBody .main04 .subTitle {display:inline-block; font-size:34px; font-family:'GmarketSansLight'; color:#444;}
.allBody .main04 .imgBox {margin:0 auto; width:100%; max-width:1000px;}
.allBody .main04 .imgBox.img1 {margin-bottom:80px; height:483px;}
.allBody .main04 .btn {display:inline-block; margin:50px auto 100px; padding:0 40px; font-size:50px; font-family:'GmarketSansMedium'; color:#fff; background-color:#c92020; border-radius:50px;}
.allBody .main04 .btn:hover {background-color:red;}
.allBody .main04 .btn .iconAllow {margin-left:4px; padding:30px; background:url('/images/main/20240311/web04_allow.png') no-repeat center 45%; background-size:contain;}

.allBody .main05 {width:100%; height:565px; text-align:center; background-color:#f0f3fa; background-image:url('/images/main/20240311/web05_bg.png'); background-position:center;}
.allBody .main05 .title {padding:120px 0 40px 0; letter-spacing:-2px; font-size:60px; font-weight:900; color:#fff;}
.allBody .main05 .subTitle {display:inline-block; font-size:44px; font-weight:400;}
.allBody .main05 .imgBox {margin:0 auto; width:100%; max-width:1000px;}
.allBody .main05 .imgBox.img1 {height:88px;}

.allBody .main06 {padding-bottom:70px; width:100%; text-align:center;}
.allBody .main06 .title {padding:40px 0 40px 0; line-height:58px; font-size:58px; font-weight:900; color:#1c3360;}
.allBody .main06 .subTitle {display:inline-block; font-size:28px;}
.allBody .main06 .main {margin:0 auto 16px; width:100%; max-width:1200px;}
.allBody .main06 .main:after {display:block; clear:both; content:"";}
.allBody .main06 .main .txt .cell {display:table-cell; padding:50px; width:100%; height:100%; text-align:left; font-size:24px; color:#595959; vertical-align:middle;}
.allBody .main06 .main .txt .cell .cellTit {display:inline-block; margin-bottom:20px; font-size:30px; font-weight:600; color:#323232;}
.allBody .main06 ul {position:relative; margin:0 auto; width:100%; max-width:1200px;}
.allBody .main06 ul:after {display:block; clear:both; content:"";}
.allBody .main06 ul li .imgBox {width:100%; height:100%;}
.allBody .main06 ul li .txtBox {display:table; position:absolute; bottom:0; left:0; width:100%; height:80px; font-size:20px; color:#fff;}
.allBody .main06 ul li .txtBox span {display:table-cell; width:100%; height:100%; vertical-align:middle;}
.allBody .main06 ul li:nth-child(1) .txtBox {background:linear-gradient(to top, #0d1e40, transparent);}
.allBody .main06 ul li:nth-child(3) .txtBox {background:linear-gradient(to top, #0d2f40, transparent);}
.allBody .main06 ul li:nth-child(5) .txtBox {background:linear-gradient(to top, #0d1e40, transparent);}
@media screen and (max-width:1200px) {
	.allBody .main06 .main .img {margin:0 auto; width:100%; max-width:667px;}
	.allBody .main06 .main .txt {margin:0 auto 20px; display:table; width:100%; max-width:667px; background-color:#f8f8f8;}
	.allBody .main06 .main .txt .cell {padding:20px; font-size:20px;}
	.allBody .main06 ul li {float:none; position:relative; margin:0 auto; width:400px; height:291px;}
	.allBody .main06 ul .allow {float:none; position:relative; width:100%; height:0; z-index:1;}
	.allBody .main06 ul .allow span {position:absolute; top:-34px; left:calc(50% - 52px); width:104px; height:95px; background:url('/images/main/20240311/allow.png'); transform:rotate(90deg);}
}
@media screen and (min-width:1201px) {
	.allBody .main06 .main .img {float:left; width:100%; max-width:667px;}
	.allBody .main06 .main .txt {float:left; display:table; width:100%; max-width:533px; height:403px; background-color:#f8f8f8;}
	.allBody .main06 ul li {float:left; position:relative; width:400px; height:291px;}
	.allBody .main06 ul .allow {float:left; position:relative; width:0; height:0; z-index:1;}
	.allBody .main06 ul .allow span {position:absolute; top:100px; left:-44px; width:104px; height:95px; background:url('/images/main/20240311/allow.png');}
}

.allBody .main07 {padding-bottom:100px; width:100%; text-align:center; background-color:#f0f3fa; background-image:url('/images/main/20240311/web07_bg.png'); background-position:center;}
.allBody .main07 .title {padding:140px 0 40px 0; font-size:34px; font-weight:600; font-style:italic; color:#393939;}
.allBody .main07 .subTitle {display:inline-block; margin-bottom:10px; padding:10px 40px; font-size:58px; font-weight:600; font-style:normal; color:#fff; background-color:#393939;}
.allBody .main07 .title .iconExclam {display:inline-block; position:relative; top:6px; margin-right:14px; width:45px; height:46px; background:url('/images/main/20240311/web07_Exclam.png');}
.allBody .main07 .imgBox {margin:0 auto; width:100%; max-width:1000px;}
.allBody .main07 .imgBox.img1 {height:517px;}

.allBody .main08 {padding:100px 0; width:100%; text-align:center; background-color:#fff;}
.allBody .main08 .title {padding-bottom:40px; line-height:58px; font-size:58px; color:#393939;}
.allBody .main08 .subTitle {display:inline-block; position:relative; font-size:34px;}
.allBody .main08 .subTitle .iconThunder {display:inline-block; position:absolute; top:-56px; right:-72px; width:80px; height:78px; background:url('/images/main/20240311/web08_thunder.png') no-repeat center; background-size:contain;}
.allBody .main08 .redFont {position:relative;}
.allBody .main08 .redFont .iconChk {display:inline-block; position:absolute; top:-20px; right:-78px; width:76px; height:49px; background:url('/images/main/20240311/web08_chk.png') no-repeat center; background-size:contain;}
.allBody .main08 .imgBox {margin:0 auto; width:100%; max-width:1000px;}
.allBody .main08 .imgBox.img1 {height:337px;}
.allBody .main08 ul {position:relative; margin:0 auto; width:100%; max-width:1000px;}
.allBody .main08 ul:after {display:block; clear:both; content:"";}
.allBody .main08 ul li .imgBox {margin-bottom:10px; width:100%; height:295px;}
.allBody .main08 ul li .txtBox {margin-bottom:20px; width:100%; height:100%; font-size:24px; font-family:'SCoreDream'; font-weight:500; color:#302d2d;}
@media screen and (max-width:1000px) {
	.allBody .main08 ul li {float:none; position:relative; width:100%;}
	.allBody .main08 .subTitle .iconThunder {top:-28px; right:-42px; width:50px; height:48px;}
	.allBody .main08 .redFont .iconChk {top:-20px; right:-66px; width:60px; height:49px;}
}
@media screen and (min-width:1001px) {
	.allBody .main08 ul li {float:left; position:relative; width:50%;}
}

.allBody .main09 {padding:100px 0; width:100%; text-align:center; background-color:#0d1928; background:radial-gradient(#3059a0, #0d1928); overflow:hidden;}
.allBody .main09 .wrap {margin:0 auto; width:100%; max-width:1062px;}
.allBody .main09 .wrap:after {display:block; clear:both; content:"";}
.allBody .main09 .wrap .leftBox .title {margin-bottom:50px; line-height:44px; letter-spacing:-2px; font-size:40px; font-family:'GmarketSansMedium'; color:#fff;}
.allBody .main09 .wrap .leftBox ul.chkInfo {box-sizing:border-box; padding:0 20px; width:100%; text-align:left; font-size:22px; color:#fff;}
.allBody .main09 .wrap .leftBox ul.chkInfo li {display:flex; margin-bottom:20px; width:100%;}
.allBody .main09 .wrap .leftBox ul.chkInfo li .chkBox {display:inline-block; position:relative; margin-right:4px; width:24px; height:24px; border:2px solid #fff; border-radius:4px; vertical-align:middle;}
.allBody .main09 .wrap .leftBox ul.chkInfo li .chkBox .chk {display:inline-block; position:absolute; top:-8px; right:-3px; width:100%; height:100%; background-image:url('/images/main/20240311/chkBox.png');}
.allBody .main09 .wrap .leftBox ul.chkInfo li .txt {display:inline-block; width:calc(100% - 40px);}
.allBody .main09 .wrap .rightBox .imgBox {position:relative;}
@media screen and (max-width:800px) {
	.allBody .main09 .wrap .leftBox {margin:0 auto 60px; float:none; width:100%; max-width:560px;}
	.allBody .main09 .wrap .leftBox ul.chkInfo {padding:0 44px; font-size:20px;}
	.allBody .main09 .wrap .rightBox {margin:120px auto 0; float:none; width:100%; max-width:502px;}
	.allBody .main09 .wrap .rightBox .imgBox .img {margin:0 auto 10px; width:296px; height:372px; border:2px solid #fff; border-radius:24px;}
	.allBody .main09 .wrap .rightBox .imgBox .txt {margin:0 auto; width:296px; text-align:center; font-size:20px; color:#fff;}
	.allBody .main09 .wrap .rightBox .roboBox {position:absolute; top:-110px; right:0%; width:220px; height:240px;}
}
@media screen and (min-width:801px) and (max-width:1062px) {
	.allBody .main09 .wrap .leftBox {margin:0 auto 60px; float:none; width:100%; max-width:560px;}
	.allBody .main09 .wrap .rightBox {margin:0 auto; float:none; width:100%; max-width:502px;}
	.allBody .main09 .wrap .rightBox .imgBox .img {margin:0 auto 10px; width:296px; height:372px; border:2px solid #fff; border-radius:24px;}
	.allBody .main09 .wrap .rightBox .imgBox .txt {margin:0 auto; width:296px; text-align:center; font-size:20px; color:#fff;}
	.allBody .main09 .wrap .rightBox .roboBox {position:absolute; bottom:-60px; right:-90px; width:371px; height:392px;}
}
@media screen and (min-width:1063px) {
	.allBody .main09 .wrap .leftBox {float:left; width:560px;}
	.allBody .main09 .wrap .rightBox {float:right; width:502px;}
	.allBody .main09 .wrap .rightBox .imgBox .img {margin-bottom:10px; width:296px; height:372px; border:2px solid #fff; border-radius:24px;}
	.allBody .main09 .wrap .rightBox .imgBox .txt {width:296px; text-align:center; font-size:20px; color:#fff;}
	.allBody .main09 .wrap .rightBox .roboBox {position:absolute; bottom:-60px; right:-90px; width:371px; height:392px;}
}

.allBody .main09 ul.imgInfo:after {display:block; clear:both; content:"";}
.allBody .main09 ul.imgInfo li .imgBox {width:100%; height:223px; border:2px solid #fff; border-radius:10px; box-shadow:0 0 22px 6px #3059a0;}
.allBody .main09 ul.imgInfo li .txtBox {width:100%; text-align:center; font-size:20px; color:#fff;}
@media screen and (max-width:1060px) {
	.allBody .main09 ul.imgInfo {margin:100px auto 0; width:100%; max-width:1060px;}
	.allBody .main09 ul.imgInfo li {float:none; margin:0 auto 30px; width:329px;}
	.allBody .main09 ul.imgInfo li .imgBox {margin-bottom:10px;}
}
@media screen and (min-width:1061px) {
	.allBody .main09 ul.imgInfo {margin:60px auto 0; width:100%; max-width:1060px;}
	.allBody .main09 ul.imgInfo li {float:left; margin-right:30px; width:329px; height:223px;}
	.allBody .main09 ul.imgInfo li:last-child {margin-right:0;}
	.allBody .main09 ul.imgInfo li .imgBox {margin-bottom:20px;}
}

.allBody .main10 {padding:120px 0; width:100%; text-align:center; background-color:#f0f3fa; background-image:url('/images/main/20240311/web10_bg.png'); background-position:center;}
.allBody .main10 .title {margin-bottom:20px; font-size:62px; font-weight:900; color:#393939;}
.allBody .main10 .subTitle {margin-bottom:40px; letter-spacing:-1px; font-size:22px; font-weight:400; color:#979797;}
.allBody .main10 .mainTxt {box-sizing:border-box; display:inline-block; margin-bottom:20px; padding:10px; width:100%; max-width:759px; letter-spacing:-2px; text-align:center; font-size:46px; font-weight:900; color:#fff; background-color:#393939;}
.allBody .main10 .imgBox {margin:0 auto 60px; width:100%; max-width:759px; height:452px;}
.allBody .main10 .imgBtn {margin:0 auto; width:100%; max-width:340px; height:75px; cursor:pointer;}

.allBody .main11 {box-sizing:border-box; position:relative; padding-top:100px; width:100%; height:900px; text-align:center; background-color:#f0f3fa; background-image:url('/images/main/20240311/web11_bg.png'); background-position:center; background-size:cover;}
.allBody .main11 .title {margin-bottom:40px; font-size:58px; font-weight:900; color:#fff;}
.allBody .main11 .logos {margin:0 auto; width:100%; max-width:960px; height:87px;}
.allBody .main11 .phones {position:absolute; bottom:0; margin:0 auto; width:100%; max-width:508px; height:482px;}
@media screen and (max-width:508px) {
	.allBody .main11 .phones {left:0;}
}
@media screen and (min-width:509px) {
	.allBody .main11 .phones {left:calc(50% - 254px);}
}

.allBody .main12 {box-sizing:border-box; padding-top:112px; width:100%; height:894px; text-align:center; background-color:#fac538; background-image:url('/images/main/20240311/web12_bg.png'); background-repeat:no-repeat; background-position:center;}
.allBody .main12 .title {margin-bottom:35px; font-size:70px; font-weight:900; color:#1f4a83;}
.allBody .main12 .title .web {display:block;}
.allBody .main12 .title .mb {display:none;}
.allBody .main12 .subTitle {letter-spacing:16px; font-size:28px; font-weight:400; color:#6b8ebd;}

@media screen and (max-width:800px) {
	.allBody .main {box-sizing:border-box; padding-left:8px; padding-right:8px;}
	.allBody .main01 .title {margin-bottom:20px; font-size:32px;}
	.allBody .main01 .subTitle {padding:8px 20px; font-size:20px;}
	.allBody .main01 .imgBox {height:22vh; min-height:200px;}
	.allBody .main02 .title {font-size:40px;}
	.allBody .main02 .subTitle {padding:4px 10px 0; font-size:40px;}
	.allBody .main02 .imgBox.img1 {margin-bottom:20px; height:30vh; min-height:200px;}
	.allBody .main03 .title {font-size:40px;}
	.allBody .main03 .subTitle {font-size:26px;}
	.allBody .main03 .imgBox.img1,
	.allBody .main03 .imgBox.img2,
	.allBody .main03 .imgBox.img3 {height:30vh; min-height:200px;}
	.allBody .main04 .title {font-size:40px;}
	.allBody .main04 .subTitle {font-size:22px;}
	.allBody .main04 .imgBox.img1 {height:30vh; min-height:200px;}
	.allBody .main04 .btn {padding:10px 40px; line-height:34px; font-size:30px;}
	.allBody .main04 .btn .iconAllow {padding:24px;}
	.allBody .main05 .title {font-size:40px;}
	.allBody .main05 .subTitle {font-size:30px;}
	.allBody .main06 .title {font-size:40px;}
	.allBody .main06 .subTitle {font-size:30px;}
	.allBody .main07 .title {font-size:30px;}
	.allBody .main07 .subTitle {font-size:40px;}
	.allBody .main07 .imgBox.img1 {height:30vh; min-height:200px;}
	.allBody .main08 .title {font-size:40px;}
	.allBody .main08 .subTitle {font-size:30px;}
	.allBody .main08 .imgBox.img1 {height:30vh; min-height:240px;}
	.allBody .main09 .wrap .leftBox .title {font-size:36px;}
	.allBody .main09 .wrap .leftBox .subTitle {font-size:30px;}
	.allBody .main10 .title {font-size:40px;}
	.allBody .main10 .mainTxt {font-size:34px;}
	.allBody .main10 .imgBox {height:40vh; min-height:300px;}
	.allBody .main11 {background-position:10% center;}
	.allBody .main11 .title {margin-bottom:60px; font-size:40px;}
	.allBody .main11 .logos {height:50px;}
	.allBody .main12 {height:700px; background-position:center bottom; background-size:1200px;}
	.allBody .main12 .title {margin-bottom:60px; font-size:38px;}
	.allBody .main12 .title .web {display:none;}
	.allBody .main12 .title .mb {display:block;}
	.allBody .main12 .subTitle {letter-spacing:0px; font-size:20px;}
}
@media screen and (min-width:801px) {
	
}


.eduart_class .recommend_class .recommend_content ul li .recommends_img {float:left; width:170px; height:114px; transform:scale(1); transition:transform 0.35s;}
.eduart_class .recommend_class .recommend_content ul li .recommends_img:hover {
	box-shadow:4px 4px 4px rgba(0,0,0,0.3);
	-webkit-transform:scale(1.05); /*  크롬 */
	-moz-transform:scale(1.05); /* FireFox */
	-o-transform:scale(1.05); /* Opera */
	transform:scale(1.05);
	transition: transform .35s;
	-o-transition: transform .35s;
	-moz-transition: transform .35s;
	-webkit-transition: transform .35s;
}
