@charset "utf-8"; @font-face{ font-family: 'NanumSquare'; font-style: normal; font-weight: normal; src: url('../fonts/NanumSquareR.eot'); src: local('※'), url('../fonts/NanumSquareR.woff') format('woff'), url('../fonts/NanumSquareR.ttf') format('truetype'); } @font-face{ font-family: 'NanumSquare'; font-style: normal; font-weight: 600; src: url('../fonts/NanumSquareB.eot'); src: local('※'), url('../fonts/NanumSquareB.woff') format('woff'), url('../fonts/NanumSquareB.ttf') format('truetype'); } @font-face{ font-family: 'NanumSquareRound'; font-style: normal; font-weight: 500; src: url('../fonts/NanumSquareRoundB.eot'); src: local('※'), url('../fonts/NanumSquareRoundB.woff') format('woff'), url('../fonts/NanumSquareRoundB.ttf') format('truetype'); } @font-face{ font-family: 'NanumSquareRound'; font-style: normal; font-weight: 600; src: url('../fonts/NanumSquareRoundEB.eot'); src: local('※'), url('../fonts/NanumSquareRoundEB.woff') format('woff'), url('../fonts/NanumSquareRoundEB.ttf') format('truetype'); } @font-face{ font-family: 'NanumSquareRound'; font-style: normal; font-weight: 400; src: url('../fonts/NanumSquareRoundR.eot'); src: local('※'), url('../fonts/NanumSquareRoundR.woff') format('woff'), url('../fonts/NanumSquareRoundR.ttf') format('truetype'); } /************************************************************************************************************** 공통 **************************************************************************************************************/ .m0 { margin:0 !important } .mb0 { margin-bottom:0 !important } .mb2 { margin-bottom:2px !important } .mb4 { margin-bottom:4px !important } .mb5 { margin-bottom:5px !important } .mb10 { margin-bottom:10px !important } .mb15 { margin-bottom:15px !important } .mb20 { margin-bottom:20px !important } .mb25 { margin-bottom:25px !important } .mb30 { margin-bottom:30px !important } .mb35 { margin-bottom:35px !important } .mb40 { margin-bottom:40px !important } .mb45 { margin-bottom:45px !important } .mb50 { margin-bottom:50px !important } .mb55 { margin-bottom:55px !important } .mb60 { margin-bottom:60px !important } .mb70 { margin-bottom:70px !important } .mb80 { margin-bottom:80px !important } .mb110 { margin-bottom:110px !important } .pd0 { padding:0 !important } .mbr10 { margin-right:10px } .pdl50 { padding-left:50px !important } .pdtop90 { padding-top:90px } .none-bor { border:0 !important } .text-center { text-align:center !important } .text-left { text-align:left !important } .text-right { text-align:right !important } .f12 { font-size:12px !important; line-height: 1.4em; } .f16 { font-size:16px !important; line-height: 1.4em; } .f17 { font-size:17px !important; line-height: 1.4em; } .f18 { font-size:18px !important; line-height: 1.4em; } .f19 { font-size:19px !important; line-height: 1.4em; } .f20 { font-size:20px !important; line-height: 1.4em; } .f24 { font-size:24px !important; line-height: 1.4em; } .f25 { font-size:25px !important; line-height: 1.4em; } .f29 { font-size:29px !important; line-height: 1.4em; } .f31 { font-size:31px !important; line-height: 1.4em; } .f34 { font-size:34px !important; line-height: 1.4em; } .lh34 { line-height: 34px !important; } .lh44 { line-height: 44px !important; } .col-box:after { display: block; content: ''; clear: both; } .col-box .col-left { float:left; } .col-box .col-right { float:right; } /*********************************************************************************** Common ************************************************************************************/ * {box-sizing: border-box;} body, button, input[type="text"],input[type="button"],input[type="submit"], input[type="password"],input[type="number"], textarea, select {font-family:"NanumSquareRound",Malgun Gothic,'돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; font-weight: 500;} #header-v2 { height: 93px; position: fixed; left: 0; right:0; top:0; background: #fff; z-index:100; border-bottom: 1px solid #d6d6d6; } #header-v2 p { margin:0; padding: 0; } .inner-v2 { max-width:1230px; margin: 0 auto; padding:0 15px; } #header-v2 .inner-v2 { height: 93px; position: relative;} #header-v2 .logo-v2 { position: absolute; left: 15px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);} #header-v2 .top-btns { text-align: center; padding-top:20px; } #header-v2 .top-btns a { display: inline-block; vertical-align: middle; margin:0 5px; width:158px; height: 52px; text-align: center; line-height: 50px; font-size:19px; color: #e9470d; border: 1px solid #e9470d; font-family: 'NanumSquare'; font-weight:600; border-radius:43px;} #header-v2 .top-btns a:nth-child(1) { background: #e9470d; color: #fff; } #header-v2 .lnb { position: absolute; right:15px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);} #header-v2 .lnb > a { display: inline-block; vertical-align: middle; font-size:17px; color: #222; font-family: 'NanumSquare'; font-weight:600; margin-top:-3px; } #header-v2 .lnb > span { display: inline-block; vertical-align: middle; font-size:17px; color: #aaa; font-family: 'NanumSquare'; font-weight:600; margin:0 13px; margin-top:-3px; } #header-v2 .lnb .sns { display: inline-block; vertical-align: middle; } #header-v2 .lnb .sns a { display: inline-block; vertical-align: middle; margin-left:12px; } #header-v2 .lnb .dropdown { display: inline-block; vertical-align: middle; position: relative; } #header-v2 .lnb .dropdown .dropdown-toggle img { width:48px; height: 48px; } #header-v2 .lnb .dropdown .dropdown-menu { display: none;position: absolute; right:0; top:50px; min-width:140px; background: #fff; border: 1px solid #ccc; padding:10px 0; box-shadow:3px 3px 0 rgba(0,0,0,0.1) } #header-v2 .lnb .dropdown .dropdown-menu a { display: block; font-size:14px; color: #666; padding:4px 10px; } #header-v2 .lnb .dropdown .dropdown-menu a:hover { background: #f2f2f2;} #header-v2 .lnb .dropdown.open .dropdown-menu { display: block; } #header-v2 .hamburger.left { top:3px; margin-left:-5px; } #header-v2 .logo_img { height:15px; } /* 이재홍 */ #banner { margin-top: 93px; overflow: hidden;} #banner .inner-v2 { padding: 0px; margin: 0px;} #banner .inner-v2 img { max-width:1920px; } #banner p { margin:0; padding: 0; } /* 이재홍 */ /* 이재홍 180309 */ #mid-banner { overflow: hidden;} #mid-banner .inner-v2 { padding: 0px; margin: 0px; margin-bottom:-4px;float:left;display:inline-block;width:33.3%;} #mid-banner .inner-v2 img { } #mid-banner p { margin:0; padding: 0; } /* 이재홍 180309 */ /* Main */ body { margin: 0; line-height:1;} p { margin: 0; } img { max-width:100%;} ul li { margin: 0; list-style: none; } #fullpage-v2 { color: #222; letter-spacing: -1px; } #fullpage-v2 img { max-width:100%; vertical-align:inherit; } /* Section 0 */ /*#section0 .cont-v2 { padding-top:46px;}*/ #section0 .cont-v2 .article1 { padding:90px 0 55px; background: url(../img_v2/main/intro1_bg.jpg) repeat 50% 50%;} #section0 .cont-v2 .article1 .inner-v2 { } #section0 .cont-v2 .article1 .inner-v2 .txt1 { display: inline-block; font-size:24px; color: #ffc000; height:54px; border-radius:54px; padding:0 54px; background: #23394f; position: relative; line-height: 54px; } #section0 .cont-v2 .article1 .inner-v2 .txt1:before { content: ''; position: absolute; left:26px; top:50%; width:6px; height: 6px; margin-top:-3px; border-radius:100%; background: #ffc000; } #section0 .cont-v2 .article1 .inner-v2 .txt1:after { content: ''; position: absolute; right:26px; top:50%; width:6px; height: 6px; margin-top:-3px; border-radius:100%; background: #ffc000; } #section0 .cont-v2 .article1 .inner-v2 .txt2 { font-size:55px; color: #214653;padding:22px 0; } #section0 .cont-v2 .article1 .inner-v2 .txt3 { margin-bottom: 40px; } #section0 .cont-v2 .article1 .inner-v2 .txt4 { font-size:20px; color: #191e39; line-height: 30px;} #section0 .cont-v2 .article1 .inner-v2 .col-right { padding-top:50px; } #section0 .cont-v2 .article2 { padding:60px 0 50px; background: url(../img_v2/main/intro2_bg1.jpg) repeat 50% 0; background-size:cover;} #section0 .cont-v2 .article2 .inner-v2 { text-align: center; } #section0 .cont-v2 .article2 .inner-v2 .title { font-size:56px; color: #222; } #section0 .cont-v2 .article2 .inner-v2 .news-label { padding:45px 0; } #section0 .cont-v2 .article2 .inner-v2 .txt1{ font-size:25px; color: #222; line-height: 2em; } #section0 .cont-v2 .article2 .inner-v2 .txt1 p { padding:10px 0;} #section0 .cont-v2 .article2 .inner-v2 .txt1 p strong { display: inline-block; vertical-align: middle; font-size:44px; font-weight: 600; padding:0 10px; position: relative; z-index:10;} #section0 .cont-v2 .article2 .inner-v2 .txt1 p strong:before { content: ''; position: absolute; left: 0; right:0; bottom:-4px; top:10px; background: #ffd7b6; z-index:-1; } #section0 .cont-v2 .article2 .inner-v2 .txt2 { padding:30px 0;} #section0 .cont-v2 .article2 .inner-v2 .txt2 p { display: inline-block; vertical-align: middle; font-size:32px; padding:0 10px; position: relative; z-index:10;} #section0 .cont-v2 .article2 .inner-v2 .txt2 p:before { content: ''; position: absolute; left: 0; right:0; bottom:-4px; top:10px; background: #abe8ff; z-index:-1; } #section0 .cont-v2 .article3 { height:184px; background: url(../img_v2/main/intro2_bg2.jpg) repeat 50% 0; background-size:cover;} #section0 .cont-v2 .article3 .medal-box { text-align: center;} #section0 .cont-v2 .article3 .medal-box .medal { display: inline-block; vertical-align: top; text-align: left;} #section0 .cont-v2 .article3 .medal-box .medal:after { display: block; content: ''; clear: both; } #section0 .cont-v2 .article3 .medal-box .medal .medal-ico { float:left; margin:-9px 22px 0 0; } #section0 .cont-v2 .article3 .medal-box .medal .txt-box { float:left;font-size:21px; line-height: 25px; color: #ffcb57; text-shadow:0 3px 0 rgba(0,0,0,0.1); padding-top:50px; padding-bottom: 10px; position: relative; } #section0 .cont-v2 .article3 .medal-box .medal .txt-box strong { display: block; font-size:32px; color: #fff; font-weight: 600; padding-top:10px;} #section0 .cont-v2 .article3 .medal-box .medal .txt-box span { position: absolute; left: 0; top:19px; font-size:13px; color: #fff; opacity:0.55; white-space: nowrap;} #section0 .cont-v2 .article3 .medal-box .medal:nth-child(1) { margin-right:180px; } #section0 .cont-v2 .article4 { text-align: center; background: #ffe5ce; padding-bottom: 80px; } #section0 .cont-v2 .article4 .title { font-size:45px; font-weight: 600; color: #222; padding:80px 0 20px; } #section0 .cont-v2 .article4 .title span { color: #ff5151; position: relative; display: inline-block; vertical-align: middle; padding:0 3px; z-index:10;} #section0 .cont-v2 .article4 .title span:before { content: ''; position: absolute; left: 0; right:0; bottom:-1px; top:10px; background: #8dd8ff; z-index:-1; } #section0 .cont-v2 .article4 .desc { font-size:22px; line-height: 30px; color: #222; margin-bottom: 45px; } #section0 .cont-v2 .article4 .desc span { color: #ff5151; } #section0 .cont-v2 .article4 .colum > div { display: inline-block; vertical-align: middle; margin:0 4px; width:355px; height: 305px; border-radius:10px; background: url(../img_v2/main/intro2_ico_box1.png) repeat 0 0; } #section0 .cont-v2 .article4 .colum .box2 { background: url(../img_v2/main/intro2_ico_box2.png) repeat 0 0; } #section0 .cont-v2 .article4 .colum .box3 { background: url(../img_v2/main/intro2_ico_box3.png) repeat 0 0; } #section0 .cont-v2 .article4 .colum > div .in-box { display: table; width:100%; height: 100%; } #section0 .cont-v2 .article4 .colum > div .in-box > div { display: table-cell; vertical-align: middle; } #section0 .cont-v2 .article4 .colum > div .in-box i { display: block; margin-bottom: 28px; } #section0 .cont-v2 .article4 .colum > div .in-box p { font-size:28px; line-height: 30px; color: #4b2918; margin-bottom: 15px; font-weight: 600;} #section0 .cont-v2 .article4 .colum > div .in-box span { font-size:18px; line-height: 24px; color: #705242; } #section0 .cont-v2 .article4 .colum .box2 .in-box p { color: #183c49} #section0 .cont-v2 .article4 .colum .box2 .in-box span { color: #2a5666} #section0 .cont-v2 .article4 .colum .box3 .in-box p { color: #0e4914} #section0 .cont-v2 .article4 .colum .box3 .in-box span { color: #1a561f} /* Section1 */ #section1 { background: url(../img_v2/main/bg_section1.jpg) repeat; color: #222; } #section1 .article1 .inner-v2 { max-width:1200px; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; background: #fff; padding-left: 0; padding-right:0; padding-top:130px; } #section1 .article1 .feature1 { padding:45px 95px 55px; background: #d7f5ee; } #section1 .article1 .feature1 .time-box { padding:50px 0; text-align: center; background: #fff; border: 3px solid #e7e7e7; border-radius:10px; margin-bottom: 40px; } #section1 .article1 .feature1 .time-box .tit { font-size:34px; margin-bottom: 30px; font-weight: 600;} #section1 .article1 .feature1 .time-box .tit span { color: #11b300; } #section1 .article1 .feature1 .time-box .times { text-align: center; padding-bottom:25px; } #section1 .article1 .feature1 .time-box .times > div { display: inline-block; vertical-align: top; margin:0 34px; } #section1 .article1 .feature1 .time-box .times > div p { font-size:24px; color: #1f2f3f; } #section1 .article1 .feature1 .time-box .times > div i {display: block; padding:15px 0; } #section1 .article1 .feature1 .time-box .times > div span { display: inline-block; vertical-align: top; padding:0 27px; height: 43px; line-height: 42px; background: #11b300; border-radius:43px; font-size:20px; color: #fff; } #section1 .article1 .feature1 .time-box .desc { font-size:18px; color: #1f2f3f; text-align: right; padding-right:150px;} #section1 .article1 .feature2 { padding:60px 0 0; } #section1 .article1 .feature2 .tit { font-size:56px; margin-bottom: 20px; text-align: center; font-weight: 600;} #section1 .article1 .feature2 .desc { font-size:24px; line-height: 32px; text-align: center; margin-bottom: 40px; } #section1 .article1 .feature2 .desc span { color: #ff5151; } #section1 .article1 .feature2 .box1 { border-bottom: 1px solid #ebebeb; text-align: center; padding:90px 10px 80px; } #section1 .article1 .feature2 .box1 .col-left, #section1 .article1 .feature2 .box1 .col-right { display: inline-block; vertical-align: middle; float: none; text-align: left; } #section1 .article1 .feature2 .box1 .col-left { font-size:36px; padding-right:100px; } #section1 .article1 .feature2 .box1 .col-left strong { font-size:51px; font-weight: 600; display: block; } #section1 .article1 .feature2 .box1 .col-right div { position: relative;} #section1 .article1 .feature2 .box1 .col-right div p { position: absolute; left: 0; bottom:13px; font-size:20px; letter-spacing: -1px; } #section1 .article1 .feature2 .box2 { text-align: center; padding:100px 10px; } #section1 .article1 .feature2 .box2 .col-left, #section1 .article1 .feature2 .box2 .col-right { display: inline-block; vertical-align: middle; float: none; text-align: left; } #section1 .article1 .feature2 .box2 .col-left { font-size:24px; line-height: 36px; padding-right:95px; text-align: center;} #section1 .article1 .feature2 .box2 .col-left strong { font-size:45px; font-weight: 600; display: block; margin-bottom: 20px; } #section1 .article2 { background: url(../img_v2/main/bg_review.jpg); padding:93px 10px 53px; background-size:cover; } #fullpage-v2 .review-box { max-width:758px; margin: 0 auto; background: #e1ecf1; border-radius:10px; } #fullpage-v2 .review-box .title { width:283px; height: 56px; background: url(../img_v2/main/bg_review_title.png) no-repeat 0 0; margin:0 auto -28px; text-align: center; font-size:20px; line-height: 52px; color: #fff; position: relative; top:-26px } #fullpage-v2 .review-box .cont:after { display: block; content: ''; clear: both; } #fullpage-v2 .review-box .cont { padding:8px 29px 29px;} #fullpage-v2 .review-box .cont .thum { float:left; width:154px; height: 108px; overflow: hidden; border-radius:7px; margin-right:26px; } #fullpage-v2 .review-box .cont .info { } #fullpage-v2 .review-box .cont .info .name { padding-top:12px; font-size:26px; } #fullpage-v2 .review-box .cont .info .name span{ font-size:0;} #fullpage-v2 .review-box .cont .info .txt { font-size:18px; line-height: 24px; color: #32444d; padding-top:16px; font-weight: 200; word-wrap:break-word; word-break:kepp-all; } #section2 { background: url(../img_v2/main/bg_section2.jpg) repeat; color: #222; } #section2 .article1 .inner-v2 { max-width:1200px; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; background: #fff; padding-left: 0; padding-right:0; padding-top:130px; } #section2 .article1 .feature1 { padding:65px 10px 30px; background: url(../img_v2/main/section2_bg1.jpg) repeat; background-size:cover;} #section2 .article1 .feature1 .tit { max-width:327px; height: 60px; line-height:59px; text-align: center; background: #34618e; border-radius:8px; font-size:22px; color: #fff; font-family: 'NanumSquare'; margin: 0 auto; position: relative;} #section2 .article1 .feature1 .tit:before { content: ''; position: absolute; left: 50%; bottom:-11px; background: url(../img_v2/main/section2_bu1.png) no-repeat 0 0; margin-left: -12px; width:24px; height: 12px; } #section2 .article1 .feature1 .col-box .col-left { width:50%; text-align: center; padding-right:60px;} #section2 .article1 .feature1 .col-box .col-right { width:50%; } #section2 .article1 .feature1 .col-box .col-left .graph-box { display: inline-block; vertical-align: top; position: relative; } #section2 .article1 .feature1 .col-box .col-left .graph-box ul { position: absolute; right:-80px; bottom:30px; } #section2 .article1 .feature1 .col-box .col-left .graph-box ul li { white-space: nowrap; font-size:19px; margin-bottom: 9px; } #section2 .article1 .feature1 .col-box .col-left .graph-box ul li:before { content: ''; display: inline-block; vertical-align: middle; width:17px; height: 17px; border-radius:100%; background: #ff9e00; margin:-2px 6px 0 0;} #section2 .article1 .feature1 .col-box .col-left .graph-box ul li:nth-child(2):before { background: #722818; } #section2 .article1 .feature1 .col-box .col-left .graph-box ul li:nth-child(3):before { background: #d32723; } #section2 .article1 .feature1 .col-box .col-right { padding:70px 80px 0 0;} #section2 .article1 .feature1 .col-box .col-right .interview { padding:35px 15px 25px 35px; background: #fff; border-radius:10px; overflow: hidden;} #section2 .article1 .feature1 .col-box .col-right .interview .photo { float:left; width:121px; height: 122px; border-radius:100%; overflow: hidden; margin-right:20px; } #section2 .article1 .feature1 .col-box .col-right .interview .txt { font-size:16px; line-height: 22px; padding-top:12px; } #section2 .article1 .feature1 .col-box .col-right .interview .origin { clear: both; font-size:14px; line-height: 24px; color: #5d5d5d; padding-top:15px; } #section2 .article1 .feature1 .col-box .col-right .interview .origin p { font-size:17px; color: #222; } #section2 .article1 .feature2 { background: #fff; padding:85px 10px 80px; } #section2 .article1 .feature2 .title { text-align: center; font-size:28px; margin-bottom: 50px; } #section2 .article1 .feature2 .title strong { font-size:45px; display: block; padding-top:10px; } #section2 .article1 .feature2 .slider-section2 { width:800px; margin: 0 auto; padding:0 100px; overflow:hidden; } #section2 .article1 .feature2 .slider-section2 .bx-viewport { overflow:visible !important; } #section2 .article1 .feature2 .slider-section2 .article { padding:0 30px;} #section2 .article1 .feature2 .slider-section2 .article .txt { text-align: center; font-size:24px; padding-top:20px; letter-spacing:-2px; } #section2 .article1 .feature2 .slider-section2 .bx-controls { display:block !important; } #section2 .article1 .feature2 .slider-section2 .bx-prev { left:-20px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:19px !important; height: 32px !important; background: url(../img_v2/main/section2_slider_prev.png) no-repeat 0 0 !important; margin-top: -30px; } #section2 .article1 .feature2 .slider-section2 .bx-next { right:-20px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:19px !important; height: 32px !important; background: url(../img_v2/main/section2_slider_next.png) no-repeat 0 0 !important; margin-top:-30px; } #section2 .article2 { background: url(../img_v2/main/bg_review2.jpg) repeat; padding:93px 10px 53px; } #section3 { background: url(../img_v2/main/bg_section3.jpg) repeat; color: #222; } #section3 .article1 .inner-v2 { max-width:1200px; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; background: #fff; padding-left: 0; padding-right:0; padding-top:130px; } #section3 .article1 .feature1 { padding:70px 10px 60px; background: #f9f9f9; text-align: center;} #section3 .article1 .feature1 .course-box { display: inline-block; vertical-align:middle; text-align: center; padding-right:65px;} #section3 .article1 .feature1 .course-box .tit { font-size:32px; line-height: 36px; margin-bottom: 85px; } #section3 .article1 .feature1 .monitor-box { display: inline-block; vertical-align: middle; padding-top:15px; } #section3 .article1 .feature1 .monitor-box .txt { text-align: center; font-size:20px; padding-top:10px;} #section3 .article1 .feature2 { padding:90px 10px 100px; text-align: center; } #section3 .article1 .feature2 .tit { font-size:38px; font-weight: 600; margin-bottom: 40px; } #section3 .article1 .feature3 { padding-bottom: 40px; } #section3 .article1 .feature3 .title { text-align: center; font-size:28px; margin-bottom: 50px; } #section3 .article1 .feature3 .title strong { font-size:45px; display: block; padding-top:10px; } #section3 .article1 .feature3 .title img { vertical-align: middle; } #section3 .article1 .feature3 .slider-section3 { width:730px; margin: 0 auto; padding:0 100px; overflow:hidden; } #section3 .article1 .feature3 .slider-section3 .bx-viewport { overflow:visible !important; } #section3 .article1 .feature3 .slider-section3 .bx-controls { display:block !important; } #section3 .article1 .feature3 .slider-section3 .article .txt { text-align: center; font-size:20px; padding-top:20px; letter-spacing:-2px; } #section3 .article1 .feature3 .slider-section3 .bx-prev { left:-20px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:19px !important; height: 32px !important; background: url(../img_v2/main/section2_slider_prev.png) no-repeat 0 0 !important; margin-top: -30px; } #section3 .article1 .feature3 .slider-section3 .bx-next { right:-20px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:19px !important; height: 32px !important; background: url(../img_v2/main/section2_slider_next.png) no-repeat 0 0 !important; margin-top:-30px; } #section3 .article2 { background: url(../img_v2/main/bg_review3.jpg) repeat; padding:93px 10px 53px; } .bx-wrapper .bx-controls-direction a.disabled { opacity:0.2 !important; display:block !important; } #section4 .article1 { padding:160px 10px 80px; background: url(../img_v2/main/bg_section4.jpg) repeat; } #section4 .article1 .title { text-align: center; font-size:49px; margin-bottom: 65px; font-weight: 600;} #section4 .article1 .title span { font-size:57px; color: #ff5151; display: inline-block; vertical-align: middle; position: relative;} #section4 .article1 .title span:before { content: ''; position: absolute; left: 50%; top:-15px; width:11px; height: 11px; margin-left: -5px; border-radius:100%; background: #ff5151; } #section4 .article1 .article-box { text-align: center; } #section4 .article1 .article-box .article { padding:0 11px; text-align: center; display: inline-block; vertical-align: top; } #section4 .article1 .article-box .article .tit { display: inline-block; vertical-align: top; padding-left:95px; background: url(../img_v2/main/section4_tit_ico1.png) no-repeat 0 0; text-align: left; padding-bottom:5px;} #section4 .article1 .article-box .article:nth-child(2) .tit { background: url(../img_v2/main/section4_tit_ico2.png) no-repeat 0 0; } #section4 .article1 .article-box .article .tit p { display: inline-block; vertical-align: top; font-size:24px; color: #7c8688; } #section4 .article1 .article-box .article .tit p strong { color: #222; font-size:42px; display: block; padding-top:4px; } #section4 .article1 .article-box .article .img { padding:30px 0 23px; } #section4 .article1 .article-box .article .txt { text-align: center; max-width:315px; height: 130px; background: #fff; border-radius:10px; padding-top:32px; font-size:22px; line-height: 30px; position: relative; margin: 0 auto; letter-spacing: -1px;} #section4 .article1 .article-box .article .txt:before { content: ''; position: absolute; left:50%; top:-11px; width:31px; height: 11px; margin-left: -15px; background: url(../img_v2/main/section4_bu1.png) no-repeat 0 0; } #section4 .article2 { padding:100px 10px 88px; } #section4 .article2 .title { text-align: center; font-size:26px; } #section4 .article2 .title strong { display: block; font-size:45px; padding-top:10px; } #section4 .article2 .img-box { text-align: center; padding:45px 0; } #section4 .article2 .img-box p { display: inline-block; margin:0 8px; } #section4 .article2 .desc { text-align: center; font-size:22px; line-height: 30px; } #section4 .article3 { padding:85px 10px 90px; background:#f7f7f7 url(../img_v2/main/bg_section4_faq.jpg) no-repeat 50% 100%; background-size:cover; } #section4 .article3 .title { text-align: center; font-size:56px; font-weight: 600; margin-bottom: 70px; } #section4 .article3 .title img { vertical-align: middle; margin-right:15px;} #section4 .article3 .boxs { text-align: center; } #section4 .article3 .boxs .box { display: inline-block; vertical-align: top; margin:0 10px; } #section4 .article3 .boxs .box p { margin-bottom: 15px; } #section4 .article3 .boxs .box .p4 { margin-bottom:50px; } #section4 .article4 { padding:70px 10px; background:url(../img_v2/main/bg_store.jpg) no-repeat 50% 0; text-align: center; background-size:cover;} #section4 .article4 .logo-v2 { font-size:44px; color: #e9470d; font-weight: 600; } #section4 .article4 .logo-v2 strong { display: block; padding-top:6px; } #section4 .article4 .store-label { max-width:401px; height: 47px; margin: 35px auto 25px;line-height: 46px; font-size:21px; background: url(../img_v2/main/section4_bg_app.png) no-repeat 0 0; color: #fff; } #section4 .article4 .store-label a { color: #fff; } #section4 .article4 .store-btns { text-align: center; } #section4 .article4 .store-btns a { margin:0 13px; } #section4 .article4 .store-btns a img { max-width:255px; } #footer-v2 { padding:110px 10px 115px; background: #1c2331; } #footer-v2 .col-left .lnb-v2 { margin-bottom: 37px; } #footer-v2 .col-left .lnb-v2 a { display: inline-block; vertical-align: middle; font-size:14px; padding-left:12px; margin-left: 11px; line-height: 15px; height: 16px; position: relative; color: #fff; } #footer-v2 .col-left .lnb-v2 a:before { content: ''; position: absolute; left: 0; top:0; bottom:2px; width:1px; background: #525d73; } #footer-v2 .col-left .lnb-v2 a:first-child { padding-left: 0; margin-left: 0; } #footer-v2 .col-left .lnb-v2 a:first-child:before { display: none; } #footer-v2 .col-left .copy-v2 { font-size:14px; line-height: 24px; color: #fff; opacity:0.33; } #footer-v2 .col-right .sns-btns { margin-bottom: 23px; text-align: right;} #footer-v2 .col-right .sns-btns a { margin-left:8px; } #footer-v2 .col-right .select-box .dropdown { position: relative;} #footer-v2 .col-right .select-box .dropdown .dropdown-toggle { width:284px; height: 54px; background: #343c4b url(../img_v2/main/bu_foot_select.png) no-repeat 100% 50%; padding-left: 25px; font-size:16px; color: #fff; line-height: 53px; border-radius:5px; position: relative; text-align: left; border: 0; cursor: pointer; padding-top:0;} #footer-v2 .col-right .select-box .dropdown .dropdown-menu { display: none;position: absolute; left: 0; right:0; top:51px; background: #343c4b; border-radius:0 0 5px 5px; border-top:1px solid #232d40; } #footer-v2 .col-right .select-box .dropdown .dropdown-menu a { display: block; font-size:16px; color: rgba(255,255,255,0.6); line-height: 35px; padding:3px 0 3px 25px; } #footer-v2 .col-right .select-box .dropdown .dropdown-menu a:hover { background: #182337; color:#fff; } #footer-v2 .col-right .select-box .dropdown.open .dropdown-menu { display: block; } /* 학습신청 */ .container-v2 { background: #f6f6f6; } .learn-content { padding:55px 0 100px; } .learn-content .price-box .tit { font-size:45px; color: #222; padding:88px 0 46px; text-align: center; } .learn-content .price-box ul:after { display: block; content: '';clear: both; } /*.learn-content .price-box ul li { float:left; margin-right: 17px; height:589px; margin-bottom: 20px; }*/ .learn-content .price-box ul li {float: left;margin-right: 98px;height:589px;margin-bottom: 20px;} .learn-content .price-box ul li:last-child { margin-right: 0; } .learn-content .price-box ul li .price-article .img { margin-bottom: 15px; position: relative; } .learn-content .price-box ul li .price-article .btn-box a { display: block; height:55px; line-height: 54px; text-align: center; background: #f24203; border-radius:3px; color: #fff; font-size:18px; font-weight: normal;} .learn-content .price-box ul li .price-article .btn-box { margin-bottom: 14px; } .learn-content .price-box ul li .price-article .msg { border-radius:10px; background: #fff; padding:11px 33px; font-size:16px; line-height: 24px; } .learn-content .price-box ul li .price-article .msg span { display: block; position: relative; margin-left: 20px;} .learn-content .price-box ul li .price-article .msg span:before { content: ''; position: absolute; width:20px; height: 20px; background: url(../img_v2/learn/ico_alert.png) no-repeat 0 0; left:-30px; margin-top:2px;} .learn-content .price-box ul li .price-article .sale-label { position: absolute; left: -20px; top:-14px; background: url(../img_v2/learn/bg_sale.png) no-repeat 0 0; width:79px; height: 70px; font-size:18px; line-height: 18px; text-align: center; color: #fff; font-weight: 600; padding-top:12px; letter-spacing: -1px;} .learn-content .price-box2 .tit { font-size:45px; color: #222; padding:88px 0 46px; text-align: center; } .learn-content .price-box2 ul:after { display: block; content: '';clear: both; } /*.learn-content .price-box ul li { float:left; margin-right: 17px; height:589px; margin-bottom: 20px; }*/ .learn-content .price-box2 ul li {float: left;margin-right: 0px; height:389px; margin-bottom: 20px;} .learn-content .price-box2 ul li:last-child { margin-right: 0; } .learn-content .price-box2 ul li .price-article .img { margin-bottom: 15px; position: relative; } .learn-content .price-box2 ul li .price-article .btn-box a { display: block; height:55px; line-height: 54px; text-align: center; background: #f24203; border-radius:3px; color: #fff; font-size:18px; font-weight: normal;} .learn-content .price-box2 ul li .price-article .btn-box { margin-bottom: 14px; } .learn-content .price-box2 ul li .price-article .msg { border-radius:10px; background: #fff; padding:11px 33px; font-size:16px; line-height: 24px; } .learn-content .price-box2 ul li .price-article .msg span { display: block; position: relative; margin-left: 20px;} .learn-content .price-box2 ul li .price-article .msg span:before { content: ''; position: absolute; width:20px; height: 20px; background: url(../img_v2/learn/ico_alert.png) no-repeat 0 0; left:-30px; margin-top:2px;} .learn-content .price-box2 ul li .price-article .sale-label { position: absolute; left: -20px; top:-14px; background: url(../img_v2/learn/bg_sale.png) no-repeat 0 0; width:79px; height: 70px; font-size:18px; line-height: 18px; text-align: center; color: #fff; font-weight: 600; padding-top:12px; letter-spacing: -1px;} @media (min-width:1251px) { .learn-content .price-box2 ul li { margin-left:250px; height:589px;} } /* Common */ .green { color: #00b42f; } .red { color: #ff5151; } .tit-feature { width:230px; height: 56px; background: url(../img_v2/main/bg_tit_feature.png) no-repeat 0 0; text-align: center; font-size:24px; font-weight: 600; color:#3c3214; padding-top:10px; margin:0 auto 30px; } .tit-feature-txt { font-size:28px; line-height: 1.4em; color: #222; text-align: center; margin-bottom: 42px; } .tit-feature-txt strong { display: block; font-size:45px; font-weight: 600; padding-top:10px; } .tit-feature-txt span { color: #ff5151; } /* OVERRIDE */ #content {margin-top:93px;} #popup_coupon .popup { max-width:430px;} #popup_coupon .popup_contents_wrap { padding:0 25px; height:160px !important;} #popup_coupon .popup .popup_title { background:#fff; text-align:center; padding-left:0; color:#222; font-size:16px; border-bottom:1px solid #e7e7e7; } #popup_coupon .popup .pop_cards { width:100%; } #popup_coupon .pop_cards td { width:21.39037433155%; } #popup_coupon .pop_cards td:nth-child(2), #popup_coupon .pop_cards td:nth-child(4), #popup_coupon .pop_cards td:nth-child(6){ width:4.8128342246%; } #popup_coupon .pop_cards td input { width:100%; height:46px; border:1px solid #cdd0d8; font-size:16px; text-align:center; padding:0; color:#222; } #popup_coupon .btn_wrap { width:100%; position:Static; -webkit-transform:translateX(0); transform:translateX(0); padding-top:9px;} #popup_coupon .orange_btn { width:100% !important; margin-bottom:0 !important; height:46px; border-radius:4px; font-size:16px; font-weight:normal;} /* Pc, Mobile */ .mobile, .section2-mobile, .section3-mobile, #page-content-wrapper { display: none; } .content_banner .banner_desc .kor { font-size:48px; color: #1e2843; font-family: 'NanumSquareRound'; font-weight: normal;} /*이재홍*/ @media (max-width:1500px) { #banner .inner-v2 img { max-width:120%;} } @media (max-width:1400px) { #banner .inner-v2 img { max-width:115%;} } /*이재홍*/ /*이재홍 180309*/ @media (max-width:1080px) { #mid-banner .inner-v2 { width:100%;} #mid-banner .inner-v2 img { } } /*이재홍 180309*/ /* 20180209 비밀박스 */ #secret1 .s-box1 { padding:93px 0 68px; background: url(../img_v2/s-box/bg_section0_1.jpg) no-repeat 50% 0; background-size:cover; } #secret1 .s-box1 .inner-v2 { position: relative;} #secret1 .s-box1 .tit { text-align: center; margin-bottom:-20px; } #secret1 .s-box1 .btn-box { text-align: center; font-size:0; } #secret1 .s-box1 .btn-box > div { display: inline-block; vertical-align: middle; width:342px; } #secret1 .s-box1 .btn-box > div p { margin-bottom: 7px; } #secret1 .s-box1 .btn-box > div a { display: block; height: 70px; line-height: 68px; text-align: center; font-size:20px; color: #fff; border-radius:10px; background: #fbae34; } #secret1 .s-box1 .btn-box > div a strong { font-size:29px; font-weight: 500;} #secret1 .s-box1 .btn-box > div:nth-child(2) { margin:0 50px; } #secret1 .s-box1 .btn-box > div:nth-child(2) a { background: #c963fe; } #secret1 .s-box1 .btn-box > div:nth-child(3) a { background: #0cbebb; } #secret1 .s-box2 { padding:105px 0; background: url(../img_v2/s-box/bg_section0_2.jpg) repeat 50% 50%; text-align: center;} #secret1 .s-box2 .tit1 { text-align: center; display: inline-block; vertical-align: middle; height:77px; line-height: 76px; background: #1b2250; border-radius:70px; background: #1b2250; font-size:27px; color: #ffc000; box-shadow:0 5px 0 rgba(0,0,0,0.15); position: relative; margin-bottom: 38px;} #secret1 .s-box2 .tit1:before { content: ''; display: inline-block; vertical-align: middle; width:11px; height: 11px; border-radius:100%; background: #ffc000; margin:-3px 25px 0;} #secret1 .s-box2 .tit1:after { content: ''; display: inline-block; vertical-align: middle; width:11px; height: 11px; border-radius:100%; background: #ffc000; margin:-3px 25px 0;} #secret1 .s-box2 .tit2 { margin-bottom: 35px; } #secret1 .s-box2 .txt { padding-top:34px;} #secret1 .s-box3 { padding:90px 0 80px; background: #f9f9f9; } #secret1 .s-box3 .tit1 { text-align: center; font-size:28px; font-weight: 500; color: #000; } #secret1 .s-box3 .tit2 { padding:10px 0 100px; text-align: center;} #secret1 .s-box3 .review-slider-wrap { max-width:968px; padding:0 71px; position: relative; margin: 0 auto 70px;} #secret1 .s-box3 .review-slider-wrap .review-slider { } #secret1 .s-box3 .review-slider-wrap .review { border: 1px solid #e4e4e4; height: 176px; border-radius:10px; overflow: hidden; position: relative; padding-left: 288px; margin-bottom: 18px; background: #fff; } #secret1 .s-box3 .review-slider-wrap .review .thum { position: absolute; left: 0; top:0; bottom:0; width:261px; } #secret1 .s-box3 .review-slider-wrap .review .info{ padding:25px 40px 20px 0; } #secret1 .s-box3 .review-slider-wrap .review .info .rate { margin-bottom: 13px; } #secret1 .s-box3 .review-slider-wrap .review .info .rate img { display: inline;} #secret1 .s-box3 .review-slider-wrap .review .info .txt { font-size:18px; line-height: 25px; color: #353640; font-weight: 300; height:50px; overflow: hidden; } #secret1 .s-box3 .review-slider-wrap .review .info .name { position: absolute; right:30px; bottom:20px; font-size:24px; color: #39425f; } #secret1 .s-box3 .review-slider-wrap .bx-prev { width:38px !important; height: 43px !important; background: url(../img_v2/s-box/section0_3_slider_prev.png) no-repeat 0 0 !important; position: absolute; left: 0; top:50%; margin-top:-30px; left:-71px; } #secret1 .s-box3 .review-slider-wrap .bx-next { width:38px !important; height: 43px !important; background: url(../img_v2/s-box/section0_3_slider_next.png) no-repeat 0 0 !important; position: absolute; left: inherit; right:-71px; top:50%; margin-top:-30px; } #secret1 .s-box3 .btn-box { text-align: center; } #secret2 .s-box1 > .title { text-align: center; padding:180px 0 115px; background: #171928; margin-bottom:-60px; } #secret2 .s-box1 .article-box { border:3px solid rgba(156,167,199,0.3); background: #fff; text-align: center; font-family: 'Nanum Barun Gothic'; font-weight: 300; padding:70px 0 60px; position: relative; margin-bottom:80px;} #secret2 .s-box1 .article-box:before { content: ''; position: absolute; left:50%; top:-40px; width:1px; height:80px; background: rgba(23,25,40,0.22); } #secret2 .s-box1 .article-box .tit { margin-bottom: 32px; } #secret2 .s-box1 .article-box .txt { font-weight: 600; color: #222; font-size:33px; line-height: 1.2; margin-bottom: 45px; } #secret2 .s-box1 .article-box .txt em { color: #e9470d; font-style: normal;} #secret2 .s-box1 .article-box .img { margin-bottom: 40px; } #secret2 .s-box1 .article-box .img.pos { margin-bottom: 0;} #secret2 .s-box1 .article-box .img.pos img{ vertical-align: bottom;} #secret2 .s-box1 .article-box .desc { font-size:25px; line-height: 35px; color: #222; font-weight: 400;} #secret2 .s-box1 .article-box.article2, #secret2 .s-box1 .article-box.article3{ padding-bottom: 0;} #secret2 .s-box1 .article-box.article2 .desc { margin-bottom: -50px;} #secret2 .s-box1 .article-box.article4 .img { margin-bottom: -90px;} #secret2 .s-box1 .article-box.article4 { padding-bottom: 0;} #secret2 .s-box1 .article-box.article4 .desc.desc4 { padding:90px 15px 35px; background: #d7ddfa; } #secret2 .s-box1 .article-box.article4 .img { padding:0 15px; } #secret2 .s-box1 .btn-box { text-align: center; padding:0 0 60px; margin-top:-20px; } #secret2 .s-box2 { padding:52px 0 65px; position: relative; background: #ebbd1c; } #secret2 .s-box2:before{ content: ''; position: absolute; left: 50%; top:-40px; width:1px; height:80px; background: rgba(23,25,40,0.22); } #secret2 .s-box2 .tit1 { text-align: center; } #secret2 .s-box2 .tit2 { text-align: center; font-family: 'Nanum Barun Gothic'; font-size:18px; color: rgba(34,34,34,0.44); padding:10px 0 40px; } #secret2 .s-box2 .grp { max-width:634px; padding:35px 40px 38px; border: 3px solid #ebce6b; border-radius:10px; margin: 0 auto; background: #fff; position: relative;} #secret2 .s-box2 .grp p { position: absolute; left: 43px; top:32px; font-size:16px; color: #aaaeae; z-index:10; font-family: 'Nanum Barun Gothic'; } #secret3 .s-box1 { background: url(../img_v2/s-box/bg_section2_1.jpg) no-repeat 50% 0; background-size:cover; text-align: center;font-family: 'Nanum Barun Gothic'; font-weight: 400; padding-bottom: 60px;} #secret3 .s-box1 .tit1 { padding:210px 0 25px; } #secret3 .s-box1 .tit2 { font-size:27px; line-height: 40px; color: #9d9d9d; margin-bottom: 60px; } #secret3 .s-box1 .tit2 em { display: block; padding-top:4px; color: #e9470d; font-style: normal;} #secret3 .s-box1 .medals { padding:48px 20px; background: rgba(0,0,0,0.22); border-radius:10px; } #secret3 .s-box1 .medals:after { display: block; content: ''; clear: both; } #secret3 .s-box1 .medals p { float:left; width:25%; text-align: center; } #secret3 .s-box1 .medals p:nth-child(3) { padding-top:25px; } #secret3 .s-box1 .medals p:nth-child(4) { padding-top:15px; } #secret3 .s-box2 { padding:80px 0 60px; background: #f0f0f0; font-family: 'Nanum Barun Gothic'; font-weight: 400;} #secret3 .s-box2 .tit { margin-bottom: 12px; } #secret3 .s-box2 .txt { font-size:18px; line-height: 30px; color: #606060;margin-bottom: 50px; } #secret3 .s-box2 .txt p { text-indent: -20px; padding-left: 20px; } #secret3 .s-box2 .txt2 { margin-bottom: 50px;} #secret3 .s-box2 .txt2 p { display: inline-block; vertical-align: middle; width:190px; height: 60px; line-height: 59px; text-align: center; background: #abb3bc; font-size:18px; color: #fff; margin-left: 36px; position: relative; } #secret3 .s-box2 .txt2 p:last-child { line-height: 22px; padding-top:9px;} #secret3 .s-box2 .txt2 p:before { content: ''; position: absolute; left: -36px; top:0; width:36px; height: 60px; background: url(../img_v2/s-box/section2_2_step.png) no-repeat 50% 50%; } #secret3 .s-box2 .txt2 p:first-child { margin-left: 0;} #secret3 .s-box2 .txt2 p:first-child:before { display: none; } #qck{ position: absolute; left:50%; width:201px; top:180px; margin-left: 615px; text-align: center; z-index:1000;} #qck .tit { margin: 0 !important; } #qck .tit img { vertical-align: bottom;} #qck .box div { background: #fff; border-radius:10px; box-shadow:3px 3px 0 rgba(0,0,0,0.1)} #qck .box div p { padding:27px 10px 23px; border-bottom: 1px solid #bcd4e5; } #qck .box div p:last-child { border-bottom: 0;} @media all and (max-width:1250px) { .pc { display: none;} .mobile { display: block; } #content { margin-top:46px; } .mypage_img { height:30px; } /* 학습신청 */ .learn-content .img-box1 .mobile { max-width:400px; margin: 0 auto; text-align: center;} .learn-content .price-box .tit { font-size:25px; padding:50px 0 43px; } .learn-content .price-box { padding:0 30px;} .learn-content .price-box ul { max-width:400px; margin: 0 auto;} .learn-content .price-box ul li { float:none; margin: 0 0 32px; height: auto; } .learn-content .price-box ul li .price-article .btn-wrap .msg { margin:-10px 0 10px; text-align: center; font-size:14px; } .learn-content .price-box ul li .price-article .btn-box a { max-width:162px; height: 36px; line-height: 35px; font-size:13px; margin: 0 auto;} .learn-content .price-box ul li .price-article .sale-label { left: inherit; right:-14px; top:-17px; width:69px; height: 61px; background-size:69px auto; font-size:15px; line-height: 16px; padding-top:10px;} .learn-content .price-box ul li .price-article .msg span:before { position: static; display: inline-block; vertical-align: middle; margin-right:10px; margin-top:-3px;} #section0 .cont-v2 .article1 { padding-top:30px;} #section0 .cont-v2 .article1 .inner-v2 .txt1 { height: 32px; line-height: 31px; font-size:13px; } #section0 .cont-v2 .article1 .inner-v2 .txt2 { font-size:32px; padding:12px 0;} #section0 .cont-v2 .article1 .inner-v2 .txt3 { margin-bottom: 15px;} #section0 .cont-v2 .article1 .inner-v2 .txt3 img { width:108px;} #section0 .cont-v2 .article1 .inner-v2 .txt4 { font-size:14px; line-height: 1.5em; } #section0 .cont-v2 .article1 .col-box .col-left { float:none; text-align: center;} #section0 .cont-v2 .article1 .col-box .col-right { float:none; text-align: center; padding-top:30px;} #section0 .cont-v2 .article2 .inner-v2 .title { font-size:23px; line-height: 1.4em; } #section0 .cont-v2 .article2 { padding:30px 0;} #section0 .cont-v2 .article2 .inner-v2 .news-label { max-width:480px; margin: 0 auto; padding:25px 15px;} #section0 .cont-v2 .article2 .inner-v2 .txt1 { font-size:15px; line-height: 1.5em; } #section0 .cont-v2 .article2 .inner-v2 .txt1 p strong { font-size:22px; } #section0 .cont-v2 .article2 .inner-v2 .txt1 p strong:before { top:3px;} #section0 .cont-v2 .article2 .inner-v2 .txt2 { padding:15px 0;} #section0 .cont-v2 .article2 .inner-v2 .txt2 p { font-size:22px; } #section0 .cont-v2 .article2 .inner-v2 .txt2 p:before { top:3px; } #section0 .cont-v2 .article3 { height: auto; } #section0 .cont-v2 .article3 .medal-box:after { content: ''; display: block; clear: both;} #section0 .cont-v2 .article3 .medal-box .medal { margin:0 !important; text-align: center; float:left; width:50%; } #section0 .cont-v2 .article3 .medal-box .medal .medal-ico { float:none; margin: 0; margin-top:-5px; } #section0 .cont-v2 .article3 .medal-box .medal .medal-ico img { width:65px; } #section0 .cont-v2 .article3 .medal-box .medal .txt-box { padding-top:0; float:none; font-size:15px; line-height: 1.4em; } #section0 .cont-v2 .article3 .medal-box .medal .txt-box span { position: static; display: block; padding-top:5px;} #section0 .cont-v2 .article3 .medal-box .medal .txt-box strong { font-size:18px; } #section0 .cont-v2 .article4 { padding-bottom: 30px;} #section0 .cont-v2 .article4 .title { padding:32px 0 10px; font-size:20px; } #section0 .cont-v2 .article4 .title span:before { top:4px;} #section0 .cont-v2 .article4 .desc { font-size:13px; line-height: 1.4em; margin-bottom: 20px; } #section0 .cont-v2 .article4 .colum { padding:0 20px;} #section0 .cont-v2 .article4 .colum > div { display: block; width:100%; margin: 0 0 5px; height: 186px; border-radius:5px; } #section0 .cont-v2 .article4 .colum > div .in-box i { margin-bottom: 10px; } #section0 .cont-v2 .article4 .colum > div .in-box i img { width:55px; } #section0 .cont-v2 .article4 .colum > div .in-box p { font-size:18px; line-height: 1.1em; margin-bottom: 10px; } #section0 .cont-v2 .article4 .colum > div .in-box span { font-size:12px; line-height: 1.4em;} #section1 .article1 .inner-v2 { padding-top:70px; border: 0; } #section1 .article1 .feature1 { padding:53px 20px 25px;} #section1 .article1 .feature1 .img-box .mobile { text-align: center; max-width:500px; margin: 0 auto;} #section1 .article1 .feature1 .img-box .mobile img { } #section1 .article1 .feature1 .time-box { padding:10px; border-width:1px; border-radius:4px; position: relative; margin-bottom: 50px; } #section1 .article1 .feature1 .time-box .tit { position: absolute; top:-30px; left:0; right:0; font-size:15px;} #section1 .article1 .feature1 .time-box .times { padding-bottom: 5px;} #section1 .article1 .feature1 .time-box .times:after { display: block; content: ''; clear: both; } #section1 .article1 .feature1 .time-box .times > div { margin: 0; float:left; width:33.33333%; padding:0 5px;} #section1 .article1 .feature1 .time-box .times > div p { font-size:12px; } #section1 .article1 .feature1 .time-box .times > div i { padding:8px 0; } #section1 .article1 .feature1 .time-box .times > div i img { width:52px; } #section1 .article1 .feature1 .time-box .times > div span { display: block;height:23px; line-height: 22px; font-size:10px; padding:0 5px; } #section1 .article1 .feature1 .time-box .desc { position: absolute; left: 0; right:0; bottom:-25px; font-size:13px; text-align: center; padding: 0; } #section1 .article1 .feature2 { padding:30px 0;} #section1 .article1 .feature2 .tit { font-size:26px; margin-bottom: 10px; } #section1 .article1 .feature2 .desc { font-size:15px; line-height: 1.4em; margin-bottom: 25px; } #section1 .article1 .feature2 .img-box { text-align: center;} #section1 .article1 .feature2 .img-box .mobile { max-width:400px; margin: 0 auto;} #section1 .article1 .feature2 .box1 { padding:30px 20px; border-bottom: 0; } #section1 .article1 .feature2 .box1 .col-left { display: block; padding: 0; font-size:16px; text-align: center; margin-bottom: 15px;} #section1 .article1 .feature2 .box1 .col-left strong { font-size:21px; } #section1 .article1 .feature2 .box1 .col-right { text-align: center; padding-left: 20px;} #section1 .article1 .feature2 .box1 .col-right div p { position: static; text-align: center; font-size:14px; padding-right:20px;} #section1 .article1 .feature2 .box2 { padding:30px 20px 0;} #section1 .article1 .feature2 .box2 .col-left { padding: 0; font-size:15px; line-height: 1.3em; margin-bottom: 15px; display: block;} #section1 .article1 .feature2 .box2 .col-left strong { font-size:23px; } #section1 .article1 .feature2 .box2 .col-right .mobile { max-width:400px; margin: 0 auto;} #section1 .article2 { padding:50px 10px 35px;} #section2 .article1 .inner-v2 { padding-top:70px; border: 0;} #section2 .article1 .feature1 { padding:20px 10px 10px; margin:10px; border-radius:5px;} #section2 .article1 .feature1 .tit { height:28px; line-height: 27px; font-size:17px; max-width:240px; margin-bottom: 20px; } #section2 .article1 .feature1 .tit:before { bottom:-6px; width:12px; height: 6px; background-size:12px 6px;} #section2 .article1 .feature1 .col-box .col-left { float:none; width:100%; padding: 0; } #section2 .article1 .feature1 .col-box .col-left .graph-box img { width:200px;} #section2 .article1 .feature1 .col-box .col-left .graph-box ul { bottom:inherit; top:-10px; right:-30px;} #section2 .article1 .feature1 .col-box .col-left .graph-box ul li { font-size:10px; margin-bottom: 3px;} #section2 .article1 .feature1 .col-box .col-left .graph-box ul li:before { width:10px; height: 10px; margin-right:3px;} #section2 .article1 .feature1 .col-box .col-right { float:none; width:100%; padding:0; } #section2 .article1 .feature1 .col-box .col-right .interview { padding:10px; border-radius:5px;} #section2 .article1 .feature1 .col-box .col-right .interview .photo { width:68px; height: 68px; margin-right:6px; } #section2 .article1 .feature1 .col-box .col-right .interview .txt { font-size:11px; line-height: 14px; padding-top:5px;} #section2 .article1 .feature1 .col-box .col-right .interview .origin { font-size:9px; line-height: 1.3em; } #section2 .article1 .feature1 .col-box .col-right .interview .origin p { font-size:10px; } #section2 .article1 .feature2 .title { font-size:15px; margin-bottom: 20px; } #section2 .article1 .feature2 .title strong { font-size:20px; padding-top:5px;} #section2 .article1 .feature2 { padding:25px 20px 30px;} #section2 .article2 { padding:50px 10px 35px; } #section3 .article1 .inner-v2 { padding-top:70px; border: 0; } #section3 .article1 .feature1 { padding:20px;} #section3 .article1 .feature1 .course-box { display: block; padding: 0; } #section3 .article1 .feature1 .course-box .tit { font-size:18px; line-height: 23px; margin-bottom: 20px;} #section3 .article1 .feature1 .course-box .img .mobile { max-width:400px; margin: 0 auto;} #section3 .article1 .feature1 .monitor-box { padding-top:25px;} #section3 .article1 .feature1 .monitor-box .txt { font-size:17px; padding-top:5px;} #section3 .article1 .feature2 { padding:30px 20px; } #section3 .article1 .feature2 .tit { font-size:17px; margin-bottom: 15px; } #section3 .article1 .feature2 .img-box .mobile { max-width:400px; margin: 0 auto; } #section3 .article1 .feature3 .title { font-size:18px; margin-bottom: 20px; } #section3 .article1 .feature3 .title strong{ font-size:30px; } #section3 .article1 .feature3 .title strong img { width:27px; } #section3 .article1 .feature3 { padding-bottom: 10px;} #section3 .article2 { padding:50px 10px 35px; } #section4 .article1 { padding:70px 0 25px; } #section4 .article1 .title { font-size:25px; margin-bottom: 20px; } #section4 .article1 .title span { font-size:29px; } #section4 .article1 .title span:before { width:7px; height: 7px; top:-12px; margin-left: -3px;} #section4 .article1 .article-box .article { padding: 0 5px;} #section4 .article1 .article-box .article:first-child { margin-bottom: 35px;} #section4 .article1 .article-box .article .tit { background-size:48px auto !important; padding-left: 53px;} #section4 .article1 .article-box .article .tit p { font-size:17px; } #section4 .article1 .article-box .article .tit p strong { font-size:27px; } #section4 .article1 .article-box .article .img { padding:15px 0;} #section4 .article1 .article-box .article .txt { height:74px; font-size:17px; line-height: 23px; padding-top:15px; } #section4 .article1 .article-box .article .txt:before { width:20px; height: 7px; margin-left: -10px; top:-7px; background-size:20px auto;} #section4 .article2 { padding:30px 5px;} #section4 .article2 .title { font-size:18px; } #section4 .article2 .title strong { font-size:31px; } #section4 .article2 .img-box { padding:25px;} #section4 .article2 .img-box p { display: block; margin-bottom: 1px;} #section4 .article2 .img-box p img { vertical-align: top; } #section4 .article2 .desc { font-size:15px; line-height: 21px;} #section4 .article3 { padding:30px 5px;} #section4 .article3 .title { font-size:23px; margin-bottom: 20px; } #section4 .article3 .title span { display: block; padding-top:5px; } #section4 .article3 .title img { width:45px; margin: 0; } #section4 .article3 .boxs .mobile { max-width:400px; margin: 0 auto;} #section4 .article3 .boxs .mobile p { margin-bottom: 15px;} #section4 .article4 { padding:50px 20px 30px;} #section4 .article4 .logo-v2 img { width:56px; } #section4 .article4 .logo-v2 strong { font-size:20px; padding-top:0;} #section4 .article4 .store-label { width:282px; height: 33px; background-size:282px 33px; font-size:14px; line-height: 32px; margin:15px auto 20px; } #section4 .article4 .store-btns .mobile a { display: block; margin-bottom: 7px;} #section4 .article4 .store-btns .mobile a img { width:206px; } /* Common */ #fullpage-v2 .review-box .title { width:156px; height: 31px; background-size:156px 31px; font-size:14px; line-height: 29px; top:-15px; } #fullpage-v2 .review-box .cont { padding:25px 15px 15px; } #fullpage-v2 .review-box .cont .thum { width:103px; height: 72px; margin-right:10px; border-radius:5px; } #fullpage-v2 .review-box .cont .info .name { font-size:13px; padding-top:0; } #fullpage-v2 .review-box .cont .info .name img { width:11px; } #fullpage-v2 .review-box .cont .info .txt { font-size:11px; line-height: 1.2em; padding-top:5px; } .tit-feature { width:127px; height: 31px; font-size:15px; padding-top:4px; background-size:127px auto; margin-bottom: 15px; } .tit-feature-txt { font-size:18px; margin-bottom: 25px; } .tit-feature-txt strong { font-size:22px; padding-top:0; } #section2 .article1 .feature2 .slider-section2 { display: none;} .section2-mobile { display: block; max-width:400px; margin: 0 auto; padding:0 10px;} .section2-mobile .article { margin-bottom: 25px; } .section2-mobile .article .txt {text-align: center; font-size:15px; line-height: 18px; padding-top:5px; } .section2-mobile .article:last-child { margin-bottom: 0; } #section3 .article1 .feature3 .slider-section3 { display: none; } .section3-mobile { display: block; max-width:400px; margin: 0 auto; padding:0 20px;} .section3-mobile .article { margin-bottom: 25px; } .section3-mobile .article .txt {text-align: center; font-size:15px; line-height: 18px; padding-top:5px; } .section3-mobile .article:last-child { margin-bottom: 0; padding-bottom: 20px;} #footer-v2 { padding:20px 15px; } #footer-v2 .col-left { float:none; padding-bottom: 40px; } #footer-v2 .col-left .lnb-v2 { text-align: left; margin-bottom: 10px; } #footer-v2 .col-left .lnb-v2 a { margin-bottom: 10px; float:left; font-size:12px;} #footer-v2 .col-left .lnb-v2 a:nth-child(4) { clear: both; padding-left: 0; margin-left:0;} #footer-v2 .col-left .lnb-v2 a:nth-child(4):before { display: none;} #footer-v2 .col-left .copy-v2 { font-size:11px; line-height: 1.4em; clear: both;} #footer-v2 .col-right .select-box .dropdown .dropdown-toggle { font-size:13px; } #footer-v2 .col-right .select-box .dropdown .dropdown-menu a { font-size:13px;} #footer-v2 .col-right { float:none; text-align: left; margin-top:15px; position: relative;z-index:20; margin-bottom: 20px; } #footer-v2 .col-right .sns-btns { text-align: center; margin-bottom: 15px;} #footer-v2 .col-right .sns-btns a img { width:35px;} #footer-v2 .col-right .select-box .dropdown { display: inline-block; float:none !important; } #footer-v2 .col-right .select-box .dropdown .dropdown-menu { text-align: left; } #footer-v2 .col-right .select-box .dropdown .dropdown-toggle { width:200px; height: 34px; line-height: 33px; } #footer-v2 .col-right .select-box .dropdown.open .dropdown-menu { top:33px;} /* Header */ #header-v2 { height:46px; } #header-v2 .inner-v2 { height:46px;} #header-v2 .logo-v2 { position:static; text-align:center; -webkit-transform:translate(0); transform:translate(0); padding-top:6px; } #header-v2 .logo-v2 img { height:30px; } #header-v2 .lnb { display:none; } #header-v2 .top-btns { display:none; } #page-content-wrapper { display:block; } .hamburger.right { top:0; } /* 20180209 비밀박스 */ #secret1 .s-box1 { padding:46px 0 40px; background-image:url(../img_v2/s-box/bg_section0_1_m.jpg); } #secret1 .s-box1 .mobile .tit img { width:340px; } #secret1 .s-box1 .mobile .btn-box { max-width:340px; margin: 0 auto;} #secret1 .s-box1 .mobile .btn-box > div { display: block; width:auto; margin: 0 !important; margin-bottom: 10px;} #secret1 .s-box1 .mobile .btn-box > div { margin-bottom: 10px !important;} #secret1 .s-box1 .mobile .btn-box > div p { margin:0 -6px 10px;} #secret1 .s-box1 .mobile .btn-box > div a { height: 45px; line-height: 44px; font-size:18px; } #secret1 .s-box1 .mobile .btn-box > div a strong { font-size:18px; } #secret1 .s-box2 { padding:40px 0 45px;} #secret1 .s-box2 .tit1 { height:36px; line-height: 35px; width:200px; font-size:14px; } #secret1 .s-box2 .tit1:before { width:6px; height: 6px; margin:-2px 10px 0;} #secret1 .s-box2 .tit1:after { width:6px; height: 6px; margin:-2px 10px 0;} #secret1 .s-box2 .tit2 img { width:320px; } #secret1 .s-box2 .mv img { width:320px;} #secret1 .s-box2 .txt img { width:320px;} #secret1 .s-box3 { padding:40px 0;} #secret1 .s-box3 .tit1 { font-size:14px; } #secret1 .s-box3 .tit2 { padding-bottom: 20px;} #secret1 .s-box3 .tit2 img { width:320px;} #secret1 .s-box3 .review-slider-wrap { margin: 0 auto; padding:0 15px;} #secret1 .s-box3 .review-slider-wrap .review { height:115px; padding-left:130px; } #secret1 .s-box3 .review-slider-wrap .review .thum { width:120px; overflow: hidden;} #secret1 .s-box3 .review-slider-wrap .review .thum img { height:115px; position: absolute; left: 0; top:0; max-width: inherit; transform:translateX(-17%); -webkit-transform:translateX(-17%)} #secret1 .s-box3 .review-slider-wrap .review .info { padding:12px; } #secret1 .s-box3 .review-slider-wrap .review .info .rate { margin-bottom: 6px;} #secret1 .s-box3 .review-slider-wrap .review .info .rate img { width:7px; } #secret1 .s-box3 .review-slider-wrap .review .info .txt { font-size:11px; line-height: 13px; max-height: 52px;} #secret1 .s-box3 .review-slider-wrap .review .info .name { right:10px; bottom:10px; font-size:12px; } #secret1 .s-box3 .review-slider-wrap .bx-prev { left:-25px; width:20px !important; height: 23px !important; background-size:20px auto !important; } #secret1 .s-box3 .review-slider-wrap .bx-next { right:-25px; width:20px !important; height: 23px !important; background-size:20px auto !important; } #secret1 .s-box3 .btn-box img { width:250px;} #secret2 .s-box1 > .title img { width:320px;} #secret2 .s-box1 > .title { padding:84px 0 60px; margin-bottom: -35px;} #secret2 .s-box1 .article-box { padding:25px 0; margin-bottom: 30px;} #secret2 .s-box1 .article-box:before { height:32px; top:-16px;} #secret2 .s-box1 .article-box .tit { margin-bottom:16px;} #secret2 .s-box1 .article-box .tit img { width:80px; } #secret2 .s-box1 .article-box .txt { font-size:18px; margin-bottom: 20px; padding:0 15px; } #secret2 .s-box1 .article-box .desc { font-size:14px; line-height: 1.4; padding:0 15px; word-break: keep-all; word-wrap: break-word;} #secret2 .s-box1 .article-box .desc br { display: none; } #secret2 .s-box1 .article-box.article1 .img { padding:0 15px; margin-bottom: 20px;} #secret2 .s-box1 .article-box.article2 .desc { margin-bottom: 0;} #secret2 .s-box1 .btn-box { margin-top:0; padding-bottom: 30px;} #secret2 .s-box1 .btn-box img { width:250px; } #secret2 .s-box2 { padding:25px 0 30px;} #secret2 .s-box2:before { height:40px; top:-20px; } #secret2 .s-box2 .tit1 img { width:320px;} #secret2 .s-box2 .tit2 { padding:10px 0 20px; font-size:14px;} #secret2 .s-box2 .grp { padding:15px 20px;} #secret2 .s-box2 .grp p { left:20px; top:15px; font-size:14px;} #secret3 .s-box1 .tit1 { padding-top:90px;} #secret3 .s-box1 .tit1 img { width:330px;} #secret3 .s-box1 .tit2 { font-size:14px; line-height: 1.4; margin-bottom: 30px;} #secret3 .s-box1 .medals { padding:0 15px; } #secret3 .s-box1 .medals p { width:50%; margin-bottom: 10px; padding:0 20px 15px !important;} #secret3 .s-box2 { padding:35px 0 30px;} #secret3 .s-box2 .txt { font-size:14px; line-height: 22px; margin-bottom: 30px; } #secret3 .s-box2 .txt p { text-indent: -14px; padding-left: 14px;} #secret3 .s-box2 .txt2 p { display: block; width:100%; height: auto; line-height: 1.5; padding:10px 0; font-size:14px; margin:0 0 10px !important; } #secret3 .s-box2 .txt2 p:before { display: none; } #qck { display: none; } /* 이재홍 */ #banner { margin-top: 46px;} /* 이재홍 */ } @media all and (max-width:767px) { .content_banner { height:72px !important; background-position: 50% 0; background-size:auto 72px;} .content_banner .banner_desc .kor { font-size:21px !important; font-weight: 600; } } @media all and (max-width:768px) { } /******************************************************************************************************************************************** Ver 3 2018.06.18 ********************************************************************************************************************************************/ img { border: 0;} /* Header 는 수정만 */ #header-v2 .inner-v2 { max-width:1110px; } #header-v2 .logo-v2 { transform: translateY(0); -webkit-transform: translateY(0); top:20px;} #header-v2 .top-btns { padding-top:24px;} #header-v2 .top-btns a { height: 40px; width:122px;font-size:17px; line-height: 40px; } #header-v2 .lnb > a { font-size:17px; } #header-v2 .lnb > span { font-size:14px; margin:0 8px; } #header-v2 .lnb .sns a { margin-left: 6px;} #header-v2 .lnb .sns a img { width:38px;} #footer-v2 { padding:50px 10px; } #footer-v2 .col-left .lnb-v2 { margin-bottom: 20px;} #footer-v2 .inner-v2 { max-width:1110px;} .top-request-wrap { position: absolute; left:50%; top:0; width:1080px; margin-left:-540px; /*z-index:2000*/} .top-request { position: absolute; right:0; bottom:-303px; /*bottom:-203px*/ width:280px; height: 212px; background: url(../img_v3/main/bg_top_banner.png) no-repeat 0 0; text-align: center; } .top-request .txt { font-size:21px; color: #fff; padding:46px 0 13px; } .top-request a { display: inline-block; vertical-align: middle; width:177px; height: 78px; border-radius:78px; background: #ff3c00; font-size:14px; font-family: 'NanumSquare'; color: #fff; box-shadow:0 6px 0 rgba(0,0,0,0.1); } .top-request a span { display: block; opacity:0.7; padding:14px 0 7px; color: #fff;} .top-request a strong { font-size:26px; } #main-v3 { background: #f2f4f7; padding-top:93px; } #main-v3 .inner { max-width:1080px; margin: 0 auto;} #main-v3 .main-inner { max-width:1080px; margin: 0 auto;} #main-v3 .top-banner { height: 218px; border-bottom: 1px solid #c7d0dc; margin-bottom: 16px} #main-v3 .top-banner .slider { background-repeat: repeat-x; background-position: 50% 0; } #main-v3 .top-banner .bx-controls { max-width:300px; margin: -50px auto 0; position: relative; z-index:99; left:-386px;} #main-v3 .top-banner .bx-wrapper .bx-pager, #main-v3 .top-banner .bx-wrapper .bx-controls-auto { position: static; text-align: left; padding-top:0;} #main-v3 .top-banner .bx-wrapper .bx-pager.bx-default-pager a { background: #85969d; width:5px; height: 5px; margin:0 4px 0 0; } #main-v3 .top-banner .bx-wrapper .bx-pager.bx-default-pager a.active { background: #353434; } #main-v3 .sticky-tabs:after { display: block; content: ''; clear: both; } #main-v3 .sticky-tabs.tacked { position: fixed; top:92px; left: 0; right:0; border-left: 0; right:0; z-index:200;} #main-v3 .sticky-tabs-wrap { margin-bottom: 15px;} #main-v3 .sticky-tabs { border: 1px solid #c7d0dc; background: #fff; } #main-v3 .sticky-tabs a { float:left; width:20%; height: 57px; text-align: center; line-height: 56px; font-size:16px; color: rgba(57,64,93,0.7); font-family: 'NanumSquare'; } #main-v3 .sticky-tabs a.active { color:#39405d; position: relative; font-weight: 600; font-family: 'NanumSquareRound'; } #main-v3 .sticky-tabs a.active:before{ content: ''; position: absolute; left: 0; right:0; bottom:-1px; height:4px; background: #39405d; } #main-v3 .sticky-wrapper { margin-bottom: 15px;} #main-v3 .sticky-wrapper.is-sticky .sticky-tabs-wrap{ width:100% !important; left: 0; right:0; z-index:50 !important; background: #fff; border-bottom: 1px solid #c7d0dc; } #main-v3 .sticky-wrapper.is-sticky .sticky-tabs { border:0; max-width:1080px; margin: 0 auto;} #main-content { font-weight: 400; letter-spacing: -1px; padding-bottom: 32px;} #new-section1 {border: 1px solid #c7d0dc; margin-bottom: 15px;} #new-section1 .article1 { padding:50px 10px 40px; background: #39405d url(../img_v3/main/bg1.png) repeat-x 0 100%; text-align: center; } #new-section1 .article1 .title { font-size:41px; color: #fff; margin-bottom: 28px; } #new-section1 .article1 .title strong { color: #f8df9d; } #new-section1 .article1 .box { margin-bottom: 36px; } #new-section1 .article1 .box p { display: inline-block; vertical-align: middle; } #new-section1 .article1 .box p + p { margin-left: 230px; } #new-section1 .article1 .box p span { display: block; font-size:28px; color: #f8df9d; padding-top:15px;} #new-section1 .article1 .btn-box a { display: inline-block; vertical-align: middle; height: 63px; line-height: 62px; border-radius:63px; padding:0 48px; background: #44c4a1; font-size:24px; font-weight: 600; color: #fff; box-shadow:0 3px 1px rgba(0,0,0,0.08); } #new-section1 .article1 .btn-box a:before{ content: ''; display: inline-block; vertical-align: middle; background: url(../img_v3/main/ico_down.png) no-repeat 0 0; width:21px; height: 20px; margin:-3px 7px 0 0;} #new-section1 .article2 { padding:55px; background: #efe2da; } #new-section1 .article2 ul:after { display: block; content: ''; clear: both; } #new-section1 .article2 ul li { float:left; width:50%; margin-bottom: 78px; } #new-section1 .article2 ul li:nth-child(3), #new-section1 .article2 ul li:nth-child(4) { margin-bottom: 0; } #new-section1 .article2 ul li { position: relative; padding-left: 100px; } #new-section1 .article2 ul li .img { position: absolute; left: 0; top:0; } #new-section1 .article2 ul li div > strong { font-size:30px; color: #5c6485; display: block; margin-bottom: 13px; } #new-section1 .article2 ul li div p { font-size:20px; line-height: 30px; color: #7c7470; } #new-section2 { border: 1px solid #c7d0dc; margin-bottom: 15px; background: #e1e7f0; padding:58px 37px 80px; } #new-section2 .article1 { margin-bottom: 58px; } #new-section2 .article1 .title { text-align: center; font-size:38px; color: #39405d; margin-bottom: 22px; } #new-section2 .article1 .feature-box:after {display: block; content: ''; clear: both; } #new-section2 .article1 .feature-box .box { width:490px; border: 1px solid #c7d0dc; background: #fff; border-radius:10px; text-align: center; padding:35px 10px 30px; } #new-section2 .article1 .feature-box .box:first-child { float:left;} #new-section2 .article1 .feature-box .box:last-child { float:right;} #new-section2 .article1 .feature-box .box .tit { font-size:28px; color: #000; margin-bottom: 25px; font-weight: 600;} #new-section2 .article1 .feature-box .box .txt { padding-top:28px; font-size:19px; color: #7c7470; line-height: 28px;} #new-section2 .article1 .feature-box .box .txt span { display: block; } #new-section2 .article2 { } #new-section2 .article2 .btn-box { text-align: center; position: relative; z-index:10; margin-bottom: -32px; } #new-section2 .article2 .btn-box a { display: inline-block; vertical-align: middle; height:63px; line-height: 63px; border-radius:63px; background: #44c4a1; font-size:24px; color: #fff; font-weight: 600; padding:0 65px; box-shadow:0 3px 1px rgba(0,0,0,0.08); } #new-section2 .article2 .btn-box a:after { content: ''; display: inline-block; vertical-align: middle; background: url(../img_v3/main/ico_arr_up.png) no-repeat 0 0; width:22px; height: 12px; margin:-4px 0 0 14px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} #new-section2 .article2 .btn-box a.active:after { transform: rotate(-180deg); -webkit-transform: rotate(-180deg)} #new-section2 .article2 .mv-list { display: none;padding:45px 75px; background: #fff; border:1px solid #44c4a1; border-radius: 10px; } #new-section2 .article2 .mv-list .desc { text-align: center; font-size:19px; color: #39405d; margin-bottom: 18px; line-height: 28px; } #new-section2 .article2 .mv-list .tit { text-align: center; font-size:19px; color: #39405d; font-weight: 600; margin-bottom: 10px; } #new-section2 .article2 .mv-list .mv-table table { width:100%; border-collapse: collapse; border-top:2px solid #39405d; } #new-section2 .article2 .mv-list .mv-table table td { padding:10px 5px; border-bottom: 1px solid #e0e0e0; font-size:19px; color: #7c7470; text-align: center; } #new-section2 .article2 .mv-list .mv-table table tr:nth-child(even){ background: #f7f7f7; } #new-section2 .article2 .mv-list .mv-table + .tit { margin-top:40px;} #new-section3 { border: 1px solid #c7d0dc; margin-bottom: 25px; background: #cddfdd url(../img_v3/main/bg_section3.jpg) repeat 0 0; background-size:cover; padding:70px; } #new-section3 .inner-section { background: #fff; border: 1px solid #c7d0dc; padding-top:70px; } #new-section3 .inner-section .article { max-width:650px; margin: 0 auto 90px;} #new-section3 .inner-section .article .title { padding-top:30px; background: url(../img_v3/main/ico_hr.png) no-repeat 50% 0; font-size:32px; color: #000000; margin-bottom: 20px; text-align: center;} #new-section3 .inner-section .article .title strong { color: #ff9971; } #new-section3 .inner-section .article .txt { text-align: center; font-size:20px; line-height: 30px; color: #7c7470; } #new-section3 .inner-section .article .bx-wrapper { margin-bottom: 40px;} #new-section3 .inner-section .article .bx-wrapper .bx-pager { padding:0; } #new-section3 .inner-section .article .bx-wrapper .bx-pager.bx-default-pager a { width:6px; height: 6px; background: #c5c8ce; margin:0 2px; } #new-section3 .inner-section .article .bx-wrapper .bx-pager.bx-default-pager a.active { background: #4f576b; } #new-section3 .inner-section .article .bx-prev { left:-40px; background: url(../img_v3/main/btn_slider_prev.png) no-repeat 0 0 !important; width:19px !important; height: 32px !important; } #new-section3 .inner-section .article .bx-next { right:-40px; background: url(../img_v3/main/btn_slider_next.png) no-repeat 0 0 !important; width:19px !important; height: 32px !important; } #new-section4 { border: 1px solid #c7d0dc; margin-bottom: 15px; background: #dbeaef; padding:60px 40px; } #new-section4 .article .title { text-align: center; font-size:41px; line-height: 1.3; color: #009b8e; margin-bottom: 28px; } #new-section4 .article .title strong { color: #00719b; } #new-section4 .article .desc { padding: 52px 28px 35px; background: #fff url(../img_v3/main/bg_section4.png) no-repeat 0 0; border: 1px solid #c7d0dc; border-radius:10px; position: relative;} #new-section4 .article .desc .t1 { text-align: center; font-size:24px; font-weight: 600; color: #44c4a1; margin-bottom: 15px; } #new-section4 .article .desc .t1:before { content: ''; position: absolute; left: 30px; top:32px; background: url(../img_v3/main/ico_crown.png) no-repeat 0 0; width:82px; height: 55px; } #new-section4 .article .desc .t2 { text-align: center; font-size:33px; color: #7847db; font-weight: 600; margin-bottom: 25px; } #new-section4 .article .desc ul:after { display: block; content: ''; clear: both;} #new-section4 .article .desc ul li { float:left; width:50%; font-size:20px; line-height: 30px; color: #7c7470; padding-left: 19px; text-indent: -19px; } #new-section4 .article .desc ul li:before { content: 'ㆍ'; display: inline; margin-right:2px; } #new-section4 .article .desc .btn-box { text-align: center; padding-top:40px; } #new-section4 .article .desc .btn-box a { display: inline-block; vertical-align: middle; height: 62px; line-height: 61px; font-size:20px; font-weight: 600; color: #fff; padding:0 68px; background: #7847db; border-radius:62px;} #new-section5 { border: 1px solid #c7d0dc; background: #39405d; padding:60px 135px; } #new-section5 .article1 { text-align: center; } #new-section5 .article1 .title { font-size:41px; color: #fff; margin-bottom: 35px; } #new-section5 .article1 .title strong { color: #ffc107; } #new-section5 .article1 .slide.bg1 a { background: #fedaa2; } #new-section5 .article1 .slide.bg2 a { background: #b2dc8c; } #new-section5 .article1 .slide.bg3 a { background: #bad7f5; } #new-section5 .article1 .slide { width:256px; float:left; } #new-section5 .article1 .slide a { display: block; height: 256px; border-radius:10px; position: relative; padding-top:73px;} #new-section5 .article1 .slide a .label { position: absolute; left: 24px; top:24px; padding:0 15px; height: 28px; line-height: 28px; border-radius:28px; background: #fff; font-size:13px; color: #00b333; font-weight: 600;} #new-section5 .article1 .slide a strong { display: block; padding-top:19px; font-size:30px; line-height: 37px; color: #63481f; position: relative;} #new-section5 .article1 .slide a strong:before { content: ''; position: absolute; top:0; left: 50%; width:22px; height: 3px; background: #63481f; margin-left: -11px; } #new-section5 .article1 .slide a span { display: block; font-size:20px; color: #7c7470; padding-top:15px;} #new-section5 .article1 .bx-wrapper { margin-bottom: 20px;} #new-section5 .article1 .bx-wrapper .bx-pager { padding:0; } #new-section5 .article1 .bx-wrapper .bx-pager.bx-default-pager a { width:6px; height: 6px; background: #9ca0ae; margin:0 2px; } #new-section5 .article1 .bx-wrapper .bx-pager.bx-default-pager a.active { background: #ffc107; } #new-section5 .article1 .bx-prev { left:-40px; background: url(../img_v3/main/btn_slider_prev.png) no-repeat 0 0 !important; width:19px !important; height: 32px !important; opacity:0.7; margin-top:-24px; } #new-section5 .article1 .bx-next { right:-40px; background: url(../img_v3/main/btn_slider_next.png) no-repeat 0 0 !important; width:19px !important; height: 32px !important; opacity:0.7; margin-top:-24px; } #new-section5 .bx-wrapper .bx-pager {position: static; padding-top:15px !important;} #new-section5 .hr { background: url(../img_v3/main/ico_hr_full.png) no-repeat 50% 0; height: 15px; font-size:0; margin-bottom: 63px;} #new-section5 .etc-box:after { display: block; content: ''; clear: both;} #new-section5 .etc-box { text-align: center; } #new-section5 .etc-box .tit { font-size:30px; font-weight: 600; color: #fff; margin-bottom: 15px; } #new-section5 .etc-box .col-left { display: inline-block; vertical-align: top; margin-right:100px; width:290px;} #new-section5 .etc-box .col-right { display: inline-block; vertical-align: top; width:370px;} #new-section5 .etc-box .col-left .tit { margin-bottom: 22px; } #new-section5 .etc-box .col-left div a { display: inline-block; vertical-align: middle; margin:0 25px 20px} #new-section5 .etc-box .col-left div a span { display: block; font-size:16px; padding-top:10px; color: #fff; } #new-section5 .etc-box .col-right .tel { font-size:45px; color: #6ae043; font-weight: 600; margin-bottom: 16px; } #new-section5 .etc-box .col-right .catalk { padding:16px 5px; background: #2f3651; border-radius:10px; } #new-section5 .etc-box .col-right .catalk .s-tit { font-size:20px; font-weight: 600; margin-bottom: 10px; color: #fff; } #new-section5 .etc-box .col-right .catalk span { display: block; padding-top:14px; color: #fff; opacity:0.5; } #new-section5 .etc-box .col-right .time { font-size:20px; font-weight: 600; padding-top:15px; color: #fff;} .report-wrap { font-family: 'NanumSquare'; word-break: keep-all; word-wrap: break-word; padding-top:60px;} .report-wrap .r-hr { display: block; width:100%; margin: 25px 0; padding: 0; border: 0; height:1px; background: #e3e3e3; } .report-wrap dl, .report-wrap dt, .report-wrap dd, .report-wrap ul, .report-wrap li { margin: 0; padding: 0; } .report-wrap .r-inner { padding:0 20px;} .report-wrap h4.s-tit { position: relative; margin:0 0 22px;} .report-wrap h4.s-tit b { display: inline-block; vertical-align: middle; background: #fff; padding-right:10px; font-size:18px; font-weight: 600; position: relative; z-index:2;} .report-wrap h4.s-tit:before { content: ''; position: absolute; left: 10px; top:50%; height:2px; background: #ff6905; right:0; margin-top:-1px;} .report-wrap h4.s-tit span { position: absolute; right:0; top:-6px; font-size:12px; color: rgba(0,0,0,0.6);} .report-wrap h5.s-tit2 { position: relative; margin:0 0 15px;} .report-wrap h5.s-tit2 span { display: inline-block; vertical-align: middle; background: #fff url(../img_v3/report/ico_chk.png) no-repeat 0 50%; background-size:14px auto; padding-left: 28px; padding-right:10px; font-size:15px; font-weight: normal; position: relative; z-index:2;} .report-wrap h5.s-tit2:before { content: ''; position: absolute; left: 10px; top:50%; height:1px; background: #d7d7d7; right:0; } .report-wrap h5.s-tit2.type2:before { display: none; } .report-wrap .graph-box1 { text-align: center;} .report-wrap .graph-box2 { padding:10px 15px; text-align: center;} .report-wrap .graph-box3 { padding:10px; border: 1px solid #ddd; margin:15px 30px; text-align: center; } .report-wrap .graph-box4 { padding:10px 60px; margin-bottom: 20px; text-align: center; } .report-wrap h6.s-tit3 { text-align: center; font-size:14px; line-height: 1.5; font-weight: normal; padding-top:8px; position: relative; margin: 7px 0 15px;} .report-wrap h6.s-tit3:before { content: ''; position: absolute; left: 50%; top:0; width:18px; height: 2px; background: #ff6905; margin-left: -9px;} .report-wrap .t-tit { text-align: center; margin-bottom: 12px; } .report-wrap .t-tit span { display: inline-block; vertical-align: middle; min-width:84px; line-height: 28px; border-radius:28px; height:28px; text-align: center; font-size:14px; color: #fff; font-weight: 600; padding:0 15px;} .report-wrap .t-tit.bg1 span { background: #4a6586;} .report-wrap .t-tit.bg2 span { background: #0dab84;} .report-wrap .t-table { margin-bottom: 25px; } .report-wrap .t-table table { width:100%; border-collapse: collapse; border: 1px solid #d9dfe1; } .report-wrap .t-table table thead th { padding:7px 0; font-size:12px; color: #000; } .report-wrap .t-table table tbody td { font-size:12px; text-align: center; padding:7px 5px; color: #434a56; line-height: 16px; border-top:1px solid #d9dfe1; } .report-wrap .t-table table tbody td a { color: #434a56; } .report-wrap .t-table table tbody td:first-child { text-align: left; padding-left: 14px; } .report-wrap .t-table table tbody tr:nth-child(odd) td { background: #eef2f4; } .report-wrap .ico-tit { text-align: center; margin-bottom: 20px; } .report-wrap .ico-tit p { display: inline-block; vertical-align: middle; padding:0 18px 11px 74px; text-align: center; border-bottom: 2px solid #ff6905; } .report-wrap .ico-tit p span { font-size:14px; color: #434a56; opacity:0.5; } .report-wrap .ico-tit p strong { font-size:17px; color: #434a56; display: block; padding-top:4px;} .report-wrap .ico-tit.tit1 p { background: url(../img_v3/report/ico_tit1.png) no-repeat 15px 0; background-size:45px auto;} .report-wrap .ico-tit.tit2 p { background: url(../img_v3/report/ico_tit2.png) no-repeat 25px 0; background-size:41px auto;} .report-wrap .sub-tit { text-align: center; font-size:15px; font-weight: 600; margin:20px 0 10px;} .report-wrap .sub-tit2 { text-align: center; font-size:16px; margin:20px 0 10px;} .report-wrap .sub-tit2 span { display: block; font-size:10.5px; opacity:0.65; padding-top:5px; margin-bottom: 15px;} .report-wrap .sub-tit3 { text-align: center; font-size:13px; font-weight: 600; line-height: 25px; margin-bottom: 10px; background: #c0c9e2; border-radius:3px;} .report-wrap .sub-tit3.bg2 { background: #f6d0b7;} .report-wrap .r-head { height:57px; padding:11px 17px; } .report-wrap .r-head:after { display: block; content: ''; clear: both;} .report-wrap .r-head .my { float:left; } .report-wrap .r-head .my .profile { display: inline-block; vertical-align: middle; width:38px; height: 38px; border-radius:100%; overflow: hidden; } .report-wrap .r-head .my .name { display: inline-block; vertical-align: middle; margin-left: 10px; font-size:16px; color: #000; } .report-wrap .r-head .logo { float:right; padding-top:9px; } .report-wrap .r-head .logo img { height:18px; } .report-wrap .rpt1 h3 { text-align: center; font-size:24px; font-weight: normal; padding-top:10px; position: relative; margin: 7px 0;} .report-wrap .rpt1 h3:before { content: ''; position: absolute; left: 50%; top:0; width:30px; height: 3px; background: #000; margin-left: -15px;} .report-wrap .rpt1 .today { text-align: center; margin-bottom: 20px; } .report-wrap .rpt1 .today a { display: inline-block; vertical-align: middle; width:25px; height: 25px; border-radius:100%; background: #ff6905 url(../img_v3/report/ico_arrow_prev.png) no-repeat 50% 50%; background-size:14px auto; } .report-wrap .rpt1 .today a.next { transform: rotate(180deg); -webkit-transform: rotate(180deg)} .report-wrap .rpt1 .today span { font-size:15px; color: #ff6905; display: inline-block; vertical-align: middle; margin:0 10px;} .report-wrap .rpt1 .desc { font-size:13px; line-height: 20px; color: #434a56; text-align: center; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #d4d4d4; } .report-wrap .rpt1 .mean { padding:20px 0; text-align: center; border-radius:5px; background: #65739e; font-size:19px; color: #fff; margin-bottom: 8px; } .report-wrap .rpt1 .mean small { font-size:14px; } .report-wrap .rpt1 .mean-desc { text-align: right; font-size:12px; color: rgba(0,0,0,0.6); margin-bottom: 10px;} .report-wrap .rpt1 .kd { padding-left: 40px; padding-top:15px; } .report-wrap .rpt1 .kd1 { background: url(../img_v3/report/ico1.png) no-repeat 3px 10px; background-size:25px auto;} .report-wrap .rpt1 .kd2 { background: url(../img_v3/report/ico2.png) no-repeat 3px 10px; background-size:20px auto;} .report-wrap .rpt1 .kd3 { background: url(../img_v3/report/ico3.png) no-repeat 3px 12px; background-size:28px auto;} .report-wrap .rpt1 .kd1 dt { color: #10a560; } .report-wrap .rpt1 .kd2 dt { color: #65739e; } .report-wrap .rpt1 .kd3 dt { color: #ff6905; } .report-wrap .rpt1 .kd3 { margin-bottom: 25px;} .report-wrap .rpt1 .kd + .kd { padding-top:15px; margin-top:15px; border-top:1px solid #e9e9e9;} .report-wrap .rpt1 .kd dt { font-size:14px; font-weight: 600; margin-bottom: 5px; } .report-wrap .rpt1 .kd dd { font-size:15px; line-height: 1.5; color: #000; } .report-wrap .desc-box { padding:19px 16px; border-radius:5px; background: #f1f1f1; margin-bottom: 45px; } .report-wrap .desc-box div{ font-size:13px; line-height: 20px; color: #434a56; padding-left: 10px; position: relative;} .report-wrap .desc-box div + div { margin-top:12px;} .report-wrap .desc-box div:before { content: ''; position: absolute; left: 0; top:6px; width:5px; height: 5px; background: #8e9cb2; border-radius:100%;} .report-wrap .desc-box div ul:after { display: block; content: ''; clear: both; } .report-wrap .desc-box div ul { padding-top:5px;} .report-wrap .desc-box div ul li { float:left; width:33.33333%; margin-bottom: 5px;} .report-wrap .desc-box-desc { text-align: center; font-size:11px; color: #928989; margin-bottom: 30px;} .report-wrap .desc-box2 .tit { font-size:13px; margin-bottom: 10px; color: #434a56; font-weight: 600; } .report-wrap .desc-box2 div + .tit { margin-top:22px;} .report-wrap .desc-box2 div{ font-size:13px; line-height: 20px; color: #434a56; padding-left: 10px; position: relative; margin-bottom: 10px;} .report-wrap .desc-box2 div:before { content: ''; position: absolute; left: 0; top:6px; width:5px; height: 5px; background: #8e9cb2; border-radius:100%;} .report-wrap .trophy-mine { padding:20px 10px 5px; background: #f1f1f1; border-radius:5px; margin-bottom: 30px; } .report-wrap .trophy-mine:after { content: ''; clear: both; display: block; } .report-wrap .trophy-mine div { float:left; width:33.3333%; text-align: center; margin-bottom: 15px;} .report-wrap .trophy-mine div p { font-size:11px; line-height: 13px; color: #434a56; padding-top:52px; background-repeat: no-repeat; background-position: 50% 0; background-size:34px auto;} .report-wrap .trophy-mine div.t1 p { background-image: url(../img_v3/report/ico_trophy1.png)} .report-wrap .trophy-mine div.t2 p { background-image: url(../img_v3/report/ico_trophy2.png)} .report-wrap .trophy-mine div.t3 p { background-image: url(../img_v3/report/ico_trophy3.png)} .report-wrap .trophy-mine div.t4 p { background-image: url(../img_v3/report/ico_trophy4.png)} .report-wrap .trophy-mine div.t5 p { background-image: url(../img_v3/report/ico_trophy5.png)} .report-wrap .learns { margin:15px 0;} .report-wrap .learns ul:after { display: block; content: ''; clear: both; } .report-wrap .learns ul li { float:left; width:33.33333333333%; line-height: 1.3; font-size:13px; color: #505c6f; margin-bottom:6px;} .report-wrap .learns.type2 ul li { width:50%; } .report-wrap .s-tit2-desc { font-size:13px; line-height: 20px; color: #434a56; padding:0 10px; margin-bottom: 30px;} .report-wrap .your-lv { text-align: center; margin-bottom: 60px; } .report-wrap .your-lv .lv-box { display: inline-block; vertical-align: bottom; position: relative; padding:0 10px;} .report-wrap .your-lv .lv-box .tit { position: absolute; left: 0; right:0; bottom:-19px; text-align: center; font-size:13px; color: #434a56; white-space: nowrap;} .report-wrap .your-lv .lv-box .bar { width:47px; position: relative; display: inline-block; vertical-align: bottom;} .report-wrap .your-lv .lv-box .bar i {position: absolute; left: 4px; width:38px; height: 38px; top:-50px;} .report-wrap .your-lv .lv-box .bar i:before { content: ''; position: absolute; bottom:-8px; left:50%; margin-left: -3px; width: 0; height: 0; border-style: solid; border-width: 9px 3px 0 3px; border-color: #1f4454 transparent transparent transparent; } .report-wrap .your-lv .lv-box .bar i img { width:38px; height: 38px; border-radius:100%; position: relative; z-index:2;} .report-wrap .your-lv .lv-box .bar.bar1 { height: 30px; background: #83bcbb; } .report-wrap .your-lv .lv-box .bar.bar2 { height: 47px; background: #cbb75c; } .report-wrap .your-lv .lv-box .bar.bar3 { height: 69px; background: #10a45f; } .report-wrap .your-lv .lv-box .bar.bar4 { height: 87px; background: #64739e; } .report-wrap .your-lv .lv-box .bar.bar5 { height: 110px; background: #ff6905; } .report-wrap .your-lv .lv-box .bar span { position: absolute; left: 0; right:0; bottom:4px; text-align: center; font-size:10px; color: #fff;} .report-result { text-align: center; background: #3b3d4f; padding:20px 0; margin-top:60px;} .report-result .star-box { display: block; text-align: center; font-size:15px; color: #fff; margin-bottom: 20px; } .report-result .star-box .txt { padding-bottom: 10px; } .report-result .star-box .grades img { width:30px; } .report-result .download { text-align: center; } .report-result .download a { display: inline-block; vertical-align: middle; height: 54px; line-height: 54px; border-radius:54px; font-size:18px; color: #fff; background: #00b3a0; padding:0 35px; } .report-result .download a:before{ content: ''; display: inline-block; vertical-align: middle; background: url(../img_v3/report/ico_down.png) no-repeat 0 0; width:19px; height: 18px; margin:-3px 5px 0 0;} #bottom-quick { display: none; position: fixed; left: 0; right:0; bottom:0; background: rgba(244,73,46,0.95); height: 50px; line-height: 50px; z-index:30; } #bottom-quick:before { content: ''; position: absolute; left: 50%; top:12px; bottom:12px; width:1px; background: rgba(255,255,255,0.4);} #bottom-quick a { float:left; width:50%; height: 50px; line-height: 50px; text-align: center; font-size:14px; color: #fff;} #bottom-quick a.btn-q1:before { content: ''; display: inline-block; vertical-align: middle; background: url(../img_v3/main/ico_quick1.png) no-repeat 0 0; width:20px; height: 20px; background-size:20px auto; margin:-2px 7px 0 0;} #bottom-quick a.btn-q2:before { content: ''; display: inline-block; vertical-align: middle; background: url(../img_v3/main/ico_quick2.png) no-repeat 0 0; width:20px; height: 20px; background-size:20px auto; margin:-2px 7px 0 0;} .report-wrap { padding-top:30px; } .head-user { padding:14px 15px 5px; background: #f2f2f2; text-align: center; padding-top:106px; } .head-user a { display: inline-block; vertical-align: middle; font-size:12px; color: #083245; margin:0 8px 8px; } .head-user a .pr { display: inline-block; } .head-user a .pr img { width:49px; height: 49px; border-radius:100%; border: 2px solid #083245; } .head-user a span { display: block; padding-top:5px;} .head-user a.active .pr{ position: relative;} .head-user a.active .pr:before { content: ''; position: absolute; right:0; bottom:3px; background: url(../img_v3/report/ico_profile_check.png) no-repeat 0 0; width:20px; height: 20px; } @media all and (max-width:1250px) { .head-user { padding-top:60px;} #bottom-quick { display: block; } #main-v3 { padding-top:46px;} #main-v3 .top-banner { height: auto; position: relative; margin-bottom: -1px;;} .top-banner .bx-wrapper { margin:0;} #main-v3 .top-banner .bx-controls {max-width:inherit; margin: 0;position: relative; margin-top:-15px; left: 0;} #main-v3 .top-banner .bx-wrapper .bx-pager, #main-v3 .top-banner .bx-wrapper .bx-controls-auto { padding-left: 15px; } #main-v3 .top-banner .slider-wrap { overflow: hidden;} #main-v3 .inner { padding:0 15px;} #main-v3 .top-banner .slider { background-size:cover;} #main-v3 .top-banner .slider .mobile { padding-right:70px;} #main-v3 .sticky-tabs { border-left: 0; border-right:0;} .top-request-wrap { position: absolute;margin:0; width:60px; bottom:0; right:0;background: #ff3c00; left: inherit; } .top-request .txt { display: none;} .top-request { position: static;width:100%; background: none; display: table; height: 100%;} .top-request a {height:100%; text-align: center; display: table; box-shadow:none; width:100%;} .top-request a span { display: none;} .top-request a strong { display: table-cell; vertical-align: middle; font-size:17px; color: #fff; line-height: 1.4;} #main-v3 .sticky-tabs a { font-size:12px; letter-spacing: -1px; height: 40px; line-height: 38px; } #main-v3 .title { word-break: keep-all; word-wrap: break-word; line-height: 1.3;} #new-section1, #new-section2, #new-section3, #new-section4, #new-section5 { border:0;} #new-section1 .article1 { padding:25px 10px 30px;} #new-section1 .article1 .title { font-size:20px;} #new-section1 .article1 .box p + p { margin-left: 15px;} #new-section1 .article1 .box p img { width:100px;} #new-section1 .article1 .box p span { font-size:15px;} #new-section1 .article1 .btn-box a { font-size:15px; height:40px; border-radius:40px; line-height: 39px; padding:0 20px;} #new-section1 .article2 { padding:20px; } #new-section1 .article2 ul li { padding-left: 50px; margin-bottom: 25px !important; width:100%; } #new-section1 .article2 ul li .img img { width:40px; } #new-section1 .article2 ul li div > strong { font-size:20px; } #new-section1 .article2 ul li div p { font-size:15px; line-height: 1.4; } /*#new-section1 .article2 ul li div p br { display: none; }*/ #new-section2 { padding:20px 15px 55px; } #new-section2 .article1 { margin-bottom: 30px;} #new-section2 .article1 .title { font-size:20px; } #new-section2 .article1 .feature-box .box { float:none; width:100%; padding:20px 15px; } #new-section2 .article1 .feature-box .box + .box { margin-top:15px;} #new-section2 .article1 .feature-box .box .tit { font-size:17px; margin-bottom: 15px; } #new-section2 .article1 .feature-box .box .txt { font-size:14px; line-height: 1.5; padding-top:13px;} #new-section2 .article1 .feature-box .box .img { padding:0 15%;} #new-section2 .article2 .btn-box { margin-bottom: -23px;} #new-section2 .article2 .btn-box a { width:200px; padding: 0; height: 45px; line-height: 45px; font-size:15px; } #new-section2 .article2 .btn-box a:after { width:15px; height: 8px; background-size:15px auto;} #new-section2 .article2 .mv-list { padding:35px 15px 15px;} #new-section2 .article2 .mv-list .desc { font-size:15px; } #new-section2 .article2 .mv-list .tit { font-size:15px; } #new-section2 .article2 .mv-list .mv-table table td { padding:8px 5px; font-size:13px; } /*#new-section2 .article2 .mv-list .mv-table table td:nth-child(2) { display: none; } */ #new-section3 { padding:15px; } #new-section3 .inner-section { padding-top:20px;} #new-section3 .inner-section .article { margin-bottom: 40px; padding:0 15px;} #new-section3 .inner-section .article .title { font-size:19px; margin:0 -15px 12px; padding-top:20px} #new-section3 .inner-section .article .txt { font-size:14px; line-height: 1.4; word-break: keep-all; word-wrap: break-word; } #new-section3 .inner-section .article .txt br{ display: none; } #new-section3 .article .slider-wrap { padding:0 20px;} #new-section3 .inner-section .article .bx-next { right:-30px; background-size:13px auto !important; background-position: 50% 50% !important; } #new-section3 .inner-section .article .bx-prev { left: -30px; background-size:13px auto !important; background-position: 50% 50% !important;} #new-section4 { padding: 20px 15px;} #new-section4 .article .title { font-size:20px; } #new-section4 .article .desc { padding:20px; position: relative; overflow: hidden; background-size:60px auto;} #new-section4 .article .desc .t1 { font-size:15px; } #new-section4 .article .desc .t1:before { width:40px; height: 34px; background-size:40px auto; left: 13px; top:13px;} #new-section4 .article .desc .t2 { font-size:20px; line-height: 1.2; } #new-section4 .article .desc ul li { float:none; width:100%; font-size:13px; line-height: 1.4; margin-bottom: 8px; text-indent: -12px; padding-left: 12px; word-break: keep-all; word-wrap: break-word;} #new-section4 .article .desc .btn-box { padding-top:25px; } #new-section4 .article .desc .btn-box a { height: 40px; line-height: 40px; border-radius:40px; font-size:16px;} #new-section5 { padding:20px 15px;} #new-section5 .article1 .title { font-size:20px; margin-bottom: 20px; } #new-section5 .article1 .slider-wrap { padding:0 20px; } #new-section5 .article1 .slide a { height: 142px; padding-top:30px; } #new-section5 .article1 .slide a .label {left:10px; top:10px; height: 20px; line-height: 20px; padding:0 8px; font-size:10px;} #new-section5 .article1 .slide a strong { padding-top:12px; font-size:20px; line-height: 28px; height: 68px; overflow: hidden;} #new-section5 .article1 .slide a span { padding-top:10px; font-size:13px;} #new-section5 .article1 .slide a strong:before { width:15px; height: 2px; margin-left: -8px;} #new-section5 .article1 .bx-prev { left: -25px; background-size:14px auto !important; background-position: 50% 0 !important; } #new-section5 .article1 .bx-next { right: -25px; background-size:14px auto !important; background-position: 50% 0 !important; } #new-section5 .hr { margin-bottom: 20px;} #footer-v2 { padding:15px 10px;} #main-content { padding-bottom: 0;} #new-section2 .article2 .mv-list .mv-table table td:nth-child(2) { display: none; } } @media all and (max-width:860px) { #new-section5 .etc-box .col-left { width:auto; margin-right:0;} #new-section5 .etc-box .tit { font-size:20px; margin-bottom: 10px;} #new-section5 .etc-box .col-left {display: block; margin-bottom: 20px;} #new-section5 .etc-box .col-left div { padding:0; overflow: hidden;} #new-section5 .etc-box .col-left div a { margin:0; float:left; width:25%;} #new-section5 .etc-box .col-left div a img { width:55px;} #new-section5 .etc-box .col-left div a span { font-size:13px; } #new-section5 .etc-box .col-right { display: block; width:auto; } #new-section5 .etc-box .col-right .tel { font-size:25px; } #new-section5 .etc-box .col-right .catalk .s-tit { font-size:15px; } #new-section5 .etc-box .col-right .catalk span { font-size:13px; } #new-section5 .etc-box .col-right .time { font-size:15px; } } /* Report PC */ @media all and (min-width:1250px) { .report-wrap { padding-top:120px;} } @media all and (min-width:1000px) { .report-wrap { max-width:1000px; margin: 0 auto;} .report-wrap .rpt1 h3 { font-size:28px; } .report-wrap .rpt1 .desc { font-size:15px; line-height: 22px; margin-bottom: 40px; padding-bottom: 30px;} .report-wrap h4.s-tit b { font-size:21px; } .report-wrap h4.s-tit span { top:-12px; font-size:15px; } .after:after { display: block; content: ''; clear: both; } .report-wrap .wrap-box1 { padding:0 35px; margin-bottom: 70px; } .report-wrap .wrap-box1 .graph-box1 { float:left; width:48%; } .report-wrap .wrap-box1 .col-right { float:right; width:48%; padding:0 15px; } .report-wrap .rpt1 .mean { font-size:23px; margin:0 -15px; margin-bottom: 20px; } .report-wrap .rpt1 .mean small { font-size:17px;} .report-wrap .rpt1 .kd dt { font-size:17px; } .report-wrap .rpt1 .kd dd { font-size:18px; } .report-wrap .rpt1 .kd { padding-left: 45px; } .report-wrap .rpt1 .kd1 { background-size:30px auto;} .report-wrap .rpt1 .kd2 { background-size:22px auto;} .report-wrap .rpt1 .kd3 { background-size:30px auto;} .report-wrap .desc-box { clear: both; } .report-wrap .desc-box div { font-size:16px; line-height: 24px;} .report-wrap .desc-box div:before { top:8px; width:6px; height: 6px; } .report-wrap h5.s-tit2 { margin-left: 35px;} .report-wrap h5.s-tit2 span { font-size:18px; padding-left: 30px; background-size:17px auto; } .report-wrap .wrap-box2 { padding:0 35px; margin-bottom: 70px; } .report-wrap .wrap-box2 .graph-box2 { float:left; width:48%; } .report-wrap .wrap-box2 .col-right { float:right; width:48%; padding:20px 15px 0; } .report-wrap .wrap-box2 .col-right.type1 { padding-top:50px;} .report-wrap .wrap-box2 .desc-box { clear: both; } .report-wrap .desc-box2 div { font-size:16px; line-height: 24px; } .report-wrap .desc-box2 div:before { top:8px; width:6px; height: 6px;} .report-wrap h6.s-tit3 { font-size:16px; } .report-wrap h6.s-tit3:before { width:22px; margin-left: -11px;} .report-wrap .wrap-box3 { padding:0 35px; margin-bottom: 70px;} .report-wrap .wrap-box3 .col-left { float:left; width:48%; } .report-wrap .wrap-box3 .col-right { float:right; width:48%; } .report-wrap .t-tit span { height: 33px; font-size:17px; line-height: 33px; } .report-wrap .t-table table thead th { font-size:14px; padding:12px 0;} .report-wrap .t-table table tbody td { font-size:14px; padding:12px 5px;} .report-wrap .wrap-box3 .desc-box2 { clear: both;} .report-wrap .wrap-box4 { padding:0 35px;} .report-wrap .wrap-box4 .col-left { float:left;width:47%; } .report-wrap .wrap-box4 .col-right { float:right; width:47%; } .report-wrap .ico-tit p span { font-size:17px; } .report-wrap .ico-tit p strong { font-size:21px; padding-top:6px;} .report-wrap .ico-tit.tit1 p { background-size:54px auto;} .report-wrap .ico-tit.tit2 p { background-size:49px auto; background-position:15px 0; } .report-wrap .sub-tit { font-size:18px; margin:35px 0 15px; } .report-wrap .wrap-box4 .desc-box { height: 253px; } .report-wrap .wrap-box4 .trophy-mine { height: 253px; padding-top:30px; } .report-wrap .trophy-mine div p { background-size:auto; font-size:13px; line-height: 16px; padding-top:55px;} .report-wrap .trophy-mine div.t1 p { background-image:url(../img_v3/report/ico_trophy1_pc.png); } .report-wrap .trophy-mine div.t2 p { background-image:url(../img_v3/report/ico_trophy2_pc.png); } .report-wrap .trophy-mine div.t3 p { background-image:url(../img_v3/report/ico_trophy3_pc.png); } .report-wrap .trophy-mine div.t4 p { background-image:url(../img_v3/report/ico_trophy4_pc.png); } .report-wrap .trophy-mine div.t5 p { background-image:url(../img_v3/report/ico_trophy5_pc.png); } .report-wrap .desc-box-desc { font-size:13px; margin-bottom: 50px;} .report-wrap .sub-tit2 { font-size:19px; margin-bottom: 15px; } .report-wrap .sub-tit3 { font-size:17px; line-height: 30px; } .report-wrap .learns ul li { font-size:15px; } .report-wrap .r-hr { margin-bottom: 40px;} .report-wrap .sub-tit2 span { text-align: right; font-size:13px; padding-top:15px;} .report-wrap .wrap-box5 { padding:0 35px;} .report-wrap .wrap-box5 .col-left { float:left; width:47%; } .report-wrap .wrap-box5 .col-right { float:right; width:47%; } .report-wrap .desc-box2 .tit { font-size:17px; } .report-wrap .your-lv .lv-box .bar { width:59px; } .report-wrap .your-lv .lv-box .bar.bar1 { height: 35px; } .report-wrap .your-lv .lv-box .bar.bar2 { height:57px; } .report-wrap .your-lv .lv-box .bar.bar3 { height:83px; } .report-wrap .your-lv .lv-box .bar.bar4 { height:105px; } .report-wrap .your-lv .lv-box .bar.bar5 { height:132px; } .report-wrap .your-lv .lv-box .bar i { left: 9px; width:41px; height: 41px; } .report-wrap .your-lv .lv-box .bar i img { width:41px; height: 41px; } .report-wrap .your-lv .lv-box .tit { font-size:15px; bottom:-24px;} .report-wrap .wrap-box6 { padding:0 35px;} .report-wrap .wrap-box6 .col-left { float:left; width:49%; } .report-wrap .wrap-box6 .col-right { float:right; width:47%; padding-top:20px; } .report-wrap .wrap-box7 { padding:0 35px;} .report-wrap .wrap-box7 .graph-box4 { float:left; width:49%; } .report-wrap .wrap-box7 .desc-box2 { float:right; width:47%; padding-top:20px; } .report-result { padding:40px 0;} .report-result .star-box { display: inline-block; vertical-align: middle; padding:10px 0; margin-bottom: 0; font-size:21px; padding-right:80px; margin-right:80px; border-right:1px solid #252633; } .report-result .star-box .grades img { width:auto; } .report-result .download { display: inline-block; vertical-align: middle; } } /****************************************************************************************************************************** 영문 ******************************************************************************************************************************/ body.eng #main-v3 .sticky-tabs a { width:33.333333333333333333%; } body.eng #header-v2 .top-btns a { font-size:14px; width:auto; padding:0 15px;} body.eng .top-request .txt { font-size:20px; letter-spacing: -1px;} body.eng .top-request a { width:85%} body.eng .top-request a strong { display: block;font-size:22px; line-height: 1.2; padding-top:12px; } body.eng #new-section4 .article .desc ul li:nth-child(5) { position: relative; top:-30px;} body.eng #new-section4 .article .desc .btn-box a { padding:0 20px;} @media all and (max-width:1250px) { body.eng .top-request-wrap { width:70px; } body.eng .top-request a strong { display: table-cell; font-size:12px; } body.eng #new-section2 .article1 .title { font-size:24px; } body.eng #new-section2 .article2 .mv-list .desc { font-size:14px; } body.eng #new-section4 .article .title { font-size:24px; } body.eng #new-section4 .article .desc ul li:nth-child(5) { position: static;} } /****************************************************************************************************************************** 영어 말하기 대회 ******************************************************************************************************************************/ #talk { font-weight: normal;} #talk .head { height: 310px; background: #52a8c5 url(../img/20180702/head_pc.jpg) no-repeat 50% 0; } #talk .tabs-box { border: 1px solid #c7d0dc; background: #fff; border-left: 0; border-right:0; } #talk .sticky-tabs:after { display: block; content: ''; clear: both;} #talk .sticky-tabs { } #talk .sticky-tabs a { float:left; width:20%; height: 57px; text-align: center; line-height: 56px; font-size:16px; color: rgba(57,64,93,0.7); font-family: 'NanumSquare'; } #talk .sticky-tabs a.active { color:#39405d; position: relative; font-weight: 600; font-family: 'NanumSquareRound'; } #talk .sticky-tabs a.active:before{ content: ''; position: absolute; left: 0; right:0; bottom:-1px; height:4px; background: #39405d; } #talk .sticky-wrapper { max-width:1080px; margin: 0 auto; } #talk .sticky-wrapper.is-sticky .sticky-tabs-wrap{ width:100% !important; left: 0; right:0; z-index:50 !important; background: #fff; border-bottom: 1px solid #c7d0dc; } #talk .sticky-wrapper.is-sticky .sticky-tabs { border:0; max-width:1080px; margin: 0 auto;} #talk .cont { padding:35px; background: #fff; border-radius:10px; } #talk .table1 { position: relative;} #talk .table1 table { width:100%; border-collapse: collapse; } #talk .table1 table tbody th { padding:15px 18px; text-align: left; background: #f7f7f7; font-size:18px; font-weight: 600; color: #39405d; border-bottom: 1px solid #e6e6e6 } #talk .table1 table tbody td { padding:15px 0 15px 18px; border-bottom: 1px solid #e6e6e6; font-size:18px; color: #64687a; font-weight: normal; line-height: 1.5;} #talk .table1 table tbody td .t-tit { font-weight: 600; color: #484c5d; margin-bottom: 5px;} #talk .table1 table tbody td .t-desc { font-size:14px; line-height: 1.4; color: #64687a; padding-top:8px; } #talk .table1 table tbody td .t-desc img { vertical-align: middle; } #talk .table1 table tbody td + td { border-left:1px solid #e6e6e6; } #talk .table1 table tbody td.price a { display: inline-block; vertical-align: middle; font-size:14px; color: #fff; background: #738baf; height: 26px; line-height: 26px; border-radius:26px; padding:0 15px; margin:-1px 0 0 5px;} #talk .table1 .char { position: absolute; right:0; bottom:-5px;} #talk .table2 { margin-bottom: 45px;} #talk .table2 table { width:100%; border-collapse: collapse; } #talk .table2 table thead th { padding:18px; text-align: left; font-size:18px; color: #39405d; background: #f7f7f7; border-bottom: 1px solid #e6e6e6; } #talk .table2 table tbody td { padding:18px; font-size:18px; color: #64687a; border-bottom: 1px solid #e6e6e6; line-height: 1.5; vertical-align: top; } #talk .table2 table tbody th { padding:18px; font-size:18px; color: #64687a; border-bottom: 1px solid #e6e6e6; text-align: left; line-height: 1.5; vertical-align: top; color: #39405d; } #talk .table3 table { width:100%; border-collapse: collapse; } #talk .table3 table thead th { padding:18px 10px 18px 28px; font-size:18px; color: #39405d; text-align: left; border-bottom: 1px solid #b1b8ca; } #talk .table3 table tbody th { padding:18px 10px 18px 28px; font-size:18px; color: #39405d; text-align: left; border-bottom: 1px solid #e6e6e6; background: #f7f7f7; } #talk .table3 table tbody td { padding:18px 10px 18px 28px; font-size:18px; color: #64687a; text-align: left; border-bottom: 1px solid #e6e6e6; line-height: 1.4; } #talk .inner { max-width:1080px; margin: 0 auto; } #talk .inner .title { text-align: center; padding-bottom:25px; position: relative; } #talk .inner .title span { position: absolute; right:15px; bottom:0; } #talk .inner .title span img { vertical-align: top; } #talk .c-title { position: relative; font-size:30px; color: #39405d; margin-bottom: 20px; font-weight: normal;} #talk .c-title span { position: absolute; right:0; bottom:0; opacity:0.5; font-size:18px; } #talk1 { padding:45px 10px 100px; background: url(../img/20180702/bg1.jpg); } #talk2 { padding:45px 10px 100px; background: url(../img/20180702/bg2.jpg); } #talk3 { padding:45px 10px 100px; background: url(../img/20180702/bg3.jpg); } #talk4 { padding:45px 10px 100px; background: url(../img/20180702/bg4.jpg); } #talk5 { padding:45px 10px 100px; background: url(../img/20180702/bg5.jpg); } #talk2 .tt:after { display: block; content: ''; clear: both;} #talk2 .tt { min-height: 125px; margin:10px 0 25px;} #talk2 .tt > div { float:left; width:50%; padding-left: 175px; position: relative; } #talk2 .tt .thum { position: absolute; left: 25px; top:0; } #talk2 .tt .info { padding-top:25px; } #talk2 .tt .info strong { display: block; font-size:17px; color: #39405d; margin-bottom: 10px; } #talk2 .tt .info span { font-size:17px; color: #64687a; line-height: 1.4; } #talk3 .c-desc { font-size:20px; line-height: 1.5; color: #39405d; padding-bottom: 25px; margin-bottom: 40px; border-bottom: 1px solid #d6d6d6; } #talk3 .process { text-align: center; padding-top:20px; margin-bottom: 55px; } #talk3 .process .course { margin-bottom: 42px; } #talk3 .process .btn-box a { display: inline-block; vertical-align: middle; height: 69px; line-height: 68px; font-size:26px; color: #fff; background: #693683; border-radius:69px; padding:0 40px 0 45px; margin:0 20px; } #talk3 .process .btn-box a.ico1:before { content: ''; display: inline-block; vertical-align: middle; background: url(../img/20180702/ico_play.png) no-repeat 0 0; width:19px; height: 22px; margin:-2px 9px 0 0; } #talk3 .process .btn-box a.ico2:before { content: ''; display: inline-block; vertical-align: middle; background: url(../img/20180702/ico_guide.png) no-repeat 0 0; width:21px; height: 25px; margin:-2px 9px 0 0; } #talk3 .table1 { border-top:1px solid #e6e6e6; } #talk3 .table1 .tp { padding-left: 12px; text-indent: -12px; } #talk3 .table1 .tp img { vertical-align: middle; } #talk3 .bottom { position: relative; padding-top:25px;} #talk3 .bottom .tt { padding-bottom: 25px; margin-bottom: 40px; border-bottom: 1px solid #d6d6d6; font-size:18px; line-height: 1.6; color: #64687a; } #talk3 .bottom .tt img { vertical-align: middle; } #talk3 .bottom .tt strong { color: #3f455c; } #talk3 .bottom .tg { font-size:18px; color: #64687a; } #talk3 .bottom .char { position: absolute; right:0; bottom:-15px;} #talk5 .tit-box { padding:20px 30px;} #talk5 .tit-box .tit1 { font-size:23px; color: #8b3bb7;margin-bottom: 15px; } #talk5 .tit-box .tit2 { font-size:58px; color: #39405d;margin-bottom: 25px; } #talk5 .tit-box .tit3 { font-size:16px; color: #64687a; line-height: 1.5; margin-bottom: 10px; } #talk5 .s-tit { font-size:25px; color: #39405d; font-weight: 600; padding:0 0 15px 30px; } #talk5 .form1 { margin-bottom: 40px;} #talk5 .form1 .box1 { padding:15px 30px; overflow: hidden; position: relative; font-size:18px; color: #64687a; border-top:1px solid #b1b8ca; border-bottom: 1px solid #e6e6e6; } #talk5 .form1 .box1 strong { float:left; color:#39405d; } #talk5 .form1 .box1 div { float:left; color:#39405d; margin-left: 40px; } #talk5 .form1 .box1 span { position: absolute; right:25px; } #talk5 .form1 .box2 { text-align: right; padding:15px 25px; background: #f7f7f7; font-size:18px; color: #39405d; } #talk5 .form2 .s-tit { border-bottom: 1px solid #b1b8ca; margin-bottom: 20px; } #talk5 .form2 table { width:100%; border-collapse: collapse; } #talk5 .form2 table th { text-align: left; padding-left: 30px; font-size:18px; color: #39405d; } #talk5 .form2 table td { padding:6px; height: 60px; } #talk5 .form2 table td .inp { width:310px; height: 50px; border: 1px solid #d1d1d1; font-size:20px; color: #010101; border-radius:5px; padding-left: 15px; font-weight: normal;} #talk5 .radio { position: absolute; left: -9999px; } #talk5 .radio + label {margin-right:20px; cursor: pointer;} #talk5 .radio + label em { font-size:18px; color: #000; font-style: normal;} #talk5 .radio + label span { display: inline-block; vertical-align: middle; width:24px; height: 24px; border-radius:100%; background: #f0f0f0; border: 1px solid #d1d1d1; position: relative; margin:-3px 8px 0 0; } #talk5 .radio:checked + label span:before{ content: ''; position: absolute; left: 6px; top:6px; right:6px; bottom:6px; border-radius:100%; background: #52a8c5; } #talk5 .agree { padding:30px; background: #f7f7f7; border-top:1px solid #e6e6e6; position: relative; margin-top:20px;} #talk5 .agree div + div { margin-top: 20px; } #talk5 .agree strong { position: absolute; right:30px; bottom:30px; font-size:18px; color: #39405d; } #talk5 .checkbox { position: absolute; left: -9999px; } #talk5 .checkbox + label {padding-left: 40px; position: relative; cursor: pointer; } #talk5 .checkbox + label em { font-size:18px; color: #787878; font-style: normal;} #talk5 .checkbox + label span { width:28px; height: 28px; border-radius:2px; background: #fff; border: 1px solid #d1d1d1; position: absolute; left: 0; top:-5px; } #talk5 .checkbox:checked + label span { background:#fff url(../img/20180702/checkbox.png) no-repeat 50% 50%; } #talk5 .checkbox + label a { font-size:18px; color: #1969e1; margin-left: 20px; text-decoration: underline !important; } #talk5 .btn-box { text-align: center; padding-top:40px; } #talk5 .btn-box a { display: inline-block; vertical-align: middle; height: 52px; line-height: 52px; background: #52a8c5; border-radius:52px; font-size:22px; padding:0 65px; color: #fff; } #talk .pc { display: block} #talk .mobile { display: none} @media all and (max-width:950px) { #talk .pc { display: none} #talk .mobile { display: block} #talk1, #talk2, #talk3, #talk4 { padding-bottom:40px;} #talk .cont { padding:10px 10px 20px; } #talk .head { height: 200px; background: #52a8c5 url(../img/20180702/head_mobile2.jpg) no-repeat 50% 0; background-size:auto 200px; } #talk .sticky-tabs a { font-size:12px; letter-spacing: -1px; height: 40px; line-height: 38px; } /*#talk .sticky-tabs li:nth-child(2) a { line-height: 15px; padding-top:4px; }*/ #talk .inner .title { text-align: left; padding-bottom: 0;} #talk .inner .title p img { height: 80px;} #talk .inner .title span img { height: 80px; } #talk .table1 table, #talk .table1 table tbody, #talk .table1 table tbody tr, #talk .table1 table tbody th, #talk .table1 table tbody td { display: block; font-size:13px; } #talk .table1 table tbody th { padding: 10px; } #talk .table1 table tbody td { padding: 10px; } #talk .table1 table tbody td + td { border-left: 0;} #talk .table1 table tbody td .t-desc { font-size:11px; } #talk .cacao { height: 14px; } #talk1 .table1 table tbody td.price > div { position: relative; padding-bottom: 20px; } #talk1 .table1 table tbody td.price a { position: absolute; right:0; bottom:0;} #talk1 .table1 table tbody tr:last-child td { border-bottom: 0;} #talk .table1 .char img { width:100px;} #talk .c-title { font-size:20px; padding:10px 0 0 10px; } #talk .c-title span {position: static; display: block; font-size:12px; padding-top:5px;} #talk .table2.mobile { border-top:1px solid #e6e6e6;} #talk .table2.mobile table tbody th { background: #f7f7f7; font-size:13px; text-align: center; vertical-align: middle; width:75px;} #talk .table2.mobile table tbody td { font-size:13px; padding:10px; } #talk .table2.mobile table tbody td p + p { margin-top:8px;} #talk2 .tt { margin-bottom: 0;} #talk2 .tt > div { float:none; width:100%; padding-left: 90px; min-height: 90px; padding-bottom: 25px; margin-bottom: 20px; position: relative; } #talk2 .tt > div:first-child:before { content: ''; position: absolute; left: 90px; bottom:0; height:1px; right:0; background: #f2f2f2; } #talk2 .tt > div + div { margin-bottom: 0;} #talk2 .tt .thum { left: 0;} #talk2 .tt .thum img { width:80px; } #talk2 .tt .info { padding-top:10px; } #talk2 .tt .info strong { font-size:15px; } #talk2 .tt .info span { font-size:13px; } #talk3 .c-desc { font-size:14px; padding-bottom: 15px; margin-bottom: 20px;} #talk3 .process { padding-top:5px; margin-bottom: 40px;} #talk3 .process .course .mobile img { width:270px; } #talk3 .process .btn-box a { height: 39px; line-height: 39px; border-radius:39px; font-size:14px; color: #fff; padding:0 20px; margin:0 3px;} #talk3 .process .btn-box a.ico1:before { width:12px; height: 14px; background-size:12px auto; } #talk3 .process .btn-box a.ico2:before { width:12px; height: 14px; background-size:12px auto; } #talk3 .table1 .tp { padding-left: 10px; text-indent: -10px;} #talk3 .bottom .tt { font-size:13px; padding-bottom: 20px; margin-bottom: 10px;} #talk3 .bottom .tg { font-size:13px; line-height: 1.4; padding-left: 10px;} #talk3 .bottom .char { display: none; } #talk .table3 table thead th { font-size:13px; padding:8px 10px; white-space: nowrap;} #talk .table3 table tbody th { font-size:13px; padding:8px 10px; } #talk .table3 table tbody td { font-size:13px; padding:8px 10px; } .mb60 { margin-bottom: 30px !important;} #talk5 .tit-box { padding:15px 0; } #talk5 .tit-box .tit1 { font-size:16px; } #talk5 .tit-box .tit2 { font-size:40px; } #talk5 .tit-box .tit3 { font-size:12px; } #talk5 .tit-box .tit3 p { text-indent:-9px; padding-left: 9px;} #talk5 .s-tit { padding-left: 5px; font-size:17px; } #talk5 .form1 .box1 { font-size:13px; padding: 10px; } #talk5 .form1 .box1 strong, #talk5 .form1 .box1 div { float:none; margin: 0; line-height: 1.5; } #talk5 .form1 .box1 span { right:10px; bottom:13px;} #talk5 .form1 .box2 { padding: 14px 10px; font-size:13px; } #talk5 .form2 table th { width:130px; font-size:13px; padding-left: 5px; } #talk5 .form2 table tr:nth-child(4) th { vertical-align: top; padding-top:11px; } #talk5 .form2 table td { height:40px;} #talk5 .form2 table td .inp { width:100%; height: 35px; font-size:14px; } #talk5 .radio + label { display: inline-block; vertical-align: middle;margin-top:4px; margin-bottom: 4px; } #talk5 .radio + label em { font-size:13px; } #talk5 .radio + label span { width:18px; height: 18px; } #talk5 .radio:checked + label span:before { left: 4px; top:4px; right:4px; bottom:4px;} #talk5 .agree { padding:20px 45px;} #talk5 .checkbox + label { padding-left: 0;} #talk5 .checkbox + label em { font-size:13px; } #talk5 .checkbox + label span { width:20px; height: 20px; top:0; left: -28px; } #talk5 .checkbox:checked + label span { background-size:14px auto;} #talk5 .checkbox + label a { display: block; padding-top:5px; font-size:13px; margin: 0; } #talk5 .agree strong { position: static; display: block; font-size:13px; padding-top:15px; text-align: right; margin-right:-30px;} #talk5 .btn-box { padding-top:20px;} #talk5 .btn-box a { height: 32px; line-height: 32px; font-size:15px; padding:0 40px; border-radius:32px;} }