@charset "utf-8";
/*모바일 공통 css*/

	/*초기화*/
html, body, h1, h2, p, ol, ul, li, dt, dd, a, img { margin: 0; padding: 0; }
li { list-style: none; } /*기호초기화*/
img { border: 0; } /*이미지에 하이퍼링크 border 없애기*/
a { text-decoration: none; } /*하이퍼링크 밑줄없애기*/
* {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
label {margin:0;}


body{
    font-family: 'Apple SD Gothic Neo','맑은 고딕','Malgun Gothic','돋움',dotum,'굴림',gulim,applegothic,sans-serif;
    background: #f1f1f1;
}


#wrap{
    width:100%;
    position: relative;
}

#header{
	background: #e44b3b;
	height: 44px;
	text-align: center;
	
}

#header a{
	padding-top: 12px;
	display: inline-block;
}

.header_logo{
	height:16px;
}

#contents{
	padding: 15px;
}

.section{
	 margin-bottom: 14px;
	 overflow: hidden;
}

#forecast ul{
	border: 1px solid #ccc;
	overflow: hidden;
	background: #fff;
}

#forecast ul li{
	width:25%;
 	height: 85px; 
	border-right: 1px solid #ccc;
	float: left;
	text-align: center;
	padding: 12px;
}
#forecast ul li:last-of-type{
	border-right: 0;
}

#forecast ul li h{
	color: #333;
	font-size: 14px;
	margin-bottom: 5px;
	display: block;
	
}

.ic_weather{
 	height: 40px; 
	display: block;
	margin: 0 auto;
}

.article_box{
	width:50%;
	float: left;
}

#sec2 .article_box h{
	font-size: 13px;
	color: #fff;
	background: #da493a;
	width: 100%;
	display: block;
	text-align: center;
	padding:5px 0;
	letter-spacing: -0.5px;
	border-bottom: 1px solid #ccc;
}

#sec2 .article_box ol{
	list-style: decimal;
	padding-left: 20px;
	font-size: 13px;
	margin:8px 0;
}

#sec2 .article_box ol li{
	list-style: decimal;
	margin-top:3px;
}

#sec2 .article_box .wrap_box{
	background: #fff;
	overflow: hidden;
	border: 1px solid #ccc;
}

#sec2 .article_box:nth-of-type(1){
	padding-right: 5px;
}

#sec2 .article_box:nth-of-type(2){
	padding-left: 5px;
}


#market a{
	color:#f6f6f6;
	width:100%;
	display: block;
	background-image: url('../img/bg01.jpg');
	background-size: cover;
}


#market a h{
	padding:10px 15px;
	font-size: 14px;
	display: block;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

#market a h span{
	float: right;
	font-size: 13px;
}

.btn_r_arrow{
	height: 12px;
	vertical-align: middle;
	margin-top:-3px;
	margin-left:4px;
}

#market a  ul{
	background: rgba(37,38,40,0.6);
	font-size: 13px;
	overflow: hidden;
	padding:15px 0;
}

#market a  ul li{
	width:50%;
	float: left;
	margin-top:3px;
	padding:0 15px;
	text-align: center;
	letter-spacing: -0.5px;
}

#market > p{
	font-size: 12px;
	color: #515151;
	text-align: center;
	margin-top: 10px;
}

#tradar_btn a{
	background: #1c418e;
	color:#fff;
	height: 35px;
	line-height: 35px;
	padding:0 15px;
	display: block;
	font-size: 13px;
}


#tradar_btn a > img{
	height: 13px;
	margin-top: 10px;
}

#tradar_btn a span{
	float: right;
	font-size: 13px;
}


#btn_sec .article_box{
	color:#f6f6f6;
	font-size: 13px;
    width:50%;
}


#btn_sec .article_box .wrap_box{
	display: block;
	text-align: center;
	width:100%;
	height: 100%;
    position: relative;
    
}

#btn_sec .article_box .wrap_box:before {
    content: "";
    display: block;
    padding-top: 64.28%;
}

#btn_sec .article_box .wrap_box > div{
	position: absolute;
    top: 40%;
    margin-top: -20px;
    left: 0;
    bottom: 0;
    right: initial;
    width:100%;
}	

#btn_sec .article_box .wrap_box > div span{
	margin-top:12px;
	display: block;
	position: absolute;
	bottom:15px;
	left: 0;
    right: 0;
}
	
	
#btn_sec .article_box:nth-of-type(1){
	padding-right: 5px;
}

#btn_sec .article_box:nth-of-type(2){
	padding-left: 5px;
}


#btn_sec .article_box:nth-of-type(1) .wrap_box {
	background-image: url('../img/bg02.jpg');
	background-size: cover;
}

#btn_sec .article_box .wrap_box div > img{
	height: 14px;
	color:#fff;
	display:block;
	margin:0 auto;
	margin-bottom: 5px;
}



#btn_sec .article_box .wrap_box div > span img{
	height: 11px;
	vertical-align: middle;
    margin-top: -2px;
    margin-left: 4px;
}

#btn_sec .article_box:nth-of-type(2) .wrap_box {
	background-image: url('../img/bg03.jpg');
	background-size: cover;
}


#confirm_btn a{
	background: #da493a;
	color:#fff;
	height: 35px;
	line-height: 35px;
	padding:0 15px;
	display: block;
	font-size: 13px;
}


#confirm_btn a > img{
	height: 13px;
	margin-top: 10px;
}

#confirm_btn a span{
	float: right;
	font-size: 13px;
}


#guide_btn a{ 
	color:#333;
	background: #fff;
	height: 35px;
	line-height: 35px;
	padding:0 15px;
	display: block;
	font-size: 13px;
	border:1px solid #ccc;
}

#guide_btn img{
	height: 13px;
	margin-top: 10px;
	float: right;
}


#contact{
	color:#333;
	background: #fff;
	padding: 15px;
	display: block;
	font-size: 13px;
	border:1px solid #ccc;
	position: relative;
	letter-spacing: -0.2px;
}

#contact h{
	color: #333;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}

#contact span{
	color: #da493a;
}

#contact span:nth-of-type(2){
	color:#646464;
	font-size: 12px;
}

#contact .btn_call{
	position: absolute;
	right:15px;
	bottom:15px;
	color:#da493a;
	border:1px solid #da493a;
	border-radius: 20px;
	font-size: 13px;
	padding:5px 10px;
}