@charset "utf-8";
.grid { -webkit-box-sizing: border-box; box-sizing: border-box; *zoom: 1; }
.grid:before,
.grid:after { content: ''; display: table; }
.grid:after { clear: both; }
.grid .col { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; }

.page-wrap * { font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun gothic', 'Dotum', '돋움', Sans-Serif; letter-spacing: -1px; }
.page-wrap .wrap { position:relative; width: 1024px; margin: 0 auto;}
.page-wrap .clearfix {*zoom:1}
.page-wrap .clearfix:after {content:""; display: block; clear: both;}
.page-wrap .sr-only { position: absolute; display: inline-block; overflow: hidden; clip: rect(0 0 0 0); width: 0px; height: 0px; margin: -1px; padding: 0; word-break: keep-all; white-space: nowrap; color: transparent; border: 0; text-indent: -9999px; }

.foot_slogan { background:url('//img.eduwill.net/Img2/Common/product/event_new/bg_bottom.gif') 50% 0 no-repeat;}
.foot_slogan .wrap { position:relative; width:850px; margin:0 auto;}

.bx-wrapper { margin: 0 auto !important; } 
.bx-wrapper .bx-viewport { background: none; box-shadow: none; border: 0;left: 0;} 
.bx-wrapper img { display: inline; } 

/* top link */
.applink {margin-top:0; background:#fff; border:solid 1px #d8d8d8; border-width:1px 0}
.applink ul {overflow:hidden; width:1010px; margin:0 auto}
.applink ul li {float:left; width:20%; text-align: center; border-right: solid 1px #d8d8d8; box-sizing:border-box;}
.applink ul li a {display:block; height: 57px; border-top:4px solid #fff; text-indent:-9999em; box-sizing:border-box;}
.applink ul li:first-child {border-left: solid 1px #d8d8d8; }
.applink ul li.app01 a {background:url('/Img2/Common/promotion/mobile_dokhan/link01.png') no-repeat 50% 50%}
.applink ul li.app02 a {background:url('/Img2/Common/promotion/mobile_dokhan/link02.png') no-repeat 50% 50%}
.applink ul li.app03 a {background:url('/Img2/Common/promotion/mobile_dokhan/link03.png') no-repeat 50% 50%}
.applink ul li.app04 a {background:url('/Img2/Common/promotion/mobile_dokhan/link04.png') no-repeat 50% 50%}
.applink ul li.app05 a {background:url('/Img2/Common/promotion/mobile_dokhan/link05.png') no-repeat 50% 50%}
.applink ul li.on { }
.applink ul li.app02.on a { border-top:4px solid #e9b44d;}
.applink.type_m ul {width:100%}
.applink.type_m ul li {}
.applink.type_m ul li a {height:300px; border-right:none; border-left:solid 1px #d8d8d8; background-size:80%;}
.applink.type_m ul li:first-child a {border-left:none}
.applink.type_m ul li a em {background-position:50% 45px; min-width:150px; background-size:150px; padding-left:0; font-size:44px; height:300px; line-height:15px; padding-top:235px;}
.applink.type_m ul li a em span {display:none}
.applink.type_m ul li.on {background-size:1px 8px;}

.section { text-align:left;}
.section .title { font-size:52px; line-height:70px; color:#000; letter-spacing:-2px; font-weight:300;}
.section .title strong { display:inline-block; position:relative; z-index:1;}
.section .title strong:before { content:''; display:block; position:absolute; bottom:8px; left:0; width:100%; height:27px; background:#ffeec9; z-index:-1;}

.section_title { background:url('//img.eduwill.net/Img2/Common/promotion/mobileapp_info/190305/bg_pt.jpg') 0 0 repeat-x;}
.section_title .bg { height:940px; background:url('//img.eduwill.net/Img2/Common/promotion/mobileapp_info/190305/bg.jpg') 50% 0 no-repeat;}
.section_title .title_group { position:relative; padding-top:259px;}
.section_title .title_group .new { display:block; width:88px; height:38px; background:url('//img.eduwill.net/Img2/Common/promotion/mobileapp_info/190305/icon-new.png') 0 0 no-repeat;}
.section_title .title_group .title_01 { margin-bottom:16px; font-size:52px; line-height:70px; color:#000; font-weight:00; letter-spacing:-2px;}
.section_title .title_group .title_02 { margin-bottom:48px; font-size:28px; line-height:36px; color:#000; opacity:0.6; filter:alpha(opacity=60); font-weight:300;}
.section_title .title_group .action a { margin-left:16px;}
.section_title .title_group .action a:first-child { margin-left: 0;}

.section_01 { padding:128px 0; background:#fff9f2;}
.section_01 .title { padding-top:77px; margin-bottom:30px; background:url('//img.eduwill.net/Img2/Common/promotion/mobileapp_info/190305/icon-section-01.png') 0 0 no-repeat;}
.section_01 .desc { margin-bottom:111px; font-size:24px; line-height:32px; color:#4c4c4c; font-weight:300;}
.section_01 .obj p { padding:0; margin:25px 0 0; font-size:22px; line-height:26px; color:#666360; font-weight:300; text-align:center;}
.section_01 .obj .col { margin-left:88px;}
.section_01 .obj .col:first-child { margin-left:0;}

.section_02 { padding:170px 0;}
.section_02 .dext { padding-top:120px; width:50%;}
.section_02 .title { margin-bottom:65px;}
.section_02 .desc { font-size:24px; line-height:32px; font-weight:300; color:#4c4c4c;}
.section_02 .desc strong { display:inline-block; margin-bottom:40px; width:150px; text-align:center; line-height:54px; font-weight:700; border-bottom:2px solid #000; color:#000;}
.section_02 .nth_child_3 { float:right; width:50%; text-align:right;}
.section_02 .nth_child_3 img { width:353px;}

.section_03 { padding:157px 0 105px; background:url('//img.eduwill.net/Img2/Common/promotion/mobileapp_info/190305/bg-section-03.png') 50% 0 repeat;}
.section_03 .title strong:before { background:rgba(255, 238, 201, 0.38);}
.section_03 .desc { margin:54px 0 70px; font-size:24px; color:#64401b; font-weight:300;}
.section_03 .obj_pig { position:absolute; top:0; right:20px;}
.section_03 .obj .col { margin-left:16px;}
.section_03 .obj .col:first-child { margin-left:0;}

.section_04 { padding:170px 0; height:980px; background:#fff9f2; box-sizing:border-box;}
.section_04 .title { padding:137px 0 67px;}
.section_04 .slide_wrap { position:absolute; top:0; right:0; width:100%; height:670px; background:url('//img.eduwill.net/Img2/Common/promotion/mobileapp_info/190305/img-phone.png') right 0 no-repeat;}
.section_04 .slide_wrap ul li { padding:71px 33px 0 33px; text-align:right;}
.section_04 .slide_wrap ul li .slide_desc { position:absolute; top:436px; left:0; margin:0; padding:0; font-size:24px; color:#4c4c4c; text-align:left; font-weight:300;}
.section_04 .bx-pager { position:absolute; top:343px; left:0; z-index:10000;}
.section_04 .bx-pager li { margin-left:12px;}
.section_04 .bx-pager li:first-child { margin-left:0;}
.section_04 .bx-pager li a { display:inline-block; width:106px; line-height:54px; text-align:center; font-size:24px; color:#7F7C78; font-weight:300; border-bottom:2px solid #fff9f2;}
.section_04 .bx-pager li a.active { color:#000; font-weight:700; border-bottom:2px solid #000;}
.section_04 .bx-pager li:first-child a { width:150px;}
.section_04 .bx-wrapper .bx-controls-direction a { left:610px; width:30px; height:48px; margin-top:-24px; z-index:100001;}
.section_04 .bx-wrapper .bx-controls-direction a.bx-prev { background:url('//img.eduwill.net/Img2/Common/promotion/mobileapp_info/190305/icon-left.png') 0 0 no-repeat;}
.section_04 .bx-wrapper .bx-controls-direction a.bx-next { left:1048px;background:url('//img.eduwill.net/Img2/Common/promotion/mobileapp_info/190305/icon-right.png') 0 0 no-repeat;}

.section_05 { padding:180px 0 200px; background:#fff url('//img.eduwill.net/Img2/Common/promotion/mobileapp_info/190305/bg-section-05.png') 50% 0 no-repeat;}
.section_05 .title { margin-bottom:40px;}
.section_05 .desc { margin-bottom:80px; font-size:24px; color:#4c4c4c; font-weight:300;}
.section_05 .obj {}

.section_06 { padding:63px 0; text-align:center; background:#29272f url('//img.eduwill.net/Img2/Common/promotion/mobileapp_info/190305/bg-section-06.png') 50% 0 no-repeat;}
.section_06 .title { margin-bottom:20px; color:#aeaeb0; font-size:22px; line-height:1.5; font-weight:300; letter-spacing:0;}
.section_06 .title img { display:block; width:97px; margin:0 auto;}
.section_06 .title strong { color:#fff; font-weight:700; font-size:24px;}
.section_06 .title strong:before { display:none;}
.section_06 .action a { display:inline-block; margin-left:10px;}
.section_06 .action a:first-child { margin-left:0;}
.section_06 .desc { margin-top:32px; color:#fff; font-size:14px; line-height:1.5; font-weight:300; letter-spacing:0; opacity:0.3; filter:alpha(opacity=30);}

/* transition */
.section.section_01 .animate { opacity: .5; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, -webkit-transform 1s; -o-transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s, -webkit-transform 1s; }
.section.section_01 .nth_child_1 { -webkit-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%); -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; }
.section.section_01 .nth_child_2 { -webkit-transform: translateY(30%); -ms-transform: translateY(30%); transform: translateY(30%); -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; }
.section.section_01 .obj_01 { -webkit-transform: translateY(40%); -ms-transform: translateY(40%); transform: translateY(40%); -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; }
.section.section_01 .obj_02 { -webkit-transform: translateY(60%); -ms-transform: translateY(60%); transform: translateY(60%); -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; }
.section.section_01 .obj_03 { -webkit-transform: translateY(80%); -ms-transform: translateY(80%); transform: translateY(80%); -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; }
.section.section_01.active .animate { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.section.section_02 .nth_child_1,
.section.section_02 .nth_child_2 { -webkit-transform: translateY(70%); -ms-transform: translateY(70%); transform: translateY(70%); }
.section.section_02 .nth_child_3 { -webkit-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%); }
.section.section_02 .animate {opacity: .5; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, -webkit-transform 1s; -o-transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s, -webkit-transform 1s; }
.section.section_02.active .animate { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.section.section_03 .nth_child_1 { -webkit-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%); }
.section.section_03 .nth_child_2 { -webkit-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); }
.section.section_03 .nth_child_3 { -webkit-transform: translateY(30%); -ms-transform: translateY(30%); transform: translateY(30%); }
.section.section_03 .obj_01 { -webkit-transform: translateY(40%); -ms-transform: translateY(40%); transform: translateY(40%); -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; }
.section.section_03 .obj_02 { -webkit-transform: translateY(60%); -ms-transform: translateY(60%); transform: translateY(60%); -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; }
.section.section_03 .obj_03 { -webkit-transform: translateY(80%); -ms-transform: translateY(80%); transform: translateY(80%); -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; }
.section.section_03 .animate {opacity: .5; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, -webkit-transform 1s; -o-transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s, -webkit-transform 1s; }
.section.section_03.active .animate { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.section.section_04 .nth_child_1 { -webkit-transform: translateY(70%); -ms-transform: translateY(70%); transform: translateY(70%);  -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; }
.section.section_04 .nth_child_2 { -webkit-transform: translateY(30%); -ms-transform: translateY(30%); transform: translateY(30%); -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; }
.section.section_04 .nth_child_3 { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; }
.section.section_04 .animate {opacity: .5; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, -webkit-transform 1s; -o-transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s, -webkit-transform 1s; }
.section.section_04.active .animate { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.section.section_05 .nth_child_1 { -webkit-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%);}
.section.section_05 .nth_child_2 { -webkit-transform: translateY(30%); -ms-transform: translateY(30%); transform: translateY(30%);}
.section.section_05 .nth_child_3 { -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%);}
.section.section_05 .animate {opacity: .5; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, -webkit-transform 1s; -o-transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s, -webkit-transform 1s; }
.section.section_05.active .animate { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }