@charset "utf-8";

#overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:-1;}
#overlay.active{display:block;z-index:5500;}

#allMenu{display:none;position:fixed;top:102px;left:0;right:0;margin:0 auto;width:1220px;background:#fff;z-index:6000;}
#allMenu.active{display:block;}
#allMenu h2{padding:0 30px;height:75px;line-height:75px;font-size:22px;color:#fff;text-align:left;background:#423e86;}
#allMenu ul,
#allMenu ul li,
#allMenu ul li a{display:block;}
#allMenu ul:after{display:block;content:'';clear:both;}
#allMenu > ul{padding:35px 12px;height:auto;box-sizing:border-box;}
#allMenu > ul > li{float:left;padding:0 13px 20px;width:20%;box-sizing:border-box;}
#allMenu > ul > li > a{display:table;width:100%;height:40px;line-height:40px;font-size:18px;color:#29256d;text-align:center;border:1px solid #4a468b;}
#allMenu > ul > li > ul > li{border-bottom:1px dashed #dbdae8;}
#allMenu > ul > li > ul > li > a{padding:12px 25px;font-size:18px;color:#000;}
#allMenu > ul > li > ul > li > ul{margin-top:-4px;padding:0 35px 12px;}
#allMenu > ul > li > ul > li > ul > li > a{position:relative;padding:5px 0 5px 8px;font-family:'Nanum Gothic';font-size:15px;}
#allMenu > ul > li > ul > li > ul > li > a:before{display:block;content:'';position:absolute;left:0;top:14px;width:3px;height:3px;background:#666;}
#allMenu > ul > li > ul > li > ul > li > a:hover{color:#231abb;text-decoration:underline;}
#allMenu #btnMenuClose{position:absolute;top:0;right:0;width:75px;height:75px;text-indent:-9999px;background:#29256d url(/images/csfko/common/icon_menu_close.png) center no-repeat;}

