@charset "utf-8";


@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 100; 
	src:	url('/fonts/NotoSansKR-Thin.woff2') format('woff2'),
			url('/fonts/NotoSansKR-Thin.woff') format('woff'), 
			url('/fonts/NotoSansKR-Thin.otf') format('opentype'); 
}
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 400; 
	src:	url('/fonts/NotoSansKR-Regular.woff2') format('woff2'),
			url('/fonts/NotoSansKR-Regular.woff') format('woff'), 
			url('/fonts/NotoSansKR-Regular.otf') format('opentype'); 
}
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 500; 
	src:	url('/fonts/NotoSansKR-Medium.woff2') format('woff2'),
			url('/fonts/NotoSansKR-Medium.woff') format('woff'), 
			url('/fonts/NotoSansKR-Medium.otf') format('opentype'); 
}
/* 20190115 수정 */
#web { }

#subSection { font-family:'Noto Sans KR',sans-serif; color:#000; }

#subSection.full_subSection .full_subSection_title { padding-bottom:40px; text-align:center; border-bottom:1px solid #000; }
#subSection.full_subSection .full_subSection_title h2 { line-height:40px; }
#subSection.full_subSection .full_subSection_title h2.eng_tit { font-size:32px; font-weight:bold; }
#subSection.full_subSection .full_subSection_title h2.kr_tit { font-size:30px; }

