@charset "utf-8";

/* ******************************************************************************************************************
	Terms And Conditions
****************************************************************************************************************** */

/* 약관 공통 스타일
================================================== */
.termsWrap {position:relative;padding-top:20px;font-family:AppleGothicNeoSD, droid sans fallback, NanumBarunGothic, sans-serif;font-size:13px;line-height:1.7;color:#333;word-break:keep-all; -webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
.termsWrap .termsContSection {}
.termsWrap a:focus {outline:2px solid #a6c8ff;}
.termsWrap > * + * {margin-top:30px;}
.termsWrap > .blind + * {margin-top:0;}
.termsWrap input[type='checkbox'],
.termsWrap input[type='checkbox'] + label {cursor:pointer;}
.termsWrap.botLogo {padding-bottom:80px;}
.termsWrap.botLogo:before {content:'';position:absolute;right:20px;bottom:20px;width:139px;height:22px;background:url('../../images/content/img_lotte.jpg') 0 0 no-repeat;}

.termsWhiteBox {padding:16px 20px 14px;background:#fff;border:1px solid #dbdbdb;font-size:13px;color:#333;}
.termsGrayBox {padding:16px 20px 14px;background:#f5f5f5;font-size:13px;color:#6e6e6e;}
.termsBoxTit {display:block;font-weight:bold;font-size:15px;color:#333;}

.termsConStit {display:block;margin-top:30px;font-size:16px;line-height:1.4;}
.termsConStit + .termsTxt,
.termsConStit + .termsList {margin-top:4px;}

.termsTxt {display:block;font-size:13px;color:#6e6e6e;}
.termsTxt + .termsList {margin-top:4px;}

.termsList > li {position:relative;padding-left:16px;font-size:13px;color:#6e6e6e;}
.termsList > li .unit {position:absolute;top:0;left:0;}
.termsList + .termsGrayBox {margin-top:30px;}

.termsDashList > li {position:relative;padding-left:10px;font-size:13px;color:#6e6e6e;}
.termsDashList > li:after {content:'';position:absolute;top:9px;left:0;width:6px;height:1px;background:#6e6e6e;}

.termsDotList li {position:relative;padding-left:9px;font-size:13px;color:#6e6e6e;}
.termsDotList li:after {content:'';position:absolute;top:8px;left:0;width:3px;height:3px;background:#6e6e6e}

.termsReferTxt {display:block;position:relative;padding-left:15px;font-size:13px;color:#6e6e6e;}
.termsReferTxt:after {content:'※';position:absolute;top:0;left:0;}

/* */
.subject {display:block;font-weight:bold;font-size:24px;text-align:center;}
.subjectItem {display:block;font-weight:bold;font-size:19px;text-decoration:underline;}

.termsTopInfo {padding:16px 20px 14px;background:#fff;border:1px solid #dbdbdb;}
.termsTopInfo .termsTxt {font-weight:bold;font-size:13px;color:#333;}

.termsAgreeWrap {}
.termsAgreeWrap > * + * {margin-top:20px;}
.termsAgreeWrap .termsGrayBox {border-top:2px solid #454545;border-bottom:1px solid #dbdbdb;}
.termsAgreeWrap .termsSection {padding:0 20px;}
.termsAgreeWrap .termsSecTit {display:block;font-weight:bold;font-size:13px;}
.termsAgreeWrap .termsReferTxt {margin-left:20px;margin-right:20px;}

.termsAgreeBottom {padding:20px 0;font-size:15px;text-align:center;}
.termsAgreeBottom .date {display:inline-block;}
.termsAgreeBottom .name {display:inline-block;position:relative;margin-left:8px;padding-left:10px;}
.termsAgreeBottom .name:after{content:'';position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-7px;background:#ccc;}

/* utils */
.fRed {color:#f00;}
.bold {font-weight:bold;}
.w30 {width:30px;}



/* 모바일 */
.pensionLayer .termsWrap {padding:0 13px;}




@media all and (max-width:414px) {

	.termsWhiteBox {padding:13px;}
	.termsGrayBox {padding:13px;}

	.subject {padding:0 14%;font-size:20px;}
	.subjectItem {font-size:15px;}

	.termsDotList li:after {top:9px;}

	.termsTopInfo {padding:13px;}
	.termsTopInfo .termsTxt {font-size:1rem;}

	.termsAgreeWrap .termsSection {padding:0;}
	.termsAgreeWrap .termsReferTxt {margin-left:0;margin-right:0;}
	.termsAgreeBottom {padding:0 0;}
	.termsAgreeBottom .date {display:block;text-align:right;}
	.termsAgreeBottom .name {display:block;margin:10px 0 0;padding:0;text-align:right;}
	.termsAgreeBottom .name:after {display:none;}
}
@media all and (max-width:360px) {
	.subject {padding:0 12%;}
}
@media all and (max-width:320px) {
	.subject {padding:0 8%;}
}




/* ******************************************************************************************************************
	IE HACK
****************************************************************************************************************** */
/* IE8 */
@media \0screen {
	
}
/* IE9 */
@media all and (min-width:0\0) and (min-resolution: .001dpcm) {
	
}
/* IE10 + IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	
}