@charset "utf-8";


#wrapper{position:relative; width:100%; min-width:1000px; z-index: 1; background: #faf3e2;}
#skipnavigation{position:absolute; width:0; height:0; line-height:0; left:-999px; overflow:hidden; visibility:hidden;}

.cnts_top {border-bottom: 1px solid #DDDDDD;height: 29px;margin: 0 auto; width: 100%; background: #fff;}
.cnts_top ul.util_left{width: 420px; height: 29px; position: absolute; left: 50%; margin-left: -500px; top: 0px; }
.cnts_top ul.util_left li{float: left;}
.cnts_top ul.util_right{height: 18px; position: absolute; right: 50%; margin-right: -500px; top: 6px; text-align:right;}
.cnts_top ul.util_right li{float: left; margin:0 5px; font-family:dotum; font-size:11px; color:#7b7b7b; letter-spacing:-1px;}
.cnts_top ul.util_right li #sub1{position: absolute; top: 0; left: 0;}

.CampaignList{width:240px;position:absolute;background:#fff; top:30px; left:52.9%; margin-left: -281px; z-index: 9999;border:2px solid #767676}
.CampaignList ul{width:211px; padding:6px 18px 0 11px;}
.CampaignList > ul:after {clear: both;content: "";display: block;}
.CampaignList ul li:first-child{background:0 none}
.CampaignList ul li{width:100%;height:39px;padding-top:7px;background:url('/images/util/Campaign_bg.gif') repeat-x left top;}
.CampaignList ul li span.Campaign_icon{width:32px; margin-right:6px;}
.Campaign_close{position:relative;background:#f4f5f7; }
.Campaign_close ul{height:23px; padding-top:0;}
.Campaign_close ul li{width: auto;background:0 none; float:right; font-family:dotum; font-size:11px; display:block; vertical-align:top; height:15px;}
.Campaign_close ul li.close{float:right; margin-right:-10px; display:none;}


.btn_campaign_go{display:block;} 
.btn_campaign_go a{background:url(/webPub/0_sck2014/images/util/bullet01.gif) no-repeat 80px 5px; width:90px; height:16px;font-size:11px; display:inline-block;}
.btn_campaign_close{display:block;} 
.btn_campaign_close a{background:url(/webPub/0_sck2014/images/util/bullet02.gif) no-repeat 23px 3px; width:35px; height:16px;font-size:11px; display:inline-block;}




#container{position:relative; width:100%; background: #e75749;}
#container{zoom:1;}
#container:after{content: ''; display: block; clear: both;}
.contents{
	width: 1000px;
	padding-top: 20px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
/*
div.QuickBanner{
	top: 20px;
	right: 0;
	position: absolute;
	width: 79px;
	overflow: hidden;
}
*/
#ctf_con {
	width:1000px;
	overflow:hidden;
	padding-top:9px;
	text-align:left;
}
#ctf_lnb {float:left;
 width:202px;
  padding:0 9px 0 0;
}
#ctf_lnb dl{
	height: 481px;
	background: url(/images/ctf/menu_bg.gif) bottom no-repeat;
	font-size: 0;
	line-height: 0;
}
#ctf_lnb dl dt{
	padding-bottom: 35px;
}
#ctf_lnb dl dd{
	height: 34px;
	padding-left: 17px;
}
#ctf_lnb p.banner {width:202px; margin-top:8px; padding-bottom:15px; text-align:center; background:url(img/main_banner_bg.gif) no-repeat left bottom;}
#ctf_lnb p.banner a {display:inline-block; padding-bottom:10px;}
#ctf_con .tw {margin-top:8px; padding:0 0 80px; background:url(img/left_tw_bot.gif) no-repeat left bottom;}
#ctf_con .tw .tw_bg {padding-top:6px; background:url(img/left_tw_bg.gif) repeat-y left top;}
#ctf_con .tw p.tit {width:126px; height:27px; margin-bottom:3px; padding:47px 0 0 60px; border:1px solid #79A4BA; font-size:13px; color:#FF6C00; margin:0 auto; background:url(img/left_tw_tit.gif) no-repeat left top;}
#ctf_con .tw ul {width:186px; margin:0 auto;}
#ctf_con .tw ul li {background:#fff url(img/left_tw_boxbg.gif) no-repeat left bottom;}
#ctf_con .tw ul li p {min-height:84px; _height:84px; padding:10px 7px 2px; color:#000; line-height:17px; background:url(img/left_tw_boxdot.gif) no-repeat left bottom;}
#ctf_con .tw ul li p a {color:#2372B9;}
#ctf_con .tw ul li.end p {background:none !important;}
span.data {display:block; margin:4px 0 6px; font-size:11px; color:#888; background:url(img/left_tw_icon.gif) no-repeat right 3px;}

#ctf_content{
	float: left;
	width: 699px;
	padding: 0 0 33px 0;
	background: url(/images/ctf/right_cnt_bg.gif) left repeat-y;
}
/*#ctf_content {
	float:left;
	width:675px;
	padding:0 0 0 24px;
	background: url(/images/ctf/right_cnt_bg.gif) right repeat-y
}
*/
#ctf_content div.tit{
	position: relative;
	height: 31px;
	padding-top: 5px;
	padding-left: 10px;
	background: #e75749;
}
#ctf_content div.tit div.btn{
	position: absolute;
	right: 0;
	top: 0;
	height: 20px;
	display: block;
}
#ctf_content div.tit div.btn a{
	float: left;
}
#ctf_content div.tit div.btn a.link1{
	padding-right: 5px;
}
#ctf_content div.tit div.btn a.link2{
	padding-right: 5px;
}
#CopyArea{

}
div.modal{
	display: block;
	padding-right: 5px;
}
#CopyArea p.category{
	height: 45px;
	text-align: right;
	padding: 15px 18px 0 0;
	color: #8F7E68;
}
#CopyArea p.support{
	padding-left: 30px;
}
div.con{
	font-size: 0;
	line-height: 0;
}
.layer_support{position: absolute;right: 85px;top: 1457px;}
div.main_add{position: relative;}