.main_promotion { position:relative; padding:27px 4px 27px 162px; border-bottom:1px solid #dedede; }
.main_promotion .main_promotion_tit { position:absolute; left:10px; top:50%; 
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}
.main_promotion .main_promotion_tit h3 { line-height:28px; font-size:22px; font-weight:500; }

.main_promotion .promotion_info_box { display:table; width:100%; }
.main_promotion .promotion_info_box a { display:block; }
.main_promotion .promotion_info_box .table_cell { display:table-cell; vertical-align:middle; }
.main_promotion .promotion_info_box .promotion_info_txt { padding-left:15px; line-height:1.2; word-break:keep-all; }
.main_promotion .promotion_info_box .promotion_info_txt > div:first-child { width:374px; }
.main_promotion .promotion_info_box .promotion_info_txt .promotion_tit { display:-webkit-box; max-height:24px; margin-bottom:5px; font-size:20px; font-weight:bold; color:#2f2f2f; -webkit-line-clamp:1; text-overflow:ellipsis; -webkit-box-orient:vertical; word-break:break-all; overflow:hidden; }
.main_promotion .promotion_info_box .promotion_info_txt .promotion_info { display:-webkit-box; max-height:32px; font-size:14px; color:#2f2f2f; -webkit-line-clamp:2; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden; }

.main_promotion .promotion_info_box .page_timer { display:inline-block; width:193px; margin-left:70px; padding:10px; font-size:0; line-height:0; letter-spacing:-5px; border:1px solid #d3d3d3; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }
.main_promotion .promotion_info_box .page_timer p,
.main_promotion .promotion_info_box .page_timer .count_down_outer,
.main_promotion .promotion_info_box .page_timer a{ display:inline-block; vertical-align:middle; font-size:13px; line-height:16px; letter-spacing:0; }
.main_promotion .promotion_info_box .page_timer .count_down_outer { width:51px; margin:0 20px; }
.main_promotion .promotion_info_box .page_timer a { width:52px; height:48px; line-height:48px; text-align:center; background:#d4d4d4; }

	.count_down_outer .count_down_num { position:relative; display:inline-block; vertical-align:middle; min-width:28px; height:32px; line-height:32px; overflow:hidden; }
	.count_down_outer .count_down_num span { position:absolute; right:0; display:block; height:32px; line-height:32px; font-weight:bold; font-size:24px; }
	.count_down_outer .count_down_num span.red { color:red; }
	.count_down_outer .count_down_num span.count_num { position:absolute; right:0; top:-35px; }
	.count_down_outer span.sec { display:inline-block; vertical-align:bottom; padding-bottom:3px; }
	.count_down_outer .count_down_num span.count_10 { top:0;
		animation:1s moveout 0s 1 cubic-bezier(1, 0.01, 0.08, 1) forwards;
	}
	.count_down_outer .count_down_num span.count_9 {
		animation:2s countdown 0s 1 cubic-bezier(1, 0.01, 0.08, 1) forwards;
	}	
	.count_down_outer .count_down_num span.count_8 {
		animation:2s countdown 1s 1 cubic-bezier(1, 0.01, 0.08, 1) forwards;
	}
	.count_down_outer .count_down_num span.count_7 {
		animation:2s countdown 2s 1 cubic-bezier(1, 0.01, 0.08, 1) forwards;
	}
	.count_down_outer .count_down_num span.count_6 {
		animation:2s countdown 3s 1 cubic-bezier(1, 0.01, 0.08, 1) forwards;
	}
	.count_down_outer .count_down_num span.count_5 {
		animation:2s countdown 4s 1 cubic-bezier(1, 0.01, 0.08, 1) forwards;
	}
	.count_down_outer .count_down_num span.count_4 {
		animation:2s countdown 5s 1 cubic-bezier(1, 0.01, 0.08, 1) forwards;
	}
	.count_down_outer .count_down_num span.count_3 {
		animation:2s countdown 6s 1 cubic-bezier(1, 0.01, 0.08, 1) forwards;
	}
	.count_down_outer .count_down_num span.count_2 {
		animation:2s countdown 7s 1 cubic-bezier(1, 0.01, 0.08, 1) forwards;
	}
	.count_down_outer .count_down_num span.count_1 {
		animation:2s countdown 8s 1 cubic-bezier(1, 0.01, 0.08, 1) forwards;
	}
	.count_down_outer .count_down_num span.count_0 {
		animation:1s countdown2 9s 1 cubic-bezier(1, 0.01, 0.08, 1) forwards;
	}

.first .service_content_tit { padding:0 0 20px; }

.service_content_tit { position:relative; padding:30px 0 20px; }
.service_content_tit h3 { font-size:20px; font-weight:500; }
.service_content_tit h3 span { font-size:0.6em; letter-spacing:-1px; }
.service_content_tit.competition_tit { padding:30px 10px 10px 35px !important; background:url(/images/promotion_gate/competition_tit_icon.gif) 10px 30px no-repeat; background-size:20px auto; }
.service_content_tit.promotion_tit { padding:30px 10px 10px 35px !important; background:url(/images/promotion_gate/promotion_icon.gif) 10px 30px no-repeat; background-size:20px auto; }


.service_list {	border-bottom:1px solid #dedede; }
.service_list ul, 
.app_content .app_down_list { display:inline-block; vertical-align:top; width:100%; padding-bottom:25px; font-size:0; line-height:0; letter-spacing:-5px; 
	border-bottom:1px solid #dedede;
	box-sizing:border-box !important; 
	-webkit-box-sizing:border-box !important; 
	-moz-box-sizing:border-box !important; 
}
.service_list ul { border:0; }

/* 20190115 수정 */
.service_list ul > li, .app_content .app_down_list > li { display:inline-block; vertical-align:top; width:100%; margin-bottom:10px; font-size:14px; line-height:1.2; letter-spacing:0; }
.service_list ul > li:nth-child(even) { }
.service_list ul > li .service_each { border:1px solid #d3d3d3; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
.service_list ul > li .service_each a { display:block; padding:15px 12px; color:#2f2f2f; }
.service_list ul > li .service_each span.service_thumb, 
.service_list ul > li .service_each .service_info_box { display:inline-block; vertical-align:middle; }
.service_list ul > li .service_each span.service_thumb { max-height:100px; overflow:hidden; }
.service_list ul > li .service_each span.service_thumb img { max-width:140px; }
.service_list ul > li .service_each .service_info_box { position:relative; padding-left:30px; width:484px; word-break:keep-all; }
.service_list ul > li .service_each .service_info_box:after { position:absolute; right:0; top:12px; display:block; width:15px; height:23px; content:''; background:url("/images/promotion_gate/service_page_arrow.gif") 0 0 no-repeat; }
.service_list ul > li .service_each .service_info_box .service_name { display:-webkit-box; padding-right:15px; max-height:24px; margin-bottom:5px; font-size:20px; font-weight:bold; color:#2f2f2f; -webkit-line-clamp:1; text-overflow:ellipsis; -webkit-box-orient:vertical; word-break:break-all; overflow:hidden; }
.service_list ul > li .service_each .service_info_box .service_info { display:-webkit-box; padding-right:15px; max-height:32px; -webkit-line-clamp:2; text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden; }

.app_content { border-bottom:1px solid #dedede; }
.app_content .service_content_tit { display:inline-block; padding:50px 0 0; }
.app_content .app_down_list { width:auto; margin:40px 0 40px 50px; padding:0; border:0; }
.app_content .app_down_list li { width:auto; margin-right:14px; }

.service_more_btn_box { text-align:center; }
.service_more_btn_box .end_service_more_btn { position:relative; display:block; height:40px; line-height:40px; font-size:14px; color:#6a6a6a; }
.service_more_btn_box .end_service_more_btn .more_btn_arrow { display:inline-block; margin-left:5px; vertical-align:middle; width:15px; height:40px; background:url(http://partner1.darts.kr/images/global_gnb/more_btn_arrow.gif) 0 47% no-repeat; background-size:15px auto; }



.progress_outer { position:relative; padding-top:10px; }
.progress_outer:after { position:absolute; left:0; top:26px; display:block; width:100%; height:2px; content:''; background:#c8d1d9; z-index:0; }
.progress_outer ol { position:relative; display:table; table-layout:fixed; width:100%; z-index:1; }
.progress_outer ol li { display:table-cell; font-size:13px; font-weight:bold; color:#c8d1d9; letter-spacing:-1px; }
.progress_outer ol li span.circle { display:inline-block; vertical-align:middle; width:32px; height:32px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; }
.progress_outer ol li span.circle_inner { display:inline-block; vertical-align:middle; width:20px; height:20px; margin:6px 0; background:#c8d1d9; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; }
.progress_outer ol li span.step_tit { display:block; padding-top:5px; }
.progress_outer ol li.step_02, .progress_outer ol.progress_4 li.step_03 { width:30%; text-align:center; }
.progress_outer ol li.step_03, .progress_outer ol.progress_2 li.step_02, .progress_outer ol.progress_4 li.step_04 { text-align:right; }

.progress_outer ol.progress_4 li.step_02 { padding-right:0; }

.progress_outer ol li.active { color:#000; }
.progress_outer ol li.active span.circle { text-align:center; background:#1c91eb; }
.progress_outer ol li.active span.circle_inner { margin:4px 0; background:#1c91eb; border:2px solid #fff; }
.progress_outer ol li:last-child.active span.circle { background:#9b9b9b; }
.progress_outer ol li:last-child.active span.circle_inner { background:#9b9b9b; }
.progress_outer ol li:last-child.active { color:#9b9b9b; }

.mobile_con { display:none !important; }


/* 20190115 수정 */
.sns_service_list { margin:0 0 10px; padding:5% 3% 0; border:1px solid #d3d3d3; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
.sns_service_list ul { display:inline-block; vertical-align:top; width:100%; font-size:0; line-height:0; letter-spacing:-5px; }
.sns_service_list ul li { display:inline-block; *display:inline; vertical-align:top; width:16.6%; margin-bottom:5%; font-size:12px; line-height:14px; letter-spacing:0; color:#363636; text-align:center; }
.sns_service_list ul li span { display:block; }
.sns_service_list ul li span.thumb img { width:55px; }
.sns_service_list ul li span.sns_tit { margin-top:10px; }

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

	.pc_con { display:none !important; }
	.mobile_con { display:block !important; }

	#subSection.full_subSection { width:100%;  margin:0 0 50px; }
	#subSection.full_subSection .pc_br { display:none; }
	#subSection.full_subSection .full_subSection_title { padding-bottom:20px; }
	#subSection.full_subSection .full_subSection_title h2 { line-height:30px; }
	#subSection.full_subSection .full_subSection_title h2.eng_tit { font-size:24px; }
	#subSection.full_subSection .full_subSection_title h2.kr_tit { font-size:22px; }

	.main_promotion { padding:0; border-bottom:10px solid #dedede; }
	.main_promotion:after { display:block; width:100%; height:1px; content:''; background:#a8a8a8; }
	.main_promotion .main_promotion_tit { position:static; 
		transform:unset;
		-webkit-transform:unset;
		-moz-transform:unset;
		-ms-transform:unset;
		-o-transform:unset;
	}
	.main_promotion .main_promotion_tit h3 { padding:25px 10px 15px; font-size:20px; border-bottom:1px solid #dedede; }

	.main_promotion .promotion_info_box { padding:10px; box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; }
	.main_promotion .promotion_info_box .promotion_thumb img { max-width:110px; }
	.main_promotion .promotion_info_box .table_cell { vertical-align:top; }
	.main_promotion .promotion_info_box .promotion_info_txt { padding-left:5px; }
	.main_promotion .promotion_info_box .promotion_info_txt > div:first-child { width:auto; }
	.main_promotion .promotion_info_box .promotion_info_txt .table_cell { display:block; }
	.main_promotion .promotion_info_box .promotion_info_txt .promotion_tit { margin-bottom:5px; font-size:18px; }
	.main_promotion .promotion_info_box .promotion_info_txt .promotion_info { max-height:30px; font-size:12px; }
	
	.main_promotion .promotion_info_box .page_timer { width:180px; margin:5px 0 0; }
	.main_promotion .promotion_info_box .page_timer a { width:40px; height:40px; line-height:40px; font-size:12px; }

	.service_content_each { margin-top:14px; border-top:1px solid #e0e0e0; }
	.service_content_each.first { margin-top:0; padding-top:0; }

	.service_content_tit { padding:15px 10px 15px; color:#445157; }
	
	

	.service_content_tit.competition_tit { padding:15px 10px 10px 40px !important; background:url(/images/promotion_gate/competition_tit_icon.gif) 15px 14px no-repeat; background-size:20px auto; }
	.service_content_tit.promotion_tit { padding:15px 10px 10px 40px !important; background:url(/images/promotion_gate/promotion_icon.gif) 15px 15px no-repeat; background-size:20px auto; }
	.first .service_content_tit { padding:20px 10px 15px; }
	.service_list { border-bottom:0; }
	.service_list ul, .app_content .app_down_list { padding:0 10px 0; border-bottom:0; }
	.service_list ul > li, .app_content .app_down_list > li { width:100%; font-size:12px; margin-bottom:6px; }
	.service_list ul > li:nth-child(even) { margin-left:0; }
	.service_list ul > li .service_each a { padding:18px 10px; }
	.service_list ul > li .service_each span.service_thumb img { max-width:95px; }
	.service_list ul > li .service_each .service_info_box { width:calc(100% - 108px); padding-left:10px; }
	.service_list ul > li .service_each .service_info_box:after { width:10px; height:20px; background-size:10px auto; }
	.service_list ul > li .service_each .service_info_box .service_name { padding-right:10px; margin-bottom:3px; font-size:16px; }
	.service_list ul > li .service_each .service_info_box .service_info { padding-right:10px; max-height:30px; }
	
	.app_content .service_content_tit { display:block; padding:30px 10px 0; }
	.app_content .app_down_list { display:block; margin:20px 0; }
	.app_content .app_down_list li { width:auto; }
	.app_content .app_down_list li img { height:35px; }

	.service_more_btn_box { margin-top:-10px; }

	.progress_outer:after { top:23px; }

	.progress_outer ol li { font-size:11px; }
	.progress_outer ol li span.circle { display:inline-block; width:26px; height:26px; }
	.progress_outer ol li span.circle_inner { display:inline-block; width:16px; height:16px; margin:6px 0; }

	.progress_outer ol li.active span.circle_inner { margin:3px 0; }

	/* 20190109 sns 리스트 추가 */
	.sns_service_list { margin:0 10px 10px; padding:9% 7% 0; border:1px solid #d3d3d3; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
	.sns_service_list ul { display:inline-block; vertical-align:top; width:100%; font-size:0; line-height:0; letter-spacing:-5px; }
	.sns_service_list ul li { display:inline-block; *display:inline; vertical-align:top; width:18%; margin-left:9%; margin-bottom:9%; font-size:12px; line-height:14px; letter-spacing:-1px; color:#363636; text-align:center; }
	.sns_service_list ul li:first-child { margin-left:0; }
	.sns_service_list ul li:nth-of-type(5n) { margin-left:0; }
	.sns_service_list ul li span { display:block; }
	.sns_service_list ul li span.thumb img { width:100%; }
	.sns_service_list ul li span.sns_tit { margin-top:5px; word-break:keep-all; }

}



/* Countdown keyframes */
@keyframes countdown {
	0%{
		top:-35px;
	}
	50%{
		top:0;
	}
	100%{
		top:35px;
	}
}
@-webkit-keyframes countdown {
	0%{
		top:-35px;
	}
	50%{
		top:0;
	}
	100%{
		top:35px;
	}
}
@-moz-keyframes countdown {
	0%{
		top:-35px;
	}
	50%{
		top:0;
	}
	100%{
		top:35px;
	}
}
@-o-keyframes countdown {
	0%{
		top:-35px;
	}
	50%{
		top:0;
	}
	100%{
		top:35px;
	}
}

@keyframes countdown2 {
	0%{
		top:-35px;
	}
	100%{
		top:0;
	}
}
@-webkit-keyframes countdown2 {
	0%{
		top:-35px;
	}
	100%{
		top:0;
	}
}
@-moz-keyframes countdown2 {
	0%{
		top:-35px;
	}
	100%{
		top:0;
	}
}
@-o-keyframes countdown2 {
	0%{
		top:-35px;
	}
	100%{
		top:0;
	}
}

@keyframes moveout {
	0%{
		top:0;
	}
	100%{
		top:35px;
	}
}
@-webkit-keyframes moveout {
	0%{
		top:0;
	}
	100%{
		top:35px;
	}
}
@-moz-keyframes moveout {
	0%{
		top:0;
	}
	100%{
		top:35px;
	}
}
@-o-keyframes moveout {
	0%{
		top:0;
	}
	100%{
		top:35px;
	}
}