/* Web Font Load */
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');


.top_bg {width:100%; background-image:url(../img/bg.png); background-repeat:no-repeat; background-position:center; background-size:cover;}

.sub_container{margin:0 auto; padding:0 3%; min-width:320px; max-width:640px;}

.top_bar {display:block; float:right; margin:3% 0 5%;}
	.top_bar li {display:inline-block;}
	.top_bar li a {padding-right:2%; display:inline-block; margin-right:10%;}
	.top_bar li a:hover { opacity:0.6;}

.top_img { display:block;}
	.top_img h1 {padding:15% 3% 0; margin:0px;}
	.top_img p {text-align:center; padding:10% 0;}	

.cont_box {padding:0 3%;}
	.cont_box p {margin-bottom:5%;}
	/*.cont_box p:last-child { margin-bottom:0;}*/
	.cont_box .cont_txt {margin:10% 0 5%;}
	.cont_box .cont_btn {text-align:center; padding-bottom:10%;}
	.cont_box .cont_btn a:hover {opacity:0.6;}

/* 리스트 제목 */
.sub_tit {margin:20px 0; margin-top: 60px;}
	.sub_tit h2 {font-size:21px; font-weight:500; font-family:'GmarketSans'; line-height:16px; color:#000; position: relative; padding:0; letter-spacing:-0.1px;}	
	.sub_tit h2::before {border-top: 1px solid #cad6de; content: ""; position: absolute; top: 51%; left: 0; right: 0; bottom: 0; width: 100%;}
	.sub_tit h2 span {background:#fff; padding:2px 12px 2px 0; position: relative;}
	h2:before, h2:after {content:""; display:table;}
	h2:after {clear:both;}	
		
/* 뉴스 리스트 */		
.sub_news {position:relative; min-height:75px; border-bottom:1px solid #dad7d4; padding-bottom:20px; margin-bottom:20px;}
	.sub_news .img{position:absolute; left:0; width:100px; height:75px; overflow:hidden; border-radius:4px;}
		.sub_news .img::before {
			content:""; display:block; width:100%; height:75px; left:0; position:absolute; top:0; border-radius:6px;
			background: -moz-linear-gradient(top, rgba(0,0,0,0.05) 1%, rgba(0,0,0,0.1) 49%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, rgba(0,0,0,0.05) 1%,rgba(0,0,0,0.1) 49%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, rgba(0,0,0,0.05) 1%,rgba(0,0,0,0.1) 49%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		}
		.sub_news .img img { width:100%; height:100%;}
	.sub_news .txt{margin-left:115px;}
		.sub_news .txt h2 {margin-bottom:8px; font-size:16px; line-height:22px; font-weight:600; letter-spacing:-0.1px;}
		.sub_news .txt p {color:#8e8e8e; font-size:14px;}
		.sub_news .txt p span { vertical-align:baseline;}
		.sub_news .txt p span:after {font-size:14px; color:#a5a5a5; content:'l'; padding:0 8px;}
		.sub_news .txt p i {font-size:12px;}				
	.sub_news:last-child  {border:none; margin-bottom:0px;}	

.top_line {padding-top:10px;}	

.itemLink {display:block; width:100%; height:100%; position:absolute; z-index:1; text-shadow:none; color:transparent;}
.itemLink:hover {color:transparent;}

/**/
.sp_box {border:3px solid #fff; position:relative; padding:5%;}
	.sp_box h2 {font-size:26px; font-weight:900; font-family:'Malgun Gothic'; line-height:16px; color:#fff; position:absolute; padding:0; letter-spacing:-0.1px; top:-10px; left:-6px;}
	.sp_box h2 span {background:#00c2aa; padding:0px 20px 10px 0;}
	.sp_box p {font-size:20px; font-weight:bold; color:#FFF; margin-bottom:1.5%;}
	.sp_box p:last-child { margin-bottom:0;}
	
	.sp_link { display:block; margin-bottom:3%}
	.sp_link :last-child { margin-bottom:0;}
	.sp_link span {font-size:20px; font-weight:900; font-family:'Malgun Gothic'; color:#fff; width:40%; display:inline-block; vertical-align:middle;}
	.sp_link a {display:inline-block; margin-left:1%;}
	.sp_link a:hover { opacity:0.6;}
	

/**/
.pop_btn {border:0px;}	
.button {background-color:#f56363; border-radius:10px; box-shadow:0 2px 3px rgba(0, 0, 0, 0.3); color:#fff; cursor:pointer; display:inline-block; padding:5px 20px; text-align:center; text-decoration:none}
.button.small {border-radius:15px; float:right; margin:22px 5px 0; padding:6px 15px}	
.button>span {font-size:18px;}
.button.b-close, .button.bClose {border-radius:7px; box-shadow:none; font:bold 18px sans-serif; padding:0px 5px 2px; position:absolute; right:5px; top:5px}
/**/
.popup {background-color:#fff; border-radius:10px; box-shadow:0 0 25px 5px #999; display:none; width:auto; max-width:640px; height:auto; padding:10px 5px 5px; left:26%; right:26%;}


@media (max-width:440px) {
	.top_bar {margin-top:5%;}
	.top_bar li a { margin-right:20%;}
	.top_img h1 {padding-top:20%;} 
	.top_img p img {width:80%;}
	.cont_box .cont_btn img {width:70%;}
	
	.sp_box {padding-top:7%;}
	.sp_box p {font-size:15px;}
	.sp_link span {font-size:15px; letter-spacing:-1px; vertical-align:top;}
	.sp_link a {width:17%;}
	
	.popup {background-color:#fff; border-radius:10px; box-shadow:0 0 25px 5px #999; display:none; min-width:94%; max-width:640px; height:auto; padding:10px 5px 5px;}
	
}