/* font */
.fs_0{font-size:0;}
.fs_small {font-size:11px !important;}
.fs_normal {font-size:12px !important;}
.fs_large {font-size:13px !important;}

.fw_n {font-weight:normal !important;}

/* color */

/* float */
.nfl {float:none !important;}
.cboth {clear:both !important;}
.fl_l {float:left !important;}
.fl_r {float:right !important;}
.ov_fl {overflow:hidden !important;}

/* input */

/* width */

/* height */

/* padding */
.pdn {padding:0 !important;}
.pd_ln {padding-left:0 !important;}
.pd_rn {padding-right:0 !important;}
.pd_tn {padding-top:0 !important;}
.pd_bn {padding-bottom:0 !important;}
.pd_tn {padding-top:0 !important;}

/* margin */
.mgn {margin:0 !important;}
.mg_ln {margin-left:0 !important;}
.mg_rn {margin-right:0 !important;}
.mg_tn {margin-top:0 !important;}
.mg_bn {margin-bottom:0 !important;}
.mg_r8 {margin-right:8px !important;}
.mg_b15 {margin-bottom:15px !important;}
.mg_b70 {margin-bottom:70px !important;}

/* align */
.ag_l {text-align:left !important;}
.ag_c {text-align:center !important;}
.ag_r {text-align:right !important;}
.ag_j {text-align:justify !important;}

.va_t {vertical-align:top !important;}
.va_m {vertical-align:middle !important;}
.va_b {vertical-align:bottom !important;}

/* png */
.png24 {tmp:expression(setPng24(this));}

/* background */
.bgn {background:none !important;}

/* position */
.po_re {position:relative !important;}

/* border */
.bon {border:none !important;}
.ipt01{
	border: 1px solid #dddddd;
	height: 19px;
	line-height: 19px;
	background: #ffffff;
	padding-left: 3px;
}
.select_s4{
	height: 21px;
}

