/*
 +----------------------------------------------------------------------+
 | Copyright (c) STUDYMAX.  co. Ltd
 +----------------------------------------------------------------------+
 | 작업일 : 2017-09-27
 | 파일설명 : 킹덤 제작 이야기 CSS
 +----------------------------------------------------------------------+
 | 작업자 : bsh
 +----------------------------------------------------------------------+
 | 수정사항
 | 20171016 로직 변경 관련 CSS 수정 by bsh
 | 20171102 무료체험 키트신청 작업 추가 by 배수향
 | 20171207 무료퍼널 7차 by 박소율
 | 20171227 무료퍼널키트 레이어팝업 추가 by bsh
 | 20180208 설연휴 배송 팝업 by 박소율
 | 20180316 크로스브라우징 오류 수정 by 배수향
 | 20180514 더블클릭 개선 by 박소율
 +----------------------------------------------------------------------+
*/
@charset "utf-8";

.articlePage{font-family:NanumGothic,'나눔고딕','Dotum','돋움', sans-serif;color:#4c4c4c;padding:34px 33px 33px 27px;}
.articlePage .color_deepGray{color:#212121;}
.articlePage .color_blue{color:#5e849d;}
.articlePage .fw_bold{font-weight:700;}
.articlePage .fw_normal{font-weight:normal;}
.articlePage h2{font-size:26px;letter-spacing:-3px;font-family:NanumGothic,'나눔고딕','Dotum','돋움', sans-serif;color:#212121;}
.articlePage p.article{font-size:17px;line-height:30px;letter-spacing:-1.2px;margin-bottom:16px;}
.articlePage p.article.mgBottom_35{margin-bottom:35px;}

.articlePage .lineText li > span{font-size:18px;font-family:NanumGothic,'나눔고딕','Dotum','돋움', sans-serif;}
.articlePage .lineText .mgBottom{margin-bottom:18px;}
.articlePage h3{font-size:18px;margin-bottom:20px;letter-spacing:-1px;font-weight:700;font-family:NanumGothic,'나눔고딕','Dotum','돋움', sans-serif;}
.articlePage > blockquote {margin: 25px 8px 31px 0; border-left: 3px solid #cf8080;padding: 10px 15px 1px 15px;background-color:#f9f3f3;}
.articlePage > blockquote p.article{line-height:25px;}
.articlePage .imageArea{width:723px;text-align:center;margin:40px 0;}
.articlePage .grayLineArea{border-top:1px solid #e9e9e9; width:100%;margin: 31px 0 35px 0;}
.articlePage .subtitleMg{margin-top:10px;}
.articlePage p.article.mgBottom_27

/* 이용약관, 개인정보 버튼 */
.termsBtn{text-decoration: underline; cursor:pointer; color: inherit;}

/* 하단 form */
.bgImgOuttro{height: 766px;background: url('/images/front/aboutKd/production/article_07_1.png') no-repeat 50% 0;  } /* 회원이 아닐 경우 outtro */
.bgImgOuttroMem{height:623px; background: url('/images/front/aboutKd/production/article_09_1.png') no-repeat 50% 0;} /* 회원일 경우 outtro */

.bgImgOuttro {position: relative;}
.bgImgOuttro .fromImg{padding-top: 264px; position: relative; width: 311px; margin: 0 0 0 285px;top:-20px;}
.bgImgOuttro .formBox{ position: absolute; top: 265px; left: 0; right: 12px; }  
.bgImgOuttro .formBox .lineGap{height: 38px; margin-bottom: 6px;padding-left: 78px;width:230px;}
.bgImgOuttro .formBox input[type="text"] { height: 23px; border: 0 ; width: 220px;padding:5px 0 5px 15px; font-size:14px;background: #fcfcf9;border:1px solid #c1c1c1;}
.bgImgOuttro .formBox input.mMobile2 { width: 152px; float: left; }
.bgImgOuttro .formBox .authContactBtn2 {float: right;position:relative;top:0px;right:-6px;}
.bgImgOuttro .formBox .authContactBtn2:hover{text-decoration: none;}
.bgImgOuttro .formBox .agreeBox{text-align: left; color: #989898; font-size: 14px; position: absolute;left: 85px;top: 224px;width:250px;}
.bgImgOuttro .formBox .agreeBox a{color:#989898;text-decoration:underline;}

/* 하단 form */
.outtroFormWrap {position: relative;}
.outtroFormWrap .formImg{padding-top: 257px; position: relative; width: 330px; margin: 0 auto;}
.outtroFormWrap .formBox{ position: absolute; top: 246px; left: 10px; right: 0px; }  
.outtroFormWrap .formBox .lineGap{height: auto; overflow: hidden; margin-bottom: 7px;padding-left: 70px;}
.outtroFormWrap .formBox input[type="text"] { height: 23px; border: 0 ; width: 203px;padding:5px 15px; background: #fcfcf9;border:1px solid #c1c1c1;}
.outtroFormWrap .formBox input.mMobile2 { width: 140px; float: left;margin-right:5px }
.outtroFormWrap .formBox .authContactBtn2 {position:relative;top:0;}
.outtroFormWrap .formBox .authContactBtn2:hover{text-decoration: none;}
.outtroFormWrap .formBox .agreeBox{text-align: left; color: #989898; font-size: 15px; position: absolute;left: 0;top: 189px;}

/* 하단 form - 회원 일 경우 */
.bgImgOuttroMem {position: relative;}
.bgImgOuttroMem .formImg{padding-top: 248px; position: relative; margin-left:290px;}

/* 우측따라다니는 배너 form */
/* 20171207 무료퍼널 7차관련 수정 by 박소율 */
.quickBannerWrap{position: fixed; left: 50%; top: 320px; margin-left:525px;   width: 289px; z-index:300;}
.quickBannerWrap.on{top: 300px;}
.quickBannerWrap.stop{position:absolute;left:50%;margin-left:525px;}
.quickBannerWrap .formBox{ position: absolute; left: 25px;right: 8px;top: 163px;}
.quickBannerWrap .formBox .lineGap{height: auto; overflow: hidden; margin-bottom: 4px; padding-left: 62px;}
.quickBannerWrap .formBox .lineGap.last{margin-bottom:10px;}
.quickBannerWrap .formBox input[type="text"] { height: 18px; border: 0 ; width: 185px;background: #efefef;border-radius:5px;}
.quickBannerWrap .formBox input.mMobile { width: 130px; float: left; }
.quickBannerWrap .formBox .authContactBtn {float: right; width:48px; line-height: 30px;background: none;}
.quickBannerWrap .formBox .agreeBox{position: relative; font-size: 13px; color: #989898; padding-left: 20px; line-height: 17px;top:10px;}
.quickBannerWrap .formBox .agreeBox a{color:#989898;text-decoration:underline;}
.quickBannerWrap .formBox .agreeBox input{position: absolute; left: 0 ;top: 3px; }

.quickBannerWrap .formBox input.inputNum { width: 131px; float: left; }


/* 우측배너 신청하기 버튼 */
.freeTrialBtn{position: absolute; left: 21px; top:0;}
.freeTrialBtn.posiTop01{ top: 206px;}
.freeTrialBtn.posiTop02{ top: 228px;}

/* 우측배너 멤버 신청하기 버튼 */
.freeTrialMemBtn{position: absolute; left: 21px; top:0;}
.freeTrialMemBtn.posiTop01{ top:80px;}
.freeTrialMemBtn.posiTop02{ top:105px;}

/* 하단 신청하기 버튼 */
.freeTrialBTMBtn{position: absolute;left: 77px;top: 0;}
.freeTrialBTMBtn.posiTop01{top: 258px;}
.freeTrialBTMBtn.posiTop02{top: 292px;}

/* 하단 멤버 신청하기 버튼 */
.freeTrialMemBTMBtn{position: absolute;    left: 68px;top: 0;}
.freeTrialMemBTMBtn.posiTop01{ top: 98px;}
.freeTrialMemBTMBtn.posiTop02{top: 129px;}


 /* 회원가입 팝업 */
.layerPop.type2{border:10px solid #000000;border-top:none; width:578px;margin-top:110px; padding-bottom: 0;}
.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;color: #fff;font-weight: bold;letter-spacing: -1px;}

.infoForm{position: absolute;left: 217px;top: 471px;}
.infoForm li{margin-bottom: 10px;}
.infoForm li input{width: 228px}

/* 무료체험키트 조기 마감 레이어팝업 */
.kitLayerPop{position:absolute; margin-top: 200px;left:50%;top:50%;margin-left:-232px;margin-top:-170px}
.kitLayerPop .popClose{position:absolute;right:20px;top:15px;}

/* 설연휴 배송팝업 레이어팝업 */
.deliveryPop{position:absolute; left:50%;top:50%;margin-left:-232px;margin-top:-180px}
.deliveryPop .popClose{position:absolute;right:20px;top:115px;}


.btnDetailPosition{position:relative;right:2px;}