body {font-family:'NanumGothic',dotum;} #wrapper{position:relative; width:100%; min-width:1000px; z-index: 1;} #skipnavigation{position:absolute; width:0; height:0; line-height:0; left:-999px; overflow:hidden; visibility:hidden;} /* ggnb_left_top */ .playground_cnts_top {background:#4f4241;margin: 0px auto; width: 100%; height: 29px; border-bottom-color: #272120; border-bottom-width: 1px; border-bottom-style: solid; position: relative; z-index: 9999;} .playground_cnts_top ul.util_left{width: 420px; height: 30px; position: absolute; left: 47.75%; margin-left: -470px; top: 0px; } .playground_cnts_top ul.util_left li{float: left;} /* ggnb_topmenu_right */ .playground_cnts_top ul.util_right{height:18px; position: absolute; right: 50%; margin-right: -500px; top: 6px; text-align:right;} .playground_cnts_top ul.util_right li{float: left; margin:0 5px;font-size:11px; letter-spacing:-1px; padding-top:3px; line-height:14px; color:#ccc;} .playground_cnts_top ul.util_right li a{color:#cfcece; font-size:11px; line-height:14px;} .playground_cnts_top ul.util_right li a img {margin-top:-1px;]} .playground_cnts_top ul.util_right li #sub1{position: absolute; top: 0; left: 0;} .playground_cnts_top ul.util_right .btn{padding:0 !important; margin-top:0;} .playground_cnts_top ul.util_right .line{background:url(../images/microsite/util_rigntLine.gif) no-repeat 0 4px; width:1px; height:14px;} .playground_cnts_top ul.util_right a.mypage{color:#bb8283; line-height:14px;} .playground_cnts_top ul.util_right .save_user{color:#fff; font-size:12px; line-height:19px;} .playground_cnts_top ul.util_right .save_user strong {color:#ccc;} .member_facebook{background:url(../images/util/icon_facebook.gif) no-repeat; text-indent:-9999px; display:inline-block; width:15px; height:15px; margin-right:5px; float:left;} .member_twitter{background:url(../images/util/icon_twitter.gif) no-repeat; text-indent:-9999px; display:inline-block; width:15px; height:15px; margin-right:5px; float:left;} /* gnb_campain_layout */ .CampaignList{width:240px; background:#fff; border:2px solid #666; /* background:url(../images/util/Campaign_bg.gif) no-repeat; */ position:absolute; top:29px; left:52.3%; margin-left: -252px; z-index: 9999;} .CampaignList ul{padding:0 14px; padding-top:6px;} .CampaignList ul li{height:39px; padding-top:7px; border-bottom: 1px dashed #ddd;} .CampaignList ul li span.Campaign_icon{width:32px; margin-right:6px;} .Campaign_close{position:relative;} .Campaign_close ul{height:26px; padding:0 10px; background:#f4f5f7;} .Campaign_close ul li{border:none;font-size:11px; display:block; vertical-align:top; height:15px;} .btn_campaign_go{display:block;text-align:right;} .btn_campaign_go a{background:url(../images/util/bullet01.gif) no-repeat right 5px; height:16px; display:inline-block;padding-right:5px;} /*container*/ #container {text-align:center;min-width:1000px;} #container .contents {margin-left:auto;margin-right:auto;text-align:left;width:1000px;background-color:#ffffff;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;} /* footer */ #playground_footer{width:100%; height:auto;} #playground_footer .inner{width:1000px; margin:0 auto; position:relative;padding-top:45px;padding-bottom:45px;border-top:1px solid #d8d8d8;} #playground_footer .inner .footer_ci{float:left;display:table;} #playground_footer .inner .footer_ci li{display:table-cell;padding-right:14px;padding-left:15px;background:url("/webPub/0_sck2014/images/playground/foot_part.png") no-repeat left center;vertical-align:middle;} #playground_footer .inner .footer_ci li:first-child {background:none;padding-left:37px;} #playground_footer .inner .copyright{position:absolute; top:52px; right:255px;} #playground_footer .inner .ft_logo{float:right; margin-right:100px;margin-top:-4px;} /* wrapper */ #wrapper {text-align:center;min-width:1000px;} body {background-color:#fef5ea;} /* playground - top */ .playground_main_banner .visual {position:relative;z-index:5;width:1000px;margin-left:auto;margin-right:auto;} .playground_main_banner .share_btns {position:absolute;z-index:15;left:70px;top:22px;} .playground_main_banner .share_btns li {float:left;margin-right:20px;height:24px;} .playground_main_banner .share_btns li img {opacity:0;filter:alpha(opacity=0);} .playground_main_banner .share_btns li.txt {background:url("/webPub/0_sck2014/images/playground/visual_share_w.png") no-repeat center center;} .playground_main_banner .share_btns li.sc {background:url("/webPub/0_sck2014/images/playground/visual_share_sc_w.png") no-repeat center center;} .playground_main_banner .share_btns li.fb {background:url("/webPub/0_sck2014/images/playground/visual_share_fb_w.png") no-repeat center center;} .playground_main_banner .share_btns li.twitter {background:url("/webPub/0_sck2014/images/playground/visual_share_tw_w.png") no-repeat center center;} .playground_main_banner .share_btns.b li.txt {background:url("/webPub/0_sck2014/images/playground/visual_share_b.png") no-repeat center center;} .playground_main_banner .share_btns.b li.sc {background:url("/webPub/0_sck2014/images/playground/visual_share_sc_b.png") no-repeat center center;} .playground_main_banner .share_btns.b li.fb {background:url("/webPub/0_sck2014/images/playground/visual_share_fb_b.png") no-repeat center center;} .playground_main_banner .share_btns.b li.twitter {background:url("/webPub/0_sck2014/images/playground/visual_share_tw_b.png") no-repeat center center;} .playground_main_banner .rollingArea {overflow:hidden;position:relative;z-index:10;} .playground_main_banner .rollingArea #slides .slidesjs-slide {position:absolute;left:0;top:0;width:1000px;height:416px;} .playground_main_banner .rollingArea #slides .slidesjs-pagination {position:absolute;z-index:10;left:70px;bottom:16px;text-align:center;} .playground_main_banner .rollingArea #slides .slidesjs-pagination .slidesjs-pagination-item {display:inline-block;} .playground_main_banner .rollingArea #slides .slidesjs-pagination .slidesjs-pagination-item a {background:url("/webPub/0_sck2014/images/playground/rolling_page_off.png") no-repeat center center;display:inline-block;width:17px;height:17px;overflow:hidden;text-indent:-999px;} .playground_main_banner .rollingArea #slides .slidesjs-pagination .slidesjs-pagination-item a.active {background:url("/webPub/0_sck2014/images/playground/rolling_page_on.png") no-repeat center center;} .playground_main_banner .rollingArea #slides .slidesjs-navigation {display:none;} /* tab */ .tabArea {position:relative;overflow:hidden;width:100%;} .tabArea .Tab {width:105%;overflow:hidden;} .tabArea .Tab li {float:left;} .tabArea .Tab:after {content:"";height:0;overflow:hidden;display:block;} /* news_new */ .news_wrap_new {} .news_wrap_new {padding:34px 60px;} .news_wrap_new div.gide11_news_serch { height: 23px; padding-bottom:10px; text-align:right; margin-left:-2px; } .news_wrap_new div.gide11_news_serch .search {display:inline-block;margin-right:-2px;} .news_wrap_new div.gide11_news_serch:after {content:"";overflow:hidden;clear:both;height:0;display:block;} .news_wrap_new div.gide11_news_serch span.gide11_news_serch01 { width: 61px; display: inline-block; } .news_wrap_new div.gide11_news_serch span.gide11_news_serch01 .sbHolder { display:inline-block; width:65px; text-align:left; } .news_wrap_new div.gide11_news_serch .search {} .news_wrap_new div.gide11_news_serch .search input[type=text] {vertical-align:top;height:21px;margin-right:-4px;width:102px;} /* .news_wrap_new .Tab01_list {clear:both;width:100%;overflow:hidden;border-top:1px solid #aeabaa;border-bottom:1px solid #aeabaa;padding-top:30px;} .news_wrap_new .Tab01_list > ul {width:105%;} .news_wrap_new .Tab01_list > ul:after {content:"";clear:both;display:block;height:0;overflow:hidden;} .news_wrap_new .Tab01_list > ul li {float:left;width:280px;height:233px;overflow:hidden;margin-right:20px;} .news_wrap_new .Tab01_list > ul li > a {display:block;} .news_wrap_new .Tab01_list > ul li > a .img {margin-bottom:9px;display:block;width:280px;height:180px;overflow:hidden;} .news_wrap_new .Tab01_list > ul li > a .img img {width:280px;height:180px;} .news_wrap_new .Tab01_list > ul li > a .title {display:block;color:#606060;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:10px;font-weight:700;} .news_wrap_new .Tab01_list > ul li.active > a .img {border:3px solid #ff0000;width:274px;height:174px;} .news_wrap_new .Tab01_list > ul li.active > a .img img {width:280px;height:180px;margin-left:-3px;margin-top:-3px;} .news_wrap_new .Tab01_list > ul li.active > a .title {color:#333333;} .news_wrap_new .Tab01_list > ul li.noResult {width:880px;margin-right:0;padding-top:67px;padding-bottom:97px;float:none;text-align:center;height:auto;} .news_wrap_new .Tab01_list > ul li.noResult span {display:block;font-size:15px;color:#5d5d5d;margin-bottom:19px;} .news_wrap_new .Tab01_list > ul li.noResult a {display:inline-block;} */ .news_wrap_new .Tab01_list{width:876px; overflow:hidden; border-top:2px solid #5e5e5e; border-bottom:1px solid #5e5e5e; margin:0 auto; } .news_wrap_new .Tab01_list01{width:100%; overflow:hidden; padding:22px 9px 22px 0; border-bottom:1px dotted #ababab;} .news_wrap_new .Tab01_list01 h1{float:left; width:165px; height:106px; margin-right:18px;} .news_wrap_new .Tab01_list01 h1 img{width:165px; height:106px;} .news_wrap_new .Tab01_list01 ul{float:left; } .news_wrap_new .Tab01_list01 ul.Txt{width:513px; margin-right:18px;} .news_wrap_new .Tab01_list01 ul.Txt li.Txt_01{color:#606060; margin-bottom:14px;} .news_wrap_new .Tab01_list01 ul.Txt li.Txt_02{ letter-spacing:-0.5px; color:#888888;} .news_wrap_new .Tab01_list01 ul.Txt li span{ color:#e94f60;} .news_wrap_new .Tab01_list01 ul.Txt02 {width:160px;} .news_wrap_new .Tab01_list01 ul.Txt02 li{height:48px; padding-top:38px; color:#888888;text-align:right;} .news_wrap_new .Tab01_list01:last-child{border-bottom:0;} .news_wrap_new .Tab01_view{border-top:2px solid #5e5e5e;padding-bottom:70px;} .news_wrap_new .Icon_Area_news{position: relative;height: 34px; clear: both;} .news_wrap_new ul.icon_news{display: block;padding-right: 1px; height: 23px; float: right;} .news_wrap_new ul.icon_news li{float: left;} .news_wrap_new ul.icon_news li.sns{width: 20px; height: 20px; padding-top: 1px;} .news_wrap_new ul.icon_news li.take{width: 63px; height: 23px;} .news_wrap_new ul.icon_news li.print{width: 50px; height: 23px;} .news_wrap_new .view_news {position:relative;overflow:hidden;} .news_wrap_new .view_news.active {max-height:100%;overflow:visible;} .news_wrap_new .view_news.active .moreBtn {display:none;} .news_wrap_new .view_news .moreBtn { font-size:16px;color:#333333;text-align:center;padding-top:18px;padding-bottom:20px; position:absolute;width:100%;bottom:0;left:0;background-color:rgba(255,255,255,.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF); } .news_wrap_new .view_news .moreBtn span {font-weight:700;display:inline-block;padding-right:34px;background:url("/webPub/0_sck2014/images/playground/more_arrow_def.png") no-repeat right center;} .news_wrap_new table.view_news span.txBold{font-weight:bold; font-size: 11px;} .news_wrap_new table.view_news span.txColor{color:#777; font-size: 11px;} .news_wrap_new table.view_news td.title_news{text-indent: 18px; font-size: 14px; font-weight:bold; height:42px; letter-spacing:-1px; color:#666; border-bottom: 1px solid #aeabaa;} .news_wrap_new table.view_news td.title_news2{font-size:12px;border-bottom: 1px solid #aeabaa; text-align: right;} .news_wrap_new td.titlefile_news span.icon_dh{display:inline-block; height:16px; vertical-align:middle; text-indent: -2px;} .news_wrap_new td.titlefile_news span.titlefile_news0{display:inline-block; text-indent: 18px; color:#666; *text-indent: 10px;} .news_wrap_new td.textarea_last_news{color:#444; letter-spacing:-0.6px;} .news_wrap_new td.textarea_last_news span.tx_Size{font-size:15px; font-weight:bold;} .news_wrap_new table.view_news td.textarea_last_news{line-height:20px; padding:33px 27px 41px 27px;font-family: ³ª´®°íµñ, NanumGothic;} .news_wrap_new td.textarea_last_news span.textare_img{width: 100%; display: inline-block; overflow: hidden; padding:25px 0 13px 0; text-align: center;} .news_wrap_new td.textarea_last_news p.subtext{text-align: center;} .news_wrap_new td.textarea_last_news span.textare_img_explanation{display:inline-block; padding:0 0 27px 0px; width:550px; margin: 0 auto; color:#999; line-height:18px; text-align: left;} .news_wrap_new td.textarea_last_news span.tx_Bold{font-weight:bold; color:#575555;} .news_wrap_new div.view_bottom_list_news{width: 100%; height: 64px; border-top: 1px solid #aeabaa; border-bottom: 1px solid #aeabaa; clear: both;} .news_wrap_new div.view_bottom_list_news div.prev{width:100%; height: 32px; border-bottom: 1px dotted #e1e0e0; font-size: 12px;font-family: dotum;} .news_wrap_new div.view_bottom_list_news div.prev span.btn_text{display:block; float: left; padding: 7px 25px 0 12px; color: #e24b3b;font-family: dotum; } .news_wrap_new div.view_bottom_list_news div.prev span.title{padding: 7px 0 0 0; color: #555;font-family: dotum; color:#555; display:block; float:left;} .news_wrap_new div.view_bottom_list_news div.prev span.date{display:block; float: right; padding: 7px 16px 0 0; color: #888;} .news_wrap_new div.view_bottom_list_news div.next{width: 100%; height: 32px; font-size: 12px;font-family: dotum;} .news_wrap_new div.view_bottom_list_news div.next span.btn_text{display: block; float: left; padding: 7px 13px 0 12px; color: #e24b3b; font-family: dotum;} .news_wrap_new div.view_bottom_list_news div.next span.title{padding: 7px 0 0 0; color: #555; display: block; float:left;} .news_wrap_new div.view_bottom_list_news div.next span.date{display: block; float: right; padding: 7px 16px 0 0; color: #888;} .news_wrap_new div.dlswocodyd span.dlswocodyd_bt{display:block; float:right; margin:12px 0 0 0;} /* play test */ .playTest {padding:70px 60px;} .playTest .start_sec1 {background:url('/webPub/0_sck2014/images/playground/playTest_sec1_bg.jpg') no-repeat right 50px;padding-bottom:35px;} .playTest .start_sec1 .title {margin-bottom:17px;} .playTest .start_sec1 .subtitle {margin-bottom:17px;} .playTest .start_sec1 .text {margin-bottom:35px;} .playTest .start_sec2 .subtitle {margin-bottom:17px;} .playTest .start_sec2 .text {margin-bottom:30px;} .playTest .start_sec2 .info_input {border:1px solid #e0dbd6;padding:40px 20px;} .playTest .start_sec2 .info_input img {vertical-align:middle;} .playTest .start_sec2 .info_input > ol {display:table;width:100%;} .playTest .start_sec2 .info_input > ol > li {display:table-cell;text-align:left;} .playTest .start_sec2 .info_input > ol > li.num1 {width:37%;} .playTest .start_sec2 .info_input > ol > li.num1 .sbHolder {width:220px;} .playTest .start_sec2 .info_input > ol > li.num2 {width:25%;} .playTest .start_sec2 .info_input > ol > li.num2 .sbHolder {width:120px;} .playTest .start_sec2 .info_input > ol > li.num3 {} .playTest .start_sec2 .info_input > ol > li.num3 .sbHolder {width:200px;} .playTest .sbHolder {width:auto;display:inline-block;height:24px;min-width:100px;vertical-align:middle;margin:0;padding:0;} .playTest .sbSelector {display:block;height:24px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;} .playTest .sbToggle {background:url('/webPub/0_sck2014/images/playground/playTest_select_arrow.png') no-repeat right center;width:100%;display:inline-block;height:24px;top:0px;} .playTest .sbOptions {overflow-y:auto;} .playTest .sbOptions li a {white-space:nowrap;display:block;} .playTest .message {margin-top:14px;padding-bottom:5px;} .playTest .btnArea {position:relative;margin-top:30px;text-align:center;min-height:52px;} .playTest .btnArea .posR {position:absolute;right:0;bottom:0;} .playTest.StepPage {} .playTest.StepPage .stepbg {height:62px;overflow:hidden;background:url('/webPub/0_sck2014/images/playground/playTest_step_bg.jpg') no-repeat 0 0;margin-bottom:40px;} .playTest.StepPage .stepbg span {display:hidden;} .playTest.StepPage .stepbg.step1 {background-position:left 0;} .playTest.StepPage .stepbg.step2 {background-position:left -62px;} .playTest.StepPage .stepbg.step3 {background-position:left -124px;} .playTest.StepPage .stepbg.step4 {background-position:left -186px;} .playTest.StepPage .stepTitle {padding-bottom:20px;position:relative;} .playTest.StepPage .stepTitle .posR {position:absolute;right:0;top:0;font-size:18px;word-spacing:-3px;} .playTest.StepPage .questionBox {border:1px solid #e0dad5;padding:40px 20px;background-repeat:no-repeat;background-position:right bottom;} .playTest.StepPage .questionBox .title {margin-bottom:30px;} .playTest.StepPage .questionBox .selAnswer > ul {width:100%;} .playTest.StepPage .questionBox .selAnswer > ul:after {content:"";clear:both;display:block;height:0;overflow:hidden;} .playTest.StepPage .questionBox .selAnswer > ul.cols2 > li {float:left;width:50%;min-height:225px;} .playTest.StepPage .questionBox .selAnswer > ul.cols2.notitle > li {min-height:170px;} .playTest.StepPage .questionBox .selAnswer > ul.cols2.notitle > li > dl {padding-left:15px;} .playTest.StepPage .questionBox .selAnswer > ul.cols2.short > li {width:37.5%;} .playTest.StepPage .questionBox .selAnswer > ul > li dl {padding-left:35px;line-height:22px;font-size:14px;} .playTest.StepPage .questionBox .selAnswer > ul > li dt {font-weight:bold;} .playTest.StepPage .questionBox .selAnswer > ul > li dt .num {color:#f15b57;} .playTest.StepPage .questionBox .selAnswer > ul > li dd {padding-left:18px;} .playTest.StepPage .questionBox .selAnswer > ul > li dd li {margin-top:10px;} .playTest.StepPage .questionBox .selAnswer > ul > li dd li input {margin:0;padding:0;vertical-align:middle;} .playTest.StepPage .questionBox.q0 {background-image:url('/webPub/0_sck2014/images/playground/answer_q1_bg.jpg');} .playTest.StepPage .questionBox.q1 {background-image:url('/webPub/0_sck2014/images/playground/answer_q2_bg.jpg');} .playTest.StepPage .questionBox.q2 {background-image:url('/webPub/0_sck2014/images/playground/answer_q3_bg.jpg');} .playTest.StepPage .questionBox.q3 {background-image:url('/webPub/0_sck2014/images/playground/answer_q4_bg.jpg');} .playTest.StepPage .questionBox.q4 {background-image:url('/webPub/0_sck2014/images/playground/answer_q5_bg.jpg');} .playTest.StepPage .questionBox.q5 {background-image:url('/webPub/0_sck2014/images/playground/answer_q6_bg.jpg');} .playTest.StepPage .questionBox.q6 {background-image:url('/webPub/0_sck2014/images/playground/answer_q7_bg.jpg');} .playTest.StepPage .questionBox.q7 {background-image:url('/webPub/0_sck2014/images/playground/answer_q8_bg.jpg');} .playTest.StepPage .questionBox.q8 {background-image:url('/webPub/0_sck2014/images/playground/answer_q9_bg.jpg');} .playTest.StepPage .questionBox.q9 {background-image:url('/webPub/0_sck2014/images/playground/answer_q10_bg.jpg');} .playTest.StepPage .questionBox.q10 {background-image:url('/webPub/0_sck2014/images/playground/answer_q11_bg.jpg');} .playTest.StepPage .questionBox.q11 {background-image:url('/webPub/0_sck2014/images/playground/answer_q12_bg.jpg');} .playTest.StepPage .questionBox.q12 {background-image:url('/webPub/0_sck2014/images/playground/answer_q13_bg.jpg');} .playTest.StepPage .questionBox.q13 {background-image:url('/webPub/0_sck2014/images/playground/answer_q14_bg.jpg');} .playTest.StepPage .questionBox.q14 {background-image:url('/webPub/0_sck2014/images/playground/answer_q15_bg.jpg');} .playTest.StepPage .questionBox.q15 {background-image:url('/webPub/0_sck2014/images/playground/answer_q16_bg.jpg');} .playTest.StepPage .questionBox.q16 {background-image:url('/webPub/0_sck2014/images/playground/answer_q17_bg.jpg');} .playTest.StepPage .btnArea input[type="image"] {display:none;} .playTest.StepPage .test_description {margin-top:30px;display:none;} /* play test */ .playTest.Complate {} .playTest.Complate .sec1 {padding-bottom:70px;border-bottom:2px solid #f15a57;} .playTest.Complate .sec1 > .title {margin-bottom:18px;} .playTest.Complate .sec1 > .subtitle {margin-bottom:38px;} .playTest.Complate .sec1 > .box {border:1px solid #e0dad5;padding:50px 30px 50px 27px;} .playTest.Complate .sec1 > .box:after {content:"";clear:both;display:block;overflow:hidden;height:0;} .playTest.Complate .sec1 > .box .graph {float:left;position:relative;width:240px;height:403px;background:url('/webPub/0_sck2014/images/playground/playTest_complate_sec1_barbg.jpg') no-repeat left top;} .playTest.Complate .sec1 > .box .graph .average {position:absolute;left:12px;margin-bottom:-46px;padding-right:34px;background:url('/webPub/0_sck2014/images/playground/playTest_complate_sec1_pin.png') no-repeat right top;font-weight:bold;font-size:14px;color:#444444;letter-spacing:-1px;word-spacing:-1px;line-height:16px;} .playTest.Complate .sec1 > .box .graph .average strong {font-size:20px;display:inline-block;margin-top:10px;color:#846d5e;} .playTest.Complate .sec1 > .box .graph .bar {position:absolute;left:106px;bottom:3px;width:40px;background-color:#ff5551;} .playTest.Complate .sec1 > .box .graph .playState {position:absolute;left:155px;margin-bottom:-46px;font-weight:bold;font-size:14px;color:#444444;letter-spacing:-1px;word-spacing:-1px;line-height:16px;} .playTest.Complate .sec1 > .box .graph .playState strong {font-size:20px;display:inline-block;margin-top:10px;color:#ff5551;} .playTest.Complate .sec1 > .box .resultArea {float:right;width:534px;} .playTest.Complate .sec1 > .box .resultArea .result {background-color:#f4f0ec;padding:2px;} .playTest.Complate .sec1 > .box .resultArea .result:after {content:"";clear:both;display:block;overflow:hidden;height:0;} .playTest.Complate .sec1 > .box .resultArea .result .score {float:left;padding-left:40px;padding-top:70px;} .playTest.Complate .sec1 > .box .resultArea .result .score img {display:block;} .playTest.Complate .sec1 > .box .resultArea .result .score strong {color:#ff5551;font-size:36px;display:inline-block;margin-top:10px;} .playTest.Complate .sec1 > .box .resultArea .result .img {float:right;} .playTest.Complate .sec1 > .box .resultArea .result .img img {vertical-align:top;} .playTest.Complate .sec1 > .box .resultArea .description {margin-top:9px;} .playTest.Complate .sec1 > .box .resultArea .contTitle {margin-top:30px;} .playTest.Complate .sec1 > .box .resultArea .contText {margin-top:18px;} .playTest.Complate .sec2 {padding-bottom:70px;border-bottom:2px solid #f15a57;margin-top:70px;} .playTest.Complate .sec2 > .title {margin-bottom:18px;} .playTest.Complate .sec2 > .subtitle {margin-bottom:38px;} .playTest.Complate .sec2 > .description {margin-top:20px;} .playTest.Complate .sec2 > .description img {vertical-align:middle;} .playTest.Complate .sec3 {padding-bottom:50px;border-bottom:2px solid #f15a57;margin-top:70px;} .playTest.Complate .sec3 > .title {margin-bottom:18px;} .playTest.Complate .sec3 > .subtitle {margin-bottom:38px;} .playTest.Complate .sec3 > .box {border:1px solid #e0dad5;padding:40px 30px 50px 27px;} .playTest.Complate .sec3 > .box .inside {padding-bottom:50px;} .playTest.Complate .sec3 > .box .inside:after {content:"";clear:both;display:block;overflow:hidden;height:0;} .playTest.Complate .sec3 > .box .place {float:left;width:405px;} .playTest.Complate .sec3 > .box .place .contTit {} .playTest.Complate .sec3 > .box .place .contText {margin-top:15px;} .playTest.Complate .sec3 > .box .place .placeBox {margin-top:20px;position:relative;width:342px;height:380px;background-position:left top;background-repeat:no-repeat;background-image:url('/webPub/0_sck2014/images/playground/playTest_map_def.jpg');} .playTest.Complate .sec3 > .box .place .placeBox button {border:none;outline:none;background:transparent;display:block;width:43px;height:43px;cursor:pointer;position:absolute;} .playTest.Complate .sec3 > .box .place .placeBox.seoul {background-image:url('/webPub/0_sck2014/images/playground/playTest_map_seoul.jpg');} .playTest.Complate .sec3 > .box .place .placeBox.kw {background-image:url('/webPub/0_sck2014/images/playground/playTest_map_kw.jpg');} .playTest.Complate .sec3 > .box .place .placeBox.ic {background-image:url('/webPub/0_sck2014/images/playground/playTest_map_ic.jpg');} .playTest.Complate .sec3 > .box .place .placeBox.cb {background-image:url('/webPub/0_sck2014/images/playground/playTest_map_cb.jpg');} .playTest.Complate .sec3 > .box .place .placeBox.kb {background-image:url('/webPub/0_sck2014/images/playground/playTest_map_kb.jpg');} .playTest.Complate .sec3 > .box .place .placeBox.dg {background-image:url('/webPub/0_sck2014/images/playground/playTest_map_dg.jpg');} .playTest.Complate .sec3 > .box .place .placeBox.kn {background-image:url('/webPub/0_sck2014/images/playground/playTest_map_kn.jpg');} .playTest.Complate .sec3 > .box .place .placeBox.jn {background-image:url('/webPub/0_sck2014/images/playground/playTest_map_jn.jpg');} .playTest.Complate .sec3 > .box .place .placeBox.kj {background-image:url('/webPub/0_sck2014/images/playground/playTest_map_kj.jpg');} .playTest.Complate .sec3 > .box .place .placeBox.cn {background-image:url('/webPub/0_sck2014/images/playground/playTest_map_cn.jpg');} .playTest.Complate .sec3 > .box .place .placeBox.jj {background-image:url('/webPub/0_sck2014/images/playground/playTest_map_jj.jpg');} .playTest.Complate .sec3 > .box .place .placeBox.jb {background-image:url('/webPub/0_sck2014/images/playground/playTest_map_jb.jpg');} .playTest.Complate .sec3 > .box .place .placeBox.bs {background-image:url('/webPub/0_sck2014/images/playground/playTest_map_bs.jpg');} .playTest.Complate .sec3 > .box .place .placeBox.kk {background-image:url('/webPub/0_sck2014/images/playground/playTest_map_kk.jpg');} .playTest.Complate .sec3 > .box .place .placeBox.dj {background-image:url('/webPub/0_sck2014/images/playground/playTest_map_dj.jpg');} .playTest.Complate .sec3 > .box .place .placeBox.us {background-image:url('/webPub/0_sck2014/images/playground/playTest_map_us.jpg');} .playTest.Complate .sec3 > .box .place .placeBox button.seoul {left:65px;top:51px;} .playTest.Complate .sec3 > .box .place .placeBox button.kw {left:139px;top:60px;} .playTest.Complate .sec3 > .box .place .placeBox button.ic {left:0px;top:94px;} .playTest.Complate .sec3 > .box .place .placeBox button.cb {left:118px;top:146px;} .playTest.Complate .sec3 > .box .place .placeBox button.kb {left:193px;top:151px;} .playTest.Complate .sec3 > .box .place .placeBox button.dg {left:154px;top:182px;} .playTest.Complate .sec3 > .box .place .placeBox button.kn {left:138px;top:243px;} .playTest.Complate .sec3 > .box .place .placeBox button.jn {left:33px;top:280px;} .playTest.Complate .sec3 > .box .place .placeBox button.kj {left:90px;top:267px;} .playTest.Complate .sec3 > .box .place .placeBox button.cn {left:28px;top:143px;} .playTest.Complate .sec3 > .box .place .placeBox button.jj {left:0px;top:326px;} .playTest.Complate .sec3 > .box .place .placeBox button.jb {left:43px;top:208px;} .playTest.Complate .sec3 > .box .place .placeBox button.bs {left:215px;top:267px;} .playTest.Complate .sec3 > .box .place .placeBox button.kk {left:103px;top:98px;} .playTest.Complate .sec3 > .box .place .placeBox button.dj {left:74px;top:164px;} .playTest.Complate .sec3 > .box .place .placeBox button.us {left:241px;top:222px;} .playTest.Complate .sec3 > .box .place .placeBox button .hidden {display:none;} .playTest.Complate .sec3 > .box .place .placeBox .scorePanel {position:absolute;right:0;top:0;width:141px;height:58px;text-align:center;font-size:18px;line-height:40px;background:url('/webPub/0_sck2014/images/playground/playTest_complate_sec3_placeTitle.gif') no-repeat left top;} .playTest.Complate .sec3 > .box .place .placeBox .scorePanel .place_data {min-height:40px;display:inline-block;padding-right:14px;background:url('/webPub/0_sck2014/images/playground/playTest_complate_sec3_part.gif') no-repeat right center;} .playTest.Complate .sec3 > .box .place .placeBox .scorePanel .score_data {min-height:40px;display:inline-block;padding-left:10px;font-weight:bold;color:#ff5551;} .playTest.Complate .sec3 > .box .averagePoint {float:right;width:409px;} .playTest.Complate .sec3 > .box .averagePoint .averageBox {margin-top:39px;height:390px;background:url('/webPub/0_sck2014/images/playground/playTest_complate_sec3_barbg.jpg') no-repeat left top;} .playTest.Complate .sec3 > .box .averagePoint .averageBox .inbox {position:relative;height:343px;} .playTest.Complate .sec3 > .box .averagePoint .averageBox .bar {position:absolute;bottom:0;width:40px;background-color:#ff5551;height:0;} .playTest.Complate .sec3 > .box .averagePoint .averageBox .bar strong {position:absolute;width:50px;top:-30px;font-size:18px;color:#333333;} .playTest.Complate .sec3 > .box .averagePoint .averageBox .bar1 {left:17px;} .playTest.Complate .sec3 > .box .averagePoint .averageBox .bar2 {left:83px;} .playTest.Complate .sec3 > .box .averagePoint .averageBox .bar3 {left:151px;} .playTest.Complate .sec3 > .box .averagePoint .averageBox .bar4 {left:219px;} .playTest.Complate .sec3 > .box .averagePoint .averageBox .bar5 {left:286px;} .playTest.Complate .sec3 > .box .averagePoint .averageBox .bar6 {left:354px;} .playTest.Complate .sec3 > .box .average_s_score {position:relative;border-top:1px solid #e0dad5;padding-top:50px;} .playTest.Complate .sec3 > .box .average_s_score:after {content:"";clear:both;overflow:hidden;display:block;height:0px;} .playTest.Complate .sec3 > .box .average_s_score .contTit {position:absolute;left:0;top:50px;} .playTest.Complate .sec3 > .box .average_s_score .s_score {float:right;display:table;width:} .playTest.Complate .sec3 > .box .average_s_score .s_score li {display:table-cell;width:280px;background:url('/webPub/0_sck2014/images/playground/playTest_complate_sec3_sexpart.png') no-repeat left top;} .playTest.Complate .sec3 > .box .average_s_score .s_score li:first-child {background:none;} .playTest.Complate .sec3 > .box .average_s_score .s_score li .man {min-height:142px;background:url('/webPub/0_sck2014/images/playground/playTest_complate_sec3_man.png') no-repeat 50px top;padding-left:120px;padding-top:17px;} .playTest.Complate .sec3 > .box .average_s_score .s_score li .woman {min-height:142px;background:url('/webPub/0_sck2014/images/playground/playTest_complate_sec3_woman.png') no-repeat 50px top;padding-left:120px;padding-top:17px;} .playTest.Complate .sec3 > .box .average_s_score .s_score li .round {display:table;width:108px;height:108px;background:url('/webPub/0_sck2014/images/playground/playTest_complate_sec3_roundBg.png') no-repeat left top;} .playTest.Complate .sec3 > .box .average_s_score .s_score li .round p {display:table-cell;width:108px;height:108px;text-align:center;vertical-align:middle;font-size:18px;color:#333333;line-height:30px;} .playTest.Complate .sec3 > .box .average_s_score .s_score li .round p strong {font-size:20px;color:#ff5551;} .playTest.Complate .sec4 {padding-top:8px;} .playTest.Complate .sec4 .txt {margin-top:30px;} .playTest.Complate .sec4 .snsBtns {margin-top:40px;position:relative;min-height:54px;} .playTest.Complate .sec4 .snsBtns .posL {position:absolute;left:0;top:0;} .playTest.Complate .sec4 .snsBtns .posL strong {display:block;} .playTest.Complate .sec4 .snsBtns .posR {position:absolute;right:0;top:0;font-size:13px;line-height:30px;} .playTest.Complate .sec4 .snsBtns .posR img {vertical-align:middle;} .playTest.Complate .sec4 .snsBtns .posR strong {padding-right:10px;} #curtain {position:fixed;z-index:30;left:0;top:0;right:0;bottom:0;background-color:#000000;opacity:0.7;filter:alpha(opacity=70);display:none;} /* layer */ .layer {position:absolute;z-index:35;left:50%;top:50%;display:none;} .layer .layer_insideWrap {position:relative;background-color:#ffffff;border:5px solid #e0dad5;} .layer.realTimeState {width:926px;height:870px;top:320px;margin-left:-463px;} .layer.realTimeState .header {border-bottom:2px solid #e0dad5;padding:27px 0 28px 40px;} .layer.realTimeState .header .title {margin-bottom:14px;} .layer.realTimeState .header .subtitle {} .layer.realTimeState .iframe {} .layer.realTimeState .iframe iframe {width:100%;height:617px;overflow:hidden;overflow-y:scroll;} .layer.realTimeState .lay_close {position:absolute;right:20px;top:20px;} .layer.realTimeState .btnArea {background-color:#e0dad5;text-align:center;padding-top:30px;padding-bottom:30px;} body.iframe {background-color:#ffffff;} body.iframe .playTest.Complate {padding:40px 20px 50px 40px;} body.iframe .playTest.Complate .sec3 {margin:0;} body.iframe .playTest.Complate .sec3 > .subtitle {margin-bottom:30px;} body.iframe .playTest.Complate .sec3 > .box {border:none;padding:0;border-top:2px solid #e0dad5;padding-top:50px;} body.iframe .playTest.Complate .sec3 > .box .inside {padding-bottom:50px;} body.iframe .playTest.Complate .sec3 > .box .place {width:400px;} body.iframe .playTest.Complate .sec3 > .box .averagePoint {width:410px;} body.iframe .playTest.Complate .sec4 {padding-top:8px;padding-bottom:50px;} body.iframe .playTest.Complate .sec4 .txt {margin-top:30px;} body.iframe .playTest.Complate .sec4 .snsBtns {margin-top:50px;position:relative;min-height:54px;} body.iframe .playTest.Complate .sec4 .snsBtns .posL {position:absolute;left:0;top:0;} body.iframe .playTest.Complate .sec4 .snsBtns .posR {position:absolute;right:0;top:0;font-size:13px;line-height:30px;} body.iframe .playTest.Complate .sec4 .snsBtns .posR img {vertical-align:middle;} body.iframe .playTest.Complate .sec4 .btnArea {} /* introduce */ .introduce {padding:70px 60px;} .introduce .section1 {margin-bottom:70px} .introduce .section1 .tit {} .introduce .section1 .cont {margin-top:55px;position:relative;min-height:295px;} .introduce .section1 .cont .sit {padding-top:7px;} .introduce .section1 .cont .txt {margin-top:20px;} .introduce .section1 .cont .youtube {position:absolute;right:0;top:0px;} .introduce .section2 {margin-top:75px;} .introduce .section2 .tit {border-top:2px solid #f15a57;background:url('/webPub/0_sck2014/images/playground/dotline-x-2px.png') repeat-x left bottom;} .introduce .section2 .tit a {display:block;padding:30px 30px 30px 10px;background:url('/webPub/0_sck2014/images/playground/down_arrow.png') no-repeat 98.9% center;} .introduce .section2 .tit a.active {background:url('/webPub/0_sck2014/images/playground/up_arrow.png') no-repeat 98.9% center;} .introduce .section2 .cont {display:none;background-color:#fdfcfb;border-bottom:2px solid #e0dad5;padding:40px 20px 0 20px;} .introduce .section2 .cont .sit {margin-bottom:20px;} .introduce .section2 .imgs {margin-top:35px;} .introduce .section2 .imgs li {float:left;margin-bottom:34px;} .introduce .section2 .cont .imgs:after {content:"";display:block;height:0;overflow:hidden;clear:both;} .introduce .section2 .cont1 {margin-top:70px;min-height:210px;background:url("/webPub/0_sck2014/images/playground/section2_bg.jpg") no-repeat right bottom;padding-left:12px;} .introduce .section2 .cont1 .txt {margin-top:20px;} .introduce .section2 .news:after {content:"";display:block;height:0;overflow:hidden;clear:both;} .introduce .section3 {margin-top:70px;} .introduce .section3 > .imgArea {text-align:center;margin-top:20px;} .introduce .section3 .cont {margin-top:60px;margin-bottom:70px;} .introduce .section3 .cont .img {margin-top:20px;text-align:center;} .introduce .section3 .dlArea {border-top:2px solid #f15a57;} .introduce .section3 .dlArea dt {background:url('/webPub/0_sck2014/images/playground/dotline-x-2px.png') repeat-x left bottom;} .introduce .section3 .dlArea dt a {display:block;padding:10px;background:url('/webPub/0_sck2014/images/playground/down_arrow_sml.png') no-repeat 98.9% center;} .introduce .section3 .dlArea dt a.active {background:url('/webPub/0_sck2014/images/playground/up_arrow_sml.png') no-repeat 98.9% center;} .introduce .section3 .dlArea dd {padding:29px 20px 30px 20px;background-color:#fdfcfb;border-bottom:2px solid #e0dad5;display:none;} .introduce .section3 .dlArea .dd1:after {content:"";display:block;height:0;overflow:hidden;clear:both;} .introduce .section3 .dlArea .dd1 .leftA {float:left;} .introduce .section3 .dlArea .dd1 .txt {s} .introduce .section3 .dlArea .dd1 .txt1 {margin-top:30px;} .introduce .section3 .dlArea .dd1 .rightA {float:right;} .introduce .section3 .dlArea .dd2 {padding-bottom:50px;} .introduce .section3 .dlArea .dd2 .cols {width:100%;overflow:hidden;} .introduce .section3 .dlArea .dd2 .cols .leftA {float:left;} .introduce .section3 .dlArea .dd2 .cols .rightA {float:right;} .introduce .section3 .dlArea .dd2 .img {text-align:center;margin-top:50px;} .introduce .section3 .dlArea .dd2 .txt2 {margin-top:40px;} .introduce .section3 .dlArea .dd2 .list {margin-top:50px;} .introduce .section3 .dlArea .dd2 .list ul {display:table;margin-left:auto;margin-right:auto;} .introduce .section3 .dlArea .dd2 .list ul li {display:table-cell;padding-left:31px;padding-right:10px;text-align:left;background:url("/webPub/0_sck2014/images/playground/arrow.png") no-repeat left center;} .introduce .section3 .dlArea .dd2 .list ul li:first-child {padding-left:0;} .introduce .section3 .dlArea .dd3 {padding-bottom:50px;} .introduce .section3 .dlArea .dd3 .cols {width:100%;overflow:hidden;} .introduce .section3 .dlArea .dd3 .cols:after {content:"";display:block;clear:both;height:0;overflow:hidden;} .introduce .section3 .dlArea .dd3 .cols .leftA {float:left;width:508px;padding-left:3px;} .introduce .section3 .dlArea .dd3 .cols .rightA {float:left;} .introduce .section3 .dlArea .dd3 .txt1 {margin-top:50px;} .introduce .section3 .dlArea .dd3 .relBox {margin-top:50px;position:relative;padding-bottom:20px;} .introduce .section3 .dlArea .dd3 .relBox .intxt {margin-top:20px;} .introduce .section3 .dlArea .dd3 .relBox p:first-child {margin-top:0;} .introduce .section3 .dlArea .dd3 .relBox .posR {position:absolute;right:0;bottom:0;} .supportArea {padding:63px;} .supportArea .cols {width:100%;overflow:hidden;} .supportArea .cols:after {content:"";display:block;height:0;overflow:hidden;} .supportArea .leftA {float:left;} .supportArea .rightA {float:right;} .supportArea .section1 {background:url("/webPub/0_sck2014/images/playground/bottom_line.png") no-repeat center bottom;padding-bottom:56px;} .supportArea .section1 .leftA {padding-left:13px;} .supportArea .section1 .txt {margin-top:40px;} .supportArea .section2 {background:url("/webPub/0_sck2014/images/playground/bottom_line.png") no-repeat center bottom;padding-bottom:56px;padding-top:56px;} .supportArea .section2 .leftA {padding-left:11px;} .supportArea .section2 .txt {padding-left:3px;margin-top:20px;} .supportArea .section2 .img {padding-right:36px;} .supportArea .section3 {padding-bottom:56px;padding-top:56px;} .supportArea .section3 .leftA {padding-left:11px;} .supportArea .section3 .txt {padding-left:3px;margin-top:20px;} .supportArea .section3 .img {padding-right:36px;} .take_action {padding:70px 60px;} .take_action .section1{background:url("/webPub/0_sck2014/images/playground/img_playGuard03.png") no-repeat right 120px;} .take_action .section1 p{margin:30px 0 50px 17px} .take_action .section1 .take_action_sns {text-align:center;} .take_action .section1 .take_action_sns a{margin:0 5px;} .take_action .section2{margin:40px 0 20px 0} .take_action .section3 .hidden{display:none;}