/* paging */
div.paging {height:14px; margin-top:20px; text-align:center; font-size:13px;}
div.paging span.bar {padding:0 3px; color:#DADADA !important; font-weight:normal;}
div.paging a {color:#333; font-weight:bold;}
div.paging a:hover {color:#E02F17;}
div.paging img {vertical-align:-1px; margin:0 2px;}

div.paging_bo {margin:24px 0 0 60px; width:601px;}
div.paging_bo div.paging {float:left; margin-top:3px; padding-left:27px;}
div.paging_bo a.btn {float:right; padding-right:22px;}
div.page_s1{
	text-align: center;
}
div.page_s1{width:703px;text-align:center; }
div.page_s1 ul{margin:0 auto;padding:0px;overflow:hidden;}
div.page_s1 ul li{display:inline; overflow:hidden;}
div.page_s1 ul li img{padding-left:3px;}
div.page_s1 ul li.pnum{vertical-align:top;letter-spacing:3px;height:12px;}
div.page_s1 ul li.pnum a{background:url('/sc/images/btn/bg_pageline.gif') no-repeat right top;padding:0 7px 0 7px; position:relative;top:2px;margin:0px;}
div.page_s1 ul li.pnum a.noline{background:none;padding:0 5px 0 5px;}
div.page_s1 ul li.pnum a em {color:#ED7D33;font-weight:bold;}
div.page_s1 p{font-size:12px !important; line-height:15px !important}



/*footer*/
.footer{position:relative; margin:0 auto;width:100%;text-align:center; padding:24px 0;background: #ffffff;}
.footer .inner {width: 48%; margin: 0 auto 100px auto; min-width:886px;}
.footer .inner .footer_ci{float:left; overflow:hidden;}
.footer .inner .footer_ci li{float:left;}
.footer .inner .copyright{margin-left:130px;}
.footer .inner .ft_logo{float:right;}


/* footer */
/*#footer{position:relative; width:100%; height:150px; clear:both; background: #ffffff;}
#footer h3{position: absolute; left: 50%; margin-left: -500px; top: 11px;}
#footer .footer_cnt{width: 1000px; height: 150px; margin: 0 auto; border-top: 1px solid #e0dbd6;}
#footer .footer_cnt .Fcnt_up{height: 50px; width: 1000px; background: url("/images/ctf/FotterDotte_line.gif") bottom no-repeat;}
ul.Futil_menu{float: right; height: 10px; margin-top: 21px;}
ul.Futil_menu li{float: left; padding-left: 7px; padding-right: 7px; background: url("/images/ctf/sub_util_line01.gif") 100% 2px no-repeat;}
ul.Futil_menu li a{text-decoration: none; font-family: dotum;}
ul.Futil_menu li a:hover{text-decoration: none; font-family: dotum;}
ul.Futil_menu li.foot_text{ display: block;  padding-top: 0; font-family: dotum;}
ul.Futil_menu li.Lnopd{padding-left: 0 !important;}
ul.Futil_menu li.Rnopd{padding-right: 0 !important; background: none !important;}
#footer .footer_cnt .Fcnt_down{width: 1000px; height: 99px;}
#footer .footer_cnt .Fcnt_down p.address{padding-top: 26px; font-family: dotum; font-size: 11px; color: #8d8d8d; line-height: 16px;}
#footer .footer_cnt .Fcnt_down p.address span{font-weight: bold;}*/


#familysite {z-index:3; position:absolute; right: 50%; margin-right: -500px; top: 78px;}
.familysite-inner {position:relative;}
.familysite-defult a {display:block; width:149px; height:26px; padding:0 0 0 9px;	background:url('/images/ctf/bg_family_site01.gif') no-repeat 0 0;}
.familysite-list {display:none;	position:absolute; width:136px; top:-560px; padding:15px 10px; background:#f6f6f6; border:1px solid #f2f2f2; overflow:hidden; }
.familysite-list li {font-size:11px; line-height:17px;}
.familysite-list li a {color:#8d8d8d; font-weight: normal;}
.familysite-list li a:hover{color: #555;}

#site_list {z-index:3; position:absolute; right: 50%; margin-right: -338px; top: 78px;}
#site_list .site-inner {position:relative;}
#site_list .site-defult a {display:block; width:149px; height:26px; padding:0 0 0 9px;	background:url('/images/ctf/bg_site_list01.gif') no-repeat 0 0;}
#site_list .site-list {display:none;	position:absolute; width:136px; top:-560px; padding:15px 10px; background:#f6f6f6; border:1px solid #f2f2f2; overflow:hidden; }
#site_list .site-list li {font-size:11px; line-height:17px;}
#site_list .site-list li a {color:#8d8d8d;}
#site_list .site-list li a:hover{color: #555;}


div.con {font-size:0; line-height:0; padding-left: 23px;}
div.img2 {position:relative; width:638px; height:341px; margin:65px 0;}

#img21, #img22, #img23 {position:absolute; left:0; top:0; display:none;}

#part_img1,
#part_img2,
#part_img3,
#part_img4,
#part_img5,
#part_img6 {position:absolute; overflow:hidden; left:10px; top:0;}
#part_img2,
#part_img3,
#part_img4,
#part_img5,
#part_img6 {display:none;}

div.part_area {position:relative;width: 100%; height: 700px;}
div.part_area span{display: block; padding-left: 20px;}
div.part_area div.part_div {position:absolute; width:385px; left:276px; top:105px; background:url(/images/ctf/03_img_botbg.gif) no-repeat left bottom;}
div.part_area div.part_div ul {width:315px; overflow:hidden; margin:0 0 22px 20px; padding:5px 0 20px 8px; background:url(/images/ctf/icon_dot.gif) repeat-x left bottom;}
div.part_area div.part_div ul li {float:left; width:148px; padding-left:8px; line-height:18px; background:url(/images/ctf/icon_list.gif) no-repeat left 6px;}
div.part_area div.part_div ul li a{width:100%;height:100%;font-size:12px;}
div.part_area div.part_div ul.only li {float:none; width:315px; letter-spacing:0;}
div.part_area div.part_div ul li a:hover {padding-right:12px; font-weight:bold; letter-spacing:-1px; color:#333; background:url(/images/ctf/icon_arrow.gif) no-repeat right 2px;}
div.part_area div.part_div div.info {position:relative; margin-left:30px; width:300px; height:128px;}
div.part_area div.part_div div.info dl {position:absolute; width:310px; height:120px; background:#fff;}
div.part_area div.part_div div.info dl ul {width:180px; margin-left:0; padding:10px 0 0 0; background:none;}
div.part_area div.part_div div.info dl li {float:none; width:180px; line-height:16px; font-size:11px; font-weight:normal;}
div.part_area div.part_div div.info dl dt, div.part_area div.part_div div.info dl dd {float:left; font-size:12px;}
div.part_area div.part_div div.info dl dd {font-weight:bold; letter-spacing:-1px; color:#333; padding:10px 0 0 14px;}

div.main_ctfboxbg {position:relative; width:661px; height:263px; margin:0 auto 15px;}
div.main_ctfboxbg div.ab_wrap {position:absolute; top:25px; left:40px;}
div.ab_wrap dl {width:582px; /* overflow:hidden; */ margin-bottom: 77px;height: 88px;}
div.ab_wrap dl dt {float:left;}
div.ab_wrap dl dd {padding-left:212px; line-height:20px; font-size:12px; color:#5A5A5A;}
div.ab_wrap dl a dd strong {display:inline-block; color:#000; font-size:14px; padding-bottom:5px;}
div.ab_wrap ul {margin:40px 0 0 67px;}
div.ab_wrap ul li a {font-weight:bold; color:#E75749; font-size:13px; line-height:24px;}
div.ab_wrap ul li textarea {padding:5px; line-height:20px; width:320px; margin-top:5px;}

div.stroy_list {/*margin-left:-10px;*/margin-left:14px; padding-bottom:9px; background:url(/images/ctf/04_bg.gif) no-repeat left bottom;}
div.stroy_view {/*margin-left:-10px;*/margin-left:14px; padding-bottom:9px; background:url(/images/ctf/04_bg.gif) no-repeat left bottom;}
div.stroy_view div {width:659px; padding:14px 0 14px 10px; background:#fff;}
div.stroy_list p {font-size:0; line-height:0;}
div.stroy_list div.view_ctfcon p {font-size:12px; line-height:20px;}

div.stroy_list div {width:643px; padding:14px; background:#fff;}
div.stroy_list div dl {margin-bottom:25px; border-bottom:1px solid #ECECED;}
div.stroy_list div dl dt {float:left; font-size:0; line-height:0; padding:5px; border:1px solid #EAEBEB;}
div.stroy_list div dl dd {padding-left:226px; line-height:20px;}
div.stroy_list div dl dd.tit {padding-bottom:8px; font-weight:bold;}
div.stroy_list div dl dd.data {text-align:right; padding:18px 0;}
div.stroy_list div dl dd.data span {display:inline-block; width:20px;}

div.faq {/*margin-left:-5px;*/ margin-left: 18px; padding-bottom:9px; background:url(/images/ctf/05_bg.gif) no-repeat left bottom;}
div.faq p{padding-bottom: 0;}
div.faq p img{display: block;}
div.faq div {width:604px !important; padding:14px 28px; background:#fff;}
div.faq div dl {font-size:11px; line-height:20px; padding:38px 0 12px; background:url(/images/ctf/05_faq_dot.gif) no-repeat left bottom;}
div.faq div dl dt {padding-bottom:10px; line-height:22px; font-size:16px; color:#E23D2D; font-weight:bold;}
div.faq div dl dd.faq3 {height:229px; padding-right:242px; background:url(/images/ctf/05_faq_img3.gif) no-repeat 382px top;}
div.faq div dl dd.btn {margin-top:15px; text-align:right;}
div.faq div dl ul {margin-top:10px;}
div.faq div dl ul li {padding-left:12px; line-height:20px; background:url(/images/ctf/icon_list1.gif) no-repeat left 6px;}

div.movie {width:650px; height:492px; margin-bottom:58px; padding:237px 0 0 10px; background:url(/images/ctf/02_img1.jpg) no-repeat left top;}

/* CTF 퍼가기 스타일 */
a.CTF_ALL {position:absolute; display:block; right:160px; top:1px;}
a.CTF_ALL {width:62px; height:20px;}

div.process_link {position:absolute; width:700px; height:256px; top:312px; left:331px;}
div.process_link a {float:left; margin:0 12px 19px 0; width:181px; height:119px;}
div.process_link a img {width:181px; height:119px;}


div.app {width:600px; margin:20px 0 0 60px; overflow-x:hidden; border:1px solid #DBDBDB; border-bottom:none;}
div.app dl {overflow:hidden; padding:17px 0 13px 23px; border-bottom:1px solid #DBDBDB;}
div.app dl.re {padding-left:43px;}
div.app dl.re dd {width:405px;}
div.app dl dt {float:left; width:63px;}
div.app dl dd {float:left; width:495px;}faq
div.app dl dd.name {padding:5px 0; font-weight:bold; color:#F0191E;}
div.app dl dd.name span {padding-left:10px; color:#969B94; font-family:Tahoma, Verdana, Sans-serif; font-size:10px; font-weight:normal;}

.CTF span.num {position:absolute; display:block; left:130px; top:151px; letter-spacing:-2px; font-family:arial; color:#e02f17; font-size:25px; font-weight:bold;}

/* view */
#ctf_content .view_bg{padding:0; background:url(/images/ctf/img_boxtop1.gif) no-repeat top left;width:651px;height:6px;font-size:0px;}
#ctf_content .view{background:url(/images/ctf/img_boxbg1.gif) no-repeat bottom;width:651px;/*text-align:center;*/padding:10px 0 13px 0;}
#ctf_content .view_subject{width:618px;height:20px;border-bottom:1px solid #EFE8E0;padding-bottom:3px;margin:0 auto;}
#ctf_content .subject{float:left;font-weight:bold;color:#000;font-size:13px;}
/* #ctf_content .day{float:right;} */
#ctf_content .view_file{width:618px;padding-top:10px; margin:0 auto;display:block;overflow:hidden;}
#ctf_content .file{float:left;overflow:hidden;width:400px;display:block;}
#ctf_content .file span{background:url(/images/ctf/ico_05.gif) no-repeat 0 0;padding:2px 0 0 20px;display:block;text-align:left;margin-bottom:5px;}
#ctf_content .writer{padding-top:2px;float:right;display:block;}

#ctf_content .view_con{width:650px;position:relative;top:20px;line-height:20px;margin:0 auto;}
#ctf_content .view_step {background:url(/images/ctf/img_boxbg2.gif) no-repeat bottom; width:651px; margin-top:40px;}
#ctf_content .view_step dl{background:url(/images/ctf/img_boxtop2.gif) no-repeat 0 0;width:651px; overflow:hidden;}
#ctf_content .view_step dl dt{float:left; width:70px; height:22px; margin:10px 0 0 15px; border-bottom:1px solid #E7DDC5; padding:0;}
#ctf_content .view_step dl dd{float:left; width:550px; height:22px; margin:10px 0 0 0px; text-align:left; border-bottom:1px solid #E7DDC5; padding-left: 0!important;}
#ctf_content .view_step dl dt.backsub{background:url(/images/ctf/txt_01.gif) no-repeat 0 0; border-left:0; border-right:0; border-top:0;}
#ctf_content .view_step dl dt.nextsub{background:url(/images/ctf/txt_02.gif) no-repeat 0 0; }
#ctf_content .view_step dl dt.noline{border:none !important;}
#ctf_content .view_step dl dd.noline{border:none !important;}

#ctf_content .view_step2{background:url(/images/ctf/img_boxbg2.gif) no-repeat bottom;width:651px;  margin-top:10px;}
#ctf_content .view_step2 dl{background:url(/images/ctf/img_boxtop2.gif) no-repeat 0 0;width:651px;overflow:hidden;}
#ctf_content .view_step2 dl dt{float:left; width:70px; height:22px;margin:10px 0 0 15px;border-bottom:1px solid #E7DDC5;}
#ctf_content .view_step2 dl dd{float:left; width:550px; height:22px;margin:10px 0 0 0px;text-align:left; border-bottom:1px solid #E7DDC5;}
#ctf_content .view_step2 dl dt.backsub{background:url(/images/ctf/txt_01.gif) no-repeat 0 0;}
#ctf_content .view_step2 dl dt.nextsub{background:url(/images/ctf/txt_02.gif) no-repeat 0 0; }
#ctf_content .view_step2 dl dt.noline{border:none;}
#ctf_content .view_step2 dl dd.noline{border:none;}

div.view_ctfcon {width:620px !important; line-height:20px;}
div.view_ctfBoard {width:620px !important; padding:10px 0;}
div.view_ctfBoard p {margin:10px 0 0;line-height:20px; color: #666666; font-size: 12px;}

div.view_ctfcon ol, div.view_ctfcon ol li {list-style-type:decimal !important;}
div.view_ctfcon ul, div.view_ctfcon ul li {list-style-type:disc !important; list-style-position:inside; padding-left:20px;}
div.view_ctfcon ul li ul, div.view_ctfcon ul li ul li {list-style-type:circle !important; padding-left:20px;}

div.con_sum{background:url('/images/ctf/txt_subcontents.gif') no-repeat 0 5px;width:100px;height:28px;font-weight:bold;padding:7px 0 0 70px;float:left;clear:both;width:620px !important;}
div.search_s3{margin:0 0 0 0px;height:28px;padding:7px 0 0 70px; overflow:hidden;width:620px !important;}
div.search_s3 span{float:left;margin:0px;padding:0px;display:block}
div.search_s3 span:after{clear:both;}

div.main_add {position:relative;width:661px;margin:0 auto;}
div.main_add_wrap {position:absolute; width:555px; height:510px; top:299px; left:55px;}
div.main_add_wrap dl {float:left; margin-right:18px; margin-bottom:15px;}
div.main_add_wrap dl dt {font-size:0; line-height:0; padding-bottom:7px;}
div.main_add_wrap dl dd img {margin:0 2px; vertical-align:middle;}

/* twi */
#ctf_lnb h3 {color:#fff !important; background:none !important; font-size:11px !important;}
#ctf_lnb h4 {font-size:13px !important;}

.img03_top {position:absolute; left:35px; top:0;}

/* btn-style */
div.btn_s1{margin-top:20px; text-align:right;}
div.btn_s1 input{margin-top:-20px; padding:0px;}
div.btn_s1 span{padding-right:5px;}
div.btn_s2{position:absolute; margin:30px 0 0 488px;z-index:1;}
div.btn_s3{margin-top:20px;}
	div.btn_s3 span.btn_l{float:left;}
	div.btn_s3 span.btn_r{float:right;}
div.btn_s3 input{margin-top:-20px; padding:0px;}

div.btn_s4{margin-top:20px; text-align:center;}
div.btn_s5{margin-top:10px; text-align:right;}
div.btn_s6{text-align:right; width:100%;}