@font-face{
	font-family:'applegothic';
	font-style:normal;
	font-weight:600;
	src: url('/res/font/AppleSDGothicNeoB.eot'); 
	src:local('cj'), url('/res/font/AppleSDGothicNeoB.eot?#iefix') format('embedded-opentype'), /* IE9 */
		 url('/res/font/AppleSDGothicNeoB.woff') format('woff'), 
		 url('/res/font/AppleSDGothicNeoB.ttf') format('truetype');
}


@font-face{
    font-family:'applegothic';
    font-style:normal;
    font-weight:400;
    src:url('/res/font/AppleSDGothicNeoM.eot');
    src:local('cjR'), url('/res/font/AppleSDGothicNeoM.eot?#iefix') format('embedded-opentype'),
    url('/res/font/AppleSDGothicNeoM.woff') format('woff'),
    url('/res/font/AppleSDGothicNeoM.ttf') format('truetype');

}
@font-face {
    font-family:'applegothic';
    src: url('/res/font/AppleSDGothicNeoL.eot');
    src: url('/res/font/AppleSDGothicNeoL.eot?#iefix') format('embedded-opentype'), 
		url('/res/font/AppleSDGothicNeoL.woff') format('woff'), 
		url('/res/font/AppleSDGothicNeoL.ttf') format('truetype');
    font-weight:300;
    font-style: normal
}