@media screen and (max-width:1310px){
	img{max-width:100%;}
	
	.layout_box{width:auto;}
	#contents,
	#footer .footer_box{padding:0 15px;width:auto;}
	.gnb_box .layout_box{padding:0 15px;}
	.lnb_box .lnb{margin:0 15px;width:auto;}
	.gnb_box h1{width:340px;}
	.gnb_box #gnb li{margin-left:15px;}
	.all_menu{right:15px;}
	#allMenu{width:auto;}
	#allMenu h2{padding:0 15px;height:60px;line-height:60px;font-size:17px;}
	#allMenu #btnMenuClose{width:60px;height:60px;}
	#footer strong{left:15px;}
	#footer .relate_box{position:relative;margin:10px 30% 0 275px;}
	#footer .relate_box .box{left:0;right:0;width:auto;}
	#footer .relate_box .box strong{float:none;margin-right:0;width:auto;height:30px !important;line-height:30px !important;}
	#footer .relate_box .box ul{width:100%;}
	#footer .relate_box .box ul li{width:50%;}
	
	.history_box .since_box{padding:0 60px 20px;background-size:100% auto;}
	.history_box .list_box{padding:0;}
	.history_box .list_box li{margin:0;padding:10px;width:33.33%;}
	.white_box{left:15px;right:15px;width:auto;}
	.white_box:before{margin-left:0;width:100%;}
	.notice_visual{padding-right:50%;}
	.notice_visual .img_box{background-position:center;}
	.notice_box .list_box{margin-left:0;padding-left:15px;padding-right:15px;width:50%;}
	.trends_box,
	.archive_box{padding:0 15px;width:auto;}
	.trends_box > div > ul > li{margin:1% !important;width:48%;}
	.archive_box .internal_box,
	.archive_box .contract_box{width:48%;margin:1%;}
	.ebook_box{padding:0 15px 70px;}
	.ebook_box .horizon_box,
	.ebook_box .book_box{margin-right:0;width:100%;}
	.trends_box h4:after{right:35px;width:auto;}
	.trends_box > div > ul > li .img_box{margin:15px;text-align:center;}
	.trends_box > div > ul > li strong{width:100%;}
	.foresight_box{padding:30px 15px 0;width:auto;}
	.event_box{padding:0 15px;width:auto;}
	.event_box ul li{position:relative;padding-left:265px;padding-right:15px;height:175px;}
	.event_box img {float:none;position:absolute;left:0;top:0;margin-right:0;}
	.event_box .text_box{width:auto;}
	.link_box{padding:0 15px;}
	.link_box:before{height:100%;}
	.link_box ul:after{display:block;content:'';clear:both;}
	.link_box ul li{width:50%;height:230px;}
	.link_box ul li.list04{padding-top:30px;}
	.btn_read_more{right:20px;}
	.btn_read_more span{position:relative;}
	.banner_box{padding:0 50px;}

	.study_box .img_box{display:none;}
	.study_box .txt_box{float:none;width:100%;}
	.foresight_box h3{width:auto;}
	.foresight_box ul li{margin-top:-1px;width:20%;}
	.foresight_box ul li:first-child{margin-left:-1px;}
	.foresight_box:before{left:0;right:0;width:auto;}
	.down_box{margin:-270px 20px 0 20px;}
	.down_box strong{padding:30px 10px;}
	.down_box ul{padding:10px;}
	.down_box ul li{width:33.33%;margin:0;padding:5px;box-sizing:border-box;}
}
@media screen and (max-width:1024px){
	#header{position:fixed;left:0;right:0;top:0;background:#fff;z-index:201;}
	#allMenu{top:0;bottom:0;}
	#allMenu > ul{position:absolute;left:0;right:0;top:82px;bottom:0;height:auto;}
	#allMenu > ul > li{width:33.33%;}
	#allMenu > ul > li:nth-child(3n+1){clear:both;}
	#header .layout_box #totalSearchWrap{top:83px;}
	.gnb_box #gnb,
	#footer strong{display:none;}
	#footer .address,
	#footer .copyright{padding-left:0;}
	#footer .relate_box{margin:10px 0 0 0;}

	.btn_read_more{top:10px;}
	.notice_visual{padding-right:0;}
	.notice_box h3{position:static;margin-left:15px;margin-bottom:10px;}
	.notice_box .list_box{position:static;padding-top:0;width:100%;height:540px;}
	.notice_box ul li a{display:block;position:relative;padding-left:125px;}
	.notice_box ul li .img_box{float:none;position:absolute;left:0;top:0;margin-right:0;width:110px;}
	.notice_box ul li .img_box img{width:110px;}
	.notice_box ul li p{float:none;width:auto;}
	.archive_box .internal_box,
	.archive_box .contract_box{width:100%;margin:0;}
	.archive_box .internal_box{margin-bottom:20px;}
	.event_box ul li{padding-right:0;width:100%;}

	.sub_visual{margin-top:82px;height:150px;}
	.sub_visual h2{font-size:30px;line-height:35px;padding:40px 0 10px 0;}
	.sub_visual p{font-size:17px;}
	.lnb_box{display:none;}
	.history_box .since_box{padding:0 60px;height:auto;}
	.history_box .list_box{margin-bottom:20px;}
	.history_box .list_box img{width:80px;height:80px;}
	.activity_box .text_box ul{padding:0;}
	.activity_box .ul_activity{padding:0;}
	.foresight_box ul li{width:33.33%;}
	.notice_box{margin-top:82px;}
	.study_box .txt_box ul{margin-top:20px;text-align:center;}
	.study_box .txt_box ul li{float:none;display:inline-block;margin:0;padding:10px;}
}
@media screen and (max-width:767px){
	.webOnly{display:none !important;}
	body,
	p{line-height:150%;font-size:13px;}
	h2{padding:10px 0 20px 0;}
	h3{font-size:24px;padding:0 0 10px 0;}
	h4{font-size:20px;margin:30px 0;line-height:130%;}
	p{margin:20px 0;}
	.text_box{padding:0px;}
	.text_box p{font-size:13px;line-height:150%;}
	.h5_ul li{margin:0 0 10px 0;font-size:13px;line-height:150%;}
	.h6_ul li{margin:0 0 5px 0;font-size:13px;line-height:150%;}
	
	.gnb_box .layout_box{height:60px;}
	.gnb_box h1{margin-top:7px;}
	.gnb_box h1 img{width:180px;height:auto;}
	.all_menu{top:8px;}
	#header .layout_box #btnSearch{top:14px;right:65px;}
	#header .layout_box #totalSearchWrap{top:61px;}
	#header .layout_box .totalSearch{margin:10px;padding:0 40px 0 80px;width:85%;}
	#header .layout_box .totalSearch select{width:80px;}
	#header .layout_box .totalSearch input[type="submit"]{background-size:auto 20px;}
	#header .layout_box .totalSearch #btnSearchClose{right:-15%;background-size:auto 20px;}
	#header .layout_box .totalSearch input::-webkit-input-placeholder{font-size:13px;color:#fff;}
	#header .layout_box .totalSearch input:-ms-input-placeholder{font-size:13px;color:#fff;}
	#allMenu{background:#f5f5f5;}
	#allMenu > ul{top:60px;padding:0;}
	#allMenu > ul > li{float:none;width:auto;padding:0;}
	#allMenu > ul > li:nth-child(3n+1){clear:unset;}
	#allMenu > ul > li > a{padding:15px;width:40%;font-size:15px;font-weight:400;text-align:left;border:none;border-bottom:1px solid #fff;box-sizing:border-box;}
	#allMenu > ul > li > ul{display:none;position:absolute;left:40%;right:0;top:0;padding:0 15px;min-height:100%;}
	#allMenu > ul > li > ul > li{border-bottom:1px solid #dbdae8;}
	#allMenu > ul > li > ul > li > a{padding:15px;font-size:15px;}
	#allMenu > ul > li > ul > li.hasChild > a{background:url(/images/stepiko/common/icon_select.png) 95% center no-repeat;}
	#allMenu > ul > li > ul > li > ul{display:none;}
	#allMenu > ul > li.active > a{font-weight:700;background:#fff;}
	#allMenu > ul > li:nth-child(5).active > a{width:100%;}
	#allMenu > ul > li.active > ul{display:block;background:#fff;}
	#allMenu > ul > li > ul > li.active > ul{display:block;margin:0;padding:10px 15px;border-top:1px solid #423e86;}
	#allMenu > ul > li > ul > li.hasChild.active > a{background-image:url(/images/stepiko/common/icon_select_on.png);}
	#allMenu > ul > li > ul > li > ul > li > a{padding:10px 0;}
	#allMenu > ul > li > ul > li > ul > li > a:before{display:none;}
	#contents{margin:40px auto;}
	#footer{padding:30px 0;}
	#footer .address,
	#footer .copyright{font-size:13px;line-height:160%;}
	.sub_visual{margin-top:60px;}
	.notice_box{margin:60px 0 30px;}

	.notice_visual,
	.notice_visual .img_box{height:300px;}
	.white_box{top:20px;padding:20px;height:255px;}
	.white_box:before{height:255px;}
	.notice_visual .white_box strong{margin-bottom:10px;font-size:20px;line-height:150%;}
	.notice_visual .white_box .date{margin:0 auto 15px;}
	.notice_visual .white_box .text{font-size:13px;line-height:18px;height:72px;} 
	.notice_visual .white_box .text_read{margin-top:20px;}
	.notice_box .list_box{height:540px;}
	.notice_box ul li p .date .day{font-size:24px;line-height:34px;}
	.notice_box ul li p .text{margin:5px 0;line-height:150%;}
	.notice_box ul li p strong{width:auto;}
	.trends_box{margin-bottom:30px;}
	.trends_box > div > ul > li{margin:5px 0 !important;width:100%;height:450px;}
	.trends_box > div > ul > li .date{margin:10px 0;font-size:13px;}
	.trends_box > div > ul > li p{margin:10px 0;font-size:13px;}
	.trends_box > div > ul > li .news_box{margin-bottom:20px;}
	.ebook_box{padding:0 15px 20px;}
	.ebook_box:before{bottom:0;height:auto;}
	.ebook_box ul li{width:30%;margin-left:5%;}
	.ebook_box ul li img{max-width:100%;}
	.ebook_box .text_box{width:100%;}
	.ebook_box .horizon_box{padding-bottom:20px;}
	.ebook_box .book_box{padding-bottom:0;}
	.ebook_box .book_box ul li{width:48%;margin-left:4%;}
	.ebook_box .book_box ul li:first-child{margin-left:0;}
	.event_box{margin-bottom:20px;}
	.event_box ul li{padding-left:170px;height:150px;}
	.event_box ul li strong{margin-top:0;}
	.event_box ul li p,
	.event_box ul li .date{margin:10px 0;}
	.event_box img{width:150px !important; height:120px !important;}
	.event_box .text_box{padding:0px;}
	.archive_box h3 span:before{display:none;}
	.archive_box ul li a p{width:65%;font-size:15px;}
	.archive_box ul li a .date{width:35%;font-size:13px;}
	.foresight_box{margin-bottom:30px;}
	.foresight_box h3{font-size:24px;}
	.foresight_box ul li{padding-top:10px;width:50%;}
	.foresight_box ul li a p{margin:5px 0;}
	.link_box{margin-bottom:30px;}
	.link_box ul li{float:none;padding-top:30px;width:100%;border-bottom:1px dashed rgba(255,255,255,0.5);}
	.link_box ul li:last-child{border-bottom:none;}


	.trends_box h3 span:before,
	.event_box h3 span:before,
	.foresight_box h3 span:before,
	.ebook_box h3 span:before,
	.link_box ul li h4 span:before{display:none;}
	.btn_read_more{top:0;right:0;}
	.trends_box .btn_read_more,
	.archive_box .btn_read_more,
	.event_box .btn_read_more{right:15px;}
	.ebook_box .btn_read_more{top:30px;}

	.history_box{padding-top:0;}
	.history_box .since_box{padding:0;background:none;}
	.history_box .since_box h4{font-size:30px;}
	.history_box .history_list:before{left:15px;}
	.history_box .history_list li{float:none;margin:0 0 15px 15px;width:auto;}
	.history_box .history_list li strong{font-size:20px;}
	.history_box .history_list li strong:before{top:10px;}
	.history_box .history_list li:nth-child(2n){float:none;margin:0 0 15px 15px;padding-right:30px;width:auto;text-align:left;}
	.history_box .history_list li:nth-child(2n) ul li{text-align:left;}
	.history_box .history_list li:nth-child(2n) strong:after{left:-35px;right:auto;}
	.history_box .history_list li:nth-child(2n) strong:before{top:10px;left:-29px;right:auto;}
	.history_box .list_box li p{margin:20px 0;}
	.activity_box .info_text{padding:20px 10px;font-size:15px;line-height:150%;}
	.activity_box h4{font-size:20px;}
	.activity_box .text_box{font-size:13px;line-height:150%;}
	.activity_box p{line-height:150%;}
	.activity_box .ul_activity li img{max-width:90%;}
	.ol_list li,
	.ol_list.type02 li,
	.ol_list.type02 ul li{font-size:13px;line-height:150%;}
	.study_box .txt_box strong{padding-top:0;font-size:15px;line-height:150%;}
	.study_box .txt_box p{font-size:13px;line-height:150%;}
	.study_box .txt_box ul li img{width:100px;height:auto;}
	.down_box{margin:0;}
	.down_box strong{padding:10px;}
	.down_box ul{padding:0;}
	.down_box ul li{width:50%;}
	.down_box ul li a{padding:10px 20px;}
	.bg_cont030111{display:none;}
	.table_cont{word-break:break-all;}
	.table_cont th,
	.table_cont td{padding:10px 5px;font-size:13px;line-height:150%;}
}
@media screen and (max-width:500px){
	.link_box ul li .img_box{right:0 !important;}
	.down_box ul li{float:none;width:100%;}
}
@media screen and (max-width:359px){
	.event_box img{width:100px;}
	.event_box ul li{padding-left:115px;}
	.link_box ul li.list04 a,
	.link_box ul li.list04 img{max-width:100%;}
}