@charset "utf-8";

.responsive.event { margin-top: 30px; padding-bottom: 50px; }
.responsive.event h4 { margin-top: 16px; font-size: 22px; font-weight: normal; color: #333; }

/* under 4.0 */
#version-under4 .responsive.event .view-type-table tbody td .contents { width: auto; }
#version-under4 .responsive.event.winner .view-type-table tbody td .contents > img { display: block; max-width: 100%; margin: 0 auto; }
#version-under4 .responsive.event .view-type-table tbody td .contents iframe { width: 100%; }

/* hello message */
.hello-message { margin-top: 45px; font-size: 18px; color: #333; line-height: 1.389; }
.hello-message > span { font-weight: normal; }
.hello-message + .search-contents { padding-top: 22px; }

/* search contents container */
    /* filter */
    .search-contents .filter { float: left; width: 60%; }
    .search-contents .filter .radio.array { }
    .search-contents .filter .radio.array > li { }
    .search-contents .filter .radio.array > li:before { display: inline-block; margin-right: 10px; color: #d1d1d1; vertical-align: middle; }
    .search-contents .filter .radio.array > li > label { padding: 0; }
    .search-contents .filter .radio.array > li > input[type=radio]:checked + label { font-weight: normal; color: #a50034; }
    .search-contents .filter .radio.array > li > label:before { content: none; }

    .search-contents .filter .array.selecting > li > a { font-size: 16px; }

    /* sorting */
    .search-contents .sorting { float: right; }

    /* search word */
    .search-contents .search-word { float: right; width: 40%; }
    .search-contents .search-word.phone { width: 100%; }
    .search-contents .search-word.phone em { color: #dc1e58; }
    /*20160825 수정 */
    .search-contents .search-word.search-date { width: 70%; }
    .search-contents .search-word.search-date .with-btn input{ vertical-align: top; height:33px}


/* list-type-event */
.responsive.event h4 + .list-type-event { margin-top: 16px; }
.responsive.event .search-contents + .list-type-event { margin-top: 10px; }
.list-type-event { overflow: hidden; margin-top: 30px; }
.list-type-event > li { float: left; width: 23.5%; margin-right: 2%; margin-bottom: 30px; }

@media \0screen {
	.list-type-event {width:102%;}
	.list-type-event > li {width: 23%;}
}

.list-type-event > li.none { float: none; width: 100%; padding: 80px 0; font-size: 18px; text-align: center; border: 0px none; }
.list-type-event > li.none em { color: #a50034; text-decoration: underline; }
.list-type-event > li:nth-child(4n+4) { margin-right: 0px; }
.list-type-event .event-item { display: block; text-decoration: none; border: 1px solid #ccc; }
.list-type-event .event-item > .thumb { position: relative; height: 120px; line-height: 120px; background-color: #e5e5e5; }
.list-type-event .event-item > .thumb img { display: inline-block; max-height: 100%; height: auto; max-width: 100%; width: auto; }
.list-type-event .event-item > .info { padding: 20px 20px 26px 20px; }
.list-type-event .event-item > .info .badge { display: inline-block; padding: 0 10px; font-size: 12px; font-weight: normal; color: #ffffff; line-height: 19px; background-color: #39c2b7; }
.list-type-event .event-item > .info .badge.online { background-color: #f36f23; }
.list-type-event .event-item > .info .title { display: block; overflow: hidden; height: 44px; margin-top: 7px; font-size: 16px; font-weight: lighter; color: #333; line-height: 1.375; }
.list-type-event .event-item > .info .duration { display: block; margin-top: 13px; }

/* event detail - old data */
.ltt-container.view .view-type-table .contents div[style*="670"] { margin: 0 auto; text-align: center; }
.ltt-container.view .view-type-table iframe { display: block; margin: 0 auto; }


/* event monthly template */
.event-monthly-template { text-align: center; }
	.event-monthly-template > h1 { display: none; }

	/* event-monthly-template intro */
	.event-monthly-template .summary-visual img { width: 100%; }
	.event-monthly-template .summary-visual figcaption { display: none; }
	.event-monthly-template .summary-info { padding: 40px 0 50px 0; font-size: 18px; color: #333; line-height: 1.667; background-color: #ffd7e7; }
	.event-monthly-template .summary-info strong { font-weight: normal; }
	.event-monthly-template .summary-info .detail-info { display: table; table-layout: fixed; width: 100%; margin-top: 35px; }
	.event-monthly-template .summary-info .detail-info > p { display: table-cell; position: relative; font-size: 24px; line-height: 1.417; border-left: 1px solid #c3abb5; }
	.event-monthly-template .summary-info .detail-info > p:before { content: ''; display: block; margin: 0 auto 23px auto; height: 130px; width: 190px; background-image: url('/lgekor/asset/images/web/event/bg_event_info.png'); }
	.event-monthly-template .summary-info .detail-info > p:first-child { border-left: 0px none; }
	.event-monthly-template .summary-info .detail-info > p.period:before { background-position: 0px 0px; }
	.event-monthly-template .summary-info .detail-info > p.announcement:before { background-position: -190px 0px; }
	.event-monthly-template .summary-info .detail-info > p.howto:before { background-position: -380px 0px; }
	.event-monthly-template .summary-info .detail-info strong { display: block; margin-bottom: 9px; }
	.event-monthly-template .summary-info .detail-info small { display: block; font-size: 18px; }
	.event-monthly-template .summary-info .btn-submit { display: inline-block; margin: 35px auto 0 auto; padding: 0 60px; font-size: 24px; font-weight: normal; color: #fff; text-align: center; text-decoration: none; line-height: 2.667; border-radius: 5px; background-color: #a50034; }

	/* event-monthly-template contents */
		/* toggle title */
		.toggle-contents .title { padding-left: 50px; font-size: 22px; font-weight: lighter; }
		.toggle-contents .title.icon:before { right: 50px; }
		.toggle-contents .title .icon.confirm { display: inline-block; margin-top: -1px; margin-right: 10px; color: #818386; vertical-align: top; }


		/* input, select */
		input[type=text], input[type=password] {
		    box-sizing: border-box; height: 40px; padding-left: 10px; font-size: 18px; line-height: 2.111; vertical-align: middle; border: 1px solid #b4bec8; border-radius: 5px; background-color: #f6f7f9;
		}
		select { display: inline-block; height: 40px; min-width: 100px; padding: 10px 13px 8px 15px; font-size: 18px; color: #333; vertical-align: middle; border: 1px solid #b4bec8; border-radius: 5px; background: #f6f7f9 url('http://www.lge.co.kr/lgekor/asset/images/web/common/bg_select01.png') right center no-repeat; }
		input[type="checkbox"] + label { position: relative; padding-left: 25px; }
 		input[type="checkbox"] + label:before {content:''; display: block; position: absolute; top: 50%; left: 0; margin-top: -12px; }


		/* title */
		.event-monthly-template > .title {  background: url('/lgekor/asset/images/web/event/monthly01.jpg') left top no-repeat; background-size: 100%; }
		.event-monthly-template > .title:before { content: ''; display: block; padding-top: 27.5%; }
		.event-monthly-template > .title > .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; }
		.event-monthly-template > .title h1,
		.event-monthly-template > .title p { display: none; }

		/* contents */
		.event-monthly-template .toggle-contents .content { padding: 0 50px 50px 50px; text-align: left; background-color: #f4f6f7; }
		.event-monthly-template .toggle-contents .content > h1 { display: none; }
		.event-monthly-template .toggle-contents .content > p { padding: 24px 0 13px 0; font-size: 18px; color: #333; line-height: 1.556; }
		.event-monthly-template .toggle-contents .content > p > em { font-weight: normal; color: #d80546; }

		.event-monthly-template .forms { padding-top: 27px; border-top: 2px solid #888; }
		.event-monthly-template .forms.no-line { border-top: 0px none; }
		.event-monthly-template .forms > p { font-size: 18px; color: #333; }
		.event-monthly-template .forms > .box { margin-top: 10px; border: 1px solid #dcdcdc; background-color: #fff; }
		.event-monthly-template .forms > .box .box-title { position: relative; margin-bottom: -1px; padding: 0 30px; font-size: 18px; color: #333; line-height: 2.778; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }
		.event-monthly-template .forms > .box .box-title:first-child { border-top: 0px none; }
		.event-monthly-template .forms > .box .box-title .required { color: #d80546; }
		.event-monthly-template .forms > .box .box-title button { display: block; position: absolute; top: 50%; right: 15px; z-index: 1; width: 50px; margin-top: -25px; line-height: 50px; }

		.event-monthly-template .forms > .box .box-content { overflow: auto; height: 68px; margin: 10px 30px; padding-top: 6px; padding-bottom: 6px; font-size: 14px; color: #666; line-height: 1.714; }
		.event-monthly-template .forms > .box .box-content.no-scroll { height: auto; }

		.event-monthly-template .forms > .btns { padding-top: 30px; text-align: center; }
		.event-monthly-template .forms > .btns a { display: inline-block; padding: 0 52px; font-size: 20px; font-weight: normal; color: #fff; text-align: center; text-decoration: none; line-height: 2.8; border-radius: 6px; background-color: #a50034; }

		/* join message */
		.event-monthly-template .join-message {  }
		.event-monthly-template .join-message strong { display: block; margin-bottom: 3px; font-size: 22px; font-weight: normal; color: #333; }
		.event-monthly-template .join-message mark { color: #e24841; }

		/* join info */
		.event-monthly-template .join-forms { overflow: hidden; margin-top: 10px; padding: 14px 30px; border: 1px solid #dcdcdc; background-color: #fff; }
		.event-monthly-template .join-forms p { float: left; width: 50%; }
		.event-monthly-template .join-forms p > label { display: inline-block; width: 100px; font-size: 18px; color: #333; line-height: 2.222; text-align: center; }
		.event-monthly-template .join-forms p .txt_name { width: 230px; }
		.event-monthly-template .join-forms p .txt_hp { width: 110px; }

		/* purchase wish list */
		.purchase-wish-list { overflow: hidden; margin-top: 12px; border: 2px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; background-color: #fff; }
		.purchase-wish-list > li { display: block; box-sizing: border-box; position: relative; float: left; width: 50%; padding: 0; border-bottom: 1px solid #dcdcdc; }
		.purchase-wish-list > li:nth-child(odd) { border-right: 1px solid #dcdcdc; }
		.purchase-wish-list > li > label { display: block; padding: 9px 0 9px 55px; font-size: 18px; line-height: 2.222; }
		.purchase-wish-list > li > label:before { left: 30px; }
		.purchase-wish-list > li > input[type=checkbox]:checked + label { background-color: #fdf6c6; }
		.purchase-wish-list > li > input[type=checkbox]:checked ~ .select { border-left: 0px; }
		.purchase-wish-list > li > .select { display: block; position: absolute; top: 0; right: 0; width: 50%; padding: 9px 0; text-align: center; border-left: 1px solid #dcdcdc; }
		.purchase-wish-list > li > .select select { width: 73.260%; }
		.purchase-wish-list > li.etc { width: 100%; }
		.purchase-wish-list > li.etc > .select { box-sizing: border-box; width: 87.409%; padding-right: 3.153%; padding-left: 3.153%; text-align: center; border: 0px none; }
		.purchase-wish-list > li.etc > .select input[type=text] { width: 100%; }

		/* choose branch */
		.event-monthly-template .branch-forms { overflow: hidden; margin-top: 10px; padding: 14px 30px; font-size: 18px; line-height: 2.222; border: 1px solid #dcdcdc; background-color: #fff; }
		.event-monthly-template .branch-forms p { float: left; width: 50%; }
		.event-monthly-template .branch-forms .th {  }
		.event-monthly-template .branch-forms .th:before { content: ''; display: inline-block; height: 3px; width: 3px; margin-right: 9px; vertical-align: middle; background-color: #4c4c4c; }
		.event-monthly-template .branch-forms strong { margin-right: 15px; margin-left: 15px; font-weight: normal; }
		.event-monthly-template .branch-forms .adjust { padding-left: 15px; }
		.event-monthly-template .branch-forms select { min-width: auto; }


		/* complete confirm */
		.event-monthly-template .confirm { margin-top: 27px; }
		.event-monthly-template .confirm em { font-size: 18px; font-weight: normal; }
		.event-monthly-template .confirm ul.noti { margin-top: 6px; }
		.event-monthly-template .confirm ul.noti > li { font-size: 16px; line-height: 1.625; }


/* maintenance event benefit template */
.event-benefit-template { }
	.event-benefit-template > h1 { display: none; }

	.event-benefit-template .summary-visual { padding: 0; }
	.event-benefit-template .summary-visual img { width: 100%; }
	.event-benefit-template .summary-visual .info { overflow: hidden; }
	.event-benefit-template .summary-visual .info .feature { display: none; }
	.event-benefit-template .summary-visual .info .desc { display: block; box-sizing: border-box; float: left; width: 50%; font-size: 22px; color: #333; line-height: 4.456; text-align: center; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; background-color: #d9e4e7; }
	.event-benefit-template .summary-visual .info .desc.duration { border-left: 2px solid #ccc; }
	.event-benefit-template .summary-visual .info .desc.channel { border-right: 2px solid #ccc; }
	.event-benefit-template .summary-visual .info .desc > em:after { content: '|'; font-size: 20px; color: #9ca2a3; margin-right: 10px; margin-left: 20px; }

	.event-benefit-template .event-benefit { position: relative; padding: 0 50px 30px 50px; }
	.event-benefit-template .event-benefit:before { content: ''; display: block; position: absolute; top: 11px; left: 50px; height: 129px; width: 118px; background-image: url('/lgekor/asset/images/web/event/bg_event_benefit01.png'); background-repeat: no-repeat; }
	.event-benefit-template .event-benefit.benefit01 { background-color: #f55d65; }
	.event-benefit-template .event-benefit.benefit01:before { background-position: 0px 0px; }
	.event-benefit-template .event-benefit.benefit02 { background-color: #1cb8b6; }
	.event-benefit-template .event-benefit.benefit02:before { background-position: -118px 0px; }
	.event-benefit-template .event-benefit.benefit03 { background-color: #9ab81c; }
	.event-benefit-template .event-benefit.benefit03:before { background-position: -236px 0px; }
	.event-benefit-template .event-benefit > h1 { height: 110px; padding: 40px 0 0 148px; font-size: 34px; font-weight: normal; color: #fff; vertical-align: middle; }
	.event-benefit-template .event-benefit > h1 > small { display: block; font-size: 22px; font-weight: lighter; }
	.event-benefit-template .event-benefit .inner { padding: 20px 40px 20px 40px; background-color: #f1f1f1; }
	.event-benefit-template .event-benefit .message { padding-left: 100px; font-size: 22px; color: #333; line-height: 1.364; }
	.event-benefit-template .event-benefit .message > strong { font-weight: normal; color: #d80546; }
	.event-benefit-template .event-benefit .detail-benefit { position: relative; overflow: hidden; padding: 15px 60px 15px 65px; }
	.event-benefit-template .event-benefit.benefit01 .detail-benefit + .message { padding-top: 10px; border-top: 1px solid #f55d65; }
	.event-benefit-template .event-benefit.benefit01 .detail-benefit + .detail-benefit { border-top: 1px solid #f55d65; }
	.event-benefit-template .event-benefit.benefit02 .detail-benefit + .detail-benefit { border-top: 1px solid #1cb8b6; }

	.event-benefit-template .event-benefit.benefit03 > h1 { padding-top: 60px; height: 90px; }
	.event-benefit-template .event-benefit.benefit03 .message { display: inline-block; margin-top: 50px; padding-left: 40px; line-height: 1.818; }
	.event-benefit-template .event-benefit.benefit03 .message .small { font-size: 18px; }

	.event-benefit-template .event-benefit .list-models { position: absolute; right: 60px; bottom: 40px; }
	.event-benefit-template .event-benefit .list-models > li { overflow: hidden; font-size: 18px; color: #333; line-height: 1.667; }
	.event-benefit-template .event-benefit .list-models > li > a { position: relative; float: right; margin-left: 30px; padding-right: 12px; font-size: 16px; color: #333; text-decoration: underline; }
	.event-benefit-template .event-benefit .list-models > li > a:after { content: '>'; position: absolute; right: 0px; color: #d80546; text-decoration: none; }


/* event sns template */
.event-sns-template { text-align: center; }
	.event-sns-template > h1 { display: none; }

	/* event-sns-template intro */
	.event-sns-template .summary-visual img { width: 100%; }
	.event-sns-template .summary-visual figcaption { display: none; }
	.event-sns-template .summary-info { padding: 40px 0 40px 0; font-size: 18px; color: #333; line-height: 1.667; background-color: #ffd7e7; }
	.event-sns-template .summary-info strong { font-weight: normal; }
	.event-sns-template .summary-info .detail-info { display: table; table-layout: fixed; width: 100%; }
	.event-sns-template .summary-info .detail-info > p { display: table-cell; position: relative; font-size: 24px; line-height: 1.417; border-left: 1px solid #c3abb5; }
	.event-sns-template .summary-info .detail-info > p:before { content: ''; display: block; margin: 0 auto 23px auto; height: 130px; width: 190px; background-image: url('/lgekor/asset/images/web/event/bg_event_info.png'); }
	.event-sns-template .summary-info .detail-info > p:first-child { border-left: 0px none; }
	.event-sns-template .summary-info .detail-info > p.period:before { background-position: 0px 0px; }
	.event-sns-template .summary-info .detail-info > p.announcement:before { background-position: -190px 0px; }
	.event-sns-template .summary-info .detail-info > p.howto:before { background-position: -380px 0px; }
	.event-sns-template .summary-info .detail-info strong { display: block; margin-bottom: 9px; }
	.event-sns-template .summary-info .detail-info small { display: block; font-size: 18px; }
	.event-sns-template .summary-info .btn-submit { display: inline-block; margin: 35px auto 0 auto; padding: 0 60px; font-size: 24px; font-weight: normal; color: #fff; text-align: center; text-decoration: none; line-height: 2.667; border-radius: 5px; background-color: #a50034; }

	.event-sns-template .event-sns { position: relative; padding: 37px 50px 50px 50px; text-align: center; border-top: 1px solid #cdcdcd; }
	.event-sns-template .event-sns .badge { display: block; position: absolute; top: 0; left: 0; height: 94px; width: 94px; text-indent: -9999px; background: url('/lgekor/asset/images/web/event/badge_quiz.png') left top no-repeat; }
	.event-sns-template .event-sns .question { font-size: 24px; color: #333; }
	.event-sns-template .event-sns .title { margin-top: 8px; font-size: 36px; font-weight: normal; color: #333; }
	.event-sns-template .event-sns .choose-answer { position: relative; overflow: hidden; margin-top: 34px; padding: 30px 0; border: 2px solid #de296b; }
	.event-sns-template .event-sns .choose-answer input[type=radio] { position: absolute; top: -30px; left: -30px; }
	.event-sns-template .event-sns .choose-answer input[type=radio] + label { display: inline-block; position: relative; margin: 0 5%; padding-left: 40px; font-size: 30px; font-weight: normal; color: #222; text-align: left; }
	.event-sns-template .event-sns .choose-answer input[type=radio] + label:before { content: ''; display: block; position: absolute; top: 50%; left: 0; height: 28px; width: 28px; margin-top: -14px; background: url('/lgekor/asset/images/web/event/template_radio.png') left top no-repeat; }
	.event-sns-template .event-sns .choose-answer input[type=radio]:checked + label:before { background-position: -28px 0; }
	.event-sns-template .event-sns .tip { margin-top: 30px; font-size: 18px; color: #333; }
	.event-sns-template .event-sns .ttalk-container { margin-top: 47px; border: 40px solid #e0e0e0; border-right: 50px solid #e0e0e0; border-left: 50px solid #e0e0e0; background-color: #fff; }


	/* 응모 팝업 */
	.sns-template { }
	.sns-template .poptit em { color: #e24841; }
	.sns-template .forms { border-top: 2px solid #333; }
	.sns-template .forms input[type=text], input[type=password] { box-sizing: border-box; height: 40px; width: 88px; padding-left: 10px; font-size: 18px; line-height: 2.111; vertical-align: middle; border: 1px solid #b4bec8; border-radius: 5px; background-color: #f6f7f9; }
	.sns-template .forms select { display: inline-block; height: 40px; min-width: 138px; padding: 10px 12px 8px 15px; font-size: 18px; color: #333; vertical-align: middle; border: 1px solid #b4bec8; border-radius: 5px; background: #f6f7f9 url('/lgekor/asset/images/web/common/bg_select01.png') right center no-repeat; }
	.sns-template .forms { overflow: hidden; padding: 0px 0px 20px 0px; }
	.sns-template .forms label { min-width: 80px; font-size: 18px; }
	.sns-template .forms .controls { float: left; padding: 13px 0; }
	.sns-template .forms .controls.bottom { clear: both; float: none; width: 100%; border-top: 1px solid #c1c1c1; border-bottom: 2px solid #333; }
	.sns-template .forms input.name { width: 198px; }
	.sns-template .forms input.tel { width: 88px; }
	.sns-template .forms label.tel { margin-left: 55px; }
	.sns-template .forms input.email { width: 198px; }
	.sns-template .forms input.domain,
	.sns-template .forms select.domain { width: 138px; }
	.sns-template .forms > .box { margin: 13px 0px 0 0px; border: 1px solid #dcdcdc; background-color: #fff; }
	.sns-template .forms > .box .box-title { position: relative; margin-bottom: -1px; padding: 0 20px; font-size: 16px; color: #333; line-height: 50px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }
	.sns-template .forms > .box .box-title:first-child { border-top: 0px none; }
	.sns-template .forms > .box .box-content { overflow: auto; height: 68px; margin: 10px 20px; padding-top: 6px; padding-bottom: 6px; font-size: 14px; color: #666; line-height: 1.714; }
	.sns-template .forms > .btns { text-align: center; }
	.sns-template .forms > .btns a { display: inline-block; padding: 0 52px; font-size: 20px; font-weight: normal; color: #fff; text-align: center; text-decoration: none; line-height: 2.8; border-radius: 6px; background-color: #a50034; }

	/* event warning */
	.warning { padding: 35px 70px 35px 70px; color: #fff; text-align: left; background-color: #31323e; }
	.warning > h1 { font-size: 26px; font-weight: lighter; color: #fff; }
	.warning ul { margin-top: 9px; }
	.warning li { font-size: 16px; line-height: 2; }


	/* search winner */
	.search-winner { width: 638px; margin: 0 auto 20px auto; text-align: center; border: 1px solid #bbb; }
	.search-winner p { font-size: 16px; line-height: 98px; background-color: #fff; }
	.search-winner p em { color: #d80546; }
	.search-winner fieldset { padding: 32px 0; background-color: #eee; }
    .search-winner input[type=text] { height: 32px; width: 200px; padding: 0px; font-size: 14px; color: #333; line-height: 2.143; text-align: center; vertical-align: middle; border: 1px solid #b4bec8; border-radius: 5px; background-color: #f6f7f9; }
	.search-winner fieldset .btn-search { height: 32px; min-width: 80px; padding: 0 10px; font-size: 14px; color: #fff; line-height: 2.286; vertical-align: middle; border-radius: 5px; background-color: #a50034; }

/* 상세페이지 */
.event-view-wrap {margin-top:30px !important;}
.event-view-wrap .view-type-table {margin-top:0 !important;}

/** responsive **/

/* 1200 ~, 1200 ~ 1599 */
@media (min-device-width: 1200px) and (max-width: 1600px){
}

/* 736 ~ 1199 */
@media (min-device-width: 767px) and (max-width: 1199px) {

	.responsive.product-contents h4 { margin-top: 41px; font-size: 20px; }

	/* hello message */
	.hello-message { margin-top: 35px; font-size: 16px; }
	.hello-message + .search-contents { padding-top: 11px; }

	/* search contents container */
	    /* filter */
	    .search-contents .filter { float: left; width: 70%; }

	    /* search word */
	    .search-contents .search-word { float: right; width: 30%; }
 	    .search-contents .search-word input[type=text] { width: 200px; }

	/* list-type-event */
	.responsive.event h4 + .list-type-event { margin-top: 16px; }
	.list-type-event { }
	.list-type-event > li { width: 282px; margin-right: 57px; }
	.list-type-event > li:nth-child(4n+4) { margin-right: 57px; }
	.list-type-event > li:nth-child(3n+3) { margin-right: 0px; }

	/* list-type-event */
	.list-type-event .event-item > .info .title { height: 38px; margin-top: 7px; font-size: 14px; }
	.list-type-event .event-item > .info .duration { margin-top: 13px; font-size: 12px; }


	/* maintenance event monthly template */
	.event-monthly-template { }
		.event-monthly-template h1 { }
		.event-monthly-template .summary-info { padding: 35px 0 45px 0; font-size: 16px; }
		.event-monthly-template .summary-info .detail-info { margin-top: 30px; }
		.event-monthly-template .summary-info .detail-info > p { font-size: 22px; }
		.event-monthly-template .summary-info .detail-info > p:before { margin: 0 auto 20px auto; }
		.event-monthly-template .summary-info .detail-info small { font-size: 16px; }
		.event-monthly-template .summary-info .btn-submit { margin: 31px auto 0 auto; padding: 0 54px; font-size: 22px; }


		/* event-monthly-template contents */
			/* toggle title */
			.toggle-contents .title { font-size: 20px; }


			/* input, select */
			input[type=text], input[type=password] { font-size: 18px; }
			select { display: inline-block; height: 40px; min-width: 100px; padding: 10px 13px 8px 15px; font-size: 16px; }
			input[type="checkbox"] {display: inline-block; vertical-align: middle; position: fixed; left: -9999px; top: 0; }
			input[type="checkbox"] + label { position: relative; padding-left: 25px; }
			input[type="checkbox"] + label:before {content:''; display: block; position: absolute; top: 50%; left: 0; margin-top: -12px; }


			/* title */

			/* contents */
			.event-monthly-template .toggle-contents .content { padding: 0 50px 50px 50px; }
			.event-monthly-template .toggle-contents .content > p { font-size: 16px; }

			.event-monthly-template .forms { padding-top: 27px; border-top: 2px solid #888; }
			.event-monthly-template .forms.no-line { border-top: 0px none; }
			.event-monthly-template .forms > p { font-size: 16px; color: #333; }
			.event-monthly-template .forms > .box { }
			.event-monthly-template .forms > .box .box-title { font-size: 16px; }
			.event-monthly-template .forms > .box .box-title button { display: block; position: absolute; top: 50%; right: 15px; z-index: 1; width: 50px; margin-top: -25px; line-height: 50px; }

			.event-monthly-template .forms > .box .box-content { overflow: auto; height: 68px; font-size: 12px; }
			.event-monthly-template .forms > .box .box-content.no-scroll { height: auto; }

			.event-monthly-template .forms > .btns { }
			.event-monthly-template .forms > .btns a { padding: 0 42px; font-size: 18px; }

			/* join message */
			.event-monthly-template .join-message {  }
			.event-monthly-template .join-message strong { display: block; margin-bottom: 3px; font-size: 22px; font-weight: normal; color: #333; }
			.event-monthly-template .join-message mark { color: #e24841; }

			/* join info */
			.event-monthly-template .join-forms { }
			.event-monthly-template .join-forms p { }
			.event-monthly-template .join-forms p > label { font-size: 16px; }
			.event-monthly-template .join-forms p .txt_name { width: 184px; }
			.event-monthly-template .join-forms p .txt_hp { width: 88px; }

			/* purchase wish list */
			.purchase-wish-list { }
			.purchase-wish-list > li { }
			.purchase-wish-list > li:nth-child(odd) { }
			.purchase-wish-list > li > label { display: block; padding: 12px 0 12px 55px; font-size: 16px; }
			.purchase-wish-list > li > label:before { left: 24px; }
			.purchase-wish-list > li > input[type=checkbox]:checked + label { }
			.purchase-wish-list > li > input[type=checkbox]:checked ~ .select { }
			.purchase-wish-list > li > .select { }
			.purchase-wish-list > li > .select select { }
			.purchase-wish-list > li.etc { }
			.purchase-wish-list > li.etc > .select { }
			.purchase-wish-list > li.etc > .select input[type=text] { }

			/* choose branch */
			.event-monthly-template .branch-forms { font-size: 16px; }
			.event-monthly-template .branch-forms p { width: 45%; }
			.event-monthly-template .branch-forms p + p { width: 55%; }


			/* complete confirm */
			.event-monthly-template .confirm { }
			.event-monthly-template .confirm em { font-size: 16px; }
			.event-monthly-template .confirm ul.noti { }
			.event-monthly-template .confirm ul.noti > li { font-size: 14px; }


	/* maintenance event benefit template */
	.event-benefit-template { }
		.event-benefit-template > h1 { }
		.event-benefit-template .summary-visual { }
		.event-benefit-template .summary-visual .info { }
		.event-benefit-template .summary-visual .info .desc { font-size: 20px; }

		.event-benefit-template .event-benefit { position: relative; padding: 0 50px 30px 50px; }
		.event-benefit-template .event-benefit:before { content: ''; display: block; position: absolute; top: 11px; left: 50px; height: 103px; width: 94px; background-size: 285px 103px; }
		.event-benefit-template .event-benefit.benefit01:before { background-position: 0px 0px; }
		.event-benefit-template .event-benefit.benefit02:before { background-position: -95px 0px; }
		.event-benefit-template .event-benefit.benefit03:before { background-position: -190px 0px; }
		.event-benefit-template .event-benefit > h1 { height: 90px; padding: 30px 0 0 118px; font-size: 32px; }
		.event-benefit-template .event-benefit > h1 > small { font-size: 20px; }
		.event-benefit-template .event-benefit .inner { padding: 20px 40px 0 40px; background-color: #f1f1f1; }
		.event-benefit-template .event-benefit .message { padding-left: 90px; font-size: 20px; }
		.event-benefit-template .event-benefit .detail-benefit { position: relative; overflow: hidden; padding: 15px 48px 15px 52px; }
		.event-benefit-template .event-benefit .detail-benefit > img { }
		.event-benefit-template .event-benefit.benefit03 > h1 { height: 75px; padding: 45px 0 0 118px; font-size: 32px; }
		.event-benefit-template .event-benefit.benefit03 .message .small { font-size: 16px; }

		.event-benefit-template .event-benefit .list-models { position: absolute; right: 0px; bottom: 40px; }
		.event-benefit-template .event-benefit .list-models > li { font-size: 16px; }
		.event-benefit-template .event-benefit .list-models > li > a { margin-left: 20px; padding-right: 10px; font-size: 14px; }


	/* event sns template */
	.event-sns-template { }
		.event-sns-template > h1 { }

		/* event-sns-template intro */
		.event-sns-template .summary-info { padding: 35px 0 35px 0; font-size: 16px; }
		.event-sns-template .summary-info .detail-info { }
		.event-sns-template .summary-info .detail-info > p { font-size: 22px; }
		.event-sns-template .summary-info .detail-info small { font-size: 16px; }

		.event-sns-template .event-sns { padding: 37px 50px 50px 50px; }
		.event-sns-template .event-sns .question { font-size: 22px; }
		.event-sns-template .event-sns .title { margin-top: 8px; font-size: 34px; }
		.event-sns-template .event-sns .choose-answer { margin-top: 34px; padding: 30px 0; }
		.event-sns-template .event-sns .choose-answer input[type=radio] + label { margin: 0 5%; padding-left: 40px; font-size: 28px; }
		.event-sns-template .event-sns .tip { margin-top: 30px; font-size: 16px; }

	.responsive.event .warning { padding: 31px 63px 31px 63px; }
	.responsive.event .warning > h1 { font-size: 24px; }
	.responsive.event .warning ul { margin-top: 9px; }
	.responsive.event .warning li { font-size: 14px; }

}



/* ~ 1023 - products usp area */
@media (min-device-width: 768px) and (max-width: 1023px) {

}

/* mobile area */
@media
/* only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width : 1200px), */
only screen and (max-device-width: 767px) {

	.responsive.event { margin-top: 0px; padding-bottom: 0px; }

		/* hello message */
		.hello-message { }
		.hello-message + .search-contents { padding-top: 0px; }


	/* search contents container */
	    /* filter */
	    .search-contents .filter { float: left; width: 50%; }
	    .search-contents .filter .radio.array > li > label { padding-left: 20px; }

        /* sorting */
        .search-contents .sorting { float: right; box-sizing: border-box; padding: 6px 20px 6px 0; border-bottom: 1px solid #e0e0e0; }

	    /* search word */
	    .search-contents .search-word { float: right; width: 50%; }
	    .search-contents .search-word input[type=text] { width: 70%; }

	.responsive.event .ltt-container { padding-bottom: 50px; }

	/* list-type-event */
	.responsive.event h4 + .list-type-event { margin-top: 0px; }
	.responsive.event .search-contents + .list-type-event { margin-top: 0px; }
	.list-type-event { overflow: hidden; margin: 0; background-color: #f3f3f3; }
	.list-type-event > li { float: none; box-sizing: border-box; width: 100%; margin: 0; padding: 20px 20px 0 20px; }
	.list-type-event > li.none { font-size: 16px; }
	.list-type-event > li:nth-child(4n+4) { margin-right: 0px; }
	.list-type-event .event-item { display: block; border: 0px none; background-color: #fff; }
	.list-type-event .event-item > .thumb { position: relative; height: auto; line-height: auto; background-color: #fff; }
	.list-type-event .event-item > .thumb img { display: block; width: 100%; }
	.list-type-event .event-item > .info { padding: 15px 15px 16px 15px; }
	.list-type-event .event-item > .info .badge { display: inline-block; padding: 0 10px; font-size: 10px; font-weight: normal; color: #ffffff; line-height: 18px; background-color: #39c2b7; }
	.list-type-event .event-item > .info .badge.online { background-color: #f36f23; }
	.list-type-event .event-item > .info .title { display: block; overflow: hidden; height: 44px; margin-top: 6px; font-size: 14px; font-weight: lighter; color: #333; line-height: 22px; }
	.list-type-event .event-item > .info .duration { display: block; margin-top: 9px; font-size: 12px; }
	.list-type-event:last-child { padding-bottom: 30px; }

	.responsive.event .list-more { padding-bottom: 30px }


	/* maintenance event template */
	.event-monthly-template { padding-bottom: 20px; }


	    /* input text, select */
	    input[type=text], input[type=password] {
	        height: 32px; width: auto; padding: 0 0 0 10px; font-size: 12px; color: #333; line-height: 30px; vertical-align: middle; border: 1px solid #b4bec8; border-radius: 4px; background-color: #f6f7f9;
	    }
	    select { display: inline-block; height: 32px; min-width: 80px; padding: 7px 20px 6px 8px; font-size: 12px; color: #333; vertical-align: middle; border: 1px solid #b4bec8; border-radius: 5px; background: #f6f7f9 url('http://www.lge.co.kr/lgekor/asset/images/web/common/bg_select01.png') right top no-repeat; }

		.event-monthly-template h1 { }
		.event-monthly-template img { width: 100%; }

		/* event-monthly-template intro */
		.event-monthly-template .summary-info { padding: 17px 20px 30px 20px; font-size: 12px; line-height: 1.5; background-color: #ffcde1; }
		.event-monthly-template .summary-info strong { font-weight: normal; }
		.event-monthly-template .summary-info .detail-info { display: block; width: 100%; margin-top: 18px; }
		.event-monthly-template .summary-info .detail-info > p { display: block; position: relative; box-sizing: border-box; height: 80px; padding: 12px 0 0 140px; font-size: 12px; line-height: 1.417; text-align: left; border-top: 1px solid #c3abb5; border-left: 0px none; }
		.event-monthly-template .summary-info .detail-info > p:before { content: ''; display: block; position: absolute; top: 50%; left: 18px; margin: -33px 0 0 0; height: 65px; width: 95px; background-image: url('/lgekor/asset/images/mobile/event/bg_event_info.png'); background-size: 285px 65px; }
		.event-monthly-template .summary-info .detail-info > p.period { padding-top: 19px; }
		.event-monthly-template .summary-info .detail-info > p.period:before { background-position: 0px 0px; }
		.event-monthly-template .summary-info .detail-info > p.announcement:before { background-position: -95px 0px; }
		.event-monthly-template .summary-info .detail-info > p.howto:before { background-position: -190px 0px; }
		.event-monthly-template .summary-info .detail-info strong { display: block; margin-bottom: 5px; }
		.event-monthly-template .summary-info .detail-info small { display: block; font-size: 9px; }
		.event-monthly-template .summary-info .btn-submit { display: block; margin: 20px auto 0 auto; padding: 0; font-size: 15px; font-weight: normal; color: #fff; text-align: center; text-decoration: none; line-height: 2.667; border-radius: 6px; background-color: #a50034; }


		/* event-monthly-template contents */
			/* toggle title */
			.toggle-contents .title { padding-left: 20px; font-size: 13px; font-weight: lighter; }
			.toggle-contents .title.icon:before { right: 0px; }
			.toggle-contents .title .icon.refresh { display: inline-block; margin-top: -1px; margin-right: 5px; vertical-align: top; }

			/* contents */
			.event-monthly-template .toggle-contents .content { padding: 0 20px 20px 20px; text-align: left; background-color: #f4f6f7; }
			.event-monthly-template .toggle-contents .content > h1 { display: none; }
			.event-monthly-template .toggle-contents .content > p { padding: 10px 0 13px 0; font-size: 12px; line-height: 1.4; }
			.event-monthly-template .toggle-contents .content > p > em { font-weight: normal; color: #d80546; }

			.event-monthly-template .forms { padding-top: 10px; border-top: 1px solid #888; }
			.event-monthly-template .forms.no-line { border-top: 0px none; }
			.event-monthly-template .forms > p { font-size: 12px; }
			.event-monthly-template .forms > .box { margin-top: 10px; border: 1px solid #ccc; background-color: #fff; }
			.event-monthly-template .forms > .box .box-title { padding: 12px 10px; font-size: 14px; color: #333; line-height: 1; border-bottom: 0px none; }
			.event-monthly-template .forms > .box .box-title button { right: 0; width: 35px; margin-top: -19px; line-height: 35px; }
			.event-monthly-template .forms > .box .box-title label { padding-right: 20px; line-height: 15px; }
			.event-monthly-template .forms > .box .box-content { overflow: auto; height: 49px; margin: 0px 10px 10px 10px; padding: 10px 5px; font-size: 12px; color: #333; line-height: 1.45; border: 1px solid #dadada; background-color: #f4f6f7; }

			.event-monthly-template .forms > .btns { padding-top: 15px; text-align: center; }
			.event-monthly-template .forms > .btns a { display: block; padding: 0; font-size: 16px; font-weight: normal; color: #fff; text-align: center; text-decoration: none; line-height: 40px; border-radius: 6px; background-color: #a50034; }

			/* join message */
			.event-monthly-template .join-message {  }
			.event-monthly-template .join-message strong { font-size: 16px; }

			/* join info */
			.event-monthly-template .join-forms { overflow: hidden; margin-top: 10px; padding: 7px 10px 8px 10px; border: 1px solid #dcdcdc; background-color: #fff; }
			.event-monthly-template .join-forms p { position: relative; float: left; width: 100%; padding: 8px 0 7px 0; }
			.event-monthly-template .join-forms p > label { display: inline-block; width: 62px; font-size: 12px; color: #333; line-height: 32px; text-align: left; }
			.event-monthly-template .join-forms p > .adjust { display: block; position: absolute; top: 8px; right: 10px; left: 62px; width: auto; text-align: center; }
			.event-monthly-template .join-forms p .txt_name { width: 100%; }
			.event-monthly-template .join-forms p .select_hp { min-width: 70px; width: 30%; float: left; }
			.event-monthly-template .join-forms p .txt_hp { width: 30%; }
			.event-monthly-template .join-forms p .txt_hp + .txt_hp { float: right; }

			/* purchase wish list */
			.purchase-wish-list { overflow: hidden; margin-top: 12px; border: 1px solid #dcdcdc; border-bottom: 0px solid #dcdcdc; background-color: #fff; }
			.purchase-wish-list > li { display: block; box-sizing: border-box; position: relative; float: left; width: 100%; padding: 0; border-bottom: 1px solid #dcdcdc; }
			.purchase-wish-list > li:nth-child(odd) { border-right: 0px none; }
			.purchase-wish-list > li > label { display: block; padding: 4px 0 4px 40px; font-size: 12px; line-height: 32px; }
			.purchase-wish-list > li > label:before { left: 15px; }
			.purchase-wish-list > li > input[type=checkbox]:checked + label { background-color: #fdf6c6; }
			.purchase-wish-list > li > input[type=checkbox]:checked ~ .select { border-left: 0px; }
			.purchase-wish-list > li > .select { display: block; position: absolute; top: 0; right: 10px; width: 62.893%; padding: 4px 0; text-align: center; border-left: 0px none; }
			.purchase-wish-list > li > .select select { width: 100%; }
			.purchase-wish-list > li.etc { }
			.purchase-wish-list > li.etc > .select { box-sizing: content-box; width: 62.893%; padding: 4px 0; text-align: center; border: 0px none; }
			.purchase-wish-list > li.etc > .select input[type=text] { width: 100%; }

			/* choose branch */
			.event-monthly-template .branch-forms { overflow: hidden; margin-top: 10px; padding: 0px 15px 10px 15px; font-size: 12px; line-height: 24px; border: 1px solid #dcdcdc; background-color: #fff; }
			.event-monthly-template .branch-forms p { float: left; width: 100%; padding-top: 10px; }
			.event-monthly-template .branch-forms .th {  }
			.event-monthly-template .branch-forms .th:before { content: ''; display: inline-block; height: 3px; width: 3px; margin-right: 6px; vertical-align: middle; border-radius: 3px; background-color: #4c4c4c; }
			.event-monthly-template .branch-forms .adjust { display: block; padding-left: 8px; }
			.event-monthly-template .branch-forms strong { margin-right: 5px; margin-left: 0px; font-weight: normal; }
			.event-monthly-template .branch-forms select { min-width: auto; }


			/* complete confirm */
			.event-monthly-template .confirm { margin-top: 13px; }
			.event-monthly-template .confirm em { font-size: 14px; font-weight: normal; }
			.event-monthly-template .confirm ul.noti { margin-top: 6px; }
			.event-monthly-template .confirm ul.noti > li { font-size: 12px; }


		/* maintenance event benefit template */
		.event-benefit-template { }
			.event-benefit-template > h1 { display: none; }
			.event-benefit-template .summary-visual { padding: 0; }
			.event-benefit-template .summary-visual img { width: 100%; }
			.event-benefit-template .summary-visual .info { overflow: hidden; }
			.event-benefit-template .summary-visual .info .feature { display: none; }
			.event-benefit-template .summary-visual .info .desc { display: block; box-sizing: border-box; float: none; width: 100%; padding: 0 20px; font-size: 12px; color: #333; line-height: 2.083; text-align: left; border: 0px; background-color: #d9e4e7; }
			.event-benefit-template .summary-visual .info .desc.duration { padding-top: 12px; border: 1px solid #ccc; border-bottom: 0px none; }
			.event-benefit-template .summary-visual .info .desc.channel { padding-bottom: 12px; border: 1px solid #ccc; border-top: 0px none; }
			.event-benefit-template .summary-visual .info .desc > em { display: inline-block; width: 70px; }
			.event-benefit-template .summary-visual .info .desc > em:after { content: '|'; float: right; font-size: 10px; margin: 2px 10px 0 0; }

			.event-benefit-template .event-benefit { position: relative; padding: 0 20px 20px 20px; }
			.event-benefit-template .event-benefit:before { content: none; }
			.event-benefit-template .event-benefit:before { content: ''; display: block; position: absolute; top: 5px; left: 20px; height: 65px; width: 59px; background-image: url('/lgekor/asset/images/mobile/event/bg_event_benefit01.png'); background-repeat: no-repeat; background-size: 177px 65px; }
			.event-benefit-template .event-benefit.benefit01 { background-color: #f55d65; }
			.event-benefit-template .event-benefit.benefit01:before { background-position: 0px 0px; }
			.event-benefit-template .event-benefit.benefit02 { background-color: #1cb8b6; }
			.event-benefit-template .event-benefit.benefit02:before { background-position: -59px 0px; }
			.event-benefit-template .event-benefit.benefit03 { background-color: #9ab81c; }
			.event-benefit-template .event-benefit.benefit03:before { background-position: -118px 0px; }
			.event-benefit-template .event-benefit > h1 { height: 55px; padding: 20px 0 0 74px; font-size: 17px; }
			.event-benefit-template .event-benefit > h1 > small { display: block; font-size: 12px; font-weight: lighter; }
			.event-benefit-template .event-benefit .inner { padding: 15px 10px 0px 10px; background-color: #f1f1f1; }
			.event-benefit-template .event-benefit .message { padding-left: 5px; font-size: 12px; color: #333; line-height: 1.25; }
			.event-benefit-template .event-benefit .detail-benefit { position: relative; overflow: hidden; padding: 15px 15px 15px 15px; }
			.event-benefit-template .event-benefit .detail-benefit img { width: 100%; }
			.event-benefit-template .event-benefit.benefit01 .detail-benefit + .detail-benefit { border-top: 1px solid #f55d65; }
			.event-benefit-template .event-benefit.benefit02 .detail-benefit + .detail-benefit { border-top: 1px solid #1cb8b6; }

			.event-benefit-template .event-benefit.benefit03 > h1 { height: 50px; padding: 25px 0 0 74px; font-size: 17px; }
			.event-benefit-template .event-benefit.benefit03 .message { display: inline-block; width: 60%; margin-top: 10px; padding-left: 10px; line-height: 1.25 }
			.event-benefit-template .event-benefit.benefit03 .message .small { display: inline-block; margin-top: 5px; font-size: 12px; }
			.event-benefit-template .event-benefit.benefit03 img { width: 35%; }

			.event-benefit-template .event-benefit .list-models { position: static; overflow: hidden; margin-top: 10px; }
			.event-benefit-template .event-benefit .list-models > li { float: left; overflow: hidden; width: 50%; font-size: 14px; color: #333; line-height: 2; }
			.event-benefit-template .event-benefit .list-models > li > a { position: relative; float: right; margin-left: 0px; margin-right: 30%; padding-right: 12px; font-size: 12px; color: #333; text-decoration: underline; }
			.event-benefit-template .event-benefit .list-models > li > a:after { content: '>'; position: absolute; right: 0px; color: #d80546; text-decoration: none; }


	/* event sns template */
	.event-sns-template { text-align: center; }
		.event-sns-template > h1 { display: none; }

		/* event-sns-template intro */
		.event-sns-template .summary-info { padding: 15px 20px 15px 20px; font-size: 12px; line-height: 1.5; background-color: #ffcde1; }
		.event-sns-template .summary-info strong { font-weight: normal; }
		.event-sns-template .summary-info .detail-info { display: block; width: 100%; }
		.event-sns-template .summary-info .detail-info > p { display: block; position: relative; box-sizing: border-box; height: 80px; padding: 12px 0 0 140px; font-size: 12px; line-height: 1.417; text-align: left; border-top: 1px solid #c3abb5; border-left: 0px none; }
		.event-sns-template .summary-info .detail-info > p:before { content: ''; display: block; position: absolute; top: 50%; left: 18px; margin: -33px 0 0 0; height: 65px; width: 95px; background-image: url('/lgekor/asset/images/mobile/event/bg_event_info.png'); background-size: 285px 65px; }
		.event-sns-template .summary-info .detail-info > p:first-child { border-top: 0px none; }
		.event-sns-template .summary-info .detail-info > p.period { padding-top: 19px; }
		.event-sns-template .summary-info .detail-info > p.period:before { background-position: 0px 0px; }
		.event-sns-template .summary-info .detail-info > p.announcement:before { background-position: -95px 0px; }
		.event-sns-template .summary-info .detail-info > p.howto:before { background-position: -190px 0px; }
		.event-sns-template .summary-info .detail-info strong { display: block; margin-bottom: 5px; }
		.event-sns-template .summary-info .detail-info small { display: block; font-size: 9px; }

		.event-sns-template .event-sns { position: relative; padding: 19px 0px 25px 0px; text-align: center; border-top: 1px solid #cdcdcd; }
		.event-sns-template .event-sns .badge { display: block; position: absolute; top: 0; left: 0; height: 47px; width: 47px; text-indent: -9999px; background: url('/lgekor/asset/images/mobile/event/badge_quiz.png') left top no-repeat; background-size: 100%; }
		.event-sns-template .event-sns .question { font-size: 12px; color: #333; }
		.event-sns-template .event-sns .title { margin-top: 4px; font-size: 18px; font-weight: normal; color: #333; }
		.event-sns-template .event-sns .choose-answer { position: relative; overflow: hidden; margin: 17px 20px 0 20px; padding: 20px 0; border: 1px solid #de296b; }
		.event-sns-template .event-sns .choose-answer input[type=radio] { position: absolute; top: -30px; left: -30px; }
		.event-sns-template .event-sns .choose-answer input[type=radio] + label { display: inline-block; position: relative; margin: 0 3%; padding-left: 20px; font-size: 16px; font-weight: normal; color: #222; text-align: left; }
		.event-sns-template .event-sns .choose-answer input[type=radio] + label:before { content: ''; display: block; position: absolute; top: 50%; left: 0; height: 14px; width: 14px; margin-top: -7px; background: url('/lgekor/asset/images/mobile/event/template_radio.png') left top no-repeat; background-size: 28px 14px; }
		.event-sns-template .event-sns .choose-answer input[type=radio]:checked + label:before { background-position: -14px 0; }
		.event-sns-template .event-sns .tip { margin-top: 15px; font-size: 16px; color: #333; }
		.event-sns-template .event-sns .ttalk-container { margin-top: 24px; padding: 15px; border: 0px none; border-top: 1px solid #ccc; background-color: #fff; }


	/* 응모 팝업 */
	.sns-template { }
    .sns-template { top:0 !important; width: 100%; }
    .sns-template .close { top: 8px; right: 20px; color: #fff }
    .pop .sns-template .popupCont { padding: 0px; }
    .sns-template .poptit { position: relative; margin-bottom: 10px; padding: 15px 50px 15px 20px; background:#333; color:#fff; font-size: 18px; line-height: 1; }
    .sns-template .popupInfo { padding: 0 20px 40px 20px; }
	.sns-template .poptit em { color: #e24841; }
	.sns-template .forms { padding: 0px; }
    .sns-template .forms input[type=text], input[type=password] { height: 32px; width: auto; padding: 0 0 0 10px; font-size: 12px; color: #333; line-height: 30px; vertical-align: middle; border: 1px solid #b4bec8; border-radius: 4px; background-color: #f6f7f9; }
    .sns-template .forms select { display: inline-block; height: 32px; min-width: 80px; padding: 7px 20px 6px 8px; font-size: 12px; color: #333; vertical-align: middle; border: 1px solid #b4bec8; border-radius: 5px; background: #f6f7f9 url('/lgekor/asset/images/web/common/bg_select01.png') right top no-repeat; }
	.sns-template .forms { overflow: hidden; padding: 0px 0px 20px 0px; }
	.sns-template .forms label { min-width: 90px; text-align: left; font-size: 12px; }
	.sns-template .forms .controls { padding: 7px 0 8px 0; border-top: 0px; }
	.sns-template .forms .controls + .controls { border: 0px; }
	.sns-template .forms input.name { width: 216px; }
	.sns-template .forms select.tel { width: 65px; }
	.sns-template .forms input.tel { width: 65px; }
	.sns-template .forms label.tel { margin-left: 0px; }
	.sns-template .forms input.email { width: 103px; }
	.sns-template .forms input.domain,
	.sns-template .forms select.domain { width: 93px; }
	.sns-template .forms select.domain { margin-top: 7px; margin-left: 216px; }
    .sns-template .forms > .box { margin-left: 0; margin-right: 0; }
    .sns-template .forms > .box .box-title { padding: 12px 10px; border-bottom: none; line-height: 1; font-size: 14px; }
    .sns-template .forms > .box .box-title label { line-height: 1 }
    .sns-template .forms > .box .box-content { margin: 0 10px 10px; padding: 10px 5px; border: 1px solid #dadada; background-color: #f4f6f7; font-size: 12px; line-height: 1.45 }
    .sns-template .forms > .btns { text-align: center; }
    .sns-template .forms > .btns a { display: block; padding: 0; font-size: 16px; font-weight: normal; color: #fff; text-align: center; text-decoration: none; line-height: 40px; border-radius: 6px; background-color: #a50034; }




		/* event warning */
		.warning { padding: 14px 20px 13px 20px; }
		.warning > h1 { font-size: 14px; }
		.warning ul { margin-top: 0px; }
		.warning li { font-size: 12px; line-height: 1.555; }


		/* search winner */
		.search-winner { width: 100%; }

		/*contentArea*/
		#contentArea {width: 980px;}
		#contentArea.contents {padding: 0 !important;}


}

@media (max-device-width: 320px) {
	.event-benefit-template .event-benefit.benefit03 .inner { padding-top: 0; }
	.event-benefit-template .event-benefit.benefit03 .message { display: inline-block; width: 65%; margin-top: 0px; padding-left: 5px; line-height: 1.25 }
	.event-benefit-template .event-benefit.benefit03 .message .small { display: inline-block; margin-top: 5px; font-size: 12px; }
	.event-benefit-template .event-benefit.benefit03 img { width: 30%; }

	.event-benefit-template .event-benefit .list-models { }
	.event-benefit-template .event-benefit .list-models > li { font-size: 12px; }

	/* 응모 팝업 */
	.sns-template .forms label { min-width: 60px; }
	.sns-template .forms select.domain { margin-left: 185px; }

}