.cj_wrap_body {background: url(/res/img/fastestlap/fastestlap_page_bg.jpg) no-repeat center top #00213d; font-size:12px; letter-spacing: 0px; font-family:'applegothic','Noto Sans CJK KR','NotoSansKR','NotoSansKR-Medium','cj',sans-serif; font-weight: 300; background-size:230%; }
.cj_wrap_body.bg_bk {background:#000;}
.cj_wrap_body p {margin: 0px; font-size: 13px;}

.cj_logo_wrap .cj_logo {text-align: left; display: inline-block; padding: 0px 0px 0px 0px; margin-bottom: 10px !important;}
.cj_logo_wrap .cj_title {display: inline-block; vertical-align: bottom; letter-spacing: -0.5px;}


.cj_choice_info {font-size:12px; padding-top:15px;}
.cj_choice_info > dt > span {display: inline-block; font-weight:300; background: url(/res/img/fastestlap/fastestlap_round_s.png) no-repeat left top; line-height:27px; width: 80px; text-align: center; font-size: 14px; background-size:80px auto;}
.cj_choice_info > dd {padding-top: 5px;}
.cj_choice_info > dd > ul > li {position: relative; padding-left:8px; text-indent: -8px; margin-top: 5px; font-weight: 300; font-size: 13px;}


.cj_title {font-size:16px; line-height:160%; padding-top:10px; font-weight: 400;}
.cj_h4_tit {text-align: left !important; font-size: 16px !important; font-family: "Stratum2","NotoSansKR"; padding:40px 0 10px 0 !important; margin: 0px !important}



.point_table {overflow: hidden; margin-top: 30px;}
.point_table .point_th {position:absolute; font-size: 16px; left: 0px; top: 0px; height: 100%; width: 100%;}

.point_table > table {width:100%;}
.point_table thead {}
.point_table thead tr th {border: none; font-size:13px; box-sizing: border-box; padding:10px 5px; text-align: center; font-weight:900;  word-wrap: break-word; color: #0e2857; position: relative; height:40px; background: #ff9700; font-family: "Stratum2","NotoSansKR";}
.point_table thead tr th.subject {text-align: left; padding-left: 10px;}
.point_table tr .num {font-family: "Stratum2","NotoSansKR"; font-size:13px;}
.point_table tr .point_c {color: #ff9700}
.point_table tbody tr td.subject {text-align: left; padding-left: 10px; font-size:12px;}
.point_table tbody tr td {border-bottom:2px solid #8d5f20; font-size:12px; height:28px; padding:5px; text-align: center; font-weight:300;  word-wrap: break-word; color: #fff;}

.over_layerW {position: relative;}
.over_layer {overflow:auto;}
.over_layerW:after {display: block; content: ""; width:10px; height: 100%; position: absolute; right: 0px; top: 0px; background: url(/res/img/fastestlap/fastestlap_bg_shadow.png) repeat-y left top}
.over_layer > div {min-width:450px;}

.cj_round_bg {text-align: left !important;}
.cj_round_bg > span {display: inline-block; width: 90px; height: 27px; line-height: 27px; text-align: center; font-size: 12px; font-weight: 600; background: url(/res/img/fastestlap/fastestlap_round.png) no-repeat left top; font-family: 'cj',sans-serif; background-size: cover; padding-right: 6px; box-sizing: border-box;}
.round_list_wrap .round_list:last-child {padding-bottom: 0px; border: none; margin-bottom: 0px;}
.round_list_wrap .round_list {overflow: hidden; border-bottom: 2px solid #00427a; margin-bottom:30px; padding-bottom: 30px; }
.round_list_wrap .round_list .photo {width:100%; margin-bottom: 10px;}
.round_list_wrap .round_list .photo > a {display: block; position: relative;}
.round_list_wrap .round_list .photo > a .cj_instar {display: block; position: absolute; left: 0px; top: 0px;}
.round_list_wrap .round_list .photo > a .pa {max-width: 100%; }
.round_list_wrap .round_list .movie { position: relative; padding-bottom: 55.6%;}
.round_list_wrap .round_list .movie iframe {width:100% !important; height:100% !important; position: absolute; left: 0px; top: 0px;}












#ui_contents .we_make_info {padding: 0px; text-align: center}
#ui_contents .we_make_info > h3 {margin-bottom: 10px;}
#ui_contents .we_make_info > h3 img {max-width:60%}
#ui_contents .we_make_info > h4 {font-size:17px; font-weight: 100; line-height: 130% ; padding: 0px ; margin: 0px ;}
#ui_contents .we_make_info > h4 .red {color: #f03d41}
#ui_contents .we_make_info > p {font-size:13px; font-weight: 100; margin:10px 0px 0px 0px}
#ui_contents .we_make_banner {margin:30px 0px 0px 0px; position: relative;}
#ui_contents .we_make_banner .btn {position: absolute; overflow: hidden; margin: 0px -5px; left:70px; bottom:50px; }
#ui_contents .we_make_banner .btn > li {float: left; padding: 0px 5px;}
#ui_contents .we_make_banner .btn > li > a {display: block; min-width:133px; border: 1px solid #fff; text-align:center; line-height: 45px; color: #fff; font-size:14px; border-radius:6px; box-sizing: border-box; padding: 0px 10px;}
#ui_contents .we_make_banner .end_text {position: absolute; right: 0px; bottom: 0px; color: #fff; background: #000; line-height:32px; padding: 0px 20px; font-size:13px; z-index: 2; margin: 0px;}
#ui_contents .we_make_banner.off:after {display: block; content: ""; width: 100%; height: 100%; background: #000; position: absolute; left: 0px; top: 0px; opacity: 0.7;}
#ui_contents .we_make_banner.off:before {display: block; content: ""; width: 100%; height: 100%; background: #fff; position: absolute; left: 0px; top: 0px; opacity: 0.3;}
/*
.we_make_banner.off .btn > li > a {border: 1px solid #9b9b9b; opacity: 0.5; }
.we_make_banner.off img {
	filter: url('../js/filters.svg#grayscale'); /* Firefox 3.5+ 
	filter: gray;
	-webkit-filter: grayscale(100); 
}*/

.we_make_campaign .tc {text-align: center; padding: 0px; margin: 0px;}
.we_make_campaign > h3 {color: #ef151e; margin-bottom: 10px !important; }
.we_make_campaign .design_box {text-align: center; margin-bottom:30px;}
.we_make_campaign .design_box > span {display: inline-block; line-height:33px; background: #f03d41; color: #1b191b; font-size:18px; padding: 0px 20px; font-weight: 600}
.we_make_list {overflow: hidden; margin: -10px -3px; padding:50px 0px 0px 0px;}
.we_make_list > li {float: left; width:50%; box-sizing: border-box; padding:10px 3px;}
.we_make_list .box {display: block; position: relative;}
.we_make_list .box > a {display: block; }
.we_make_list .box .pic {display: block; position: relative; padding-bottom: 100%; overflow: hidden; border-radius:10px; }
.we_make_list .box .pic img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.we_make_list .box .txt {display: block; color: #fff; padding-top: 10px; font-size:12px; line-height:18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; height:54px; margin-bottom: 10px; }
.we_make_list .box .good {position: absolute; right: 0px; bottom:0px; margin: 0px;}
.we_make_list .box .good button {display: block; outline: none; border: none;  background: #fff;  border-radius:6px; line-height:24px; padding: 0px 10px; font-size:12px; color: #f03d41; }
.we_make_list .box .good.on button {background: #f03d41; color: #fff; }
.we_make_list .box .good button i {margin-right: 3px;}


.paging2 {overflow:hidden; text-align:center; margin:36px 0px 25px 0px; width:100%; font-weight:300; font-size: 0px;}
.paging2 img {vertical-align:top;}
.paging2 a {color:#fff; vertical-align: middle; display:inline-block; zoom:1; line-height:24px; *display:inline; height:24px; overflow: hidden; font-size:16px; margin: 0px 5px; padding:7px 2px;}
.paging2 a.first, .paging a.last {width:24px; height: 24px; }
.paging2 a.on {color:#f03d41; font-size:20px; border-bottom:3px solid #f03d41}

.we_make_view {margin: 50px 0px 20px 0px; position: relative; padding:0px 30px; }
.we_make_view .pic {padding-bottom: 100%; position: relative; border-radius:20px; overflow: hidden; margin: 0 auto;}
.we_make_view .pic img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.we_make_view .v_bt {display: block; position: absolute; top: 50%; transform: translateY(-50%); padding:5px; margin: 0px; background: #fff; border-radius:100%; box-shadow: 1px 4px 6px #d6d6d6; }
.we_make_view .prev {left:0px;}
.we_make_view .next {right:0px;}

.we_tit {padding: 0px 20px 0px 20px;}
.we_tit > span {display: inline-block; line-height:30px; color: #fff; background: #e82c35; font-size:14px; font-weight:400; text-align: center; padding: 0px 36px; position: relative;}
.we_tit > span:before {display: block; content: ""; width: 20px; height: 110%; background: #fff; position: absolute; left: -14px; top:-2px;
    transform: skewX(-17deg);}
.we_tit > span:after {display: block; content: ""; width: 20px; height: 110%; background: #fff; position: absolute; right: -14px; top:-2px;
    transform: skewX(-17deg);}
.we_make_view_info {padding: 0px 20px; max-height: 400px; overflow-y: auto; overflow-x: hidden; margin: 0 auto; font-size:13px; line-height: 140%; color: #666666;}




.layerPop {-webkit-overflow-scrolling: touch; overflow-y: auto; width: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999;/*background:#d7d7d7;*/ zoom: 1;}
.layerPop .pop_title2 {font-size: 2.5em; color: #333; line-height: 150%; margin-bottom: 10px; padding: 0px 10px; text-align: center;}
.layerPop_inner {width: 100%; height: 100%; padding: 15px; display: table; position: relative; margin: 0 auto; box-sizing: border-box;}
.pop_wrap {display: table-cell; vertical-align: middle; position: relative;}
.pop_wrap .pop_body {padding:25px 10px 30px 10px; font-size:13px; background: #fff; word-break: keep-all; border-radius:30px;}
.pop_wrap .pop_body .btns {padding-top: 20px;}
.pop_wrap .pop_wrap_in {width:100%; margin: 0 auto; position: relative; }
.pop_wrap .x_btn {position: absolute; right:10px; top:10px; display: block; cursor: pointer; margin: 0px; background: none}
.pop_wrap .pop_head {background: #fdce00; position: relative;}
.pop_wrap .pop_head .title {font-size:18px; line-height:150%; color: #000; padding:15px 45px 15px 15px; text-align: left; font-weight:500;}
.pop_wrap .pop_head .title.tc {padding-left:45px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color: #646464; text-align: center; padding: 0px 0px 30px 0px;}
.pop_wrap .x_btn1 {position: absolute; right:10px; top:10px; cursor: pointer}
.pop_wrap .x_btn2 {position: absolute; right:0px; bottom:0px; }
.pop_wrap .x_btn3 {position: absolute; right:0px; bottom:-42px; }
.pop_body .btn-tc {padding: 20px 0px 20px 0px; margin-top:25px;}
.pop_body .btn-tc > a {margin: 0px 10px;}