@charset "UTF-8";

/*프로그램 랜딩 비쥬얼*/
.sd2_prg_visual_wrap{height:324px; width:100%; background:url('/sd2_images/program/img_prg_landing.jpg') no-repeat center top; background-size:cover;  }
.sd2_prg_visual_wrap .sd2_prg_visual_container{color:#fff; padding:0 40px; line-height:1}
.sd2_prg_visual_wrap .sd2_prg_visual_container h2{font:38px 'sm-800'; padding:136px 0 5px}
.sd2_prg_visual_wrap .sd2_prg_visual_container p{font:16px 'sm-400'}

/*프로그램 랜딩 아이템*/
.sd2_prg_feature_wrap {padding: 70px 28px;  position: relative; }
.sd2_prg_feature_wrap .sd2_prg_feature_container { position: relative; width: 1100px; margin: 0 auto; box-sizing: border-box; }
.sd2_prg_feature_wrap .sd2_prg_feature_container .sd2_feature_txt_wrap { padding-bottom: 27px; }
.sd2_prg_feature_wrap .sd2_prg_feature_container .sd2_feature_txt_wrap p { font-family: 'sm-400', sans-serif; color: #333; }
.sd2_prg_feature_wrap .sd2_prg_feature_container .sd2_feature_txt_wrap .sd2_feature_pa1 { padding-bottom: 8px; font-size: 22px; }
.sd2_prg_feature_wrap .sd2_prg_feature_container .sd2_feature_txt_wrap .sd2_feature_title { font: 36px 'sm-600'; line-height: 1.2; padding-bottom: 15px; }
.sd2_prg_feature_wrap .sd2_prg_feature_container .sd2_feature_txt_wrap .sd2_feature_txt { font: 16px 'sm-400'; line-height: 22px; }
.sd2_prg_feature_wrap .sd2_feature_icon { position: absolute; width: 400px; height: 200px; text-indent: -9999px; display: inline-block; text-align: center; }
.sd2_prg_feature_wrap.sd2_prg_feature_left { padding-right: 0; }
.sd2_prg_feature_wrap.sd2_prg_feature_left .sd2_prg_feature_container .sd2_feature_txt_wrap { padding-right: 400px; }
.sd2_prg_feature_wrap.sd2_prg_feature_left .sd2_feature_icon { top: 0; right: 0; }
.sd2_prg_feature_wrap.sd2_prg_feature_right { padding-left: 0; text-align: right; }
.sd2_prg_feature_wrap.sd2_prg_feature_right .sd2_prg_feature_container .sd2_feature_txt_wrap { padding-left: 400px; }
.sd2_prg_feature_wrap.sd2_prg_feature_right .sd2_feature_icon { top: 0; left: 0; }
.sd2_prg_feature_wrap.sd2_prg_feature_gray { background: #f4f4f4; }

.sd2_prg_feature_wrap.sd2_prg_feature_01 .sd2_feature_icon { background: url('/sd2_images/program/icon_landing_01.png') no-repeat center top; }
.sd2_prg_feature_wrap.sd2_prg_feature_02 .sd2_feature_icon { background: url('/sd2_images/program/icon_landing_02.png') no-repeat center top; }
.sd2_prg_feature_wrap.sd2_prg_feature_03 .sd2_feature_icon { background: url('/sd2_images/program/icon_landing_03.png') no-repeat center top; }
.sd2_prg_feature_wrap.sd2_prg_feature_04 .sd2_feature_icon { background: url('/sd2_images/program/icon_landing_04.png') no-repeat center top; }
.sd2_prg_feature_wrap.sd2_prg_feature_05 .sd2_feature_icon { background: url('/sd2_images/program/icon_landing_05.png') no-repeat center top; }
.sd2_prg_feature_wrap.sd2_prg_feature_06 .sd2_feature_icon { background: url('/sd2_images/program/icon_landing_06.png') no-repeat center top; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	.sd2_prg_feature_wrap.sd2_prg_feature_01 .sd2_feature_icon {
		background-image: url('/sd2_images/program/icon_landing_01@2x.png');
		background-size: 200px 140px;
	}

	.sd2_prg_feature_wrap.sd2_prg_feature_02 .sd2_feature_icon {
		background-image: url('/sd2_images/program/icon_landing_02@2x.png');
		background-size: 200px 140px;
	}

	.sd2_prg_feature_wrap.sd2_prg_feature_03 .sd2_feature_icon {
		background-image: url('/sd2_images/program/icon_landing_03@2x.png');
		background-size: 200px 140px;
	}

	.sd2_prg_feature_wrap.sd2_prg_feature_04 .sd2_feature_icon {
		background-image: url('/sd2_images/program/icon_landing_04@2x.png');
		background-size: 200px 140px;
	}

	.sd2_prg_feature_wrap.sd2_prg_feature_05 .sd2_feature_icon {
		background-image: url('/sd2_images/program/icon_landing_05@2x.png');
		background-size: 200px 140px;
	}

	.sd2_prg_feature_wrap.sd2_prg_feature_06 .sd2_feature_icon {
		background-image: url('/sd2_images/program/icon_landing_06@2x.png');
		background-size: 200px 140px;
	}
}

/*프로그램 배너*/
.sd2_prg_banner_wrap{height:281px; }
.sd2_prg_banner_wrap .sd2_prg_banner_container{box-sizing: border-box; height:324px; overflow:hidden; position:relative }
.sd2_prg_banner_wrap .sd2_prg_banner_container .sd2_banner_txt{float:left; padding:50px 0 0 0;  box-sizing:border-box; height:100%; position:relative; }
.sd2_prg_banner_wrap .sd2_prg_banner_container .sd2_banner_txt p{font-family:'sm-400'; color:#333}
.sd2_prg_banner_wrap .sd2_prg_banner_container .sd2_banner_txt .sd2_landing_pa1{padding-bottom:8px; font-size:22px; }
.sd2_prg_banner_wrap .sd2_prg_banner_container .sd2_banner_txt .sd2_landing_title{font:38px 'sm-800'; line-height:1.2; padding-bottom:5px; text-transform:uppercase; }
.sd2_prg_banner_wrap .sd2_prg_banner_container .sd2_banner_txt .sd2_lading_txt{font-size:16px; line-height:1.2; padding-left:1px}
.sd2_prg_banner_wrap .sd2_prg_banner_container .sd2_banner_img{float:right; position:absolute; right:0; top:50px}
.sd2_prg_banner_wrap .sd2_prg_banner_container .sd2_btn_area {position:absolute; left:0; bottom:54px; }
.sd2_prg_banner_wrap .sd2_prg_banner_container .sd2_btn_area a{display:inline-block; width:150px; height:40px;  background:#fff; border:1px solid #333; color:#333; font:16px 'sm-400'; line-height:39px; text-align:center; /*transition:all 0.sd2_1s*/; box-sizing:border-box }
.sd2_prg_banner_wrap .sd2_prg_banner_container .sd2_btn_area a:first-child{margin-right:7px}
.sd2_prg_banner_wrap .sd2_prg_banner_container .sd2_btn_area a:hover, .sd2_prg_banner_wrap .sd2_prg_banner_container .sd2_btn_area a.sd2_other_bg:hover{color:#fff; border-color:#374971; background:#374971 !important; text-decoration:none}

/*Steam 배너*/
.sd2_prg_banner_wrap.sd2_steam_banner {height: 255px; margin-top: 24px;}
.sd2_prg_banner_wrap.sd2_steam_banner .sd2_prg_banner_container {height: 255px; background:url('/sd2_images/program/content/img_landing_steam.png') no-repeat right top;}
.sd2_prg_banner_wrap.sd2_steam_banner .sd2_prg_banner_container .sd2_banner_txt {padding-top: 24px;}
.sd2_prg_banner_wrap.sd2_steam_banner .sd2_prg_banner_container .sd2_banner_txt .sd2_landing_title {width: 300px; height: 26px; background:url('/sd2_images/program/content/logo_steam.png') no-repeat center top; text-indent: -9999px; padding-bottom: 18px;}
.sd2_prg_banner_wrap.sd2_steam_banner .sd2_prg_banner_container .sd2_banner_txt .sd2_lading_txt {font: 14px 'sm-400'; line-height: 25px;}
.sd2_prg_banner_wrap.sd2_steam_banner .sd2_prg_banner_container .sd2_btn_area {bottom: 64px;}


/*Panel*/
.sd2_prg_panel p.sd2_prg_step {position: relative;}
.sd2_prg_panel p.sd2_prg_step .sd2_prg_step_dc {position: absolute; left: 63px;}

/*Steam List*/
.sd2_prg_steam_list {}
.sd2_prg_steam_list .sd2_prg_steam_item {position: relative; padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid #a2a2a2; min-height: 140px;}
.sd2_prg_steam_list .sd2_prg_steam_item:last-child {margin-bottom: 0;}
.sd2_prg_steam_list .sd2_prg_steam_item .sd2_img, .sd2_prg_steam_list .sd2_prg_steam_item .sd2_img img {width: 190px;}
.sd2_prg_steam_list .sd2_prg_steam_item .sd2_img {position: absolute; left: 0; top: 0;}
.sd2_prg_steam_list .sd2_prg_steam_item .sd2_info {padding: 0 120px 0 214px;}
.sd2_prg_steam_list .sd2_prg_steam_item .sd2_info .sd2_tit {font: 22px 'sm-400'; line-height: 21px; margin-bottom: 31px;}
.sd2_prg_steam_list .sd2_prg_steam_item .sd2_info .sd2_tit .sd2_duration {font-size: 14px; margin-left: 28px;}
.sd2_prg_steam_list .sd2_prg_steam_item .sd2_info p {font: 14px 'sm-400'; line-height: 25px;}
.sd2_prg_steam_list .sd2_prg_steam_item .sd2_info .sd2_con_list li {margin-bottom: 8px;}
.sd2_prg_steam_list .sd2_prg_steam_item .sd2_info .sd2_con_list li p {font: 14px 'sm-400';}
.sd2_prg_steam_list .sd2_prg_steam_item .sd2_btn_area {position: absolute; bottom: 22px; right: 0;}
.sd2_prg_steam_list .sd2_prg_steam_item a:hover * {color: #9BACB6;}
.sd2_prg_steam_list.sd2_prg_steam_list_play {border-top: 1px solid #a2a2a2;padding-top: 22px;}
.sd2_prg_steam_list.sd2_prg_steam_list_play .sd2_info {padding-right: 0;}

/*Steam Video Play*/
.sd2_st_video {position: relative; display: table;margin-bottom: 40px; z-index: 3;}
.sd2_st_video .sd2_st_player_wrap {width: 510px; height: 286px; float: left; }
.sd2_st_video .sd2_st_player_wrap #sd2_player {width: 510px; height: 286px;}
.sd2_st_video .sd2_st_con_nav {width: 239px; height: 238px; position: relative; overflow-y: auto; box-sizing:border-box; background: #f4f4f4; float: left; vertical-align: top; padding: 28px 24px; }
.sd2_st_video .sd2_st_con_nav ul.sd2_st_con_nav_list {}
.sd2_st_video .sd2_st_con_nav ul.sd2_st_con_nav_list li.stream_item {}
.sd2_st_video .sd2_st_con_nav ul.sd2_st_con_nav_list li.stream_item a {font: 14px 'sm-600'; height: 34px; line-height: 34px; display: block; border-left: 3px solid #f4f4f4; padding-left: 9px;}
.sd2_st_video .sd2_st_con_nav ul.sd2_st_con_nav_list li.stream_item a.selected {border-left: 3px solid #2d5cc4; color: #2d5cc4; background: #e9e9e9;}
.sd2_st_video .sd2_st_con_nav ul.sd2_st_con_nav_list li.stream_item .st_dc {display: none;}
.sd2_st_video .sd2_st_btn_area {background: #f4f4f4; position: absolute; right: 0px; bottom: 0; width: 239px; padding: 10px 24px; box-sizing:border-box; border-top: 1px solid #a2a2a2; }
.sd2_st_video .sd2_st_btn_area a {width: 27px; height: 27px; display: inline-block; text-indent: -9999px;}
.sd2_st_video .sd2_st_btn_area a.btn_st_prev {background: url('/sd2_images/program/btn_st_prev.png') no-repeat center center;}
.sd2_st_video .sd2_st_btn_area a.btn_st_next {background: url('/sd2_images/program/btn_st_next.png') no-repeat center center;}

.sd2_st_list_wrap {border-top: 1px solid #a2a2a2; border-bottom: 1px solid #a2a2a2;}
.sd2_st_list_wrap .sd2_st_list {font: 12px 'sm-400'; line-height: 30px; height: 30px; width: 100%; display: table;}
.sd2_st_list_wrap .sd2_st_list .sd2_st_label {width: 82px; display: table-cell; text-align: center;}
.sd2_st_list_wrap .sd2_st_list .sd2_st_title {padding-left: 20px; display: table-cell; background: url('/sd2_images/program/ico_st_lb.png') no-repeat left center;}
.sd2_st_list_wrap .sd2_st_list .sd2_st_title a {display: block; width: 100%;}
.sd2_st_list_wrap .sd2_st_list.sd2_st_list {border-bottom: 1px solid #e9e9e9;}

/*Program Banner*/
.sd2_prg_banner_wrap.sd2_prg_landing {height: 300px; background: url('/sd2_images/program/content/img_landing_mti.jpg') no-repeat right top; }
.sd2_prg_banner_wrap.sd2_prg_landing .sd2_prg_banner_container {height: 300px;}
.sd2_prg_banner_wrap.sd2_prg_landing .sd2_prg_banner_container .sd2_banner_txt {padding-top: 92px;}


/* MTI List */
.sd2_mti_list_wrap {background: #f4f4f4; width: 100%; float: left;}
.sd2_mti_list {}
.sd2_mti_list li {width: 180px; height: 232px; float: left; margin: 0 0 10px 20px;}
.sd2_mti_list li .sd2_mti_img {text-align: center; margin: 20px 0 14px 0;}
.sd2_mti_list li .sd2_mti_img img {}
.sd2_mti_list li .sd2_mti_tit {font: 14px 'sm-600'; line-height: 11px; margin: 0 0 10px 20px;}
.sd2_mti_list li .sd2_mti_dc {font: 12px 'sm-400'; line-height: 15px; color: #666; margin-left: 20px;}
.sd2_mti_tit:hover a {color: #666;}
.sd2_mti_img:hover img {opacity: 0.75;}

/* Early Banner */
.sd2_early_banner {padding-left: 175px;}
.sd2_early_banner.sd2_early_banner_theme {background: url('/sd2_images/program/ico_theme.png') no-repeat left top; background-position: 52px 7px; }


/**Developer Events**/
.sd2_event_txt_wrap p{font-size:16px; color:#333}
.sd2_event_list{border-bottom:1px solid #a2a2a2;}
.sd2_event_list li {border-top:1px solid #a2a2a2; }
.sd2_event_list li .sd2_event_header{border-bottom:1px solid #e9e9e9; overflow:hidden; height:36px; padding:0 10px}
.sd2_event_list li .sd2_event_header span{display:inline-block; }
.sd2_event_list li .sd2_event_header .sd2_title{color:#2d5dc4; font:16px 'sm-600' ; line-height:36px}
.sd2_event_list li .sd2_event_header .sd2_title:hover{color:#666}
.sd2_event_list li .sd2_event_header .sd2_date{float:right; color:#333; font:12px 'sm-400' ; line-height:36px; }
.sd2_event_list li .sd2_event_content{overflow:hidden; margin:22px 0; padding:0 10px}
.sd2_event_list li .sd2_event_content .sd2_event_img{float:left; width: 300px; position:relative; }
.sd2_event_list li .sd2_event_content .sd2_event_info{float:left; width:419px; font-size:14px; color:#333; margin:0 0 0 10px; line-height:1.5}
.sd2_event_list .sd2_event_btn_area{text-align:right ; margin-bottom:4px; padding:0 10px}
.sd2_line_btn{display:inline-block; border:1px solid #a2a2a2; color:#666; text-align:center; width:65px; height:25px; box-sizing:border-box; font-size:12px; line-height:25px; background:#fff; }
.sd2_line_btn:hover{background-color:#374971; border:1px solid #374971; color:#fff; }

/**Blog**/
.sd2_blog_view_wrap .sd2_view_title{font:16px 'sm-600'; color:#333; border-top:2px solid #a2a2a2; padding:10px ; border-bottom:1px solid #d6d6d6}
.sd2_blog_view_wrap .sd3_list_info{border-bottom:1px solid #d6d6d6; padding:10px; overflow:hidden; }
.sd2_blog_view_wrap .sd3_list_info span{font:12px 'sm-400'; color:#666;}
.sd2_blog_view_wrap .sd3_list_info .sd2_date{float:left; }
.sd2_blog_view_wrap .sd3_list_info .sd2_like{float:right}
.sd2_blog_view_wrap .sd2_list_con{padding:15px 10px 40px; }
.sd2_blog_view_wrap .sd2_list_history{padding-bottom:30px; border-bottom:2px solid #a2a2a2; }
.sd2_blog_view_wrap .sd2_list_history ul{border:1px solid #e9e9e9; overflow:hidden ; margin:0 10px}
.sd2_blog_view_wrap .sd2_list_history ul li{float:left; width:177px }
.sd2_blog_view_wrap .sd2_list_history ul li div{height:25px; font-size:12px; color:#333; box-sizing:border-box; line-height:25px; padding:0 25px;  }
.sd2_blog_view_wrap .sd2_list_history ul li:first-child{width:550px; }
.sd2_blog_view_wrap .sd2_list_history ul li:first-child .sd2_his_header{border-right:1px solid #fff}
.sd2_blog_view_wrap .sd2_list_history ul li:first-child .sd2_his_con{border-right:1px solid #e9e9e9}
.sd2_blog_view_wrap .sd2_list_history .sd2_his_header{background:#e9e9e9; }

.sd2_blog_view_wrap .sd2_blog_btn{padding:10px 10px 45px; overflow:hidden}
.sd2_blog_view_wrap .sd2_blog_btn .sd2_line_btn{width:100px; height:24px; }
.sd2_blog_view_wrap .sd2_blog_btn .sd2_back{float:left; }
.sd2_blog_view_wrap .sd2_blog_btn .sd2_like_btn{width:auto; background:#fff url('/sd2_images/community/icon_like_off.png') no-repeat left 14px center; padding:0 12px 0 35px ; }
.sd2_blog_view_wrap .sd2_blog_btn .sd2_like_btn:hover{background-color:#374971  }
.sd2_blog_view_wrap .sd2_blog_btn .sd2_share{float:right; }
.sd2_blog_view_wrap .sd2_blog_btn .sd2_share span{font-size:12px; color:#666; vertical-align:-2px}
.sd2_blog_view_wrap .sd2_blog_btn .sd2_share .sd2_btn_fb,
.sd2_blog_view_wrap .sd2_blog_btn .sd2_share .sd2_btn_tw{width:24px; height:24px; display:inline-block;font-size:0}
.sd2_blog_view_wrap .sd2_blog_btn .sd2_share .sd2_btn_fb{background:url('/sd2_images/community/btn_fb.png') no-repeat left top; margin:0 7px;}
.sd2_blog_view_wrap .sd2_blog_btn .sd2_share .sd2_btn_fb:hover{background-image:url('/sd2_images/community/btn_fb_hover.png')}
.sd2_blog_view_wrap .sd2_blog_btn .sd2_share .sd2_btn_tw{background:url('/sd2_images/community/btn_tw.png') no-repeat left top; margin-right:7px}
.sd2_blog_view_wrap .sd2_blog_btn .sd2_share .sd2_btn_tw:hover{background-image:url('/sd2_images/community/btn_tw_hover.png')}
.sd2_blog_view_wrap .sd2_blog_btn .sd2_share *{vertical-align:middle}

.sd2_blog_view_wrap .sd2_list_sel{border:1px solid #a2a2a2; border-right:none; border-left:none; }
.sd2_blog_view_wrap .sd2_list_sel ul li{overflow:hidden; padding:9px 0; }
.sd2_blog_view_wrap .sd2_list_sel ul li:first-child{border-bottom:1px solid #e9e9e9; }
.sd2_blog_view_wrap .sd2_list_sel ul li span{font-size:12px; color:#333; width:80px; display:inline-block; float:left;  text-align:center;position:relative; border-right:1px solid #e9e9e9 }
.sd2_blog_view_wrap .sd2_list_sel ul li a{display:inline-block; float:left;font-size:12px; color:#333; padding:0 20px }

/*읽기*/
.sd2_blog_list_wrap .sd2_event_list .sd2_event_content .sd2_event_info{margin:0; width:100%; }
.sd2_blog_list_header{overflow:hidden; margin-bottom:10px; padding:0 10px; }
.sd2_blog_list_header .sd2_list_header_left{float:left; }
.sd2_blog_list_header .sd2_list_header_right{float:right}
.sd2_blog_list_header .sd2_list_header_right .sd2_search_wrap{position:relative; height:22px; border-bottom:1px solid #666}
.sd2_blog_list_header .sd2_list_header_right .sd2_search_wrap input{border:none; background:transparent; height:22px; font:12px 'sm-400'; color:#666; width: 160px; padding:0 24px 0 10px; box-sizing:border-box; line-height:22px; }
.sd2_blog_list_header .sd2_list_header_right .sd2_search_wrap button{width:23px; height:21px; font-size:0; background:url('/sd2_images/community/forum_search.png') no-repeat center center; position:absolute; right:0; top:0; }

/*seed*/
.sd2_seed_about_wrap .sd2_seed_list{width:100%; overflow:hidden; margin-bottom:40px}
.sd2_seed_about_wrap .sd2_seed_list li{width:20%; float:left; padding-top:163px; text-align:center; font:14px 'sm-600';}
.sd2_seed_about_wrap .sd2_seed_list li.sd2_seed1{background:url('/sd2_images/program/content/seed_list1.png') no-repeat center top; }
.sd2_seed_about_wrap .sd2_seed_list li.sd2_seed2{background:url('/sd2_images/program/content/seed_list2.png') no-repeat center top; }
.sd2_seed_about_wrap .sd2_seed_list li.sd2_seed3{background:url('/sd2_images/program/content/seed_list3.png') no-repeat center top; }
.sd2_seed_about_wrap .sd2_seed_list li.sd2_seed4{background:url('/sd2_images/program/content/seed_list4.png') no-repeat center top; }
.sd2_seed_about_wrap .sd2_seed_list li.sd2_seed5{background:url('/sd2_images/program/content/seed_list5.png') no-repeat center top; }

.sd2_seed_about_wrap .sd2_seed_list li span{ display:block; }
.sd2_seed_about_wrap .sd2_seed_list li .sd2_step {color:#0077c8; padding-bottom:5px }
.sd2_seed_about_wrap .sd2_seed_list li .sd2_seed{color:#333; }
.sd2_seed_about_wrap .sd2_link_list .sd2_page .sd2_bar{font-size:12px; padding-left:20px; }

.sd2_seed_about_wrap .sd2_seed_table thead tr th {color:#333; font-size:14px; text-align:center; border:1px solid #a2a2a2; border-right:none; border-left:none; height:50px; vertical-align:middle}
.sd2_seed_about_wrap .sd2_seed_table tbody tr td{border-bottom:1px solid #e9e9e9; text-align:center;  padding:10px 0; vertical-align:middle; }
.sd2_seed_about_wrap .sd2_seed_table tbody tr td.sd2_earn{text-align:left; font-size:12px; padding-left:10px; padding-right:10px; line-height:1.5 }
.sd2_seed_about_wrap .sd2_seed_table tbody tr td.sd2_me{font-size:14px; color:#018aff; }
.sd2_seed_about_wrap .sd2_seed_table tbody tr td.sd2_author{font-size:14px; color:#c52e2e; }
.sd2_seed_about_wrap .sd2_seed_table tbody tr td .sd2_like{background:#fff url('/sd2_images/community/icon_like_off.png') no-repeat left 14px center; padding:0 12px 0 35px ; width:auto !important; }
.sd2_seed_about_wrap .sd2_seed_table tbody tr td .sd2_like:hover{background:#fff url('/sd2_images/community/icon_like_off.png') no-repeat left 14px center !important}
.sd2_seed_about_wrap .sd2_seed_table .sd2_activity .sd2_line_btn{width:80px;  }
.sd2_seed_about_wrap .sd2_seed_table .sd2_activity .sd2_line_btn:hover{border:1px solid #a2a2a2; color:#666; background:#fff; }
.sd2_seed_about_wrap .sd2_seed_table tbody tr td .sd2_facebook{margin-right:10px}