﻿@charset "utf-8";

.subWrap {width:1280px; margin:0 auto 0px; overflow: hidden; padding:250px 0px 50px 0px; box-sizing:border-box;  }

	.location {width:100%; text-align:center; margin:0px 0 50px; border-bottom:1px solid #D7D7D7;}
	.location h3 { position:relative; display:block; padding:0px 0px 40px; font-size: 48px; font-weight: 800;}
	.location h3:after {content: "▼"; position: absolute; top:60px; margin-left:-13px; left:50%; right:50%; font-size: 0.6em; color:#D7D7D7; }

/* 서브 왼쪽 */
.subCon { float: left; overflow: hidden; width:76.5%; padding-right:40px; box-sizing:border-box; }
	.consWrap{}
		.realcons{padding:0px 40px 0px 40px; box-sizing: border-box;}

/* 서브 오른쪽 */
.subConR { float:right; width:23.5%; padding:30px 20px 20px 20px; overflow: hidden; background:#F4F4F4 url('/http/cnnews.chosun.com/images/right_top.gif') no-repeat right top; box-sizing:border-box;}

	.ifrVideo {width:580px;height:300px;}
	.ifrVideo1 {width:580px;height:980px;}
@media (max-width:1280px){
	.subWrap { width: 100%; padding:250px 15px 50px 15px;  }
}
@media (max-width:900px) { 
	.subCon { float:none; width:100%; padding-right:0px;}
	.subConR {float:none; width:100%; margin-top:15px;}
		.realcons{padding:0px 0px 0px 0px;}
}
@media (max-width:800px){
	.subWrap { padding:100px 15px 20px 15px;  }
	.location {margin:0px 0 30px; border-bottom:1px solid #D7D7D7;}
	.location h3 { position:relative; display:block; padding:0px 0px 25px; font-size: 40px; }
	.location h3:after {top:42px; margin-left:-14px; }
}
@media (max-width:480px){
	.location h3:after {top:45px;}
	.ifrVideo {width:268px;height:100%;}
	.ifrVideo1 {width:268px;height:400px;}
}

.search_result {margin-bottom:40px; text-align:center; }
.search_result h4 {display:inline-block; padding:0px 40px; line-height:40px; font-weight:600; background:#F1F1F1; border-radius:30px;  box-sizing: border-box;}
.search_result h4 span {color:#FF0000;}

/* 기사 리스트*/
.articleList {overflow: hidden; margin:0px 0 20px 0;}
.articleList ul { padding:0px 0px 0px 0px; overflow:hidden; }											
.articleList li {display:block; overflow:hidden; padding:0px 0px 23px 0px; margin-bottom:20px; border-bottom: solid 1px #D7D7D7;}		
.articleList .img {display: table-cell; max-width: 230px; padding: 0px 30px 0px 0px; overflow: hidden;  box-sizing:border-box;}
.articleList .img a {display:block; width: 200px; }
.articleList .img img { width: 200px; height: 136px; border:1px solid #EAEAEA; vertical-align: middle; box-sizing:border-box;}
.articleList .txt { display: table-cell; width:100%; height:136px; padding: 0px 0; line-height:25px; vertical-align: middle; white-space: normal;}
.articleList .txt strong {display: block; padding: 0px 0 5px; font-weight:600; font-size:20px; line-height:30px; color: #000;}
.articleList .txt em {display: block; padding: 0px 0 5px; font-weight:600; font-size:16px; line-height:26px;}
.articleList .txt p { background:#fff; height:50px; margin: 0px 0 5px 0; font-weight: 400; font-size: 16px;  line-height:24px; color: #555; overflow:hidden;}
.articleList .txt span {font-size: 14px; color:#777; font-weight:300;}
.articleList .txt span.name {color:#63160B;} 
.articleList .img_area {width:100% !important; height:100% !important; overflow:hidden;}
.articleList .img_area img {	-webkit-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;	-webkit-transform: scale(1.0);	transform: scale(1.0); 	width: 100%;}
.articleList li:hover .img_area img {	-webkit-transform: scale(1.1);	transform: scale(1.1); }


@media (max-width:500px){
	.articleList {margin:0px 0 -25px 0;}
	.articleList .img {max-width: 160px; padding: 0px 20px 0px 0px;}
	.articleList .img a {width: 140px; }
	.articleList .img img { width: 140px; height: 95px; }
	.articleList .txt { height:auto; vertical-align: top; }
	.articleList .txt strong { padding: 0px 0 5px; font-size: 16px; line-height:22px;  }
	.articleList .txt p {font-size: 16px;  line-height:18px; letter-spacing:-1px;}
	.articleList .txt span {font-size: 14.5px; }
	.articleList .txt span.cate {font-size: 14.5px;}
}

/* 서브 기사 리스트 더보기 버튼 */
.textBar{display:none; margin-top:-5px; text-align:center; cursor:pointer; }
.textBar button { border:1px solid #dcdcdc; background:#fff; background-size:20px 20px; padding:5px 0 5px 30px;width:100%;font-size:0.938em; font-weight:500; color:#767676; box-sizing: border-box; line-height:20px;}	
.textBar button .ic { display:inline-block;background:url(/http/cnnews.chosun.com/images/ic_more.png) left center no-repeat;background-size:20px 20px;padding:5px 30px 5px 30px; margin-top:0px;}
.textBar button #newsCount { color:#333;  font-weight:600;}

/* paging */
.boardPager{ width:100%; height:auto; display:block; vertical-align:middle; margin-top:-20px;}
.boardPager ul{height:40px;  display:table; text-align:center; margin:20px auto;}
.boardPager ul li{width:45px; height:40px; display:inline-block; vertical-align:middle;}
.boardPager ul li a{ font-family:'NanumSquare'; font-size:1.063em; color:#777777; line-height: 40px; font-weight:600;}
.boardPager ul li.pagerNext, .boardPager ul li.pagerPrev, .boardPager ul li.pagerLast, .boardPager ul li.pagerFirst{width:40px; height:40px; overflow:hidden; }
.boardPager ul li.pagerLast{margin-left:10px;}
.boardPager ul li.pagerFirst{margin-right:10px;}
.boardPager ul li.pageOn a, .boardPager ul li:hover a{text-decoration: underline; color:#000000; cursor:pointer;}
.boardPager ul li.pagerNext a, .boardPager ul li.pagerPrev a, .boardPager ul li.pagerLast a, .boardPager ul li.pagerFirst a{margin: 14px auto;}
.boardPager ul li.pagerNext:hover, .boardPager ul li.pagerPrev:hover, .boardPager ul li.pagerFirst:hover, .boardPager ul li.pagerLast:hover{cursor:pointer; }

@media screen and (max-width:600px){
	.boardPager{display:none;}
	.textBar{display:block; }
}



/* 뉴스 뷰페이지 */
#title_title { padding:0px; margin:-10px 0px 15px 0px;}		
#title_title h4.txt { font-size:32px; font-weight:600; color:#000; line-height:44px; letter-spacing:-0.5px; margin-bottom:10px; }
#title_title h5.txt { font-size:20px; font-weight:600; color:#555; line-height:30px; letter-spacing:-0.5px; margin-bottom:20px;}	
.cnabs{clear:both; position:relative; width:100%; border:1px dotted #999999; padding:10px 15px; background-color:#F9F9F9; margin-bottom:10px; box-sizing: border-box;}		
.cnabs span.txt {display:inline-block; font-size:16px; color:#777; line-height:26px;}
.name_ctrl { clear:both;overflow:hidden; border-bottom:1px solid #D4D4D4; padding-bottom:10px; margin-bottom:30px;  }		
.name_ctrl p { float:left; margin-top:5px;font-size:14px; color:#666;}		
.name_ctrl p strong{font-weight:600; display:inline-block; font-size:15px; color:#000;  margin-right:5px; }
.name_ctrl p span { margin-left:10px; display:inline-block; font-size:15px; color:#606060;}

.name_ctrl div{float:left; margin-top:4px; padding-left:5px;}
.name_ctrl div a{padding-left:10px;}
.name_ctrl div img {vertical-align: middle; }

.name_ctrl .ctrl2{float:right;}										
.name_ctrl .ctrl2 li{float:left; padding:5px 0px 0px 10px;}	
.name_ctrl .ctrl2 li.font {padding:0px 0px 0px 10px;}
.name_ctrl .ctrl2 li span{display:inline-block; font-weight:600; border:1px solid #ccc; text-align:center; width:30px; height:30px; line-height:26px;  border-radius:15px;  cursor:pointer;}										

/*
#articleBody{padding:0 0px 30px 0px; color:#222; }  				
.article_body{clear:both; width:100%;padding-bottom:15px;margin:0px 0px 0 0px; font-size:17px;line-height:27px;}  		
.article_body .viewimg .use_caption {padding-top:8px; color:#fff; font-size:14.5px; line-height:20px; text-align:left;}
.article_body p { margin-bottom:5px; }
.article_body div { margin-bottom:25px; }
*/


.article_body .center img{
	display:inline-block;
	width: auto !important;
	max-width: 100%;
	height:auto !important;
}

/* 뉴스 뷰페이지 SNS   width="<%=cnFnm_w%>"    */
.date_text { clear:both; width:100%; overflow:hidden; padding:10px 5px 0px; margin-top:30px; border-top:1px dotted #D4D4D4;  box-sizing: border-box;}									
.date_text span{float:left; margin-top:6px; display:inline-block; font-size:16px; color:#000; letter-spacing:-1px;}	
.date_text p{float:left; margin-top:6px; display:inline; font-size:16px; color:#000; letter-spacing:-1px;}
.SNS_Box { float:right; margin:0 auto; overflow:hidden;}
.SNS_Box a{ cursor:pointer; display:inline-block; margin-left:10px; color:#666;}
.SNS_Box a i{color:#000;}

.copy { clear:both; background:#f6f6f6; overflow:hidden; text-align:center; padding:10px 0; margin:20px 0px 40px 0px;}

@media (max-width:768px){
	#title_title {margin:0px 0px 15px 0px;}
	#title_title h4.txt { font-size:27px; font-weight:700; color:#000; line-height:38px; letter-spacing:-1.0px; margin-bottom:10px; }
	#title_title h5.txt { font-size:20px; font-weight:700; color:#555; line-height:30px; letter-spacing:-0.5px; margin-bottom:20px;}

	.name_ctrl .ctrl2 li:nth-child(2){display:none;}	
	.copy {font-size:14.5px; }

	.article_body .center, .article_body .center dl {width:100% !important;}
}

@media (max-width:420px){
/*
	.article_body .left, .article_body .right {width:100% !important;}
	.article_body .left, .article_body .right dl {width:100% !important;}
*/
}

/* youtube  */

.box_photo { overflow: hidden; margin-right:-30px;}
.box_photo li {float: left; width:33.33%;  }
.box_photo li .photo_area {position: relative; border:1px solid #b5b5b6; margin:0 30px 30px 0; overflow: hidden; height:265px; box-sizing: border-box; }
.box_photo li .img_area {width:100% !important; height:165px !important; overflow:hidden; box-sizing: border-box; }
.box_photo li .img_area img {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    width: 100%;
}
.box_photo li:hover .img_area img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.box_photo li .txt_area {width:100%; padding: 7px 10px; line-height:25px; box-sizing: border-box;}
.box_photo li .txt_area p {padding: 0px 0 5px; font-weight:600; font-size:16px; line-height:26px;}
.box_photo li .txt_area span {font-size: 14px; color:#777; font-weight:300;}





.line_dashed {border-top:1px dashed #A2968C; height:1px;}

.view_style1_wrap {clear:both; width:100%; margin-bottom:30px;}			
.view_style1_wrap .subcon img {max-width:100%; width:auto;}		
.view_style1_wrap .event_subcon img {max-width:100%; width:auto;}	

.s_menu {clear:both; width:100%; }
.s_menu ul {}
.s_menu ul li{float:left; padding-right:10px; box-sizing: border-box;}
.s_menu ul li a{ position:relative; text-align:center; padding:0px 20px; height:36px; line-height:36px;  display:inline-block; text-decoration:none; color:#6d6c6c; border:1px solid #ccc; box-sizing: border-box; border-radius:3px; transition:all .3s; }
.s_menu ul  li a:hover {border:1px solid #FFD800;  background:#FFD800; box-sizing: border-box;}
.s_menu ul  li a.on {border:none; font-weight:600; background:#FFD800; box-sizing: border-box;}
.s_menu ul  li a.on:before {content: "▼"; position: absolute; top:23px; margin-left:-8px; left:50%; right:50%; font-size: 1em; color:#FFD800;}
.s_menu ul li:last-child{padding-right:0px;}

@media (max-width:510px){
	.s_menu ul li {width:25%; padding-right:10px;}
	.s_menu ul li a{ width:100%; padding:0px 0px; }
}



.sub_company_wrap {width:100%; padding-top:50px; overflow: hidden; }		
.con_company_area {padding-bottom:70px;}
.con_company_area .con_company_innerwrap .qna_wrap {width:auto; float:none;}			
.con_company_area .con_company_innerwrap .qna_wrap.r {float:none;}			
			
.con_company_innerwrap .company_info_area.num1 {width:25%;}			
.con_company_innerwrap .company_info_area.num2 {width:33%;}			
.con_company_innerwrap .company_info_area.num3 {width:40.7%; border-right: solid 1px #ccc;}			
.con_company_innerwrap .company_info_area.num4 {width:99.2%; float:left; border-top:0;}			
		
.ad_sample_wrap li {width:100%; padding-bottom:15px; float:none;}			
.ad_sample_wrap li .padr {padding-right:0;}			
.ad_sample_wrap li .padl {padding-left:0;}			
		
.ad_info_wrap {width:100%; overflow:hidden; margin-bottom:30px;}			
.ad_info_wrap li img {max-width:100%; width:auto;}			

/* company */			
.con_company_area {width:100%; padding-bottom:45px; }			
.con_company_area .company_tit {position:relative; margin-bottom:15px; font-size:1.1em; color:#D1071E; font-weight:600; }		
.con_company_area .company_tit:before {content: ""; color:#fff; position:absolute; left:0; top:-13px; width:36px; height:3px; border-radius:3px; background:#D1071E;}

.con_company_area .company_tit.noline {border-bottom:0;}			
.con_company_area .txt_inner { line-height:25px;}			
.con_company_area .dot {border-bottom: dotted 1px #444444; margin-bottom:35px;}			
			
.con_faq_wrap {width:100%; margin-bottom:45px; border-top: solid 1px #e5e5e5;}			
.con_faq_wrap li {width:100%;}			
.con_faq_wrap li .faq_inner_txt {}			
.con_faq_wrap li .faq_inner_txt dt {padding:10px 0; padding-left:41px; background:url(/http/cnnews.chosun.com/images/ico_faq_q.gif) 15px center #fff no-repeat; border-bottom: solid 1px #e5e5e5; line-height:18px; }			
.con_faq_wrap li .faq_inner_txt dt a {display:block; color:#000; text-decoration:none; font-size:14px;}			
.con_faq_wrap li .faq_inner_txt dd {display:none;}			
.con_faq_wrap li.on .faq_inner_txt dd {padding:10px 0 10px 41px; display:block; background:url(/http/cnnews.chosun.com/images/ico_faq_a.gif) 15px 10px #f5f5f5 no-repeat; line-height:20px; font-size:14px; border-bottom: solid 1px #e5e5e5;}			
			
.con_company_area .qna_wrap {padding:14px; margin-bottom:20px; border: solid 1px #ccc;}			
.con_company_area .qna_wrap .qna_tit {padding-bottom:12px; margin-bottom:12px; background:url(/http/cnnews.chosun.com/images/bg_fag_line.gif) 0 bottom repeat-x; font-size:14px; font-weight:bold; color:#5d1010;}			
.con_company_area .qna_wrap .qna_tit img {margin-top:4px;}			
.con_company_area .qna_txt_area {font-size:13px; color:#555; line-height:25px;}			
.con_company_area .qna_txt_area.pad  {padding-left: 43px;}			
.con_company_area .qna_txt_area.pad  span {margin-left:-43px;}			
.con_company_area .con_company_innerwrap {width:100%; overflow:hidden;}			
.con_company_area .con_company_innerwrap .qna_wrap {width:44.5%; height:120px; float: left; }			
.con_company_area .con_company_innerwrap .qna_wrap.r {float: right;}			
			
.con_company_innerwrap .company_info_area {float: left; border-left: solid 1px #ccc; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}			
.con_company_innerwrap .company_info_area.num1 {width:72px;}			
.con_company_innerwrap .company_info_area.num2 {width:122px;}			
.con_company_innerwrap .company_info_area.num3 {width:128px;}			
.con_company_innerwrap .company_info_area.num4 {width:383px; border-right: solid 1px #ccc;}			
.con_company_innerwrap .company_info_area dt {font-weight:bold; color:#333; line-height:28px; text-align:center; border-bottom: solid 1px #ccc; background:none; }			
.con_company_innerwrap .company_info_area dd ul { background:none;}			
.con_company_innerwrap .company_info_area dd ul li {padding-left:17px; text-align:left; color:#333; line-height:30px; background:none;}			
.con_company_innerwrap .company_info_area.num1 dd ul li {padding-left:0; text-align:center;}			
			
.ad_sample_wrap {width:100%; overflow:hidden; margin-bottom:30px;}			
.ad_sample_wrap li {width:50%; padding-bottom:30px; float: left;}			
.ad_sample_wrap li span { font-size:13px; font-weight:bold; color:#822801;}			
.ad_sample_wrap li .padr {padding-right:5px;}			
.ad_sample_wrap li .padl {padding-left:5px;}			
.ad_sample_wrap li img {width:100%; max-width:100%;}			
			
.ad_info_wrap {width:100%; overflow:hidden; margin-bottom:30px;}			
.ad_info_wrap li img {}			




.btn_st1 {width:144px; padding-right:30px; height:49px; display:inline-block; background:url(/http/cnnews.chosun.com/images/bg_member_st1.png) 0 0 no-repeat; line-height:46px; color:#fff !important; text-align:center; font-size:18px; font-weight:bold; text-decoration:none !important;}		.btn_st2 {width:144px; padding-right:30px; height:49px; display:inline-block; background:url(/http/cnnews.chosun.com/images/bg_member_st2.png) 0 0 no-repeat; line-height:46px; color:#fff !important; text-align:center; font-size:18px; font-weight:bold; text-decoration:none !important;}		
.btn_st3 {width:98px; height:28px; display:inline-block; border: solid 1px #7a7a7a; background-color:#969696; text-align:center; color:#fff !important; font-size:11px; line-height:30px; text-decoration:none !important;}			
.btn_st4 {padding:7px 14px; display:inline-block; font-size:12px; font-weight:bold; background-color:#5d000a; border: solid 1px #2d0005; color:#fff !important; text-decoration:none !important }			
.btn_st5 {width:60px; height:52px; line-height:52px; display:inline-block; background:url(/http/cnnews.chosun.com/images/bg_btn_reply.gif) 0 0 no-repeat; text-align:center; color:#404040; font-weight:bold; text-decoration:none !important;}			
.btn_st6 {padding-left:15px; height:27px; display:inline-block; background:url(/http/cnnews.chosun.com/images/btn/btn_st6_bg_l.gif) left 0 no-repeat; line-height:27px;}			
.btn_st6 span {padding-right:15px; height:27px; display:inline-block; background:url(/http/cnnews.chosun.com/images/btn/btn_st6_bg_r.gif) right 0 no-repeat; line-height:27px; vertical-align:top; color:#6d6c6c; font-weight:bold; }			
.btn_st7 {padding:5px 15px; display:inline-block; text-decoration:none; color:#6d6c6c; border:1px solid #ccc; }			



/* member */			
.member_wrap {width:600px; margin: 50px auto;}			
			
.member_wrap input[type=checkbox] {width:13px; height:13px; margin-right:5px; vertical-align:middle; }			
.member_wrap label {font-size:12px; color:#555; vertical-align:top;}			
			
.member_wrap .m_top {width:100%; padding-bottom:10px; margin-bottom:35px; position:relative; border-bottom: solid 2px #d92327;}			
.member_wrap .m_top .location {position:absolute; right:0; bottom:10px; font-family:'gulim'; color:#282828; letter-spacing:2px;}			
.member_wrap .m_con {}
			
.member_wrap .m_con .con_inner {padding:30px 10px; }			
.member_wrap .m_con p img {width:100%; max-width:100%; }		
			
.member_wrap .m_con .con_inner .agree_box {padding-bottom:20px; }			
.member_wrap .m_con .con_inner .agree_box .agree_tit {padding-bottom:10px; font-size:14px; color:#474646;}			
.member_wrap .m_con .con_inner .agree_box .box_inner {padding:15px 15px 0 15px; margin-bottom:10px; border: solid 1px #dadada; background-color:#f7f7f7;}			
.member_wrap .m_con .con_inner .agree_box .box_inner .scroll_area {height:180px; padding:10px; margin-bottom:15px; overflow-y:scroll; border: solid 1px #e9e8e8; background-color:#fff; line-height:18px; color:#474646;}			
.member_wrap .m_con .con_inner .agree_box .agree_txt {text-align:center;}			
.member_wrap .m_con .con_inner .agree_box .agree_txt2 {font-size:11px; color:#ca2129; line-height:16px; }			
.member_wrap .m_con .con_inner .agree_box .agree_txt3 {padding-bottom:15px; font-size:17px; line-height:30px; color:#441717; text-align:center;}			
			
.member_wrap .member_table_style {width:100%; }			
.member_wrap .member_table_style td {padding:10px 0; border-top: solid 1px #e5e5e5;}			
.member_wrap .member_table_style tr:first-child td {padding:0 0 10px 0; border-top:0;}			
.member_wrap .member_table_style td.r {text-align:right;}			
.member_wrap .member_table_style td .t_th {padding-right:20px; color:#959595;}			
			
.member_wrap .member_table_style td .label_wrap {width:100%; position:relative;}			
.member_wrap .member_table_style td .label_wrap .label_focus1 {color: #666; font-size: 12px; display:none;}			
.member_wrap .member_table_style td .label_wrap .label_focus1.on {position:absolute; left:8px; top:8px; display:block;} 			
.member_wrap .member_table_style td .label_wrap span {font-size:12px; line-height:16px; color:#E3151F;}			
			
.member_wrap .member_table_style2 {width:100%;}			
.member_wrap .member_table_style2 th {padding:20px 10px; text-align:left; color:#959595; border-top: solid 1px #e5e5e5;}			
.member_wrap .member_table_style2 td {padding:20px 10px; color:#000; border-top: solid 1px #e5e5e5;}			
.member_wrap .member_table_style2 tr:first-child th, .member_table_style2 tr:first-child td {padding:0 10px 20px 10px; border-top:none;}  			
			
.member_wrap .btn_member_wrap {width:100%; margin-top:30px; padding-top:20px; overflow:hidden; border-top: dotted 1px #a5a6a5;}			
.member_wrap .btn_member_wrap li {display:inline; margin-left:5px; float:none;text-align:center;}			
.member_wrap .btn_member_wrap li a {display:inline-block; text-decoration:none; line-height:58px;}			
			

/* 모바일  시작 */			
@media all and (max-width:686px) /* 모바일 */			
{			
	.member_wrap {width:100%; margin:25px auto;}			
	.member_wrap .m_top {width:auto; padding:0 10px 10px 10px; margin-bottom:17px; }			
	.member_wrap .m_top .logo img {width:79px; }			
	.member_wrap .m_top .location {right:10px;}			
	.member_wrap .m_con .tit {padding-bottom:10px; font-size:15px; line-height:19px;}			
	.member_wrap .btn_member_wrap {text-align:center;}			
	.member_wrap .btn_member_wrap li {display:inline; margin-left:5px; float:none;}				
	.member_wrap .btn_member_wrap li:first-child {margin-left:0;}			
	.member_wrap .btn_member_wrap li a {line-height:29px; }			
	.member_wrap .btn_member_wrap li a img {width:26px;}			
	.member_wrap .m_con .con_inner .agree_box .agree_txt3 {font-size:12px; line-height:18px;}			
}
