@charset "utf-8";

/*reset
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, caption, form, fieldset, legend, input {margin:0;padding:0} img, fieldset {border:0} ul, ol, li{list-style-type:none;} li img{vertical-align:top;}*/
/*font
@font-face {
font-family: 'SamsungIFBd';
src: url('../../font/SamsungIF_Bd.eot');
src: url('../../font/SamsungIF_Bd.eot?#iefix') format('embedded-opentype'),
	 url('../../font/SamsungIF_Bd.woff') format('woff'),
	 url('../../font/SamsungIF_Bd.ttf') format('truetype'),
	 url('../../font/SamsungIF_Bd.svg#SamsungIF_Bd') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
    font-family: 'SamsungIFRg';
    src: url('../../font/SamsungIF_Rg.eot');
    src: url('../../font/SamsungIF_Rg.eot?#iefix') format('embedded-opentype'),
         url('../../font/SamsungIF_Rg.woff') format('woff'),
         url('../../font/SamsungIF_Rg.ttf') format('truetype'),
         url('../../font/SamsungIF_Rg.svg#SamsungIF_Rg') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
/**/
#contentsArea .clearfix:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#contentsArea .clearfix{display:block;}
#contentsArea{width:100%; max-width:1310px; margin:20px auto 0;}
#contentsArea h2, #contentsArea h3, #contentsArea h4,  #contentsArea p,  #contentsArea li,  #contentsArea span,  #contentsArea a{font-weight:normal; font-family:'SamsungIFRg', 'Arial', 'sans-serif';}
#contentsArea h2, #contentsArea h3{font-size:24px; color:#0057a4; text-align:left;}
#contentsArea p, #contentsArea li{font-size:18px; text-align:left;}
#contentsArea .key_visual img{display:block; width:100%;}
#contentsArea .key_visual .inner_txt{padding:45px 0 10px;}
#contentsArea .key_visual .inner_txt p{padding-bottom:10px; line-height:1.3;}
#contentsArea .key_visual .inner_txt p:last-child{padding-bottom:0;}

#contentsArea a{color:#0057a4; text-decoration:underline;}
#contentsArea .column{width:100%; background-color:#fff; margin-bottom:0px;}
#contentsArea .column .thumbnail{width:50%;}
#contentsArea .column .thumbnail .thumb_inner{position:relative; overflow:hidden; height:345px; }
#contentsArea .column .thumbnail .thumb_inner span{float:left; position:relative; left:50%; height:100%;}
#contentsArea .column .thumbnail .thumb_inner img{position:relative;left:-50%; height:100%;}
#contentsArea .column .thumbnail .caption{display:block;padding:5px 0 0;font-size:12px;text-align:center;}

#contentsArea .column.left .thumbnail{float:left; padding:20px 15px 10px 0px;}
#contentsArea .column.right .thumbnail{float:right; padding:20px 0px 10px 20px;}
#contentsArea .column.second_col .inner_txt{padding:0px 0px 0;}
#contentsArea .column .inner_txt{padding:20px 0px 0; line-height:1.3;}
#contentsArea .column .inner_txt .title{padding:0px 0 10px; line-height:1;}
#contentsArea .column .inner_txt .desc{padding:0 0 30px; margin-top:-3px;}
#contentsArea .column .inner_txt .desc2{padding:0 0 15px;}
#contentsArea .column .inner_txt .desc span{font-size:14px;}
#contentsArea .column ul,
#contentsArea .column li{list-style-type:disc; margin-left:8px;}
#contentsArea .column li{padding-bottom:15px;}
#contentsArea .column .inner_txt .desc .italic{font-style:italic; font-size:18px;}
#contentsArea .italic{font-style:italic; font-size:18px;}


/*mobile*/
@media (max-width:767px) { 
	#contentsArea h2, 
	#contentsArea h3{font-size:20px;}
	#contentsArea p, 
	#contentsArea li{font-size:14px;}
	#contentsArea .column .thumbnail{width:100%;}
	#contentsArea .column .thumbnail .thumb_inner{height:auto; }
	#contentsArea .column .thumbnail .thumb_inner span{float:none; position:relative; left:0%; height:auto;}
	#contentsArea .column .thumbnail .thumb_inner img{position:relative;left:0; height:auto; width:100%;}
	#contentsArea .column.left .thumbnail{float:none; padding:0;}
	#contentsArea .column.right .thumbnail{float:none; padding:0;}
	#contentsArea .column .inner_txt .title{padding:0px 0 19px;}
	#contentsArea .column.item4 .inner_txt .title{padding:0px 0 19px;}
	#contentsArea .column .inner_txt .desc span{font-size:12px;}
	#contentsArea .column .inner_txt .desc .italic{font-style:italic; font-size:14px;}
	#contentsArea .italic{font-style:italic; font-size:14px;}
}