@charset 'utf-8';
@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("http://news.chosun.com/dhtm/css/main/201505/css_reset_2015_min.css");
@import url("http://news.chosun.com/dhtm/css/main/201505/cs_gnb_201505.css");

/*******************************************************************
Common
********************************************************************/
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.blind{display:block; overflow:hidden; position:absolute; top:-1000em; left:0;}
.ic_sitemap,
.list_sitemap li.item dl dd ul li.new_menu a:after,
.sns_area a{background:url('http://image.chosun.com/main/201505/ic_sitemap.png') no-repeat;}
a, a:hover, a:focus, a:visited{color:#666;}
.display_table{display:table;width:100%;}
.row{display:table-row;}
.cell{display:table-cell;vertical-align:middle}
html{-webkit-text-size-adjust:none;}
body{overflow-y:scroll; min-width:320px;}
body{background-color:#f8f8f8;}
body,input,button{color:#666;font:14px/1.4em '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, 'Apple SD Gothic Neo', sans-serif}

/* common style */
.ico{background:url('http://image.chosun.com/section/offer/all_icon_report.png') no-repeat; -webkit-background-size:150px 150px; background-size:150px 150px; font-size:0; text-indent:-9999em;}
.top_report h2,
.item_con .inner h3{font:14px/1.4em 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 나눔고딕, 돋움, Dotum, 'Apple SD Gothic Neo', sans-serif; font-weight:300;}
.txt_type_round{display:inline-block; padding:6px 38px 8px 38px; line-height:1; font-size:14px; color:#222; letter-spacing:-1px; border:1px solid #222; border-radius:20px;}
.btn_type_01{display:inline-block; line-height:1; padding:6px 20px 8px 20px; background-color:#666; color:#fff; letter-spacing:-1px; border-radius:15px; font-size:14px;}
.btn_type_01:hover, .btn_type_01:focus, .btn_type_01:visited,
.btn_type_02:hover, .btn_type_02:focus, .btn_type_02:visited{color:#fff;}
.btn_type_02{position:relative; display:inline-block; line-height:1; padding:6px 15px 8px 30px; background-color:#666; color:#fff; letter-spacing:-1px; border-radius:15px; font-size:14px;}
.btn_type_02 i{display:block; position:absolute; top:50%;}
.btn_type_02.fb{background-color:#3b5a9a;}
.btn_type_02.fb i{width:7px; height:14px; left:15px; margin-top:-7px; background-position:-19px 0;}
.btn_type_02.tw{background-color:#53abea;}
.btn_type_02.tw i{width:14px; height:12px; left:13px; margin-top:-6px; background-position:0 0;}

/*******************************************************************
skip navi to content
********************************************************************/
.skip-content a{display:block; background:#283291 !important;text-align:center;position:absolute;top:-36px;left:0;width:1px;height:1px;overflow:hidden;display:block;color:#fff}
.skip-content a:focus{width:100%; top:0; padding:10px;height:auto; color:#fff; z-index:99999;}

/*******************************************************************
Layout
********************************************************************/
.header{height:50px; background-color:red;}
.container{width:1115px; margin:0 auto; padding:42px 0 30px 0;}

/*******************************************************************
Gnb
********************************************************************/
.csh_art { width:100px; height:45px; min-width:inherit; background:#222; color:#fff;}
.csh_art_in { width:1160px; margin:0 auto; position:relative;  z-index:5 }
h2#csh_brand a.csh_cs { display:block; width:103px; height:15px; background:url(http://image.chosun.com/newsq/201505/nq_main_ico.png) no-repeat 0px 0px; text-indent:-9999px; overflow:hidden; position:absolute; top:13px; left:0px;}
h2#csh_brand .csh_logo_title{ text-indent:-9999px; overflow:hidden;}
h2#csh_brand a.csh_logo_nq { display:block; position:absolute; top:0; left:50%; width:300px; height:45px; line-height:45px; margin-left:-150px; text-align:center; color:#fff; font-size:18px; font-weight:bold; letter-spacing:-.85px; text-decoration:none;}
.csh_art .csh_login { top:10px; top:3px;}
.csh_login .csh_all_trig_off { width:23px; height:20px; background:url(http://image.chosun.com/newsq/201505/nq_main_ico.png) no-repeat -125px -225px; text-indent:-9999px; overflow:hidden; display:inline-block; vertical-align:middle;}
.csh_login .csh_all_trig_on { width:23px; height:20px; background:url(http://image.chosun.com/newsq/201505/nq_main_ico.png) no-repeat -125px -225px; text-indent:-9999px; overflow:hidden; display:inline-block; vertical-align:middle;}
.csh_login .csh_all_trig_off:hover { width:23px; height:20px; background:url(http://image.chosun.com/newsq/201505/nq_main_ico.png) no-repeat -125px -225px; text-indent:-9999px; overflow:hidden; display:inline-block; vertical-align:middle;}
.csh_login .csh_newsq_trig_off { width:106px; height:26px; margin-right:0px; background:url(http://image.chosun.com/newsq/201505/nq_main_ico.png) no-repeat -0px -175px; text-indent:-9999px; overflow:hidden; display:inline-block; vertical-align:middle;}
.csh_login .csh_newsq_trig_on { width:106px; height:26px; margin-right:0px; background:url(http://image.chosun.com/newsq/201505/nq_main_ico.png) no-repeat -0px -225px; text-indent:-9999px; overflow:hidden; display:inline-block; vertical-align:middle;}
.csh_login .csh_newsq_trig_off:hover { width:106px; height:26px; margin-right:0px; background:url(http://image.chosun.com/newsq/201505/nq_main_ico.png) no-repeat -0px -225px; text-indent:-9999px; overflow:hidden; display:inline-block; vertical-align:middle;}
.csh_art .csh_all, .csh_art #csh_all_id { top:44px;}
.csh_newsq_trig_off { display:none !important; }
.csh_art #csh_search { display:inline-block; position:relative; float:none; vertical-align:middle; margin-top:0px;}
.csh_art #csh_search .csh_search_inputbox_trig { }
.csh_art #csh_search .csh_search_inputbox_trig a { width:40px; height:40px; display:block; background:url(http://image.chosun.com/newsq/201505/nq_main_ico.png) no-repeat -166px -216px; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;}
.csh_art #csh_search .csh_search_inputbox_trig a:hover { background-position:-166px -216px}
.csh_art #csh_search .searchTerm { width:180px; height:30px; padding-left:10px; background:#fff; border:0;  font-size:12px; line-height:30px; color:#b5b5b5; }
.csh_art #csh_search .searchTerm:focus { color:#222;}
.csh_art #csh_search .searchBtn { width:40px; height:40px;  background:url(http://image.chosun.com/main/201505/csh_main_ico.png) no-repeat -150px -50px; border:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; cursor:pointer;}

/*******************************************************************
Footer
********************************************************************/
#csCopy { clear:both; max-width:1160px; margin:0 auto; border-top:solid 1px #909090;}
#csCopy a{color:#333;}
.footer_in { font-size:12px; padding:10px;}
.footer_in + .footer_in { border-top:solid 1px #d9d9d9; overflow:hidden;}
dl.copyright { width:690px; margin:0 auto; overflow:hidden;}
dl.copyright dt { width:206px; padding-top:10px; float:left;}
dl.copyright dt img { margin-right:5px}
dl.copyright dd { display:inline; background: url(http://image.chosun.com/main/201103/corp_line.gif) no-repeat left 3px;padding: 0 2px 0 7px; line-height:1;}
dl.copyright dt + dd, dl.copyright dd.copy { background:none; padding-left:0;}

/*******************************************************************
report content
********************************************************************/
/* top */
.top_report{text-align:center; margin-bottom:30px;}
.top_report h2{position:relative; text-align:center; padding-bottom:18px; margin-bottom:15px; font-size:42px; line-height:1.2em; color:#222; letter-spacing:-3px;}
.top_report h2:after{content:""; display:block; position:absolute; left:50%; bottom:0; margin-left:-5px; width:10px; height:1px; background-color:#222;}
.top_report h2 strong{display:block; font-weight:500;}
.top_report h2 br{display:none; content:"";}
.top_report .txt_info{margin-bottom:28px; font-size:15px; line-height:1.6em; letter-spacing:-1px}
.top_report .txt_tel{text-align:center;}
.top_report .txt_tel a{color:#222; text-decoration:none;}
/* content */
.content_report .w_inner:after, .content_report .w_inner .box_frame:after{content:""; display:block; clear:both;}
.content_report .w_inner .box_frame:nth-child(1){float:left; width:736px; height:400px;}
.content_report .w_inner .box_frame:nth-child(2){float:right; width:358px; height:610px;}
.content_report .w_inner .box_frame:nth-child(3){float:left; width:736px; height:190px; margin-top:20px; background-color:#fff;}
.content_report .w_inner .box_frame:nth-child(1) .left{float:left; width:358px; height:100%; background-color:#fff;}
.content_report .w_inner .box_frame:nth-child(1) .right{float:right; width:358px; height:190px; background-color:#fff;}
.content_report .w_inner .box_frame:nth-child(1) > div:last-child{margin-top:20px;}
.content_report .w_inner .box_frame:nth-child(2) > div{height:190px; background-color:#fff;}
.content_report .w_inner .box_frame:nth-child(2) > div:last-child{height:400px; margin-top:20px;}
.content_report .w_inner .box_frame .item_con{height:100%; border:1px solid #eee; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.content_report .w_inner .box_frame .item_con .inner{padding:28px 30px;}
.content_report .w_inner .box_frame .item_con .inner h3{margin-bottom:10px; font-size:22px; line-height:1; color:#222; font-weight:500; letter-spacing:-1px;}
.content_report .w_inner .box_frame .item_con .inner p.txt{margin-bottom:27px; font-size:14px; line-height:1.7em; letter-spacing:-1px;}
/* internet */
.content_report .w_inner .box_frame .item_con.item_internet{background:url('http://image.chosun.com/section/offer/bg_internet.jpg') no-repeat 100% 100%; -webkit-background-size:cover; background-size:cover;}
/* email*/
.content_report .w_inner .box_frame .item_con.item_email{background:#fff url('http://image.chosun.com/section/offer/bg_email.jpg') no-repeat 90% 85%;}
.content_report .w_inner .box_frame .item_con.item_email p.txt{margin-bottom:15px;}
.content_report .w_inner .box_frame .item_con.item_email .link_email{font-weight:bold; color:#444;}
/* video */
.content_report .w_inner .box_frame .item_con.item_video{background:#fff url('http://image.chosun.com/section/offer/bg_video.jpg') no-repeat 0 0; -webkit-background-size:cover; background-size:cover;}
/* sns */
.content_report .w_inner .box_frame .item_con.item_sns p.txt{margin-bottom:47px;}
/* webhard */
.content_report .w_inner .box_frame .item_con.item_webhard{background:#e3e3e3 url('http://image.chosun.com/section/offer/bg_webhard.jpg') no-repeat 100% 95%;}
/* phone */
.content_report .w_inner .box_frame .item_con.item_phone{background:#abb7c7 url('http://image.chosun.com/section/offer/bg_phone.jpg') no-repeat 100% 0; -webkit-background-size:cover; background-size:cover;}
.content_report .w_inner .box_frame .item_con.item_phone .inner p.txt{margin-bottom:0;}
.content_report .w_inner .box_frame .item_con .btn_area{font-size:0;}
.content_report .w_inner .box_frame .item_con .btn_area a{margin-right:10px;}
.content_report .account_web{margin-bottom:20px;}
.content_report .account_web:after{content:""; display:block; clear:both;}
.content_report .account_web li{float:left; line-height:1;}
.content_report .account_web li strong{display:inline-block; margin-right:5px;}
.content_report .account_web li:first-child{position:relative; margin-right:8px; padding-right:8px;}
.content_report .account_web li:first-child:after{content:""; display:block; position:absolute; right:0; top:50%; margin-top:-6px; width:1px; height:12px; background-color:#a4a4a4;}

/* 
 * 모바일 : 639 이하
 * 태블릿 : 640~768
 * 데스크탑 : 769 이상
*/
/* 태블릿 가로 */
@media screen and (max-width:1024px){
	
}

/* 태블릿 세로 */
@media screen and (max-width:768px) {

	/*******************************************************************
	report content
	********************************************************************/
	.container{width:100%; padding:42px 15px 30px 15px}
	.content_report .w_inner .box_frame:nth-child(1){float:none; width:100%; height:400px; margin-bottom:10px;}
	.content_report .w_inner .box_frame:nth-child(1) .left{
		width : 48%; /* 구식 브라우저를 위한 대비책(fallback) */
	    width : -webkit-calc(50% - 5px); /* for Chrome, Safari */
	    width :    -moz-calc(50% - 5px); /* for Firefox */
	    width :         calc(50% - 5px); /* for IE */
	}
	.content_report .w_inner .box_frame:nth-child(1) .right{
		width : 48%; /* 구식 브라우저를 위한 대비책(fallback) */
	    width : -webkit-calc(50% - 5px); /* for Chrome, Safari */
	    width :    -moz-calc(50% - 5px); /* for Firefox */
	    width :         calc(50% - 5px); /* for IE */
	}
	.content_report .w_inner .box_frame:nth-child(1) > div:last-child{margin-top:10px; height:200px;}
	.content_report .w_inner .box_frame:nth-child(2){float:none; width:100%; height:auto; margin-bottom:10px;}
	.content_report .w_inner .box_frame:nth-child(2) > div{height:auto;}
	.content_report .w_inner .box_frame:nth-child(3){float:none; width:100%; height:auto; margin-bottom:10px; margin-top:0;}
	.content_report .w_inner .box_frame:nth-child(2) > div:last-child{margin:0; height:auto;}
	.content_report .w_inner .box_frame .item_con.item_sns{margin-bottom:10px;}
	
	/*******************************************************************
	Gnb
	********************************************************************/
	.csh_art_in { width:100%; margin:0 auto; position:relative;  z-index:5 }
	h2#csh_brand a.csh_cs { left:10px; background-size: 300px; background-position: 0px -225px;}
	.csh_art .csh_login { right:10px;}
	.csh_art #csh_search .searchTerm { position:absolute; top:42px; right:0px; border:solid 1px #ccc; font-size:16px;}

	/*******************************************************************
	Footer
	********************************************************************/
	#csCopy, dl.copyright { width: auto; text-align: center;}
	dl.copyright dt { float:none; margin:0 auto; }
	
}

/* 모바일 */
@media screen and (max-width:640px) {
	/*******************************************************************
	Common
	********************************************************************/
	.top_report h2,
	.item_con .inner h3{font-family:'맑은 고딕', 'Malgun Gothic', 돋움, Dotum, 'Apple SD Gothic Neo', sans-serif;}
	.txt_type_round{padding:7px 33px 7px 33px; font-size:15px;}
	/*.btn_type_01{font-size:17px; padding:9px 21px 5px;}  */
	.btn_type_01{font-size:17px; padding:9px 21px 5px; vertical-align:middle;}
	.btn_type_02{padding:9px 15px 5px 30px;}
	/*******************************************************************
	report content
	********************************************************************/
	.container{padding:30px 15px 25px 15px}
	/* top */
	.top_report h2{padding:0; margin-bottom:15px; font-size:24px; letter-spacing:-2px; line-height:1.3em;}
	.top_report h2 strong{font-weight:bold;}
	.top_report h2:after{display:none}
	.top_report h2 br{display:block;}
	.top_report .txt_info{display:none;}
	/* content */	
	.content_report .w_inner .box_frame:nth-child(1),
	.content_report .w_inner .box_frame:nth-child(2),
	.content_report .w_inner .box_frame:nth-child(3){height:auto; margin-bottom:0;}
	.content_report .w_inner .box_frame:nth-child(1) .left,
	.content_report .w_inner .box_frame:nth-child(1) .right{width:100%; float:none; margin-bottom:10px;}
	.content_report .w_inner .box_frame:nth-child(1) .left{margin-bottom:10px;}
	.content_report .w_inner .box_frame:nth-child(1) .right{height:auto;}
	.content_report .w_inner .box_frame:nth-child(1) > div:last-child{height:auto; margin-top:0;}
	.content_report .w_inner .box_frame:nth-child(2) > div:last-child{margin-bottom:10px;}
	.content_report .w_inner .box_frame .item_con .inner{padding:23px;}
	.content_report .w_inner .box_frame .item_con .inner h3{font-size:20px; margin-bottom:10px; font-weight:bold;}
	.content_report .w_inner .box_frame .item_con .inner p.txt{font-size:17px; line-height:1.3em; margin-bottom:25px; word-break: keep-all;}
	.content_report .w_inner .box_frame .item_con.item_email .link_email{font-size:17px;}
	/* hidden on mobile */
	.content_report .w_inner .box_frame .item_con.item_video,
	.content_report .w_inner .box_frame .item_con.item_webhard{display:none}
	/* email */
	.content_report .w_inner .box_frame .item_con.item_internet{background-position:100% 70%;}
	/* phone */
	.content_report .w_inner .box_frame .item_con.item_phone{background-position:60% 0;}
	.content_report .w_inner .box_frame .item_con.item_phone br{display:none; content:"";}
}

/* 모바일 작은 사이즈 */
@media screen and (max-width:350px) {
	
}