/*
+----------------------------------------------------------------------+
| Copyright (c) STUDYMAX.  co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2018-12-18
| 파일설명 : 학습하기 -무료맛보기
+----------------------------------------------------------------------+
| 작업자 : 박소율
+----------------------------------------------------------------------+
| 수정이력
| 20181218 파닉스스쿨 적용_1차 by 박소율
| 20201124 PC 킹덤 사이트 무료맛보기 유료 학습하기 개선	by 최진영   
+----------------------------------------------------------------------+
*/
@charset "utf-8";
.posiRelative{position:relative;}

/* 무료맛보기 */
.container.freeStudyPlay{position:relative;width:1154px;min-height:500px;padding:0 0;margin: 0 auto;background:none;}
.freeStudyCon01{text-align:center;}
.studyPlayHeader{height:54px;background:#e92e1b;}
.studyPlayHeader .inner{position:relative;width:990px;margin: 0 auto;}
.studyPlayHeader .menu{position:absolute;top:3px;right:0;}
.studyPlayHeader .menu > li{position:relative;float:left;height:48px;line-height:48px;cursor:pointer;background:url('/images/front/kdtool/studyPlayMenu_bar.png') no-repeat 0 17px;}
.studyPlayHeader .menu > li:first-child{background:none;}
.studyPlayHeader .menu > li a{display:block;padding:0 33px;text-align:center;vertical-align:top;}
.studyPlayHeader .menu > li a img{margin-top:16px;}
.studyPlayHeader .studyPlayLogoPosi{position:absolute;top:8px;left:0px;}

.freeTestWrap .studyBgLayout{position: absolute;top: 0px;left: 0;width: 100%;}
.freeTestWrap .studyBgLayout .inner{height:418px;background:url('/images/front/kdtool/studyTrialBackBg_01.png') repeat-x 50% 0;}
.freeTestWrap .studyBgLayoutBottom{position: absolute;bottom: 0;left: 0;width: 100%;}/*20181214 배경위치수정*/
.freeTestWrap .studyBgLayoutBottom .innerBottom{height:2193px;background:url('/images/front/kdtool/studyTrialBackBg_02_1.png') repeat-x 50% 0;} /* 20170928 원어민 이미지 강화 by 박소율 */

.freeStudyContentsWrap .playing{position:relative;width:1039px;margin:0 auto; padding-top: 110px;}
.freeStudyContentsWrap .playingImg01{position: absolute;top: 0;left: 0;z-index:100;}
.freeStudyContentsWrap .playing .playArea{position: absolute;top: 283px;left: 47px;}
.freeStudyContentsWrap .playing .kingImg{position: absolute;top: 772px;left: 815px;}

.freeStudyContentsWrap .intro01{position:relative;}
.freeStudyContentsWrap .intro01 .introBg{position: absolute;top:150px;left:99px;width:949px;height:256px;background:url('/images/front/kdtool/studyTrialContents_3back.png') no-repeat 50% 0;}
.freeStudyContentsWrap .intro01Contents{position: absolute;top:154px;left:104px;}
.freeStudyContentsWrap .intro01Contents .textArea{width:299px;text-align:center;margin-top:17px;}
.freeStudyContentsWrap .intro01Contents li{float:left;margin-right:21px;}

.freeStudyContentsWrap .intro02{position:relative;width:1039px;margin:0 auto;}
.freeStudyContentsWrap .intro02Contents{position: absolute;top:107px;left:46px;}
.freeStudyContentsWrap .intro02Contents li{position:relative;}
.freeStudyContentsWrap .intro02Contents .landBtn{position: absolute;top:79px;right:25px;}
.freeStudyContentsWrap .intro02Contents .landMg{margin-bottom:13px;}

.freeStudyContentsWrap .introPhonics{position:relative;height: 330px; background:url('/images/front/kdtool/studyTrialBg_03_add01.png') no-repeat 50% 0; overflow: hidden}
.freeStudyContentsWrap .introPhonics li{ margin-top: 63px;}
.freeStudyContentsWrap .introPhonics .landBtn{position: absolute;top: 140px;right: 126px;}

.quickBtnPosi {position: relative;}
.quickBtnPosi .quickBtn{position: fixed; top: 460px; margin-left: 1067px;}



/* 회원가입 이벤트 레이어 팝업 */
.joinEvent{margin-bottom:-30px;position:relative;}
.joinEvent .date{position:absolute;top:329px;left:262px;text-align:right;padding-right:61px;margin-top:-8px;font-size:14px;letter-spacing:-1px;}
.joinEvent .infoForm{position:absolute;top:395px;left:35px;width:518px;height:175px;margin: 0 auto;margin-top:28px;padding-top:20px;}
.joinEvent .infoForm > li{width:330px;height:31px;margin: 0 auto;margin-top:10px;padding-left:28px;background:url('/images/front/layout/ico_joinEvent_1.png') no-repeat 0 4px;}
.joinEvent .infoForm > li:first-child{margin-top:0px;}
.joinEvent .infoForm > li .label{display:inline-block;padding-right:7px;color:#444444;font-size:14px;letter-spacing:-1px;width:55px;}
.joinEvent .infoFormBtn{position:absolute;top:588px;width:100%;text-align:center;}


.layerPop .layerTit{height:65px;line-height:60px;padding-left:12px;font-size:28px;color:#fff;font-weight:bold;letter-spacing:-1px;background:url('/images/front/layout/bg_layerTit.png') no-repeat 0 0;font-family:'Nanum Gothic', 'Dotum';}
.layerPop .layerTit img{padding:15px 0 0 20px;}
.layerPop .layerTit.titleImg img{padding:15px 0 0 0;}
.layerPop.type2{border:10px solid #000000;border-top:none;}
.layerPop.type2.br14{border:14px solid #000000;border-top:none;}
.layerPop.type2 .popClose{position:absolute;top:15px;right:2px;width:20px;height:20px;background:url('/images/front/layout/btn_popClose.png') repeat 0 0;}
.layerPop.type2 .layerTit{height:50px;line-height:50px;padding-left:5px;font-size:20px;background:#000000;}
.layerPop .mailcodeBox .mailcodeSearch{padding:20px;padding-bottom:0px;letter-spacing:-1px;}
.mailcodeSearch .search{position:relative;padding:20px;padding-left:104px;background:#f3f3f3;}
.mailcodeSearch .search .label{position:absolute;top:25px;left:20px;font-weight:normal;font-size:14px;letter-spacing:-1px;color:#444444;}
.mailcodeSearch .search input[type='text']{height:18px;width:270px;padding:5px;border:1px solid #cccccc;vertical-align:middle;}
*:first-child + HTML .mailcodeSearch .search input[type='text']{vertical-align:top;position:relative;top:-1px;margin-right:2px;}
.mailcodeSearch .search .btn{display:inline-block;vertical-align:middle;margin-left:3px;}
.mailcodeSearch .search .exTxt{padding-top:10px;color:#888888;line-height:1.5em;}
.mailcodeSearch .scrollBox{height:296px;margin-top:10px;overflow-x:hidden;overflow-y:auto;border:1px solid #dbdbdb;}

/* 영상영역 추가 */
.kd_movie {position:absolute; top:300px; left:38px; cursor:pointer;}

/* 프로그램 설치 팝업 */
.installLayerWrap {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:101;}
.installLayerWrap .layerBg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.installLayerWrap .layerInner {position:absolute; top:50%; left:50%; margin:-291px 0 0 -445px;}
.installLayerWrap .layerTitle {height:50px; line-height:50px; padding:0 17px; box-sizing:border-box; background:#000;}
.installLayerWrap .layerTitle:after {content:''; display:block; clear:both;}
.installLayerWrap .layerTitle > span {color:#fff; font-size:20px; font-weight:700;}
.installLayerWrap .layerTitle .text {float:left; letter-spacing: -1px; line-height:50px;}
.installLayerWrap .layerTitle .closeBtn {float:right; width: 20px; height: 20px; background: url(/images/front/layout/btn_popClose.png) repeat 0 0; margin-top:15px; cursor:pointer;}