@charset "utf-8";
@import url("//news.chosun.com/dhtm/css/main/201505/css_reset_2015_min.css");

/*
	작성자 : Lee Keun Ho
	작업시작일 : 2016.07.11
*/



/*******************************************************************
Common
******************************************************************/
html, body{height:100%;}
body{overflow-y:scroll; min-width:320px;}
*{-webkit-text-size-adjust:none; -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_common{background:url('//news.chosun.com/rio/images/all_icon.png') no-repeat;}
a, a:hover, a:focus, a:visited{color:#222;}
input[type="text"], input[type="password"]{-webkit-appearance:none}
input[type="checkbox"]{-webkit-appearance:none;-webkit-border-radius:0}
input:checked[type="checkbox"]{-webkit-appearance:checkbox}
input[type="radio"]{border:none;-webkit-appearance:none}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0}
textarea{-webkit-appearance:none; -webkit-border-radius:0px;}
select{-webkit-appearance:menulist-text}
h1, h2, h3, h4, h5, h6, strong{font-weight:bold}

/* basic size icon */
/*.wrap_module_thum_slide .btnMove button{background:url('//news.chosun.com/rio/images/all_icon.png') no-repeat;}*/
/* half size icon */
/* .top_right_content .btn_more_list,
.wrap_module_schedule .list_schedule li:before{background:url('//news.chosun.com/rio/images/all_icon.png') no-repeat; -webkit-background-size:300px 300px; background-size:300px 300px;} */

/*******************************************************************
Common Style
********************************************************************/
/* .pc_view{} */
.mobile_view{display:none !important;}
/* button */
.btn_ico_arr{position:relative; display:inline-block; padding:0 31px 0 14px; height:31px; line-height:31px; border:1px solid #fff; font-size:13px; font-weight:bold; letter-spacing:-.75px;}
.btn_ico_arr:after{content:""; display:block; position:absolute; right:11px; top:12px; width:15px; height:6px; background:url("//image.chosun.com/realty/icon_all_realty_rwb.png") no-repeat -40px -50px;}

/*******************************************************************
Page button
******************************************************************/
.news_arrows a{display:block; width:50px; height:99px; position:fixed; top:50%; margin-top:-25px; text-indent:-9999px; font-size:0; line-height:0; background:url('//image.chosun.com/main/201505/cs_art_ico.png') no-repeat 0px 0px !important;}
.news_arrows #news_arrow_prev{left:0px; background-position:0px 0px;}
.news_arrows #news_arrow_next{right:0px; background-position:-50px 0px !important;}
.news_go{width:42px; height:42px; position:fixed; bottom:50px !important; right:10px; opacity:1 !important;}
.news_go a{display:block; width:42px; height:42px; background:url('//image.chosun.com/main/201505/cs_art_ico.png') no-repeat; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;}
.news_go #news_go_list{background-position: -150px -450px;}
.news_go #news_go_top{background-position: -150px -500px; margin-top:-1px;}

/*******************************************************************
skip navi to content
********************************************************************/
.skip-content a{display:block; background:#367ec3 !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;}

/*******************************************************************
Header
********************************************************************/
#wrapper div.cs_mgnb_in{max-width:1115px;}
#wrapper.fixed .header{position:fixed; left:0; top:0; width:100%; z-index:9999;}
.header{background:#fff;}
.header div.header_top{position:relative; width:1115px; height:60px; margin:0 auto; padding:10px 0 0 0;}
.header div.header_top h1{width:103px; height:41px; margin-left:2px; background:url('//image.chosun.com/realty/logo.png') no-repeat 0 0; text-indent:-9999em; font-size:0;}
.header div.header_top h1 a{display:block; width:100%; height:100%;}
.header div.header_top ul.sns_area{position:absolute; right:0; top:50%; height:30px; margin-top:-15px; font-size:0;}
.header div.header_top ul.sns_area li{display:inline-block; margin-left:6px; vertical-align:top;}
.header div.header_top ul.sns_area li:first-child{margin-left:0;}
.header div.header_top ul.sns_area li a{display:inline-block; width:30px; height:30px; vertical-align:top;}
.header div.header_top ul.sns_area li a i{display:inline-block; width:100%; height:100%; background:url('//image.chosun.com/realty/icon_all_realty_rwb.png') no-repeat; text-indent:-9999em; font-size:0; vertical-align:top; background-size:500px; -webkit-background-size:500px;}
.header div.header_top ul.sns_area li.fb a i{background-position:-287px -198px;}
.header div.header_top ul.sns_area li.na a i{background-position:-322px -198px;}
.header div.header_top ul.sns_area li.kt a i{background-position:-357px -198px;}
.header div.header_top ul.sns_area li.tw a i{background-position:-393px -198px;}
.header div.header_top ul.sns_area li.int a i{background-position:-429px -198px;}

.header div.header_top div.inner div.wrap_srch div.srch_btn_area{display:none; width:50px; height:50px; position:absolute; right:0; top:0; z-index:2000;}
.header div.header_top div.inner div.wrap_srch div.srch_btn_area button{display:block; width:50px; height:50px; border:0; background:url('//image.chosun.com/realty/icon_all_realty_rwb.png') no-repeat; background-size:500px; -webkit-background-size:500px; background-position:-360px 0; text-indent:-9999em; font-size:0;}
.header div.header_top div.inner div.wrap_srch div.srch_input_area{position:absolute; right:0; bottom:-34px; width:230px; height:28px; z-index:1000}
.header div.header_top div.inner div.wrap_srch div.srch_input_area .srch_inputbox{position:relative; height:100%; padding-left:20px; padding-right:38px; background:#3e77d7; border-radius: 28px}
.header div.header_top div.inner div.wrap_srch div.srch_input_area .srch_inputbox form{height:100%;}
.header div.header_top div.inner div.wrap_srch div.srch_input_area .srch_inputbox form fieldset{height:100%;}
.header div.header_top div.inner div.wrap_srch div.srch_input_area .srch_inputbox form span.InputOutline .searchTerm{width:100%; height:100%; background:none; border:0; color:#fff;}
.searchTerm::-webkit-input-placeholder{/* Chrome/Opera/Safari */ color:#9db5e8;}
.searchTerm::-moz-placeholder{/* Firefox 19+ */ color:#9db5e8;}
.searchTerm:-ms-input-placeholder{/* IE 10+ */ color:#9db5e8;}
.searchTerm:-moz-placeholder{/* Firefox 18- */ color:#9db5e8;}
.header div.header_top div.inner div.wrap_srch div.srch_input_area .srch_inputbox form .searchBtn{display:block; width:28px; height:28px; position:absolute; right:10px; top:0;}
.header div.header_top div.inner div.wrap_srch div.srch_input_area .srch_inputbox form .searchBtn input{display:block; width:100%; height:100%; background:url('//image.chosun.com/realty/icon_all_realty_rwb.png') no-repeat 5px -45px; border:0; font-size:0; text-indent:-9999em; cursor:pointer}
.header div.header_bottom{height:40px; background-color:#2868d2; z-index:9999; transform:translateZ(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); -webkit-transform: translateZ(0); -webkit-font-smoothing: antialiased; z-index:999;}
.header div.header_bottom div.inner{position:relative; width:1115px; margin:0 auto;}
.header div.header_bottom div.inner div.gnb_area{position:relative;}
.header div.header_bottom div.inner div.gnb_area ul.menu_gnb{position:relative; font-size:0;}
.header div.header_bottom div.inner div.gnb_area ul.menu_gnb:after{content:""; display:block; clear:both;}
.header div.header_bottom div.inner div.gnb_area ul.menu_gnb li{float:left; width:auto;}
.header div.header_bottom div.inner div.gnb_area ul.menu_gnb li:first-child{display:none;}
.header div.header_bottom div.inner div.gnb_area ul.menu_gnb li a{position:relative; display:inline-block; height:40px; line-height:40px; padding:0 30px; color:#fff; font-size:16px; font-weight:bold; letter-spacing:-.75px; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.header div.header_bottom div.inner div.gnb_area ul.menu_gnb li a:hover,
.header div.header_bottom div.inner div.gnb_area ul.menu_gnb li a:focus,
.header div.header_bottom div.inner div.gnb_area ul.menu_gnb li a:active,
.header div.header_bottom div.inner div.gnb_area ul.menu_gnb li.current a{background-color:#0642a5; text-decoration:none;}
.menu_r_bg{display:none; position:absolute; right:0; bottom:1px; width:25px; height:100%; background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(80%,#fff)); z-index:999;}
.menu_l_bg{display:none; position:absolute; left:0; bottom:1px; width:25px; height:100%; background:-webkit-gradient(linear,left top,right top,color-stop(16.66%,#fff),color-stop(100%,rgba(255,255,255,0))); z-index:999;}
.slogan{display:block; position:absolute; left:116px; top:35px; width:117px; height:15px; background:url('//image.chosun.com/realty//txt_slogan.png') no-repeat 0 0; text-indent:-9999em; font-size:0;}
/*******************************************************************
Footer
********************************************************************/
.footer{ clear:both; max-width:1160px; margin:0 auto;}
.page_list .footer{max-width:1115px;}
.footer .footer_in{max-width:1115px; border-top: solid 1px #909090;}
.rio_sub_page .footer{border-top:solid 1px #909090;}
.footer_in { font-size:12px; padding:10px;}
.footer_in + .footer_in { border-top:solid 1px #d9d9d9; overflow:hidden;}
dl.copyright { width: 100%; margin:0 auto; overflow:hidden; text-align:left;}
dl.copyright dt { width:206px; padding-top:10px; float:left;}
dl.copyright dt img { margin-right:5px}
dl.copyright dd { display:inline; background: url('//image.chosun.com/main/201103/corp_line.gif') no-repeat left 3px;padding: 0 5px 0 7px;}
dl.copyright dt + dd, dl.copyright dd.copy { background:none; padding-left:0;}
dl.copyright dd.copy{position:relative; left:auto; top:auto}
.footer .footer_mo{display:none; text-align:center; padding:20px 0 15px 0; font-size:12px; color:#999;}

/*******************************************************************
Common Layout
********************************************************************/
.display_table{display:table; table-layout:fixed; width:100%;}
.row{display:table-row;}
.cell{display:table-cell;vertical-align:middle}
.col_2 > li{width:50% !important;}
.col_3 > li{width:33.33% !important;}

/*******************************************************************
Paginate
********************************************************************/
.wrap_paginate .mobile_paging{display:none;}
.wrap_paginate .mobile_paging strong{color:#666;}
.paginate {padding:15px 0;text-align:center;line-height:normal; font-size:0;}
.paginate *{text-align:center;display:inline-block;position:relative;padding:2px 10px;font-size:13px;font-family:'Malgun Gothic', 돋움, Dotum, 'Apple SD Gothic Neo';color:#666;line-height:normal;text-decoration:none;vertical-align:middle}
.paginate a:hover, .paginate a:active, .paginate a:focus{text-decoration:none}
.paginate strong{color:#d61b21;text-decoration:underline}
.paginate .direction{padding:0 6px;font-weight:bold;font-size:14px;color:#666;text-align:center}
.paginate .direction .Prev {background:url('//thestory.chosun.com/2016/images/story_ui.png') no-repeat -300px -575px;width:7px;height:13px;margin:2px 8px;padding:0;text-indent:-9999px;display:inline-block;vertical-align:middle;}
.paginate .direction .Next {background:url('//thestory.chosun.com/2016/images/story_ui.png') no-repeat -325px -575px;width:7px;height:13px;margin:2px 8px;padding:0;text-indent:-9999px;display:inline-block;vertical-align:middle;}
.paginate .view_page {color:#666;}
.paginate em {display:none}

/*******************************************************************
Ie8 Hack
********************************************************************/
@media \0screen{

}

/*******************************************************************
Responsive Style
********************************************************************/

/* Only Pc */
@media all and (min-width:769px) {
	/*******************************************************************
	Header
	********************************************************************/
	.header div.header_bottom div.inner div.gnb_area ul.menu_gnb li a:active{box-shadow:inset 0 3px 5px rgba(0,0,0,.3)}
}

/*1600px Device */
@media all and (max-width:1600px) { }

/*1200px Device */
@media all and (max-width:1200px) { }

/*Tablet Device 가로 및 작은 해상도의 랩탑이나 데스크톱에 대응하는 코드 작성*/
@media all and (max-width:1024px) {
	/*******************************************************************
	Header
	********************************************************************/
	.header div.header_top,
	.header div.header_bottom div.inner{width:1000px;}
	/*******************************************************************
	Footer
	********************************************************************/
	.footer{padding:0 10px;}
}



/*Tablet & Mobile Device 코드 작성*/
@media all and (max-width:768px) {
	/* .pc_view{display:none !important;} */
	.mobile_view{display:block !important;}
	/*******************************************************************
	Header
	********************************************************************/
	.header div.header_top{width:100%; height:50px; padding:0 12px; background-color:#2868d2;}
	.header div.header_top h1{position:relative; top:10px; margin-left:0px; width:69px; height:28px; background-position:0 -67px; background-size:150px; -webkit-background-size:150px;}
	.header div.header_top ul.sns_area{right:auto; left:100px;}
	.header div.header_top ul.sns_area li{margin-left:10px;}
	.header div.header_top ul.sns_area li a{position:relative; width:30px; height:30px; border:1px solid #8aade6; border-radius:50%;}
	.header div.header_top ul.sns_area li a i{position:absolute; left:50%; top:50%; transform:translate( -50%, -50% );}
	.header div.header_top ul.sns_area li.fb a i{width:7px; height:12px; background-position:-287px -50px;}
	.header div.header_top ul.sns_area li.na a i{width:9px; height:14px; background-position:-311px -50px;}
	.header div.header_top ul.sns_area li.kt a i{width:7px; height:12px; background-position:-335px -50px;}
	.header div.header_top ul.sns_area li.tw a i{width:13px; height:10px; background-position:-287px -32px;}
	.header div.header_top ul.sns_area li.int a i{width:13px; height:13px; background-position:-311px -32px;}
	.header div.header_top div.inner div.wrap_srch div.srch_input_area{display:block; right:auto; bottom:auto; left:50%; top:50%; width:0; height:100%; padding:5px 50px 5px 15px; transform:translate( -50%, -50% ); opacity:0; visibility:hidden;
		-webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
		-o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
		transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	}
	.header div.header_top div.inner div.wrap_srch div.srch_input_area .srch_inputbox{background-color:#fff; padding-right:39px;}
	.header div.header_top div.inner div.wrap_srch div.srch_input_area .srch_inputbox form .searchBtn{width:29px; height:29px; padding:0; top:50%; transform:translateY(-50%);}
	.header div.header_top div.inner div.wrap_srch div.srch_input_area .srch_inputbox form .searchBtn input{background-position:-178px -59px; background-size:500px; -webkit-background-size:500px;}
	.header div.header_top div.inner div.wrap_srch div.srch_input_area .srch_inputbox form .searchBtn input.in_focus{background-position:-207px -59px}
	.header div.header_top div.inner div.wrap_srch div.srch_input_area .srch_inputbox form span.InputOutline .searchTerm{font-size:14px; color:#999}
	.header div.header_top div.inner div.wrap_srch div.srch_btn_area{display:block;}

	.header div.header_top div.inner div.wrap_srch div.srch_btn_area button{
		/*-webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
		-o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
		transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);*/
	}

	.header div.header_top div.inner div.wrap_srch.open_srch div.srch_btn_area button{background-position:-360px -50px;}
	.header div.header_top div.inner div.wrap_srch.open_srch div.srch_input_area{width:100%; opacity:1; visibility:visible;}
	.header div.header_bottom{background-color:#fff; border-bottom:1px solid #d7d7d7; height:50px;}
	.header div.header_bottom div.inner{width:100%;}
	.header div.header_bottom div.inner div.gnb_area ul.menu_gnb li:first-child{padding-left:15px; display:none;}
	.header div.header_bottom div.inner div.gnb_area ul.menu_gnb li:last-child{padding-right:15px;}
	.header div.header_bottom div.inner div.gnb_area ul.menu_gnb li a{height:50px; padding:0; line-height:50px; color:#000; font-size:17px; font-weight:600;}
	.header div.header_bottom div.inner div.gnb_area ul.menu_gnb li a span{padding:0 12px; height:100%;}
	.header div.header_bottom div.inner div.gnb_area ul.menu_gnb li a:hover,
	.header div.header_bottom div.inner div.gnb_area ul.menu_gnb li a:focus,
	.header div.header_bottom div.inner div.gnb_area ul.menu_gnb li a:active,
	.header div.header_bottom div.inner div.gnb_area ul.menu_gnb li.current a{background-color:transparent; color:#2868d2;}
	.header div.header_bottom div.inner div.gnb_area ul.menu_gnb li.current a{ background-color:transparent;}
	.header div.header_bottom div.inner div.gnb_area ul.menu_gnb li.current a span{display:block; border-bottom:2px solid #2868d2;}

	.menu_r_bg,	.menu_l_bg{display:block;}
	.slogan{display:none;}
	/*.header div.header_bottom div.inner div.gnb_area ul.menu_gnb li.current a:after{content:""; display:block; width:100%; height:2px; position:absolute; left:0; bottom:-1px; background-color:#2868d2;}*/
	/*******************************************************************
	Footer
	********************************************************************/
    #csCopy { width:100%; min-width:320px; }
    dl.copyright { width:100%; text-align:center}
    dl.copyright dt { float:none; margin:0 auto}
    .footer .footer_in{display:none;}
    .footer .footer_mo{display:block}
    /*******************************************************************
	Paginate
	********************************************************************/
	.wrap_paginate .mobile_paging{display:block;}
	.wrap_paginate .pc_paging{display:none;}

}

/*Mobile Device 코드 작성(세로모드)*/
@media all and (max-width:350px) {
	.header div.header_top div.inner div.wrap_srch.open_srch div.srch_input_area{width:95%}
}